:root{color-scheme:dark;--bg:#0b1014;--panel:#111b22;--fg:#e8eeeb;--muted:#aab8c0;--line:#34434b;--teal:#0ed6de;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(54px,6.8vw,104px)}h2{font-size:clamp(38px,4.3vw,66px)}h3{font-size:26px;letter-spacing:-.025em}p{max-width:60ch}small,.small{font-size:14px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow,.status,.step,.score-top,.score figcaption,.surface-label,.project-number{font:14px/1.5 var(--mono)}.eyebrow{letter-spacing:.06em;color:var(--muted);display:block;margin-bottom:28px}.accent{color:var(--teal)}.review-note{padding:9px 4.5%;background:#20303a;color:#c7d9e1;font:12px/1.5 var(--mono);display:flex;justify-content:space-between;gap:20px}.review-note a{text-decoration:underline}.skip{position:absolute;left:20px;top:-100px;background:var(--fg);color:var(--bg);padding:12px;z-index:9}.skip:focus{top:50px}.site-header{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:0 4.5%}.wordmark{font-size:27px;letter-spacing:-.05em;white-space:nowrap;font-weight:500}.wordmark-dot{color:var(--teal)}.mark{font-size:42px;vertical-align:-4px;margin-right:9px;color:var(--teal)}nav{display:flex;gap:34px}nav a{padding:10px 0}main{max-width:1680px;margin:auto}.hero{padding:60px 4.5% 44px}.home-hero{position:relative;overflow:hidden;padding-bottom:0}.home-hero h1{position:relative;z-index:1}.home-hero h1 span{color:var(--muted)}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:50px;margin:38px 0 4px}.hero-bottom p{font-size:19px;max-width:510px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 22px;background:var(--fg);color:var(--bg);font-weight:500;min-height:54px}.button:hover{background:#fff;text-decoration:none}.cauce-wrap{position:relative;height:190px;isolation:isolate}.cauce{position:absolute;inset:0;background:#07080d url('assets/cauce-static.png') center/100% 100% no-repeat}.cauce canvas{width:100%;height:100%;opacity:.5;display:block}.motion{position:absolute;right:0;bottom:12px;z-index:1;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:#0b1014;color:var(--muted);font:14px var(--mono);cursor:pointer}.motion:hover{border-color:var(--fg);color:var(--fg)}.section{margin:0 4.5%;padding:80px 0;border-top:1px solid var(--line)}.catalog-label,.feature-heading,.product-heading{display:flex;justify-content:space-between;gap:60px}.catalog-label .eyebrow{margin-bottom:34px}.status{display:inline-block;color:#bdcdc7}.status:before{content:' ';display:inline-block;width:6px;height:6px;background:#bdcdc7;border-radius:100%;margin:0 9px 2px 0}.feature-heading{align-items:flex-end}.feature-heading>div{max-width:400px}.feature-heading p{font-size:19px;margin-bottom:20px}.text-link{display:inline-block;border-bottom:1px solid var(--fg);padding:5px 0}.score{margin-top:48px}.score-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line)}.score-mobile{display:none}.score svg{width:100%;height:auto;display:block}.score figcaption{color:var(--muted);padding-top:14px;font-size:14px}.systems{display:flex;gap:24px;margin-top:35px}.systems span{font:15px var(--mono);border-bottom:2px solid var(--system);padding:0 8px 10px;color:var(--fg)}.studio{display:grid;grid-template-columns:1fr 1fr;gap:32px 80px}.studio .eyebrow{grid-column:1/-1;margin:0}.studio p{font-size:20px;margin-bottom:20px}.credit{padding:60px 4.5% 70px;background:#111a20}.credit .eyebrow{margin-bottom:18px}.credit p{font-size:18px;margin-bottom:16px}footer{padding:45px 4.5%;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;border-top:1px solid var(--line)}footer p{text-align:right;color:var(--muted)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}footer small{text-align:right;font-family:var(--mono)}.product-heading{align-items:flex-end}.product-intro{width:330px;flex-shrink:0}.product-intro p{font-size:23px;margin:25px 0}.product-intro .button{width:100%}.subtle-link{display:block;font-size:14px;text-decoration:underline;margin-top:14px}.lead{font-size:22px;margin-top:40px;max-width:850px}.section-title{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}.section-title h2{max-width:760px;flex:1}.section-title .eyebrow{width:26%;flex-shrink:0}.demos>.muted{margin-left:30%;margin-bottom:40px}.demo-row{padding:25px 0;display:grid;grid-template-columns:60px 1fr auto;gap:24px;border-top:1px solid var(--line);align-items:center}.demo-row h3{font-size:25px;margin-bottom:9px}.demo-row p{color:var(--muted)}.demo-index{font:16px var(--mono);color:var(--teal)}.pending{font:14px var(--mono);color:var(--muted);border:1px solid var(--line);padding:9px 12px}.demos>.small{margin-top:20px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid article{padding-top:24px;border-top:1px solid var(--line)}.step{display:block;margin-bottom:30px;color:var(--teal)}.process-grid h3{margin-bottom:20px}.process-grid p{color:var(--muted)}.states{display:flex;gap:16px;margin-top:25px;font-size:14px}.states b{display:block;font:18px var(--mono);color:var(--fg)}.practical{display:grid;grid-template-columns:1fr 1fr;gap:90px}.practical h2{margin-bottom:28px}.practical p{color:var(--muted)}dl{margin:0}dl>div{padding:22px 0;border-top:1px solid var(--line)}dt{font:14px var(--mono);color:var(--muted);margin-bottom:9px}dd{margin:0}.signal{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:25px;font-size:14px}.signal strong{border:1px solid var(--line);padding:10px;font-weight:400}.support h2{margin-bottom:45px}details{border-top:1px solid var(--line)}summary{padding:22px 30px 22px 0;font-size:19px;cursor:pointer}details p{padding:0 0 28px;color:var(--muted)}.direction-b{--bg:#101518;--panel:#182226;--teal:#aebfff}.direction-b .wordmark-dot{color:#0ed6de}.direction-b h1{font-size:clamp(55px,6.5vw,98px)}.direction-b h1 i{font-family:Georgia,serif;font-weight:400;color:#aebfff}.direction-b h2{font-size:clamp(34px,3.5vw,54px)}.b-intro{display:grid;grid-template-columns:43% 57%;border-bottom:1px solid var(--line)}.b-manifesto{padding:65px 10.5% 70px}.b-manifesto p{margin:38px 0 25px;max-width:390px;font-size:20px;color:var(--muted)}.b-project{padding:35px 8% 50px;background:#182226;border-left:1px solid var(--line);position:relative}.project-number,.surface-label{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.b-project .cauce-wrap{height:150px;margin:15px -4% 15px}.b-project .cauce{background-color:#101518}.project-name{display:block;position:relative}.project-name .eyebrow{margin-bottom:20px}.project-name h2{font-size:clamp(44px,4.3vw,66px);padding-right:50px}.circle-arrow{position:absolute;right:0;bottom:5px;font-size:40px;color:#aebfff}.b-project .score{margin-top:38px}.b-project .score-top{display:none}.b-project>p{margin-top:35px;color:#bac8cf}.b-index>a{display:grid;grid-template-columns:60px 1fr 40px;gap:20px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.b-index>a>span{color:#aebfff;font:20px var(--mono)}.b-index>a h2{font-size:clamp(27px,3vw,44px)}.direction-b .studio{background:#101518}.b-product-hero{display:grid;grid-template-columns:44% 56%}.b-product-title{padding:70px 10%}.b-product-title h1{font-size:clamp(42px,4.5vw,72px)}.b-product-title p{font-size:23px;margin:32px 0}.b-product-title .button{margin-top:35px;display:flex}.b-score-surface{background:#182226;padding:45px 8%;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.b-score-surface .score-top{display:none}.b-score-surface .score{margin:30px 0 50px}.b-score-surface p{margin:35px 0 20px;color:var(--muted)}.b-score-surface .text-link{align-self:flex-start}.direction-b .process-grid{grid-template-columns:1fr}.direction-b .process-grid article{display:grid;grid-template-columns:22% 27% 1fr;gap:25px}.direction-b .process-grid .states{grid-column:3;margin-top:0}.direction-b .section-title{display:block}.direction-b .section-title .eyebrow{width:auto}.direction-b .demos>.muted{margin-left:0}.direction-b .demo-row{background:#182226;padding:25px 24px}.direction-b .demo-row+.demo-row{margin-top:15px}.direction-b .credit{background:#182226}@media(min-width:1650px){.home-hero h1{font-size:110px}}@media(max-width:800px){.review-note{font-size:11px;display:block}.review-note a{display:block;margin-top:5px}.site-header{height:88px}nav{gap:20px;font-size:14px}.wordmark{font-size:24px}.mark{display:none}.hero{padding-top:40px}.home-hero h1{font-size:clamp(50px,8.8vw,75px)}.hero-bottom{display:block;margin-top:30px}.hero-bottom p{font-size:18px;margin-bottom:24px}.cauce-wrap{height:160px}.section{padding:52px 0}.feature-heading,.product-heading,.section-title{display:block}.feature-heading>div{margin-top:25px;max-width:560px}.score{margin-top:30px}.systems{gap:12px;flex-wrap:wrap}.systems span{padding-left:5px;padding-right:5px}.studio,.practical{grid-template-columns:1fr;gap:30px}.studio .eyebrow{grid-column:auto}.studio p{font-size:18px}.credit{padding-top:42px;padding-bottom:42px}.credit p{font-size:16px}.product-intro{width:auto;margin-top:30px}.product-intro .button{width:auto}.product-intro p{font-size:22px}.product h1{font-size:clamp(48px,8.6vw,68px)}.section-title .eyebrow{width:auto}.demos>.muted{margin-left:0}.process-grid{grid-template-columns:1fr;gap:32px}.process-grid h3{margin-bottom:15px}.step{margin-bottom:18px}.demo-row{grid-template-columns:35px 1fr;gap:15px}.pending{grid-column:2;justify-self:start}.demo-row h3{font-size:24px}.practical{gap:40px}.b-intro,.b-product-hero{grid-template-columns:1fr}.b-manifesto,.b-product-title{padding:45px 5%}.b-manifesto h1{font-size:76px}.b-project{border-left:0;border-top:1px solid var(--line);padding:28px 5% 45px}.b-project .cauce-wrap{margin:0}.b-project .score{margin-top:24px}.b-project .score svg{min-width:0}.b-score-surface{padding:30px 5%;border-left:0}.b-score-surface .score{margin:20px 0 35px}.direction-b .process-grid article{grid-template-columns:1fr;gap:0}.direction-b .process-grid .states{grid-column:auto;margin-top:20px}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}.footer-links{gap:20px}.score-top{font-size:12px}.score-top span:last-child{display:none}}@media(max-width:600px){.score-wide{display:none}.score-mobile{display:block}.cauce-wrap{height:130px}.cauce{background-size:100% 80px}.cauce canvas{height:80px;margin-top:15px}.site-header{height:auto;min-height:105px;flex-wrap:wrap;padding:15px 0;gap:8px 20px}.site-header nav{gap:22px}.score figcaption{font-size:14px}}@media(max-width:420px){nav{gap:13px}.site-header{margin:0 5%}h1{font-size:48px}.home-hero h1{font-size:49px}.home-hero .eyebrow{font-size:12px}h2{font-size:39px}.hero,.credit,footer{padding-left:5%;padding-right:5%}.section{margin-left:5%;margin-right:5%}.catalog-label{display:block}.catalog-label .eyebrow{margin-bottom:8px}.catalog-label .status{margin-bottom:22px}.score svg{height:155px;object-fit:cover}.score figcaption{font-size:14px}.b-manifesto h1{font-size:67px}.b-index>a{grid-template-columns:30px 1fr 24px;gap:10px}.b-index>a h2{font-size:27px}.surface-label{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* User-supplied device renders: CSS framing only, original pixels unchanged. */
.render-crop{position:relative;overflow:hidden;background:#07080d;width:100%;isolation:isolate}
.render-crop img{position:absolute;display:block;height:auto;max-width:none;pointer-events:none}
.render-mobile{display:none}
.device-hero figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.device-hero figcaption a{display:inline-block;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.device-hero .render-crop{margin-top:14px}
.interface-overview{margin-bottom:58px}
.image-heading{display:flex;align-items:baseline;gap:26px;margin-bottom:14px}
.image-heading .step{margin:0;white-space:nowrap}
.image-heading h3{font-size:28px}
.interface-overview>p{margin-bottom:26px}
.device-scroll{max-width:100%;overflow-x:auto;background:#07080d;scrollbar-color:#718691 #10191f}
.device-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.device-scroll img{width:100%;min-width:1030px;max-width:none;height:auto;display:block}
.interface-gallery figcaption{font-size:14px;color:var(--muted);padding-top:16px;line-height:1.6}
.interface-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.interface-pair figure{min-width:0}
.interface-pair .image-heading{display:block;margin-bottom:25px}
.interface-pair .step{margin-bottom:13px}
.pan-hint{display:none}
.render-note{margin-top:36px}
.render-note summary{font-size:16px;color:var(--muted)}
.render-note p{font-size:15px;max-width:90ch}
.direction-b .b-score-surface .score{margin-bottom:32px}
@media(max-width:1100px){.pan-hint{display:block;margin-top:8px}}
@media(max-width:800px){.interface-pair{grid-template-columns:1fr;gap:40px}.interface-overview{margin-bottom:40px}.image-heading{display:block}.image-heading .step{margin-bottom:14px}}
@media(max-width:600px){.render-desktop{display:none}.render-mobile{display:block}.device-hero figcaption{display:block}.device-hero figcaption a{margin-top:10px}.image-heading h3{font-size:26px}}

/* Product narrative: a concrete example before the controls, then SEQ. */
.story-intro{font-size:21px;max-width:72ch;margin:0 0 42px}
.story-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.story-steps li,.sequence-actions article{padding-top:24px;border-top:1px solid var(--line)}
.story-steps h3,.sequence-actions h3{margin-bottom:18px}
.story-steps p,.sequence-actions p{color:var(--muted)}
.relation-story>.small,.sequence-story>.small{margin-top:32px}
.sequence-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.control-name{font-family:var(--mono);font-size:.85em;color:var(--fg);white-space:nowrap}
.system-definitions{display:grid;grid-template-columns:1fr 1fr;gap:0 52px}
.system-definitions>div{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:baseline;padding:21px 0}
.system-definitions dt{font:18px var(--mono);color:var(--fg);border-bottom:2px solid var(--system);padding:0 0 8px;margin:0;text-align:center}
.system-definitions dd{color:var(--muted)}
.session-facts{padding-left:20px;margin:24px 0 0;max-width:60ch;color:var(--muted)}
.session-facts li{margin-bottom:15px}
@media(max-width:800px){.story-steps,.sequence-actions,.system-definitions{grid-template-columns:1fr;gap:30px}.system-definitions{gap:0}.story-intro{font-size:19px}.story-steps .step{margin-bottom:18px}}

.release-preview{padding:10px 5%;background:#20303a;color:#e8eeeb;font:12px/1.5 var(--mono)}.legal-page{min-height:65vh}.legal-page .section{max-width:850px}.legal-page h1{font-size:clamp(42px,7vw,80px);margin-bottom:32px}.legal-page h2{font-size:30px;margin:42px 0 18px}.legal-page p{margin-bottom:24px}.legal-page .button{overflow-wrap:anywhere;max-width:100%}.draft-note{padding:20px;border:1px solid var(--line)}
/* A continuous atmospheric layer, never a panel or a pointer target. */
body.direction-a { isolation: isolate; }
.page-waves { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: .5; filter: blur(1px); }
.direction-a .home-hero { padding-bottom: clamp(90px, 16vh, 180px); }
.waves-toggle { position: fixed; right: 20px; bottom: 18px; z-index: 10; border: 1px solid #51636c; border-radius: 30px; padding: 8px 14px; background: #0b1014ed; color: var(--muted); font: 11px/1.5 var(--mono); cursor: pointer; }
.waves-toggle:hover { color: var(--fg); border-color: var(--fg); }
.waves-toggle[hidden] { display: none; }
.direction-a footer { padding-bottom: 86px; }
@media (max-width: 600px) {
  .page-waves { opacity: .5; }
  .waves-toggle { right: 14px; bottom: 12px; }
  .direction-a .home-hero { padding-bottom: 100px; }
}