:root{--black:#f5f8fb;--navy:#10244a;--muted:#50627c;--line:rgba(26,65,112,.18)}
body{background:#f4f7fa;color:#10244a}
body:before{background:radial-gradient(circle at 85% 12%,rgba(53,168,255,.11),transparent 30%),radial-gradient(circle at 8% 80%,rgba(100,78,216,.08),transparent 34%)}
.cursor-glow{background:radial-gradient(circle,rgba(38,122,233,.08),transparent 66%)}
.header,.header.scrolled{background:rgba(12,31,67,.94);border-bottom:1px solid rgba(192,225,255,.16);backdrop-filter:blur(20px)}
.nav-links>a:not(.nav-contact){color:#e2edff}
.nav-contact{border-color:rgba(210,231,255,.55);color:#fff}

/* Silver opening with the colored mark as its focal point. */
.hero:before{background:radial-gradient(circle at 76% 46%,rgba(95,186,255,.32),transparent 31%),radial-gradient(circle at 28% 92%,rgba(100,80,216,.1),transparent 34%),linear-gradient(132deg,#fbfdff 0%,#edf2f7 39%,#d8e2ec 70%,#f6f9fc 100%)}
.hero h1{color:#10244a}
.hero-description{color:#3d536f}
.eyebrow{color:#3b618a}
.eyebrow i{background:#278de1}
.quiet-link{color:#1e4d82;border-color:#a6bed8}
.quiet-link:hover{color:#0d2046}
.hero-foot,.hero-foot a{color:#315575}
.hero .halo{background:radial-gradient(circle,rgba(115,189,255,.4) 0 23%,rgba(93,135,255,.18) 43%,rgba(108,83,220,.08) 61%,transparent 72%)}
.hero .orbit{border-color:rgba(39,132,209,.55);box-shadow:0 0 17px rgba(45,145,235,.28),inset 0 0 15px rgba(60,173,252,.12)}
.hero .orbit-b{border-color:rgba(118,81,222,.5);box-shadow:0 0 22px rgba(117,88,217,.27)}
.hero .orbit-c{border-color:rgba(33,160,204,.52)}
/* Keep the artwork square, so wide and short screens preserve the same proportions. */
.hero-art{width:min(100%,72vh,720px);height:auto;aspect-ratio:1;min-height:0;max-height:none;justify-self:center}
.hero .core{width:56%;background:transparent;box-shadow:none}
.hero .core-ring{filter:drop-shadow(0 10px 12px rgba(0,0,0,.45)) drop-shadow(0 24px 30px rgba(0,0,0,.36))}
.hero .orbit-a{width:96%;height:74%}
.hero .orbit-b{width:87%;height:89%}
.hero .orbit-c{width:70%;height:106%}
@media(max-width:700px){.hero-art{width:100%;height:68vw;aspect-ratio:auto}.hero .orbit-a{height:84%}.hero .orbit-b{height:94%}.hero .orbit-c{height:106%}}

/* A single orbit grows around both business cards as they arrive. */
.orbit-story{background:radial-gradient(ellipse at 50% 57%,rgba(100,179,237,.23),transparent 35%),linear-gradient(145deg,#f9fbfd 0%,#e4ebf2 45%,#d5e0eb 77%,#f8fafc 100%)}
.story-sticky:before{opacity:.2;background-image:linear-gradient(rgba(37,105,174,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(37,105,174,.2) 1px,transparent 1px)}
.story-ambient{background:radial-gradient(circle,rgba(114,191,245,.26),rgba(108,107,222,.09) 43%,transparent 68%)}
.story-topline,.story-bottom{color:#315979}
.story-bottom{border-top-color:rgba(31,78,127,.28)}
.story-copy p{color:#416a92}
.story-copy h2{color:#10244a;text-shadow:none}
.story-copy h2 em{background:linear-gradient(90deg,#1386ca,#3168cf 50%,#6642cf);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(min-width:701px){.story-copy p{margin-bottom:.7rem}.story-copy h2{font-size:clamp(3.2rem,5vw,6.3rem)}}
.story-wires path{stroke:#2c91d4;stroke-width:2.8;filter:drop-shadow(0 0 7px rgba(53,155,235,.4))}
.story-unity-orbit{position:absolute;left:50%;top:59%;width:113vw;height:95vh;border:3px solid rgba(37,118,199,.62);border-radius:50%;z-index:1;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.16);box-shadow:0 0 25px rgba(66,150,232,.22),inset 0 0 18px rgba(66,150,232,.12);will-change:transform,opacity}
.story-unity-orbit i{position:absolute;inset:3%;display:block;border:1px solid rgba(109,86,220,.4);border-radius:50%;transform:rotate(13deg)}
.story-unity-orbit i:after{content:"";position:absolute;left:16%;top:15%;width:10px;height:10px;border-radius:50%;background:#368fe8;box-shadow:0 0 15px 5px rgba(39,137,227,.55)}
.story-hub:before{display:none}
.story-mark{filter:drop-shadow(0 10px 12px rgba(0,0,0,.45)) drop-shadow(0 24px 30px rgba(0,0,0,.36))}
.story-hub-halo{background:radial-gradient(circle,rgba(80,166,231,.34),rgba(70,122,224,.13) 48%,transparent 70%)}
.story-hub-orbit{inset:-18%;border-color:rgba(29,115,198,.73);box-shadow:0 0 16px rgba(47,135,218,.32),inset 0 0 10px rgba(47,135,218,.13)}
.story-hub-orbit-two{position:absolute;inset:-29%;border:2px solid rgba(104,83,214,.55);border-radius:50%;transform:rotate(43deg) scaleY(.77);animation:story-orbit-two 22s linear infinite;box-shadow:0 0 18px rgba(116,83,221,.22)}
.story-hub-orbit-two:after{content:"";position:absolute;right:19%;bottom:7%;width:8px;height:8px;border-radius:50%;background:#805de2;box-shadow:0 0 13px 5px rgba(128,93,226,.55)}
.story-hub>span{color:#284d82;text-shadow:none}
@keyframes story-orbit-two{to{transform:rotate(-317deg) scaleY(.77)}}
.story-brand{background:linear-gradient(145deg,#183b7b,#122d67 60%,#111f55);border-color:rgba(145,203,249,.62);box-shadow:0 22px 70px rgba(31,72,132,.22),inset 0 1px 0 rgba(245,253,255,.2)}
.story-brand h3,.story-brand p,.story-brand a{color:#fff}
.story-brand p{color:#e0eeff}
.story-brand-meta{color:#d4edff}

/* Light sections give the darker brand cards room to stand out. */
.ticker{background:#dce7f0;border-color:rgba(32,85,137,.18)}
.ticker span{color:#20466f}
.statement:before{background:linear-gradient(130deg,#fff,#edf3f8 59%,#dfe9f2)}
.statement-copy p{color:#455c77}
.statement-copy strong{color:#10244a}
.label{border-color:rgba(26,65,112,.2);color:#2878bd}
.label span:last-child{color:#55718f}
.units{background:linear-gradient(145deg,#e9f0f6,#dce7f0 58%,#f8fafc)}
.heading-row p{color:#465d76}
.unit-card{background:linear-gradient(155deg,#1d4c99,#18396f 60%,#122752);border-color:rgba(53,113,180,.3);color:#fff}
.unit-card.emdex{background:linear-gradient(155deg,#314d9e,#233777 60%,#172653)}
.unit-bottom p{color:#ecf5ff}
.unit-meta{color:#d5eaff}
.proof-strip{background:linear-gradient(100deg,#142d5b,#28529a 56%,#473a96);color:#fff}
.proof-grid p{color:#dfeaff;border-color:rgba(210,232,255,.27)}
.services{background:transparent}
.service-group{border-color:rgba(28,72,120,.2)}
.service-intro p,.service-list p{color:#50647b}
.service-list>div{border-color:rgba(28,72,120,.18)}
.service-intro>span,.service-list span{color:#297bc0}
.digital-solutions{background:linear-gradient(130deg,#e5edf4,#dbe6ef 52%,#f8fafc)}
.solution-card{background:linear-gradient(145deg,#fff,#eef4f9);border-color:rgba(38,96,153,.2);box-shadow:0 15px 40px rgba(30,77,128,.06)}
.solution-card>span{color:#2c7dc3}
.solution-icon{color:#317dda}
.solution-card p{color:#4d627a}
.ecosystem{background:linear-gradient(130deg,#f9fbfd,#e8eff5)}
.product{background:linear-gradient(145deg,#183f80,#152b5d);border-color:rgba(47,100,174,.35)}
.product:hover{background:#22529c}
.product p{color:#dfeeff}
.product>span{color:#cde6ff}
.eco-note{color:#56708c}
.cases{background:linear-gradient(135deg,#e9f0f6,#dce6ef)}
.case-card{background:#fff;border-color:rgba(34,87,143,.21);box-shadow:0 16px 45px rgba(35,73,120,.06)}
.case-card>span{color:#3b719e}
.case-visual b{color:#fff}
.case-info p{color:#52667f}
.approach:before{background:linear-gradient(135deg,#fbfdff,#e8f0f6)}
.approach-list>div{border-color:rgba(28,72,120,.2)}
.approach-list p{color:#455c76}
.contact{background:radial-gradient(circle at 80% 60%,rgba(69,123,225,.37),transparent 35%),linear-gradient(120deg,#102a58,#1a3b7b 60%,#332e77);color:#fff}
.contact .label{border-color:rgba(221,239,255,.27);color:#a7dfff}
.contact .label span:last-child{color:#bfdaef}
.contact-description{color:#dce9fa}
.footer{background:#0d2046;color:#fff}
.footer-bottom{color:#9fb8d4;border-color:rgba(212,235,255,.23)}
.footer-top p{color:#b6cae1}

/* The two choices arrive during the orbit animation. */
.story-brand,.story-brand-digitals,.story-brand-emdex{top:27%;width:min(26vw,340px);height:clamp(430px,51vh,540px);padding:1.4rem 1.5rem 1.15rem;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));border:0;border-radius:0;box-shadow:none;background:linear-gradient(150deg,#1e519a,#153a79 58%,#0d2552);color:#fff;overflow:hidden}
.story-brand-emdex{background:linear-gradient(150deg,#344d9d,#243b7e 58%,#152654)}
.story-brand-digitals{left:max(3.5vw,calc(50% - 744px))}.story-brand-emdex{right:max(3.5vw,calc(50% - 744px))}
.story-brand:before{left:0;right:0;top:0;height:3px}
.story-brand:after{content:"";position:absolute;inset:1px;border:1px solid rgba(207,234,255,.4);clip-path:inherit;pointer-events:none}
.story-brand:hover{filter:brightness(1.12)}
.story-brand:focus-visible{outline:3px solid #a8e7ff;outline-offset:-7px}
.story-brand .story-brand-logo,.story-brand-emdex .story-brand-logo{width:94%;max-width:270px;height:68px;object-fit:contain;object-position:center;margin:1rem auto .6rem}
.story-brand h3{text-align:center;font-size:clamp(1.42rem,1.8vw,2rem);line-height:1.11;margin:.15rem 0 .8rem}
.story-brand-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.story-brand-list li{color:#e3efff;border-top:1px solid rgba(217,237,255,.28);padding:.48rem 0;font-size:.9rem;line-height:1.25}
.story-brand-list li:before{content:"↗";color:#93dfff;margin-right:.6rem}
.story-brand-type{align-self:flex-start;margin-top:auto;margin-bottom:.7rem;padding:.45rem .75rem;border:1px solid rgba(169,226,255,.5);border-radius:999px;background:rgba(131,207,255,.12);color:#d9f3ff;font-size:.9rem;font-weight:800;letter-spacing:.02em;line-height:1.15}
.story-brand-emdex .story-brand-type{border-color:rgba(194,181,255,.55);background:rgba(164,141,255,.15);color:#e7e1ff}
.story-brand-footer{min-height:0;margin-top:0;padding-top:.55rem;border-top:1px solid rgba(219,239,255,.35);font-size:.76rem;align-items:center}
.story-brand-footer strong{font-weight:700}
.story-brand-footer span{font-size:1.2rem}
.story-bottom{justify-content:center;align-items:center;gap:1rem;opacity:0;color:#245787;letter-spacing:.22em}
.story-bottom span{max-width:none!important}
@media(min-width:701px){.story-hub,.story-unity-orbit{top:calc(27% + clamp(215px,25.5vh,270px))}.story-wires-desktop{top:calc(27% + clamp(215px,25.5vh,270px) - 59.17vh)}}
@media(max-width:1000px) and (min-width:701px){.story-brand,.story-brand-digitals,.story-brand-emdex{width:29vw;padding:1.1rem}.story-brand h3{font-size:1.45rem}.story-brand-list li{font-size:.8rem}.story-hub{width:16vw}}
@media(max-width:700px){.story-brand,.story-brand-digitals,.story-brand-emdex{left:1.25rem;right:1.25rem;top:51%;width:auto;height:39vh;min-height:300px;max-height:335px;padding:.8rem 1rem .7rem;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}.story-brand .story-brand-logo,.story-brand-emdex .story-brand-logo{height:44px;width:70%;margin:.25rem auto .3rem}.story-brand h3{font-size:1.32rem;margin:.15rem 0 .55rem;line-height:1.07}.story-brand-list li{font-size:.79rem;padding:.3rem 0}.story-brand-footer{font-size:.68rem;padding-top:.3rem}.story-bottom{bottom:.8rem;font-size:.5rem}}
@media(max-width:700px) and (max-height:760px){.story-brand,.story-brand-digitals,.story-brand-emdex{top:48%;height:300px}.story-copy{top:11%}}

@media(max-width:700px){
  .story-unity-orbit{width:112vw;height:70vh;top:67%;border-width:2px}
  .story-hub{top:42%}
  .story-hub-orbit{inset:-17%}
  .story-hub-orbit-two{inset:-24%}
  .story-hub>span{color:#315982}
}
@media(prefers-reduced-motion:reduce){
  .story-unity-orbit{opacity:.65!important;transform:translate(-50%,-50%) rotate(-7deg) scale(1)!important}
  .story-hub-orbit-two{animation:none}
  .story-bottom{opacity:1!important}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.story-unity-orbit{display:none}.story-brand,.story-brand-digitals,.story-brand-emdex{top:auto;left:auto;right:auto;height:auto;min-height:310px;max-height:none;margin:0 1.25rem}.story-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:1rem 1.25rem}}

/* The two names sit outside their service panels and arrive with them. */
.story-choice-heading{position:absolute;z-index:5;top:17%;left:20%;width:60%;text-align:center;pointer-events:none;opacity:0;will-change:transform,opacity}
.story-choice-heading>span{display:block;color:#2c75b5;font-size:.63rem;font-weight:800;letter-spacing:.22em;margin-bottom:.35rem}
.story-choice-heading h2{color:#10244a;font-size:clamp(1.7rem,2.8vw,2.9rem);line-height:1.08;letter-spacing:-.055em;margin:0}
.story-choice-heading h2 span{color:#287eeb}
.story-choice-heading p{color:#506989;font-size:.82rem;margin:.35rem 0 0}
.story-unit-identity{position:absolute;z-index:5;top:calc(37% - 98px);width:min(26vw,340px);height:98px;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate;border:1px solid rgba(79,151,220,.38);border-bottom:3px solid #318ce8;border-radius:20px 20px 0 0;background:linear-gradient(125deg,rgba(248,251,255,.94),rgba(218,234,250,.96));box-shadow:0 13px 38px rgba(30,78,138,.17);opacity:0;will-change:transform,opacity}
.story-unit-identity-digitals{left:max(3.5vw,calc(50% - 744px))}.story-unit-identity-emdex{right:max(3.5vw,calc(50% - 744px))}
.story-unit-identity-emdex{border-bottom-color:#6950eb;background:linear-gradient(125deg,rgba(248,251,255,.94),rgba(229,225,250,.96))}
.story-unit-identity::before{content:"";position:absolute;z-index:0;left:-9%;top:-75%;width:118%;height:240%;border:2px solid rgba(46,151,232,.5);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:story-identity-orbit 15s linear infinite;pointer-events:none}
.story-unit-identity-emdex::before{border-top-color:rgba(100,59,249,.55);border-right-color:rgba(59,184,252,.45);animation-direction:reverse}
.story-unit-identity::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 18% 50%,rgba(59,184,252,.36),transparent 38%),radial-gradient(circle at 82% 50%,rgba(100,59,249,.2),transparent 38%);animation:story-identity-light 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes story-identity-orbit{to{transform:rotate(360deg)}}
@keyframes story-identity-light{from{transform:translate3d(-9%,0,0)}to{transform:translate3d(9%,0,0)}}
.story-unit-identity img{position:relative;z-index:1;width:auto;max-width:88%;height:72%;object-fit:contain;filter:drop-shadow(0 5px 13px rgba(32,95,166,.13))}
.story-unit-identity:hover img{transform:scale(1.04)}
.story-unit-identity:focus-visible{outline:3px solid #207bf4;outline-offset:4px}
.story-brand,.story-brand-digitals,.story-brand-emdex{top:37%;height:clamp(390px,46vh,520px)}
.story-brand h3{margin:1.1rem 0 1rem}
.story-brand-type{margin-bottom:.65rem}
@media(min-width:701px){.story-hub,.story-unity-orbit{top:calc(37% + clamp(195px,23vh,260px))}.story-wires-desktop{top:calc(37% + clamp(195px,23vh,260px) - 59.17vh)}}
@media(max-width:1000px) and (min-width:701px){.story-unit-identity{width:29vw}}

/* Solid panels and stationary shadows avoid costly repaints during scroll. */
.cursor-glow{display:none}
.header,.header.scrolled,.story-brand{backdrop-filter:none;-webkit-backdrop-filter:none}
.story-ambient{filter:none}
.story-hub-halo{filter:none;animation:none}
.story-wires path{filter:none}
.story-unity-orbit{box-shadow:none}
.story-brand:hover{filter:none;background:linear-gradient(150deg,#2463ad,#194689 58%,#123064)}
.story-brand-emdex:hover{background:linear-gradient(150deg,#405fba,#2b478e 58%,#1b3167)}

@media(max-height:850px) and (min-width:701px){.story-topline{top:6rem}.story-choice-heading{top:13%}.story-choice-heading h2{font-size:clamp(1.7rem,2.8vw,2.9rem)}.story-choice-heading p{font-size:.78rem}}
@media(max-height:700px) and (min-width:701px){.story-topline{top:4.5rem}.story-choice-heading{top:15%}.story-choice-heading p{display:none}.story-choice-heading h2{font-size:clamp(1.6rem,2.7vw,2.3rem)}.story-unit-identity{top:calc(36% - 68px);height:68px}.story-brand,.story-brand-digitals,.story-brand-emdex{top:36%;height:calc(64vh - 42px);padding:1rem 1.2rem}.story-brand h3{font-size:1.4rem;margin:.65rem 0}.story-brand-list li{padding:.35rem 0}.story-brand-type{font-size:.68rem;padding:.3rem .55rem;margin-bottom:.4rem}.story-hub,.story-unity-orbit{top:calc(36% + (64vh - 42px)/2)}}
@media(max-width:700px){
  .story-choice-heading{top:17%;left:1.25rem;width:calc(100% - 2.5rem)}
  .story-choice-heading>span{font-size:.49rem;letter-spacing:.16em}
  .story-choice-heading h2{font-size:clamp(1.48rem,6.2vw,2rem)}
  .story-choice-heading p{font-size:.69rem}
  .story-unit-identity,.story-unit-identity-digitals,.story-unit-identity-emdex{top:calc(53% - 68px);left:1.25rem;right:1.25rem;width:auto;height:68px;border-radius:14px 14px 0 0}
  .story-unit-identity img{max-width:68%;height:78%}
  .story-hub{top:34%}
  .story-brand,.story-brand-digitals,.story-brand-emdex{top:53%;height:35vh;min-height:280px;max-height:310px}
  .story-brand h3{margin:.45rem 0 .8rem}
  .story-brand-type{font-size:.73rem;padding:.3rem .55rem;margin-bottom:.35rem}
}
@media(max-width:700px) and (max-height:760px){.story-choice-heading{top:16%}.story-unit-identity,.story-unit-identity-digitals,.story-unit-identity-emdex{top:calc(51% - 60px);height:60px}.story-brand,.story-brand-digitals,.story-brand-emdex{top:51%;height:280px;min-height:0}.story-hub{top:32%}}
@media(prefers-reduced-motion:reduce){.story-choice-heading,.story-unit-identity{opacity:1!important;transform:none!important}.story-unit-identity::before,.story-unit-identity::after{animation:none}.story-unit-identity{pointer-events:auto!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.story-choice-heading{position:relative;top:auto;left:auto;width:auto;margin:0 1.25rem 2rem}.story-unit-identity,.story-unit-identity-digitals,.story-unit-identity-emdex{position:relative;top:auto;left:auto;right:auto;width:auto;margin:0 1.25rem}.story-scene{gap:1rem}.story-brand,.story-brand-digitals,.story-brand-emdex{height:auto;min-height:280px;margin-bottom:2rem}}
@media(min-width:701px) and (prefers-reduced-motion:reduce){.orbit-story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;padding:9rem 3.5vw 5rem;overflow:visible}.story-topline{top:2.5rem}.story-copy,.story-choice-heading{position:relative;top:auto;left:auto;right:auto;width:auto;margin:0 auto 2rem;text-align:center}.story-copy h2{font-size:clamp(2.5rem,4vw,5rem)}.story-scene{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 3vw;align-items:start}.story-unity-orbit,.story-hub,.story-wires{display:none}.story-unit-identity,.story-unit-identity-digitals,.story-unit-identity-emdex,.story-brand,.story-brand-digitals,.story-brand-emdex{position:relative;top:auto;left:auto;right:auto;width:100%;max-width:none;opacity:1!important;transform:none!important;pointer-events:auto!important}.story-unit-identity-digitals{grid-column:1;grid-row:1}.story-brand-digitals{grid-column:1;grid-row:2}.story-unit-identity-emdex{grid-column:2;grid-row:1}.story-brand-emdex{grid-column:2;grid-row:2}.story-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:2rem}}

/* A clickable journey connects marketing with operations after the orbit scene. */
.journey{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#f9fbfd 0%,#e8eff6 51%,#dce7f2 100%);color:#10244a}
.journey::before{content:"";position:absolute;z-index:-1;width:min(80vw,1100px);aspect-ratio:1;right:-18%;top:-35%;border-radius:50%;background:radial-gradient(circle,rgba(98,174,245,.2),rgba(115,92,226,.08) 42%,transparent 68%);pointer-events:none}
.journey .label{margin-bottom:3.8rem}
.journey-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:4rem;margin-bottom:3.4rem}
.journey-kicker{font-size:.69rem;font-weight:800;letter-spacing:.2em;color:#287dbe;margin-bottom:1.2rem}
.journey-heading h2{font-size:clamp(3.4rem,5.6vw,6.8rem);line-height:.98;letter-spacing:-.075em;font-weight:650;max-width:970px;margin:0}
.journey-heading h2 em,.journey-panel h3 em{font-style:normal;background:linear-gradient(100deg,#34b2ec,#247bf0 52%,#6242e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.journey-heading>p{font-size:1.05rem;line-height:1.65;color:#465e79;max-width:370px;margin:0 0 .4rem}
.journey-experience{border:1px solid rgba(42,95,163,.22);border-radius:28px;background:#f8fbff;box-shadow:0 28px 90px rgba(32,71,122,.12);overflow:hidden}
.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#b9cde1;border-bottom:1px solid #b9cde1}
.journey-tab{position:relative;display:flex;align-items:center;gap:.9rem;min-width:0;min-height:108px;padding:1.3rem 1.35rem;border:0;text-align:left;background:#ecf2f8;color:#294667;cursor:pointer;transition:background .25s,color .25s}
.journey-tab:hover{background:#e2eef9}
.journey-tab.is-active{background:#fff;color:#10244a}
.journey-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:linear-gradient(90deg,#3bb8fc,#207bf4,#643bf9)}
.journey-tab:focus-visible{outline:3px solid #207bf4;outline-offset:-5px;z-index:2}
.journey-tab-number{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#2c89cd;line-height:1.3}
.journey-tab-text{display:grid;gap:.2rem;min-width:0}
.journey-tab-text strong{font-size:1.15rem;line-height:1.1}
.journey-tab-text small{font-size:.72rem;color:#5b7491;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-tab-arrow{font-size:1rem;margin-left:auto;color:#619acb}
.journey-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:480px;background:linear-gradient(135deg,#0d214b,#143777 66%,#1c3778);color:#fff}
.journey-panels{display:grid;align-items:center;min-width:0;padding:clamp(2rem,4vw,4rem)}
.journey-panel{grid-area:1/1;animation:journey-panel-in .35s ease both}
.journey-panel[hidden]{display:none}
.journey-panel-eyebrow{display:block;color:#91ddff;font-size:.67rem;font-weight:800;letter-spacing:.2em;margin-bottom:1.45rem}
.journey-panel h3{font-size:clamp(2.5rem,4vw,4.6rem);line-height:1.03;letter-spacing:-.067em;font-weight:600;margin-bottom:1.2rem}
.journey-panel>p{font-size:1rem;line-height:1.62;color:#d7e8ff;max-width:570px;margin-bottom:1.45rem}
.journey-panel ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;max-width:590px}
.journey-panel li{padding:.7rem .8rem;border:1px solid rgba(178,220,255,.23);border-radius:10px;background:rgba(117,186,255,.08);font-size:.82rem;font-weight:600;line-height:1.35;color:#edf5ff}
.journey-panel li::before{content:"↗";color:#80d9ff;margin-right:.45rem}
.journey-panel li small{display:inline-block;font-size:.61rem;color:#b9d5f8;margin-left:.25rem;font-weight:700}
.journey-visual{position:relative;min-height:480px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(65,130,235,.5),rgba(43,70,154,.19) 33%,transparent 62%),linear-gradient(145deg,rgba(52,100,185,.2),rgba(74,58,164,.22));border-left:1px solid rgba(203,231,255,.14)}
.journey-visual-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(193,225,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(193,225,255,.17) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000 25%,transparent 75%)}
.journey-visual-ring{position:absolute;left:50%;top:50%;width:min(67%,340px);aspect-ratio:1;border:2px solid rgba(105,196,250,.7);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg) scaleY(.75);animation:journey-spin 20s linear infinite}
.journey-visual-ring-b{width:min(83%,430px);border-color:rgba(142,116,249,.62);animation-name:journey-spin-b;animation-duration:26s;animation-direction:reverse;transform:translate(-50%,-50%) rotate(38deg) scaleY(.82)}
.journey-visual-ring::after{content:"";position:absolute;left:16%;top:8%;width:9px;height:9px;border-radius:50%;background:#7bdcff;box-shadow:0 0 18px 5px rgba(65,191,255,.6)}
.journey-visual-ring-b::after{background:#a68cff;box-shadow:0 0 18px 5px rgba(151,107,255,.55)}
.journey-visual-core{position:absolute;left:50%;top:50%;width:clamp(155px,17vw,230px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2157ad,#0c2559 65%,#091835);box-shadow:0 20px 65px rgba(0,4,31,.35),inset 0 1px 0 rgba(204,235,255,.25);transform:translate(-50%,-50%)}
.journey-visual-core img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(1,9,38,.4))}
.journey-visual-node{position:absolute;min-width:112px;padding:.5rem .65rem;border:1px solid rgba(173,219,255,.3);border-radius:99px;text-align:center;background:rgba(20,46,104,.83);color:#b9d5ef;font-size:.57rem;font-weight:800;letter-spacing:.14em;box-shadow:0 8px 24px rgba(4,19,56,.2);transition:background .3s,border-color .3s,color .3s,transform .3s}
.journey-visual-node-1{left:11%;top:19%}.journey-visual-node-2{right:8%;top:28%}.journey-visual-node-3{right:10%;bottom:18%}.journey-visual-node-4{left:8%;bottom:24%}
.journey-experience[data-active="0"] .journey-visual-node-1,.journey-experience[data-active="1"] .journey-visual-node-2,.journey-experience[data-active="2"] .journey-visual-node-3,.journey-experience[data-active="3"] .journey-visual-node-4{background:#d8f3ff;border-color:#8ee5ff;color:#103b72;transform:scale(1.08)}
.journey-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.6rem;background:#f4f8fd;color:#1b426d;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.journey-summary span{display:flex;align-items:center;gap:.55rem}.journey-summary i{display:block;width:7px;height:7px;border-radius:50%;background:#38b8f5;box-shadow:0 0 0 4px rgba(56,184,245,.15)}
.journey-summary strong{font-size:.8rem;letter-spacing:0;color:#304f72}
.journey-note{max-width:900px;margin:1.25rem 0 0;color:#5d7189;font-size:.79rem;line-height:1.55}
@keyframes journey-spin{to{transform:translate(-50%,-50%) rotate(336deg) scaleY(.75)}}
@keyframes journey-spin-b{to{transform:translate(-50%,-50%) rotate(398deg) scaleY(.82)}}
@keyframes journey-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.journey-heading{grid-template-columns:1fr;gap:1.3rem}.journey-heading>p{max-width:680px}.journey-tab{padding:1.1rem .8rem;gap:.45rem}.journey-tab-text strong{font-size:1rem}.journey-tab-arrow{display:none}.journey-panel ul{grid-template-columns:1fr}.journey-panels{padding:2rem}.journey-visual-node{min-width:90px;font-size:.48rem}}
@media(max-width:700px){.journey .label{margin-bottom:2.3rem}.journey-heading{margin-bottom:2rem}.journey-heading h2{font-size:clamp(2.8rem,11vw,4.7rem)}.journey-heading>p{font-size:.95rem}.journey-experience{border-radius:20px}.journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-tab{min-height:79px;padding:.8rem .9rem}.journey-tab-text small{font-size:.65rem}.journey-content{grid-template-columns:1fr}.journey-panels{padding:2rem 1.4rem;min-height:440px}.journey-panel h3{font-size:clamp(2.55rem,9vw,3.8rem)}.journey-panel>p{font-size:.9rem}.journey-panel ul{grid-template-columns:1fr;gap:.45rem}.journey-panel li{font-size:.76rem;padding:.55rem .65rem}.journey-visual{min-height:250px;border-left:0;border-top:1px solid rgba(203,231,255,.14)}.journey-visual-ring{width:190px}.journey-visual-ring-b{width:235px}.journey-visual-core{width:135px}.journey-visual-node{min-width:82px;padding:.35rem .45rem;font-size:.41rem}.journey-visual-node-1{left:5%;top:14%}.journey-visual-node-2{right:4%;top:20%}.journey-visual-node-3{right:5%;bottom:14%}.journey-visual-node-4{left:4%;bottom:17%}.journey-summary{align-items:flex-start;flex-direction:column;padding:1rem 1.2rem;font-size:.58rem}.journey-summary strong{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.journey-visual-ring,.journey-panel{animation:none}.journey-visual-node{transition:none}}

/* The third scene stays in view while scrolling reveals one business stage at a time. */
.journey{overflow:visible}
.journey-heading h2{font-size:clamp(3.2rem,5vw,6rem);max-width:1080px}
.journey-scroll-instruction{display:flex;align-items:center;gap:1.1rem;margin:0 0 1.4rem;color:#287dbe;font-size:.68rem;font-weight:800;letter-spacing:.18em}
.journey-scroll-instruction span{font-size:1.4rem;line-height:1;animation:journey-arrow 1.8s ease-in-out infinite}
.journey-runway{position:relative;height:420svh}
.journey-experience{position:sticky;top:102px;--journey-progress:0}
.journey-scroll-status{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:38px;padding:0 1.5rem;background:#dfeaf5;color:#2b5985;font-size:.61rem;font-weight:800;letter-spacing:.14em}
.journey-scroll-status>span:first-child{color:#1f79cf}
.journey-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(29,102,186,.12)}
.journey-progress i{display:block;width:100%;height:100%;transform:scaleX(var(--journey-progress));transform-origin:left center;background:linear-gradient(90deg,#3bb8fc,#207bf4,#643bf9)}
.journey-content,.journey-visual{min-height:510px}
.journey-panels{padding:clamp(1.8rem,3vw,3rem)}
.journey-stage-word{display:block;width:max-content;max-width:100%;margin-bottom:.45rem;font-size:clamp(3.8rem,5.4vw,6.4rem);line-height:.95;letter-spacing:-.08em;font-weight:650;background:linear-gradient(100deg,#fff 8%,#96dfff 61%,#a79aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.journey-panel h3{font-size:clamp(2.1rem,2.8vw,3.45rem);margin-bottom:.9rem}
.journey-panel-eyebrow{margin-bottom:1rem}
.journey-panel>p{margin-bottom:1rem}
.journey-summary{padding:.85rem 1.6rem}
@keyframes journey-arrow{50%{transform:translateY(5px)}}
@media(max-height:780px) and (min-width:701px){.journey-experience{top:86px}.journey-tab{min-height:76px;padding:.7rem 1rem}.journey-content,.journey-visual{min-height:430px}.journey-stage-word{font-size:clamp(3rem,4.4vw,5rem)}.journey-panel h3{font-size:clamp(1.9rem,2.5vw,3rem)}.journey-panel li{padding:.5rem .7rem}}
@media(max-width:700px){
  .journey-heading h2{font-size:clamp(2.8rem,10vw,4.4rem)}
  .journey-scroll-instruction{font-size:.58rem;margin-bottom:1rem}
  .journey-runway{height:430svh}
  .journey-experience{top:72px;border-radius:18px}
  .journey-tabs,.journey-visual,.journey-summary{display:none}
  .journey-scroll-status{height:38px;padding:0 1rem;font-size:.53rem}
  .journey-content{display:block;min-height:0;background:radial-gradient(circle at 92% 11%,rgba(80,161,255,.3),transparent 48%),linear-gradient(145deg,#0c214b,#142f6b 74%,#1e357a)}
  .journey-panels{display:grid;align-items:center;min-height:calc(100svh - 136px);padding:1.25rem 1.35rem}
  .journey-panel-eyebrow{font-size:.55rem;margin-bottom:.7rem}
  .journey-stage-word{font-size:clamp(3.7rem,14vw,5.1rem);margin-bottom:.45rem}
  .journey-panel h3{font-size:clamp(2rem,7.6vw,3rem);margin-bottom:.7rem}
  .journey-panel>p{font-size:.84rem;line-height:1.48;margin-bottom:.8rem}
  .journey-panel ul{gap:.35rem}
  .journey-panel li{font-size:.71rem;padding:.46rem .6rem;line-height:1.3}
  .journey-panel li small{font-size:.55rem}
}
@media(max-width:700px) and (max-height:720px){.journey-panels{min-height:calc(100svh - 120px);padding:.7rem 1rem}.journey-stage-word{font-size:clamp(3.1rem,12vw,4rem)}.journey-panel h3{font-size:clamp(1.75rem,7vw,2.5rem)}.journey-panel>p{font-size:.75rem}.journey-panel li{font-size:.65rem;padding:.38rem .5rem}}
@media(prefers-reduced-motion:reduce){.journey-scroll-instruction span{animation:none}}

/* A deliberate, clickable orbit replaces the hidden tab affordance. */
.journey-runway{height:auto}
.journey-experience{position:relative;top:auto;--journey-progress:.25;scroll-margin-top:102px}
.journey-scroll-instruction span{animation:journey-arrow-diagonal 1.8s ease-in-out infinite}
.journey-visual{isolation:isolate}
.journey-visual-core{z-index:3}
.journey-visual-signal{position:absolute;z-index:2;left:50%;top:50%;width:min(37%,200px);height:4px;transform-origin:left center;transform:rotate(-145deg);background:linear-gradient(90deg,rgba(126,222,255,.1),#79d9ff);box-shadow:0 0 20px rgba(93,198,255,.75);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.journey-visual-signal i{position:absolute;right:-10px;top:-8px;width:20px;height:20px;border-radius:50%;background:#a2ebff;box-shadow:0 0 0 7px rgba(87,201,255,.18),0 0 25px 9px rgba(87,201,255,.6);animation:journey-beacon 1.6s ease-in-out infinite}
.journey-experience[data-active="1"] .journey-visual-signal{transform:rotate(-28deg)}
.journey-experience[data-active="2"] .journey-visual-signal{transform:rotate(38deg)}
.journey-experience[data-active="3"] .journey-visual-signal{transform:rotate(148deg)}
.journey-visual-node{z-index:4;cursor:pointer;font-family:inherit}
.journey-visual-node:hover{background:#d8f3ff;border-color:#8ee5ff;color:#103b72;transform:scale(1.08)}
.journey-visual-node:focus-visible{outline:3px solid #a7eaff;outline-offset:4px}
.journey-visual-node.is-next{border-color:#b4eaff;color:#fff;animation:journey-next-glow 1.8s ease-in-out infinite}
.journey-visual-node[aria-pressed="true"]{background:#d8f3ff;border-color:#8ee5ff;color:#103b72;transform:scale(1.08)}
.journey-actions{display:flex;align-items:center;gap:1.1rem;min-height:108px;padding:1rem 1.4rem;background:linear-gradient(100deg,#e6f1fa,#d9eafb 72%,#e9e5fb)}
.journey-actions-caption{margin-right:auto;font-size:.64rem;font-weight:800;letter-spacing:.15em;color:#38628b}
.journey-prev{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1rem;border:1px solid #9cbada;border-radius:99px;background:transparent;color:#1d4976;cursor:pointer;font-size:.69rem;font-weight:800;letter-spacing:.08em}
.journey-prev:hover{background:#fff}
.journey-prev[hidden]{display:none}
.journey-next{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;min-width:310px;min-height:78px;padding:.9rem 1rem .9rem 1.45rem;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:linear-gradient(110deg,#0f3e8d,#247cf0 68%,#5e45e9);color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 29px rgba(32,91,190,.3);transition:transform .25s,box-shadow .25s}
.journey-next:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(32,91,190,.37)}
.journey-next:focus-visible,.journey-prev:focus-visible{outline:3px solid #2c87ff;outline-offset:3px}
.journey-next-copy{display:grid;gap:.25rem}
.journey-next-copy small{font-size:.58rem;letter-spacing:.18em;font-weight:800;color:#b5e8ff}
.journey-next-copy strong{font-size:1.3rem;letter-spacing:-.035em}
.journey-next-arrow{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:50%;background:rgba(255,255,255,.17);font-size:1.6rem;line-height:1;animation:journey-next-arrow 1.5s ease-in-out infinite}
.journey-content,.journey-visual{min-height:500px}
.journey-panel{animation-duration:.5s}
@keyframes journey-beacon{50%{box-shadow:0 0 0 15px rgba(87,201,255,0),0 0 30px 12px rgba(87,201,255,.75)}}
@keyframes journey-next-glow{50%{box-shadow:0 0 0 7px rgba(131,224,255,.17),0 0 24px 8px rgba(98,193,255,.5)}}
@keyframes journey-next-arrow{50%{transform:translateX(5px)}}
@keyframes journey-arrow-diagonal{50%{transform:translate(4px,4px)}}
@media(max-width:700px){
  .journey-experience{top:auto;scroll-margin-top:72px}
  .journey-scroll-status{min-height:47px;height:auto;padding:.65rem .85rem;font-size:.5rem}
  .journey-scroll-status>span:nth-child(2){max-width:58%;text-align:right;line-height:1.3}
  .journey-content{min-height:0}
  .journey-panels{min-height:480px;padding:1.5rem 1.2rem}
  .journey-visual{display:block;min-height:270px;border-left:0;border-top:1px solid rgba(203,231,255,.14)}
  .journey-visual-ring{width:195px}.journey-visual-ring-b{width:230px}.journey-visual-core{width:125px}
  .journey-visual-signal{width:100px;height:3px}
  .journey-visual-node{min-width:88px;padding:.48rem .38rem;font-size:.43rem}
  .journey-visual-node-1{left:2%;top:17%}.journey-visual-node-2{right:2%;top:20%}.journey-visual-node-3{right:2%;bottom:16%}.journey-visual-node-4{left:2%;bottom:17%}
  .journey-actions{flex-wrap:wrap;gap:.6rem;min-height:0;padding:.9rem}
  .journey-actions-caption{display:none}
  .journey-prev{order:2}
  .journey-next{min-width:0;width:100%;min-height:68px;order:1;padding:.7rem .8rem .7rem 1rem}
  .journey-next-copy strong{font-size:1.1rem}
  .journey-next-arrow{width:42px;height:42px}
}
@media(max-width:700px) and (max-height:720px){.journey-panels{min-height:430px}}
@media(prefers-reduced-motion:reduce){.journey-visual-signal,.journey-next{transition:none}.journey-visual-signal i,.journey-visual-node.is-next,.journey-next-arrow,.journey-scroll-instruction span{animation:none}}

/* The actual dot in the Órbyta mark now aims at each selected destination. */
.journey-visual{background:radial-gradient(circle at 51% 50%,rgba(86,154,232,.16),transparent 43%),linear-gradient(140deg,#eef3f8,#dce8f4 55%,#e9e6f4);border-left:1px solid rgba(44,111,185,.12)}
.journey-visual-grid{display:none}
.journey-visual-ring{border-color:rgba(47,142,215,.44);box-shadow:0 0 22px rgba(80,160,233,.1)}
.journey-visual-ring-b{border-color:rgba(122,94,221,.36)}
.journey-visual-core{width:clamp(190px,20vw,260px);background:transparent;box-shadow:none}
.journey-visual-core::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(8,23,53,.44) 0,rgba(15,49,91,.19) 35%,transparent 70%);filter:blur(15px);transform:scale(1.4)}
.journey-visual-core img{width:86%;height:86%;filter:drop-shadow(0 12px 18px rgba(9,29,73,.18));transform:rotate(var(--mark-rotation,0rad));transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.journey-experience[data-active] .journey-visual-signal{z-index:4;width:var(--ray-length,100px);height:3px;transform:rotate(var(--ray-angle,-2.5rad)) translateX(var(--ray-start,75px));background:linear-gradient(90deg,#84dbff,#319de9 80%,rgba(49,157,233,.2));box-shadow:0 0 12px 3px rgba(56,161,238,.42)}
.journey-visual-signal::before{content:"";position:absolute;left:-7px;top:-7px;width:17px;height:17px;border-radius:50%;background:#89e0ff;box-shadow:0 0 0 5px rgba(74,175,241,.2),0 0 25px 8px rgba(59,184,252,.58)}
.journey-visual-signal i{right:-5px;top:-5px;width:13px;height:13px;background:#348feb;box-shadow:0 0 0 5px rgba(64,155,239,.18),0 0 16px 6px rgba(64,155,239,.45)}
.journey-visual-node{background:rgba(255,255,255,.76);border-color:rgba(35,100,170,.33);color:#183e72;box-shadow:0 8px 24px rgba(27,70,120,.1)}
.journey-visual-node:hover{background:#fff;border-color:#3b96e5;color:#14366b}
.journey-visual-node.is-next{border-color:#3d96eb;color:#165baa;animation:journey-next-glow-light 1.8s ease-in-out infinite}
.journey-experience .journey-visual-node[aria-pressed="true"]{background:linear-gradient(110deg,#226bd8,#6245ed);border-color:#fff;color:#fff;box-shadow:0 9px 25px rgba(46,101,205,.33);transform:scale(1.08)}
@keyframes journey-next-glow-light{50%{box-shadow:0 0 0 8px rgba(50,145,235,.13),0 0 24px 8px rgba(65,154,235,.33)}}
@media(max-width:700px){.journey-visual{border-left:0;border-top:1px solid rgba(44,111,185,.15)}.journey-visual-core{width:156px}.journey-visual-core img{width:88%;height:88%}.journey-visual-signal::before{width:13px;height:13px;top:-5px;left:-5px}}
@media(prefers-reduced-motion:reduce){.journey-visual-core img,.journey-experience[data-active] .journey-visual-signal{transition:none}.journey-visual-node.is-next{animation:none}}
/* Direct links give each service its own discoverable page without changing the visual journey. */
.seo-footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.4rem;padding-block:0 2.5rem}
.seo-footer-links a{font-size:.76rem;color:#c8defa;border-bottom:1px solid rgba(198,221,252,.35);padding-bottom:.35rem;transition:color .2s,border-color .2s}
.seo-footer-links a:hover{color:#fff;border-color:#fff}