/* Artemida VPN storefront */
:root{--ivory:#f7f2e9;--ivory2:#efe6d6;--charcoal:#2b2521;--terracotta:#b8552f;--gold:#a98334;--line:#ddd0b6;--card:#fffdf8;--text:#2b2521;--muted:#6f6356;--focus:#a98334;}
[data-theme=dark]{--ivory:#1d1a17;--ivory2:#242019;--charcoal:#f3ead9;--terracotta:#e07a4c;--gold:#d2a955;--line:#3a332a;--card:#262119;--text:#f3ead9;--muted:#b7a98f;--focus:#d2a955;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
body{margin:0;background:var(--ivory);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.55;}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--charcoal);margin:0 0 .5em;}
a{color:var(--terracotta);}
img{max-width:100%;display:block;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:#1d1a17;padding:10px 16px;z-index:999;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}

header.site{position:sticky;top:0;z-index:50;background:var(--ivory2);border-bottom:1px solid var(--line);padding:env(safe-area-inset-top) 0 0;}
.nav-wrap{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;}
.brand img{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);}
.brand-text{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.03em;}
.pillnav{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;flex-wrap:wrap;}
.pillnav a{text-decoration:none;color:var(--text);padding:8px 14px;border-radius:999px;font-size:.92rem;min-height:36px;display:flex;align-items:center;}
.pillnav a:hover{background:var(--ivory2);}
#themeToggle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;min-width:44px;min-height:44px;cursor:pointer;font-size:1.1rem;}

#banner{background:var(--gold);color:#241c0f;text-align:center;padding:10px 16px;font-size:.92rem;}
[data-theme=dark] #banner{color:#1d1a17;}
#errbox:empty{display:none;}
#errbox{background:#c0392b;color:#fff;padding:10px 16px;text-align:center;}

#content{max-width:1120px;margin:0 auto;padding:0 20px;}

.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:56px 0 40px;max-height:none;}
.hero-label{display:inline-block;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--terracotta);border:1px solid var(--line);padding:5px 10px;border-radius:999px;margin-bottom:18px;}
.hero h1{font-size:2.6rem;line-height:1.15;}
.hero p.lede{color:var(--muted);max-width:46ch;margin:14px 0 24px;}
.hero-facts{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:8px;font-size:.88rem;color:var(--muted);}
.hero-facts li::before{content:"· ";color:var(--terracotta);}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;}
.medallion{position:relative;width:320px;height:320px;max-width:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--ivory2),var(--ivory));border:2px solid var(--line);display:flex;align-items:center;justify-content:center;}
.medallion::before{content:"";position:absolute;inset:16px;border:1px dashed var(--gold);border-radius:50%;}
.medallion img{width:72%;height:72%;object-fit:contain;}

.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.primary,.secondary{min-height:44px;padding:12px 22px;border-radius:10px;font-size:.98rem;cursor:pointer;border:1px solid transparent;}
.primary{background:var(--terracotta);color:#fff8ef;}
.primary:hover{background:#9c4525;}
.primary:disabled{opacity:.5;cursor:not-allowed;}
.secondary{background:transparent;border-color:var(--charcoal);color:var(--text);}
.secondary:hover{background:var(--ivory2);}
.muted{color:var(--muted);font-size:.86rem;}

section{padding:44px 0;border-top:1px solid var(--line);}
section:first-of-type{border-top:none;}
.section-head{margin-bottom:26px;}
.section-head h2{font-size:1.7rem;}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;}
.card h3{font-size:1.05rem;margin-bottom:8px;}
.card p{color:var(--muted);font-size:.92rem;margin:0;}

.price-box{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start;}
.price-tag{font-family:Georgia,serif;font-size:2.2rem;color:var(--terracotta);}
.price-tag small{font-size:1rem;color:var(--muted);font-family:inherit;}
.terms-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-width:520px;}
.terms-list li{color:var(--muted);font-size:.92rem;}
.terms-list li::before{content:"— ";color:var(--gold);}
.notice{background:var(--ivory2);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:.88rem;color:var(--muted);margin-top:16px;}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.step{position:relative;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);}
.step .num{font-family:Georgia,serif;color:var(--gold);font-size:1.6rem;display:block;margin-bottom:8px;}

#account{display:grid;gap:24px;}
#loginCard,#orderCard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;max-width:560px;}
.code-big{display:inline-block;font-size:2rem;letter-spacing:.12em;background:var(--ivory2);border:1px dashed var(--gold);border-radius:10px;padding:10px 18px;margin:10px 0;}
#loginPending a{display:inline-block;margin-left:10px;}
#orderCard label{display:block;margin:14px 0 6px;font-size:.9rem;color:var(--muted);}
#orderCard select{min-height:44px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--ivory);color:var(--text);width:100%;max-width:280px;}
#orderCard input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px;}
#orderResult:empty{display:none;}
#orderResult{margin-top:14px;font-size:.92rem;}

.referral{display:flex;gap:24px;flex-wrap:wrap;align-items:center;}
.referral-figures{display:flex;gap:16px;flex-wrap:wrap;}
.referral-figure{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;text-align:center;min-width:140px;}
.referral-figure b{display:block;font-family:Georgia,serif;font-size:1.5rem;color:var(--terracotta);}

.faq details{border-bottom:1px solid var(--line);padding:12px 0;}
.faq summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;}
.faq p{color:var(--muted);margin:10px 0 0;}

footer.site{border-top:1px solid var(--line);margin-top:30px;padding:36px 20px calc(24px + env(safe-area-inset-bottom));background:var(--ivory2);}
.footer-wrap{max-width:1120px;margin:0 auto;}
.docs{list-style:none;display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:0 0 16px;}
.docs a{min-height:44px;display:flex;align-items:center;text-decoration:none;}
.footer-note{color:var(--muted);font-size:.82rem;}

@media(max-width:860px){
.hero{grid-template-columns:1fr;padding:32px 0 24px;}
.hero-art{order:-1;}
.medallion{width:220px;height:220px;}
.card-grid,.steps{grid-template-columns:1fr;}
.hero h1{font-size:2.1rem;}
}
@media(max-width:480px){
.nav-wrap{padding:8px 14px;}
#content{padding:0 14px;}
.hero h1{font-size:1.8rem;}
.code-big{font-size:1.5rem;}
.pillnav a{padding:8px 10px;font-size:.85rem;}
}

/* Собственная типографика и композиция Artemida. */
:root{color-scheme:light;--ivory:#f4f0e8;--ivory2:#eae2d5;--terracotta:#ad482d;--gold:#86652f}
[data-theme=dark]{color-scheme:dark;--terracotta:#eda07d;--gold:#d2ae65}
body{overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
section[id]{scroll-margin-top:130px}.brand{text-decoration:none}.brand-text{font-size:25px;letter-spacing:-.8px}
header.site{background:var(--ivory);border-bottom:0}.nav-wrap{padding-top:14px;padding-bottom:14px}
.pillnav{box-shadow:0 5px 24px #301d1006}.pillnav a{min-height:44px;padding:9px 18px;font-size:13px}
#banner{max-width:1080px;margin:8px auto 0;border:1px solid var(--line);background:var(--ivory2);color:var(--text);border-radius:12px;font-size:12px;padding:10px 16px}
.hero{padding:72px 0 66px;gap:64px;grid-template-columns:1.15fr 1fr}
.hero h1{font-size:clamp(46px,6.3vw,76px);font-weight:400;line-height:1.04;letter-spacing:-2.7px}
.hero-label{font-size:10px;letter-spacing:2px;border:0;padding:0;margin-bottom:22px}
.hero p.lede{font-size:17px;line-height:1.7;margin:22px 0 28px}
.medallion{width:390px;height:auto;aspect-ratio:1;border:0;background:transparent}.medallion:before{inset:-14px;border:1px solid var(--line)}.medallion img{width:100%;height:100%}
.hero-facts{gap:5px;margin-top:22px}.hero-facts li:before{content:'✓ ';font-size:12px}
a.primary,a.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary,.secondary{border-radius:999px;min-height:48px;font-weight:500;font-size:14px}
.primary{color:#fffaf4}.primary:hover{background:#8e3b27}[data-theme=dark] .primary{background:#eda07d;color:#251c17}[data-theme=dark] .primary:hover{background:#ffc29e}
.secondary{border-color:var(--line)}.price-box{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px;gap:54px;align-items:center}
.price-tag{font-size:48px;letter-spacing:-2px;white-space:nowrap}.price-tag small{display:block;letter-spacing:0;font-size:14px}.terms-list{gap:10px;flex:1;min-width:0}
.card{border-radius:20px}.card h3{font-family:inherit;font-size:16px}.section-head h2{font-weight:400;font-size:32px;letter-spacing:-.8px}
.step{background:transparent;border:0;border-radius:0;padding:0 20px 0 0}.step h3{font-family:inherit;font-size:16px;font-weight:600}.step p{font-size:14px;color:var(--muted);line-height:1.7}
#account{grid-template-columns:1fr 1.3fr;align-items:start;gap:40px}#account .section-head{margin:0}#loginCard,#orderCard{width:100%;max-width:none;padding:28px;border-radius:24px}#loginCard p{font-size:14px;color:var(--muted);margin:0 0 22px}
#account h2{font-family:inherit;font-size:20px}#account .section-head h2{font-family:Georgia,serif;font-size:32px}#loginPending{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}#loginPending p{margin:8px 0}
#loginPending a{min-height:44px;display:inline-flex;align-items:center}.code-big{max-width:100%}#userStatus{display:block;color:var(--muted)}#orderResult{overflow-wrap:anywhere}
.referral{justify-content:space-between}.referral-figures{gap:12px}.referral-figure{min-width:136px;background:var(--ivory2);border:0;padding:22px}.referral-figure b{font-size:28px;font-weight:400}
.faq{margin-top:24px}.faq details{padding:14px 0}.faq summary:after{content:'+';margin-left:auto;padding-left:20px;color:var(--terracotta);font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}
.footer-note{max-width:650px}.docs a:hover{text-decoration:underline}
@media(max-width:860px){.hero{grid-template-columns:1.2fr 1fr;gap:30px;padding:44px 0}.hero-art{order:0}.medallion{width:280px}.card-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.card{padding:18px}#banner{margin:6px 20px 0}.hero .row{gap:10px}}
@media(max-width:640px){.nav-wrap{gap:8px}.brand{flex:1}.pillnav{order:3;flex-basis:100%;justify-content:center;box-shadow:none;background:transparent;border:0;padding:0;gap:0}.pillnav a{font-size:12px;padding:6px 12px}.hero{grid-template-columns:1fr;padding:32px 0;gap:32px}.hero h1{font-size:52px;letter-spacing:-2px}.hero p.lede{font-size:15px;max-width:36ch}.hero-art{justify-content:center;padding:10px 0}.medallion{width:216px}.hero-facts{font-size:12px}.hero-label{margin-bottom:16px}section{padding:32px 0}.section-head{margin-bottom:20px}.card-grid,.steps{grid-template-columns:1fr;gap:14px}.card-grid{gap:10px}.price-box{padding:24px;gap:18px;display:block}.price-tag{margin-bottom:20px;font-size:46px}.price-tag small{display:inline;font-size:14px;letter-spacing:0}.step{display:grid;grid-template-columns:30px 1fr;gap:0 14px;padding:12px 0}.step .num{grid-row:span 2;line-height:1.2}.step p{margin:6px 0 0}.step h3{margin:0}#account{grid-template-columns:1fr;gap:20px}#loginCard,#orderCard{padding:24px}.referral{gap:20px}.referral-figures{width:100%}.referral-figure{flex:1;min-width:0;padding:18px 12px}.referral-figure .muted{font-size:12px}#banner{margin:4px 14px 0;text-align:left}.hero .row a{flex:1;min-width:140px;padding:12px 14px}.docs{gap:4px 20px}.section-head h2{font-size:28px}.faq summary{font-size:14px}.faq p{font-size:14px}}
@media(max-width:360px){.pillnav a{padding:6px 8px;font-size:11px}.hero h1{font-size:46px}.hero .row{flex-direction:column;align-items:stretch}.hero .row a{width:100%}.code-big{font-size:24px;letter-spacing:.12em;padding:10px 12px}.price-tag{font-size:42px}}

/* Читаемая светлая тема и архитектурное обрамление. */
:root:not([data-theme=dark]){--ivory:#faf7f0;--ivory2:#eee6d8;--card:#fffdf9;--text:#241d17;--charcoal:#241d17;--muted:#514235;--terracotta:#963d24;--gold:#705026;--line:#d4c3a9;--focus:#963d24}
:root:not([data-theme=dark]) body{-webkit-font-smoothing:auto}
:root:not([data-theme=dark]) .hero p.lede{color:var(--text);font-size:18px;line-height:1.7}
:root:not([data-theme=dark]) .hero-label{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--terracotta)}
:root:not([data-theme=dark]) .hero-facts{font-size:15px;font-weight:500;line-height:1.65}
:root:not([data-theme=dark]) .pillnav a{font-size:14px;font-weight:500}
:root:not([data-theme=dark]) .muted,
:root:not([data-theme=dark]) .terms-list li,
:root:not([data-theme=dark]) .card p,
:root:not([data-theme=dark]) .step p,
:root:not([data-theme=dark]) #loginCard p,
:root:not([data-theme=dark]) #orderCard label,
:root:not([data-theme=dark]) .faq p{font-size:15px;line-height:1.7;color:var(--muted)}
:root:not([data-theme=dark]) .notice{font-size:14px;line-height:1.65}
:root:not([data-theme=dark]) #banner{font-size:14px;color:var(--text);line-height:1.6}
:root:not([data-theme=dark]) .footer-note{font-size:14px;line-height:1.65}
:root:not([data-theme=dark]) .referral-figure .muted{font-size:14px}
:root:not([data-theme=dark]) .price-tag small{font-size:15px}
:root:not([data-theme=dark]) .secondary{border-color:#8c7358;background:var(--card);color:var(--text)}
:root:not([data-theme=dark]) .secondary:hover{background:var(--ivory2)}
:root:not([data-theme=dark]) .primary{background:var(--terracotta);color:#fffdf9;font-weight:600}
:root:not([data-theme=dark]) .primary:hover{background:#76301e}
:root:not([data-theme=dark]) a:not(.primary){text-decoration-thickness:1.5px;text-underline-offset:3px}
body{position:relative;isolation:isolate}
body::before,body::after{
 content:"";display:none;position:absolute;top:0;bottom:0;width:var(--column-width);height:auto;max-height:none;box-sizing:border-box;
 --column-cap-height:calc(var(--column-width) * 500 / 706);--column-base-height:calc(var(--column-width) * 370 / 706);
 border-style:solid;border-color:transparent;border-width:var(--column-cap-height) 0 var(--column-base-height);
 border-image-source:url('/assets/greek-column-vase.png');border-image-slice:500 27 370 60 fill;border-image-width:1;border-image-repeat:stretch;
 background:none;pointer-events:none;z-index:-1;opacity:1
}
@media(min-width:1280px){
 body{--column-gutter:calc((100vw - 1120px)/2);--column-width:min(108px,calc(var(--column-gutter) - 20px))}
 body::before,body::after{display:block}
 body::before{left:calc((var(--column-gutter) - var(--column-width))/2)}
 body::after{right:calc((var(--column-gutter) - var(--column-width))/2)}
}
@media(max-width:640px){
 :root:not([data-theme=dark]) .hero p.lede{font-size:17px}
 :root:not([data-theme=dark]) .pillnav a{font-size:13px;padding-left:10px;padding-right:10px}
 :root:not([data-theme=dark]) .hero-facts{font-size:14px}
}
@media(max-width:360px){:root:not([data-theme=dark]) .pillnav a{font-size:12px;padding-left:8px;padding-right:8px}}

/* Основное оформление Artemida: уголь, светлый текст и бронзовые колонны. */
[data-theme=dark]{--ivory:#171512;--ivory2:#2a231d;--card:#211d19;--text:#f5eee2;--charcoal:#f5eee2;--muted:#c9bba8;--terracotta:#efb089;--gold:#d3b17d;--line:#5d4c3b;--focus:#efb089}
body{font-size:16px;-webkit-font-smoothing:auto}
[data-theme=dark] .hero p.lede{color:#e5dacb;font-size:18px;line-height:1.7}
[data-theme=dark] .hero-label{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--gold)}
[data-theme=dark] .hero-facts{font-size:15px;line-height:1.65}
[data-theme=dark] .pillnav a{font-size:14px;font-weight:500}
[data-theme=dark] .muted,[data-theme=dark] .terms-list li,[data-theme=dark] .card p,
[data-theme=dark] .step p,[data-theme=dark] #loginCard p,[data-theme=dark] #orderCard label,
[data-theme=dark] .faq p{font-size:15px;line-height:1.7}
[data-theme=dark] .notice,[data-theme=dark] #banner,[data-theme=dark] .footer-note{font-size:14px;line-height:1.65}
[data-theme=dark] .referral-figure .muted{font-size:14px}
[data-theme=dark] .price-tag small{font-size:15px}
[data-theme=dark] .primary{background:#efb089;color:#271b12;font-weight:600}
[data-theme=dark] .primary:hover{background:#ffd0ae}
[data-theme=dark] .secondary{border-color:#947f65;background:#211d19;color:var(--text)}
[data-theme=dark] .secondary:hover{background:#312820}
[data-theme=dark] a:not(.primary){text-decoration-thickness:1.5px;text-underline-offset:3px}
@media(max-width:640px){[data-theme=dark] .hero p.lede{font-size:17px}[data-theme=dark] .pillnav a{font-size:13px;padding-left:10px;padding-right:10px}[data-theme=dark] .hero-facts{font-size:14px}}
@media(max-width:360px){[data-theme=dark] .pillnav a{font-size:12px;padding-left:8px;padding-right:8px}}

[data-theme=dark] #banner{color:var(--text)}

/* Колонны идут от верхнего края страницы до её нижнего края. */
@media(min-width:1280px){
 header.site{background:linear-gradient(to right,transparent var(--column-gutter),var(--ivory) var(--column-gutter),var(--ivory) calc(100% - var(--column-gutter)),transparent calc(100% - var(--column-gutter)))}
 footer.site{border-top-color:transparent;background:linear-gradient(to right,transparent var(--column-gutter),var(--ivory2) var(--column-gutter),var(--ivory2) calc(100% - var(--column-gutter)),transparent calc(100% - var(--column-gutter)))}
}

/* Описание, преимущества и поиск по вопросам */
#service, #why { max-width: 1120px; margin: 0 auto; padding: 44px 0; }
#service .eyebrow { color: var(--terracotta); text-transform: uppercase; letter-spacing: .08em; font-size: 13px; margin-bottom: 8px; }
#service h2, #why h2 { font-family: Georgia, 'Times New Roman', serif; color: var(--text); margin-bottom: 16px; }
#service p { color: var(--text); font-size: 16px; line-height: 1.65; max-width: 72ch; }
.service-roles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 28px; }
.service-role-card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 20px; }
.service-role-card h3 { font-family: Georgia, serif; color: var(--gold); font-size: 17px; margin: 0 0 8px; }
.service-role-card p { font-size: 15px; color: var(--muted); line-height: 1.55; margin: 0; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.why-card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 22px; }
.why-icon { width: 52px; height: 52px; margin-bottom: 10px; opacity: .9; }
.why-card h3 { font-family: Georgia, serif; color: var(--text); font-size: 16.5px; margin: 0 0 8px; }
.why-card p { font-size: 15px; color: var(--muted); line-height: 1.55; margin: 0; }
.faq { max-width: 1120px; margin: 0 auto; padding: 0 0 24px; }
.faq details { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px 18px; margin-bottom: 10px; }
.faq summary { cursor: pointer; font-size: 16px; color: var(--text); font-family: Georgia, serif; }
.faq p { color: var(--muted); font-size: 15px; line-height: 1.6; margin: 10px 0 2px; }
.faq a { color: var(--terracotta); }
.faq-search { width: 100%; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--ivory2); color: var(--text); margin-bottom: 14px; }
.faq-count { color: var(--muted); font-size: 13px; margin-bottom: 10px; }
@media (max-width: 640px) {
  .service-roles, .why-grid { grid-template-columns: 1fr; }
}
:is(#service, #why, .faq) a:focus-visible,
:is(#service, #why, .faq) summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
#service h2,#why h2{font-size:32px;line-height:1.2}#service>p+p{margin-top:14px}.service-role-card h3,.why-card h3{font-family:inherit}.faq summary{font-family:inherit}.faq-search{font:inherit;min-height:48px}.cabinet-entry{display:inline-flex;margin:12px 0}.why-grid{margin-top:24px}.service-role-card p{font-size:15px!important}

/* Four honest duration offers; all share the same device and fair-use policy. */
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px 18px;display:flex;flex-direction:column;min-width:0}.plan-card h3{font-size:23px;margin:4px 0 18px}.plan-card .price-tag{font-size:34px;letter-spacing:-1px;white-space:normal;margin:0}.plan-card .price-tag small{display:block;font-size:14px;letter-spacing:0;margin-top:8px}.plan-month,.plan-baseline{font-size:14px;color:var(--muted)}.plan-saving{font-weight:650;color:var(--terracotta);margin:8px 0 22px}.plan-card button{margin-top:auto;width:100%;padding:12px 10px;white-space:normal}.plan-best{border:2px solid var(--terracotta)}.plan-card .eyebrow{font-size:10px;line-height:1.5;min-height:30px}.plan-grid+.caption{margin:18px 0}.plan-grid~.terms-list{max-width:none;margin:24px 0}
@media(max-width:1050px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:24px}.plan-card .eyebrow{min-height:0}.plan-card .price-tag{font-size:38px}}

/* Everyday traffic examples; shared allowance unchanged. */
.traffic-guide { padding: 24px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); }
.traffic-guide h3 { font-size: 26px; margin: 0 0 10px; color: var(--terracotta); }
.traffic-guide > p { margin: 0 0 14px; color: var(--text); }
.traffic-guide .traffic-caveat { color: var(--muted); font-size: 14px; }
.traffic-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 16px; }
.traffic-stat { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--ivory2); }
.traffic-stat .traffic-stat-num { font-size: 30px; font-weight: 700; margin: 0 0 6px; color: var(--terracotta); }
.traffic-stat p { margin: 0; color: var(--text); font-size: 14px; }
.traffic-guide details { margin-top: 8px; border-top: 1px solid var(--line); padding-top: 10px; }
.traffic-guide summary { cursor: pointer; color: var(--charcoal); font-weight: 600; }
.traffic-guide details p { color: var(--muted); font-size: 13px; margin-top: 8px; }
.traffic-guide a { color: var(--terracotta); }
@media (max-width: 640px) {
  .traffic-examples { grid-template-columns: 1fr; }
  .traffic-guide { padding: 20px; }
  .traffic-guide h3 { font-size: 22px; }
  .traffic-stat .traffic-stat-num { font-size: 26px; }
}
.traffic-guide { margin: 24px 0; }
.traffic-stat { min-width: 0; }