.hero-zone{display:flex;flex-direction:column;gap:1.75rem;padding:clamp(2rem,6vw,4rem);background:linear-gradient(140deg,#38bdf82e,#818cf81f);border-radius:24px;border:1px solid rgba(148,163,184,.2);box-shadow:0 40px 80px -60px #0f172abf}.hero-badge{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8d9}.hero-zone h1{margin:0;font-size:clamp(2.5rem,5vw,3.4rem);line-height:1.02}.hero-intro{margin:0;max-width:60ch;font-size:1.05rem;line-height:1.7;color:#e2e8f0e6}.hero-stats{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hero-stats div{background:#0f172a8c;border-radius:16px;padding:1.25rem 1.5rem;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:.4rem;backdrop-filter:blur(12px)}.hero-stats strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.hero-stats span{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8d9}.panels-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}.panel{border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(148,163,184,.18);background:#0f172a99;box-shadow:0 30px 60px -45px #0f172aa6}.panel h2,.panel h3{margin-top:0}.spotlight p{color:#e2e8f0e0;line-height:1.7}.feature-list{display:grid;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}.feature-list li{display:flex;gap:.6rem;align-items:flex-start;color:#e2e8f0eb}.glyph{color:#5eead4e6;margin-top:.2rem}.family-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.family-card{border-radius:16px;padding:1.25rem 1.4rem;background:#0f172aa6;border:1px solid rgba(129,140,248,.2);display:grid;gap:.6rem}.family-card footer{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8c7}.demo-section{display:grid;gap:2.5rem;align-items:center;grid-template-columns:minmax(0,1fr)}.demo-copy{display:grid;gap:1.25rem;align-content:start}.demo-copy p{margin:0;max-width:55ch;color:#e2e8f0e6}.tech-checklist{margin:0;padding-left:1.3rem;display:grid;gap:.75rem;color:#e2e8f0eb}.implementation-section{display:flex;justify-content:center}.implementation-section :global(.basic-container){background:#0f172ab8;border:1px solid rgba(148,163,184,.22);border-radius:20px;width:100%;display:grid;gap:1.25rem}.code-block{margin:0;padding:1.2rem 1.4rem;background:#020617cc;border-radius:16px;border:1px solid rgba(45,55,72,.8);overflow-x:auto;font-size:.95rem}.callout{border-left:3px solid rgba(56,189,248,.7);padding:.75rem 1rem;background:#1e3a8a40;border-radius:12px;color:#e2e8f0e0}.easing-demo{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr);background:linear-gradient(145deg,#1e40af26,#064e3b26);border-radius:20px;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid rgba(148,163,184,.2)}.easing-demo:hover{border-color:#94a3b859;box-shadow:0 30px 60px -35px #0f172a99}.easing-canvas{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.easing-canvas canvas{width:min(540px,100%);height:auto;border-radius:18px;background:linear-gradient(135deg,#0f172ad9,#1e293ba6);border:1px solid rgba(99,102,241,.25)}.easing-restart{font-size:.9rem;letter-spacing:.02em;padding:.6rem 1.2rem;border-radius:999px;border:1px solid rgba(99,102,241,.4);background:#1e40af1f;color:#e2e8f0f2;text-transform:uppercase;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.easing-restart:hover,.easing-restart:focus-visible{background:#6366f14d;border-color:#6366f199;transform:translateY(-1px);outline:none}.easing-restart:active{transform:translateY(0) scale(.99)}.easing-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin:0}.easing-facts div{padding:1rem 1.2rem;border-radius:14px;background:#0f172a8c;border:1px solid rgba(148,163,184,.22);backdrop-filter:blur(12px)}.easing-facts dt{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8cc;margin:0 0 .35rem}.easing-facts dd{margin:0;color:#e2e8f0f2;font-size:.95rem;line-height:1.4}@media(min-width:960px){.panels-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.demo-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media(max-width:600px){.hero-zone{padding:1.8rem}.hero-stats{grid-template-columns:1fr}}@media(min-width:880px){.easing-demo{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}.easing-facts{align-self:stretch}}