:root{--navy:#123a5a;--deep:#092b46;--mint:#16c7b7;--gold:#ffb800;--paper:#f4f8fb;--gray:#536c7d;--line:#d9e3ea;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:var(--paper);font-family:'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif;line-height:1.65;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}em{font-style:normal;color:var(--mint)}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;line-height:1.3;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:1.8px;color:var(--gray);font-weight:600;margin-top:5px}.nav nav{display:flex;gap:24px;font-size:14px;font-weight:650}.nav nav a:hover{color:#078b7e}.nav-call{font-size:14px;background:var(--navy);color:white;border-radius:7px;padding:10px 16px;font-weight:750}.blueprint{background-color:var(--deep);background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px),radial-gradient(ellipse at 15% 0%,#195776 0%,transparent 65%);background-size:40px 40px,40px 40px,auto;color:white}.hero{padding:72px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:76px;align-items:start}.eyebrow{font-size:12px;letter-spacing:1px;color:#b4d3df;display:flex;align-items:center;gap:9px;margin-bottom:26px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:100%;box-shadow:0 0 0 4px #16c7b719;flex-shrink:0}.hero h1{font-size:clamp(40px,4.55vw,62px);line-height:1.18;font-weight:850;letter-spacing:-2.3px}.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:'';height:3px;background:var(--mint);position:absolute;left:0;right:0;bottom:-5px;opacity:.5}.hero-sub{margin:28px 0;color:#c5d9e2;font-size:16px;line-height:1.8}.buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;min-height:52px;border-radius:7px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--deep)}.outline{border:1px solid #ffffff60;color:#fff}.navy{background:var(--navy);color:#fff}.micro{font-size:11px;color:#9db8c8;margin:20px 0 0}.hero-visual{position:relative;padding-bottom:65px}.work-photo{position:relative;border-radius:16px;overflow:hidden;border:1px solid #ffffff20;transform:rotate(1.5deg);box-shadow:0 28px 60px #00132455}.work-photo img{width:100%;height:400px;object-fit:cover;object-position:center 57%}.work-photo figcaption{position:absolute;bottom:0;width:100%;padding:38px 22px 24px;background:linear-gradient(transparent,#051d34e0);font-size:12px;display:flex;align-items:center;gap:9px}.diagnosis-card{position:relative;margin:-24px 24px 0 -24px;padding:22px;border-radius:12px;background:white;color:var(--navy);box-shadow:0 18px 60px #00172c55}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:750}.live{font-size:9px;letter-spacing:1px;color:#078b7e}.flow-demo{height:35px;position:relative;overflow:hidden;border:6px solid #b9d2df;background:#0c3b58;border-radius:25px;margin:18px 0}.flow-water{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#16c7b780 0 30px,#45e7d7b0 30px 45px);animation:water 2s linear infinite}.blockage{position:absolute;width:26px;inset-block:0;left:60%;background:#d4a362;clip-path:polygon(0 0,100% 10%,85% 70%,100% 100%,10% 100%,20% 50%);transition:transform .5s,opacity .5s}.scan{position:absolute;left:0;top:-5px;bottom:-5px;width:3px;background:white;box-shadow:0 0 16px white;animation:scan 3s ease-in-out infinite}.diagnosis-card[data-stage='1'] .blockage{transform:scale(.5)}.diagnosis-card[data-stage='2'] .blockage{opacity:0}.process-tabs{display:flex;gap:3px;background:var(--paper);padding:4px;border-radius:6px}.process-tabs button{flex:1;border:0;padding:8px 3px;background:transparent;color:var(--gray);font-size:11px;font-weight:750;border-radius:4px}.process-tabs .active{background:var(--navy);color:white}.diagnosis-card p{font-size:12px;margin:14px 0 5px;min-height:40px}.diagnosis-card small{font-size:9px;color:var(--gray)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding:24px 0;font-size:12px;color:#acc9d8}.hero-bottom a{color:white}section:not(.hero){padding:94px 0}.section-head{max-width:650px;margin-bottom:38px}.kicker{font-size:10px;font-weight:750;letter-spacing:2px;color:#087d75;margin-bottom:14px}h2{font-size:clamp(29px,3vw,40px);line-height:1.3;letter-spacing:-1.4px;font-weight:800}.section-head>p:last-child{font-size:15px;color:var(--gray);margin-top:18px;line-height:1.8}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.question{padding:30px;border-top:2px solid var(--navy);background:white;border-radius:0 0 10px 10px}.number{font-size:11px;letter-spacing:1px;font-weight:750;color:#078b7e}.question h3{font-size:22px;letter-spacing:-.8px;margin:20px 0 14px}.question p,.standard-card p{font-size:14px;color:var(--gray);line-height:1.85}.cases{background:white}.section-head h2 span{color:#078b7e}.case-feature{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.case-art{position:relative;background:#e9f0f4}.case-art img{width:100%;height:100%;min-height:440px;object-fit:cover}.photo-note{position:absolute;bottom:12px;left:12px;right:12px;border-radius:5px;padding:8px;background:#092b46dc;color:#fff;font-size:10px}.case-body{padding:42px}.pill{display:inline-block;font-size:10px;font-weight:750;color:#087c72;background:#eaf8f5;border-radius:5px;padding:6px 10px;letter-spacing:.6px}.case-body h3{font-size:32px;line-height:1.3;margin:22px 0;letter-spacing:-1px}.case-lead{font-size:15px;color:var(--gray)}.case-lead strong{color:var(--navy)}.case-steps{margin:28px 0 0}.case-steps div{display:grid;grid-template-columns:42px 1fr;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.case-steps dt{color:#087c72;font-weight:750}.case-steps dd{margin:0;color:var(--gray)}.case-note{font-size:10px;color:var(--gray);margin-top:16px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.case-mini{padding:32px;background:var(--paper);border-radius:12px;border:1px solid var(--line)}.case-mini h3{font-size:25px;line-height:1.4;margin:20px 0 16px;letter-spacing:-.8px}.case-mini p{font-size:14px;color:var(--gray)}.finding{font-size:12px;font-weight:700;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.text-link{display:inline-block;border-bottom:1px solid var(--navy);font-size:13px;font-weight:750;margin-top:28px}.standard .kicker,.contact .kicker{color:var(--mint)}.standard .section-head>p:last-child{color:#a9c4d3}.standard-card{padding:30px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff05}.standard-card .number{color:var(--mint)}.standard-card h3{font-size:23px;margin:28px 0 16px;letter-spacing:-.7px}.standard-card p{color:#b7cfdb}.standard-bottom{font-size:13px;margin-top:34px;color:#b7cfdb;text-align:center}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.cost .section-head{margin:0}.cost .btn{margin-top:26px}.cost-sheet{background:white;border:1px solid var(--line);padding:30px;border-radius:12px;box-shadow:0 15px 40px #123a5a08}.sheet-label{display:flex;justify-content:space-between;font-size:13px;font-weight:750;padding-bottom:18px;border-bottom:1px dashed #99adb9}.sheet-label span{font-size:10px;color:var(--gray)}.sheet-row{padding:18px 0;border-bottom:1px solid var(--line)}.sheet-row b{font-size:15px}.sheet-row p{font-size:12px;color:var(--gray);margin-top:4px}.sheet-check{background:#e8f8f4;color:#05796c;padding:12px;border-radius:6px;font-size:12px;font-weight:750;margin-top:22px}.fine{font-size:10px;color:var(--gray);margin-top:14px}.faq{background:white}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:16px;font-weight:750;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq summary:after{content:'+';position:absolute;right:0;color:#078b7e;font-size:21px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--gray);padding-top:14px;max-width:540px}.game-section{padding:60px 0!important}.game-banner{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;background:white;padding:38px;border:1px solid var(--line);border-radius:14px}.game-banner img{width:100%;height:auto}.game-banner h2{font-size:27px}.game-banner p:not(.kicker){font-size:13px;color:var(--gray);margin:14px 0 20px}.game-banner small{display:block;font-size:10px;color:var(--gray);margin-top:12px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.contact p:not(.kicker){font-size:15px;color:#bdd0dc;margin:22px 0}.big-phone{display:block;font-size:clamp(28px,3.1vw,43px);font-weight:850;letter-spacing:-1px;margin-bottom:25px}.contact-card{padding:32px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff05;font-size:14px}.contact-card>span{color:var(--mint);font-size:12px;font-weight:750}.contact-card ol{padding-left:20px;margin:22px 0}.contact-card li{padding:7px 0}.contact-card p{font-size:12px!important;margin-bottom:0!important;padding-top:20px;border-top:1px solid #ffffff25}footer{padding:34px 0;background:#082339;color:white}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px}.footer-grid .brand{font-size:17px}.footer-grid .brand small{font-size:10px;color:#9db7c8;letter-spacing:0}.footer-grid>a{font-size:12px}.footer-grid>p{font-size:10px;color:#91adbf;grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:20px}.mobile-contact{display:none}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes water{to{background-position:90px 0}}@keyframes scan{50%{left:95%}}
@media(max-width:1000px){.nav nav{gap:14px;font-size:12px}.hero-grid{gap:35px}.hero h1{font-size:48px}.hero-visual{padding-bottom:30px}.work-photo img{height:360px}.cost-grid{gap:45px}.contact-grid{gap:40px}.question{padding:24px}.question h3{font-size:19px}.faq-grid{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:70px}.brand{font-size:17px}.brand img{width:36px;height:36px}.brand small{font-size:8px;letter-spacing:1px}.nav nav{display:none}.nav-call{font-size:11px;padding:9px 10px}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(38px,8.5vw,56px);letter-spacing:-1.5px}.hero-sub{font-size:15px;margin:23px 0}.hero-copy .btn{flex:1;padding:14px 10px;font-size:13px}.micro{font-size:10px;max-width:300px}.hero-visual{padding:0 8px 12px}.work-photo{transform:none}.work-photo img{height:300px;object-position:center 49%}.diagnosis-card{margin:-26px 12px 0;padding:18px}.diagnosis-card p{min-height:20px}.hero-bottom{margin-top:25px;gap:15px;font-size:10px;padding:20px 0}section:not(.hero){padding:64px 0}.section-head{margin-bottom:28px}h2{font-size:29px;letter-spacing:-1px}.section-head>p:last-child{font-size:14px}.three-grid,.two-grid,.cost-grid,.faq-grid,.contact-grid,.game-banner{grid-template-columns:1fr;gap:16px}.question{padding:24px}.question h3{font-size:21px;margin:10px 0}.case-feature{grid-template-columns:1fr}.case-art img{min-height:0;height:240px;object-position:center 36%}.case-body{padding:25px}.case-body h3{font-size:27px}.case-mini{padding:25px}.case-mini h3{font-size:23px}.standard-card{padding:25px}.standard-card h3{margin:16px 0 12px;font-size:23px}.cost-grid,.faq-grid{gap:30px}.cost-sheet{padding:24px}.game-banner{padding:24px;gap:20px}.game-banner img{width:240px;margin:auto}.game-banner h2{font-size:25px}.game-banner .btn{width:100%}.contact-grid{gap:35px}.contact-card{padding:25px}.big-phone{font-size:32px}.contact .buttons .btn{flex:1}.footer-grid{grid-template-columns:1fr}.footer-grid>p{grid-column:auto}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px;background:#ffffffee;backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:30}.mobile-contact a{flex:1;border-radius:7px;text-align:center;font-size:14px;font-weight:800;padding:13px 8px;min-height:48px}.mobile-contact a:last-child{background:var(--navy);color:white}body{padding-bottom:78px}footer{padding-bottom:35px}.desktop{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.nav-call{font-size:10px;padding:8px}.brand{font-size:15px}.hero h1{font-size:36px}.hero-copy .buttons{flex-direction:column}.hero-bottom{flex-direction:column;gap:6px}.big-phone{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Revision 2: swipe carousel, staggered standards reveal, mobile reading size. */
/* Sentence boundaries are explicit on mobile, while desktop remains inline. */
.reading-unit,.meaning-unit{display:inline}
@media(max-width:760px){main p{text-wrap:pretty;overflow-wrap:break-word}.reading-unit,.meaning-unit{display:block}.reading-unit+.reading-unit{margin-top:.5em}}
/* Only the original horizontal graphic is replaced; its card and controls stay intact. */
.flow-demo.pipe-cutaway{height:auto;border:0;margin:14px 0;border-radius:8px;background:linear-gradient(180deg,#f5fafb,#edf5f7)}
.pipe-cutaway svg{display:block;width:100%;height:auto;max-height:108px}
.pipe-cutaway .pipe-flow{animation:nz-pipe-flow 2.7s linear infinite}
.pipe-cutaway .pipe-probe{animation:nz-pipe-probe 3s ease-in-out infinite}
.pipe-cutaway .pipe-ring{animation:nz-pipe-ring 2s ease-out infinite;transform-origin:350px 116px}
.pipe-cutaway .pipe-deposit{transition:opacity 1s,transform 1s;transform-origin:354px 137px}
.pipe-cutaway .pipe-tool{display:none;animation:nz-pipe-tool 2s ease-in-out infinite}
.pipe-cutaway .pipe-jet{stroke-dasharray:9 8;animation:nz-pipe-jet .6s linear infinite}
.pipe-cutaway .pipe-clear-flow{opacity:.12;transition:opacity 1s}
.pipe-cutaway .pipe-upstream{transition:opacity 1s}
.diagnosis-card[data-stage='1'] .pipe-tool{display:block}
.diagnosis-card[data-stage='1'] .pipe-probe,.diagnosis-card[data-stage='1'] .pipe-ring,.diagnosis-card[data-stage='2'] .pipe-probe,.diagnosis-card[data-stage='2'] .pipe-ring{display:none}
.diagnosis-card[data-stage='1'] .pipe-deposit{animation:nz-pipe-remove 4s ease-in-out infinite}
.diagnosis-card[data-stage='2'] .pipe-deposit{transform:scale(.05);opacity:0}
.diagnosis-card[data-stage='2'] .pipe-clear-flow{opacity:1}
.diagnosis-card[data-stage='2'] .pipe-upstream{opacity:0}
.work-photo[data-stage='1'] img,.work-photo[data-stage='2'] img{object-fit:contain;object-position:center;background:var(--deep)}
@keyframes nz-pipe-flow{to{stroke-dashoffset:-100}}
@keyframes nz-pipe-probe{0%,100%{transform:translateX(-35px)}50%{transform:translateX(0)}}
@keyframes nz-pipe-ring{0%{opacity:.6;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
@keyframes nz-pipe-tool{50%{transform:translateX(10px)}}
@keyframes nz-pipe-jet{to{stroke-dashoffset:-34}}
@keyframes nz-pipe-remove{0%,100%{transform:scale(1);opacity:1}75%{transform:scale(.28);opacity:.2}}
@media(prefers-reduced-motion:reduce){.diagnosis-card[data-stage='1'] .pipe-deposit{transform:scale(.6);opacity:.6}}
.cost-grid{row-gap:36px}
.price-preview>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.price-preview span{font-size:15px;font-weight:650}.price-preview strong{font-size:21px;white-space:nowrap}
.price-jump{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:750;margin-top:16px;color:#087d75}
.price-guide{grid-column:1/-1;scroll-margin-top:90px}
.price-guide[hidden]{display:none}
.price-jump{border:0;background:transparent;padding:0;text-align:left}
.price-heading{margin-bottom:24px}.price-heading h3{font-size:26px;margin-bottom:8px}.price-heading p{font-size:15px;color:var(--gray)}
.price-category{border:1px solid var(--line);border-radius:10px;background:white;margin-top:12px;overflow:hidden}
.price-category summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;background:var(--navy);color:white;font-size:18px;font-weight:750;cursor:pointer;list-style:none}
.price-category summary::-webkit-details-marker{display:none}
.price-toggle:after{content:'+';font-size:24px;color:var(--mint)}.price-category[open] .price-toggle:after{content:'−'}
.price-list{padding:8px 26px}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:6px;padding:22px 0;border-bottom:1px solid var(--line)}
.price-row:last-child{border-bottom:0}.price-row h4{font-size:17px;line-height:1.5;margin:0;font-weight:750}.price-row strong{font-size:18px;line-height:1.5;text-align:right}
.price-row p{grid-column:1/-1;font-size:14px;color:var(--gray);line-height:1.75}
.price-agreement{font-size:14px;color:#087d75;font-weight:700;line-height:1.8;margin-top:22px}
@media(max-width:760px){.price-preview span{font-size:17px}.price-preview strong{font-size:20px}.price-jump{font-size:16px}.price-heading p,.price-agreement{font-size:16px}.price-category summary{padding:20px;font-size:17px}.price-list{padding:6px 20px}.price-row{grid-template-columns:1fr;row-gap:8px}.price-row strong{text-align:left;font-size:19px;color:#087d75}.price-row h4{font-size:18px}.price-row p{font-size:16px}}
@media(max-width:360px){.price-preview>div{align-items:flex-start;flex-direction:column;gap:6px}}
.case-slide .case-art img{height:520px;min-height:0;object-fit:cover;object-position:center}
.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:12px}
.faq-coupon{display:inline-flex;margin-top:16px;border-bottom:1px solid #087d75;color:#087d75;font-size:14px;font-weight:750;min-height:44px;align-items:center}
@media(max-width:760px){.case-slide .case-art img{height:260px}.footer-links{font-size:14px}.faq-coupon{font-size:16px}}
.case-track{display:flex;position:relative;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;align-items:stretch;border-radius:14px}
.case-track::-webkit-scrollbar{display:none}
.case-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.case-visual{padding:42px;display:flex;flex-direction:column;justify-content:center;min-height:440px}
.case-visual .number{color:var(--mint)}
.case-visual>p{font-size:30px;font-weight:800;line-height:1.4;letter-spacing:-1px;margin:30px 0}
.case-route{font-size:13px;padding:18px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.case-route span{color:var(--mint);padding:0 12px}
.case-visual small{font-size:10px;color:#acc9d8;margin-top:24px}
.case-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}
.case-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--navy);font-size:22px}
.case-arrow:disabled{opacity:.35;cursor:default}
.case-dots{display:flex;gap:8px}
.case-dots button{width:28px;height:44px;border:0;background:transparent;padding:0;position:relative}
.case-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#a5b8c5;margin:auto;transition:width .25s,background .25s}
.case-dots button[aria-current='true']:after{width:24px;border-radius:10px;background:#087d75}
.case-count{font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.case-hint{font-size:12px;color:var(--gray);text-align:center;margin-top:12px}
.motion-ready .standard-card.reveal{transform:translateY(60px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.motion-ready .standard-card.reveal.visible{transform:none;opacity:1}
@media(max-width:760px){
  .hero-sub{font-size:17px}.section-head>p:last-child{font-size:16px}
  .question p,.standard-card p,.faq details p,.case-mini p{font-size:16px}
  .case-lead{font-size:17px}.case-steps div{font-size:14px}.case-note,.photo-note{font-size:12px}
  .diagnosis-card p{font-size:14px}.diagnosis-card small{font-size:11px}
  .micro,.hero-bottom{font-size:12px}.work-photo figcaption{font-size:14px}
  .eyebrow,.kicker,.number,.pill{font-size:12px}.card-top{font-size:13px}.live{font-size:11px}
  .sheet-row p,.sheet-check{font-size:14px}.sheet-row b{font-size:17px}.sheet-label{font-size:15px}.sheet-label span{font-size:12px}.fine{font-size:12px}
  .game-banner p:not(.kicker){font-size:15px}.game-banner small{font-size:12px}
  .contact p:not(.kicker){font-size:17px}.contact-card{font-size:16px}.contact-card>span{font-size:14px}.contact-card p{font-size:14px!important}
  .standard-bottom,.text-link{font-size:15px}.footer-grid>p{font-size:12px}
  .case-visual{min-height:240px;padding:26px}.case-visual>p{font-size:25px;margin:20px 0}.case-visual small{font-size:12px;margin-top:18px}.case-route{font-size:15px;padding:12px 0}
  .case-controls{gap:12px}.case-count,.case-hint{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.motion-ready .standard-card.reveal{opacity:1;transform:none;transition:none}.case-track{scroll-behavior:auto}}
.case-summary,.case-detail-toggle{display:none}
@media(max-width:760px){
  section.cases{padding:24px 0}
  .cases .section-head{margin-bottom:14px}.cases .section-head .kicker{margin-bottom:6px;font-size:10px}.cases .section-head h2{font-size:24px;line-height:1.25}.cases .section-head>p:last-child{display:none}
  .case-carousel{display:flex;flex-direction:column}
  .case-controls{order:-1;justify-content:space-between;margin:0 0 10px;gap:8px}
  .case-arrow{width:44px;height:44px}.case-dots{gap:4px}.case-dots button{width:24px}.case-count{font-size:13px}
  .case-track{align-items:flex-start}
  .case-slide .case-art img{height:clamp(88px,16svh,128px)}
  .case-slide .photo-note{bottom:6px;left:8px;right:8px;font-size:10px;line-height:1.4;padding:5px 7px}
  .case-body{padding:14px 16px}
  .case-body .pill{font-size:11px;padding:4px 8px}
  .case-body h3{font-size:22px;line-height:1.3;margin:10px 0;letter-spacing:-.6px}
  .case-summary{display:block;font-size:16px;line-height:1.65;color:var(--gray);margin-bottom:6px;text-wrap:pretty}
  .case-detail-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;background:transparent;color:#087d75;border:0;padding:8px 0;font-size:14px;font-weight:750}
  .case-slide:not(.is-expanded) .case-detail{display:none}
  .case-slide.is-expanded .case-detail{display:block;border-top:1px solid var(--line);padding-top:16px}
  .case-hint{font-size:12px;line-height:1.5;margin-top:8px}
  .cases .text-link{font-size:13px;margin-top:14px}
}
@media(max-width:760px) and (max-height:720px){
  section.cases{padding:16px 0}.cases .section-head .kicker{display:none}.cases .section-head h2{font-size:21px}.cases .section-head{margin-bottom:10px}
  .case-slide .case-art img{height:88px}.case-body{padding:12px 14px}.case-body h3{font-size:20px;margin:8px 0}.case-summary{line-height:1.5}
  .case-controls{margin-bottom:8px}.case-hint{margin-top:6px}
}
@media(max-width:760px) and (max-height:620px){.cases .section-head{display:none}.case-hint{display:none}.case-slide .case-art img{height:76px}.cases .text-link{margin-top:10px}}
/* Image-led cases: overlay headline and summary, permanently visible steps. */
.case-slide{grid-template-columns:1.3fr .7fr}
.case-slide .case-art{position:relative;isolation:isolate;overflow:hidden}
.case-slide .case-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,#092b462b 35%,#061e36ee 100%);z-index:1;pointer-events:none}
.case-overlay{position:absolute;bottom:28px;left:30px;right:30px;z-index:2;color:#fff}
.case-overlay .pill{background:#e8f8f4;color:#076e65}
.case-overlay h3{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:14px 0 12px;color:white;text-shadow:0 1px 8px #0008}
.case-overlay .case-summary{display:block;font-size:16px;line-height:1.65;color:#fff;margin:0;max-width:510px}
.case-slide .photo-note{top:12px;bottom:auto;z-index:3;left:12px;right:auto;max-width:calc(100% - 24px)}
.case-body{display:flex;align-items:center}
.case-body .case-steps{width:100%;margin:0}
.case-body .case-steps div{font-size:14px;padding:16px 0}
.case-body .case-steps div:first-child{border-top:0}
@media(max-width:760px){
 .case-slide{grid-template-columns:1fr}
 .case-slide .case-art img{height:clamp(180px,28svh,270px)}
 .case-overlay{bottom:16px;left:16px;right:16px}
 .case-overlay .pill{font-size:11px;padding:4px 8px}
 .case-overlay h3{font-size:22px;line-height:1.25;margin:10px 0 8px;letter-spacing:-.6px}
 .case-overlay .case-summary{font-size:15px;line-height:1.6}
 .case-slide .photo-note{top:8px;bottom:auto;left:8px;right:auto;font-size:10px}
 .case-body{padding:10px 16px}
 .case-body .case-steps div{font-size:14px;line-height:1.55;padding:8px 0;grid-template-columns:36px 1fr}
}
@media(max-width:760px) and (max-height:720px){
 .case-slide .case-art img{height:184px}
 .case-overlay{bottom:12px;left:14px;right:14px}
 .case-overlay h3{font-size:20px;margin:8px 0 6px}
 .case-overlay .case-summary{font-size:14px;line-height:1.5}
 .case-body{padding:8px 14px}
 .case-body .case-steps div{padding:7px 0}
}
@media(max-width:760px) and (max-height:620px){.case-slide .case-art img{height:166px}.case-overlay h3{font-size:19px}.case-overlay .pill{font-size:10px}.case-overlay .case-summary{font-size:14px}.case-slide .photo-note{font-size:8px;padding:2px 4px;line-height:1.2}}
