:root {
  color-scheme: dark;
  --bg: #050505;
  --surface: #0b0c0f;
  --surface-2: #111318;
  --text: #f5f5f2;
  --muted: #9298a3;
  --line: rgba(255, 255, 255, 0.1);
  --orange: #ff6b00;
  --orange-2: #ff9a3d;
  --blue: #1685ff;
  --blue-2: #63bdff;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 15% 9%, rgba(255, 107, 0, 0.1), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(22, 133, 255, 0.1), transparent 32rem),
    #050505;
  color: var(--text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5;
}
body::before {
  position: fixed; inset: 0; z-index: -1; content: ""; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at 50% 20%, #000, transparent 76%);
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.noise { position: fixed; inset: 0; z-index: 20; opacity: .025; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.section-shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }

.site-header {
  position: sticky; top: 0; z-index: 10; display: flex; width: min(calc(100% - 28px), 1220px); min-height: 70px; margin: 14px auto 0; padding: 10px 12px 10px 16px; align-items: center; justify-content: space-between; gap: 20px;
  border: 1px solid var(--line); border-radius: 22px; background: rgba(7, 8, 10, .74); box-shadow: 0 18px 50px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(22px) saturate(1.25); -webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.brand { display: flex; align-items: center; gap: 10px; font-size: 1.08rem; font-weight: 950; letter-spacing: .12em; }
.brand img { width: 38px; height: 38px; border-radius: 11px; box-shadow: 0 0 24px rgba(255,107,0,.18); }
nav { display: flex; gap: 28px; color: #b7bbc3; font-size: .86rem; font-weight: 700; }
nav a:hover { color: #fff; }
.nav-cta { padding: 11px 17px; border: 1px solid rgba(255,126,30,.5); border-radius: 13px; background: rgba(255,107,0,.12); color: #ffb477; font-size: .82rem; font-weight: 850; }

.hero { display: grid; min-height: 760px; padding: 80px 0 90px; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 70px; }
.kicker { display: inline-flex; align-items: center; gap: 9px; color: #d99a6a; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 16px var(--orange); }
.blue-kicker { color: #83c6ff; }
.hero h1, .section-heading h2, .privacy-card h2, .access-card h2 { margin: 18px 0 0; font-size: clamp(3.7rem, 7.4vw, 7rem); line-height: .88; letter-spacing: -.075em; }
em { color: transparent; font-style: normal; background: linear-gradient(110deg, var(--orange), #ffd1a8 55%, var(--blue-2)); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 620px; margin: 26px 0 0; color: #aeb3bc; font-size: clamp(1.02rem, 1.7vw, 1.24rem); }
.hero-actions { display: flex; margin-top: 34px; align-items: center; gap: 20px; }
.primary-cta { display: inline-flex; min-height: 56px; padding: 0 22px; align-items: center; gap: 24px; border-radius: 16px; background: linear-gradient(125deg, #ff7a17, #db4d00); box-shadow: 0 14px 40px rgba(255,92,0,.27), inset 0 1px rgba(255,255,255,.28); color: #fff; font-weight: 900; }
.primary-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 48px rgba(255,92,0,.36); }
.text-cta { color: #c5c8ce; font-size: .9rem; font-weight: 800; }
.trust-row { display: flex; margin-top: 34px; flex-wrap: wrap; gap: 10px 22px; color: #727984; font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.trust-row span::before { margin-right: 7px; color: var(--blue); content: "✓"; }

.hero-visual { position: relative; display: grid; min-height: 620px; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.orbit-one { width: 530px; height: 530px; animation: spin 28s linear infinite; }
.orbit-two { width: 420px; height: 420px; border-color: rgba(22,133,255,.13); animation: spin 20s linear reverse infinite; }
.phone { position: relative; z-index: 2; width: 290px; padding: 9px; border: 1px solid rgba(255,255,255,.28); border-radius: 48px; background: linear-gradient(150deg,#3b3d43,#0b0c0f 26%,#1c1f24); box-shadow:0 46px 100px rgba(0,0,0,.74),0 0 60px rgba(255,107,0,.14); transform:rotate(2deg) }
.phone::before { position:absolute;inset:8px;border:1px solid rgba(255,255,255,.12);border-radius:40px;content:"";pointer-events:none }
.phone-speaker { position:absolute;z-index:5;top:17px;left:50%;width:76px;height:22px;border-radius:99px;background:#000;transform:translateX(-50%) }
.phone-screen { position:relative; aspect-ratio:390/844; overflow:hidden; border-radius:39px; background:#000; isolation:isolate }
.float-card { position: absolute; z-index: 3; display: flex; width: 175px; padding: 14px; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: rgba(11,12,15,.85); box-shadow: 0 22px 60px rgba(0,0,0,.5); backdrop-filter: blur(16px); }
.float-card small { color: var(--orange-2); font-size: .48rem; font-weight: 900; letter-spacing: .12em; }
.float-card strong { margin-top: 4px; font-size: 1.15rem; }
.float-card span { color: var(--muted); font-size: .62rem; }
.float-pr { top: 22px; right: -34px; animation: float 5s ease-in-out infinite; }
.float-backup { bottom: 110px; left: -70px; animation: float 6s 1s ease-in-out infinite; }
.float-backup i { position: absolute; top: 16px; right: 15px; width: 8px; height: 8px; border-radius: 50%; background: #37e69a; box-shadow: 0 0 15px #37e69a; }

.proof-strip { display: flex; min-width: max-content; padding: 21px 0; justify-content: center; align-items: center; gap: 28px; border-block: 1px solid var(--line); color: #777e89; font-size: .68rem; font-weight: 900; letter-spacing: .14em; }
.proof-strip i { width: 5px; height: 5px; border-radius: 50%; background: linear-gradient(var(--orange), var(--blue)); }

.features { padding: 130px 0 80px; }
.section-heading { max-width: 760px; }
.section-heading h2, .privacy-card h2, .access-card h2 { font-size: clamp(2.8rem, 5.6vw, 5.3rem); }
.section-heading > p { max-width: 570px; margin: 22px 0 0; color: var(--muted); font-size: 1.04rem; }
.feature-grid { display: grid; margin-top: 58px; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.feature { position: relative; min-height: 340px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.045), transparent 34%), var(--surface); box-shadow: inset 0 1px rgba(255,255,255,.06); }
.feature::before { position: absolute; inset: auto -70px -100px auto; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,107,0,.08); filter: blur(55px); content: ""; }
.feature h3 { margin: 26px 0 0; font-size: 1.5rem; letter-spacing: -.04em; }
.feature p { max-width: 520px; margin: 9px 0 0; color: var(--muted); }
.feature-number { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255,107,0,.35); border-radius: 11px; background: rgba(255,107,0,.1); color: #ffab6b; font-size: .66rem; font-weight: 900; }
.feature-number.blue { border-color: rgba(22,133,255,.4); background: rgba(22,133,255,.12); color: #85c7ff; }
.feature-wide { grid-column: 1 / -1; min-height: 280px; }
.mini-log { display: grid; margin-top: 28px; gap: 7px; }
.mini-log div { display: grid; padding: 12px 14px; grid-template-columns: 1fr 1fr 1fr; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.025); }
.mini-log span { color: #737a84; font-size: .62rem; font-weight: 900; }.mini-log strong,.mini-log b { font-size: .78rem; }.mini-log b { color: #b9bec6; text-align: right; }
.chart { display: flex; height: 118px; margin-top: 40px; align-items: end; gap: 8px; }
.chart i { flex: 1; height: 28%; border-radius: 7px 7px 2px 2px; background: linear-gradient(var(--blue-2), var(--blue)); box-shadow: 0 0 18px rgba(22,133,255,.18); }.chart i:nth-child(2){height:50%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:76%}.chart i:nth-child(5){height:63%}.chart i:nth-child(6){height:96%}
.calendar-mini { display: grid; margin-top: 44px; grid-template-columns: repeat(7,1fr); gap: 7px; }.calendar-mini b { color:#707783;font-size:.54rem;text-align:center}.calendar-mini i{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:#08090b}.calendar-mini i.done{border-color:rgba(255,107,0,.5);background:rgba(255,107,0,.18);box-shadow:0 0 15px rgba(255,107,0,.14)}
.style-pills { display: flex; margin-top: 40px; flex-wrap: wrap; gap: 9px; }.style-pills span{padding:12px 16px;border:1px solid var(--line);border-radius:99px;background:#08090b;color:#c3c7ce;font-size:.72rem;font-weight:850}.style-pills span:nth-child(1){border-color:rgba(255,107,0,.5);color:#ffad70}.style-pills span:nth-child(2){border-color:rgba(22,133,255,.5);color:#85c7ff}.style-pills span:nth-child(3){border-color:rgba(240,45,100,.5);color:#ff789f}.style-pills span:nth-child(4){border-color:rgba(0,216,138,.5);color:#65eebc}.style-pills span:nth-child(5){border-color:rgba(141,92,255,.5);color:#c4a9ff}
.feature-performance::before { right: auto; left: 18%; background: rgba(22,133,255,.1); }
.performance-preview { display:grid;margin-top:38px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px }.performance-preview div{position:relative;display:grid;min-height:105px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent),#08090b}.performance-preview div:first-child{border-color:rgba(255,107,0,.42);box-shadow:inset 3px 0 var(--orange)}.performance-preview div:last-child{border-color:rgba(22,133,255,.42);box-shadow:inset 3px 0 var(--blue)}.performance-preview small{color:#777e89;font-size:.56rem;font-weight:900;letter-spacing:.09em}.performance-preview strong{align-self:end;font-size:1.12rem}.performance-preview span{position:absolute;right:14px;bottom:17px;color:#54e3a7;font-size:.6rem;font-weight:850}.performance-preview div:nth-child(2) span{color:#ffae71}

.privacy { padding: 80px 0; }
.privacy-card { display: grid; padding: 54px; grid-template-columns: 150px 1.1fr .9fr; align-items: center; gap: 44px; border: 1px solid rgba(22,133,255,.28); border-radius: 34px; background: radial-gradient(circle at 0 0, rgba(22,133,255,.17), transparent 35%), radial-gradient(circle at 100% 100%, rgba(255,107,0,.1), transparent 38%), #090b0f; }
.privacy-card h2 { margin-top: 12px; font-size: clamp(2.5rem,4.5vw,4.3rem); }.privacy-card p { margin:18px 0 0;color:var(--muted) }
.privacy-mark { display:grid;width:140px;height:140px;place-items:center;border:1px solid rgba(22,133,255,.4);border-radius:42px;background:rgba(22,133,255,.1);box-shadow:0 0 40px rgba(22,133,255,.12)}
.privacy-mark span { position:relative;width:55px;height:65px;border:6px solid var(--blue-2);border-radius:28px 28px 20px 20px;box-shadow:0 0 22px rgba(99,189,255,.35)}.privacy-mark span::after{position:absolute;left:50%;bottom:13px;width:9px;height:15px;border-radius:9px;background:var(--blue-2);content:"";transform:translateX(-50%)}
.privacy-card ul { margin:0;padding:0;list-style:none }.privacy-card li { display:flex;padding:11px 0;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);color:#c0c5cd;font-size:.82rem;font-weight:720}.privacy-card li i{width:7px;height:7px;border-radius:50%;background:#38d99a;box-shadow:0 0 12px #38d99a}

.access { padding: 80px 0 130px; }
.access-card { position:relative;padding:76px 40px;overflow:hidden;border:1px solid rgba(255,107,0,.3);border-radius:38px;background:radial-gradient(circle at 20% 0,rgba(255,107,0,.2),transparent 42%),radial-gradient(circle at 90% 100%,rgba(22,133,255,.18),transparent 42%),#090909;text-align:center }
.access-card::before{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.04) 48%,transparent 70%);content:"";transform:translateX(-100%);animation:glint 7s ease-in-out infinite}.access-card h2{position:relative;margin-top:18px}.access-card p{position:relative;max-width:680px;margin:22px auto 0;color:var(--muted)}
.price-lockup{position:relative;display:grid;margin:28px auto 0;justify-items:center}.price-lockup strong{font-size:clamp(3.4rem,8vw,5.8rem);line-height:.9;letter-spacing:-.075em;background:linear-gradient(110deg,#fff,#ffbd89 52%,#62baff);color:transparent;background-clip:text;-webkit-background-clip:text}.price-lockup span{margin-top:12px;color:#d9dde4;font-size:.88rem;font-weight:850;letter-spacing:.02em}.purchase-steps{position:relative;display:grid;max-width:880px;margin:34px auto 0;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.purchase-steps article{display:flex;min-height:138px;padding:18px;align-items:flex-start;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.06)}.purchase-steps b{display:grid;flex:0 0 34px;height:34px;place-items:center;border:1px solid rgba(255,107,0,.46);border-radius:11px;background:rgba(255,107,0,.12);color:#ffb57e;font-size:.78rem}.purchase-steps div{display:grid;gap:7px}.purchase-steps strong{color:#f6f6f3;font-size:.9rem;line-height:1.25}.purchase-steps span{color:var(--muted);font-size:.74rem;line-height:1.45}
.access-card button { position:relative;display:flex;min-width:280px;min-height:58px;margin:32px auto 0;padding:0 24px;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(255,126,30,.6);border-radius:17px;background:linear-gradient(125deg,#ff7a17,#d84b00);box-shadow:0 15px 44px rgba(255,92,0,.26);color:#fff;font-weight:900;cursor:pointer}.access-card button:hover{transform:translateY(-2px)}.access-card button:active{transform:scale(.985)}.access-card small{position:relative;display:block;margin-top:12px;color:#717783}
.connection-status{position:relative;display:flex;margin:20px auto 0;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.connection-status span{display:inline-flex;padding:7px 10px;align-items:center;gap:7px;border:1px solid rgba(65,225,158,.2);border-radius:999px;background:rgba(65,225,158,.06);color:#8ce8bd;font-size:.67rem;font-weight:850;letter-spacing:.025em}.connection-status i{width:6px;height:6px;border-radius:50%;background:#42df9e;box-shadow:0 0 12px #42df9e}.connection-status .pending{border-color:rgba(255,164,82,.22);background:rgba(255,107,0,.07);color:#ffb271}.connection-status .pending i{background:#ff7a17;box-shadow:0 0 12px #ff7a17}

.faq { padding: 0 0 120px; }.compact h2{font-size:clamp(2.7rem,5vw,4.7rem)}.faq-list{margin-top:42px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;padding:25px 4px;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:1rem;font-weight:800}summary::-webkit-details-marker{display:none}summary span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--orange-2);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:760px;margin:-5px 0 25px;color:var(--muted)}

footer { display:grid;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:34px 0 42px;grid-template-columns:1fr auto;align-items:center;gap:28px;border-top:1px solid var(--line) }.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:42px;border-radius:12px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{letter-spacing:.12em}.footer-brand span{color:var(--muted);font-size:.72rem}.footer-links{display:flex;gap:24px;color:#a5aab3;font-size:.78rem;font-weight:750}.footer-legal{display:flex;grid-column:1/-1;gap:18px;color:#666d77;font-size:.68rem}.footer-legal span{margin-right:auto}
.toast{position:fixed;z-index:30;right:18px;bottom:18px;max-width:320px;padding:14px 17px;border:1px solid rgba(255,107,0,.35);border-radius:15px;background:rgba(12,13,16,.92);box-shadow:0 18px 55px rgba(0,0,0,.55);color:#ffc08e;font-size:.78rem;font-weight:800;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes glint{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}

@media (max-width: 900px){
  .hero{grid-template-columns:1fr;padding-top:64px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-actions{justify-content:center}.trust-row{justify-content:center}.hero-visual{min-height:650px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.privacy-card{grid-template-columns:110px 1fr}.privacy-mark{width:105px;height:105px;border-radius:30px}.privacy-card ul{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.proof-strip{justify-content:flex-start;padding-inline:24px;overflow:hidden}nav{display:none}
}
@media (max-width: 600px){
  .section-shell{width:min(calc(100% - 24px),var(--max))}.site-header{width:calc(100% - 20px);min-height:62px;margin-top:10px}.brand img{width:34px;height:34px}.nav-cta{padding:9px 12px}.hero{min-height:auto;padding:55px 0 65px;gap:30px}.hero h1{font-size:clamp(3.35rem,18vw,5.1rem)}.hero-lead{font-size:.96rem}.hero-actions{width:100%;flex-direction:column}.primary-cta{width:100%;justify-content:center}.trust-row{font-size:.61rem}.hero-visual{min-height:660px;padding-bottom:30px}.phone{width:min(290px,78vw);transform:none}.float-card{display:none}.features{padding-top:90px}.section-heading h2,.privacy-card h2,.access-card h2{font-size:clamp(2.65rem,14vw,4rem)}.feature{min-height:310px;padding:22px;border-radius:23px}.performance-preview{grid-template-columns:1fr}.performance-preview div{min-height:90px;grid-template-columns:1fr auto;align-items:end}.performance-preview small{grid-column:1/-1}.performance-preview span{position:static;align-self:end;justify-self:end}.privacy{padding:45px 0}.privacy-card{padding:30px 22px;grid-template-columns:1fr;text-align:center}.privacy-mark{margin:auto}.privacy-card ul{grid-template-columns:1fr;text-align:left}.access{padding:45px 0 90px}.access-card{padding:55px 20px;border-radius:28px}.access-card button{min-width:0;width:100%}.faq{padding-bottom:80px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-legal{flex-wrap:wrap}.footer-legal span{width:100%;margin:0}.orbit-one{width:420px;height:420px}.orbit-two{width:340px;height:340px}
}
@media (max-width:760px){.purchase-steps{grid-template-columns:1fr}.purchase-steps article{min-height:0}.price-lockup span{max-width:250px}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.phone-slides { position:absolute; inset:0 }
.phone-slides .slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .7s ease; user-select:none; -webkit-user-drag:none }
.phone-slides .slide.is-active { opacity:1 }
.phone-screen::after { position:absolute; z-index:3; inset:0 0 auto; height:46px; background:linear-gradient(#000 10%,rgba(0,0,0,0)); content:""; pointer-events:none }
.phone-status { position:absolute; z-index:4; top:11px; right:24px; left:24px; display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:.62rem; font-weight:800; letter-spacing:.01em; pointer-events:none }
.status-icons { display:flex; align-items:center; gap:5px }
.status-icons .sig { width:13px; height:8px; background:linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 6px,transparent 6px 8px,#fff 8px 10px,transparent 10px 11px,#fff 11px 13px); -webkit-mask:linear-gradient(to top,#000 0 100%); clip-path:polygon(0 100%,0 70%,24% 70%,24% 50%,50% 50%,50% 25%,76% 25%,76% 0,100% 0,100% 100%) }
.status-icons .bat { position:relative; width:19px; height:9px; border:1px solid rgba(255,255,255,.65); border-radius:3px }
.status-icons .bat::before { position:absolute; inset:1px 4px 1px 1px; border-radius:1px; background:#fff; content:"" }
.status-icons .bat::after { position:absolute; top:2px; right:-3px; width:2px; height:3px; border-radius:0 1px 1px 0; background:rgba(255,255,255,.65); content:"" }
.phone-dots { position:absolute; z-index:4; bottom:6px; left:50%; display:flex; gap:8px; transform:translateX(-50%) }
.phone-dots button { width:8px; height:8px; min-width:0; padding:0; border:0; border-radius:99px; background:rgba(255,255,255,.28); cursor:pointer; transition:width .3s,background .3s }
.phone-dots button.is-active { width:22px; background:var(--orange) }