@font-face{font-family:Manrope;src:url('fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#141412;--paper:#efece3;--muted:#aaa99f;--line:#393933;--accent:#fa6249}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.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}.skip{position:absolute;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:12px;z-index:9}.skip:focus{top:10px}.masthead-inner{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line);gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.13em;font-size:23px}.logo>span{color:var(--accent);margin-left:-10px}.logo img{filter:grayscale(1)}nav{display:flex;gap:30px;flex-wrap:wrap;font-size:13px;font-weight:700}.nav-contact{color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-top:75px;padding-bottom:85px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.signal{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:8px;border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:Barlow,sans-serif;font-size:clamp(80px,9.9vw,144px);line-height:.88;letter-spacing:-.035em;margin:28px 0 32px}h1 span{color:var(--accent)}.hero-lead{font-size:21px;font-weight:700;max-width:420px;line-height:1.4}.hero-description{max-width:455px;color:var(--muted);margin-top:16px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:28px;padding:16px 22px;font-size:13px;font-weight:700;line-height:1.4}.primary{background:var(--accent);color:#171411}.button:hover{background:var(--paper);color:var(--ink);text-decoration:none}.secondary{border:1px solid var(--muted)}.text-link{font-size:13px;font-weight:700}.micro{font-size:11px;color:var(--muted);margin-top:14px}.exhibit{background:#1c1c19;border:1px solid #49483f;padding:28px;position:relative}.exhibit:before{content:'';position:absolute;top:-1px;left:28px;width:45px;height:3px;background:var(--accent)}.exhibit-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.exhibit-top .micro{margin:0;font-size:10px}.exhibit h2{font-family:Barlow,sans-serif;font-size:54px;line-height:1.02;margin:30px 0 14px;letter-spacing:-.02em}.exhibit>p:not(.fine){color:var(--muted);font-size:13px}.target-switch{display:flex;margin:25px 0 20px;border:1px solid var(--line)}.target-switch button{border:0;background:transparent;color:var(--muted);padding:12px 8px;width:50%;font-size:12px;font-weight:700}.target-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.vector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;list-style:none;padding:0;margin:0}.vector-grid li{display:flex;align-items:center;justify-content:center;min-height:37px;background:#282822;color:#b9b9ac;font:11px/1.2 monospace;border:1px solid #44443b}.vector-grid li.different{background:#3e2420;color:#ff9c87;border-color:var(--accent)}.vector-grid li.different:after{content:'×';margin-left:5px}.result-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.result-row strong{font-size:23px;letter-spacing:-.04em}.result-row>span{font-size:11px;color:var(--accent)}.exhibit-note{margin:8px 0 18px;min-height:43px}.fine{font-size:11px;color:var(--muted);line-height:1.65}.exhibit>.fine{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.manifesto{border-block:1px solid var(--line)}.manifesto>.wrap{display:flex;justify-content:space-between;padding-block:24px;color:var(--muted);font-size:12px;letter-spacing:.03em}.manifesto span:before{content:'+';color:var(--accent);margin-right:14px}.demos,.boundaries{padding-block:100px}.section-heading{margin-bottom:48px}.section-heading h2,.judge-section h2,.product-section h2{font-family:Barlow,sans-serif;font-size:clamp(42px,4.7vw,66px);line-height:1.05;letter-spacing:-.02em;margin-top:16px}.demo-row{display:grid;grid-template-columns:65px 1.15fr 1fr;gap:40px;padding:46px 0;border-top:1px solid var(--line);align-items:center}.demo-number{align-self:start;font-family:Barlow,sans-serif;font-size:36px;color:var(--accent);line-height:1}.demo-body h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:10px 0 18px}.demo-body>p:not(.eyebrow){color:var(--muted);font-size:14px}.demo-body .scope{font-size:12px!important;margin-top:16px}.demo-body .text-link{display:inline-block;margin-top:22px}.flow{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}.flow span:nth-child(even){color:var(--accent)}.flow span:nth-child(odd){border-bottom:1px solid var(--line);padding:12px 0;width:75%;text-align:center}.terminal{background:#0c0d0b;border:1px solid var(--line);padding:23px;min-width:0}.terminal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.terminal-top button{border:1px solid var(--line);background:none;color:var(--paper);font-size:11px;padding:6px 10px}.terminal code{display:block;color:var(--paper);margin:30px 0;font-size:16px}.terminal-output{display:flex;flex-direction:column;gap:8px;font:12px/1.6 monospace}.terminal-output b{color:#c3d6a4}.terminal-output b.refuse{color:var(--accent)}.terminal>p{font-size:10px;color:var(--muted);margin-top:25px}.judge-section{background:var(--paper);color:var(--ink);padding:85px 0;color-scheme:light}.judge-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 100px}.judge-grid>div>p:not(.eyebrow){max-width:390px;margin-top:22px;font-size:14px;color:#5d5d54}.judge-steps{list-style:none;padding:0;margin:0}.judge-steps li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #ccc9be}.judge-steps li:first-child{padding-top:0}.judge-steps li>span{font:24px Barlow,sans-serif;color:#706e62}.judge-steps h3{font-size:18px;margin-bottom:5px}.judge-steps p{font-size:13px;color:#5d5d54;overflow-wrap:anywhere}.judge-actions{grid-column:1/-1;display:flex;align-items:center;gap:30px;margin-top:20px}.judge-actions .button:hover{background:var(--ink);color:var(--paper)}.limits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.limits article{border-top:1px solid var(--line);padding-top:24px}.limits h3{font-size:18px;line-height:1.4;margin-bottom:15px}.limits p{font-size:13px;color:var(--muted)}.product-section{border-top:1px solid var(--line);padding-block:65px 100px;display:flex;gap:70px;align-items:center;justify-content:space-between}.product-section>div{max-width:760px}.product-section p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:650px;margin-top:22px}.product-mark{opacity:.65;filter:grayscale(1);flex-shrink:0}footer{border-top:1px solid var(--line);padding:45px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.footer-top p{font-size:13px;color:var(--muted)}footer nav{gap:24px;font-size:12px}footer .fine{margin-top:35px}
@media(min-width:1500px){.hero{padding-block:90px 105px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.hero h1{font-size:110px}.actions{gap:18px}.demo-row{grid-template-columns:40px 1fr 1fr;gap:25px}.judge-grid{gap:30px 45px}.masthead nav{gap:20px}.exhibit{padding:22px}.exhibit-top{align-items:flex-start;flex-direction:column;gap:3px}.product-mark{width:130px;height:130px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead-inner{min-height:90px;flex-wrap:wrap;padding-block:20px;gap:18px}.masthead nav{font-size:11px;gap:22px}.nav-contact{display:none}.hero{grid-template-columns:1fr;gap:48px;padding-block:42px 55px}.hero h1{font-size:clamp(90px,20vw,140px)}.hero-description{max-width:530px}.exhibit{padding:25px}.exhibit-top{flex-direction:row;align-items:center}.exhibit h2{font-size:48px}.manifesto>.wrap{gap:16px;font-size:10px;flex-wrap:wrap}.manifesto span:before{margin-right:5px}.demos,.boundaries{padding-block:60px}.demo-row{grid-template-columns:30px 1fr;gap:20px;padding:32px 0}.flow,.terminal{grid-column:2}.flow{align-items:stretch}.flow span:nth-child(odd){width:100%}.flow span:nth-child(even){text-align:center}.judge-section{padding-block:55px}.judge-grid{grid-template-columns:1fr;gap:36px}.judge-steps{margin-top:5px}.judge-actions{flex-wrap:wrap;margin-top:0;gap:22px}.limits{grid-template-columns:1fr;gap:28px}.product-section{padding-block:45px 60px;gap:20px}.product-mark{display:none}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.terminal-top{flex-wrap:wrap}.hero-lead{font-size:20px}.result-row strong{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.primary-nav a{display:inline-flex;align-items:center;min-height:44px}.verification{padding-bottom:55px;font-size:13px;color:var(--muted)}.verification summary{cursor:pointer;border-top:1px solid var(--line);padding:24px 0;color:var(--paper);font-weight:700}.verification>div{max-width:850px}.verification h3{color:var(--paper);margin-bottom:12px}.verification p{margin-bottom:14px}.verification a{text-decoration:underline}.verification code{overflow-wrap:anywhere}.verification summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:700px){.primary-nav{width:100%;gap:16px}.target-switch button{min-height:44px}}
@media(min-width:761px){.hero{align-items:start;padding-top:55px}.hero h1{font-size:clamp(88px,9vw,130px);margin:24px 0 28px}.hero-copy{padding-top:6px}}
@media(min-width:761px){.hero{padding-top:40px}.hero h1{font-size:clamp(88px,8vw,120px);margin:20px 0 24px}.hero-lead{font-size:19px}.hero-description{font-size:14px}.hero-copy .actions{margin-top:24px}}
/* Keep the complete Raven seal legible against the charcoal background. */
.masthead .logo img{width:64px;height:64px;filter:brightness(1.15);border:1px solid #77776c;border-radius:50%;flex-shrink:0}
.product-mark{width:240px;height:240px;opacity:1;filter:brightness(1.15);border:1px solid #77776c;border-radius:50%}
@media(max-width:1000px){.product-mark{width:180px;height:180px}}
@media(max-width:760px){.masthead .logo img{width:56px;height:56px}}
/* A light product chapter separates the ongoing product from the Fair. */
.product-band{background:var(--paper);color:var(--ink);color-scheme:light}
.product-band .product-section{border-top:0;padding-block:70px}
.product-band .product-section p:not(.eyebrow){color:#55564d}
.product-band .secondary{border-color:#68695f}
.product-band .secondary:hover{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.product-band .product-section{padding-block:45px}}
.reader-result{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:20px 0;font-size:13px}.reader-result:first-of-type{margin-top:24px}.reader-result strong{font-size:12px;color:#ff9c87}.reader-result .accepted{color:#c3d6a4}.real-exhibit .button{margin-top:18px}.fixture-preview{margin-top:30px}.fixture-preview>summary{cursor:pointer;padding:20px 0;font-size:13px;color:var(--muted)}.fixture-preview>.exhibit{max-width:600px;margin-top:15px}.fixture-preview>summary:focus-visible{outline:3px solid var(--accent)}
/* Light-led Raven palette: teal actions, red only for rejected outcomes. */
:root{color-scheme:light;--ink:#f3f0e8;--paper:#172925;--muted:#53645d;--line:#cbd2c8;--accent:#08776a}
.primary{background:var(--accent);color:#fff}.button:hover{background:#173e35;color:#fff}.logo>span,.nav-contact,h1 span,.demo-number{color:var(--accent)}
.exhibit{background:#e8eee5;border-color:#b7c7bb}.target-switch button[aria-pressed=true]{background:#173e35;color:#fff}.vector-grid li{background:#dae5d9;color:#334e40;border-color:#aec0b0}.vector-grid li.different{background:#d3eae0;color:#075e4d;border-color:#08776a}.result-row>span{color:var(--accent)}
.reader-result strong{color:#b32e26}.reader-result .accepted{color:#116245}
.terminal{background:#17332c;color:#f3f0e8;border-color:#38584c}.terminal-top,.terminal>p{color:#bccbc2}.terminal code{color:#f3f0e8}.terminal-top button{color:#f3f0e8;border-color:#6c8276}.terminal-output b{color:#80dbba}.terminal-output b.refuse{color:#ff9c87}
.judge-section,.product-band{background:#17332c;color:#f3f0e8;color-scheme:dark}.judge-grid>div>p:not(.eyebrow),.judge-steps p,.judge-steps li>span,.product-band .product-section p:not(.eyebrow){color:#c4d0c7}.judge-steps li{border-color:#426052}.judge-actions .primary{background:#82debe;color:#12342b}.judge-actions .button:hover{background:#f3f0e8;color:#17332c}.product-band .secondary{border-color:#a6bcb0;color:#f3f0e8}.product-band .secondary:hover{background:#f3f0e8;color:#17332c}
.skip{background:#17332c;color:#fff}
.judge-section,.product-band,.terminal{--accent:#82debe}
/* Neutral black and white, with an eye-inspired blue accent. */
:root{--ink:#f7f8fa;--paper:#17191c;--muted:#565e66;--line:#cdd1d5;--accent:#076f96}
.primary{background:var(--accent);color:#fff}.button:hover{background:#15181c;color:#fff}
.exhibit{background:#e9eff3;border-color:#b9c9d2}.target-switch button[aria-pressed=true]{background:#15181c;color:#fff}.vector-grid li{background:#dde7ed;color:#354d5c;border-color:#aec1ce}.vector-grid li.different{background:#d1eaf5;color:#085c7e;border-color:#076f96}.reader-result .accepted{color:#086886}
.judge-section,.product-band,.terminal{background:#141412;color:#f3f0e8;--accent:#76d5ef}.judge-grid>div>p:not(.eyebrow),.judge-steps p,.judge-steps li>span,.product-band .product-section p:not(.eyebrow){color:#c8cbcf}.judge-steps li{border-color:#46494d}.judge-actions .primary{background:#76d5ef;color:#102d39}.judge-actions .button:hover,.product-band .secondary:hover{background:#f3f0e8;color:#141412}.product-band .secondary{border-color:#b4b9bf}.terminal{border-color:#44494e}.terminal-top,.terminal>p{color:#bcc5cb}.terminal-top button{border-color:#77838c}.terminal-output b{color:#76d5ef}.terminal-output b.refuse{color:#ff9c87}.skip{background:#141412;color:white}

/* Red punctuation provides a restrained brand signature. */
.logo>span,h1 .headline-stop,h2 .headline-stop{color:#c53730}.judge-section .headline-stop,.product-band .headline-stop{color:#ff7368}

/* Black opening screen; later chapters retain their white/black rhythm. */
.fair-home .masthead,.hero-band{background:#141412;color:#fff;--paper:#fff;--muted:#c0c6cc;--line:#42474c;--accent:#76d5ef;color-scheme:dark}
.hero-band .exhibit{background:#202326;border-color:#454c52}
.hero-band .primary{background:#76d5ef;color:#102d39}
.hero-band .button:hover{background:#fff;color:#141412}
.hero-band .reader-result .accepted{color:#76d5ef}
.hero-band .reader-result strong{color:#ff9c87}
.fair-home .masthead .logo>span,.hero-band h1 .headline-stop,.hero-band h2 .headline-stop{color:#ff7368}
/* Close the homepage with the same black as its opening screen. */
.fair-home>footer{background:#141412;color:#fff;--muted:#c0c6cc;--line:#42474c;--accent:#76d5ef;color-scheme:dark}
.fair-home>footer .logo>span{color:#ff7368}
/* Green is reserved for accepted decoder outcomes. */
.reader-result .accepted{color:#176b3c}
.hero-band .reader-result .accepted{color:#80db9e}