:root{--p1-idis-bg:#0B1220;--p1-idis-surface:#121A2B;--p1-idis-card:#17233A;--p1-idis-cyan:#38BDF8;--p1-idis-lime:#A3E635;--p1-idis-amber:#F59E0B;--p1-idis-text:#E5EEF7;--p1-idis-muted:#9FB3C8;--p1-idis-line:rgba(56,189,248,.26)}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at top left,#14213d 0,#0B1220 42%,#060a12 100%);color:var(--p1-idis-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.62} a{color:#7dd3fc} a.naked{word-break:break-all;color:#bae6fd} .wrap{max-width:1160px;margin:0 auto;padding:0 22px}.top{position:sticky;top:0;background:rgba(11,18,32,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--p1-idis-line);z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{font-weight:800;letter-spacing:.04em;color:#fff}.nav a{font-size:.92rem;text-decoration:none;color:#cbd5e1;margin-left:14px}.hero{padding:74px 0 42px}.eyebrow{color:var(--p1-idis-lime);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.hero h1{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.96;margin:12px 0 22px}.lead{font-size:1.16rem;color:#c9d7e8;max-width:68ch}.panel{background:linear-gradient(145deg,rgba(23,35,58,.96),rgba(18,26,43,.86));border:1px solid var(--p1-idis-line);border-radius:28px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.28)}.media-card{min-height:320px;background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(163,230,53,.13)),linear-gradient(160deg,#1e293b,#020617);position:relative;overflow:hidden}.media-card:before{content:'';position:absolute;inset:34px 44px;border:1px solid rgba(255,255,255,.22);border-radius:22px;box-shadow:inset 0 0 0 18px rgba(255,255,255,.035)}.media-card:after{content:'interactive display planning';position:absolute;left:28px;bottom:24px;color:#e0f2fe;font-size:1.45rem;font-weight:800}.section{padding:44px 0}.section h2{font-size:2rem;margin:0 0 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:rgba(18,26,43,.9);border:1px solid rgba(148,163,184,.18);border-top:3px solid var(--p1-idis-cyan);border-radius:22px;padding:22px}.card.lime{border-top-color:var(--p1-idis-lime)}.card.amber{border-top-color:var(--p1-idis-amber)}.small{font-size:.92rem;color:var(--p1-idis-muted)}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row{padding:14px;border-radius:16px;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.16)}.topics li{margin:12px 0}.video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:18px;background:#020617}.ref-list a{display:block;margin:10px 0}.footer{padding:35px 0;color:#94a3b8;border-top:1px solid var(--p1-idis-line);margin-top:42px}@media(max-width:820px){.hero-grid,.grid3,.grid2,.decision-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.nav a{margin:0 12px 0 0}.hero{padding-top:42px}}

.media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.33;filter:saturate(.8) contrast(1.05)}.inline-img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;border:1px solid rgba(148,163,184,.24);margin:10px 0 14px}