:root,[data-theme="dark"]{--bg:#0a0e1a;--bg2:#0f1729;--surface:#121c2e;--surface2:#0f1e2e;--border:#25344f;--border2:#344d72;--text:#e2e8f0;--text2:#94a3b8;--text3:#64748b;--nav-bg:rgba(10,14,26,.94);--mobile-bg:#0a0e1a;--card-bg:#121c2e;--card-hover-border:#3b82f6;--stats-border:#1e2d45;--disclaimer-bg:rgba(245,158,11,.08);--disclaimer-border:rgba(245,158,11,.18);--footer-bg:#0f1729;--footer-text:#64748b;--install-bg:rgba(255,255,255,.04);--install-border:#25344f;--contact-bg:#121c2e;--contact-border:#25344f;--faq-bg:#121c2e;--faq-border:#25344f;--device-bg:#121c2e;--device-border:#25344f;--theme-toggle-bg:rgba(255,255,255,.07);--theme-toggle-border:#344d72}
[data-theme="light"]{--bg:#f0f4f8;--bg2:#e8eef5;--surface:#ffffff;--surface2:#f8fafc;--border:#cbd5e1;--border2:#94a3b8;--text:#0f172a;--text2:#475569;--text3:#64748b;--nav-bg:rgba(240,244,248,.95);--mobile-bg:#f0f4f8;--card-bg:#ffffff;--card-hover-border:#2563eb;--stats-border:#cbd5e1;--disclaimer-bg:rgba(245,158,11,.07);--disclaimer-border:rgba(245,158,11,.25);--footer-bg:#e8eef5;--footer-text:#475569;--install-bg:rgba(37,99,235,.04);--install-border:#bfdbfe;--contact-bg:#ffffff;--contact-border:#cbd5e1;--faq-bg:#ffffff;--faq-border:#cbd5e1;--device-bg:#ffffff;--device-border:#cbd5e1;--theme-toggle-bg:rgba(0,0,0,.05);--theme-toggle-border:#94a3b8}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background .25s}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .25s,color .25s}:focus-visible{outline:2px solid #3b82f6;outline-offset:3px;border-radius:4px}a{color:inherit}
nav{position:fixed;top:0;left:0;right:0;height:72px;z-index:50;background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:21px;color:var(--text)}
.logo-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);display:flex;align-items:center;justify-content:center}
.nav-links{display:flex;align-items:center;gap:6px}.nav-links a,.mobile-menu a{color:var(--text2);text-decoration:none;font-size:13px;font-weight:600;padding:9px 12px;border-radius:9px;transition:background .15s,color .15s}.nav-links a:hover,.mobile-menu a:hover,.nav-links a.nav-active{background:var(--theme-toggle-bg);color:var(--text)}.launch{background:#2563eb!important;color:white!important;padding:10px 18px!important}
.theme-toggle{background:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border);color:var(--text2);border-radius:9px;padding:8px 10px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s;width:38px;height:38px;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1)}
.nav-right{display:flex;align-items:center;gap:8px}
.hamburger{display:none;background:transparent;border:1px solid var(--border2);color:var(--text);border-radius:9px;cursor:pointer;transition:border-color .2s;position:relative;width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0}.hamburger .bar{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease,top .3s ease;position:absolute;left:50%;transform:translateX(-50%)}.hamburger .bar:nth-child(1){top:13px}.hamburger .bar:nth-child(2){top:20px}.hamburger .bar:nth-child(3){top:27px}.hamburger.open .bar:nth-child(1){top:20px;transform:translateX(-50%) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:translateX(-50%) scaleX(0)}.hamburger.open .bar:nth-child(3){top:20px;transform:translateX(-50%) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--mobile-bg);border-bottom:1px solid var(--border);padding:12px 24px;z-index:40;transform:translateY(-8px);opacity:0;transition:transform .25s ease,opacity .25s ease}.mobile-menu.open{display:grid;gap:4px;transform:translateY(0);opacity:1}
.mobile-menu-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0 4px;border-top:1px solid var(--border);margin-top:4px}.mobile-menu-footer span{font-size:12px;color:var(--text3);font-weight:600}
.theme-toggle-mobile{background:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border);color:var(--text2);border-radius:9px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:background .2s}
.container{max-width:1160px;margin:auto;padding:0 36px}.section{padding-top:92px;padding-bottom:92px;scroll-margin-top:84px}
.hero{padding-top:90px;padding-bottom:40px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(37,99,235,.35);background:rgba(37,99,235,.12);color:#60a5fa;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;margin-bottom:22px}.badge b{background:#2563eb;color:#fff;border-radius:999px;padding:3px 8px;font-size:10px}
h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-2px;color:var(--text);margin-bottom:20px}.grad{background:linear-gradient(135deg,#60a5fa,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p,.section-desc{font-size:17px;color:var(--text2);max-width:640px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:none;border-radius:12px;padding:14px 24px;font-weight:800;cursor:pointer;transition:background .15s,transform .15s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-outline{border:1px solid var(--border2);color:var(--text);background:var(--install-bg)}.btn-outline:hover{border-color:#3b82f6}
.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:var(--text3);font-size:13px}
.phone-wrap{position:relative;display:flex;justify-content:center;align-items:flex-start}
/* iPhone side buttons */
.phone-wrap::before{content:"";position:absolute;left:-3px;top:110px;width:3px;height:32px;background:linear-gradient(180deg,#3a3a3c,#2a2a2c);border-radius:3px 0 0 3px;box-shadow:-1px 0 3px rgba(0,0,0,.5)}
.phone-wrap::after{content:"";position:absolute;left:-3px;top:155px;width:3px;height:52px;background:linear-gradient(180deg,#3a3a3c,#2a2a2c);border-radius:3px 0 0 3px;box-shadow:-1px 0 3px rgba(0,0,0,.5)}
.phone{background:linear-gradient(160deg,#1c1c1e,#2c2c2e,#1c1c1e);border:1.5px solid #3a3a3c;border-radius:54px;padding:12px 10px 10px;box-shadow:0 60px 140px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.04);width:275px;position:relative;flex-shrink:0}
/* Power button on right side */
.phone::before{content:"";position:absolute;right:-3px;top:140px;width:3px;height:72px;background:linear-gradient(180deg,#3a3a3c,#2a2a2c);border-radius:0 3px 3px 0;box-shadow:1px 0 3px rgba(0,0,0,.5)}
.phone-inner{background:#0a0a0a;border-radius:44px;overflow:hidden;border:1px solid #1c1c1e;position:relative}
/* Dynamic Island */
.phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:100px;height:30px;background:#000;border-radius:20px;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;gap:5px;box-shadow:0 0 0 1.5px rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.8)}
.phone-island-cam{width:9px;height:9px;border-radius:50%;background:#1a1a1a;border:1px solid #2a2a2a;position:relative}
.phone-island-cam::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#0a0a0a;box-shadow:0 0 0 1.5px rgba(100,180,255,.15)}
.phone-statusbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 6px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em;height:52px}
.phone-statusbar .sb-time{font-size:15px;font-weight:700;letter-spacing:0}
.phone-statusbar .sb-icons{display:flex;align-items:center;gap:5px;font-size:10px}
.camera-view{background:#0a0a0a;height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.face-outline{width:80px;height:88px;border:1.5px solid rgba(0,220,180,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px rgba(0,220,180,.12)}
.eye-dots{display:flex;gap:20px;margin-top:-8px}
.eye-dot{width:8px;height:8px;border-radius:50%;background:#00dcb4;box-shadow:0 0 6px rgba(0,220,180,.8)}
.scan-line{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,220,180,.6),transparent);animation:scan 2.2s ease-in-out infinite}
@keyframes scan{0%,100%{top:20%;opacity:.4}50%{top:80%;opacity:1}}
.phone-panel{background:#0a0a0a;padding:10px 14px 14px;border-top:1px solid #1c1c1e}
.phone-status{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#00ff88;box-shadow:0 0 8px rgba(0,255,136,.6);flex-shrink:0;animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.phone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phone-metric{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:10px;padding:8px 10px}.pm-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;color:#636366;font-weight:700}.pm-value{font-size:16px;font-weight:900;color:#fff;font-family:monospace;line-height:1.1}.pm-bar{height:3px;background:#2c2c2e;border-radius:99px;overflow:hidden;margin-top:5px}.pm-fill{height:100%;border-radius:99px}
/* Home indicator */
.phone-home{display:flex;justify-content:center;padding:8px 0 4px;background:#0a0a0a}
.phone-home-bar{width:120px;height:5px;background:rgba(255,255,255,.25);border-radius:99px}

.stats-row{display:flex;gap:0;border:1px solid var(--stats-border);border-radius:18px;overflow:hidden;margin-top:24px;background:var(--surface);grid-column:1/-1}.stat{flex:1;padding:28px 24px;text-align:center;border-right:1px solid var(--stats-border)}.stat:last-child{border-right:none}.stat-num{font-size:clamp(28px,3.5vw,42px);font-weight:900;color:var(--text);letter-spacing:-1.5px;line-height:1}.stat-label{font-size:13px;color:var(--text3);margin-top:6px;font-weight:500}
.section-label{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#3b82f6;font-weight:800;margin-bottom:16px}.section-title{font-size:clamp(28px,3.5vw,44px);font-weight:900;letter-spacing:-1.5px;color:var(--text);margin-bottom:16px;line-height:1.08}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}.feature{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px;transition:border-color .2s,transform .2s}.feature:hover{border-color:var(--card-hover-border);transform:translateY(-3px)}.feature-icon{width:50px;height:50px;border-radius:14px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:22px}.feature h3{font-size:18px;font-weight:800;color:var(--text);margin-bottom:10px}.feature p{font-size:14px;color:var(--text2);line-height:1.6}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}.step{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px 24px;text-align:center;transition:border-color .2s}.step:hover{border-color:var(--card-hover-border)}.step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;margin:0 auto 18px;box-shadow:0 6px 20px rgba(37,99,235,.3)}.step h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:8px}.step p{font-size:13px;color:var(--text2);line-height:1.55}
.disclaimer{background:var(--disclaimer-bg);border:1px solid var(--disclaimer-border);border-radius:16px;padding:24px 28px;margin-top:52px;display:flex;gap:16px;align-items:flex-start}.disclaimer-icon{font-size:22px;flex-shrink:0;margin-top:3px;line-height:1}.disclaimer p{font-size:14px;color:#c8a840;line-height:1.65;margin:0}.disclaimer strong{color:#f0c060}
.install-section{background:var(--surface);border:1px solid var(--install-border);border-radius:24px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;margin-top:52px;overflow:hidden}
.install-steps{display:flex;flex-direction:column;gap:20px;margin-top:28px}.install-step{display:flex;gap:16px;align-items:flex-start}.install-num{width:32px;height:32px;border-radius:50%;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#60a5fa;flex-shrink:0;margin-top:2px}.install-step h4{font-size:14px;font-weight:800;color:var(--text);margin-bottom:4px}.install-step p{font-size:13px;color:var(--text2);line-height:1.55}
.device-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.device-card{background:var(--device-bg);border:1px solid var(--device-border);border-radius:16px;padding:20px}.device-card h4{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.device-card p{font-size:12px;color:var(--text2);line-height:1.55}.device-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;margin-bottom:10px}.badge-ios{background:rgba(37,99,235,.12);color:#60a5fa;border:1px solid rgba(37,99,235,.25)}.badge-android{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
.story-grid{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.avatar{width:104px;height:104px;border-radius:50%;overflow:hidden;margin-bottom:16px;border:3px solid #2563eb;box-shadow:0 4px 20px rgba(37,99,235,.3)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.contact{display:flex;align-items:center;gap:14px;text-decoration:none;background:var(--contact-bg);border:1px solid var(--contact-border);border-radius:15px;padding:18px;transition:background .25s,border-color .25s,transform .15s}.contact:hover{transform:translateY(-2px);border-color:#3b82f6}.contact-icon{width:42px;height:42px;border-radius:12px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.contact h4{font-size:13px;font-weight:800;color:var(--text)}.contact p{font-size:12px;color:var(--text3);margin-top:2px}
.faq-list{display:flex;flex-direction:column;gap:14px;margin-top:36px}.faq-item{background:var(--faq-bg);border:1px solid var(--faq-border);border-radius:16px;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:var(--card-hover-border)}.faq-q{width:100%;text-align:left;background:none;border:none;padding:22px 26px;font-size:15px;font-weight:700;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-icon{color:var(--text3);font-size:18px;flex-shrink:0;transition:transform .25s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:400px}.faq-a p{padding:0 26px 22px;font-size:14px;color:var(--text2);line-height:1.7}
footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:48px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.footer-brand{font-size:20px;font-weight:900;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:10px}.footer-desc{font-size:13px;color:var(--footer-text);max-width:300px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13px;color:var(--footer-text);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--footer-text)}
.scroll-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:#2563eb;color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(37,99,235,.4);z-index:40;transition:background .15s,transform .15s}.scroll-top.visible{display:flex}.scroll-top:hover{background:#1d4ed8;transform:scale(1.08)}
@media(max-width:960px){.features{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 1fr}.install-section{grid-template-columns:1fr;padding:36px}.story-grid{grid-template-columns:1fr}}
@media(max-width:720px){nav{padding:0 20px}.container{padding:0 20px}.hero{grid-template-columns:1fr;padding:110px 0 52px;gap:36px}.phone-wrap{display:none}.features{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.device-cards{grid-template-columns:1fr}.stats-row{flex-direction:column;border-radius:14px}.stat{border-right:none;border-bottom:1px solid var(--stats-border);padding:20px}.stat:last-child{border-bottom:none}.hamburger{display:flex}.nav-links{display:none}.footer-inner{flex-direction:column;gap:28px}.footer-bottom{flex-direction:column;text-align:center}}