/* PUHVPS coffee design · website-wide, visual only. No changes to forms, routes or billing. */
:root{--coffee-espresso:#302019;--coffee-dark:#463026;--coffee-mocha:#614636;--coffee-caramel:#b57b51;--coffee-latte:#ead7c1;--coffee-cream:#fbf6ed;--coffee-milk:#fffaf5;--coffee-ink:#35251e;--coffee-sub:#806c5c;--coffee-edge:#e6d4bd;--coffee-shadow:0 18px 50px rgba(63,41,29,.10)}
html{scroll-behavior:smooth}
body{--main-text:#3d2b22;--muted-text:#806c5c;--bg:#fbf6ed;--accent:#b57b51;--accent-soft:#f5e9d9;--border-color:#e9d8c3;--card-bg:#fffaf4;--card-bg2:#f4e7d5;--button-shadow:0 10px 24px rgba(69,43,25,.12);--card-shadow:0 12px 32px rgba(75,49,30,.075);--action-bg:#593b2b;--action-hover:#3e281e;--action-text:#fffaf4}
body:not(.puh-download-page){background:radial-gradient(ellipse 800px 440px at 92% 0%,rgba(216,171,122,.14),transparent 74%),linear-gradient(165deg,#fbf6ed 0%,#f7efe3 75%,#fffaf4 100%);color:var(--coffee-ink)}
body :is(input,select,textarea){accent-color:var(--coffee-caramel)}
body :is(input,select,textarea):focus-visible{outline:2px solid #bc8960;outline-offset:2px}
body :is(button,a,summary):focus-visible{outline:3px solid #be8964;outline-offset:3px}
body :is(.auth-card,.claim-card,.welcome,.panel,.subscription-card,.card,.plan-card,.info-card,.support-card){border-color:var(--coffee-edge);box-shadow:var(--coffee-shadow)}
body :is(.brandbar,.puh-site-header){background:rgba(255,250,244,.96);border-color:#ecddca}
body :is(.button,.claim-button,.gift-action):not([disabled]){background:var(--coffee-dark);color:#fffaf4;border-color:var(--coffee-dark)}
body :is(.button,.claim-button,.gift-action):not([disabled]):hover{background:var(--coffee-espresso)}
body .mini-footer{color:var(--coffee-sub)}
body .mini-footer a{color:#6e4833}
body :is(.puh-site-brand,.brand,.logo){color:var(--coffee-ink)}
body .puh-site-brand em{color:#a46e45}
body.blog-page .intro,body.blog-page .article-card,body.blog-page .cta,body.blog-page .article-body{border-color:var(--coffee-edge);background-color:#fffaf5}
body.blog-page .kicker,body.blog-page .pill,body.blog-page .read{color:var(--coffee-caramel)}
/* Download page */
body.puh-download-page{--puh-bg:#fbf5eb;--puh-ink:#2f211b;--puh-muted:#776355;--puh-line:#eadbca;--puh-purple:#895a39;--puh-purple-deep:#5c3827;--puh-surface:#fffaf4;--puh-lavender:#f6e8d6;background:radial-gradient(circle at 85% 5%,#f2d9b8 0,transparent 33%),#fbf5eb}
.puh-topbar{background:rgba(255,250,244,.92);backdrop-filter:blur(18px)}
.puh-logo-accent{color:#ac7649}
.puh-hero h1{color:#302019}.puh-hero h1 span{color:#9b6744}
.puh-kicker{color:#8c573b}.puh-kicker-dot{background:#c59167;box-shadow:0 0 0 5px #f1e0cd}
.puh-hero-halo{background:radial-gradient(circle at 45% 42%,#fff9f0 1%,#edd6bd 55%,#d9ad83 95%)}
.blob-one{background:#ecd1b7}.blob-two{background:#cfaa87}
.puh-float-tag{border-color:#dfcab5;color:#73503d;background:#fffbf5}
.puh-btn-primary{background:#573a2b;box-shadow:0 12px 28px #58382328}.puh-btn-primary:hover{background:#36231b}
.puh-btn-outline,.puh-top-action{border-color:#deccb7;background:#fffaf4}
.puh-platforms,.puh-footer{background:#fffaf4;border-color:#eadbca}
.puh-platform-card,.puh-step{background:#fffbf7;border-color:#e9d8c3}
.puh-platform-card:hover{border-color:#ba926e;box-shadow:0 15px 38px #50351c19}
.puh-platform-illustration,.puh-platform-illustration.win,.puh-platform-illustration.apple,.puh-platform-illustration.ios,.puh-platform-illustration.android,.puh-platform-illustration.linux{background:#f4e4d0;color:#735039}
.puh-card-btn{border-color:#e3c6a9;background:#fcf2e7;color:#745036!important}.puh-card-btn:hover{background:#f2deca;border-color:#cfa47d}
.puh-platform-note{background:#f9eee1;border-color:#e8d4bc;color:#604937}.puh-note-icon{background:#ead3b9;color:#684532}
.puh-eyebrow{color:#9c6643!important}.puh-step-no{color:#ba8c64}
.puh-extra{background:linear-gradient(115deg,#f1dfcb,#fdf5e8 80%)}
.puh-extra-copy>p:not(.puh-eyebrow){color:#715d4d}
.puh-lte-note{border-color:#b57b51}.puh-lte-note strong{color:#764b31}.puh-lte-note span{color:#725b4b}
.puh-faq summary::after{color:#a46d47}.puh-faq details p{color:#745f51}
.puh-bottom-cta{background:linear-gradient(110deg,#34231b,#64432f);color:#fff9ef}
.puh-bottom-cta .puh-eyebrow{color:#e7c39e!important}.puh-btn-dark{background:#fcebd4;color:#3e291e!important}
/* New plan cards */
.puh-pricing-section{padding-block:96px}.puh-pricing-switch{display:flex;align-items:center;justify-content:center;gap:12px;margin:-8px 0 28px;flex-wrap:wrap;color:#806859;font-size:14px;font-weight:650}
.puh-pricing-switch select{background:#fffaf4;border:1px solid #dfc8ad;border-radius:12px;padding:11px 35px 11px 14px;color:#3d281e;font:inherit}
.puh-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.puh-plan{min-width:0;display:flex;flex-direction:column;gap:12px;background:#fffaf4;padding:28px 23px 23px;border-radius:24px;border:1px solid #e4d0b7;box-shadow:0 12px 25px #53371d0d;position:relative}
.puh-plan.featured{border:2px solid #906344;background:linear-gradient(165deg,#fffaf2,#f4e4d1)}
.puh-plan-badge{background:#68422c;color:#fff7ea;display:inline-flex;align-self:flex-start;border-radius:40px;padding:5px 10px;font-size:11px;font-weight:750;letter-spacing:.06em}
.puh-plan-period{margin:0!important;font:700 15px/1.3 system-ui,sans-serif;color:#986b4e}
.puh-plan h3{font:750 clamp(24px,2.2vw,31px)/1.16 Georgia,serif;letter-spacing:-.03em;color:#3b291f;margin:0}
.puh-plan-price{font-size:clamp(22px,2.4vw,29px);font-weight:850;line-height:1.15;color:#4e3020;margin:6px 0}.puh-plan-price small{font-weight:500;font-size:12px;color:#887160}
.puh-plan-description{color:#786254;font-size:13px;line-height:1.6;flex:1;margin:0!important}
.puh-plan-line{height:1px;background:#e9d9c6;margin:3px 0}
.puh-plan-feature{font-size:13px;color:#594333;padding-left:21px;position:relative}.puh-plan-feature:before{content:'✓';position:absolute;left:0;color:#a6764c;font-weight:900}
.puh-plan-cta{background:#573b2b;color:#fffaf4!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:12px;min-height:47px;font-weight:750;font-size:14px;margin-top:13px}
.puh-plan-cta:hover{background:#39261e}
.puh-pricing-note{text-align:center;font-size:12px;color:#887363;margin:19px auto 0;max-width:680px}
/* Gift teaser */
.puh-gift-teaser{margin-block:25px 105px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:15px;border-radius:32px;background:linear-gradient(120deg,#523628,#8a6246);padding:40px 50px;overflow:hidden;position:relative;min-height:310px;color:#fff5e6}
.puh-gift-teaser h2{font:700 clamp(30px,4vw,46px)/1.12 Georgia,serif;margin:8px 0 17px;letter-spacing:-.04em}
.puh-gift-teaser p{color:#f2dac3;max-width:560px;margin:0 0 24px}
.puh-gift-teaser .puh-eyebrow{color:#f4cdaa!important}
.puh-gift-teaser img{max-height:290px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 20px #24180b50)}
.puh-gift-teaser .puh-btn{background:#fff1dd;color:#473020!important}
@media(max-width:1050px){.puh-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.puh-pricing-section{padding-block:65px}.puh-gift-teaser{grid-template-columns:1fr;padding:30px 25px 5px;margin-block:20px 60px}.puh-gift-teaser img{max-height:175px}.puh-pricing-grid{gap:12px}}
@media(max-width:490px){.puh-pricing-grid{grid-template-columns:1fr}.puh-plan{padding:22px}.puh-plan-price{font-size:28px}}
@media(prefers-reduced-motion:reduce){.puh-plan,.puh-gift-teaser{transition:none}}
/* Subscription panel: retain existing functionality, update visual accents. */
body.cabinet .primary-button,body.cabinet #pay-button{background:#563a2a!important;border-color:#563a2a!important;color:#fffaf4!important;box-shadow:0 10px 23px #5c3b271e}
body.cabinet .primary-button:hover,body.cabinet #pay-button:hover{background:#37241b!important}
body.cabinet .page-tab.active,body.cabinet .bottom-nav a.active{background:#efe0ce!important;color:#533726!important}
body.cabinet .page-tabs,body.cabinet .bottom-nav{background:#fffaf4ed!important;border-color:#e7d2b9!important}
body.cabinet .step-card,body.cabinet .payment-subscription-card,body.cabinet .install-choice{border-color:#e5d1ba!important}
body.cabinet .install-choice.active{border-color:#956d4c!important;background:#f6e9d9!important}
body.cabinet .price-display,body.cabinet .step-badge,body.cabinet .system-pill{color:#67452f}
body.cabinet .page-title h1,body.cabinet .section-title h2{color:#432c20}
body.cabinet .step-head h3{color:#462f23}
body.cabinet .mobile-cat-top,body.cabinet .puh-cabinet-mobile-kitten{background:radial-gradient(circle,#f1dcc3,transparent 78%)}
