.logo-hero{max-width:1320px;margin:auto;padding:80px 5%;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.logo-hero h1{font-size:clamp(2.8rem,5.2vw,4.8rem)}.logo-lead{font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:28px}.logo-display{margin:0;background:white;border:1px solid var(--line);border-radius:20px;padding:40px;text-align:center}.logo-display img{width:100%;height:auto;max-width:290px}.logo-display figcaption{font-size:12px;color:var(--muted);margin-top:20px;letter-spacing:.05em}.logo-details{max-width:1320px;padding:0 5% 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;scroll-margin-top:24px}.meaning-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.meaning-visual{height:205px;background:#edf3f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--forest)}.large-letter{font:500 112px/1 Manrope,sans-serif;color:#0098b7}.visual-label{font-size:10px;letter-spacing:.17em;font-weight:650}.meaning-copy{padding:30px 32px}.meaning-copy .eyebrow{font-size:10px;margin-bottom:15px}.meaning-copy h2{font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.2;margin-bottom:16px}.meaning-copy p:not(.eyebrow){color:#536468;line-height:1.75;margin-bottom:0}.meaning-copy strong{font-weight:650;color:var(--ink)}.meaning-copy .meaning-note{font-size:12px;margin-top:13px}.clock-visual{background:#edf5f7}.clock-visual svg{height:145px;width:145px}.byte-blocks{display:grid;grid-template-columns:repeat(2,44px);gap:10px;transform:rotate(-8deg);margin:10px 0 19px}.byte-blocks i{height:44px;background:#0098b7}.byte-blocks i:nth-child(2){background:#1b7a4a}.byte-blocks i:nth-child(3){background:#073e4a}.byte-blocks i:nth-child(4){background:white;border:1px solid #a9bdc2}.plus-visual{background:var(--forest);color:var(--lime)}.large-plus{font:400 145px/.9 'DM Sans',sans-serif;color:white}.logo-cta{background:var(--forest);color:white;padding:65px 6%;text-align:center}.logo-cta .eyebrow{color:var(--lime);margin-bottom:15px}.logo-cta h2{font-size:clamp(2rem,4vw,3.5rem)}.logo-cta p:not(.eyebrow){color:#cfdde1}.logo-cta .actions{justify-content:center}.logo-cta-link{border-bottom:1px solid #b0bfc3;padding:8px 0;font-size:14px}.logo-story-teaser{margin-top:40px;padding-top:35px;border-top:1px solid var(--line)}@media(max-width:760px){.logo-hero{grid-template-columns:1fr;padding:45px 6%;gap:30px}.logo-hero h1{font-size:2.8rem}.logo-lead{font-size:17px}.logo-display{padding:24px}.logo-display img{max-width:210px}.logo-details{grid-template-columns:1fr;padding:0 6% 50px;gap:20px}.meaning-visual{height:180px}.meaning-copy{padding:26px}.logo-cta{padding:45px 6%}}

#our-logo{border-top:1px solid var(--line);scroll-margin-top:32px}#our-logo h2{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1.12}

/* Shared content width for the merged About page. */
.about-body,#our-logo,.logo-details{box-sizing:border-box;width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%}
.about-body{padding-top:64px;padding-bottom:64px}
@media(max-width:760px){.about-body,#our-logo,.logo-details{padding-left:6%;padding-right:6%}.about-body{padding-top:40px;padding-bottom:45px}}

.logo-symbol-equation{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 8px;color:var(--forest);font-size:34px;line-height:1.2;font-family:"Apple Symbols","Segoe UI Symbol",sans-serif}.logo-symbol-equation .logo-symbol-plus{font-family:Manrope,sans-serif;font-size:17px;font-weight:500}

.logo-symbol-equation>span:last-child{display:inline-block;transform:scale(.9);transform-origin:center}

.logo-symbol-equation>span:first-child{font-weight:400;-webkit-text-stroke:0}

.c-logo-explanation{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.c-logo-animated{width:105px;height:105px;flex-shrink:0}.c-logo-arrow{font:400 42px/1 sans-serif;color:#0098b7}.c-logo-explanation .large-letter{font-size:112px}.c-arc-pulse{animation:cArcPulse 2.6s ease-in-out infinite}@keyframes cArcPulse{0%,100%{opacity:1}50%{opacity:.32}}@media(max-width:760px){.c-logo-explanation{gap:16px}.c-logo-animated{width:90px;height:90px}.c-logo-explanation .large-letter{font-size:96px}.c-logo-arrow{font-size:36px}}@media(prefers-reduced-motion:reduce){.c-arc-pulse{animation:none}}

.logo-symbol-equation,.logo-display .logo-equation-caption{display:grid;grid-template-columns:60px 48px 60px;gap:12px;justify-content:center;align-items:center;text-align:center}.logo-display .logo-equation-caption{margin:14px auto 0;font-size:14px;letter-spacing:0;line-height:1.4}

.clock-visual svg{width:122px;height:122px}@media(max-width:760px){.clock-visual svg{width:104px;height:104px}}

.c-logo-explanation{width:82%;max-width:430px;justify-content:space-between;gap:20px;margin-inline:auto}@media(max-width:760px){.c-logo-explanation{width:86%;max-width:380px;gap:12px}}

.c-logo-explanation{width:68%;max-width:340px;gap:20px}@media(max-width:760px){.c-logo-explanation{width:68%;max-width:300px;gap:12px}}

.clock-logo-explanation{display:flex;align-items:center;justify-content:space-between;width:68%;max-width:340px;gap:20px;margin-inline:auto}.clock-visual .clock-source-logo{width:105px;height:105px;flex-shrink:0}.clock-visual .clock-face{width:122px;height:122px;flex-shrink:0}.clock-visual .clock-sword-original{width:137.7px;height:137.7px}.sword-pulse{animation:cArcPulse 2.6s ease-in-out infinite}@media(max-width:760px){.clock-logo-explanation{max-width:300px;gap:12px}.clock-visual .clock-source-logo{width:90px;height:90px}.clock-visual .clock-face{width:104.57px;height:104.57px}}@media(prefers-reduced-motion:reduce){.sword-pulse{animation:none}}

.logo-display .logo-equation-caption>span:nth-child(2){font-size:22px;line-height:1;font-weight:500}

.logo-symbol-equation>span{display:flex;align-items:center;justify-content:center;height:38px}.logo-symbol-equation>span:last-child{transform:none}.logo-display .logo-symbol-equation img{width:34px;height:34px;max-width:none;display:block;object-fit:contain}.logo-display .logo-symbol-equation .logo-byte-icon img{width:30.6px;height:30.6px}

.logo-symbol-equation .logo-power-icon,.logo-symbol-equation .logo-byte-icon{align-items:flex-end}.logo-symbol-equation .logo-byte-icon img{transform:translateY(.15px)}

/* Align opaque artwork edges, using tightly cropped PNGs. */
.logo-display .logo-symbol-equation .logo-power-icon,.logo-display .logo-symbol-equation .logo-byte-icon{display:flex;height:38px;align-items:flex-end;justify-content:center}
.logo-display .logo-symbol-equation .logo-power-icon img{width:auto;height:28px;max-width:none;transform:none;margin:0;vertical-align:bottom}
.logo-display .logo-symbol-equation .logo-byte-icon img{width:22px;height:22px;max-width:none;transform:none;margin:0;vertical-align:bottom}

.logo-display .logo-symbol-equation .logo-symbol-plus{transform:translateY(5px)}

.byte-logo-explanation{display:flex;align-items:center;justify-content:space-between;width:68%;max-width:340px;gap:20px;margin-inline:auto}.byte-source-logo{width:105px;height:105px;flex-shrink:0}.byte-logo-explanation .byte-blocks{margin:0;flex-shrink:0}.byte-squares-pulse{animation:cArcPulse 2.6s ease-in-out infinite}@media(max-width:760px){.byte-logo-explanation{max-width:300px;gap:12px}.byte-source-logo{width:90px;height:90px}.byte-logo-explanation .byte-blocks{grid-template-columns:repeat(2,38px);gap:8px}.byte-logo-explanation .byte-blocks i{height:38px}}@media(prefers-reduced-motion:reduce){.byte-squares-pulse{animation:none}}

/* Compact digital pixels for the Byte explanation. */
.byte-logo-explanation .byte-blocks{grid-template-columns:repeat(2,27px);gap:7px;transform:none;padding:10px;border:1px solid rgba(0,152,183,.16);border-radius:9px;background:rgba(255,255,255,.45);box-shadow:0 3px 12px rgba(7,62,74,.04)}
.byte-logo-explanation .byte-blocks i{height:27px;border:0;border-radius:2px;background:linear-gradient(135deg,#0098b7,#10b98b);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.byte-logo-explanation .byte-blocks i:nth-child(2){background:linear-gradient(135deg,#10b98b,#20ca42)}
.byte-logo-explanation .byte-blocks i:nth-child(3){background:linear-gradient(135deg,#087b94,#0098b7)}
.byte-logo-explanation .byte-blocks i:nth-child(4){background:linear-gradient(135deg,#0098b7,#10b98b)}
@media(max-width:760px){.byte-logo-explanation .byte-blocks{grid-template-columns:repeat(2,23px);gap:6px;padding:8px}.byte-logo-explanation .byte-blocks i{height:23px}}

.plus-logo-explanation{display:flex;align-items:center;justify-content:space-between;width:68%;max-width:340px;gap:20px;margin-inline:auto}.plus-source-logo{width:105px;height:105px;flex-shrink:0}.plus-logo-explanation .c-logo-arrow{color:#b9e6ed}.plus-logo-explanation .large-plus{font-size:112px}.logo-negative-plus{opacity:.10;animation:negativePlusPulse 3s ease-in-out infinite}@keyframes negativePlusPulse{0%,100%{opacity:0}50%{opacity:.38}}@media(max-width:760px){.plus-logo-explanation{max-width:300px;gap:12px}.plus-source-logo{width:90px;height:90px}.plus-logo-explanation .large-plus{font-size:96px}}@media(prefers-reduced-motion:reduce){.logo-negative-plus{animation:none}}

.plus-logo-explanation .plus-result{display:block;width:100px;height:100px;flex-shrink:0;align-self:center}.plus-logo-explanation{align-items:center}@media(max-width:760px){.plus-logo-explanation .plus-result{width:86px;height:86px}}

#our-logo .logo-display{background:transparent;border:0;border-radius:0;box-shadow:none}

@media(min-width:761px){#our-logo.logo-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:40px}#our-logo .logo-display{justify-self:stretch;align-self:center;text-align:center}}