:root{color-scheme:light dark;--page:#efece7;--field:#fbf9f6;--ink:#141821;--body:#373d4b;--placeholder:#5a6070;--border:#14182126;--struck:#767c8b;--screen-opacity:0.13;--accent:#ff8787;--accent-highlight:#ff878766;--note:#db5a5a;--button:#141821;--button-text:#efece7;--ease-out:cubic-bezier(0.165,0.84,0.44,1)}@media (prefers-color-scheme:dark){:root{--page:#0c0c0d;--field:#19191b;--ink:#fafafa;--body:#d9d9d9;--placeholder:#b5b5b5;--border:#fafafa26;--struck:#a3a3a3;--accent-highlight:#ff878780;--note:#ff8787;--button:#ff8787;--button-text:#0c0c0d;--screen-opacity:0.07}}body{margin:0;background:var(--page)}.page:after{content:"";position:fixed;top:50%;left:50%;width:calc(100vw + 28vh);height:calc(28vw + 100vh);z-index:1;pointer-events:none;opacity:var(--screen-opacity);transform:translate(-50%,-50%) rotate(15deg);will-change:transform;background-image:radial-gradient(circle at 50% 50%,currentcolor 0 1.1px,transparent 2.6px);background-size:6px 6px}.page{box-sizing:border-box;min-height:100vh;padding:80px clamp(22px,9vw,140px);display:flex;align-items:center;color:var(--ink);font-family:var(--font-manrope),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}.content{width:100%;max-width:70rem;display:flex;flex-direction:column;gap:clamp(40px,5vw,64px)}.paragraph{margin:0;font-size:clamp(1.75rem,1rem + 2.6vw,2.875rem);line-height:1.5;font-weight:500;letter-spacing:-.025em;text-wrap:pretty}.name{font-weight:700}.mark{position:relative;display:inline-block}.mark,.nowrap{white-space:nowrap}.drawing{position:absolute;overflow:visible;pointer-events:none}.drawing path{fill:none;stroke-linecap:round;stroke-width:2.6px;vector-effect:non-scaling-stroke;stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw .7s var(--ease-out) forwards}.circled{margin-inline:.12em}.circle{left:-5%;top:-18%;width:110%;height:136%}.circle path{stroke:var(--accent);animation-delay:.3s}.squiggle{left:1%;bottom:-.04em;width:98%;height:.34em}.squiggle path{stroke:var(--accent);stroke-width:4.5px;animation-delay:.65s}.noted{display:inline}.note{display:inline-block;margin-inline:.06em .1em;vertical-align:.55em;transform:rotate(-5deg);font-family:var(--font-caveat),"Comic Sans MS",cursive;font-size:max(.62em,19px);line-height:1;font-weight:700;letter-spacing:0;color:var(--note)}.highlight,.note{white-space:nowrap}.highlight{position:relative;isolation:isolate}.highlight:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 1%,var(--accent-highlight) 3%,var(--accent-highlight) 96%,transparent 99%) 0 88% /100% .5em no-repeat}.scribble-filter{position:absolute;width:0;height:0}@media (prefers-reduced-motion:no-preference){.drawing,.highlight:before,.note{filter:url(#scribble)}}.struck{white-space:nowrap;color:var(--struck);text-decoration:line-through;text-decoration-thickness:.06em}@keyframes draw{to{stroke-dashoffset:0}}.signup{display:flex;flex-direction:column;gap:14px}.form{max-width:44rem;display:flex;gap:10px}.input{flex-grow:1;min-width:0;height:56px;box-sizing:border-box;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:var(--field);color:var(--ink);font:inherit;font-size:1.125rem}.input::placeholder{color:var(--placeholder)}.button:focus-visible,.input:focus-visible,.success:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button{height:56px;padding:0 26px;border:0;border-radius:12px;background:var(--button);color:var(--button-text);font:inherit;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:transform .15s var(--ease-out),opacity .15s ease}.button:active{transform:scale(.97)}.button:disabled{opacity:.6;cursor:default}.success{margin:0;font-size:1.25rem;line-height:1.6;color:var(--body);text-wrap:pretty;outline:none;animation:enter .4s var(--ease-out) both}.error,.success strong{color:var(--ink)}.error{margin:0;font-size:.9375rem;line-height:1.4;font-weight:700}.fine{margin:0;font-size:.875rem;line-height:1.5;color:var(--body)}.honeypot{left:-10000px}.honeypot,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden}.visually-hidden{margin:-1px;clip:rect(0 0 0 0);white-space:nowrap}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@media (max-width:620px){.paragraph{line-height:1.62}.form{flex-direction:column}}@media (prefers-reduced-motion:reduce){.drawing path{stroke-dashoffset:0;animation:none}.button,.success{animation:none;transition:none}}