:root{--paper:#fff;--ink:#171717}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.stage{position:relative;height:220svh;--p:0;--scale:1;--art-opacity:.42;--content-opacity:0;--content-y:180px;--line:0}
.panel{position:sticky;top:0;width:100%;height:100svh;min-height:560px;display:grid;place-items:center;overflow:hidden;background:#fff}
.panel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--scale));opacity:var(--art-opacity);transform-origin:center;will-change:transform,opacity;filter:contrast(.72) brightness(1.08) saturate(.68)}
.ignition-field{position:absolute;z-index:1;left:50%;top:50%;width:min(100vw,1600px);height:auto;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.ignition-field path{fill:none;stroke:#171717;stroke-width:.8;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.stage-fixup.is-ignited .ignition-field{animation:ignition-field-fade 880ms linear both}.stage-fixup.is-ignited .ignition-wave-1 path{animation:ignition-trace 430ms cubic-bezier(.2,.75,.25,1) 20ms both}.stage-fixup.is-ignited .ignition-wave-2 path{animation:ignition-trace 390ms cubic-bezier(.2,.75,.25,1) 135ms both}.stage-fixup.is-ignited .ignition-wave-3 path{animation:ignition-trace 330ms cubic-bezier(.2,.75,.25,1) 250ms both}@keyframes ignition-trace{to{stroke-dashoffset:0}}@keyframes ignition-field-fade{0%{opacity:0}7%{opacity:.68}68%{opacity:.44}100%{opacity:0}}
.fixup-mark{position:relative;z-index:2;display:block;width:clamp(310px,34vw,650px);overflow:visible}
.fixup-word{opacity:var(--word,1)}
.capsule-line{fill:none;stroke:var(--ink);stroke-width:10;stroke-dasharray:1500px 1500px;stroke-dashoffset:calc(1500px * (1 - var(--outline,0)));stroke-linecap:round}
.connector{position:absolute;z-index:3;left:50%;top:73%;width:44px;height:15%;transform:translateX(-50%);color:var(--ink)}.connector::after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:currentColor;transform:scaleY(var(--line));transform-origin:top;will-change:transform}.connector:focus-visible{outline:2px solid #2996cd;outline-offset:2px}
.scroll-copy,.stage-coming h2{position:relative;z-index:2;margin:0;text-align:center;text-transform:uppercase;font-size:clamp(20px,2.4vw,46px);line-height:1.45;font-weight:400;letter-spacing:-.025em;opacity:var(--content-opacity);transform:translateY(var(--content-y));will-change:transform,opacity}
.scroll-copy strong,.stage-coming h2 strong{font-weight:800}
.stage-engine .connector{top:76%;height:12%}
.stage-coming{height:210svh}
.coming-word,.soon-word{display:inline-block;opacity:var(--word-opacity,0);transform:translateY(var(--word-y,120px));will-change:transform,opacity}
.soon-word{opacity:var(--soon-opacity,0);transform:translateY(var(--soon-y,160px))}
.stage-coming .connector{top:72%;height:16%}
.stage-oneclean{height:200svh}.stage-oneclean .panel{overflow:visible}
.qr-lockup{position:relative;z-index:2;text-align:center;text-transform:uppercase;opacity:var(--content-opacity);transform:translateY(var(--asset-y,150px));will-change:transform,opacity}.qr-image{display:block;width:clamp(220px,20vw,390px);height:auto}.qr-lockup p{margin:16px 0 0;font-size:clamp(18px,1.55vw,30px);line-height:1.12;font-weight:400;letter-spacing:-.025em}.qr-lockup strong{font-weight:800}
.oneclean-link{position:absolute;z-index:3;left:50%;top:50%;width:min(36vw,690px);aspect-ratio:660/184;transform:translate(-50%,calc(-50% + var(--hover-y,0px))) scale(var(--hover-s,1));border-radius:999px;cursor:pointer;text-decoration:none;color:var(--ink);perspective:860px;transform-style:preserve-3d;transition:transform .28s ease}
.oneclean-logo{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;transform-origin:50% 55%;transform:rotateX(var(--one-rx,0deg)) rotateY(var(--one-ry,0deg)) translateZ(var(--one-z,0px)) scale(var(--one-s,1));filter:drop-shadow(var(--one-sx,0px) var(--one-sy,0px) var(--one-sb,0px) rgba(23,23,23,var(--one-sa,0)));will-change:transform,filter}.o-shape{fill:#1c191b}.o-reveal{stroke-dasharray:1;stroke-dashoffset:1}.logo-letter{fill:#1c191b;fill-opacity:var(--letter-fill,0);stroke:#1c191b;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--letter-draw,0))}.letter-n{--letter-draw:var(--one-n,0);--letter-fill:var(--one-n-fill,0)}.letter-e{--letter-draw:var(--one-e,0);--letter-fill:var(--one-e-fill,0)}.clean-letter{fill:#3586c7;fill-opacity:var(--letter-fill,0);stroke:#3586c7;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--letter-draw,0));transition:fill .28s ease,stroke .28s ease}.clean-c{--letter-draw:var(--clean-c,0);--letter-fill:var(--clean-c-fill,0)}.clean-l{--letter-draw:var(--clean-l,0);--letter-fill:var(--clean-l-fill,0)}.clean-e{--letter-draw:var(--clean-e,0);--letter-fill:var(--clean-e-fill,0)}.clean-a{--letter-draw:var(--clean-a,0);--letter-fill:var(--clean-a-fill,0)}.clean-n{--letter-draw:var(--clean-n,0);--letter-fill:var(--clean-n-fill,0)}
.oneclean-link:focus-visible{outline:3px solid #2996cd;outline-offset:12px;--hover-y:-8px;--hover-s:1.06}
@media(hover:hover) and (pointer:fine){
  .oneclean-link:hover{--hover-y:-8px;--hover-s:1.06}
  .oneclean-link:hover .clean-letter{fill:#2b9fe0;stroke:#2b9fe0}
}
.oneclean-link:active{--hover-y:3px;--hover-s:.97;transition-duration:.12s}
.oneclean-link:focus-visible .clean-letter{fill:#2b9fe0;stroke:#2b9fe0}
.oneclean-connector{position:absolute;left:50%;top:72%;width:1px;height:17%;background:#231f20;transform:scaleY(var(--one-line,0));transform-origin:top}
.stage-qr{height:180svh}
@media(max-width:700px){
  .stage{height:180svh}.stage-coming{height:170svh}.stage-oneclean{height:170svh}
  .panel{min-height:520px}
  .panel-art{width:auto;min-width:100%;left:50%;transform:translateX(-50%) scale(var(--scale));object-fit:cover}
  .fixup-mark{width:min(76vw,420px)}
  .scroll-copy,.stage-coming h2{font-size:clamp(16px,5vw,25px);line-height:1.45}
  .oneclean-link{width:68vw}
  .oneclean-connector{display:none}
  .stage-qr{display:none}
}
@media(hover:none) and (pointer:coarse) and (max-width:1024px) and (max-height:600px){
  .oneclean-connector{display:none}
  .stage-qr{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ignition-field{display:none}
  .stage{height:100svh;--scale:1!important;--content-opacity:1!important;--content-y:0px!important;--line:1!important;--outline:1!important;--word-opacity:1!important;--word-y:0px!important;--soon-opacity:1!important;--soon-y:0px!important;--asset-y:0px!important;--one-n:1!important;--one-n-fill:1!important;--one-e:1!important;--one-e-fill:1!important;--clean-c:1!important;--clean-c-fill:1!important;--clean-l:1!important;--clean-l-fill:1!important;--clean-e:1!important;--clean-e-fill:1!important;--clean-a:1!important;--clean-a-fill:1!important;--clean-n:1!important;--clean-n-fill:1!important;--one-line:1!important;--one-rx:0deg!important;--one-ry:0deg!important;--one-z:0px!important;--one-s:1!important;--one-sx:0px!important;--one-sy:0px!important;--one-sb:0px!important;--one-sa:0!important}.o-reveal{stroke-dashoffset:0!important}.stage-fixup,.stage-engine{--art-opacity:.42!important}.stage-coming{--art-opacity:.62!important}
  .panel{position:relative}
}