.case-page .site-header{height:100px}.case-page .site-header nav{display:flex;align-items:center;gap:24px}.case-hero{padding:54px 0 65px}.case-back{font-size:13px;display:inline-block;margin-bottom:65px;color:var(--muted)}.case-hero h1{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:clamp(48px,6.6vw,100px);line-height:1.14;letter-spacing:-.035em;max-width:1050px}.case-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:52px}.case-intro h2{font-size:20px;font-weight:500}.case-intro p,.case-section p,.flow-grid p{font-size:16px;line-height:1.95;color:var(--muted)}.case-visual{position:relative;border-radius:5px;min-height:580px;display:flex;justify-content:center;align-items:center;padding:65px 6% 80px;background:radial-gradient(ellipse at 70% 25%,#eaf0dd,#c2ceb4);overflow:hidden}.case-visual.eq{background:radial-gradient(ellipse at 70% 25%,#f5dcd0,#cba796)}.case-device{width:300px;max-width:80%;border:10px solid #303a36;border-radius:32px;background:#303a36;box-shadow:20px 28px 42px #26332238;transform:perspective(1400px) rotateY(-9deg) rotateZ(-4deg);transition:transform .7s}.case-device:hover{transform:perspective(1400px) rotateY(0deg) rotateZ(0deg)}.case-device img{width:100%;max-height:590px;object-fit:cover;object-position:top;border-radius:22px}.case-visual.eq .case-device{width:290px;transform:perspective(1400px) rotateY(9deg) rotateZ(4deg)}.case-visual figcaption{position:absolute;bottom:23px;left:30px;right:30px;font-size:11px;color:#384435;line-height:1.6}.case-section{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:88px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:clamp(27px,3vw,42px);line-height:1.4;font-weight:400;margin-bottom:25px}.case-flow{padding:80px 0;border-bottom:1px solid var(--line)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.flow-grid span{display:block;font-family:Georgia,serif;font-size:42px;color:var(--accent);margin-bottom:30px}.flow-grid h3,.case-features h3{font-size:21px;margin-bottom:12px;font-weight:500}.case-features article+article{margin-top:34px}.case-status .primary{display:inline-flex;margin-top:30px;padding:17px 25px}.case-next{display:flex;align-items:center;gap:40px;padding:60px 0}.case-next>span:first-child{font-size:12px;color:var(--muted)}.case-next strong{flex:1;font-size:clamp(25px,3vw,42px);font-weight:400}.case-next>span:last-child{font-size:38px}.case-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0 45px;font-size:12px;color:var(--muted)}.case-visual.mdm{background:radial-gradient(ellipse at 70% 25%,#dddcd0,#b9c0bc);min-height:430px}.architecture{display:flex;align-items:stretch;width:100%;gap:35px;color:#293a36}.architecture>div{flex:1;position:relative;border:1px solid #697b6955;border-radius:12px;padding:35px 23px;background:#ffffff70;box-shadow:0 15px 30px #2233220c}.architecture>div+div:before{content:'↔';position:absolute;left:-28px;top:50%}.architecture small{display:block;margin-bottom:28px}.architecture strong{font-size:22px;display:block;margin-bottom:18px}.architecture span{font-size:13px;line-height:1.8}.case-page .primary{color:var(--accent-ink)}
@media(max-width:700px){.case-page .site-header{gap:10px;height:85px}.case-page .site-header nav{gap:15px;font-size:12px}.case-page .brand-logo svg{width:118px}.case-page .theme-switch{padding:4px 8px}.case-hero{padding:28px 0 45px}.case-back{margin-bottom:42px}.case-intro{grid-template-columns:1fr;gap:18px;margin-top:35px}.case-section{grid-template-columns:1fr;gap:5px;padding:48px 0}.case-flow{padding:48px 0}.flow-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.flow-grid p{font-size:14px}.flow-grid span{margin-bottom:15px}.case-visual{min-height:480px;padding:42px 30px 75px}.case-device{width:235px}.case-device img{max-height:440px}.case-next{gap:20px;flex-wrap:wrap;padding:42px 0}.case-next>span:first-child{width:100%}.architecture{flex-direction:column;gap:25px}.architecture>div{padding:22px}.architecture small{margin-bottom:14px}.architecture>div+div:before{content:'↕';top:-25px;left:50%}.case-visual.mdm{padding:35px 22px 80px}.case-footer{gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-device{transition:none}}

/* tv-landing-gallery */
.case-visual.tv{background:radial-gradient(ellipse at 60% 20%,#dce6f0,#9aa8b8);min-height:auto;padding:48px 4% 70px;align-items:stretch;justify-content:stretch}
.tv-shots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;align-items:end}
.tv-shots figure{margin:0;background:#1b242c;border-radius:14px;padding:8px;box-shadow:0 18px 36px #10203344;transform:translateY(0);transition:transform .35s}
.tv-shots figure:hover{transform:translateY(-6px)}
.tv-shots img{display:block;width:100%;height:auto;border-radius:8px;aspect-ratio:3/4;object-fit:cover;object-position:top}
.tv-shots figcaption{font-size:11px;color:#e8eef5;padding:8px 4px 2px;line-height:1.4;text-align:center}
.case-visual.tv>figcaption.tv-caption{position:absolute;bottom:18px;left:30px;right:30px;font-size:11px;color:#243040}
.config-box{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 88%,var(--accent) 12%)}
.config-box code{font-size:14px;word-break:break-all;flex:1;min-width:220px}
.config-box button,.download-grid a.primary{cursor:pointer}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.download-grid article{border:1px solid var(--line);border-radius:12px;padding:18px 16px}
.download-grid h3{font-size:17px;margin:0 0 8px;font-weight:500}
.download-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.download-grid .primary{display:inline-flex;padding:12px 16px;margin-top:0}
.install-steps{counter-reset:step;list-style:none;padding:0;margin:18px 0 0}
.install-steps li{position:relative;padding:0 0 22px 48px;border-left:1px solid var(--line);margin-left:14px}
.install-steps li:last-child{border-left-color:transparent;padding-bottom:0}
.install-steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:-15px;top:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-family:Georgia,serif}
.install-steps strong{display:block;font-size:16px;font-weight:500;margin-bottom:6px}
.install-steps span{display:block;font-size:14px;line-height:1.8;color:var(--muted)}
.install-steps code{font-size:12px;word-break:break-all}
@media(max-width:900px){.tv-shots{grid-template-columns:repeat(3,1fr)}.download-grid{grid-template-columns:1fr}}
@media(max-width:700px){.tv-shots{grid-template-columns:repeat(2,1fr)}.case-visual.tv{padding:28px 16px 60px}}