:root{--background:#eef2f1;--surface:#ffffffb3;--surface-strong:#ffffffeb;--foreground:#102226;--muted:#53666b;--line:#1022261f;--accent:#0d7a72;--accent-soft:#0d7a721f}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:radial-gradient(circle at top left, #0d7a722e, transparent 32%), radial-gradient(circle at top right, #89b1ad3d, transparent 24%), linear-gradient(180deg, #f7faf9 0%, var(--background) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Avenir Next,Segoe UI,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.shell{width:min(960px,100% - 32px);margin:0 auto;padding:56px 0 72px}.hero,.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 24px 80px #10222614}.hero{margin-bottom:18px;padding:32px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:14px;font-size:.8rem}.hero h1,.panel h2{letter-spacing:-.02em;font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:600}.hero h1{max-width:12ch;font-size:clamp(2.3rem,5vw,4rem);line-height:.96}.lede,.note,.taste,li{color:var(--muted)}.lede{max-width:64ch;margin-top:18px;font-size:1.05rem;line-height:1.7}.panel{margin-bottom:14px;padding:24px 26px}.panel h2{margin-bottom:14px;font-size:1.3rem}.linkGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.linkGrid a{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;padding:16px 18px;transition:transform .14s,border-color .14s,background .14s}.linkGrid a:hover{background:#fff;border-color:#0d7a7247;transform:translateY(-2px)}ul{padding-left:1.1rem}li+li{margin-top:.45rem}.note,.taste{margin-top:14px;line-height:1.7}code{background:var(--accent-soft);border-radius:6px;padding:.12rem .38rem;font-family:SFMono-Regular,SF Mono,monospace}@media (max-width:720px){.shell{width:min(100% - 20px,960px);padding:24px 0 40px}.hero,.panel{border-radius:22px}.hero{padding:24px}.panel{padding:20px}}