/* QD ISP product presentation. Load AFTER the original and preservation sheets.
   All original copy stays visible; native FAQ/code-tab disclosure is retained. */
body[data-isp-design="1"] {
  --isp-bg:#05070f; --isp-panel:#0b1020; --isp-line:#27324a;
  --isp-text:#e6eaf5; --isp-muted:#a5b2cb; --isp-violet:#aa9cff; --isp-blue:#689cff;
  background:var(--isp-bg); color:var(--isp-text);
}
body[data-isp-design="1"] main {
  --bg:var(--isp-bg); --bg-elev:var(--isp-panel); --text:var(--isp-text); --muted:var(--isp-muted);
  --line:var(--isp-line); --q1:#6d5cff; --q2:var(--isp-blue);
  background:var(--isp-bg);
}
body[data-isp-design="1"] .topbar { background:#0b1020; border-bottom:1px solid #263149; }
body[data-isp-design="1"] main [data-reveal] { opacity:1; visibility:visible; transform:none; animation:none; }
body[data-isp-design="1"] main :is(h1,h2,h3) { color:var(--isp-text); text-wrap:balance; }
body[data-isp-design="1"] main h1 { font-size:clamp(38px,4.15vw,60px); line-height:1.08; letter-spacing:-.052em; font-weight:600; }
body[data-isp-design="1"] main h2 { font-size:clamp(28px,3vw,40px); line-height:1.18; letter-spacing:-.04em; }
body[data-isp-design="1"] main :is(p,li) { overflow-wrap:break-word; }
body[data-isp-design="1"] main :is(.lead,.sub,.pricing-sub,.cmp-note,.copy p) { color:var(--isp-muted); }
body[data-isp-design="1"] main :is(.btn-cta,.btn-outline,.tab) { min-height:46px; }
body[data-isp-design="1"] main .btn-cta { color:#04241f; background:#25e3c2; border-color:#25e3c2; border-radius:10px; }
body[data-isp-design="1"] main .btn-outline { color:var(--isp-text); border:1px solid #3c4862; background:#0c1323; border-radius:10px; }
body[data-isp-design="1"] main :is(a,button,summary):focus-visible { outline:2px solid #b8acff; outline-offset:5px; }
body[data-isp-design="1"] main :is(.center,.pricing-sub) { text-align:left; margin-left:0; }
body[data-isp-design="1"] main > .section { max-width:1240px; padding:76px 40px; }
body[data-isp-design="1"] main .wrap { max-width:none; padding:0; }
body[data-isp-design="1"] main .eyebrow { color:var(--isp-violet); font-size:12px; letter-spacing:.15em; }

/* An open editorial hero, with a dedicated network chassis occupying its half. */
body[data-isp-design="1"] main .hero-outer { max-width:1240px; padding:24px 40px 0; }
body[data-isp-design="1"] main .hero-card { padding:20px 0 40px; border:0; border-radius:0; overflow:visible; background:transparent; box-shadow:none; }
body[data-isp-design="1"] main .crumbs { margin:0 0 34px; color:var(--isp-muted); flex-wrap:wrap; }
body[data-isp-design="1"] main .hero-grid { grid-template-columns:minmax(0,1.16fr) minmax(0,1fr); gap:64px; align-items:center; }
body[data-isp-design="1"] main .hero-copy { min-width:0; }
body[data-isp-design="1"] main .lead { margin-top:24px; font-size:16px; line-height:1.8; max-width:60ch; }
body[data-isp-design="1"] main .tool-byline { color:#98a5bf; font-size:12px; line-height:1.7; margin:18px 0 0; }
body[data-isp-design="1"] main .cta-row { margin-top:26px; gap:12px; flex-wrap:wrap; }
body[data-isp-design="1"] main .trust { font-size:12px; line-height:1.8; color:var(--isp-muted); margin-top:18px; max-width:50ch; }
body[data-isp-design="1"] main .hero-grid > .visual { min-width:0; width:100%; }
body[data-isp-design="1"] main :is(.htile,.isp-visual) { position:relative; width:100%; max-width:none; min-height:396px; padding:24px; border:1px solid #34405e; border-radius:24px; background:linear-gradient(150deg,#151a32,#0b1020 62%); box-shadow:0 32px 70px -30px #000, inset 0 1px #ffffff0c; display:flex; flex-direction:column; gap:0; isolation:isolate; }
body[data-isp-design="1"] main :is(.htile,.isp-visual)::before { content:""; position:absolute; z-index:-1; inset:16px -12px -12px 16px; border:1px solid #29334d; border-radius:24px; background:#080d19; }
body[data-isp-design="1"] main .htile .tile-tag { color:#c0b6ff; font-size:10px; letter-spacing:.14em; position:relative; z-index:2; }
body[data-isp-design="1"] main .htile .tile-sub { font-size:12px; line-height:1.7; color:#a5b2cb; padding-right:84px; margin-top:auto; }
body[data-isp-design="1"] main .htile > .pp-scene { position:absolute; right:16px; bottom:20px; width:76px; height:51px; }
body[data-isp-design="1"] main .htile .led { fill:var(--isp-blue); animation:none; }
body[data-isp-design="1"] main .isp-visual { justify-content:center; }
body[data-isp-design="1"] main .isp-stage { position:relative; width:100%; aspect-ratio:480/340; isolation:isolate; }
body[data-isp-design="1"] main .isp-backplane { position:absolute; inset:6% 3%; border-radius:16px; background-image:radial-gradient(#7583bd30 1px,transparent 1px); background-size:18px 18px; mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
body[data-isp-design="1"] main .isp-traces { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
body[data-isp-design="1"] main .isp-wire { fill:none; stroke:#59679a; stroke-width:1.6; }
body[data-isp-design="1"] main .isp-pulses { fill:none; stroke:#b3a4ff; stroke-width:2; stroke-dasharray:10 250; animation:qd-isp-connection 4s linear infinite; }
body[data-isp-design="1"] main .isp-pulses path:nth-child(2) { stroke:#689cff; }
body[data-isp-design="1"] main .isp-terminals { fill:#111a2d; stroke:#7887b5; stroke-width:1.3; }
body[data-isp-design="1"] main .isp-terminal-dot { fill:#b2a4ff; }
body[data-isp-design="1"] main .isp-device { position:absolute; top:1%; left:32%; width:69%; transform:perspective(700px) rotateY(-12deg) rotateX(5deg); border:1px solid #536084; border-radius:16px; background:linear-gradient(150deg,#26314c,#11192a); box-shadow:8px 10px 0 #070d1c,9px 11px 0 #354361,0 28px 32px -12px #0009; }
body[data-isp-design="1"] main .isp-hardware { width:100%; height:auto; display:block; padding:8px; }
body[data-isp-design="1"] main .isp-hardware .qd-art-panel { fill:#1b2640; stroke:#9faee0; stroke-width:1; }
body[data-isp-design="1"] main .isp-hardware .qd-art-inset { fill:#0a1123; stroke:#5b6a97; stroke-width:.6; }
body[data-isp-design="1"] main .isp-hardware :is(.qd-art-line,.qd-art-route,.qd-art-floor) { fill:none; stroke:#8f9dc8; stroke-width:1; }
body[data-isp-design="1"] main .isp-hardware .qd-art-route { stroke:#a796ff; stroke-width:1.5; }
body[data-isp-design="1"] main .isp-hardware .qd-art-violet-soft { fill:#5d4cb0; stroke:#b8a9ff; }
body[data-isp-design="1"] main .isp-hardware .qd-art-mint { fill:#8eaaff; }
body[data-isp-design="1"] main .isp-fixed-node { position:absolute; left:40%; top:43%; width:22%; aspect-ratio:1; border:1px solid #9987e7; border-radius:20%; display:grid; place-items:center; background:linear-gradient(140deg,#252340,#111627); box-shadow:0 6px 0 #131526,0 7px 0 #5d5387,0 20px 44px #0009; }
body[data-isp-design="1"] main .isp-fixed-node img { width:52%; height:auto; }
body[data-isp-design="1"] main .isp-socket { position:absolute; bottom:11%; left:25%; display:flex; gap:6px; padding:10px 12px; border:1px solid #333f60; border-radius:8px; background:#10182b; }
body[data-isp-design="1"] main .isp-socket i { display:block; width:5px; height:12px; border-radius:2px; background:#7f8bc0; }
@keyframes qd-isp-connection { to { stroke-dashoffset:-260; } }

/* A technical specification rail; every original fact retains its own slot. */
body[data-isp-design="1"] main > .facts-wrap { padding-top:28px; padding-bottom:34px; }
body[data-isp-design="1"] main .facts { border-radius:0; overflow:visible; background:transparent; border:0; border-top:1px solid #3a4562; border-bottom:1px solid #3a4562; gap:0; }
body[data-isp-design="1"] main .facts > .fact { padding:24px; background:transparent; border:0; border-right:1px solid #27324a; border-radius:0; gap:10px; }
body[data-isp-design="1"] main .facts > .fact:last-child { border-right:0; }
body[data-isp-design="1"] main .fact strong { font-size:18px; color:var(--isp-text); letter-spacing:-.025em; }
body[data-isp-design="1"] main .fact span:not(.isp-port) { font-size:12px; line-height:1.7; color:var(--isp-muted); }
body[data-isp-design="1"] main .isp-port { display:inline-grid; place-items:center; width:30px; height:26px; border:1px solid #56638a; border-radius:6px; background:#131c30; flex:none; }
body[data-isp-design="1"] main .isp-port i { width:12px; height:9px; border:1px solid #b1a3ff; border-top-width:3px; border-radius:2px; box-shadow:0 3px #6d5cff30; }

/* Pricing is a five-column rate schedule, with one original featured tier.
   Small screens use horizontal rows so the five choices can be compared quickly. */
body[data-isp-design="1"] main .pricing { position:relative; }
body[data-isp-design="1"] main .pricing :is(.sub,.pricing-sub) { max-width:76ch; font-size:15px; line-height:1.8; margin-top:16px; }
body[data-isp-design="1"] main .pricing .basic-strip { margin-top:28px; padding:24px 28px; background:#0b1020; border:1px solid #35415e; border-radius:14px; }
body[data-isp-design="1"] main .basic-strip h3 { font-size:16px; }
body[data-isp-design="1"] main .tiers.plans5 { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; border:1px solid #35415e; border-radius:18px; overflow:visible; background:#0b1020; margin-top:36px; }
body[data-isp-design="1"] main .tiers .tier { min-width:0; padding:48px 20px 28px; border:0; border-right:1px solid #35415e; border-radius:0; background:transparent; box-shadow:none; gap:18px; transition:background .2s; }
body[data-isp-design="1"] main .tiers .tier:first-child { border-radius:18px 0 0 18px; }
body[data-isp-design="1"] main .tiers .tier:last-child { border-right:0; border-radius:0 18px 18px 0; }
body[data-isp-design="1"] main .tiers .tier.featured { background:#19172e; box-shadow:inset 0 3px #9a87ff; }
body[data-isp-design="1"] main .tiers .tier:hover { background:#19233a; transform:none; }
/* Reserve equal headroom in every tier: the featured badge stays inside its
   card without covering the capacity rail or disturbing price alignment. */
body[data-isp-design="1"] main .tiers .tier .badge { top:10px; left:16px; right:auto; transform:none; color:#e2daff; border:1px solid #7767b0; background:#30294b; padding:3px 10px; font-size:10px; }
body[data-isp-design="1"] main .tier h3 { font-size:14px; font-weight:500; color:#b6c2da; }
body[data-isp-design="1"] main .tier .price { font-size:clamp(26px,2.55vw,36px); line-height:1.2; font-weight:600; letter-spacing:-.055em; color:#f0f2fb; white-space:nowrap; }
body[data-isp-design="1"] main .price small { font-family:var(--font-body); font-size:12px; color:#a8b6d2; letter-spacing:0; font-weight:400; margin-left:3px; }
body[data-isp-design="1"] main .tier ul { font-size:12px; gap:8px; color:#a8b6d2; }
body[data-isp-design="1"] main .tier ul li::before { color:#8d9bcc; }
body[data-isp-design="1"] main .isp-tier-rail { display:flex; gap:4px; }
body[data-isp-design="1"] main .isp-tier-rail i { width:16px; height:5px; background:#28324a; border-radius:1px; }
body[data-isp-design="1"] main .tier:nth-of-type(1) .isp-tier-rail i:nth-child(-n+1),
body[data-isp-design="1"] main .tier:nth-of-type(2) .isp-tier-rail i:nth-child(-n+2),
body[data-isp-design="1"] main .tier:nth-of-type(3) .isp-tier-rail i:nth-child(-n+3),
body[data-isp-design="1"] main .tier:nth-of-type(4) .isp-tier-rail i:nth-child(-n+4),
body[data-isp-design="1"] main .tier:nth-of-type(5) .isp-tier-rail i { background:#a291ee; }
body[data-isp-design="1"] main .pricing .cmp-note { margin-top:24px; max-width:84ch; font-size:13px; line-height:1.8; }
body[data-isp-design="1"] main .feat-strip { justify-content:flex-start; gap:0; margin-top:26px; }
body[data-isp-design="1"] main .feat-strip span { padding:7px 16px 7px 0; margin-right:16px; border:0; border-right:1px solid #34405a; border-radius:0; background:transparent; font-size:12px; }

/* Alternate editorial sections with a readable measure, never a half-empty row. */
body[data-isp-design="1"] main .split { display:block; border-top:1px solid #27324a; }
body[data-isp-design="1"] main .split .copy { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:72px; }
body[data-isp-design="1"] main .split h2 { margin:0; max-width:14ch; }
body[data-isp-design="1"] main .isp-copy-body { min-width:0; }
body[data-isp-design="1"] main .isp-copy-body p { font-size:16px; line-height:1.9; margin-top:20px; }
body[data-isp-design="1"] main .isp-copy-body > p:first-child { margin-top:0; }
body[data-isp-design="1"] main .isp-copy-body strong { color:#e6eaf5; font-weight:550; }
body[data-isp-design="1"] main .checks { margin-top:24px; }
body[data-isp-design="1"] main .checks li { position:relative; padding:16px 0 16px 27px; margin:0; border-top:1px solid #263149; font-size:14px; }
body[data-isp-design="1"] main .checks li::before { color:#ad9bff; }
body[data-isp-design="1"] main .split > .visual { margin-top:36px; }
body[data-isp-design="1"] main .ltile { min-height:0; padding:30px 36px; border:1px solid #38415f; border-radius:16px; background:linear-gradient(100deg,#16152d,#0b1020); display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }
body[data-isp-design="1"] main .lt-big { font-size:24px; line-height:1.4; color:#c3b7ff; }
body[data-isp-design="1"] main .lt-sub { color:#afbbd4; line-height:1.8; }
body[data-isp-design="1"] main .usecases:not([id]) .uc-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #3b4562; }
body[data-isp-design="1"] main .usecases:not([id]) .uc { background:transparent; border:0; border-radius:0; padding:30px 28px; border-bottom:1px solid #2d3750; border-right:1px solid #2d3750; }
body[data-isp-design="1"] main .usecases:not([id]) .uc:nth-child(3n) { border-right:0; }
body[data-isp-design="1"] main .uc h3 { font-size:16px; }
body[data-isp-design="1"] main .uc p { font-size:14px; line-height:1.8; }
body[data-isp-design="1"] main .picker { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
body[data-isp-design="1"] main .pick { padding:22px 18px; background:#0b1020; border-color:#2d3851; border-radius:14px; }
body[data-isp-design="1"] main .pick[href="../isp-proxies/"] { background:#18152c; border-color:#8372c7; }
body[data-isp-design="1"] main .pick em { color:#b4a3ff; }
body[data-isp-design="1"] main .pick:hover { border-color:#9e8fd2; }
body[data-isp-design="1"] main .proxy-strip { margin-top:0; padding:34px; background:#0b1020; border-color:#35415f; border-radius:16px; }
body[data-isp-design="1"] main .ai-strip { border-left:3px solid #9b88ee; }
body[data-isp-design="1"] main .code { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:22px 48px; align-items:start; border-top:1px solid #27324a; }
body[data-isp-design="1"] main .code > :is(h2,p) { grid-column:1; margin:0; }
body[data-isp-design="1"] main .code > h2 { max-width:14ch; }
body[data-isp-design="1"] main .code-card { grid-column:2; grid-row:1 / span 3; min-width:0; margin:0; max-width:none; background:#0a1020; border:1px solid #455170; border-radius:16px; box-shadow:0 20px 40px -26px #000; }
body[data-isp-design="1"] main .code-card pre { max-width:100%; margin:0; padding:26px; white-space:pre-wrap; overflow-wrap:anywhere; color:#c5cee7; font-size:12px; line-height:1.9; }
body[data-isp-design="1"] main .code-tabs { padding:10px; background:#121b2e; }
body[data-isp-design="1"] main .code-tabs .tab { color:#b9c5df; background:transparent; }
body[data-isp-design="1"] main .code-tabs .tab.active { color:#d1c8ff; background:#26243d; border-color:#776aa3; }
body[data-isp-design="1"] main .steps { gap:0; border-top:1px solid #3c4665; }
body[data-isp-design="1"] main .step { padding:32px; border:0; border-radius:0; border-right:1px solid #2b3650; background:transparent; }
body[data-isp-design="1"] main .step:last-child { border:0; }
body[data-isp-design="1"] main .step-n { color:#c8bbff; background:#211d38; border:1px solid #6d6098; }
body[data-isp-design="1"] main .cmp-wrap { border:1px solid #35415e; border-radius:16px; }
body[data-isp-design="1"] main .cmp { min-width:0; table-layout:fixed; }
body[data-isp-design="1"] main .cmp th { color:#a6b3cd; }
body[data-isp-design="1"] main .cmp th:nth-child(2) { color:#c8baff; }
body[data-isp-design="1"] main .cmp td:nth-child(2) { background:#171529; }
body[data-isp-design="1"] main .cmp :is(th,td) { font-size:13px; padding:18px; overflow-wrap:anywhere; }
body[data-isp-design="1"] main .tool-figure { margin:0; padding:16px; border-radius:16px; background:#0b1020; border:1px solid #303c57; }
body[data-isp-design="1"] main .tool-figure img { display:block; width:100%; height:auto; border-radius:8px; }
body[data-isp-design="1"] main .tool-figure figcaption { margin:16px 8px 4px; color:#a5b2cb; font-size:13px; line-height:1.7; }

/* Country directory: compact three-column connection index, every link exposed. */
body[data-isp-design="1"] main :is(#countries,#isp-countries) { border-top:1px solid #303b55; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) > .sub { max-width:68ch; margin-top:16px; font-size:15px; line-height:1.8; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; margin-top:36px; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc { display:grid; grid-template-columns:34px minmax(0,1fr); gap:4px 14px; align-content:center; position:relative; padding:20px 20px 20px 0; min-height:100px; background:transparent; border:0; border-bottom:1px solid #2c3750; border-radius:0; transition:background .2s,border-color .2s; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc .isp-port { grid-row:1 / 3; align-self:center; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc h3 { margin:0; font-size:14px; font-weight:550; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p { grid-column:2; color:#9eacc8; font-size:11px; line-height:1.7; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc::after { content:""; position:absolute; right:3px; top:33px; width:5px; height:5px; border-right:1px solid #a697db; border-top:1px solid #a697db; transform:rotate(45deg); }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc:hover { background:#10172a; border-color:#8d7bca; }

/* FAQ sidebar is a quiet product desk, native disclosure remains functional. */
body[data-isp-design="1"] main .faq.faq-grid { max-width:1240px; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:64px; border-top:1px solid #303b55; }
body[data-isp-design="1"] main .faq-side { background:linear-gradient(140deg,#17172f,#0b1020); padding:30px; border:1px solid #3c4664; border-radius:20px; top:130px; }
body[data-isp-design="1"] main .faq-side h2 { margin:0; }
body[data-isp-design="1"] main .faq-side p { max-width:26ch; color:#a5b2cb; }
body[data-isp-design="1"] main .faq-side a { min-height:44px; color:#c4b6ff; border-color:#6e6397; }
body[data-isp-design="1"] main .faq-list { border-top:1px solid #44506d; }
body[data-isp-design="1"] main .faq details { padding:0; border-bottom:1px solid #303b55; }
body[data-isp-design="1"] main .faq summary { padding:23px 0; min-height:64px; }
body[data-isp-design="1"] main .faq summary h3 { font-size:15px; line-height:1.6; }
body[data-isp-design="1"] main .faq summary::after { color:#c4b5ff; }
body[data-isp-design="1"] main .faq details[open] { background:linear-gradient(90deg,#111529,transparent); }
body[data-isp-design="1"] main .faq details p { color:#acb9d0; font-size:14px; line-height:1.9; padding:0 18px 24px 0; overflow:visible; }
body[data-isp-design="1"] main .faq details p a { color:#c7b9ff; }

/* Closing action spans the same product grid; no new copy or actions. */
body[data-isp-design="1"] main .final-band { position:relative; text-align:left; border:1px solid #4c4c74; border-radius:24px; background:linear-gradient(115deg,#1d1b36,#0b1020 75%); padding:52px; margin-bottom:40px; }
body[data-isp-design="1"] main > .final-band { max-width:1160px; margin:36px auto 70px; }
body[data-isp-design="1"] main .final-band h2 { max-width:20ch; }
body[data-isp-design="1"] main .final-band p { max-width:64ch; color:#adb9d1; }
body[data-isp-design="1"] main .final-in { position:relative; }
body[data-isp-design="1"] main .final-band::after { content:""; position:absolute; right:52px; top:52px; width:68px; height:68px; border:1px solid #9282ca; border-radius:18px; background:url('/quanticdata-logo-small.svg') center / 36px 36px no-repeat,linear-gradient(145deg,#282842,#141b2c); box-shadow:8px 8px 0 #101528,9px 9px 0 #444063; pointer-events:none; }
body[data-isp-design="1"] main .final-band :is(h2,p) { padding-right:100px; }
body[data-isp-design="1"] main .final-band .btn-outline { margin-left:10px; }
body[data-isp-design="1"] main .related a { min-height:44px; display:inline-flex; align-items:center; color:#b7c3dc; border-radius:8px; }

@media (max-width:1100px) {
  body[data-isp-design="1"] main .hero-grid { gap:32px; }
  body[data-isp-design="1"] main :is(.htile,.isp-visual) { padding:18px; min-height:320px; }
  body[data-isp-design="1"] main .tiers .tier { padding:48px 14px 24px; }
  body[data-isp-design="1"] main .picker { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-isp-design="1"] main .split .copy { gap:40px; }
  body[data-isp-design="1"] main > .final-band { margin-left:40px; margin-right:40px; }
}
@media (max-width:800px) {
  body[data-isp-design="1"] main > .section { padding:52px 24px; }
  body[data-isp-design="1"] main .hero-outer { padding:14px 24px 0; }
  body[data-isp-design="1"] main .hero-grid { grid-template-columns:1fr; gap:36px; }
  body[data-isp-design="1"] main .hero-card { padding-top:10px; padding-bottom:24px; }
  body[data-isp-design="1"] main .crumbs { margin-bottom:24px; font-size:12px; }
  body[data-isp-design="1"] main h1 { font-size:clamp(36px,6.3vw,50px); max-width:19ch; }
  body[data-isp-design="1"] main .lead { font-size:15px; line-height:1.8; margin-top:20px; }
  body[data-isp-design="1"] main :is(.htile,.isp-visual) { width:100%; max-width:520px; justify-self:center; min-height:0; padding:24px; }
  body[data-isp-design="1"] main .hero-grid > .visual { display:grid; justify-items:center; }
  body[data-isp-design="1"] main .htile .tile-sub { padding-right:75px; }
  body[data-isp-design="1"] main .facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-isp-design="1"] main .facts > .fact { padding:24px 18px; border-bottom:1px solid #303b55; }
  body[data-isp-design="1"] main .facts > .fact:nth-child(2n) { border-right:0; }
  body[data-isp-design="1"] main .facts > .fact:nth-last-child(-n+2) { border-bottom:0; }
  body[data-isp-design="1"] main .fact strong { font-size:16px; }
  body[data-isp-design="1"] main .tiers.plans5 { grid-template-columns:1fr; border-radius:16px; }
  body[data-isp-design="1"] main .tiers .tier { grid-template-columns:minmax(88px,.8fr) minmax(0,1.2fr); gap:8px 22px; padding:24px; border:0; border-bottom:1px solid #35415e; }
  body[data-isp-design="1"] main .tiers .tier:first-child { border-radius:16px 16px 0 0; }
  body[data-isp-design="1"] main .tiers .tier:last-child { border:0; border-radius:0 0 16px 16px; }
  body[data-isp-design="1"] main .tier .isp-tier-rail { grid-column:1; }
  body[data-isp-design="1"] main .tier h3 { grid-column:1; }
  body[data-isp-design="1"] main .tier .price { grid-column:1; font-size:28px; }
  body[data-isp-design="1"] main .tier ul { grid-column:2; grid-row:1 / span 3; align-self:center; }
  body[data-isp-design="1"] main .tiers .tier.featured { box-shadow:inset 3px 0 #9a87ff; padding-top:30px; }
  body[data-isp-design="1"] main .tiers .tier .badge { top:9px; left:auto; right:16px; font-size:9px; padding:1px 7px; }
  body[data-isp-design="1"] main .split .copy { grid-template-columns:1fr; gap:28px; }
  body[data-isp-design="1"] main .split h2 { max-width:22ch; }
  body[data-isp-design="1"] main .ltile { grid-template-columns:1fr; gap:18px; padding:28px; }
  body[data-isp-design="1"] main .usecases:not([id]) .uc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-isp-design="1"] main .usecases:not([id]) .uc:nth-child(n) { border-right:1px solid #2d3750; }
  body[data-isp-design="1"] main .usecases:not([id]) .uc:nth-child(2n) { border-right:0; }
  body[data-isp-design="1"] main .code { grid-template-columns:1fr; gap:18px; }
  body[data-isp-design="1"] main .code > h2 { max-width:24ch; }
  body[data-isp-design="1"] main .code-card { grid-column:1; grid-row:auto; margin-top:10px; }
  body[data-isp-design="1"] main .steps { grid-template-columns:1fr; }
  body[data-isp-design="1"] main .step { border-right:0; border-bottom:1px solid #2b3650; padding:26px 0; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
  body[data-isp-design="1"] main .faq.faq-grid { grid-template-columns:1fr; gap:32px; }
  body[data-isp-design="1"] main .faq-side { position:static; padding:26px; }
  body[data-isp-design="1"] main .faq-side p { max-width:none; }
  body[data-isp-design="1"] main .final-band { padding:32px; }
  body[data-isp-design="1"] main > .final-band { margin:20px 24px 52px; }
  body[data-isp-design="1"] main .final-band::after { width:42px; height:42px; right:26px; top:32px; border-radius:12px; background-size:25px 25px,100%; }
  body[data-isp-design="1"] main .final-band :is(h2,p) { padding-right:58px; }
  body[data-isp-design="1"] main .final-band .btn-outline { margin:12px 0 0; }
}
@media (max-width:480px) {
  body[data-isp-design="1"] main > .section { padding:44px 20px; }
  body[data-isp-design="1"] main .hero-outer { padding:14px 20px 0; }
  body[data-isp-design="1"] main h1 { font-size:36px; }
  body[data-isp-design="1"] main .hero-grid { gap:32px; }
  body[data-isp-design="1"] main .tool-byline { font-size:11px; line-height:1.65; margin-top:14px; }
  body[data-isp-design="1"] main .cta-row { margin-top:22px; gap:10px; }
  body[data-isp-design="1"] main .cta-row :is(.btn-cta,.btn-outline) { padding:0 16px; font-size:13px; }
  body[data-isp-design="1"] main :is(.htile,.isp-visual) { padding:18px; }
  body[data-isp-design="1"] main .htile .tile-tag { font-size:9px; }
  body[data-isp-design="1"] main .htile .tile-sub { font-size:10px; }
  body[data-isp-design="1"] main .htile > .pp-scene { width:60px; right:12px; bottom:16px; }
  body[data-isp-design="1"] main .facts > .fact { padding:20px 14px; }
  body[data-isp-design="1"] main .fact strong { font-size:15px; }
  body[data-isp-design="1"] main .fact span:not(.isp-port) { font-size:11px; }
  body[data-isp-design="1"] main .tiers .tier { padding:22px 18px; gap:7px 16px; }
  body[data-isp-design="1"] main .tier ul { font-size:12px; }
  body[data-isp-design="1"] main .pricing .basic-strip { padding:22px; }
  body[data-isp-design="1"] main .isp-copy-body p { font-size:15px; }
  body[data-isp-design="1"] main .usecases:not([id]) .uc-grid { grid-template-columns:1fr; }
  body[data-isp-design="1"] main .usecases:not([id]) .uc:nth-child(n) { border-right:0; padding:24px 0; }
  body[data-isp-design="1"] main .picker { grid-template-columns:1fr; }
  body[data-isp-design="1"] main .proxy-strip { padding:24px; }
  body[data-isp-design="1"] main .cmp :is(th,td) { padding:12px 8px; font-size:11px; }
  body[data-isp-design="1"] main .tool-figure { padding:8px; }
  body[data-isp-design="1"] main .tool-figure figcaption { font-size:11px; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { grid-template-columns:1fr; gap:0; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc { min-height:82px; padding:16px 20px 16px 0; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p { font-size:12px; }
  body[data-isp-design="1"] main .final-band { padding:28px; }
  body[data-isp-design="1"] main .final-band h2 { font-size:26px; }
  body[data-isp-design="1"] main .final-band p { padding-right:0; }
  body[data-isp-design="1"] main > .final-band { margin-left:20px; margin-right:20px; }
}
/* Readable purchasing cards and an explicit country index, using only the
   existing labels. Keep this refinement after the legacy breakpoint rules. */
body[data-isp-design="1"] main :is(.tiers,.uc-grid,.faq-list,.final-band,.basic-strip) { min-width:0; }
body[data-isp-design="1"] main .tiers.plans5 { gap:12px; border:0; border-radius:0; background:transparent; }
body[data-isp-design="1"] main .tiers .tier:nth-child(n) { border:1px solid #35415e; border-radius:16px; background:#0b1020; padding:48px 18px 26px; }
body[data-isp-design="1"] main .tiers .tier.featured { border-color:#9a87ff; background:linear-gradient(155deg,#231e3c,#111526); box-shadow:inset 0 3px #9a87ff,0 16px 36px -24px #6d5cff66; }
body[data-isp-design="1"] main .tiers .tier:hover { border-color:#a99bdb; background:#151b30; }
body[data-isp-design="1"] main .tier h3 { font-size:16px; color:#e6eaf5; }
body[data-isp-design="1"] main .tier ul { font-size:13px; line-height:1.65; }
body[data-isp-design="1"] main .tier .price { font-variant-numeric:tabular-nums; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { gap:12px; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc { padding:18px 28px 18px 16px; border:1px solid #2c3750; border-radius:14px; background:#0b1020; gap:6px 12px; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc h3 { font-size:15px; line-height:1.45; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p { font-size:13px; line-height:1.6; margin:0; }
body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc::after { right:14px; top:25px; }
body[data-isp-design="1"] main .final-band .btn-cta { box-shadow:0 8px 24px #0005; }
@media (min-width:801px) and (max-width:1199px) {
  body[data-isp-design="1"] main .tiers.plans5 { grid-template-columns:repeat(6,minmax(0,1fr)); }
  body[data-isp-design="1"] main .tiers .tier { grid-column:span 2; }
  body[data-isp-design="1"] main .tiers .tier:nth-last-child(-n+2) { grid-column:span 3; }
}
@media (max-width:800px) {
  body[data-isp-design="1"] main .tiers.plans5 { gap:12px; }
  body[data-isp-design="1"] main .tiers .tier:nth-child(n) { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto auto; gap:12px 16px; padding:20px; }
  body[data-isp-design="1"] main .tier .isp-tier-rail { grid-column:1; grid-row:1; align-self:center; min-height:16px; align-items:center; }
  body[data-isp-design="1"] main .tier h3 { grid-column:1; grid-row:2; align-self:center; margin:0; }
  body[data-isp-design="1"] main .tier .price { grid-column:2; grid-row:2; font-size:30px; text-align:right; }
  body[data-isp-design="1"] main .tier ul { grid-column:1 / -1; grid-row:3; border-top:1px solid #35415e; padding-top:12px; margin:0; font-size:14px; gap:5px; }
  body[data-isp-design="1"] main .tiers .tier .badge { top:18px; right:18px; font-size:10px; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { gap:10px; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc { grid-template-columns:1fr; padding:18px 24px 18px 16px; align-content:start; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc .isp-port { grid-row:auto; width:28px; margin-bottom:6px; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p { grid-column:1; }
  body[data-isp-design="1"] main .final-band .btn-outline { margin-left:0; }
}
@media (min-width:361px) and (max-width:480px) {
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:480px) {
  body[data-isp-design="1"] main .cta-row :is(.btn-cta,.btn-outline),
  body[data-isp-design="1"] main .final-band :is(.btn-cta,.btn-outline) { width:100%; justify-content:center; white-space:normal; padding:12px 16px; text-align:center; }
  body[data-isp-design="1"] main .final-band h2 { padding-right:0; padding-top:64px; }
  body[data-isp-design="1"] main .final-band::after { top:24px; left:28px; right:auto; }
}
@media (max-width:360px) {
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc { grid-template-columns:30px minmax(0,1fr); }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc .isp-port { grid-row:1 / 3; margin:0; }
  body[data-isp-design="1"] main :is(#countries,#isp-countries) .uc p { grid-column:2; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-isp-design="1"] main *,body[data-isp-design="1"] main *::before,body[data-isp-design="1"] main *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}