:root{--paper:#f2f1ed;--white:#fff;--ink:#0a0a0a;--soft:#a9a9a9;--line:#c9c7c0;--amber:#f5a007;--green:#71c72c;--dark:#101010;--muted:#686868;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.mono{font-family:Consolas,"SFMono-Regular",monospace}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(242,241,237,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;color:var(--ink)}.slashes{font:900 54px/.65 Arial;letter-spacing:-13px;transform:skew(-12deg);width:48px}.brand-copy b{font:900 15px/1.1 Consolas,monospace;letter-spacing:.08em}.brand-copy span{display:block;margin-top:7px;color:#717171;font:11px/1 Consolas,monospace;letter-spacing:.2em}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{color:#333;text-decoration:none;font:12px Consolas,monospace;letter-spacing:.08em}.navlinks .cta{background:var(--ink);color:#fff;padding:12px 16px}.status{font:11px Consolas,monospace;letter-spacing:.12em}.status i{display:inline-block;width:9px;height:9px;background:var(--green);margin-right:8px}.hero{padding:76px 0 50px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.eyebrow{font:12px Consolas,monospace;letter-spacing:.18em;color:#626262}.hero h1{font:900 clamp(52px,7.8vw,105px)/.88 Arial;margin:18px 0 27px;letter-spacing:-.06em;max-width:800px}.hero h1 em{font-style:normal;color:var(--amber)}.lead{font-size:19px;line-height:1.65;color:#4f4f4f;max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--ink);text-decoration:none;color:var(--ink);font:800 12px Consolas,monospace;letter-spacing:.08em}.button.primary{background:var(--amber)}.button.dark{background:var(--ink);color:#fff}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}.proof div{background:var(--white);padding:19px}.proof strong{font:900 24px Arial;display:block}.proof span{font:10px Consolas,monospace;color:#777;letter-spacing:.09em}.hero-console{background:var(--dark);padding:25px;box-shadow:11px 11px 0 #b8b6af;min-height:580px;position:relative;overflow:hidden}.hero-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#202020 1px,transparent 1px),linear-gradient(90deg,#202020 1px,transparent 1px);background-size:24px 24px;opacity:.55}.console-inner{position:relative;z-index:1}.console-head{display:flex;justify-content:space-between;color:#eee;font:12px Consolas,monospace;padding-bottom:17px;border-bottom:1px solid #333}.console-head span:last-child{color:#9ddd69}.console-title{background:#aaa;color:#ffe29d;text-align:center;padding:22px 15px;margin:23px 0 17px;font:900 22px Consolas,monospace;letter-spacing:.08em}.viewport{border:1px solid #333;background:#080808;height:330px;padding:24px;position:relative}.viewport:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#171717 1px,transparent 1px),linear-gradient(90deg,#171717 1px,transparent 1px);background-size:22px 22px}.flow-card{position:relative;z-index:1;border:1px solid #393939;background:#111;padding:18px;margin-bottom:12px}.flow-card small{color:#929292;font:10px Consolas,monospace}.flow-card b{display:block;color:#f4f4f4;margin-top:9px;font:700 14px Consolas,monospace}.flow-card.active{border-color:var(--amber);box-shadow:inset 5px 0 var(--amber)}.console-foot{display:flex;justify-content:space-between;margin-top:16px;color:#aaa;font:11px Consolas,monospace}.section{padding:95px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;margin-bottom:48px}.section h2{font:900 clamp(38px,5vw,68px)/.95 Arial;margin:0;letter-spacing:-.045em}.section-intro{font-size:18px;line-height:1.7;color:#555;max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.feature{min-height:245px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f6f3}.feature-index{font:11px Consolas,monospace;color:#888}.feature h3{font:800 22px Arial;margin:40px 0 12px}.feature p{color:#606060;line-height:1.65}.product-shot{background:#0e0e0e;padding:20px;box-shadow:12px 12px 0 #aaa}.product-shot img{width:100%;display:block;border:1px solid #333}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--ink)}.step{padding:24px;min-height:205px;border-right:1px solid var(--ink);background:#fff}.step:last-child{border-right:0}.step b{font:900 36px Arial;color:var(--amber)}.step h3{font:800 17px Arial;margin:25px 0 10px}.step p{font-size:14px;line-height:1.55;color:#5a5a5a}.dark-section{background:#0d0d0d;color:#fff}.dark-section .section-intro{color:#aaa}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advantage{border:1px solid #363636;padding:27px;background:#121212}.advantage h3{color:#ffd783}.advantage p{color:#aaa;line-height:1.65}.cta-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:35px;align-items:center;background:var(--amber);border:1px solid var(--ink);padding:45px;box-shadow:12px 12px 0 #111}.cta-panel h2{margin:0 0 15px}.cta-panel p{font-size:17px;line-height:1.6}.cta-actions{display:grid;gap:12px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:18px}.faq article{background:#fff;border:1px solid var(--line);padding:25px}.faq h3{margin-top:0}.faq p{color:#5c5c5c;line-height:1.6}.footer{padding:42px 0 60px;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer p{color:#6d6d6d;font-size:13px;line-height:1.6}.api-badge{padding:12px 15px;border:1px solid var(--line);font:11px Consolas,monospace}.api-badge.online{border-color:#86bd62;color:#3a791d}.api-badge.offline{border-color:#d28b8b;color:#9d2f2f}.menu{display:none;background:none;border:1px solid #111;padding:9px 11px}
@media(max-width:980px){.hero-grid,.section-head,.cta-panel{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--ink)}.hero-console{min-height:auto}.navlinks{display:none;position:absolute;top:84px;left:20px;right:20px;background:#fff;border:1px solid #111;padding:20px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}}
@media(max-width:640px){.shell{width:min(100% - 24px,var(--max))}.hero{padding-top:45px}.hero h1{font-size:54px}.feature-grid,.workflow,.advantage-grid,.faq,.proof{grid-template-columns:1fr}.step{border-right:0}.footer-grid{display:block}.brand-copy span{display:none}.cta-panel{padding:28px}.product-shot{padding:8px}}