*{box-sizing:border-box}:root{--accent:#ff5d5d;--bg:#fff7ee;--ink:#22213a}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}nav{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:.12em}nav a{text-decoration:none;font-size:.86rem}.shell{max-width:1120px;margin:auto;padding:18px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:22px}.unit{display:grid;grid-template-columns:70px 1fr;gap:22px}.unit:nth-child(even){margin-left:9%}.hero{padding:54px 34px;background:var(--ink);color:var(--bg);border-radius:28px;margin:22px 0;min-width:0}.hero>*{min-width:0}.eyebrow,.marker{color:var(--accent);font-weight:850;letter-spacing:.12em}h1{font-size:clamp(2.25rem,6vw,5.4rem);line-height:.96;margin:.2em 0;overflow-wrap:anywhere}h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.08;margin:.1em 0 .5em}.hero-note{border:1px solid var(--accent);padding:18px;align-self:end}.unit{padding:30px;margin:14px 0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg) 86%,white)}.marker{font-size:1.5rem}.actions,.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button,.actions a{border:0;background:var(--accent);color:#111;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:750;cursor:pointer}input{padding:12px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:9px;min-width:0;max-width:100%}.demo-card{padding:10px 14px;border:1px dashed currentColor;border-radius:9px}details{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding:12px 0}summary{font-weight:750;cursor:pointer}footer{padding:38px 4px 60px;font-size:.86rem;opacity:.8}.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:var(--bg);padding:16px;border:2px solid var(--accent);border-radius:12px;max-width:330px;display:none}@media(max-width:760px){.hero,.unit,.content{display:block!important}.content{columns:1!important}.unit{margin:12px 0!important;transform:none!important}.unit>div{transform:none!important}h1{font-size:clamp(2rem,10vw,2.55rem)}nav a:not(.brand){display:none}}