header,main{max-width:1400px}.landing{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;padding:45px 0 70px}.landing h1{font-size:clamp(54px,6.5vw,94px)}.hero-board{margin:0;background:#1b2227;border:1px solid #333e42;border-radius:4px;overflow:hidden;box-shadow:18px 18px 0 #d8d9ce50}.hero-board img{display:block;width:100%;height:440px;object-fit:contain}.hero-board figcaption{padding:18px;color:#c4cdc6;font:10px ui-monospace,monospace;letter-spacing:2px}.dot-title{display:block;background-image:radial-gradient(circle,var(--red) 1.4px,transparent 1.7px);background-size:5px 5px;background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:8px}.capabilities{display:flex;justify-content:space-between;gap:16px;padding:25px 0;border-block:1px solid var(--border);font:11px ui-monospace,monospace;letter-spacing:1px}.section-title{font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.08;margin:20px 0 25px}#projects,#workflow{padding-top:85px;scroll-margin-top:30px}.story{display:grid;grid-template-columns:.65fr 1fr;gap:55px;padding:65px 0;border-bottom:1px solid var(--border)}.story h2{font-size:34px;font-weight:500;margin:12px 0 20px}.story-heading p,.story-heading li{color:var(--muted)}.story-heading ol{padding-left:20px;font-size:14px}.story-heading li{padding:7px 0}.gallery{min-width:0}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.tabs button{font:12px ui-monospace,monospace;padding:10px 13px}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.image-link{display:flex;background:#fffdf7;border:1px solid var(--border);height:430px;padding:14px;align-items:center;justify-content:center}.image-link img{max-width:100%;max-height:100%;object-fit:contain}.review-note{border-left:2px solid var(--red);padding-left:15px;font-size:12px}.notes h3{font-size:23px;font-weight:500}html[data-motion=on] .dot-title{animation:type-erase 9s steps(20,end) infinite}html[data-motion=on] .blueprint .signals{stroke-dasharray:2 198;stroke-width:4;stroke-linecap:round;animation:travel 13s linear infinite}html[data-motion=on] .blueprint .orbit{animation:none}@keyframes travel{to{stroke-dashoffset:-1000}}@keyframes type-erase{0%,100%{clip-path:inset(0 100% 0 0);transform:translateY(0)}30%,70%{clip-path:inset(0);transform:translateY(0)}34%{transform:translateY(-3px)}38%{transform:translateY(0)}}@media(max-width:900px){.landing,.story{grid-template-columns:1fr;gap:25px}.landing{padding-top:15px}.hero-board img{height:340px}.capabilities{flex-wrap:wrap}.story{padding:40px 0}.image-link{height:340px}header nav{gap:12px}header{flex-wrap:wrap}.landing h1{font-size:64px}}@media(prefers-reduced-motion:reduce){html[data-motion=on] .dot-title,html[data-motion=on] .blueprint .signals{animation:none}}
/* Shared website and download experience. */
:root{--orange:#dd7029}header{position:sticky;top:0;z-index:20;background:#f7f5edf5;backdrop-filter:blur(14px);padding-top:14px;padding-bottom:14px;min-height:80px}main{padding-top:18px}.landing{padding-top:8px;padding-bottom:38px}.landing h1{margin-top:12px;font-size:clamp(48px,5.8vw,82px)}header nav{gap:12px}header nav a{padding:9px 12px;border-radius:7px;font-weight:600}header nav a:hover{background:#df70291a}.nav-download,.nav-home{border:1px solid #202823!important;background:#202823;color:#fff!important}.button.primary{background:#202823;border-color:#202823}.button.secondary{border-width:1.5px}.blueprint{opacity:.3}.orange-rain{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.23;mask-image:linear-gradient(#000a,#0005)}.orange-rain i{position:absolute;left:calc(var(--column)*3.7%);top:-65%;width:3px;height:65%;background:radial-gradient(circle,#e77528 1.3px,transparent 1.8px) 0 0/3px 14px;mask-image:linear-gradient(transparent,#000);opacity:.6;transform:translateY(0)}html[data-motion=on] .orange-rain i{animation:dot-rain var(--speed) linear var(--delay) infinite}html[data-motion=on] .wordmark{animation:brand-write 10s steps(25,end) infinite}html[data-motion=on] .hero-frame{animation:none}@keyframes dot-rain{to{transform:translateY(270vh)}}@keyframes brand-write{0%,100%{clip-path:inset(0 100% 0 0)}25%,75%{clip-path:inset(0)}}
.hero-workflow{min-width:0;padding:22px;background:#ffffffb8;border:1px solid var(--border);border-radius:14px}.hero-workflow>.eyebrow{font-size:10px}.design-stage{position:relative;height:420px;border:1px solid var(--border);background:#fffdf8;border-radius:10px;overflow:hidden;isolation:isolate}.design-stage.loading:after{content:'Loading view…';position:absolute;bottom:12px;left:12px;padding:7px 12px;background:#fffefaeb;border:1px solid var(--border);border-radius:7px;font-size:12px;pointer-events:none}.image-viewport{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.design-image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;cursor:grab;transition:opacity .18s ease}.design-image:active{cursor:grabbing}model-viewer{width:100%;height:100%;display:block;background:linear-gradient(145deg,#eff0e5,#d7ded0);--progress-bar-color:var(--orange)}.viewer-controls,.project-downloads{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.viewer-controls button,.asset-download{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid #a6aea1;border-radius:6px;background:#fffef7;font:12px ui-monospace,monospace;text-decoration:none;color:var(--ink)}.asset-download{border-color:var(--ink);font-weight:600}.asset-download:hover,.viewer-controls button:hover{background:#ffe8d5;border-color:#ab4e17}.viewer-status{font:11px/1.6 ui-monospace,monospace;color:var(--muted);min-height:36px}.tabs button{flex:1;transition:background-color .18s}.tabs{flex-wrap:nowrap}.build-story{border-block:1px solid var(--border);margin:22px 0;padding:16px 0}.build-story summary{cursor:pointer;font-size:14px;font-weight:650}.build-story summary::marker{color:var(--orange)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0 60px}.feature-grid article{border-top:2px solid #d97332;padding:20px 0}.feature-grid span{font:11px ui-monospace,monospace;color:#a44d19}.feature-grid h3{font-size:23px;font-weight:550}.feature-grid p{font-size:15px;color:var(--muted)}#features,#downloads{scroll-margin-top:110px}#features{padding-top:65px}.design-dialog{width:96vw;max-width:1600px;max-height:96vh;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--ink)}.design-dialog::backdrop{background:#101814d9;backdrop-filter:blur(5px)}.dialog-close{display:block;margin:0 0 14px auto;background:var(--ink);color:white}.design-dialog .design-stage{height:65vh}.design-dialog .viewer-controls{justify-content:center}.dialog-body .gallery{width:100%}.design-dialog .tabs{max-width:650px;margin-inline:auto}.design-dialog .viewer-status{text-align:center}.design-dialog .viewer-controls button:first-child{display:none}
@media(max-width:900px){header{padding:12px 20px;gap:10px}header nav{gap:4px}header nav a{padding:7px 9px;font-size:11px}.feature-grid{grid-template-columns:1fr 1fr}.hero-workflow{padding:16px}.design-stage{height:330px}.viewer-controls{gap:6px}.viewer-controls button,.asset-download{font-size:11px}.tabs button{padding:10px 6px;font-size:11px}.design-dialog{padding:12px}.design-dialog .design-stage{height:56vh}}@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.landing h1{font-size:54px}.brand .wordmark{width:125px}.landing{padding-bottom:25px}.orange-rain{opacity:.17}}@media(prefers-reduced-motion:reduce){html[data-motion=on] .orange-rain i,html[data-motion=on] .wordmark{animation:none}.design-image,.tabs button{transition:none}}
/* Keep the first screen compact and make the orange signal rain visible. */
.landing{align-items:start}.landing>div:first-child{padding-top:18px}.orange-rain{opacity:.44}.orange-rain i{width:4px;background-size:4px 14px;opacity:.75}.design-dialog .gallery{margin:0}html[data-motion=off] .orange-rain i{top:0;transform:none;opacity:.22}
/* Navigation, calls to action and section boundaries. */
header nav a{border:1px solid #c7cbbf;background:#fffdf5;white-space:nowrap;box-shadow:0 2px 0 #18201f08}header nav a:hover{border-color:#ac511c;background:#ffe5ce}header nav .nav-download{background:#ce6121!important;border-color:#a94412!important;color:#fff!important;padding-inline:20px;box-shadow:0 3px 0 #a9441233}.button.primary{background:#bd531a;border-color:#a94412;box-shadow:0 4px 0 #a9441226}.button.primary:hover{background:#a94412}.button.secondary{background:#fffdf7}.button{font-size:15px}.orange-rain{opacity:.5}.orange-rain i{filter:drop-shadow(0 0 2px #ed7c2933)}#projects,#features,#workflow{border-top:1px solid #aeb5a4;margin-top:35px;padding-top:55px}#projects>.eyebrow,#features>.eyebrow,#workflow>.eyebrow{display:inline-block;background:#ffe1c9;color:#8c3c10;border:1px solid #e9b58f;padding:8px 12px;border-radius:4px}.story{border-bottom:1px solid #b8beaf}.story+.story{padding-top:60px}.download#downloads{border:1px solid #d3966d;border-left:5px solid #ce6121;background:#fff3e7;margin-top:70px;padding:35px}.download#downloads h2{font-size:34px}header .wordmark{min-width:100px}#workflow{padding-bottom:20px}.feature-grid article{background:#fffefa99;border:1px solid #d8d9ce;border-top:3px solid #d97332;border-radius:5px;padding:24px}.story-heading .project-downloads{padding:15px 0;border-top:1px solid var(--border)}@media(max-width:720px){header{position:relative}header nav{width:100%;justify-content:flex-start;gap:7px}header nav a{font-size:11px;padding:7px 10px}#projects,#features,#workflow{padding-top:35px}.download#downloads{padding:25px 20px}.download#downloads h2{font-size:28px}.landing>div:first-child{padding-top:0}}@media(prefers-reduced-motion:reduce){.orange-rain{display:none}}