/* Subscription storefront palette, inspired by the cyan/lilac logo.
   Loaded only by storefront pages; Launcher and admin keep their themes. */
body.storefront-main{
  --brand-ink:#273548;--brand-muted:#5f6e80;--brand-line:#dce6ef;
  --brand-accent:#526db2;--brand-soft:#edf5fc;--brand-focus:#8a9cd7;
  --brand-shadow:0 20px 60px -35px #45668530;
  --ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);
  --blue:#afe5f6;--pale:#edf7fd;--paler:#f6faff;
  --store-surface:#ffffff;--store-surface-soft:#f1f7fc;
  --store-hover:#e8f2fb;--store-accent-hover:#425b9e;
  background:#f8fbfe;color:var(--brand-ink)
}
.storefront-main .header,.storefront-main .header.scrolled{
  background:#fcfdffed!important;border-bottom-color:var(--brand-line)!important
}
.storefront-main .nav-support{background:#ffffff;border-color:#d8e4f0;color:var(--brand-accent)}
.storefront-main .nav-support:hover{background:var(--store-hover)}
.storefront-main .hero{
  background:radial-gradient(ellipse at 82% 28%,#d2f1fc99,transparent 58%),radial-gradient(ellipse at 12% 80%,#e7e0ff4d,transparent 62%),#f2f9ff
}
.storefront-main .hero-bottom{color:#64758a}
.storefront-main .button-blue{background:var(--brand-accent);color:#fff;box-shadow:0 4px 12px #729bd51a}
.storefront-main .button-blue:hover{background:var(--store-accent-hover);box-shadow:0 6px 20px #729bd529}
.storefront-main .button-dark:hover{background:#37495e}
.storefront-main .hero-actions .text-link{color:#526a82}
.storefront-main .hero-actions .text-link:hover{background:var(--store-hover)}
.storefront-main .hero-actions .text-link svg,.storefront-main .hero-actions .text-link .site-icon{color:var(--brand-accent);stroke:var(--brand-accent)}
.storefront-main .hero-picks{background:#ffffff;border-color:#d7e5f2;box-shadow:0 24px 64px -38px #456e9650}
.storefront-main .hero-product-card{background:var(--store-surface);border-color:#e1eaf3}
.storefront-main .hero-product-card:hover{background:#f3f8fd;border-color:#b7d0e5}
.storefront-main .hero-product-card.is-featured{background:linear-gradient(115deg,#eef7ff,#f4f0ff);border-color:#d6e1f1}
.storefront-main .hero-product-icon{background:#eef5fc;color:#6b7fa8}
.storefront-main .hero-product-card.is-featured .hero-product-icon{background:#e5e1fb;color:#62568f}
.storefront-main .hero-product-price svg{color:#72849a}
.storefront-main .how{background:#eef6fc;border-color:var(--brand-line)}
.storefront-main .how ol{border-color:var(--brand-line)}
.storefront-main .footer{background:#edf4fa;border-color:#dae5ef}
.storefront-main .footer-top,.storefront-main .footer-bottom{border-color:#dae5ef}
.storefront-main .page-hero{
  background:radial-gradient(ellipse at 85% 28%,#d9f2fc99,transparent 58%),radial-gradient(ellipse at 8% 70%,#eee6ff4d,transparent 62%),#f5faff
}
.storefront-main .catalog-notice{background:#ecf5fc;border-color:#d7e6f2}
.storefront-main .catalog-notice svg{color:var(--brand-accent)}
.storefront-main .catalog-tabs a{background:#ffffff;border-color:#dbe6f0;color:#60738a}
.storefront-main .catalog-tabs a:hover{background:var(--store-hover);border-color:#b7d0e5;color:var(--brand-accent)}
.storefront-main .category-title>span,.storefront-main .category-title h2 em{color:#64758a}
.storefront-main .product,.storefront-main .ultra .product,.storefront-main .bundle .product{background:var(--store-surface);border-color:var(--brand-line);box-shadow:0 3px 8px #456e9605}
.storefront-main .product:hover,.storefront-main .ultra .product:hover,.storefront-main .bundle .product:hover{border-color:#b5cee5;box-shadow:0 8px 28px -16px #527fa44d}
.storefront-main .product-tag{background:#eaf5fc;color:#53699a}
.storefront-main .product:focus-visible{outline-color:var(--brand-focus)}
.storefront-main .accordion-button{background:transparent}
.storefront-main .accordion-button>span:first-child{color:#64758a}
.storefront-main .accordion-content a,.storefront-main .consent-check a{color:var(--brand-accent)}
.storefront-main .support-card,.storefront-main .contact-panel,.storefront-main .order-summary{background:#ffffff;border-color:var(--brand-line)}
.storefront-main .support-card svg,.storefront-main .contact-panel>a>svg,.storefront-main .checkout-note svg,.storefront-main .telegram-alt svg,.storefront-main .payment-modal>div>svg{color:var(--brand-accent)}
.storefront-main .about-copy li:before{color:var(--brand-accent)}
.storefront-main .contact-panel>a,.storefront-main .legal{border-color:#dbe6f0}
.storefront-main .checkout{background:linear-gradient(125deg,#f5faff,#eff8fd)}
.storefront-main .order-form input,.storefront-main .order-form textarea{background:var(--store-surface);border-color:#cbdce9}
.storefront-main input:focus,.storefront-main textarea:focus,.storefront-main select:focus{border-color:#91a5da!important;box-shadow:0 0 0 2px #91a5da14!important}
.storefront-main .consent-check{color:var(--brand-muted)}
.storefront-main .consent-check input{border-color:#a6b5d9}
.storefront-main .consent-check input:checked{background:var(--brand-accent);border-color:var(--brand-accent)}
.storefront-main .modal,.storefront-main .payment-modal{background:#182b4099}
.storefront-main .modal-panel,.storefront-main .payment-modal>div{background:var(--store-surface);box-shadow:0 28px 80px #203c5940}
.storefront-main .modal-close{background:#edf4fb;color:#61758b}
.storefront-main .back-link{color:#5e738a}
.storefront-main .legal-doc p,.storefront-main .legal-doc li{color:var(--brand-muted)}
.storefront-main .legal-note{background:#edf5fb;color:#5e7186}
.storefront-main .not-found{background:radial-gradient(ellipse at 80% 20%,#e1f4fc,transparent 65%),#f7faff}
/* Payment status colors retain their meaning; the surrounding UI uses the brand palette. */
.storefront-main.payment-page{--payment-border:#dce6f0;--payment-ink:var(--brand-ink);--payment-muted:var(--brand-muted)}
.storefront-main .payment-card{background:#ffffff;box-shadow:0 18px 60px #456e960f}
.storefront-main [data-state=neutral] .payment-status{background:#edf3fa;color:#5f7289}
.storefront-main .payment-button-primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
.storefront-main .payment-button-primary:hover{background:var(--store-accent-hover);border-color:var(--store-accent-hover)}
.storefront-main .payment-button-secondary{background:#f0f6fc;border-color:#c5d8e9;color:#536b99}
.storefront-main .payment-button-secondary:hover{background:#e5f0fa;border-color:#aec8df}
.storefront-main .payment-button:focus-visible{outline-color:var(--brand-focus)}
@media(max-width:800px){.storefront-main .nav{background:#fbfdff}}
/* Compact heading hierarchy: section name first, supporting phrase below. */
.storefront-main .page-hero{min-height:0;padding-block:38px}
.storefront-main .page-hero h1,.storefront-main .checkout h1{font-size:clamp(34px,4vw,48px);line-height:1.12;margin:0 0 12px;letter-spacing:-.04em!important}
.storefront-main .page-subtitle,.storefront-main .page-hero p.page-subtitle{font-size:17px;font-weight:450;line-height:1.5;letter-spacing:0;color:var(--brand-muted);margin:0 0 12px;max-width:none}
.storefront-main .page-hero p:not(.page-subtitle){margin-block:0;max-width:540px}
.storefront-main .page-hero .hero-actions{margin-top:20px}
.storefront-main .hero{min-height:520px}
.storefront-main .hero-content{padding-top:66px;padding-bottom:76px}
.storefront-main .hero h1{font-size:clamp(36px,4vw,54px);line-height:1.1;margin-bottom:16px;max-width:min(600px,48vw)}
.storefront-main .hero .page-subtitle{font-size:18px;margin-bottom:16px;max-width:530px}
.storefront-main .hero-copy{margin-bottom:24px}
.storefront-main .hero-bottom{bottom:18px}
.storefront-main .how{padding-block:48px}
.storefront-main .how h2{font-size:clamp(32px,3.8vw,46px);line-height:1.14;margin:0 0 12px}
.storefront-main .how .page-subtitle{margin-bottom:0}
.storefront-main .checkout{padding-block:40px}
.storefront-main .checkout .page-subtitle{margin-bottom:24px}
.storefront-main .section-label{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 18px;color:var(--brand-ink)}
@media(max-width:800px){
 .storefront-main .page-hero{padding-block:28px;min-height:0}
 .storefront-main .page-hero h1,.storefront-main .checkout h1{font-size:34px}
 .storefront-main .hero-content{padding-top:36px;padding-bottom:24px}
 .storefront-main .hero h1{font-size:38px!important;max-width:530px}
 .storefront-main .hero .page-subtitle,.storefront-main .page-hero p.page-subtitle{font-size:16px}
 .storefront-main .hero-picks{margin-bottom:50px}
 .storefront-main .how{padding-block:32px}
 .storefront-main .checkout{padding-block:28px}
}
/* A distinct secondary action against the tinted home-page hero. */
.storefront-main .hero .hero-actions .text-link{background:#ffffff;border:1px solid #b9cee3;color:#52658d;font-weight:600}
.storefront-main .hero .hero-actions .text-link:hover{background:#ecf5fc;border-color:#9ebcd7;color:#43567e}
.storefront-main .hero .hero-actions .text-link .site-icon{color:currentColor;stroke:currentColor}
.storefront-main .page-hero+.section{padding-top:32px}
@media(max-width:800px){.storefront-main .page-hero+.section{padding-top:24px}}

/* Light sky / periwinkle accents sampled from the logo, with dark readable labels. */
.storefront-main .button-blue,.storefront-main .payment-button-primary{background:linear-gradient(110deg,#b4eaf8,#c6c4fa);color:#273b53;border-color:#b7cdef;box-shadow:0 4px 12px #7a9ac91a}
.storefront-main .button-blue:hover,.storefront-main .payment-button-primary:hover{background:linear-gradient(110deg,#a5e2f4,#b9b7f4);color:#273b53;border-color:#a8bde4}
/* Keep the home-page catalog in normal flow, with space before the next section. */
@media(min-width:801px){
 .storefront-main .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:36px;padding:54px max(32px,calc((100vw - 1200px)/2)) 76px;min-height:0}
 .storefront-main .hero-content{width:100%;padding:0;margin:0;min-width:0}
 .storefront-main .hero h1{max-width:600px}
 .storefront-main .hero-picks{position:relative;inset:auto;transform:none;width:100%;max-width:470px;justify-self:end;margin:0;height:auto}
}
@media(max-width:800px){.storefront-main .hero-picks{margin-bottom:64px}}
/* The check mark is an image, so focus shadows cannot cover or erase it. */
.storefront-main .order-form .consent-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;border:1.5px solid #a6b5d9;border-radius:5px;background-color:#fff;background-image:none;background-position:center;background-repeat:no-repeat;background-size:14px 14px;box-shadow:none!important;transition:border-color .15s,background-color .15s;cursor:pointer}
.storefront-main .order-form .consent-check input[type=checkbox]:checked{background-color:#526db2;border-color:#526db2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.storefront-main .order-form .consent-check input[type=checkbox]:focus-visible{outline:2px solid #8a9cd7!important;outline-offset:3px;box-shadow:none!important}
.storefront-main .order-form .consent-check input[type=checkbox][aria-invalid=true]{border-color:#c04f4f!important}
@media(forced-colors:active){.storefront-main .order-form .consent-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;background:none!important}}