.brand-mark{background:transparent;border-radius:0;font:inherit;width:36px;height:36px}.brand-mark svg{width:100%;height:100%}.art-core{background:transparent;box-shadow:none;border-radius:0;width:112px;height:112px}.art-core svg{width:100%;height:100%}.logo-controls{background:var(--surface);border-bottom:1px solid var(--line)}.logo-controls-inner{display:flex;gap:18px;align-items:center;min-height:59px}.logo-controls-label{font-size:11px;color:var(--muted);white-space:nowrap}.logo-options{display:flex;gap:8px;align-items:center}.logo-option{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:7px;padding:7px 9px;font-size:11px;color:var(--muted)}.logo-option[aria-pressed=true]{border-color:var(--purple-line);background:var(--purple-soft);color:var(--purple)}.logo-option:hover{background:var(--purple-soft)}.control-mark{width:19px;height:19px;display:inline-flex}.control-mark svg{width:100%;height:100%}.logo-compare-link{font-size:11px;color:var(--purple);margin-left:auto;white-space:nowrap}.logo-compare-link span{margin-left:5px}.logo-page{padding-top:48px;padding-bottom:43px}.logo-intro{max-width:740px}.logo-intro h1{font-size:35px;font-weight:600;letter-spacing:-1px;margin:18px 0 13px}.logo-intro>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:650px}.logo-source{display:flex;align-items:center;gap:16px;margin-top:21px}.logo-source>span:last-child{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted-2);letter-spacing:2px}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:29px 0 25px}.logo-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.logo-card.is-selected{border-color:var(--line-strong);box-shadow:0 5px 28px #66087407}.logo-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px 0}.concept-id{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted-2);letter-spacing:2px}.logo-canvas{display:flex;align-items:center;justify-content:center;min-height:180px;margin:16px 15px 0;background:radial-gradient(ellipse at center,var(--purple-soft) 0%,var(--surface) 67%,var(--surface) 100%);border-radius:10px}.logo-card:nth-child(2) .logo-canvas{background:radial-gradient(ellipse at center,var(--gold-soft),var(--surface) 70%,var(--surface))}.logo-canvas>svg{width:106px;height:106px}.logo-card-body{display:flex;flex-direction:column;flex:1;padding:23px 22px}.logo-card h2{font-size:19px;font-weight:600;margin-bottom:11px;letter-spacing:-.3px}.concept-description{font-size:12px;line-height:1.8;color:var(--muted);min-height:65px}.logo-study{display:flex;align-items:stretch;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;margin-top:19px;gap:18px}.study-label{font-size:10px;color:var(--muted-2);display:block;white-space:nowrap}.size-samples{display:flex;align-items:end;gap:18px;margin-top:17px;min-height:55px}.size-samples>div{display:flex;flex-direction:column;align-items:center;gap:10px}.size-samples span{display:block}.size-samples svg{width:100%;height:100%}.size-samples small{font:9px ui-monospace,monospace;color:var(--muted-2)}.mono-sample{border-left:1px solid var(--line);padding-left:17px}.mono-mark{display:block;width:32px;height:32px;margin:17px auto 0}.mono-mark svg{width:100%;height:100%}.size-note{font-size:10px;line-height:1.8;color:var(--muted-2);margin-top:16px;min-height:37px}.lockup-preview{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--purple-soft);padding:13px 10px;border-radius:9px;margin-top:19px}.lockup-icon{width:24px;height:24px}.lockup-icon svg{width:100%;height:100%}.lockup-preview strong{font-size:16px;letter-spacing:-.5px}.lockup-preview strong>span{color:var(--purple);margin-left:3px}.lockup-label{margin-left:auto;font-size:9px;color:var(--muted-2)}.logo-apply{width:100%;margin-top:21px}.logo-recommendation{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px;background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:13px}.logo-recommendation strong{font-size:12px;color:var(--gold-text)}.logo-recommendation p{font-size:12px;line-height:1.85;color:var(--gold-text);margin-top:8px;max-width:620px}.logo-view-links{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.logo-preview-note{margin-top:19px;font-size:11px;color:var(--muted);line-height:1.8}
@media(max-width:1000px){.logo-grid{gap:12px}.logo-card-body{padding:20px 17px}.logo-card-heading{padding:18px 17px 0}.size-samples{gap:11px}.logo-study{gap:10px}.mono-sample{padding-left:10px}.lockup-label{display:none}.concept-description{min-height:86px}.logo-controls-inner{gap:10px}.option-name{display:none}}
@media(max-width:760px){.logo-page{padding-top:32px}.logo-intro h1{font-size:29px}.logo-grid{grid-template-columns:1fr}.logo-card{display:grid;grid-template-columns:1fr 1fr;position:relative}.logo-card-heading{grid-column:1/-1;padding-bottom:10px}.logo-canvas{min-height:160px;align-self:start;margin-top:14px}.logo-card-body{padding-top:18px}.logo-card h2{font-size:17px}.concept-description{min-height:0}.logo-study{margin-top:15px;padding-top:15px}.size-note{min-height:0}.logo-recommendation{flex-direction:column;align-items:stretch;gap:18px}.logo-view-links{flex-direction:row}.logo-controls-inner{min-height:54px}.logo-controls-label{font-size:10px}.logo-option{padding:6px 7px;gap:5px}.logo-options{gap:3px}.logo-compare-link{font-size:10px}.logo-apply{font-size:12px}.lockup-preview{margin-top:15px}}
@media(max-width:440px){.top-nav a[href="#home"]{display:none}.brand-mark{width:32px;height:32px}.logo-controls-inner{gap:7px}.logo-controls-label{font-size:9px}.logo-option{font-size:10px;padding:6px 5px;gap:4px}.logo-options{gap:1px}.control-mark{width:17px;height:17px}.logo-compare-link{font-size:9px}.logo-card{display:flex}.logo-card-heading{padding-bottom:0}.logo-canvas{width:calc(100% - 30px);min-height:165px}.logo-canvas>svg{width:96px;height:96px}.logo-card-body{padding:20px}.logo-card h2{font-size:20px}.logo-study{justify-content:start;gap:30px}.size-samples{gap:24px}.mono-sample{padding-left:27px}.lockup-label{display:inline}.logo-intro h1{font-size:28px;line-height:1.3}.logo-intro>p{font-size:12px}.logo-recommendation{padding:20px}}

@media(max-width:360px){.logo-controls-label{display:none}.header-inner,html[lang=en] .header-inner{gap:12px}.brand{font-size:19px;gap:6px}.top-nav{gap:12px}.header-actions,.language{flex-shrink:0}.language button{white-space:nowrap;padding:6px}.logo-options{gap:4px}}
.logo-reference{display:flex;align-items:center;gap:22px;margin:24px 0 19px;padding:17px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.reference-mark{display:flex;width:58px;height:58px;flex-shrink:0;align-items:center;justify-content:center;background:var(--purple-soft);border-radius:10px;padding:7px}.reference-mark svg{width:100%;height:100%}.reference-label{font-size:11px;color:var(--purple);font-weight:600}.reference-copy{flex:1}.reference-copy p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px;max-width:700px}.logo-reference+.logo-grid{margin-top:20px}
@media(max-width:760px){.logo-reference{gap:13px;padding:16px;flex-wrap:wrap}.reference-copy{flex-basis:calc(100% - 80px)}.reference-copy p{font-size:10px}.reference-mark{width:50px;height:50px}.logo-options{gap:2px}.logo-option{padding:6px;gap:4px}}
@media(max-width:440px){.logo-controls-label{display:none}.logo-controls-inner{gap:5px}.logo-compare-link{font-size:9px}.logo-option{padding:6px 4px;gap:3px}.logo-options{gap:2px}.control-mark{width:16px;height:16px}}