/* InovaEnginR — a shared blue identity, with the four existing offers preserved. */
:root{--bg:#020b17;--panel:#071727;--ink:#f4f8ff;--muted:#a4b7ca;--champagne:#19baff;--mint:#71dfff;--line:#7ebce424;--font:Arial,Helvetica,sans-serif;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}
.space{background:radial-gradient(ellipse at 78% 40%,#02325570,transparent 60%),radial-gradient(ellipse at 0 80%,#00345d60,transparent 55%)}
.space canvas{opacity:.35}.shooting-stars{display:none}
.wrap{width:min(1536px,calc(100% - 112px))}
.header{height:126px;padding-inline:56px;gap:32px;background:#020b1780;border-color:var(--line);position:relative;z-index:5}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;gap:22px;letter-spacing:-1.8px;line-height:1;font-size:43px;font-weight:700;white-space:nowrap}
.brand-mark{display:block;width:84px;height:92px;object-fit:contain}
.brand-name{display:block;border-left:1px solid #aec8dd7a;padding-left:20px}
.brand-name>span{color:#009df9}
.header nav{margin-left:auto;margin-right:auto;gap:44px}
.header nav a{font-size:15px;color:#eff6ff;white-space:nowrap}
.header nav a:hover,.header nav a[aria-current="page"]{color:var(--champagne)}
.header-contact{border:0;border-left:1px solid #aec8dd7a;border-radius:0;padding:0 0 0 20px;font-size:15px;color:#f4f8ff;gap:7px;white-space:nowrap}
.header-contact span{color:#14bdf8;font-size:25px}
.header-contact:hover{background:none;color:var(--champagne)}
.home-page main{overflow:clip}
.hero.wrap{width:100%;padding-inline:max(56px,calc((100% - 1536px)/2));overflow:clip}
.hero{min-height:690px;padding-top:0;isolation:isolate}
.hero-top,.hero-caption,.hero-bottom,.orbital-art .art-label,.orbital-art .art-code{display:none}
.hero-copy{padding-top:134px;padding-bottom:120px;width:77%;pointer-events:none;z-index:2}
.hero-copy h1{font-size:clamp(70px,6.35vw,108px);line-height:1.06;letter-spacing:-4px;font-weight:400}
.hero-copy h1 em{background:linear-gradient(105deg,#00a0f6,#2bd2f5);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.hero-copy p{font-size:clamp(16px,1.47vw,23px);line-height:1.78;color:#e0e9f4;margin-top:32px;max-width:790px;text-shadow:0 2px 15px #020b17}
.hero-actions{margin-top:42px;gap:39px;flex-direction:row;align-items:center}
.button{border-radius:12px;padding:20px 27px;font-size:15px;gap:25px;transition:background .2s,box-shadow .2s,transform .2s}
.button.primary{background:linear-gradient(115deg,#00a6f5,#0072ee);color:#fff;border:1px solid #1daeff5c;box-shadow:0 10px 40px #0077ee18}
.button.primary:hover{background:linear-gradient(115deg,#24c2ff,#1185fa);box-shadow:0 10px 34px #0077ee40;transform:translateY(-2px)}
.button span{font-size:24px;font-weight:400}
.hero-actions .text-link{font-size:15px;gap:20px;color:#eff7ff;padding-block:10px;border-bottom:1px solid #0aaafb}
.hero-actions .text-link span{color:#c4f3ff;font-size:23px}
.neural-mode .orbital-art{width:940px;height:940px;right:-186px;top:-28px;transform:none;opacity:1;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 94%,transparent)}
.orbital{width:100%;height:100%}
.discipline-strip{background:#061322;border-color:var(--line)}
.discipline-strip .wrap{font-size:12px;color:#b8cce0}
.discipline-strip b{color:#1cb8f3}
.eyebrow,.section-index{color:#7eb8dc}
.section-heading .text-link,.text-link{color:#72d6ff}
.section-heading h2 span{color:#8da8c3}
.scenario-card{background:#061322;border-color:var(--line)}
.scenario-card:hover,.scenario-card:focus-within{background:#081a2d;border-color:#26b8ff80}
.scenario-art{background:radial-gradient(ellipse at 50% 45%,#07508366,transparent 72%),linear-gradient(140deg,#0a2035,#04101f)}
.scenario-art:before{background-image:radial-gradient(#69c7ff3b .7px,transparent .7px)}
.scenario-number{color:#8aaecb}
.scenario-copy .eyebrow{color:#81c9ef}
.scenario-copy p{color:#b2c4d5}
.scenario-tags{color:#7fa5c2}
.diagram-wires{stroke:#53c2f8}.diagram-wires circle{fill:#83e2ff}
.diagram-panel{fill:#071b2e;stroke:#59bcf16b}.diagram-core{fill:#0b2d49;stroke:#67d1ff}
.diagram-inner{stroke:#68c5f14a}.diagram-details{stroke:#8edaff}.diagram-dots{fill:#73cfff}
.diagram-orbit{stroke:#45b5ef47}.diagram-tick{stroke:#b4efff}
.diagram-label{fill:#deefff}.diagram-micro,.diagram-footer{fill:#94bad7}
.chip-neural-symbol{stroke:#8de3ff}.chip-neural-symbol g{fill:#0b2d49}
.contact-section{background:radial-gradient(ellipse at 50% 110%,#06436d66,transparent 72%);border-color:var(--line)}
.contact-section p,.footer-top p,.footer-bottom{color:#9fb8d0}
.contact-orbit{border-color:#61caff1a;box-shadow:0 0 100px #0084ed0a}
.page-intro>p,.domain-detail p,.case-content p,.commitments p,.contact-page p,.detail-list,.steps p,.approach-intro>p{color:#a9bfd3}
.breadcrumb,.breadcrumb span,.domain-nav a{color:#9fbbd3}
.domain-nav a:hover{background:#0b2940}
.case-content h3{color:#e4f1ff}
.steps article>span{color:#44c8ff}
footer .wordmark{font-size:32px;gap:14px}footer .brand-mark{width:57px;height:65px}footer .brand-name{padding-left:14px}
.dialog-close,label{color:#d4e8f7}
dialog{background:#071827;border-color:#67c8ff60;box-shadow:0 40px 140px #000b;border-radius:12px}
dialog p,dialog li,form .form-note{color:#a9bed0}
input,select,textarea{border-color:#73b7e345;background:#03111e;color:#e3f3ff;border-radius:6px}
input::placeholder,textarea::placeholder{color:#7694ab}
:focus-visible{outline:2px solid #7be1ff;outline-offset:5px}
@media(min-width:1600px){.hero{min-height:800px}.hero-copy{padding-top:155px}.hero-copy h1{font-size:108px}.neural-mode .orbital-art{width:1100px;height:1100px;right:-229px;top:-45px}}
@media(max-width:1200px){
.wrap{width:calc(100% - 80px)}.hero.wrap{padding-inline:40px}.header{padding-inline:40px;gap:20px;height:108px}
.wordmark{font-size:33px;gap:16px}.brand-mark{width:66px;height:76px}.brand-name{padding-left:16px}
.header nav{gap:22px}.header nav a,.header-contact{font-size:12px}
.hero{min-height:680px}.hero-copy{width:85%;padding-top:130px;padding-bottom:110px}.hero-copy h1{font-size:76px;letter-spacing:-3.3px}
.hero-copy p{font-size:17px;max-width:660px}.hero-actions{gap:28px}.hero-actions .text-link{font-size:13px}.button{font-size:13px;padding:18px 23px}
.neural-mode .orbital-art{width:820px;height:820px;right:-210px;top:15px;opacity:.85}
}
@media(max-width:980px){
.header{gap:18px}.header nav{gap:18px}.header-contact{padding-left:14px;font-size:11px}
.wordmark{font-size:29px;gap:12px}.brand-mark{width:55px;height:66px}.brand-name{padding-left:12px}
.hero-copy{width:100%;padding-top:115px}.hero-copy h1{font-size:69px}.hero-copy p{max-width:610px;font-size:16px}
.neural-mode .orbital-art{right:-285px;opacity:.55}
}
@media(min-width:701px) and (max-width:980px){.header-contact{display:none}}
@media(max-width:700px){
.wrap{width:calc(100% - 40px)}.hero.wrap{padding-inline:20px}.header{height:88px;padding-inline:20px;gap:15px}
.wordmark{font-size:30px;gap:12px;letter-spacing:-1.3px}.brand-mark{width:48px;height:60px}.brand-name{padding-left:12px}
.header-contact{display:none}.menu-toggle{margin-left:auto;padding:10px 0}.menu-toggle span{background:#bdeaff;width:24px}
.header nav{top:87px;background:#061625fa;padding:15px 24px;margin:0;box-shadow:0 15px 40px #0005}
.header nav a{font-size:15px;padding:14px 0}
.hero{min-height:805px;padding-top:0}
.hero-copy{width:100%;padding-top:64px;padding-bottom:310px}
.hero-copy h1{font-size:clamp(42px,10.9vw,66px);line-height:1.1;letter-spacing:-1.9px}
.hero-copy p{font-size:15px;line-height:1.8;margin-top:26px;max-width:470px}
.hero-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:29px}
.hero-actions .button{font-size:14px;padding:16px 21px;gap:28px}
.hero-actions .text-link{font-size:13px;max-width:none;padding-block:8px;gap:15px}
.neural-mode .orbital-art{width:570px;height:570px;right:-137px;top:auto;bottom:-130px;transform:none;opacity:.92;mask-image:linear-gradient(180deg,transparent,#000 28%,#000 83%,transparent)}
.discipline-strip .wrap{font-size:10px;gap:17px 20px}
.scenario-copy p{font-size:14px}.scenario-copy .eyebrow{font-size:9px}.scenario-tags{font-size:9px}.scenario-copy .text-link{font-size:13px}
footer .wordmark{font-size:27px}footer .brand-mark{width:42px;height:50px}footer .brand-name{padding-left:12px}
.contact-section p{font-size:13px}.footer-bottom{font-size:9px}
}
@media(max-width:370px){.wordmark{font-size:26px}.brand-mark{width:42px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:14px}.hero{min-height:805px}}

/* Reference finish: native typography over the detailed, full-resolution artwork. */
@font-face{font-family:InterVariable;src:url('./fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--font:InterVariable,Arial,Helvetica,sans-serif;--scene-height:max(760px,56.2799vw);--header-height:clamp(104px,8.433vw,168px)}
body{font-family:var(--font);font-optical-sizing:auto}
.home-page{position:relative;background:#020a16}
.home-page .space{display:none}
.hero-backdrop{position:absolute;inset:0 0 auto;height:var(--scene-height);overflow:hidden;pointer-events:none;z-index:-1}
.hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.header{height:var(--header-height);padding:0 3vw 0 3.89vw;gap:0;background:transparent;border-bottom:0}
.header:after{content:"";position:absolute;bottom:0;left:12.5%;right:3.2%;height:1px;background:#bed6e325;pointer-events:none}
.wordmark{font-size:clamp(32px,3.35vw,67px);font-weight:550;letter-spacing:0;gap:9px}
.brand-symbol{position:relative;display:block;flex:0 0 auto;width:clamp(65px,6.7vw,134px);height:clamp(70px,6.94vw,139px);overflow:hidden;transform:translateY(.82vw)}
.brand-symbol .brand-mark{position:absolute;width:126%;height:128%;max-width:none;left:-13%;top:-16%;object-fit:fill}
.brand-name{padding-left:1.2vw;border-color:#c5d7e29c;line-height:.97}
.brand-name>span{color:#009cf5}
.header nav{position:absolute;left:37.74%;gap:4.36vw;margin:0}
.header nav a{font-size:clamp(14px,1.2vw,24px);font-weight:500;letter-spacing:0}
.header-contact{margin-left:auto;font-size:clamp(14px,1.2vw,24px);font-weight:500;letter-spacing:-.035em;padding-left:1.35vw;gap:4px;border-color:#c5d7e29c}
.action-arrow{width:1.55em;height:1.55em;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-contact .action-arrow{color:#00c8ff;width:1.2em;height:1.2em}.arrow-down{transform:rotate(90deg)}
.hero.wrap{padding-inline:3.89vw;min-height:calc(var(--scene-height) - var(--header-height));height:auto;overflow:visible}
.hero-copy{padding-top:9.15vw;padding-bottom:7.8vw;width:100%;max-width:1050px}
.hero-copy h1{font-family:var(--font);font-size:clamp(72px,6.58vw,132px);font-weight:450;line-height:1;letter-spacing:0;text-wrap:nowrap}
.hero-copy h1 em{font-size:1.06em;font-weight:500;line-height:0;background:linear-gradient(105deg,#009af0 10%,#14bce7 73%,#70dcf6);background-clip:text;-webkit-background-clip:text}
.hero-copy p{font-size:clamp(18px,1.495vw,30px);font-weight:400;letter-spacing:0;line-height:1.8;margin-top:1.9vw;max-width:none;color:#f0f2f7;text-shadow:none}
.hero-actions{margin-top:2.75vw;gap:2.75vw;align-items:center;flex-direction:row}
.hero-actions .button{font:550 clamp(15px,1.2vw,24px)/1.5 var(--font);letter-spacing:0;min-width:20.34vw;min-height:4.73vw;padding:1.35vw 1.9vw;border-radius:1vw;gap:1.6vw;box-shadow:none;background:linear-gradient(110deg,#009ff1,#0073ed);border:1px solid #13c0ff40}
.hero-actions .button:hover{background:linear-gradient(110deg,#14b6ff,#0783ff);box-shadow:0 7px 32px #0089e82b}
.hero-actions .button .action-arrow{width:1.4em;height:1.4em}
.hero-actions .text-link{font-size:clamp(15px,1.2vw,24px);font-weight:550;letter-spacing:0;padding:0 0 .55vw;gap:1.05vw;line-height:1.5;border-color:#00aaff}
.hero-actions .text-link .action-arrow{width:1.15em;height:1.15em;color:#ccebf7}
footer .brand-symbol{width:57px;height:60px;transform:translateY(5px)}
footer .brand-symbol .brand-mark{width:126%;height:128%}
footer .wordmark{font-family:var(--font);font-weight:550}
@media(min-width:2000px){.hero-copy{padding-top:183px;padding-bottom:156px;max-width:1250px}.hero-copy p{margin-top:38px}.hero-actions{margin-top:55px;gap:55px}.hero-actions .button{min-width:407px;min-height:95px;padding:27px 38px;border-radius:20px}}
@media(min-width:701px) and (max-width:980px){
.header nav{position:static;gap:3vw;margin-left:auto}.wordmark{font-size:34px}.brand-symbol{width:70px;height:74px}
.hero-copy{padding-top:110px;max-width:850px}.hero-copy h1{font-size:68px}.hero-copy p{font-size:18px;max-width:660px;line-height:1.8;margin-top:30px}
.hero-actions{margin-top:35px;gap:28px}.hero-actions .button{min-width:260px;min-height:62px;padding:17px 24px;border-radius:12px}.hero-actions .text-link{font-size:15px}
.hero-backdrop img{object-position:60% top}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a1620,#020a1640 65%,transparent)}
}
@media(max-width:700px){
:root{--header-height:94px;--scene-height:950px}
.header{padding-inline:22px;gap:15px}.header:after{left:22px;right:22px}
.wordmark{font-size:32px;gap:9px;letter-spacing:-.055em}.brand-symbol{width:57px;height:60px;transform:translateY(4px)}.brand-name{padding-left:12px}
.header nav{position:absolute;left:0;right:0;top:93px;margin:0;gap:0;background:#021020fc}.header nav a{font-size:16px;padding-block:14px}
.hero.wrap{padding-inline:22px;min-height:856px;overflow:clip}
.hero-copy{max-width:none;width:100%;padding-top:63px;padding-bottom:330px}
.hero-copy h1{font-size:clamp(38px,10.65vw,69px);line-height:1.07;font-weight:450;letter-spacing:-.04em}
.hero-copy p{font-size:16px;line-height:1.8;letter-spacing:-.025em;margin-top:28px;max-width:480px}
.hero-actions{margin-top:30px;gap:22px;flex-direction:column;align-items:flex-start}
.hero-actions .button{font-size:15px;min-width:267px;min-height:62px;padding:17px 24px;border-radius:12px;gap:25px}
.hero-actions .text-link{font-size:14px;gap:14px;padding-bottom:8px}
.hero-backdrop{background:#020a16;height:950px}
.hero-backdrop img{position:absolute;bottom:0;right:0;width:1140px;max-width:none;height:642px;object-fit:fill;object-position:initial;mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 100%)}
footer .brand-symbol{width:43px;height:46px;transform:translateY(4px)}
}
@media(max-width:370px){.header{padding-inline:18px}.hero.wrap{padding-inline:18px}.hero-copy h1{font-size:clamp(33px,10.5vw,39px)}.hero-copy p{font-size:15px}.wordmark{font-size:29px}}

/* The image and glints share one coordinate system, including the mobile crop. */
.hero-artwork{position:absolute;top:0;left:50%;width:max(100%,calc(var(--scene-height) * 1672 / 941));aspect-ratio:1672 / 941;transform:translateX(-50%)}
.hero-backdrop .hero-artwork>img,.hero-backdrop .hero-artwork>picture>img{position:static;display:block;width:100%;height:100%;object-fit:fill;mask-image:none}
.neural-shimmer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.neural-spark{opacity:.1;transform-origin:0 0;animation:neural-shimmer var(--spark-duration) ease-in-out var(--spark-delay) infinite}
@keyframes neural-shimmer{0%,100%{opacity:.06;transform:scale(.78)}42%{opacity:1;transform:scale(1.38)}68%{opacity:.28;transform:scale(1)}}
/* Brief electrical discharges anchored to the artwork's luminous junctions. */
.electric-burst{opacity:0;transform-origin:0 0;animation:neural-discharge var(--electric-duration) linear var(--electric-delay) infinite}
.electric-arc{fill:none;stroke:#50d9ff;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #00baff)}
.electric-core{fill:none;stroke:#edfcff;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}
.electric-center,.electric-motes{fill:#e5fbff}
.electric-motes{opacity:0;transform-origin:0 0;animation:neural-motes var(--electric-duration) ease-out var(--electric-delay) infinite}
@keyframes neural-discharge{0%,1%{opacity:0;transform:scale(.55)}2.2%{opacity:.95;transform:scale(.95)}3.5%{opacity:.2;transform:scale(1)}4.5%{opacity:.8;transform:scale(1.08)}7.5%,100%{opacity:0;transform:scale(1.18)}}
@keyframes neural-motes{0%,2%{opacity:0;transform:scale(.65)}3%{opacity:.85}10%{opacity:0;transform:scale(1.8)}100%{opacity:0;transform:scale(1.8)}}
@media(min-width:701px) and (max-width:980px){.hero-artwork{left:60%;transform:translateX(-60%)}}
@media(max-width:700px){.hero-artwork{top:auto;left:auto;right:0;bottom:0;width:1140px;height:642px;aspect-ratio:auto;transform:none;mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 100%)}}
@media(prefers-reduced-motion:reduce){.neural-shimmer{display:none}.neural-spark,.electric-burst,.electric-motes{animation:none}}

/* Finished expertise artwork and readable offer cards. */
.home-page .scenario-grid{gap:38px 30px}
.expertise-offer{border:1px solid #4da9d634;background:linear-gradient(145deg,#071625,#04101d);box-shadow:0 12px 36px #00000017;transition:border-color .3s,box-shadow .3s}
.expertise-offer:hover,.expertise-offer:focus-within{background:linear-gradient(145deg,#091d30,#051321);border-color:#43bfff80;box-shadow:0 14px 44px #00000030,0 0 22px #009ce909}
.expertise-art{background:#021120;aspect-ratio:2 / 1;border-bottom:1px solid #56b7e62e;isolation:isolate}
.expertise-art:before{display:none}
.expertise-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.expertise-offer:hover .expertise-image{transform:scale(1.025)}
.expertise-art .scenario-number{top:19px;left:21px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid #9fdfff36;background:#031325c9;color:#b3dcf2;font:10px/1 var(--font);font-weight:500;letter-spacing:1.5px;border-radius:4px;backdrop-filter:blur(8px)}
.expertise-offer .scenario-copy{padding:32px 34px 31px}
.expertise-offer .scenario-copy .eyebrow{font:500 10px/1.7 var(--font);letter-spacing:1.55px;color:#72c8f2}
.expertise-offer .scenario-copy h2{font-size:clamp(28px,2.12vw,36px);font-weight:450;letter-spacing:-.045em;line-height:1.18;margin:17px 0 21px;color:#f0f6ff}
.expertise-offer .scenario-copy p{font-size:15px;line-height:1.85;font-weight:400;letter-spacing:-.012em;color:#b8c9da;max-width:640px;margin-bottom:29px}
.expertise-offer .scenario-tags{font:450 10px/1.8 var(--font);letter-spacing:.7px;color:#829fb7;margin-top:auto;margin-bottom:0;padding-top:22px;border-top:1px solid #82bfe51c}
.expertise-offer .scenario-copy .text-link{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:23px;color:#3dc8ff;font-size:14px;font-weight:500;line-height:1.5;gap:18px;padding-block:3px}
.expertise-offer .scenario-copy .text-link span{font-size:25px;font-weight:400;line-height:1;color:#8cddff}
.expertise-offer .scenario-copy .text-link:hover{color:#b3edff}
@media(max-width:1100px){.expertise-offer .scenario-copy{padding:27px}.expertise-offer .scenario-copy h2{font-size:28px}.expertise-offer .scenario-copy p{font-size:14px}.expertise-offer .scenario-copy .eyebrow{font-size:9px;letter-spacing:1px}.expertise-offer .scenario-tags{font-size:9px;letter-spacing:.4px}}
@media(max-width:700px){.home-page .scenario-grid{gap:30px}.expertise-offer .scenario-copy{padding:25px 23px 24px}.expertise-offer .scenario-copy .eyebrow{font-size:9px;letter-spacing:1px}.expertise-offer .scenario-copy h2{font-size:28px;letter-spacing:-.045em;margin-top:15px;margin-bottom:20px}.expertise-offer .scenario-copy p{font-size:14px;line-height:1.85;margin-bottom:25px}.expertise-offer .scenario-tags{font-size:9px;letter-spacing:.3px;padding-top:18px}.expertise-offer .scenario-copy .text-link{font-size:13px;margin-top:21px}.expertise-art .scenario-number{top:12px;left:13px;width:24px;height:24px;font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.expertise-image{transition:none}.expertise-offer:hover .expertise-image{transform:none}}

/* Official supplied lockup: original pixels, framed without redrawing the brand. */
.wordmark.brand-identity{display:block;width:clamp(270px,27vw,450px);font-size:0;line-height:0;letter-spacing:0;flex-shrink:0}
.brand-lockup{position:relative;display:block;width:100%;aspect-ratio:1100 / 300;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.brand-lockup>img{position:absolute;display:block;width:116.363637%;height:auto;max-width:none;left:-9.545455%;top:-60%}
.header:after{left:3.89%}
.footer-top .wordmark.brand-identity{width:360px;max-width:100%}
@media(min-width:701px) and (max-width:980px){.wordmark.brand-identity{width:300px}}
@media(max-width:700px){.wordmark.brand-identity{width:min(265px,calc(100vw - 100px))}.footer-top .wordmark.brand-identity{width:320px}.header:after{left:22px}.footer-top{column-gap:25px;row-gap:16px}}

/* Direct transition from the hero to the four illustrated offers. */
.home-page #expertises{padding-top:44px}
.home-page #expertises>.section-heading{margin-bottom:28px}
@media(max-width:700px){.home-page #expertises{padding-top:32px}.home-page #expertises>.section-heading{margin-bottom:23px}}

/* The local AI option is explicit on the home offer. */
.expertise-offer .scenario-copy .local-offer-note{font-size:13px;line-height:1.8;margin:0 0 25px;padding:17px 18px;background:#0a2b40;border-left:2px solid #5cd5ff;border-radius:0 6px 6px 0;color:#b7d9eb}
.local-offer-note strong{display:block;color:#e6f7ff;font-weight:500;margin-bottom:6px}

/* Accès discret à l’espace privé, dans la navigation existante. */
.header nav .portal-entry{color:#76d8ff}
@media(min-width:701px){.header nav{position:static;left:auto;gap:clamp(14px,1.65vw,34px);margin-left:auto;margin-right:clamp(18px,2.5vw,50px)}.header nav a{font-size:clamp(12px,1.05vw,21px);white-space:nowrap}.header-contact{margin-left:0;font-size:clamp(12px,1.05vw,21px);white-space:nowrap}}
@media(min-width:701px) and (max-width:1100px){.header-contact{display:none}.header nav{margin-right:0}.wordmark.brand-identity{width:clamp(245px,28vw,300px)}}

/* Alignement du menu après retrait du lien de contact. */
.header .menu-toggle{margin-left:auto}

/* Picture sources must not alter artwork geometry or the SVG spark overlay. */
picture.optimized-artwork{display:contents}