:root{--ink: #14201c;--mist: #e7f0ea;--lagoon: #1f6f5b;--sand: #f3ebe0;--accent: #c45c26;font-family:"Source Serif 4",Iowan Old Style,Georgia,serif}.shell{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#cfe7db 0%,transparent 55%),linear-gradient(160deg,var(--sand),var(--mist) 55%,#d9e6df)}.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.top .brand{font-size:1.4rem;font-weight:700;letter-spacing:.04em;margin:0}nav{display:flex;gap:.5rem;flex-wrap:wrap}nav button,.cta button,.row button{border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;padding:.45rem .8rem}.hero{min-height:calc(100vh - 4rem);display:grid;align-content:center;gap:1rem;padding:2rem 1.5rem 4rem;max-width:48rem}.brand-hero{font-size:clamp(2.8rem,8vw,5rem);font-weight:700;margin:0;letter-spacing:-.03em;color:var(--lagoon)}h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:500;margin:0;max-width:22ch}.lede{margin:0;max-width:40ch;line-height:1.5;opacity:.9}.cta{display:flex;gap:.75rem;margin-top:.5rem}.primary{background:var(--lagoon)!important;color:#fff!important}.secondary{border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)!important}.panel{padding:2rem 1.5rem 4rem;max-width:52rem}.list{padding-left:1.1rem}.error{color:var(--accent)}.row{display:flex;gap:.5rem;margin:1rem 0}input{flex:1;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:#ffffff8c;font:inherit}pre{overflow:auto;background:#14201c0f;padding:1rem}:root{--ink: #12231c;--foam: #e8f3ec;--moss: #1f6b4a;--mist: #9fc4b0;--glow: #c8f5d8;--bg-a: #0d1f18;--bg-b: #173528;--bg-c: #244a37;font-family:DM Sans,sans-serif;color:var(--foam);background:var(--bg-a)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(200,245,216,.18),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(31,107,74,.45),transparent 50%),linear-gradient(160deg,var(--bg-a),var(--bg-b) 45%,var(--bg-c))}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.hero{width:min(920px,100%);animation:rise .7s ease-out both}.brand{margin:0 0 1rem;font-family:"Instrument Serif",serif;font-size:clamp(3.5rem,10vw,6.5rem);line-height:.9;letter-spacing:-.03em;color:var(--glow);animation:brandIn .9s cubic-bezier(.2,.8,.2,1) both}h1{margin:0;max-width:18ch;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;line-height:1.25;color:var(--foam)}.lede{margin:1rem 0 0;max-width:42ch;color:var(--mist);font-size:1.05rem;line-height:1.55;animation:rise .9s .12s ease-out both}.cta{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;animation:rise .9s .2s ease-out both}.primary{display:inline-flex;align-items:center;padding:.7rem 1.1rem;border-radius:.4rem;background:var(--moss);color:#fff;text-decoration:none;font-weight:600}.secondary{color:var(--mist);font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brandIn{0%{opacity:0;letter-spacing:.08em;transform:translateY(18px)}to{opacity:1;letter-spacing:-.03em;transform:translateY(0)}}