.x-hero{background:linear-gradient(var(--paper),var(--paper-deep));overflow-x:clip;padding:2.5rem 0 4rem}.x-wrap{margin:0 auto;max-width:76rem;padding:0 1rem}.x-grid{display:grid;gap:2.5rem}.x-eyebrow{color:var(--ink-soft);font-size:.8125rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.x-h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(2.4rem,5.2vw,4.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:.75rem 0 0}.x-lead{color:var(--ink-soft);font-size:1.125rem;line-height:1.6;margin:1.25rem 0 0;max-width:34rem}.x-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.x-note{color:var(--pen);font-size:1.5rem;margin:.5rem 0 0;transform:rotate(-2deg);transform-origin:left}@media (min-width:960px){.x-hero{padding:4.5rem 0 6rem}.x-grid{align-items:center;gap:4rem;grid-template-columns:1fr 1fr}}.a-book{line-height:2.25rem;min-height:20.25rem;padding:1rem 1rem 1.5rem 3.6rem;position:relative;transform:rotate(-1deg)}.a-label{color:var(--ink-soft);font-size:1.25rem;margin:0}.a-q{font-size:2rem;line-height:2.25rem;margin:0}.a-q-text{color:var(--ballpoint);display:inline-block;font-weight:700}.a-steps{color:var(--ink);font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.15rem;font-weight:600;list-style:none;margin:0;padding:0}.a-steps li{height:2.25rem}.a-ans{display:inline-block;font-weight:800;position:relative}.a-circle{height:3rem;left:-1.4rem;overflow:visible;position:absolute;top:-.3rem;width:7.2rem}.a-circle path,.a-tick path{fill:none;stroke:var(--pen);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.a-tick{bottom:2.6rem;position:absolute;right:5.6rem;width:3.5rem}.a-tick path{stroke-width:6}.a-aha{bottom:.4rem;font-size:2.1rem;font-weight:700;right:6.4rem;transform:rotate(-8deg)}.a-aha,.a-tip{color:var(--pen);margin:0;position:absolute}.a-tip{font-size:1.2rem;line-height:1.2;max-width:9rem;right:1rem;text-align:right;top:.9rem;transform:rotate(3deg)}.a-mascot{bottom:-1.5rem;position:absolute;right:-.75rem;width:6.5rem}@media (max-width:599px){.a-tip{max-width:11rem;position:static;text-align:left;transform:rotate(-2deg)}}.a-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.25rem}.a-chips-label{color:var(--ink-soft);font-size:.9rem;font-weight:600;width:100%}.a-chips button{background:#fffdf6;border:2px solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;font:600 1rem/1 Plus Jakarta Sans,Inter,sans-serif;min-height:44px;padding:0 1rem}.a-chips button[aria-pressed=true]{background:var(--hl)}[data-motion=full] .is-play .a-q-text{animation:a-write 1.2s steps(18) .2s forwards;clip-path:inset(0 100% 0 0)}[data-motion=full] .is-play .a-steps li{animation:a-in .35s ease-out calc(1.6s + var(--i)*.6s) forwards;opacity:0}[data-motion=full] .is-play .a-tip{animation:a-in .35s ease-out 2s forwards;opacity:0}[data-motion=full] .is-play .a-circle path{stroke-dashoffset:1;animation:a-draw .6s ease-in-out calc(1.8s + var(--n)*.6s) forwards}[data-motion=full] .is-play .a-tick path{stroke-dashoffset:1;animation:a-draw .35s ease-out calc(2.5s + var(--n)*.6s) forwards}[data-motion=full] .is-play .a-aha{animation:a-pop .4s cubic-bezier(.3,1.6,.5,1) calc(2.9s + var(--n)*.6s) forwards;opacity:0}[data-motion=full] .is-play .a-mascot{animation:a-peek .5s ease-out 1.3s forwards;opacity:0;transform:translateY(60%)}[data-motion=full] .a-book{--tap-delay:calc(3.3s + var(--n)*0.6s)}[data-motion=lite] .is-play .a-aha,[data-motion=lite] .is-play .a-q-text,[data-motion=lite] .is-play .a-steps,[data-motion=lite] .is-play .a-tick{animation:a-in .3s ease-out both}@keyframes a-write{to{clip-path:inset(0 0 0 0)}}@keyframes a-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes a-draw{to{stroke-dashoffset:0}}@keyframes a-pop{0%{opacity:0;transform:rotate(-8deg) scale(.4)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes a-peek{to{opacity:1;transform:none}}.x-demo{background:linear-gradient(var(--paper-deep),#fff);padding:4rem 0 5rem}.x-demo-inner{margin:0 auto;max-width:36rem;padding:0 1rem}