:root{
    --bg:#020b18;
    --bg2:#06152a;
    --panel:#081d34;
    --cyan:#10d9ff;
    --text:#f7fbff;
    --muted:#9eb2c8;
    --soft:#c6d3e1;
    --line:rgba(16,217,255,.24);
    --r:18px;
    --max:1220px;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,Arial,sans-serif;
}

a{
    color:inherit;
    text-decoration:none;
}

.container{
    width:min(var(--max),calc(100% - 40px));
    margin:auto;
}

.site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(2,11,24,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(16,217,255,.14);
}

.nav{
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.brand{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.brand strong{
    font-size:1.05rem;
    letter-spacing:.28em;
    font-weight:600;
}

.brand small{
    font-size:.65rem;
    color:var(--cyan);
}

.nav-links{
    display:flex;
    align-items:center;
    gap:26px;
    color:#c6d3e1;
    font-size:.88rem;
    font-weight:600;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 22px;
    border-radius:11px;
    border:1px solid var(--cyan);
    font-weight:700;
}

.btn-primary{
    background:var(--cyan);
    color:#00111f;
}

.btn-outline{
    background:transparent;
    color:#fff;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:16px;
    color:var(--cyan);
    font-weight:800;
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.eyebrow:after{
    content:"";
    width:42px;
    height:1px;
    background:var(--cyan);
}

.hero{
    padding:82px 0 58px;
    background:
        radial-gradient(
            circle at 82% 16%,
            rgba(16,217,255,.07),
            transparent 34%
        );
}

.hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:56px;
    align-items:center;
}

h1,
h2,
h3{
    font-family:Georgia,"Times New Roman",serif;
}

h1{
    font-size:clamp(3.2rem,6vw,6.2rem);
    line-height:.95;
    margin:24px 0 26px;
    letter-spacing:-.04em;
    font-weight:500;
}

h2{
    font-size:clamp(2.25rem,4vw,4rem);
    line-height:1.02;
    margin:14px 0 18px;
    font-weight:500;
    letter-spacing:-.03em;
}

h3{
    font-size:1.45rem;
    line-height:1.15;
    margin:12px 0;
    font-weight:500;
}

.hero p,
.lead{
    font-size:1.05rem;
    line-height:1.75;
    color:var(--soft);
    max-width:760px;
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:30px;
}

.trust-line{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:24px;
    color:var(--muted);
    font-size:.78rem;
}

.decision-panel,
.card,
.offer,
.col,
.intake,
.case-card{
    background:rgba(8,29,52,.84);
    border:1px solid var(--line);
    border-radius:var(--r);
}

.decision-panel{
    padding:26px;
}

.mini,
.tag{
    color:var(--cyan);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
}

.metric-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:22px 0;
}

.metric{
    background:#0a2645;
    border:1px solid rgba(16,217,255,.14);
    padding:16px;
    border-radius:12px;
}

.metric strong{
    display:block;
    font-size:1.25rem;
}

.metric small{
    color:var(--muted);
}

.stage-list{
    display:grid;
    gap:10px;
}

.stage{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border:1px solid rgba(16,217,255,.18);
    border-radius:12px;
}

.stage b{
    color:var(--cyan);
    font-size:.75rem;
}

.section{
    padding:70px 0;
}

.section-dark{
    background:#03101f;
    border-top:1px solid rgba(16,217,255,.1);
    border-bottom:1px solid rgba(16,217,255,.1);
}

.section-head{
    max-width:800px;
    margin-bottom:32px;
}

.section-head p,
.card p,
.offer p,
.case-card p{
    color:var(--muted);
    line-height:1.68;
}

.journey-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.card,
.offer,
.case-card{
    padding:26px;
}

.price{
    margin:20px 0 14px;
}

.price strong{
    font-size:1.2rem;
}

.problem-grid,
.offer-grid,
.compare{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.question-list{
    display:grid;
    gap:10px;
}

.question{
    padding:15px 18px;
    border:1px solid rgba(16,217,255,.19);
    border-radius:12px;
    background:rgba(8,29,52,.64);
}

.steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.step{
    padding:24px;
    border-top:2px solid var(--cyan);
    background:rgba(8,29,52,.72);
    border-radius:0 0 14px 14px;
}

.step b{
    color:var(--cyan);
    font-size:.72rem;
}

.step p{
    color:var(--muted);
    line-height:1.65;
}

.offer ul,
.compare ul{
    color:var(--soft);
    line-height:1.8;
}

.disclaimer,
.intake-note{
    font-size:.8rem;
    color:var(--muted);
    padding:14px 16px;
    border-left:2px solid var(--cyan);
    background:rgba(16,217,255,.04);
    line-height:1.6;
}

.price-table,
.sim-table{
    width:100%;
    border-collapse:collapse;
}

.price-table td,
.price-table th,
.sim-table td,
.sim-table th{
    padding:12px;
    border-bottom:1px solid rgba(255,255,255,.08);
    text-align:left;
    font-size:.86rem;
}

.intake{
    padding:28px;
}

.intake-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

label{
    display:grid;
    gap:8px;
    color:#dbe7f3;
    font-size:.82rem;
    font-weight:700;
}

input,
select,
textarea{
    width:100%;
    border:1px solid rgba(111,159,204,.34);
    border-radius:11px;
    background:#06182d;
    color:#fff;
    padding:13px 14px;
    font:inherit;
}

textarea{
    min-height:150px;
}

.full{
    grid-column:1/-1;
}

.footer{
    padding:48px 0 28px;
    border-top:1px solid rgba(16,217,255,.14);
    background:#020914;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:28px;
}

.footer a,
.footer p{
    color:var(--muted);
    font-size:.82rem;
    line-height:1.8;
}

.footer strong{
    display:block;
    margin-bottom:10px;
}

.subhero{
    padding:72px 0 42px;
}

.subhero h1{
    font-size:clamp(3rem,5.4vw,5.6rem);
    max-width:950px;
}

.case-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.note{
    font-size:.78rem;
    color:var(--muted);
    line-height:1.6;
}

.highlight{
    color:var(--cyan);
}

@media(max-width:980px){

    .hero-grid,
    .problem-grid,
    .offer-grid,
    .compare{
        grid-template-columns:1fr;
    }

    .journey-grid,
    .steps{
        grid-template-columns:repeat(2,1fr);
    }

    .nav-links{
        display:none;
    }
}

@media(max-width:620px){

    .container{
        width:min(100% - 26px,var(--max));
    }

    .hero,
    .section,
    .subhero{
        padding-top:48px;
        padding-bottom:42px;
    }

    .journey-grid,
    .steps,
    .case-grid,
    .intake-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .metric-row{
        grid-template-columns:repeat(2,1fr);
    }
}