:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#efefef;background:#080808;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:96px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282828}.wordmark{font-size:28px;letter-spacing:-1.5px}nav{display:flex;align-items:center;gap:36px;font-size:12px;color:#c0c0c0}.nav-action{border:1px solid #626262;border-radius:30px;padding:11px 19px;color:#eee;background:transparent}.nav-action span{margin-left:18px}.hero{min-height:730px;position:relative;padding:34px 4.5% 0;display:flex;flex-direction:column}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aaa}.hero-top>span:last-child{text-align:right;color:#ddd}.brand-art{position:relative;width:min(650px,82vw);aspect-ratio:600/410;overflow:hidden;margin:-12px auto -7px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.brand-art img{position:absolute;width:209%;max-width:none;left:-58.333%;top:-29.268%}.hero-invitation{text-align:center;margin:0 auto 56px}.hero-invitation p{font-size:19px;line-height:1.5;color:#c2c2c2;margin:0 0 23px}.primary{border:1px solid #eee;border-radius:40px;background:#ececec;color:#131313;display:inline-flex;gap:40px;justify-content:space-between;align-items:center;padding:15px 26px;min-height:52px;font-size:13px;transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.demo-note{display:block;font-size:10px;color:#999;margin-top:13px}.hero-bottom{margin-top:auto;border-top:1px solid #303030;padding:22px 0}.hero-bottom a{letter-spacing:0;font-size:12px;color:#c9c9c9}.hero-bottom a span{margin-left:22px}.exchange,.principles{padding:76px 7% 90px}.section-label{font-size:10px;letter-spacing:2px;display:flex;gap:30px;color:#bbb}.section-label span{letter-spacing:0;color:#8d8d8d}.exchange-heading{display:flex;justify-content:space-between;align-items:end;margin:43px 0 46px;gap:40px}h2{font-weight:400;letter-spacing:-3px;font-size:64px;line-height:1.08;margin:0}h2 span{color:#888}.exchange-heading>p{font-size:15px;color:#aaa;line-height:1.8;margin:0 20px 4px 0}.steps{border-top:1px solid #393939;display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;padding-top:30px}.steps article{display:flex;gap:20px}.step-number{font-size:10px;color:#888;padding-top:6px}h3{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:0 0 14px}.steps p{font-size:13px;color:#aaa;line-height:1.85;margin:0;max-width:270px}.principles{background:#e5e5e2;color:#161616;padding-top:54px}.principles .section-label{color:#575757}.principles-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;margin-top:46px}.principles h2{font-size:59px}.boundary-rows details{border-top:1px solid #aaa;padding:21px 0}.boundary-rows details:last-child{border-bottom:1px solid #aaa}summary{cursor:pointer}.boundary-rows summary{list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:15px}.boundary-rows summary::-webkit-details-marker{display:none}.boundary-rows summary span{font-size:18px;line-height:1}.boundary-rows p{color:#4f4f4f;font-size:13px;line-height:1.8;margin-bottom:0}.closing{padding:86px 7%;position:relative}.closing>p{font-size:10px;letter-spacing:3px;color:#aaa;margin:0 0 30px}.closing h2{font-size:clamp(80px,10vw,145px);letter-spacing:-7px}.closing .primary{position:absolute;right:7%;bottom:100px}.verification{margin:0 7% 30px;color:#999;font-size:11px}.verification p{max-width:700px}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #333;margin:0 4.5%;padding:26px 0 38px;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:10px;color:#999;letter-spacing:1px}footer>span:first-of-type{letter-spacing:3px}dialog{border:1px solid #4c4c4c;background:#101010;color:#eee;width:min(620px,calc(100% - 32px));max-height:90dvh;padding:24px 36px 32px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aaa}.close{background:transparent;border:0;color:#eee;font-size:29px;width:44px;height:44px}dialog h2{font-size:36px;letter-spacing:-1.5px;margin:20px 0 12px}.note{font-size:11px;color:#aaa;line-height:1.7}.prompt{font-size:14px;letter-spacing:0;margin-top:30px}blockquote{margin:18px 0 22px;padding:24px 0;border-block:1px solid #3b3b3b;font-size:24px;line-height:1.5;letter-spacing:-.5px}.fixture-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aaa;gap:15px}select{background:#171717;color:#eee;border:1px solid #555;padding:9px;font-size:12px;max-width:180px}.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;margin:20px 0}.check input{accent-color:#ddd;width:18px;height:18px;margin:1px 0;flex-shrink:0}.check small{display:block;font-size:11px;color:#aaa;margin-top:6px}.choices{border-block:1px solid #383838;padding:15px 0;margin-bottom:25px}.choices summary{font-size:12px}.choices summary>span{float:right;color:#999;font-size:10px}dialog .primary{width:100%}.secondary{width:100%;padding:14px;border:1px solid #666;background:transparent;color:#eee;margin-top:18px;border-radius:30px}button:disabled{opacity:.4;cursor:wait}#message,#result-copy{font-size:13px;color:#ccc}#message:empty{display:none}#founder{padding-block:20px}#code{font-family:monospace;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:2px solid #929292;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){main,header,footer{max-width:1600px;margin-inline:auto}.hero{min-height:790px}.brand-art{width:720px}}
@media(max-width:900px){nav{gap:22px}.exchange,.principles{padding-inline:5%}h2{font-size:50px}.steps{gap:25px}.steps article{display:block}.step-number{display:block;margin-bottom:12px}.principles h2{font-size:48px}.hero{min-height:720px}.brand-art{margin-top:15px}.principles-layout{gap:6%}}
@media(max-width:600px){header{height:78px;padding-inline:6%}.wordmark{font-size:25px}nav>a{display:none}.nav-action{font-size:10px;padding:10px 14px}.nav-action span{margin-left:10px}.hero{padding:24px 6% 0;min-height:650px}.hero-top{font-size:8px;letter-spacing:1.4px}.hero-top>span:first-child{max-width:140px}.brand-art{width:100%;margin:49px auto 24px}.hero-invitation{margin-bottom:56px}.hero-invitation p{font-size:17px}.hero-bottom{font-size:8px;letter-spacing:1px;align-items:center}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:10px}.exchange,.principles{padding:48px 6%}.section-label{font-size:9px;letter-spacing:1.3px;gap:15px}.exchange-heading{display:block;margin:30px 0}h2{font-size:43px;letter-spacing:-2px}.exchange-heading>p{margin-top:22px;font-size:13px}.steps{display:block;padding-top:0}.steps article{display:flex;padding:24px 0;border-bottom:1px solid #333;gap:25px}.step-number{margin:0}.steps h3{font-size:24px;margin-bottom:10px}.steps p{max-width:none}.principles-layout{display:block;margin-top:30px}.principles h2{font-size:46px;margin-bottom:35px}.boundary-rows summary{font-size:14px}.closing{padding:55px 6%}.closing h2{font-size:82px;letter-spacing:-4px}.closing .primary{position:static;margin-top:32px}.closing>p{font-size:9px;letter-spacing:2px}.verification{margin-inline:6%}footer{margin-inline:6%;flex-wrap:wrap;gap:20px}footer>span:last-child{width:100%}footer>span:first-of-type{letter-spacing:1px}dialog{padding:17px 22px 27px}dialog h2{font-size:30px}blockquote{font-size:21px}.fixture-label{align-items:start;flex-direction:column;gap:8px}.fixture-label select{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.brand-art{mask-image:none}
/* The entry is intentionally sparse; the supplied brand mark remains unchanged. */
:root{background:#080808}
header{position:absolute;z-index:2;top:0;left:0;width:100%;height:auto;padding:30px 38px;border:0;max-width:none}
.symbol{display:block;width:66px;aspect-ratio:470/240;overflow:hidden;position:relative}
.symbol img{position:absolute;width:266.81%;max-width:none;left:-93.62%;top:-50%}
.hero{min-height:100svh;padding:110px 24px;justify-content:center;align-items:center}
.quiet-entry{width:min(440px,100%);margin-top:-24px;text-align:center}
.hero h1{font-size:22px;font-weight:400;letter-spacing:3px;line-height:1.5;margin:0 0 30px;color:#dfdfdf}
.chat-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:76px;padding:20px 18px 20px 25px;border:1px solid #303030;border-radius:16px;background:#111;color:#969696;font-size:12px;text-align:left;box-shadow:0 8px 35px #0003;transition:border-color .25s,background .25s}
.chat-entry:hover{border-color:#626262;background:#151515}
.send{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#dadada;color:#171717;font-size:18px}
.demo-note{font-size:9px;letter-spacing:.6px;color:#858585;margin-top:14px}
.exchange,.principles{max-width:760px;margin:auto;padding:60px 35px;background:transparent;color:#ddd}
.section-label{font-size:9px;letter-spacing:1.4px;color:#929292}
.exchange-heading{display:block;margin:30px 0}
.exchange h2,.principles h2{font-size:28px;letter-spacing:-.6px;line-height:1.3}
.exchange-heading>p{font-size:13px;margin:18px 0 0}
.steps{display:block;border:0;padding:0}
.steps article{display:flex;gap:25px;padding:22px 0;border-top:1px solid #292929}
.step-number{margin:0;padding-top:5px}
.steps h3{font-size:17px;margin:0 0 8px;letter-spacing:0}
.steps p{max-width:none;font-size:12px}
.principles{padding-top:30px}
.principles .section-label{color:#929292}
.principles-layout{display:block;margin-top:26px}
.principles h2{margin-bottom:25px}
.boundary-rows details,.boundary-rows details:last-child{border-color:#292929;padding:18px 0}
.boundary-rows summary{font-size:13px}
.boundary-rows p{color:#aaa;font-size:12px}
.verification{max-width:690px;margin:0 auto 45px;padding:0 0;font-size:10px}
footer{max-width:690px;margin:auto;padding:24px 0 35px;border-color:#292929}
footer .wordmark{font-size:19px}
footer>span{font-size:9px}
.opening{position:fixed;inset:0;z-index:20;background:#050505;pointer-events:none;animation:open-screen 1.8s cubic-bezier(.22,.61,.36,1) .2s both}
.quiet-entry,header .symbol{animation:arrive 1.6s ease .2s both}
@keyframes open-screen{0%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){header{padding:25px}.symbol{width:56px}.hero{min-height:100svh;padding-inline:28px}.hero h1{font-size:18px;letter-spacing:2.5px;margin-bottom:26px}.quiet-entry{margin-top:-18px}.chat-entry{min-height:72px;padding:17px;font-size:11px;gap:12px}.exchange,.principles{padding:45px 28px}.exchange h2,.principles h2{font-size:25px}.steps h3{font-size:17px}.steps p{font-size:12px}.verification{margin-inline:28px}footer{margin-inline:28px}.principles h2{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.opening{display:none}.quiet-entry,header .symbol{animation:none}}
/* Reveal the brand first, then the invitation at a slower pace. */
.symbol{width:165px}
.opening{animation-duration:3s}
header .symbol{animation:arrive 2.2s ease .2s both}
.quiet-entry{animation:arrive 4s ease 2s both}
@media(max-width:600px){.symbol{width:140px}}
@media(prefers-reduced-motion:reduce){.opening{display:none}.quiet-entry,header .symbol{animation:none}}
.symbol{aspect-ratio:470/215}.symbol img{top:-55.814%}
/* Approved final brand board: warm near-black, silver, airy sans-serif. */
:root{background:#100f0d;color:#eae9e6;font-family:"Helvetica Neue",Arial,sans-serif}
body{background:radial-gradient(ellipse at 12% 0%,#191813 0,transparent 46%),radial-gradient(ellipse at 92% 45%,#15130f 0,transparent 55%),#100f0d}
.opening{background:#100f0d}
.chat-entry{background:#171612;border-color:#35332d;color:#afada7;box-shadow:0 8px 35px #0002;font-weight:400;letter-spacing:.25px}
.chat-entry:hover{background:#1c1a16;border-color:#5d5950}
.send{background:#e2e1dd;color:#191813}
.symbol{aspect-ratio:400/215}
.symbol img{width:313.5%;left:-110%;top:-55.814%}
.brand-tagline{position:relative;overflow:hidden;width:300px;max-width:100%;aspect-ratio:460/48;margin:0 auto 30px!important}
.brand-tagline img{position:absolute;width:272.61%;max-width:none;left:-86.9565%;top:-966.667%}
.brand-wordmark{position:relative;overflow:hidden;width:110px;aspect-ratio:555/105}
.brand-wordmark img{position:absolute;width:225.946%;max-width:none;left:-63.063%;top:-328.571%}
.symbol,.brand-tagline,.brand-wordmark{mix-blend-mode:lighten}
dialog{background:#14130f;border-color:#48453e}
select{background:#1b1915}
.section-label,.dialog-top{letter-spacing:2px}
.steps h3,.boundary-rows summary{font-weight:400;letter-spacing:.3px}
@media(max-width:600px){.brand-tagline{width:260px}}
header,.quiet-entry,footer{mix-blend-mode:lighten}
.symbol{aspect-ratio:860/450}
.symbol img{width:178.605%;height:auto;left:-44.186%;top:-60%}
.symbol-button{background:none;border:0;padding:0;cursor:pointer}
.home{min-height:100svh}
.home .hero{min-height:100svh}
.interior{min-height:100svh;background:radial-gradient(ellipse at 0 0,#191813,transparent 55%),#100f0d}
.interior header{position:absolute}
.interior header .symbol{animation:none}
.quiet-page{max-width:590px;margin:0 auto;padding:160px 25px 80px}
.back-link{display:inline-block;color:#96938b;font-size:11px;margin-bottom:45px;letter-spacing:.3px}
.back-link:hover,.text-action:hover{color:#fff}
.eyebrow{font-size:9px;letter-spacing:2px;color:#aaa79e;margin:0 0 23px}
.quiet-page h1{font-weight:400;font-size:43px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 25px}
.lead{font-size:15px;line-height:1.8;color:#b2afa7;margin:0 0 48px}
.reading-rows article{display:flex;gap:25px;border-top:1px solid #35322b;padding:27px 0}
.reading-rows article>span{font-size:10px;color:#8e8b83;padding-top:3px}
.reading-rows h2,.reading-block h2{font-size:17px;letter-spacing:0;line-height:1.5;margin:0 0 10px}
.reading-rows p,.reading-block p{font-size:13px;line-height:1.9;color:#b2afa7;margin:0}
.reading-block h2{margin-top:32px}
.reading-block p+p{margin-top:14px}
.text-action{display:inline-block;font-size:12px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #625d51}
.page-footer{max-width:540px;display:flex;flex-wrap:wrap;gap:20px;font-size:10px;padding:25px 0 35px;color:#aaa79e}
.page-footer>span{margin-left:auto;letter-spacing:0}
.site-menu{width:min(430px,calc(100% - 40px));padding:22px 30px 30px;background:#14130f}
.site-menu .dialog-top{margin-bottom:30px}
.menu-links{display:block;color:#ddd;font-size:15px}
.menu-links a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #35322b}
.menu-links a:hover{color:#fff}
.menu-links span{font-size:9px;color:#8f8b80}
.site-menu>.note{margin-top:28px}
.demo-page{max-width:550px}
.demo-page .prompt{font-size:13px;line-height:1.7;color:#c5c2b9}
.demo-page blockquote{font-size:21px;color:#dedcd4;border-color:#373329}
.demo-page .primary{width:100%;background:#dedcd5;min-height:48px}
.demo-page .choices{border-color:#373329}
.demo-page .note{font-size:11px}
.demo-help{margin-top:30px;color:#a8a49a;font-size:11px}
.demo-help p{line-height:1.9}
.demo-help a{text-decoration:underline;text-underline-offset:3px}
.demo-page .verification{padding:0;margin:22px 0 0;font-size:10px}
.demo-page #result h2{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin:35px 0 20px}
.demo-page #founder{border-block:1px solid #373329}
.demo-page #share{margin-top:30px}
.demo-page #message{line-height:1.8}
@media(max-width:600px){.quiet-page{padding:140px 28px 60px}.quiet-page h1{font-size:36px}.back-link{margin-bottom:35px}.page-footer{margin-inline:28px;gap:16px}.page-footer>span{margin:0;width:100%}.site-menu{padding:18px 25px 25px}.site-menu .dialog-top{margin-bottom:18px}}
/* One shared black treatment, anchored to the viewport on every surface. */
:root{--brand-black:#100f0d;--brand-background:radial-gradient(ellipse at 12% 0%,#191813 0,transparent 46%),radial-gradient(ellipse at 92% 45%,#15130f 0,transparent 55%),var(--brand-black);background:var(--brand-black)}
body,body.interior,.opening,dialog,dialog.site-menu,.chat-entry,.chat-entry:hover,select,select option{background:var(--brand-background);background-attachment:fixed;background-size:100vw 100vh;background-position:0 0}
.chat-entry,.chat-entry:hover{box-shadow:none}
dialog::backdrop{background:transparent;backdrop-filter:blur(8px)}
.primary,.send{color:var(--brand-black)}
/* Interior navigation: 400 ms out, 800 ms in; first home visit stays cinematic. */
.page-arriving>header,.page-arriving>main,.page-arriving>footer{animation:page-enter .8s ease-out both}
.home.page-arriving .opening{display:none}
.home.page-arriving .quiet-entry,.home.page-arriving header .symbol{animation:none}
.page-leaving>header,.page-leaving>main,.page-leaving>footer,.page-leaving dialog[open]{animation:page-exit .8s ease-in both;pointer-events:none}
@keyframes page-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-exit{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.page-arriving>header,.page-arriving>main,.page-arriving>footer,.page-leaving>header,.page-leaving>main,.page-leaving>footer,.page-leaving dialog[open]{animation:none}}
/* Match the page transition timing for the logo menu, including Escape. */
.site-menu[open]{animation:page-enter .8s ease-out both}
.site-menu[open]::backdrop{animation:menu-backdrop-in .8s ease-out both}
.site-menu[open].menu-closing{animation:page-exit .8s ease-in both;pointer-events:none}
.site-menu[open].menu-closing::backdrop{animation:menu-backdrop-out .8s ease-in both}
@keyframes menu-backdrop-in{from{backdrop-filter:blur(0)}to{backdrop-filter:blur(8px)}}
@keyframes menu-backdrop-out{from{backdrop-filter:blur(8px)}to{backdrop-filter:blur(0)}}
.page-leaving .site-menu[open]{animation:page-exit .8s ease-in both}
@media(prefers-reduced-motion:reduce){.site-menu[open],.site-menu[open]::backdrop,.site-menu[open].menu-closing,.site-menu[open].menu-closing::backdrop{animation:none}}
/* Reserve the scrollbar lane while a modal locks scrolling. */
html{scrollbar-gutter:stable}

/* Give route changes a softer handoff; modal close timing stays at 400 ms. */
.page-arriving>header,.page-arriving>main,.page-arriving>footer{animation:route-enter 2s linear .03s both}
.page-leaving>header,.page-leaving>main,.page-leaving>footer,.page-leaving .site-menu[open]{animation:page-exit .8s ease-in-out both}
@keyframes route-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.page-arriving>header,.page-arriving>main,.page-arriving>footer,.page-leaving>header,.page-leaving>main,.page-leaving>footer,.page-leaving .site-menu[open]{animation:none}}
/* Start interior pages hidden in CSS, before deferred navigation code executes. */
body.interior:not(.page-leaving)>header,body.interior:not(.page-leaving)>main,body.interior:not(.page-leaving)>footer{animation:route-enter 2s linear .03s both}
@media(prefers-reduced-motion:reduce){body.interior:not(.page-leaving)>header,body.interior:not(.page-leaving)>main,body.interior:not(.page-leaving)>footer{animation:none}}







/* Reuse the homepage cover reveal on interior navigation and home returns. */
body.interior::before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background:var(--brand-background);background-attachment:fixed;background-size:100vw 100vh;background-position:0 0;animation:open-screen 3s cubic-bezier(.22,.61,.36,1) .2s both}
.home.page-arriving .opening{display:block}
@media(prefers-reduced-motion:reduce){body.interior::before,.home.page-arriving .opening{display:none}}

.dashboard section{margin-top:42px}
.dashboard section>h2{font-size:19px;letter-spacing:0;margin-bottom:20px}
.dashboard-toolbar{display:flex;align-items:center;gap:20px;margin:25px 0}
.dashboard-toolbar .secondary{width:auto;margin:0;min-width:100px;font-size:12px}
#report-status{font-size:10px;color:#aaa79e}
.metric-list{margin:0}
.metric-list>div{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #35322b;padding:17px 0;font-size:12px}
.metric-list dt{color:#b2afa7}
.metric-list dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.small-lead{font-size:13px;margin-bottom:20px}
@media(max-width:600px){.dashboard-toolbar{align-items:flex-start}.metric-list>div{font-size:11px;gap:14px}}