.foundation-page{background:var(--color-bg);color:var(--color-text);min-height:100vh}.foundation-page *{box-sizing:border-box}.foundation-container{width:min(1280px,100% - 48px);margin:0 auto}.foundation-hero{padding:var(--space-10) 0 var(--space-9);border-bottom:1px solid var(--color-border)}.foundation-kicker,.foundation-component-label,.foundation-type-samples span,.foundation-layout-demo span,.foundation-dropdown-demo>span{color:var(--color-link);font:500 10px/1.3 var(--font-plex-mono),monospace;letter-spacing:.12em;text-transform:uppercase;display:block}.foundation-hero h1{max-width:840px;font:800 clamp(52px,8vw,112px)/.88 var(--font-manrope),Arial,sans-serif;letter-spacing:-.09em;margin:22px 0 24px}.foundation-hero h1 em,.foundation-section h2 em,.foundation-approval h2 em{color:var(--color-accent);font-style:normal}.foundation-hero>p:not(.foundation-kicker){max-width:700px;color:var(--color-text-secondary);font:400 20px/1.55 var(--font-source-sans),Arial,sans-serif;margin:0}.foundation-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.foundation-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:44px;font:600 12px/1 var(--font-source-sans),Arial,sans-serif;cursor:pointer;transition:color var(--motion-normal) var(--motion-ease),background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease);justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.foundation-button-primary{background:var(--color-accent);border-color:var(--color-accent);color:#15100d}.foundation-button-secondary{background:var(--color-surface);color:var(--color-text)}.foundation-button-ghost,.foundation-link{color:var(--color-link);background:0 0;border-color:#0000}.foundation-button:hover,.foundation-button:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.foundation-button-primary:hover,.foundation-button-primary:focus-visible{color:#15100d;background:var(--color-orange-300)}.foundation-link{font:500 11px/1 var(--font-plex-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.foundation-section{padding:var(--space-9) 0;border-bottom:1px solid var(--color-border)}.foundation-section-head{grid-template-columns:.35fr 1fr;gap:48px;margin-bottom:40px;display:grid}.foundation-section-head h2{font:800 clamp(40px,5.5vw,76px)/.9 var(--font-manrope),Arial,sans-serif;letter-spacing:-.08em;margin:12px 0 16px}.foundation-section-head>div>p{max-width:560px;color:var(--color-text-secondary);font:400 17px/1.55 var(--font-source-sans),Arial,sans-serif;margin:0}.foundation-color-grid{background:var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.foundation-color-card{background:var(--color-surface);grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-content:center;column-gap:12px;min-height:122px;padding:18px;display:grid}.foundation-color-swatch{border:1px solid var(--color-border-strong);background:var(--color-bg);border-radius:50%;grid-row:1/span 2;width:30px;height:30px}.foundation-swatch-surface{background:var(--color-surface)}.foundation-swatch-surface-hover{background:var(--color-surface-hover)}.foundation-swatch-text{background:var(--color-text)}.foundation-swatch-text-secondary{background:var(--color-text-secondary)}.foundation-swatch-muted{background:var(--color-text-muted)}.foundation-swatch-border{background:var(--color-border)}.foundation-swatch-accent{background:var(--color-accent)}.foundation-swatch-link{background:var(--color-link)}.foundation-color-card code{color:var(--color-text-muted);font:500 10px/1.2 var(--font-plex-mono),monospace}.foundation-color-card b{font:600 16px/1.2 var(--font-source-sans),Arial,sans-serif}.foundation-type-samples{background:var(--color-border);grid-template-columns:1.3fr 1fr .7fr;gap:1px;display:grid}.foundation-type-samples>div{background:var(--color-surface);min-height:190px;padding:24px}.foundation-type-samples strong{font:800 clamp(30px,4vw,52px)/.88 var(--font-manrope),Arial,sans-serif;letter-spacing:-.08em;margin-top:38px;display:block}.foundation-type-samples strong em{color:var(--color-accent);font-style:normal}.foundation-type-samples p{color:var(--color-text-secondary);font:400 17px/1.55 var(--font-source-sans),Arial,sans-serif;margin:38px 0 0}.foundation-type-samples code{color:var(--color-accent);font:500 11px/1.3 var(--font-plex-mono),monospace;margin-top:38px;display:block}.foundation-spacing{gap:10px;display:grid}.foundation-spacing>div{align-items:center;gap:16px;min-height:24px;display:flex}.foundation-spacing i{background:var(--color-accent);flex:none;max-width:100%;height:8px;display:block}.foundation-spacing code{color:var(--color-text-muted);font:500 10px var(--font-plex-mono),monospace}.foundation-layout-demo{background:var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:38px;display:grid}.foundation-layout-demo>div{background:var(--color-surface);padding:20px}.foundation-layout-demo b{font:700 24px/1 var(--font-manrope),Arial,sans-serif;letter-spacing:-.06em;margin-top:17px;display:block}.foundation-components{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.foundation-component-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:260px;padding:24px}.foundation-button-row,.foundation-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:52px;display:flex}.foundation-field{color:var(--color-text-muted);font:500 10px/1.2 var(--font-plex-mono),monospace;text-transform:uppercase;letter-spacing:.06em;gap:8px;margin-top:20px;display:grid}.foundation-field input,.foundation-field textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-subtle);width:100%;color:var(--color-text);font:400 14px/1.4 var(--font-source-sans),Arial,sans-serif;text-transform:none;letter-spacing:0;padding:11px 12px}.foundation-field textarea{resize:vertical;min-height:70px}.foundation-field input:focus,.foundation-field textarea:focus{outline:2px solid var(--color-accent);outline-offset:3px;border-color:var(--color-accent)}.foundation-status{border-radius:var(--radius-pill);font:500 10px/1 var(--font-plex-mono),monospace;text-transform:uppercase;border:1px solid;padding:7px 10px;display:inline-flex}.foundation-status-ready{color:var(--color-green-400)}.foundation-status-warn{color:var(--color-yellow-400)}.foundation-status-error{color:var(--color-red-400)}.foundation-demo-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);margin-top:26px;padding:18px}.foundation-demo-card b{font-size:18px}.foundation-demo-card p{color:var(--color-text-secondary);font:400 14px/1.45 var(--font-source-sans),Arial,sans-serif;margin:10px 0 18px}.foundation-demo-card a{color:var(--color-link);font-size:12px}.foundation-nav-demo{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:330px;padding:20px;position:relative}.foundation-nav-demo-top{border-bottom:1px solid var(--color-border);font:600 13px/1 var(--font-source-sans),Arial,sans-serif;align-items:center;gap:24px;padding-bottom:18px;display:flex}.foundation-nav-demo-top b{color:var(--color-accent);margin-right:auto}.foundation-nav-demo-top button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:600 11px var(--font-source-sans),Arial,sans-serif;padding:11px 14px}.foundation-dropdown-demo{background:var(--color-surface);border:1px solid var(--color-border-strong);border-top:2px solid var(--color-accent);border-radius:0 0 var(--radius-md) var(--radius-md);width:min(340px,100%);box-shadow:var(--shadow-overlay);margin:20px 0 0 auto;padding:14px}.foundation-dropdown-demo a{border-radius:var(--radius-sm);color:var(--color-text);font:500 14px/1.2 var(--font-source-sans),Arial,sans-serif;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px 8px;display:grid}.foundation-dropdown-demo a:hover{background:var(--color-surface-hover);color:var(--color-accent)}.foundation-dropdown-demo small{color:var(--color-text-muted);font:500 8px var(--font-plex-mono),monospace;text-transform:uppercase}.foundation-approval{padding:var(--space-10) 0}.foundation-approval h2{font:800 clamp(42px,6vw,86px)/.88 var(--font-manrope),Arial,sans-serif;letter-spacing:-.08em;margin:18px 0}.foundation-approval>p:not(.foundation-kicker){max-width:650px;color:var(--color-text-secondary);font:400 18px/1.6 var(--font-source-sans),Arial,sans-serif}.foundation-approval .foundation-button{margin-top:14px}@media (max-width:900px){.foundation-container{width:min(100% - 40px,700px)}.foundation-hero{padding:var(--space-9) 0 var(--space-8)}.foundation-section{padding:var(--space-8) 0}.foundation-section-head{grid-template-columns:1fr;gap:20px}.foundation-color-grid,.foundation-type-samples,.foundation-components{grid-template-columns:1fr}.foundation-layout-demo{grid-template-columns:1fr 1fr}.foundation-nav-demo-top{flex-wrap:wrap}.foundation-nav-demo-top b{flex-basis:100%;margin-right:0}}@media (max-width:560px){.foundation-hero h1{font-size:clamp(48px,15vw,72px)}.foundation-hero>p:not(.foundation-kicker){font-size:17px}.foundation-hero-actions{flex-direction:column;align-items:flex-start}.foundation-container{width:calc(100% - 32px)}.foundation-section{padding:56px 0}.foundation-section-head h2{font-size:clamp(39px,13vw,58px)}.foundation-layout-demo{grid-template-columns:1fr}.foundation-nav-demo-top{gap:13px}.foundation-nav-demo-top span{font-size:11px}.foundation-dropdown-demo{margin-left:0}.foundation-approval{padding:72px 0}.foundation-approval h2{font-size:clamp(42px,14vw,65px)}}@media (prefers-reduced-motion:reduce){.foundation-button{transition:none}}