:root{--sun:#F4C430;--ink:#15171C;--paper:#fff;--stone:#EEF0F3;--stone-2:#E2E5EA;--muted:#535A65}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--stone);color:var(--ink);font:400 1.0625rem/1.6 "Public Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}
::selection{background:var(--sun)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:10px}
svg{display:block;fill:currentColor}
.wrap{width:min(100% - 40px,760px);margin-inline:auto}
.top{background:var(--sun)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:800 1.1rem/1 "Funnel Display",system-ui,sans-serif}
.brand svg{width:28px;height:28px}
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.back:hover{transform:translateY(-2px)}.back:active{transform:scale(.97)}
h1{margin:40px 0 8px;font:800 clamp(2.3rem,9vw,3.6rem)/1.05 "Funnel Display",system-ui,sans-serif}
.upd{color:var(--muted);margin:0 0 24px}
.note{margin:0 0 12px;padding:14px 18px;border-radius:18px;background:var(--sun);font-weight:600}
section{margin:0 0 10px;padding:20px;border-radius:22px;background:var(--paper)}
h2{margin:0 0 8px;font:700 1.3rem/1.25 "Funnel Display",system-ui,sans-serif}
p,ul{margin:0 0 10px}ul{padding-left:20px}
footer{padding:28px 0 48px;color:var(--muted);font-size:.92rem}
@media(min-width:700px){section{padding:28px 32px}}