:root{color-scheme:light;--bg:#fff;--fg:#000;--muted:#595959;--surface:#f2f2f2;--line:#dedede;--radius:18px;--max:1240px;font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}html[data-theme="dark"]{color-scheme:dark;--bg:#050505;--fg:#fff;--muted:#bababa;--surface:#171717;--line:#343434}@media(prefers-color-scheme:dark){html:not([data-theme="light"]){color-scheme:dark;--bg:#050505;--fg:#fff;--muted:#bababa;--surface:#171717;--line:#343434}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.05}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);background:var(--bg);padding:12px;z-index:999}.skip:focus{transform:none}.header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.identity{display:inline-flex;gap:12px;align-items:center;text-decoration:none;line-height:1.05}.identity img{width:40px;height:40px;object-fit:contain}.identity span{display:grid;gap:5px}.identity strong{font-size:1rem;letter-spacing:-.04em}.identity small{font-size:.65rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-weight:800}.nav nav{display:flex;gap:25px}.nav nav a,.footer nav a{text-decoration:none;font-size:.87rem;font-weight:700}.nav nav a:hover,.footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.tools{display:flex;gap:8px}.tools button{border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:9px 14px;border-radius:10px;font-size:.8rem;font-weight:800}#menu{display:none}.mobile[hidden]{display:none}.mobile{padding-bottom:18px}.mobile a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--line)}.hero{min-height:min(760px,calc(100svh - 76px));display:grid;grid-template-columns:1fr .87fr;align-items:center;gap:7%;padding-block:75px}.eyebrow{text-transform:uppercase;font-weight:800;font-size:.7rem;letter-spacing:.18em;color:var(--muted);margin-bottom:20px}.hero h1{font-size:clamp(3.7rem,7.6vw,8rem);line-height:.92;margin-bottom:32px}.hero h1 em{font-style:normal;color:var(--muted)}.intro{font-size:clamp(1.07rem,1.5vw,1.33rem);max-width:580px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:50px;border-radius:12px;border:1px solid var(--fg);padding:10px 21px;font-weight:800;transition:transform .18s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--fg);color:var(--bg)}.hero-art{background:#000;color:#fff;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border-radius:18px;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:18px;align-items:end;font-size:.68rem;font-weight:800;letter-spacing:.16em}.art-bottom span:first-child{font-size:2.2rem;line-height:1;letter-spacing:-.05em}.hero-art img{width:min(60%,260px);height:260px;object-fit:contain;align-self:center}.ticker{background:#000;color:#fff;overflow:hidden;border-block:1px solid #333}.ticker>div{width:max-content;margin:auto;padding:18px 12px;letter-spacing:.18em;font-size:.72rem;font-weight:800;white-space:nowrap}.ticker span{margin-inline:36px}.section{padding-block:110px;border-bottom:1px solid var(--line);scroll-margin-top:85px}.section-head{max-width:760px;margin-bottom:48px}.section-head h2,.governance h2{font-size:clamp(2.8rem,6vw,6rem);margin-bottom:25px}.section-head>p:last-child,.governance p{font-size:1.1rem;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillars article{padding:26px;border:1px solid var(--line);border-radius:var(--radius);min-height:240px}.pillars span,.application-grid span,.principles span{font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.pillars h3{font-size:2rem;margin:40px 0 10px}.pillars p,.foundation-grid p,.application-grid p{color:var(--muted)}.band{background:var(--surface)}.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.logo-grid article{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)}.logo-preview{display:grid;place-items:center;min-height:320px;padding:50px}.logo-preview.light{background:#fff}.logo-preview.dark{background:#000}.logo-preview img{max-height:200px;width:min(100%,300px);object-fit:contain}.asset-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px}.asset-meta div{flex:1}.asset-meta h3{font-size:1.15rem;margin:0}.asset-meta p{font-size:.83rem;color:var(--muted);margin:4px 0 0}.asset-meta a{font-weight:800;text-decoration:underline;text-underline-offset:4px}.note{color:var(--muted);font-size:.82rem;margin-top:22px}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.foundation-grid h3{font-size:1.8rem}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.swatch{height:142px;padding:14px;border:1px solid #aaa;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.swatch span,.swatch strong{font-size:.72rem}.swatch.white{background:#fff;color:#000}.swatch.black{background:#000;color:#fff}.swatch.grey{background:#f2f2f2;color:#000}.type-showcase{padding:28px;border:1px solid var(--line);border-radius:var(--radius);margin-top:28px}.type-showcase span,.type-showcase small{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.1em}.type-showcase strong{display:block;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.08em;line-height:1.2}.type-showcase p{margin-bottom:20px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}.principles>div{border-top:2px solid var(--fg);padding-top:18px}.principles p{margin-top:22px;color:var(--muted)}.examples{background:var(--fg);color:var(--bg)}.examples .section-head h2{color:var(--bg)}.examples .eyebrow,.examples .section-head>p:last-child{color:var(--bg);opacity:.75}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.application-grid a{display:flex;flex-direction:column;min-height:305px;border:1px solid var(--bg);padding:27px;text-decoration:none;border-radius:16px;transition:transform .18s}.application-grid a:hover{transform:translateY(-4px)}.application-grid span,.application-grid p{color:var(--bg);opacity:.7}.application-grid h3{font-size:2rem;margin-top:55px}.application-grid strong{margin-top:auto;font-size:.85rem}.governance{display:grid;grid-template-columns:1fr 1fr;gap:12%}.governance ul{padding-left:20px;color:var(--muted);margin-bottom:30px}footer{padding:55px 0}.footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer p{margin:0;color:var(--muted);font-size:.9rem}.footer nav{display:flex;gap:16px;margin-left:auto}.footer>small{flex-basis:100%;color:var(--muted)}html[data-theme=dark] .identity img{filter:invert(1)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .identity img{filter:invert(1)}}@media(max-width:900px){.nav nav{display:none}#menu{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:400px}.pillars,.application-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{width:min(calc(100% - 32px),var(--max))}.nav{min-height:68px}.hero{padding-block:60px;gap:40px}.hero h1{font-size:clamp(3.2rem,13vw,5.5rem)}.hero-art{min-height:340px}.section{padding-block:72px}.pillars,.logo-grid,.foundation-grid,.application-grid,.governance{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}.logo-preview{min-height:240px}.footer{align-items:flex-start;flex-direction:column}.footer nav{margin:0;flex-wrap:wrap}.actions .btn{width:100%}.ticker span{margin-inline:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}