*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100vh;overflow-x:hidden}
.shell{width:min(1180px,100%);margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left),env(safe-area-inset-right))}
.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:relative;z-index:20;border-bottom:1px solid var(--glaze-line);background:color-mix(in srgb,var(--glaze-surface-strong) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding-block:10px}
.brand{grid-column:1;grid-row:1;min-width:0;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}.brand-label-long{display:none}.brand-label-short{display:inline}.brand-mark{display:block;flex:0 0 auto;width:30px;height:30px;border-radius:9px}
.theme-group{grid-column:2;grid-row:1;display:flex;gap:3px;padding:3px;border:1px solid var(--glaze-line);border-radius:999px;background:var(--glaze-surface-muted);white-space:nowrap}.theme-group button{min-height:48px;min-width:44px;border:0;border-radius:999px;padding:0 8px;background:transparent;color:inherit;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}.theme-group button[aria-pressed=true]{background:var(--glaze-surface-strong);box-shadow:var(--glaze-shadow-soft)}
.nav-wrap nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}.nav-wrap nav a{width:100%;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;padding:5px 4px;border-radius:14px;color:var(--glaze-muted);text-align:center;text-decoration:none;font-size:12px;font-weight:750;line-height:1.12;white-space:normal}.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)}
main{padding-top:18px;padding-bottom:56px}#top,#shell,#components,#adaptation,#accessibility,#conformance{scroll-margin-top:24px}
.hero{position:relative;overflow:hidden;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:none!important;padding:18px 16px;display:grid;gap:13px;border-radius:26px}.hero:after{content:"";position:absolute;right:-72px;bottom:-108px;width:240px;height:240px;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(16px);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-copy-block{max-width:100%}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--glaze-accent)}h1,h2,h3,p{margin-top:0}.hero h1{margin:7px 0 0;max-width:13ch;font-size:clamp(2.25rem,10.7vw,2.8rem);line-height:.97;letter-spacing:-.048em;text-wrap:balance}.hero>p,.hero-copy-block>p{margin:12px 0 0;max-width:62ch;color:var(--glaze-muted);font-size:16px;line-height:1.55}.hero-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;padding:14px 15px;border:1px solid var(--glaze-line);border-radius:20px;background:color-mix(in srgb,var(--glaze-surface-strong) 86%,transparent);box-shadow:var(--glaze-shadow-soft)}.hero-identity img{display:block;width:62px;height:auto}.hero-identity div{min-width:0;display:grid;gap:2px}.hero-identity strong{font-size:17px}.hero-identity span{color:var(--glaze-muted);font-size:12.5px;font-weight:700;line-height:1.25}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.actions a{text-decoration:none}.hero .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.glaze-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--glaze-line);border-radius:16px;background:var(--glaze-surface-muted);color:var(--glaze-text);font:inherit;font-weight:750;line-height:1.2;text-align:center}.glaze-button[data-variant="emphasis"]{border-color:transparent;background:linear-gradient(135deg,var(--glaze-accent),var(--glaze-accent-2));color:var(--glaze-on-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--glaze-accent) 24%,transparent)}.glaze-button[data-variant="soft"]{background:color-mix(in srgb,var(--glaze-surface-strong) 88%,transparent)}
.section-block{padding-top:50px}.section-heading{max-width:760px;margin-bottom:20px}.section-heading h2,.adoption h2{margin:6px 0 11px;font-size:clamp(2rem,9.2vw,2.5rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.section-heading p,.adoption p,.note{margin-bottom:0;color:var(--glaze-muted);font-size:16px;line-height:1.58}#shell .section-heading h2{font-size:clamp(1.78rem,8.3vw,2.18rem);line-height:1.04;letter-spacing:-.038em}
.surface-grid{display:grid;grid-template-columns:1fr;gap:9px}.surface-card{min-width:0;min-height:76px;padding:16px 18px;border-radius:20px;border:1px solid var(--glaze-line);display:flex;align-items:center;gap:6px}.surface-card strong{font-size:17px}.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);-webkit-backdrop-filter:blur(var(--glaze-blur));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-raised)}
.demo-grid,.principle-grid,.gate-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:0}.demo,.principle-grid article,.gate-grid li{min-width:0;padding:18px;border-radius:22px}.demo h3,.principle-grid article h3{margin-bottom:7px;font-size:20px}.demo p,.principle-grid p{margin-bottom:0;line-height:1.48}.gate-grid{list-style:none;padding:0}.gate-grid li{border:1px solid var(--glaze-line);background:var(--glaze-surface-strong)}
.adoption{margin-top:50px;padding:22px 18px;border-radius:24px}.adoption h2{font-size:clamp(2rem,9vw,2.42rem)}
footer{border-top:1px solid var(--glaze-line);padding:24px 0 max(32px,env(safe-area-inset-bottom));color:var(--glaze-muted)}footer strong{color:var(--glaze-text)}footer p{margin:4px 0 0;line-height:1.45;font-size:14px}.footer-identity{display:flex;align-items:center;gap:10px}.footer-identity img{display:block;width:30px;height:30px;border-radius:9px}
@media(max-width:330px){.theme-group button{padding-inline:6px;font-size:12px}.nav-wrap nav a{font-size:11.5px}}
@media(min-width:700px){.shell{padding-inline:24px}.nav-wrap{grid-template-columns:auto 1fr}.brand{grid-column:1;grid-row:1}.brand-label-short{display:none}.brand-label-long{display:inline}.brand{font-size:15px}.theme-group{grid-column:2;grid-row:1;justify-self:end}.nav-wrap nav{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nav-wrap nav a{font-size:13.5px;padding-inline:10px}.hero{padding:34px 30px;gap:20px}.hero h1{max-width:12ch;font-size:clamp(3.2rem,7vw,4.5rem)}.hero-copy-block>p{font-size:18px}.hero-identity{width:min(100%,440px)}.section-block{padding-top:62px}.surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.surface-card{min-height:104px}.demo-grid,.principle-grid,.gate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo,.principle-grid article,.gate-grid li{padding:22px}.adoption{margin-top:62px;padding:32px 30px}}
@media(min-width:980px){.shell{padding-inline:32px}.nav-wrap{min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;padding-block:0}.brand{grid-column:1;grid-row:1}.nav-wrap nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:5px}.nav-wrap nav a{width:auto;min-height:48px;padding-inline:11px;border-radius:999px;white-space:nowrap}.theme-group{grid-column:3;grid-row:1}.theme-group button{min-height:44px}.brand{font-size:15px}.hero{grid-template-columns:minmax(0,1fr) auto!important;padding:48px;gap:18px}.hero-copy-block{max-width:760px}.hero h1{font-size:clamp(3.5rem,5.9vw,4.4rem)}.hero-identity{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;min-width:200px;width:auto;padding:20px}.hero-identity img{width:132px}.hero-identity div{justify-items:center}.hero .actions{grid-column:1;width:auto;display:flex}.hero .actions .glaze-button{min-width:138px}.section-block{padding-top:68px}.section-heading{margin-bottom:24px}.section-heading h2,.adoption h2{font-size:clamp(2.2rem,4vw,3rem)}#shell .section-heading h2{font-size:clamp(2.15rem,3.6vw,2.9rem)}.surface-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.surface-card{min-height:126px;align-items:flex-end}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.adoption{margin-top:68px;padding:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.site-header,.theme-group,.nav-wrap nav a,.glaze-button,.hero-identity,.surface-card,.demo,.adoption{forced-color-adjust:auto;box-shadow:none}}