/* Home/whatsapp: measured against the public presentation at 1920 and 390px. */
.home-reference{--home-purple:#ab58f4;--home-deep:#4a37b6;--home-border:rgba(128,128,128,.15);background:#040607;color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}
.home-reference [hidden]{display:none!important}
#home-matrix{position:fixed;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none;z-index:0}
.home-main{position:relative;z-index:1;width:100%;max-width:600px;margin:0 auto;padding:24px 16px;animation:home-fade .4s ease-out}
.home-logo{margin-bottom:28px;text-align:center;line-height:0}
.home-logo a{display:inline-block}
.home-logo img{display:block;width:121px;height:auto;max-width:100%;margin:auto}
.home-progress{height:12px;width:min(100%,400px);margin:0 auto 28px;overflow:hidden;border-radius:999px;background:#ffffff14}
.home-progress span{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(135deg,var(--home-deep),var(--home-purple));transition:width .55s ease}
.home-progress.is-loading span{width:40%;animation:home-loading 1.4s ease-in-out infinite}
.home-reference h1{max-width:none;margin:0 0 16px;font-size:clamp(18px,5.2vw,25.6px);font-weight:700;line-height:1.2;letter-spacing:normal;text-align:center}
.home-reference em{font-style:normal;color:var(--home-purple)}
.home-subtitle{color:#d1d5db;font-size:16px;line-height:24px;margin:0 0 24px;padding:0 30px;text-align:center}
.home-film{width:100%;margin:0 auto 24px;overflow:hidden;border:1px solid var(--home-border);border-radius:24px;background:#000}
.home-player{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:3/4;background:#08070d}
.home-player video{display:block;width:100%;height:100%;object-fit:contain;background:#08070d}
.home-player video::cue{font-family:Arial,Helvetica,sans-serif;background:#09070de6;color:white}
.home-voice-label{position:absolute;left:8px;top:8px;z-index:2;padding:3px 7px;border-radius:6px;font-size:10px;line-height:16px;background:#000b;color:#e5e7eb;pointer-events:none}
.home-video-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:18px;background:#970bc6;color:white;text-align:center}
.home-video-prompt p{margin:0;font-size:20px;font-weight:700;line-height:1.4}
.home-video-prompt button{display:flex;align-items:center;justify-content:center;gap:13px;border:0;background:none;color:white;font:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:4px}
.home-video-prompt button span{display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1}
.home-media-status{font-size:12px;line-height:1.5;color:#fca5a5;margin:0 0 16px}
.home-card{padding:32px;margin:0 0 24px;border:1px solid #6452d44d;border-radius:24px;background:#111517a6;box-shadow:0 4px 20px #4a37b626;animation:home-arrive .4s ease-out}
.home-card-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.home-card-heading img{flex-shrink:0;width:64px;height:64px;object-fit:cover;border:2px solid var(--home-purple);border-radius:50%}
.home-card-heading h2{margin:0;text-align:left;font-size:20px;font-weight:700;line-height:28px}
.home-access-form label{display:block;font-size:14px;line-height:20px;color:#d1d5db;margin:0}
.home-input-group{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--home-border);border-radius:12px;background:#0c1011cc;min-height:54px;margin-bottom:24px}
.home-input-group:focus-within{border-color:var(--home-purple);box-shadow:0 0 0 3px #ab58f41a}
.home-input-group>span:first-child{font-size:24px;line-height:28px}
.home-country{font-size:14px;color:#a1a1aa}
.home-input-group input{min-width:0;width:100%;padding:0;background:transparent;border:0;outline:none;font:inherit;font-size:14px;line-height:22.4px;color:#f9f9f9}
.home-input-group input::placeholder{color:#6b7280}
#home-phone-error{color:#fca5a5;font-size:12px;line-height:18px;margin:-14px 0 16px}
.home-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,var(--home-purple),var(--home-deep));color:white;padding:24px;min-height:76.8px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,filter .2s;animation:home-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.home-primary svg{width:28.8px;height:28.8px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.home-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}
.home-primary:active{transform:translateY(0) scale(.985)}
.home-permission{font-size:11px;line-height:1.6;color:#9ca3af;margin:0 12px;text-align:center}
.home-login{display:block;width:fit-content;margin:12px auto 0;font-size:12px;color:#c4a0e8;text-underline-offset:3px}
.home-footer{text-align:center;margin:32px 0 0;padding:32px 16px;color:#9ca3af;font-size:11px;line-height:17.6px;border-top:1px solid #ffffff0a}
.home-footer>img{display:block;width:60px;height:40px;object-fit:contain;margin:0 auto 12px}
.home-footer>p{margin:0 0 12px}
.home-footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.home-footer-links button{padding:0;background:none;border:0;color:inherit;font:inherit;font-size:11px;cursor:pointer;transition:color .2s}
.home-footer-links button:hover{color:#d8b4fe}
.home-footer .home-disclosure{margin:16px auto 18px;max-width:470px;font-size:10px;line-height:16px;color:#7d8491}
.home-footer .intro-script{margin:12px 0;text-align:left;padding:12px 16px;background:#0c1011b3;border-color:#ffffff12}
.home-footer .intro-script summary{font-size:11px;color:#a7a1b1;font-weight:400}
.home-footer .intro-script div{font-size:12px;line-height:1.7}
.home-resources summary{font-size:11px;cursor:pointer}
.home-resources .intro-help{font-size:11px;gap:12px 18px;margin:18px 0}
.home-dialog{width:calc(100% - 32px);max-width:680px;max-height:85svh;padding:0;border:1px solid #6452d44d;border-radius:20px;background:#0c1011;color:#d1d5db;box-shadow:0 24px 90px #0009;font-family:inherit}
.home-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}
.home-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#0c1011}
.home-dialog h2{font-size:20px;margin:0;color:#f9f9f9;line-height:1.4}
.home-dialog header button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:8px;background:#ffffff08;color:#d1d5db;font-size:28px;cursor:pointer}
.home-dialog>div{padding:6px 24px 24px;font-size:13px;line-height:1.8}
.home-dialog h3{font-size:13px;color:#e5e7eb;margin:18px 0 6px}
.home-dialog p{margin:0 0 12px}
.home-dialog a{color:#c4a0e8}
.home-reference :is(button,a,input,summary):focus-visible{outline:3px solid #c28cfa;outline-offset:4px}
.home-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes home-fade{from{opacity:0}to{opacity:1}}
@keyframes home-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-loading{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
@keyframes home-pulse{0%,100%{box-shadow:0 6px 24px #ab58f480,0 0 0 0 #ab58f466}50%{box-shadow:0 6px 24px #ab58f480,0 0 0 8px #ab58f400}}
@media(max-width:600px){.home-main{padding:12px}.home-logo{margin-bottom:20px}.home-logo img{width:24vw;max-width:121px}.home-progress{width:90%;margin-bottom:20px}.home-reference h1{margin-bottom:12px}.home-subtitle{font-size:14px;line-height:21px;margin-bottom:5vw}.home-film{margin-bottom:5vw}.home-card{padding:5vw;margin-bottom:5vw;border-radius:5vw}.home-card-heading{margin-bottom:5vw}.home-input-group{padding:8px 12px;min-height:46px;gap:8px;margin-bottom:5vw;border-radius:3vw}.home-input-group input{font-size:12px;line-height:19.2px}.home-primary{padding:5vw;min-height:0;font-size:14px;line-height:22.4px;border-radius:4vw}.home-primary svg{width:24px;height:24px}.home-footer{margin-top:7vw;padding:20px 12px}.home-dialog header{padding:16px 18px}.home-dialog>div{padding:4px 18px 18px}}
@media(prefers-reduced-motion:reduce){.home-main,.home-card,.home-primary,.home-progress span{animation:none;transition:none}.home-primary:hover{transform:none}.home-progress.is-loading span{width:100%;opacity:.5}}
