html { scroll-behavior: smooth; scroll-padding-top: 84px; }

.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1000;
    height: 68px;
    padding: 0 clamp(1rem, 4vw, 4rem);
    display: flex;
    align-items: center;
    gap: 2rem;
    background: rgba(6, 8, 12, .88);
    border-bottom: 1px solid rgba(255,255,255,.07);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.site-brand { display: flex; align-items: center; gap: 12px; color: #edf2f8; text-decoration: none; white-space: nowrap; }
.site-brand img { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 0 14px rgba(0,229,255,.16)); }
.brand-copy { display: flex; flex-direction: column; line-height: 1.15; }
.site-brand strong { font: 600 12px/1.15 'Outfit', sans-serif; letter-spacing: .18em; }
.site-brand small { margin-top: 5px; color: #8a95a8; font: 500 9px/1 'Outfit', sans-serif; letter-spacing: .2em; }
.site-nav { display: flex; align-items: center; gap: clamp(1rem, 2vw, 2rem); margin-left: auto; }
.site-nav a {
    color: #8a95a8;
    font: 500 .7rem/1 'Outfit', sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
}
.site-nav a:hover { color: #fff; }
.header-cta {
    padding: .72rem 1rem;
    background: linear-gradient(135deg, #00e5ff, #7c4dff);
    color: #05070b;
    font: 700 .68rem/1 'Outfit', sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

.embedded-checkout {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid rgba(255,255,255,.08);
}
.checkout-heading { max-width: 690px; margin: 0 auto 2.25rem; text-align: center; }
.checkout-kicker {
    display: block;
    margin-bottom: .75rem;
    color: #00e5ff;
    font: 700 .66rem/1.2 'Outfit', sans-serif;
    letter-spacing: .2em;
}
.checkout-heading h3 {
    margin: 0 0 .8rem;
    color: #edf2f8;
    font: 500 clamp(1.65rem, 3vw, 2.25rem)/1.08 'Cormorant Garamond', serif;
}
.checkout-heading p { margin: 0; color: #9ca7b9; font: 300 .95rem/1.7 'Outfit', sans-serif; }
.checkout-heading strong { color: #fff; }

.plan-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.plan-card {
    position: relative;
    padding: 1.6rem;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: #080c13;
    overflow: hidden;
}
.plan-card:hover { border-color: rgba(0,229,255,.38); }
.plan-featured {
    border-color: rgba(0,229,255,.42);
    background: linear-gradient(145deg, rgba(0,229,255,.07), rgba(124,77,255,.06) 55%, #080c13);
}
.plan-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: .45rem .7rem;
    background: #00e5ff;
    color: #05070b;
    font: 800 .55rem/1 'Outfit', sans-serif;
    letter-spacing: .12em;
}
.plan-name { color: #fff; font: 600 1rem/1 'Outfit', sans-serif; }
.plan-price {
    margin: .9rem 0 .3rem;
    color: #edf2f8;
    font: 500 2.3rem/1 'JetBrains Mono', monospace;
    letter-spacing: -.06em;
}
.plan-price > span { color: #00e5ff; font-size: .9rem; vertical-align: top; letter-spacing: 0; }
.plan-price small { margin-left: .35rem; color: #69758a; font: 400 .65rem/1 'Outfit', sans-serif; letter-spacing: 0; }
.plan-renews { display: flex; align-items: center; gap: .55rem; margin: -.05rem 0 .65rem; font: 400 .62rem/1.3 'Outfit', sans-serif; }
.plan-renews strong { padding: .28rem .42rem; background: rgba(0,229,255,.1); color: #00e5ff; font-size: .55rem; letter-spacing: .07em; }
.plan-renews span { color: #788498; }
.plan-fit { color: #00e5ff; font: 500 .72rem/1.4 'Outfit', sans-serif; }
.plan-card ul { margin: 1.25rem 0 1.4rem; padding: 0; list-style: none; }
.plan-card li {
    padding: .45rem 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
    color: #939fb2;
    font: 300 .78rem/1.3 'Outfit', sans-serif;
}
.plan-card li::before { content: ''; display: inline-block; width: 5px; height: 9px; margin: 0 .7rem 0 .15rem; border-right: 2px solid #00e5ff; border-bottom: 2px solid #00e5ff; transform: rotate(45deg); }
.plan-card > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9rem 1rem;
    border: 1px solid rgba(0,229,255,.32);
    background: rgba(0,229,255,.06);
    color: #fff;
    font: 700 .7rem/1 'Outfit', sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}
.plan-card > a:hover { background: #00e5ff; color: #05070b; }
.checkout-trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .65rem 1.6rem;
    margin-top: 1.5rem;
}
.checkout-trust span { color: #8d98aa; font: 400 .65rem/1.4 'Outfit', sans-serif; }
.checkout-trust span::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .45rem; border-radius: 50%; background: #00e5ff; vertical-align: middle; }
.affiliate-note {
    max-width: 620px;
    margin: 1rem auto 0;
    color: #596477;
    font: 300 .65rem/1.5 'Outfit', sans-serif;
    text-align: center;
}

.pdf-lead-form { margin-top: 1.25rem; }
.pdf-lead-form label {
    display: block;
    margin-bottom: .55rem;
    color: #c7cfdb;
    font: 500 .72rem/1 'Outfit', sans-serif;
}
.pdf-input-row { display: flex; gap: .55rem; }
.pdf-input-row input {
    min-width: 0;
    flex: 1;
    padding: .9rem 1rem;
    border: 1px solid rgba(124,77,255,.3);
    border-radius: 3px;
    outline: none;
    background: #080b11;
    color: #fff;
    font: 400 .8rem/1 'Outfit', sans-serif;
}
.pdf-input-row input:focus { border-color: #00e5ff; box-shadow: 0 0 0 3px rgba(0,229,255,.08); }
.pdf-input-row button {
    border: 0;
    padding: .9rem 1rem;
    background: linear-gradient(135deg, #7c4dff, #00b8d4);
    color: #fff;
    cursor: pointer;
    font: 700 .68rem/1 'Outfit', sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.pdf-input-row button[disabled] { cursor: wait; opacity: .65; }
.pdf-form-note { margin: .6rem 0 0; color: #596477; font: 300 .62rem/1.5 'Outfit', sans-serif; }
.pdf-form-error { min-height: 1em; margin: .55rem 0 0; color: #ff6276; font: 400 .7rem/1.4 'Outfit', sans-serif; }
.pdf-form-success {
    margin-top: 1.25rem;
    padding: 1.2rem;
    border: 1px solid rgba(0,229,255,.28);
    background: rgba(0,229,255,.06);
}
.pdf-form-success strong, .pdf-form-success span { display: block; }
.pdf-form-success strong { color: #00e5ff; font: 600 .9rem/1.2 'Outfit', sans-serif; }
.pdf-form-success span { margin-top: .3rem; color: #9aa6b8; font: 300 .75rem/1.5 'Outfit', sans-serif; }

.site-footer {
    padding: 3.5rem clamp(1rem, 5vw, 5rem) 2rem;
    border-top: 1px solid rgba(255,255,255,.07);
    background: #04060a;
}
.footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; max-width: 1120px; margin: 0 auto 2rem; }
.footer-name { color: #e9edf4; font: 500 1.2rem/1 'Cormorant Garamond', serif; }
.footer-name em { color: #00e5ff; font-style: normal; }
.footer-links { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.footer-links a { color: #8a95a8; font: 400 .7rem/1.3 'Outfit', sans-serif; text-decoration: none; }
.footer-links a:hover { color: #00e5ff; }
.risk-disclosure {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #535d6e;
    font: 300 .63rem/1.65 'Outfit', sans-serif;
}
.footer-bottom { max-width: 1120px; margin: 1.2rem auto 0; color: #465062; font: 300 .62rem/1.4 'Outfit', sans-serif; }

@media (max-width: 900px) {
    .site-nav { display: none; }
    .header-cta { margin-left: auto; }
}
@media (max-width: 680px) {
    html { scroll-padding-top: 62px; }
    .site-header { height: 58px; padding: 0 .8rem; }
    .site-brand img { width: 34px; height: 34px; }
    .site-brand strong { font-size: 9px; }
    .site-brand small { font-size: 7px; }
    .header-cta { padding: .65rem .72rem; font-size: .59rem; }
    .plan-grid { grid-template-columns: 1fr; }
    .embedded-checkout { margin-top: 2.25rem; padding-top: 2.25rem; }
    .plan-card { padding: 1.35rem; }
    .pdf-input-row { flex-direction: column; }
    .pdf-input-row button { min-height: 46px; }
    .footer-top { flex-direction: column; }
    .footer-links { flex-direction: column; gap: .8rem; }
}
@media (max-width: 380px) {
    .site-brand small { display: none; }
}

/* Standalone-page width guards. */
.hero h1,
.hero-sub,
.hero-ctas { width: 100%; }
.hero-badge { max-width: 100%; }
@media (max-width: 680px) {
    .site-header { gap: .55rem; }
    .hero-ctas .btn-primary,
    .hero-ctas .btn-secondary { width: 100%; box-sizing: border-box; }
}