:root{--s-bg:#fbf8ef;--s-fg:#14204f;--s-accent:#1d3bb3;--s-display:"Bricolage Grotesque", sans-serif;--s-body:"Inter", sans-serif;--ink:#1d3bb3;--hl:#ffe14d;--red:#ff5a4d;--hand:"Caveat", cursive;--grid:#1d3bb317;--g:clamp(16px, 4vw, 48px)}body{background-color:var(--s-bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px}.e-kicker{font:700 22px var(--hand);color:var(--red)}.e-hero{height:100svh;min-height:640px;position:relative;overflow:hidden}.e-hero__text{z-index:2;padding:120px var(--g) 0;pointer-events:none;position:relative}.e-title{font:800 clamp(48px, 8vw, 140px)/.92 var(--s-display);letter-spacing:-.045em;max-width:12ch;margin-top:10px}mark{background:linear-gradient(transparent 55%, var(--hl) 55% 92%, transparent 92%) no-repeat 0 0 / 0% 100%;color:inherit}.e-note{font:700 28px var(--hand);color:var(--ink);align-items:flex-start;gap:6px;margin-top:12px;display:flex}.e-note svg{width:90px}.e-note path,.e-circle path,.e-under path,.e-checks path{fill:none;stroke-linecap:round;stroke-linejoin:round}.e-note path{stroke:var(--ink);stroke-width:3px}.e-physics{z-index:1;touch-action:pan-y;position:absolute;inset:0}.pb{user-select:none;will-change:transform;cursor:grab;place-items:center;display:grid;position:absolute;top:0;left:0}.pb:active{cursor:grabbing}.pb--l{width:var(--sz);height:var(--sz);background:var(--ink);color:#fff;font:800 calc(var(--sz) * .62)/1 var(--s-display);border-radius:18px;box-shadow:0 10px 0 -2px #14204f40}.pb--l:nth-child(3n+2){background:var(--red)}.pb--l:nth-child(3n){background:var(--hl);color:var(--s-fg)}.pb--circle{width:calc(var(--sz) * 1.1);height:calc(var(--sz) * 1.1);border:4px solid var(--s-fg);background:#9ee6ff;border-radius:50%}.pb--c2{width:calc(var(--sz) * .8);height:calc(var(--sz) * .8);background:#ffb3c7}.pb--pencil{width:calc(var(--sz) * 2.4);height:calc(var(--sz) * .42);background:linear-gradient(90deg, #ff9fb3 0 12%, #c9c9c9 12% 18%, var(--hl) 18% 82%, #f2d4a6 82% 94%, var(--s-fg) 94%);border:3px solid var(--s-fg);border-radius:6px 30px 30px 6px}.pb--tri{width:var(--sz);height:var(--sz);clip-path:polygon(50% 0,100% 100%,0 100%);background:#b9f5c4}.pb--star,.pb--plus{width:var(--sz);height:var(--sz);font:800 calc(var(--sz) * .9)/1 var(--s-display);color:var(--red)}.pb--plus{color:var(--ink)}.e-problem{padding:clamp(100px, 14vw, 180px) var(--g)}.e-big{font:500 clamp(30px, 4.2vw, 66px)/1.18 var(--s-display);letter-spacing:-.03em;max-width:24ch;margin-top:14px}.e-circle,.e-under{white-space:nowrap;position:relative}.e-circle svg{width:124%;height:144%;position:absolute;top:-22%;left:-12%;overflow:visible}.e-circle path{stroke:var(--red);stroke-width:4px}.e-under svg{width:100%;height:22px;position:absolute;bottom:-14px;left:0;overflow:visible}.e-under path{stroke:var(--ink);stroke-width:5px}.e-notes{padding:0 var(--g) clamp(100px, 14vw, 180px)}.e-board{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:30px;display:grid}.sticky{background:var(--c);min-height:260px;transform:rotate(var(--r));padding:46px 24px 34px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s;position:relative;box-shadow:0 18px 30px -18px #14204f80}.sticky:before{content:"";background:#ffffff8c;width:90px;height:26px;margin-left:-45px;position:absolute;top:-12px;left:50%;transform:rotate(-4deg);box-shadow:0 1px 2px #00000014}.sticky:hover{transform:rotate(0)translateY(-10px)scale(1.04);box-shadow:0 30px 40px -20px #14204f99}.sticky h3{font:700 34px/1 var(--hand);color:var(--s-fg)}.sticky p{font:500 15px/1.5 var(--s-body);color:#14204fcc;margin-top:12px}.e-swap{padding:clamp(80px, 12vw, 160px) var(--g);background:var(--ink);color:#fff}.e-hand{font:700 clamp(30px, 3.4vw, 50px) var(--hand);color:var(--hl)}.e-strike{text-decoration:none;position:relative}.e-strike:after{content:"";background:var(--red);transform-origin:0;height:5px;transform:rotate(-3deg) scaleX(var(--k,0));border-radius:4px;position:absolute;top:52%;left:-4%;right:-4%}.e-swap__big{font:800 clamp(48px, 8vw, 140px)/.95 var(--s-display);letter-spacing:-.045em;margin-top:10px}.e-lined{padding:clamp(100px, 14vw, 180px) var(--g) clamp(100px, 14vw, 180px) calc(var(--g) + 60px);background:#fffdf6 repeating-linear-gradient(#0000 0 47px,#1d3bb32e 47px 48px);position:relative}.e-lined:before{content:"";top:0;bottom:0;left:calc(var(--g) + 30px);background:#ff5a4d80;width:2px;position:absolute}.e-checks{margin-top:20px;list-style:none}.e-checks li{align-items:flex-start;gap:22px;padding:22px 0;display:flex}.e-checks svg{flex:none;width:48px;height:48px}.e-checks path{stroke:#2bb673;stroke-width:5px}.e-checks h3{font:800 clamp(28px, 3vw, 44px)/1 var(--s-display);letter-spacing:-.03em}.e-checks p{font:700 26px var(--hand);color:#14204fbf;margin-top:8px}.e-hand--small{color:var(--ink);margin-top:30px;font-size:26px}.e-cta{padding:clamp(120px, 16vw, 220px) var(--g);flex-direction:column;align-items:center;gap:50px;display:flex}.e-stamp{border:7px double var(--red);font:800 clamp(44px, 7vw, 110px)/.9 var(--s-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--red);text-align:center;mix-blend-mode:multiply;border-radius:18px;padding:20px 46px;transform:rotate(-8deg)}.e-btn{background:var(--ink);color:#fff;height:70px;font:800 19px var(--s-display);box-shadow:0 8px 0 var(--s-fg);border-radius:16px;align-items:center;padding:0 40px;transition:transform .2s,box-shadow .2s;display:inline-flex}.e-btn:active{box-shadow:0 2px 0 var(--s-fg);transform:translateY(6px)}@media (width<=900px){.e-board{grid-template-columns:1fr 1fr}}@media (width<=560px){.e-board{grid-template-columns:1fr}.e-circle,.e-under{white-space:normal}}
