body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.api-hero{min-height:calc(100vh - 76px);padding:clamp(72px,9vw,132px) clamp(22px,5vw,76px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:clamp(28px,5vw,72px);align-items:center;overflow:hidden}.api-hero-copy{min-width:0}.api-hero>*{position:relative;z-index:1}.api-hero-copy h1{max-width:980px;margin:18px 0 22px;color:var(--paper);font-size:clamp(2.7rem,6.2vw,5.7rem);line-height:.96;letter-spacing:-.07em;overflow-wrap:normal;word-break:normal}.api-hero-copy p:not(.page-kicker){max-width:760px;color:rgba(241,240,234,.82);font-size:clamp(1.02rem,1.8vw,1.24rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 18px;border:1px solid var(--line);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.button.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.ghost{color:var(--paper)}.button:hover{transform:translateY(-2px)}.api-hero-panel{padding:30px;border:1px solid rgba(200,255,61,.35);background:linear-gradient(150deg,rgba(200,255,61,.12),rgba(241,240,234,.04));box-shadow:0 24px 80px rgba(0,0,0,.32)}.api-hero-panel span{display:block;margin-bottom:14px;color:var(--lime);font:700 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.api-hero-panel strong{display:block;color:var(--paper);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.045em}.api-hero-panel p{margin:18px 0 0;color:rgba(241,240,234,.74);line-height:1.7}.api-container{padding:clamp(38px,6vw,72px) clamp(18px,4vw,72px);background:var(--paper)}.section,.interactive-demo{max-width:1240px;margin:0 auto clamp(24px,4vw,44px);border:1px solid var(--dark-line);border-radius:0;padding:clamp(26px,4vw,46px);box-shadow:none;animation:none}.section{background:#fbfaf4!important;color:var(--ink)!important}.interactive-demo{background:var(--ink)!important;color:var(--paper)!important;position:relative;overflow:hidden}.interactive-demo::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px}.interactive-demo>*{position:relative;z-index:1}.section h2,.interactive-demo h2{margin:0 0 22px!important;color:var(--ink)!important;font-size:clamp(1.8rem,3.2vw,3.2rem)!important;line-height:1!important;letter-spacing:-.055em!important;display:flex;align-items:center;gap:14px}.interactive-demo h2{color:var(--paper)!important}.section p{color:rgba(8,11,16,.72)}.interactive-demo p{color:rgba(241,240,234,.75)}.icon{font-size:.9em}.highlight{margin:22px 0;padding:24px;border:1px solid rgba(72,99,0,.24)!important;border-left:5px solid var(--lime)!important;border-radius:0!important;background:var(--paper-deep)!important;color:rgba(8,11,16,.76)!important}.highlight h3{color:var(--ink)!important}.highlight strong{color:var(--ink)}.card-grid,.api-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0}.card,.api-item{min-height:100%;padding:24px!important;border:1px solid var(--dark-line);border-radius:0!important;background:#f7f6ee!important;color:var(--ink)!important;box-shadow:none!important;transition:transform .22s ease,border-color .22s ease,background .22s ease}.card:hover,.api-item:hover{transform:translateY(-5px)!important;border-color:var(--lime-dark);background:#fffef8!important}.card h3,.api-item h4{margin:0 0 12px!important;color:var(--ink)!important;font-size:1.22rem!important;letter-spacing:-.025em}.card p,.api-item p{margin:0;color:rgba(8,11,16,.68)!important}.demo-container{display:flex;gap:18px;align-items:stretch;justify-content:center;flex-wrap:wrap;margin:30px 0}.demo-box{min-width:220px;flex:1 1 220px;padding:26px;border:1px solid var(--line);border-radius:0;background:rgba(241,240,234,.06);text-align:center;backdrop-filter:none;transition:transform .22s ease,border-color .22s ease}.demo-box:hover{transform:translateY(-4px);border-color:var(--lime);background:rgba(200,255,61,.08)}.demo-box h3{margin:0 0 8px;color:var(--paper);font-size:1.35rem}.arrow{align-self:center;color:var(--lime);font-size:2.2rem;animation:pulse 1.5s infinite}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:10px;padding:13px 18px;border:1px solid var(--lime);border-radius:0;background:var(--lime);color:var(--ink);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:transform .22s ease,filter .22s ease}button:hover{transform:translateY(-2px);filter:brightness(1.02)}button:active{transform:translateY(0)}.result{display:none;margin-top:24px;padding:24px;border:1px solid rgba(200,255,61,.35);border-radius:0;background:rgba(200,255,61,.08);color:var(--paper)}.result.show{display:block;animation:slideUp .35s ease-out}.result h3{margin:0 0 14px;color:var(--lime)}.result pre{overflow:auto;padding:18px;background:rgba(8,11,16,.75);border:1px solid var(--line);color:var(--paper);font-family:'DM Mono',monospace}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(241,240,234,.3);border-radius:50%;border-top-color:var(--lime);animation:spin 1s ease-in-out infinite}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(22px,5vw,76px);background:var(--ink);color:rgba(241,240,234,.72);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.page-footer a{text-decoration:none;color:var(--lime)}@keyframes pulse{0%,100%{opacity:.65;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.api-hero{grid-template-columns:1fr}.api-hero-panel{max-width:680px}.arrow{display:none}}@media(max-width:700px){.api-hero{min-height:auto;padding:54px 20px 64px}.api-hero-copy h1{font-size:clamp(2.45rem,13vw,4rem);letter-spacing:-.06em;overflow-wrap:break-word}.hero-actions{display:grid}.button{width:100%}.api-container{padding:34px 16px}.section,.interactive-demo{padding:24px 18px}.section h2,.interactive-demo h2{font-size:2rem!important;align-items:flex-start}.demo-container{display:grid}.demo-box{min-width:0}.page-footer{display:grid;text-align:center}}.card a,.api-item a{color:var(--lime-dark);font-weight:900;text-decoration:none;border-bottom:1px solid rgba(72,99,0,.32)}.card a:hover,.api-item a:hover{color:var(--ink);background:var(--lime)}
