/* Nérion · daylight. Photography, navy typography and restrained cyan accents. */
:root{--bg:#f7fafc;--text:#111e36;--muted:#53677d;--cyan:#087d9d;--line:#173b5b26;--nerion-it-photo:url('../images/nerion-it.webp');--nerion-ot-photo:url('../images/nerion-ot.webp');--nerion-soc-photo:url('../images/nerion-soc.webp')}
body{background:var(--bg);color:var(--text)}
.site-header,.site-header.scrolled{background:#ffffffed;border-color:#183c591a;box-shadow:0 4px 30px #183c5907}
.brand{color:#111836}.brand-tagline{color:#40546a}
.brand .nerion-custom-logo{background:#111836;border-radius:6px;padding:7px 10px}
.main-nav a{color:#40546a;font-size:13px}.main-nav a:hover,.main-nav a.current{color:#006f90}
.eyebrow{color:#086880;font-size:10px;letter-spacing:1.8px}.section-index{color:#547084}
.muted,.expertise-section .muted{color:#087b96}.micro{color:#506b80}
.button{font-size:13px}.button-cyan{background:linear-gradient(115deg,#0d5067,#10334e);color:#fff;border-color:#116886;box-shadow:0 8px 24px #13587324}
.button-cyan:before{opacity:.5}.button-cyan>.action-icon{color:#a9f1ff;background:#11607b;border-color:#62cde975;box-shadow:0 0 14px #4dd6f52b}
.button-glass,.button-outline{color:#14344d;border-color:#7999ad6b;background:#ffffffb8;backdrop-filter:blur(12px)}
.button-outline>.action-icon,.button-glass>.action-icon,.text-link>.action-icon{background:#e1f3f7;color:#096c87;border-color:#8fbfce;box-shadow:0 0 12px #21a9d014}
.text-link{color:#075e7b;font-weight:600}.text-link:hover{color:#0d314c}
.button-cyan:hover{background:linear-gradient(115deg,#11637b,#16435d);color:#fff;box-shadow:0 12px 26px #13587330}
.button-outline:hover,.button-glass:hover{background:#e6f3f7;color:#14344d;border-color:#3d97b3}
.hero{height:min(900px,100svh);min-height:760px;background:#eff5f8}
.hero-image{background-position:75% 54%;inset:0;transform:none;filter:saturate(.83) brightness(1.15)}
.hero-shade{background:linear-gradient(90deg,#f7fafc 0%,#f7fafcf7 28%,#f7fafce6 43%,#f7fafc38 69%,#f7fafc00 100%),linear-gradient(0deg,#f7fafc 0%,#f7fafc00 30%)}
.hero-grain{background:none}
.hero-content{width:min(1280px,calc(100% - 112px));max-width:none;text-align:left;padding-top:clamp(160px,21vh,215px)}
.hero .eyebrow{justify-content:flex-start;color:#086881;letter-spacing:2px}
.hero h1{font-size:clamp(42px,4.35vw,67px);line-height:1.14;letter-spacing:-2.7px;font-weight:600;text-shadow:none;max-width:780px}
.hero h1>span{color:#07748e}.hero-content>p{max-width:530px;font-size:16px;line-height:1.85;color:#425b70;text-shadow:none;margin-top:26px}
.hero-actions{justify-content:flex-start;margin-top:30px}.hero-bottom{bottom:38px;justify-content:flex-start;gap:60px}
.world-link{border-color:#295c7936;min-width:280px;padding:18px 0 0;gap:15px}
.world-link .micro{color:#4c687e}.world-link small{color:#4c687e;font-size:11px}.world-link strong{font-size:18px}
.world-icon{color:#0b7895}.world-link strong>.action-icon{color:#08728e}
.scroll-cue{left:auto;right:0;transform:none;color:#305b72}.scroll-line{background:#397e984d}.scroll-line:after{background:#077f9e}
.motion-toggle{color:#16647b;border-color:#76aabc;background:#f6fcfff0}
.proof-strip{background:#fff}.proof-grid{padding-block:28px}.proof-grid strong{font-weight:600;font-size:26px}.proof-grid p{color:#536a7e;font-size:11px}
.section-space{padding-block:100px}.section-heading h2,.commitment-intro h2{font-weight:600;line-height:1.24;letter-spacing:-1.6px}
.section-heading>p,.commitment-intro>p{color:#496277;font-size:15px;line-height:1.85}
.univers-section{background:#f7fafc}
.univers-section>.container>.section-heading{display:block;position:relative;isolation:isolate;overflow:hidden;padding:48px;min-height:320px;border:1px solid #bed0dc;border-radius:12px;background:linear-gradient(90deg,#f0f6fafc 0%,#f0f6faf0 42%,#f0f6fab0 62%,#f0f6fa10 100%),var(--nerion-ot-photo) 72% 48%/cover;box-shadow:0 12px 40px #254b6209;margin-bottom:56px}
.univers-section>.container>.section-heading h2{max-width:710px}
.univers-section>.container>.section-heading>p{max-width:540px;margin-top:22px;padding:0}
.univers-section>.container>.section-heading .eyebrow{margin-bottom:22px}
.universe-tabs{border-color:#b6cbd6}.universe-tabs button{color:#50667b;font-size:14px}
.universe-tabs button[aria-selected=true]{color:#056580;border-color:#087d9d}
.universe-code{color:#08768e}.univers-info h3{font-size:32px;font-weight:600}.univers-info p{color:#4f657a;font-size:15px}.univers-info ul{color:#344e65;font-size:13px;line-height:2.2}.univers-info li:before{color:#07809d}
.universe-scene{border-color:#b3c8d5;border-radius:12px;color:#f7fbff;box-shadow:0 16px 38px #153e5720}.scene-vignette{background:linear-gradient(180deg,#071127a8,transparent 35%,#06102425 60%,#071127f0)}
.it-security{border-color:#b9ceda}.it-map-heading h3{font-weight:600}.it-map-heading h3 span{color:#087b96}.it-map-heading p{color:#4c667b;font-size:15px}
.it-map-shell{border-color:#b9d0dc;background:radial-gradient(ellipse at 50% 25%,#e3f4fa80,transparent 65%),#fff;box-shadow:0 18px 55px #2049630c}
.it-map-kicker{border-color:#cadce5;color:#4a687e}.it-map-kicker>span:first-child{color:#086c86}.it-map-kicker i{background:#0995b2;box-shadow:0 0 10px #5bddff50}
.it-map-tab{background:#f7fafc;color:#142e47;border-color:#c2d4df;box-shadow:0 5px 14px #234e6905}
.it-tab-verb{color:#406b82}.it-tab-summary{color:#4f697d}.it-map-tab>[data-icon]{color:#087b98;background:#e4f3f8;border-color:#92c3d1;box-shadow:0 0 15px #36bada10}
.it-map-tab[aria-selected=true]{background:#e6f5fa;border-color:#1684a4;box-shadow:0 8px 24px #2086a914}.it-map-tab[aria-selected=true]:after{background:#138ba8}
.it-map-tab[aria-selected=true]>[data-icon]{background:#0d4b64;color:#b1f1ff;border-color:#1f8da9;box-shadow:0 0 16px #0ca7ce20}
.it-map-tab[aria-selected=true] .it-tab-verb{color:#086782}.it-map-tab:hover{background:#eef8fb;border-color:#1684a4}
.it-map-tab:focus-visible{outline-color:#087d9d}.it-map-wires path{stroke:#8ab8cc}.it-map-wires .it-flow{stroke:#0585a4}
.it-map-hint{color:#4c6b7e}.it-map-hint svg{color:#087d9d}
.it-map-panel{background:#eff6f9;border-color:#c1d7e1}.it-detail-heading h4{color:#14314a}.it-detail-number{color:#08708d;border-color:#9bc5d4}
.it-map-panel p{color:#4a6379}.it-map-panel li{color:#314f66}.it-map-panel li:before{background:#0b829d}
.it-map-footer p{color:#526a7d}.it-map-footer p strong{color:#164b64}
.defense-story{background:#edf5f9;border-color:#c8dbe5}
.story-sticky{isolation:isolate}.story-sticky:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eff6fa 10%,#eff6fae8 50%,#eff6facf),var(--nerion-it-photo) center/cover}
.story-copy h2{font-weight:600}.story-stage-copy p{color:#4d667b;font-size:15px}.story-instruction,.stage-counter{color:#476a80}
.story-controls button{color:#506e82;border-color:#adc7d7}.story-controls button[aria-pressed=true]{color:#086f89;border-color:#087d9d}
.defense-core,.analyst-badge{color:#fff}.defense-node small,.stage-status,.stage-illustration,.story-bottom{color:#456b82}.story-bottom>span:last-child{color:#174c68}
.stage-grid{background-image:linear-gradient(#407da311 1px,transparent 1px),linear-gradient(90deg,#407da311 1px,transparent 1px)}.connection{stroke:#3b80a470}.flow{stroke:#117f9d}
.threat-signal small{color:#9c4d15}.defense-stage[data-stage="2"] .threat-signal small{color:#147567}
.expertise-section{background:#fff}.expertise-section .eyebrow{color:#086d85}.expertise-section .section-heading>p{color:#4d657a}
.filter-bar button{font-size:13px;color:#435f76}.filter-bar button>span{color:#527a90}.filter-bar button.active>span{color:#9bd9ed}
.service-card{background:#f8fbfd;border-color:#cfdee7;border-radius:10px;min-height:282px}.service-card h3{font-size:20px}.service-card p{color:#53697c;font-size:14px}.service-tags{font-size:9px;color:#3f6d83;line-height:1.7}.services-bottom>span{color:#506b80;font-size:12px}
.commitment-section{background:#f2f7fa}.commitment-intro{gap:70px}.commitment-intro>p{color:#496277}
.soc-feature{background:#fff;border-color:#c3d7e2;border-radius:12px;box-shadow:0 14px 40px #234e690c}.soc-copy h3{font-weight:600}.soc-copy p{color:#4e667a}.soc-facts strong{color:#0b6f89}.soc-facts span{color:#4a6579}
.commitment-item{border-color:#b9ceda}.commitment-item>.micro{color:#4a7087;font-size:9px}.commitment-item h3{font-weight:600}.commitment-item p{color:#4f657a}
.commitment-icon{color:#087d9d}.standards>.micro{color:#4b687c}.standards>span:not(.micro){color:#456378}
.contact-section{background:linear-gradient(90deg,#eff7fbf0,#eff7fbe8 48%,#eff7fbd9),var(--nerion-ot-photo) center 45%/cover;border-block:1px solid #bdd3df}
.contact-inner h2{font-weight:600}.contact-inner h2>span{color:#077c97}.contact-inner .eyebrow{color:#12657f}.contact-inner>p{color:#49677b;max-width:670px;margin-inline:auto;font-size:16px}.contact-note{color:#48697f;font-size:12px}
.contact-orbit{border-color:#267e9d16}.contact-orbit:before,.contact-orbit:after{border-color:#267e9d16}
footer{background:#fff}.footer-main p,.footer-links,.footer-bottom{color:#4e657a}.footer-main p,.footer-links a,.footer-links button{font-size:13px}.footer-bottom{font-size:11px}.footer-bottom button{color:#486377;font-size:12px}.footer-links button>.action-icon{color:#0c6f8b;background:#e5f3f8;border-color:#9bc6d5}.back-top{color:#096b89;border-color:#9fbfce}.nerion-legal-link{color:#42677e}
/* The contact journey and catalogue share the same light reading surfaces. */
dialog{background:#fff;color:#142a43;border-color:#b9cfdd;box-shadow:0 30px 100px #072b4b40}dialog::backdrop{background:#0e284d8a;backdrop-filter:blur(7px)}
dialog p{color:#4b647b}dialog .detail-tags{color:#165d79;background:#eff7fa;border-color:#a7c9d9}.dialog-close{color:#24667e}
.brief-progress i{background:#c9dce6}.brief-progress i.active{background:#087d9d}.brief-step>.micro{color:#426b83}
.choice{background:#f6fafc;border-color:#c4d7e2;color:#19354d}.choice:has(input:checked){background:#e7f5fa;border-color:#1687a6}.choice small{color:#4e6b80}.choice>span{color:#137a96}
.field{color:#365b72}input,textarea,select{background:#fbfdff;border-color:#aabfcc;color:#172f45}input::placeholder,textarea::placeholder{color:#637b8d}
dialog .contact-required{color:#536d81}.form-note,.result-note{color:#536d81!important}.result-symbol{color:#07849d}
#contact-status{background:#edf7fb;border-color:#6195ae;color:#163f56}#brief-reference{color:#086c87}#brief-summary{background:#edf6fa;border-color:#a9cbdc;color:#214d65}#brief-summary strong{color:#086782}#brief-summary p{color:#45667d}
.nerion-inner .entry-content a{color:#076c8b}
@media(min-width:701px) and (max-width:1100px){
 .hero-shade{background:linear-gradient(90deg,#f7fafcfc 0%,#f7fafcf5 48%,#f7fafcdb 72%,#f7fafc38 100%),linear-gradient(0deg,#f7fafc 0%,#f7fafc00 30%)}
 .hero h1{font-size:49px;max-width:640px}.hero-content>p{max-width:440px}.hero-actions{gap:10px}.hero-actions .button{gap:12px;padding-left:16px}.hero-bottom{gap:35px}.scroll-cue{display:none}
 .main-nav{gap:20px}.univers-section>.container>.section-heading{padding:36px}.univers-info h3{font-size:28px}
}
@media(max-width:700px){
 .site-header,.site-header.scrolled{background:#ffffffed}.mobile-nav{background:#f7fbfd;box-shadow:0 20px 35px #12334a1c}.mobile-nav a,.mobile-nav button{color:#244c65}.mobile-nav button{color:#096f89}
 .menu-toggle{border-color:#a6c9d8;background:#e8f4f8;box-shadow:0 0 14px #42c7e712}.menu-toggle>span{background:#176580;box-shadow:none}
 .hero{display:flex;min-height:0;height:auto;background:#f7fafc;padding-top:72px}
 .hero-image{position:absolute;inset:auto 0 0;height:420px;margin:0;order:0;background-image:linear-gradient(180deg,#f7fafc 0%,#f7fafca8 19%,#f7fafc00 55%),var(--nerion-hero-photo,url('../images/nerion-defense.webp'))!important;background-size:cover;background-position:65% center;filter:none;z-index:-4}
 .hero-image:after{display:none}.hero-shade{display:block;background:linear-gradient(180deg,#f7fafc 0%,#f7fafc 35%,#f7fafcf5 52%,#f7fafc26 77%,#f7fafc55 100%);z-index:-3}
 .hero-content{order:0;width:100%;padding:44px 24px 0;max-width:none;margin:0}.hero .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:21px}
 .hero h1{font-size:clamp(34px,8.6vw,55px);line-height:1.17;letter-spacing:-1.5px;font-weight:600}.hero h1>span{color:#07748e}
 .hero-content>p{max-width:490px;color:#425e73;font-size:15px;line-height:1.8;margin-top:22px}
 .hero-actions{margin-top:25px;gap:8px}.hero-actions .button-glass{background:#ffffffb5;border-color:#9cb9cb70;padding:10px 11px 10px 19px;color:#16435b;min-height:60px}
 .hero-bottom{position:relative;order:2;display:grid;margin:170px auto 24px;gap:12px;width:calc(100% - 40px);bottom:auto;align-items:stretch}
 .world-link{padding:16px 13px;min-width:0;border:1px solid #a6c3d1;border-radius:8px;background:#fffffff0;backdrop-filter:blur(12px);box-shadow:0 8px 24px #19476118}
 .world-link strong{font-size:14px;gap:4px;letter-spacing:-.3px}.world-link small{font-size:10px;color:#48687d;line-height:1.6}.world-link strong>.action-icon{color:#0c6f8b;width:16px;height:16px}.world-link strong>.action-icon svg{width:16px;height:16px}
 .world-icon{width:36px;height:36px;margin-bottom:12px}.world-icon svg{width:22px;height:22px}.scroll-cue{display:none}.motion-toggle{top:auto;bottom:5px;right:8px;width:28px;height:28px}
 .proof-grid{gap:24px 0;padding-block:27px}.proof-grid strong{font-size:24px}.proof-grid p{font-size:11px;line-height:1.6}.proof-grid>div{padding-left:18px}
 .section-space{padding-block:56px}.section-heading h2,.commitment-intro h2{font-size:32px;line-height:1.24;letter-spacing:-1.2px}.section-heading>p{font-size:15px;color:#496277}
 .univers-section>.container>.section-heading{padding:27px 23px 145px;margin-bottom:32px;min-height:0;border-radius:10px;background:linear-gradient(180deg,#eff7fafc 0%,#eff7faf5 40%,#eff7fae6 60%,#eff7fa00 100%),var(--nerion-ot-photo) 55% bottom/auto 100%}
 .univers-section>.container>.section-heading h2{font-size:31px}.univers-section>.container>.section-heading .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.8;margin-bottom:20px;align-items:flex-start;gap:7px}.section-index{white-space:nowrap}
 .univers-section>.container>.section-heading>p{font-size:14px;line-height:1.8;margin-top:20px;color:#38586f;max-width:none}
 .universe-tabs button{background:#fff;border-color:#b0cad8;color:#42647c;font-size:13px}.universe-tabs button[aria-selected=true]{background:#e4f4fa;color:#0a607b;border-color:#3b99b4;box-shadow:0 0 18px #35c7eb13}.universe-tabs button[aria-selected=true] svg{color:#087d9d}
 .univers-info h3{font-size:29px;line-height:1.3}.univers-info p{font-size:15px}.univers-info ul{font-size:13px;line-height:1.8}.univers-info li{margin-block:10px}
 .it-map-heading h3{font-size:30px}.it-map-heading p{font-size:15px}.it-map-tab{min-height:166px}.it-map-tab strong{font-size:18px}.it-tab-summary{font-size:12px}.it-tab-verb{font-size:9px}
 .story-sticky{background:none}.story-sticky:before{background:linear-gradient(180deg,#eff6faf2,#eff6faed),var(--nerion-it-photo) center/cover}.story-copy h2{font-size:32px;line-height:1.25}
 .step-label,.step-detail{color:#38647c}.step-body p{color:#4a667c}.step-body h3{font-weight:600}.step-marker{color:#086985;background:#eef8fb;border-color:#8fbccc}.is-current .step-marker{background:#0d4a64;color:#c2f8ff;border-color:#378eaa}.step-detail svg{color:#117b97}
 .commitment-intro>p,.commitment-item p{color:#4c647a}.soc-copy{padding:28px 23px}.soc-copy h3{font-size:29px}.soc-copy p{color:#4a6379}
 .contact-section{padding-block:55px;background:linear-gradient(180deg,#edf6faf0,#edf6fae5),var(--nerion-ot-photo) center/cover}.contact-inner h2{font-size:31px}.contact-inner>p{font-size:15px;color:#48667c}
 .footer-main p,.footer-links a,.footer-links button{font-size:14px}.footer-main{padding-top:5px}.footer-bottom button{font-size:12px}
 .button-cyan,.button-cyan:hover{background:linear-gradient(115deg,#0c4d66,#11334e);color:#fff;border-color:#338fa9;box-shadow:0 6px 25px #148bb21a}
 .button>.action-icon,.text-link>.action-icon,.footer-links button>.action-icon,.mobile-nav button>.action-icon{background:#e3f3f8;color:#086b87;border-color:#7ebacd;box-shadow:0 0 14px #2bb8d51a}
 .button-cyan>.action-icon{background:linear-gradient(145deg,#1d6e87,#14435e);color:#b8f5ff;border-color:#66cce5a6;box-shadow:0 0 16px #42d6f529}
 .world-icon,.commitment-icon,.choice>[data-icon]{background:linear-gradient(145deg,#e4f5fb,#f5fbfd);color:#0c7390;border-color:#91c2d3;box-shadow:0 0 18px #38c9ed12}
 .dialog-close{background:#e5f4fa;border-color:#9bc6d7;color:#096b86}.field{color:#365b72}.choice small{color:#4b677c}.motion-toggle{background:#eaf7fb;color:#126780;border-color:#87b9cc}
 :is(.button-outline,.button-glass,.text-link,.footer-links button,.mobile-nav button):active>.action-icon{background:#c6eaf4;color:#094c65}
}
@media(max-width:360px){
 .hero-content{padding:35px 16px 0}.hero h1{font-size:30px;letter-spacing:-1.1px}.hero h1 br{display:none}.hero h1>span{display:block;margin-top:4px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-bottom{width:calc(100% - 32px);gap:9px;margin-top:150px}.world-link{padding:14px 10px}.world-link strong{font-size:12px}
 .univers-section>.container>.section-heading{padding:23px 18px 125px}.univers-section>.container>.section-heading h2{font-size:28px}.univers-section>.container>.section-heading .eyebrow{font-size:8px;letter-spacing:.7px}
 .it-map-tab{padding:14px 10px}.it-map-tab strong{font-size:16px}.it-tab-summary{font-size:11px}.it-map-heading h3{font-size:28px}.it-map-kicker{font-size:8px}
 .contact-inner h2{font-size:28px}.form-buttons{gap:8px}.form-buttons .button{font-size:12px;padding-left:12px;gap:8px}.form-buttons .text-link{font-size:12px}
}

/* Readable wayfinding labels on every surface, including compact layouts. */
.micro,.eyebrow,.hero .eyebrow,.section-heading .eyebrow,
.univers-section>.container>.section-heading .eyebrow,.univers-info .micro,
.commitment-intro .eyebrow,.commitment-item>.micro,.soc-copy .eyebrow,
.standards>.micro,.contact-inner .eyebrow,dialog .eyebrow,.brief-step>.micro,
.brief-result>.micro,.stage-counter,.story-top .eyebrow,.story-instruction,.step-label,
.it-map-kicker,.it-map-kicker>span:last-child,.it-tab-verb,.it-detail-number{
 font-family:var(--font);font-size:12px;font-weight:650;line-height:1.55;
 letter-spacing:.065em;color:#244b65;
}
.eyebrow{align-items:baseline}.section-index{color:#315a74;white-space:nowrap}
.world-link .micro{display:block;font-family:var(--font);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.055em;color:#183f59;margin-bottom:7px}
.world-link small{font-size:12px;color:#36566e}
.scroll-cue{font:650 12px/1.5 var(--font);letter-spacing:.06em;color:#244b65}
.scene-top .micro,.scene-pole{font-family:var(--font);font-size:12px;font-weight:650;letter-spacing:.05em;line-height:1.5;color:#f3fbff;background:#0b243be8;border:1px solid #799fb3;border-radius:5px;padding:6px 9px}
.scene-top{align-items:flex-start;gap:12px}.scene-top .micro{max-width:240px}
.service-card>.micro{position:static;display:block;font:650 12px/1.5 var(--font);letter-spacing:.04em;color:#31566e;margin:0 36px 12px 0}
.service-card .service-icon{margin-bottom:14px}
.service-tags{font:600 12px/1.65 var(--font);letter-spacing:.025em;color:#365e75}
.it-map-kicker{flex-wrap:wrap;gap:8px 20px}.it-map-kicker>span:first-child{color:#165873}
.it-map-tab[aria-selected=true] .it-tab-verb{color:#165873}
.it-map-hub span{font-size:12px;line-height:1.4;color:#deeff7;max-width:125px}
.it-map-hint,.soc-facts span,.soc-photo figcaption,.scene-bottom div>span{font-size:12px;line-height:1.6}
.defense-node small{font:650 11px/1.4 var(--font);letter-spacing:.02em;color:#244b65;max-width:130px;text-align:center}
.defense-core>span{font:600 11px/1.5 var(--font);letter-spacing:.08em;color:#d6effa}
.threat-signal small{font:650 11px/1.4 var(--font);letter-spacing:.02em}
.analyst-badge strong,.analyst-badge div>span{font-size:12px;line-height:1.5}.analyst-badge div>span{color:#c5d9eb}
.stage-status{font:600 12px/1.5 var(--font);letter-spacing:0;white-space:normal;width:100%;justify-content:center;text-align:center}
.stage-illustration{font-size:11px;letter-spacing:.035em}
.story-bottom,.story-bottom>span:last-child{font:600 12px/1.6 var(--font);letter-spacing:.03em;color:#31566e}

/* Persistent button surfaces; selection is reinforced by a cyan inset edge. */
.filter-bar{gap:10px;padding-bottom:20px;border-bottom-color:#b5cbd8}
.filter-bar button,.story-controls button{
 min-height:50px;border:1px solid #718fa5;border-radius:8px;
 background:#e6eff5;color:#193f59;font:650 15px/1.4 var(--font);
 box-shadow:0 3px 8px #173e5510;
 transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
}
.filter-bar button{padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.filter-bar button>span{font:700 12px/1.4 var(--font);margin:0;padding:3px 7px;border-radius:5px;background:#cbdde9;color:#244b65}
.filter-bar button.active,.filter-bar button[aria-pressed=true],.story-controls button[aria-pressed=true]{background:#15364f;color:#fff;border-color:#15364f;box-shadow:inset 0 -3px 0 #39b9db,0 5px 14px #173e5526}
.filter-bar button.active>span{background:#315b75;color:#fff}
.story-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:490px}
.story-controls button{min-width:0;min-height:80px;padding:12px 16px;text-align:left}
.story-controls button>span{display:block;font:700 12px/1.5 var(--font);letter-spacing:.04em;margin-bottom:6px;opacity:1;color:#315a74}
.story-controls button[aria-pressed=true]>span{color:#b2edfc}
.filter-bar button:focus-visible,.story-controls button:focus-visible{outline:3px solid #08799a;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .filter-bar button:not([aria-pressed=true]):hover,.story-controls button:not([aria-pressed=true]):hover{background:#cce6f1;color:#15364f;border-color:#267c9b;box-shadow:0 5px 16px #197f9d24}
 .filter-bar button[aria-pressed=true]:hover,.story-controls button[aria-pressed=true]:hover{background:#204e6b}
}
@media(min-width:701px) and (max-width:1000px){
 .story-controls{gap:8px}.story-controls button{padding:11px 10px;font-size:14px}
 .story-top{gap:24px}.story-instruction{max-width:220px;text-align:right}
 .defense-node{width:110px}.defense-node small{font-size:11px}
 .it-map-hub span{max-width:100px}
}
@media(max-width:700px){
 .world-link .micro{font-size:12px;letter-spacing:.025em;line-height:1.5;min-height:36px;margin-bottom:8px}
 .world-link small{font-size:12px}.hero-bottom{align-items:stretch}
 .univers-section>.container>.section-heading .eyebrow{align-items:baseline;gap:7px;letter-spacing:.045em}
 .scene-top .micro{max-width:190px}.scene-pole{flex-shrink:0}
 .it-map-kicker{align-items:flex-start}.it-map-kicker>span:last-child{width:100%;padding-left:16px}
 .it-tab-verb{font-size:12px;letter-spacing:.025em}.it-map-hub span{max-width:105px}
 .service-card>.micro{grid-column:2;grid-row:2;margin:6px 0 0;font-size:12px}
 .service-card .service-icon{grid-row:1/3;margin:0}.service-card h3{grid-column:2;grid-row:1}
 .service-tags{font-size:12px;line-height:1.65;padding-right:40px}
 .filter-bar{gap:9px}.filter-bar button{font-size:14px;min-height:50px;padding:12px 16px}
 .story-controls{display:none}.story-bottom{flex-wrap:wrap;gap:14px}.story-bottom>span:first-child{max-width:none;flex-basis:100%}
 .step-marker{font-size:14px;font-weight:700;border-width:2px}.step-detail{font-size:12px;color:#31566e}
}
@media(max-width:360px){
 .world-link .micro{letter-spacing:0}.world-link strong{font-size:13px}
 .scene-top{flex-wrap:wrap}.scene-top .micro{max-width:100%;font-size:12px}
 .filter-bar button{padding:11px 14px}.it-tab-verb{letter-spacing:0}
}

/* Comfortable reading: warm surfaces, steady contrast and generous text spacing. */
:root{--bg:#f5f5f1;--text:#203247;--muted:#4a5d68;--cyan:#176c78;--line:#bdcacb;--reading-surface:#fafaf7;--reading-tint:#edf1ef;--reading-copy:#405461}
body{line-height:1.75;text-rendering:optimizeLegibility}
::selection{background:#cce6e6;color:#183c4c}
html.motion-reduced{scroll-behavior:auto}
.site-header,.site-header.scrolled{background:#fafaf7f5;box-shadow:0 3px 16px #20324706;border-color:#d8dfdc}
.main-nav a{font-size:14px;color:#405461}.main-nav a:hover,.main-nav a.current{color:#176c78}
.muted,.expertise-section .muted,.accent,.hero h1>span,.contact-inner h2>span{color:#176c78}
.button{font-size:15px;line-height:1.45}.button-cyan,.button-cyan:hover{background:#194b5b;color:#fff;border-color:#194b5b;box-shadow:0 4px 12px #20324714}
.button-cyan:before{display:none}.button-cyan>.action-icon{background:#256377;border-color:#6b9dab;color:#ddf7fa;box-shadow:0 0 8px #72d3e016}
.button-glass,.button-outline{background:#fafaf7ef;color:#244857;border-color:#99afb5;box-shadow:none}
.button-outline>.action-icon,.button-glass>.action-icon,.text-link>.action-icon{background:#e7f0ef;color:#216875;border-color:#93b9bc;box-shadow:none}
.hero{height:auto;min-height:840px;padding-bottom:230px;background:var(--bg)}
.hero-image{filter:saturate(.65) brightness(1.02)}
.hero-shade{background:linear-gradient(90deg,#f5f5f1 0%,#f5f5f1fc 28%,#f5f5f1ee 45%,#f5f5f166 70%,#f5f5f126 100%),linear-gradient(0deg,#f5f5f1 0%,#f5f5f100 35%)}
.hero-content{padding-top:clamp(145px,18vh,180px)}
.hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.2;letter-spacing:-.035em}
.hero-content>p{font-size:18px;line-height:1.85;max-width:540px;color:var(--reading-copy);margin-top:28px}
.hero-bottom{bottom:44px}.world-link{border-color:#99afb5;padding-top:22px}.world-link small{color:var(--reading-copy);line-height:1.75}
.motion-toggle{width:44px;height:44px;background:#fafaf7;color:#285d6b;border-color:#95b4ba;box-shadow:none}
.proof-strip,.expertise-section,footer{background:var(--reading-surface)}
.proof-grid{padding-block:34px}.proof-grid p{font-size:13px;line-height:1.65;color:var(--reading-copy)}
.section-space{padding-block:112px}
.section-heading h2,.commitment-intro h2,.story-copy h2,.contact-inner h2{line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
.section-heading>p,.expertise-section .section-heading>p,.commitment-intro>p,.univers-info p,.it-map-heading p,.soc-copy p,.contact-inner>p{font-size:17px;line-height:1.85;color:var(--reading-copy);max-width:62ch}
.section-heading>p{padding-top:4px}.univers-info ul{font-size:16px;line-height:1.8;color:var(--reading-copy)}
.univers-info li{margin-block:10px}.univers-info h3{line-height:1.35;letter-spacing:-.025em}
.univers-section{background:var(--bg)}
.univers-section>.container>.section-heading{background:linear-gradient(90deg,#f5f5f1 0%,#f5f5f1f7 45%,#f5f5f1c9 68%,#f5f5f133),var(--nerion-ot-photo) 72% 48%/cover;border-color:#bdcacb;box-shadow:none;padding:52px}
.univers-section>.container>.section-heading>p{max-width:54ch;line-height:1.85}
.universe-tabs button{font-size:15px}.universe-scene{box-shadow:0 8px 24px #20324712}
.it-map-shell{background:var(--reading-surface);border-color:#bdcacb;box-shadow:none}
.it-map-tab{background:#f3f5f2;box-shadow:none;border-color:#bacbcb}.it-map-tab[aria-selected=true]{background:#e4eeec;box-shadow:none;border-color:#43828b}
.it-map-tab>[data-icon],.it-map-tab[aria-selected=true]>[data-icon]{box-shadow:none}
.it-tab-summary{font-size:14px;line-height:1.65;color:var(--reading-copy)}
.it-map-panel{background:var(--reading-tint);border-color:#bdcacb;padding:34px}
.it-map-panel p,.it-map-panel li{font-size:16px;line-height:1.8;color:var(--reading-copy)}
.it-map-panel p{max-width:58ch}.it-map-panel li:before{box-shadow:none}
.it-map-footer p{font-size:14px;line-height:1.8;color:var(--reading-copy)}
.defense-story{background:var(--reading-tint);border-color:#cbd6d2}
.story-sticky:before{background:linear-gradient(90deg,#edf1effc 15%,#edf1eff5 55%,#edf1efe8),var(--nerion-it-photo) center/cover}
.story-stage-copy p{font-size:17px;line-height:1.8;max-width:43ch;color:var(--reading-copy)}
.story-stage-copy{min-height:185px}.story-stage-copy h3{line-height:1.4}
.filter-bar button,.story-controls button{background:#e5edeb;color:#244857;border-color:#7e9b9f;box-shadow:none}
.filter-bar button>span{background:#d2e1df;color:#244857}
.filter-bar button.active,.filter-bar button[aria-pressed=true],.story-controls button[aria-pressed=true]{background:#204454;border-color:#204454;color:#fff;box-shadow:inset 0 -3px 0 #6fc3c9}
.service-card{background:#f2f4f0;border-color:#c5d1ce;min-height:310px;padding:30px;box-shadow:none}
.service-card h3{font-size:21px;line-height:1.4;letter-spacing:-.02em}.service-card p{font-size:16px;line-height:1.8;color:var(--reading-copy);margin-block:14px 24px;max-width:52ch}
.service-card:hover{background:#eaf0ec;border-color:#6f999f;box-shadow:0 6px 18px #2032470a;transform:none}
.service-tags{line-height:1.75}.services-bottom>span{font-size:14px;color:var(--reading-copy)}
.commitment-section{background:var(--reading-tint)}.commitment-intro{gap:60px}
.soc-feature{background:var(--reading-surface);box-shadow:none;border-color:#bdcacb}.soc-copy{padding:44px}.soc-copy h3{line-height:1.35}
.commitment-item p{font-size:16px;line-height:1.85;color:var(--reading-copy);max-width:52ch}.commitment-item h3{line-height:1.45}
.contact-section{background:linear-gradient(90deg,#edf1effa,#edf1eff5 48%,#edf1efeb),var(--nerion-ot-photo) center/cover;border-color:#bdcacb}
.contact-inner>p{margin-top:28px}.contact-note{font-size:14px;line-height:1.75;color:var(--reading-copy)}
.contact-orbit,.contact-orbit:before,.contact-orbit:after{border-color:#718c8010}
.footer-main p,.footer-links a,.footer-links button{font-size:15px;line-height:1.9;color:var(--reading-copy)}
.footer-bottom,.footer-bottom button{font-size:13px;line-height:1.75;color:var(--reading-copy)}
dialog{background:var(--reading-surface);color:var(--text);border-color:#afc0bf;box-shadow:0 20px 65px #20324730}
dialog::backdrop{background:#24394780;backdrop-filter:blur(4px)}
dialog p{font-size:16px;line-height:1.85;color:var(--reading-copy)}
dialog .detail-tags{font-size:13px;line-height:1.8;background:#edf1ef;border-color:#b7cccb;color:#285f6c}
.field{font-size:15px;line-height:1.65;color:#354d5b;gap:9px}
.field input,.field textarea,.field select{font-size:16px;line-height:1.6;min-height:50px;background:#fffffc;color:#203247;border-color:#98afb1;border-radius:6px}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #287d88;outline-offset:2px;border-color:#287d88}
input::placeholder,textarea::placeholder{color:#5b7078}
.choice{background:#f1f4ef;border-color:#aebfbd}.choice:has(input:checked){background:#e4efeb;border-color:#43828b}.choice small{font-size:14px;line-height:1.7;color:var(--reading-copy)}
dialog .contact-required,.form-note,.result-note{font-size:14px;line-height:1.8}
.nerion-inner .entry-content{max-width:72ch;font-size:18px;line-height:1.9}
.nerion-inner .entry-content p{color:var(--reading-copy);margin-bottom:1.4em}
@media(min-width:701px) and (max-width:1100px){
 .hero-shade{background:linear-gradient(90deg,#f5f5f1 0%,#f5f5f1f5 48%,#f5f5f1e0 72%,#f5f5f166),linear-gradient(0deg,#f5f5f1,transparent 35%)}
 .story-copy h2{font-size:34px}.story-stage-copy{margin-top:24px;min-height:195px}.story-stage-copy p{font-size:16px;line-height:1.75}
 .soc-copy{padding:30px}.service-card{padding:24px}.univers-section>.container>.section-heading{padding:36px}
}
@media(min-width:701px) and (max-height:760px){
 .story-copy h2{font-size:32px;line-height:1.25}.story-stage-copy{margin-top:22px;min-height:170px}
 .story-stage-copy p{font-size:16px;line-height:1.7}.story-content{padding-block:24px}.story-controls button{min-height:74px}
}
@media(hover:hover) and (pointer:fine){
 .button-cyan:hover{background:#235e6d}.button:hover,.button:active{transform:none}
 .filter-bar button:not([aria-pressed=true]):hover,.story-controls button:not([aria-pressed=true]):hover{background:#d3e5e2;border-color:#43828b;box-shadow:none}
}
@media(max-width:700px){
 .site-header,.site-header.scrolled,.mobile-nav{background:#fafaf7f5}.mobile-nav{box-shadow:0 10px 24px #20324710}
 .hero{min-height:0;padding-bottom:0;background:var(--bg)}
 .hero-image{height:420px;background-image:linear-gradient(180deg,#f5f5f1 0%,#f5f5f1a8 19%,#f5f5f100 55%),var(--nerion-hero-photo)!important;filter:saturate(.7)}
 .hero-shade{background:linear-gradient(180deg,#f5f5f1 0%,#f5f5f1 38%,#f5f5f1f5 55%,#f5f5f126 80%,#f5f5f155 100%)}
 .hero-content{padding-top:44px}.hero h1{font-size:clamp(32px,8.5vw,52px);line-height:1.24;letter-spacing:-.03em}
 .hero-content>p{font-size:16px;line-height:1.85;margin-top:24px}.hero-actions{margin-top:28px;gap:12px}
 .hero-actions .button,.contact-inner .button,dialog .button{font-size:15px;min-height:60px}
 .hero-actions .button-glass{background:#fafaf7e8;border-color:#9bafb4;color:#244857}
 .hero-bottom{bottom:auto;margin:155px auto 70px}.world-link{background:#fafaf7f5;box-shadow:0 4px 12px #2032470d;padding:17px 12px}
 .world-link strong{font-size:15px;line-height:1.4}.world-icon,.commitment-icon,.choice>[data-icon]{background:#e7f0ed;box-shadow:none;border-color:#9cbabd}
 .motion-toggle{bottom:14px;right:20px;width:44px;height:44px;background:#fafaf7;border-color:#95b4ba}
 .proof-grid p{font-size:12px;line-height:1.7}.proof-grid{gap:28px 0}
 .section-space{padding-block:68px}.section-heading h2,.commitment-intro h2,.story-copy h2,.contact-inner h2{line-height:1.32}
 .section-heading>p,.expertise-section .section-heading>p,.univers-section>.container>.section-heading>p,.univers-info p,.it-map-heading p,.commitment-intro>p,.soc-copy p,.contact-inner>p{font-size:16px;line-height:1.85}
 .univers-section>.container>.section-heading{padding:28px 24px 145px;background:linear-gradient(180deg,#f5f5f1 0%,#f5f5f1f5 45%,#f5f5f1e6 65%,#f5f5f122),var(--nerion-ot-photo) 55% bottom/auto 100%}
 .univers-info ul{font-size:15px;line-height:1.9}.universe-tabs button{font-size:14px;background:var(--reading-surface)}
 .universe-tabs button[aria-selected=true]{background:#e4eeec;box-shadow:none}
 .it-tab-summary{font-size:13px;line-height:1.7}.it-map-panel{padding:26px 22px}.it-map-panel p,.it-map-panel li{font-size:16px;line-height:1.8}
 .story-sticky:before{background:linear-gradient(180deg,#edf1effa,#edf1eff0),var(--nerion-it-photo) center/cover}.story-content{padding-block:62px 48px}
 .step-body p{font-size:16px;line-height:1.85;color:var(--reading-copy)}.step-body h3{line-height:1.4}.mobile-step{padding-bottom:34px}
 .service-card{min-height:0;padding:24px}.service-card h3{font-size:20px}.service-card p{font-size:16px;line-height:1.8;margin-block:16px 22px}
 .soc-copy{padding:32px 24px}.commitment-item p{font-size:16px;line-height:1.85}
 .contact-section{padding-block:68px;background:linear-gradient(180deg,#edf1effa,#edf1eff0),var(--nerion-ot-photo) center/cover}
 .footer-main p,.footer-links a,.footer-links button{font-size:15px}.footer-bottom{gap:18px;line-height:1.8}
 dialog{padding:36px 23px 28px}dialog p{font-size:16px;line-height:1.8}.form-buttons .text-link{font-size:14px}
 .nerion-inner .entry-content{font-size:16px;line-height:1.85}
}
@media(max-width:360px){
 .hero h1{font-size:30px}.world-link{padding:15px 10px}.world-link strong{font-size:14px}.hero-bottom{margin-top:145px}
 .univers-section>.container>.section-heading{padding:25px 18px 125px}.univers-section>.container>.section-heading h2{font-size:27px}
 .it-map-tab{padding:16px 12px}.it-map-tab strong{font-size:16px}.it-tab-summary{font-size:13px}
 .service-card{padding:22px 19px}.filter-bar button{font-size:14px}.form-buttons{flex-wrap:wrap}
}

/* Offer pages drawn from the client presentation: OT, integration and SOC. */
@media(min-width:701px) and (max-width:1200px){
 .main-nav{display:none}.nav-shell{gap:16px}.menu-toggle{display:grid;align-content:center;justify-content:center;gap:7px;padding:0;border:1px solid #99afb5;border-radius:7px;background:#e9efec}
 .menu-toggle>span{height:2px;width:22px;margin:0;background:#285d6b;box-shadow:none}.mobile-nav{background:var(--reading-surface);box-shadow:0 14px 28px #20324712}.mobile-nav a,.mobile-nav button{min-height:48px;color:#244857}
}
.ot-offer{background:#edf1ee;border-block:1px solid #cbd5d2}
.ot-safety-note{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:19px;padding:24px 28px;margin:35px 0;background:#214454;border:1px solid #426674;border-radius:10px;color:#fff}
.ot-safety-icon{display:grid;place-items:center;width:46px;height:46px;background:#356373;color:#d8f6f5;border:1px solid #6a9aa2;border-radius:9px}.ot-safety-icon svg{width:25px;height:25px}
.ot-safety-note .micro{display:block;color:#c4e5e6;margin-bottom:3px}.ot-safety-note strong{display:block;font:650 18px/1.5 var(--display);color:#fff}.ot-safety-note p{max-width:72ch;margin-top:4px;font-size:15px;line-height:1.75;color:#e0ebea}
.ot-journey{overflow:hidden;border:1px solid #c0ceca;border-radius:12px;background:var(--reading-surface)}
.ot-journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border-bottom:1px solid #d1dad7;background:#f1f4f0}
.ot-journey-tabs button{display:flex;align-items:center;gap:12px;min-height:58px;padding:11px 15px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:#3c5662}
.ot-journey-tabs button>span{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #9bb3b4;border-radius:50%;color:#285d6b;font:700 12px/1 var(--font)}
.ot-journey-tabs button strong{font:650 15px/1.5 var(--font)}
.ot-journey-tabs button[aria-selected=true]{background:#214454;color:#fff;border-color:#214454;box-shadow:inset 0 -3px 0 #72c8c9}
.ot-journey-tabs button[aria-selected=true]>span{color:#e0fbf8;border-color:#85bdc1;background:#2e6170}
.ot-journey-tabs button:focus-visible,.integration-filters button:focus-visible{outline:3px solid #176c78;outline-offset:3px}
.ot-stage-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:38px;padding:34px 38px 30px;min-height:250px}
.ot-stage-panel .micro{color:#286271}.ot-stage-panel h3{margin:10px 0 12px;font:650 clamp(23px,2.4vw,32px)/1.35 var(--display);letter-spacing:-.02em;color:#203247}
.ot-stage-panel p{font-size:16px;line-height:1.8;color:var(--reading-copy);max-width:58ch}.ot-stage-panel>ul{display:grid;align-content:center;gap:13px;margin:0;padding:0;list-style:none}
.ot-stage-panel li{position:relative;padding-left:24px;font-size:15px;line-height:1.75;color:#354f5b}.ot-stage-panel li:before{content:'';position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:2px;background:#287d83}
.ot-stage-outcome{display:inline-flex;margin-top:18px;padding:9px 13px;border-left:3px solid #428c90;background:#edf5f1;color:#1e5963;font-size:14px;line-height:1.6}
.ot-protocols{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 56px;padding:15px 18px;border-block:1px solid #cbd5d2}
.ot-protocols>.micro{flex-basis:100%;color:#49636a}.ot-protocols>span:not(.micro){padding:5px 10px;border:1px solid #bac9c6;border-radius:5px;background:#f9faf6;color:#35545f;font-size:13px;font-weight:600}
.ot-services-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.ot-services-heading .eyebrow{margin-bottom:9px;color:#286271}
.ot-services-heading h3,.integration-delivery h3{font:650 clamp(24px,3vw,34px)/1.35 var(--display);letter-spacing:-.025em;color:#203247;max-width:20ch}
.ot-services-heading>p{max-width:48ch;font-size:16px;line-height:1.8;color:var(--reading-copy)}
.ot-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ot-service-card{min-height:230px;padding:23px;border:1px solid #c6d1cd;border-radius:10px;background:#f9faf6}
.ot-service-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:14px;border:1px solid #adc1bf;border-radius:8px;background:#e7efeb;color:#246776}.ot-service-icon svg{width:23px;height:23px}
.ot-service-card>.micro{display:block;color:#315e68;margin-bottom:4px}.ot-service-card h4{font:650 18px/1.45 var(--display);color:#203247}
.ot-service-card p{margin-top:9px;font-size:15px;line-height:1.75;color:var(--reading-copy)}
.ot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px}
.ot-actions .text-link{display:inline-flex;align-items:center;gap:10px;padding:12px 4px;color:#20596a;font-size:15px;font-weight:650}
.integration-offer{background:var(--reading-surface);border-bottom:1px solid #ccd6d3}
.integration-offer .section-heading h2{max-width:19ch}
.integration-intro{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:16px;max-width:850px;margin:0 0 28px}
.integration-intro-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b0c4c0;border-radius:9px;background:#e8f0ed;color:#276975}.integration-intro-icon svg{width:24px;height:24px}
.integration-intro p{font-size:16px;line-height:1.8;color:var(--reading-copy)}
.integration-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #cbd5d2}
.integration-filters button{min-height:46px;padding:10px 17px;border:1px solid #91a9a8;border-radius:8px;background:#eff3f0;color:#244857;font:650 14px/1.45 var(--font)}
.integration-filters button>span{margin-left:7px;padding:2px 7px;border-radius:5px;background:#d9e5e0;color:#285969;font-size:12px}
.integration-filters button.active,.integration-filters button[aria-pressed=true]{background:#204454;border-color:#204454;color:#fff;box-shadow:inset 0 -3px 0 #72c8c9}
.integration-filters button.active>span{background:#3d6872;color:#f2ffff}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.integration-card{position:relative;display:flex;flex-direction:column;min-height:326px;padding:26px 24px 21px;border:1px solid #c6d2cf;border-top:4px solid #2788ac;border-radius:10px;background:#fbfcf9}
.integration-data{border-top-color:#25805e}.integration-workplace{border-top-color:#7656c8}
.integration-vendor{position:relative;display:flex;flex-direction:column;gap:5px;min-height:88px;padding-right:30px}
.integration-vendor .micro{font-size:11px;letter-spacing:.07em;color:#315b70}.integration-vendor strong{font:700 clamp(20px,2vw,26px)/1.3 var(--display);letter-spacing:-.02em;color:#1d3546}
.integration-network .integration-vendor strong{color:#1675a3}.integration-data .integration-vendor strong{color:#16714e}.integration-workplace .integration-vendor strong{color:#6650bc}
.integration-vendor strong i{font:500 .78em/1 var(--font);color:#7a8990}.integration-index{position:absolute;right:0;top:4px;color:#75878a;font:700 13px/1 var(--mono)}
.integration-domain{margin:18px 0 10px;font:650 13px/1.5 var(--font);letter-spacing:.035em;color:#2d4b58}
.integration-card ul{display:grid;gap:7px;margin:0;padding:0 0 14px;list-style:none}
.integration-card li{position:relative;padding-left:17px;font-size:15px;line-height:1.65;color:var(--reading-copy)}
.integration-card li:before{content:'';position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#358491}
.integration-capability{margin-top:auto;padding-top:12px;border-top:1px solid #e1e7e3;color:#536e76;font:700 11px/1.5 var(--font);letter-spacing:.08em}
.integration-count{margin-top:14px;color:#506771;font-size:13px;line-height:1.6}
.integration-delivery{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;margin-top:62px;padding:32px;border:1px solid #c7d2cf;border-radius:12px;background:#f0f3ef}
.integration-delivery .eyebrow{color:#2b6570;margin-bottom:9px}.integration-delivery h3{max-width:15ch}.integration-delivery>div>p{max-width:48ch;margin-top:13px;font-size:16px;line-height:1.8;color:var(--reading-copy)}
.integration-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:integrate}
.integration-steps li{display:grid;grid-template-columns:35px 1fr;align-content:start;gap:3px 10px;padding:15px;border:1px solid #d3dbd7;border-radius:8px;background:#fbfcf9}
.integration-steps li>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border:1px solid #a2b9b7;border-radius:50%;color:#285e68;font:700 11px/1 var(--mono)}
.integration-steps strong{font:650 15px/1.5 var(--font);color:#244552}.integration-steps small{font:14px/1.6 var(--font);color:#536973}
.integration-footnote{display:flex;align-items:flex-start;gap:13px;max-width:900px;margin:22px 0 0;color:#47616a}
.integration-footnote>span{flex:none;color:#276a76}.integration-footnote svg{width:20px;height:20px}.integration-footnote p{font-size:14px;line-height:1.75}
.soc-offer{position:relative;isolation:isolate;overflow:hidden;background:#173442;color:#f7fbf7;border-block:1px solid #385763}
.soc-offer:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#173442f7 0%,#173442f2 51%,#173442df 100%),var(--nerion-soc-photo) 70% center/cover}
.soc-offer-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:55px}
.soc-offer-heading .eyebrow{color:#b6e5e5}.soc-offer-heading h2{font:650 clamp(34px,4vw,52px)/1.25 var(--display);letter-spacing:-.035em;text-wrap:balance;color:#f6fbfa}
.soc-offer-heading h2 span{color:#9cdee0}.soc-offer-heading>div>p{max-width:60ch;margin-top:20px;color:#d8e6e4;font-size:17px;line-height:1.85}
.soc-offer-photo{position:relative;margin:0;min-height:295px;overflow:hidden;border:1px solid #72929480;border-radius:12px;background:#234653}
.soc-offer-photo img{display:block;width:100%;height:295px;object-fit:cover;filter:saturate(.75);opacity:.86}.soc-offer-photo:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#102d3dd9)}
.soc-offer-photo figcaption{position:absolute;left:18px;bottom:16px;z-index:1;color:#fff;font-size:13px;font-weight:650;line-height:1.6}
.soc-residency{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;align-items:start;margin-top:38px;padding:28px;border:1px solid #7a9a9d70;border-radius:10px;background:#ffffff0b}
.soc-residency-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #80b1b170;border-radius:10px;background:#c3ebed12;color:#b2e4e6}.soc-residency-icon svg{width:28px;height:28px}
.soc-residency .micro{color:#b4dfe0}.soc-residency h3{margin-top:6px;font:650 22px/1.4 var(--display);color:#f5faf8}.soc-residency p{max-width:80ch;margin-top:6px;color:#d3e3e1;font-size:16px;line-height:1.8}
.soc-residency-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.soc-residency-tags span{padding:6px 10px;border:1px solid #87a8a568;border-radius:6px;background:#ffffff0b;color:#e3f1ee;font-size:13px;font-weight:600}
.soc-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.soc-flow article{min-height:190px;padding:21px;border:1px solid #78969b63;border-radius:9px;background:#ffffff0b}
.soc-flow .micro{color:#a8d9dc}.soc-flow h3{margin-top:12px;font:650 18px/1.45 var(--display);color:#f5faf7}.soc-flow p{margin-top:9px;font-size:15px;line-height:1.7;color:#d0dfdd}
.soc-offer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px;padding:20px 0 0;border-top:1px solid #89a4a455}
.soc-offer-bottom>span{color:#d8e7e4;font-size:14px;line-height:1.65}.soc-offer-bottom>span strong{color:#fff;font-size:15px}.soc-offer-bottom .button{margin-left:auto;background:#e2f3ee;color:#193b4a;border-color:#a6cfca;box-shadow:none}.soc-offer-bottom .button>.action-icon{background:#275a66;color:#e5ffff;border-color:#77aeb0}
@media(hover:hover) and (pointer:fine){
 .ot-journey-tabs button:not([aria-selected=true]):hover{background:#e2ece8;color:#1e4f5d}
 .integration-filters button:not([aria-pressed=true]):hover{background:#dceae5;border-color:#58858a}
 .ot-service-card,.integration-card{transition:border-color .18s,box-shadow .18s,background .18s}
 .ot-service-card:hover,.integration-card:hover{border-color:#799f9e;box-shadow:0 8px 22px #1c3c4a12}
}
@media(max-width:900px){
 .ot-stage-panel{gap:22px;padding:28px}.ot-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .integration-delivery{gap:24px;padding:25px}.integration-card{padding:22px 19px}.integration-vendor strong{font-size:21px}
 .soc-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.soc-offer-heading{gap:30px}
}
@media(max-width:700px){
 .ot-offer,.integration-offer,.soc-offer{padding-block:64px}
 .ot-safety-note{grid-template-columns:39px minmax(0,1fr);gap:13px;padding:19px;margin:25px 0}.ot-safety-icon{width:38px;height:38px}.ot-safety-icon svg{width:22px;height:22px}.ot-safety-note strong{font-size:17px}.ot-safety-note p{font-size:15px}
 .ot-journey-tabs{gap:5px;padding:8px}.ot-journey-tabs button{flex-direction:column;justify-content:center;gap:6px;min-height:82px;padding:9px 5px;text-align:center}.ot-journey-tabs button strong{font-size:13px;line-height:1.35}.ot-journey-tabs button>span{width:25px;height:25px;font-size:11px}
 .ot-stage-panel{grid-template-columns:1fr;gap:18px;padding:23px 21px}.ot-stage-panel h3{font-size:25px}.ot-stage-panel p,.ot-stage-panel li{font-size:15px}.ot-stage-panel>ul{gap:9px}
 .ot-protocols{gap:8px;margin:18px 0 40px;padding:14px 0}.ot-protocols>.micro{line-height:1.7}.ot-protocols>span:not(.micro){font-size:12px;padding:5px 8px}
 .ot-services-heading{display:block;margin-bottom:19px}.ot-services-heading h3,.integration-delivery h3{font-size:26px}.ot-services-heading>p{font-size:15px;line-height:1.75;margin-top:10px}
 .ot-service-grid{grid-template-columns:1fr;gap:11px}.ot-service-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 13px;min-height:0;padding:17px}.ot-service-icon{grid-row:1/4;width:39px;height:39px;margin:0}.ot-service-card>.micro{margin:0 0 3px}.ot-service-card h4{font-size:17px}.ot-service-card p{grid-column:2;margin-top:7px;font-size:15px;line-height:1.7}
 .ot-actions{display:grid;gap:7px}.ot-actions .button,.ot-actions .text-link{width:100%;justify-content:space-between}
 .integration-intro{grid-template-columns:39px minmax(0,1fr);gap:12px;margin-bottom:20px}.integration-intro-icon{width:38px;height:38px}.integration-intro p{font-size:15px;line-height:1.75}
 .integration-filters{gap:8px}.integration-filters button{min-height:45px;padding:9px 12px;font-size:13px}
 .integration-offer .section-heading h2{font-size:clamp(27px,7.7vw,32px)}
 .integration-grid{grid-template-columns:1fr;gap:12px}.integration-card{min-height:0;padding:21px}.integration-vendor{min-height:79px}.integration-vendor strong{font-size:23px}.integration-card li{font-size:15px}.integration-domain{margin-top:12px}
 .integration-delivery{grid-template-columns:1fr;gap:21px;margin-top:42px;padding:22px 18px}.integration-delivery h3{max-width:22ch}.integration-delivery>div>p{font-size:15px}
 .integration-steps{gap:9px}.integration-steps li{grid-template-columns:27px 1fr;gap:3px 7px;padding:12px 9px}.integration-steps li>span{width:25px;height:25px;font-size:10px}.integration-steps strong{font-size:14px}.integration-steps small{font-size:13px;line-height:1.55}
 .integration-footnote{margin-top:18px}.integration-footnote p{font-size:14px;line-height:1.7}
 .soc-offer-heading{grid-template-columns:1fr;gap:24px}.soc-offer-heading h2{font-size:34px;line-height:1.28}.soc-offer-heading>div>p{margin-top:17px;font-size:16px}
 .soc-offer-photo,.soc-offer-photo img{min-height:0;height:230px}.soc-residency{grid-template-columns:40px minmax(0,1fr);gap:13px;margin-top:24px;padding:20px 16px}.soc-residency-icon{width:38px;height:38px}.soc-residency-icon svg{width:22px;height:22px}.soc-residency h3{font-size:20px}.soc-residency p{font-size:15px;line-height:1.75}.soc-residency-tags{gap:7px}.soc-residency-tags span{font-size:12px;padding:6px 8px}
 .soc-flow{grid-template-columns:1fr;gap:9px;margin-top:12px}.soc-flow article{min-height:0;padding:17px}.soc-flow h3{font-size:17px;margin-top:8px}.soc-flow p{font-size:15px;line-height:1.7;margin-top:6px}
 .soc-offer-bottom{display:grid;grid-template-columns:1fr;gap:10px;padding-top:17px}.soc-offer-bottom>span{font-size:14px}.soc-offer-bottom .button{width:100%;margin:7px 0 0;justify-content:space-between}
}
@media(max-width:360px){
 .ot-journey-tabs button strong{font-size:12px}.ot-stage-panel{padding:20px 17px}.integration-filters button{padding-inline:9px;font-size:12px}
 .integration-steps{grid-template-columns:1fr}.soc-offer-heading h2{font-size:31px}
}