:root{--paper:#f2f3f5;--sheet:#ffffff;--ink:#141414;--graphite:#4f525a;--rule:#c9ccd2;--active:#d62976;--cond:"Barlow Condensed","Arial Narrow",sans-serif;--text:"Atkinson Hyperlegible",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--text);font-size:clamp(1rem,0.95rem + 0.2vw,1.0625rem);line-height:1.5;overflow-x:clip;min-height:100dvh;display:flex;flex-direction:column}.sheet{width:100%;max-width:1200px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "h1" "sup" "fig" "cta" "key";column-gap:56px;}.logo{grid-area:logo;display:block;width:56px;height:56px;margin-bottom:12px}.logo img{display:block;width:100%;height:100%;border-radius:14px}h1{grid-area:h1;font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:0.005em;line-height:0.98;font-size:clamp(1.85rem,1.1rem + 3.4vw,3.6rem);max-width:17ch;overflow-wrap:normal}h1 .brand{color:var(--active)}.sup{grid-area:sup;margin-top:10px;max-width:46ch;color:var(--graphite);font-size:clamp(0.95rem,0.9rem + 0.25vw,1.0625rem);line-height:1.45}.fig{grid-area:fig;margin-top:14px;position:relative}.fig svg{display:block;width:100%;height:auto;overflow:visible}.cap{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:4px;margin-top:2px;font-family:var(--cond);font-size:clamp(0.8rem,0.76rem + 0.2vw,0.9rem);letter-spacing:0.08em;text-transform:uppercase;color:var(--graphite)}.ctarow{grid-area:cta;position:relative;display:flex;flex-direction:column;align-items:flex-end;padding-top:14px}.ctarow::before{content:"";position:absolute;top:0;right:8%;width:1.5px;height:14px;background:var(--active)}.cta{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:8px 20px 8px 8px;background:var(--active);color:#fff;text-decoration:none;border-radius:999px;font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:0.04em;font-size:clamp(1.15rem,1.05rem + 0.4vw,1.35rem);line-height:1;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease;}.cta .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--active);font-size:1.05rem}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.cta:hover{background:#b81d62}}.ready{margin-top:8px;font-size:0.9rem;color:var(--graphite);text-align:right;max-width:34ch}.key{grid-area:key;list-style:none;margin-top:28px;border-top:1px solid var(--ink)}.key li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--rule)}.key .n{display:inline-grid;place-items:center;width:26px;height:26px;border:1.25px solid var(--ink);border-radius:50%;font-family:var(--cond);font-weight:800;font-size:0.95rem;line-height:1;transform:translateY(-1px)}.key b{font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:0.03em;font-size:1.08rem}.key span.t{color:var(--graphite)}.doubt{background:var(--sheet);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.doubt div{max-width:1200px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right)) 30px max(16px,env(safe-area-inset-left));display:grid;gap:8px}.doubt h2{font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);line-height:1}.doubt p{max-width:58ch;color:var(--graphite)}footer{margin-top:auto;padding:18px 16px max(18px,env(safe-area-inset-bottom));text-align:center;font-size:0.85rem;color:var(--graphite)}.ln{fill:none;stroke:var(--ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.fine{fill:none;stroke:var(--graphite);stroke-width:0.9px;vector-effect:non-scaling-stroke}.glass{fill:var(--sheet);stroke:var(--ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.cut{fill:url(#hatch);stroke:var(--ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.blank{fill:var(--rule)}.mk circle{fill:var(--sheet);stroke:var(--ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.mk text{font-family:var(--cond);font-weight:800;font-size:19px;fill:var(--ink);text-anchor:middle;dominant-baseline:central}.mk.on circle{fill:var(--active);stroke:var(--active)}.mk.on text{fill:#fff}.ray{fill:none;stroke:var(--active);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.lit .ray{stroke-dasharray:1;stroke-dashoffset:1;animation:trace 1.6s cubic-bezier(.16,1,.3,1) .35s forwards}.lit .ray.late{animation-delay:1.1s}.focus{fill:var(--active);transform-box:fill-box;transform-origin:center}.lit .focus{transform:scale(0);animation:pop .5s cubic-bezier(.16,1,.3,1) 1.4s forwards}@keyframes trace{to{stroke-dashoffset:0}}@keyframes pop{to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.lit .ray,.lit .focus{animation:none;stroke-dashoffset:0;transform:none}.cta{transition:none}}@media (min-width: 600px){.sheet{max-width:720px;padding-top:28px}.logo{width:80px;height:80px;border-radius:18px}.sup{margin-top:14px}}@media (min-width: 960px){.sheet{max-width:1200px;padding:32px 40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"logo fig" "h1 fig" "sup fig" "key fig" "key cta";align-content:center;min-height:min(100dvh,860px);}.logo{width:112px;height:112px;margin-bottom:16px}.logo img{border-radius:24px}h1{font-size:clamp(2.4rem,1rem + 2.6vw,3.1rem)}.fig{align-self:end;margin-top:0}.key{margin-top:20px;align-self:start}.key li{padding:5px 0;font-size:0.95rem}.key b{font-size:1rem}}