:root{--color-ink: #162033;--color-ink-soft: #60708a;--color-paper: #f4efe8;--color-panel: rgba(255, 255, 255, 0.8);--color-line: rgba(22, 32, 51, 0.1);--color-brand: #5BA595;--color-brand-deep: #0a5648;--color-accent: #dfb15d;--color-shadow: rgba(22, 32, 51, 0.14);--color-code: #edf4ff;--bg-code: #101c30;--font-display: "Roboto", "Segoe UI", sans-serif;--font-body: "Roboto", "Segoe UI", sans-serif;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-pill: 999px;--shadow-panel: 0 18px 46px var(--color-shadow)}*,*::before,*::after{box-sizing:border-box}html{color-scheme:light}body,h1,h2,p,ul,dl,dd,pre{margin:0}ul{padding:0}button,input{font:inherit}body{min-height:100vh;background:radial-gradient(circle at top left, rgba(223, 177, 93, 0.24), transparent 24%),radial-gradient(circle at bottom right, rgba(15, 118, 100, 0.18), transparent 28%),linear-gradient(135deg, #f6f0e7 0%, #e2ebef 100%);color:var(--color-ink);font-family:var(--font-body)}a{color:inherit}code,pre{font-family:"SFMono-Regular","Menlo","Monaco",monospace}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 72px}.shell--narrow{width:min(900px,100% - 32px)}.stack-lg{display:grid;gap:24px}.stack-md{display:grid;gap:16px}.eyebrow{color:var(--color-brand);font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.page-title,.section-title{font-family:var(--font-display);font-weight:400;line-height:.96}.page-title{font-size:clamp(2.7rem,5vw,5.4rem);max-width:20ch}.section-title{font-size:clamp(1.8rem,3vw,2.4rem)}.lead{max-width:80%;color:var(--color-ink-soft);font-size:1rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.split-grid{display:grid;grid-template-columns:minmax(0, 1.3fr) minmax(320px, 0.9fr);gap:24px}@media(max-width: 900px){.split-grid{grid-template-columns:1fr}}@media(max-width: 640px){.shell,.shell--narrow{width:min(100% - 20px,1120px);padding-top:20px;padding-bottom:36px}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-pill);text-decoration:none;transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-brand);color:#fff;box-shadow:0 10px 24px rgba(15,118,100,.24)}.button--primary:hover{background:var(--color-brand-deep)}.button--secondary{border-color:var(--color-line);background:hsla(0,0%,100%,.64);color:var(--color-ink)}.panel,.hero-panel{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-panel);backdrop-filter:blur(12px)}.hero-panel{padding:clamp(28px,4vw,46px)}.panel{padding:clamp(22px,3vw,30px)}.home-layout{display:grid;gap:24px}.preview-link{color:var(--color-brand);font-weight:600;text-decoration:none}