:root{--bg:#061011;--screen:#091719;--card:#122829;--card2:#173234;--line:#285450;--teal:#00d8c5;--teal-soft:#a1e6db;--text:#eaf7ef;--muted:#a6c0b6;--warn:#f5a499}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;left:12px;top:-80px;z-index:50;background:var(--teal);color:#002521;padding:12px 16px;font-weight:700;border-radius:7px}
.skip-link:focus{top:12px}
.opening-film{height:100svh;min-height:360px;display:flex;align-items:center;justify-content:center;background:#020808}
.opening-film video{display:block;width:100%;height:100%;object-fit:contain;background:#020808}
.film-picture{width:100%;height:100%;position:relative;min-height:0;display:flex;align-items:center;justify-content:center}
.opening-film.player-ready{flex-direction:column;padding:0 24px;background:#020808}
.player-ready .film-picture{flex:1;height:auto;min-height:0;width:100%}
.player-ready video{position:absolute;inset:0;cursor:pointer}
.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:17px 23px;border:1px solid #59ebd8;border-radius:30px;background:#072420ee;color:#eefcf7;box-shadow:0 8px 32px #0008;font-weight:700;cursor:pointer}
.film-start>span:first-child{color:var(--teal);font-size:20px}
.film-start:hover{background:#154b43}
.film-controls{flex:none;width:100%;max-width:1400px;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#020808;z-index:1}
.film-timeline{display:flex;align-items:center;gap:18px}
.film-timeline output{flex:none;color:#bad3cb;font:12px ui-monospace,Consolas,monospace;min-width:96px;text-align:right;font-variant-numeric:tabular-nums}
#film-seek{--played:0%;flex:1;min-width:0;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}
#film-seek::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--teal) 0 var(--played),#36504b var(--played) 100%)}
#film-seek::-moz-range-track{height:5px;border-radius:5px;background:#36504b}
#film-seek::-moz-range-progress{height:5px;background:var(--teal);border-radius:5px}
#film-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid #06241e;border-radius:50%;background:#c2fff4;margin-top:-5.5px;box-shadow:0 0 0 1px #5acbbb}
#film-seek::-moz-range-thumb{width:14px;height:14px;border:2px solid #06241e;border-radius:50%;background:#c2fff4}
.film-actions{display:flex;align-items:center;gap:8px;margin-top:4px}
.film-actions button,.film-speed select{min-height:44px;padding:8px 12px;border:1px solid #29433d;border-radius:8px;background:#10211f;color:#e6f9f1;font:600 13px Arial,sans-serif;cursor:pointer;white-space:nowrap}
.film-actions button:hover,.film-speed select:hover{background:#1b3933;border-color:#4c9c8f}
#film-play{min-width:88px;background:#00d8c5;color:#002922;border-color:#00d8c5}
.film-actions button:disabled,#film-seek:disabled{opacity:.4;cursor:default}
.film-spacer{flex:1}
.film-speed{display:flex;align-items:center;gap:8px;font-size:12px;color:#a6c0b6;white-space:nowrap}
.film-speed select{color:#e6f9f1;min-width:75px}
#film-volume{width:85px;accent-color:var(--teal);cursor:pointer}
#film-status{min-height:16px;margin:9px 0 0;color:#93afa5;font-size:11px;line-height:1.4;text-align:center}
.film-controls [hidden],.opening-film [hidden]{display:none!important}
.opening-film :is(input,select):focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.opening-film:fullscreen{height:100%;width:100%;min-height:0}
@media(max-width:600px){.opening-film.player-ready{padding:0 12px}.film-actions{gap:5px;flex-wrap:wrap}.film-actions button{padding:8px 10px;min-width:44px}#film-play{min-width:73px}.film-speed{font-size:0;gap:0}.film-speed select{min-width:66px;padding:8px}#film-volume{display:none}.film-timeline{gap:10px}.film-timeline output{min-width:87px;font-size:11px}#film-status{font-size:10px}.film-start{white-space:nowrap}}
@media(max-height:450px){.film-controls{padding-block:3px}.film-actions button,.film-speed select{min-height:34px}#film-status{display:none}.opening-film.player-ready{min-height:0}}
.app-stage{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 42%,#143c38 0,#0a2021 35%,#061011 76%);overflow:hidden}
.app-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0,transparent 95px,rgba(0,216,197,.045) 96px),linear-gradient(0deg,rgba(0,216,197,.02),transparent 55%);pointer-events:none}
.stage-glow{position:absolute;z-index:-1;width:700px;height:700px;border:1px solid rgba(0,216,197,.13);border-radius:50%;box-shadow:0 0 0 120px rgba(0,216,197,.025),0 0 0 250px rgba(0,216,197,.012);pointer-events:none}
.phone-shell{width:min(100%,430px);height:min(820px,calc(100svh - 56px));min-height:620px;display:flex;flex-direction:column;overflow:hidden;border:8px solid #020808;border-radius:39px;background:var(--screen);box-shadow:0 35px 90px rgba(0,0,0,.65),0 0 0 1px #3a6860;color:var(--text)}
.phone-status{height:29px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:2px 22px 0;font-size:10px;font-weight:700;color:#d8eee3}
.phone-brand{height:75px;flex:none;position:relative;display:flex;align-items:center;gap:9px;padding:4px 17px 12px;border-bottom:1px solid #24524c;background:linear-gradient(180deg,#0a2223,#0a191b)}
.phone-brand::before{content:"verify(number)  •  shield(call)  •  trust(source)";position:absolute;top:1px;left:12px;right:12px;overflow:hidden;white-space:nowrap;font:8px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:rgba(0,216,197,.13);pointer-events:none}
.brand-shield{display:grid;place-items:center;width:36px;height:36px;color:var(--teal)}
.brand-shield svg{width:34px;height:34px}
.brand-text{display:block;color:var(--teal);font-size:20px;font-weight:850;letter-spacing:.08em;line-height:1}
.brand-text small{display:block;color:#a4c3b8;font-size:8px;font-weight:600;letter-spacing:.17em;margin-top:7px}
.brand-menu{margin-left:auto;width:40px;height:40px;border:1px solid #285b54;border-radius:9px;background:#143133;color:var(--teal);font-size:16px;cursor:pointer}
.brand-menu:hover{background:#1e4b46}
.phone-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 30px;background:radial-gradient(circle at 50% 0,rgba(0,216,197,.055),transparent 42%),linear-gradient(155deg,#0a1d1e,#071314);scrollbar-color:#36635c transparent;scrollbar-width:thin}
.screen-kicker{margin:0 0 10px;color:var(--teal);font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}
.screen-title{margin:0 0 10px;color:#f0faf3;font-size:31px;line-height:1.06;font-weight:800;letter-spacing:-.045em}
.screen-summary{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.58}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.home-tile{min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 5px;border:1px solid #25675f;border-radius:9px;background:#10292b;color:#e8f7ee;font-size:10px;font-weight:750;line-height:1.2;text-align:center;cursor:pointer}
.home-tile svg{width:24px;height:24px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-tile:hover,.screen-row:hover{border-color:var(--teal);background:#17413e}
.status-card,.screen-card{padding:17px;border:1px solid #325a53;border-radius:10px;background:#142729;margin:15px 0}
.status-card strong,.screen-card strong{display:block;color:#f2faf5;font-size:13px}
.status-card p,.screen-card p{color:#adc7bb;font-size:11px;line-height:1.55;margin:7px 0 0}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:7px;vertical-align:2px}
.action-button,.outline-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:11px 14px;border:1px solid var(--teal);border-radius:7px;background:var(--teal);color:#042522;font-size:11px;font-weight:800;cursor:pointer}
.action-button:hover{background:#70eadd}
.outline-button{background:#15403b;color:#def9ed}
.outline-button:hover{background:#1d514b}
.status-card .action-button{margin-top:14px}
.back-button{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 0;border:0;background:none;color:#a0ded2;font-size:11px;font-weight:750;cursor:pointer}
.back-button:hover{color:#fff}
.screen-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin:9px 0;padding:15px;border:1px solid #315c55;border-radius:9px;background:#122a2b;color:#e7f8ed;font-size:12px;font-weight:700;text-align:left;cursor:pointer}
.screen-row span:last-child{color:var(--teal)}
.step-list{display:grid;gap:9px;margin:17px 0 22px}
.step{padding:14px;border:1px solid #31564f;border-radius:8px;background:#122729}
.step strong{display:block;font-size:12px;color:#e7f7ee}
.step p{font-size:11px;color:#a9c4b8;line-height:1.48;margin:6px 0 0}
.feature-stack{display:grid;gap:9px;margin:15px 0}
.feature-item{padding:14px 14px 12px;border:1px solid #31574f;border-radius:8px;background:#112729}
.feature-item strong{display:block;color:#eaf9ef;font-size:12px}
.feature-item p{margin:6px 0 0;color:#abc5b8;font-size:11px;line-height:1.5}
.price-anchor{display:flex;align-items:center;gap:10px;margin:12px 0 5px}.price-anchor s{color:#8aaca0;font-size:18px}.price-anchor span{padding:6px 8px;border-radius:5px;background:var(--teal);color:#022922;font-size:10px;font-weight:800}
.price-card p.price-amount{margin:0 0 12px;color:#f2fcf5;font-size:43px;line-height:1.1;font-weight:850;letter-spacing:-.06em}.price-amount small{font-size:13px;letter-spacing:0;color:#b0cdbf;font-weight:500}
.price-card{padding:17px;border:1px solid var(--teal);border-radius:10px;background:linear-gradient(145deg,#16413c,#122627 70%);margin:15px 0}
.price-card h2{font-size:17px;margin:0 0 8px}.price-card p{font-size:11px;line-height:1.55;color:#b8d0c4}
.price-card .action-button{margin-top:17px}
.fine-print{font-size:10px;line-height:1.5;color:#89a99b;margin:16px 0}
.legal-links{display:flex;gap:15px;margin:18px 0 0;color:#85d9cb;font-size:11px}
.legal-links a{text-decoration:underline;text-underline-offset:3px}
.phone-nav{height:62px;flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:7px 9px 5px;border-top:1px solid #2b504a;background:#0b1719}
.nav-tab{min-width:0;border:0;border-radius:7px;background:transparent;color:#8ca99d;font-size:9px;cursor:pointer}
.nav-tab span{display:block;margin-bottom:3px;color:inherit;font-size:17px;line-height:1}
.nav-tab.active{background:#123f3b;color:var(--teal)}
.nav-tab:hover{color:#e5f9ec}
@media(max-width:600px){.app-stage{display:block;min-height:100svh;height:100svh;padding:0}.stage-glow{display:none}.phone-shell{width:100%;height:100svh;min-height:0;border:0;border-radius:0;box-shadow:none}.phone-status{height:25px}.phone-brand{height:68px}.phone-screen{padding:18px 18px 28px}.phone-nav{height:66px}.opening-film{min-height:0}}
@media(max-width:350px){.home-tile{min-height:90px;font-size:9px}.phone-screen{padding-inline:13px}.screen-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Information screens: readable copy inside the app-inspired shell. */
.screen-summary{font-size:13px}
.home-tile{font-size:11px}
.screen-card p,.status-card p,.step p,.feature-item p,.price-card p{font-size:13px;line-height:1.6}
.screen-card strong,.status-card strong,.step strong,.feature-item strong{font-size:14px}
.fine-print{font-size:11px}