@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0c0c0b;--bg2:#141412;--bg3:#1c1c19;--fg:#f0ebe2;--fg2:#a09890;--accent:oklch(64% 0.19 36);--font-head:'Inter',sans-serif;--font-body:'Inter',sans-serif}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden;font-optical-sizing:auto}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}
#site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:80px;background:transparent;transition:all 0.35s ease}
#site-nav.scrolled{height:64px;background:rgba(12,12,11,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06)}
#site-nav.menu-open{background:rgba(12,12,11,0.97);backdrop-filter:blur(12px)}
.nav-logo img{height:40px;width:auto;display:block;transition:height 0.35s ease}
#site-nav.scrolled .nav-logo img{height:32px}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{color:var(--fg2);font-size:14px;font-weight:500;text-decoration:none;letter-spacing:0.04em;text-transform:uppercase;transition:color 0.2s}
.nav-links a:hover{color:var(--fg)}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:10px 24px;border-radius:2px;font-weight:600!important;transition:opacity 0.2s!important}
.nav-cta:hover{opacity:0.85!important}
.nav-launch{border:1px solid rgba(224,120,64,0.45)!important;color:var(--accent)!important;padding:8px 16px;border-radius:2px;font-weight:600!important;transition:background 0.2s!important}
.nav-launch:hover{background:rgba(224,120,64,0.1)!important;color:var(--accent)!important}
.nav-launch-mobile{color:var(--accent)!important;font-weight:600!important}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.hamburger span{display:block;width:24px;height:2px;background:var(--fg);transition:all 0.2s}
#site-nav.menu-open .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
#site-nav.menu-open .hamburger span:nth-child(2){opacity:0}
#site-nav.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
#nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(12,12,11,0.98);padding:24px 24px 32px;flex-direction:column;gap:0;border-bottom:1px solid rgba(255,255,255,0.08);z-index:99}
#nav-mobile.open{display:flex}
#nav-mobile a{color:var(--fg);font-size:16px;font-weight:500;text-decoration:none;letter-spacing:0.04em;text-transform:uppercase;display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
#nav-mobile .nav-cta-mobile{background:var(--accent);color:#fff;padding:14px 24px;border-radius:2px;font-size:15px;font-weight:600;letter-spacing:0.03em;margin-top:12px;display:inline-block;border-bottom:none;text-decoration:none}
.cs-hero{padding:160px 40px 80px;max-width:1200px;margin:0 auto}
.cs-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.cs-tag{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:6px 14px;border:1px solid rgba(255,255,255,0.12);border-radius:2px;color:var(--fg2)}
.cs-tag.accent{border-color:var(--accent);color:var(--accent)}
.cs-h1{font-family:var(--font-head);font-weight:800;font-size:clamp(40px,6vw,80px);letter-spacing:-0.03em;line-height:1.0;margin-bottom:32px}
.cs-h1 span{color:var(--accent)}
.cs-lead{max-width:700px;font-size:20px;line-height:1.7;color:var(--fg2)}
.divider{height:1px;background:rgba(255,255,255,0.06)}
.cs-section{padding:80px 40px;max-width:1200px;margin:0 auto}
.cs-section.bg2{background:var(--bg2);max-width:none;padding:80px 40px}
.cs-section.bg2 .inner{max-width:1200px;margin:0 auto}
.cs-label{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.cs-h2{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,4vw,52px);letter-spacing:-0.03em;line-height:1.1;margin-bottom:32px}
.cs-body{max-width:740px;font-size:17px;line-height:1.85;color:var(--fg2)}
.cs-body p+p{margin-top:20px}
.cs-steps{display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,0.05);margin-top:48px}
.cs-step{background:var(--bg2);padding:32px 36px;display:flex;gap:28px;align-items:flex-start}
.cs-step.bg3{background:var(--bg3)}
.cs-step-n{font-family:var(--font-head);font-weight:800;font-size:40px;color:var(--accent);opacity:0.3;line-height:1;flex-shrink:0;width:52px}
.cs-step-t{font-family:var(--font-head);font-weight:700;font-size:18px;margin-bottom:8px}
.cs-step-d{font-size:15px;color:var(--fg2);line-height:1.7}
.cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;background:rgba(255,255,255,0.05);margin-bottom:52px}
.cs-metric{background:var(--bg2);padding:36px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 14px}
.cs-metric-n{font-family:var(--font-head);font-weight:800;font-size:52px;color:var(--accent);line-height:1;order:1}
.cs-metric-l{font-size:13px;color:var(--fg2);margin-top:16px;letter-spacing:0.04em;line-height:1.5;flex-basis:100%;text-align:center;order:3}
.cs-metric-icon{width:52px;height:52px;color:var(--accent);flex-shrink:0;order:2}
.cta-block{text-align:center;padding:100px 40px;background:var(--bg2)}
.cta-block h2{font-family:var(--font-head);font-weight:800;font-size:clamp(36px,5vw,64px);letter-spacing:-0.03em;line-height:1.05;margin-bottom:20px}
.cta-block h2 span{color:var(--accent)}
.cta-block p{font-size:18px;color:var(--fg2);max-width:560px;margin:0 auto 40px;line-height:1.6}
.btn-primary{background:var(--accent);color:#fff;padding:16px 36px;border-radius:2px;font-weight:600;font-size:15px;text-decoration:none;letter-spacing:0.03em;transition:opacity 0.2s;display:inline-block}
.btn-primary:hover{opacity:0.85}
footer{border-top:1px solid rgba(255,255,255,0.06);background:var(--bg);padding:64px 40px 0}
.footer-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
.footer-logo-img{height:28px;opacity:0.6;margin-bottom:20px;display:block}
.footer-tagline{font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.4;color:var(--fg);margin-bottom:10px}
.footer-col-title{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:14px;color:var(--fg2);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--fg)}
.footer-cta{display:inline-block;margin-top:24px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:0.03em;transition:opacity 0.2s}
.footer-cta:hover{opacity:0.75}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.06);padding:24px 0;display:flex;align-items:center;justify-content:space-between}
.footer-copy{font-size:13px;color:var(--fg2)}
.cs-challenge-layout{display:flex;align-items:center;gap:60px}
.cs-challenge-text{flex:1;min-width:0}
.cs-challenge-img{flex:0 0 340px;display:flex;align-items:flex-end;justify-content:center}
.cs-challenge-img img{max-width:100%;height:auto;display:block}
.cs-outcome-layout{display:flex;align-items:center;gap:60px}
.cs-outcome-img{flex:0 0 500px;display:flex;align-items:flex-start;justify-content:center}
.cs-outcome-img img{max-width:100%;height:auto;display:block}
.cs-outcome-layout .cs-body{flex:1;min-width:0;max-width:none}
@media(max-width:768px){
  #site-nav{padding:0 24px}
  .nav-links{display:none!important}
  .hamburger{display:flex!important}
  .cs-hero{padding:120px 24px 60px}
  .cs-section{padding:60px 24px}
  .cs-section.bg2{padding:60px 24px}
  .cs-step{padding:24px 20px;gap:16px}
  .cs-step-n{font-size:28px;width:36px}
  .cs-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .cs-metrics{grid-template-columns:1fr}
  .cs-metric{padding:20px 24px;gap:0 10px}
  .cs-metric-icon{width:28px;height:28px}
  .cs-metric-n{font-size:28px}
  .cs-metric-l{font-size:12px;margin-top:10px}
  .cta-block{padding:72px 24px}
  .footer-top{grid-template-columns:1fr 1fr!important;gap:32px!important}
  footer{padding:48px 24px 0!important}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
  .cs-challenge-layout{flex-direction:column}
  .cs-challenge-img{flex:none;width:100%;max-width:280px;margin:32px auto 0}
  .cs-outcome-layout{flex-direction:column}
  .cs-outcome-img{flex:none;width:100%;max-width:280px;margin:0 auto 32px}
}