:root{color-scheme:dark;--void: #01030a;--ink: #e6f7ff;--muted: #8fb3c9;--cyan: #5ef0ff;--cyan-dim: rgb(94 240 255 / .45);--cyan-faint: rgb(94 240 255 / .12);--violet: #c060ff;--amber: #ffc861;--alert: #ff4d6d;--glass: rgb(4 14 30 / .58);--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace;--sans: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--void);text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--void);scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--void);overflow-x:hidden}a{color:inherit}.feed{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--void) url(/media/loopclimber-hype-poster.jpg) center / cover no-repeat}.feed-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feed-shade{position:absolute;inset:0;background:linear-gradient(90deg,#01030ae0,#01030a99 38%,#01030a1f 70%,#01030a4d),linear-gradient(180deg,rgb(1 3 10 / .55) 0%,transparent 18%,transparent 78%,rgb(1 3 10 / .7) 100%)}.feed-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgb(255 255 255 / .025) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;pointer-events:none}.hud-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:1.5rem;justify-content:space-between;padding:1.1rem clamp(1rem,4vw,3rem);font:500 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.hud-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:700;letter-spacing:.32em}.hud-title{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.hud-ids{color:var(--muted);font:500 .62rem/1.25 var(--mono);letter-spacing:.12em;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85)}.hud-ids>span{white-space:nowrap}.hud-glyph{width:.85rem;height:.85rem;border:1.5px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px var(--cyan),inset 0 0 6px var(--cyan)}.hud-readout{color:var(--cyan-dim);margin-right:auto}.hud-live:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:50%;background:var(--alert);box-shadow:0 0 8px var(--alert);animation:blink 1.2s steps(2,jump-none) infinite}.hud-cta{padding:.75rem 1.1rem;transition:opacity .3s,visibility .3s,border-color .2s,box-shadow .2s,color .2s}.button-primary.hud-cta:after{content:"↓"}body[data-active-screen=contact] .hud-cta{opacity:0;visibility:hidden}.story{position:relative;z-index:1}.screen{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:6rem clamp(1rem,6vw,6rem) 4rem;scroll-snap-align:start;scroll-snap-stop:always}.panel{position:relative;width:fit-content;max-width:min(46rem,100%);padding:clamp(1.4rem,3vw,2.4rem) clamp(1.4rem,3.4vw,2.8rem);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}body[data-active-screen] .screen:not([data-active]) .panel{opacity:.18;transform:translateY(28px)}.screen[data-active] h2,.screen[data-active] h1{animation:glitch-in .7s steps(1,end) both}h1,h2{margin:0 0 1rem;font-weight:700;letter-spacing:-.025em;line-height:1.02;text-wrap:balance;text-shadow:0 2px 16px rgb(1 3 10 / .9),0 1px 4px rgb(1 3 10 / .85)}h1{font-size:clamp(2.6rem,7vw,5.4rem);text-shadow:0 2px 18px rgb(1 3 10 / .9),0 1px 4px rgb(1 3 10 / .85),0 0 40px rgb(94 240 255 / .25)}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 2px 18px rgb(1 3 10 / .9),0 0 24px rgb(94 240 255 / .75)}h2{font-size:clamp(2.2rem,5.6vw,4.4rem)}.index{margin:0 0 1rem;color:var(--cyan);font:600 .8rem/1 var(--mono);letter-spacing:.24em;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85)}.index span{font-size:1.5rem;letter-spacing:.04em;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 0 14px rgb(94 240 255 / .7);vertical-align:-.12em}.subtitle{margin:0;max-width:40rem;color:#b9d3e3;font:500 clamp(.95rem,1.5vw,1.15rem)/1.5 var(--mono);letter-spacing:.04em;text-shadow:0 2px 12px rgb(1 3 10 / .95),0 1px 3px rgb(1 3 10 / .9)}.subtitle:before{content:"› ";color:var(--cyan)}.step-detail{margin:0;max-width:38rem;font-size:1rem;line-height:1.5;text-shadow:0 2px 12px rgb(1 3 10 / .95),0 1px 3px rgb(1 3 10 / .9)}.panel-hero{width:min(48rem,100%)}.panel-hero .subtitle{font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.45}.panel-hero .button{margin-top:1rem}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;text-decoration:none;font:600 .78rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid rgb(94 240 255 / .35);text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85);transition:border-color .2s,box-shadow .2s,color .2s}.button:hover,.button:focus-visible{border-color:var(--cyan);outline:none;box-shadow:inset 0 0 0 1px var(--cyan)}.button-primary{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 28px #5ef0ff73}.button-primary:hover,.button-primary:focus-visible{color:#a6f7ff;border-color:#a6f7ff}.button-primary:after{content:"→";font-family:var(--sans)}.scroll-cue{position:absolute;left:50%;bottom:2rem;width:1.6rem;height:2.6rem;margin-left:-.8rem;border:1px solid var(--cyan-dim);border-radius:1rem}.scroll-cue span{position:absolute;left:50%;top:.5rem;width:3px;height:.55rem;margin-left:-1.5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:cue 1.6s ease-in-out infinite}.screen-contact{justify-content:center}.panel-contact{width:min(68rem,100%);max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding:clamp(1.6rem,4vw,3.2rem)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}.contact-form label{display:grid;gap:.45rem}.contact-form label>span{color:var(--cyan);font:500 .68rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 10px rgb(1 3 10 / .9),0 1px 3px rgb(1 3 10 / .85)}.contact-form small{font-size:inherit;color:var(--muted);text-transform:none;letter-spacing:.06em}.contact-form input,.contact-form textarea{width:100%;padding:.8rem .9rem;color:var(--ink);font:400 1rem/1.4 var(--sans);background:#010610b8;border:1px solid rgb(94 240 255 / .28);border-radius:0;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8fb3c980}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 18px #5ef0ff40}.contact-wide{grid-column:1 / -1}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.contact-submit .button{background:none;cursor:pointer;padding:1rem 1.6rem}.contact-submit .button[aria-busy=true]{opacity:.6;cursor:progress}.form-status{margin:0;color:var(--muted);font:500 .8rem/1.4 var(--mono);text-shadow:0 2px 10px rgb(1 3 10 / .9)}.form-status[data-state=success]{color:var(--cyan)}.form-status[data-state=error]{color:var(--alert)}.form-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.screen-engineering{justify-content:center;align-items:center;background:linear-gradient(155deg,rgb(6 18 34 / .97),var(--void) 78%);border-top:1px solid var(--cyan-dim)}.engineering-layout{display:grid;width:min(80rem,100%);gap:clamp(1.75rem,4vw,4rem);align-items:center}.engineering-layout>*{min-width:0}.engineering-offer>p{margin:.65rem 0 0;line-height:1.55;color:#b9d3e3}.engineering-offer>.engineering-lead{color:var(--ink);font-size:clamp(1.05rem,2vw,1.25rem)}.engineering-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0;padding:.9rem 0;border-block:1px solid var(--cyan-faint);font-family:var(--mono)}.engineering-terms dt{margin-bottom:.35rem;font-size:.75rem;color:var(--muted)}.engineering-terms dd{margin:0;overflow-wrap:anywhere;color:var(--cyan);font-weight:600}@media(min-width:1140px){.engineering-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@keyframes blink{50%{opacity:.2}}@keyframes cue{0%{transform:translateY(0);opacity:1}80%{transform:translateY(1rem);opacity:0}to{opacity:0}}@keyframes glitch-in{0%{opacity:0;transform:translate(-6px);text-shadow:3px 0 var(--alert),-3px 0 var(--cyan)}15%{opacity:1;transform:translate(4px)}30%{opacity:.4;transform:translate(-2px);text-shadow:-2px 0 var(--violet),2px 0 var(--cyan)}45%{opacity:1;transform:none}to{opacity:1;transform:none}}@media(max-width:760px){.hud-readout{display:none}.hud-bar{padding:.9rem 1rem;gap:.75rem}.hud-brand{letter-spacing:.22em}.hud-title{flex:1 1 0;min-width:0}.hud-ids{letter-spacing:.08em}.screen{align-items:flex-end;padding:5rem 1rem 2.5rem}.screen-hero{align-items:center}.feed-shade{background:linear-gradient(180deg,#01030a99,#01030a40 30%,#01030ab3 62%,#01030aeb)}.scroll-cue{display:none}.screen-contact{align-items:center;padding-top:4.2rem;padding-bottom:1.2rem}.panel-contact{grid-template-columns:1fr;gap:1.4rem;padding:1.3rem .2rem}.contact-form{grid-template-columns:1fr;gap:.8rem}.contact-form textarea{min-height:5rem}.contact-form input,.contact-form textarea{padding:.65rem .8rem}.hud-cta{padding:.6rem .8rem;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel{transition:none}.screen[data-active] h2,.screen[data-active] h1,.hud-live:before,.scroll-cue span{animation:none}}.engineering-dag{--feedback: #ffd088;--verification: #d3b4ff;margin:0;padding:clamp(.85rem,2.2vw,1.6rem);border:1px solid #315267;border-radius:1rem;background:radial-gradient(ellipse at 15% 0%,#102e42,transparent 62%),radial-gradient(ellipse at 100% 90%,#211731,transparent 65%),#071220;box-shadow:0 1.2rem 4rem #00000052;container-type:inline-size}.flow-definitions{position:absolute}.flow-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem}.flow-heading h3{margin:0;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.025em}.engineering-dag>p{margin:.35rem 0 1rem;color:#bfd6e5;font-size:.87rem;line-height:1.45}.flow-toggle{min-height:2.75rem;padding:.35rem .65rem;border:1px solid #527084;border-radius:.4rem;color:var(--ink);background:#0a1d2b;font:600 .72rem/1.2 var(--mono);cursor:pointer}.flow-toggle:hover{border-color:var(--cyan)}.flow-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.flow-inner-title{display:flex;align-items:center;gap:.6rem;margin:0 0 .65rem;color:var(--cyan);font:600 .78rem/1.35 var(--mono)}.flow-inner-title:after{content:"";flex:1;border-top:1px solid var(--cyan-dim)}.flow-inner-title span{color:#bfd6e5;font-weight:400}.flow-board{--row-gap: 1.75rem;display:grid;row-gap:var(--row-gap);margin:0;padding:0;list-style:none}.flow-stage{--signal: var(--cyan);--start: 0s;--stage-border: color-mix(in srgb, var(--signal) 34%, #152535);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:.65rem;border:1px solid var(--stage-border);border-radius:.65rem;background:linear-gradient(135deg,color-mix(in srgb,var(--signal) 9%,#0b1829),#0b1829 75%)}.flow-stage[data-flow-stage=tests]{--start: 2s}.flow-stage[data-flow-stage=ranking]{--start: 4s}.flow-stage[data-flow-stage=holdout]{--start: 6s;--signal: var(--verification)}.flow-stage[data-flow-stage=approval]{--start: 8s;--signal: var(--verification)}.flow-stage[data-flow-stage=next]{--start: 10s;--signal: var(--feedback);border-style:dashed}.flow-review-title{position:absolute;bottom:100%;left:2.9rem;margin:0 0 .4rem;color:var(--verification);font:600 .78rem/1.35 var(--mono)}.flow-icon{width:1.65rem;height:1.65rem;padding:.23rem;border-radius:.35rem;color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,#0b1829);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.flow-stage h5{margin:0;color:var(--ink);font-size:.9rem;line-height:1.25}.flow-stage p{margin:.24rem 0 .46rem;color:#bfd6e5;font-size:.79rem;line-height:1.35}.flow-artifact{display:inline-flex;align-items:center;gap:.38rem;padding:.2rem .4rem;border:1px solid color-mix(in srgb,var(--signal) 35%,#0b1829);border-radius:.28rem;color:var(--signal);font:600 .7rem/1.25 var(--mono)}.flow-artifact:before{content:"";width:.32rem;height:.32rem;flex:none;border:1px solid;transform:rotate(45deg)}.flow-link{--wire: var(--signal);position:absolute;top:100%;left:.7rem;width:calc(var(--row-gap) + 2px);height:2rem;transform:translate(1.25rem) rotate(90deg);transform-origin:top left;color:color-mix(in srgb,var(--wire) 69%,#0b1829);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.flow-link[data-flow-to=holdout]{--wire: var(--verification)}.flow-link[data-flow-feedback]{--wire: var(--feedback)}[data-flow-feedback] .flow-track{stroke-dasharray:6 5}.flow-packet{opacity:0;stroke:var(--wire);stroke-width:4;stroke-dasharray:7 110}.engineering-dag figcaption{display:grid;gap:.3rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #315267;color:#bfd6e5;font-size:.8rem;line-height:1.45}.flow-feedback-key{display:flex;align-items:center;gap:.5rem;color:var(--feedback)}.flow-feedback-key:before{content:"";flex:0 0 1.35rem;border-top:2px dashed}.engineering-dag figcaption a{color:var(--cyan);text-underline-offset:.16em}@container (min-width: 35rem){.flow-board{--column-gap: clamp(1.9rem, 6cqi, 3.2rem);--row-gap: 3.5rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"proposal tests ranking" "next approval holdout";column-gap:var(--column-gap)}.flow-stage[data-flow-stage=proposal]{grid-area:proposal}.flow-stage[data-flow-stage=tests]{grid-area:tests}.flow-stage[data-flow-stage=ranking]{grid-area:ranking}.flow-stage[data-flow-stage=holdout]{grid-area:holdout}.flow-stage[data-flow-stage=approval]{grid-area:approval}.flow-stage[data-flow-stage=next]{grid-area:next}.flow-stage{grid-template-columns:minmax(0,1fr);padding:.8rem}.flow-stage>div{display:flex;flex-direction:column;align-items:flex-start}.flow-stage p{flex:1}.flow-review-title{left:auto;right:calc(100% + var(--column-gap));width:max-content;margin-bottom:1.25rem}.flow-link{top:calc(50% - 1rem);left:100%;width:calc(var(--column-gap) + 2px);transform:none}.flow-link[data-flow-to=holdout]{top:100%;left:50%;width:calc(var(--row-gap) + 2px);transform:translate(1rem) rotate(90deg)}.flow-link:is([data-flow-to=approval],[data-flow-to=next]){left:0;transform:rotate(180deg) translateY(-2rem)}}@media(prefers-reduced-motion:no-preference){[data-flow-ready]{--flow-playback: paused}[data-flow-playing]{--flow-playback: running}[data-flow-ready] .flow-stage{animation:flow-stage 12s var(--start) linear infinite var(--flow-playback)}[data-flow-ready] .flow-artifact{animation:flow-artifact 12s var(--start) linear infinite var(--flow-playback)}[data-flow-ready] .flow-packet{animation:flow-packet 12s calc(var(--start) + 1.25s) linear infinite var(--flow-playback)}}@keyframes flow-stage{2%,11%{border-color:var(--signal);box-shadow:inset 0 0 1.3rem color-mix(in srgb,var(--signal) 16%,transparent)}16%,to{border-color:var(--stage-border);box-shadow:none}}@keyframes flow-artifact{7%,12%{background-color:color-mix(in srgb,var(--signal) 17%,#0b1829);border-color:var(--signal)}16%,to{background-color:transparent;border-color:var(--stage-border)}}@keyframes flow-packet{0%{opacity:0;stroke-dashoffset:7}1%{opacity:1}5%{opacity:1}6.25%,to{opacity:0;stroke-dashoffset:-100}}
