.branding-page{background:var(--paper);color:var(--sumi)}.branding-page .branding-hero-art img{object-position:center}.branding-page .branding-problem-art img{object-position:left center}.branding-page .branding-proof-copy .headline{max-width:10ch;margin-top:var(--space-5)}.branding-page .branding-proof-copy .body-lg{margin-top:var(--space-6)}.branding-page .branding-capabilities{margin-top:var(--space-10)}.branding-page .branding-capability{min-height:250px}.branding-page .branding-capability b{font-size:var(--type-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ultra)}.branding-page .branding-capability h3{font-size:var(--type-title);margin-top:var(--space-6)}.branding-page .branding-capability p{font-size:var(--type-caption);color:var(--ink-2);margin-top:var(--space-4);line-height:1.58}.branding-page .branding-many{background:var(--paper-2)}.branding-page .branding-many .chapter-head .headline{max-width:11ch}.branding-page .branding-many-art{height:clamp(360px,39vw,540px)}.branding-page .branding-many-art img{object-fit:cover;height:100%}.branding-page .branding-track-copy .headline{max-width:20ch;margin-top:var(--space-5)}.branding-page .branding-track-copy .body-lg{margin-top:var(--space-6)}.branding-page .branding-faq .headline{max-width:12ch;margin:var(--space-5) 0 var(--space-9)}.branding-page .branding-final{--section-rule:var(--sumi-rule)}.branding-page .branding-final .headline{max-width:11ch;margin-top:var(--space-5)}.branding-page .branding-final-action p{font-size:var(--type-lead);color:var(--on-dark-2);max-width:30ch;line-height:1.5}.branding-page .branding-final-action .btns{margin-top:var(--space-7)}.branding-page .branding-final-action .micro{color:var(--on-dark-3)}@media (max-width:700px){.branding-page .branding-capability{min-height:0}}.brand-proof{background:var(--ui-surface-muted);color:var(--ui-ink);container-type:inline-size}.brand-proof-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--ui-rule-strong);background:var(--ui-surface);display:flex}.brand-proof-head strong{font-size:var(--type-ui)}.brand-proof-head span{font-size:var(--type-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--moss)}.brand-proof-body{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);min-height:500px;display:grid}.brand-settings,.brand-preview-wrap{min-width:0}.brand-settings{padding:var(--space-5);border-right:1px solid var(--ui-rule-strong);background:var(--ui-surface)}.brand-group+.brand-group{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--ui-rule-soft)}.brand-group-title{justify-content:space-between;gap:var(--space-3);align-items:baseline;display:flex}.brand-group-title strong{font-size:var(--type-meta)}.brand-group-title span{font-size:var(--type-2xs);color:var(--ui-muted)}.brand-control{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:74px minmax(0,1fr);align-items:center;display:grid}.brand-control>span{font-size:var(--type-2xs);color:var(--ui-muted)}.brand-logo-chip,.brand-input{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-logo-chip{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-rule-soft);font-size:var(--type-meta);display:flex}.brand-logo-mark{background:var(--ultra);width:30px;height:30px;color:var(--on-dark);font-size:var(--type-2xs);flex:none;place-items:center;font-weight:700;display:grid}.brand-swatch{align-items:center;gap:var(--space-3);font-size:var(--type-meta);display:flex}.brand-swatch i{border:1px solid var(--ui-rule-strong);background:#7a3ff2;flex:none;width:26px;height:26px}.brand-input{padding:var(--space-3);border:1px solid var(--ui-rule-soft);font-size:var(--type-caption);color:var(--ui-ink)}.brand-toggle{padding:var(--space-3) 0;border-bottom:1px solid var(--ui-rule-soft);font-size:var(--type-caption);justify-content:space-between;align-items:center;display:flex}.brand-toggle i{background:var(--moss);border-radius:18px;width:34px;height:18px;position:relative}.brand-toggle i:after{content:"";background:var(--ui-surface);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.brand-preview-wrap{padding:var(--space-6);flex-direction:column;display:flex}.brand-preview-label{justify-content:space-between;gap:var(--space-4);font-size:var(--type-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:var(--space-4);display:flex}.brand-preview{border:1px solid var(--ui-rule-strong);background:#f4f0ff;flex-direction:column;flex:1;min-height:390px;display:flex}.brand-preview-nav{height:54px;padding:0 var(--space-5);background:#fff;justify-content:space-between;align-items:center;display:flex}.brand-preview-lockup{align-items:center;gap:var(--space-3);font-size:var(--type-meta);font-weight:650;display:flex}.brand-preview-lockup i{color:#fff;width:28px;height:28px;font-size:var(--type-2xs);background:#7a3ff2;place-items:center;font-style:normal;display:grid}.brand-preview-nav span{font-size:var(--type-2xs);color:var(--ui-muted)}.brand-preview-hero{padding:var(--space-7);background:linear-gradient(135deg,#f4f0ff,#fff 72%);border-top:3px solid #7a3ff2;flex:1}.brand-preview-hero small{font-size:var(--type-2xs);letter-spacing:.1em;text-transform:uppercase;color:#6b3bd6}.brand-preview-hero h3{font-size:var(--type-heading-sm);letter-spacing:-.055em;max-width:9ch;margin-top:var(--space-5);line-height:1.03}.brand-preview-hero p{font-size:var(--type-caption);color:var(--ui-muted);max-width:34ch;margin-top:var(--space-4);line-height:1.55}.brand-preview-button{margin-top:var(--space-6);padding:var(--space-3) var(--space-5);color:#fff;font-size:var(--type-caption);background:#7a3ff2;font-weight:550;display:inline-flex}.brand-preview-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--ui-rule-soft);font-size:var(--type-2xs);color:var(--ui-muted);background:#fff}@container (max-width:760px){.brand-proof-body{grid-template-columns:1fr}.brand-settings{border-right:0;border-bottom:1px solid var(--ui-rule-strong)}.brand-preview{min-height:360px}}
