:root{--bg:#ece8df;--bg-2:#e3ded3;--card:#f9f7f2;--border:#d6d0c4;--chip:#e0dbd0;--ink:#131313;--on-ink:#f9f7f2;--ink2:#68645c;--muted:#c6c0b3;--signal:#ff5a1f;--on-signal:#131313;--fine:#1c9a57;--soon:#f0a500;--soon-text:#9e6a00;--late:#e23d28;--late-text:#c7321e;--flap:#1a1a1a;--flap-top:#262625;--flap-digit:#f3efe5;--shadow:0 1px 0 #fff9 inset, 0 18px 40px -22px #281e0a59;--grain-opacity:.35;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--body:"Archivo", system-ui, sans-serif;--flapface:"Barlow Condensed", "Arial Narrow", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d0d0c;--bg-2:#141413;--card:#191918;--border:#2e2d2a;--chip:#22221f;--ink:#f1eee7;--on-ink:#131313;--ink2:#9a968d;--muted:#3a3936;--signal:#ff6b34;--fine:#34c375;--soon:#ffbe2e;--soon-text:#ffbe2e;--late:#ff5a47;--late-text:#ff6e5c;--flap:#222221;--flap-top:#2d2d2b;--shadow:0 1px 0 #ffffff0a inset, 0 24px 50px -24px #000000e6;--grain-opacity:.18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-anim,.theme-anim *,.theme-anim :before,.theme-anim :after{transition:background-color .45s,border-color .45s,color .45s,fill .45s!important}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--signal);color:var(--on-signal)}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.wrap{width:min(1240px,100% - 32px);margin-inline:auto}.grain{pointer-events:none;z-index:100;opacity:var(--grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=dark] .grain{mix-blend-mode:screen}.label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);font-size:11px;font-weight:600}.label.big{font-size:13px}.kicker{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.kicker .dot{background:var(--signal);width:9px;height:9px;box-shadow:0 0 10px var(--signal);border-radius:50%;animation:2.4s step-end infinite blink}.kicker .num{background:var(--ink);color:var(--bg);border-radius:4px;padding:3px 7px}@keyframes blink{50%{opacity:.25}}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0;font-weight:900;line-height:.88}h2{margin-top:18px;font-size:clamp(48px,7.4vw,108px)}.dim{color:var(--ink2)}.lede{max-width:56ch;color:var(--ink2);margin:22px 0 0;font-size:clamp(17px,1.4vw,20px)}.lede strong,.lede em{color:var(--ink);font-style:normal;font-weight:700}.btn-ink,.btn-ghost,.btn-signal{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;border:0;border-radius:14px;align-items:center;gap:10px;padding:14px 22px 13px;font-size:22px;font-weight:900;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;display:inline-flex}.btn-ink{background:var(--ink);color:var(--on-ink);box-shadow:0 5px 0 var(--signal)}.btn-ink:hover{box-shadow:0 7px 0 var(--signal);transform:translateY(-2px)}.btn-ink:active{box-shadow:0 1px 0 var(--signal);transform:translateY(4px)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--on-ink)}.btn-ghost.small,.btn-signal{padding:11px 16px 10px;font-size:18px}.btn-signal{background:var(--signal);color:var(--on-signal);box-shadow:0 4px #9c2f08}.btn-signal:hover{transform:translateY(-1px)}.btn-signal:active{transform:translateY(3px);box-shadow:0 1px #9c2f08}.btn-signal.big{border-radius:18px;padding:18px 30px 16px;font-size:clamp(22px,2.4vw,30px);box-shadow:0 6px #9c2f08}.nav{z-index:50;padding:14px 0;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,padding .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.nav.scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 1px 0 var(--border);padding:8px 0}.nav-inner{align-items:center;gap:24px;display:flex}.brand{font-family:var(--display);text-transform:uppercase;align-items:center;gap:10px;font-size:26px;font-weight:900;text-decoration:none;display:flex}.brand-tile{background:linear-gradient(var(--flap-top) 50%, var(--flap) 50%);width:28px;height:36px;color:var(--flap-digit);font-family:var(--flapface);box-shadow:0 0 0 3px var(--signal);border-radius:6px;place-items:center;font-size:26px;font-weight:800;display:grid;position:relative}.brand-tile:after{content:"";background:#000;height:1.5px;position:absolute;inset:50% 0 auto}.nav-links{gap:22px;margin-left:auto;display:flex}.nav-links a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--signal);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-tools{align-items:center;gap:10px;display:flex}.sound{border:1.5px solid var(--border);background:var(--card);height:36px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.sound-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.sound-bars i{background:var(--muted);border-radius:1px;width:3px;height:4px}.sound.on .sound-bars i{background:var(--signal);animation:.7s ease-in-out infinite alternate eq}.sound.on .sound-bars i:nth-child(2){animation-delay:-.3s}.sound.on .sound-bars i:nth-child(3){animation-delay:-.5s}@keyframes eq{0%{height:3px}to{height:12px}}.rocker{background:var(--ink);border:0;border-radius:10px;width:104px;height:36px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.rk-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bg);opacity:.55;font-size:10px;font-weight:700;position:absolute;top:50%;translate:0 -50%}.rk-label.day{text-align:center;width:48px;left:3px}.rk-label.night{text-align:center;width:48px;right:3px}.rk-knob{background:linear-gradient(#ffffff38, transparent), var(--signal);border-radius:8px;width:48px;height:30px;transition:transform .35s cubic-bezier(.5,1.6,.4,1);position:absolute;top:3px;left:3px;box-shadow:0 2px #0005,inset 0 -2px #00000030}.rocker.light .rk-knob{transform:translate(0)}.rocker.dark .rk-knob{transform:translate(50px)}.rk-label{z-index:2;transition:color .3s,opacity .3s}.rocker.light .rk-label.day,.rocker.dark .rk-label.night{color:#131313;opacity:1}.nav-cta{font-family:var(--display);text-transform:uppercase;background:var(--signal);color:var(--on-signal);border-radius:10px;padding:7px 14px 6px;font-size:18px;font-weight:900;text-decoration:none}.flaps{gap:calc(var(--fs) * .08);font-size:var(--fs);display:inline-flex}.flap{--h:calc(var(--fs) * 1.3);--r:calc(var(--fs) * .12);width:calc(var(--fs) * .76);height:var(--h);border-radius:var(--r);perspective:calc(var(--fs) * 5);font-family:var(--flapface);font-weight:800;line-height:var(--h);color:var(--flap-digit);text-align:center;box-shadow:0 calc(var(--fs) * .05) calc(var(--fs) * .12) #00000047;display:inline-block;position:relative}.flap .half{backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flap .half>span{height:var(--h);white-space:pre;position:absolute;left:0;right:0}.flap .top{background:var(--flap-top);border-radius:var(--r) var(--r) 0 0;transform-origin:50% 100%;top:0}.flap .top>span{top:0}.flap .bottom{background:var(--flap);border-radius:0 0 var(--r) var(--r);transform-origin:50% 0;bottom:0}.flap .bottom>span{bottom:0}.flap .fold{z-index:2;animation:fold var(--d) ease-in forwards}.flap .unfold{z-index:2;animation:unfold var(--d) ease-out var(--d) forwards;transform:rotateX(90deg)}.flap .fold:after,.flap .unfold:after{content:"";animation:shade var(--d) linear forwards;background:#000;position:absolute;inset:0}.flap .unfold:after{animation:unshade var(--d) linear var(--d) forwards;opacity:.5}@keyframes fold{to{transform:rotateX(-90deg)}}@keyframes unfold{to{transform:rotateX(0)}}@keyframes shade{0%{opacity:0}to{opacity:.55}}@keyframes unshade{to{opacity:0}}.flap .hinge{z-index:3;left:0;right:0;top:calc(50% - max(.75px, calc(var(--fs) * .017)));height:max(1.5px, calc(var(--fs) * .034));background:#000000b3;position:absolute}.flap .hinge:before,.flap .hinge:after{content:"";width:calc(var(--fs) * .05);height:calc(var(--fs) * .16);background:#000;border-radius:9px;position:absolute;top:50%;translate:0 -50%}.flap .hinge:before{left:-1px}.flap .hinge:after{right:-1px}.lamp{background:radial-gradient(circle at 34% 30%, #fff3 0 14%, transparent 16%), var(--muted);border:1px solid #00000038;border-radius:50%;flex:none;transition:background-color .3s,box-shadow .3s;display:inline-block}.lamp-fine,.lamp-soon,.lamp-overdue{--c:var(--fine);background:radial-gradient(circle at 34% 30%, #fff9 0 14%, transparent 16%), var(--c);box-shadow:0 0 10px var(--c), 0 0 2px var(--c)}.lamp-soon{--c:var(--soon)}.lamp-overdue{--c:var(--late);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 18px var(--c), 0 0 4px var(--c)}}.gauge{--c:var(--muted);align-items:flex-end;gap:2px;width:100%;height:12px;display:flex}.gauge-fine{--c:var(--fine)}.gauge-soon{--c:var(--soon)}.gauge-overdue{--c:var(--late)}.gauge>span{background:var(--muted);opacity:.55;border-radius:1px;flex:1;height:60%;transition:background-color .3s,opacity .3s}.gauge>span.major{height:100%}.gauge>span.on{background:var(--c);opacity:1}.st-fine{color:var(--fine)!important}.st-soon{color:var(--soon-text)!important}.st-overdue{color:var(--late-text)!important}.hero{padding:120px 0 64px;position:relative}.hero:before{content:"";background:repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 10px), repeating-linear-gradient(90deg, var(--ink2) 0 1.5px, transparent 1.5px 50px);opacity:.5;background-repeat:repeat-x;background-size:auto 6px,auto 12px;height:12px;position:absolute;inset:72px 0 auto}.hero-head{grid-template-columns:1.35fr 1fr;align-items:end;gap:40px;display:grid}.hero-title{margin-top:22px;font-size:clamp(64px,11.5vw,184px);line-height:.84}.hero-title em{color:var(--signal);font-style:normal;position:relative}.hero-title .nw{white-space:nowrap}.hero-title .q{color:var(--signal);transform-origin:50% 90%;animation:3.2s ease-in-out infinite wobble;display:inline-block}@keyframes wobble{0%,70%,to{rotate:0deg}76%{rotate:14deg}84%{rotate:-9deg}92%{rotate:4deg}}.hero-side .lede{margin:0 0 26px}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.board-row{grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:54px;display:grid}.board{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;position:relative;overflow:hidden}.board.is-late:before{content:"";z-index:2;background:repeating-linear-gradient(-45deg, var(--late) 0 8px, transparent 8px 16px);height:7px;position:absolute;inset:0 0 auto}.board-bar{background:var(--signal);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.board-bar .label{color:var(--on-signal)}.bar-state{align-items:center;gap:8px;display:flex}.board-body{align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,36px);display:flex}.board-name{flex-direction:column;gap:14px;min-width:0;display:flex}.board-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.board-stats>div{flex-direction:column;gap:4px;padding:14px 20px;display:flex}.board-stats>div+div{border-left:1px solid var(--border)}.board-stats b{font-family:var(--mono);letter-spacing:.04em;font-size:clamp(13px,1.3vw,16px);font-weight:700}.hot-soon b{color:var(--soon-text)}.hot-overdue b{color:var(--late-text)}.stamp{z-index:4;border:5px solid var(--fine);color:var(--fine);font-family:var(--display);text-transform:uppercase;mix-blend-mode:multiply;pointer-events:none;border-radius:10px;padding:8px 16px 6px;font-size:clamp(28px,4vw,54px);font-weight:900;animation:.35s cubic-bezier(.3,1.8,.5,1) both stamp;position:absolute;bottom:22px;right:4%;rotate:-9deg}[data-theme=dark] .stamp{mix-blend-mode:normal;background:color-mix(in srgb, var(--card) 70%, transparent)}@keyframes stamp{0%{opacity:0;scale:2.4}}.reset-col{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.reset{--d:clamp(150px, 15vw, 210px);width:calc(var(--d) + 26px);height:calc(var(--d) + 26px);background:radial-gradient(circle, transparent 60%, #ffffff12 61%, transparent 63%), var(--ink);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 20px 40px -18px #0009,inset 0 -4px #00000059}.reset .cap{width:var(--d);height:var(--d);background:radial-gradient(circle at 50% 18%, #ffffff73, transparent 55%), var(--signal);border:2px solid #00000040;border-radius:50%;place-items:center;transition:transform .12s cubic-bezier(.3,1.8,.5,1),box-shadow .12s;display:grid;transform:translateY(-6px);box-shadow:0 9px #9c2f08,0 14px 18px #00000073}.reset .cap span{font-family:var(--display);font-weight:900;font-size:calc(var(--d) * .24);color:var(--on-signal);text-transform:uppercase;text-shadow:0 1px #ffffff59}.reset:hover .cap{transform:translateY(-8px);box-shadow:0 11px #9c2f08,0 18px 22px #00000073}.reset:active .cap{transform:translateY(2px);box-shadow:0 1px #9c2f08,0 2px 4px #0006}.try{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.try-field{background:var(--card);border:2px solid var(--ink);border-radius:14px;flex:1;min-width:260px;max-width:560px;display:flex;overflow:hidden}.try-field input{min-width:0;color:var(--ink);font-family:var(--mono);letter-spacing:.14em;background:0 0;border:0;outline:none;flex:1;padding:12px 16px;font-size:16px;font-weight:700}.try-field input::placeholder{color:var(--muted)}.try-field button{background:var(--ink);color:var(--on-ink);font-family:var(--display);text-transform:uppercase;border:0;padding:0 18px;font-size:19px;font-weight:900}.try-field button:hover{background:var(--signal);color:var(--on-signal)}.tapes{height:190px;margin:20px 0 0;position:relative;overflow:hidden}.tape{border-block:6px solid #0000;border-image:repeating-linear-gradient(-45deg, var(--ink) 0 10px, var(--signal) 10px 20px) 6;padding:14px 0;position:absolute;top:50%;left:-5%;right:-5%;overflow:hidden}.tape-a{background:var(--signal);color:var(--on-signal);z-index:2;translate:0 -50%;rotate:-3deg}.tape-b{background:var(--ink);color:var(--bg);border-image:repeating-linear-gradient(-45deg, var(--soon) 0 10px, var(--ink) 10px 20px) 6;translate:0 -50%;rotate:2.5deg}.tape-track{gap:28px;width:max-content;animation:38s linear infinite marquee;display:flex}.tape-track.rev{animation-duration:46s;animation-direction:reverse}.tape-track span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1}.tape-track i{vertical-align:middle;margin-left:24px;font-size:.5em;font-style:normal}@keyframes marquee{to{transform:translate(-33.333%)}}.section{padding:clamp(80px,11vw,150px) 0}.section-head.split{grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;display:grid}.section-head.split .lede{margin:0}.reveal{opacity:0;transition:opacity .7s,translate .8s cubic-bezier(.2,.9,.2,1);translate:0 28px}.reveal.in{opacity:1;translate:0}.board-section{background:var(--bg-2);border-block:1px solid var(--border)}.board-grid{grid-template-columns:auto 1fr;align-items:center;gap:clamp(40px,7vw,110px);display:grid}.phone-col{flex-direction:column;align-items:center;gap:18px;display:flex}.phone{aspect-ratio:390/844;width:clamp(270px,28vw,360px);box-shadow:0 0 0 2px #2d2d2b, 0 0 0 5px #0b0b0b, 0 50px 80px -30px #0009, -30px 40px 0 -8px color-mix(in srgb, var(--signal) 55%, transparent);background:#0b0b0b;border-radius:54px;padding:12px;transition:rotate .6s cubic-bezier(.2,1.4,.4,1);position:relative;rotate:-3deg}.phone:hover{rotate:0deg}.phone-screen{background:var(--bg);border-radius:43px;width:100%;height:100%;position:relative;overflow:hidden}.island{z-index:3;background:#000;border-radius:20px;width:30%;height:26px;position:absolute;top:10px;left:50%;translate:-50%}.phone-toggle{background:var(--ink);color:var(--on-ink);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;position:absolute;bottom:-14px;right:-14px}.scrub{background:var(--border);border-radius:2px;width:70%;height:4px;overflow:hidden}.scrub span{background:var(--signal);height:100%;display:block}.steps ol{gap:4px;margin:40px 0 0;padding:0;list-style:none;display:grid}.step{text-align:left;background:0 0;border:0;border-radius:16px;grid-template-columns:70px 1fr;gap:18px;width:100%;padding:22px 20px 26px;transition:background-color .3s;display:grid;position:relative}.step:hover{background:color-mix(in srgb, var(--card) 60%, transparent)}.step.active{background:var(--card);box-shadow:var(--shadow)}.step-n{font-family:var(--flapface);color:var(--muted);font-size:54px;font-weight:800;line-height:1;transition:color .3s}.step.active .step-n{color:var(--signal)}.step b{font-family:var(--display);text-transform:uppercase;font-size:34px;font-weight:900;line-height:1;display:block}.step-d{color:var(--ink2);opacity:0;max-height:0;margin-top:8px;font-size:16px;transition:max-height .4s,opacity .4s;display:block;overflow:hidden}.step.active .step-d{opacity:1;max-height:120px}.step-bar{background:var(--border);border-radius:2px;height:3px;position:absolute;bottom:12px;left:20px;right:20px;overflow:hidden}.step-bar span{background:var(--signal);transform-origin:0;height:100%;display:block}.lab{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;margin-top:54px;padding:clamp(18px,3vw,34px)}.lab-readout{grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,48px);display:grid}.lab-sign{border:1px solid var(--border);background:var(--bg);border-radius:18px;overflow:hidden}.lab-sign-body{flex-direction:column;align-items:center;gap:12px;padding:22px 26px;display:flex}.lab-facts{grid-template-columns:repeat(3,1fr);gap:0;margin:0;display:grid}.lab-facts>div{padding:4px 22px}.lab-facts>div+div{border-left:1px solid var(--border)}.lab-facts dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);font-size:11px;font-weight:600}.lab-facts dd{font-family:var(--display);text-transform:uppercase;margin:6px 0 0;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:.95}.lab-track-wrap{margin-top:40px;padding:36px 0 34px}.lab-track{background:var(--bg);border:1px solid var(--border);cursor:crosshair;touch-action:manipulation;border-radius:12px;height:64px;position:relative}.mtick{background:var(--border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.mtick.major{background:var(--muted)}.mtick i{font-style:normal;font-family:var(--mono);letter-spacing:.1em;color:var(--ink2);white-space:nowrap;font-size:10px;position:absolute;top:calc(100% + 10px);left:0;translate:-50%}.zone{pointer-events:none;transition:left .35s,width .35s;position:absolute;top:0;bottom:0}.zone-soon{background:color-mix(in srgb, var(--soon) 30%, transparent)}.zone-grace{background:color-mix(in srgb, var(--soon) 12%, transparent)}.zone-late{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--late) 26%, transparent) 0 6px, transparent 6px 12px);border-radius:0 12px 12px 0}.future{background:color-mix(in srgb, var(--bg-2) 70%, transparent);pointer-events:none;border-radius:0 12px 12px 0;position:absolute;top:0;bottom:0;right:0}.ghost-pin{border-left:2px dashed var(--soon);pointer-events:none;width:0;transition:left .35s;position:absolute;top:-8px;bottom:-8px}.ghost-pin .label{color:var(--soon-text);font-size:9px;position:absolute;top:12px;left:5px}.hover-line{background:var(--ink);opacity:.35;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.hover-line .label{color:var(--ink);white-space:nowrap;position:absolute;top:-22px;left:0;translate:-50%}.pin{border:3px solid var(--ink);background:var(--signal);z-index:3;width:22px;height:22px;box-shadow:0 3px 0 var(--ink);border-radius:50%;padding:0;transition:scale .2s cubic-bezier(.3,1.8,.5,1),opacity .2s;animation:.35s cubic-bezier(.3,1.8,.5,1) drop;position:absolute;top:50%;translate:-50% -50%}.pin:hover{background:var(--late);scale:1.25}.pin.is-future{opacity:.3}@keyframes drop{0%{opacity:0;translate:-50% -180%}}.now-line{background:var(--ink);pointer-events:none;z-index:2;border-radius:2px;width:3px;position:absolute;top:-12px;bottom:-12px;translate:-50%}.now-line .label{background:var(--ink);color:var(--bg);border-radius:4px;padding:2px 6px;position:absolute;top:-20px;left:50%;translate:-50%}.lab-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.fader{flex-direction:column;flex:1;gap:10px;min-width:260px;max-width:560px;display:flex}.fader input{appearance:none;background:repeating-linear-gradient(90deg, var(--muted) 0 2px, transparent 2px 8px), var(--bg);border:1px solid var(--border);border-radius:5px;width:100%;height:10px}.fader input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg, transparent 45%, #00000080 45% 55%, transparent 55%), var(--signal);border:2px solid var(--ink);width:30px;height:30px;box-shadow:0 3px 0 var(--ink);cursor:grab;border-radius:8px}.fader input::-moz-range-thumb{background:var(--signal);border:2px solid var(--ink);cursor:grab;border-radius:8px;width:30px;height:30px}.lab-buttons{flex-wrap:wrap;gap:10px;display:flex}.states{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;display:grid}.state-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px}.state-top{align-items:center;gap:12px;display:flex}.state-top .label{color:var(--ink);font-size:13px}.state-card h3{margin-top:18px;font-size:38px}.state-card p{color:var(--ink2);margin:10px 0 0}.st-card-overdue{position:relative;overflow:hidden}.st-card-overdue:before{content:"";background:repeating-linear-gradient(-45deg, var(--late) 0 8px, transparent 8px 16px);height:6px;position:absolute;inset:0 0 auto}.starter-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:54px;display:grid}.sign{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.sign:hover{box-shadow:var(--shadow);transform:translateY(-6px)rotate(-1deg)}.sign:active{transform:translateY(0)scale(.97)}.sign.is-late:before{content:"";background:repeating-linear-gradient(-45deg, var(--late) 0 6px, transparent 6px 12px);height:5px;position:absolute;inset:0 0 auto}.sign-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.plate{min-width:38px;height:38px;font-family:var(--mono);color:#131313;border-radius:9px;place-items:center;padding:0 7px;font-size:11px;font-weight:700;display:grid}.sign-name{font-family:var(--display);text-transform:uppercase;min-height:2em;margin-top:-6px;font-size:clamp(22px,2vw,28px);font-weight:900;line-height:.95}.feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px;display:grid}.feature{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;min-height:230px;padding:26px;display:flex;position:relative;overflow:hidden}.feature h3{font-size:clamp(30px,2.8vw,40px)}.feature p{color:var(--ink2);margin:0}.feature.big{background:var(--signal);border-color:#0000;grid-area:span 2/span 2}.feature.big .label,.feature.big h3,.feature.big p{color:var(--on-signal)}.feature.big h3{font-size:clamp(44px,5vw,72px)}.feature.dark{background:var(--ink);color:var(--on-ink);border-color:#0000;grid-column:span 2}.feature.dark .label,.feature.dark p{color:color-mix(in srgb, var(--on-ink) 65%, transparent)}.lock{width:90px;height:90px;fill:var(--signal);stroke:var(--signal);stroke-width:4px;opacity:.9;position:absolute;bottom:18px;right:24px}.lock circle{fill:var(--ink);stroke:none}.mini-widget{background:var(--card);border-radius:24px;align-self:flex-end;width:100%;max-width:420px;margin-top:auto;padding:16px 18px;rotate:-2deg;box-shadow:0 22px 40px -20px #0000008c}.mini-widget .label{color:var(--ink2)!important}.mini-widget .label.sig{color:var(--signal)!important}.mw-head{justify-content:space-between;margin-bottom:8px;display:flex}.mw-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.mw-name{flex-direction:column;flex:1;display:flex}.mw-name b{font-family:var(--display);text-transform:uppercase;color:var(--ink);font-size:22px;font-weight:900;line-height:1}.mw-name .label{font-size:10px}.mw-check{border:2px solid var(--muted);color:#fff;background:0 0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-weight:900;transition:background-color .2s,border-color .2s,scale .2s cubic-bezier(.3,1.8,.5,1);display:grid}.mw-check:hover{border-color:var(--fine)}.mw-check.on{background:var(--fine);border-color:var(--fine);scale:1.08}.cta{background:var(--flap);color:#f3efe5;padding:clamp(90px,12vw,160px) 0;position:relative;overflow:hidden}:root[data-theme=dark] .cta{background:#050505}.cta:before{content:"";background:radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--signal) 45%, transparent), transparent 60%);position:absolute;inset:0}.cta-inner{text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex;position:relative}.cta .kicker{color:#f3efe5}.cta-flaps .flap{box-shadow:0 0 0 1px #3a3a38,0 30px 50px -10px #000c}.cta h2{margin:0;font-size:clamp(50px,8vw,120px)}.cta h2 em{color:var(--signal);font-style:normal}.cta p{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9a968d;margin:0;font-size:13px}.footer{border-top:1px solid var(--border);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{font-family:var(--display);text-transform:uppercase;align-items:center;gap:12px;font-size:26px;font-weight:900;display:flex}.footer-brand img{border-radius:10px}.footer-meta{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.footer-credit{align-items:center;gap:12px;display:flex}.footer-credit a:not(.footer-social){color:var(--ink);border-bottom:2px solid var(--signal);text-decoration:none}.footer-credit a:not(.footer-social):hover{color:var(--signal)}.footer-social{background:var(--ink);width:32px;height:32px;color:var(--bg);border-radius:8px;place-items:center;transition:background-color .2s,color .2s,transform .2s;display:grid}.footer-social:hover{background:var(--signal);color:var(--on-signal);transform:translateY(-2px)}@media (width<=900px){.footer-meta{align-items:flex-start}}.footer-links{gap:18px;display:flex}.footer-links a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--signal);font-size:11px;font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--signal)}.legal{padding-top:140px}.legal-wrap{max-width:760px}.legal-title{margin:22px 0 18px;font-size:clamp(56px,9vw,120px)}.legal-board{background:var(--flap);box-shadow:var(--shadow);border-radius:14px;margin:36px 0 44px;padding:8px 20px}.legal-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;display:flex}.legal-row:last-child{border-bottom:0}.legal-row dt{color:#9a968d}.legal-row dd{font-family:var(--flapface);text-transform:uppercase;color:var(--flap-digit);text-align:right;margin:0;font-size:24px;font-weight:800}.legal-body{font-size:18px;line-height:1.6}.legal-body h2{margin:40px 0 10px;font-size:34px;line-height:1}.legal-body p{color:var(--ink);margin:0}.legal-body a{color:var(--ink);border-bottom:2px solid var(--signal);text-decoration:none}.legal-body a:hover{color:var(--signal)}@media (width<=600px){.legal{padding-top:110px}.legal-row dd{font-size:19px}}@media (width<=1080px){.starter-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.nav-tools{margin-left:auto}}@media (width<=900px){.hero-head,.section-head.split,.board-grid{grid-template-columns:1fr}.board-row{grid-template-columns:1fr;justify-items:center}.board{width:100%}.board-body{flex-direction:column;align-items:flex-start}.lab-readout,.states{grid-template-columns:1fr}.phone-col{order:2}}@media (width<=640px){body{font-size:16px}.hero{padding-top:100px}.sound-text,.nav-cta{display:none}.brand{font-size:22px}.board-bar,.board-stats>div{padding-inline:14px}.board-stats b{font-size:12px}.name-flaps{--fs:22px!important}.hero-title{font-size:21vw}.lab-facts{grid-template-columns:1fr;gap:14px}.lab-facts>div+div{border-left:0;border-top:1px solid var(--border);padding-top:14px}.lab-facts>div{padding:0}.mtick i{font-size:8px}.mtick:not(.major){display:none}.starter-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-grid{grid-template-columns:1fr}.feature.big,.feature.dark{grid-area:auto}.step{grid-template-columns:48px 1fr;gap:12px;padding:18px 14px 24px}.step-n{font-size:40px}.step b{font-size:28px}.tapes{height:150px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;translate:none}}