:root{--bg:#11171c;--panel:#192127;--text:#f1f4f1;--muted:#a5b0b6;--line:#303b42;--accent:#d5f46b;--ink:#172016;--max:1248px;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:32px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:550;letter-spacing:-.04em}h1{font-size:clamp(42px,4.7vw,68px);max-width:700px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(32px,3.2vw,46px)}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--muted)}code,.mono,.eyebrow,.module-meta,.diagram-title,.development-label,.snapshot,.principle-number,.code-filename,.development-note{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}code{font-size:.9em}.wrap{max-width:var(--max);width:calc(100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:32px}.brand{display:flex;gap:13px;align-items:center;font-size:26px;line-height:1;font-weight:650;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--bg);width:44px;height:44px;font-size:31px;letter-spacing:-.07em;font-weight:700;border-radius:8px}.brand-caption{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;margin-top:8px;font-weight:500}nav{display:flex;gap:30px;font-size:14px}nav a{padding:12px 0}.header-contact{border:1px solid #586248;border-radius:5px;padding:10px 16px;font-size:14px}.header-contact span{display:none}.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:60px;padding-block:94px 78px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.14em;line-height:1.5;margin-bottom:25px}.tiny-line{width:24px;height:1px;background:var(--accent)}.hero-intro{color:var(--text);font-size:21px;line-height:1.55;margin-top:28px;max-width:450px}.hero-detail{font-size:16px;line-height:1.8;margin-top:15px;max-width:455px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:5px;font-size:15px;font-weight:650;transition:background .2s}.primary{background:var(--accent);color:var(--ink)}.primary:hover{background:#e3ffa1;color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid #627044;padding-bottom:4px}.development-note{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.07em;color:var(--muted);margin-top:44px}.status-square{width:5px;height:5px;background:var(--accent)}.note-divider{margin-inline:7px;color:#56656f}.architecture{background-color:#151e24;background-image:radial-gradient(#34414c 1px,transparent 1px);background-size:18px 18px;border:1px solid #38444b;border-radius:10px;padding:24px 30px;position:relative;box-shadow:0 20px 70px #0002}.diagram-title{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.07em;margin-bottom:35px}.stack-top{background:#1c272f;border:1px solid #43535f;border-radius:5px;padding:20px 24px;position:relative}.stack-top .mono{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:3px}.stack-top strong{font-weight:500;font-size:20px}.muted{color:var(--muted)}.stack-symbol{position:absolute;right:24px;top:29px;color:#9aa8b2;font:25px monospace}.stack-connector{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:#bec7ce}.stack-connector span{height:100%;width:1px;background:#536473;position:relative}.stack-connector span:after{content:"";position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-left:1px solid #536473;border-bottom:1px solid #536473;transform:rotate(-45deg)}.stack-library{background:#d5f46b;border:1px solid #e0fb90;border-radius:5px;color:var(--ink);padding:22px 24px 24px;box-shadow:0 8px 35px #d5f46b09}.stack-heading{display:flex;align-items:flex-start;justify-content:space-between}.stack-heading strong{font-size:32px;line-height:1.1;letter-spacing:-.04em}.stack-heading strong span{display:block;font-weight:450;font-size:12px;letter-spacing:0;margin-top:8px}.library-badge{font:10px monospace;border:1px solid #708039;padding:4px 7px;border-radius:3px;letter-spacing:.08em}.stack-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.stack-modules span{font-size:11px;text-align:center;background:#ffffff26;border:1px solid #71873a66;padding:7px 2px;border-radius:3px}.stack-connector.small{height:29px}.stack-base{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack-base span{font-size:11px;text-align:center;background:#19252d;border:1px solid #40515d;padding:12px 5px;border-radius:4px}.diagram-foot{display:flex;justify-content:space-between;font-size:10px;color:#a5b0b6;gap:10px;margin-top:24px}.spec-strip{border-block:1px solid var(--line)}.specs{display:flex;justify-content:space-between;gap:20px;padding-block:25px;color:var(--muted);font-size:13px}.specs b{font-weight:550;color:var(--text);margin-right:5px}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.section-heading>p{max-width:340px;font-size:16px;line-height:1.8;padding-bottom:3px}.section-heading .eyebrow{margin-bottom:20px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.module{padding:30px 28px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.module:hover{background:#1b242b}.module-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:31px}.module-meta>span{color:var(--accent)}.module-meta code{font-size:11px}.module h3{font-size:22px;margin-bottom:14px}.module p{font-size:15px;line-height:1.8;flex-grow:1}.module-bottom{font-size:12px;color:#c2cdac;margin-top:25px}.integration{border-block:1px solid var(--line);background:#161e24}.integration-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;align-items:center}.integration h2{margin-bottom:25px}.integration p{max-width:400px;line-height:1.85}.integration p code{color:var(--accent)}.integration .small-copy{font-size:13px;margin-top:24px;margin-bottom:26px;color:#bdc7cd}.code-panel{min-width:0;background:#10161b;border:1px solid #3c484f;border-radius:7px;overflow:hidden;box-shadow:0 18px 44px #0002}.code-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-inline:20px}.code-tabs{display:flex;gap:22px;min-width:0}.code-tabs button{background:none;border:0;color:var(--muted);padding:17px 0 14px;font-size:13px;border-bottom:2px solid transparent}.code-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.copy-button{background:#242d33;border:1px solid #3b464d;border-radius:4px;color:#d3dce1;font-size:12px;padding:4px 10px}.copy-button:hover{background:#35414a}.code-filename{padding:21px 25px 0;font-size:12px;color:#d4dadd;display:flex;justify-content:space-between;gap:10px}.code-filename span{font-size:9px;color:#7f909a}.code-panel pre{margin:0;padding:24px 25px 30px;line-height:1.85;overflow-x:auto;font-size:12px;tab-size:2;max-width:100%}.code-panel pre code{font-size:inherit;color:#d2dce2}.code-comment{color:#8b9aa4}.code-fn{color:#a6c8f5}.code-accent{color:var(--accent)}.code-note{border-top:1px solid var(--line);padding:13px 25px;font-size:12px;color:#aab8c1;min-height:66px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.principle-number{color:var(--accent);font-size:13px}.principles h3{margin:23px 0 16px;font-size:23px}.principles p{font-size:15px;line-height:1.85}.development-card{display:flex;align-items:center;gap:34px;padding:28px 30px;border:1px solid var(--line);border-radius:5px;margin-top:60px}.development-label{color:var(--accent);font-size:10px;white-space:nowrap;letter-spacing:.1em}.development-card h3{font-size:18px;letter-spacing:-.01em;margin-bottom:9px}.development-card p{font-size:14px;max-width:640px}.snapshot{font-size:10px;color:#8d9da6;white-space:nowrap;margin-left:auto;text-align:right}.snapshot time{color:#c2ced4}.studio-section{background:var(--accent);color:var(--ink);padding-block:75px}.studio-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.studio-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:35px}.brand-mark.large{background:var(--ink);color:var(--accent);width:92px;height:92px;font-size:65px;border-radius:16px}.studio-label .eyebrow{color:#3d5025;font-size:11px;margin:0}.studio-layout h2{margin-bottom:28px;font-size:44px}.studio-layout p{color:#34422b;font-size:17px;line-height:1.8;max-width:615px}.studio-layout p+p{margin-top:18px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:88px;align-items:center}.contact-section h2{font-size:48px;margin-bottom:22px}.contact-section p{font-size:15px;max-width:410px}.contact-box{display:flex;flex-direction:column;gap:14px;border-block:1px solid var(--line);padding-block:30px}.contact-box>.mono{font-size:11px;color:var(--muted);letter-spacing:.08em}.contact-box>a{font-size:clamp(20px,2.3vw,30px);letter-spacing:-.035em;color:var(--accent);overflow-wrap:anywhere}.contact-box>span:last-child{font-size:13px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:27px}.footer-slash{padding-inline:12px;color:#53636d}.footer-inner>div{display:flex;gap:27px;align-items:center}.privacy{position:relative}.privacy summary{cursor:pointer;list-style:none}.privacy summary::-webkit-details-marker{display:none}.privacy-copy{position:absolute;bottom:35px;right:0;background:#25313b;border:1px solid #4e616f;border-radius:5px;padding:22px;width:310px;max-width:80vw;color:#dae1e5;font-size:14px;box-shadow:0 10px 40px #0009;z-index:5}.skip-link{position:absolute;top:-80px;left:16px;background:var(--accent);color:var(--ink);padding:12px 20px;z-index:10}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1450px){.hero{padding-block:106px 90px}.hero h1{font-size:68px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;padding-block:70px}.hero h1{font-size:48px}.architecture{padding:22px}.diagram-title{font-size:9px}.specs{flex-wrap:wrap;justify-content:flex-start;gap:16px 38px}.integration-layout{gap:38px;grid-template-columns:.8fr 1.2fr}.module{padding:25px 21px}.module-meta{flex-wrap:wrap;gap:5px 10px}.module h3{font-size:21px}.contact-box>a{font-size:26px}.code-filename span{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:86px;gap:16px}.brand-caption{display:none}.brand{font-size:23px}.brand-mark{width:36px;height:36px;font-size:27px}.header-contact{display:none}nav{gap:20px;font-size:13px}.hero{grid-template-columns:1fr;gap:48px;padding-block:55px}.hero h1{font-size:clamp(39px,7.8vw,64px)}.hero-intro{max-width:560px;font-size:20px}.hero-detail{max-width:580px}.development-note{margin-top:28px}.architecture{max-width:580px;width:100%;margin-inline:auto;padding:25px}.diagram-title{font-size:10px}.stack-modules span,.stack-base span{font-size:12px}.diagram-foot{font-size:11px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{max-width:540px;margin-top:22px}.module-grid{grid-template-columns:repeat(2,1fr)}.integration-layout{grid-template-columns:1fr;gap:36px}.integration p{max-width:580px}.code-filename span{display:block;font-size:10px}.principles{gap:28px;margin-top:32px}.principles h3{font-size:21px}.development-card{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-top:40px;padding:23px}.development-label{width:100%}.development-card>div{flex:1;min-width:200px}.studio-layout{grid-template-columns:1fr;gap:35px}.studio-label{flex-direction:row;align-items:center;justify-content:flex-start}.brand-mark.large{width:58px;height:58px;font-size:42px;border-radius:10px}.studio-layout h2{font-size:40px}.studio-section{padding-block:55px}.contact-section{gap:30px;grid-template-columns:1fr;padding-block:58px}.contact-section h2{font-size:40px}.contact-box{max-width:580px}.footer-inner{font-size:11px}}
@media(max-width:480px){nav{gap:14px;font-size:12px}.brand{gap:8px;font-size:21px}.header-inner{gap:10px}.hero h1{font-size:40px}.hero-actions{gap:21px;flex-wrap:wrap}.hero-intro{font-size:19px}.eyebrow{font-size:11px}.development-note{font-size:9px;gap:6px;flex-wrap:wrap}.architecture{padding:20px 16px}.diagram-title{font-size:8px;margin-bottom:24px}.stack-top{padding:17px}.stack-library{padding:20px 17px}.stack-modules span{font-size:10px}.stack-base span{font-size:10px}.diagram-foot{font-size:9px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;font-size:11px}.specs b{display:block;font-size:13px}.module-grid{grid-template-columns:1fr}.module{padding:26px}.module-meta{margin-bottom:22px}.module-meta code{font-size:12px}.module p{font-size:16px}.module-bottom{font-size:13px}.principles{grid-template-columns:1fr;gap:32px}.principles h3{margin-top:14px}.principles p{font-size:16px}.snapshot{display:none}.code-toolbar{padding-inline:16px}.code-tabs{gap:17px}.code-tabs button{font-size:12px}.code-filename{padding-inline:16px}.code-filename span{display:none}.code-panel pre{font-size:11px;padding-inline:16px}.code-note{padding-inline:16px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}.privacy-copy{right:auto;left:0;max-width:calc(100vw - 40px)}.studio-label .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Readable labels at every breakpoint, including narrow screens. */
.brand-caption,.development-note,.diagram-title,.stack-top .mono,.library-badge,.stack-modules span,.stack-base span,.diagram-foot,.module-meta,.module-meta code,.code-filename span,.development-label,.snapshot,.studio-label .eyebrow,.contact-box>.mono,.footer-inner,.eyebrow{font-size:.75rem}
.module p,.principles p,.contact-section p{font-size:1rem}
nav,.specs,.integration .small-copy,.code-tabs button,.copy-button,.code-note,.contact-box>span:last-child{font-size:.875rem}
.code-panel pre{font-size:.8125rem}
.diagram-title,.diagram-foot{flex-wrap:wrap}
@media(max-width:480px){.header-inner{flex-wrap:wrap;padding-block:16px;gap:14px}.header-inner nav{width:100%;justify-content:space-between}.specs{font-size:.875rem}.specs b{font-size:.875rem}.stack-modules{grid-template-columns:repeat(2,1fr)}.stack-base{grid-template-columns:1fr}.code-toolbar{flex-wrap:wrap;gap:8px;padding-bottom:10px}.code-tabs{gap:14px}}