/* CSST Premium Clean Tech v2 — BrandBook: #0B2D5B #0F7BFF #6B7280 #E5E7EB #FFFFFF */
:root{--a-navy:#0B2D5B;--a-blue:#0F7BFF;--a-ink:#173553;--a-gray:#6B7280;--a-cloud:#f6f9fd;--a-line:#E5E7EB}
body{background:#fff;color:var(--a-navy)}
.upper{display:none}
.header{position:sticky;top:0;background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #ebeff4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navigation{min-height:98px;gap:27px}.logo{display:flex;align-items:center;min-width:188px}.logo img{width:198px;max-height:78px;object-fit:contain}
.navigation nav{gap:22px}.navigation nav a{font-weight:650;color:#41536a;letter-spacing:0;font-size:11.5px;transition:color .18s}
.navigation nav a:hover{color:var(--a-blue)}.navigation nav .nav-cta{background:var(--a-navy);box-shadow:none;border-radius:6px;padding:13px 16px;font-size:11px;color:white}
.navigation nav .nav-cta:hover{background:#165292}
section{position:relative}.a-hero{position:relative;background:linear-gradient(180deg,#fff 0%,#fcfdff 70%,#f7faff 100%);overflow:hidden}
.a-hero-glow{position:absolute;right:-25%;top:-420px;width:840px;height:850px;border-radius:50%;background:radial-gradient(circle,#b9ddff66 0%,#e5f3ff38 37%,transparent 68%);pointer-events:none}
.a-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding-top:82px;padding-bottom:83px}
.a-hero-copy{max-width:655px;position:relative;z-index:2}.a-eyeline{font-family:Montserrat,Arial,sans-serif;font-size:9.5px;letter-spacing:.16em;font-weight:800;color:#69819d;display:flex;align-items:center;gap:13px;margin-bottom:28px;line-height:1.6}
.a-eyeline-rule{width:32px;height:2px;background:var(--a-blue);flex-shrink:0}
.a-hero h1{color:var(--a-navy);font-weight:800;font-size:clamp(42px,4.35vw,64px);letter-spacing:-.052em;line-height:1.18;margin:0 0 27px}
.a-hero h1 span{color:var(--a-blue)}.a-period{color:var(--a-navy)!important}
.a-lead{font-size:15px;line-height:1.96;color:#677d96;max-width:536px;margin:0 0 30px}
.a-actions{display:flex;gap:13px;flex-wrap:wrap}.a-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:16px 19px;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:800;border-radius:6px;transition:transform .2s,background .2s,border-color .2s}.a-btn:hover{transform:translateY(-2px)}
.a-btn-primary{background:var(--a-blue);color:#fff;box-shadow:0 9px 22px #0f7bff23}.a-btn-primary:hover{background:#0867d8}
.a-btn-ghost{background:#fff;color:var(--a-navy);border:1px solid #dce7f2}.a-btn-ghost:hover{border-color:#99c5ef;background:#f9fcff}
.a-proof{display:flex;align-items:center;gap:11px;color:#6f8195;margin-top:35px;flex-wrap:wrap;font:600 10px Montserrat,Arial,sans-serif}.a-proof-mark{font-size:19px;color:var(--a-blue);line-height:1}.a-proof-dot{width:3px;height:3px;background:#b9c9da;border-radius:50%}
.a-system{position:relative;z-index:1;background:white;box-shadow:0 28px 66px #0b2d5b0f,0 1px 1px #0b2d5b08;border:1px solid #e0ebf6;border-radius:18px;padding:21px 23px 24px;transform:rotate(0.2deg)}
.a-system:after{content:'';position:absolute;z-index:-1;inset:20px -16px -18px 24px;border:1px solid #d8eafa;border-radius:18px;background:#eaf4ff99}
.a-system-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid #e6edf5;font:800 8.5px Montserrat,Arial,sans-serif;letter-spacing:.1em;color:#3c5e80}
.a-system-indicator{color:#8ba1b8;font-size:7.5px;white-space:nowrap}.a-system-indicator i{display:inline-block;width:6px;height:6px;background:var(--a-blue);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #ddebfe}
.a-system-art{aspect-ratio:570/455;overflow:hidden;display:grid;place-items:center}.a-network{width:100%;max-height:430px}
.a-system-bottom{border-top:1px solid #e6edf5;padding:18px 0 0;display:flex;align-items:end;justify-content:space-between;gap:10px}
.a-micro-label{font:800 8px Montserrat,sans-serif;color:var(--a-blue);letter-spacing:.16em}.a-system-bottom strong{font:800 16px/1.5 Montserrat,sans-serif;display:block;color:var(--a-navy);margin-top:6px;letter-spacing:-.025em}.a-circle-arrow{display:grid;place-items:center;border:1px solid #dae7f4;border-radius:50%;width:42px;height:42px;color:var(--a-blue);font-size:19px}
.a-hero-baseline{display:flex;gap:32px;justify-content:space-between;padding:17px 0;border-top:1px solid #e2eaf4;font:800 9px Montserrat,sans-serif;letter-spacing:.09em;color:#9badbe}
.a-pillars{background:#fff;border-bottom:1px solid #e9eef5}.a-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.a-pillars-grid>div{padding:41px 36px 39px 0;border-right:1px solid #e8edf4;position:relative}.a-pillars-grid>div+div{padding-left:37px}.a-pillars-grid>div:last-child{border-right:none}.a-pillars-grid span{display:block;color:var(--a-blue);font:800 9px Montserrat,sans-serif;letter-spacing:.13em;margin-bottom:15px}.a-pillars-grid strong{display:block;font:800 16px Montserrat,sans-serif;letter-spacing:-.035em}.a-pillars-grid p{font:400 12px/1.8 'Open Sans',sans-serif;color:#8291a3;margin:12px 0 0}
.a-section{padding:105px 0 109px}.a-kicker{display:block;font:800 10px Montserrat,sans-serif;letter-spacing:.14em;color:var(--a-blue);margin-bottom:22px}.a-section-top{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:45px}.a-section-top>div:first-child{flex:1}.a-section-top>div:last-child{max-width:345px}.a-section-top h2,.a-statement h2{font:800 clamp(30px,3.3vw,46px)/1.26 Montserrat,sans-serif;letter-spacing:-.05em;color:var(--a-navy);margin:0}.a-section-top h2 em,.a-method h2 em{color:var(--a-blue);font-style:normal}
.a-section-top p{font-size:13px;color:#73869c;line-height:1.95;margin:0 0 17px}.a-text-link{font:800 11px Montserrat,sans-serif;color:#0b6bd3;display:inline-flex;gap:20px;align-items:center}.a-text-link:hover{text-decoration:underline}
.a-services{background:var(--a-cloud)}.a-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfE7ef;border-left:1px solid #dfe7ef;border-radius:8px;overflow:hidden}
.a-service-item{position:relative;background:white;min-height:326px;border-right:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;padding:30px 29px 29px;transition:background .22s,box-shadow .22s;display:flex;flex-direction:column}.a-service-item:hover{z-index:2;background:#fafdff;box-shadow:0 20px 35px #0b2d5b11}
.a-service-number{font:800 9px Montserrat,sans-serif;letter-spacing:.08em;color:#b6c4d4}
.a-service-icon{display:grid;place-items:center;width:51px;height:51px;background:#edf5ff;color:var(--a-blue);font-size:27px;border:1px solid #dcecff;margin:20px 0;border-radius:12px}
.a-service-item h3{font:800 19px/1.3 Montserrat,sans-serif;letter-spacing:-.04em;color:var(--a-navy);margin-bottom:9px}
.a-service-item p{font-size:12px;color:#788b9e;line-height:1.8;margin-bottom:20px}.a-service-item>div{font:700 10px/1.6 Montserrat,sans-serif;color:#6b8cac;margin-top:auto;padding-right:23px}
.a-item-arrow{position:absolute;right:28px;bottom:25px;font-size:18px;color:var(--a-blue)}.a-service-accent{background:#f0f7ff}.a-service-accent:hover{background:#e6f2ff}
.a-statement{overflow:hidden;background:var(--a-navy);padding:91px 0;color:white}.a-statement-inner{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:110px}.a-statement .a-kicker{color:#91c9ff}.a-statement h2{color:white;font-size:clamp(30px,3.8vw,53px);line-height:1.22}.a-statement h2 em{font-style:normal;color:#8ec6ff}.a-statement-inner>div:nth-child(2){position:relative;z-index:1}.a-statement p{font-size:13px;line-height:1.98;color:#c2d6ec;margin:0 0 25px}.a-btn-outline-light{border:1px solid #a6c7e66e;color:white}.a-btn-outline-light:hover{background:#ffffff1f}.a-statement-circuit{pointer-events:none;position:absolute;width:700px;height:700px;top:-220px;right:-450px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff07,0 0 0 150px #ffffff04}
.a-industries{background:white}.a-industry-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}
.a-industry-feature{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:525px;border:1px solid #dfe9f4;border-radius:13px;background:#edf5fd;padding:28px 31px}.a-industry-no{font:800 9px Montserrat,sans-serif;letter-spacing:.12em;color:#4c779c}
.a-industry-feature-visual{height:220px;position:relative;margin:15px auto 15px;width:100%;max-width:370px;display:flex;align-items:end;gap:18px;justify-content:center;opacity:.94}
.a-industry-feature-visual span{width:17%;height:62%;border:2px solid #6da5d2;background:linear-gradient(180deg,#b9daf6aa,#ffffff90);border-radius:6px 6px 0 0;position:relative;box-shadow:inset 0 0 0 8px #e0effb}
.a-industry-feature-visual span:nth-child(2){height:87%}.a-industry-feature-visual span:nth-child(3){height:74%}.a-industry-feature-visual span:nth-child(4){height:97%}
.a-industry-feature-visual:before{content:'';position:absolute;z-index:2;left:10%;right:10%;top:29%;height:1px;background:#0F7BFF;box-shadow:0 30px 0 #8ebdee,0 64px 0 #a4ccec}.a-industry-feature-visual:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,#0f7bff,transparent)}
.a-industry-feature h3{font:800 25px/1.24 Montserrat,sans-serif;letter-spacing:-.045em;color:var(--a-navy);margin:0 0 12px}.a-industry-feature p{font-size:12px;line-height:1.8;color:#69829c;max-width:430px}.a-industry-feature b{font:800 11px Montserrat,sans-serif;color:#0b6bd3;display:block;margin-top:19px}
.a-industry-list{border-top:1px solid #e2eaf3}.a-industry-list a{display:grid;grid-template-columns:28px 1fr auto 22px;gap:16px;align-items:center;border-bottom:1px solid #e2eaf3;padding:24px 8px;transition:background .2s,padding .2s}.a-industry-list a:hover{background:#f6faff;padding-left:18px}.a-industry-list span{font:800 10px Montserrat,sans-serif;color:#92adc7}.a-industry-list strong{font:800 15px Montserrat,sans-serif;letter-spacing:-.02em;color:var(--a-navy)}.a-industry-list small{font-size:10.5px;color:#8698aa}.a-industry-list b{color:var(--a-blue)}
.a-method{background:#f5f9fd;padding:100px 0}.a-method .a-section-top>p{max-width:350px}.a-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.a-method-grid>div{padding:20px 12px 10px 0;border-top:2px solid #d5e5f3}.a-method-grid span{color:var(--a-blue);font:800 27px Montserrat,sans-serif;letter-spacing:-.06em}.a-method-grid h3{font:800 19px Montserrat,sans-serif;color:var(--a-navy);margin:24px 0 10px}.a-method-grid p{font-size:12px;line-height:1.8;color:#74899e}
.a-insights{background:white}.a-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.a-insight-item{padding:30px 26px 27px;border:1px solid #e0e9f2;border-radius:9px;min-height:282px;display:flex;flex-direction:column;transition:background .2s,border-color .2s}.a-insight-item:hover{border-color:#a4c9ee;background:#f7fbff}
.a-insight-item span{font:800 9px Montserrat,sans-serif;color:var(--a-blue);letter-spacing:.08em}.a-insight-item h3{font:800 19px/1.4 Montserrat,sans-serif;letter-spacing:-.04em;color:var(--a-navy);margin:25px 0 12px}.a-insight-item p{font:400 12px/1.75 'Open Sans',sans-serif;color:#778a9e}.a-insight-item b{font:800 10px Montserrat,sans-serif;color:#0b6bd3;margin-top:auto}
.page-banner{background:linear-gradient(125deg,#f3f8ff,#fff 74%);border-bottom:1px solid #e6eef7;color:var(--a-navy);padding:77px 0 65px}
.page-banner:before{border-color:#a0c6ec33;box-shadow:0 0 0 140px #e2f0ff40,0 0 0 280px #e2f0ff26}
.page-banner h1{color:var(--a-navy);font-size:clamp(36px,4.4vw,52px)}.page-banner p{color:#687f98}.page-banner .eyebrow.light{color:var(--a-blue)}.breadcrumb{color:#8b9eb2}.breadcrumb a:hover{color:var(--a-blue)}
.section{padding-top:87px;padding-bottom:87px}.section-heading h2{font-size:clamp(29px,3.1vw,41px)}.item-card{border-radius:7px;box-shadow:none;min-height:255px}.item-card:hover{box-shadow:0 13px 32px #0b2d5b0d}.item-glyph{background:#f0f7ff}
.final-cta{background:#eaf4ff;border-top:1px solid #dbeafa;color:var(--a-navy);padding:65px 0}.final-cta .eyebrow.light{color:var(--a-blue)}.final-cta p{color:#7088a2}.final-cta h2{font-size:34px}.final-cta .light-btn{background:var(--a-blue);color:white}
footer{background:#fbfcfe;color:var(--a-navy);border-top:1px solid #e6ecf3}.footer-top h3{color:var(--a-navy)}.footer-top a{color:#60778f}.footer-top a:hover{color:var(--a-blue)}.footer-top p{color:var(--a-navy)}.footer-top small{color:#768da4}.foot-bottom{border-color:#e2eaf3;color:#93a5b6}
.footer-top img{max-width:200px}.floating-contact{background:var(--a-blue)}
@media(max-width:1180px){.navigation nav{gap:13px}.navigation nav a{font-size:10.3px}.logo img{width:175px}.a-hero-grid{gap:38px}.a-hero h1{font-size:49px}.a-industry-list a{gap:10px}}
@media(max-width:960px){.navigation{min-height:79px}.navigation nav{gap:0}.navigation nav a{font-size:12px}.a-hero-grid{grid-template-columns:1fr;gap:34px;padding-top:64px;padding-bottom:70px}.a-hero-copy{max-width:800px}.a-hero h1{max-width:780px;font-size:clamp(41px,6vw,61px)}.a-system{max-width:620px;margin:auto;width:100%}.a-hero-baseline{gap:12px}.a-section-top{gap:30px}.a-service-grid{grid-template-columns:repeat(2,1fr)}.a-statement-inner{gap:40px}.a-industry-grid{grid-template-columns:1fr}.a-industry-feature{min-height:0}.a-industry-feature-visual{height:175px}.a-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:690px){.navigation{min-height:74px}.logo img{width:164px;max-height:59px}.a-hero-grid{padding-top:50px;padding-bottom:50px}.a-eyeline{font-size:8px;letter-spacing:.09em;margin-bottom:24px}.a-hero h1{font-size:clamp(35px,9vw,50px);line-height:1.23;margin-bottom:21px}.a-lead{font-size:13px;line-height:1.8}.a-actions{flex-direction:column}.a-btn{min-height:49px;width:100%;justify-content:space-between}.a-proof{font-size:8px;gap:8px;margin-top:25px}.a-system{padding:14px 15px 19px;border-radius:11px}.a-system-top{font-size:7px}.a-system-indicator{font-size:6px}.a-system-bottom strong{font-size:13px}.a-system:after{inset:13px -7px -10px 12px}.a-hero-baseline{display:none}
.a-pillars-grid{grid-template-columns:1fr}.a-pillars-grid>div,.a-pillars-grid>div+div{padding:22px 0;border-right:none;border-bottom:1px solid #e7edf4}.a-pillars-grid>div:last-child{border-bottom:0}.a-pillars-grid span{margin-bottom:9px}.a-pillars-grid p{margin-top:7px}
.a-section,.a-method{padding:70px 0}.a-section-top{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:30px}.a-section-top h2{font-size:clamp(29px,7vw,37px)}.a-kicker{margin-bottom:16px}.a-section-top>div:last-child{max-width:unset}.a-service-grid{grid-template-columns:1fr}.a-service-item{min-height:0;padding:23px 22px 28px}.a-service-item .a-service-icon{width:42px;height:42px;margin:13px 0}.a-service-item h3{font-size:18px}.a-service-item p{margin-bottom:10px}.a-service-item>div{font-size:9px}.a-statement{padding:64px 0}.a-statement-inner{grid-template-columns:1fr;gap:25px}.a-statement h2{font-size:36px}.a-industry-feature{padding:23px;min-height:0}.a-industry-feature-visual{height:155px}.a-industry-feature h3{font-size:24px}.a-industry-list a{grid-template-columns:22px 1fr 17px;padding:18px 7px}.a-industry-list small{display:none}.a-method-grid{grid-template-columns:repeat(2,1fr);gap:18px}.a-method-grid h3{font-size:16px;margin-top:13px}.a-method-grid p{font-size:11px}.a-insight-grid{grid-template-columns:1fr}.a-insight-item{min-height:225px;padding:25px}.page-banner{padding:59px 0}.footer-top img{max-width:182px}}
@media(prefers-reduced-motion:reduce){.a-btn,.a-service-item,.a-industry-list a,.a-insight-item{transition:none}}