/* Bravoz Spectrum â€” sapphire, crimson and starlight. No canvas, no added dependency. */
:root{--bg:#050d1c;--bg2:#09162a;--ink:#f5f8ff;--muted:#b0c1d9;--violet:#67b8ff;--blue:#3b9fff;--aqua:#a7ecff;--gold:#e9d5ad;--line:#87bfff29;--surface:#0d1c31;--surface2:#13233b;--spectrum-red:#ff4659;--spectrum-blue:#339eff}
html body.tech{background:#050d1c;color:#f5f8ff}
html body.tech .header{background:linear-gradient(110deg,#050d1cf7,#0b1b30ed 65%,#0f1620ed);border-bottom:1px solid #90c7ff30;box-shadow:0 10px 45px #0005}
html body.tech .nav-links{background:#061326b8;border-color:#98caff30}
html body.tech .nav-links>a{color:#d2dff1}
html body.tech .nav-links>a[aria-current=page]{color:#fff;background:#9acbff12;text-shadow:0 0 18px #58b9ff88}
html body.tech .nav .brand img,html body.tech .footer-brand img,.portal .p-header img{filter:none!important;animation:none!important}
html body.tech .btn-primary,html body.tech .nav-links .nav-cta{background:linear-gradient(115deg,#d4eeff,#81c9ff);color:#051225;border:1px solid #e0f6ffb3;box-shadow:0 5px 30px #2399ff26;font-weight:700}
html body.tech .btn-primary:hover,html body.tech .nav-links .nav-cta:hover{background:linear-gradient(115deg,#ecf9ff,#a8deff);box-shadow:0 8px 38px #339eff45}
html body.tech .btn-quiet{background:#081a30b3;border-color:#d8eaff55;color:#eef7ff}
html body.tech .shine-text,html body.tech .italic-gradient{background:linear-gradient(105deg,#f5f9ff 5%,#a5dcff 55%,#ff8c9a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
html body.tech .overline,html body.tech .eyebrow{color:#bedfff}
html body.tech .hero{isolation:isolate;background:#050d1c;min-height:740px;padding-top:0}
html body.tech .hero:before{display:none}
html body.tech .hero-grid{min-height:710px;padding-block:82px 80px;display:block}
html body.tech .hero-copy{position:relative;max-width:100%;z-index:2}
html body.tech .hero h1{font-size:clamp(78px,10vw,142px);max-width:1080px;margin:38px 0 30px;line-height:.94;letter-spacing:-.065em}
html body.tech .hero-outline{-webkit-text-stroke:1px #d3eaffb0;text-shadow:none}
html body.tech .hero-lead{margin-left:0;max-width:490px;color:#d2dfef;font-size:17px;line-height:1.9}
html body.tech .hero-actions{margin-top:28px}
html body.tech .hero-proof{color:#b7cde6;font-size:11px;flex-wrap:wrap}
html body.tech .hero-bottom{position:relative;z-index:2;color:#9fb8d7;border-color:#7ebcff26;padding-bottom:24px}
.spectrum-universe{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 79% 38%,#0a4b8d66,transparent 43%),radial-gradient(ellipse at 98% 76%,#a91f334d,transparent 36%),linear-gradient(90deg,#050d1c 15%,#07182a 72%,#0f141c)}
.spectrum-universe:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050d1cbb,transparent 68%),linear-gradient(0deg,#050d1c,transparent 30%);pointer-events:none}
.spectrum-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#e5f6ff 1px,transparent 1.8px),radial-gradient(circle,#85cfff 1px,transparent 2px),radial-gradient(circle,#ffacb5 1px,transparent 2px);background-size:157px 131px,239px 217px,337px 293px;background-position:18px 29px,70px 80px,120px 60px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 60%);animation:spectrum-breathe 8s ease-in-out infinite}
.spectrum-horizon{position:absolute;right:-10%;bottom:1%;width:85%;height:29%;background:repeating-linear-gradient(0deg,transparent 0 26px,#57a8ff16 27px 28px),repeating-linear-gradient(90deg,transparent 0 85px,#57a8ff1a 86px 87px);transform:perspective(420px) rotateX(55deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.spectrum-orbit{position:absolute;left:53%;top:12%;width:520px;height:520px;border-radius:50%;border:2px solid transparent;transform:rotate(-28deg) scaleX(.68);pointer-events:none}
.orbit-blue{border-top-color:#93dcff;border-right-color:#269aff;box-shadow:18px -8px 65px #168dff52,inset -10px 14px 40px #168dff3b;animation:spectrum-blue-drift 12s ease-in-out infinite}
.orbit-red{top:20%;left:62%;width:430px;height:430px;transform:rotate(42deg) scaleX(.56);border-bottom-color:#ff6171;border-left-color:#ffb0ac;box-shadow:-20px 18px 55px #ff344b35,inset 14px -8px 35px #ff344b25;animation:spectrum-red-drift 14s ease-in-out infinite}
.spectrum-core{position:absolute;left:70%;top:43%;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 14px 5px #fff9,0 0 80px 35px #48b7ff59}
.spectrum-core:before,.spectrum-core:after{content:"";position:absolute;inset:3px -38px;height:1px;background:linear-gradient(90deg,transparent,#e6f9ff,transparent)}
.spectrum-core:after{transform:rotate(90deg)}
.spectrum-coordinate{position:absolute;right:5%;bottom:18%;font-family:var(--display);font-size:9px;letter-spacing:.24em;color:#8fb5d9;writing-mode:vertical-rl}
html body.tech .benefit-strip{background:#08162a;border-color:#98c9ff26}
html body.tech .section{background-color:#050d1c}
html body.tech .world-backdrop picture>img,html body.tech.tech.tech .world-backdrop picture>img{filter:hue-rotate(-40deg) saturate(.68) brightness(.8)!important;animation:none!important}
html body.tech .world-backdrop .scene-reflection{display:none}
html body.tech .world-backdrop:after{background:linear-gradient(90deg,#050d1cdb,#07162a99),linear-gradient(0deg,#050d1c,transparent 70%)!important}
html body.tech .world-dust i{background:#b2e1ff;box-shadow:0 0 8px #52b7ff}
html body.tech .world-dust i:nth-child(3n){background:#ffafba;box-shadow:0 0 10px #ff5269}
html body.tech .trajectory-links>a{background:linear-gradient(90deg,#12345755,transparent);border-color:#83bdff33}
html body.tech .trajectory-links>a:hover{background:linear-gradient(90deg,#15497480,#17172d33)}
html body.tech .trajectory-number,html body.tech .trajectory-arrow{color:#85caff}
html body.tech .trajectory-links small{color:#b6d3ef}
html body.tech .trajectories{background:radial-gradient(ellipse at 90% 30%,#123d6438,transparent 70%)!important}
html body.tech .departure{background:radial-gradient(ellipse at 60% 100%,#92223a24,transparent 65%)!important}
.spectrum-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.spectrum-section-head>p{font-size:15px;color:#b3c8e2;line-height:1.9;max-width:420px}
.spectrum-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid #87bfff40;border-bottom:1px solid #87bfff26}
.spectrum-services>a{position:relative;display:flex;flex-direction:column;padding:34px 32px 38px 0;min-width:0;transition:background .25s}
.spectrum-services>a+a{border-left:1px solid #87bfff26;padding-left:32px}
.spectrum-services>a:hover{background:linear-gradient(150deg,#309fff0a,transparent)}
.spectrum-step{font:10px var(--display);letter-spacing:.17em;color:#9dccfa;margin-bottom:28px}
.spectrum-services>a:nth-child(2) .spectrum-step{color:#ff9ba7}
.spectrum-services h3{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.03em;margin-bottom:18px}
.spectrum-services p{font-size:13px;color:#b3c6df;line-height:1.85;margin-bottom:28px}
.spectrum-link{font-size:11px;color:#e4f3ff;margin-top:auto}
.spectrum-footnote{font-size:11px;line-height:1.8;color:#91abc9;max-width:720px;margin-top:22px}
html body.tech :focus-visible,.portal :focus-visible{outline:2px solid #b3e5ff;outline-offset:5px}
html body.tech input,html body.tech select,html body.tech textarea{accent-color:#6ac3ff}
.portal{--accent:#71c7ff;--violet:#71c7ff;--bg:#050d1c;--ink:#f2f7ff}
.portal .p-header{background:#071326ed;border-color:#83bdff29}
@keyframes spectrum-breathe{0%,100%{opacity:.3}50%{opacity:.58}}
@keyframes spectrum-blue-drift{0%,100%{transform:rotate(-28deg) scaleX(.68) translateY(0)}50%{transform:rotate(-22deg) scaleX(.68) translateY(-14px)}}
@keyframes spectrum-red-drift{0%,100%{transform:rotate(42deg) scaleX(.56)}50%{transform:rotate(35deg) scaleX(.56) translateY(12px)}}
@media(min-width:1500px){.spectrum-orbit{left:56%;width:650px;height:650px;top:0}.orbit-red{left:65%;width:540px;height:540px;top:10%}}
@media(max-width:790px){html body.tech .hero-grid{min-height:660px;padding-top:48px;padding-bottom:48px}html body.tech .hero h1{font-size:clamp(62px,12.5vw,98px);margin-top:32px}html body.tech .hero-lead{font-size:15px;max-width:450px}html body.tech .hero .eyebrow{font-size:8px;letter-spacing:.14em;white-space:normal}html body.tech .hero-bottom{font-size:8px;line-height:1.8}html body.tech .nav-links{background:#081629f7}.spectrum-orbit{left:43%;top:28%;width:420px;height:420px;opacity:.55}.orbit-red{left:62%;top:37%;width:330px;height:330px}.spectrum-core{left:87%;top:58%;opacity:.65}.spectrum-coordinate{display:none}.spectrum-universe:after{background:linear-gradient(90deg,#050d1ceb,#050d1c66 75%),linear-gradient(0deg,#050d1c,transparent 35%)}.spectrum-section-head{grid-template-columns:1fr;gap:10px}.spectrum-section-head>p{max-width:550px}.spectrum-services{grid-template-columns:1fr;margin-top:25px}.spectrum-services>a,.spectrum-services>a+a{padding:30px 0;border-left:0}.spectrum-services>a+a{border-top:1px solid #87bfff26}.spectrum-services h3{font-size:27px}.spectrum-step{margin-bottom:18px}.spectrum-services p{max-width:500px}.spectrum-footnote{font-size:10px}}
@media(max-width:440px){html body.tech .hero-grid{min-height:680px}html body.tech .hero h1{font-size:13.4vw}html body.tech .hero-proof{gap:8px;max-width:290px}.hero-proof .proof-divider{display:none}html body.tech .hero-actions{gap:12px}html body.tech .hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.spectrum-stars,.spectrum-orbit{animation:none!important}}

/* Original cinematic illustration with a calm zone for readable text. */
.spectrum-scene{position:absolute;inset:0;display:block}.spectrum-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.spectrum-universe .spectrum-horizon,.spectrum-universe .spectrum-orbit,.spectrum-universe .spectrum-core{display:none}.spectrum-universe .spectrum-stars{opacity:.25}.spectrum-universe:after{background:linear-gradient(90deg,#050d1c77,transparent 72%),linear-gradient(0deg,#050d1c,transparent 28%)}
html body.tech .hero h1 .shine-text{background:linear-gradient(105deg,#f7fbff 2%,#a3d8ff 48%,#ffb3b9 95%)!important;background-clip:text!important;-webkit-background-clip:text!important}
@media(max-width:790px){.spectrum-scene img{object-position:65% center;opacity:.66}.spectrum-universe:after{background:linear-gradient(180deg,#050d1cdd,#050d1ca6 45%,#050d1c22 72%,#050d1c),linear-gradient(90deg,#050d1c88,transparent)}.spectrum-universe .spectrum-stars{opacity:.4}}

/* Preserve intrinsic logo proportions in every public/footer/client placement. */
html body img[src*="bravoz-logo-"]{object-fit:contain!important;filter:none!important;animation:none!important}html body .footer-brand img[src*="bravoz-logo-"]{display:block;width:210px;max-width:100%;height:auto!important;aspect-ratio:1983 / 793}html body .brand img[src*="bravoz-logo-"]{height:auto!important;max-height:68px}html body .portal .p-header img[src*="bravoz-logo-"]{height:auto!important;max-width:100%}
