@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Sora:wght@500;600;700;800&display=swap";:root{--font-heading:"Sora", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;--heading:#0d2f1e;--text:#284435;--text-muted:#446252;--accent:#176e3c}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 10% 5%,#4fb9793d,#0000 30%),radial-gradient(circle at 95% 20%,#5e82dd2e,#0000 28%),linear-gradient(#f3faf6 0%,#edf4f0 45%,#f8fcfa 100%);line-height:1.6}a{color:inherit}.page{z-index:1;max-width:1180px;min-height:100vh;margin:0 auto;padding:2.2rem clamp(1rem,2vw,2.5rem) 1.5rem;position:relative}.topbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf7eb;border:1px solid #072d191f;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex;position:relative}.brand{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.brand img{width:clamp(165px,18vw,250px);height:auto}.menu{z-index:101;align-items:center;gap:.5rem;display:flex;position:relative}.menu a,.menu-dropdown-toggle{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.menu-dropdown-toggle:after{content:"▾";font-size:.7rem;transition:transform .2s}.menu-dropdown.is-open .menu-dropdown-toggle:after{transform:rotate(180deg)}.menu a:hover,.menu-dropdown-toggle:hover,.menu-dropdown.is-open .menu-dropdown-toggle{color:var(--heading);background:#1a7c431a}.menu-dropdown{position:relative}.menu-dropdown-list{z-index:50;background:#f8faf7fa;border:1px solid #072d1924;border-radius:12px;gap:.3rem;min-width:230px;padding:.35rem;display:none;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 10px 24px #00000014}.menu-dropdown.is-open .menu-dropdown-list{display:grid}.menu-dropdown-list a{border-radius:8px;padding:.5rem .65rem;display:block}main{gap:1rem;margin-top:1.1rem;display:grid}.panel{background:linear-gradient(168deg,#f8fbf9f2,#eff6f2e6);border:1px solid #12452924;border-radius:24px;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 16px 45px #0c211914}.hero{grid-template-columns:1.4fr minmax(180px,.8fr);align-items:stretch;gap:1rem;display:grid}.hero-copy h1{color:var(--heading);margin:0;font-size:clamp(1.95rem,4.2vw,3.45rem);line-height:1.06}.hero-copy p{max-width:62ch;margin:.95rem 0 0}.kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem;font-size:.8rem;font-weight:700;display:inline-block}.slogan{font-family:var(--font-heading);color:var(--heading);font-size:clamp(1rem,2vw,1.28rem);font-weight:600}.hero-cta{flex-wrap:wrap;gap:.65rem;margin-top:1.2rem;display:flex}.btn{border-radius:12px;padding:.72rem 1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#f4fff8;background:linear-gradient(130deg,#1a7c43,#22a15a);box-shadow:0 12px 22px #0f5f324d}.btn-secondary{color:#0f5730;background:#ffffffb8;border:1px solid #0d522e3d}.hero-side{background:radial-gradient(circle at top,#2daf6529,#fffffff0);border:1px solid #196d3e26;border-radius:16px;place-items:center;gap:.9rem;padding:1rem;display:grid}.hero-side img{filter:drop-shadow(0 10px 16px #12583233);width:min(320px,100%)}.api-status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:700}.api-status.online{color:#09552d;background:#1eac5f33}.api-status.loading{color:#6a5a1c;background:#e3c13a4d}.api-status.offline{color:#7c2a32;background:#da505e33}.section-head{margin-bottom:1rem}.section-head h2{color:var(--heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem)}.section-head p{max-width:68ch;margin-top:.5rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.card{background:#ffffffd6;border:1px solid #11593129;border-radius:16px;padding:1rem}.card h3{color:var(--heading);font-family:var(--font-heading);margin:0;font-size:1.1rem}.card p{margin-top:.55rem}.use-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.use-case{background:#1b794417;border:1px solid #12603629;border-radius:14px;padding:.8rem .95rem}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.95rem;display:grid}.metric{background:#ffffffd1;border:1px solid #0b432529;border-radius:14px;padding:1rem .8rem}.metric strong{color:var(--heading);font-family:var(--font-heading);font-size:1.13rem;display:block}.metric span{margin-top:.25rem;display:block}.about-text{gap:.75rem;display:grid}.about-text p{margin:0}.footer{text-align:center;color:#4f6358;margin-top:1rem;font-size:.93rem}.reveal{animation:.65s both slideUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-side{grid-template-columns:auto 1fr;place-items:center start}.hero-side img{width:min(250px,100%)}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start}.menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%;display:grid}.menu a,.menu-dropdown-toggle{text-align:center;background:#ffffffb3;justify-content:center}.menu-dropdown{width:100%}.menu-dropdown-list{min-width:0;box-shadow:none;margin-top:.3rem;position:static}.card-grid,.use-cases,.metrics{grid-template-columns:1fr}}