:root{
    --e3-bg:#070a0f;
    --e3-bg-2:#0b1017;
    --e3-panel:#101720;
    --e3-panel-2:#131c27;
    --e3-panel-3:#0c121a;
    --e3-line:rgba(255,255,255,.10);
    --e3-line-strong:rgba(255,255,255,.16);
    --e3-text:#f5f8fb;
    --e3-muted:#91a0af;
    --e3-cyan:#22c9f3;
    --e3-cyan-2:#00e5ff;
    --e3-magenta:#ff1493;
    --e3-magenta-2:#ff3bad;
    --e3-green:#65efb1;
    --e3-danger:#ff6475;
    --e3-radius:22px;
    --e3-shadow:0 28px 80px rgba(0,0,0,.36);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--e3-bg)}
body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 85% 0,rgba(34,201,243,.07),transparent 28%),
        radial-gradient(circle at 10% 20%,rgba(255,20,147,.05),transparent 25%),
        var(--e3-bg);
    color:var(--e3-text);
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto}
a{color:var(--e3-cyan);text-decoration:none}
a:hover{color:#7ce6ff}
::selection{background:var(--e3-cyan);color:#031018}

.skip-link{
    position:fixed;
    left:12px;
    top:-80px;
    z-index:2000;
    padding:10px 16px;
    border-radius:10px;
    background:#fff;
    color:#000;
}
.skip-link:focus{top:12px}

.e3-nav{
    background:rgba(7,10,15,.84);
    border-bottom:1px solid var(--e3-line);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    padding:.65rem 0;
}
.e3-brand{
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    color:#fff!important;
    font-weight:900;
    letter-spacing:.17em;
}
.e3-brand img{filter:drop-shadow(0 0 14px rgba(34,201,243,.12))}
.nav-link{color:#aab5c1!important;font-size:.93rem;font-weight:600}
.nav-link:hover{color:#fff!important}

.btn{
    border-radius:12px;
    font-weight:800;
    letter-spacing:.01em;
}
.btn-e3{
    color:#041014;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(135deg,#83e9ff 0%,var(--e3-cyan) 60%,#56d7f5 100%);
    box-shadow:0 12px 28px rgba(34,201,243,.18);
}
.btn-e3:hover,.btn-e3:focus{
    color:#02090c;
    background:linear-gradient(135deg,#a2efff,#42d7fa);
    transform:translateY(-1px);
}
.btn-e3-outline{
    color:#e9f7fb;
    border:1px solid rgba(160,225,240,.38);
    background:rgba(255,255,255,.035);
}
.btn-e3-outline:hover,.btn-e3-outline:focus{
    color:#fff;
    border-color:rgba(34,201,243,.75);
    background:rgba(34,201,243,.08);
}
.btn.disabled{opacity:.45}

.e3-hero{
    min-height:calc(100vh - 64px);
    display:flex;
    align-items:center;
    padding:6.5rem 0 5.5rem;
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.e3-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.32;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:58px 58px;
    mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);z-index:-2;pointer-events:none}
.hero-glow-cyan{width:440px;height:440px;right:-120px;top:5%;background:rgba(34,201,243,.13)}
.hero-glow-magenta{width:360px;height:360px;left:-170px;bottom:0;background:rgba(255,20,147,.10)}
.e3-kicker,.e3-eyebrow{
    font-size:.74rem;
    letter-spacing:.18em;
    font-weight:900;
    color:#a9eefe;
}
.e3-live-dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--e3-cyan);
    box-shadow:0 0 0 5px rgba(34,201,243,.1),0 0 18px rgba(34,201,243,.8);
}
.e3-hero-title{
    font-size:clamp(3.4rem,6.5vw,6.5rem);
    line-height:.88;
    letter-spacing:-.055em;
    font-weight:950;
}
.e3-hero-title span{
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.85);
    text-shadow:0 0 30px rgba(255,255,255,.06);
}
.e3-hero-lead{
    max-width:670px;
    color:#b4c0ca;
    font-size:clamp(1rem,1.6vw,1.26rem);
    line-height:1.65;
}
.hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:1.25rem 2rem;
    padding-top:1rem;
}
.hero-trust div{display:flex;flex-direction:column}
.hero-trust strong{font-size:1rem;color:#fff}
.hero-trust span{font-size:.77rem;color:var(--e3-muted)}
.hero-product{
    position:relative;
    border-radius:32px;
    background:
        linear-gradient(145deg,rgba(34,201,243,.08),rgba(255,20,147,.045)),
        rgba(11,16,23,.52);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:var(--e3-shadow),inset 0 1px rgba(255,255,255,.04);
    padding:1rem;
}
.hero-product:before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:32px;
    padding:1px;
    background:linear-gradient(135deg,rgba(34,201,243,.48),transparent 38%,transparent 66%,rgba(255,20,147,.40));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.hero-product-badge{
    position:absolute;
    z-index:2;
    top:18px;
    left:20px;
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(4,7,10,.78);
    backdrop-filter:blur(10px);
    padding:8px 12px;
    font-size:.67rem;
    font-weight:900;
    letter-spacing:.15em;
    color:#b9c8d3;
}
.dot-cyan{width:7px;height:7px;border-radius:50%;background:var(--e3-cyan);box-shadow:0 0 12px var(--e3-cyan)}
.hero-product-image{width:100%;display:block}

.e3-strip{
    border-top:1px solid var(--e3-line);
    border-bottom:1px solid var(--e3-line);
    background:#090d13;
}
.e3-strip-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.e3-strip-grid>div{
    position:relative;
    padding:1.45rem 1.3rem;
    border-right:1px solid var(--e3-line);
}
.e3-strip-grid>div:last-child{border-right:0}
.e3-strip-grid span{
    position:absolute;right:12px;top:9px;
    color:rgba(255,255,255,.08);font-size:2rem;font-weight:950
}
.e3-strip-grid strong,.e3-strip-grid small{display:block}
.e3-strip-grid strong{font-size:.92rem}
.e3-strip-grid small{margin-top:3px;color:var(--e3-muted);font-size:.74rem}

.e3-section{padding:7rem 0}
.e3-section-dark{
    background:
        radial-gradient(circle at 75% 50%,rgba(34,201,243,.07),transparent 28%),
        #090d13;
    border-top:1px solid var(--e3-line);
    border-bottom:1px solid var(--e3-line);
}
.section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:2rem;
    margin-bottom:3.2rem;
}
.section-heading h2{
    max-width:760px;
    margin:.45rem 0 0;
    font-size:clamp(2.3rem,4.6vw,4.5rem);
    letter-spacing:-.045em;
    font-weight:900;
}
.section-heading>p{
    max-width:460px;
    color:var(--e3-muted);
    line-height:1.7;
    margin:0 0 .4rem;
}
.text-e3-muted{color:var(--e3-muted)!important}

.showcase-card{
    position:relative;
    overflow:hidden;
    height:100%;
    border:1px solid var(--e3-line);
    border-radius:var(--e3-radius);
    background:#0a0f16;
    box-shadow:var(--e3-shadow);
}
.showcase-card img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-large{min-height:620px}
.showcase-small{min-height:298px}
.showcase-caption{
    position:absolute;
    left:0;right:0;bottom:0;
    padding:4rem 1.5rem 1.45rem;
    background:linear-gradient(transparent,rgba(4,6,10,.96));
}
.showcase-caption span{font-size:.66rem;letter-spacing:.16em;font-weight:900;color:var(--e3-cyan)}
.showcase-caption h3{margin:.4rem 0 .25rem;font-weight:850;font-size:1.25rem}
.showcase-caption p{margin:0;color:#a9b4be;font-size:.88rem}

.feature-card-new{
    display:flex;
    gap:1rem;
    padding:1.45rem;
    background:linear-gradient(145deg,var(--e3-panel-2),var(--e3-panel));
    border:1px solid var(--e3-line);
    border-radius:18px;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.feature-card-new:hover{
    transform:translateY(-3px);
    border-color:rgba(34,201,243,.30);
    background:linear-gradient(145deg,#15212c,#101820);
}
.feature-check{
    flex:0 0 34px;
    width:34px;height:34px;
    display:grid;place-items:center;
    border-radius:10px;
    background:rgba(34,201,243,.10);
    border:1px solid rgba(34,201,243,.22);
    color:var(--e3-cyan);
    font-weight:900;
}
.feature-card-new h3{font-size:1rem;margin:.08rem 0 .4rem;font-weight:800}
.feature-card-new p{margin:0;color:var(--e3-muted);font-size:.84rem;line-height:1.5}

.capability-pill{
    display:inline-flex;
    padding:.55rem .8rem;
    border-radius:999px;
    border:1px solid var(--e3-line);
    background:rgba(255,255,255,.035);
    color:#c2ced8;
    font-size:.78rem;
    font-weight:700;
}
.route-diagram{
    min-height:390px;
    position:relative;
    display:grid;
    grid-template-columns:110px 1fr 220px;
    grid-template-rows:1fr 1fr;
    align-items:center;
    gap:1.2rem;
    padding:2.2rem;
    border-radius:28px;
    border:1px solid var(--e3-line);
    background:
        linear-gradient(145deg,rgba(255,255,255,.025),transparent),
        #080c12;
    box-shadow:var(--e3-shadow);
}
.route-source{
    width:76px;height:76px;
    display:grid;place-items:center;
    border-radius:20px;
    border:2px solid var(--e3-cyan);
    color:var(--e3-cyan);
    font-size:2rem;font-weight:950;
    box-shadow:0 0 30px rgba(34,201,243,.12);
}
.route-b{border-color:var(--e3-magenta);color:var(--e3-magenta);box-shadow:0 0 30px rgba(255,20,147,.1)}
.route-lines{grid-column:2;grid-row:1/3;align-self:stretch;position:relative}
.route-lines:before,.route-lines:after{
    content:"";position:absolute;left:0;right:0;height:1px;
    background:linear-gradient(90deg,var(--e3-cyan),rgba(255,255,255,.22),var(--e3-magenta));
}
.route-lines:before{top:34%}.route-lines:after{bottom:34%}
.route-lines span{
    position:absolute;left:50%;width:1px;height:35%;
    background:rgba(255,255,255,.18)
}
.route-lines span:first-child{top:0}.route-lines span:last-child{bottom:0}
.route-output{
    grid-column:3;
    min-height:92px;
    display:flex;flex-direction:column;justify-content:center;
    padding:1rem 1.2rem;
    border-radius:18px;
    border:1px solid rgba(34,201,243,.25);
    background:rgba(34,201,243,.06);
}
.route-output strong{color:var(--e3-cyan);letter-spacing:.08em}
.route-output small{color:var(--e3-muted);margin-top:4px}
.route-output-cue{
    border-color:rgba(255,20,147,.25);
    background:rgba(255,20,147,.05);
}
.route-output-cue strong{color:var(--e3-magenta)}

.pricing-section{
    background:
        radial-gradient(circle at 50% 20%,rgba(255,20,147,.045),transparent 28%),
        var(--e3-bg);
}
.trial-card,.price-card,.panel-card,.auth-card,.step,.deck-card{
    background:linear-gradient(145deg,var(--e3-panel-2),var(--e3-panel));
    border:1px solid var(--e3-line);
    border-radius:var(--e3-radius);
    box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.trial-card,.price-card{padding:2rem}
.price-card-highlight{border-color:rgba(34,201,243,.26);box-shadow:0 25px 70px rgba(34,201,243,.06)}
.plan-label{font-size:.7rem;letter-spacing:.18em;font-weight:900;color:var(--e3-cyan)}
.e3-plan-chip{
    border:1px solid rgba(34,201,243,.28);
    color:var(--e3-cyan);
    background:rgba(34,201,243,.07);
    border-radius:999px;
    padding:.42rem .65rem;
    font-size:.68rem;
    letter-spacing:.12em;
    font-weight:900;
}
.trial-number{font-size:6rem;line-height:1;font-weight:950;letter-spacing:-.07em;margin-top:1rem}
.trial-unit{font-size:.8rem;letter-spacing:.18em;color:var(--e3-muted);font-weight:900}
.price{font-size:clamp(2.7rem,5vw,4.5rem);font-weight:950;letter-spacing:-.055em}
.price small{font-size:.8rem;color:var(--e3-muted);letter-spacing:0}
.plan-list{list-style:none;padding:0;margin:1.6rem 0 2rem}
.plan-list li{
    padding:.58rem 0 .58rem 1.55rem;
    color:#bec8d1;
    border-bottom:1px solid rgba(255,255,255,.05);
    position:relative;
}
.plan-list li:before{
    content:"✓";
    position:absolute;left:0;
    color:var(--e3-green);
    font-weight:900;
}

.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.process-card{
    min-height:210px;
    padding:1.4rem;
    border:1px solid var(--e3-line);
    border-radius:18px;
    background:var(--e3-panel-3);
}
.process-card>span{font-size:2.5rem;font-weight:950;color:rgba(34,201,243,.18)}
.process-card h3{font-size:1rem;font-weight:800;margin:1rem 0 .55rem}
.process-card p{color:var(--e3-muted);font-size:.83rem;line-height:1.55;margin:0}

.faq-section{border-top:1px solid var(--e3-line)}
.accordion{
    --bs-accordion-bg:#0c1219;
    --bs-accordion-color:#eef4f8;
    --bs-accordion-btn-bg:#0c1219;
    --bs-accordion-btn-color:#eef4f8;
    --bs-accordion-active-bg:#101923;
    --bs-accordion-active-color:#fff;
    --bs-accordion-border-color:rgba(255,255,255,.08);
    --bs-accordion-btn-focus-box-shadow:0 0 0 .2rem rgba(34,201,243,.12);
}
.e3-accordion .accordion-item{overflow:hidden}
.e3-accordion .accordion-button{font-weight:700;padding:1.25rem}
.e3-accordion .accordion-body{color:var(--e3-muted);line-height:1.7}

.final-cta{padding:1rem 0 6rem}
.final-cta-inner{
    display:flex;
    align-items:center;
    gap:1.5rem;
    border-radius:28px;
    border:1px solid var(--e3-line);
    padding:2rem;
    background:
        radial-gradient(circle at 90% 30%,rgba(34,201,243,.08),transparent 25%),
        radial-gradient(circle at 15% 90%,rgba(255,20,147,.06),transparent 28%),
        #0b1119;
}
.final-cta h2{font-weight:900;letter-spacing:-.035em;margin:.35rem 0 .25rem}
.final-cta p{margin:0;color:var(--e3-muted)}

.form-control,.form-select,.form-control:focus,.form-select:focus{
    background:#0b1118;
    border-color:#263443;
    color:#fff;
}
.form-control:focus,.form-select:focus{
    box-shadow:0 0 0 .2rem rgba(34,201,243,.12);
    border-color:rgba(34,201,243,.6);
}
.form-control::placeholder{color:#607080}
.auth-card{max-width:620px;padding:28px}
.panel-card{padding:24px}
.account-nav,.admin-links{display:flex;flex-wrap:wrap;gap:16px}
.table-dark{--bs-table-bg:#10161f;--bs-table-hover-bg:#151e29}
.legal-copy{max-width:900px;line-height:1.8}
.raw-json{white-space:pre-wrap;word-break:break-word;max-width:700px;max-height:420px;overflow:auto}
.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.e3-footer{
    border-top:1px solid var(--e3-line);
    padding:3.5rem 0 2rem;
    background:#06090d;
    color:var(--e3-muted);
}
.footer-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1.5rem;
    padding-bottom:2rem;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-top p{margin:0}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:1.5rem;
    padding-top:1.5rem;
    font-size:.84rem;
}
.footer-bottom a{color:#9eabb6}
.footer-bottom a:hover{color:#fff}

.alert{border-radius:14px}
.alert-success{background:#0d2c22;border-color:#17523e;color:#9cf1cb}
.alert-danger{background:#32161b;border-color:#6c2832;color:#ffb6c0}

@media(max-width:1199px){
    .e3-hero-title{font-size:4.8rem}
    .process-grid{grid-template-columns:repeat(3,1fr)}
    .showcase-large{min-height:520px}
}
@media(max-width:991px){
    .e3-nav .navbar-collapse{padding:1rem 0}
    .e3-hero{min-height:auto;padding:5rem 0}
    .e3-hero-title{font-size:clamp(3.5rem,11vw,5.5rem)}
    .section-heading{display:block}
    .section-heading>p{margin-top:1.2rem}
    .e3-strip-grid{grid-template-columns:repeat(2,1fr)}
    .e3-strip-grid>div:nth-child(2){border-right:0}
    .e3-strip-grid>div:nth-child(-n+2){border-bottom:1px solid var(--e3-line)}
    .route-diagram{grid-template-columns:90px 1fr 200px}
    .final-cta-inner{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:767px){
    .e3-section{padding:5rem 0}
    .e3-hero{padding:4rem 0 3rem}
    .e3-hero-title{font-size:3.55rem}
    .hero-trust{gap:1rem 1.4rem}
    .hero-product{margin-top:1rem}
    .e3-strip-grid{grid-template-columns:1fr}
    .e3-strip-grid>div{border-right:0!important;border-bottom:1px solid var(--e3-line)}
    .e3-strip-grid>div:last-child{border-bottom:0}
    .showcase-large,.showcase-small{min-height:330px}
    .route-diagram{
        min-height:auto;
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto auto;
        padding:1.3rem;
    }
    .route-source{width:64px;height:64px}
    .route-lines{display:none}
    .route-output{grid-column:auto!important}
    .process-grid{grid-template-columns:1fr}
    .process-card{min-height:0}
    .trial-number{font-size:5rem}
    .footer-top,.footer-bottom{display:block}
    .footer-top p{margin-top:1rem}
    .footer-bottom>div{margin-top:1rem}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*:before,*:after{transition:none!important;animation:none!important}
}