:root{color-scheme:light dark;--bg:#101820;--surface:#16212b;--surface-2:#1a2834;--ink:#edf3f7;--muted:#a7bac8;--line:#2b3c49;--blue:#527cda;--teal:#159c91;--accent:#65cbbb;--button:#436cca;--soft-blue:#99b7ff;--shadow:0 26px 80px #0003}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f8fafc;--surface:#fff;--surface-2:#edf3f8;--ink:#142635;--muted:#536575;--line:#d9e3eb;--accent:#08776e;--soft-blue:#365cad;--shadow:0 26px 80px #1b426018;color-scheme:light}}
:root[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-2:#edf3f8;--ink:#142635;--muted:#536575;--line:#d9e3eb;--accent:#08776e;--soft-blue:#365cad;--shadow:0 26px 80px #1b426018;color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}button:disabled{cursor:default}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{height:122px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;width:218px}.brand img{width:100%;height:auto;display:block}.header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.header button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:7px}.header button span{margin-left:9px}.skip{position:absolute;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:85px 70px}.eyebrow{font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--accent);margin:0 0 23px;display:flex;align-items:center;gap:9px}.status-dot,.small-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(40px,4.5vw,61px);letter-spacing:-.055em;line-height:1.1;font-weight:650;margin:0 0 26px}h1 span{color:var(--accent)}.intro{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin:0 0 18px}.description{color:var(--muted);max-width:475px;margin:0}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.button{border-radius:7px;display:inline-flex;gap:20px;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;white-space:nowrap}.primary{background:var(--button);color:white;border:1px solid #6e8ddd}.button:hover{background:#365db5;text-decoration:none}.text-link{font-size:13px;color:var(--muted)}.availability{font-size:12px;color:var(--muted);margin-top:20px}.contract-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:13px;margin-bottom:28px;transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.window-dot{display:inline-block;height:6px;width:6px;background:var(--blue);border-radius:50%;margin-right:9px}.tag{font-size:9px;letter-spacing:.08em}.operation{display:flex;gap:14px;padding:23px 23px 0;align-items:center}.method{color:var(--accent);font:bold 11px ui-monospace,monospace;background:var(--surface-2);border:1px solid var(--line);padding:4px 8px;border-radius:4px}.operation code{font-size:18px}.response{margin-left:auto;color:var(--muted);font:11px ui-monospace,monospace}.spec-section{padding:22px 23px}.mini-label{font:10px ui-monospace,monospace;letter-spacing:.09em;color:var(--muted);margin:0 0 12px}.formats{display:flex;flex-direction:column;gap:7px}.format{display:flex;justify-content:space-between;padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px}.json{color:var(--accent);border-color:var(--teal)}.xml{color:var(--muted)}.rule{margin:0 23px;padding:16px 0;border-block:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center}.rule p{margin:0;color:var(--muted);font-size:11px}.rule .rule-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}.switch{width:40px;height:23px;flex-shrink:0;border:0;border-radius:20px;background:var(--teal);padding:3px}.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transform:translateX(17px);transition:transform .2s}.switch[aria-checked=false]{background:#697782}.switch[aria-checked=false] span{transform:translateX(0)}#result-formats{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.output-json{color:var(--accent)}#rule-status{font-size:11px;color:var(--muted);min-height:18px;margin:10px 0 0}.card-bottom{border-top:1px solid var(--line);padding:13px 23px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px}.card-bottom>span:last-child{margin-left:auto;font-size:16px;color:var(--accent)}.preview-note{position:absolute;bottom:-40px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.principles{display:flex;justify-content:space-between;gap:20px;padding-block:21px;border-block:1px solid var(--line);color:var(--muted);font:12px ui-monospace,monospace}.principles span:before{content:'↳';color:var(--teal);margin-right:12px}.approach{padding-block:90px}.section-heading{max-width:570px}h2{font-size:clamp(29px,3vw,39px);line-height:1.22;letter-spacing:-.04em;font-weight:600;margin:0 0 18px}.section-heading>p:last-child,.workflow p,.local p,.closing p{color:var(--muted)}.steps{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.steps article{border-top:2px solid var(--line);padding-top:22px}.step-number{font:11px ui-monospace,monospace;color:var(--soft-blue);letter-spacing:.08em}h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:17px 0 10px}.steps p{font-size:14px;color:var(--muted);margin:0}.workflow{padding:45px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.workflow p{font-size:14px}.workflow .eyebrow,.local .eyebrow,.closing .eyebrow{color:var(--accent);font-size:11px}.muted{font-size:13px!important;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.pipeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.pipeline li{display:flex;align-items:center;gap:22px;padding:17px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px}.pipeline li>span{font:12px ui-monospace,monospace;color:var(--accent)}.pipeline strong{display:block;font-size:14px;font-weight:600}.pipeline code{font-size:11px;color:var(--muted)}.local{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:80px}.local p{font-size:15px;margin-top:0}.local .eyebrow{margin-bottom:20px}.closing{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:42px;border-block:1px solid var(--line)}.closing p{font-size:14px;max-width:580px;margin-bottom:0}.closing .eyebrow{margin:0 0 15px}footer{display:flex;justify-content:space-between;gap:30px;padding-block:42px;color:var(--muted);font-size:11px}.footer-name{font-size:22px;font-weight:650;color:var(--blue);letter-spacing:-.04em}.footer-name span{color:var(--teal)}footer p{margin:6px 0}.footer-meta{text-align:right}.footer-meta>a{font-size:12px;color:var(--ink)}.footer-meta p a{text-decoration:underline}
@media(max-width:900px){.hero{gap:32px;grid-template-columns:1fr 1fr}.wrap{width:calc(100% - 48px)}.actions{flex-wrap:wrap;gap:15px}.workflow,.local{gap:35px}.card-top{padding-inline:15px}.operation,.spec-section{padding-inline:16px}.rule{margin-inline:16px}.steps{gap:24px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:95px}.brand{width:164px}.header nav{gap:14px;font-size:12px}.header nav>a:first-child{display:none}.header button{font-size:0;padding:8px}.header button span{font-size:18px;margin:0}.hero{grid-template-columns:1fr;gap:45px;padding-block:48px 58px}h1{font-size:46px}.intro{font-size:20px}.description{font-size:15px}.contract-card{transform:none;margin-bottom:25px}.principles{flex-wrap:wrap;font-size:11px;gap:12px}.approach{padding-block:56px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.workflow{grid-template-columns:1fr;padding:25px;gap:25px}.local{grid-template-columns:1fr;gap:8px;padding-block:55px}.closing{align-items:flex-start;flex-direction:column;gap:24px}footer{flex-direction:column;gap:18px}.footer-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.switch span{transition:none}}