.case-overview{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:end;padding:94px 0 52px}.case-overview p{max-width:690px;margin:0;color:#4b5563;font-size:1.15rem;line-height:1.9;letter-spacing:-.025em}.case-scope-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.case-scope-tags span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f6f7f8;color:#4b5563;font-size:.78rem;font-weight:650}.case-scope-tags i{color:var(--brand)}.case-stack-visual{width:min(100%,760px);margin-left:auto}.case-stack-visual svg{display:block;width:100%;height:auto;overflow:visible}.stack-line{fill:none;stroke:rgba(255,255,255,.3);stroke-width:2;stroke-dasharray:4 8}.stack-node circle{fill:#e51515;stroke:#fff;stroke-width:3}.stack-node .stack-node-ring{fill:none;stroke:rgba(229,21,21,.35);stroke-width:2;stroke-dasharray:3 6;animation:case-stack-spin 12s linear infinite}.stack-node text{fill:#fff;font-size:12px;font-weight:700}.stack-node foreignObject{overflow:visible}.stack-node foreignObject span{display:block;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-align:center;white-space:nowrap}.case-screen-section{padding:100px 0 36px}.case-section-heading p{margin:13px 0 0;color:#6b7280;line-height:1.7}.case-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.case-screen-card{min-width:0;padding:14px 14px 22px;background:#f7f8fa;transition:transform .25s,box-shadow .25s}.case-screen-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(15,23,42,.09)}.case-screen-slot{position:relative;display:grid;place-items:center;min-height:180px;background:linear-gradient(145deg,#eef2f6,#fff);overflow:hidden}.case-screen-slot:after{position:absolute;inset:0;content:"";background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.7) 45%,transparent 70%);transform:translateX(-120%);transition:transform .6s}.case-screen-card:hover .case-screen-slot:after{transform:translateX(120%)}.case-screen-slot svg{width:74%;height:auto;fill:none;stroke:#1e3a5f;stroke-width:1.5}.case-screen-slot svg rect{fill:#fff;stroke:#d5dce4}.case-screen-slot svg path{stroke:#e51515;stroke-linecap:round;stroke-linejoin:round}.case-screen-slot svg circle{fill:#e51515;stroke:none}.case-screen-slot span{position:absolute;left:14px;bottom:12px;color:#1f2937;font-size:.62rem;font-weight:750;letter-spacing:.14em}.case-screen-card h3{margin:18px 4px 6px;font-size:1.02rem}.case-screen-card p{margin:0 4px;color:#6b7280;font-size:.83rem;line-height:1.65}.case-tech-section{display:grid;grid-template-columns:290px 1fr;gap:58px;align-items:start;padding:94px 0 75px;border-top:1px solid #e5e7eb}.case-tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.case-tech-grid article{position:relative;min-height:172px;padding:17px 12px;background:#fff;border:1px solid #e5e7eb}.tech-stack-icon{position:relative;width:48px;height:48px;margin-bottom:22px}.tech-stack-icon svg{width:48px;height:48px;fill:none;stroke:#e51515;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tech-stack-icon b{position:absolute;right:-6px;bottom:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#171717;font-size:.6rem}.case-tech-grid h3{margin:0 0 8px;font-size:.75rem;line-height:1.3;letter-spacing:.03em}.case-tech-grid p{margin:0;color:#8b929d;font-size:.72rem;line-height:1.5}.case-outcome-section{padding:20px 0 105px}.case-outcome-list{margin-top:30px;border-top:2px solid #171717}.case-outcome-list div{display:grid;grid-template-columns:58px 1fr 22px;gap:18px;align-items:center;min-height:64px;border-bottom:1px solid #e5e7eb}.case-outcome-list strong{color:#e51515;font-size:.78rem}.case-outcome-list span{font-size:1rem;font-weight:650}.case-outcome-list i{color:#e51515}.case-architecture{position:relative;overflow:hidden}.case-architecture:after{position:absolute;right:-12%;bottom:-70%;width:480px;height:480px;content:"";border:1px solid rgba(229,21,21,.3);border-radius:50%;box-shadow:0 0 0 25px rgba(229,21,21,.06),0 0 0 55px rgba(229,21,21,.035);pointer-events:none}@keyframes case-stack-spin{to{transform:rotate(360deg);transform-origin:center}}
.case-type-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;background:#e5e7eb}.case-type-metrics div{display:flex;align-items:baseline;gap:12px;padding:22px 24px;background:#fff}.case-type-metrics strong{color:var(--case-accent,#e51515);font-size:1.45rem;letter-spacing:-.04em}.case-type-metrics span{color:#6b7280;font-size:.78rem;font-weight:650}.case-hero-meta{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:#6b7280;font-size:.68rem;font-weight:750;letter-spacing:.12em}.case-hero-meta i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--case-accent,#e51515)}.case-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0 34px;padding:18px 0;background:#f7f8fa}.case-workflow div{position:relative;display:flex;align-items:center;gap:12px;padding:0 18px}.case-workflow b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--case-accent,#e51515);font-size:.65rem}.case-workflow span{font-size:.8rem;font-weight:700}.case-workflow i{position:absolute;right:-4px;color:#9ca3af}
.case-system-map{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;padding:76px 0 20px}.case-map-canvas{position:relative;min-height:360px;padding:16px;background:var(--case-surface,#f7f8fa);overflow:hidden}.case-map-canvas:before{position:absolute;inset:0;content:"";opacity:.35;background-image:linear-gradient(rgba(100,116,139,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.12) 1px,transparent 1px);background-size:28px 28px}.case-map-canvas svg{position:relative;z-index:1;width:100%;height:auto;overflow:visible}.map-connector{fill:none;stroke:url(#mapGradient);stroke-width:2;stroke-dasharray:8 9;animation:map-flow 3s linear infinite}.map-connector-b,.map-connector-c{stroke-width:1.5;opacity:.65}.map-node rect{fill:rgba(255,255,255,.92);stroke:rgba(100,116,139,.35);stroke-width:1.5}.map-node circle{fill:var(--case-accent,#e51515);stroke:#fff;stroke-width:3}.map-node text{fill:#1e293b;font-size:12px;font-weight:700}.map-node-left text:nth-of-type(2),.map-node-right text:nth-of-type(2){fill:#8b929d;font-size:9px;letter-spacing:.1em}.map-node-center rect{fill:#fff;stroke:var(--case-accent,#e51515);stroke-width:2}.map-node-center circle{fill:var(--case-accent,#e51515);filter:url(#mapGlow)}.map-node-center path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.map-node-center text{fill:var(--case-accent,#e51515);font-size:11px;letter-spacing:.12em}.case-page-manufacturing .case-map-canvas{background:#fef2f2}.case-page-energy .case-map-canvas{background:#fff8e8}.case-page-water .case-map-canvas{background:#eafafa}.case-page-smartfarm .case-map-canvas{background:#f1faec}.case-page-building .case-map-canvas{background:#f2f5f8}.case-page-infrastructure .case-map-canvas{background:#eaf1ff}
.case-page-manufacturing .case-screen-grid{grid-template-columns:1.45fr .8fr .8fr}.case-page-manufacturing .case-screen-card:first-child{grid-row:span 2}.case-page-energy .case-screen-grid{grid-template-columns:repeat(2,1fr)}.case-page-energy .case-screen-card:first-child{background:#fff8e8}.case-page-water .case-screen-card{border-radius:24px}.case-page-water .case-screen-slot{border-radius:17px}.case-page-smartfarm .case-screen-card{border-radius:28px 8px 28px 8px;background:#f1faec}.case-page-smartfarm .case-screen-slot{border-radius:20px 6px 20px 6px}.case-page-building .case-screen-grid{grid-template-columns:repeat(3,1fr);gap:0}.case-page-building .case-screen-card{background:#fff;border:1px solid #e5e7eb}.case-page-building .case-screen-card:first-child{grid-column:span 2}.case-page-infrastructure .case-screen-card{background:#101b36;color:#fff}.case-page-infrastructure .case-screen-card p{color:#bfdbfe}.case-page-infrastructure .case-screen-slot{background:linear-gradient(145deg,#172b50,#0b1530)}.case-page-infrastructure .case-screen-slot svg{stroke:#93c5fd}.case-page-infrastructure .case-screen-card h3{color:#fff}
.case-page-manufacturing .case-screen-slot:before{position:absolute;left:0;right:0;top:25%;height:1px;content:"";background:rgba(229,21,21,.7);box-shadow:0 42px rgba(229,21,21,.22),0 84px rgba(229,21,21,.12);animation:scan-line 4s ease-in-out infinite}.case-page-energy .case-map-canvas:after{position:absolute;right:10%;top:8%;width:100px;height:100px;content:"";border:1px solid rgba(245,158,11,.45);border-radius:50%;box-shadow:0 0 0 15px rgba(245,158,11,.08),0 0 0 32px rgba(245,158,11,.05);animation:energy-pulse 3s ease-in-out infinite}.case-page-water .case-map-canvas:after{position:absolute;left:15%;bottom:8%;width:180px;height:40px;content:"";border-bottom:2px solid rgba(14,159,154,.35);border-radius:50%;animation:water-wave 2.8s ease-in-out infinite}.case-page-smartfarm .case-screen-card:hover .case-screen-slot{transform:translateY(-3px) rotate(-.5deg)}.case-page-building .case-map-canvas:after{position:absolute;right:7%;bottom:8%;width:42px;height:42px;content:"";border:1px solid rgba(100,116,139,.5);box-shadow:24px -24px rgba(100,116,139,.18),48px 0 rgba(100,116,139,.12);animation:building-lights 2.2s ease-in-out infinite}.case-page-infrastructure .case-map-canvas:after{position:absolute;inset:12px;content:"";border:1px solid rgba(37,99,235,.35);border-radius:12px;animation:infra-pulse 3.2s ease-in-out infinite}
@keyframes map-flow{to{stroke-dashoffset:-34}}@keyframes scan-line{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(88px);opacity:1}}@keyframes energy-pulse{50%{transform:scale(1.16);opacity:.55}}@keyframes water-wave{50%{transform:translateX(30px) scaleX(1.15)}}@keyframes building-lights{50%{opacity:.35;transform:translateY(-4px)}}@keyframes infra-pulse{50%{inset:22px;opacity:.45}}
.case-page-manufacturing{--case-accent:#e51515;--case-surface:#fff7f6}.case-page-manufacturing .case-detail-hero{background:linear-gradient(120deg,#171717,#303030);color:#fff}.case-page-manufacturing .case-detail-copy p{color:#d1d5db}.case-page-manufacturing .case-overview{background:linear-gradient(90deg,#fff,#fff7f6)}.case-page-energy{--case-accent:#f59e0b;--case-surface:#fffaf0}.case-page-energy .case-detail-hero{background:linear-gradient(120deg,#0e223a,#123c61);color:#fff}.case-page-energy .case-detail-copy p{color:#dbeafe}.case-page-energy .case-detail-visual{filter:hue-rotate(18deg)}.case-page-water{--case-accent:#0e9f9a;--case-surface:#f0fbfa}.case-page-water .case-detail-hero{background:linear-gradient(120deg,#e9fbfa,#d9f1f2)}.case-page-water .case-detail-visual{filter:hue-rotate(130deg)}.case-page-water .case-scope-tags span{background:#e9f8f7}.case-page-smartfarm{--case-accent:#5b9b46;--case-surface:#f3faef}.case-page-smartfarm .case-detail-hero{background:linear-gradient(120deg,#edf8e9,#dcefd4)}.case-page-smartfarm .case-detail-visual{filter:hue-rotate(80deg)}.case-page-smartfarm .case-screen-slot{background:linear-gradient(145deg,#ecf8e9,#fff)}.case-page-building{--case-accent:#64748b;--case-surface:#f5f7fa}.case-page-building .case-detail-hero{background:linear-gradient(120deg,#f7f8fa,#e5eaf0)}.case-page-building .case-screen-slot{background:linear-gradient(145deg,#eef1f5,#fff)}.case-page-infrastructure{--case-accent:#2563eb;--case-surface:#eef5ff}.case-page-infrastructure .case-detail-hero{background:linear-gradient(120deg,#101b36,#1e3a68);color:#fff}.case-page-infrastructure .case-detail-copy p{color:#dbeafe}.case-page-infrastructure .case-architecture{background:linear-gradient(135deg,#0b1530,#162f5d)}
@media(max-width:1100px){.case-overview{grid-template-columns:280px 1fr;gap:38px}.case-tech-section{grid-template-columns:220px 1fr;gap:32px}.case-tech-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.case-system-map{grid-template-columns:240px 1fr;gap:28px}.case-page-manufacturing .case-screen-grid,.case-page-building .case-screen-grid{grid-template-columns:repeat(2,1fr)}.case-page-manufacturing .case-screen-card:first-child,.case-page-building .case-screen-card:first-child{grid-row:auto;grid-column:auto}}
@media(max-width:767.98px){.case-overview,.case-tech-section,.case-system-map{display:block;padding:64px 0 36px}.case-overview p{margin-top:24px;font-size:1rem}.case-stack-visual{margin-top:32px}.case-screen-section{padding:68px 0 20px}.case-screen-grid,.case-page-energy .case-screen-grid,.case-page-manufacturing .case-screen-grid,.case-page-building .case-screen-grid{grid-template-columns:1fr;gap:14px}.case-screen-slot{min-height:170px}.case-tech-section .case-tech-grid{margin-top:30px;grid-template-columns:repeat(2,1fr);gap:8px}.case-tech-grid article{min-height:155px}.case-outcome-section{padding:12px 0 72px}.case-outcome-list div{grid-template-columns:42px 1fr 18px;gap:10px}.case-outcome-list span{font-size:.9rem}.case-architecture{padding:32px 20px}.case-stack-visual svg{min-width:620px}.case-stack-visual{overflow-x:auto;padding-bottom:8px}.case-system-map{padding-top:55px}.case-map-canvas{min-height:300px;margin-top:28px;overflow-x:auto}.case-map-canvas svg{min-width:720px}.case-type-metrics{grid-template-columns:1fr;margin-top:0}.case-type-metrics div{padding:16px 20px}.case-workflow{grid-template-columns:repeat(2,1fr);gap:18px}.case-workflow div{padding:0 10px}.case-workflow i{display:none}}