:root{--navy:#00152f;--blue:#0757bd;--lime:#78d34d;--soft:#f5f7fa;--soft-blue:#eef4ff;--line:rgba(0,36,82,.085);--muted:#667383;--r:24px;--shadow:0 14px 40px rgba(15,35,70,.055)}*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:var(--navy);font-family:"Matter","Matter SQ",Manrope,"Helvetica Neue",Arial,sans-serif}.wrap{width:min(1260px,calc(100% - 48px));margin:auto;padding:70px 0 100px}.top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:54px}.k{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:750}h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:10px 0 0}h1 em,h2 em{font-weight:500}p{color:var(--muted);line-height:1.65}.logo{width:92px}.section{margin-top:60px}.section h2{font-size:38px;letter-spacing:-.04em;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}.swatch{height:120px;border-radius:18px;margin-bottom:14px}.tokens{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.token{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.token b{display:block;margin-top:9px}.token small{color:var(--muted)}.type-sample.big{font-size:60px;line-height:.94;letter-spacing:-.06em;font-weight:800}.type-sample.medium{font-size:32px;letter-spacing:-.04em;font-weight:700}.btn{height:56px;border:0;border-radius:14px;padding:0 24px;display:inline-flex;align-items:center;gap:15px;font:700 14px inherit;background:var(--blue);color:#fff}.btn.alt{background:var(--lime);color:var(--navy)}.circle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff}.fixture{display:grid;grid-template-columns:1fr 80px 1fr;gap:12px;align-items:center;padding:18px;border-radius:18px;background:var(--soft)}.fixture>div{text-align:center}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft-blue);color:var(--blue);font-size:11px;font-weight:700}.table{overflow:hidden;padding:0}.tr{display:grid;grid-template-columns:34px 1fr 40px 46px;gap:8px;padding:13px 18px;border-top:1px solid rgba(0,36,82,.055);align-items:center}.tr.head{border:0;background:#f8fafc;color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:800}.tr.own{background:rgba(83,98,213,.075)}.motion{display:grid;gap:9px}.motion b{font-size:15px}.motion span{font-size:13px;color:var(--muted)}code{background:#eef3fa;padding:2px 7px;border-radius:7px}@media(max-width:850px){.grid,.tokens{grid-template-columns:1fr 1fr}.top{align-items:start;flex-direction:column}.logo{order:-1}}@media(max-width:540px){.grid,.tokens{grid-template-columns:1fr}.wrap{width:calc(100% - 28px);padding-top:38px}}