@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Space+Mono:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}.brand-page{--ink:#1a1a1a;--ink-soft:#2d2d2d;--ink-muted:#525252;--slate:#737373;--ash:#a3a3a3;--fog:#e5e5e5;--mist:#f5f5f5;--paper:#fafafa;--white:#fff;--accent:#2d5a27;--accent-hover:#234820;--accent-light:#e8f0e7;--font-display:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Space Mono","SF Mono",monospace;--ease-out:cubic-bezier(0.16,1,0.3,1)}.brand-page.dark{--ink:#fafafa;--ink-soft:#e5e5e5;--ink-muted:#a3a3a3;--slate:#a3a3a3;--ash:#737373;--fog:#2d2d2d;--mist:#252525;--paper:#1a1a1a;--white:#0a0a0a}.brand-page{font-family:var(--font-display);background:var(--paper);color:var(--ink);min-height:100vh;transition:background .3s var(--ease-out),color .3s var(--ease-out)}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,98%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s var(--ease-out)}.nav-wrapper.scrolled{box-shadow:0 1px 0 var(--fog)}.nav{justify-content:space-between;padding:1rem 1.25rem;max-width:1100px;margin:0 auto}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:.75rem;text-decoration:none;min-height:48px}.nav-logo{width:28px;height:32px;color:var(--accent)}.brand-text{display:flex;flex-direction:column;line-height:1;gap:1px}.brand-build,.brand-parks{font-weight:700;font-size:.7rem;letter-spacing:.08em;color:var(--ink)}.brand-parks{color:var(--accent)}.nav-links{gap:1.5rem}.nav-links,.nav-links a{display:flex;align-items:center}.nav-links a{color:var(--ink-muted);text-decoration:none;font-weight:500;font-size:.9rem;min-height:48px;transition:color .2s var(--ease-out)}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.brand-hero{position:relative;padding:8rem 1.5rem 5rem;text-align:center;margin-top:64px;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.gradient-bg{width:100%;height:100%}.hero-content{position:relative;z-index:1}.brand-hero h1{font-size:2.5rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--slate)}.brand-section{padding:3rem 1.5rem;max-width:1000px;margin:0 auto;border-bottom:1px solid var(--fog)}.brand-section:last-of-type{border-bottom:none}.brand-section h2{font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}.section-desc{color:var(--slate);margin-bottom:2rem;max-width:600px}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:3rem}.logo-card{display:flex;flex-direction:column;padding:1.5rem;background:var(--white);border:2px solid var(--fog);border-radius:12px;cursor:pointer;transition:all .2s var(--ease-out);text-align:left}.logo-card:hover{border-color:var(--ash);transform:translateY(-2px)}.logo-card.selected{border-color:var(--accent);background:var(--accent-light)}.logo-preview{display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:1rem}.logo-svg{width:64px;height:64px;color:var(--ink)}.logo-svg.logo-wide{width:120px}.logo-info h3{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}.logo-info p{font-size:.75rem;color:var(--slate);line-height:1.4}.logo-showcase{background:var(--mist);border-radius:12px;padding:2rem}.logo-showcase h3{font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:var(--ink)}.showcase-variants{display:flex;gap:1.5rem;flex-wrap:wrap}.variant{flex-direction:column;gap:.75rem}.variant,.variant-bg{display:flex;align-items:center}.variant-bg{justify-content:center;width:120px;height:120px;border-radius:12px}.variant-bg.light{background:var(--white);border:1px solid var(--fog);color:#1a1a1a}.variant-bg.dark{background:#1a1a1a;color:#fafafa}.variant-bg.accent{background:var(--accent);color:#fff}.variant-bg.inverted,.variant-bg.inverted .logo-svg{color:#fff}.variant-bg .logo-svg{width:56px;height:56px}.variant span{font-size:.75rem;color:var(--slate)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.hero-card{display:flex;flex-direction:column;padding:0;background:var(--white);border:2px solid var(--fog);border-radius:12px;cursor:pointer;transition:all .2s var(--ease-out);text-align:left;overflow:hidden}.hero-card:hover{border-color:var(--ash);transform:translateY(-2px)}.hero-card.selected{border-color:var(--accent)}.hero-preview{width:100%;height:100px;overflow:hidden}.hero-bg-svg{width:100%;height:100%;color:var(--accent)}.hero-info{padding:1rem;border-top:1px solid var(--fog)}.hero-info h3{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}.hero-info p{font-size:.7rem;color:var(--slate);line-height:1.4}.hero-showcase{background:var(--mist);border-radius:12px;padding:1.5rem}.hero-showcase h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--ink)}.hero-preview-full{position:relative;width:100%;height:320px;border-radius:8px;overflow:hidden;border:1px solid var(--fog)}.hero-preview-full .hero-bg-svg{position:absolute;inset:0;width:100%;height:100%}.hero-preview-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.preview-eyebrow{font-size:.65rem;font-weight:500;letter-spacing:.1em;color:var(--slate);margin-bottom:.75rem}.hero-preview-content h2{font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.hero-preview-content h2 span{color:var(--accent)}.hero-preview-content p{font-size:.85rem;color:var(--slate);max-width:400px;margin-bottom:1.25rem;line-height:1.5}.preview-cta{display:flex;gap:0;background:var(--white);border:2px solid var(--fog);border-radius:12px;padding:4px;max-width:320px}.preview-input{padding:.5rem 1rem;font-size:.8rem;color:var(--ash);flex:1 1}.preview-button{padding:.5rem 1rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;border-radius:8px;white-space:nowrap}.color-groups{display:flex;flex-direction:column;gap:2rem}.color-group h3{font-size:.875rem;font-weight:600;color:var(--ink);margin-bottom:.75rem}.color-row{display:flex;flex-wrap:wrap;gap:.75rem}.color-swatch{display:flex;flex-direction:column;justify-content:flex-end;width:100px;height:100px;padding:.75rem;border-radius:8px;color:#fff;font-size:.7rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.color-name{font-weight:600;margin-bottom:.125rem}.color-hex{font-family:var(--font-mono);opacity:.8}.type-specimens{display:flex;flex-direction:column;gap:2.5rem}.type-specimen{padding:2rem;background:var(--white);border:1px solid var(--fog);border-radius:12px}.type-label{display:block;font-size:.75rem;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.type-display{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.2}.type-display,.type-mono{color:var(--ink);margin-bottom:1.5rem}.type-mono{font-family:var(--font-mono);font-size:1.25rem}.type-weights{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;color:var(--ink-muted)}.type-weights.type-mono{font-size:.85rem;margin-bottom:0}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.voice-card{padding:1.5rem;border-radius:12px}.voice-card.do{background:var(--accent-light);border:1px solid var(--accent)}.voice-card.dont{background:#fef2f2;border:1px solid #fca5a5}.brand-page.dark .voice-card.dont{background:#3b1818;border-color:#7f1d1d}.voice-card h3{font-size:.875rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.voice-card.do h3{color:var(--accent)}.voice-card.dont h3{color:#dc2626}.brand-page.dark .voice-card.dont h3{color:#f87171}.voice-card ul{list-style:none;padding:0;margin:0}.voice-card li{padding:.375rem 0;font-size:.9rem;color:var(--ink-muted)}.tone-summary{padding:1.5rem;background:var(--mist);border-radius:8px}.tone-summary p{margin:0;color:var(--ink-muted);line-height:1.6}.tone-summary strong{color:var(--ink)}.assets-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;background:var(--mist);border:2px dashed var(--fog);border-radius:12px;color:var(--ash)}.assets-placeholder svg{width:32px;height:32px}.footer{padding:3rem 1.5rem;background:#2c3e2d}.footer-content{max-width:1000px;margin:0 auto;text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.footer-logo{width:24px;height:28px;color:#8abc83}.footer-brand .brand-text{display:flex;flex-direction:column;line-height:1;gap:1px}.footer-brand .brand-build,.footer-brand .brand-parks{font-weight:700;font-size:.65rem;letter-spacing:.08em;color:#fff}.footer-brand .brand-parks{color:#8abc83}.footer-tagline{font-size:.875rem;color:#a0aca1;margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer-links a{color:#a0aca1;text-decoration:none;font-size:.875rem;padding:.5rem;transition:color .2s ease}.footer-links a:hover{color:#fff}@media (max-width:479px){.nav{padding:.75rem 1rem}.nav-links{gap:1rem}.nav-links a{font-size:.8rem}.brand-build,.brand-parks{font-size:.6rem}.nav-logo{width:24px;height:28px}}@media (min-width:640px){.brand-hero{padding:5rem 2rem}.brand-tagline{font-size:2rem}.brand-section{padding:4rem 2rem}.type-display{font-size:2.5rem}}@media (min-width:900px){.brand-hero{padding:6rem 2rem}.brand-tagline{font-size:2.5rem}.brand-section{padding:5rem 2rem}.color-swatch{width:120px;height:120px}}