/* Bolcal 4.0 · Black, lime and clear project pricing. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.commerce-design{font-weight:400}
.commerce-design ::selection{background:var(--accent);color:var(--primary)}
.commerce-design :focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.commerce-design .button{border-radius:9px;box-shadow:none;font-weight:600}
.commerce-design .button-primary,.commerce-design .button-small,.commerce-design .header-cta{background:var(--primary);color:#fff;box-shadow:none}
.commerce-design .button-cyan{background:var(--accent);color:var(--primary);box-shadow:none}
.commerce-design .button:hover{filter:brightness(.94);box-shadow:0 4px 0 color-mix(in srgb,var(--primary) 12%,transparent)}
.commerce-design .button-primary:hover{filter:brightness(1.3)}
.commerce-design .announcement{background:var(--accent);color:var(--primary)}
.commerce-design .announcement .announcement-link{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}
.commerce-design .brand{color:var(--primary);font-weight:650}
.commerce-design .brand>span{color:var(--primary)}
.commerce-design .header-cta{border-radius:8px;font-weight:600;font-size:14px}
.commerce-design .desktop-nav>a,.commerce-design .nav-trigger,.commerce-design .wp-menu a{color:var(--ink);font-weight:450}
.commerce-design .mobile-toggle{border-color:var(--line);color:var(--primary)}
.commerce-design .commerce-mega{box-shadow:0 20px 45px #00000014;border-color:var(--line)}
.commerce-design .menu-icon{color:var(--primary);background:color-mix(in srgb,var(--accent) 22%,var(--paper))}
.mega-callout{background:var(--primary);color:#fff}
.mega-callout h2{color:#fff}
.mega-callout .button{background:var(--accent);color:var(--primary)}

/* A stronger opening, with one decisive accent. */
.commerce-hero{background:var(--primary);color:#fff;isolation:isolate}
.commerce-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 90%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 55%)}
.commerce-hero-copy{padding-block:42px 48px}
.commerce-hero h1{color:#fff}
.commerce-hero h1 strong{color:var(--accent)}
.commerce-hero-badge{color:#e8eae1;border-color:#ffffff38;background:#ffffff0b;font-size:11px}
.commerce-hero-badge>.icon{color:var(--accent)}
.commerce-hero-intro{color:#c1c3ba}
.commerce-offer{color:#d9dcd0}
.commerce-offer>b{color:var(--primary);background:var(--accent)}
.commerce-hero-actions .button-primary{background:var(--accent);color:var(--primary)}
.commerce-hero-actions .button-cyan{background:transparent;border:1px solid #ffffff55;color:#fff}
.commerce-hero-actions .button-cyan:hover{background:#ffffff12}
.commerce-hero :focus-visible,.price-spotlight :focus-visible,.site-footer :focus-visible{outline-color:var(--accent)}
.commerce-float{background:#ffffffef;border-color:#fff;color:var(--primary);box-shadow:0 10px 30px #00000012}
.commerce-float small{color:#686b62}
.commerce-float-1{background:color-mix(in srgb,var(--accent) 92%,#fff);border-color:var(--accent)}
.commerce-flow{color:var(--primary)}
.sector-item>span{color:var(--ink)}

/* Pricing cards keep the price, action and scope in the same order. */
.commerce-design .pricing-section{background:var(--surface)}
.pricing-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 30px;margin-bottom:40px}
.commerce-design .pricing-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:5px;border-radius:12px;background:var(--paper);border:1px solid var(--line);width:auto;max-width:100%}
.commerce-design .pricing-tabs button{padding:12px 20px;border:0;border-radius:8px;color:var(--muted);font-size:13px;font-weight:550;white-space:nowrap}
.commerce-design .pricing-tabs button[aria-selected=true]{color:var(--primary);background:var(--accent);border:0;font-weight:650}
.commerce-design .pricing-tabs button:hover{color:var(--primary)}
.pricing-payment-info{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:11px;color:var(--muted)}
.pricing-payment-info>span{display:flex;align-items:center;gap:6px}
.pricing-payment-info>span>.icon{width:15px;height:15px;color:var(--primary)}
.pricing-all-link{font-size:12px;display:inline-flex;align-items:center;gap:9px;color:var(--primary)}
.pricing-all-link>.icon{width:16px;height:16px}
.billing-switch{display:inline-flex;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:7px}
.billing-switch button{border:0;background:transparent;border-radius:5px;padding:6px 10px;font:500 11px/1.5 var(--font);cursor:pointer;color:var(--muted)}
.billing-switch button[aria-pressed=true]{background:var(--primary);color:#fff}
.commerce-design .pricing-grid{gap:18px;max-width:none}
.commerce-design .pricing-card,.commerce-design .pricing-card.is-featured{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);padding:30px 23px 24px;border-radius:16px;box-shadow:none;position:relative}
.commerce-design .pricing-card h3{color:var(--ink);font-size:25px;font-weight:650;letter-spacing:-.045em}
.commerce-design .plan-description{color:var(--muted);font-size:12px;line-height:1.75;min-height:43px}
.commerce-design .plan-price{display:flex;align-items:baseline;gap:3px;color:var(--ink);font-size:40px;font-weight:650;line-height:1.2;letter-spacing:-.06em;margin-top:24px;flex-wrap:wrap}
.price-amount{font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-price .price-currency{font-size:21px;font-weight:500;letter-spacing:-.02em;margin-left:2px}
.plan-price .price-quote{font-size:29px;letter-spacing:-.05em;line-height:1.3}
.commerce-design .plan-price>small{font-size:11px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:5px}
.commerce-design .plan-price-note{min-height:35px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:9px;font-weight:400}
.commerce-design .pricing-card>.button{margin:18px 0 0;font-size:13px;min-height:46px;width:100%;padding:12px 14px;justify-content:space-between}
.commerce-design .pricing-card>.button>.icon{width:16px;height:16px}
.commerce-design .plan-badge{color:var(--primary);background:var(--accent);font-size:9px;font-weight:700;box-shadow:none;border:1px solid var(--primary);padding:4px 12px;top:-13px;border-radius:20px}
.plan-discount{background:var(--accent);color:var(--primary);font-weight:650}
.plan-details{margin:23px 0 0;border-color:var(--line);padding-top:18px}
.plan-details>summary{color:var(--ink);font-size:12px;font-weight:550}
.commerce-design .plan-details li{color:var(--muted);font-size:12px;font-weight:400;gap:8px}
.plan-details li>.icon{color:var(--primary);flex-shrink:0}
.plan-bonus{background:var(--surface);border:1px solid var(--line);padding:12px}
.plan-bonus h4{font-weight:600;color:var(--ink)}
.plan-bonus p{color:var(--muted)}
.commerce-design .pricing-card.is-featured,.commerce-design .pricing-card.is-dark{background:var(--primary);border-color:var(--primary);color:#fff}
.commerce-design .pricing-card.is-dark{background:color-mix(in srgb,var(--primary) 92%,#fff)}
.commerce-design .pricing-card:is(.is-featured,.is-dark) h3,.commerce-design .pricing-card:is(.is-featured,.is-dark) .plan-price,.pricing-card:is(.is-featured,.is-dark) .plan-details>summary{color:#fff}
.commerce-design .pricing-card:is(.is-featured,.is-dark) .plan-description,.commerce-design .pricing-card:is(.is-featured,.is-dark) .plan-price-note,.commerce-design .pricing-card:is(.is-featured,.is-dark) .plan-details li,.commerce-design .pricing-card:is(.is-featured,.is-dark) .plan-price>small{color:#bfc2b6}
.pricing-card:is(.is-featured,.is-dark) .plan-details{border-color:#ffffff29}
.pricing-card:is(.is-featured,.is-dark) .plan-details li>.icon{color:var(--accent)}
.pricing-card:is(.is-featured,.is-dark) .plan-bonus{background:#ffffff0a;border-color:#ffffff25}
.pricing-card:is(.is-featured,.is-dark) .plan-bonus h4{color:var(--accent)}
.pricing-card:is(.is-featured,.is-dark) .plan-bonus p{color:#c7cabe}
.pricing-card:is(.is-featured,.is-dark) :focus-visible{outline-color:var(--accent)}
.plan-total del{color:var(--muted);font-size:12px}
.commerce-design .pricing-note{color:var(--muted);font-size:11px;line-height:1.9;max-width:950px;margin:28px auto 0;text-align:center}

/* Dedicated pricing page. */
.prices-page{background:var(--paper)}
.prices-hero{padding-block:22px 35px;text-align:center}
.prices-hero .breadcrumbs{margin-bottom:32px;text-align:left;justify-content:flex-start;font-size:11px}
.prices-hero .eyebrow{font:600 10px/1.5 var(--font);letter-spacing:.13em;color:var(--muted);margin-bottom:12px}
.prices-hero h1{font:var(--heading-weight) 52px/1.14 var(--heading-font);letter-spacing:-.05em;margin-bottom:16px;color:var(--ink)}
.prices-hero h1 strong{font-weight:700}
.prices-hero>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:660px;margin-inline:auto}
.price-spotlight{background:var(--primary);color:#fff;border-radius:20px;padding:38px 40px 25px;position:relative;overflow:hidden}
.spotlight-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px}
.spotlight-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;font-weight:550;color:#c9cdbd}
.spotlight-label>.icon{color:var(--accent);width:16px;height:16px}
.spotlight-copy h2{font:500 35px/1.18 var(--heading-font);letter-spacing:-.04em;margin:17px 0 15px;max-width:580px}
.spotlight-copy h2 strong{color:var(--accent);font-weight:650}
.spotlight-copy>p{font-size:13px;line-height:1.9;color:#b4b8a9;max-width:470px}
.spotlight-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}
.commerce-design .spotlight-actions .button{font-size:13px;min-height:45px;padding:12px 20px}
.spotlight-compare{font-size:12px;color:#d8dccd;border-bottom:1px solid #ffffff45;padding-bottom:3px}
.spotlight-map{position:relative;padding:20px 22px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);border:1px solid #ffffff24;border-radius:14px;transform:rotate(-2deg);box-shadow:10px 12px 0 #ffffff05;isolation:isolate}
.spotlight-map-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff20;padding-bottom:15px;margin-bottom:12px}
.spotlight-map-brand>.icon{color:var(--accent);width:24px;height:24px}
.spotlight-map-brand>strong{font:600 24px/1 var(--font);letter-spacing:-.05em}
.spotlight-map-brand>span{margin-left:auto;background:var(--accent);color:var(--primary);font-size:21px;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}
.spotlight-map-line{position:absolute;left:36px;top:90px;bottom:47px;width:1px;background:#ffffff25;z-index:-1}
.spotlight-stage{display:flex;align-items:center;gap:13px;padding-block:10px}
.spotlight-stage>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #ffffff32;border-radius:50%;background:var(--primary);color:var(--accent);font:500 9px/1 var(--font)}
.spotlight-stage strong{font-size:12px;font-weight:550;display:block}
.spotlight-stage small{display:block;font-size:9px;color:#9ba18d;margin-top:2px}
.spotlight-stage>.icon{margin-left:auto;color:var(--accent);width:15px;height:15px}
.spotlight-inclusions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;padding-top:23px;border-top:1px solid #ffffff21}
.spotlight-inclusions>div{display:flex;align-items:center;gap:12px}
.spotlight-inclusions>div>.icon{color:var(--accent);width:25px;height:25px;flex-shrink:0;stroke-width:1.3}
.spotlight-inclusions strong{display:block;font-size:12px;font-weight:550}
.spotlight-inclusions small{display:block;font-size:10px;color:#9da48f;margin-top:3px}
.commerce-design .pricing-section-full{background:var(--paper);padding-top:45px;padding-bottom:35px}
.prices-page .pricing-controls{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:38px}

/* Searchable comparison, with sticky row labels and plan headings. */
.comparison-section{padding-top:35px!important}
.comparison-toolbar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px}
.comparison-search{display:flex;align-items:center;gap:10px;flex:1;min-width:220px}
.comparison-search>.icon{width:19px;height:19px;flex-shrink:0;color:var(--primary)}
.comparison-search input{width:100%;border:0;background:transparent;padding:6px 0;color:var(--ink);font:400 13px/1.5 var(--font);min-width:0;border-radius:0}
.comparison-search input::placeholder{color:var(--muted);opacity:1}
.comparison-search input:focus-visible{outline-offset:2px;border-radius:3px}
.comparison-difference{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);cursor:pointer}
.comparison-difference input{width:16px;height:16px;accent-color:var(--primary);margin:0}
.comparison-reset{border:0;background:transparent;padding:5px 0;font:500 11px/1.5 var(--font);color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.comparison-mobile-plan{display:none}
.comparison-count{font-size:10px;color:var(--muted);margin:14px 0 12px}
.comparison-scroll{overflow:auto;max-height:75vh;overscroll-behavior:contain;border:1px solid var(--line);border-radius:13px;scrollbar-width:thin;background:var(--paper);position:relative}
.comparison-table{width:100%;min-width:calc(245px + var(--plan-count)*200px);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;color:var(--ink)}
.comparison-table th,.comparison-table td{padding:16px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:middle;line-height:1.6;overflow-wrap:anywhere}
.comparison-table tr>:last-child{border-right:0}
.comparison-table th{font-weight:500;text-align:left}
.comparison-table td{text-align:center}
.comparison-table thead th{position:sticky;top:0;z-index:3;background:var(--surface);padding:20px 18px 17px;vertical-align:bottom}
.comparison-table tr>th:first-child{width:245px;position:sticky;left:0;z-index:1;background:var(--paper)}
.comparison-table thead tr>th:first-child{z-index:4;background:var(--surface);font-size:11px;color:var(--muted);vertical-align:bottom}
.compare-plan-name{display:block;font:650 18px/1.2 var(--font);letter-spacing:-.03em;margin-bottom:10px}
.compare-plan-price{display:flex;align-items:baseline;gap:3px;font:600 24px/1.2 var(--font);letter-spacing:-.045em}
.compare-plan-price .price-currency{font-size:14px}
.compare-plan-price .price-quote{font-size:18px}
.comparison-table thead th>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding-top:13px;gap:6px;text-decoration:none;color:var(--ink)}
.comparison-table thead th>a>.icon{width:13px;height:13px}
.comparison-table thead th.comparison-featured{background:var(--primary);color:#fff}
.comparison-table thead th.comparison-featured>a{color:var(--accent)}
.comparison-table thead th.comparison-featured :focus-visible{outline-color:var(--accent)}
.comparison-table .comparison-group>th:first-child{position:static;background:color-mix(in srgb,var(--accent) 15%,var(--paper));font-weight:650;font-size:11px;padding:12px 18px;color:var(--primary)}
.comparison-table tbody tr:not(.comparison-group):hover>th,.comparison-table tbody tr:not(.comparison-group):hover>td{background:var(--surface)}
.feature-description>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-weight:500;font-size:12px}
.feature-description>summary::-webkit-details-marker{display:none}
.feature-description>summary>span{display:grid;place-items:center;font:500 8px/1 var(--font);width:14px;height:14px;border:1px solid var(--line);border-radius:50%;color:var(--muted);flex-shrink:0}
.feature-description[open]>summary>span{background:var(--accent);color:var(--primary);border-color:var(--accent)}
.feature-description>p{font-size:11px;font-weight:400;color:var(--muted);line-height:1.8;margin-top:10px}
.comparison-value{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;line-height:1.6}
.comparison-value>.icon{width:18px;height:18px;flex-shrink:0;background:var(--accent);color:var(--primary);border-radius:50%;padding:3px;stroke-width:2.2}
.comparison-value.status-included{font-weight:500}
.comparison-value.status-optional{border:1px solid var(--line);border-radius:20px;padding:2px 8px;color:var(--muted);font-size:10px}
.comparison-value.status-custom{color:var(--ink)}
.comparison-value.status-excluded{color:var(--muted)}
.comparison-table tfoot th,.comparison-table tfoot td{border-bottom:0;background:var(--surface);padding:18px}
.commerce-design .comparison-table tfoot .button{font-size:11px;min-height:38px;padding:9px 12px;width:100%;justify-content:center}
.comparison-empty{padding:25px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:8px;margin-top:18px;text-align:center;font-size:13px;color:var(--muted)}
.comparison-disclaimer{font-size:11px;line-height:1.9;color:var(--muted);max-width:900px;margin-top:18px}
.pricing-help{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);padding:32px 38px;border-radius:14px;color:var(--primary);margin-block:0 15px}
.pricing-help .eyebrow{color:var(--primary);font-size:9px;letter-spacing:.1em;margin-bottom:9px;opacity:.65}
.pricing-help h2{font:500 29px/1.2 var(--heading-font);letter-spacing:-.035em;margin-bottom:10px}
.pricing-help>div>p:last-child{font-size:12px;line-height:1.8;max-width:650px;color:var(--primary);opacity:.75}
.commerce-design .pricing-help>.button{flex-shrink:0;font-size:13px}

/* Carry the same identity into every existing theme section. */
.benefit-illustration>.icon{color:var(--primary);filter:drop-shadow(4px 8px 0 color-mix(in srgb,var(--accent) 70%,#fff))}
.benefit-illustration:before,.benefit-1:before{background:color-mix(in srgb,var(--accent) 28%,var(--paper))}
.benefit-2:before{background:var(--accent)}
.benefit-orbit{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
.benefit-dot{background:var(--primary);box-shadow:-122px 70px 0 2px var(--accent)}
.benefit-1>.icon{color:var(--primary)}
.feature-big-icon{background:color-mix(in srgb,var(--accent) 30%,var(--paper));color:var(--primary)}
.feature-tile-grid>button{border-color:var(--line);color:var(--muted)}
.feature-tile-grid>button>.icon{color:var(--primary)}
.feature-tile-grid>button[aria-selected=true],.feature-tile-grid>button:hover{border-color:var(--primary);background:var(--accent);color:var(--primary)}
.home-consultation{background:var(--surface)}
.commerce-design .selected-plan{background:color-mix(in srgb,var(--accent) 20%,var(--paper));border-color:var(--line)}
.commerce-design .form-fields input,.commerce-design .form-fields select,.commerce-design .form-fields textarea{border-color:var(--line)}
.commerce-design .form-fields :is(input,select,textarea):focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}
.commerce-design .closing-cta{background:var(--primary)}
.commerce-design .closing-cta h2{color:#fff}
.commerce-design .closing-cta h2 strong{color:var(--accent)}
.commerce-design .site-footer{background:var(--footer);color:var(--footer-text)}
.commerce-design .footer-brand>.brand,.commerce-design .footer-brand>.brand>span{color:var(--footer-text)}
.commerce-design .footer-brand>p,.footer-group nav,.commerce-design .footer-contact>a:nth-child(2),.commerce-design .footer-contact p,.commerce-design .social-links,.commerce-design .footer-links .wp-menu a{color:color-mix(in srgb,var(--footer-text) 62%,var(--footer))}
.commerce-design .footer-contact>a:first-child{color:var(--footer-text)}
.footer-group nav a:hover,.commerce-design .footer-links .wp-menu a:hover,.commerce-design .footer-contact>a:hover{color:var(--accent)}
.commerce-design .footer-bottom{border-top-color:color-mix(in srgb,var(--footer-text) 18%,var(--footer));color:color-mix(in srgb,var(--footer-text) 52%,var(--footer))}
.commerce-design .whatsapp-float{background:var(--accent);color:var(--primary);border:1px solid var(--primary);box-shadow:0 7px 25px #0000001c}
.commerce-design .service-art{background:color-mix(in srgb,var(--accent) 20%,var(--paper))}
.commerce-design .scope-box,.commerce-design .principle-quote,.commerce-design .service-hero>.showcase{background:var(--surface);border-color:var(--line)}
.commerce-design .feature-item,.commerce-design .contact-process,.commerce-design .project-card{border-color:var(--line)}
.commerce-design .faq p,.commerce-benefits p,.feature-copy-panels p,.home-consultation-copy>p{color:var(--muted)}
.commerce-design .faq summary{color:var(--ink)}

@media(min-width:1500px){.commerce-hero-copy{padding-block:48px 54px}}
@media(max-width:1180px){
  .commerce-design .pricing-card,.commerce-design .pricing-card.is-featured{padding:27px 18px 22px}
  .commerce-design .plan-price{font-size:35px}.plan-price .price-quote{font-size:26px}
  .commerce-design .pricing-card h3{font-size:23px}.commerce-design .pricing-card>.button{font-size:12px}
  .spotlight-grid{gap:40px}.spotlight-copy h2{font-size:32px}.price-spotlight{padding:32px 30px 23px}
}
@media(max-width:1000px){
  .pricing-controls{align-items:flex-start;gap:22px}.pricing-payment-info{align-items:flex-start}
  .commerce-design .pricing-grid{max-width:800px;gap:28px 20px}
  .commerce-design .pricing-card,.commerce-design .pricing-card.is-featured{padding:30px 25px 24px}
  .commerce-design .plan-price{font-size:40px}.commerce-design .plan-description{font-size:13px}
  .commerce-design .plan-details li{font-size:13px}.commerce-design .pricing-card>.button{font-size:13px}
  .spotlight-grid{grid-template-columns:1.2fr 1fr;gap:30px}.spotlight-copy h2{font-size:29px}
  .spotlight-actions{gap:13px}.spotlight-compare{font-size:10px}
  .spotlight-inclusions{gap:18px 12px}.spotlight-inclusions strong{font-size:11px}.spotlight-inclusions small{font-size:9px}
  .spotlight-map{padding:17px}.spotlight-map-line{left:31px}.spotlight-stage{gap:10px}
  .comparison-toolbar{gap:14px}.comparison-difference{font-size:11px}
}
@media(max-width:760px){
  .commerce-hero-copy{padding-block:30px 22px}
  .commerce-design .header-cta{font-size:12px}
  .commerce-design .pricing-tabs{width:100%;display:flex;flex-wrap:nowrap;gap:3px;justify-content:stretch;padding:4px;border-radius:10px}
  .commerce-design .pricing-tabs button{flex:1;white-space:normal;font-size:11px;padding:11px 7px;line-height:1.4;border-radius:7px}
  .pricing-controls{gap:17px;margin-bottom:32px}.pricing-payment-info{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
  .pricing-payment-info>span{font-size:10px}.pricing-all-link{font-size:10px;gap:5px}
  .commerce-design .pricing-grid{gap:28px 14px}.commerce-design .pricing-card,.commerce-design .pricing-card.is-featured{padding:24px 17px 21px}
  .commerce-design .pricing-card h3{font-size:24px}.commerce-design .plan-description{font-size:12px;min-height:48px}
  .commerce-design .plan-price{font-size:32px;margin-top:21px}.plan-price .price-currency{font-size:16px}.plan-price .price-quote{font-size:24px}
  .commerce-design .plan-price-note{font-size:10px;min-height:34px}.commerce-design .pricing-card>.button{font-size:11px;padding-inline:11px;min-height:43px;margin-top:15px}
  .plan-details{padding-top:16px;margin-top:19px}.commerce-design .plan-details li{font-size:11px}.plan-details>summary{font-size:11px}
  .commerce-design .plan-badge{font-size:8px;left:12px;top:-11px;padding:4px 9px}
  .plan-bonus{padding:10px}.plan-bonus h4{font-size:11px}.plan-bonus p{font-size:10px}
  .commerce-design .pricing-note{font-size:10px;text-align:left}
  .prices-hero{padding-block:18px 26px}.prices-hero .breadcrumbs{margin-bottom:24px;font-size:10px}
  .prices-hero h1{font-size:38px;line-height:1.14}.prices-hero>p:last-child{font-size:13px}
  .price-spotlight{border-radius:14px;padding:25px 23px 21px}.spotlight-grid{grid-template-columns:1fr;gap:29px}
  .spotlight-copy h2{font-size:32px;margin-block:14px}.spotlight-copy>p{font-size:12px;max-width:100%}
  .spotlight-label{font-size:9px}.spotlight-actions{gap:16px;margin-top:20px}.commerce-design .spotlight-actions .button{font-size:12px}
  .spotlight-map{transform:none;max-width:440px;width:100%;margin-inline:auto;padding:17px 20px;box-shadow:none}
  .spotlight-map-brand{margin-bottom:7px;padding-bottom:13px}.spotlight-stage{padding-block:8px}.spotlight-map-line{left:34px;top:80px;bottom:39px}
  .spotlight-inclusions{grid-template-columns:1fr 1fr;gap:20px 15px;margin-top:25px;padding-top:20px}
  .spotlight-inclusions>div{gap:9px}.spotlight-inclusions>div>.icon{width:21px;height:21px}.spotlight-inclusions strong{font-size:10px}.spotlight-inclusions small{font-size:9px;line-height:1.6}
  .commerce-design .pricing-section-full{padding-top:30px;padding-bottom:20px}.prices-page .pricing-controls{padding-bottom:20px}
  .comparison-section{padding-top:25px!important}.comparison-toolbar{padding:13px;gap:15px}
  .comparison-search{flex-basis:100%;min-width:0;border-bottom:1px solid var(--line);padding-bottom:10px}
  .comparison-search input{font-size:16px}.comparison-difference{font-size:11px;flex:1}.comparison-reset{font-size:10px}
  .comparison-mobile-plan{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border-top:1px solid var(--line);padding-top:12px;font-size:11px}
  .comparison-mobile-plan select{background:var(--paper);border:1px solid var(--line);border-radius:6px;font:500 16px/1.5 var(--font);padding:8px;max-width:65%;color:var(--ink)}
  .comparison-scroll{max-height:70vh;border-radius:9px}
  .comparison-table.is-mobile-view{min-width:100%}.comparison-table .is-mobile-hidden{display:none}
  .comparison-table.is-mobile-view tr>th:first-child{width:52%}.comparison-table.is-mobile-view tr>[data-plan]{width:48%}
  .comparison-table th,.comparison-table td{padding:13px 12px;font-size:11px}
  .comparison-table thead th{padding:17px 12px 14px}.compare-plan-name{font-size:17px;margin-bottom:8px}.compare-plan-price{font-size:24px}.compare-plan-price .price-quote{font-size:18px}
  .comparison-table thead tr>th:first-child{font-size:10px}.comparison-table thead th>a{font-size:10px}
  .feature-description>summary{font-size:11px;gap:8px}.feature-description>p{font-size:10px}.comparison-value{font-size:10px;gap:4px}
  .comparison-value>.icon{width:16px;height:16px}.comparison-value.status-optional{font-size:9px;padding:2px 6px}
  .comparison-table .comparison-group>th:first-child{padding:11px 12px;font-size:10px}
  .commerce-design .comparison-table tfoot .button{font-size:10px;padding-inline:8px}
  .comparison-disclaimer{font-size:10px}.pricing-help{display:block;padding:26px 23px;border-radius:12px;margin-bottom:0}
  .pricing-help h2{font-size:29px}.pricing-help>div>p:last-child{font-size:12px}.commerce-design .pricing-help>.button{margin-top:22px;font-size:12px}
  .benefit-dot{box-shadow:-110px 65px 0 0 var(--accent)}
}
@media(max-width:460px){
  .commerce-design .pricing-grid{grid-template-columns:1fr;gap:30px}.commerce-design .pricing-card,.commerce-design .pricing-card.is-featured{padding:29px 25px 24px}
  .commerce-design .pricing-card h3{font-size:27px}.commerce-design .plan-description{font-size:13px;min-height:0}
  .commerce-design .plan-price{font-size:43px;margin-top:23px}.plan-price .price-currency{font-size:22px}.plan-price .price-quote{font-size:30px}
  .commerce-design .plan-price-note{font-size:11px;min-height:0}.commerce-design .pricing-card>.button{font-size:13px;min-height:47px;margin-top:20px}
  .commerce-design .plan-details li{font-size:12px}.plan-details>summary{font-size:12px}.plan-bonus p{font-size:11px}
  .commerce-design .plan-badge{font-size:9px;top:-13px;left:18px;padding:4px 11px}
  .prices-hero h1{font-size:34px}.spotlight-copy h2{font-size:29px}.spotlight-actions{gap:15px}.spotlight-compare{font-size:10px}
  .pricing-payment-info{align-items:flex-start}.spotlight-inclusions small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.commerce-design *{scroll-behavior:auto!important;transition:none!important}}