:root{
    --bg:#05050a;
    --bg2:#090a12;
    --card:rgba(255,255,255,.075);
    --card2:rgba(255,255,255,.11);
    --stroke:rgba(255,255,255,.16);
    --stroke2:rgba(255,255,255,.08);
    --text:#ffffff;
    --soft:#cfd5e8;
    --muted:#7f879d;
    --red:#ff2448;
    --red2:#ff6b80;
    --ice:#5ee9ff;
    --ice2:#87f8ff;
    --gold:#ffd36b;
    --dark:#0b0c13;
    --radius:30px;
    --shadow:0 30px 90px rgba(0,0,0,.55);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    min-height:100vh;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at 50% -20%, rgba(255,36,72,.23), transparent 37%),
        radial-gradient(circle at 90% 5%, rgba(94,233,255,.15), transparent 34%),
        radial-gradient(circle at 10% 90%, rgba(255,36,72,.13), transparent 31%),
        linear-gradient(140deg,#030307 0%,#080912 42%,#05050a 100%);
    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:46px 46px;
    mask-image:radial-gradient(circle at center, #000 0%, transparent 75%);
    pointer-events:none;
    z-index:-4;
}

body::after{
    content:"";
    position:fixed;
    inset:auto -15% -50% -15%;
    height:55vh;
    background:radial-gradient(ellipse at center, rgba(255,36,72,.24), transparent 66%);
    filter:blur(40px);
    pointer-events:none;
    z-index:-6;
}

a{color:inherit;text-decoration:none}
code{
    color:#fff;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.12);
    padding:.12rem .42rem;
    border-radius:10px;
}

.noise{
    position:fixed;
    inset:0;
    opacity:.15;
    pointer-events:none;
    z-index:-1;
    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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-5}
.aurora span{position:absolute;border-radius:999px;filter:blur(28px);opacity:.75;animation:floatGlow 9s ease-in-out infinite alternate}
.aurora-one{width:360px;height:360px;background:rgba(255,36,72,.28);left:-80px;top:100px}
.aurora-two{width:420px;height:420px;background:rgba(94,233,255,.18);right:-110px;top:120px;animation-delay:-2s!important}
.aurora-three{width:420px;height:420px;background:rgba(255,211,107,.1);left:38%;bottom:-170px;animation-delay:-4s!important}

#stars{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.65}

.shell{
    width:min(1180px, calc(100% - 36px));
    margin:0 auto;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.topbar{
    position:sticky;
    top:18px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:18px 0 34px;
    padding:13px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    background:rgba(7,7,13,.72);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{
    width:52px;height:52px;border-radius:18px;
    display:grid;place-items:center;
    color:#fff;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 28%),
        linear-gradient(135deg, var(--red), #8d0019 52%, #191927);
    box-shadow:0 0 0 1px rgba(255,255,255,.18),0 12px 36px rgba(255,36,72,.35), inset 0 0 18px rgba(255,255,255,.12);
    position:relative;
    isolation:isolate;
}
.brand-mark::after{
    content:"";
    position:absolute;
    inset:-5px;
    border-radius:22px;
    border:1px solid rgba(255,36,72,.3);
    opacity:.75;
}
.brand-mark span{font-weight:950;font-size:24px;letter-spacing:-1px}
.brand-text{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.brand-text strong{font-size:17px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.brand-text small{margin-top:5px;color:var(--muted);font-size:12px;white-space:nowrap}

.nav{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px;
    border-radius:17px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
}
.nav a{
    color:var(--soft);
    padding:11px 15px;
    border-radius:13px;
    font-size:14px;
    font-weight:800;
    transition:.22s ease;
}
.nav a:hover,.nav a.active{
    color:#fff;
    background:rgba(255,255,255,.11);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}

.hero{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 420px;
    align-items:center;
    gap:48px;
    padding:36px 0 44px;
}

.eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    padding:9px 13px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 14px 50px rgba(0,0,0,.25);
    font-size:13px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.pulse-dot{
    width:9px;height:9px;border-radius:99px;background:#43ff9f;
    box-shadow:0 0 0 0 rgba(67,255,159,.55);
    animation:pulse 1.6s infinite;
}

.hero h1{
    margin:24px 0 18px;
    font-size:clamp(48px, 7vw, 92px);
    line-height:.89;
    letter-spacing:-.075em;
    max-width:760px;
}
.hero h1 span{
    display:block;
    background:linear-gradient(90deg,#fff 0%,#ff9aaa 30%,#ff2448 58%,#5ee9ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:none;
}
.lead{
    max-width:650px;
    color:var(--soft);
    font-size:18px;
    line-height:1.75;
    margin:0;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ghost-btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:50px;
    padding:0 18px;
    border-radius:16px;
    background:rgba(255,36,72,.13);
    color:#fff;
    font-weight:900;
    border:1px solid rgba(255,36,72,.34);
    box-shadow:0 20px 55px rgba(255,36,72,.14);
    transition:.25s ease;
}
.ghost-btn.soft{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);box-shadow:none;color:var(--soft)}
.ghost-btn:hover{transform:translateY(-2px);background:rgba(255,36,72,.22)}
.ghost-btn.soft:hover{background:rgba(255,255,255,.12);color:#fff}

.security-strip{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    margin-top:34px;
    max-width:650px;
}
.security-strip div{
    padding:15px 16px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.1);
}
.security-strip strong{display:block;font-size:20px;letter-spacing:-.03em}
.security-strip span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:3px;text-transform:uppercase;letter-spacing:.04em}

.orbital-card{
    min-height:500px;
    border-radius:38px;
    border:1px solid rgba(255,255,255,.13);
    background:
        radial-gradient(circle at 50% 47%, rgba(255,36,72,.2), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
    box-shadow:var(--shadow), inset 0 0 0 1px rgba(255,255,255,.04);
    position:relative;
    overflow:hidden;
    display:grid;
    place-items:center;
}
.orbital-card::before{
    content:"";
    position:absolute;
    inset:-40%;
    background:conic-gradient(from 120deg, transparent, rgba(255,36,72,.22), transparent, rgba(94,233,255,.15), transparent);
    animation:spin 12s linear infinite;
}
.orbital-card::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:37px;
    background:
        linear-gradient(180deg, rgba(5,5,10,.35), rgba(5,5,10,.82)),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 55%);
}
.core,.core-ring,.orbit-pill{position:absolute;z-index:2}
.core{
    width:210px;height:210px;border-radius:50%;
    display:grid;place-items:center;text-align:center;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 23%),
        radial-gradient(circle at center, rgba(255,36,72,.3), rgba(12,12,20,.96) 63%);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 0 65px rgba(255,36,72,.3), inset 0 0 35px rgba(255,255,255,.08);
}
.core-label{position:absolute;top:40px;font-size:11px;font-weight:950;color:var(--red2);letter-spacing:.25em}
.core strong{font-size:31px;line-height:.9;letter-spacing:-.04em}
.core em{position:absolute;bottom:42px;font-style:normal;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.18em}
.core-ring{border-radius:50%;border:1px solid rgba(255,255,255,.14);inset:auto}
.ring-a{width:310px;height:310px;animation:spin 18s linear infinite}
.ring-b{width:390px;height:390px;border-style:dashed;opacity:.8;animation:spinReverse 25s linear infinite}
.ring-c{width:470px;height:470px;opacity:.45;animation:spin 31s linear infinite}
.orbit-pill{
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.pill-one{top:105px;left:48px;color:#fff;background:rgba(255,36,72,.14)}
.pill-two{right:38px;bottom:130px;color:#dffbff;background:rgba(94,233,255,.12)}
.pill-three{left:86px;bottom:72px;color:#ffe7a7;background:rgba(255,211,107,.1)}

.choice-section{padding:32px 0 72px}
.section-head{text-align:center;max-width:720px;margin:0 auto 26px}
.section-head span{
    color:var(--red2);
    font-size:13px;
    font-weight:950;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.section-head h2{font-size:clamp(33px, 5vw, 56px);line-height:1;margin:10px 0 12px;letter-spacing:-.055em}
.section-head p{margin:0;color:var(--soft);line-height:1.7}
.bot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;perspective:1200px}
.bot-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:430px;
    padding:26px;
    border-radius:34px;
    border:1px solid rgba(255,255,255,.14);
    background:
        linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.04)),
        radial-gradient(circle at 0 0, rgba(255,255,255,.14), transparent 36%);
    box-shadow:var(--shadow);
    transform-style:preserve-3d;
    transition:transform .18s ease, border-color .25s ease, background .25s ease;
}
.bot-card::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.2), transparent 22%, transparent 66%, rgba(255,255,255,.08));
    opacity:.55;
    z-index:-1;
}
.bot-card::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
    opacity:.65;
}
.card-glow{
    position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-80px;filter:blur(28px);opacity:.5;z-index:-1;
}
.accent-red .card-glow{background:rgba(255,36,72,.45)}
.accent-ice .card-glow{background:rgba(94,233,255,.36)}
.bot-card:hover{border-color:rgba(255,255,255,.25);background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055))}
.bot-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mini-tag,.status-badge{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:32px;
    padding:0 11px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.075);
}
.status-badge{color:#79ffb1;background:rgba(67,255,159,.09);border-color:rgba(67,255,159,.22)}
.bot-icon{
    width:88px;height:88px;border-radius:28px;
    display:grid;place-items:center;
    margin:42px 0 24px;
    background:rgba(255,255,255,.085);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 0 25px rgba(255,255,255,.04),0 18px 55px rgba(0,0,0,.28);
}
.bot-icon svg{width:45px;height:45px;fill:#fff}
.accent-red .bot-icon{box-shadow:0 20px 60px rgba(255,36,72,.19), inset 0 0 25px rgba(255,255,255,.04)}
.accent-red .bot-icon svg{filter:drop-shadow(0 0 16px rgba(255,36,72,.8))}
.accent-ice .bot-icon{box-shadow:0 20px 60px rgba(94,233,255,.15), inset 0 0 25px rgba(255,255,255,.04)}
.accent-ice .bot-icon svg{filter:drop-shadow(0 0 16px rgba(94,233,255,.75))}
.bot-card h3{font-size:34px;line-height:1;letter-spacing:-.04em;margin:0 0 12px}
.bot-card p{color:var(--soft);line-height:1.7;margin:0;min-height:82px}
.stat-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.stat-row span{
    padding:9px 11px;
    border-radius:13px;
    color:#e9ecf7;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.08);
    font-size:12px;
    font-weight:850;
}
.access-btn{
    min-height:58px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:0 18px 0 20px;
    border-radius:18px;
    color:#fff;
    font-weight:950;
    letter-spacing:-.01em;
    border:1px solid rgba(255,255,255,.15);
    background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.07));
    transition:.25s ease;
}
.access-btn svg{width:24px;height:24px;fill:#fff;transition:.25s ease}
.accent-red .access-btn{background:linear-gradient(90deg, rgba(255,36,72,.88), rgba(117,0,22,.72));box-shadow:0 18px 55px rgba(255,36,72,.23)}
.accent-ice .access-btn{background:linear-gradient(90deg, rgba(27,169,203,.82), rgba(31,52,77,.78));box-shadow:0 18px 55px rgba(94,233,255,.14)}
.access-btn:hover{transform:translateY(-2px);filter:saturate(1.16)}
.access-btn:hover svg{transform:translateX(4px)}

.legal-page{padding:22px 0 70px;max-width:980px;margin:0 auto;width:100%}
.back-link{
    display:inline-flex;
    margin-bottom:18px;
    color:var(--soft);
    font-weight:850;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    border-radius:14px;
    padding:11px 14px;
}
.back-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.legal-hero{
    position:relative;
    overflow:hidden;
    padding:44px;
    border-radius:34px;
    background:
        radial-gradient(circle at 82% 18%, rgba(255,36,72,.25), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:var(--shadow);
}
.privacy-hero{background:radial-gradient(circle at 82% 18%, rgba(94,233,255,.22), transparent 30%),linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045))}
.legal-hero span{color:var(--red2);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.privacy-hero span{color:var(--ice2)}
.legal-hero h1{font-size:clamp(42px,6vw,74px);line-height:.9;letter-spacing:-.065em;margin:12px 0}
.legal-hero p{margin:0;color:var(--soft);font-size:18px;line-height:1.65;max-width:620px}
.legal-card{
    margin-top:18px;
    padding:34px;
    border-radius:30px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 25px 80px rgba(0,0,0,.34);
}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.legal-meta span{
    color:var(--soft);
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.09);
    padding:9px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:850;
}
.legal-card h2{font-size:22px;margin:26px 0 8px;letter-spacing:-.02em}
.legal-card h2:first-of-type{margin-top:0}
.legal-card p{color:var(--soft);line-height:1.85;margin:0}
.legal-card a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}

.footer{
    margin-top:auto;
    padding:28px 0 32px;
    display:flex;
    justify-content:space-between;
    gap:18px;
    color:var(--muted);
    font-size:13px;
    border-top:1px solid rgba(255,255,255,.08);
}
.footer div{display:flex;gap:14px;flex-wrap:wrap}
.footer a{color:var(--soft);font-weight:800}
.footer a:hover{color:#fff}

@keyframes floatGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30px,-26px,0) scale(1.09)}}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(67,255,159,0)}100%{box-shadow:0 0 0 0 rgba(67,255,159,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}

@media (max-width: 980px){
    .hero{grid-template-columns:1fr;gap:28px;padding-top:12px}
    .orbital-card{min-height:390px;max-width:540px;width:100%;margin:0 auto}
    .bot-grid{grid-template-columns:1fr}
}

@media (max-width: 680px){
    .shell{width:min(100% - 22px, 1180px)}
    .topbar{position:relative;top:0;align-items:flex-start;flex-direction:column;border-radius:22px;margin-top:11px}
    .nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
    .nav a{text-align:center;padding:10px 8px;font-size:13px}
    .brand-mark{width:48px;height:48px;border-radius:16px}
    .hero h1{font-size:48px;letter-spacing:-.06em}
    .lead{font-size:16px}
    .security-strip{grid-template-columns:1fr}
    .orbital-card{min-height:330px;border-radius:28px}
    .core{width:160px;height:160px}
    .core-label{top:31px}.core em{bottom:31px}.core strong{font-size:25px}
    .ring-a{width:235px;height:235px}.ring-b{width:295px;height:295px}.ring-c{display:none}
    .orbit-pill{font-size:10px;padding:8px 10px}
    .pill-one{top:70px;left:24px}.pill-two{right:20px;bottom:90px}.pill-three{left:34px;bottom:42px}
    .bot-card{border-radius:28px;padding:22px;min-height:auto}
    .bot-card h3{font-size:29px}
    .bot-card p{min-height:auto}
    .section-head h2{font-size:36px}
    .legal-hero,.legal-card{padding:24px;border-radius:26px}
    .legal-hero h1{font-size:42px}
    .footer{flex-direction:column}
}

@media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}