@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--red:#fa2738;--blue:#215cff;--navy:#091c43;--white:#fff;--line:#d8e2f5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy);font:15px 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.top{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wrap{max-width:1150px;margin:auto;padding:0 28px}.top .wrap{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{font-size:24px;font-weight:800;letter-spacing:-1.5px}.logo span{color:var(--red)}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{font-size:12px;font-weight:700}nav a:hover{color:var(--blue)}.back{color:var(--blue)}.eyebrow{color:var(--red);font:11px 'DM Mono',monospace;letter-spacing:.09em}h1{font-size:clamp(47px,7vw,104px);letter-spacing:-.075em;line-height:.98;margin:15px 0 18px}h1 em{font-style:normal;color:var(--red)}.lead{color:#486184;max-width:630px;font-size:17px;line-height:1.7}.intro{padding:73px 0 34px}.foot{border-top:1px solid var(--line);padding:24px 0;color:#617390;font-size:12px;margin-top:80px}.foot .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot a{color:var(--blue)}.tiny{font:11px 'DM Mono',monospace;color:#6181ac}@media(max-width:670px){.top .wrap{padding:15px 20px}nav{gap:12px}.wrap{padding:0 20px}.intro{padding-top:44px}}

 .shelf{background:#f3f7ff;border:1px solid #d4e1fa;padding:24px;border-radius:16px;margin-top:15px}.win-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.win{border:1px solid #d6e0f1;background:white;border-radius:13px;overflow:hidden;min-height:265px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.win:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0d27551a}.win-icon{height:116px;background:var(--tone);color:white;display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:58px}.win-icon small{font:11px 'DM Mono',monospace;align-self:flex-start}.win-body{padding:22px;flex:1}.win-body h2{font-size:23px;line-height:1.13;letter-spacing:-.7px;margin:0 0 10px}.win-body p{font-size:13px;line-height:1.65;color:#546a8c;margin:0}.win-meta{font:10px 'DM Mono',monospace;color:#215cff;letter-spacing:.04em;margin-bottom:10px}.afterword{margin-top:23px;color:#62799c;font-size:13px;line-height:1.7}@media(max-width:820px){.win-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.win-grid{grid-template-columns:1fr}}


.win-grid{align-items:start}.demo-note{margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.demo-note summary{font-size:11px;font-weight:700;color:#215cff;cursor:pointer;line-height:1.5}.demo-note figure{margin:13px 0 0}.demo-note img{display:block;width:100%;height:auto;border-radius:6px}.demo-note figcaption{font-size:11px;line-height:1.6;color:#546a8c;margin-top:9px}.demo-note summary:focus-visible{outline:2px solid #215cff;outline-offset:4px}