/* ── HERO ── */
.hero{background:var(--night);padding:5.5rem 0 0;overflow:hidden}
.hero-inner{max-width:var(--max);margin:0 auto;padding:0 0 0 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.hero-left{padding-top:0}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(47,74,199,0.25);border:1px solid rgba(47,74,199,0.4);border-radius:999px;padding:5px 14px;font-size:0.72rem;font-weight:500;color:rgba(255,255,255,0.8);letter-spacing:0.04em;margin-bottom:1.5rem;opacity:0;animation:riseIn 0.5s ease 0.05s forwards}
.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue-2)}
.hero h1{font-size:clamp(2.8rem,4.5vw,4.8rem);color:#ffffff;margin-bottom:1.5rem;opacity:0;animation:riseIn 0.6s ease 0.15s forwards}
.hero h1 em{font-style:italic;color:var(--blue-2)}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,0.65);line-height:1.8;max-width:460px;margin-bottom:2rem;opacity:0;animation:riseIn 0.6s ease 0.25s forwards}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;opacity:0;animation:riseIn 0.6s ease 0.35s forwards}
.hero-stats{display:flex;gap:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.08);opacity:0;animation:riseIn 0.6s ease 0.45s forwards;flex-wrap:wrap}
.hero-stat-num{font-family:var(--serif);font-size:1.75rem;font-weight:900;color:#fff;line-height:1}
.hero-stat-label{font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:3px}

/* Code window */
.code-window{background:var(--code-bg);border-radius:var(--r-lg) 0 0 0;overflow:hidden;opacity:0;animation:riseIn 0.7s ease 0.2s forwards;align-self:stretch;width:calc(100% + ((100vw - var(--max)) / 2));max-width:none}
.code-window-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.06)}
.code-dot{width:10px;height:10px;border-radius:50%}
.code-dot-r{background:#ff5f57}.code-dot-y{background:#febc2e}.code-dot-g{background:#28c840}
.code-window-title{font-size:0.72rem;color:rgba(255,255,255,0.3);margin-left:8px;font-family:var(--mono)}
.code-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,0.06)}
.code-tab{font-size:0.72rem;font-family:var(--mono);padding:8px 16px;color:rgba(255,255,255,0.3);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.15s}
.code-tab.active{color:rgba(255,255,255,0.85);border-bottom-color:var(--blue-2)}
.code-body{padding:1.25rem 1.5rem;font-family:var(--mono);font-size:0.78rem;line-height:1.8;white-space:pre;overflow-x:auto;color:rgba(255,255,255,0.78)}
.code-body{padding:1.5rem;font-family:var(--mono);font-size:0.78rem;line-height:1.8;height:100%;overflow-y:auto;overflow-x:auto;white-space:pre;color:#8eabd4;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) var(--code-bg)}
.code-body::-webkit-scrollbar{height:6px}
.code-body::-webkit-scrollbar-track{background:var(--code-bg)}
.code-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
.code-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}
.code-body.hidden{display:none}
.c-comment{color:#6a7f9e}.c-key{color:#7ba4f5}.c-val{color:#a8d8a8}.c-str{color:#f0c97a}.c-kw{color:#c792ea}.c-fn{color:#82aaff}.c-num{color:#f78c6c}.c-plain{color:rgba(255,255,255,0.78)}

/* ── SOCIAL PROOF STRIP ── */
.proof-strip{background:rgba(255,255,255,0.03);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:1.25rem 0}
.proof-strip-inner{max-width:var(--max);margin:0 auto;padding:0 2.5rem;display:flex;align-items:center;gap:3rem;flex-wrap:wrap}
.proof-item{font-size:0.8rem;color:rgba(255,255,255,0.4);display:flex;align-items:center;gap:8px}
.proof-item strong{color:rgba(255,255,255,0.75);font-weight:500}
.proof-sep{color:rgba(255,255,255,0.12);font-size:1rem}

/* ── HOW IT WORKS ── */
.how{padding:6rem 0;background:var(--paper-2)}
.how-header{text-align:center;max-width:640px;margin:0 auto 4rem}
.how-header h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem}
.how-header h2 em{font-style:italic;color:var(--blue)}
.how-header p{font-size:1rem;color:var(--ink-2);line-height:1.8}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-3);border-radius:var(--r-lg);overflow:hidden;margin-bottom:3rem}
.how-step{background:var(--paper);padding:2.5rem 2rem}
.how-step-num{font-family:var(--serif);font-size:2.5rem;font-weight:900;color:var(--blue-pale);line-height:1;margin-bottom:1.25rem}
.how-step-title{font-size:0.95rem;font-weight:600;color:var(--heading);margin-bottom:0.6rem}
.how-step-body{font-size:0.85rem;color:var(--ink-2);line-height:1.75}
.how-code-demo{background:var(--code-bg);border-radius:var(--r-lg);overflow:hidden;margin-top:3rem}
.how-code-bar{display:flex;align-items:center;gap:1rem;padding:10px 16px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.06)}
.how-code-pre{font-family:var(--mono);font-size:0.78rem;line-height:1.85;white-space:pre;color:rgba(255,255,255,0.78);padding:1.5rem 1.75rem;margin:0;overflow-x:auto}

/* ── FEATURES ── */
.features{padding:6rem 0; background: var(--paper);}
.features-header{text-align:center;max-width:640px;margin:0 auto 4rem}
.features-header h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem}
.features-header h2 em{font-style:italic;color:var(--blue)}
.features-header p{font-size:1rem;color:var(--ink-2);line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.feature-card{border:1px solid var(--paper-3);border-radius:var(--r-lg);padding:2rem;background:var(--paper-2);transition:all 0.2s}
.feature-card:hover{background:var(--paper);box-shadow:0 8px 28px rgba(47,74,199,0.08);border-color:var(--blue)}
.feature-icon{width:44px;height:44px;border-radius:var(--r);background:var(--blue-pale);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1.25rem}
.feature-card h3{font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--heading);margin-bottom:0.6rem}
.feature-card p{font-size:0.85rem;color:var(--ink-2);line-height:1.7}

/* ── USE CASES ── */
.usecases{background:var(--night);padding:6rem 0}
.usecases-header{text-align:center;max-width:640px;margin:0 auto 4rem}
.usecases-header h2{font-size:clamp(2rem,3vw,2.8rem);color:#fff;margin-bottom:1rem}
.usecases-header h2 em{font-style:italic;color:var(--blue-2)}
.usecases-header p{font-size:1rem;color:rgba(255,255,255,0.55);line-height:1.8}
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.usecase-card{border:1px solid rgba(255,255,255,0.08);border-radius:var(--r-lg);padding:2rem;background:rgba(255,255,255,0.03);transition:background 0.2s}
.usecase-card:hover{background:rgba(255,255,255,0.06)}
.usecase-icon{font-size:1.5rem;margin-bottom:1rem}
.usecase-card h3{font-size:0.9rem;font-weight:600;color:#fff;margin-bottom:0.5rem}
.usecase-card p{font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:1.7}
.usecase-card .doc-types{margin-top:0.85rem;display:flex;flex-wrap:wrap;gap:6px}
.doc-type{font-size:0.68rem;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.08)}

/* ── INTEGRATIONS ── */
.integrations{padding:6rem 0;background:var(--paper-2)}
.integrations-header{text-align:center;max-width:640px;margin:0 auto 4rem}
.integrations-header h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem}
.integrations-header h2 em{font-style:italic;color:var(--blue)}
.integrations-header p{font-size:1rem;color:var(--ink-2);line-height:1.8}
.integrations-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lang-card{background:var(--paper);border:1px solid var(--paper-3);border-radius:var(--r-lg);padding:1.1rem;text-align:center;transition:all 0.15s}
.lang-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.lang-icon{font-size:1.5rem;margin-bottom:6px}
.lang-name{font-size:0.78rem;font-weight:500;color:var(--heading)}

/* ── CTA ── */
.cta-section{background:var(--blue);padding:6rem 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,0.08);pointer-events:none}
.cta-label{color:rgba(255,255,255,0.55);margin-bottom:1.5rem}
.cta-headline{font-size:clamp(2.2rem,4vw,3.8rem);color:#fff;max-width:620px;margin:0 auto 1.25rem}
.cta-sub{font-size:1rem;color:rgba(255,255,255,0.65);max-width:440px;margin:0 auto 2.5rem;line-height:1.8}
.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}
.cta-note{margin-top:1.5rem;font-size:0.78rem;color:rgba(255,255,255,0.35)}

/* RESPONSIVE */
@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .inner,.nav-inner,.breadcrumb-inner{padding:0 1.5rem}
  .hero-inner{grid-template-columns:1fr;padding:0 1.5rem}.code-window{display:none}
  .how-steps,.usecase-grid{grid-template-columns:1fr 1fr}
  .feature-grid{grid-template-columns:1fr 1fr}
  .integrations-layout{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
  .nav-links{display:none}.nav-menu-btn{display:block}
  .proof-strip-inner{gap:1.5rem}
}
@media(max-width:640px){
  .how-steps,.usecase-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .lang-grid{grid-template-columns:repeat(3,1fr)}
  .section{padding:4rem 0}
  .hero{padding:4rem 0 0}
}

/* ── ENTERPRISE ── */
.enterprise-section{background:var(--paper-2);padding:6rem 0}
.enterprise-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.enterprise-left h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1.25rem}
.enterprise-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.enterprise-card{background:var(--paper);border:1px solid var(--paper-3);border-radius:var(--r-lg);padding:1.5rem}
.enterprise-card-icon{width:40px;height:40px;border-radius:var(--r);background:var(--blue-pale);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.enterprise-card-title{font-weight:600;font-size:0.9rem;color:var(--heading);margin-bottom:0.5rem;line-height:1.3}
.enterprise-card-body{font-size:0.82rem;color:var(--ink-2);line-height:1.7}
@media(max-width:900px){.enterprise-layout{grid-template-columns:1fr}.enterprise-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.enterprise-cards{grid-template-columns:1fr}}