.page-brand-kit{background:var(--bg-dark)!important;color:#fff!important}.brand-kit-page{color:#fff;min-height:100vh}.brand-kit-page .container{max-width:1000px;margin:0 auto;padding:0 20px}.brand-kit-page .hero{padding:160px 0 60px;text-align:center}.hero-title{font-size:clamp(48px,8vw,80px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}.dot{color:var(--primary, #E31E24)}.hero-subtitle{font-size:18px;color:var(--text-dark-muted, rgba(255, 255, 255, .7))}.section{padding:80px 0;border-top:1px solid var(--border-dark, rgba(255, 255, 255, .08))}.section-title{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.section-desc{font-size:16px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));margin-bottom:40px;line-height:1.6}.logo-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.logo-card{background:var(--surface-dark, #1a1a1a);border:1px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:16px;overflow:hidden;transition:border-color var(--duration-normal, .25s) var(--easing-ease, ease)}.logo-card:hover{border-color:#fff3}.logo-preview{padding:48px;display:flex;align-items:center;justify-content:center;min-height:200px}.logo-card.dark .logo-preview{background:var(--bg-dark, #0f0f0f)}.logo-card.light .logo-preview{background:#f5f5f5}.logo-img{max-width:220px;height:auto}.logo-info{padding:24px;border-top:1px solid var(--border-dark, rgba(255, 255, 255, .08))}.logo-info h3{font-size:16px;font-weight:600;margin-bottom:8px}.logo-info p{font-size:14px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));line-height:1.5;margin-bottom:16px}.logo-actions{display:flex;align-items:center;gap:16px}.btn-download{display:inline-flex;align-items:center;gap:8px;background:var(--primary, #E31E24);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity var(--duration-fast, .15s) var(--easing-ease, ease)}.btn-download:hover{opacity:.9}.download-hint{font-size:12px;color:var(--text-dark-muted, rgba(255, 255, 255, .5))}.color-grid-new{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}.color-card-large{background:var(--surface-dark, #1a1a1a);border:1px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:16px;overflow:hidden;align-self:start}.color-swatch-large{height:180px}.color-info-large{padding:24px}.color-info-large h3{font-size:18px;font-weight:700;margin-bottom:8px}.color-values{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-values code{font-family:var(--font-mono, monospace);font-size:14px;background:#ffffff1a;padding:4px 8px;border-radius:4px}.pantone{font-size:12px;color:var(--text-dark-muted, rgba(255, 255, 255, .6))}.color-info-large p{font-size:14px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));line-height:1.5}.bg-examples{background:var(--surface-dark, #1a1a1a);border:1px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:16px;padding:24px}.bg-examples h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#ffffffe6}.bg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bg-sample{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.bg-logo{width:120px;height:auto}.bg-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.visual-guidelines{display:flex;flex-direction:column;gap:48px}.guideline-visual h3{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;margin-bottom:24px}.guideline-visual.do h3{color:var(--color-success, #10b981)}.guideline-visual.dont h3{color:var(--color-error, #ef4444)}.guideline-visual.do h3 svg{stroke:var(--color-success, #10b981)}.guideline-visual.dont h3 svg{stroke:var(--color-error, #ef4444)}.visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.visual-card{text-align:center}.visual-preview{background:var(--surface-dark, #1a1a1a);border:2px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:12px;padding:32px;min-height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.visual-preview.good{border-color:var(--color-success, #10b981)}.visual-preview.bad{border-color:var(--color-error, #ef4444)}.visual-preview.spacing{position:relative}.spacing-guide{position:absolute;inset:12px;border:2px dashed rgba(16,185,129,.3);pointer-events:none}.example-logo{height:auto;display:block}.example-logo.correct-size{width:150px}.example-logo.too-small{width:40px}.example-logo.stretched{width:180px;height:50px;object-fit:fill}.visual-preview.busy-bg{background:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#1a1a1a}.visual-caption{font-size:13px;color:var(--text-dark-muted, rgba(255, 255, 255, .7))}.embed-block{margin-bottom:56px}.embed-block:last-child{margin-bottom:0}.embed-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.embed-title{font-size:20px;font-weight:700}.embed-desc{font-size:14px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));margin-bottom:20px}.embed-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:100px;background:#10b98126;color:#10b981;white-space:nowrap}.embed-tip{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.embed-tip svg{flex-shrink:0;color:#fff6;margin-top:1px}.embed-tip p{font-size:13px;line-height:1.6;color:var(--text-dark-muted, rgba(255, 255, 255, .6));margin:0}.brand-page-demo{max-width:640px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bpd-breadcrumb{font-size:12px;color:#999;margin-bottom:24px}.bpd-breadcrumb strong{color:#666}.bpd-sep{margin-inline:4px}.bpd-content{display:flex;gap:32px;align-items:flex-start;margin-bottom:28px}.bpd-main{flex:1;min-width:0}.bpd-paragraph{font-size:14px;line-height:1.7;color:#444;margin:0 0 12px}.bpd-paragraph--link{margin-bottom:0}.bpd-link{color:#ec0f2a;text-decoration:none;font-weight:600}.bpd-link:hover{text-decoration:underline}.bpd-logo-area{flex-shrink:0;display:flex;align-items:flex-start;padding-top:4px}.bpd-logo{width:160px;height:auto;display:block}.bpd-products{padding-top:24px;border-top:1px solid #e5e5e5}.bpd-products-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.bpd-products-grid{display:flex;gap:12px;mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.bpd-product-ph{width:72px;height:72px;background:#e8e8e8;border-radius:8px}.embed-preview{margin-bottom:16px;border-radius:12px;overflow:hidden;border:1px solid var(--border-dark, rgba(255, 255, 255, .08))}.preview-label{padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6;background:#ffffff05;border-bottom:1px solid var(--border-dark, rgba(255, 255, 255, .08))}.preview-area{padding:40px 32px}.preview-light{background:#fff}.preview-subtle{background:#f5f5f5}.preview-centered{display:flex;justify-content:center}.footer-demo{border-top:1px solid #dee2e6;padding-top:20px}.footer-demo-label{display:block;font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.footer-demo-link{display:inline-block;transition:opacity var(--duration-fast, .15s) var(--easing-ease, ease)}.footer-demo-link:hover{opacity:.8}.footer-demo-link img{display:block;width:120px;height:auto}.card-preview{display:flex;align-items:center;gap:32px;max-width:680px;margin:0 auto;padding:32px 40px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 8px 32px #0000000a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-preview__logo{width:160px;height:auto;flex-shrink:0}.card-preview__title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.card-preview__text{font-size:15px;color:#666;line-height:1.5;margin:0 0 14px}.card-preview__link{display:inline-flex;align-items:center;gap:6px;color:#ec0f2a;font-size:14px;font-weight:600;text-decoration:none;transition:opacity var(--duration-fast, .15s) var(--easing-ease, ease)}.card-preview__link:hover{opacity:.8}.code-block{background:#0a0a0a;border:1px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.code-actions{display:flex;align-items:center;gap:8px}.code-lang{font-size:12px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.05em}.btn-toggle,.btn-copy{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--duration-fast, .15s) var(--easing-ease, ease)}.btn-toggle:hover,.btn-copy:hover{background:#ffffff1a;color:#fff}.btn-copy.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.icon-chevron{transition:transform var(--duration-fast, .15s) var(--easing-ease, ease)}.code-block.expanded .icon-chevron{transform:rotate(180deg)}.code-content{padding:0 16px;overflow:hidden;font-family:var(--font-mono, "SF Mono", Consolas, monospace);font-size:12.5px;line-height:1.65;color:#fff9;margin:0;tab-size:2;max-height:0;transition:max-height var(--duration-normal, .25s) var(--easing-ease, ease),padding var(--duration-normal, .25s) var(--easing-ease, ease)}.code-block.expanded .code-content{max-height:800px;padding:16px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.06)}.code-content code{font-family:inherit;white-space:pre}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.requirement-card{background:var(--surface-dark, #1a1a1a);border:1px solid var(--border-dark, rgba(255, 255, 255, .08));border-radius:16px;padding:32px;text-align:center}.req-icon{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--primary, #E31E24)}.requirement-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.req-required{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #E31E24);margin-bottom:12px}.req-recommended{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-success, #10b981);margin-bottom:12px}.requirement-card p:last-child{font-size:14px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));line-height:1.5}.cta-section{border-top:none;padding-bottom:120px}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:36px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.cta-content p{font-size:16px;color:var(--text-dark-muted, rgba(255, 255, 255, .7));line-height:1.6;margin-bottom:32px}.cta-downloads{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.link-contact{color:var(--text-dark-muted, rgba(255, 255, 255, .7));text-decoration:none;font-size:14px;border-bottom:1px solid transparent;transition:all var(--duration-fast, .15s) var(--easing-ease, ease)}.link-contact:hover{color:#fff;border-color:#fff}@media(max-width:800px){.brand-kit-page .hero{padding:120px 0 60px}.hero-title{font-size:40px}.section{padding:60px 0}.section-title{font-size:24px}.logo-cards,.color-grid-new,.bg-grid,.visual-grid,.requirements-grid{grid-template-columns:1fr}.card-preview{flex-direction:column;text-align:center;padding:28px 24px;gap:20px}.card-preview__logo{width:130px}.preview-area{padding:20px}.bpd-content{flex-direction:column-reverse;gap:20px}.bpd-logo{width:120px}.bpd-product-ph{width:56px;height:56px}.cta-downloads{flex-direction:column;gap:12px}}