:root{--bg: #05070d;--ink: #e8f4ff;--muted: #9bb4cc;--lede: #d6e6f5;--line: rgba(100, 211, 255, .32);--primary: #1178e7;--deep: #1448c1;--accent: #29a7fc;--ice: #64d3ff;--navy: #0b1b3f;--panel: #0a1020;--accent-text: #64d3ff;--btn: #ffffff;--nav: rgba(5, 7, 13, .92);--card: rgba(255, 255, 255, .03);--card-line: rgba(255, 255, 255, .08);--featured: #071428;--menu: #05070d;--hover: rgba(100, 211, 255, .12);--on: rgba(17, 120, 231, .16);--err: #ffb4b4;--focus: rgba(17, 120, 231, .55);--gradient: linear-gradient(180deg, #64d3ff, #1178e7, #1448c1);color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--ink: #0b1b3f;--muted: #3e5278;--lede: #1a3058;--line: rgba(20, 72, 193, .28);--panel: #f4f8fc;--accent-text: #1448c1;--nav: rgba(255, 255, 255, .94);--card: rgba(11, 27, 63, .03);--card-line: rgba(11, 27, 63, .1);--featured: #f3f8ff;--menu: #ffffff;--hover: rgba(20, 72, 193, .08);--on: rgba(20, 72, 193, .1);--err: #9f1239;--focus: rgba(20, 72, 193, .45);color-scheme:light}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Outfit,sans-serif;font-weight:400;font-size:1.05rem;line-height:1.55;letter-spacing:.005em}::selection{background:#1178e747;color:var(--ink)}a{color:inherit}button,input{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.75rem;background:var(--nav);border-bottom:1px solid var(--card-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gradient)}.brand img{height:44px;width:auto}.nav nav{display:flex;align-items:center;gap:.2rem}.nav nav a{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--muted);padding:.55rem .75rem;border-radius:999px;font-size:.95rem;letter-spacing:.01em}.nav nav a svg{width:16px;height:16px;flex:none}.nav nav a.active,.nav nav a:hover{color:var(--ink);background:var(--hover)}.menu{display:none;background:none;border:0;width:44px;height:44px}.menu span{display:block;height:1px;background:var(--ink);margin:7px 8px}.btn{display:inline-flex;align-items:center;gap:.55rem;border:0;cursor:pointer;border-radius:999px;background:linear-gradient(180deg,#1178e7,#1448c1);color:var(--btn);font-weight:600;letter-spacing:.01em;padding:.9rem 1.25rem}.btn svg{width:18px;height:18px}.btn.sm{padding:.55rem .9rem;font-size:.92rem}.btn.lg{padding:1rem 1.35rem;font-size:1.05rem}.btn:hover{background:var(--deep)}.nav-cta{margin-left:.55rem}.cta{margin-top:1.75rem}.hint{color:var(--muted);font-size:.92rem;line-height:1.45;margin:.7rem 0 0;max-width:36rem}.hero,.page{width:min(1120px,calc(100% - 3rem));margin:0 auto}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:4.5rem;align-items:center;padding:6rem 0 4.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.2em;text-transform:uppercase;font-size:.74rem;font-weight:500;color:var(--accent-text);margin:0 0 1.1rem}.eyebrow svg{width:16px;height:16px}h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,6.2vw,5rem);line-height:.92;letter-spacing:-.045em;margin:0 0 1.25rem;text-wrap:balance}.lede{font-size:1.2rem;font-weight:300;line-height:1.6;color:var(--lede);max-width:36rem;margin:0}.handset{border:1px solid var(--line);border-radius:28px;padding:2rem 1.75rem 1.5rem;background:var(--panel)}.handset img{width:min(260px,100%);min-width:0;margin:0 auto 1.4rem}.call{display:flex;align-items:center;gap:.85rem;border:1px solid var(--card-line);border-radius:16px;padding:.95rem 1rem;background:var(--bg)}.call strong,.call em{display:block;font-style:normal}.call strong{font-weight:500;letter-spacing:.01em}.call em{color:var(--muted);font-size:.88rem;margin-top:.1rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--primary);flex:none}.pill{margin-left:auto;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:var(--ice);border-radius:999px;padding:.28rem .55rem;font-weight:600}.band,.cards,.plans,.voices,.steps{display:grid;gap:1.15rem}.hero>*,.band>*,.cards>*,.plans>*,.steps>*,.voices>*{min-width:0}.band{width:min(1120px,calc(100% - 3rem));margin:0 auto 5.5rem;grid-template-columns:repeat(3,1fr)}.band article,.cards article,.plans article,.voices article,.steps li,.clone,.login{border:1px solid var(--card-line);background:var(--card);border-radius:18px;padding:1.5rem 1.45rem 1.4rem}.band svg,.cards svg,.voices svg,.steps svg{width:22px;height:22px;color:var(--accent-text)}.band h2,.cards h2,.voices h2,.clone h2,.steps h2,.page>h2{font-family:Syne,sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:-.03em;margin:.85rem 0 .45rem}.band p,.cards p,.voices p,.clone p,.steps p,.faq p{color:var(--muted);line-height:1.55;margin:0}.page{padding:4.75rem 0 5.5rem}.page h1{max-width:14ch}.cards{grid-template-columns:repeat(3,1fr);margin-top:2.25rem}.steps{grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:2.25rem 0 0}.steps span{font-family:Syne,sans-serif;letter-spacing:.14em;color:var(--accent-text);font-size:.78rem;font-weight:700}.plans{grid-template-columns:repeat(3,1fr);margin:2.25rem 0 0}.plans .featured{border:1px solid transparent;background:linear-gradient(var(--featured),var(--featured)) padding-box,var(--gradient) border-box}.price{font-family:Syne,sans-serif;font-size:2.6rem;letter-spacing:-.04em;margin:.35rem 0 1rem;font-weight:800}.price span{display:block;font-family:Outfit,sans-serif;font-size:.9rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:.2rem}.plans ul{margin:0;padding-left:1.15rem;color:var(--muted)}.plans li{margin:.45rem 0}.voices{grid-template-columns:repeat(5,1fr);margin-top:2.25rem}.clone{margin-top:1.15rem;padding:1.7rem 1.6rem}.faq{display:grid;gap:.15rem;margin-top:1.6rem}.faq details{border-bottom:1px solid var(--card-line);padding:.95rem 0}.faq summary{cursor:pointer;display:flex;gap:.65rem;align-items:center;font-size:1.08rem;font-weight:500}.faq summary svg{width:18px;height:18px;color:var(--accent-text);flex:none}.faq p{margin:.7rem 0 .35rem 1.75rem}.mono,.setup{color:var(--muted);font-size:.88rem;line-height:1.5;word-break:break-word}.setup{max-width:46rem;margin-top:.4rem}.mono{margin-top:2rem}.login{max-width:22rem;display:grid;gap:.6rem;margin-top:1.5rem}.login input{background:var(--panel);border:1px solid var(--card-line);border-radius:12px;padding:.8rem .9rem}.login input:focus{outline:2px solid var(--focus);outline-offset:1px}.err{color:var(--err)}.admin h2{margin-top:.25rem}.flags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 2rem;align-items:center}.flags span{border-radius:999px;padding:.3rem .7rem;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.flags .on{background:var(--on);color:var(--accent-text)}.flags .off{background:var(--hover);color:var(--muted)}.table-wrap{overflow-x:auto;margin:0 0 2.25rem}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.7rem .45rem;border-bottom:1px solid var(--card-line)}th{color:var(--muted);font-weight:500;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.foot{width:min(1120px,calc(100% - 3rem));margin:0 auto;display:grid;grid-template-columns:200px 1fr auto;gap:2.5rem;padding:2.5rem 0 3.5rem;border-top:1px solid var(--card-line);color:var(--muted)}.foot img{height:40px;width:auto}.foot a{color:var(--ink)}.foot p{margin:0 0 .45rem;line-height:1.5}.foot-links{display:flex;flex-direction:column;gap:.45rem}.foot-links a{text-decoration:none;color:var(--muted)}.foot-links a:hover{color:var(--ink)}@media(max-width:980px){.hero,.band,.cards,.plans,.steps,.voices{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.hero{gap:2.5rem;padding-top:4rem}}@media(max-width:760px){.menu{display:block}.nav{padding:.85rem 1rem}.nav nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--menu);border-bottom:1px solid var(--card-line);padding:.7rem}.nav nav.open{display:flex}.hero,.band,.cards,.plans,.steps,.voices{grid-template-columns:1fr}.hero,.page,.band,.foot{width:min(1120px,calc(100% - 2rem))}.hero{padding:2.6rem 0 2rem}.nav-cta{margin:.45rem 0 .2rem;justify-content:center}h1{font-size:clamp(2.4rem,11vw,3.4rem)}}
