:root{--navy:#061327;--navy-2:#081a33;--navy-3:#0b2344;--blue:#0969f5;--blue-2:#1f7cff;--cyan:#1ea7ff;--white:#fff;--paper:#f8fbff;--ink:#071426;--muted:#607086;--line:#dce6f2;--dark-line:rgba(255,255,255,.13);--shadow:0 18px 50px rgba(4,18,40,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}.skip{position:fixed;left:8px;top:-60px;z-index:99;background:#fff;color:#000;padding:10px}.skip:focus{top:8px}.site-header{height:76px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9eef5;box-shadow:0 3px 18px rgba(4,18,40,.05)}.brand img{width:126px;height:56px;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#243448;text-decoration:none}.nav-links a:hover{color:var(--blue)}.header-cta{background:var(--blue)!important;color:#fff!important;padding:12px 18px;border-radius:5px;box-shadow:0 8px 18px rgba(9,105,245,.2)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:#071426}.hero{min-height:680px;position:relative;display:flex;align-items:center;padding:92px clamp(22px,8vw,120px);color:#fff;background:var(--navy) url('assets/hero-network.jpg') center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,31,.98) 0%,rgba(4,19,42,.88) 43%,rgba(5,24,53,.26) 78%,rgba(5,24,53,.5) 100%);z-index:-1}.hero-content{max-width:700px}.kicker,.section-label{font-size:12px;letter-spacing:.18em;font-weight:800;color:#3e91ff;margin:0 0 18px}.hero h1{font:800 clamp(48px,6.4vw,88px)/.98 Montserrat,sans-serif;letter-spacing:-.045em;margin:0 0 24px}.hero-copy{font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:#d3deec;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:4px;padding:15px 20px;text-decoration:none;font-weight:800;font-size:13px;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#0766ec,#1683ff);color:#fff;box-shadow:0 12px 26px rgba(4,95,232,.25)}.secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.hero-badge{position:absolute;right:6vw;bottom:56px;background:rgba(4,16,37,.82);border:1px solid rgba(69,145,255,.35);padding:20px 24px;display:flex;flex-direction:column;gap:5px;backdrop-filter:blur(8px)}.hero-badge strong{font-size:13px;letter-spacing:.13em}.hero-badge span{font-size:11px;color:#60a3ff;letter-spacing:.18em}.service-strip{width:min(1150px,92vw);margin:-58px auto 0;position:relative;z-index:4;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);border:1px solid var(--line)}.service-strip article{padding:30px 26px;border-right:1px solid var(--line);min-height:260px}.service-strip article:last-child{border-right:0}.service-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eff6ff;color:var(--blue);font-weight:800;font-size:17px}.service-strip h2{font-size:17px;margin:22px 0 12px;text-transform:uppercase;line-height:1.35}.service-strip p{font-size:13px;line-height:1.65;color:var(--muted)}.service-strip a{font-size:11px;text-transform:uppercase;color:var(--blue);font-weight:800;text-decoration:none}.section-pad{padding:110px clamp(22px,7vw,110px)}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2,.project h2,.team h2,.contact h2{font:800 clamp(38px,4.8vw,66px)/1.05 Montserrat,sans-serif;letter-spacing:-.04em;margin:0 0 24px}.about h2 span,.contact h2 span{color:var(--blue)}.about p,.project-copy p,.contact p{color:var(--muted);line-height:1.8;font-size:16px}.about-panel{background:#f4f8fd;border-left:4px solid var(--blue);padding:36px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font-size:25px;color:var(--blue)}.mini-stats span{font-size:11px;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:45px clamp(22px,7vw,110px);gap:1px}.values article{padding:20px 30px;border-right:1px solid var(--dark-line)}.values article:last-child{border-right:0}.values b{text-transform:uppercase;color:#4c94ff;font-size:13px}.values p{font-size:13px;line-height:1.6;color:#b6c5d8}.project{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;background:#f3f7fc}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.project-tags span{font-size:11px;font-weight:700;color:#265075;background:#fff;border:1px solid #d8e4f1;border-radius:99px;padding:8px 12px}.device-composition{position:relative;padding:35px 35px 55px 0}.browser-frame{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 30px 70px rgba(5,26,55,.2);border:1px solid #dbe4ee}.browser-top{height:35px;background:#edf2f7;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#acbac8}.browser-top span{font-size:10px;color:#718095;margin-left:12px}.browser-frame img{width:100%;display:block}.mobile-frame{position:absolute;width:23%;right:0;bottom:0;background:#fff;border:7px solid #091426;border-radius:28px;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.28)}.mobile-frame img{display:block;width:100%}.team{background:var(--navy);color:#fff}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:44px}.section-heading>p{color:#9eb0c7;line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-grid article{background:#0a1c35;border:1px solid var(--dark-line);box-shadow:0 18px 40px rgba(0,0,0,.16)}.portrait{aspect-ratio:6/7;background:#101d32;overflow:hidden}.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.member-info{padding:25px}.member-info h3{font:700 22px Montserrat,sans-serif;margin:0}.member-info p{color:#4e96ff;font-weight:700;margin:8px 0}.member-info span{color:#a9bad0;font-size:13px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;background:#fff}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;background:#f3f7fc;border:1px solid var(--line)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#42546a}.wide{grid-column:1/-1}input,select,textarea{width:100%;font:inherit;padding:14px;border:1px solid #cbd8e6;background:#fff;border-radius:4px;color:#071426;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,105,245,.11)}.hidden{display:none}footer{padding:58px clamp(22px,7vw,110px) 28px;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:40px;background:#030d1d;color:#a9b8ca;font-size:13px}.footer-brand img{width:160px;height:80px;object-fit:contain;background:#fff;padding:6px}.footer-brand p{color:#fff;letter-spacing:.08em}.footer-brand+div,.footer-brand+div+div{display:flex;flex-direction:column;gap:10px}footer strong{color:#fff;margin-bottom:7px}footer a{color:#a9b8ca;text-decoration:none}.copyright{grid-column:1/-1;border-top:1px solid var(--dark-line);padding-top:22px;margin-top:12px}
@media(max-width:980px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(5,20,42,.12)}.nav-links.open{display:flex}.hero{min-height:620px}.hero-badge{display:none}.service-strip{grid-template-columns:1fr 1fr}.service-strip article:nth-child(2){border-right:0}.service-strip article{border-bottom:1px solid var(--line)}.about-grid,.project,.contact,.section-heading{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.values article:nth-child(2){border-right:0}.team-grid{grid-template-columns:1fr 1fr}.project{gap:20px}.device-composition{max-width:850px;margin:auto}.contact{gap:35px}}
@media(max-width:640px){.site-header{height:68px}.brand img{width:105px;height:50px}.nav-links{top:68px}.hero{min-height:590px;padding:80px 22px;background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(3,14,31,.97),rgba(4,19,42,.82) 70%,rgba(4,19,42,.6))}.hero h1{font-size:43px}.hero-copy{font-size:15px}.service-strip{grid-template-columns:1fr;margin-top:-30px}.service-strip article{border-right:0;min-height:auto}.section-pad{padding:78px 20px}.about-grid{gap:32px}.about-panel{padding:25px}.mini-stats{grid-template-columns:1fr}.values{grid-template-columns:1fr;padding:28px 20px}.values article{border-right:0;border-bottom:1px solid var(--dark-line)}.project h2,.team h2,.contact h2,.about h2{font-size:38px}.device-composition{padding:20px 0 50px}.mobile-frame{width:29%;right:-4px}.team-grid{grid-template-columns:1fr}.portrait{aspect-ratio:4/5}.contact form{grid-template-columns:1fr;padding:22px}.wide{grid-column:auto}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:390px){.hero h1{font-size:38px}.button{width:100%}.mobile-frame{width:33%}.service-strip{width:94vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Motion system */
body.splash-active{overflow:hidden}.splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(145deg,#fff 0%,#f3f7ff 58%,#e8f0ff 100%);transition:opacity .7s ease,visibility .7s ease}.splash.hide{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{text-align:center;animation:splashRise 1.1s cubic-bezier(.2,.75,.25,1) both}.splash img{width:min(560px,76vw);height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,42,110,.18))}.splash-line{height:3px;width:0;margin:18px auto 14px;background:linear-gradient(90deg,#05295f,#1683ff);animation:lineReveal 1s .25s ease forwards}.splash p{margin:0;color:#071426;letter-spacing:.28em;font-weight:700;font-size:clamp(10px,1.3vw,15px);opacity:0;animation:fadeIn .8s .55s ease forwards}
@keyframes splashRise{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}@keyframes lineReveal{to{width:min(440px,62vw)}}@keyframes fadeIn{to{opacity:1}}
.reveal{opacity:0;transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}.reveal-up{transform:translateY(54px)}.reveal-left{transform:translateX(-54px)}.reveal-right{transform:translateX(54px)}.reveal.in-view{opacity:1;transform:none}.service-strip article,.values article,.team-grid article{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}.service-strip article:hover,.team-grid article:hover{transform:translateY(-10px);box-shadow:0 24px 55px rgba(3,22,52,.2);border-color:rgba(45,127,255,.45)}.values article:hover{transform:translateY(-6px)}
.hero-content>*{opacity:0;transform:translateY(26px);animation:heroEnter .8s cubic-bezier(.2,.8,.2,1) forwards}.hero-content .kicker{animation-delay:.15s}.hero-content h1{animation-delay:.28s}.hero-content .hero-copy{animation-delay:.4s}.hero-content .hero-actions{animation-delay:.52s}.hero-badge{animation:badgeFloat 4.5s ease-in-out infinite}.hero:after{content:"";position:absolute;width:420px;height:420px;right:9%;top:16%;border-radius:50%;background:radial-gradient(circle,rgba(22,131,255,.22),transparent 66%);filter:blur(10px);animation:pulseGlow 5s ease-in-out infinite;z-index:-1}@keyframes heroEnter{to{opacity:1;transform:none}}@keyframes badgeFloat{50%{transform:translateY(-12px)}}@keyframes pulseGlow{50%{transform:scale(1.12);opacity:.7}}
.device-composition{perspective:1200px}.browser-frame{animation:desktopFloat 6s ease-in-out infinite;transform-origin:center}.mobile-frame{animation:phoneFloat 5s ease-in-out infinite;transform-origin:center;z-index:3}.browser-frame img,.mobile-frame img{transition:transform .9s cubic-bezier(.16,1,.3,1)}.browser-frame:hover img{transform:scale(1.025)}.mobile-frame:hover img{transform:scale(1.04)}@keyframes desktopFloat{50%{transform:translateY(-10px) rotateX(1.2deg) rotateY(-1deg)}}@keyframes phoneFloat{50%{transform:translateY(-16px) rotate(1.3deg)}}
.portrait{position:relative}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(4,17,38,.16));pointer-events:none}.portrait img{filter:none!important;transform:scale(1.001);transition:transform .8s cubic-bezier(.16,1,.3,1)}.team-grid article:hover .portrait img{transform:scale(1.045)}.team-grid article:nth-child(1) .portrait img{object-position:center 28%}.team-grid article:nth-child(2) .portrait img{object-position:center 22%}.team-grid article:nth-child(3) .portrait img{object-position:center 18%}
.button{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.button:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 16px 34px rgba(4,95,232,.34)}.nav-links a{position:relative}.nav-links a:not(.header-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links a:hover:after{transform:scaleX(1)}
@media(max-width:640px){.splash img{width:88vw}.device-composition{padding-right:8px}.mobile-frame{width:34%;right:-2px;border-width:5px}.team-grid article:nth-child(1) .portrait img{object-position:center 24%}.team-grid article:nth-child(2) .portrait img{object-position:center 18%}.team-grid article:nth-child(3) .portrait img{object-position:center 14%}}
@media(prefers-reduced-motion:reduce){.splash,.splash-inner,.splash-line,.splash p,.hero-content>*,.hero-badge,.browser-frame,.mobile-frame{animation:none!important}.splash{display:none}.reveal{opacity:1;transform:none}}
.device-composition{translate:0 var(--project-shift,0);transition:translate .12s linear}

/* Global motion, animated hero montage, page-turn and privacy UI */
.hero{overflow:hidden;perspective:1400px}.hero-montage{position:absolute;inset:-5% -2% -8% 32%;z-index:-2;pointer-events:none;transform-style:preserve-3d}.montage-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.88);box-shadow:0 28px 80px rgba(0,0,0,.35);opacity:.52;filter:saturate(.86) contrast(.95);will-change:transform,opacity}.montage-card img{width:100%;height:100%;display:block;object-fit:cover}.montage-services{width:64%;height:60%;left:1%;top:13%;animation:montageDriftA 14s ease-in-out infinite}.montage-desktop{width:48%;height:36%;right:2%;top:4%;animation:montageDriftB 12s ease-in-out infinite}.montage-mobile{width:18%;height:54%;right:10%;bottom:2%;border-radius:24px;animation:montageDriftC 10s ease-in-out infinite}.montage-team{width:24%;height:43%;left:34%;bottom:-4%;animation:montageDriftD 13s ease-in-out infinite}.montage-orbit{position:absolute;border:1px solid rgba(64,145,255,.3);border-radius:50%;animation:orbitSpin 18s linear infinite}.orbit-one{width:540px;height:540px;right:4%;top:3%}.orbit-two{width:350px;height:350px;right:15%;top:18%;animation-direction:reverse;animation-duration:13s}
@keyframes montageDriftA{0%,100%{transform:translate3d(0,0,-20px) rotateY(-4deg)}50%{transform:translate3d(24px,-18px,30px) rotateY(1deg);opacity:.66}}@keyframes montageDriftB{0%,100%{transform:translate3d(0,0,20px) rotateY(5deg)}50%{transform:translate3d(-25px,20px,60px) rotateY(-2deg);opacity:.7}}@keyframes montageDriftC{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-24px) rotate(-1deg);opacity:.78}}@keyframes montageDriftD{0%,100%{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(18px) rotateY(3deg);opacity:.68}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.hero-shade{z-index:-1}.hero-content{position:relative;z-index:2}.hero-badge{z-index:3}
.reveal.in-view{animation:bookSectionOpen 1.05s cubic-bezier(.16,1,.3,1) both;transform-origin:left center;backface-visibility:hidden}@keyframes bookSectionOpen{0%{opacity:0;transform:perspective(1200px) rotateY(-8deg) translateX(-18px) translateY(20px)}100%{opacity:1;transform:perspective(1200px) rotateY(0) translate3d(0,0,0)}}
.page-turn{position:fixed;inset:0;z-index:9000;pointer-events:none;visibility:hidden;perspective:1800px}.page-turn.active{visibility:visible}.page-turn-sheet{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98),#eef4ff 55%,rgba(255,255,255,.8));transform-origin:left center;box-shadow:18px 0 50px rgba(0,17,47,.22)}.page-turn.active .page-turn-sheet{animation:pageFlip .72s cubic-bezier(.62,.02,.25,1) both}@keyframes pageFlip{0%{transform:rotateY(-92deg);opacity:.1}42%{opacity:.96}100%{transform:rotateY(92deg);opacity:0}}
.cookie-banner{position:fixed;z-index:8000;left:clamp(14px,3vw,40px);right:clamp(14px,3vw,40px);bottom:clamp(14px,3vw,30px);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 22px;background:rgba(5,18,40,.96);color:#fff;border:1px solid rgba(77,149,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(16px);transform:translateY(140%);opacity:0;transition:.55s cubic-bezier(.16,1,.3,1)}.cookie-banner.show{transform:none;opacity:1}.cookie-banner strong{font-size:16px}.cookie-banner p{margin:7px 0 0;color:#b9c8dc;font-size:13px;line-height:1.55}.cookie-actions{display:flex;gap:10px;flex:0 0 auto}.cookie-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.footer-link{padding:0;border:0;background:none;color:#a9b8ca;text-align:left;font:inherit;cursor:pointer}.footer-link:hover,footer a:hover{color:#fff}
.privacy-modal[hidden]{display:none}.privacy-modal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:20px}.privacy-backdrop{position:absolute;inset:0;background:rgba(1,9,22,.8);backdrop-filter:blur(10px)}.privacy-card{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:#fff;color:#17243a;padding:clamp(28px,5vw,58px);box-shadow:0 30px 100px rgba(0,0,0,.42);animation:privacyOpen .45s cubic-bezier(.16,1,.3,1)}.privacy-card h2{font:800 clamp(34px,5vw,58px)/1 Montserrat,sans-serif;margin:0 0 24px}.privacy-card h3{margin-top:28px}.privacy-card p{line-height:1.75;color:#53647a}.privacy-close{position:absolute;top:14px;right:18px;border:0;background:none;font-size:34px;cursor:pointer;color:#122038}@keyframes privacyOpen{from{opacity:0;transform:translateY(28px) rotateX(-8deg)}to{opacity:1;transform:none}}
.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:7900;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#07172e;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.3);cursor:pointer}.sound-toggle[aria-pressed="false"]{opacity:.55;text-decoration:line-through}
@media(max-width:980px){.hero-montage{inset:0 -18% -5% 24%}.montage-services{width:72%}.montage-desktop{width:56%}.montage-team{display:none}}
@media(max-width:640px){.hero-montage{inset:0 -50% 0 15%;opacity:.72}.montage-services{width:85%;height:54%;top:18%}.montage-desktop{width:72%;height:31%;right:8%}.montage-mobile{width:24%;right:25%;height:48%}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-actions{width:100%}.cookie-actions .button{flex:1}.sound-toggle{bottom:12px;right:12px}.page-turn-sheet{background:linear-gradient(90deg,#fff,#edf3ff)}}
@media(prefers-reduced-motion:reduce){.montage-card,.montage-orbit,.reveal.in-view,.page-turn-sheet{animation:none!important}.page-turn{display:none}.cookie-banner{transition:none}}

/* Hero montage v5: only the four service cards and genuine DT²⁵⁶ screens */
.hero-montage{inset:-8% -4% -10% 30%;overflow:hidden;isolation:isolate}
.montage-card{border-radius:18px;border:1px solid rgba(255,255,255,.27);background:#fff;box-shadow:0 28px 70px rgba(0,10,32,.38),0 0 0 1px rgba(20,110,255,.06);opacity:.62;filter:saturate(.96) contrast(1.01);backface-visibility:hidden;transform-origin:center;transition:opacity .35s ease,filter .35s ease}
.montage-card img{object-fit:cover;object-position:center;background:#fff}
.montage-it,.montage-software,.montage-cloud,.montage-security{width:22%;height:42%;min-width:210px;min-height:260px}
.montage-it{left:1%;top:14%;animation:serviceFloatA 13s cubic-bezier(.45,0,.2,1) infinite}
.montage-software{left:23%;top:5%;animation:serviceFloatB 15s cubic-bezier(.45,0,.2,1) infinite}
.montage-cloud{left:45%;top:17%;animation:serviceFloatC 14s cubic-bezier(.45,0,.2,1) infinite}
.montage-security{left:67%;top:7%;animation:serviceFloatD 16s cubic-bezier(.45,0,.2,1) infinite}
.montage-desktop{width:49%;height:35%;left:10%;bottom:0;z-index:3;opacity:.44;animation:productFloatA 17s ease-in-out infinite}
.montage-mobile{width:15%;height:48%;right:6%;bottom:-1%;z-index:4;border-radius:28px;opacity:.55;animation:productFloatB 12s ease-in-out infinite}
.montage-desktop img{object-position:top center}.montage-mobile img{object-position:top center}
.hero:hover .montage-card{opacity:.72;filter:saturate(1) contrast(1.03)}
@keyframes serviceFloatA{0%,100%{transform:translate3d(0,0,10px) rotateY(4deg) rotateZ(-1deg)}50%{transform:translate3d(12px,-24px,42px) rotateY(-2deg) rotateZ(.7deg)}}
@keyframes serviceFloatB{0%,100%{transform:translate3d(0,-8px,22px) rotateY(-3deg) rotateZ(.8deg)}50%{transform:translate3d(-10px,18px,54px) rotateY(3deg) rotateZ(-.6deg)}}
@keyframes serviceFloatC{0%,100%{transform:translate3d(0,8px,30px) rotateY(3deg) rotateZ(-.7deg)}50%{transform:translate3d(14px,-18px,62px) rotateY(-4deg) rotateZ(.8deg)}}
@keyframes serviceFloatD{0%,100%{transform:translate3d(0,-3px,14px) rotateY(-4deg) rotateZ(.5deg)}50%{transform:translate3d(-14px,20px,48px) rotateY(2deg) rotateZ(-.8deg)}}
@keyframes productFloatA{0%,100%{transform:translate3d(0,0,26px) rotateX(1deg) rotateY(3deg)}50%{transform:translate3d(18px,-15px,68px) rotateX(-1deg) rotateY(-2deg)}}
@keyframes productFloatB{0%,100%{transform:translate3d(0,0,52px) rotateY(-5deg) rotateZ(1deg)}50%{transform:translate3d(-12px,-24px,84px) rotateY(4deg) rotateZ(-1deg)}}
@media(max-width:1100px){.hero-montage{inset:-3% -18% -7% 28%}.montage-it,.montage-software,.montage-cloud,.montage-security{width:25%;height:39%;min-width:180px;min-height:230px}.montage-security{left:69%}.montage-desktop{width:55%;left:7%}.montage-mobile{width:17%;right:11%}}
@media(max-width:780px){.hero-montage{inset:0 -48% -3% 20%;opacity:.82}.montage-it,.montage-software,.montage-cloud,.montage-security{width:28%;height:35%;min-width:150px;min-height:200px}.montage-it{left:0;top:18%}.montage-software{left:25%;top:8%}.montage-cloud{left:50%;top:20%}.montage-security{left:75%;top:10%}.montage-desktop{width:62%;height:30%;left:8%;bottom:4%}.montage-mobile{width:19%;height:43%;right:13%;bottom:1%}}
@media(max-width:520px){.hero-montage{inset:0 -95% 0 32%;opacity:.76}.montage-it,.montage-software,.montage-cloud,.montage-security{width:25%;height:31%;min-width:130px;min-height:170px;border-radius:12px}.montage-desktop{width:59%;height:27%;left:13%;bottom:7%}.montage-mobile{width:16%;height:38%;right:20%;bottom:4%;border-radius:18px}.orbit-one{width:380px;height:380px}.orbit-two{width:240px;height:240px}}
@media(prefers-reduced-motion:reduce){.montage-it,.montage-software,.montage-cloud,.montage-security,.montage-desktop,.montage-mobile{animation:none!important}}

/* =========================================================
   NIO SMART SOLUTIONS — OFFICIAL 2026 BRAND REBRAND
   Brand source: supplied NIO logo package
   ========================================================= */
:root{
  --navy:#0D1424;
  --navy-2:#111B30;
  --navy-3:#17233B;
  --blue:#14C4E8;
  --blue-2:#39D5F2;
  --cyan:#14C4E8;
  --white:#FFFFFF;
  --paper:#FBFAF6;
  --ink:#0D1424;
  --muted:#5D6470;
  --silver:#B7BEC8;
  --line:rgba(13,20,36,.12);
  --dark-line:rgba(255,255,255,.14);
  --shadow:0 24px 70px rgba(13,20,36,.14);
}
body{font-family:Sora,Arial,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,h3,.brand,.button,.nav-links a{font-family:Outfit,Sora,sans-serif}
.kicker,.section-label,.hero-badge,.project-tags span{font-family:"Space Mono",monospace}
.site-header{height:84px;background:rgba(251,250,246,.94);border-bottom:1px solid rgba(13,20,36,.08);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(13,20,36,.06)}
.brand{display:flex;align-items:center;min-width:220px}
.brand img{width:188px;height:64px;object-fit:contain;object-position:left center}
.nav-links{gap:30px}.nav-links a{color:var(--ink);font-size:12px;letter-spacing:.08em}.nav-links a:hover{color:var(--cyan)}
.header-cta{border-radius:999px;background:var(--ink)!important;color:#fff!important;padding:13px 21px;box-shadow:none}.header-cta:hover{background:var(--cyan)!important;color:var(--ink)!important}
.menu-toggle span{background:var(--ink)}
.hero{min-height:720px;background:radial-gradient(circle at 78% 25%,rgba(20,196,232,.17),transparent 24%),linear-gradient(135deg,#0D1424 0%,#111B30 55%,#0A1020 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 82%);z-index:-1}
.hero-shade{background:linear-gradient(90deg,rgba(13,20,36,.99) 0%,rgba(13,20,36,.92) 44%,rgba(13,20,36,.3) 82%,rgba(13,20,36,.6) 100%)}
.kicker,.section-label{color:var(--cyan)}
.hero h1{font-family:Outfit,sans-serif;letter-spacing:-.055em}.hero-copy{color:#D5DBE3}.hero-badge{border-color:rgba(20,196,232,.45);background:rgba(13,20,36,.72);border-radius:16px}.hero-badge span{color:var(--cyan)}
.button{border-radius:999px;letter-spacing:.01em}.primary{background:var(--cyan);color:var(--ink);box-shadow:0 16px 34px rgba(20,196,232,.22)}.primary:hover{background:#fff;transform:translateY(-2px)}.secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.service-strip{border-radius:24px;overflow:hidden;border:1px solid rgba(13,20,36,.08);background:rgba(255,255,255,.96)}
.service-strip article{transition:.3s ease}.service-strip article:hover{background:#F4FCFE;transform:translateY(-5px)}
.service-icon{border-radius:14px;background:rgba(20,196,232,.12);color:var(--cyan)}
.service-strip a,.about h2 span,.contact h2 span,.mini-stats strong,.member-info p{color:#0A9AB7}
.about,.contact{background:var(--paper)}.about-panel{background:#fff;border-left-color:var(--cyan);border-radius:0 20px 20px 0;box-shadow:var(--shadow)}
.values,.team{background:var(--ink)}.values b{color:var(--cyan)}
.project{background:#F1F5F5}.project-tags span{color:#22515D;border-color:rgba(20,196,232,.22);background:#fff}
.browser-frame{border-radius:20px}.mobile-frame{border-color:var(--ink)}
.team-grid article{background:#121C30;border-radius:22px;overflow:hidden}.member-info{border-top:1px solid rgba(255,255,255,.08)}
.contact form{background:#fff;border:1px solid rgba(13,20,36,.08);border-radius:24px;box-shadow:var(--shadow)}
input,select,textarea{border-radius:12px;border-color:rgba(13,20,36,.15);background:#FBFAF6}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(20,196,232,.13)}
footer{background:#090F1B}.footer-brand img{width:230px;height:110px;background:transparent;padding:0;object-position:left center}.footer-brand p{color:var(--cyan)}
.splash{background:var(--paper)!important}.splash::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(20,196,232,.16),transparent 34%)}.splash-glow{position:absolute;width:420px;height:420px;border:1px solid rgba(20,196,232,.22);border-radius:50%;animation:splashPulse 1.7s ease-in-out infinite}.splash-glow::after{content:"";position:absolute;inset:42px;border:1px solid rgba(183,190,200,.35);border-radius:50%}.splash-inner{position:relative;z-index:2}.splash-inner img{width:min(520px,82vw)!important;height:auto!important;max-height:240px;object-fit:contain}.splash-line{background:linear-gradient(90deg,transparent,var(--cyan),transparent)!important}.splash p{color:var(--ink)!important;font-family:"Space Mono",monospace;letter-spacing:.18em;font-size:11px!important}@keyframes splashPulse{50%{transform:scale(1.06);opacity:.55}}
.cookie-banner{background:rgba(13,20,36,.97);border-color:rgba(20,196,232,.35)}.sound-toggle{background:var(--ink);border-color:rgba(20,196,232,.3)}
@media(max-width:980px){.brand{min-width:auto}.brand img{width:164px}.nav-links{top:84px;background:rgba(251,250,246,.98)}}
@media(max-width:640px){.site-header{height:72px}.brand img{width:145px;height:52px}.nav-links{top:72px}.hero{min-height:640px}.footer-brand img{width:190px;height:90px}.splash-glow{width:300px;height:300px}}

/* Leadership & Expertise — compact enterprise redesign */
.team{background:#F7F9FC;color:var(--ink);padding-top:72px;padding-bottom:72px}
.team-shell{width:min(1180px,100%);margin:0 auto}
.team-heading{grid-template-columns:1fr;gap:8px;text-align:center;margin-bottom:30px;align-items:center}
.team-heading .section-label{margin-bottom:10px}
.team-heading h2{font-size:clamp(36px,4.2vw,54px);margin-bottom:6px;color:var(--ink)}
.team-heading>p{max-width:680px;margin:0 auto;color:var(--muted);font-size:15px}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.team-grid .team-card{display:grid;grid-template-rows:190px 1fr;background:#fff;border:1px solid rgba(13,20,36,.09);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(13,20,36,.08);min-height:356px}
.team-grid .portrait{aspect-ratio:auto;height:190px;background:#EEF2F6}
.team-grid .portrait:after{background:linear-gradient(180deg,transparent 74%,rgba(13,20,36,.06))}
.team-grid .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:none}
.team-grid article:nth-child(1) .portrait img{object-position:center 24%}
.team-grid article:nth-child(2) .portrait img{object-position:center 30%}
.team-grid article:nth-child(3) .portrait img{object-position:center 24%}
.team-grid article:hover .portrait img{transform:scale(1.025)}
.team-grid .member-info{padding:18px 20px 16px;border-top:1px solid rgba(13,20,36,.07);display:flex;flex-direction:column}
.team-grid .member-info h3{font-family:Outfit,Sora,sans-serif;font-size:21px;line-height:1.08;color:var(--ink);margin:0}
.team-grid .member-info p{font-size:12px;line-height:1.35;margin:7px 0 9px;color:#0A9AB7;text-transform:uppercase;letter-spacing:.045em}
.team-grid .member-info>span{font-size:12.5px;line-height:1.55;color:var(--muted)}
.member-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:13px}
.member-tags b{font:600 10px Sora,Arial,sans-serif;color:#0A7187;background:#EAF9FC;border:1px solid rgba(20,196,232,.2);padding:6px 9px;border-radius:999px}
.team-cta{margin-top:20px;min-height:68px;background:var(--ink);color:#DDE7F1;border-radius:16px;padding:14px 18px 14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 34px rgba(13,20,36,.14)}
.team-cta>span{font-size:13px;line-height:1.55;max-width:760px}
.team-cta .button{flex:none;padding:12px 18px}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid .team-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}
@media(max-width:680px){.team{padding-top:58px;padding-bottom:58px}.team-grid{grid-template-columns:1fr}.team-grid .team-card,.team-grid .team-card:last-child{grid-column:auto;width:100%;grid-template-columns:124px 1fr;grid-template-rows:auto;min-height:210px}.team-grid .portrait{height:100%;min-height:210px}.team-grid .member-info{border-top:0;border-left:1px solid rgba(13,20,36,.07);padding:18px 16px}.team-grid .member-info h3{font-size:19px}.team-cta{align-items:flex-start;flex-direction:column}.team-cta .button{width:100%}}
@media(max-width:430px){.team-grid .team-card,.team-grid .team-card:last-child{grid-template-columns:108px 1fr}.team-grid .portrait{min-height:220px}.team-grid .member-info{padding:16px 14px}.member-tags{gap:5px}.member-tags b{font-size:9px;padding:5px 7px}}

/* Mobile and multi-device optimisation — July 2026 */
html,body{width:100%;max-width:100%;overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}
main,section,header,footer,.team-shell,.about-grid,.project,.contact{min-width:0}

@media(max-width:980px){
  .site-header{padding-inline:20px}
  .menu-toggle{display:block;position:relative;z-index:42;min-width:44px;min-height:44px;border-radius:10px}
  .nav-links{position:fixed;left:0;right:0;top:76px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 24px;max-height:calc(100dvh - 76px);overflow-y:auto;transform:translateY(-120%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease,opacity .22s ease,visibility .22s;background:rgba(251,250,246,.985);box-shadow:0 22px 45px rgba(13,20,36,.16);border-bottom:1px solid rgba(13,20,36,.1)}
  .nav-links.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .nav-links a{display:flex;align-items:center;min-height:48px;padding:10px 8px;border-bottom:1px solid rgba(13,20,36,.07);font-size:13px}
  .nav-links .header-cta{margin-top:12px;justify-content:center;border:0;min-height:48px}
  .hero{padding-inline:clamp(20px,6vw,48px)}
  .hero-content{max-width:620px}
  .service-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-34px}
  .service-strip article{min-height:0;border-bottom:1px solid var(--line)}
  .service-strip article:nth-child(2){border-right:0}
  .about-grid,.project,.contact{grid-template-columns:1fr;gap:44px}
  .project-copy{max-width:760px}
  .device-composition{width:min(760px,100%);margin:0 auto;padding:20px 30px 48px 0}
  .values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .values article:nth-child(2){border-right:0}
  footer{grid-template-columns:1.2fr 1fr 1fr}
  .copyright{grid-column:1/-1}
}

@media(max-width:680px){
  .site-header{height:68px;padding-inline:14px}
  .brand img{width:132px;height:46px}
  .nav-links{top:68px;max-height:calc(100dvh - 68px)}
  .hero{min-height:auto;padding:78px 18px 88px;align-items:flex-start}
  .hero-content{width:100%;max-width:100%}
  .hero h1{font-size:clamp(38px,12vw,58px);line-height:.98;overflow-wrap:anywhere}
  .hero-copy{font-size:16px;line-height:1.6;max-width:34rem}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:360px}
  .hero-actions .button{width:100%;min-height:50px}
  .hero-badge{position:static;width:max-content;max-width:100%;margin-top:28px;padding:14px 16px;border-radius:12px}
  .hero-montage{display:none}
  .hero-shade{background:linear-gradient(135deg,rgba(13,20,36,.99),rgba(13,20,36,.91))}
  .service-strip{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:-36px;border-radius:18px}
  .service-strip article{padding:22px 20px;border-right:0;min-height:0}
  .service-strip article:last-child{border-bottom:0}
  .service-strip h2{margin:14px 0 8px}
  .section-pad{padding:68px 18px}
  .about h2,.project h2,.team h2,.contact h2{font-size:clamp(34px,10vw,46px);overflow-wrap:anywhere}
  .about-panel{padding:24px 20px}
  .mini-stats{grid-template-columns:1fr;gap:16px}
  .mini-stats div{padding-bottom:12px;border-bottom:1px solid rgba(13,20,36,.08)}
  .mini-stats div:last-child{border-bottom:0}
  .values{grid-template-columns:1fr;padding:34px 18px}
  .values article{padding:18px 4px;border-right:0;border-bottom:1px solid var(--dark-line)}
  .values article:last-child{border-bottom:0}
  .project{gap:30px}
  .project-tags{gap:6px}
  .project-tags span{max-width:100%;white-space:normal}
  .device-composition{padding:8px 20px 34px 0}
  .browser-frame{border-radius:9px}
  .browser-top span{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-frame{width:27%;right:0;border-width:4px;border-radius:17px}
  .team-shell{width:100%}
  .team-heading{margin-bottom:24px}
  .team-heading>p{font-size:14px;line-height:1.6}
  .team-grid{gap:14px}
  .team-grid .team-card,.team-grid .team-card:last-child{grid-template-columns:112px minmax(0,1fr);min-height:188px;border-radius:15px}
  .team-grid .portrait{height:100%;min-height:188px}
  .team-grid .portrait img{object-position:center top}
  .team-grid .member-info{padding:15px 13px;min-width:0}
  .team-grid .member-info h3{font-size:18px;overflow-wrap:anywhere}
  .team-grid .member-info p{font-size:10px;letter-spacing:.02em}
  .team-grid .member-info>span{font-size:11.5px;line-height:1.45}
  .member-tags{padding-top:10px}
  .team-cta{padding:16px;border-radius:14px}
  .contact{gap:30px}
  .contact form{grid-template-columns:1fr;width:100%}
  .contact form label,.contact form .wide,.contact form button{grid-column:1;width:100%;min-width:0}
  input,select,textarea{font-size:16px;max-width:100%;width:100%}
  footer{grid-template-columns:1fr;padding:48px 18px 24px;gap:28px}
  footer>div{min-width:0}
  .footer-brand img{width:170px;height:auto}
  .copyright{grid-column:1;font-size:11px;line-height:1.6}
  .cookie-banner{left:10px;right:10px;bottom:10px;width:auto;padding:16px;border-radius:14px}
  .cookie-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .cookie-actions .button{width:100%;min-height:46px}
  .privacy-modal{padding:10px}
  .privacy-card{width:100%;max-height:92dvh;padding:30px 20px 24px}
  .privacy-card h2{font-size:34px;padding-right:28px}
  .sound-toggle{width:42px;height:42px}
}

@media(max-width:430px){
  .hero{padding-inline:16px}
  .kicker,.section-label{letter-spacing:.13em}
  .hero h1{font-size:clamp(34px,11.5vw,48px)}
  .section-pad{padding-inline:16px}
  .team-grid .team-card,.team-grid .team-card:last-child{grid-template-columns:96px minmax(0,1fr);min-height:176px}
  .team-grid .portrait{min-height:176px}
  .team-grid .member-info{padding:13px 11px}
  .team-grid .member-info h3{font-size:16.5px}
  .team-grid .member-info>span{font-size:11px}
  .member-tags b{font-size:8.5px;padding:5px 6px}
  .project-tags span{font-size:10px;padding:7px 9px}
  .mobile-frame{width:29%}
}

@media(max-width:340px){
  .brand img{width:116px}
  .team-grid .team-card,.team-grid .team-card:last-child{grid-template-columns:1fr;min-height:0}
  .team-grid .portrait{height:190px;min-height:190px}
  .team-grid .member-info{border-left:0;border-top:1px solid rgba(13,20,36,.07)}
}

@media(min-width:681px) and (max-width:980px){
  .contact form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact form .wide,.contact form button{grid-column:1/-1}
}

/* Netlify contact form consent */
.contact form .consent{display:flex;align-items:flex-start;gap:.7rem;font-size:.86rem;line-height:1.45;color:var(--muted,#5d6470)}
.contact form .consent input{width:18px;height:18px;min-width:18px;margin-top:.1rem;accent-color:#14c4e8}

/* Enterprise Contact Centre */
.contact-enterprise{background:linear-gradient(180deg,#F4F8FA 0%,#FBFAF6 100%);padding-top:92px;padding-bottom:92px}
.contact-shell{width:min(1220px,100%);margin:0 auto}
.contact-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);gap:56px;align-items:end;margin-bottom:32px}
.contact-intro h2{margin:8px 0 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.045em}
.contact-intro p{margin:0;color:var(--muted);line-height:1.8;font-size:15px;max-width:570px}
.contact-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.contact-channel{appearance:none;width:100%;min-width:0;border:1px solid rgba(13,20,36,.09);background:#fff;border-radius:17px;padding:18px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(13,20,36,.055);transition:.25s ease}
.contact-channel:hover,.contact-channel:focus-visible{transform:translateY(-3px);border-color:rgba(20,196,232,.65);box-shadow:0 15px 34px rgba(13,20,36,.1);outline:none}
.channel-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(20,196,232,.11);color:#0887A1;font-size:19px;font-weight:800}
.contact-channel span:nth-child(2){min-width:0;display:grid;gap:4px}.contact-channel b{font-family:Outfit,sans-serif;font-size:15px}.contact-channel small{font-size:10.5px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.contact-channel i{font-style:normal;color:#0A9AB7;font-weight:800}
.contact-workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.65fr);gap:18px;align-items:stretch}
.contact-brief{background:linear-gradient(155deg,#0D1424,#13223A);color:#fff;border-radius:24px;padding:30px;position:relative;overflow:hidden}
.contact-brief:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-110px;bottom:-120px;background:radial-gradient(circle,rgba(20,196,232,.23),transparent 66%)}
.availability{display:flex;align-items:center;gap:9px;color:#DCE5EC;font-size:12px;letter-spacing:.04em;margin-bottom:30px}.availability span{width:9px;height:9px;border-radius:50%;background:#54E39A;box-shadow:0 0 0 5px rgba(84,227,154,.12)}
.contact-brief h3{font-size:26px;margin:0 0 22px}.contact-brief ol{list-style:none;padding:0;margin:0;display:grid;gap:19px}.contact-brief li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}.contact-brief li>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(20,196,232,.14);color:var(--cyan);font-size:12px}.contact-brief li span{display:grid;gap:5px}.contact-brief li strong{font-size:13px}.contact-brief li small{font-size:11.5px;line-height:1.55;color:#AEB9C8}
.contact-facts{display:grid;gap:14px;margin-top:29px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}.contact-facts div{display:grid;gap:4px}.contact-facts small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8190A5}.contact-facts strong,.contact-facts a{font-size:12px;color:#fff;text-decoration:none;overflow-wrap:anywhere}.contact-facts a:hover{color:var(--cyan)}
.security-note{display:flex;gap:8px;margin:24px 0 0!important;padding:13px;border:1px solid rgba(20,196,232,.18);border-radius:12px;background:rgba(20,196,232,.07);font-size:10px!important;line-height:1.5!important;color:#B8C8D6!important;position:relative;z-index:1}
.contact-enterprise form{display:block;background:#fff;border:1px solid rgba(13,20,36,.08);border-radius:24px;padding:30px;box-shadow:0 22px 58px rgba(13,20,36,.09)}
.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(13,20,36,.08)}.form-heading span{font-family:"Space Mono",monospace;color:#0A9AB7;font-size:9px;letter-spacing:.14em}.form-heading h3{font-size:28px;margin:5px 0 0}.form-heading em{font-style:normal;color:var(--muted);font-size:10px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label{display:grid;gap:7px;color:#273142;font-size:11px;font-weight:700;letter-spacing:.02em;min-width:0}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{margin:0;min-width:0}.field-help{color:var(--muted);font-weight:400;font-size:10px}
.file-field>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.file-ui{display:flex;align-items:center;gap:12px;border:1px dashed rgba(13,20,36,.25);border-radius:13px;padding:15px;background:#FBFAF6;cursor:pointer;transition:.2s ease}.file-ui:hover{border-color:var(--cyan);background:#F4FCFE}.file-ui b{border-radius:999px;padding:8px 12px;background:var(--ink);color:#fff;font-size:10px}.file-ui small{font-weight:400;color:var(--muted);overflow-wrap:anywhere}
.contact-enterprise .consent{margin-top:2px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(13,20,36,.08)}.form-footer p{margin:0!important;font-size:10px!important;color:var(--muted)!important}.submit-button{border:0;min-width:235px;justify-content:center}.submit-button.is-loading{pointer-events:none;opacity:.75}.submit-button.is-loading .submit-arrow{animation:contactSpin .7s linear infinite}@keyframes contactSpin{to{transform:rotate(360deg)}}
.contact-faq{display:grid;grid-template-columns:.62fr 1.38fr;gap:64px;margin-top:55px;padding-top:48px;border-top:1px solid rgba(13,20,36,.1)}.contact-faq h3{font-size:34px;margin:8px 0}.faq-list{display:grid}.faq-list details{border-bottom:1px solid rgba(13,20,36,.11)}.faq-list summary{list-style:none;cursor:pointer;padding:18px 2px;display:flex;justify-content:space-between;gap:18px;font-family:Outfit,sans-serif;font-weight:700;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#0A9AB7;font-size:22px;transition:.2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-2px 38px 18px 2px!important;font-size:12px!important;line-height:1.75!important;color:var(--muted)!important}
@media(max-width:1050px){.contact-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-workspace{grid-template-columns:1fr}.contact-brief{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 35px}.contact-brief .availability,.contact-brief h3{grid-column:1}.contact-brief ol{grid-column:1}.contact-facts,.security-note{grid-column:2}.contact-facts{margin-top:0;padding-top:0;border-top:0;align-self:start}.security-note{align-self:end}}
@media(max-width:760px){.contact-enterprise{padding-top:68px;padding-bottom:68px}.contact-intro{grid-template-columns:1fr;gap:18px}.contact-intro h2{font-size:clamp(38px,11vw,52px)}.contact-channels{grid-template-columns:1fr}.contact-channel{padding:15px}.contact-brief{display:block;padding:24px}.contact-brief ol{margin-bottom:0}.contact-facts{margin-top:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.12)}.contact-enterprise form{padding:22px 18px;border-radius:19px}.form-heading{align-items:start;flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.form-footer{align-items:stretch;flex-direction:column}.submit-button{width:100%;min-width:0}.contact-faq{grid-template-columns:1fr;gap:12px;margin-top:42px;padding-top:38px}.faq-list summary{font-size:14px}.faq-list details p{margin-right:24px!important}}
@media(max-width:420px){.contact-channel{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.channel-icon{width:38px;height:38px}.contact-enterprise form{padding:20px 15px}.form-heading h3{font-size:25px}.file-ui{align-items:flex-start;flex-direction:column}.contact-faq h3{font-size:30px}}

/* Desktop contact layout correction: the enterprise shell must span the full section width. */
.contact.contact-enterprise{
  display:block;
  width:100%;
}
.contact-enterprise .contact-shell{
  width:min(1220px,100%);
  max-width:1220px;
  margin-inline:auto;
}
@media(min-width:1051px){
  .contact-enterprise .contact-workspace{
    grid-template-columns:minmax(300px,0.72fr) minmax(0,1.65fr);
    width:100%;
  }
  .contact-enterprise form,
  .contact-enterprise .contact-brief{
    width:100%;
    min-width:0;
  }
}