:root {
  --teal: #1C4B42; --teal-dark: #0F2E28; --teal-mid: #173D36;
  --green: #B4E717; --green-dim: rgba(180,231,23,0.12); --green-muted: rgba(180,231,23,0.25);
  --teal-light: #2A6B5E;
  --purple: #6C3483; --purple-light: rgba(108,52,131,0.08);
  --cream: #F6F5F2; --cream-dark: #EDECEA;
  --white: #FFFFFF; --dark: #1a1a1a;
  --text: #1a1a1a; --text-mid: #666; --text-light: #888; --text-faint: #aaa;
  --bg: var(--cream); --bg-alt: var(--cream-dark);
  --border: #ddd8d0; --border-light: #e8e6e2;
  --radius: 8px; --radius-lg: 16px;
  --font: 'Inter', -apple-system, sans-serif;
  --font-display: 'Manrope', -apple-system, sans-serif;
  --font-mono: 'DM Mono', monospace;
  --pad: clamp(16px, 4vw, 40px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(246,245,242,0.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);height:56px;display:flex;align-items:center;padding:0 var(--pad)}
.nav__inner{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.nav__logo{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--teal)}
.nav__logo span{font-family:var(--font);font-size:10px;color:var(--text-faint);letter-spacing:0.1em;margin-left:8px;font-weight:500}
.nav__links{display:flex;gap:24px;align-items:center}
.nav__links a{font-size:13px;color:var(--text-mid);font-weight:500;transition:color 0.15s}
.nav__links a:hover{color:var(--teal)}
.badge{display:inline-block;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.06em}
.badge--teal{background:rgba(28,75,66,0.08);color:var(--teal)}
.badge--green{background:var(--green-dim);color:var(--teal)}
.badge--solid{background:var(--teal);color:var(--green)}

/* HERO */
.hero{background:linear-gradient(170deg,var(--teal-dark) 0%,var(--teal-mid) 50%,var(--teal) 100%);padding:clamp(56px,9vw,100px) var(--pad) 0;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;opacity:0.03;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.4) 1px,transparent 0);background-size:32px 32px}
.hero__inner{max-width:1200px;margin:0 auto;position:relative}
.hero__top{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.hero h1{font-family:var(--font-display);font-size:clamp(36px,6vw,64px);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-0.025em;margin-bottom:24px}
.hero h1 em{color:var(--green);font-style:italic}
.hero__sub{font-size:17px;line-height:1.7;color:rgba(255,255,255,0.6)}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__cta-primary{padding:13px 28px;background:var(--green);color:var(--teal-dark);font-weight:700;font-size:14px;border-radius:var(--radius);transition:transform 0.15s}
.hero__cta-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(180,231,23,0.3)}
.hero__cta-secondary{padding:13px 28px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.8);font-weight:600;font-size:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,0.12)}
.countdown{display:flex;gap:16px}
.countdown__num{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--green);line-height:1;text-align:center;min-width:36px}
.countdown__label{font-size:10px;letter-spacing:0.1em;color:rgba(255,255,255,0.4);margin-top:4px;text-align:center}

/* SCROLLING DOCS */
.scroll-docs{margin-top:clamp(40px,6vw,72px);overflow:hidden;opacity:0.85}
.scroll-docs__track{display:flex;gap:16px;width:max-content;animation:scroll-docs 50s linear infinite}
@keyframes scroll-docs{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.doc-preview{width:100%;aspect-ratio:0.77;background:#fff;border-radius:4px;border:1px solid var(--border);padding:12%;display:flex;flex-direction:column;gap:6%;box-shadow:0 1px 4px rgba(0,0,0,0.06);position:relative;overflow:hidden;transition:transform 0.2s}
.doc-preview:hover{transform:scale(1.06) translateY(-4px)}
.doc-preview__bar{height:3px;width:40%;border-radius:2px}
.doc-preview__bar--teal{background:var(--teal)}
.doc-preview__bar--purple{background:var(--purple)}
.doc-preview__title-line{height:8px;width:75%;background:#1a1a1a;border-radius:2px;opacity:0.15}
.doc-preview__line{height:5px;border-radius:2px;background:#e5e5e5}
.doc-preview__guidance{padding:6%;background:rgba(42,107,94,0.08);border-left:3px solid var(--teal-light);border-radius:0 3px 3px 0}
.doc-preview__guidance--purple{background:rgba(108,52,131,0.06);border-left-color:var(--purple)}
.doc-preview__table-header{height:14px;border-radius:2px;opacity:0.2}
.doc-preview__table-row{height:10px;background:#f0f1f3;border-radius:1px;display:flex;gap:3px}
.doc-preview__label{position:absolute;bottom:8%;right:10%;font-size:6px;color:#ccc;font-family:monospace}

/* CRED BAR */
.cred-bar{background:var(--white);border-bottom:1px solid var(--border-light);padding:20px var(--pad)}
.cred-bar__inner{max-width:900px;margin:0 auto;display:flex;justify-content:center;gap:clamp(20px,4vw,48px);align-items:center;flex-wrap:wrap}
.cred-bar__item{font-family:var(--font-mono);font-size:11px;color:var(--text-light);letter-spacing:0.04em}

/* SECTIONS */
.section{padding:clamp(48px,6vw,80px) var(--pad)}
.section--white{background:var(--white)}
.section--alt{background:var(--bg-alt)}
.section--dark{background:linear-gradient(170deg,var(--teal-dark),var(--teal))}
.section__title{font-family:var(--font-display);font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--teal);line-height:1.2;margin-bottom:20px}
.section__title--center{text-align:center}
.section__subtitle{font-size:15px;color:var(--text-light);max-width:460px;margin:-8px auto 48px;text-align:center}

/* WHY GRID */
.why-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.why__point{display:flex;gap:12px;margin-bottom:16px}
.why__icon{width:20px;height:20px;border-radius:50%;background:rgba(28,75,66,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.why__point-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}
.why__point-text{font-size:13px;color:var(--text-mid);line-height:1.5}
.why__docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.why__doc-wrap:nth-child(even){transform:translateY(16px)}
.why__doc-label{font-size:11px;color:var(--text-light);margin-top:6px;text-align:center;font-weight:500}

/* PRODUCT CARDS */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}
.product-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--white);display:flex;flex-direction:column}
.product-card--highlight{border:2px solid var(--teal);background:linear-gradient(180deg,rgba(28,75,66,0.04) 0%,var(--white) 100%);box-shadow:0 4px 24px rgba(28,75,66,0.08);position:relative}
.product-card__corner-badge{display:inline-block;background:var(--teal);color:var(--green);font-size:9px;font-weight:700;letter-spacing:0.08em;padding:4px 10px;border-radius:4px;font-family:var(--font-mono);margin-left:8px}
.product-card__header{padding:24px 24px 16px}
.product-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.product-card__title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--teal);margin-top:12px;line-height:1.2}
.product-card__subtitle{font-size:12px;color:var(--text-light);margin-top:4px}
.product-card__price{font-family:var(--font-mono);font-size:32px;font-weight:500;color:var(--teal);text-align:right}
.product-card__price-note{font-size:11px;color:var(--text-faint);text-align:right}
.product-card__desc{font-size:13px;line-height:1.6;color:var(--text-mid)}
.product-card__docs{padding:0 24px 16px;overflow:hidden}
.product-card__docs-label{font-size:10px;font-weight:700;letter-spacing:0.08em;margin-bottom:6px}
.product-card__docs-label--teal{color:var(--teal)}
.product-card__docs-label--purple{color:var(--purple)}
.product-card__docs-row{display:flex;gap:8px;overflow:hidden;margin-bottom:12px}
.product-card__features{padding:0 24px 8px;display:flex;flex-wrap:wrap;gap:4px 12px}
.product-card__feature{font-size:11px;color:var(--text-light);display:flex;align-items:center;gap:4px}
.product-card__feature .check{color:var(--teal-light)}
.product-card__cta{padding:16px 24px;border-top:1px solid var(--border-light);margin-top:auto}
.product-card__cta a{display:block;width:100%;padding:13px;background:var(--teal);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:14px;text-align:center;transition:background 0.15s}
.product-card__cta a:hover{background:var(--teal-dark)}

/* STEPS */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:800px;margin:0 auto}
.step{text-align:center}
.step__num{font-family:var(--font-mono);font-size:36px;font-weight:500;color:rgba(28,75,66,0.1);line-height:1;margin-bottom:12px}
.step__title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}
.step__desc{font-size:13px;color:var(--text-light);line-height:1.5}

/* TEAM */
.certs-row{display:flex;justify-content:center;gap:32px;margin-top:32px}
.cert{text-align:center}
.cert__circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-light));display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.cert__label{font-family:var(--font-mono);font-size:14px;font-weight:500;color:#fff}
.cert__desc{font-size:11px;color:var(--text-light);line-height:1.4;max-width:160px;margin:0 auto}

/* QUOTE */
.quote{font-family:var(--font-display);font-size:clamp(20px,3vw,28px);font-weight:600;font-style:italic;color:var(--teal);line-height:1.4;text-align:center;max-width:640px;margin:0 auto 20px}
.quote__attr{font-family:var(--font);font-size:14px;color:var(--text-light);text-align:center;font-style:normal}

/* CTA */
.section--dark h2{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;color:#fff;text-align:center;margin-bottom:12px}
.section--dark p{font-size:14px;color:rgba(255,255,255,0.55);text-align:center;margin-bottom:28px}
.cta-btn{display:inline-block;padding:14px 32px;background:var(--green);color:var(--teal-dark);font-weight:700;font-size:15px;border-radius:var(--radius)}

/* FOOTER */
.footer{padding:24px var(--pad);border-top:1px solid var(--border-light);background:var(--bg)}
.footer__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer__brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--teal)}
.footer__brand span{font-family:var(--font);font-size:11px;color:var(--text-faint);margin-left:6px}
.footer__meta{font-size:11px;color:var(--text-faint)}

/* KIT DETAIL PAGES */
.kit-detail{padding:clamp(40px,6vw,64px) var(--pad)}
.kit-detail__grid{display:grid;grid-template-columns:1fr 360px;gap:48px;max-width:960px;margin:0 auto}
.kit-detail__main h1{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--teal);line-height:1.2;margin-bottom:8px}
.kit-detail__main .subtitle{font-size:15px;color:var(--text-light);margin-bottom:24px}
.kit-detail__main h2{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--teal);margin:32px 0 16px}
.kit-detail__main h3{font-size:15px;font-weight:700;color:var(--dark);margin:24px 0 12px}
.kit-detail__main p{font-size:15px;line-height:1.7;color:var(--text-mid);margin-bottom:16px}
.kit-detail__main ul{list-style:none;margin-bottom:24px}
.kit-detail__main li{display:flex;gap:10px;margin-bottom:10px;font-size:14px;color:#333;line-height:1.5}
.sidebar{position:sticky;top:80px;align-self:start}
.sidebar__card{background:var(--white);border:2px solid var(--teal);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:0 4px 24px rgba(28,75,66,0.08)}
.sidebar__price{font-family:var(--font-mono);font-size:40px;font-weight:500;color:var(--teal)}
.sidebar__price-note{font-size:14px;color:var(--text-light);margin-left:4px}
.sidebar__cta{display:block;width:100%;text-align:center;margin-top:20px;padding:14px;background:var(--teal);color:#fff;border-radius:var(--radius);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:background 0.15s}
.sidebar__cta:hover{background:var(--teal-dark)}
.sidebar__meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}
.sidebar__meta-item{display:flex;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-mid)}
.sidebar__meta-item strong{color:var(--text);font-weight:600;min-width:80px}
.doc-detail{background:var(--white);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px;border:1px solid var(--border-light)}
.doc-detail__title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}
.doc-detail__desc{font-size:13px;color:var(--text-mid);line-height:1.5}
.guidance-callout{background:rgba(42,107,94,0.06);border-left:3px solid var(--teal-light);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:24px 0}
.guidance-callout p{font-size:14px;color:var(--dark);margin:0}
.guidance-callout strong{color:var(--teal)}
.section-divider{border:none;border-top:2px solid rgba(28,75,66,0.12);margin:40px 0}
.tier-callout{border-radius:var(--radius-lg);padding:20px 24px;margin:24px 0;border:1px solid}
.tier-callout--smb{background:rgba(42,107,94,0.06);border-color:var(--teal-light)}
.tier-callout--enterprise{background:rgba(108,52,131,0.06);border-color:var(--purple)}
.tier-callout__label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;font-weight:500;margin-bottom:6px}
.tier-callout--smb .tier-callout__label{color:var(--teal-light)}
.tier-callout--enterprise .tier-callout__label{color:var(--purple)}
.tier-callout p{font-size:13px;line-height:1.6;color:var(--text-mid);margin:0}
.upsell{background:var(--white);border-radius:var(--radius-lg);padding:24px;margin-top:32px;border:1px solid var(--border)}
.upsell__title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--teal);margin-bottom:8px}
.upsell__text{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:12px}
.upsell__link{font-size:13px;font-weight:700;color:var(--teal-light)}
.icon-doc,.icon-check{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.icon-doc{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Crect x='2' y='1' width='10' height='12' rx='1.5' stroke='%23888'/%3E%3Cline x1='4.5' y1='4.5' x2='9.5' y2='4.5' stroke='%23888' stroke-width='.8'/%3E%3Cline x1='4.5' y1='6.8' x2='9.5' y2='6.8' stroke='%23888' stroke-width='.8'/%3E%3Cline x1='4.5' y1='9.1' x2='7.5' y2='9.1' stroke='%23888' stroke-width='.8'/%3E%3C/svg%3E") no-repeat center/contain}
.icon-check{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%231C4B42' opacity='.12'/%3E%3Cpath d='M5 8.2L7 10.2L11 6.2' stroke='%232A6B5E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}

/* STICKY MOBILE BUY BAR */
.mobile-buy{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99;background:var(--white);border-top:1px solid var(--border);padding:12px var(--pad);box-shadow:0 -2px 12px rgba(0,0,0,0.08)}
.mobile-buy__inner{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;gap:12px}
.mobile-buy__price{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--teal)}
.mobile-buy__price span{font-size:12px;color:var(--text-light);font-weight:400;margin-left:4px}
.mobile-buy__cta{padding:12px 24px;background:var(--teal);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:14px;font-family:var(--font);text-align:center;flex-shrink:0}

@media(max-width:960px){.products-grid{grid-template-columns:1fr}}
@media(max-width:768px){.mobile-buy{display:block}.why-grid{grid-template-columns:1fr}.why__docs-grid{display:none}.steps-grid{grid-template-columns:1fr 1fr}.certs-row{flex-direction:column;align-items:center}.kit-detail__grid{grid-template-columns:1fr}.sidebar{position:static}.footer__inner{flex-direction:column;text-align:center}.kit-detail__main{padding-bottom:80px}}
@media(max-width:480px){.steps-grid{grid-template-columns:1fr}.nav__links a:not(:last-child){display:none}}