:root{--bg:#061319;--bg2:#081b22;--surface:#0c222a;--surface2:#102b34;--surface3:#153640;--line:#24434c;--text:#f4f8f9;--muted:#93aab2;--cyan:#39cbd3;--cyan2:#1aa4ad;--green:#50d58d;--orange:#f2ab52;--purple:#8e7df4;--danger:#ec6878;--shadow:0 22px 70px rgba(0,0,0,.34);--radius:28px;--shell:min(1180px,calc(100% - 40px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(25,150,160,.10),transparent 30%),var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;background:url('/assets/topo-pattern.svg') center top/760px auto;opacity:.055;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid transparent;transition:.25s;background:rgba(6,19,25,.55);backdrop-filter:blur(16px)}.site-header.scrolled{border-color:rgba(79,131,143,.22);background:rgba(6,19,25,.88)}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:850;letter-spacing:-.04em}.brand img{border-radius:12px}.brand span span{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:28px;color:#b7c8cd;font-size:14px;font-weight:650}.main-nav a{transition:.2s}.main-nav a:hover{color:white}.nav-play{padding:11px 16px;border:1px solid rgba(57,203,211,.4);background:rgba(57,203,211,.10);color:var(--cyan)!important;border-radius:14px}.nav-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px}.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:6px auto}.hero{position:relative;padding:76px 0 70px;overflow:hidden}.hero::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;right:-210px;top:30px;background:rgba(49,203,211,.08);filter:blur(65px);z-index:-1}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--cyan)}.eyebrow::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--cyan)}h1,h2,h3{line-height:1.05;letter-spacing:-.045em;margin:0}h1{font-size:clamp(48px,6.3vw,82px);margin:20px 0 24px;max-width:780px}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:20px;line-height:1.55;color:#a9bdc4;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 21px;border-radius:17px;font-weight:780;border:1px solid transparent;transition:.22s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--cyan),#56d5d8);color:#05161b;box-shadow:0 12px 34px rgba(57,203,211,.19)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(57,203,211,.27)}.btn-secondary{border-color:var(--line);background:rgba(13,34,42,.72);color:#dce8eb}.btn-secondary:hover{border-color:#3d6570;background:var(--surface)}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:#8fa7ae;font-size:13px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(80,213,141,.08)}.hero-visual{position:relative;min-height:585px}.hero-media{position:absolute;inset:0;border-radius:36px;overflow:hidden;border:1px solid rgba(71,134,148,.34);background:#06141a;box-shadow:var(--shadow)}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,25,.35),transparent 32%),linear-gradient(0deg,rgba(6,19,25,.45),transparent 40%)}.hero-media img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;z-index:3;background:rgba(9,30,38,.91);backdrop-filter:blur(16px);border:1px solid rgba(72,142,155,.35);border-radius:20px;box-shadow:0 15px 42px rgba(0,0,0,.28)}.code-card{left:-28px;top:54px;padding:15px 18px;display:flex;align-items:center;gap:18px}.code-card small{display:block;color:#8099a1;font-size:9px;font-weight:800;letter-spacing:.13em}.code-card strong{display:block;color:var(--cyan);font-size:28px;letter-spacing:.08em}.live-card{right:-22px;bottom:80px;padding:14px 17px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#183945;border:2px solid var(--green);color:var(--green);font-weight:900}.live-card b{display:block;font-size:14px}.live-card span{color:#8ca5ad;font-size:11px}.signal{display:flex;gap:3px;align-items:end;margin-left:14px}.signal i{display:block;width:5px;border-radius:5px;background:var(--green)}.signal i:nth-child(1){height:9px}.signal i:nth-child(2){height:15px}.signal i:nth-child(3){height:22px}.section{padding:92px 0}.section-tight{padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head h2{font-size:clamp(36px,5vw,58px);max-width:760px}.section-head p{max-width:430px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;overflow:hidden;min-height:255px;padding:27px;border:1px solid rgba(63,110,121,.28);border-radius:24px;background:linear-gradient(145deg,rgba(14,38,47,.92),rgba(8,27,34,.84));transition:.25s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(57,203,211,.38)}.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(57,203,211,.10);border:1px solid rgba(57,203,211,.22);color:var(--cyan);font-size:22px;margin-bottom:24px}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{color:var(--green);background:rgba(80,213,141,.09);border-color:rgba(80,213,141,.20)}.feature-card:nth-child(4) .feature-icon{color:var(--orange);background:rgba(242,171,82,.09);border-color:rgba(242,171,82,.21)}.feature-card h3{font-size:23px;margin-bottom:12px}.feature-card p{color:var(--muted);font-size:14px;margin:0}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.phone-stack{position:relative;min-height:700px}.phone{position:absolute;width:46%;border-radius:34px;overflow:hidden;border:8px solid #10242c;background:#0b1b21;box-shadow:0 28px 70px rgba(0,0,0,.42)}.phone img{width:100%;height:auto}.phone-a{left:7%;top:0;transform:rotate(-3deg)}.phone-b{right:6%;top:105px;transform:rotate(4deg)}.showcase-copy h2{font-size:clamp(38px,5vw,60px);margin:16px 0 20px}.showcase-copy>p{color:var(--muted);font-size:18px}.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:15px}.check-list li{display:flex;gap:12px;align-items:flex-start}.check{flex:0 0 25px;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(80,213,141,.12);color:var(--green);font-size:13px;font-weight:900}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:steps}.step{padding:25px;border:1px solid var(--line);border-radius:23px;background:rgba(11,31,38,.7)}.step::before{counter-increment:steps;content:"0" counter(steps);display:block;color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.12em;margin-bottom:34px}.step h3{font-size:21px;margin-bottom:10px}.step p{color:var(--muted);font-size:13px;margin:0}.map-block{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.screen-card{border-radius:30px;overflow:hidden;border:1px solid rgba(65,122,134,.34);box-shadow:var(--shadow);background:#0b2027}.screen-card img{width:100%}.map-copy h2{font-size:clamp(38px,5vw,58px);margin:15px 0 20px}.map-copy p{color:var(--muted);font-size:17px}.info-box{margin-top:24px;padding:18px 20px;border-radius:18px;border:1px solid rgba(57,203,211,.22);background:rgba(57,203,211,.065);color:#b9d0d5;font-size:14px}.share-box{padding:42px;border:1px solid rgba(142,125,244,.28);border-radius:32px;background:radial-gradient(circle at 90% 10%,rgba(142,125,244,.12),transparent 34%),linear-gradient(135deg,#0b2027,#091a20);display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.share-box h2{font-size:clamp(36px,4.7vw,54px);margin:14px 0 18px}.share-box p{color:var(--muted)}.link-flow{display:grid;gap:12px}.flow-row{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#102832;border:1px solid #23444e}.flow-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(142,125,244,.12);color:#a899ff;font-weight:900}.flow-row b{display:block;font-size:14px}.flow-row span{display:block;font-size:12px;color:#90a7ae}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{border:1px solid var(--line);background:rgba(11,31,38,.65);border-radius:20px;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:20px 22px;font-weight:750;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";color:var(--cyan);font-size:20px}.faq-item[open] summary::after{content:"−"}.faq-item p{margin:0;padding:0 22px 22px;color:var(--muted);font-size:14px}.creator{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:30px;border-radius:26px;border:1px solid var(--line);background:#0b2027}.creator-mark{width:70px;height:70px;border-radius:21px;background:linear-gradient(145deg,#143b45,#0c252d);display:grid;place-items:center;color:var(--cyan);font-size:30px}.creator h3{font-size:24px;margin-bottom:8px}.creator p{color:var(--muted);margin:0}.cta-panel{padding:52px;border-radius:34px;text-align:center;background:linear-gradient(135deg,rgba(57,203,211,.18),rgba(9,27,34,.9));border:1px solid rgba(57,203,211,.28)}.cta-panel h2{font-size:clamp(38px,5.5vw,62px);margin-bottom:15px}.cta-panel p{color:#a9bdc3;max-width:650px;margin:0 auto 28px}.site-footer{padding:58px 0 25px;border-top:1px solid rgba(56,102,113,.24);background:#051016}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.footer-brand p{color:#829aa2;max-width:330px;font-size:13px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px;color:#849ca4;font-size:13px}.footer-grid strong{color:#dce7ea;margin-bottom:7px}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(56,102,113,.2);color:#6f8991;font-size:12px}.page-hero{padding:66px 0 45px}.page-hero h1{font-size:clamp(43px,6vw,72px);max-width:900px}.page-hero .lead{max-width:760px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;align-items:start}.prose{max-width:800px}.prose h2{font-size:32px;margin:48px 0 15px}.prose h3{font-size:22px;margin:30px 0 10px}.prose p,.prose li{color:#a2b6bc}.prose strong{color:#e9f2f4}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:21px}.callout{padding:20px 22px;border-radius:18px;border:1px solid rgba(57,203,211,.23);background:rgba(57,203,211,.06);margin:28px 0}.callout.orange{border-color:rgba(242,171,82,.25);background:rgba(242,171,82,.06)}.callout.purple{border-color:rgba(142,125,244,.27);background:rgba(142,125,244,.07)}.side-nav{position:sticky;top:98px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0a1d24;display:grid;gap:7px}.side-nav strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8099a1;padding:5px 8px}.side-nav a{padding:9px 10px;border-radius:10px;color:#9eb2b8;font-size:13px}.side-nav a:hover{background:#102b34;color:white}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-card{padding:24px;border-radius:22px;border:1px solid var(--line);background:#0b2027;transition:.22s}.guide-card:hover{border-color:rgba(57,203,211,.4);transform:translateY(-3px)}.guide-card h2{font-size:24px;margin-bottom:10px}.guide-card p{color:var(--muted);font-size:14px}.guide-card span{color:var(--cyan);font-weight:700;font-size:13px}.legal-page .prose{max-width:860px}.legal-meta{color:#748e96;font-size:13px;margin-top:-10px}.join-page{min-height:100vh;display:grid;place-items:center;padding:34px 20px;background:radial-gradient(circle at 50% 20%,rgba(57,203,211,.12),transparent 32%),var(--bg)}.join-card{width:min(520px,100%);padding:30px;border-radius:30px;border:1px solid var(--line);background:#0b2027;box-shadow:var(--shadow);text-align:center}.join-logo{width:78px;margin:0 auto 18px;border-radius:22px}.join-card h1{font-size:38px;margin:0 0 10px}.join-card p{color:var(--muted)}.join-code{margin:24px auto;padding:18px;border-radius:18px;background:#07181e;border:1px solid rgba(57,203,211,.24)}.join-code small{display:block;color:#79949c;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.join-code strong{display:block;color:var(--cyan);font-size:38px;letter-spacing:.12em}.join-actions{display:grid;gap:10px}.join-note{font-size:12px!important;margin-top:16px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.pulse-ring{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(80,213,141,.035)}}
@media(max-width:950px){.hero-grid,.showcase,.map-block,.share-box{grid-template-columns:1fr}.hero{padding-top:46px}.hero-visual{min-height:510px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.showcase-copy{order:-1}.phone-stack{min-height:650px}.content-grid{grid-template-columns:1fr}.side-nav{position:static;display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:720px){:root{--shell:min(calc(100% - 28px),1180px)}.site-header{background:rgba(6,19,25,.87)}.nav-shell{height:68px}.main-nav{position:absolute;top:68px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:3px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#091c23;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.nav-toggle{display:block}.hero{padding:42px 0 50px}.hero-grid{gap:38px}.hero h1{font-size:48px}.lead{font-size:17px}.hero-visual{min-height:440px}.code-card{left:12px;top:20px}.live-card{right:12px;bottom:28px}.section{padding:68px 0}.section-tight{padding:52px 0}.section-head{display:block}.section-head h2{font-size:39px}.section-head p{margin-top:16px}.feature-grid,.steps,.faq-grid,.guide-cards{grid-template-columns:1fr}.feature-card{min-height:auto}.phone-stack{min-height:510px}.phone{width:53%;border-width:6px}.phone-a{left:2%}.phone-b{right:2%;top:78px}.share-box{padding:26px}.creator{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding-top:45px}.page-hero h1{font-size:44px}.prose h2{font-size:28px}.cta-panel{padding:34px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pulse-ring{animation:none}}