:root{color-scheme:dark;--bg:#0D1524;--panel:#172437;--text:#E8F1FC;--cyan:#39D2B4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.7 system-ui,Segoe UI,sans-serif;background:#0D1524;background-image:linear-gradient(90deg,#0d2c4a55,transparent 30%,transparent 70%,#0d2c4a55),repeating-linear-gradient(0deg,transparent 0 58px,#39d2b40c 59px 60px),repeating-linear-gradient(90deg,transparent 0 69px,#39d2b40c 70px 71px)}
a{color:#79f6e5}a:hover{color:white}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.wrap{width:min(1280px,calc(100% - 30px));margin:auto}.mp-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;margin-bottom:30px;border:1px solid #3c7491;border-radius:0 0 15px 15px;background:#071a31e8;box-shadow:0 10px 40px #0007}.logo{font-size:21px;font-weight:850;color:white;text-decoration:none;white-space:nowrap}.logo span{color:var(--cyan)}.mp-header nav{display:flex;gap:15px;align-items:center;justify-content:center;white-space:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin}.mp-header nav a{color:#e8f1fc;text-decoration:none;font-size:12px;font-weight:750}.mp-header nav a[aria-current]{color:var(--cyan)}.cta{padding:9px 14px;border-radius:24px;color:white;text-decoration:none;font-size:12px;font-weight:750;background:linear-gradient(100deg,#00b9dc,#275cf5,#a62ed8);white-space:nowrap}
.crumb{font-size:.83rem;color:#a7c2d4;margin:12px 0 30px}.crumb a{color:#a6dff0}.tag{font-size:.76rem;letter-spacing:.14em;color:var(--cyan);font-weight:800;text-transform:uppercase}.hero{margin-bottom:22px}.hero h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;margin:12px 0}.hero p{color:#c4d7e5;max-width:850px;font-size:1.07rem}
.ad{border:1px dashed #3c6c84;border-radius:12px;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;color:#a1b5c7;font-size:.8rem;padding:14px;margin:22px 0}.ad.sidebar{min-height:160px}.ad.middle{min-height:140px}
.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(80px,.27fr) minmax(0,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(145deg,#172437f7,#102033ef);border:1px solid #375c70;border-radius:17px;padding:clamp(19px,2.5vw,30px);box-shadow:0 12px 35px #0005;min-width:0}.panel h2{font-size:1.35rem;margin:0 0 12px}.panel h3{font-size:1.04rem;color:#9ef9ed;margin:25px 0 8px}.panel p,.panel li{color:#c9dbe8}.panel li{margin:7px 0}.code{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #376277;border-radius:12px;background:#071526;color:#c9f8ee;padding:17px;font:13px/1.65 ui-monospace,Consolas,monospace}.command{font-family:ui-monospace,monospace;color:#7ef4e1}
label{display:block;font-size:.85rem;font-weight:800;margin:16px 0 7px}textarea{width:100%;min-height:125px;border:1px solid #47748c;border-radius:10px;background:#071526;color:white;padding:13px;font:inherit;resize:vertical}button{background:linear-gradient(100deg,#3be0c3,#4a9be8);border:0;border-radius:10px;color:#06172a;font-weight:800;padding:12px 16px;cursor:pointer;margin:10px 8px 8px 0}.status{color:#a8d7cd;font-size:.83rem}
.cinematic-viewport{height:180px;border:1px solid #278b9b;border-radius:13px;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 50%,#1a6b855c,transparent 53%),repeating-linear-gradient(0deg,transparent 0 22px,#39d2b419 23px 24px),repeating-linear-gradient(90deg,transparent 0 22px,#39d2b419 23px 24px),#071725;box-shadow:inset 0 0 50px #0bb2e31c}.cinematic-viewport:before{content:"INPUT  →  ENHANCE  →  REVIEW";font-size:.85rem;font-weight:850;letter-spacing:.08em;color:#a6fff4;text-shadow:0 0 15px #39d2b4}
.links{display:flex;flex-wrap:wrap;gap:10px}.links a,.tile{display:block;padding:12px;border:1px solid #3a6a80;border-radius:11px;background:#0b1d31;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile strong{display:block;color:#a2fff0}.tile small{color:#c2d5e5}.filter{width:100%;padding:15px;border:1px solid #47748c;border-radius:10px;background:#0c2034;color:white;font:inherit;margin:15px 0 26px}
footer{padding:35px 0;margin-top:35px;border-top:1px solid #3b6379;color:#a2b9ca;font-size:.85rem}.sr{position:absolute;left:-9999px}.sr:focus{left:10px;top:10px;background:white;color:black;z-index:100}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.ad.middle{grid-column:1/-1;min-height:90px;grid-row:2}.layout>.panel:last-child{grid-column:2;grid-row:1}.mp-header{grid-template-columns:auto auto}.mp-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.cta{justify-self:end}}@media(max-width:720px){.layout{grid-template-columns:1fr}.layout>.panel:last-child{grid-column:auto;grid-row:auto}.ad.middle{grid-column:auto;grid-row:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.grid{grid-template-columns:1fr}.mp-header{gap:10px;padding:12px}.logo{font-size:18px}.cta{font-size:11px;padding:8px}.panel{padding:18px}}

/* v80.1: fix squeezed in-article ad and preserve a balanced two-column studio */
.layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.layout>.panel:last-child{grid-column:2;grid-row:1}
.ad.middle{width:100%;max-width:100%;min-height:110px;margin:26px 0;grid-column:auto;grid-row:auto;clear:both}
.layout .ad.middle{display:none}
.panel .code{white-space:pre-wrap;overflow-wrap:anywhere}
textarea{white-space:pre-wrap;line-height:1.65}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.layout>.panel:last-child{grid-column:2;grid-row:1}}
@media(max-width:720px){.layout{grid-template-columns:1fr}.layout>.panel:last-child{grid-column:1;grid-row:auto}}

/* v80.2: true in-article advertising slot within editorial text, no extra grid column */
.layout article.panel .ad.in-article{display:flex!important;width:100%;max-width:100%;min-height:160px;margin:30px 0;grid-column:auto;grid-row:auto;clear:both;overflow-wrap:anywhere;background:rgba(5,18,33,.36)}
@media(max-width:720px){.layout article.panel .ad.in-article{min-height:120px}}

.editorial-case-study{margin:26px 0;padding:18px 20px;border:1px solid #376277;border-radius:12px;background:#0b1e31}.editorial-case-study h4{color:#83f3e1;margin:14px 0 6px}.editorial-case-study p{margin:8px 0 12px}