:root{--bg:#f4f0e7;--ink:#151515;--muted:#58564f;--line:#d8d3c8;--accent:#d84628}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1320px;margin:auto;display:flex;align-items:center;gap:28px;padding:26px 40px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1.3px;text-decoration:none}.brand span{color:var(--accent)}header nav{display:flex;gap:26px;margin:auto;font-size:14px}header nav a{text-decoration:none}.header-cta{font-size:14px;font-weight:700;text-decoration:none}.hero,.demo,.editorial,.related,.closing,footer{max-width:1240px;margin:auto;padding:70px 40px}.hero{padding-top:38px;padding-bottom:70px}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:54px}.eyebrow{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}h1{font-size:clamp(40px,5.7vw,74px);line-height:1.06;letter-spacing:-.055em;max-width:1050px;margin:22px 0 32px}h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:16px 0 22px}h3{font-size:23px;line-height:1.28;letter-spacing:-.025em}.lead{max-width:840px;font-size:19px;color:var(--muted)}.lead p{margin:0 0 16px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;padding:15px 23px;border-radius:5px;text-decoration:none;font-size:16px;font-weight:600}.button:hover{color:white;background:var(--accent)}.demo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.05fr;gap:60px}.states{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.states button{border:1px solid var(--line);border-radius:4px;background:transparent;padding:10px;font:inherit;font-size:14px;cursor:pointer}.states button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.mock{background:#fffcf7;border:1px solid var(--line);border-radius:12px;padding:30px}.mock h3{margin-top:10px}dl{margin:24px 0}dl div{display:grid;grid-template-columns:130px 1fr;gap:10px;border-top:1px solid var(--line);padding:10px 0;font-size:15px}dt{color:var(--muted)}dd{margin:0}.next{padding:17px;background:#f8e5db;border-radius:5px}.next p{margin:8px 0}.note{font-size:14px;color:var(--muted)}.editorial{display:grid;grid-template-columns:260px minmax(0,1fr);gap:95px}aside{font-size:15px}aside nav{display:flex;flex-direction:column;gap:15px;margin-top:20px}aside nav a{text-decoration:none}aside .eyebrow{color:var(--muted)}.aside-cta{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.aside-cta .button{font-size:14px;padding:12px}article section+section{margin-top:55px}article p{color:#403f3b}article a{color:#ad321c}details{border-top:1px solid var(--line);padding:18px 0}summary{font-size:18px;font-weight:600;cursor:pointer}.related{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}.card{display:block;border-top:2px solid var(--ink);padding-top:23px;text-decoration:none}.card p{color:var(--muted);font-size:16px}.read{font-weight:700;font-size:15px}.closing{background:var(--ink);color:var(--bg);max-width:none;text-align:center;padding:70px 30px}.closing h2{font-size:clamp(34px,4.7vw,60px)}.closing .eyebrow{color:#ff9276}.closing .button{background:var(--bg);color:var(--ink)}footer{padding-top:45px;padding-bottom:35px}footer p{font-size:16px}footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.skip{position:fixed;top:-80px;left:20px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}@media(max-width:850px){header{padding:20px 24px;flex-wrap:wrap;gap:16px}header nav{order:3;margin:0;gap:16px;flex-wrap:wrap;width:100%}.header-cta{margin-left:auto}.hero,.demo,.editorial,.related,footer{padding:38px 24px}.breadcrumb{margin-bottom:32px}.demo,.editorial{grid-template-columns:1fr;gap:32px}.editorial aside{display:none}.cards{grid-template-columns:1fr;gap:30px}.lead{font-size:18px}.mock{padding:22px}h1{letter-spacing:-.04em}dl div{grid-template-columns:110px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}