.brand-kit-page{--surface:#09090b;--surface-raised:#0f0f13;--surface-overlay:#16161b;--surface-bright:#1f1f26;--glass:#ffffff09;--glass-strong:#ffffff0f;--glass-bright:#ffffff17;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-orange:#f59e0b;--accent-red:#ef4444;--gradient-accent:linear-gradient(100deg, #3b82f6 0%, #8b5cf6 52%, #f59e0b 100%);--gradient-text:linear-gradient(100deg, #60a5fa 0%, #a78bfa 50%, #fbbf24 100%);--primary:#7c8cff;--primary-soft:#7c8cff1f;--secondary:#a78bfa;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--text-heading:#fafafa;--text-primary:#f4f4f5;--text-body:#c7c7d1;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-soft:#8b8b94;--border:#ffffff14;--border-strong:#ffffff29;--border-accent:#7c8cff52;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-panel:32px;--radius-full:9999px;--bk-max:1180px;--font-body:var(--font-display,"Inter", system-ui, sans-serif);--shadow-card:0 24px 60px #0000008c, 0 1px 0 #ffffff0f inset;--shadow-panel:0 40px 100px #0009, 0 1px 0 #ffffff12 inset;--shadow-glow:0 0 60px #7c8cff2e;isolation:isolate;background:var(--surface);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;position:relative;overflow:hidden}.brand-kit-page *{box-sizing:border-box}.brand-kit-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 12% -5%,#3b82f61f,#0000 70%),radial-gradient(55% 45% at 92% 4%,#8b5cf61a,#0000 72%),radial-gradient(70% 60% at 50% 120%,#f59e0b0f,#0000 70%);position:absolute;inset:0}.brand-kit-page:after{content:"";z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.brand-kit-page>*{z-index:1;position:relative}.brand-kit-page img{max-width:100%;height:auto;display:block}.brand-kit-page a{color:inherit;text-decoration:none}.brand-kit-page ::selection{color:#fff;background:#7c8cff47}.brand-kit-page :is(h1,h2,h3,h4){font-family:var(--font-grotesk);color:var(--text-heading);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}.brand-kit-page p{margin:0;line-height:1.7}.brand-kit-page .gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:#0000;background-clip:text}.brand-kit-page .wrap{width:min(100%, var(--bk-max));margin:0 auto;padding-inline:1.5rem}.brand-kit-page .eyebrow{border-radius:var(--radius-full);background:var(--glass-strong);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:6px 15px 6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.brand-kit-page .eyebrow:before{content:"";background:linear-gradient(var(--accent-blue), var(--accent-blue)) 0 0 / 4px 4px no-repeat, linear-gradient(var(--accent-violet), var(--accent-violet)) 6px 1px / 4px 4px no-repeat, linear-gradient(var(--accent-orange), var(--accent-orange)) 12px 2px / 4px 4px no-repeat;width:16px;height:6px;box-shadow:none;border-radius:0}.brand-kit-page section{z-index:1;padding:clamp(3.5rem,7vw,6rem) 0;position:relative}.brand-kit-page .divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border:0;height:1px}.brand-kit-page .sec-head{flex-direction:column;gap:1rem;max-width:46rem;margin-bottom:2.6rem;display:flex}.brand-kit-page .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}.brand-kit-page .sec-head p{color:var(--text-muted);max-width:42rem;font-size:1.05rem;line-height:1.7}.brand-kit-page .label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.brand-kit-page .hero{padding:clamp(4.5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem)}.brand-kit-page .hero-logo{width:auto;height:clamp(3.2rem,7vw,5.2rem);margin-bottom:2rem}.brand-kit-page .hero h1{font-size:clamp(2.8rem,6vw,5.2rem)}.brand-kit-page .hero p{max-width:40ch;color:var(--text-body);margin-top:1.4rem;font-size:1.15rem;line-height:1.7}.brand-kit-page .hero-meta{flex-wrap:wrap;gap:.6rem;margin-top:2.2rem;display:flex}.brand-kit-page .card{background:linear-gradient(180deg, #ffffff0f, #ffffff0d), var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.brand-kit-page .panel{background:linear-gradient(180deg, #ffffff0f, #ffffff09), var(--glass);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.brand-kit-page .logo-grid{grid-template-columns:1.3fr 1fr;gap:1.25rem;display:grid}.brand-kit-page .logo-stage{border-radius:var(--radius-xl);justify-content:center;align-items:center;min-height:240px;padding:2rem;display:flex}.brand-kit-page .logo-stage img{width:auto;height:clamp(2.6rem,5vw,3.6rem)}.brand-kit-page .logo-dark{border:1px solid var(--border);background:#0c0c10}.brand-kit-page .logo-light{background:#f4f4f5}.brand-kit-page .logo-rules{flex-direction:column;gap:.9rem;padding:1.8rem;display:flex}.brand-kit-page .rule{color:var(--text-body);align-items:flex-start;gap:.7rem;font-size:.95rem;line-height:1.5;display:flex}.brand-kit-page .rule svg{flex-shrink:0;margin-top:2px}.brand-kit-page .rule.ok svg{color:var(--success)}.brand-kit-page .rule.no svg{color:var(--danger)}.brand-kit-page .swatch-grid{gap:1rem;display:grid}.brand-kit-page .grad-hero{border-radius:var(--radius-lg);background:var(--gradient-accent);height:130px;box-shadow:var(--shadow-glow);align-items:flex-end;padding:16px;display:flex}.brand-kit-page .grad-hero code{font-family:var(--font-mono);color:#ffffffeb;background:#00000047;border-radius:7px;padding:5px 10px;font-size:.72rem}.brand-kit-page .sw-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.85rem;display:grid}.brand-kit-page .sw{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.brand-kit-page .sw .chip{height:64px}.brand-kit-page .sw .meta{background:var(--glass);padding:9px 11px}.brand-kit-page .sw .nm{color:var(--text-primary);font-size:.8rem;font-weight:700}.brand-kit-page .sw .hex{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.brand-kit-page .type-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1.5rem 0;display:flex}.brand-kit-page .type-row:last-child{border-bottom:0}.brand-kit-page .type-spec{font-family:var(--font-mono);color:var(--text-muted);font-size:.74rem}.brand-kit-page .specimen-display{font-family:var(--font-grotesk);letter-spacing:-.02em;color:var(--text-heading);font-weight:800;line-height:1.05}.brand-kit-page .specimen-body{font-family:var(--font-body);color:var(--text-body)}.brand-kit-page .specimen-mono{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary)}.brand-kit-page .pair-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.brand-kit-page .radii-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.brand-kit-page .radii-item{flex-direction:column;align-items:center;gap:8px;display:flex}.brand-kit-page .radii-box{background:var(--glass-bright);border:1px solid var(--border-strong);border-top:2px solid var(--primary);width:72px;height:56px}.brand-kit-page .elev-row{gap:1.5rem;display:flex}.brand-kit-page .elev-item{flex-direction:column;flex:1;align-items:center;gap:.8rem;display:flex}.brand-kit-page .elev-box{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);width:100%;height:80px}.brand-kit-page .icon-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.75rem;display:grid}.brand-kit-page .icon-cell{border:1px solid var(--border);border-radius:var(--radius);background:var(--glass);color:var(--text-primary);flex-direction:column;align-items:center;gap:.55rem;padding:1.1rem .5rem;display:flex}.brand-kit-page .icon-cell span{font-family:var(--font-mono);color:var(--text-muted);font-size:.66rem}.brand-kit-page .icon-box{width:3.55rem;height:3.55rem;color:var(--primary);background:var(--primary-soft);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brand-kit-page .icon-row{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.brand-kit-page .comp-block{flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.brand-kit-page .comp-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand-kit-page .button{border-radius:var(--radius-full);min-height:3.15rem;font-family:var(--font-grotesk);letter-spacing:-.01em;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.9rem 1.25rem;font-size:.95rem;font-weight:850;line-height:1;transition:transform .25s,box-shadow .25s,background-position .6s,background .2s;display:inline-flex}.brand-kit-page .button-primary{background:var(--gradient-accent);color:#fff;background-position:0;background-size:160% 160%;box-shadow:0 8px 28px #5b6cff52,inset 0 1px #ffffff40}.brand-kit-page .button-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 14px 40px #8b5cf66b,inset 0 1px #ffffff4d}.brand-kit-page .button-outline{border-color:var(--border-strong);background:var(--glass);color:var(--text-primary)}.brand-kit-page .button-outline:hover{border-color:var(--border-accent);background:var(--glass-strong);color:#fff;transform:translateY(-1px)}.brand-kit-page .badge{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--glass-strong);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.brand-kit-page .badge-dot:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.brand-kit-page .badge-primary{color:var(--primary);background:var(--primary-soft);border-color:var(--border-accent)}.brand-kit-page .badge-success{color:var(--success);background:#34d3991f;border-color:#34d39952}.brand-kit-page .badge-gradient{color:#fff;background:var(--gradient-accent);border-color:#0000}.brand-kit-page .tag{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.brand-kit-page .field-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);width:100%;color:var(--text-primary);font:inherit;padding:13px 15px;font-size:.95rem}.brand-kit-page .field-input::placeholder{color:var(--text-muted)}.brand-kit-page .field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.brand-kit-page .feat-card{flex-direction:column;gap:.85rem;padding:1.6rem;display:flex}.brand-kit-page .feat-card h4{font-size:1.1rem}.brand-kit-page .feat-card p{color:var(--text-muted);font-size:.92rem;line-height:1.55}.brand-kit-page .voice-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.brand-kit-page .voice-card{flex-direction:column;gap:.6rem;padding:1.6rem;display:flex}.brand-kit-page .voice-card .h{align-items:center;gap:.55rem;font-weight:700;display:flex}.brand-kit-page .voice-card.do .h{color:var(--success)}.brand-kit-page .voice-card.dont .h{color:var(--danger)}.brand-kit-page .voice-card ul{color:var(--text-body);margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.7}.brand-kit-page .quote{font-family:var(--font-grotesk);letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;line-height:1.2}@media (width<=760px){.brand-kit-page .logo-grid,.brand-kit-page .pair-grid,.brand-kit-page .voice-grid{grid-template-columns:1fr}}