@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:light;--paper:#f8f7f4;--ink:#252621;--orange:#ff612d;--muted:#74756e;--line:#dfdfd7}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--orange);color:white}
.page{min-height:100svh;display:flex;flex-direction:column;padding:28px 5vw 0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fffdf9 0,transparent 65%)}
.header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px}
.brand{display:block;object-fit:contain;mix-blend-mode:multiply}
.logo-link{display:block;color:inherit;text-decoration:none}
.brand-link{border-radius:6px}
.logo-link:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.logo-link:hover img{opacity:.8}
.status{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;line-height:1.5}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff612d10;animation:breathe 3s ease-in-out infinite}
main{flex:1;display:grid;place-items:center;padding:46px 0 64px}
.hero{text-align:center;width:100%;max-width:1000px;animation:arrive .8s ease both}
.error-art{display:flex;justify-content:center;align-items:center;gap:18px;position:relative;width:fit-content;margin:0 auto 26px;isolation:isolate}
.digit{font-weight:800;font-size:clamp(140px,24vw,292px);letter-spacing:-.09em;line-height:1.02;padding-right:.07em}
.zero{width:clamp(106px,15vw,180px);height:clamp(132px,19vw,226px);border:2px solid var(--orange);border-radius:46%;display:grid;place-items:center;transform:rotate(-9deg);background:var(--paper);position:relative;box-shadow:inset 0 0 0 8px var(--paper),inset 0 0 0 9px #ff612d30}
.zero img{width:62%;height:auto;mix-blend-mode:multiply;transform:rotate(9deg)}
.spark{position:absolute;color:var(--orange);font-size:28px;font-weight:400;line-height:1}
.spark-one{right:-55px;top:24px;transform:rotate(15deg)}
.spark-two{left:-45px;bottom:28px;font-size:16px;color:#aba99f;transform:rotate(-15deg)}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;color:var(--muted);font-size:10px;letter-spacing:2.1px}
.eyebrow span{display:block;height:1px;width:23px;background:var(--orange)}
h1{font-size:clamp(32px,5.6vw,68px);font-weight:800;letter-spacing:-.055em;line-height:1.12;margin:0}
h1 span{color:var(--orange)}
.description{font-size:16px;color:var(--muted);line-height:1.8;margin:21px 0 0;letter-spacing:-.2px}
.progress{width:64px;height:3px;background:var(--line);border-radius:8px;margin:30px auto 0;overflow:hidden}
.progress span{display:block;width:22px;height:100%;background:var(--orange);border-radius:8px;animation:drift 3s ease-in-out infinite alternate}
.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:23px 0 25px;color:var(--muted);font-size:11px}
.footer p{margin:0;line-height:1.6}
.footer p:last-child{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1.7px;color:var(--ink)}
.footer p:last-child span{color:var(--orange);font-size:21px;line-height:1}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes breathe{50%{box-shadow:0 0 0 7px #ff612d08}}
@keyframes drift{to{transform:translateX(42px)}}
@media(min-width:1600px){.page{padding-right:8vw;padding-left:8vw}}
@media(max-width:600px){.page{padding:22px 24px 0}.brand{width:40px;height:auto}.status{font-size:8px;letter-spacing:1.1px;gap:8px}main{padding:54px 0 64px}.error-art{gap:9px;margin-bottom:38px}.spark-one{right:-21px;top:5px;font-size:21px}.spark-two{left:-15px;bottom:9px;font-size:13px}.description{font-size:14px}.footer{align-items:flex-start;padding:20px 0 23px;gap:16px;font-size:10px}.footer p:first-child{max-width:145px}.footer p:last-child{font-size:8px;gap:10px}.footer p:last-child span{font-size:18px}h1{max-width:330px;margin:auto;text-wrap:balance}.progress{margin-top:25px}}
@media(max-width:350px){.page{padding-left:16px;padding-right:16px}.digit{font-size:120px}.zero{width:90px;height:116px}.error-art{gap:6px}.status{font-size:7px}h1{font-size:29px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}