/* S.B.O: forward momentum, turquoise light, enduring gold. */
.logo .wordmark,.art-wordmark{color:#48e9c5;background:linear-gradient(110deg,#79ffb5 8%,#39e9cc 36%,#52c9ff 62%,#bcfff0 78%,#79ffb5 94%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;text-shadow:none;filter:drop-shadow(0 0 15px #37dfce30);animation:sbo-light 7s linear infinite}
.logo .wordmark{font-size:42px;letter-spacing:1px;transform:skewX(-5deg)}
.logo .wordmark small{font-style:normal;-webkit-text-fill-color:#b9cbdc;letter-spacing:1.8px;font-size:6px;filter:none}
.logo .brand-dot{color:#62ddda;-webkit-text-fill-color:#62ddda}
.art-wordmark{position:relative;font-size:clamp(72px,6.7vw,104px);line-height:1.08;font-weight:900;letter-spacing:5px;margin-top:0;padding:0 25px 12px 14px;overflow:visible;transform:skewX(-7deg);animation:sbo-light 7s linear infinite,sbo-forward 5s ease-in-out infinite}
.art-wordmark span{-webkit-text-fill-color:#6fe7de;font-style:normal;font-size:10px;position:absolute;right:10px;top:8px}
.art-wordmark:after{content:'';position:absolute;left:6%;right:5%;bottom:5px;height:2px;background:linear-gradient(90deg,transparent,#44e6bc77,#56d5ff,transparent);box-shadow:0 0 14px #46e7cf55;transform:skewX(-25deg);animation:sbo-trail 5s ease-in-out infinite}
.hero-art:before{background:radial-gradient(ellipse,#26cfb522,transparent 68%)}
.hero-art .orbit{border-color:#42d8d02b}.hero-art .orbit-two{border-color:#64cfff25}
.hero-art .label-top{color:#76d9d0;letter-spacing:3.5px}
.hero-art .hero-emblem{animation:sbo-emblem 5s ease-in-out infinite}
@keyframes sbo-light{to{background-position:230% 50%}}
@keyframes sbo-forward{0%,100%{transform:translate(-5px,3px) skewX(-7deg)}50%{transform:translate(7px,-4px) skewX(-7deg)}}
@keyframes sbo-emblem{0%,100%{transform:translate(-3px,2px)}50%{transform:translate(5px,-5px)}}
@keyframes sbo-trail{0%,100%{opacity:.35;transform:translateX(-8px) scaleX(.85) skewX(-25deg)}50%{opacity:1;transform:translateX(5px) scaleX(1) skewX(-25deg)}}
@media(max-width:1100px){header{gap:22px}.logo .wordmark{font-size:36px}.art-wordmark{font-size:76px}}
@media(max-width:680px){.logo .wordmark{font-size:34px}.logo .wordmark small{font-size:5px;letter-spacing:1.5px}.art-wordmark{font-size:70px;letter-spacing:4px;padding-bottom:9px}.hero-art .hero-emblem .brandmark{width:148px;height:138px}}
@media(prefers-reduced-motion:reduce){.logo .wordmark,.art-wordmark,.art-wordmark:after,.hero-art .hero-emblem{animation:none}.art-wordmark{transform:skewX(-7deg)}}
.hero-art .label-bottom{bottom:27px}
@media(max-width:680px){.hero-art .label-bottom{bottom:8px}}
/* Living header emblem and an orbital Earth. */
header .logo{position:relative;isolation:isolate}header .logo:after{content:'';position:absolute;left:20px;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,transparent,#39e9cc,#52c9ff,transparent);animation:sbo-trail 4s ease-in-out infinite}
header .logo>.brandmark{animation:header-launch 5s ease-in-out infinite;filter:drop-shadow(0 0 10px #42e5c866)}
header .logo .wordmark{animation:sbo-light 7s linear infinite,header-word 5s ease-in-out infinite}
.earth-globe{position:absolute;width:355px;height:355px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-14deg);z-index:-2;filter:drop-shadow(0 0 24px #34d7d327)}
.earth-continents{transform-origin:200px 200px;animation:earth-drift 28s ease-in-out infinite alternate}
.hero-art .orbit{z-index:-1;border-color:#62e8d14d;width:390px;height:390px}.hero-art .orbit-two{width:440px;height:440px;border-color:#67cbff3d}.hero-art .orbit-three{width:340px;height:340px}
.earth-flight{position:absolute;width:375px;height:375px;border-radius:50%;transform:rotate(-25deg);z-index:-1;animation:earth-flight 20s linear infinite}.earth-flight i{position:absolute;top:50%;left:-2px;width:5px;height:5px;background:#b4fff1;border-radius:50%;box-shadow:0 0 9px 3px #5cddcc77}
.cosmic-star{position:absolute;left:var(--x);top:var(--y);font-size:var(--s);color:#a3f5ed;text-shadow:0 0 10px #5ae6e2;line-height:1;pointer-events:none;animation:cosmic-twinkle 4.5s var(--d) ease-in-out infinite}
@keyframes cosmic-twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes earth-drift{from{transform:translateX(-5px)}to{transform:translateX(7px)}}
@keyframes earth-flight{to{transform:rotate(335deg)}}
@keyframes header-launch{0%,100%{transform:translate(-2px,2px) rotate(-4deg)}50%{transform:translate(3px,-3px) rotate(2deg)}}
@keyframes header-word{0%,100%{transform:translateX(-1px) skewX(-5deg)}50%{transform:translateX(3px) skewX(-5deg)}}
@media(max-width:680px){.earth-globe{width:268px;height:268px}.earth-flight{width:245px;height:245px}.hero-art .orbit{width:265px;height:265px}.hero-art .orbit-two{width:300px;height:300px}.cosmic-star{font-size:calc(var(--s)*.8)}}
@media(prefers-reduced-motion:reduce){header .logo>.brandmark,header .logo .wordmark,header .logo:after,.earth-continents,.earth-flight,.cosmic-star{animation:none}}
/* Deep navy canvas with a quiet brand signature on every route. */
html,body{background:#07152f}body{background:radial-gradient(ellipse at 85% 5%,#102d54 0,transparent 43%),linear-gradient(155deg,#091c3b,#07152f 60%,#091b36);background-attachment:fixed}
header{background:#0a1b36ed;border-bottom-color:#284364}
.page{position:relative;isolation:isolate;min-height:65vh}.page:before{content:'SBO';position:absolute;top:95px;right:1%;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;font-size:clamp(160px,31vw,480px);line-height:1;letter-spacing:-.07em;color:#5da8d6;opacity:.045;transform:rotate(-12deg);pointer-events:none;z-index:-1;user-select:none}
.panel{background-color:#0c203e}.home-discovery{background:linear-gradient(120deg,#102743ee,#0b1d37ed)}.hero-art:before{background:radial-gradient(ellipse,#20cbb12a,transparent 68%)}
@media(max-width:680px){.page:before{font-size:43vw;top:160px;right:6%;opacity:.055}}