:root{--bg:#07121c;--panel:#0d1e29;--gold:#edbb57;--cream:#f5ead3;--muted:#c3c6c5;--line:#c69d5152;color:var(--cream);background:var(--bg);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 15% 45%,#182c2b60,transparent 30%),var(--bg)}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:15px;background:var(--gold);color:#000;padding:12px;z-index:99}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);background:#06111bf2;position:relative;z-index:5}.navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:85px}.brand{font:700 29px/1.2 Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}.navlinks{display:flex;gap:27px;align-items:center;font-size:13px}.navlinks a{text-decoration:none;color:#ddd9d0}.navlinks a:hover,.back:hover{color:var(--gold)}.navlinks .nav-download{border:1px solid var(--line);padding:8px 14px;border-radius:3px}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:670px;border-bottom:1px solid var(--line);background:#07121c}.hero-scene{position:absolute;right:0;top:0;width:68%;height:100%;z-index:-2}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07121c 5%,#07121cf5 23%,#07121cc9 35%,#07121c15 65%),linear-gradient(0deg,#07121c 0%,transparent 22%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:605px;align-items:center;padding-block:40px 65px;gap:20px}.back{font-size:12px;color:#c4c2b7;text-decoration:none;display:inline-block;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--gold);margin:0 0 17px}.hero h1{font:700 clamp(4.4rem,8.7vw,8.6rem)/.95 Georgia,serif;letter-spacing:-.055em;margin:0 0 15px}.hero h1 span{color:var(--gold)}.hero-script{font:italic clamp(2.3rem,4.7vw,4.4rem)/1.1 Georgia,serif;margin:0 0 22px;color:var(--cream)}.hero-script em{font:inherit;color:var(--gold)}.lead{max-width:480px;font-size:16px;line-height:1.8;color:#e7e1d4}.hero-small{font-size:13px;color:#b5bebf;margin-top:15px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--gold);background:linear-gradient(100deg,#edb94e,#ffd67c);color:#10212c;text-decoration:none;font-size:13px;font-weight:800;padding:14px 20px;border-radius:3px;box-shadow:0 8px 25px #0003;transition:transform .18s,filter .18s;min-height:49px}.button:hover{transform:translateY(-2px);filter:brightness(1.09)}.button.outline{background:#07121ca8;color:#f7d995}.button.small{font-size:12px;min-height:43px;padding:10px 14px}.micro{font-size:11px;color:#a9b2b4;margin-top:15px}.art-note{justify-self:end;align-self:end;position:relative;transform:rotate(-6deg);background:#ead6ad;color:#352a1b;padding:17px 28px 12px;box-shadow:0 8px 24px #0009;margin:0 12px 5px}.art-note p{font:italic 22px/1.2 Georgia,serif;margin:0}.pin{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#b95830;box-shadow:1px 2px 3px #0007}.pencil-line{display:block;width:80%;height:2px;background:#9d533b;transform:rotate(-3deg);margin-top:12px}.hero-bottom{display:flex;justify-content:center;gap:25px;align-items:center;position:relative;flex-wrap:wrap;padding:20px 25px;font-size:10px;letter-spacing:.2em;color:#9caaa9}.hero-bottom i{color:var(--gold);font-size:18px;line-height:1;font-style:normal}.hero-bottom strong{color:#e9d29b;font-weight:600}.section{padding-block:85px}h2{font:normal clamp(2.5rem,4.5vw,4.2rem)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 23px}h2 em{font-weight:normal;color:var(--gold)}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.story-copy p{color:var(--muted);font-size:15px;margin:0 0 18px}.margin-note{font:italic 20px/1.4 Georgia,serif;color:var(--gold);border-left:2px solid var(--line);padding:8px 0 8px 20px;margin-top:25px}.experiment{padding-top:10px;display:grid;grid-template-columns:1fr 1.08fr;gap:6%;align-items:center}.experiment h2{font-size:clamp(2rem,3.1vw,3rem)}.experiment-copy p:not(.eyebrow){color:var(--muted);max-width:420px;font-size:14px}.conflict-board{border:1px solid #b88d49;background:linear-gradient(140deg,#16302f,#0d2025);padding:24px;border-radius:7px;box-shadow:0 20px 60px #0006;transform:rotate(1deg)}.board-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:.1em;margin-bottom:23px;color:#bfcfc6}.board-status{color:#ffb08e;background:#713f2e55;border:1px solid #b569485c;border-radius:4px;padding:5px 8px;font-size:9px}.lesson-pair{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;align-items:center}.lesson-slip{padding:15px;background:#ead6b2;color:#342c23;border-left:4px solid #cf9843;box-shadow:0 6px 18px #0004;transform:rotate(-3deg);min-width:0}.lesson-slip small{display:block;font-size:8px;letter-spacing:.1em}.lesson-slip strong{font:700 25px/1.5 Georgia,serif;display:block}.lesson-slip span{font-size:10px;display:block}.lesson-slip.movable{transform:rotate(3deg);transition:transform .3s,background .3s}.collision{color:#e6a477;font:28px Georgia,serif;text-align:center}.board-actions{margin-top:24px;display:flex;gap:15px;align-items:center}.board-actions p{font:italic 15px/1.35 Georgia,serif;margin:0;color:#d6d9c7}.conflict-board.resolved .board-status{color:#c7e7b2;border-color:#88ab6255;background:#365e3b55}.conflict-board.resolved .movable{transform:rotate(0deg) translateY(4px);background:#cddcb8}.capabilities{background:linear-gradient(140deg,#0e1d26,#0a171e);border-block:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center;margin-bottom:35px}.section-heading p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:430px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{position:relative;padding:28px;min-height:190px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.cap-num{font-size:9px;letter-spacing:.2em;color:var(--gold)}.capability-grid h3{font:normal 25px/1.2 Georgia,serif;margin:12px 0}.capability-grid p{font-size:13px;color:var(--muted);margin:0}.mini-blocks{display:flex;gap:5px;margin-top:22px}.mini-blocks i{width:25px;height:13px;border:1px solid #c9a76c;background:#c9a76c20;transform:rotate(-5deg)}.mini-blocks i:nth-child(3){transform:translateY(-6px) rotate(9deg);background:#edbb57}.mini-constraint{font-size:10px;letter-spacing:.08em;color:#b5c1bc;margin-top:22px}.mini-constraint b{font-size:18px;color:var(--gold);margin-inline:13px}.mini-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:22px}.mini-tabs i{font-style:normal;border:1px solid var(--line);font-size:10px;padding:2px 8px;color:#d7c9ae}.text-link{font-size:13px;color:var(--gold);text-underline-offset:7px}.demo-cabinet{border:1px solid #9f7b40;border-radius:8px;overflow:hidden;box-shadow:0 25px 60px #0006}.cabinet-top{display:flex;align-items:center;gap:15px;background:#0e2530;border-bottom:1px solid var(--line);padding:16px 22px;font-size:9px;letter-spacing:.13em}.cabinet-top>span{margin-left:auto;color:#93a29e}.lights{display:flex;gap:5px}.lights i{width:6px;height:6px;border-radius:50%;background:#e1aa4d}.lights i:nth-child(2){opacity:.5}.lights i:nth-child(3){opacity:.25}.demo-cover{padding:45px 20px 52px;text-align:center;background:radial-gradient(ellipse at 50% 0,#32433955,transparent 70%),#0a1822}.drawer-icon{font-size:45px;font-family:Georgia,serif;color:var(--gold)}.demo-cover h3{font:normal 36px/1.2 Georgia,serif;margin:10px 0}.demo-cover p{font-size:13px;color:var(--muted)}.demo-cover .buttons{justify-content:center}.demo-cabinet iframe{width:100%;height:750px;height:min(750px,85dvh);min-height:460px;background:#fff;border:0;display:block}.demo-cabinet iframe[hidden],.demo-cover[hidden]{display:none}.takeaway{padding:75px 0;background:radial-gradient(ellipse at 80% 50%,#30403970,transparent 65%),#0c1b23;border-block:1px solid var(--line)}.takeaway-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.takeaway-grid>div>p:not(.eyebrow){max-width:440px;font-size:14px;color:var(--muted);margin-bottom:26px}.paper-note{padding:32px 36px;background:linear-gradient(130deg,#eddfbf,#d8c39d);color:#3a3327;box-shadow:0 17px 40px #0005;transform:rotate(-2deg);position:relative}.paper-note:before{content:'';width:75px;height:21px;background:#ccb78d99;position:absolute;top:-9px;left:40%;transform:rotate(5deg)}.paper-label{font-size:8px;font-weight:800;letter-spacing:.15em;color:#745d33}.paper-note h3{font:normal 25px/1.3 Georgia,serif;margin:12px 0 15px}.paper-note p{font-size:12px;line-height:1.8}.signature{font:italic 28px Georgia,serif;display:block;text-align:right;margin-top:18px}.closing{padding-block:65px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing p{font:normal 29px/1.4 Georgia,serif;margin:0}.closing em{color:var(--gold)}.footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .brand{font-size:21px}.footer p,.footer small{font-size:10px;color:#9caeaf}.footer p{margin:0}
@media(min-width:1650px){.hero-scene{width:65%}}
@media(max-width:950px){.wrap{width:calc(100% - 40px)}.navigation{min-height:75px}.brand{font-size:23px}.navlinks{gap:15px;font-size:11px}.hero-grid{grid-template-columns:1.15fr .85fr}.hero h1{font-size:6rem}.lead{font-size:14px}.story{gap:5%}.section{padding-block:60px}.experiment{gap:4%}.conflict-board{padding:17px}.board-actions{flex-direction:column;align-items:flex-start}.section-heading{gap:5%}.capability-grid article{padding:20px}.capability-grid h3{font-size:23px}.takeaway-grid{gap:6%}.paper-note{padding:25px}}
@media(max-width:650px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 32px)}.navigation{flex-direction:column;align-items:flex-start;gap:12px;padding-block:16px}.brand{font-size:24px}.navlinks{width:100%;justify-content:space-between;gap:8px;font-size:11px}.navlinks .nav-download{padding:5px 8px}.hero{min-height:0}.hero-grid{display:block;min-height:0;padding-block:24px 25px}.hero-scene{position:relative;width:100%;height:auto;aspect-ratio:3/2;z-index:0;margin-top:0;mask-image:linear-gradient(#000 75%,transparent)}.hero-scene img{object-position:center}.hero:after{display:none}.hero{display:flex;flex-direction:column}.hero-grid{order:-1}.hero-copy .back{margin-bottom:22px}.hero h1{font-size:clamp(4rem,17vw,6.4rem)}.hero-script{font-size:clamp(2.5rem,10vw,3.6rem)}.hero-script br{display:none}.hero-script em:before{content:' '}.lead{font-size:15px;max-width:100%}.hero-small{font-size:12px}.buttons{gap:9px}.hero-copy .buttons{flex-direction:column}.button{padding:13px 16px;font-size:12px;gap:14px}.art-note{display:none}.hero-bottom{padding:0 16px 22px;gap:10px;font-size:7px;letter-spacing:.12em}.hero-bottom i{font-size:13px}.story,.experiment,.section-heading,.takeaway-grid{grid-template-columns:1fr;gap:22px}.section{padding-block:45px}h2{font-size:2.55rem}.story-copy p{font-size:14px}.margin-note{font-size:19px}.experiment{padding-top:0;gap:22px}.conflict-board{transform:none;padding:16px}.board-top{gap:8px;font-size:9px}.lesson-pair{gap:6px;grid-template-columns:1fr 14px 1fr}.lesson-slip{padding:12px 10px}.lesson-slip strong{font-size:23px}.lesson-slip span{font-size:9px}.board-actions{align-items:stretch;gap:13px}.board-actions p{text-align:center}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article{padding:18px 14px;min-height:0}.capability-grid h3{font-size:21px}.capability-grid p{font-size:12px}.cap-num{font-size:8px}.mini-constraint{font-size:8px}.mini-constraint b{margin-inline:5px}.mini-blocks i{width:17px}.section-heading{margin-bottom:25px}.cabinet-top{padding:14px 10px;font-size:8px;gap:8px}.cabinet-top>span{display:none}.demo-cover{padding:24px 15px 32px}.demo-cover h3{font-size:29px}.demo-cover .buttons{flex-direction:column}.takeaway{padding-block:45px}.paper-note{transform:none;margin-top:18px;padding:25px}.closing{padding-block:42px;display:block}.closing p{font-size:26px;margin-bottom:20px}.footer{gap:12px;align-items:flex-start;flex-direction:column}.footer .brand{font-size:22px}}
@media(max-width:360px){.capability-grid{grid-template-columns:1fr}.navlinks{font-size:10px}.board-top{letter-spacing:0}.board-status{font-size:8px;padding:4px}.lesson-slip small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.builder-hero h1{font-size:clamp(4.2rem,7.6vw,7.4rem);line-height:.85;margin-bottom:25px}.builder-hero .hero-script{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.22}.builder-hero .hero-grid{padding-block:30px 55px}.builder-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.builder-tags span{font-size:9px;padding:3px 7px;border:1px dashed #d9ae5980;color:#dfc99d}.column-motif{display:grid;grid-template-columns:1fr 2fr;gap:7px;height:24px;margin-top:22px;max-width:180px}.column-motif i{border:1px solid #b99955;background:#bd9e5415}.builder-demo-frame{display:block;width:100%;height:760px;border:0;background:#061426}.builder-hero .hero-scene img{object-position:58% center}@media(max-width:650px){.builder-hero h1{font-size:clamp(4.3rem,20vw,6.5rem)}.builder-hero .hero-script{font-size:1.95rem}.builder-hero .hero-script br{display:block}.builder-hero .hero-grid{padding-block:24px 30px}.builder-demo-frame{height:1100px}.builder-hero .hero-scene img{object-position:center}}