/* Product-led structure: a clear introduction, highlights, solutions, then depth. */
:root{--ink:#1d1d1f;--muted:#62666d;--paper:#fff;--line:#dce0e5;--etkm-tint:#f5f5f7;--etkm-accent:#4064ac;--blue:#4064ac}
body{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:var(--ink);font-weight:450}h1,h2,h3{font-weight:600;letter-spacing:-.045em}p{letter-spacing:-.015em}::selection{background:#dbe9fb;color:#1d1d1f}
body .site-header{padding-top:12px;padding-bottom:12px;background:#ffffffdc;border-bottom:1px solid #e5e7eb80;backdrop-filter:blur(20px)}body .site-header.is-scrolled{background:#ffffffed;padding-top:5px;padding-bottom:5px}.site-header .brand{padding:0}.site-header .brand img,.site-header.is-scrolled .brand img{width:96px;height:72px}.site-header nav{font-size:16px;gap:28px;font-weight:550}body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled){color:var(--ink)}body .site-header .nav-contact,body .button.primary{background:#4064ac;border-color:#4064ac;color:#fff;border-radius:999px!important;font-size:17px;font-weight:550}body .site-header .nav-contact{padding:10px 20px;min-height:44px;gap:15px}.site-header .nav-contact:hover,.button.primary:hover{background:#315699!important;border-color:#315699!important;color:#fff!important}.site-header nav>a[aria-current=page]:after{background:#4064ac}.menu-toggle{background:#f5f5f7}.text-link{color:#4064ac}.eyebrow,.section-heading .eyebrow{font-size:15px!important;font-weight:600;letter-spacing:.06em!important}.section-number{display:none}
.hero{display:block;padding:158px var(--chapter-gutter) 54px;min-height:0;background:linear-gradient(#fff 40%,#f1f6fb);overflow:hidden}.hero:after{display:none}.hero-copy{max-width:980px;margin:0 auto 58px;text-align:center}.hero .eyebrow{justify-content:center;color:#1d1d1f;font-size:22px!important;letter-spacing:.03em!important}.hero h1{font-size:clamp(52px,5.9vw,92px);font-weight:650;line-height:1.04;margin:22px 0 28px;color:#1d1d1f;max-width:none;letter-spacing:-.06em}.hero h1 span{color:#4064ac}.hero .hero-intro{font-size:25px;font-weight:450;line-height:1.45;color:#62666d;max-width:690px;margin:0 auto 30px}.hero-actions{justify-content:center;gap:28px}.hero-actions .button{padding:15px 25px;min-height:54px;font-size:17px}.hero .text-link{color:#4064ac;font-size:18px}.hero-scene{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2.15;z-index:0;border-radius:12px;overflow:hidden;mask-image:none;background:#e6eef0}.hero-scene :is(img,video),.hero.has-motion .hero-scene :is(img,video){inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none}.hero-caption{display:flex;justify-content:space-between;gap:24px;color:#62666d;font-size:15px;margin-top:22px;line-height:1.5}
.section-intro{font-size:23px;line-height:1.5;color:#62666d;max-width:750px}.section,.solutions-overview,.contact-next{padding-top:110px;padding-bottom:110px}.section h2,#overview h2,.solutions-overview h2,.temperature-section h2,.process-heading h2{font-size:clamp(38px,4.6vw,64px);line-height:1.08;font-weight:600;letter-spacing:-.045em}.section-heading .eyebrow{margin-bottom:24px}.section-body{font-size:19px;line-height:1.65}.section-body p,.feature-card p,.platform-statement p,#vision .vision-card p,#systems .section-body>p,.temperature-card p,.temperature-card:last-child p{font-size:19px;line-height:1.65;font-weight:450}
#overview{display:block;background:#f5f5f7}#overview .section-heading{max-width:850px;margin-bottom:45px}#overview .section-body{padding:0}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}.feature-card,.feature-card:nth-child(n){display:block;padding:36px;background:#fff;border:0;border-radius:12px!important;box-shadow:none}.feature-card>.ui-icon{margin-bottom:28px;color:#4064ac;width:34px;height:34px}.feature-card h3{font-size:28px;margin:0 0 16px;font-weight:600;color:var(--ink)}.feature-card p{color:#62666d;margin:0}.platform-statement{padding:0;background:transparent;border:0;margin:0}.platform-statement h3{margin:22px 0 12px}
.read-more{margin-top:32px;border-top:1px solid #dce0e5;border-bottom:1px solid #dce0e5;color:inherit}.read-more summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:23px 0;font-size:19px;line-height:1.4;font-weight:600;color:inherit}.read-more summary::-webkit-details-marker{display:none}.read-more summary>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e8ebef;color:#4e5661;font-size:24px;font-weight:400;transition:transform .3s}.read-more[open]>summary>span{transform:rotate(45deg)}.read-more-content{padding:8px 0 30px;font-size:19px;line-height:1.65}.read-more-content>p{margin-bottom:20px}.read-more-content h3{font-size:26px;line-height:1.4}.read-more-content .section-body{padding:0}.read-more-content ul{padding-left:0;list-style:none}.read-more-content li{display:flex;gap:18px;margin-bottom:18px}.read-more-content li:before{display:none}.read-more-content .ui-icon{flex:0 0 28px;color:#4064ac}.read-more:focus-within{outline-offset:5px}
.solutions-overview{background:white}.solutions-overview h2{max-width:950px}.solution-links{gap:24px}.solution-card{position:relative;background:#f5f5f7;border-radius:12px;display:flex;flex-direction:column}.solution-image{aspect-ratio:1.3;border-radius:12px 12px 0 0}.solution-card-copy{padding:32px;flex:1}.solution-card h3{font-size:30px;font-weight:600}.solution-card p{font-size:19px}.solution-card .button-arrow{width:27px;height:27px}
#technology{display:block;background:#fff;border:0}#technology .section-heading{max-width:950px;margin-bottom:48px}.platform-showcase{display:grid;grid-template-columns:1.05fr 1fr;background:#f5f5f7;border-radius:12px;overflow:hidden;margin-bottom:60px}.platform-showcase .contact-image{border-radius:0;aspect-ratio:1.15;height:100%}.platform-showcase-copy{padding:48px;align-self:center}.platform-showcase-copy h3{font-size:42px;line-height:1.15;margin:22px 0}.platform-showcase-copy p{font-size:20px;color:#62666d;line-height:1.6}.platform-showcase-copy .text-link{display:inline-flex;font-size:18px;gap:16px}#technology #systems{background:none;color:var(--ink)}.systems-intro{font-size:21px;line-height:1.5;color:#62666d;max-width:850px;margin:0 0 32px}.architecture-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.architecture-grid>li{display:block;border-top:1px solid #dce0e5;padding:26px 0;background:none}.architecture-grid .ui-icon{color:#4064ac;margin-bottom:25px}.architecture-grid h3{font-size:22px;line-height:1.25;margin:0 0 16px}.architecture-grid span{font-size:17px;line-height:1.6;color:#62666d}.platform-section>.read-more{margin-top:45px}
#vision.video-chapter{min-height:640px;align-items:center;padding-top:100px;padding-bottom:100px}#vision h2{font-size:clamp(40px,4.6vw,66px);font-weight:600}#vision .chapter-lead{font-size:26px;line-height:1.5;color:#fff}#vision .read-more,#risks .read-more{border-color:#ffffff50;color:#fff}#vision .read-more summary>span,#risks .read-more summary>span{background:#ffffff20;color:#fff}#vision .vision-grid{grid-template-columns:1fr;gap:20px}#vision .vision-card,#vision .response-card{padding:0;border:0}#vision .vision-card h3{font-size:26px}#vision .vision-footnote{font-size:16px;line-height:1.5;flex-direction:column;gap:10px}
#air-quality{background:#f5f5f7;align-items:center}#air-quality .section-body{padding:0}#air-quality .section-body>p:first-child{font-size:27px;line-height:1.45}.air-graphic{margin-top:30px;background:white;border-radius:12px;padding:25px;max-width:400px;width:100%;aspect-ratio:1.35}.air-graphic>span{background:#f5f5f7!important}.air-orbit{border-color:#d3dfe9}#risks{min-height:650px;padding-top:100px;padding-bottom:100px;align-items:start}#risks h2{font-size:clamp(40px,4.5vw,64px);font-weight:600;line-height:1.1;text-wrap:initial}#risks .section-intro{color:#d2dce4;font-size:18px}#risks .section-body h3{font-size:25px;line-height:1.45;font-weight:550}#risks .section-body p{font-size:19px}.risk-controls{font-size:17px}.risk-highlight{font-weight:500!important}.temperature-section{padding-top:64px;padding-bottom:64px;background:#f5f5f7}.temperature-section>h2{font-size:36px}.temperature-section .read-more{margin-top:20px}.temperature-card,.temperature-card:last-child{background:none}.temperature-grid{border:0}.temperature-card h3{font-size:32px}.temperature-card p{font-size:18px}.climate-note{font-size:17px}
#references.video-chapter{min-height:580px;align-items:center}#references .section-body{padding:0;border:0;background:transparent}#references h2{font-size:clamp(42px,4.6vw,66px);font-weight:600}#references .section-body h3{font-size:29px}.experience-emblem{display:none}.process-section{padding:100px var(--chapter-gutter);background:white}.process-heading{margin-bottom:48px}.process-heading .eyebrow{margin-bottom:22px}.process-section .capabilities{padding:0;background:white;border:0}.process-section .capabilities>a{padding:26px!important;min-height:220px;background:#f5f5f7;border-right:10px solid white;gap:25px;border-radius:10px!important}.process-section .capabilities>a:last-child{border:0}.capabilities .capability-title{font-size:21px}.capabilities .capability-number{font-size:15px}.capabilities .ui-icon{color:#4064ac}#future{background:#f5f5f7;align-items:center}#future>.section-heading{display:block}#future .future-horizons{font-size:23px;margin-top:30px}#future .section-body{padding:0}#future .read-more{margin-top:0}#future .section-body li{display:flex!important;padding:22px 0!important;font-size:19px;line-height:1.65}#future .section-body li .ui-icon{flex:none}
.contact{background:white;color:#1d1d1f;padding-top:110px;padding-bottom:110px;align-items:center}.contact h2{font-size:clamp(40px,4.5vw,64px);line-height:1.1;font-weight:600}.contact .eyebrow{color:#4064ac}.contact p{font-size:20px;color:#62666d}.contact-details{border-left-color:#dce0e5}.contact-details,.contact-details a{color:#1d1d1f}.contact-details .ui-icon{color:#4064ac}.contact-details p{font-size:18px}.site-footer{background:#f5f5f7;color:#62666d;border:0}.footer-wordmark,.footer-wordmark span{color:#1d1d1f}
.infra-hero{background:linear-gradient(#fff,#f5f5f7);padding-top:168px;padding-bottom:70px}.infra-hero h1{font-size:clamp(46px,5.5vw,80px);font-weight:650;line-height:1.05;letter-spacing:-.055em;color:#1d1d1f}.infra-hero .infra-product-lead{font-size:28px;color:#62666d;margin-bottom:26px}.hero-detail{max-width:820px;margin:0 auto 28px;text-align:left;border:0}.hero-detail summary{justify-content:center;padding:8px 0;font-size:18px;color:#4064ac}.hero-detail .read-more-content p{font-size:19px;text-align:left;margin-bottom:0}.infra-breadcrumb{color:#62666d}.infra-page-nav{background:#fff;gap:28px;padding-top:18px;padding-bottom:18px}.infra-page-nav a{font-size:17px}.project-index{display:flex;gap:12px;padding:38px var(--chapter-gutter);background:#f5f5f7;overflow-x:auto}.project-index>a{flex:1 0 170px;display:grid;grid-template-columns:1fr 22px;gap:16px;padding:22px;background:#fff;border-radius:10px;font-size:17px;line-height:1.4}.project-index-number{grid-column:1/-1;color:#62666d;font-size:15px}.project-index>a:hover{text-decoration:none;background:#eaf0f9}.project-index .button-arrow{width:20px;height:20px}.infra-section-marker{background:#fff;padding-top:85px;padding-bottom:20px}.infrastructure-page h2{font-size:clamp(34px,3.6vw,50px);font-weight:600;line-height:1.12;color:inherit}.infra-section-marker h2{font-size:clamp(38px,4.3vw,60px)}.infra-chapter,.infra-chapter:nth-of-type(even){padding-top:80px;padding-bottom:80px;border:0;background:white}.infra-chapter:nth-of-type(even){background:#f5f5f7}.infra-chapter .infra-heading{max-width:950px}.project-description{margin-bottom:35px}.infra-list li,.infrastructure-page p{font-size:19px}.project-gallery{margin-top:35px}.gallery-cover .gallery-photo{aspect-ratio:2;max-height:600px;border:0;border-radius:12px;background:#e9ecef}.gallery-cover .gallery-photo img{object-fit:contain}.gallery-more{margin-top:18px}.gallery-more .photo-grid{padding:12px 0 30px;gap:18px}.gallery-photo{border-radius:10px}.module-grid,.service-grid{gap:22px}.module-grid article,.service-grid article{background:#fff;padding:32px;border:1px solid #e9e9ed;border-radius:12px}.module-grid h3,.service-grid h3{font-size:23px}.infra-chapter.infra-tint{background:#f5f5f7}.infra-video-panel,.infra-chapter.infra-video-panel{background:#162b46;color:white}.infra-related{background:#f5f5f7}.infra-related-links a{font-size:22px}.infra-credit{background:#f5f5f7}.contact-intro{background:#f5f5f7;padding-top:165px;padding-bottom:80px}.contact-intro .eyebrow{justify-content:center}.contact-intro h1{font-weight:650;line-height:1.05}.contact-intro p{color:#62666d}.contact-next h2{font-weight:600}
@media(max-width:1100px){body .site-header nav{background:#fffffff7}.site-header nav>a{font-size:19px}.platform-showcase-copy{padding:32px}.platform-showcase-copy h3{font-size:34px}.architecture-grid{grid-template-columns:1fr 1fr;gap:24px}.project-index{flex-wrap:wrap;overflow:visible}.project-index>a{flex:1 1 28%}.section,.solutions-overview{padding-top:80px;padding-bottom:80px}}
@media(max-width:800px){.hero{padding-top:145px;padding-bottom:40px}.hero-copy{margin-bottom:40px}.hero h1{font-size:clamp(43px,7.3vw,60px)}.hero .hero-intro{font-size:22px}.hero-scene{aspect-ratio:1.5;height:auto}.hero-caption{flex-direction:column;gap:8px;font-size:15px}.hero-caption>span:last-child{display:none}.hero-actions{gap:20px}.hero-actions .button,.hero .text-link{font-size:17px}.platform-showcase{grid-template-columns:1fr}.platform-showcase .contact-image{aspect-ratio:1.6}.platform-showcase-copy{padding:35px}.platform-showcase-copy h3{font-size:36px}.section h2,#overview h2,.solutions-overview h2,.process-heading h2{font-size:42px}.feature-card,.feature-card:nth-child(n){padding:28px}.feature-card h3{font-size:25px}.solution-card-copy{padding:26px}.solution-card h3{font-size:26px}.solution-links{gap:22px}.read-more summary{font-size:18px}.section-intro{font-size:21px}#vision.video-chapter,#risks,#references.video-chapter{padding-top:75px;padding-bottom:75px;min-height:0}#vision h2,#risks h2,#references h2{font-size:44px}#vision .chapter-lead{font-size:23px}.process-section{padding-top:75px;padding-bottom:75px}.contact{padding-top:75px;padding-bottom:75px}.contact-details{padding:24px 0 0;border-left:0}.infra-hero h1{font-size:48px}.infra-hero .infra-product-lead{font-size:23px}.infra-hero,.contact-intro{padding-top:140px}.gallery-cover .gallery-photo{aspect-ratio:1.45}.infra-chapter,.infra-chapter:nth-of-type(even){padding-top:60px;padding-bottom:60px}.infra-heading{margin-bottom:25px}.project-index>a{flex-basis:40%}.contact-next{padding-top:70px;padding-bottom:70px}}
@media(max-width:560px){.platform-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,9.5vw,48px);letter-spacing:-.055em}.hero .eyebrow{font-size:19px!important}.hero .hero-intro{font-size:20px}.hero-actions{flex-direction:column;gap:9px}.hero-scene{aspect-ratio:1.15}.hero-copy{margin-bottom:30px}.section,.solutions-overview{padding-top:65px;padding-bottom:65px}.section h2,#overview h2,.solutions-overview h2,.process-heading h2{font-size:36px}.section-body p,.feature-card p,.read-more-content{font-size:18px}.section-intro{font-size:20px}.architecture-grid{grid-template-columns:1fr}.architecture-grid>li{display:flex;gap:20px;padding:24px 0}.architecture-grid .ui-icon{width:28px;height:28px;flex:none}.architecture-grid h3{font-size:23px}.architecture-grid span{font-size:18px}.platform-showcase-copy{padding:26px}.platform-showcase-copy h3{font-size:32px}.process-section .capabilities{grid-template-columns:1fr 1fr;gap:12px}.process-section .capabilities>a{border:0;padding:20px!important}.capabilities .capability-title{font-size:18px}.process-section .capabilities b{bottom:13px;right:16px}.process-section .capabilities .capability-number{right:16px;top:23px}.infra-hero h1{font-size:40px}.infra-hero .infra-product-lead{font-size:21px}.project-index>a{padding:18px;font-size:16px}.project-index{gap:10px}.module-grid article,.service-grid article{padding:26px}.gallery-cover .gallery-photo{aspect-ratio:1.25}.contact h2{font-size:42px}.temperature-section>h2{font-size:31px}.contact-intro h1{font-size:44px}.contact-next h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.read-more summary>span{transition:none}}
@media print{.read-more:not([open])>.read-more-content{display:block}.hero{padding:20px}.hero-scene,.hero-caption{display:none}.section,.solutions-overview,.infra-chapter{padding:20px}.project-index{display:none}}
@media(max-width:380px){.process-section .capabilities{grid-template-columns:1fr}.process-section .capabilities>a{min-height:170px}.capabilities .capability-title{max-width:none;padding-right:25px}}

/* Homepage film: the restored design with an immersive, three-quarter-height opening. */
body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled){background:linear-gradient(180deg,#f3f8fcf5,#edf5fbe0 58%,#edf5fb00);backdrop-filter:none;border-bottom:0;color:#1d1d1f;padding-top:14px;padding-bottom:30px}
body:not(.infrastructure-page):not(.contact-page) .hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:75svh;padding:145px var(--chapter-gutter) 38px;background:#c9e4ed}
body:not(.infrastructure-page):not(.contact-page) .hero-scene{position:absolute;inset:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;border-radius:0;z-index:-2;mask-image:none}
body:not(.infrastructure-page):not(.contact-page) .hero-scene :is(img,video){width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;border-radius:0}
body:not(.infrastructure-page):not(.contact-page) .hero:after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#e1f0f5f0,#dfedf3d4 42%,#d6e9f14d 75%),linear-gradient(0deg,#d3e5eb80,transparent 50%)}
body:not(.infrastructure-page):not(.contact-page) .hero-copy{align-self:flex-start;width:100%;max-width:860px;text-align:left;margin:0 0 32px;padding:0}
body:not(.infrastructure-page):not(.contact-page) .hero .eyebrow{justify-content:flex-start;color:#345b82;font-size:17px!important;margin:0}
body:not(.infrastructure-page):not(.contact-page) .hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.04;margin:20px 0 25px;letter-spacing:-.05em}
body:not(.infrastructure-page):not(.contact-page) .hero .hero-intro{font-size:22px;color:#3d5363;max-width:610px;margin:0 0 26px}
body:not(.infrastructure-page):not(.contact-page) .hero-actions{justify-content:flex-start;gap:22px}
body:not(.infrastructure-page):not(.contact-page) .hero-caption{position:relative;width:100%;margin:0;padding-top:20px;border-top:1px solid #24466625;color:#35516a;font-size:16px}
body:not(.infrastructure-page):not(.contact-page) .hero .text-link{background:transparent;padding-left:0}
@media(max-width:1100px){body:not(.infrastructure-page):not(.contact-page) .site-header nav{background:#fffffff7}}
@media(max-width:800px){body:not(.infrastructure-page):not(.contact-page) .hero{padding-top:130px;padding-bottom:28px}body:not(.infrastructure-page):not(.contact-page) .hero h1{font-size:clamp(40px,7.5vw,60px)}body:not(.infrastructure-page):not(.contact-page) .hero .hero-intro{font-size:21px}body:not(.infrastructure-page):not(.contact-page) .hero-copy{margin-bottom:25px}}
@media(max-width:560px){body:not(.infrastructure-page):not(.contact-page) .hero{min-height:75svh;padding-top:120px}body:not(.infrastructure-page):not(.contact-page) .hero h1{font-size:clamp(37px,9vw,48px)}body:not(.infrastructure-page):not(.contact-page) .hero .hero-intro{font-size:19px}body:not(.infrastructure-page):not(.contact-page) .hero-actions{align-items:flex-start;gap:10px}body:not(.infrastructure-page):not(.contact-page) .hero .eyebrow{font-size:16px!important}body:not(.infrastructure-page):not(.contact-page) .hero-caption{font-size:15px}body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled){padding-top:10px;padding-bottom:15px}}
@media print{body:not(.infrastructure-page):not(.contact-page) .hero{min-height:0;padding:20px;background:white}body:not(.infrastructure-page):not(.contact-page) .hero:after{display:none}}

/* A dark city film keeps the opening quiet, with readable white navigation. */
body:not(.infrastructure-page):not(.contact-page) .hero{background:#172b31;color:#fff}
body:not(.infrastructure-page):not(.contact-page) .hero:after{background:linear-gradient(90deg,rgba(5,19,26,.8),rgba(5,19,26,.59) 48%,rgba(5,19,26,.25)),linear-gradient(180deg,rgba(5,19,26,.25),transparent 40%,rgba(5,19,26,.35))}
body:not(.infrastructure-page):not(.contact-page) .hero h1,body:not(.infrastructure-page):not(.contact-page) .hero h1 span{color:#fff;background:none;-webkit-text-fill-color:currentColor}
body:not(.infrastructure-page):not(.contact-page) .hero :is(.eyebrow,.hero-intro,.text-link,.hero-caption){color:#eef4f6}
body:not(.infrastructure-page):not(.contact-page) .hero-caption{border-top-color:#ffffff40}
body:not(.infrastructure-page):not(.contact-page) .hero .text-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled){background:linear-gradient(180deg,#07191dc2,transparent);color:white}
body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled) .menu-toggle{color:white;background:#ffffff18;border-color:#ffffff50}
@media(min-width:1101px){body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled) :is(nav>a,.language){color:#fff}body:not(.infrastructure-page):not(.contact-page) .site-header:not(.is-scrolled) nav>a[aria-current=page]:after{background:#a4d4e2}}
@media(max-width:1100px){body:not(.infrastructure-page):not(.contact-page) .site-header nav{color:#1d1d1f}}

/* Four clear systems; photographs appear on hover, keyboard activation or touch. */
.architecture-grid{gap:20px;align-items:stretch}
.architecture-grid>li.system-card{position:relative;isolation:isolate;display:block;overflow:hidden;padding:0;border:0;border-radius:12px!important;background:#f5f5f7}
.system-card .system-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .45s ease,transform .8s ease}
.system-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08151b66,#08151be8 90%);opacity:0;transition:opacity .45s ease;pointer-events:none}
.system-card-content{display:flex;flex-direction:column;align-items:flex-start;min-height:460px;height:100%;padding:30px 26px}
.architecture-grid .system-icon{display:grid;place-items:center;width:72px;height:72px;flex:none;margin-bottom:30px;border-radius:12px;background:linear-gradient(135deg,#e6effb,#e9f3dd)}
.architecture-grid .system-icon .ui-icon{width:40px;height:40px;margin:0;color:#4064ac;stroke-width:1.9}
.architecture-grid .system-card h3{font-size:24px;line-height:1.2;font-weight:750;letter-spacing:-.045em;margin:0 0 20px;min-height:58px;transition:color .35s ease}
.architecture-grid .system-card p{font-size:18px;line-height:1.6;font-weight:500;color:#62666d;margin:0 0 26px;transition:color .35s ease}
.system-photo-toggle{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;width:100%;min-height:44px;padding:8px 0 0;border:0;border-top:1px solid #dce0e5;background:transparent;font:inherit;font-weight:650;text-align:left;cursor:pointer;color:#4064ac}
.js .system-photo-toggle{display:flex}
.architecture-grid .system-photo-toggle span{color:inherit;font-size:16px;font-weight:650}
.architecture-grid .system-photo-toggle .ui-icon{width:22px;height:22px;color:inherit;margin:0}
.system-photo-toggle:focus-visible{outline:3px solid #4064ac;outline-offset:5px}
.system-card.is-photo .system-photo{opacity:1;transform:scale(1)}
.system-card.is-photo:after{opacity:1}
.architecture-grid .system-card.is-photo :is(h3,p,.system-photo-toggle){color:#fff}
.system-card.is-photo .system-photo-toggle{border-top-color:#ffffff60}
.system-card.is-photo .system-photo-toggle:focus-visible{outline-color:#fff}
@media(max-width:1100px){.system-card-content{min-height:400px;padding:32px}.architecture-grid .system-card h3{min-height:0}}
@media(max-width:560px){.architecture-grid{gap:18px}.system-card-content{min-height:360px;padding:28px}.architecture-grid .system-card h3{font-size:26px}.architecture-grid .system-card p{font-size:18px}.architecture-grid .system-icon{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.system-card .system-photo,.system-card:after,.architecture-grid .system-card :is(h3,p){transition:none}.system-card .system-photo{transform:none}}
@media print{.system-card .system-photo,.system-card:after,.system-photo-toggle{display:none!important}.architecture-grid .system-card.is-photo :is(h3,p){color:#1d1d1f}body:not(.infrastructure-page):not(.contact-page) .hero :is(h1,h1 span,.eyebrow,.hero-intro,.text-link,.hero-caption){color:#1d1d1f}}