/* Monolith redesign — components added while porting live features into the new design. */
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:#071522;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;font-size:13px}
.skip-link:focus{top:10px}
[hidden]{display:none!important}
/* trial strip */
@media(max-width:640px){.trial-strip-inner{gap:10px;min-height:38px}.trial-strip strong{white-space:normal;font-size:11px;line-height:1.3}.trial-strip-cta{font-size:11px}.trial-strip-tag{display:none}}
/* header: prefs + auth */
.site-header .header-actions{gap:14px}
.auth-guest,.auth-user{display:inline-flex;align-items:center;gap:14px}
.header-logout{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#5d6f86;cursor:pointer;padding:0;white-space:nowrap}
.header-logout:hover{color:#091321}
html.mono-auth-pending .auth-guest{visibility:hidden}
.mono-prefs{display:inline-flex;align-items:center;gap:6px}
.mono-dd{position:relative}
.mono-dd-trigger{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 9px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;color:#213955;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.mono-dd-trigger:hover,.mono-dd.open .mono-dd-trigger{border-color:#9dbbe0;background:#f6faff}
.mono-dd-trigger svg:last-child{transition:transform .2s}.mono-dd.open .mono-dd-trigger svg:last-child{transform:rotate(180deg)}
.mono-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:#fff;border:1px solid #dfe8f1;border-radius:14px;box-shadow:0 24px 50px #0c22392b;padding:6px;z-index:80;display:flex;flex-direction:column}
.mono-dd-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:none;text-align:left;font:inherit;font-size:13px;font-weight:600;color:#213955;padding:9px 11px;border-radius:9px;cursor:pointer}
.mono-dd-menu button:hover,.mono-dd-menu button:focus-visible{background:#f1f6fd;outline:none}
.mono-dd-menu button.is-selected{color:#126dff}
.mobile-nav .mono-prefs{padding:6px 0 12px;border-bottom:1px solid #edf1f7}
.mobile-nav .mono-dd-menu{left:0;right:auto}
.mobile-auth{display:flex;flex-direction:column;align-items:stretch;gap:0}
.mobile-auth>a,.mobile-auth>button{display:flex;align-items:center;min-height:43px;border:0;background:none;border-bottom:1px solid #edf1f7;font:inherit;font-size:14px;color:#126dff;font-weight:800;text-align:left;padding:0}
.mobile-nav{max-height:calc(100vh - 70px);overflow:auto}
@media(min-width:851px){.mobile-nav{display:none!important}}
@media(min-width:851px) and (max-width:1240px){.site-header .desktop-nav .nav-optional{display:none}}
@media(min-width:851px) and (max-width:1000px){.mono-prefs [data-dd="currency"]{display:none}}
/* hero additions */
.hero-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:22px 0 0;font-size:13px;color:#53667e}
.hero-price b{font-family:Manrope,Arial,sans-serif;font-size:19px;color:#091321;letter-spacing:-.03em}
.hero-micro a{text-decoration:underline;text-underline-offset:3px}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.stat-band>div{padding:20px 24px;display:flex;flex-direction:column;gap:4px}
.stat-band>div+div{border-left:1px solid var(--line)}
.stat-band b{font-family:Manrope,Arial,sans-serif;font-size:28px;letter-spacing:-.05em}
.stat-band span{font-size:12px;color:var(--muted);font-weight:600}
@media(max-width:700px){.stat-band{grid-template-columns:repeat(2,1fr)}.stat-band>div:nth-child(3){border-left:0}.stat-band>div:nth-child(n+3){border-top:1px solid var(--line)}.stat-band b{font-size:22px}.stat-band>div{padding:14px 16px}}
.trust-band{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:24px;padding:42px 48px;background:linear-gradient(120deg,#f7fbff,#fff)}
.trust-band h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:10px 0}
.trust-band p{color:var(--muted);max-width:640px;line-height:1.6;margin:0}
@media(max-width:850px){.trust-band{flex-direction:column;align-items:flex-start;padding:30px 26px}}
.intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.intent-grid>a{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;min-height:120px;transition:border-color .2s,box-shadow .2s,transform .2s}
.intent-grid>a:hover{border-color:#a9c6ea;box-shadow:var(--shadow);transform:translateY(-2px)}
.intent-grid small{font-size:11px;color:#3574ce;font-weight:800;letter-spacing:.14em}
.intent-grid b{font-family:Manrope,Arial,sans-serif;font-size:16px;letter-spacing:-.03em;line-height:1.3;flex:1}
.intent-grid svg{color:#126dff}
@media(max-width:1110px){.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.intent-grid{grid-template-columns:1fr}.intent-grid>a{min-height:0}}
/* game art: live capsule art is landscape */
.game-art.is-capsule{background-size:cover;background-position:center}
.game-tile .game-art.is-capsule,.price-icon .game-art.is-capsule,.modal-thumb .game-art.is-capsule,.pricing-line-game .game-art.is-capsule{background-size:cover}
.detail-game-card.is-capsule{width:52%;height:auto;aspect-ratio:460/215;left:20%;top:22%}
.detail-game-card.is-capsule .game-art{border-radius:16px}
/* flagships / directory */
.flagship-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.flagship{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(140deg,#f4f9ff,#fff);transition:box-shadow .2s,transform .2s}
.flagship:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.flagship h3{font-size:26px;margin:0}.flagship p{color:var(--muted);line-height:1.6;margin:0}.flagship b{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-top:6px}
@media(max-width:700px){.flagship-grid{grid-template-columns:1fr}}
.pricing-filter{max-width:380px;margin:14px 0 6px;height:50px}
/* plans */
.plans-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.help-decide{min-height:46px!important;gap:8px!important}
.cycle-tabs{display:inline-flex;gap:4px;padding:5px;background:#f1f5fb;border:1px solid #e1e9f3;border-radius:14px;flex-wrap:wrap}
.cycle-tabs button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#5b6e86;padding:10px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}
.cycle-tabs button.active{background:#fff;color:#091321;box-shadow:0 4px 12px #0d2a4a17}
.plans-helper{font-size:13px;color:var(--muted);margin:0 0 16px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px}
.plan-grid-flex{grid-template-columns:minmax(0,380px)}
.plan-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px 22px 22px;transition:box-shadow .2s,border-color .2s}
.plan-card:hover{box-shadow:var(--shadow);border-color:#c8d9ee}
.plan-card.is-popular{border:2px solid #126dff;box-shadow:0 18px 44px #126dff22}
.plan-badge{position:absolute;top:-12px;left:20px;background:#126dff;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:5px 10px}
.plan-card.is-flex .plan-badge{background:#0b1a2c}
.plan-card h3{font-size:22px;margin:4px 0 10px}
.plan-from{display:block;font-size:11px;color:var(--muted2);font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.plan-price{display:flex;align-items:baseline;gap:6px;margin:4px 0 2px;flex-wrap:wrap}
.plan-price strong{font-family:Manrope,Arial,sans-serif;font-size:30px;letter-spacing:-.05em;color:#091321}
.plan-price span{font-size:13px;color:var(--muted);font-weight:600}
.plan-save{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#0f8a4b;background:#e8f8ef;border-radius:8px;padding:3px 8px}
.plan-sub{display:block;font-size:13px;color:var(--muted)}
.plan-card ul{list-style:none;padding:0;margin:18px 0 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.plan-card li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#30445c;line-height:1.35}
.plan-card li svg{color:#126dff;flex-shrink:0;margin-top:1px}
.plan-order{width:100%;min-height:46px!important}
.plans-note{font-size:12px;color:var(--muted2);line-height:1.6;margin:18px 0 0}
.rec-panel{border:1px solid #cfe0f5;border-radius:22px;background:linear-gradient(140deg,#f5f9ff,#fff);padding:26px;margin-bottom:18px}
.rec-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}
.rec-label{display:flex;flex-direction:column;gap:8px}
.rec-label strong,.rec-q{font-family:Manrope,Arial,sans-serif;font-size:19px;letter-spacing:-.03em;display:block}
.rec-range{display:flex;align-items:center;gap:14px;margin:16px 0 6px}
.rec-range input{flex:1;accent-color:#126dff}
.rec-range output{min-width:46px;text-align:center;font-weight:800;font-size:18px;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#fff}
.rec-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted2);font-weight:600}
.rec-gap{margin-top:24px;display:flex}
.rec-q{margin:8px 0 12px}
.rec-profiles{display:flex;gap:8px;flex-wrap:wrap}
.rec-included{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:12px;color:#40566f;font-weight:600}
.rec-included span{display:inline-flex;gap:6px;align-items:center}.rec-included svg{color:#126dff}
.rec-result{background:#071a31;color:#dbe8f7;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:6px}
.rec-result .eyebrow{color:#8fc2ff}
.rec-result h3{color:#fff;font-size:30px;margin:2px 0}
.rec-result p{margin:0;color:#9fb4cc;font-size:13px}
.rec-result dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.rec-result dl div{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:9px}
.rec-result dt{font-size:10px;letter-spacing:.12em;color:#8ea6c2;font-weight:800}.rec-result dd{margin:2px 0 0;color:#fff;font-weight:800}
.rec-result ul{margin:0 0 6px;padding-left:18px;font-size:12px;line-height:1.7;color:#b9cbe0}
.rec-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.rec-price small{width:100%;font-size:10px;letter-spacing:.14em;color:#8ea6c2;font-weight:800}
.rec-price strong{font-family:Manrope,Arial,sans-serif;font-size:30px;color:#fff;letter-spacing:-.05em}
.rec-price em{font-style:normal;font-size:12px;color:#7be0a6;font-weight:700;width:100%}
@media(max-width:900px){.rec-grid{grid-template-columns:1fr}}
@media(max-width:570px){.rec-panel{padding:16px}.cycle-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.cycle-tabs button{padding:10px 6px;font-size:12px}.help-decide{width:100%}.plan-grid{grid-template-columns:1fr}}
/* game page extras */
.software-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.software-chips span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:13px;font-weight:700;color:#213955;background:#fff}
.software-chips svg{color:#126dff}
.detail-smallprint{flex-wrap:wrap}
/* calculators */
.calc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.calc-card{display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}
.calc-card label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#213955}
.calc-card label>span{display:flex;justify-content:space-between}
.calc-card select{height:48px;border:1px solid #d4dfeb;border-radius:12px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:#091321}
.calc-card input[type=range]{accent-color:#126dff}
.calc-card .check-row{flex-direction:row;align-items:center;gap:10px}
.calc-trial,.calc-note{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.calc-result{background:#071a31;color:#dbe8f7;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:8px}
.calc-result small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8fc2ff;font-weight:800}
.calc-result strong{font-family:Manrope,Arial,sans-serif;font-size:40px;color:#fff;letter-spacing:-.05em}
.calc-result p{margin:0;color:#b2c5da;font-size:14px;line-height:1.6}.calc-result p b{color:#fff}
.calc-price{font-family:Manrope,Arial,sans-serif;font-size:26px;color:#fff;font-weight:800}.calc-price span{font-size:13px;color:#9fb4cc;font-weight:600}
.calc-result ul{margin:4px 0 8px;padding-left:18px;font-size:13px;line-height:1.7;color:#b9cbe0}
.calc-actions{display:flex;flex-wrap:wrap;gap:10px}
.calc-result .btn-secondary{background:#ffffff12;color:#fff;border-color:#ffffff33}
.calc-result>.btn{align-self:flex-start}
@media(max-width:850px){.calc-layout{grid-template-columns:1fr}}
/* guides hub */
.guide-hub{display:flex;flex-direction:column;gap:44px;padding-top:10px!important}
.guide-hub-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.guide-hub-head h2{font-size:30px;margin:0}
/* support grid with 6 cards */
.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.support-grid{grid-template-columns:1fr}}
/* footer */
.footer-contact{font-size:13px;line-height:1.7;color:#6d7e93}
.footer-contact a{color:#126dff;font-weight:700}
.footer-badges,.footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.footer-badges .region-flag{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:#40566f}
.footer-social a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#213955;border:1px solid var(--line);border-radius:10px;padding:7px 11px}
.footer-links{grid-template-columns:repeat(5,minmax(110px,1fr));gap:40px}
@media(max-width:1110px){.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){.footer-links{grid-template-columns:repeat(2,1fr)}}
.not-found{padding-top:120px;padding-bottom:120px;text-align:left}
.not-found h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.06em;margin:14px 0}
.not-found p{color:var(--muted);font-size:17px}
body.modal-open,body.menu-open{overflow:hidden}
@media(min-width:851px){body.menu-open{overflow:auto}}
/* prices rendered as spans must look exactly like their container */
span.mono-price{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;letter-spacing:inherit!important;font-family:inherit!important;line-height:inherit!important}
/* FAQ uses native <details> (works without JS) in the design's FAQ style */
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;font:700 16px 'Manrope',Arial,sans-serif;letter-spacing:-.03em;color:#203048;padding:21px 7px;gap:25px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary svg{color:#5a87c2;transition:transform .25s;flex-shrink:0}
.faq-item[open] summary svg{transform:rotate(45deg)}
@media(max-width:570px){.faq-item summary{font-size:14px;padding:17px 4px}}
.console-input-form input{flex:1}
@media(max-width:480px){.intent-grid{grid-template-columns:1fr 1fr;gap:8px}.intent-grid>a{padding:14px;gap:6px}.intent-grid b{font-size:14px}}
.detail-editorial{grid-template-columns:minmax(0,45fr) minmax(0,55fr)!important}
@media(max-width:850px){.detail-editorial{grid-template-columns:1fr!important}}
.sp-item{font-style:normal;font-weight:600;color:inherit}
@media(min-width:1100px){.plan-count-6,.plan-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-count-7,.plan-count-8,.plan-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* design bug: min-height + aspect-ratio pushed the hero art wider than its column (clipped at the viewport edge) */
.detail-art-premium{min-height:0!important;width:100%;max-width:100%}
/* one soft gradient behind ported pages instead of a boxed one behind each hero */
.legacy-page{background:radial-gradient(ellipse 1300px 620px at 78% 0,#e8f1ff 0,#ffffff00 70%)}
.legacy-content .intentHero,.legacy-content .monoIntro,.legacy-content .guide-hero,.legacy-content .faq-hero,.legacy-content .blogHero{background:none!important}

/* ---------- trial strip v2 (2026-11-01) ---------- */
.trial-strip{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(100deg,#050f1d 0%,#0a2247 48%,#0d47b8 100%);color:#dbe8f7;font-size:13px;border-bottom:1px solid #3b7cff66}
.trial-strip:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 110px at 12% -30%,#3d8bff4d,transparent 70%),radial-gradient(460px 120px at 88% 150%,#8fd0ff3d,transparent 70%);pointer-events:none}
.trial-strip:after{content:"";position:absolute;top:0;bottom:0;left:-180px;width:120px;z-index:-1;background:linear-gradient(90deg,transparent,#ffffff17,transparent);transform:skewX(-20deg);animation:trialSheen 8s ease-in-out infinite;pointer-events:none}
@keyframes trialSheen{0%,72%{left:-180px}100%{left:110%}}
.trial-strip-inner{display:flex;align-items:center;gap:14px;min-height:54px;padding-top:7px;padding-bottom:7px}
.trial-strip-tag{flex:none;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b3a8a;font-weight:900;font-size:11px;letter-spacing:.14em;border-radius:999px;padding:5px 11px 5px 9px;box-shadow:0 0 0 3px #ffffff21,0 6px 18px -8px #3d8bff}
.trial-dot{width:7px;height:7px;border-radius:50%;background:#19c37d;animation:trialPulse 2.2s infinite}
@keyframes trialPulse{0%{box-shadow:0 0 0 0 #19c37d99}70%{box-shadow:0 0 0 7px #19c37d00}100%{box-shadow:0 0 0 0 #19c37d00}}
.trial-strip-copy{display:flex;align-items:center;gap:16px;min-width:0}
.trial-strip-title{font-weight:800;color:#fff;font-size:14px;letter-spacing:-.01em;white-space:nowrap}
.trial-strip-meta{display:inline-flex;gap:6px;color:#b4cbe8;font-size:12px}
.trial-strip-meta{align-items:center}
.tsm{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff24;color:#e6efff;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.005em;white-space:nowrap}
.trial-code{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;border:1px dashed #86b6ff;background:#ffffff12;color:#fff;border-radius:11px;padding:5px 5px 5px 11px;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.trial-code:hover{background:#ffffff21;border-color:#c4dcff}
.trial-code:active{transform:scale(.98)}
.trial-code:focus-visible,.trial-strip-cta:focus-visible,.trial-strip-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.trial-code-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a9c8f2;font-weight:800}
.trial-strip .trial-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:13px;letter-spacing:.08em;color:#fff;background:none;padding:0}
.trial-code-state{display:inline-flex;align-items:center;gap:4px;background:#126dff;color:#fff;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:800;min-width:66px;justify-content:center;transition:background .2s}
.trial-code.is-copied{border-style:solid;border-color:#19c37d;background:#19c37d1f}
.trial-code.is-copied .trial-code-state{background:#19c37d}
.trial-strip-cta{flex:none;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#0a2a5c;font-weight:800;font-size:13px;border-radius:11px;padding:9px 15px;white-space:nowrap;box-shadow:0 8px 20px -10px #000;transition:transform .15s,box-shadow .15s}
.trial-strip-cta:hover{color:#0a2a5c;transform:translateY(-1px);box-shadow:0 12px 24px -10px #000}
.trial-strip-close{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-right:-6px;border:0;border-radius:9px;background:none;color:#a6bcd8;cursor:pointer}
.trial-strip-close:hover{background:#ffffff1c;color:#fff}
.trial-dismissed .trial-strip{display:none}
@media(prefers-reduced-motion:reduce){.trial-strip:after{display:none}.trial-dot{animation:none}}
@media(max-width:1240px){.trial-strip-copy{flex-direction:column;align-items:flex-start;gap:2px}.trial-strip-inner{min-height:58px}}
@media(max-width:760px){
 .trial-strip-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tag copy close" "code code cta";gap:9px 10px;padding-top:10px;padding-bottom:11px}
 .trial-strip-tag{grid-area:tag;align-self:start;margin-top:1px}.trial-strip-copy{grid-area:copy}.trial-strip-close{grid-area:close;align-self:start;margin-top:-4px}
 .trial-strip-title{white-space:normal;font-size:13.5px;line-height:1.3}
 .trial-strip-meta{flex-wrap:wrap;gap:5px 6px;font-size:11.5px;margin-top:4px}
 .tsm{height:20px;padding:0 8px;font-size:11px}
 .trial-code{grid-area:code;margin-left:0;justify-content:space-between;min-width:0}
 .trial-strip-cta{grid-area:cta;justify-content:center;padding:9px 13px}
}
@media(max-width:400px){.trial-code-label{display:none}.trial-code-state{min-width:0}}

/* ---------- region picker ---------- */
.plans-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.region-pick{display:inline-flex;align-items:center;gap:4px;padding:5px;background:#f1f5fb;border:1px solid #e1e9f3;border-radius:14px}
.region-pick-label{display:inline-flex;align-items:center;gap:6px;padding:0 8px 0 7px;font-size:12px;font-weight:800;color:#5b6e86;letter-spacing:.02em}
.region-pick-label svg{color:#126dff}
.region-pick button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#5b6e86;padding:9px 13px;border-radius:10px;cursor:pointer;white-space:nowrap}
.region-pick button.active{background:#fff;color:#091321;box-shadow:0 4px 12px #0d2a4a17}
@media(max-width:570px){.plans-toolbar-right{width:100%}.region-pick{width:100%;display:grid;grid-template-columns:auto 1fr 1fr}.region-pick button{padding:9px 6px;font-size:12px}}

/* ---------- PAYG configurator ---------- */
.payg-config{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;border:1px solid #dbe5f1;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -40px #0d2a4a59}
.payg-main{padding:30px 32px;display:flex;flex-direction:column;gap:18px}
.payg-main h3{font-size:26px;letter-spacing:-.03em;margin:2px 0 0}
.payg-lead{color:#5d6f86;font-size:14px;line-height:1.6;margin:0;max-width:52ch}
.payg-field{display:flex;flex-direction:column;gap:8px}
.payg-field label,.payg-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#46586f}
.payg-field output{font-size:18px;letter-spacing:-.02em;text-transform:none;color:#091321;font-weight:800}
.payg-select{position:relative}
.payg-select select{width:100%;appearance:none;font:inherit;font-size:15px;font-weight:700;color:#091321;background:#f6f9fd;border:1px solid #d9e3ef;border-radius:12px;padding:12px 40px 12px 14px;cursor:pointer}
.payg-select select:focus{outline:2px solid #126dff55;border-color:#126dff}
.payg-select svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#5b6e86}
.payg-field input[type=range]{width:100%;accent-color:#126dff;height:28px;cursor:pointer}
.payg-scale{display:flex;justify-content:space-between;font-size:11px;color:#8193a8;font-weight:700}
.payg-field .region-pick{align-self:flex-start}
.payg-included{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;font-size:13px;color:#3b4d63}
.payg-included li{display:flex;align-items:center;gap:8px}.payg-included svg{color:#126dff;flex:none}
.payg-summary{background:linear-gradient(160deg,#071427,#0b2a57 70%,#0d3f99);color:#d7e5f7;padding:30px 30px;display:flex;flex-direction:column;gap:12px}
.payg-summary .eyebrow{color:#8fc1ff}
.payg-rate{display:flex;align-items:baseline;gap:10px}
.payg-rate strong{font-size:56px;line-height:1;letter-spacing:-.05em;color:#fff;font-weight:800}
.payg-rate span{font-size:15px;font-weight:700;color:#a9c3e4}
.payg-money{margin:0;font-size:14px;color:#c2d5ee}.payg-money b{color:#fff}
.payg-examples{margin:6px 0 4px;display:grid;gap:0;border-top:1px solid #ffffff1f}
.payg-examples div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff1f;font-size:13px}
.payg-examples dt{color:#a9c3e4}.payg-examples dd{margin:0;color:#fff;font-weight:800;text-align:right}
.payg-cta.btn{margin-top:auto;justify-content:center;background:#fff;color:#0a2a5c;border-color:#fff}
.payg-cta.btn:hover{background:#eaf2ff;color:#0a2a5c}
.payg-fine{margin:0;font-size:11.5px;color:#9db5d3;line-height:1.5}
@media(max-width:900px){.payg-config{grid-template-columns:1fr}}
@media(max-width:570px){.payg-main,.payg-summary{padding:22px 18px}.payg-included{grid-template-columns:1fr}.payg-rate strong{font-size:46px}.payg-field .region-pick{align-self:stretch}}
.tcs-copy,.tcs-done{display:inline-flex}.tcs-done{display:none}.trial-code.is-copied .tcs-copy{display:none}.trial-code.is-copied .tcs-done{display:inline-flex}
.payg-field .region-pick-label{display:none}.payg-field .region-pick{grid-template-columns:1fr 1fr}

/* ===== theme toggle + São Paulo surcharge (go-live 2026-11-01) ===== */
.mono-theme-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:10px;border-radius:12px;border:1px solid var(--line,#e3eaf2);background:#fff;color:#2b3951;cursor:pointer;transition:border-color .15s,color .15s,transform .15s,background .15s}
.mono-theme-toggle:hover{border-color:#9dbfff;color:var(--blue,#126dff);transform:translateY(-1px)}
.mono-theme-toggle:focus-visible{outline:2px solid var(--blue,#126dff);outline-offset:2px}
.mono-theme-toggle__sun{display:none}
html.mono-dark .mono-theme-toggle__sun{display:block}
html.mono-dark .mono-theme-toggle__moon{display:none}
@media(max-width:850px){.mono-theme-toggle{margin-left:auto;margin-right:6px;width:38px;height:38px}.mono-theme-toggle~.menu-toggle{margin-left:0}}
.region-pick button .region-extra{font-style:normal;font-size:10.5px;font-weight:800;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:1px 6px;margin-left:3px}

.plan-sp{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11.5px;font-weight:700;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:2px 9px}
/* real SVG flags (emoji flags render as "DE"/"BR" letters on Windows) */
svg.flag{display:inline-block;flex:none;width:20px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(9,19,33,.12);vertical-align:-2px;overflow:hidden}
.region-pick button{display:inline-flex;align-items:center;gap:7px}
.region-flag{display:inline-flex;align-items:center;gap:6px}
.plan-sp svg.flag{width:16px;height:11px;margin-right:3px;vertical-align:-1px}
/* homepage: catalogue first, then the features strip */
.popular-section+.shell .feature-strip{border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4}
.popular-section{padding-bottom:40px}
.popular-section+.shell{margin-bottom:8px}
/* PAYG configurator controls (mono-ui) */
.payg-select .mui-select{--mui-h:50px}
.payg-select .mui-select__btn{font-size:15px;font-weight:700}
.payg-field .mui-ticks,.payg-field .payg-scale.mui-ticks{margin-top:4px}
.rec-range .mui-range{flex:1}