.vpn-campaign {
    --vpn-layout-surface:hsl(var(--vpn-hue) 39% 12%);
    --vpn-light:hsl(var(--vpn-hue) 85% 77%);
    --vpn-line:hsl(var(--vpn-hue) 61% 65% / .36);
    --vpn-glow:hsl(var(--vpn-hue) 87% 55% / .19);
    position:relative;
    isolation:isolate;
    padding:0 max(20px,calc((100% - 1180px)/2));
    background:radial-gradient(ellipse at 67% 18%,var(--vpn-glow),transparent 52%),var(--vpn-layout-surface);
    color:#f5f9ff;
    overflow:hidden;
}
.vpn-stage {
    display:grid;
    align-items:center;
    min-height:max(530px,calc(100svh - 122px));
    padding-block:clamp(30px,7vh,85px);
}
.vpn-campaign-nav {
    grid-area:nav;
    display:flex;
    flex-flow:var(--vpn-nav-flow,row wrap);
    justify-content:var(--vpn-nav-justify,start);
    gap:0 16px;
    align-self:var(--vpn-nav-align,end);
    z-index:1;
    border-block-start:1px solid var(--vpn-line);
    padding:6px 0;
    min-width:0;
}
.vpn-campaign-nav a { display:inline-flex; align-items:center; min-height:44px; font-weight:650; }
.vpn-hero-artwork {
    position:absolute;
    inset:var(--art-inset,0 0 0 32%);
    z-index:-1;
    mask-image:var(--art-mask,linear-gradient(90deg,transparent,#000 49%));
    mask-composite:intersect;
    overflow:hidden;
}
.vpn-hero-artwork img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--art-position,center);
}
.vpn-hero-artwork::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,var(--vpn-layout-surface),transparent 35%),
        var(--art-wash,hsl(var(--vpn-hue) 45% 12% / .16));
    pointer-events:none;
}
.vpn-campaign[data-hero-background="gradient"] {
    --gradient-highlight:hsl(var(--vpn-hue) 43% 25%);
    --gradient-shadow:hsl(calc(var(--vpn-hue) + 20) 35% 9%);
    background:radial-gradient(ellipse at var(--gradient-origin,96% 20%),var(--gradient-highlight),transparent 67%),
        linear-gradient(155deg,var(--vpn-layout-surface),var(--gradient-shadow));
}
.vpn-campaign[data-hero-background="gradient"]:is([data-vpn-treatment="shelves"],[data-vpn-treatment="specs"]) {
    --gradient-highlight:hsl(var(--vpn-hue) 61% 87%);
    --gradient-shadow:hsl(calc(var(--vpn-hue) + 20) 33% 98%);
}
.vpn-campaign[data-hero-background="gradient"]:is([data-vpn-layout="switchboard"],[data-vpn-layout="station"],[data-vpn-layout="terminus"]) {
    --gradient-origin:0% 32%;
}
.vpn-campaign[data-hero-background="gradient"]:is([data-vpn-layout="observatory"],[data-vpn-layout="focus"],[data-vpn-layout="ribbon"]) {
    --gradient-origin:50% 82%;
}
[data-vpn-treatment="shelves"],[data-vpn-treatment="specs"] {
    --vpn-layout-surface:hsl(var(--vpn-hue) 46% 95%);
    --vpn-description:#36506b;
    --vpn-link:#172c46;
    --vpn-button:hsl(var(--vpn-hue) 61% 31%);
    --vpn-button-ink:#fff;
    --vpn-line:hsl(var(--vpn-hue) 48% 38% / .36);
    --vpn-glow:hsl(var(--vpn-hue) 76% 66% / .22);
    --art-wash:hsl(var(--vpn-hue) 32% 94% / .14);
    --vpn-light:hsl(var(--vpn-hue) 64% 39%);
    color:#162d49;
    background:radial-gradient(ellipse at 69% 22%,var(--vpn-glow),transparent 50%),var(--vpn-layout-surface);
}
[data-vpn-treatment="passes"] { --vpn-cta-radius:999px; }
[data-vpn-treatment="ledger"] .vpn-campaign-nav { padding-inline:12px; }


:is([data-vpn-layout="switchboard"],[data-vpn-layout="station"],[data-vpn-layout="terminus"]) {
    --art-inset:0 31% 0 0;
    --art-mask:linear-gradient(270deg,transparent,#000 49%);
}
[data-vpn-layout="observatory"] {
    --art-inset:22% 0 0;
    --art-mask:radial-gradient(ellipse at 50% 18%,transparent 27%,#000 78%),linear-gradient(transparent,#000 28%);
    --art-position:center 65%;
}
[data-vpn-layout="atlas"] {
    --art-inset:0;
    --art-mask:linear-gradient(140deg,transparent 16%,#000 66%);
}
[data-vpn-layout="focus"] {
    --art-inset:0;
    --art-mask:radial-gradient(ellipse at 50% 45%,transparent 24%,#000 115%);
}
[data-vpn-layout="spectrum"] { --art-mask:linear-gradient(112deg,transparent 7%,#000 59%); }
[data-vpn-layout="stack"] {
    --art-inset:0 0 20% 12%;
    --art-mask:linear-gradient(145deg,transparent 14%,#000 43%,transparent 87%),linear-gradient(#000 65%,transparent);
    --art-position:center 40%;
}
[data-vpn-layout="ribbon"] {
    --art-inset:0;
    --art-mask:linear-gradient(169deg,#000,transparent 32% 65%,#000);
}
[data-vpn-layout="relay"] { --art-inset:0 0 0 40%; }
[data-vpn-layout="beacon"] { --art-mask:radial-gradient(ellipse at 63% 44%,#000 30%,transparent 87%); }

.vpn-plan-grid {
    --vpn-plan-ink:var(--ink,#142b4c);
    --vpn-plan-accent:var(--accent,var(--coral,#1858b2));
    --vpn-plan-line:var(--line,#bed0e5);
    --vpn-plan-card:var(--surface,#fff);
    --vpn-plan-soft:var(--wash,#eaf2ff);
    display:grid;
    grid-template-columns:var(--offer-grid,repeat(auto-fit,minmax(min(260px,100%),1fr)));
    gap:var(--offer-gap,16px);
    color:var(--vpn-plan-ink);
}

.vpn-campaign .vpn-composition {
    grid-template:var(--composition-grid,"lead side" auto / minmax(0,1fr) minmax(0,1fr));
    align-content:center;
    gap:clamp(20px,4vw,56px);
}
.vpn-composition > :not(.vpn-hero-artwork) { min-width:0; z-index:1; }
.vpn-composition .vpn-lead { grid-area:lead; }
.vpn-composition .vpn-lead h1 {
    color:inherit;
    font-size:clamp(26px,4vw,36px);
    line-height:1.18;
    margin:0;
    overflow-wrap:anywhere;
    text-wrap:balance;
}
.vpn-composition :is(.vpn-lead > p:not(.vpn-actions),hgroup > p,.vpn-subtitle) {
    color:var(--vpn-description,#dbe8fa);
    font-size:clamp(16px,1.4vw,19px);
    line-height:1.55;
    margin:12px 0 0;
    overflow-wrap:anywhere;
}
.vpn-composition .vpn-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:var(--action-align,start);
    gap:8px 17px;
    margin:20px 0 0;
}
.vpn-composition a { color:inherit; }
.vpn-campaign .vpn-composition .vpn-actions > a:not(.vpn-primary) { color:var(--vpn-link,#edf5ff); }
.vpn-composition a:focus-visible { outline:2px solid var(--vpn-light); outline-offset:2px; }
.vpn-composition .vpn-primary {
    display:inline-grid;
    place-items:center;
    min-height:44px;
    padding:8px 24px;
    border-radius:var(--vpn-cta-radius,8px);
    background:var(--vpn-button,var(--vpn-light));
    color:var(--vpn-button-ink,#10192b);
    font-weight:700;
    text-decoration:none;
}
.vpn-composition .vpn-primary:hover { filter:brightness(1.1); }
.vpn-composition .vpn-utilities { grid-area:side; display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.vpn-composition .vpn-campaign-nav { --vpn-nav-flow:row wrap; gap:0 12px; padding:0; }
.vpn-composition :is(.vpn-lead,.vpn-utilities,.vpn-journal-footer) .vpn-campaign-nav { grid-area:auto; }
.vpn-composition .vpn-campaign-nav a { font-size:14px; text-underline-offset:4px; text-decoration:underline; }
.vpn-composition :is(.vpn-notes,.vpn-device-links ul) { margin:0; padding:0; list-style:none; }
.vpn-composition .vpn-notes { display:grid; gap:12px; }
.vpn-composition .vpn-notes [data-icon] {
    position:relative;
    padding-inline-start:30px;
    min-width:0;
}
.vpn-notes [data-icon]::before {
    content:"";
    position:absolute;
    inset:4px auto auto 0;
    width:17px;
    height:17px;
    background:var(--vpn-light);
    mask:var(--note-icon) center / contain no-repeat;
}
.vpn-notes [data-icon="plan"] { --note-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16M6 15v-4m6 4V5m6 10V8' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
.vpn-notes [data-icon="connect"] { --note-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='5' cy='17' r='2'/%3E%3Ccircle cx='19' cy='7' r='2'/%3E%3Cpath d='M7 17h4a3 3 0 0 0 0-6h-1a2 2 0 0 1 0-4h7'/%3E%3C/g%3E%3C/svg%3E"); }
.vpn-composition .vpn-notes :is(strong,b,h2,dt) { display:block; font-size:16px; line-height:1.35; margin:0; }
.vpn-campaign .vpn-composition .vpn-notes :is(p,dd,span) { display:block; color:var(--vpn-description,#dbe8fa); font-size:14px; line-height:1.45; margin:4px 0 0; }
.vpn-composition .vpn-device-links :is(ul),.vpn-composition .vpn-device-links:not(:has(ul)) {
    display:flex;
    flex-wrap:wrap;
    gap:4px 12px;
}
.vpn-composition .vpn-device-links a { display:inline-flex; align-items:center; min-height:36px; font-size:14px; text-underline-offset:4px; }
.vpn-composition .vpn-featured-plan {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:6px 12px;
    padding:12px 0;
    border-block:1px solid var(--vpn-line);
    text-decoration:none;
    overflow-wrap:anywhere;
}
.vpn-featured-plan small { font-size:14px; }
.vpn-featured-plan span { font-size:16px; margin-inline-start:auto; }
.vpn-featured-plan:hover strong { text-decoration:underline; }

[data-composition="editorial"] {
    --composition-grid:"lead lead" auto "notes side" auto / minmax(0,1.2fr) minmax(0,.8fr);
    --action-align:center;
}
[data-composition="editorial"] .vpn-lead { text-align:center; max-width:720px; justify-self:center; }
.vpn-composition .vpn-editorial-notes { grid-area:notes; grid-template-columns:repeat(2,minmax(0,1fr)); align-self:center; }
[data-composition="editorial"] .vpn-utilities { border-inline-start:1px solid var(--vpn-line); padding-inline-start:22px; }
[data-composition="index"] { --composition-grid:"lead side" auto "notes side" auto "nav nav" auto / minmax(0,1.25fr) minmax(0,.75fr); }
[data-composition="index"] .vpn-checklist { grid-area:notes; }
.vpn-device-index,.vpn-product-card,.vpn-ticket {
    padding:clamp(18px,3vw,36px);
    background:color-mix(in srgb,var(--vpn-layout-surface) 95%,var(--vpn-light));
    border:1px solid var(--vpn-line);
}
.vpn-device-index { border-radius:3px; }
.vpn-device-index h2 { margin:0; font-size:22px; }
.vpn-device-index .vpn-device-links ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.vpn-device-index .vpn-device-links a { width:100%; border-block-end:1px solid var(--vpn-line); }
[data-composition="product"] .vpn-lead { max-width:510px; }
[data-composition="product"] .vpn-lead .vpn-device-links { margin-top:22px; }
.vpn-product-card { border-radius:28px 28px 6px 6px; border-block-start:3px solid var(--vpn-light); }
[data-composition="panorama"] {
    --composition-grid:"lead" auto "action" auto "side" auto / minmax(0,1fr);
    --action-align:center;
}
[data-composition="panorama"] .vpn-lead { text-align:center; max-width:680px; justify-self:center; }
[data-composition="panorama"] .vpn-hero-actionbar { grid-area:action; margin:0; }
.vpn-composition .vpn-download-strip {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);
    grid-template-areas:"devices notes" "plan notes" "help help";
    padding:18px clamp(16px,3vw,36px);
    background:color-mix(in srgb,var(--vpn-layout-surface) 94%,var(--vpn-light));
    border-block-start:1px solid var(--vpn-line);
}
.vpn-download-strip .vpn-notes { grid-area:notes; }
.vpn-download-strip .vpn-device-links { grid-area:devices; }
.vpn-download-strip .vpn-featured-plan { grid-area:plan; }
.vpn-composition .vpn-download-strip .vpn-campaign-nav { grid-area:help; }
[data-composition="journal"] { --composition-grid:"lead side" auto "foot foot" auto / minmax(0,1fr) minmax(0,1fr); }
.vpn-composition .vpn-journal-column { border-inline-start:3px solid var(--vpn-light); padding-inline-start:22px; }
.vpn-composition .vpn-journal-footer { grid-area:foot; display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 20px; border-top:1px solid var(--vpn-line); }
.vpn-journal-footer .vpn-campaign-nav { border:0; }
.vpn-ticket { border-radius:24px; }
.vpn-ticket .vpn-featured-plan { margin-top:22px; border-block-start-style:dashed; border-block-end:0; }
[data-composition="split"] .vpn-lead .vpn-campaign-nav { margin-top:24px; }
[data-composition="split"] .vpn-utilities { border-block:1px solid var(--vpn-line); padding-block:20px; }
[data-composition="split"] .vpn-featured-plan { border:0; padding:0; }

@media (max-width:730px) {
    .vpn-campaign .vpn-composition {
        grid-template:"lead" auto "side" auto / minmax(0,1fr);
        align-content:start;
        gap:22px;
    }
    .vpn-campaign[data-composition="editorial"] .vpn-composition { grid-template-areas:"lead" "notes" "side"; }
    .vpn-campaign[data-composition="index"] .vpn-composition { grid-template-areas:"lead" "side" "notes" "nav"; }
    .vpn-campaign[data-composition="panorama"] .vpn-composition { grid-template-areas:"lead" "action" "side"; }
    .vpn-campaign[data-composition="journal"] .vpn-composition { grid-template-areas:"lead" "side" "foot"; }
    .vpn-composition .vpn-actions { margin-top:14px; }
    .vpn-composition .vpn-download-strip { grid-template:"devices" auto "notes" auto "plan" auto "help" auto / minmax(0,1fr); }
    .vpn-composition .vpn-campaign-nav { padding-inline-end:32px; }
}

@media (min-width:731px) {
    :is([data-vpn-layout="switchboard"],[data-vpn-layout="station"],[data-vpn-layout="terminus"])[data-composition="product"] .vpn-composition,
    :is([data-vpn-layout="switchboard"],[data-vpn-layout="station"],[data-vpn-layout="terminus"])[data-composition="split"] .vpn-composition {
        grid-template-areas:"side lead";
    }
}
:is(.ed,.template-folio) .vpn-plan-grid[data-vpn-plans] > .ed-plan {
    display:grid;
    grid-column:auto;
    grid-template:var(--offer-template,"name" auto "price" auto "spec" 1fr "detail" auto "action" auto) / var(--offer-columns,minmax(0,1fr));
    align-items:start;
    gap:clamp(10px,1.4vw,18px);
    min-width:0;
    padding:clamp(17px,2.6vw,30px);
    border:1px solid var(--vpn-plan-line);
    border-radius:var(--offer-radius,14px);
    background:var(--vpn-plan-card);
    overflow-wrap:anywhere;
}
:is(.ed,.template-folio) .vpn-plan-grid[data-vpn-plans] > .ed-recommended {
    background:var(--vpn-plan-soft);
    border-color:var(--vpn-plan-accent);
}
:is(.ed,.template-folio) .vpn-plan-grid .ed-plan > header { grid-area:name; }
:is(.ed,.template-folio) .vpn-plan-grid .ed-price { grid-area:price; color:var(--vpn-plan-ink); }
:is(.ed,.template-folio) .vpn-plan-grid .ed-plan > .ed-measure {
    grid-area:spec;
    display:grid;
    grid-template-columns:repeat(var(--offer-spec-columns,2),minmax(0,1fr));
    gap:10px 14px;
    padding:var(--offer-spec-padding,12px 0 0);
    margin:0;
    border:0;
    border-top:1px solid var(--vpn-plan-line);
    background:var(--offer-spec-background,transparent);
}
:is(.ed,.template-folio) .vpn-plan-grid .ed-plan > .ed-disclosure { grid-area:detail; min-width:0; }
:is(.ed,.template-folio) .vpn-plan-grid .ed-plan > .ed-button {
    grid-area:action;
    align-self:end;
    justify-self:var(--offer-action,stretch);
    width:auto;
    margin:0;
}
.vpn-plan-grid .ed-price strong { font-size:26px; line-height:1.25; overflow-wrap:anywhere; }
.vpn-plan-grid .ed-plan :is(h2,h3) { font-size:20px; line-height:1.35; margin:0; overflow-wrap:anywhere; }
.vpn-plan-grid .ed-tag { font-size:13px; }
.vpn-plan-grid .ed-measure dt { font-size:20px; font-weight:700; }
.vpn-plan-grid .ed-measure dd { font-size:16px; margin:0; }
.vpn-plan-grid .ed-measure div { min-width:0; }
.vpn-plan-grid .ed-disclosure summary { cursor:pointer; color:var(--vpn-plan-accent); }
.vpn-plan-grid .ed-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
[data-vpn-plans="compare"] { --offer-grid:minmax(0,1fr); --offer-template:"name price spec action" auto "detail detail detail detail" auto; --offer-columns:minmax(0,1fr) minmax(104px,.54fr) minmax(0,1.32fr) auto; }
[data-vpn-plans="shelves"] { --offer-template:"name" auto "spec" 1fr "price" auto "detail" auto "action" auto; --offer-radius:4px 27px; --offer-spec-background:var(--vpn-plan-soft); --offer-spec-padding:12px; }
[data-vpn-plans="passes"] { --offer-template:"price name" auto "spec spec" 1fr "detail detail" auto "action action" auto; --offer-columns:minmax(0,.75fr) minmax(0,1.25fr); --offer-grid:repeat(auto-fit,minmax(min(290px,100%),1fr)); --offer-radius:24px; }
[data-vpn-plans="specs"] { --offer-template:"name name" auto "spec spec" 1fr "price action" auto "detail detail" auto; --offer-columns:minmax(0,1fr) minmax(0,1fr); --offer-grid:repeat(auto-fit,minmax(min(340px,100%),1fr)); }
[data-vpn-plans="directory"] { --offer-grid:minmax(0,1fr); --offer-template:"name spec price" auto "detail spec action" auto; --offer-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(120px,.55fr); --offer-radius:0; }
[data-vpn-plans="ledger"] { --offer-grid:minmax(0,1fr); --offer-template:"price name action" auto "spec detail detail" auto; --offer-columns:minmax(155px,.72fr) minmax(0,1fr) auto; --offer-spec-columns:1; --offer-radius:6px; }
[data-vpn-plans="stacked"] { --offer-template:"name" auto "price" auto "action" auto "spec" 1fr "detail" auto; --offer-action:start; --offer-radius:28px 6px 28px 6px; }
:is(.ed,.template-folio) [data-vpn-plans="directory"] > .ed-plan { border-inline-start:4px solid var(--vpn-plan-accent); }
:is(.ed,.template-folio) [data-vpn-plans="ledger"] > .ed-plan { border-block-width:1px 0; }
:is(.ed,.template-folio) [data-vpn-plans="passes"] > .ed-plan { border-style:dashed; }
:is(.ed,.template-folio) [data-vpn-plans="stacked"] > .ed-recommended { border-block-start-width:5px; }
.template-folio .vpn-plan-grid .ed-button { background:#194fb5; color:#fff; border-radius:8px; text-decoration:none; padding:8px 18px; }
.folio-workshop-home .vpn-campaign {
    --vpn-nav-justify:start;
    --art-inset:0 0 0 30%;
    --art-mask:linear-gradient(90deg,transparent,#000 48%);
    --art-position:70% 54%;
    --art-wash:#c4ddff0d;
}
.folio-workshop-home .vpn-campaign-nav { align-self:start; }
.template-folio .vpn-plan-grid .ed-price {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:4px 8px;
}
.template-folio .vpn-plan-grid .ed-tag {
    display:inline-block;
    margin-top:4px;
    color:var(--coral);
}
.template-folio .vpn-plan-grid .ed-disclosure { border-top:1px solid var(--line); }
.template-folio .vpn-plan-grid summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:44px;
    padding-inline-end:8px;
    list-style:none;
}
.template-folio .vpn-plan-grid summary::-webkit-details-marker { display:none; }
.template-folio .vpn-plan-grid summary::after {
    content:"";
    flex:0 0 8px;
    height:8px;
    border-right:2px solid;
    border-bottom:2px solid;
    transform:translateY(-2px) rotate(45deg);
}
.template-folio .vpn-plan-grid details[open] > summary::after { transform:translateY(2px) rotate(225deg); }
.template-folio .vpn-plan-grid .ed-plan-detail :is(h4,p,li) { font-size:16px; }
.template-folio .vpn-plan-grid .ed-plan-detail h4 { font-size:20px; }

@media (max-width:900px) {
    [data-vpn-plans="compare"],[data-vpn-plans="directory"],[data-vpn-plans="ledger"] {
        --offer-template:"name price" auto "spec spec" auto "detail action" auto;
        --offer-columns:minmax(0,1.15fr) minmax(0,.85fr);
    }
}
@media (max-width:730px) {
    .vpn-stage { min-height:max(440px,calc(100svh - 140px)); gap:15px; padding-block:24px 14px; }
    .vpn-campaign {
        padding-inline:20px;
        --art-inset:30% 0 0;
        --art-position:center 60%;
        --art-mask:linear-gradient(180deg,transparent 8%,#000 82%);
    }
    .vpn-campaign[data-vpn-mobile="edge"] { --art-position:70% 55%; --art-mask:linear-gradient(145deg,transparent 22%,#000 91%); }
    .vpn-campaign[data-vpn-mobile="links-first"] { --art-position:34% 64%; }
    .vpn-campaign[data-vpn-mobile="art-first"] {
        --art-inset:0 0 12%;
        --art-mask:linear-gradient(140deg,transparent 33%,#000 63%,transparent 94%);
    }
    .vpn-campaign[data-vpn-mobile="copy-links"] {
        --art-inset:37% 0 0;
        --art-mask:linear-gradient(172deg,transparent 15%,#000 78%);
    }
    .vpn-campaign-nav { gap:0 9px; padding-inline-end:32px; }
    .vpn-campaign-nav a {
        padding-inline:5px;
        background:color-mix(in srgb,var(--vpn-layout-surface) 86%,transparent);
        border-radius:5px;
    }
}
@media (max-width:480px) {
    .vpn-campaign-nav a { min-height:40px; }
    [data-vpn-plans="compare"],[data-vpn-plans="directory"],[data-vpn-plans="ledger"] { --offer-template:"name price" auto "spec spec" auto "detail detail" auto "action action" auto; }
    [data-vpn-plans="directory"] { --offer-template:"name name" auto "spec spec" auto "price action" auto "detail detail" auto; }
    [data-vpn-plans="ledger"] { --offer-template:"price name" auto "spec spec" auto "detail detail" auto "action action" auto; }
}
@media (max-width:360px) {
    .vpn-plan-grid { --offer-spec-columns:1; }
}
@media (max-width:420px) {
    .vpn-plan-grid {
        --offer-template:"name" auto "price" auto "spec" auto "detail" auto "action" auto;
        --offer-columns:minmax(0, 1fr);
    }
}
@media (max-width:730px) {
    .folio-workshop-home .vpn-campaign {
        --art-inset:22% 0 0;
        --art-mask:linear-gradient(155deg,transparent 37%,#000 86%);
    }
}