.brand-hero{padding:64px 0 48px;max-width:720px}@media(max-width:640px){.brand-hero{padding:40px 0 32px}}.brand-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,5.6vw,60px);line-height:1.02;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}.brand-hero p{font-size:17px;line-height:1.55;color:var(--text-tertiary);margin:0;max-width:54ch}.ba-section{margin-top:72px}.ba-section-head{margin-bottom:32px}.ba-section-head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.6vw,28px);line-height:1.15;letter-spacing:-.01em;margin:0 0 12px}.ba-section-head p{font-size:14px;line-height:1.6;color:var(--text-tertiary);margin:0;max-width:54ch}.ba-card{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.ba-card-body{padding:20px 22px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid var(--border-subtle)}.ba-card-body .meta{display:flex;flex-direction:column;gap:2px}.ba-card-body .meta-name{font-size:13px;font-weight:500;color:var(--text-primary)}.ba-card-body .meta-sub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.02em}.dl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.dl-btn:hover{background:var(--otus-green-700);color:#fff;border-color:var(--otus-green-700)}.dl-btn svg{flex-shrink:0}.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:640px}@media(max-width:640px){.logo-grid{grid-template-columns:1fr}}.logo-canvas{height:180px;display:flex;align-items:center;justify-content:center;padding:24px}.logo-canvas.dark{background:var(--stone-900)}.logo-canvas.light{background:var(--bg)}.logo-canvas.green{background:var(--otus-green-700)}.logo-canvas.cream{background:var(--surface)}.logo-canvas svg{width:auto;height:auto;max-width:80%;max-height:60%}.logo-canvas.full-variant svg{width:70%;height:auto;max-height:40%}.logo-canvas.mark-variant svg{width:auto;height:50%;max-width:60%}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.color-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.color-grid{grid-template-columns:1fr}}.color-swatch{height:140px;display:flex;align-items:flex-end;padding:18px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.color-swatch.on-dark{color:#ffffffb8}.color-swatch.on-light{color:var(--text-tertiary)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){.type-grid{grid-template-columns:1fr}}.type-card{padding:32px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:280px}.type-preview{flex:1;display:flex;align-items:center;font-size:clamp(56px,7vw,80px);line-height:.95;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 24px}.type-preview.display{font-family:var(--font-display);font-weight:500}.type-preview.sans{font-family:var(--font-sans);font-weight:500}.type-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-tertiary)}.type-meta strong{color:var(--text-primary);font-weight:500;font-size:14px}.type-meta small{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.guidelines{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:720px){.guidelines{grid-template-columns:1fr}}.guide-card{padding:28px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.guide-card h4{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.01em;margin:0 0 10px;display:flex;align-items:center;gap:10px}.guide-card h4 .guide-pip{width:8px;height:8px;border-radius:50%}.guide-card.do h4 .guide-pip{background:var(--otus-green-700)}.guide-card.dont h4 .guide-pip{background:var(--warm-300, #c8976a)}.guide-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.guide-card li{font-size:13px;line-height:1.55;color:var(--text-secondary);padding-left:20px;position:relative}.guide-card li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:1px;background:var(--border-strong)}.contact-band{margin-top:72px;padding:40px 32px;background:var(--otus-green-700);border-radius:var(--radius-xl);text-align:center;color:#fff}.contact-band h3{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.6vw,28px);line-height:1.2;letter-spacing:-.01em;margin:0 0 10px;color:#fff}.contact-band p{font-size:14px;color:#ffffffc7;margin:0 0 20px}.contact-band a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;color:var(--otus-green-700);border-radius:var(--radius-full);font-size:14px;font-weight:500}.contact-band a:hover{background:var(--surface)}