*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;min-height:100vh}.shell{width:min(1180px,100%);margin-inline:auto;padding-inline:var(--glaze-gutter)}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:1000;padding:12px 16px;border-radius:12px;background:var(--glaze-surface-strong);color:var(--glaze-text);box-shadow:var(--glaze-shadow-overlay)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--glaze-line);backdrop-filter:blur(var(--glaze-blur));background:color-mix(in srgb,var(--glaze-surface-strong) 88%,transparent)}.nav-wrap{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{width:30px;height:30px;flex:0 0 30px;border-radius:11px;background:linear-gradient(135deg,var(--glaze-accent),var(--glaze-accent-2));box-shadow:0 9px 22px color-mix(in srgb,var(--glaze-accent) 22%,transparent)}.nav-wrap nav{display:flex;justify-content:center;gap:6px;min-width:0}.nav-wrap nav a{min-height:40px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:var(--glaze-muted);text-decoration:none;font-weight:700;white-space:nowrap}.nav-wrap nav a:hover,.nav-wrap nav a:focus-visible{color:var(--glaze-text);background:var(--glaze-surface-muted)}.nav-wrap nav a[aria-current=true]{color:var(--glaze-text);background:var(--glaze-surface-strong);box-shadow:var(--glaze-shadow-soft)}.theme-group{display:flex;gap:4px;padding:4px;border:1px solid var(--glaze-line);border-radius:999px;background:var(--glaze-surface-muted);white-space:nowrap}.theme-group button{min-height:40px;border:0;border-radius:999px;padding:0 11px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.theme-group button[aria-pressed=true]{background:var(--glaze-surface-strong);box-shadow:var(--glaze-shadow-soft)}main{padding-top:40px;padding-bottom:72px}#top,#foundations,#components,#conformance,#adoption{scroll-margin-top:108px}.hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,68px);display:grid;gap:18px}.hero:after{content:"";position:absolute;right:-90px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--glaze-accent) 24%,transparent),color-mix(in srgb,var(--glaze-accent-2) 18%,transparent));filter:blur(8px);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--glaze-accent)}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:0;max-width:820px;font-size:clamp(44px,7vw,78px);line-height:.97;letter-spacing:-.055em;text-wrap:balance}.hero>p{max-width:790px;color:var(--glaze-muted);font-size:clamp(17px,2vw,20px);line-height:1.65}.formula{font-weight:700!important;color:var(--glaze-text)!important;font-size:15px!important}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.actions a{text-decoration:none}.section-block{padding-top:76px}.section-heading{max-width:820px;margin-bottom:26px}.section-heading h2,.adoption h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:6px 0 12px;text-wrap:balance}.section-heading p,.adoption p,.note{color:var(--glaze-muted);line-height:1.65}.surface-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.surface-card{min-height:138px;padding:18px;border-radius:var(--glaze-radius-lg);border:1px solid var(--glaze-line);display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.surface-card span{font-size:13px;color:var(--glaze-muted)}.surface-card.canvas{background:var(--glaze-canvas-accent)}.surface-card.solid{background:var(--glaze-surface-strong)}.surface-card.raised{background:var(--glaze-surface-strong);box-shadow:var(--glaze-shadow-raised)}.surface-card.glaze{background:var(--glaze-surface);backdrop-filter:blur(var(--glaze-blur))}.surface-card.overlay{background:color-mix(in srgb,var(--glaze-surface-strong) 92%,transparent);box-shadow:var(--glaze-shadow-overlay)}.principle-grid,.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.principle-grid article,.demo{padding:24px}.principle-grid article h3,.demo h3{margin-bottom:8px}.principle-grid p{margin-bottom:0;color:var(--glaze-muted);line-height:1.55}.demo-grid{grid-template-columns:repeat(2,1fr)}.demo label{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.demo input{width:100%}.status-row{display:flex;flex-wrap:wrap;gap:12px}.demo-nav{display:grid;gap:8px}.state-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.state-strip span{padding:8px 11px;border:1px solid var(--glaze-line);border-radius:999px;background:var(--glaze-surface-muted);font-size:13px;font-weight:700}.gate-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:gate}.gate-grid li{counter-increment:gate;padding:20px;border-radius:var(--glaze-radius-lg);border:1px solid var(--glaze-line);background:var(--glaze-surface-strong);display:grid;gap:5px}.gate-grid li:before{content:counter(gate,decimal-leading-zero);font-size:12px;font-weight:800;color:var(--glaze-accent)}.gate-grid span{color:var(--glaze-muted);font-size:14px}.adoption{padding:clamp(26px,5vw,48px)}footer{border-top:1px solid var(--glaze-line);padding:30px 0 46px;color:var(--glaze-muted)}footer strong{color:var(--glaze-text)}footer p{margin:8px 0 0;line-height:1.5}@media(max-width:1040px){.nav-wrap{grid-template-columns:auto 1fr}.theme-group{justify-self:end}.nav-wrap nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.nav-wrap nav::-webkit-scrollbar{display:none}}@media(max-width:900px){html{scroll-padding-top:142px}#top,#foundations,#components,#conformance,#adoption{scroll-margin-top:142px}.surface-grid{grid-template-columns:repeat(2,1fr)}.surface-card:last-child{grid-column:1/-1}.principle-grid,.gate-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){html{scroll-padding-top:130px}.shell{padding-inline:max(16px,var(--glaze-safe-left),var(--glaze-safe-right))}.nav-wrap{min-height:64px;gap:10px 12px}.brand span:last-child{font-size:14px}.theme-group button{padding-inline:8px;min-height:38px}.nav-wrap nav{display:flex;margin-inline:calc(-1 * max(16px,var(--glaze-safe-left),var(--glaze-safe-right)));padding:0 max(16px,var(--glaze-safe-left),var(--glaze-safe-right)) 10px;gap:4px}.nav-wrap nav a{min-height:38px;padding-inline:10px;font-size:14px}main{padding-top:22px}.hero{padding:28px 22px}.hero h1{font-size:clamp(40px,14vw,58px);line-height:1}.surface-grid,.principle-grid,.demo-grid,.gate-grid{grid-template-columns:1fr}.surface-card:last-child{grid-column:auto}.section-block{padding-top:56px}#top,#foundations,#components,#conformance,#adoption{scroll-margin-top:130px}}@media(max-width:460px){.nav-wrap{grid-template-columns:1fr}.brand{justify-self:start}.theme-group{justify-self:start}.nav-wrap nav{grid-row:3}.hero{padding:24px 18px}.actions .glaze-button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}