/* New reference implementation. No imported legacy layout and no SVG/CSS pictorial art. */
:root{color-scheme:dark;--cyan:#00d8ee;--ink:#f6f9fc;--muted:#c1dbea;--line:#125d76;--gap:14.583333cqw}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#010911}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#010911}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button{border:0}p,h1,h2,h3,ul{margin:0}em{font-style:normal}img{display:block;max-width:100%;object-fit:contain}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8eedff;outline-offset:5px}button:hover,a.button:hover{filter:brightness(1.13)}.cyan{color:var(--cyan)}.lavender{color:#adcaff}.ice{color:#8dcefc}.site{max-width:1440px;margin:auto;position:relative;isolation:isolate;container-type:inline-size;overflow:hidden}.sections{display:flex;flex-direction:column;gap:var(--gap);position:relative;z-index:1}.section{position:relative;flex:none;scroll-margin-top:30px}.section-head{position:absolute;left:7.7%;right:6%;top:0}.eyebrow{font-size:1.08cqw;letter-spacing:.18em;line-height:1.3;font-weight:400}.section-head .eyebrow{display:flex;gap:1.8cqw;align-items:center}.eyebrow-rule{height:1px;width:3.3cqw;background:#77b5d9}.section-head h2{font-size:4.6cqw;line-height:.98;letter-spacing:-.025em;font-weight:700;margin:1.15cqw 0 1.6cqw}.section-description{font-size:1.6cqw;line-height:1.4;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.2cqw;border-radius:.9cqw;height:4.7cqw;font-size:1.38cqw;font-weight:500;padding:0 2.3cqw;white-space:nowrap;border:1px solid #61c4e4;background:rgba(0,12,20,.6)}.primary{background:#00d6e8;color:#00101a;border-color:#39e7f4;font-weight:600}.outline{background:rgba(0,12,20,.45)}.github-icon{width:1.95cqw;height:1.95cqw}.text-link{padding:0;background:none;color:var(--cyan);font-size:1.3cqw;text-decoration:underline;text-underline-offset:3px}.circle-button,.social{display:inline-flex;align-items:center;justify-content:center;width:3.25cqw;height:3.25cqw;border:1px solid #6cb6d7;border-radius:50%;background:rgba(0,13,22,.6);font-size:1.6cqw}.ocean{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#010911}.ocean-track{position:absolute;top:0;left:50%;height:100%;min-width:100%;aspect-ratio:1440/7998;transform:translateX(-50%);display:flex;flex-direction:column}.ocean-piece{width:100%;height:auto;flex:0 0 auto;max-width:none;object-fit:contain}.ocean:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,6,12,.09),rgba(0,6,12,.12) 25%,rgba(0,6,12,.13) 80%,transparent);pointer-events:none}
/* 1 — Hero */
.hero{height:56cqw}.topbar{position:absolute;left:6.4%;right:6.4%;top:1.55cqw;height:4cqw;display:flex;align-items:center;justify-content:space-between}.brand-link{width:13.4cqw}.brand-link img{width:100%;height:auto}.desktop-nav{display:flex;gap:4.3cqw;align-items:center;position:absolute;left:21.9cqw;top:1.35cqw;font-size:1.13cqw;white-space:nowrap}.topbar>.github-link{width:11.75cqw;height:3.95cqw;font-size:1.4cqw;padding:0 1cqw;gap:.7cqw;margin-left:auto}.hero-copy{position:absolute;left:7.8%;top:24.8cqw;width:44.8%}.hero h1{font-size:6.4cqw;line-height:.97;letter-spacing:-.035em;font-weight:700;margin:1.05cqw 0 1.4cqw}.hero h1 span{display:block;white-space:nowrap}.hero h1 .cyan{font-size:6cqw}.hero-description{font-size:1.6cqw;line-height:1.43;color:#f0f4f8}.hero-actions{display:flex;gap:1.5cqw;margin-top:2.8cqw}.hero-actions .button{width:13.7cqw}.hero-diagrams{position:absolute;left:54%;top:24.55cqw;width:34.45%}.hero-panel{position:relative;border:1px solid #0d5269;border-radius:1.2cqw;background:linear-gradient(130deg,rgba(0,24,35,.86),rgba(0,11,18,.89));height:14.55cqw;padding:1.65cqw 1.75cqw}.hero-panel h3{font-size:1.4cqw;font-weight:700;margin-bottom:.5cqw}.hero-panel p{font-size:1.1cqw;color:#cce2ed}.hero-panel img{position:absolute;width:31.6cqw;left:1.35cqw;top:4.1cqw;height:auto}.hero-panel:last-child img{top:3.05cqw}.flow-dots{width:.85cqw;height:2.35cqw;margin:0 auto}.menu-toggle{display:none}#mobile-menu{position:absolute;z-index:20}
/* 2 — Why KORA. Source has two complete diagrams; controls and conclusion remain HTML. */
.why{height:63.1cqw}.comparison-panels{position:absolute;left:7.55%;right:7.35%;top:16.25cqw;display:grid;grid-template-columns:1fr 1fr;gap:1.8cqw;height:25.8cqw}.compare-panel{position:relative;border:1px solid #137894;border-radius:1.05cqw;background:linear-gradient(135deg,rgba(0,26,36,.93),rgba(0,10,17,.9));padding:1.8cqw 1.9cqw}.compare-panel h3{font-size:1.75cqw;margin-bottom:.45cqw}.compare-panel>p:not(.diagram-conclusion){font-size:1.35cqw}.compare-panel>img{position:absolute;left:1.4cqw;top:6.35cqw;width:38.15cqw;height:auto}.diagram-conclusion{position:absolute;left:1.9cqw;bottom:1.6cqw;font-size:1.29cqw;line-height:1.35;white-space:nowrap}.metrics{position:absolute;left:7.6%;right:7.4%;top:44.9cqw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;align-items:start}.metrics>div{border-right:1px solid #148aa4}.metrics>div:last-child{border-right:0}.metrics strong{display:block;font-size:5.2cqw;line-height:1;color:var(--cyan);font-weight:700;letter-spacing:-.035em}.metrics span{display:block;font-size:1.041667cqw;line-height:1.4;letter-spacing:.06em;margin-top:.7cqw;white-space:nowrap}.why-conclusion{position:absolute;left:10%;right:10%;top:55.65cqw;text-align:center;font-size:1.041667cqw;line-height:1.5}.why-conclusion strong{display:block;font-size:1.25cqw}.benchmark-link{position:absolute;left:50%;top:61.5cqw;transform:translateX(-50%)}
/* 3 — equal-sized native cards with individually isolated raster objects */
.usecases{height:78.3cqw}.usecases .section-head{left:7.4%}.usecases h2{font-size:4.35cqw;line-height:1.03}.usecases .section-description{font-size:1.53cqw}.usecase-grid{position:absolute;left:7.3%;right:6.7%;top:19.9cqw;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1cqw;height:35cqw}.usecase-card{position:relative;border:1px solid #105c7d;border-radius:1.05cqw;background:linear-gradient(155deg,rgba(0,25,38,.92),rgba(0,13,22,.93));min-width:0}.card-number{position:absolute;left:1.5cqw;top:1.6cqw;font-size:1.05cqw;letter-spacing:.12em;color:#a1d5f4}.work-art{position:absolute;top:3.15cqw;left:1.8cqw;width:12.7cqw;height:8.5cqw;object-fit:contain}.usecase-card h3{position:absolute;left:1.8cqw;right:1cqw;top:12.45cqw;font-size:1.8cqw;line-height:1.15;letter-spacing:-.02em}.usecase-card ul{position:absolute;left:1.8cqw;right:.7cqw;top:18.7cqw;list-style:none;padding:0;font-size:1.04cqw;line-height:1.88;color:#cee4f2}.usecase-card .circle-button{position:absolute;left:1.8cqw;bottom:1.55cqw}.usecase-bottom{position:absolute;left:11.6%;right:7.6%;top:62.4cqw;display:flex;justify-content:space-between;align-items:flex-end}.different-work{border-left:2px solid var(--cyan);padding-left:1.8cqw;font-size:2.32cqw;line-height:1.2}.different-work span,.different-work strong{display:block}.usecase-context{width:27.5cqw;font-size:1.02cqw;line-height:1.45}.usecase-context .button{font-size:1.12cqw;height:4cqw;margin-top:1.5cqw;min-width:15.3cqw}
/* 4 — tall original flow including full return loop. No equal-width arrow columns. */
.how{height:98.4cqw}.how .section-head{left:6.8%}.how h2{font-size:6cqw;line-height:.98;margin-top:1.2cqw;margin-bottom:1.6cqw}.how .section-description{font-size:1.9cqw;line-height:1.4}.diagram-button{position:absolute;left:6.2%;top:23.6cqw;width:88.4%;padding:0;background:transparent;cursor:zoom-in;border-radius:.6cqw}.diagram-button img{width:100%;height:auto}.diagram-transcript{position:absolute;left:6.8%;top:56.1cqw;font-size:.8cqw;color:#a5d5e4;z-index:2}.diagram-transcript[open]{background:#031521;padding:1cqw;box-shadow:0 0 0 1px #276178;max-width:48cqw}.diagram-transcript summary{cursor:pointer}.diagram-transcript ol{padding-left:2cqw}.principles{position:absolute;left:6.8%;right:6.7%;top:59.4cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.principles article{display:flex;gap:1.6cqw;border-right:1px solid #087d9a;padding:0 2cqw 0 3cqw}.principles article:first-child{padding-left:0}.principles article:last-child{border:0;padding-right:0}.principle-icon{width:4cqw;height:4.1cqw;flex:none}.principles h3{font-size:2cqw;margin:.3cqw 0 .8cqw}.principles p{font-size:1.37cqw;line-height:1.4;color:#c9e4f3}.model-panel{position:absolute;left:5.5%;right:5.4%;top:70.8cqw;height:19cqw;border:1px solid #125e7d;border-radius:1.2cqw;background:rgba(0,18,29,.86);padding:2cqw}.model-panel>h3{font-size:1.72cqw;color:#ade3f7;margin-bottom:2.5cqw}.model-panel-body{display:grid;grid-template-columns:65% 35%;align-items:center}.model-list{display:grid;grid-template-columns:repeat(5,1fr);padding-right:2.5cqw;gap:1cqw}.model-list>div{text-align:center}.model-list img{width:4cqw;height:4cqw;margin:0 auto 1.1cqw}.model-list span{font-size:1.23cqw;line-height:1.35;display:block}.model-panel-body>p{font-size:1.5cqw;line-height:1.4;padding-left:3.5cqw;border-left:1px solid #174b65}.model-panel-body strong{display:block;margin-top:.5cqw}.how-actions{position:absolute;left:6.3%;top:93.6cqw;display:flex;gap:2.4cqw}.how-actions .button:first-child{width:20.8cqw}.how-actions .button:last-child{width:18.2cqw}
/* 5 — products, real actions and working code controls */
.build{height:85.6cqw}.build .section-head{left:5.5%}.build h2{font-size:4.05cqw;line-height:1.02;margin:.9cqw 0 1cqw}.build .section-description{font-size:1.5cqw}.products{position:absolute;top:17.6cqw;left:5.5%;right:5.4%;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;height:35.1cqw}.product-card{position:relative;border:1px solid #176884;border-radius:.8cqw;background:linear-gradient(135deg,rgba(0,24,36,.94),rgba(0,10,17,.92));min-width:0}.product-card>.eyebrow{position:absolute;left:2.2cqw;top:2.4cqw;font-size:.95cqw;color:#7bedfa}.product-card>h3{position:absolute;left:2.2cqw;top:5.3cqw;font-size:2.7cqw;letter-spacing:-.035em}.product-subtitle{position:absolute;left:2.2cqw;top:9cqw;font-size:1.5cqw;letter-spacing:.02em;color:#b1d6ed}.product-description{position:absolute;left:2.2cqw;top:12.4cqw;font-size:1.3cqw;line-height:1.43;z-index:1}.product-art{position:absolute;right:1.7cqw;top:2.5cqw;object-fit:contain}.core-card .product-art{width:15.2cqw;height:17.2cqw}.reach-card .product-art{width:20.8cqw;height:17.3cqw;right:.9cqw;top:1.4cqw}.reach-card .product-description{font-size:1.23cqw;top:11.6cqw}.core-process{position:absolute;left:1.5cqw;top:21.3cqw;width:40.8cqw;height:auto}.core-button{position:absolute;left:2.2cqw;bottom:2.15cqw;background:#9fc5ff;color:#001522;border-color:#b3d7ff;font-size:1.2cqw;min-width:19.8cqw;height:3.85cqw;border-radius:1.45cqw}.reach-flow{position:absolute;left:1.4cqw;top:16.8cqw;width:40.6cqw;height:auto}.agent-kicker{position:absolute;left:2.2cqw;top:25.2cqw;font-size:.98cqw;color:#a5cbe2}.reach-agent{position:absolute;left:2.05cqw;top:26.6cqw;width:39.3cqw;height:auto}.reach-button{position:absolute;left:2.2cqw;bottom:1.2cqw;background:#66eaf0;color:#001421;border-color:#b4faf9;font-size:1.2cqw;min-width:20.8cqw;height:3.4cqw;border-radius:1.4cqw}.developer{position:absolute;top:55.8cqw;left:5.5%;right:5.4%;display:grid;grid-template-columns:50% 46.7%;gap:3.3%}.developer-left>.eyebrow{font-size:1cqw;display:flex;align-items:center;gap:1cqw;white-space:nowrap}.developer-rule{height:1px;background:#6b9ac0;flex:1}.developer-left>h3{font-size:3.25cqw;letter-spacing:-.035em;margin:1.2cqw 0 .7cqw}.developer-left>p:not(.eyebrow){font-size:1.37cqw;line-height:1.4;color:#c8e4f4}.developer-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw;margin-top:1.45cqw;height:9.8cqw}.developer-card{border:1px solid #17698b;border-radius:.8cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45cqw;background:rgba(0,13,23,.8);text-align:center}.developer-card img{width:3.2cqw;height:3.2cqw;margin-bottom:.3cqw}.developer-card strong{font-size:1.1cqw;font-weight:600}.developer-card>span{font-size:.9cqw;color:#cae3f6}.code-panel{border:1px solid #176180;border-radius:.8cqw;background:rgba(0,17,29,.92);min-width:0;overflow:hidden}.code-tabs{display:flex;height:3.4cqw;border-bottom:1px solid #123e56}.code-tab{flex:1;padding:0;background:none;font-size:1cqw;color:#a9cdea;position:relative}.code-tab.selected{color:white;background:linear-gradient(#08223744,#001b2d)}.code-tab.selected:after{content:"";height:2px;background:var(--cyan);position:absolute;bottom:0;left:16%;right:16%}.code-language{border:0;border-left:1px solid #17415d;border-radius:.8cqw;background:#031322;color:#e2effe;font-size:.9cqw;width:11.5cqw;padding:0 1.6cqw}.code-panel [role=tabpanel]{padding:1.2cqw 1.5cqw}.code-panel [role=tabpanel]>p:not(.code-note):not(.code-reference-note):not(#copy-status){font-size:1cqw;margin-bottom:.75cqw}.code-line{display:flex;align-items:center;gap:1cqw;padding:.75cqw 1cqw;background:#092334;border:1px solid #10364d;border-radius:.5cqw;min-height:2.9cqw;margin-bottom:1.1cqw}.code-line code{font-size:.91cqw;white-space:pre;overflow-x:auto;flex:1;color:#e0eaff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.line-no{font: .7cqw ui-monospace,monospace;color:#73add5}.copy{background:none;padding:.2cqw;flex:none}.copy img{width:1.35cqw;height:1.35cqw}.code-note,.code-reference-note{font-size:.75cqw;line-height:1.35;color:#98badd}.code-reference-note{margin-top:.4cqw;color:#7fcde8}#copy-status{font-size:.8cqw;color:var(--cyan);min-height:.9cqw}.foundation{position:absolute;left:5%;right:5%;top:80.5cqw;text-align:center;font-size:2.05cqw;font-weight:600;color:#c2ddff;letter-spacing:-.025em}.foundation-rule{position:absolute;top:85cqw;left:48.4%;width:3.2%;height:1px;background:#a6c8e9}
/* 6 — editorial cards. Metadata remains a reference placeholder, disclosed in preview. */
.blog{height:52cqw}.blog .section-head{left:6.35%}.blog h2{margin:2.3cqw 0 1.2cqw}.blog .section-description{font-size:1.6cqw}.stories{position:absolute;left:6.35%;right:6.35%;top:16.3cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw;height:28.3cqw}.story-card{border:1px solid #166888;border-radius:.8cqw;overflow:hidden;position:relative;background:linear-gradient(130deg,#00111dda,#000a12ed);min-width:0}.story-image{width:100%;height:14.15cqw;object-fit:cover}.story-copy{position:relative;padding:0 2cqw}.story-copy .eyebrow{font-size:1cqw;color:#9fe9ff;margin-bottom:1.1cqw}.story-copy h3{font-size:1.98cqw;letter-spacing:-.03em;line-height:1.15;white-space:nowrap;margin-bottom:.85cqw}.story-description{font-size:1.42cqw;line-height:1.33;color:#c3e1f9}.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:.3cqw;margin-top:2.1cqw;font-size:1.08cqw;color:#abd7f5;white-space:nowrap}.story-arrow{background:none;color:#94e6ff;font-size:1.8cqw;padding:0 .3cqw;line-height:1}.view-posts{position:absolute;top:47.7cqw;left:50%;transform:translateX(-50%);height:3.9cqw;min-width:18.3cqw;border-radius:3cqw;font-size:1.24cqw}
/* 7 — every footer item, including real form fields and source logos */
.footer{height:54cqw}.footer>h2{text-align:center;font-size:2.6cqw;line-height:1.12;font-weight:600;letter-spacing:-.01em}.footer-motto{position:absolute;top:7.5cqw;left:10%;right:10%;text-align:center;letter-spacing:.4em;font-size:.73cqw;line-height:2.2;color:#cbe8ff}.footer-title-rule{position:absolute;left:49%;top:12.4cqw;width:2%;height:1px;background:#11b9d5}.footer-columns{position:absolute;top:20.1cqw;left:5.2%;right:3.95%;display:grid;grid-template-columns:22% 13.4% 11.8% 13.8% 8.6% 8.8% 21.6%;min-height:14.2cqw}.footer-brand{padding-right:2cqw}.footer-brand>a>img{width:17.3cqw;height:auto}.footer-brand>.eyebrow{font-size:.76cqw;letter-spacing:.36em;margin:1.1cqw 0 1cqw}.brand-description{color:#b9d6e7;font-size:1.02cqw;line-height:1.5;letter-spacing:.08em}.socials{display:flex;gap:1.4cqw;margin-top:1.75cqw}.social{width:3cqw;height:3cqw}.social img{width:1.6cqw;height:1.6cqw}.footer-column{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #315569;padding-left:2.45cqw;gap:1.35cqw}.footer-column h3,.updates h3{font-size:.72cqw;color:#7fe4fa;letter-spacing:.16em;font-weight:600;margin:.6cqw 0 .3cqw;white-space:nowrap}.footer-column:first-of-type{padding-left:3.65cqw}.footer-column a,.footer-column button{font-size:.94cqw;background:none;padding:0;text-align:left;white-space:nowrap;line-height:1}.updates{padding-left:2.3cqw;border-left:1px solid #426171}.updates>p{font-size:.94cqw;line-height:1.4;color:#c8d8e7;margin:1.1cqw 0 1.4cqw}.updates h3{margin-top:.6cqw}.updates form{display:flex;align-items:center;border:1px solid #628296;border-radius:3cqw;background:#101f2ac9;height:3.15cqw;overflow:hidden}.updates input{width:100%;min-width:0;flex:1;border:0;background:none;padding:0 1.25cqw;font-size:.92cqw;color:#e6f6ff;height:100%;outline-offset:-4px}.updates input::placeholder{color:#a8bacf}.updates form button{border:0;background:transparent;color:#a5ecfa;font-size:1.6cqw;width:3cqw;flex:none}.updates .updates-fine-print{font-size:.83cqw;margin-top:1.05cqw;color:#a9bfd0}#updates-status{font-size:.8cqw;line-height:1.4;color:#8be0e9}.footer-lockup{position:absolute;left:44%;top:39.2cqw;width:12%;display:flex;flex-direction:column;align-items:center;gap:.55cqw}.footer-lockup img{width:8.6cqw;height:auto;object-fit:contain}.footer-lockup>a:last-child{font-size:.85cqw;letter-spacing:.13em;color:#b5e7fb}.footer-bottom{position:absolute;top:52.1cqw;left:5%;right:5.1%;display:flex;justify-content:space-between;align-items:center;font-size:.86cqw}.footer-bottom p:last-child{font-size:.63cqw;letter-spacing:.22em}
/* Preview-only controls are outside the reproduced design canvas. */
.preview-notice{position:fixed;left:50%;bottom:9px;transform:translateX(-50%);z-index:90;width:max-content;max-width:calc(100% - 20px);padding:8px 10px 8px 14px;background:#071722ed;border:1px solid #28556c;border-radius:8px;display:flex;align-items:center;gap:14px;font-size:11px;color:#c1d4e3;box-shadow:0 6px 24px #0008}.preview-notice button{background:none;color:#b9dae8;font-size:19px;padding:0 4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#041a2a;padding:12px}.skip-link:focus{top:12px}dialog{border:1px solid #3a859f;border-radius:16px;background:#031421;color:#e3f5ff;padding:24px;max-width:min(900px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-bar{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:20px}.dialog-bar h2{font-size:24px;line-height:1.2}.dialog-bar button{background:transparent;color:white;font-size:30px;line-height:1}.dialog-bar p{font-size:16px}#dialog-body{font-size:16px;line-height:1.6}#dialog-body p{margin:0 0 16px}#dialog-body a{color:#71e5fa;text-decoration:underline}#dialog-body img{max-height:none;width:auto;max-width:100%;margin:10px auto}.diagram-zoom-wrap{overflow:auto;max-height:65vh}.diagram-zoom-wrap img{min-width:1080px!important;max-width:none!important}
/* Mobile/tablet uses real reflow. No min-width desktop canvas or whole-page scale transform. */
@media(max-width:1000px){
.site{width:100%;max-width:100%;overflow:hidden}.sections{gap:100px}.section{height:auto!important;margin:0 24px;scroll-margin-top:30px}.section-head{position:static!important}.eyebrow{font-size:12px!important;letter-spacing:.18em}.section-head h2{font-size:clamp(32px,5.4vw,54px)!important;line-height:1.05;margin:16px 0 20px}.section-description{font-size:17px!important;line-height:1.5}.section-description br{display:none}.eyebrow-rule{width:36px}.button{height:48px;padding:0 20px;gap:12px;font-size:15px!important;border-radius:10px}.text-link{font-size:16px}.circle-button,.social{width:40px;height:40px;font-size:24px}.hero{margin:0 24px;padding-top:1px}.topbar{position:relative;left:0;right:0;top:0;height:80px;gap:12px}.brand-link{width:145px}.desktop-nav{display:none}.topbar>.github-link{width:auto;height:40px;padding:0 14px;font-size:14px!important;gap:7px}.github-icon{width:24px;height:24px}.menu-toggle{display:block;background:#021727bb;border:1px solid #24748c;border-radius:8px;padding:10px;font-size:13px}.hero-copy{position:relative;left:0;top:0;width:100%;padding-top:165px}.hero h1{font-size:clamp(52px,9vw,80px);line-height:1.02;margin:20px 0}.hero h1 .cyan{font-size:inherit}.hero h1 span{white-space:normal}.hero-description{font-size:18px;line-height:1.5;max-width:600px}.hero-description br{display:none}.hero-actions{gap:14px;margin-top:28px;flex-wrap:wrap}.hero-actions .button{width:auto;min-width:150px}.hero-diagrams{position:relative;top:0;left:0;width:min(100%,580px);margin:52px auto 0}.hero-panel{height:auto;min-height:230px;padding:24px;border-radius:16px}.hero-panel h3{font-size:20px;margin-bottom:8px}.hero-panel p{font-size:16px}.hero-panel img,.hero-panel:last-child img{position:static;width:100%;height:auto;margin:12px auto 0}.flow-dots{width:9px;height:30px}.comparison-panels{position:static;grid-template-columns:1fr;gap:18px;height:auto;margin-top:30px}.compare-panel{padding:24px;border-radius:14px;min-width:0}.compare-panel h3{font-size:24px;margin-bottom:8px}.compare-panel>p:not(.diagram-conclusion){font-size:18px}.compare-panel>img{position:static;width:100%;height:auto;margin:18px 0}.diagram-conclusion{position:static;white-space:normal;font-size:16px!important;line-height:1.45}.metrics{position:static;margin:40px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:56px}.metrics span{font-size:12px;letter-spacing:.04em;white-space:normal;margin-top:8px}.why-conclusion{position:static;font-size:16px;text-align:center;line-height:1.5}.why-conclusion strong{font-size:18px}.benchmark-link{position:relative;left:auto;top:auto;transform:none;display:block;margin:30px auto 0}.usecase-grid{position:static;margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;height:auto}.usecase-card{height:380px;border-radius:14px}.card-number{left:22px;top:20px;font-size:13px}.work-art{top:38px;left:14%;width:72%;height:100px}.usecase-card h3{left:22px;right:16px;top:145px;font-size:24px;line-height:1.16}.usecase-card ul{left:22px;right:12px;top:212px;font-size:14px;line-height:1.8}.usecase-card .circle-button{left:22px;bottom:20px}.usecase-bottom{position:static;margin:29px 12px 0;display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}.different-work{padding-left:20px;font-size:28px}.usecase-context{width:auto;flex:1;min-width:230px;font-size:15px}.usecase-context br{display:none}.usecase-context .button{height:46px;margin-top:20px}.diagram-button{position:static;width:100%;margin-top:32px}.diagram-transcript{position:relative;left:0;top:0;font-size:12px;margin-top:14px}.diagram-transcript[open]{max-width:100%;padding:14px}.diagram-transcript ol{padding-left:20px}.principles{position:static;margin:45px 0;display:grid;grid-template-columns:1fr;gap:24px}.principles article{padding:0 0 24px!important;border:0;border-bottom:1px solid #17445e;gap:22px}.principle-icon{width:50px;height:54px}.principles h3{font-size:23px;margin:2px 0 9px}.principles p{font-size:16px;line-height:1.45}.model-panel{position:static;height:auto;margin-top:35px;padding:22px;border-radius:14px}.model-panel>h3{font-size:21px;line-height:1.4;margin-bottom:26px}.model-panel-body{display:flex;flex-direction:column;align-items:stretch;gap:28px}.model-list{gap:10px;padding:0;grid-template-columns:repeat(5,minmax(0,1fr))}.model-list img{width:40px;height:40px;margin-bottom:12px}.model-list span{font-size:12px;line-height:1.35}.model-panel-body>p{padding:24px 0 0;border-left:0;border-top:1px solid #17445e;font-size:18px}.model-panel-body strong{margin-top:8px}.how-actions{position:static;margin-top:30px;gap:14px;flex-wrap:wrap}.how-actions .button{width:auto!important}.products{position:static;display:grid;grid-template-columns:1fr;gap:22px;height:auto;margin-top:32px}.product-card{padding:24px;border-radius:14px;display:flex;flex-direction:column;min-width:0;min-height:600px}.product-card>.eyebrow,.product-card>h3,.product-subtitle,.product-description,.product-art,.core-process,.core-button,.reach-flow,.agent-kicker,.reach-agent,.reach-button{position:static!important;left:auto;right:auto;top:auto;bottom:auto}.product-card>.eyebrow{font-size:12px!important;margin-bottom:14px}.product-card>h3{font-size:36px;margin-bottom:10px}.product-subtitle{font-size:19px;margin-bottom:18px}.product-description,.reach-card .product-description{font-size:17px;line-height:1.45}.product-description br{display:none}.core-card .product-art{width:240px;height:240px;align-self:center;margin:16px auto}.reach-card .product-art{width:300px;height:225px;align-self:center;margin:10px auto}.core-process,.reach-flow,.reach-agent{width:100%;height:auto;margin:10px auto}.core-button,.reach-button{height:48px;margin-top:18px;align-self:flex-start;border-radius:14px;max-width:100%}.agent-kicker{font-size:14px;margin:12px 0 0}.developer{position:static;display:grid;grid-template-columns:1fr;gap:28px;margin-top:40px}.developer-left>.eyebrow{gap:14px}.developer-left>h3{font-size:38px;margin:18px 0 14px}.developer-left>p:not(.eyebrow){font-size:17px}.developer-left>p br{display:none}.developer-cards{gap:10px;height:135px;margin-top:22px}.developer-card{border-radius:10px;gap:7px}.developer-card img{width:39px;height:39px;margin-bottom:6px}.developer-card strong{font-size:14px}.developer-card>span{font-size:12px}.code-panel{border-radius:12px}.code-tabs{height:48px}.code-tab{font-size:15px}.code-language{width:120px;font-size:13px;padding:0 12px;border-radius:10px}.code-panel [role=tabpanel]{padding:18px}.code-panel [role=tabpanel]>p:not(.code-note):not(.code-reference-note):not(#copy-status){font-size:14px;margin-bottom:12px}.code-line{gap:12px;min-height:48px;padding:9px 10px;border-radius:7px;margin-bottom:18px}.code-line code{font-size:12px}.line-no{font-size:10px}.copy{padding:4px}.copy img{width:22px;height:22px}.code-note,.code-reference-note{font-size:12px;line-height:1.45}.code-reference-note{margin-top:8px}#copy-status{font-size:12px;min-height:16px}.foundation{position:static;text-align:center;margin:42px 0 0;font-size:24px;line-height:1.3}.foundation-rule{position:static;margin:24px auto 0;width:42px}.stories{position:static;height:auto;grid-template-columns:1fr;gap:24px;margin-top:34px}.story-card{border-radius:14px;max-width:620px;width:100%;margin:auto}.story-image{height:auto;aspect-ratio:2.04;object-fit:cover}.story-copy{padding:0 24px 22px}.story-copy .eyebrow{font-size:12px!important;margin-bottom:14px}.story-copy h3{font-size:27px;white-space:normal;margin-bottom:14px;line-height:1.15}.story-description{font-size:18px;line-height:1.45}.story-bottom{font-size:14px;margin-top:26px}.story-arrow{font-size:27px;padding:3px 6px}.view-posts{position:relative;left:auto;top:auto;transform:none;display:flex;width:240px;margin:32px auto 0;border-radius:40px}.footer>h2{font-size:30px;line-height:1.15}.footer-motto{position:static;margin-top:24px;font-size:10px;line-height:2.2;letter-spacing:.25em}.footer-title-rule{position:static;margin:24px auto 0;width:28px}.footer-columns{position:static;margin-top:64px;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.footer-brand{grid-column:1/-1;padding:0}.footer-brand>a>img{width:230px}.footer-brand>.eyebrow{margin:18px 0 14px;font-size:11px!important;letter-spacing:.25em}.brand-description{font-size:16px;line-height:1.5}.socials{gap:20px;margin-top:22px}.social img{width:22px;height:22px}.footer-column{padding:0!important;border:0;gap:20px}.footer-column h3,.updates h3{font-size:11px;letter-spacing:.16em;margin:0 0 3px}.footer-column a,.footer-column button{font-size:15px;line-height:1.3}.updates{grid-column:1/-1;border:0;padding:0}.updates>p{font-size:15px;margin:16px 0 20px}.updates form{height:46px;border-radius:40px;max-width:440px}.updates input{font-size:14px;padding:0 18px}.updates form button{font-size:24px;width:48px}.updates .updates-fine-print{font-size:12px;margin-top:14px}#updates-status{font-size:13px}.footer-lockup{position:static;margin:64px auto 0;width:160px;gap:12px}.footer-lockup img{width:120px;height:auto}.footer-lockup>a:last-child{font-size:13px}.footer-bottom{position:static;margin:50px 0 60px;display:flex;flex-direction:column;gap:18px;font-size:12px;text-align:center}.footer-bottom p:last-child{font-size:9px;letter-spacing:.18em}#mobile-menu{right:0;top:78px;left:0;padding:20px;background:#02131ef5;border:1px solid #1c5d72;border-radius:12px}#mobile-menu:not([hidden]){display:flex;gap:18px;flex-wrap:wrap}#mobile-menu a{font-size:15px}.ocean-track{height:auto;width:100%;aspect-ratio:auto;min-width:0}.ocean-piece{width:100%;height:auto}.ocean{background:#010a13}.ocean:after{background:linear-gradient(180deg,transparent,rgba(1,10,19,.1) 10%,#010a13 40%,#010a1300 98%)}
}
@media(max-width:520px){.section{margin-left:20px;margin-right:20px}.hero-copy{padding-top:120px}.hero h1{font-size:49px}.topbar{gap:8px}.brand-link{width:123px}.topbar>.github-link{padding:0 9px;font-size:12px!important;gap:5px}.topbar>.github-link .github-icon{width:19px;height:19px}.menu-toggle{padding:10px 8px;font-size:12px}.hero-description{font-size:17px}.hero-actions .button{min-width:0;flex:1;padding:0 12px;font-size:14px!important}.usecase-grid{grid-template-columns:1fr}.usecase-card{height:396px;max-width:360px;width:100%;margin:0 auto}.work-art{top:33px;height:112px;width:160px;left:calc(50% - 80px)}.usecase-card h3{font-size:26px;top:158px}.usecase-card ul{top:229px;font-size:15px}.usecase-card .circle-button{bottom:18px}.usecase-bottom{margin-left:0;margin-right:0}.different-work{font-size:26px}.developer-cards{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.developer-card{height:125px}.model-panel{padding:18px}.model-list{gap:6px}.model-list span{font-size:10px}.model-list img{width:33px;height:33px}.code-language{width:100px}.story-copy{padding:0 19px 22px}.story-bottom{font-size:12px}.preview-notice{font-size:10px;line-height:1.3}.hero-panel{min-height:0;padding:20px}.hero-panel h3{font-size:18px}.hero-panel p{font-size:14px}.section-head h2{font-size:35px!important}.build .section-head h2{font-size:32px!important}.footer>h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Product identity marks are source raster assets, not glyphs. */
.product-card>.eyebrow{display:flex;align-items:center;gap:.7cqw}.product-card>.eyebrow img{width:1.65cqw;height:1.65cqw}
@media(max-width:1000px){.product-card>.eyebrow{gap:10px}.product-card>.eyebrow img{width:22px;height:22px}.ocean-track{height:100%;width:100%;aspect-ratio:auto;display:grid;grid-template-rows:auto 1fr 1fr auto}.ocean-piece{min-height:0}.ocean-piece:nth-child(2),.ocean-piece:nth-child(3){height:100%;object-fit:cover}.ocean:after{background:linear-gradient(180deg,transparent,#010a1318 20%,#010a1322 90%,transparent)}}