@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f6f5f0;--ink:#222620;--muted:#61665c;--line:#d5d7cd;--green:#314c36;--lime:#d9e8b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}button,a{transition:background-color .18s,color .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid #99622f;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:600}button{border:0}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:650;font-size:20px;letter-spacing:-.8px;display:inline-flex;align-items:center;min-height:44px}.domain{color:var(--muted);font-weight:400}.monogram{background:var(--ink);color:var(--paper);width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-family:Georgia,serif;font-size:27px;letter-spacing:-3px;border-radius:2px}.monogram span{font-family:Arial,sans-serif;font-size:16px;margin-left:3px;align-self:flex-start;line-height:26px}nav{display:flex;gap:32px;align-items:center}nav a{font-size:14px;min-height:44px;display:flex;align-items:center;gap:8px}nav a:hover,.text-link:hover,footer a:hover{color:#56763c}.nav-count{font:11px monospace;align-self:center;color:var(--muted)}.ai-link{border-left:1px solid var(--line);padding-left:28px}.hero{padding-top:56px}.eyebrow{font:500 11px/1.5 Inter,Arial,sans-serif;letter-spacing:1.6px;display:flex;gap:10px;align-items:center}.little-cross{color:#925333;font:26px/1 Georgia,serif}.hero-row{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-top:24px}h1{font-size:clamp(52px,5.9vw,84px);letter-spacing:-5px;font-weight:600;line-height:1.06}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:600;letter-spacing:-4px}.hero-aside{padding-bottom:5px;flex-shrink:0}.hero-aside p{color:var(--muted);font-size:16px;line-height:1.7}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;background:none;padding:0;font-size:14px;font-weight:600}.hero-aside .text-link{margin-top:20px}.hero-foot{display:flex;justify-content:space-between;margin-top:44px;padding:20px 0;border-top:1px solid var(--line);font:10px/1.5 monospace;letter-spacing:1px;color:var(--muted)}.featured{display:grid;grid-template-columns:39% 61%;min-height:430px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#edeee7}.feature-copy{padding:36px 36px 32px;display:flex;align-items:flex-start;flex-direction:column}.feature-copy>.eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--green)}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--green)}.product-wordmark{display:flex;gap:10px;align-items:center;font-weight:650;font-size:22px;letter-spacing:-.6px;margin:28px 0 20px}.app-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;font-weight:700;color:white}.blue{background:#2938e9}.feature-copy h2{font-size:32px;letter-spacing:-1.3px}.feature-copy p{color:var(--muted);font-size:16px;line-height:1.6;margin:16px 0 24px;max-width:350px}.solid-button{background:var(--green);color:#fff;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 20px;min-height:48px;font-size:14px;font-weight:600}.solid-button:hover{background:#223d28;transform:translateY(-2px)}.feature-category{font:10px/1.5 monospace;color:var(--muted);letter-spacing:1px;margin-top:22px}.blueprint-preview{position:relative;overflow:hidden;text-align:left;padding:28px 0 32px 36px;background:#dfe5ef;color:#334359;display:flex;flex-direction:column;justify-content:center}.preview-top{font:10px monospace;letter-spacing:1px;display:flex;justify-content:space-between;padding-right:32px;margin-bottom:24px}.preview-top>span:last-child{font-size:22px;line-height:10px}.browser-frame{width:740px;border:1px solid #a8b3c5;border-radius:8px;overflow:hidden;background:#040918;box-shadow:0 22px 40px #182f5224;transform:rotate(-2deg);transform-origin:30% 50%;transition:transform .25s}.blueprint-preview:hover .browser-frame{transform:rotate(0deg) translateY(-3px)}.browser-bar{height:28px;background:#e9edf4;display:flex;align-items:center;justify-content:space-between;color:#4c5a6e;font:9px monospace;padding:0 14px}.browser-dots{letter-spacing:2px;color:#8b99ac}.browser-frame img{width:740px;max-width:none;height:416px;object-fit:cover}.preview-caption{font-size:10px;margin-top:24px;position:relative;z-index:1}.feature-index{position:absolute;bottom:7px;right:24px;font:60px/1 Georgia,serif;color:#7a8ca0;opacity:.35}.collection{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:20px}.section-heading .eyebrow{font-size:10px;color:var(--muted)}.section-heading h2{font-size:36px;letter-spacing:-1.5px;margin-top:12px}.collection-note{font-size:13px;color:var(--muted);padding-bottom:3px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.product-card{min-width:0}.art{width:100%;height:320px;border-radius:4px;position:relative;overflow:hidden;display:block;text-align:left}.art-top{position:absolute;left:24px;top:20px;z-index:2;font:10px/1.5 monospace;letter-spacing:1px}.round-arrow{position:absolute;right:20px;bottom:20px;width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:20px;transition:transform .18s}.art:hover .round-arrow{transform:translate(2px,-2px)}.art-label{position:absolute;bottom:22px;left:24px;font:9px monospace;letter-spacing:1px;z-index:1}.clarity-art{background:#122923;color:#fff}.clarity-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.clarity-quote{position:absolute;top:67px;left:24px;font:600 31px/1.12 Georgia,serif;letter-spacing:-.5px;max-width:95%}.film-art{background:#253c2b;color:#e2ebbf}.field{position:absolute;top:30px;left:0;width:100%;height:245px}.film-footer{position:absolute;left:24px;right:24px;bottom:61px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.film-footer b{font:10px monospace;letter-spacing:1px}.play-symbol{font-size:28px}.forge-art{background:#e8d1c4;color:#5e3626}.clip-stack{position:absolute;inset:50px 60px 0;display:flex;justify-content:center}.clip{position:absolute;border-radius:7px;width:170px;height:230px;box-shadow:0 15px 20px #633c2720;overflow:hidden;padding:18px}.clip span{font:9px monospace;letter-spacing:.5px}.clip-back{background:#ae674e;color:#fff1e5;transform:rotate(-12deg) translate(-75px,15px)}.wave{height:110px;width:100%;position:absolute;top:65px;left:0;background:repeating-linear-gradient(90deg,transparent 0 6px,#ebc0a4 6px 8px);clip-path:polygon(0 44%,10% 30%,20% 40%,30% 8%,40% 25%,50% 0,60% 30%,70% 9%,80% 35%,90% 25%,100% 48%,100% 52%,90% 75%,80% 65%,70% 91%,60% 70%,50% 100%,40% 75%,30% 92%,20% 60%,10% 70%,0 56%)}.clip-front{background:#5c3026;color:#fff0df;transform:rotate(9deg) translate(40px,10px);border:1px solid #965b45}.clip-front strong{font:600 27px/1.12 Georgia,serif;display:block;margin-top:25px}.clip-time{position:absolute;bottom:17px;left:18px}.keystone-art{background:#e5e1d6;color:#5f4b2a}.arch{position:absolute;width:185px;height:203px;border:36px solid #ac9570;border-bottom:0;border-radius:100px 100px 0 0;left:50%;top:62px;transform:translateX(-50%);box-shadow:14px 16px 0 #c4baa4}.arch-inner{position:absolute;left:-36px;right:-36px;bottom:0;border-bottom:1px solid #8f7958}.key-block{width:46px;height:58px;background:#dac39b;position:absolute;top:-39px;left:35px;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);border-top:1px solid #f6e5c9}.foundation-label{position:absolute;bottom:71px;left:0;width:100%;text-align:center;font:10px monospace;letter-spacing:2px;background:#e5e1d6;padding:8px}.card-info{padding:22px 0 0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title h3{font-size:24px;letter-spacing:-.7px}.tag{font:9px/1.5 monospace;letter-spacing:.8px;border:1px solid #c3c7ba;padding:4px 8px;border-radius:3px;color:#5c6256}.card-info p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:490px}.card-info .text-link{margin-top:8px}.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:56px;display:grid;grid-template-columns:180px 1fr 30px;gap:44px;position:relative}.studio-mark{width:160px;height:160px;border:1px solid #afb6a2;border-radius:50%;display:flex;align-items:center;justify-content:center;font:85px/1 Georgia,serif;color:var(--green);letter-spacing:-9px;transform:rotate(-8deg)}.studio-mark span{font:38px Arial;margin-left:10px;align-self:flex-start;margin-top:24px}.studio-copy .eyebrow{color:var(--muted);font-size:10px}.studio-copy h2{font:600 36px/1.15 Georgia,serif;letter-spacing:-1px;margin-top:16px}.studio-copy p{color:var(--muted);max-width:610px;margin-top:16px}.studio-copy .text-link{margin-top:16px}.studio-side{writing-mode:vertical-rl;font:10px monospace;letter-spacing:2px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:32px}footer>.brand{font-size:16px}footer>span{font-size:12px;color:var(--muted)}footer>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:center}.mockup-note{background:#e9e9e1;text-align:center;padding:10px 24px;font:9px/1.5 monospace;letter-spacing:1px;color:#5b6055}.skip{position:fixed;top:8px;left:8px;z-index:9;background:var(--ink);color:white;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;max-width:900px;width:calc(100% - 32px);max-height:90vh;padding:40px;box-shadow:0 32px 80px #0003}dialog::backdrop{background:#172019a6;backdrop-filter:blur(4px)}dialog h2{font-size:42px;margin:12px 0 16px;letter-spacing:-1px}dialog>p{max-width:700px;color:var(--muted)}.close-button{position:absolute;top:10px;right:10px;width:44px;height:44px;background:transparent;font-size:28px;color:var(--ink)}.close-button:hover{background:#e5e6dc}.dialog-note{font-size:14px;margin:20px 0}.dialog-back{margin-left:24px}#dialog-visual{margin-top:24px}#dialog-visual img{border-radius:4px;width:100%;max-height:420px;object-fit:contain;background:#0c1019}body:has(dialog[open]){overflow:hidden}[hidden]{display:none}
@media(min-width:1500px){.browser-frame{width:790px}.browser-frame img{width:790px;height:444px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:64px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.hero-aside{max-width:270px}.desktop{display:none}.feature-copy{padding:28px}.feature-copy h2{font-size:28px}.featured{grid-template-columns:44% 56%}.browser-frame{width:600px}.browser-frame img{width:600px;height:338px}.collection-note{display:none}.art{height:290px}.studio{grid-template-columns:140px 1fr 20px;gap:28px}.studio-mark{width:130px;height:130px}.hero-row{gap:24px}nav{gap:20px}}
@media(max-width:800px){.header{height:88px}.brand{font-size:18px}.ai-link{display:none}.hero{padding-top:36px}.hero-row{display:block}.hero-aside{max-width:500px;margin-top:24px}.hero-aside p{max-width:420px}.hero-aside .text-link{margin-top:12px}h1{font-size:64px}.hero-foot{margin-top:28px}.featured{grid-template-columns:1fr}.feature-copy{padding:28px}.feature-copy h2{font-size:34px}.feature-copy p{max-width:540px}.product-wordmark{margin-top:22px}.feature-category{margin-top:16px}.blueprint-preview{height:410px;padding:24px 24px 24px 32px}.browser-frame{width:690px}.browser-frame img{width:690px;height:388px}.preview-top{margin-bottom:12px}.preview-caption{margin-top:18px}.collection{padding-block:56px}.art{height:260px}.clarity-quote{font-size:26px}.clip-stack{transform:scale(.85);transform-origin:center top;inset:46px 20px 0}.art-top{left:16px;font-size:8px}.art-label{left:16px;font-size:8px}.field{top:15px}.film-footer{left:16px;bottom:55px;font-size:10px}.film-footer b{font-size:8px}.arch{transform:translateX(-50%) scale(.8);transform-origin:center top}.foundation-label{bottom:52px;font-size:8px}.card-title{align-items:flex-start;flex-direction:column;gap:8px}.studio{grid-template-columns:110px 1fr;gap:24px}.studio-mark{width:105px;height:105px;font-size:64px}.studio-mark span{font-size:24px;margin-top:20px}.studio-side{display:none}.studio-copy h2{font-size:30px}.studio-copy p{font-size:16px}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.header{height:80px}nav a{font-size:12px}nav a:nth-child(2){display:none}.monogram{width:32px;height:32px;font-size:23px;margin-right:8px}.monogram span{font-size:12px}.brand{font-size:17px}.hero>.eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:44px;letter-spacing:-2.7px}.hero h1 em{letter-spacing:-2.7px}.hero-foot{font-size:8px;gap:16px}.hero-foot span:last-child{text-align:right}.feature-copy{padding:24px}.feature-copy h2{font-size:30px}.feature-copy p{font-size:16px}.blueprint-preview{height:280px;padding:20px 0 20px 20px}.browser-frame{width:465px}.browser-frame img{width:465px;height:262px}.browser-bar{height:22px;font-size:7px}.preview-top{font-size:8px}.preview-caption{font-size:8px;margin-top:16px}.feature-index{font-size:40px}.section-heading h2{font-size:30px;letter-spacing:-1.2px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.cards{grid-template-columns:1fr;gap:36px}.art{height:290px}.art-top{font-size:9px;left:20px}.clarity-quote{font-size:30px;left:20px}.art-label{font-size:8px;left:20px}.card-title{flex-direction:row;align-items:center}.card-title h3{font-size:24px}.tag{font-size:8px}.clip-stack{transform:none}.arch{transform:translateX(-50%) scale(.9)}.foundation-label{bottom:60px}.film-footer{left:20px;font-size:12px}.film-footer b{font-size:9px}.field{top:30px}.studio{display:block;padding-block:36px}.studio-mark{width:76px;height:76px;font-size:48px;margin-bottom:28px;letter-spacing:-5px}.studio-mark span{font-size:18px;margin-left:6px;margin-top:12px}.studio-copy h2{font-size:30px}footer{flex-wrap:wrap;gap:8px;padding-block:24px}footer>span{order:3;width:100%}.mockup-note{font-size:8px}dialog{padding:32px 24px}dialog h2{font-size:36px}.dialog-back{margin:16px 0 0;display:flex}.solid-button{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none}.blueprint-preview:hover .browser-frame{transform:rotate(-2deg)}}
/* Text-led connections to the broader ecosystem. */
.ecosystem{padding-block:48px 36px;border-bottom:1px solid var(--line)}.ecosystem-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.ecosystem-heading .eyebrow{font-size:11px;color:var(--muted)}.ecosystem-heading h2{font-size:30px;letter-spacing:-1px;margin-top:12px}.ecosystem-heading>p{font-size:16px;color:var(--muted);max-width:350px}.ecosystem-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.ecosystem-link{--eco-accent:#29676c;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:2px solid var(--line);padding:20px 0 12px;transition:border-color .18s}.ecosystem-link:hover{border-top-color:var(--eco-accent)}.ecosystem-category{font:11px/1.5 monospace;letter-spacing:.4px;color:var(--eco-accent)}.ecosystem-link h3{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;font-size:18px;line-height:1.35;letter-spacing:-.4px;margin-top:12px}.ecosystem-link h3>span{font-size:20px;font-weight:400;flex-shrink:0;transition:transform .18s}.ecosystem-link:hover h3>span{transform:translate(2px,-2px)}.ecosystem-link p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:12px;margin-bottom:20px}.ecosystem-domain{font:11px/1.5 monospace;color:var(--muted);margin-top:auto;overflow-wrap:anywhere}.ecosystem-academy{--eco-accent:#596b32}.ecosystem-tesseract{--eco-accent:#76538e}.ecosystem-rewired{--eco-accent:#376f57}.dialog-related{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:8px 0 24px}.dialog-related>span:first-child{font:11px/1.5 monospace;letter-spacing:1px;color:var(--muted)}.dialog-related strong{font-size:16px;font-weight:600}.dialog-related strong>span{margin-left:16px}.dialog-related:hover strong{color:var(--green)}.dialog-related[hidden]{display:none}
[data-theme=dark] .ecosystem-ideas{--eco-accent:#8de5eb}[data-theme=dark] .ecosystem-academy{--eco-accent:#c5d9a3}[data-theme=dark] .ecosystem-tesseract{--eco-accent:#cdb6e7}[data-theme=dark] .ecosystem-rewired{--eco-accent:#a5d9be}
@media(max-width:1100px){.ecosystem-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}}
@media(max-width:580px){.ecosystem{padding-block:36px 24px}.ecosystem-heading{display:block;margin-bottom:24px}.ecosystem-heading h2{font-size:28px}.ecosystem-heading>p{margin-top:16px}.ecosystem-links{grid-template-columns:1fr;gap:16px}.ecosystem-link{padding-block:20px}.ecosystem-link h3{font-size:20px}.ecosystem-link p{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.ecosystem-link,.ecosystem-link h3>span{transition:none}}