:root{--cs-mint:#72C8B9;--cs-mint-dark:#4fa99b;--cs-dark:#171717;--cs-text:#222222;--cs-muted:#68716f;--cs-bg:#ffffff;--cs-soft:#f4f9f7;--cs-border:#dce9e6;--cs-container:1240px}.case-study-page{color:var(--cs-text);background:var(--cs-bg);overflow:hidden}.cs-container{width:min(calc(100% - 80px),var(--cs-container));margin:0 auto}.cs-section{padding:110px 0}.cs-section-soft{background:var(--cs-soft)}.cs-hero{min-height:720px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.cs-hero-background{position:absolute;inset:0}.cs-hero-image{object-fit:cover}.cs-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,23,.88),rgba(23,23,23,.68) 32%,rgba(23,23,23,.35) 75%,rgba(23,23,23,.12))}.cs-hero-content{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}.cs-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(114,200,185,.15);border:1px solid rgba(114,200,185,.35);border-radius:100px;color:var(--cs-mint);font-size:12px;font-weight:700;letter-spacing:.14em}.cs-hero h1{max-width:850px;margin:28px 0 22px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:700}.cs-hero h1 span{color:var(--cs-mint)}.cs-hero-description{max-width:680px;font-size:19px;line-height:1.7;color:rgba(255,255,255,.82)}.cs-hero-meta{display:flex;gap:12px;margin:28px 0;font-size:13px;color:rgba(255,255,255,.65)}.cs-primary-button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--cs-mint);color:var(--cs-dark);border-radius:7px;font-size:14px;font-weight:700;text-decoration:none;transition:.25s ease}.cs-primary-button:hover{transform:translateY(-2px);background:#8ad4c7}.cs-stats{background:white;border-bottom:1px solid var(--cs-border)}.cs-stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}.cs-stat{display:flex;gap:15px;padding:30px 24px;border-right:1px solid var(--cs-border)}.cs-stat:first-child{padding-left:0}.cs-stat:last-child{border-right:none}.cs-stat-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;color:var(--cs-mint-dark);background:#eef9f6;border-radius:8px}.cs-stat strong{font-size:26px;line-height:1;color:var(--cs-dark)}.cs-stat h3{margin:4px 0;font-size:13px}.cs-stat p{margin:0;font-size:11px;color:var(--cs-muted)}.cs-section-heading{display:flex;gap:22px;align-items:flex-start;margin-bottom:65px}.cs-section-number{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#dff3ef;font-size:13px}.cs-kicker,.cs-section-number{color:var(--cs-mint-dark);font-weight:800}.cs-kicker{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.16em}.cs-section-heading h2{margin:0;color:var(--cs-dark);font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em}.cs-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.cs-copy p{color:#59615f;font-size:16px;line-height:1.8}.cs-copy .cs-lead{color:var(--cs-dark);font-size:20px;line-height:1.65}.cs-image-card{position:relative;overflow:hidden;border-radius:18px;min-height:480px}.cs-image-card img{object-fit:cover}.cs-image-caption{padding-top:12px;font-size:12px;color:var(--cs-muted)}.cs-question-box{display:flex;align-items:stretch;margin-top:40px;border:1px solid var(--cs-border);border-radius:14px;overflow:hidden}.cs-question{flex:1;padding:20px;background:white}.cs-question span{display:block;margin-bottom:8px;color:var(--cs-muted);font-size:11px;font-weight:700;letter-spacing:.1em}.cs-question strong{font-size:15px;line-height:1.5}.cs-question.active{background:var(--cs-mint)}.cs-question.active span{color:rgba(23,23,23,.65)}.cs-question-box>svg{align-self:center;flex-shrink:0}.cs-objective-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.cs-objective-statement{padding:35px;background:var(--cs-dark);color:white;border-radius:16px}.cs-objective-statement>span{color:var(--cs-mint);font-size:11px;font-weight:800;letter-spacing:.15em}.cs-objective-statement h3{margin:22px 0;font-size:25px;line-height:1.4}.cs-objective-statement p{color:rgba(255,255,255,.65);line-height:1.7}.cs-objective-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cs-objective-card{display:flex;gap:16px;padding:22px;border:1px solid var(--cs-border);border-radius:12px;background:white}.cs-icon-box{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:var(--cs-mint-dark);background:#eaf7f4;border-radius:8px}.cs-objective-card h4{margin:0 0 6px;font-size:15px}.cs-objective-card p{margin:0;color:var(--cs-muted);font-size:13px;line-height:1.6}.cs-setup-intro{display:grid;grid-template-columns:1fr .7fr;gap:70px;margin-bottom:55px}.cs-setup-intro h3{margin-top:0;font-size:28px}.cs-setup-intro p{color:var(--cs-muted);line-height:1.8}.cs-setup-highlight{padding:30px;border-left:3px solid var(--cs-mint);background:var(--cs-soft)}.cs-setup-highlight span{color:var(--cs-mint-dark);font-size:11px;font-weight:800;letter-spacing:.14em}.cs-setup-highlight ul{padding-left:20px;margin-bottom:0}.cs-setup-highlight li{margin:10px 0;color:#56605d;font-size:14px}.cs-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cs-gallery-image{position:relative;height:330px;overflow:hidden;border-radius:12px}.cs-gallery-image img{object-fit:cover;transition:transform .5s ease}.cs-gallery-item:hover img{transform:scale(1.04)}.cs-gallery-item>span{display:block;margin-top:12px;color:var(--cs-muted);font-size:12px;font-weight:600}.cs-dark-section{background:var(--cs-dark);color:white}.cs-section-heading.light h2{color:white}.cs-process{display:grid;grid-template-columns:repeat(5,1fr)}.cs-process-step{position:relative;padding:30px;border-top:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}.cs-process-step:last-child{border-right:none}.cs-process-number{color:var(--cs-mint);font-size:11px;font-weight:800}.cs-process-icon{width:48px;height:48px;display:grid;place-items:center;margin:35px 0 20px;border:1px solid rgba(114,200,185,.4);border-radius:50%;color:var(--cs-mint)}.cs-process-step h3{margin-bottom:10px;font-size:17px}.cs-process-step p{color:rgba(255,255,255,.55);font-size:13px;line-height:1.7}.cs-comparison-visual{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.cs-dfos-side,.cs-sensor-side{padding:30px;border:1px solid var(--cs-border);border-radius:16px}.cs-visual-header{display:flex;gap:14px;align-items:center}.cs-visual-header span{display:block;color:var(--cs-mint-dark);font-size:10px;font-weight:800;letter-spacing:.12em}.cs-visual-header h3{margin:4px 0;font-size:19px}.cs-vs{display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--cs-muted)}.cs-plate-diagram{display:grid;place-items:center;height:300px}.plate{position:relative;width:260px;height:220px;border:2px solid var(--cs-dark);background:linear-gradient(135deg,#eef6f4,#ffffff);transform:perspective(500px) rotateX(8deg)}.sensor-point{position:absolute;width:16px;height:16px;background:var(--cs-mint);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--cs-mint)}.sensor-point.p1{left:15px;bottom:15px}.sensor-point.p2{right:15px;top:15px}.sensor-label{position:absolute;padding:5px 8px;background:var(--cs-dark);color:white;font-size:9px;border-radius:4px}.sensor-label.l1{left:0;bottom:-35px}.sensor-label.l2{right:0;top:-35px}.cs-dfos-visual{position:relative;height:300px;margin-top:25px;overflow:hidden;border-radius:10px}.cs-dfos-visual img{object-fit:cover}.cs-dfos-side p,.cs-sensor-side p{color:var(--cs-muted);font-size:13px;line-height:1.7}.cs-insight{margin-top:50px;padding:40px;border-radius:16px;background:var(--cs-mint);color:var(--cs-dark)}.cs-insight span{font-size:10px;font-weight:800;letter-spacing:.15em}.cs-insight h3{margin:15px 0 8px;font-size:25px}.cs-insight p{margin:0 0 5px}.cs-insight strong{font-size:18px}.cs-temperature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cs-temperature-image{position:relative;height:540px;border-radius:16px;overflow:hidden}.cs-temperature-image img{object-fit:cover}.cs-temperature-content .cs-lead{font-size:19px;line-height:1.7}.thermal-zone{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--cs-border)}.thermal-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:#eaf7f4;color:var(--cs-mint-dark);border-radius:8px}.thermal-zone h3{margin:0 0 5px;font-size:16px}.thermal-zone p{margin:0;color:var(--cs-muted);font-size:13px;line-height:1.6}.temperature-result{display:flex;gap:15px;margin-top:30px;padding:20px;background:var(--cs-dark);color:white;border-radius:10px}.temperature-result svg{color:var(--cs-mint);flex-shrink:0}.temperature-result span{font-size:10px;color:var(--cs-mint);font-weight:800;letter-spacing:.12em}.temperature-result p{margin:6px 0 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.7)}.cs-table-wrapper{overflow-x:auto;border:1px solid var(--cs-border);border-radius:14px}.cs-comparison-table{width:100%;border-collapse:collapse;font-size:14px}.cs-comparison-table th{padding:20px;text-align:left;background:var(--cs-dark);color:white;font-size:12px;letter-spacing:.06em}.cs-comparison-table th:last-child{color:var(--cs-mint)}.cs-comparison-table td{padding:19px 20px;border-bottom:1px solid var(--cs-border);color:var(--cs-muted);line-height:1.5}.cs-comparison-table tr:last-child td{border-bottom:none}.cs-comparison-table .parameter{color:var(--cs-dark);font-weight:700}.cs-comparison-table .dfos-cell{background:#f1faf8;color:#316f67}.cs-applications{background:var(--cs-dark);color:white}.cs-application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cs-application-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#202020;border-radius:14px;transition:transform .3s ease}.cs-application-card:hover{transform:translateY(-5px)}.cs-application-image{position:relative;height:220px}.cs-application-image img{object-fit:cover}.cs-application-content{padding:26px}.cs-application-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:20px;color:var(--cs-mint);border:1px solid rgba(114,200,185,.3);border-radius:8px}.cs-application-content h3{margin-bottom:10px;font-size:19px}.cs-application-content p{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.7}.cs-interpretation{background:#edf7f5}.cs-interpretation-card{background:white;border:1px solid var(--cs-border);border-radius:20px;overflow:hidden}.cs-interpretation-top{display:flex;align-items:center;gap:15px;padding:30px;color:var(--cs-mint-dark)}.cs-interpretation-top span{font-size:11px;font-weight:800;letter-spacing:.15em}.cs-interpretation-grid{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:50px}.interpretation-column span{color:var(--cs-muted);font-size:10px;font-weight:800;letter-spacing:.15em}.interpretation-column h3{margin:15px 0;font-size:31px;line-height:1.2}.interpretation-column h3 strong{color:var(--cs-dark)}.interpretation-column p{color:var(--cs-muted)}.interpretation-arrow{display:grid;place-items:center}.interpretation-arrow,.interpretation-column.dfos span{color:var(--cs-mint-dark)}.structure-centric{padding:45px;background:var(--cs-dark);color:white}.structure-centric>span{color:var(--cs-mint);font-size:10px;font-weight:800;letter-spacing:.15em}.structure-centric h2{margin:15px 0;font-size:34px;line-height:1.2}.structure-centric p{max-width:650px;color:rgba(255,255,255,.6);line-height:1.7}.cs-conclusion-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px}.cs-conclusion-text p{color:var(--cs-muted);line-height:1.8}.cs-conclusion-text .cs-lead{color:var(--cs-dark);font-size:20px}.cs-conclusion-points{display:flex;flex-direction:column;gap:15px}.cs-conclusion-points>div{display:flex;gap:14px;padding:20px;background:var(--cs-soft);border-radius:10px}.cs-conclusion-points svg{flex-shrink:0;color:var(--cs-mint-dark)}.cs-conclusion-points span{font-size:14px;line-height:1.6}.cs-final-message{margin-top:90px;padding:65px;text-align:center;background:var(--cs-mint);border-radius:20px}.cs-final-message span{font-size:10px;font-weight:800;letter-spacing:.16em}.cs-final-message h2{margin:18px 0;font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.04em}.cs-final-message p{max-width:600px;margin:0 auto;color:rgba(23,23,23,.7);line-height:1.7}.cs-cta{padding:100px 0;background:var(--cs-dark);color:white}.cs-cta-inner{max-width:800px}.cs-cta-inner>span{color:var(--cs-mint);font-size:11px;font-weight:800;letter-spacing:.15em}.cs-cta h2{margin:18px 0;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em}.cs-cta p{max-width:650px;margin-bottom:30px;color:rgba(255,255,255,.6);line-height:1.8}@media (max-width:1000px){.cs-container{width:min(calc(100% - 40px),var(--cs-container))}.cs-stats-grid{grid-template-columns:repeat(2,1fr)}.cs-stat:nth-child(2n){border-right:none}.cs-conclusion-grid,.cs-intro-grid,.cs-objective-layout,.cs-setup-intro,.cs-temperature-grid{grid-template-columns:1fr;gap:40px}.cs-application-grid,.cs-process{grid-template-columns:repeat(2,1fr)}.cs-comparison-visual{grid-template-columns:1fr;gap:20px}.cs-vs{height:40px}.cs-interpretation-grid{grid-template-columns:1fr;gap:30px}.interpretation-arrow{transform:rotate(90deg)}}@media (max-width:650px){.cs-section{padding:75px 0}.cs-hero{min-height:680px}.cs-hero h1{font-size:40px}.cs-hero-description{font-size:16px}.cs-hero-meta{flex-wrap:wrap}.cs-stats-grid{grid-template-columns:1fr}.cs-stat,.cs-stat:first-child{padding:22px 0;border-right:none;border-bottom:1px solid var(--cs-border)}.cs-section-heading{margin-bottom:40px}.cs-section-heading h2{font-size:34px}.cs-gallery,.cs-objective-grid{grid-template-columns:1fr}.cs-gallery-image{height:260px}.cs-process{grid-template-columns:1fr}.cs-process-step{border-right:none}.cs-application-grid{grid-template-columns:1fr}.cs-temperature-image{height:350px}.cs-question-box{flex-direction:column}.cs-question-box>svg{transform:rotate(90deg);margin:10px auto}.cs-interpretation-grid,.structure-centric{padding:30px}.cs-final-message{padding:40px 25px}.cs-final-message h2{font-size:36px}.cs-cta{padding:75px 0}}