.design-hero{padding-block:55px 65px}.design-lockup{align-items:center;gap:15px;margin-bottom:45px;font:500 25px Space Grotesk,sans-serif;display:flex}.design-lockup img{border-radius:10px}.design-lockup small{letter-spacing:1.6px;color:var(--muted);margin-top:7px;font:8px JetBrains Mono,monospace;display:block}.design-hero-row{grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;display:grid}.design-hero h1{letter-spacing:-3.5px;font-size:clamp(45px,5.3vw,76px)}.design-hero-row>div>p:not(.lead){color:#aeb7c8;font-size:14px}.design-hero-row .lead{color:var(--text);font-size:24px}.design-hero-row .eyebrow{font-size:9px}.design-hero-row .actions{margin-top:28px}.design-hero-row .design-note{margin-top:18px;font-size:11px!important}.design-preview{background:#0c131e;border:1px solid #3b4a61;border-radius:8px;margin-top:48px;overflow:hidden;box-shadow:0 25px 100px #2f6bff12}.design-preview-bar{border-bottom:1px solid var(--line);color:#bac7d9;justify-content:space-between;gap:20px;padding:16px 24px;font:11px JetBrains Mono,monospace;display:flex}.design-preview-bar>span:last-child{color:var(--muted);font-size:9px}.design-map{width:100%;height:auto;display:block}.design-wire{stroke:#314459}.design-main{stroke:var(--cyan)}.design-node rect{fill:#122132;stroke:#3c536d}.design-node text{fill:#dce9f6;font:500 15px Space Grotesk,sans-serif}.design-node .design-node-sub{fill:#96abc3;font:10px JetBrains Mono,monospace}.design-client rect,.design-gateway rect,[data-design-example=read] .design-read,[data-design-example=write] .design-write,[data-design-example=failure] .design-failure{stroke:var(--cyan)}[data-design-example=read] .design-cache rect,[data-design-example=read] .design-database rect,[data-design-example=write] .design-queue rect,[data-design-example=write] .design-worker rect,[data-design-example=write] .design-database rect,[data-design-example=failure] .design-database rect{stroke:var(--cyan);fill:#143340}.design-paths{border-block:1px solid var(--line);display:flex}.design-paths button{color:#aeb7c8;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:18px 12px;font:11px JetBrains Mono,monospace}.design-paths button[aria-pressed=true]{border-bottom-color:var(--cyan);color:var(--cyan);background:#22d3ee0b}.design-paths button:hover{color:#fff}.design-preview>p{color:#b5c3d5;min-height:90px;margin:0;padding:22px 25px;font-size:13px;line-height:1.8}.design-stories{border:1px solid var(--line);background:linear-gradient(120deg,#101e2a,#11101c);grid-template-columns:1fr 1fr;display:grid}.design-stories article{padding:45px}.design-stories article+article{border-left:1px solid var(--line)}.design-stories p,.design-stories li{color:#aeb7c8;font-size:14px}.design-stories ul{margin-top:25px;padding-left:18px}.design-stories li{margin-top:12px;padding-left:6px}.design-stories li::marker{color:var(--cyan)}.design-faq{grid-template-columns:1fr 1.3fr;gap:60px;display:grid}.design-faq details{border-top:1px solid var(--line);padding:22px 0}.design-faq details:last-child{border-bottom:1px solid var(--line)}.design-faq summary{cursor:pointer;font-size:15px}.design-faq summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.design-faq details p{color:#aeb7c8;margin-bottom:0;font-size:14px}.design-cta>p{color:#aeb7c8;margin-bottom:28px}.design-cta .eyebrow{justify-content:center}.design-product-art{background:radial-gradient(at 50% 20%,#18445866,#0000 80%),#0c131e;border:1px solid #3b4a61;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:300px;padding:30px;display:flex}.design-product-art>.eyebrow{margin:0;font-size:9px}.design-product-art>span:last-child{color:#aeb7c8;font:11px JetBrains Mono,monospace}.design-product-flow{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.design-product-flow>span{background:#122b3b;border:1px solid #527d91;border-radius:5px;padding:20px 14px;font:12px Space Grotesk,sans-serif}.design-product-flow>b{color:var(--cyan);font-weight:400}@media (width<=1000px) and (width>=761px){.design-hero-row{grid-template-columns:1.15fr 1fr;gap:30px}.design-hero h1{letter-spacing:-2.6px;font-size:52px}.design-product-flow{gap:7px}.design-product-flow>span{padding:16px 9px}.design-stories article{padding:30px}}@media (width<=760px){.design-hero{padding-block:35px 40px}.design-lockup{margin-bottom:35px;font-size:22px}.design-hero-row{grid-template-columns:1fr;gap:12px}.design-hero h1{letter-spacing:-2px;font-size:clamp(39px,8.6vw,62px)}.design-hero-row .lead{font-size:22px}.design-preview{margin-top:30px}.design-preview-bar{padding:14px;font-size:9px}.design-preview-bar>span:last-child{display:none}.design-paths button{padding:15px 5px;font-size:9px}.design-preview>p{min-height:122px;padding:18px;font-size:12px}.design-node text{font-size:18px}.design-node .design-node-sub{font-size:13px}.design-stories,.design-faq{grid-template-columns:1fr}.design-stories article{padding:28px 22px}.design-stories article+article{border-left:0;border-top:1px solid var(--line)}.design-faq{gap:15px}.design-product-art{min-height:260px;padding:25px 15px}.design-product-flow{gap:8px}.design-product-flow>span{padding:17px 12px;font-size:11px}}.noteling-home .product-icon{object-fit:contain;width:56px;height:56px}