/* WarmHello's lightweight Modave-ready visual foundation. */
:root { --warm-ink: var(--wh-graphite); --warm-paper: var(--wh-warm-cream); --warm-accent: var(--wh-persimmon); --warm-blush: var(--wh-soft-blush); --primary: var(--wh-persimmon); --main: var(--wh-deep-sea-green); --secondary: var(--wh-graphite); --surface: var(--wh-warm-cream); --line: var(--wh-border); --shadow1: var(--wh-shadow-soft); }
body { background: var(--warm-paper); color: var(--warm-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

@supports (content-visibility: auto) {
    .warmhello-footer {
        contain-intrinsic-size: auto 520px;
        content-visibility: auto;
    }
}
.tf-btn, .wh-btn-primary { background: var(--wh-persimmon); border-radius: 999px; color: #fff; font-family: inherit; font-weight: 700; }.tf-btn:hover, .wh-btn-primary:hover { background: var(--wh-deep-sea-green); color: #fff; }.modave-section-title { color: var(--wh-deep-sea-green); font-size: 2.25rem; letter-spacing: -.04em; }.card-product { background: #fff; border: 1px solid var(--wh-border); border-radius: var(--wh-radius-md); overflow: hidden; }.card-product .card-product-wrapper { background: var(--wh-soft-blush); }.card-product .card-product-info { padding: 1.25rem; }.card-product .title { color: var(--wh-deep-sea-green); font-weight: 700; }.card-product .price { color: var(--wh-persimmon); font-weight: 700; }
.site-header { background: rgba(255,250,245,.92); border-bottom: 1px solid rgba(36,27,29,.08); position: sticky; top: 0; z-index: 1000; backdrop-filter: blur(12px); }
.brand { color: var(--warm-ink); font-weight: 700; font-size: 1.15rem; letter-spacing: -.03em; text-decoration: none; }
.brand:hover, .site-header .nav-link:hover { color: var(--warm-accent); }.brand-logo { display:block; height:58px; max-width:none; object-fit:cover; object-position:center 58%; width:210px; }
.site-header .nav-link { color: var(--warm-ink); font-size: .9rem; padding: 0; } main > .container { padding: 4rem 15px; }.warmhello-hero { background: #fff; border: 1px solid var(--wh-border); box-shadow: var(--wh-shadow-soft); }.eyebrow { color: var(--warm-accent); font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.hero-art { background: var(--warm-blush); min-height: 320px; }.hero-logo { max-width: 360px; }.feature-card { background:#fff; border:1px solid var(--wh-border); }.site-footer { border-top: 1px solid var(--wh-border); }

.p-xl-6 { padding: 5rem !important; }.display-3 em { color: var(--wh-persimmon); font-family: Georgia, serif; font-style: italic; }.header-cta { font-size: .82rem; padding: .65rem .9rem; }.status-stack { display: grid; gap: .55rem; width: 210px; }.status-stack span, .status-stack strong { background: #fff; border-radius: 999px; box-shadow: var(--wh-shadow-soft); padding: .65rem 1rem; text-align: center; }.status-stack strong { background: var(--wh-deep-sea-green); color: #fff; }.section-space { margin: 6rem 0; }.section-intro { margin-bottom: 2rem; max-width: 680px; }.section-intro h2, .page-hero h1, .differentiator h2, .final-cta h2 { color: var(--wh-deep-sea-green); font-size: clamp(2rem,4vw,3.4rem); letter-spacing: -.045em; }.section-intro.centered, .page-hero.centered { margin-left: auto; margin-right: auto; text-align: center; }.section-intro.split { align-items: end; display:flex; gap:3rem; justify-content:space-between; max-width:none; }.section-intro.split > * { max-width: 540px; }.soft-section { background: var(--wh-soft-blush); padding: clamp(2rem,5vw,5rem); }.wh-card { padding: 1.75rem; }.benefit-card { height:100%; }.benefit-card h3, .use-case h2, .feature-tile h2 { color: var(--wh-deep-sea-green); font-size: 1.35rem; }.benefit-number { color: var(--wh-persimmon); display:block; font-size:.8rem; font-weight:800; margin-bottom:3rem; }.steps-grid { display:grid; gap:1rem; grid-template-columns:repeat(4,1fr); }.steps-grid article { background:#fff; border-radius:var(--wh-radius-md); padding:1.5rem; }.steps-grid article > span { align-items:center; background:var(--wh-honey); border-radius:50%; color:var(--wh-deep-sea-green); display:flex; font-weight:800; height:2rem; justify-content:center; margin-bottom:2rem; width:2rem; }.steps-grid h3, .steps-grid h2 { color:var(--wh-deep-sea-green); font-size:1.15rem; }.purpose-row { display:flex; flex-wrap:wrap; gap:.75rem; }.purpose-pill { border:1px solid var(--wh-border); border-radius:999px; color:var(--wh-deep-sea-green); padding:.8rem 1rem; text-decoration:none; }.purpose-pill:hover { background:var(--wh-deep-sea-green); color:#fff; }.gift-card { background:#fff; border:1px solid var(--wh-border); border-radius:var(--wh-radius-md); height:100%; overflow:hidden; }.gift-card-art, .product-art { align-items:center; display:flex; font-weight:700; justify-content:center; min-height:160px; text-align:center; }.tone-honey .gift-card-art, .tone-honey.product-art { background:var(--wh-honey); }.tone-blush .gift-card-art, .tone-blush.product-art { background:var(--wh-soft-blush); }.tone-green .gift-card-art, .tone-green.product-art { background:var(--wh-deep-sea-green); color:#fff; }.gift-card-body { padding:1.4rem; }.small-label { color:var(--wh-deep-sea-green); font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.tag { background:var(--wh-warm-cream); border-radius:999px; color:var(--wh-graphite); font-size:.75rem; padding:.35rem .55rem; }.text-link { color:var(--wh-deep-sea-green); font-weight:700; text-decoration:none; }.text-link:hover { color:var(--wh-persimmon); }.muted-note { color:#647177; font-size:.85rem; }.differentiator { background:var(--wh-deep-sea-green); color:#fff; padding:clamp(2rem,5vw,5rem); }.differentiator h2 { color:#fff; max-width:800px; }.timeline-strip { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2.5rem; }.timeline-strip span { background:rgba(255,255,255,.13); border-radius:999px; padding:.55rem .85rem; }.timeline-strip b { color:var(--wh-honey); }.final-cta { align-items:center; background:var(--wh-honey); display:flex; gap:2rem; justify-content:space-between; padding:clamp(2rem,5vw,4rem); }.final-cta h2 { margin:0; }.page-hero { margin:1rem auto 4rem; max-width:780px; }.page-hero p:not(.eyebrow) { color:#607079; font-size:1.2rem; }.notice, .pricing-note, .planned-panel { background:var(--wh-soft-blush); border-radius:var(--wh-radius-md); color:var(--wh-graphite); padding:1rem 1.25rem; }.product-detail { align-items:center; display:grid; gap:clamp(2rem,7vw,7rem); grid-template-columns:1fr 1fr; }.product-art { border-radius:var(--wh-radius-lg); min-height:420px; }.use-case, .feature-tile { height:100%; }.planned-panel, .pricing-note { padding:clamp(2rem,5vw,4rem); }.pricing-note { margin:0 auto; max-width:700px; text-align:center; }
@media (max-width: 991.98px) { .p-xl-6 { padding:3rem !important; }.section-intro.split, .final-cta { align-items:flex-start; flex-direction:column; gap:1rem; }.steps-grid { grid-template-columns:repeat(2,1fr); }.product-detail { grid-template-columns:1fr; }.product-art { min-height:260px; } }
@media (max-width: 575.98px) { main > .container { padding-top:2rem; }.section-space { margin:4rem 0; }.steps-grid { grid-template-columns:1fr; }.final-cta { padding:2rem; }.timeline-strip b { display:none; } }
.lead-form { max-width:680px; }.lead-form .form-control, .lead-form .form-select { border-color:var(--wh-border); border-radius:10px; padding:.8rem 1rem; }.lead-form label { color:var(--wh-deep-sea-green); font-weight:700; }
.checkout-form { margin:0 auto; max-width:1040px; padding:clamp(1.5rem,4vw,3rem); width:100%; }.checkout-form-heading { align-items:end; border-bottom:1px solid var(--wh-border); display:flex; gap:2rem; justify-content:space-between; margin-bottom:2rem; padding-bottom:1.5rem; }.checkout-form-heading h2 { margin:0; }.checkout-form-heading > p { max-width:360px; }.checkout-fields { display:grid; gap:1.5rem; }.checkout-panel { background:var(--wh-warm-cream); border:1px solid var(--wh-border); border-radius:var(--wh-radius-md); padding:1.5rem; }.checkout-panel h3 { color:var(--wh-deep-sea-green); font-size:1.15rem; margin-bottom:1rem; }.checkout-grid { display:grid; gap:1rem 1.25rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.checkout-form .form-control, .checkout-form .form-select { background:#fff; border-color:var(--wh-border); border-radius:10px; min-height:48px; padding:.75rem 1rem; width:100%; }.checkout-form label { color:var(--wh-deep-sea-green); font-weight:700; }.checkout-submit { align-items:center; background:var(--wh-soft-blush); border-radius:var(--wh-radius-md); display:flex; justify-content:space-between; padding:1.25rem 1.5rem; }.checkout-submit strong { color:var(--wh-deep-sea-green); display:block; font-size:1.35rem; }.checkout-submit span { color:var(--wh-graphite); font-size:.85rem; } @media(max-width:767.98px){.checkout-form-heading,.checkout-submit{align-items:flex-start;flex-direction:column}.checkout-grid{grid-template-columns:1fr}}
.site-footer { background:var(--wh-deep-sea-green); color:rgba(255,255,255,.78); margin-top:5rem; padding:4rem 0 1.25rem; }.footer-main { padding-bottom:3rem; }.footer-main h2 { color:#fff; font-size:.78rem; font-weight:800; letter-spacing:.1em; margin-bottom:1rem; text-transform:uppercase; }.footer-main a { color:rgba(255,255,255,.78); display:block; margin:.55rem 0; text-decoration:none; }.footer-main a:hover { color:var(--wh-honey); }.footer-main .text-link { color:var(--wh-honey); font-weight:700; }.footer-logo { display:block; height:62px; margin:-5px 0 .8rem; object-fit:cover; object-position:center 58%; width:225px; }.footer-location { color:var(--wh-honey); font-size:.85rem; font-weight:700; }.footer-bottom { border-top:1px solid rgba(255,255,255,.16); display:flex; font-size:.8rem; justify-content:space-between; padding-top:1.25rem; }

/* WarmHello colour application for Modave component variations. */
body, .bg-surface { background-color:var(--wh-warm-cream) !important; color:var(--wh-graphite); }
h1, h2, h3, h4, h5, h6, .title, .link { color:var(--wh-deep-sea-green); }
.site-header { background:#fffdfa; }.site-header .nav-link { color:var(--wh-deep-sea-green); }.site-header .nav-link:hover { color:var(--wh-persimmon); }
.warmhello-hero, .gift-card, .wh-card, .steps-grid article { background-color:var(--wh-white); }
.soft-section, .notice, .planned-panel { background-color:var(--wh-soft-blush); }.final-cta { background-color:var(--wh-honey); }
.eyebrow, .small-label, .gift-card .price { color:var(--wh-persimmon) !important; }.tag { background-color:var(--wh-warm-cream); color:var(--wh-deep-sea-green); }
.wh-btn-primary, .tf-btn, .btn-main-product { background-color:var(--wh-persimmon) !important; border-color:var(--wh-persimmon) !important; color:var(--wh-white) !important; }.wh-btn-primary:hover, .tf-btn:hover, .btn-main-product:hover { background-color:var(--wh-deep-sea-green) !important; border-color:var(--wh-deep-sea-green) !important; }
.wh-btn-secondary { border-color:var(--wh-deep-sea-green); color:var(--wh-deep-sea-green); }.wh-btn-secondary:hover { background:var(--wh-deep-sea-green); color:var(--wh-white); }
.benefit-number, .steps-grid article > span { background-color:var(--wh-honey); color:var(--wh-deep-sea-green); }.tone-honey .gift-card-art { background-color:var(--wh-honey); }.tone-blush .gift-card-art { background-color:var(--wh-soft-blush); }.tone-green .gift-card-art { background-color:var(--wh-deep-sea-green); }
.form-control:focus, .form-select:focus { border-color:var(--wh-persimmon); box-shadow:0 0 0 .2rem rgba(242,92,61,.15); }.text-secondary, .muted-note { color:#5e6b70 !important; }
.gift-card-art { overflow:hidden; position:relative; }.gift-photo { height:100%; min-height:190px; object-fit:cover; width:100%; }.mockup-label { background:rgba(255,248,241,.92); border-radius:999px; bottom:.75rem; color:var(--wh-deep-sea-green); font-size:.68rem; font-weight:800; left:.75rem; padding:.35rem .55rem; position:absolute; text-transform:uppercase; }
.warmhello-hero .lead, .section-intro > p:not(.eyebrow), .soft-section p:not(.eyebrow), .steps-grid article p, .benefit-card p, .gift-card p, .use-case p, .feature-tile p, .notice, .planned-panel p, .pricing-note p { color:var(--wh-graphite) !important; opacity:1; }.soft-section .eyebrow, .section-intro .eyebrow { color:var(--wh-persimmon) !important; }.steps-grid article h3, .benefit-card h3, .gift-card .title, .use-case h2, .feature-tile h2 { color:var(--wh-deep-sea-green) !important; }.site-footer p { color:rgba(255,255,255,.82) !important; }.site-footer .footer-bottom { color:rgba(255,255,255,.82); }.status-stack span { color:var(--wh-graphite) !important; }.status-stack strong { color:var(--wh-white) !important; }
.final-cta .eyebrow { color:var(--wh-deep-sea-green) !important; }.final-cta h2 { color:var(--wh-deep-sea-green) !important; }.final-cta .wh-btn-primary { background:var(--wh-deep-sea-green) !important; border-color:var(--wh-deep-sea-green) !important; color:var(--wh-white) !important; }.final-cta .wh-btn-primary:hover { background:var(--wh-graphite) !important; border-color:var(--wh-graphite) !important; }
.site-footer { background:var(--wh-warm-cream) !important; border-top:1px solid var(--wh-border); }.site-footer .footer-main h2 { color:var(--wh-deep-sea-green) !important; }.site-footer p, .site-footer .footer-main a, .site-footer .footer-bottom { color:var(--wh-graphite) !important; opacity:1; }.site-footer .footer-main a:hover { color:var(--wh-persimmon) !important; }.site-footer .footer-main .text-link, .site-footer .footer-location { color:var(--wh-persimmon) !important; }.footer-logo { background:transparent; border:0; border-radius:0; box-shadow:none; box-sizing:content-box; padding:0; }
.warmhello-product-grid { gap:1.5rem; }.tf-product-detail .tf-product-media-main { border-radius:var(--wh-radius-lg); overflow:hidden; position:relative; }.tf-product-detail .tf-product-media-main .item { height:100%; min-height:410px; }.tf-product-detail .tf-product-media-main img { height:100%; min-height:410px; object-fit:cover; width:100%; }.tf-product-detail .tf-product-info-heading { color:var(--wh-persimmon); font-size:.8rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.tf-product-detail .tf-product-info-price .price-on-sale { color:var(--wh-persimmon); font-size:1.3rem; }.tf-product-detail .tf-product-info-help { border-top:1px solid var(--wh-border); margin-top:1.5rem; padding-top:1rem; }.tf-product-detail .tf-product-info-help p { color:var(--wh-graphite); margin-bottom:.35rem; }.tf-product-detail .tf-product-info-help span { color:var(--wh-deep-sea-green); font-weight:700; }

.admin-stats { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-stats .wh-card { display:flex; flex-direction:column; gap:.25rem; padding:1.25rem; }.admin-stats strong { color:var(--wh-deep-sea-green); font-size:1.75rem; }.admin-stats span { color:#5e6b70; font-size:.9rem; }.admin-table-wrap { overflow-x:auto; padding:1.5rem; }.admin-table-wrap .table { min-width:680px; }.admin-table-wrap th { color:var(--wh-deep-sea-green); font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; }.admin-editor { margin-inline:auto; max-width:980px; } @media(max-width:767.98px){.admin-stats{grid-template-columns:1fr}}

/* Modave structural treatment: use the template's header, slideshow, collection, product, banner and footer patterns. */
main > .container { max-width:none; padding:0; }.warmhello-topbar { background:var(--wh-deep-sea-green); color:#fff; min-height:34px; }.warmhello-topbar .tf-topbar_wrap { min-height:34px; }.warmhello-header { background:var(--wh-white); border-bottom:1px solid var(--wh-border); box-shadow:none; position:sticky; top:0; z-index:1000; }.warmhello-header .wrapper-header { min-height:84px; }.warmhello-header .logo-header { align-items:center; display:inline-flex; height:64px; overflow:hidden; width:220px; }.warmhello-header .logo-header .logo { display:block; height:64px; max-width:none; object-fit:cover; object-position:center 58%; width:220px; }.warmhello-header .box-nav-ul { gap:2.15rem; margin:0; padding:0; }.warmhello-header .menu-item { list-style:none; }.warmhello-header .item-link, .header-account { color:var(--wh-deep-sea-green); font-size:13px; font-weight:600; letter-spacing:.02em; text-decoration:none; }.warmhello-header .item-link:hover, .header-account:hover { color:var(--wh-persimmon); }.warmhello-header .header-cta { align-items:center; border-radius:0; display:inline-flex; gap:.65rem; min-height:42px; padding:0 1rem; }.warmhello-header .header-cta .text { font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.warmhello-modave-home { overflow:hidden; }.warmhello-slideshow { background:var(--wh-soft-blush); position:relative; }.warmhello-slideshow .wrap-slider { align-items:stretch; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); min-height:610px; position:relative; }.warmhello-slideshow .box-content { align-items:center; display:flex; grid-column:1; grid-row:1; padding:clamp(3rem,8vw,8rem); position:relative; z-index:2; }.warmhello-slideshow .content-slider { max-width:640px; }.warmhello-slideshow .subheading { color:var(--wh-persimmon); font-size:.75rem; font-weight:800; letter-spacing:.14em; margin-bottom:1.2rem; }.warmhello-slideshow .heading { color:var(--wh-deep-sea-green); font-size:clamp(3.2rem,6vw,6.6rem); font-weight:500; letter-spacing:-.065em; line-height:.93; margin:0; }.warmhello-slideshow .heading em { color:var(--wh-persimmon); font-family:Georgia,serif; font-weight:400; }.warmhello-slideshow .hero-copy { color:var(--wh-graphite); font-size:1.1rem; line-height:1.55; margin:1.75rem 0 2rem; max-width:470px; }.warmhello-slideshow .tf-btn { align-items:center; border-radius:0; display:inline-flex; gap:.7rem; min-height:52px; padding:0 1.25rem; }.warmhello-slideshow .tf-btn .text { font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; }.warmhello-slideshow .btn-line { align-self:center; color:var(--wh-deep-sea-green); font-size:.82rem; font-weight:800; text-transform:uppercase; }.warmhello-hero-photo { grid-column:2; grid-row:1; min-height:610px; overflow:hidden; }.warmhello-hero-photo::after { background:linear-gradient(90deg,var(--wh-soft-blush) 0%,transparent 28%); content:""; inset:0; position:absolute; }.warmhello-hero-photo img { height:100%; object-fit:cover; width:100%; }
.heading-section-2 h3 { color:var(--wh-deep-sea-green); font-size:clamp(2rem,3vw,3rem); letter-spacing:-.05em; }.warmhello-purpose { background:var(--wh-warm-cream); }.warmhello-purpose .heading-section-2{align-items:end}.warmhello-purpose-intro{color:#617078;font-size:1rem;line-height:1.5;margin:.65rem 0 0;max-width:575px}.warmhello-collection-grid { display:grid; gap:1.25rem; grid-template-columns:repeat(4,1fr); }.warmhello-purpose-card { background:var(--wh-white); border:1px solid var(--wh-border); border-radius:0; color:var(--wh-deep-sea-green); display:flex; flex-direction:column; justify-content:space-between; min-height:245px; padding:1.5rem; text-decoration:none; transition:transform .2s ease,background .2s ease; }.warmhello-purpose-card:hover { background:var(--wh-honey); color:var(--wh-deep-sea-green); transform:translateY(-5px); }.purpose-number { color:var(--wh-persimmon); font-size:.75rem; font-weight:800; letter-spacing:.1em; }.warmhello-purpose-card .collection-content { display:grid; gap:.65rem; }.warmhello-purpose-card .collection-content .text { color:inherit; font-size:1.18rem; margin:0; }.warmhello-purpose-card p { color:var(--wh-graphite); font-size:.88rem; line-height:1.45; margin:0; }.warmhello-purpose-card i { font-size:1.1rem; }
.warmhello-catalog { background:#fffdfa; }.warmhello-catalog .heading-section-2 { align-items:end; display:flex; justify-content:space-between; gap:2rem; }.warmhello-catalog .heading-section-2 .eyebrow { margin-bottom:.45rem; }.warmhello-catalog .tf-grid-layout { column-gap:1.5rem; row-gap:2.5rem; }.warmhello-catalog .card-product { border:0; border-radius:0; overflow:visible; }.warmhello-catalog .card-product-wrapper { background:var(--wh-soft-blush); border-radius:0; overflow:hidden; }.warmhello-catalog .gift-photo { aspect-ratio:4/5; display:block; min-height:0; object-fit:cover; transition:transform .45s ease; }.warmhello-catalog .card-product:hover .gift-photo { transform:scale(1.04); }.warmhello-catalog .mockup-label { border-radius:0; bottom:0; font-size:.62rem; left:0; padding:.5rem .65rem; }.warmhello-catalog .list-btn-main { bottom:0; display:block; opacity:0; position:absolute; transform:translateY(100%); transition:opacity .25s ease,transform .25s ease; width:100%; }.warmhello-catalog .card-product:hover .list-btn-main { opacity:1; transform:translateY(0); }.warmhello-catalog .btn-main-product { background:var(--wh-deep-sea-green); border-radius:0; color:#fff; display:block; font-size:.72rem; font-weight:800; letter-spacing:.06em; padding:.9rem; text-align:center; text-decoration:none; text-transform:uppercase; }.warmhello-catalog .gift-card-body { padding:1rem 0 0; }.warmhello-catalog .small-label { color:var(--wh-persimmon)!important; font-size:.66rem; margin-bottom:.35rem!important; }.warmhello-catalog .title.link { color:var(--wh-deep-sea-green); display:block; font-size:1rem; margin-bottom:.35rem; text-decoration:none; }.warmhello-catalog .price { color:var(--wh-graphite)!important; font-size:.9rem; font-weight:500; }.warmhello-catalog .tag { font-size:.66rem; padding:.28rem .48rem; }
.warmhello-story-banner { align-items:center; background:var(--wh-deep-sea-green)!important; display:grid; gap:3rem; grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr); min-height:380px; padding:clamp(2rem,5vw,5rem); }.warmhello-story-banner .subheading { color:var(--wh-honey)!important; font-size:.7rem; font-weight:800; letter-spacing:.13em; }.warmhello-story-banner h2 { color:#fff!important; font-size:clamp(2.5rem,4vw,4.6rem); letter-spacing:-.06em; line-height:.96; margin:1rem 0 2rem; }.warmhello-story-banner .tf-btn { align-items:center; background:var(--wh-persimmon)!important; border-color:var(--wh-persimmon)!important; border-radius:0; color:#fff!important; display:inline-flex; gap:.7rem; }.warmhello-story-banner .tf-btn:hover { background:var(--wh-honey)!important; border-color:var(--wh-honey)!important; color:var(--wh-deep-sea-green)!important; }.warmhello-story-banner .tf-btn .text { font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; }.warmhello-status-column { display:grid; gap:.65rem; justify-items:start; }.warmhello-status-column span, .warmhello-status-column strong { background:var(--wh-warm-cream)!important; border-radius:0; color:var(--wh-deep-sea-green)!important; font-size:.78rem; font-weight:700; padding:.75rem 1rem; }.warmhello-status-column strong { background:var(--wh-honey)!important; color:var(--wh-deep-sea-green)!important; }.warmhello-status-column i { color:var(--wh-honey)!important; margin-left:1rem; }
.warmhello-footer { background:var(--wh-white)!important; border-top:1px solid var(--wh-border); color:var(--wh-graphite); margin-top:0; padding:0; }.warmhello-footer .footer-body { padding:4rem 0 3rem; }.warmhello-footer .footer-logo img { height:56px; object-fit:cover; object-position:center 58%; width:205px; }.warmhello-footer .footer-address p { color:var(--wh-graphite)!important; margin:1.25rem 0; max-width:230px; }.warmhello-footer .footer-heading { color:var(--wh-deep-sea-green)!important; font-size:.76rem; font-weight:800; letter-spacing:.09em; margin-bottom:1.1rem; text-transform:uppercase; }.warmhello-footer .footer-menu { display:grid; gap:2rem; grid-template-columns:1fr 1fr; }.warmhello-footer .footer-menu-list { display:grid; gap:.65rem; list-style:none; margin:0; padding:0; }.warmhello-footer .footer-menu_item { color:var(--wh-graphite)!important; font-size:.9rem; text-decoration:none; }.warmhello-footer .footer-menu_item:hover, .warmhello-footer .tf-btn-default:hover { color:var(--wh-persimmon)!important; }.warmhello-footer .tf-btn-default { color:var(--wh-deep-sea-green); font-size:.75rem; letter-spacing:.06em; text-decoration:none; }.warmhello-footer .footer-location { color:var(--wh-persimmon)!important; font-weight:800; }.warmhello-footer .footer-bottom { border-top:1px solid var(--wh-border); padding:1.1rem 0; }.warmhello-footer .footer-bottom-wrap { align-items:center; display:flex; justify-content:space-between; }.warmhello-footer .footer-bottom p { color:var(--wh-graphite)!important; margin:0; }
@media(max-width:1199.98px){.warmhello-header .wrapper-header{min-height:72px}.warmhello-slideshow .wrap-slider{grid-template-columns:1fr;min-height:auto}.warmhello-slideshow .box-content{padding:4rem 2rem}.warmhello-hero-photo{grid-column:1;grid-row:2;min-height:360px}.warmhello-hero-photo::after{background:linear-gradient(180deg,var(--wh-soft-blush) 0%,transparent 40%)}.warmhello-collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.warmhello-topbar{min-height:30px}.warmhello-topbar .tf-topbar_wrap{min-height:30px;text-align:center}.warmhello-header .logo-header{height:48px;width:170px}.warmhello-header .logo-header .logo{height:48px;width:170px}.warmhello-header .header-cta{min-height:38px;padding:0 .7rem}.warmhello-header .header-cta i{display:none}.warmhello-slideshow .box-content{padding:3.5rem 1.25rem}.warmhello-slideshow .heading{font-size:3.15rem}.warmhello-hero-photo{min-height:290px}.warmhello-catalog .heading-section-2{align-items:flex-start;flex-direction:column}.warmhello-catalog .tf-grid-layout{gap:2rem 1rem}.warmhello-story-banner{grid-template-columns:1fr;min-height:auto}.warmhello-footer .footer-menu{margin-top:2rem}.warmhello-footer .footer-bottom-wrap{align-items:flex-start;flex-direction:column;gap:.5rem}}

/* Header correction: keep the Modave utility bar legible and preserve navigation before the mobile breakpoint. */
.warmhello-topbar { height:36px; min-height:36px; overflow:hidden; }.warmhello-topbar .tf-topbar_wrap { align-items:center; display:flex; height:36px; justify-content:space-between; line-height:1; min-height:36px; }.warmhello-topbar .text-caption-1 { color:#fff; display:block; font-size:11px; line-height:36px; margin:0; }.warmhello-header .box-nav-ul { gap:1.35rem; }.warmhello-header .item-link { font-size:13px; white-space:nowrap; }.warmhello-header .header-cta { white-space:nowrap; }
@media(max-width:1199.98px){.warmhello-header .box-nav-ul{gap:.95rem}.warmhello-header .item-link{font-size:12px}.warmhello-header .header-cta{padding:0 .8rem}}
@media(max-width:767.98px){.warmhello-topbar,.warmhello-topbar .tf-topbar_wrap{height:32px;min-height:32px}.warmhello-topbar .text-caption-1{font-size:10px;line-height:32px}.warmhello-header .wrapper-header{min-height:64px}}

/* The Modave hero stays editorially split until the true tablet breakpoint. */
@media(min-width:992px){.warmhello-slideshow .wrap-slider{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:610px}.warmhello-slideshow .box-content{grid-column:1;grid-row:1;padding:clamp(3rem,8vw,8rem)}.warmhello-hero-photo{grid-column:2;grid-row:1;min-height:610px}.warmhello-hero-photo::after{background:linear-gradient(90deg,var(--wh-soft-blush) 0%,transparent 28%)}}
@media(max-width:991.98px){.warmhello-slideshow .wrap-slider{grid-template-columns:1fr;min-height:auto}.warmhello-slideshow .box-content{grid-column:1;grid-row:1;padding:4rem 2rem}.warmhello-hero-photo{grid-column:1;grid-row:2;min-height:360px}.warmhello-hero-photo::after{background:linear-gradient(180deg,var(--wh-soft-blush) 0%,transparent 40%)}}

/* Footer correction: a compact, clearly separated Modave bottom bar instead of a floating copyright strip. */
.warmhello-footer .footer-wrap { border-top:0; }.warmhello-footer .footer-body { padding:3.5rem 0 2.75rem; }.warmhello-footer .footer-bottom { background:var(--wh-warm-cream); border-top:1px solid var(--wh-border); min-height:0; padding:0; }.warmhello-footer .footer-bottom-wrap { min-height:54px; padding:0; }.warmhello-footer .footer-bottom-wrap .left { gap:0; }.warmhello-footer .footer-bottom p { font-size:.72rem; line-height:1.3; }.warmhello-footer .footer-infor { gap:.85rem; }.warmhello-footer .footer-address { gap:.6rem; }
@media(max-width:767.98px){.warmhello-footer .footer-body{padding:2.75rem 0 2rem}.warmhello-footer .footer-bottom-wrap{align-items:flex-start;justify-content:center;min-height:0;padding:1rem 0;text-align:center}.warmhello-footer .footer-bottom-wrap .left{justify-content:center;width:100%}}

/* WarmHello-native account access replaces the starter Yii login panel. */
.warmhello-login { background:linear-gradient(180deg,#fffdfa 0%,var(--wh-warm-cream) 100%); min-height:680px; }.warmhello-login-grid { display:grid; gap:0; grid-template-columns:minmax(0,1fr) minmax(420px,.82fr); margin:0 auto; max-width:1080px; }.warmhello-login-intro { background:var(--wh-soft-blush); display:flex; flex-direction:column; justify-content:center; min-height:570px; padding:clamp(2.5rem,6vw,5rem); }.warmhello-login-logo { height:56px; margin-bottom:auto; object-fit:cover; object-position:center 58%; width:210px; }.warmhello-login-intro .eyebrow { margin-top:3.5rem; }.warmhello-login-intro h1 { color:var(--wh-deep-sea-green); font-size:clamp(2.35rem,4vw,4rem); letter-spacing:-.06em; line-height:.97; margin:1rem 0 1.5rem; max-width:520px; }.warmhello-login-intro > p:not(.eyebrow) { color:var(--wh-graphite); line-height:1.6; max-width:470px; }.warmhello-login-steps { display:grid; gap:.5rem; margin-top:2rem; }.warmhello-login-steps span,.warmhello-login-steps strong { background:rgba(255,255,255,.68); color:var(--wh-deep-sea-green); font-size:.8rem; font-weight:700; padding:.72rem .9rem; width:max-content; }.warmhello-login-steps strong { background:var(--wh-deep-sea-green); color:#fff; }.warmhello-login-card { background:#fff; display:flex; flex-direction:column; justify-content:center; min-height:570px; padding:clamp(2.5rem,5vw,4.5rem); }.warmhello-login-card h2 { color:var(--wh-deep-sea-green); font-size:2rem; letter-spacing:-.04em; margin:.55rem 0; }.login-supporting-copy { color:#5e6b70; margin-bottom:2rem; }.warmhello-login-form .form-label { color:var(--wh-deep-sea-green); font-size:.82rem; font-weight:800; margin-bottom:.55rem; }.warmhello-login-form .form-control { border:1px solid var(--wh-border); border-radius:0; min-height:52px; padding:.8rem 1rem; }.warmhello-login-form .form-control:focus { border-color:var(--wh-persimmon); box-shadow:none; }.warmhello-login-options { margin:.25rem 0 1.5rem; }.warmhello-login-options .form-check-label { color:var(--wh-graphite); font-size:.85rem; }.warmhello-login-submit { align-items:center; border-radius:0; display:flex; font-size:.76rem; gap:.7rem; justify-content:center; letter-spacing:.07em; min-height:52px; text-transform:uppercase; width:100%; }.warmhello-dev-accounts { border-top:1px solid var(--wh-border); display:grid; gap:.65rem; margin-top:2rem; padding-top:1.25rem; }.warmhello-dev-accounts strong { color:var(--wh-deep-sea-green); font-size:.73rem; letter-spacing:.08em; text-transform:uppercase; }.warmhello-dev-accounts div { display:flex; font-size:.82rem; justify-content:space-between; }.warmhello-dev-accounts code { color:var(--wh-persimmon); font-family:inherit; font-weight:800; }
@media(max-width:991.98px){.warmhello-login-grid{grid-template-columns:1fr}.warmhello-login-intro{min-height:auto}.warmhello-login-logo{margin-bottom:2.5rem}.warmhello-login-intro .eyebrow{margin-top:0}.warmhello-login-card{min-height:auto}}@media(max-width:575.98px){.warmhello-login{padding:0}.warmhello-login-intro,.warmhello-login-card{padding:2rem 1.25rem}.warmhello-login-intro h1{font-size:2.4rem}.warmhello-dev-accounts div{align-items:flex-start;flex-direction:column;gap:.2rem}}

/* Public subpages share Modave's contained editorial spacing and card rhythm. */
main > .container > .page-hero, main > .container > .notice, main > .container > .tf-grid-layout, main > .container > .steps-grid, main > .container > .product-detail, main > .container > .pricing-note, main > .container > .planned-panel, main > .container > .row, main > .container > .final-cta { margin-left:auto; margin-right:auto; max-width:1200px; }.page-hero { padding:clamp(3.5rem,7vw,6rem) 15px clamp(2rem,4vw,3.5rem); }.page-hero.centered { max-width:820px!important; }.page-hero h1 { font-size:clamp(2.8rem,5vw,5.1rem); line-height:.98; }.page-hero p:not(.eyebrow) { max-width:620px; }.page-hero.centered p:not(.eyebrow) { margin-inline:auto; }.notice { border-left:4px solid var(--wh-persimmon); border-radius:0; font-size:.9rem; margin-bottom:2.5rem; padding:1.1rem 1.25rem; }.warmhello-product-grid { padding:0 15px 5rem; }.warmhello-product-grid .card-product { border:0; border-radius:0; overflow:visible; }.warmhello-product-grid .gift-card-art { background:var(--wh-soft-blush); min-height:0; }.warmhello-product-grid .gift-photo { aspect-ratio:4/5; min-height:0; object-fit:cover; }.warmhello-product-grid .gift-card-body { padding:1rem 0 0; }.warmhello-product-grid .small-label { color:var(--wh-persimmon)!important; font-size:.68rem; }.warmhello-product-grid .title.link { color:var(--wh-deep-sea-green); display:block; margin-bottom:.35rem; text-decoration:none; }.warmhello-product-grid .price { color:var(--wh-graphite)!important; }.steps-grid.big-steps { grid-template-columns:repeat(5,1fr); padding:0 15px; }.steps-grid.big-steps article { border:1px solid var(--wh-border); border-radius:0; min-height:260px; padding:1.5rem; }.steps-grid.big-steps article > span { background:transparent; color:var(--wh-persimmon); height:auto; margin-bottom:3rem; width:auto; }.steps-grid.big-steps h2 { font-size:1.15rem; }.final-cta { border-radius:0!important; margin:5rem auto!important; }.pricing-note,.planned-panel { border-radius:0; max-width:820px!important; padding:clamp(2.5rem,6vw,5rem); }.pricing-note .wh-btn-primary { border-radius:0; margin-top:1.5rem; }.feature-tile,.use-case { border:1px solid var(--wh-border); border-radius:0; min-height:260px; padding:1.75rem; }.feature-tile:hover,.use-case:hover { background:var(--wh-soft-blush); }.product-detail { padding:clamp(3rem,7vw,6rem) 15px; }.product-detail .tf-product-info-list { padding:clamp(1rem,4vw,3rem); }.product-detail .tf-product-info-name .name { font-size:clamp(2.4rem,4vw,4.2rem); letter-spacing:-.05em; }.product-detail .tf-btn { border-radius:0; }.product-detail .mockup-label { border-radius:0; }
@media(max-width:991.98px){.steps-grid.big-steps{grid-template-columns:repeat(2,1fr)}.page-hero{padding-top:3.5rem}}@media(max-width:575.98px){.steps-grid.big-steps{grid-template-columns:1fr}.steps-grid.big-steps article{min-height:0}.page-hero h1{font-size:2.75rem}}

/* Inquiry pages use the same editorial two-panel rhythm as the checkout and account views. */
.warmhello-contact-grid,.warmhello-plan-grid{display:grid;gap:0;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);margin:0 auto 6rem;max-width:1080px}.warmhello-contact-intro,.warmhello-plan-intro{background:var(--wh-soft-blush);display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,4.5rem)}.warmhello-contact-intro h2,.warmhello-plan-intro h2{color:var(--wh-deep-sea-green);font-size:clamp(2rem,3.5vw,3.35rem);letter-spacing:-.055em;line-height:1.02;margin:1rem 0 1.25rem}.warmhello-contact-intro>p:not(.eyebrow),.warmhello-plan-intro>p:not(.eyebrow){color:var(--wh-graphite);line-height:1.6}.warmhello-contact-notes{display:grid;gap:.65rem;margin-top:2rem}.warmhello-contact-notes span,.warmhello-contact-notes strong{background:rgba(255,255,255,.72);color:var(--wh-deep-sea-green);font-size:.78rem;font-weight:700;padding:.75rem .9rem;width:max-content}.warmhello-contact-notes strong{background:var(--wh-deep-sea-green);color:#fff}.warmhello-contact-form,.warmhello-plan-grid .lead-form{background:#fff;border:1px solid var(--wh-border);border-radius:0;margin:0;max-width:none;padding:clamp(2.5rem,5vw,4.5rem)}.warmhello-contact-form h2,.warmhello-plan-grid .lead-form h2{color:var(--wh-deep-sea-green);font-size:2rem;letter-spacing:-.04em;margin:.55rem 0 2rem}.warmhello-form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.warmhello-contact-form .form-label,.warmhello-plan-grid .form-label{color:var(--wh-deep-sea-green);font-size:.8rem;font-weight:800}.warmhello-contact-form .form-control,.warmhello-contact-form .form-select,.warmhello-plan-grid .form-control,.warmhello-plan-grid .form-select{background:#fff;border:1px solid var(--wh-border);border-radius:0;min-height:50px;padding:.8rem 1rem}.warmhello-contact-form textarea.form-control,.warmhello-plan-grid textarea.form-control{min-height:130px}.warmhello-contact-actions{align-items:end;display:flex;gap:1.5rem;justify-content:space-between;margin-top:1.5rem}.warmhello-contact-actions .tf-btn,.warmhello-plan-grid .tf-btn{align-items:center;border-radius:0;display:inline-flex;gap:.65rem;min-height:50px;padding:0 1.25rem}.warmhello-captcha{margin:0}.captcha-row{align-items:center;display:flex;gap:.65rem}.captcha-row img{height:40px}.captcha-row input{border:1px solid var(--wh-border);min-height:40px;padding:.4rem .6rem;width:130px}.warmhello-contact-success{margin:0 auto;max-width:760px;padding:clamp(6rem,12vw,10rem) 15px;text-align:center}.warmhello-contact-success h1{font-size:clamp(2.7rem,5vw,4.6rem);letter-spacing:-.06em}.warmhello-contact-success .tf-btn{border-radius:0;display:inline-flex;margin-top:1rem;padding:1rem 1.3rem}@media(max-width:991.98px){.warmhello-contact-grid,.warmhello-plan-grid{grid-template-columns:1fr;margin:0 15px 4rem}.warmhello-contact-intro,.warmhello-plan-intro{min-height:0}}@media(max-width:575.98px){.warmhello-contact-grid,.warmhello-plan-grid{margin-inline:0}.warmhello-contact-intro,.warmhello-plan-intro,.warmhello-contact-form,.warmhello-plan-grid .lead-form{padding:2.25rem 1.25rem}.warmhello-form-grid{grid-template-columns:1fr}.warmhello-contact-actions{align-items:flex-start;flex-direction:column}.warmhello-contact-actions .tf-btn{width:100%}.warmhello-contact-notes span,.warmhello-contact-notes strong{width:100%}}

/* Keep the utility message centred and give it enough breathing room to stay readable. */
.warmhello-topbar{height:42px;min-height:42px;overflow:visible}.warmhello-topbar .warmhello-topbar-inner{align-items:center;display:flex;height:42px;justify-content:space-between;position:relative}.warmhello-topbar-message,.warmhello-topbar-location{color:#fff;font-size:11px;font-weight:500;line-height:1.25;margin:0}.warmhello-topbar-message{left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.warmhello-topbar-location{margin-left:auto}@media(max-width:767.98px){.warmhello-topbar,.warmhello-topbar .warmhello-topbar-inner{height:38px;min-height:38px}.warmhello-topbar-message{font-size:10px;max-width:calc(100vw - 28px);overflow:hidden;text-overflow:ellipsis}}

/* Remove Modave's inherited utility-bar padding so the message cannot fall below its background. */
.warmhello-topbar{padding:0!important}.warmhello-topbar>.container{height:42px;padding-block:0!important}@media(max-width:767.98px){.warmhello-topbar>.container{height:38px}}

/* Product hover CTA must cover the exact media width, not inherit Modave's offset list-action position. */
.warmhello-catalog .card-product-wrapper,.warmhello-product-grid .card-product-wrapper{position:relative}.warmhello-catalog .list-btn-main,.warmhello-product-grid .list-btn-main{bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:3}.warmhello-catalog .btn-main-product,.warmhello-product-grid .btn-main-product{box-sizing:border-box;width:100%}

/* Keep authenticated header controls in one intentional row rather than letting the template stack them. */
.warmhello-header .wrapper-header>div:last-child{flex-wrap:nowrap!important;gap:.7rem!important}.warmhello-header .header-account{align-items:center;display:inline-flex!important;line-height:1.2;white-space:nowrap}.warmhello-header form.d-md-inline-flex{align-items:center;display:inline-flex!important;margin:0}.warmhello-header form .header-account{padding:0}.warmhello-header .header-cta{flex:0 0 auto}@media(max-width:767.98px){.warmhello-header .wrapper-header>div:last-child{gap:.45rem!important}}

/* Admin tables retain WarmHello's light workspace treatment instead of Modave's dark data-table default. */
.admin-table-wrap{background:var(--wh-white)!important;border:1px solid var(--wh-border)!important;border-radius:0!important;box-shadow:none!important}.admin-table-wrap .table{--bs-table-bg:transparent;--bs-table-color:var(--wh-graphite);--bs-table-border-color:var(--wh-border);background:var(--wh-white)!important;color:var(--wh-graphite)!important}.admin-table-wrap .table>thead{background:var(--wh-soft-blush)}.admin-table-wrap .table>thead>tr>th{background:var(--wh-soft-blush)!important;border-bottom:1px solid var(--wh-border)!important;color:var(--wh-deep-sea-green)!important;padding:.9rem 1rem}.admin-table-wrap .table>tbody>tr{background:var(--wh-white)!important}.admin-table-wrap .table>tbody>tr:hover{background:var(--wh-warm-cream)!important}.admin-table-wrap .table>tbody>tr>td{background:transparent!important;border-color:var(--wh-border)!important;color:var(--wh-graphite)!important;padding:1rem}.admin-table-wrap .table strong{color:var(--wh-deep-sea-green)}.admin-table-wrap .table .text-muted,.admin-table-wrap .text-muted{color:#617078!important}.admin-table-wrap .wh-link{color:var(--wh-persimmon)!important;font-weight:800;text-decoration:none}.admin-table-wrap .wh-link:hover{color:var(--wh-deep-sea-green)!important;text-decoration:underline}.section-space>.d-flex>.text-muted,.section-space .text-muted{color:#617078!important}

/* Dedicated admin panels make catalogue, operations, and customer history distinct workspaces. */
.admin-workspace,.admin-section{margin:0 auto;max-width:1200px;padding:clamp(3.5rem,7vw,6rem) 15px}.admin-workspace-heading,.admin-page-heading{align-items:end;border-bottom:1px solid var(--wh-border);display:flex;gap:2rem;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:2rem}.admin-workspace-heading h1,.admin-page-heading h1{color:var(--wh-deep-sea-green);font-size:clamp(2.8rem,5vw,4.7rem);letter-spacing:-.06em;line-height:.95;margin:.5rem 0 1rem}.admin-workspace-heading p:not(.eyebrow),.admin-page-heading p:not(.eyebrow){color:#617078;margin:0;max-width:550px}.admin-workspace-heading .wh-btn-primary,.admin-page-heading .wh-btn-primary{border-radius:0;flex:0 0 auto}.admin-workspace-panels{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);background:var(--wh-border)}.admin-workspace-panel{background:var(--wh-white);display:flex;flex-direction:column;min-height:355px;padding:2rem}.admin-workspace-panel:hover{background:var(--wh-soft-blush)}.admin-workspace-panel strong{color:var(--wh-persimmon);font-size:3.8rem;font-weight:500;letter-spacing:-.08em;line-height:1;margin:1.75rem 0 auto}.admin-workspace-panel h2{color:var(--wh-deep-sea-green);font-size:1.65rem;letter-spacing:-.04em;margin:0 0 .75rem}.admin-workspace-panel>p:not(.eyebrow){color:var(--wh-graphite);line-height:1.5;min-height:3.2em}.admin-workspace-panel .text-link{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}@media(max-width:767.98px){.admin-workspace-heading,.admin-page-heading{align-items:flex-start;flex-direction:column}.admin-workspace-panels{grid-template-columns:1fr}.admin-workspace-panel{min-height:270px}.admin-table-wrap{margin-inline:-15px}.admin-table-wrap .table{min-width:680px}}

/* Modave-style pagination: a simple outlined control rail beneath each workspace table. */
.admin-pagination{align-items:center;border-top:1px solid var(--wh-border);display:flex;justify-content:flex-end;margin-top:0;padding:1rem}.admin-pagination .pagination{gap:.35rem}.admin-pagination .page-item .page-link{align-items:center;background:var(--wh-white);border:1px solid var(--wh-border);border-radius:0;color:var(--wh-deep-sea-green);display:flex;font-size:.78rem;font-weight:700;height:34px;justify-content:center;min-width:34px;padding:.35rem .55rem}.admin-pagination .page-item.active .page-link{background:var(--wh-deep-sea-green);border-color:var(--wh-deep-sea-green);color:#fff}.admin-pagination .page-item.disabled .page-link{background:var(--wh-warm-cream);color:#91a0a1}.admin-pagination .page-item:not(.active):not(.disabled) .page-link:hover{background:var(--wh-soft-blush);border-color:var(--wh-persimmon);color:var(--wh-persimmon)}

/* Lead monitor: lets an operator turn a delivered gift into a visible next action. */
.admin-workspace-panels{grid-template-columns:repeat(4,1fr)}
.admin-workspace-panel .admin-panel-action{align-items:center;background:var(--wh-deep-sea-green);color:#fff;display:inline-flex;font-size:.74rem;font-weight:800;gap:.65rem;justify-content:center;letter-spacing:.06em;margin-top:1.75rem;padding:.85rem 1rem;text-decoration:none;text-transform:uppercase;width:100%}.admin-workspace-panel .admin-panel-action:hover{background:var(--wh-persimmon);color:#fff}.admin-workspace-panel .admin-panel-action i{font-size:1rem}.admin-leads-panel .admin-panel-action{background:var(--wh-persimmon)}.admin-leads-panel .admin-panel-action:hover{background:var(--wh-deep-sea-green)}
.lead-funnel{align-items:stretch;background:var(--wh-deep-sea-green);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}
.lead-funnel>div{align-items:center;color:#fff;display:flex;flex:1;justify-content:space-between}.lead-funnel span{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lead-funnel strong{color:var(--wh-honey);font-size:2.3rem;letter-spacing:-.06em}.lead-funnel i{color:var(--wh-honey);font-style:normal}
.lead-monitor-note{background:var(--wh-soft-blush);border-left:4px solid var(--wh-persimmon);margin-bottom:2.5rem;padding:1.25rem 1.5rem}.lead-monitor-note p:last-child{margin:0;max-width:780px}
.follow-up-plan-panel{margin-top:1.25rem}.follow-up-plan-panel h3{margin-bottom:.45rem}.follow-up-plan-panel .checkout-form-intro{margin:0 0 1.4rem}.lead-stage-not_started,.lead-stage-not_sent{background:var(--wh-warm-cream);color:#617078}.lead-stage-check_in_due{background:#fff0cf;color:#8c5d00}.lead-stage-checked_in,.lead-stage-sent{background:#e7f5ec;color:#1e7047}.lead-stage-responded{background:var(--wh-deep-sea-green);color:#fff}.lead-response-preview{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkout-form select.form-select{appearance:auto!important;background:#fff!important;border:1px solid var(--wh-border)!important;color:var(--wh-deep-sea-green)!important;opacity:1!important}.checkout-form select.form-select option{background:#fff;color:var(--wh-deep-sea-green)}.checkout-form select.form-select:invalid,.checkout-form select.form-select option[value=""]{color:#617078}.checkout-form select.form-select:focus{background:#fff!important;border-color:var(--wh-persimmon)!important;box-shadow:0 0 0 .2rem rgba(242,92,61,.15)!important;color:var(--wh-deep-sea-green)!important}
.warmhello-plan-grid select.form-select{appearance:auto!important;background:#fff!important;border:1px solid var(--wh-border)!important;color:var(--wh-deep-sea-green)!important;opacity:1!important}.warmhello-plan-grid select.form-select option{background:#fff!important;color:var(--wh-deep-sea-green)!important;opacity:1!important}.warmhello-plan-grid select.form-select option:checked{background:var(--wh-soft-blush)!important;color:var(--wh-deep-sea-green)!important}.warmhello-plan-grid select.form-select option[value=""]{color:#617078!important}.warmhello-plan-grid select.form-select:focus{background:#fff!important;border-color:var(--wh-persimmon)!important;box-shadow:0 0 0 .2rem rgba(242,92,61,.15)!important;color:var(--wh-deep-sea-green)!important}
.warmhello-slideshow .box-btn-slider .tf-btn,.warmhello-slideshow .box-btn-slider .tf-btn .text,.warmhello-slideshow .box-btn-slider .tf-btn i{color:#fff!important}.warmhello-slideshow .box-btn-slider .tf-btn:focus,.warmhello-slideshow .box-btn-slider .tf-btn:active{background:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important;color:#fff!important;outline:0}.warmhello-slideshow .box-btn-slider .tf-btn:focus-visible{box-shadow:0 0 0 .25rem rgba(242,92,61,.35)}
.recipient-link-card{align-items:center;background:var(--wh-soft-blush);display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr) 220px;margin:0 auto 3rem;max-width:1040px;padding:clamp(2rem,5vw,4rem)}.recipient-link-card h2{color:var(--wh-deep-sea-green);font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.05em;margin:.6rem 0 1rem}.recipient-link-card p:not(.eyebrow){max-width:620px}.recipient-short-url{color:var(--wh-deep-sea-green);display:inline-block;font-weight:800;overflow-wrap:anywhere}.recipient-qr-wrap{background:#fff8f1;display:grid;gap:.65rem;justify-items:center;padding:1rem}.recipient-qr-wrap img{display:block;height:180px;width:180px}.recipient-qr-wrap span{color:var(--wh-deep-sea-green);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.recipient-response-page{background:linear-gradient(135deg,var(--wh-soft-blush),var(--wh-warm-cream));display:grid;min-height:calc(100vh - 160px);place-items:center;padding:4rem 15px}.recipient-response-card{background:#fff;max-width:640px;padding:clamp(2rem,6vw,4.5rem);width:100%}.recipient-response-card h1{color:var(--wh-deep-sea-green);font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.06em;line-height:.98;margin:1rem 0 1.4rem}.recipient-response-copy{color:#617078;line-height:1.6}.recipient-response-options{display:grid;gap:.65rem}.recipient-response-options>div{border:1px solid var(--wh-border);padding:.85rem 1rem}.recipient-response-options input{margin-right:.55rem}.recipient-response-form .form-label{color:var(--wh-deep-sea-green);font-size:.85rem;font-weight:800;margin-top:1.5rem}.recipient-response-form .form-control{border:1px solid var(--wh-border);border-radius:0;padding:.75rem 1rem}.recipient-response-submit{border-radius:0;margin-top:1rem}.recipient-response-privacy{color:#617078;font-size:.78rem;margin:1.25rem 0 0}.recipient-response-thanks{text-align:center}.recipient-response-mark{align-items:center;background:var(--wh-persimmon);border-radius:50%;color:#fff;display:inline-flex;font-size:2rem;height:64px;justify-content:center;margin-top:1.5rem;width:64px}@media(max-width:767.98px){.recipient-link-card{grid-template-columns:1fr}.recipient-qr-wrap{justify-self:start}.recipient-response-page{padding:2rem 15px}}
.warmhello-how-steps{background:var(--wh-border);gap:1px;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 auto!important;max-width:1200px!important;padding:0!important}.warmhello-how-steps article{background:var(--wh-white);border:0!important;display:flex;flex-direction:column;min-height:310px;padding:clamp(1.75rem,3vw,2.6rem)!important}.warmhello-how-steps article:hover{background:var(--wh-soft-blush)}.warmhello-how-steps article>span{color:var(--wh-persimmon)!important;font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-bottom:auto!important}.warmhello-how-steps article h2{font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.08;margin:2.5rem 0 .75rem}.warmhello-how-steps article p{color:var(--wh-graphite);line-height:1.55;margin:0;max-width:280px}.warmhello-how-cta{align-items:center;background:var(--wh-deep-sea-green)!important;border-radius:0!important;display:flex;gap:2rem;justify-content:space-between;margin:4rem auto 0!important;max-width:1200px!important;padding:clamp(2.25rem,5vw,4.5rem)!important}.warmhello-how-cta .eyebrow{color:var(--wh-honey)!important}.warmhello-how-cta h2{color:#fff!important;font-size:clamp(2rem,4vw,4rem)!important;line-height:.98;max-width:720px}.warmhello-how-cta .tf-btn{align-items:center;background:var(--wh-persimmon)!important;border-color:var(--wh-persimmon)!important;border-radius:0;display:inline-flex;gap:.7rem;white-space:nowrap}.warmhello-how-cta .tf-btn:hover{background:var(--wh-honey)!important;border-color:var(--wh-honey)!important;color:var(--wh-deep-sea-green)!important}@media(max-width:767.98px){.warmhello-how-steps{grid-template-columns:1fr!important}.warmhello-how-steps article{min-height:250px}.warmhello-how-cta{align-items:flex-start;flex-direction:column;margin-top:2.5rem!important}.warmhello-how-cta .tf-btn{width:100%}}
.warmhello-pricing-hero{margin-bottom:1.5rem!important}.pricing-grid{background:var(--wh-border);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1200px}.pricing-plan{background:var(--wh-warm-cream);display:flex;flex-direction:column;min-height:610px;padding:clamp(1.75rem,3vw,2.75rem)}.pricing-plan h2{color:var(--wh-deep-sea-green);font-size:clamp(2rem,3vw,3rem);letter-spacing:-.06em;margin:.75rem 0}.pricing-price{align-items:baseline;display:flex;gap:.45rem;margin:.5rem 0 1.25rem}.pricing-price strong{color:var(--wh-persimmon);font-size:clamp(2.6rem,4vw,4.6rem);font-weight:500;letter-spacing:-.09em}.pricing-price span{color:#617078;font-size:.82rem}.pricing-intro{color:var(--wh-graphite);line-height:1.55;min-height:5.2em}.pricing-plan ul{border-top:1px solid var(--wh-border);list-style:none;margin:1.5rem 0 2rem;padding:1.25rem 0 0}.pricing-plan li{color:var(--wh-graphite);font-size:.88rem;line-height:1.5;margin:.7rem 0;padding-left:1.35rem;position:relative}.pricing-plan li:before{color:var(--wh-persimmon);content:'+';font-weight:800;left:0;position:absolute}.pricing-plan .tf-btn{align-items:center;background:var(--wh-persimmon)!important;border-color:var(--wh-persimmon)!important;border-radius:0;color:#fff!important;display:inline-flex;gap:.65rem;justify-content:center;margin-top:auto}.pricing-plan .tf-btn:hover,.pricing-plan .tf-btn:hover .text,.pricing-plan .tf-btn:hover i{background:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important;color:#fff!important}.pricing-plan-featured{background:var(--wh-soft-blush);position:relative}.pricing-plan-featured:before{background:var(--wh-deep-sea-green);color:#fff;content:'Most popular';font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.55rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0}.pricing-plan-growth{background:var(--wh-deep-sea-green)}.pricing-plan-growth .eyebrow{color:var(--wh-soft-blush)!important}.pricing-plan-growth h2,.pricing-plan-growth .pricing-intro,.pricing-plan-growth li{color:#fff!important}.pricing-plan-growth .pricing-price strong{color:var(--wh-honey)}.pricing-plan-growth .pricing-price span{color:rgba(255,255,255,.78)}.pricing-plan-growth ul{border-color:rgba(255,255,255,.25)}.pricing-plan-growth li:before{color:var(--wh-honey)}.pricing-plan-growth .tf-btn{background:var(--wh-honey)!important;border-color:var(--wh-honey)!important;color:var(--wh-deep-sea-green)!important}.pricing-plan-growth .tf-btn:hover{background:#fff!important;border-color:#fff!important;color:var(--wh-deep-sea-green)!important}.pricing-explainer{align-items:start;background:var(--wh-warm-cream);display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:4rem auto 0;max-width:1200px;padding:clamp(2rem,5vw,4rem)}.pricing-explainer h2{color:var(--wh-deep-sea-green);font-size:clamp(1.9rem,3vw,3.2rem);letter-spacing:-.055em;line-height:1;margin:.7rem 0}.pricing-explainer>p{color:var(--wh-graphite);line-height:1.65;margin:0}@media(max-width:991.98px){.pricing-grid{grid-template-columns:1fr}.pricing-plan{min-height:0}.pricing-intro{min-height:0}.pricing-explainer{grid-template-columns:1fr}}@media(max-width:575.98px){.pricing-explainer{gap:1.5rem;margin-top:2.5rem}}
.lead-status{border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:800;padding:.42rem .7rem}.lead-delivery{background:var(--wh-warm-cream);color:var(--wh-deep-sea-green)}.lead-stage-warmhello_sent{background:var(--wh-soft-blush);color:var(--wh-persimmon)}.lead-stage-accepted{background:#e7f5ec;color:#1e7047}.lead-stage-follow_up_due{background:#fff0cf;color:#8c5d00}.lead-stage-meeting{background:var(--wh-deep-sea-green);color:#fff}
.sender-workspaces{background:var(--wh-white);border:1px solid var(--wh-border);margin:2rem 0;padding:clamp(1.5rem,3vw,2.5rem)}.sender-workspaces-heading{border-bottom:1px solid var(--wh-border);margin-bottom:1rem;padding-bottom:1.25rem}.sender-workspaces h2,.sender-leads-heading h1{color:var(--wh-deep-sea-green);font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.05em;margin:.5rem 0}.sender-workspaces-heading p:not(.eyebrow),.sender-leads-heading>div>p{color:#617078;margin:0;max-width:660px}.sender-workspace-list{display:grid}.sender-workspace-row{align-items:center;border-bottom:1px solid var(--wh-border);display:grid;gap:1rem;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(85px,.55fr)) auto;padding:1rem 0}.sender-workspace-row:last-child{border-bottom:0}.sender-workspace-row>div:first-child{display:grid;gap:.25rem}.sender-workspace-row strong{color:var(--wh-deep-sea-green)}.sender-workspace-row span,.sender-workspace-row small{color:#617078;font-size:.8rem}.sender-workspace-row>div:not(:first-child){display:grid;gap:.15rem}.sender-workspace-row b{color:var(--wh-deep-sea-green);font-size:1.1rem}.sender-leads-heading{align-items:end;border-bottom:1px solid var(--wh-border);display:flex;gap:2rem;justify-content:space-between;margin:1.25rem 0 2rem;padding-bottom:1.5rem}.sender-lead-stats{display:flex;gap:1.75rem}.sender-lead-stats div{display:grid;gap:.15rem}.sender-lead-stats strong{color:var(--wh-deep-sea-green);font-size:1.65rem;line-height:1}.sender-lead-stats span{color:#617078;font-size:.75rem;white-space:nowrap}@media(max-width:767.98px){.sender-workspace-row{align-items:start;grid-template-columns:repeat(3,1fr)}.sender-workspace-row>div:first-child{grid-column:1/-1}.sender-workspace-row>a{grid-column:1/-1}.sender-leads-heading{align-items:flex-start;flex-direction:column}.sender-lead-stats{gap:1rem}}
.lead-test-workbench{align-items:center;background:var(--wh-warm-cream);display:grid;gap:2rem;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);margin:2rem 0;padding:clamp(1.5rem,3vw,2.5rem)}.lead-test-workbench h2{color:var(--wh-deep-sea-green);font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.05em;margin:.5rem 0 .75rem}.lead-test-workbench>div>p:not(.eyebrow){color:var(--wh-graphite);line-height:1.55;max-width:680px}.lead-test-picker{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;margin-top:1.25rem}.lead-test-picker label{color:var(--wh-deep-sea-green);font-size:.78rem;font-weight:800;grid-column:1/-1;letter-spacing:.06em;text-transform:uppercase}.lead-test-picker .form-select{background:#fff;border:1px solid var(--wh-border);border-radius:0;color:var(--wh-deep-sea-green);min-height:46px}.lead-test-picker .wh-btn-primary{min-height:46px;white-space:nowrap}.lead-test-link-card{background:#fff;border:1px solid var(--wh-border);display:grid;gap:.8rem;justify-items:start;padding:1.25rem}.lead-test-link-card>strong{color:var(--wh-deep-sea-green);font-size:1.1rem}.lead-test-link-card .recipient-short-url{font-size:.78rem;max-width:100%}.lead-test-link-card img{background:#fff8f1;height:150px;image-rendering:auto;margin-top:.25rem;padding:.5rem;width:150px}.lead-test-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem}.lead-test-actions .wh-btn-primary{font-size:.74rem;padding:.7rem .85rem}.lead-row-actions{display:flex;flex-wrap:wrap;gap:.75rem}.lead-row-actions .wh-link{font-size:.82rem}@media(max-width:767.98px){.lead-test-workbench{grid-template-columns:1fr}.lead-test-picker{grid-template-columns:1fr}.lead-test-picker .wh-btn-primary{width:100%}}
.checkout-form-intro{color:#617078;margin:-.5rem 0 1.5rem;max-width:640px}
/* Keep the brand left-aligned while vertically centering it with the menu row. */
.warmhello-header .wrapper-header > div:first-child{align-items:center;display:flex;justify-content:flex-start}
@media(min-width:992px){.warmhello-header .wrapper-header{align-items:center}.warmhello-header .wrapper-header>div:first-child{left:auto;padding-inline:var(--bs-gutter-x,.75rem);position:static;transform:none;width:auto;z-index:auto}.warmhello-header .wrapper-header>div:nth-child(2){flex:1 1 auto;left:auto;padding-left:0;position:static;width:auto}.warmhello-header .wrapper-header>div:nth-child(2) .box-nav-ul{justify-content:center}.warmhello-header .wrapper-header>div:last-child{margin-left:auto}}
.header-account-menu{position:relative}.header-account-menu summary{cursor:pointer;list-style:none}.header-account-menu summary::-webkit-details-marker{display:none}.warmhello-header .header-account-trigger{align-items:center;border:1px solid transparent;display:inline-flex!important;gap:.5rem;height:40px;padding:0 .75rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.warmhello-header .header-account-menu[open] .header-account-trigger,.warmhello-header .header-account-trigger:hover{background:var(--wh-warm-cream);border-color:var(--wh-border);color:var(--wh-deep-sea-green)}.header-account-chevron{border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;height:7px;margin-top:-3px;transform:rotate(45deg);transition:transform .2s ease;width:7px}.header-account-menu[open] .header-account-chevron{margin-top:3px;transform:rotate(225deg)}.header-dropdown{background:var(--wh-white);border:1px solid var(--wh-border);border-top:3px solid var(--wh-persimmon);box-shadow:0 16px 36px rgba(24,48,48,.14);display:grid;gap:.1rem;min-width:228px;padding:.65rem;position:absolute;right:0;top:calc(100% + .7rem);z-index:1100}.header-dropdown::before{background:var(--wh-white);border-left:1px solid var(--wh-border);border-top:1px solid var(--wh-border);content:"";height:12px;position:absolute;right:1.1rem;top:-8px;transform:rotate(45deg);width:12px}.header-dropdown p{color:var(--wh-persimmon);font-size:.65rem;font-weight:800;letter-spacing:.12em;margin:.35rem .7rem .45rem;position:relative;text-transform:uppercase}.header-dropdown a{align-items:center;color:var(--wh-deep-sea-green);display:flex;font-size:.82rem;font-weight:700;min-height:42px;padding:.65rem .7rem;position:relative;text-decoration:none}.header-dropdown a:hover{background:var(--wh-soft-blush);color:var(--wh-persimmon)}

/* Modave-admin inspired workspace: a persistent navigation rail, compact metrics and quiet data surfaces. */
.admin-main{background:#f6f7f7}.admin-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 120px)}.admin-sidebar{background:var(--wh-white);border-right:1px solid var(--wh-border);display:flex;flex-direction:column;padding:1.75rem 1rem;position:sticky;top:120px;height:calc(100vh - 120px)}.admin-sidebar-brand{border-bottom:1px solid var(--wh-border);display:grid;gap:.25rem;padding:.25rem .75rem 1.3rem}.admin-sidebar-brand strong{color:var(--wh-deep-sea-green);font-size:1.25rem;letter-spacing:-.04em}.admin-sidebar-nav{display:grid;gap:.25rem;padding-top:1.25rem}.admin-sidebar-nav p{color:#788387;font-size:.63rem;font-weight:800;letter-spacing:.12em;margin:1rem .75rem .35rem;text-transform:uppercase}.admin-sidebar-nav p:first-child{margin-top:0}.admin-sidebar-link{border-left:2px solid transparent;color:#536467;font-size:.86rem;font-weight:700;padding:.68rem .75rem;text-decoration:none}.admin-sidebar-link:hover{background:var(--wh-warm-cream);color:var(--wh-deep-sea-green)}.admin-sidebar-link.is-active{background:var(--wh-soft-blush);border-left-color:var(--wh-persimmon);color:var(--wh-deep-sea-green)}.admin-sidebar-footer{border-top:1px solid var(--wh-border);margin-top:auto;padding:.9rem .75rem 0}.admin-sidebar-storefront{color:var(--wh-deep-sea-green);font-size:.76rem;font-weight:800;text-decoration:none;text-transform:uppercase}.admin-content{min-width:0;padding:clamp(1.5rem,3vw,3.25rem)}.admin-content-inner{margin:0 auto;max-width:1420px}.admin-content .section-space{margin:0}.admin-content .admin-section,.admin-content .admin-workspace{padding:0}.admin-content .admin-page-heading,.admin-content .admin-workspace-heading{align-items:end;border-bottom:1px solid var(--wh-border);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.35rem}.admin-content .admin-page-heading h1,.admin-content .admin-workspace-heading h1{color:var(--wh-deep-sea-green);font-size:clamp(2rem,3.5vw,3.45rem);letter-spacing:-.06em;line-height:.95;margin:.45rem 0 .7rem}.admin-content .admin-page-heading p:not(.eyebrow),.admin-content .admin-workspace-heading p:not(.eyebrow){color:#617078;line-height:1.55;margin:0;max-width:650px}.admin-content .admin-workspace-panels{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-content .admin-workspace-panel{background:var(--wh-white);border:1px solid var(--wh-border);box-shadow:none;display:flex;flex-direction:column;min-height:300px;padding:1.5rem}.admin-content .admin-workspace-panel:hover{border-color:var(--wh-deep-sea-green);box-shadow:0 12px 24px rgba(22,81,80,.08)}.admin-content .admin-workspace-panel strong{color:var(--wh-deep-sea-green);font-size:2.35rem;letter-spacing:-.08em;margin:1.25rem 0 .75rem}.admin-content .admin-workspace-panel h2{color:var(--wh-deep-sea-green);font-size:1.2rem;margin:0 0 .65rem}.admin-content .admin-workspace-panel p:not(.eyebrow){color:#617078;font-size:.86rem;line-height:1.5;margin:0}.admin-content .admin-panel-action{border-top:1px solid var(--wh-border);color:var(--wh-deep-sea-green);font-size:.76rem;font-weight:800;margin-top:auto;padding-top:1rem;text-decoration:none;text-transform:uppercase}.admin-content .admin-panel-action:hover{color:var(--wh-persimmon)}.admin-content .admin-table-wrap{background:var(--wh-white);border:1px solid var(--wh-border);border-radius:0;box-shadow:none;padding:0}.admin-content .admin-table-wrap .table{margin:0;min-width:760px}.admin-content .admin-table-wrap thead{background:#fbfbfb}.admin-content .admin-table-wrap th{border-bottom:1px solid var(--wh-border);color:#788387;font-size:.66rem;font-weight:800;letter-spacing:.1em;padding:1rem 1.25rem;text-transform:uppercase}.admin-content .admin-table-wrap td{border-color:#edf0f0;color:var(--wh-graphite);font-size:.88rem;padding:1rem 1.25rem;vertical-align:middle}.admin-content .admin-table-wrap tbody tr:hover{background:#fffdf9}.admin-content .admin-table-wrap strong{color:var(--wh-deep-sea-green)}.admin-content .admin-pagination{border-top:1px solid var(--wh-border);padding:1rem 1.25rem}.admin-content .pagination{gap:.4rem}.admin-content .page-link{border:1px solid var(--wh-border);border-radius:0;color:var(--wh-deep-sea-green);font-size:.8rem}.admin-content .page-item.active .page-link{background:var(--wh-deep-sea-green);border-color:var(--wh-deep-sea-green)}.admin-content .sender-workspaces,.admin-content .lead-test-workbench,.admin-content .lead-monitor-note{border:1px solid var(--wh-border);box-shadow:none}.admin-content .sender-workspaces{margin:1.5rem 0}.admin-content .lead-funnel{background:var(--wh-white);border:1px solid var(--wh-border);margin:0;padding:1rem}.admin-content .lead-funnel>div{background:#fbfbfb;border:0}.admin-content .sender-leads-heading{margin-top:1rem}.admin-content .admin-editor{max-width:1180px}.admin-content .checkout-panel,.admin-content .checkout-form{border-radius:0;box-shadow:none}.admin-content .checkout-form{border:1px solid var(--wh-border)}.admin-content .lead-test-workbench{margin:1rem 0}.admin-content .lead-test-link-card{border-radius:0}.admin-content .lead-status{border-radius:4px;font-size:.68rem}.admin-content .wh-btn-primary{border-radius:0}.admin-content .order-test-workbench{margin-bottom:1.5rem}@media(max-width:1199.98px){.admin-content .admin-workspace-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991.98px){.admin-shell{display:block}.admin-sidebar{border-bottom:1px solid var(--wh-border);border-right:0;height:auto;overflow-x:auto;padding:1rem;position:static}.admin-sidebar-brand,.admin-sidebar-footer{display:none}.admin-sidebar-nav{display:flex;gap:.35rem;padding:0;width:max-content}.admin-sidebar-nav p{display:none}.admin-sidebar-link{border:1px solid var(--wh-border);padding:.55rem .7rem;white-space:nowrap}.admin-sidebar-link.is-active{border-color:var(--wh-persimmon)}.admin-content{padding:1.5rem 1rem}}@media(max-width:575.98px){.admin-content .admin-page-heading,.admin-content .admin-workspace-heading{align-items:flex-start;flex-direction:column}.admin-content .admin-workspace-panels{grid-template-columns:1fr}.admin-content .admin-workspace-panel{min-height:230px}.admin-content .admin-page-heading h1,.admin-content .admin-workspace-heading h1{font-size:2.2rem}}
.admin-content .lead-funnel>div{color:var(--wh-deep-sea-green);padding:.7rem .85rem}.admin-content .lead-funnel span{color:#617078}.admin-content .lead-funnel strong,.admin-content .lead-funnel i{color:var(--wh-persimmon)}.admin-content .lead-funnel i{align-self:center}
.admin-sidebar-link.is-active{background:#fff8f1;border-left-color:var(--wh-persimmon);box-shadow:inset 0 0 0 1px rgba(242,92,61,.14);color:var(--wh-deep-sea-green)}
.admin-content .admin-workspace-panel .admin-panel-action{align-items:center;background:var(--wh-deep-sea-green);border:0;color:#fff!important;display:inline-flex;gap:.65rem;justify-content:center;letter-spacing:.06em;margin-top:auto;padding:.9rem 1rem}.admin-content .admin-workspace-panel .admin-panel-action i{color:#fff!important}.admin-content .admin-workspace-panel .admin-panel-action:hover{background:var(--wh-persimmon);color:#fff!important}.admin-content .admin-leads-panel .admin-panel-action{background:var(--wh-persimmon)}.admin-content .admin-leads-panel .admin-panel-action:hover{background:var(--wh-deep-sea-green)}.admin-content .admin-workspace-heading .wh-btn-primary{color:#fff!important}.admin-content .admin-workspace-panel .eyebrow{color:var(--wh-persimmon)!important}.admin-content .admin-workspace-panel p:not(.eyebrow){color:#43565a!important}
.admin-content .admin-table-wrap{scrollbar-color:var(--wh-persimmon) var(--wh-warm-cream);scrollbar-width:thin}.admin-content .admin-table-wrap::-webkit-scrollbar{height:14px;width:14px}.admin-content .admin-table-wrap::-webkit-scrollbar-track{background:var(--wh-warm-cream);border-top:1px solid var(--wh-border)}.admin-content .admin-table-wrap::-webkit-scrollbar-thumb{background:var(--wh-persimmon);border:3px solid var(--wh-warm-cream);border-radius:999px}.admin-content .admin-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--wh-deep-sea-green)}.admin-content .admin-table-wrap::-webkit-scrollbar-corner{background:var(--wh-warm-cream)}
.gift-card-composer{background:linear-gradient(135deg,#fffdfa 0%,var(--wh-warm-cream) 100%)}.gift-card-composer-heading{align-items:end;border-bottom:1px solid var(--wh-border);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.gift-card-composer-heading h3{margin:0}.gift-card-composer-heading p{color:#617078;font-size:.9rem;margin:0;max-width:390px}.gift-theme-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.gift-theme-option{cursor:pointer;display:block;margin:0;position:relative}.gift-theme-input{height:1px;opacity:0;position:absolute;width:1px}.gift-theme-card{background:#fffdf8;border:2px solid var(--wh-deep-sea-green);border-radius:16px;box-shadow:0 4px 0 rgba(15,90,89,.1);display:flex;flex-direction:column;min-height:194px;padding:1.25rem;position:relative;transition:box-shadow .2s ease,transform .2s ease}.gift-theme-option:hover .gift-theme-card,.gift-theme-input:focus-visible + .gift-theme-card{box-shadow:0 0 0 4px rgba(242,92,61,.18),0 6px 0 rgba(15,90,89,.12);transform:translateY(-2px)}.gift-theme-input:checked + .gift-theme-card{border-color:var(--wh-persimmon);box-shadow:0 0 0 4px rgba(242,92,61,.2),0 6px 0 rgba(15,90,89,.12)}.gift-theme-title{color:var(--wh-deep-sea-green);font-family:Georgia,serif;font-size:1.35rem;font-weight:700;line-height:1.05;max-width:78%}.gift-theme-congratulations .gift-theme-title,.gift-theme-just_for_you .gift-theme-title{color:var(--wh-persimmon)}.gift-theme-rule{background:#d6cec3;display:block;height:1px;margin:1rem 0 .85rem;width:72%}.gift-theme-copy{color:#33464a;font-size:.75rem;line-height:1.35;max-width:68%}.gift-theme-signoff{color:#46575b;font-size:.7rem;margin-top:auto}.gift-theme-signoff strong{color:var(--wh-deep-sea-green);font-family:Georgia,serif;font-size:.95rem}.gift-theme-signoff strong span{color:var(--wh-persimmon)}.gift-theme-mark{bottom:1.05rem;color:#ffd0b7;font-family:Georgia,serif;font-size:3.75rem;line-height:1;position:absolute;right:1rem;transform:rotate(-15deg)}.gift-card-composer .field-orderform-card_theme{margin:0}.gift-card-composer-help{color:#617078;font-size:.8rem;margin:.25rem 0 0}@media(max-width:767.98px){.gift-card-composer-heading{align-items:flex-start;flex-direction:column;gap:.5rem}.gift-theme-grid{grid-template-columns:1fr}.gift-theme-card{min-height:174px}}
.gift-card-composer-body{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.gift-card-live-preview{background:#f7efe4;border:1px solid var(--wh-border);border-radius:14px;padding:1rem;position:sticky;top:1rem}.gift-card-preview-label{align-items:center;color:#617078;display:flex;font-size:.72rem;justify-content:space-between;margin-bottom:.75rem}.gift-card-preview-label .eyebrow{margin:0}.gift-card-preview-card{background:#fffdf8;border:3px solid var(--wh-deep-sea-green);border-radius:18px;box-shadow:0 5px 0 rgba(15,90,89,.1);min-height:285px;overflow:hidden;padding:1.5rem;position:relative}.gift-card-preview-card[data-preview-theme="congratulations"],.gift-card-preview-card[data-preview-theme="just_for_you"]{border-color:var(--wh-persimmon)}.gift-card-preview-theme{color:var(--wh-deep-sea-green);font-family:Georgia,serif;font-size:1.75rem;font-weight:700;line-height:1.04;margin:0 0 .35rem;max-width:85%}.gift-card-preview-card[data-preview-theme="congratulations"] .gift-card-preview-theme,.gift-card-preview-card[data-preview-theme="just_for_you"] .gift-card-preview-theme{color:var(--wh-persimmon)}.gift-card-preview-recipient{color:var(--wh-deep-sea-green);font-family:Georgia,serif;font-size:1.05rem;font-style:italic;margin:0}.gift-card-preview-rule{background:#bdb5ac;display:block;height:1px;margin:1.25rem 0;width:78%}.gift-card-preview-message{color:#263b3e;font-size:.9rem;line-height:1.5;margin:0;max-width:78%;white-space:pre-wrap}.gift-card-preview-card img{bottom:1.3rem;height:auto;left:1.4rem;max-width:125px;position:absolute}.gift-card-preview-heart{bottom:.8rem;color:#ffd0b7;font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute;right:1rem;transform:rotate(-15deg)}@media(max-width:991.98px){.gift-card-composer-body{grid-template-columns:1fr}.gift-card-live-preview{position:static}}@media(max-width:767.98px){.gift-card-preview-card{min-height:250px}}
.gift-card-preview-message{max-height:7.5em;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;padding-right:.45rem;word-break:break-word}.gift-card-preview-card img{max-width:calc(100% - 130px);object-fit:contain;width:150px}
.gift-card-preview-card{min-height:285px;padding-bottom:8.5rem}.gift-card-preview-theme,.gift-card-preview-message{max-width:100%}.gift-card-preview-rule{width:100%}.gift-card-preview-message{font-size:clamp(.9rem,1.3vw,1rem);max-height:none;overflow:visible;padding-right:0}.gift-card-preview-card img{bottom:1.4rem;max-width:calc(100% - 120px);width:160px}@media(max-width:575.98px){.gift-card-preview-card{padding:1.2rem 1.2rem 7rem}.gift-card-preview-theme{font-size:clamp(1.45rem,8vw,1.8rem)}.gift-card-preview-card img{max-width:calc(100% - 100px);width:135px}.gift-card-preview-heart{font-size:4.2rem;right:.7rem}}
.gift-card-composer textarea.form-control{background:#fffdf8!important;border:1px solid var(--wh-border)!important;color:var(--wh-deep-sea-green)!important;-webkit-text-fill-color:var(--wh-deep-sea-green)!important;line-height:1.55}.gift-card-composer textarea.form-control::placeholder{color:#617078!important;opacity:1}.gift-card-composer textarea.form-control:focus{background:#fff!important;border-color:var(--wh-persimmon)!important;box-shadow:0 0 0 .2rem rgba(242,92,61,.15)!important;color:var(--wh-deep-sea-green)!important;-webkit-text-fill-color:var(--wh-deep-sea-green)!important}.gift-card-composer textarea.form-control::selection{background:var(--wh-soft-blush);color:var(--wh-deep-sea-green)}
@media(max-width:991.98px){.admin-workspace-panels{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.admin-workspace-panels{grid-template-columns:1fr}.lead-funnel{align-items:flex-start;flex-direction:column}.lead-funnel>div{width:100%}.lead-funnel i{display:none}}

/* Pricing CTA hover needs explicit nested text/icon contrast. */
.pricing-plan .tf-btn:hover .text,.pricing-plan .tf-btn:hover i{background:transparent!important;border-color:transparent!important;color:#fff!important}

/* Homepage landing flow: Modave collection spacing with original WarmHello value messaging. */
.warmhello-landing-heading{margin:0 auto 2.5rem;max-width:740px}.warmhello-landing-heading.centered{text-align:center}.warmhello-landing-heading h2,.warmhello-value h2,.warmhello-pricing-prompt h2{color:var(--wh-deep-sea-green);font-size:clamp(2.35rem,4vw,4.4rem);letter-spacing:-.065em;line-height:.98;margin:.6rem 0 1rem}.warmhello-landing-heading>p{color:#617078;font-size:1.05rem;line-height:1.55;margin:0}.warmhello-landing-heading.split{align-items:end;display:grid;gap:3rem;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);max-width:none}.warmhello-workflow{background:var(--wh-white)}.warmhello-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.warmhello-workflow-card{border:1px solid var(--wh-border);border-right:0;color:var(--wh-deep-sea-green);display:flex;flex-direction:column;min-height:300px;padding:clamp(1.5rem,3vw,2.5rem);text-decoration:none;transition:background .2s ease,color .2s ease}.warmhello-workflow-card:last-child{border-right:1px solid var(--wh-border)}.warmhello-workflow-card:hover{background:var(--wh-soft-blush);color:var(--wh-deep-sea-green)}.workflow-number{color:var(--wh-persimmon);font-size:.74rem;font-weight:800;letter-spacing:.12em}.warmhello-workflow-card h3{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.045em;margin:auto 0 .65rem}.warmhello-workflow-card p{color:var(--wh-graphite);font-size:.94rem;line-height:1.55;margin:0;max-width:290px}.warmhello-workflow-card i{font-size:1.15rem;margin-top:1.5rem}.warmhello-workflow-link{margin-top:1.25rem;text-align:center}.warmhello-value{background:var(--wh-soft-blush)}.warmhello-value-intro{align-items:end;display:grid;gap:3rem;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);margin-bottom:2rem}.warmhello-value-intro>p{color:var(--wh-graphite);font-size:1.04rem;line-height:1.6;margin:0}.warmhello-value-grid{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(22,81,80,.2)}.warmhello-value-grid article{background:var(--wh-soft-blush);display:grid;gap:.85rem;min-height:150px;padding:1.5rem}.warmhello-value-grid strong{color:var(--wh-deep-sea-green);font-size:1.35rem;letter-spacing:-.04em}.warmhello-value-grid span{color:var(--wh-graphite);font-size:.9rem;line-height:1.5}.warmhello-capabilities{background:#fffdfa}.warmhello-capability-grid{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--wh-border)}.warmhello-capability-card{background:#fffdfa;color:var(--wh-deep-sea-green);display:flex;flex-direction:column;min-height:220px;padding:1.5rem;text-decoration:none;transition:background .2s ease}.warmhello-capability-card:hover{background:var(--wh-warm-cream);color:var(--wh-deep-sea-green)}.warmhello-capability-card h3{font-size:1.2rem;letter-spacing:-.03em;margin:0 0 .75rem}.warmhello-capability-card p{color:var(--wh-graphite);font-size:.9rem;line-height:1.5;margin:0}.warmhello-capability-card span{font-size:.75rem;font-weight:800;letter-spacing:.05em;margin-top:auto;text-transform:uppercase}.warmhello-capability-card i{margin-left:.35rem}.warmhello-pricing-prompt{background:var(--wh-warm-cream)}.warmhello-pricing-prompt .container{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1.2fr) auto}.warmhello-pricing-prompt h2{font-size:clamp(2rem,3.5vw,3.6rem);max-width:780px}.warmhello-pricing-prompt p:not(.eyebrow){color:var(--wh-graphite);line-height:1.6;margin:0;max-width:720px}.warmhello-pricing-prompt .tf-btn{align-items:center;background:var(--wh-persimmon)!important;border-color:var(--wh-persimmon)!important;border-radius:0;color:#fff!important;display:inline-flex;gap:.6rem;justify-content:center;min-height:52px;white-space:nowrap}.warmhello-pricing-prompt .tf-btn:hover{background:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important}
@media(max-width:991.98px){.warmhello-workflow-grid,.warmhello-value-grid{grid-template-columns:1fr}.warmhello-workflow-card{border-right:1px solid var(--wh-border);border-bottom:0;min-height:230px}.warmhello-workflow-card:last-child{border-bottom:1px solid var(--wh-border)}.warmhello-value-intro,.warmhello-landing-heading.split,.warmhello-pricing-prompt .container{grid-template-columns:1fr}.warmhello-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warmhello-pricing-prompt .tf-btn{justify-self:start}}@media(max-width:575.98px){.warmhello-capability-grid{grid-template-columns:1fr}.warmhello-landing-heading h2,.warmhello-value h2,.warmhello-pricing-prompt h2{font-size:2.25rem}.warmhello-workflow-card,.warmhello-capability-card{min-height:0}.warmhello-value-intro{gap:1rem}.warmhello-pricing-prompt .container{gap:1.5rem}}

/* An editorial collection layout for relationship-led gifting occasions. */
.warmhello-use-cases{margin:0 auto;max-width:1200px;padding:clamp(4rem,8vw,7.5rem) 15px 5.5rem}.warmhello-use-cases-intro{align-items:end;border-bottom:1px solid var(--wh-border);display:grid;gap:3rem;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);padding-bottom:3rem}.warmhello-use-cases-intro h1{color:var(--wh-deep-sea-green);font-size:clamp(3.1rem,5.5vw,5.8rem);letter-spacing:-.07em;line-height:.92;margin:.8rem 0 0;max-width:700px}.warmhello-use-cases-intro>p{color:var(--wh-graphite);font-size:1.05rem;line-height:1.55;margin:0 0 .35rem;max-width:390px}.warmhello-use-case-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-top:3rem;background:var(--wh-border)}.warmhello-use-case-card{background:var(--wh-white);display:flex;flex-direction:column;min-height:360px;padding:1.75rem;transition:background .25s ease}.warmhello-use-case-card:hover{background:var(--wh-soft-blush)}.use-case-number{color:var(--wh-persimmon);font-size:.72rem;font-weight:800;letter-spacing:.1em;margin-bottom:auto}.warmhello-use-case-card .eyebrow{color:var(--wh-deep-sea-green)!important;font-size:.66rem;margin-bottom:.85rem}.warmhello-use-case-card h2{color:var(--wh-deep-sea-green);font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 .8rem}.use-case-copy{color:var(--wh-graphite);line-height:1.5;margin:0}.use-case-footer{border-top:1px solid var(--wh-border);margin-top:2rem;padding-top:1rem}.use-case-footer p{color:var(--wh-graphite);font-size:.83rem;line-height:1.5;margin:0 0 1rem}.use-case-footer strong{color:var(--wh-deep-sea-green);display:block;font-size:.65rem;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.use-case-footer .text-link{align-items:center;display:inline-flex;font-size:.78rem;gap:.45rem;text-transform:uppercase}.warmhello-use-cases-cta{align-items:center;background:var(--wh-honey);display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;padding:clamp(2rem,5vw,4rem)}.warmhello-use-cases-cta h2{color:var(--wh-deep-sea-green);font-size:clamp(2rem,3.8vw,3.6rem);letter-spacing:-.06em;line-height:.98;margin:.75rem 0 0}.warmhello-use-cases-cta .tf-btn{align-items:center;border-radius:0;display:inline-flex;gap:.65rem;white-space:nowrap}@media(max-width:991.98px){.warmhello-use-cases-intro{grid-template-columns:1fr;gap:1.25rem}.warmhello-use-cases-intro>p{max-width:600px}.warmhello-use-case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575.98px){.warmhello-use-cases{padding:3rem 0}.warmhello-use-cases-intro{padding:0 15px 2.25rem}.warmhello-use-cases-intro h1{font-size:3.1rem}.warmhello-use-case-grid{grid-template-columns:1fr}.warmhello-use-case-card{min-height:300px;padding:1.5rem}.warmhello-use-cases-cta{align-items:flex-start;flex-direction:column;margin-top:2.5rem}.warmhello-use-cases-cta .tf-btn{width:100%}}

/* Shared button states: neutralise Modave's nested hover colours and retain contrast everywhere. */
.tf-btn,.wh-btn-primary,.btn-main-product,.btn.btn-primary{background-color:var(--wh-persimmon)!important;border-color:var(--wh-persimmon)!important;color:var(--wh-white)!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.tf-btn .text,.tf-btn i,.wh-btn-primary i,.btn-main-product i,.btn.btn-primary i{background:transparent!important;border-color:transparent!important;color:inherit!important}.tf-btn:hover,.wh-btn-primary:hover,.btn-main-product:hover,.btn.btn-primary:hover{background-color:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important;color:var(--wh-white)!important;transform:translateY(-1px)}.tf-btn:hover .text,.tf-btn:hover i,.wh-btn-primary:hover i,.btn-main-product:hover i,.btn.btn-primary:hover i{background:transparent!important;border-color:transparent!important;color:var(--wh-white)!important}.tf-btn:focus-visible,.wh-btn-primary:focus-visible,.btn-main-product:focus-visible,.btn.btn-primary:focus-visible{box-shadow:0 0 0 4px rgba(242,92,61,.28)!important;outline:0}.tf-btn:active,.wh-btn-primary:active,.btn-main-product:active,.btn.btn-primary:active{background-color:var(--wh-graphite)!important;border-color:var(--wh-graphite)!important;transform:translateY(0)}.tf-btn:disabled,.wh-btn-primary:disabled,.btn-main-product:disabled,.btn.btn-primary:disabled{background-color:#bdc4c5!important;border-color:#bdc4c5!important;color:#fff!important;cursor:not-allowed;opacity:1}.wh-btn-secondary,.btn.btn-outline-primary{background:transparent!important;border-color:var(--wh-deep-sea-green)!important;color:var(--wh-deep-sea-green)!important}.wh-btn-secondary:hover,.btn.btn-outline-primary:hover{background:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important;color:var(--wh-white)!important}.wh-btn-secondary:focus-visible,.btn.btn-outline-primary:focus-visible{box-shadow:0 0 0 4px rgba(15,90,89,.2)!important;outline:0}.final-cta .wh-btn-primary:hover{background:var(--wh-deep-sea-green)!important;border-color:var(--wh-deep-sea-green)!important}.warmhello-story-banner .tf-btn:hover,.warmhello-how-cta .tf-btn:hover{background:var(--wh-honey)!important;border-color:var(--wh-honey)!important;color:var(--wh-deep-sea-green)!important}.warmhello-story-banner .tf-btn:hover .text,.warmhello-story-banner .tf-btn:hover i,.warmhello-how-cta .tf-btn:hover .text,.warmhello-how-cta .tf-btn:hover i{color:var(--wh-deep-sea-green)!important}.pricing-plan .tf-btn:hover .text,.pricing-plan .tf-btn:hover i{color:var(--wh-white)!important}.pricing-plan-growth .tf-btn:hover{background:var(--wh-honey)!important;border-color:var(--wh-honey)!important;color:var(--wh-deep-sea-green)!important}.pricing-plan-growth .tf-btn:hover .text,.pricing-plan-growth .tf-btn:hover i{color:var(--wh-deep-sea-green)!important}

/* Sender-facing delivery workspace for the My WarmHellos route. */
.warmhello-editorial-home{background:var(--wh-warm-cream)}.warmhello-editorial-hero{background:var(--wh-deep-sea-green);color:#fff;display:grid;grid-template-columns:1.02fr .98fr;min-height:calc(100vh - 92px);overflow:hidden}.warmhello-hero-copy-wrap{align-self:center;padding:clamp(3.5rem,8vw,9rem);z-index:1}.warmhello-editorial-hero .eyebrow,.warmhello-relationship-copy .eyebrow{color:var(--wh-honey);margin-bottom:1.4rem}.warmhello-editorial-hero h1{color:#fff;font-size:clamp(3.7rem,7.2vw,8.1rem);letter-spacing:-.085em;line-height:.86;margin:0;max-width:780px}.warmhello-editorial-hero h1 em{color:var(--wh-soft-blush);font-family:Georgia,serif;font-weight:400}.warmhello-hero-lead{color:#f9e8df;font-size:clamp(1.04rem,1.45vw,1.28rem);line-height:1.55;margin:2rem 0;max-width:510px}.warmhello-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.warmhello-hero-actions .tf-btn,.warmhello-final-send .tf-btn{align-items:center;border-radius:0;display:inline-flex;gap:.7rem;min-height:54px}.warmhello-hero-actions .btn-line{color:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase}.warmhello-hero-reassurance{border-top:1px solid rgba(255,255,255,.25);color:#cee0dc;font-size:.8rem;line-height:1.5;margin:2.5rem 0 0;max-width:420px;padding-top:1rem}.warmhello-hero-visual{background:var(--wh-soft-blush);isolation:isolate;min-height:100%;overflow:hidden;position:relative}.warmhello-hero-visual:before{background:var(--wh-persimmon);border-radius:50%;content:"";height:66vw;left:-15vw;opacity:.82;position:absolute;top:-15vw;width:66vw;z-index:-1}.warmhello-hero-visual img{height:100%;object-fit:cover;position:absolute;width:100%}.warmhello-hero-status{background:rgba(255,248,241,.96);box-shadow:0 16px 35px rgba(15,90,89,.2);color:var(--wh-deep-sea-green);display:grid;gap:.2rem;min-width:150px;padding:.8rem 1rem;position:absolute}.warmhello-hero-status span,.warmhello-benefits-grid span,.warmhello-editorial-steps>li>span,.warmhello-goals-grid a>span{font-size:.7rem;font-weight:800;letter-spacing:.1em}.warmhello-hero-status span{font-size:.62rem;text-transform:uppercase}.warmhello-hero-status strong{font-size:.95rem}.warmhello-hero-status-one{left:8%;top:17%}.warmhello-hero-status-two{right:8%;top:47%}.warmhello-hero-status-three{background:var(--wh-honey);bottom:12%;left:16%}.warmhello-benefits-section{background:var(--wh-white);padding:clamp(4rem,9vw,9rem) 0}.warmhello-editorial-heading{margin-bottom:3rem;max-width:770px}.warmhello-editorial-heading h2,.warmhello-relationship-copy h2,.warmhello-final-send h2{color:var(--wh-deep-sea-green);font-size:clamp(2.7rem,5vw,5.7rem);letter-spacing:-.075em;line-height:.9;margin:.65rem 0 0}.warmhello-benefits-grid{background:var(--wh-border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.warmhello-benefits-grid article{background:#fff;display:flex;flex-direction:column;min-height:280px;padding:clamp(1.5rem,3vw,2.75rem)}.warmhello-benefits-grid span,.warmhello-editorial-steps>li>span,.warmhello-goals-grid a>span{color:var(--wh-persimmon)}.warmhello-benefits-grid h3{color:var(--wh-deep-sea-green);font-size:clamp(1.45rem,2vw,2.1rem);letter-spacing:-.05em;margin:auto 0 .8rem}.warmhello-benefits-grid p,.warmhello-editorial-heading.split>p,.warmhello-editorial-steps p,.warmhello-goals-grid p,.warmhello-relationship-copy>p,.warmhello-final-send p{color:var(--wh-graphite);line-height:1.55;margin:0}.warmhello-editorial-workflow{background:var(--wh-soft-blush);padding:clamp(4rem,9vw,9rem) 0}.warmhello-editorial-heading.split{align-items:end;display:grid;gap:3rem;grid-template-columns:1.2fr .8fr;max-width:none}.warmhello-editorial-heading.split>p{font-size:1.05rem;max-width:440px}.warmhello-editorial-steps{border-top:1px solid rgba(15,90,89,.28);list-style:none;margin:3.5rem 0 0;padding:0}.warmhello-editorial-steps li{align-items:baseline;border-bottom:1px solid rgba(15,90,89,.28);display:grid;gap:2rem;grid-template-columns:100px 1fr;padding:1.35rem 0}.warmhello-editorial-steps h3{color:var(--wh-deep-sea-green);font-size:clamp(1.6rem,3vw,3.1rem);letter-spacing:-.065em;line-height:1;margin:0 0 .45rem}.warmhello-editorial-steps p{max-width:500px}.warmhello-goals-section{padding:clamp(4rem,8vw,8rem) 0}.warmhello-goals-grid{background:var(--wh-border);display:grid;gap:1px;grid-template-columns:repeat(5,1fr)}.warmhello-goals-grid a{background:#fff;color:var(--wh-deep-sea-green);display:flex;flex-direction:column;min-height:270px;padding:1.35rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.warmhello-goals-grid a:hover{background:var(--wh-honey);color:var(--wh-deep-sea-green);transform:translateY(-4px)}.warmhello-goals-grid h4{font-size:clamp(1.15rem,1.7vw,1.6rem);letter-spacing:-.045em;line-height:1.08;margin:auto 0 .7rem}.warmhello-goals-grid p{font-size:.86rem}.warmhello-goals-grid i{font-size:1rem;margin-top:1.25rem}.warmhello-relationship-section{background:var(--wh-deep-sea-green);padding:clamp(4rem,9vw,9rem) 0}.warmhello-relationship-section .container{display:grid;gap:4rem;grid-template-columns:1fr .8fr}.warmhello-relationship-copy h2{color:#fff;max-width:760px}.warmhello-relationship-copy>p{color:#d2e2de;font-size:1.03rem;margin-top:1.5rem;max-width:550px}.warmhello-relationship-timeline{align-content:center;border-left:1px solid rgba(255,255,255,.25);display:grid;gap:.75rem;padding-left:2rem}.warmhello-relationship-timeline span,.warmhello-relationship-timeline strong{color:#eff8f5;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:500;padding-left:1.2rem;position:relative}.warmhello-relationship-timeline span:before,.warmhello-relationship-timeline strong:before{background:var(--wh-soft-blush);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:.52em;width:8px}.warmhello-relationship-timeline strong{color:var(--wh-honey);font-weight:800}.warmhello-relationship-timeline strong:before{background:var(--wh-honey);box-shadow:0 0 0 7px rgba(240,182,63,.15)}.warmhello-final-send{background:var(--wh-honey);padding:clamp(3.5rem,7vw,7rem) 0}.warmhello-final-send .container{align-items:center;display:flex;gap:3rem;justify-content:space-between}.warmhello-final-send h2{font-size:clamp(2.9rem,5.5vw,6rem)}.warmhello-final-send p{font-size:1.04rem;margin-top:1rem}.warmhello-final-send .tf-btn{flex:0 0 auto;white-space:nowrap}@media(max-width:991.98px){.warmhello-editorial-hero{grid-template-columns:1fr;min-height:0}.warmhello-hero-copy-wrap{padding:5rem 2rem}.warmhello-hero-visual{min-height:470px}.warmhello-editorial-heading.split,.warmhello-relationship-section .container{grid-template-columns:1fr}.warmhello-goals-grid{grid-template-columns:repeat(3,1fr)}.warmhello-relationship-timeline{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:2rem 0 0}.warmhello-final-send .container{align-items:flex-start;flex-direction:column}.warmhello-final-send .tf-btn{width:100%}}@media(max-width:575.98px){.warmhello-hero-copy-wrap{padding:4rem 1.25rem}.warmhello-editorial-hero h1{font-size:3.5rem}.warmhello-hero-visual{min-height:350px}.warmhello-hero-status{min-width:125px;padding:.6rem .7rem}.warmhello-hero-status-one{left:5%;top:10%}.warmhello-hero-status-two{right:5%;top:45%}.warmhello-hero-status-three{bottom:8%;left:10%}.warmhello-benefits-grid,.warmhello-goals-grid{grid-template-columns:1fr}.warmhello-benefits-grid article{min-height:210px}.warmhello-editorial-heading.split{gap:1.25rem}.warmhello-editorial-steps{margin-top:2.25rem}.warmhello-editorial-steps li{gap:1rem;grid-template-columns:55px 1fr}.warmhello-final-send{padding:3.5rem 0}}
.warmhello-account-orders{background:var(--wh-warm-cream);padding:clamp(4rem,8vw,7rem) 0}.warmhello-account-orders-heading{align-items:end;border-bottom:1px solid var(--wh-border);display:flex;gap:2rem;justify-content:space-between;padding-bottom:2.25rem}.warmhello-account-orders-heading>div{max-width:760px}.warmhello-account-orders-heading h1{color:var(--wh-deep-sea-green);font-size:clamp(2.8rem,5vw,5.1rem);letter-spacing:-.07em;line-height:.94;margin:.7rem 0 1rem}.warmhello-account-orders-heading p:not(.eyebrow){color:#617078;font-size:1.06rem;line-height:1.55;margin:0;max-width:590px}.warmhello-account-orders-heading .tf-btn{border-radius:0;display:inline-flex;gap:.65rem;min-height:52px;white-space:nowrap}.warmhello-account-summary{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.5rem 0;background:var(--wh-border)}.warmhello-account-summary article{background:var(--wh-white);display:grid;gap:.45rem;min-height:160px;padding:1.5rem}.warmhello-account-summary span{color:#617078;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.warmhello-account-summary strong{color:var(--wh-persimmon);font-size:2.8rem;letter-spacing:-.08em;line-height:1}.warmhello-account-summary small{color:var(--wh-graphite);font-size:.82rem}.warmhello-account-list{border-top:1px solid var(--wh-border)}.warmhello-account-order{align-items:center;border-bottom:1px solid var(--wh-border);display:grid;gap:1.5rem;grid-template-columns:minmax(180px,1.15fr) minmax(130px,.7fr) minmax(180px,1fr) auto;padding:1.5rem 0}.warmhello-account-order-main .eyebrow{font-size:.65rem;margin-bottom:.45rem}.warmhello-account-order h2{color:var(--wh-deep-sea-green);font-size:1.35rem;letter-spacing:-.04em;margin:0 0 .45rem}.warmhello-account-order-main>p:not(.eyebrow){color:#617078;font-size:.82rem;margin:0}.warmhello-account-stage{display:grid;gap:.45rem}.warmhello-account-stage>span{color:#617078;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.warmhello-account-stage strong{align-items:center;background:var(--wh-soft-blush);color:var(--wh-deep-sea-green);display:inline-flex;font-size:.76rem;font-weight:800;justify-self:start;padding:.45rem .65rem}.warmhello-account-stage strong.is-delivered,.warmhello-account-stage strong.is-response{background:#dff1e9;color:#0f5a59}.warmhello-account-stage strong.is-out_for_delivery{background:var(--wh-honey);color:var(--wh-deep-sea-green)}.warmhello-account-stage strong.is-cancelled{background:#f5ded9;color:#933727}.warmhello-account-stage strong.is-pending{background:#edf0f0;color:#5b6a6e}.warmhello-account-stage small{color:#617078;display:-webkit-box;font-size:.78rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.warmhello-account-order-action .text-link{align-items:center;display:inline-flex;font-size:.78rem;gap:.4rem;text-transform:uppercase;white-space:nowrap}.warmhello-account-empty{background:var(--wh-white);border:1px solid var(--wh-border);display:grid;gap:1rem;margin-top:2.5rem;max-width:720px;padding:clamp(2rem,5vw,4rem)}.warmhello-account-empty h2{color:var(--wh-deep-sea-green);font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;margin:0}.warmhello-account-empty p:not(.eyebrow){color:var(--wh-graphite);line-height:1.55;margin:0}.warmhello-account-empty .wh-btn-primary{align-items:center;display:inline-flex;gap:.6rem;justify-self:start;margin-top:.5rem;text-decoration:none}@media(max-width:767.98px){.warmhello-account-orders-heading{align-items:flex-start;flex-direction:column}.warmhello-account-summary{grid-template-columns:1fr}.warmhello-account-order{align-items:start;grid-template-columns:1fr;padding:1.5rem 0}.warmhello-account-order-action{margin-top:.25rem}.warmhello-account-orders-heading .tf-btn{width:100%}}

/* Deliberately compact home: one hero, one value proposition, one next action. */
.warmhello-simple-home{background:var(--wh-warm-cream)}.warmhello-simple-home .warmhello-editorial-hero{min-height:min(760px,calc(100vh - 100px))}.warmhello-single-value{background:var(--wh-deep-sea-green);padding:clamp(4rem,9vw,9rem) 0}.warmhello-single-value .container{align-items:end;display:grid;gap:clamp(2rem,7vw,8rem);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.warmhello-single-value .eyebrow{color:var(--wh-honey)!important}.warmhello-single-value h2{color:var(--wh-white);font-size:clamp(2.5rem,5vw,5.8rem);letter-spacing:-.075em;line-height:.93;margin:.7rem 0 0;max-width:820px}.warmhello-single-value-detail{border-top:1px solid rgba(255,255,255,.28);padding-top:1.25rem}.warmhello-single-value-detail>p{color:rgba(255,255,255,.86);font-size:1.1rem;line-height:1.6;margin:0}.warmhello-single-value-detail ul{border-bottom:1px solid rgba(255,255,255,.28);display:grid;gap:.65rem;list-style:none;margin:1.5rem 0;padding:1.25rem 0}.warmhello-single-value-detail li{color:var(--wh-white);font-size:.9rem;font-weight:800;letter-spacing:.03em}.warmhello-single-value-detail li:before{color:var(--wh-honey);content:'+';margin-right:.65rem}.warmhello-single-value-detail .tf-btn{align-items:center;background:var(--wh-persimmon)!important;border-color:var(--wh-persimmon)!important;border-radius:0;display:inline-flex;gap:.65rem}.warmhello-single-value-detail .tf-btn:hover{background:var(--wh-honey)!important;border-color:var(--wh-honey)!important;color:var(--wh-deep-sea-green)!important}@media(max-width:767.98px){.warmhello-simple-home .warmhello-editorial-hero{min-height:0}.warmhello-single-value .container{grid-template-columns:1fr}.warmhello-single-value h2{font-size:clamp(2.5rem,12vw,4rem)}}

/* Homepage relationship story: one intentional, scroll-led interaction. */
.warmhello-story-still-life{box-shadow:0 30px 70px rgba(15,90,89,.16);margin:0;max-width:460px;overflow:hidden;position:relative;transform-origin:center}.warmhello-story-still-life img{display:block;height:auto;width:100%}.warmhello-story-still-life figcaption{background:var(--wh-deep-sea-green);color:var(--wh-white);font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:.75rem 1rem;text-transform:uppercase}@media(max-width:767.98px){.warmhello-story-still-life{justify-self:center;width:min(100%,420px)}}
.warmhello-simple-home>.warmhello-editorial-hero{display:none}
.warmhello-story{background:var(--wh-warm-cream);height:100vh;min-height:680px;overflow:hidden;position:relative}.warmhello-story-scene{align-items:center;display:grid;inset:0;justify-content:center;padding:clamp(1.5rem,5vw,5rem);position:absolute}.warmhello-story-copy{max-width:940px}.warmhello-story-copy h2,.warmhello-story-final-copy h2{color:var(--wh-deep-sea-green);font-size:clamp(2.8rem,6vw,7rem);letter-spacing:-.08em;line-height:.89;margin:.6rem 0}.warmhello-story-copy h2 em,.warmhello-story-final-copy h2 em{color:var(--wh-persimmon);font-family:Georgia,serif;font-weight:400}.warmhello-story-copy>p:not(.eyebrow),.warmhello-story-final-copy>p:not(.eyebrow){color:var(--wh-graphite);font-size:1.06rem;line-height:1.55;max-width:470px}.warmhello-story-cold{background:var(--wh-warm-cream)}.warmhello-story-cold-line{color:var(--wh-graphite);font-size:clamp(2rem,4.5vw,5rem);letter-spacing:-.07em;line-height:1;margin:0 0 .25rem;opacity:.7}.warmhello-story-cold h2{margin-top:1.5rem}.warmhello-story-gift,.warmhello-story-qr-focus,.warmhello-story-response,.warmhello-story-sender{gap:clamp(2rem,8vw,8rem);grid-template-columns:minmax(240px,.75fr) minmax(300px,.7fr);max-width:1260px;margin:auto}.warmhello-story-copy-side{order:-1}.warmhello-story-gift-card{background:#fffdf8;border:2px solid var(--wh-deep-sea-green);box-shadow:0 25px 55px rgba(15,90,89,.2),10px 10px 0 var(--wh-soft-blush);display:grid;gap:1.2rem;min-height:420px;padding:clamp(1.6rem,3vw,2.6rem);perspective:1000px;position:relative;width:min(100%,470px)}.warmhello-story-card-copy{display:grid;gap:.5rem}.warmhello-story-card-copy p{color:var(--wh-graphite);font-size:1rem;line-height:1.45;margin:0}.warmhello-story-card-copy strong{color:var(--wh-deep-sea-green);font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}.warmhello-story-card-copy span{background:var(--wh-soft-blush);display:block;height:1px;margin:.75rem 0;width:72%}.warmhello-story-gift-card small{color:var(--wh-deep-sea-green);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.warmhello-story-qr{background-color:#fff;background-image:linear-gradient(90deg,#0f5a59 12%,transparent 12% 22%,#0f5a59 22% 34%,transparent 34% 47%,#0f5a59 47% 58%,transparent 58% 68%,#0f5a59 68% 83%,transparent 83%),linear-gradient(#0f5a59 10%,transparent 10% 20%,#0f5a59 20% 33%,transparent 33% 44%,#0f5a59 44% 56%,transparent 56% 69%,#0f5a59 69% 82%,transparent 82%);border:12px solid #fff;box-shadow:0 0 0 1px var(--wh-deep-sea-green);height:132px;justify-self:end;position:relative;width:132px}.warmhello-story-qr i{border:8px solid var(--wh-deep-sea-green);height:34px;position:absolute;width:34px}.warmhello-story-qr i:first-child{left:8px;top:8px}.warmhello-story-qr i:nth-child(2){right:8px;top:8px}.warmhello-story-qr i:nth-child(3){bottom:8px;left:8px}.warmhello-story-gift-card-focus{order:-1}.warmhello-story-phone{background:var(--wh-graphite);border:9px solid var(--wh-graphite);border-radius:38px;box-shadow:0 28px 60px rgba(38,52,59,.28);padding:8px;width:min(100%,330px)}.warmhello-story-phone-top{background:var(--wh-graphite);border-radius:0 0 12px 12px;height:18px;margin:auto;width:100px}.warmhello-story-phone-screen{background:var(--wh-warm-cream);border-radius:24px;display:grid;gap:.75rem;min-height:470px;padding:2rem 1.2rem}.warmhello-story-phone-screen h3{color:var(--wh-deep-sea-green);font-size:1.8rem;letter-spacing:-.05em;line-height:1;margin:0}.warmhello-story-phone-copy{color:#617078;font-size:.88rem;line-height:1.5;margin:0 0 .5rem}.warmhello-story-phone-screen button{background:#fff;border:1px solid var(--wh-border);color:var(--wh-deep-sea-green);font:inherit;font-size:.82rem;padding:.75rem;text-align:left}.warmhello-story-phone-screen button.is-selected{background:var(--wh-soft-blush);border-color:var(--wh-persimmon)}.warmhello-story-reply-sent{align-self:end;background:var(--wh-deep-sea-green);color:#fff;font-size:.83rem;line-height:1.4;margin-top:auto;padding:.9rem}.warmhello-story-signal{background:#fff;box-shadow:0 22px 50px rgba(15,90,89,.15);display:grid;gap:1rem;padding:clamp(1.6rem,3vw,2.5rem);width:min(100%,430px)}.warmhello-story-signal h3{color:var(--wh-deep-sea-green);font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.055em;line-height:1;margin:0}.warmhello-story-signal p{color:#617078;margin:0}.warmhello-story-signal hr{border:0;border-top:1px solid var(--wh-border);margin:.2rem 0}.warmhello-story-signal strong{color:var(--wh-persimmon);font-size:1.05rem;line-height:1.4}.warmhello-story-signal a{color:var(--wh-deep-sea-green);font-size:.78rem;font-weight:800;letter-spacing:.05em;margin-top:.3rem;text-transform:uppercase}.warmhello-story-lead{background:var(--wh-soft-blush);gap:clamp(2rem,7vw,7rem);grid-template-columns:minmax(0,1.15fr) minmax(230px,.55fr)}.warmhello-story-final-copy .tf-btn{align-items:center;display:inline-flex;gap:.65rem;margin-top:1.5rem}.warmhello-story-timeline{border-left:1px solid rgba(15,90,89,.35);display:grid;gap:.62rem;list-style:none;margin:0;padding:0 0 0 1.7rem}.warmhello-story-timeline li{color:var(--wh-deep-sea-green);font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:700;position:relative}.warmhello-story-timeline li:before{background:var(--wh-persimmon);border-radius:50%;content:"";height:9px;left:-1.98rem;position:absolute;top:.43em;width:9px}.warmhello-story-timeline li:last-child{color:var(--wh-persimmon)}@media(max-width:767.98px),(prefers-reduced-motion:reduce){.warmhello-story{height:auto;min-height:0}.warmhello-story-scene{display:grid;min-height:72vh;opacity:1!important;padding:4rem 1.25rem;position:relative;transform:none!important;visibility:visible!important}.warmhello-story-gift,.warmhello-story-qr-focus,.warmhello-story-response,.warmhello-story-sender,.warmhello-story-lead{grid-template-columns:1fr}.warmhello-story-copy-side{order:0}.warmhello-story-gift-card,.warmhello-story-phone,.warmhello-story-signal{justify-self:center}.warmhello-story-qr{transform:none!important}.warmhello-story-card-copy{filter:none!important;opacity:1!important}.warmhello-story-lead{min-height:0}.warmhello-story-final-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.warmhello-story-timeline{margin-top:1rem}}

/* Cinematic homepage story: four art-directed chapters on one continuous stage. */
.warmhello-cinematic-home {
    background: var(--wh-warm-cream);
    overflow: clip;
}

.warmhello-cinema {
    background: var(--wh-warm-cream);
    color: var(--wh-graphite);
    isolation: isolate;
    position: relative;
}

.warmhello-cinema-scene {
    align-items: center;
    display: grid;
    gap: clamp(2.5rem, 7vw, 8rem);
    min-height: min(900px, calc(100svh - 92px));
    overflow: hidden;
    padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
    position: relative;
}

.warmhello-cinema-copy {
    max-width: 720px;
    position: relative;
    z-index: 5;
}

.warmhello-cinema-copy .eyebrow {
    color: var(--wh-persimmon) !important;
    font-size: .68rem;
    letter-spacing: .13em;
    margin: 0 0 1.15rem;
    text-transform: uppercase;
}

.warmhello-cinema-copy h1,
.warmhello-cinema-copy h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.4rem, 6.7vw, 7.8rem);
    letter-spacing: -.085em;
    line-height: .87;
    margin: 0;
}

.warmhello-cinema-copy h1 em,
.warmhello-cinema-copy h2 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.warmhello-cinema-copy > p:not(.eyebrow) {
    color: var(--wh-graphite);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.58;
    margin: 1.6rem 0 0;
    max-width: 520px;
}

.warmhello-cinema-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3rem;
    margin-top: 2rem;
}

.warmhello-cinema-actions .tf-btn,
.warmhello-cinema-final-copy .tf-btn {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    gap: .65rem;
    min-height: 54px;
}

.warmhello-cinema-text-link {
    border-bottom: 1px solid currentColor;
    color: var(--wh-deep-sea-green);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .06em;
    padding-bottom: .22rem;
    text-decoration: none;
    text-transform: uppercase;
}

.warmhello-cinema-progress {
    align-items: center;
    bottom: 1.45rem;
    color: var(--wh-deep-sea-green);
    display: none;
    gap: .85rem;
    left: clamp(1.25rem, 4vw, 4.5rem);
    position: absolute;
    right: clamp(1.25rem, 4vw, 4.5rem);
    z-index: 20;
}

.warmhello-cinema-progress-label,
.warmhello-cinema-progress-count {
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.warmhello-cinema-progress-count {
    min-width: 44px;
    text-align: right;
}

.warmhello-cinema-progress-track {
    background: rgba(15, 90, 89, .2);
    flex: 1;
    height: 1px;
    overflow: hidden;
}

.warmhello-cinema-progress-track i {
    background: var(--wh-persimmon);
    display: block;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%;
}

.warmhello-cinema-orbit {
    border: 1px solid rgba(15, 90, 89, .13);
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.warmhello-cinema-orbit-one {
    height: 44vw;
    right: -18vw;
    top: -21vw;
    width: 44vw;
}

.warmhello-cinema-orbit-two {
    bottom: -27vw;
    height: 58vw;
    left: -31vw;
    width: 58vw;
}

.warmhello-cinema-ignored {
    background:
        radial-gradient(circle at 86% 9%, rgba(255, 215, 200, .72) 0 11%, transparent 11.2%),
        var(--wh-warm-cream);
    grid-template-columns: minmax(0, .95fr) minmax(360px, .78fr);
}

.warmhello-cinema-inbox {
    height: min(590px, 68vh);
    position: relative;
    width: min(100%, 580px);
}

.warmhello-cinema-message {
    background: var(--wh-white);
    border: 1px solid rgba(15, 90, 89, .13);
    box-shadow: 0 25px 65px rgba(15, 90, 89, .11);
    display: grid;
    gap: .45rem;
    padding: 1.2rem 1.3rem;
    position: absolute;
    width: min(86%, 410px);
}

.warmhello-cinema-message small,
.warmhello-cinema-message span {
    color: #728082;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.warmhello-cinema-message strong {
    color: var(--wh-deep-sea-green);
    font-size: clamp(1rem, 1.4vw, 1.26rem);
}

.warmhello-cinema-message-one {
    right: 3%;
    top: 7%;
    transform: rotate(2deg);
}

.warmhello-cinema-message-two {
    left: 0;
    top: 39%;
    transform: rotate(-3deg);
}

.warmhello-cinema-message-three {
    bottom: 6%;
    right: 8%;
    transform: rotate(1.5deg);
}

.warmhello-cinema-inbox-word {
    color: rgba(15, 90, 89, .055);
    font-family: Georgia, serif;
    font-size: clamp(5rem, 12vw, 12rem);
    font-style: italic;
    line-height: 1;
    margin: 0;
    position: absolute;
    right: -7%;
    top: 26%;
    transform: rotate(-90deg);
}

.warmhello-cinema-scroll-cue {
    align-items: center;
    bottom: 2.8rem;
    color: var(--wh-deep-sea-green);
    display: flex;
    font-size: .62rem;
    font-weight: 800;
    gap: .7rem;
    left: clamp(1.25rem, 7vw, 8rem);
    letter-spacing: .09em;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
}

.warmhello-cinema-scroll-cue span {
    border: 1px solid var(--wh-persimmon);
    border-radius: 1rem;
    height: 28px;
    position: relative;
    width: 15px;
}

.warmhello-cinema-scroll-cue span::after {
    background: var(--wh-persimmon);
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 3px;
}

.warmhello-cinema-remembered {
    background: var(--wh-soft-blush);
    grid-template-columns: minmax(420px, 1.05fr) minmax(360px, .8fr);
}

.warmhello-cinema-art {
    align-items: center;
    display: grid;
    height: min(760px, 82vh);
    justify-items: center;
    min-height: 560px;
    position: relative;
}

.warmhello-cinema-still-life {
    box-shadow: 0 35px 80px rgba(15, 90, 89, .2);
    height: min(76vh, 720px);
    margin: 0;
    overflow: hidden;
    position: relative;
    transform-origin: center;
    width: min(71%, 460px);
    z-index: 2;
}

.warmhello-cinema-still-life img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.warmhello-cinema-gift-note {
    left: 1%;
    position: absolute;
    top: 23%;
    width: min(48%, 330px);
    z-index: 4;
}

.warmhello-cinema-gift-note .gift-card-preview-card {
    border-width: 2px;
    box-shadow: 12px 12px 0 var(--wh-honey), 0 24px 60px rgba(15, 90, 89, .16);
    min-height: 310px;
    padding: clamp(1.35rem, 2.2vw, 1.8rem) clamp(1.25rem, 2vw, 1.65rem) 7.4rem;
}

.warmhello-cinema-card-from {
    color: var(--wh-persimmon);
    display: block;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .1em;
    margin-bottom: .6rem;
    text-transform: uppercase;
}

.warmhello-cinema-gift-note .gift-card-preview-theme {
    font-size: clamp(1.55rem, 2.5vw, 2.35rem);
    margin-bottom: 0;
}

.warmhello-cinema-gift-note .gift-card-preview-message {
    font-size: .9rem;
    max-width: 100%;
}

.warmhello-cinema-shape {
    display: block;
    position: absolute;
}

.warmhello-cinema-shape-honey {
    background: var(--wh-honey);
    border-radius: 50% 50% 12% 50%;
    height: 36%;
    left: 4%;
    top: 5%;
    transform: rotate(-10deg);
    width: 40%;
}

.warmhello-cinema-shape-persimmon {
    background: var(--wh-persimmon);
    border-radius: 48% 12% 48% 48%;
    bottom: 3%;
    height: 31%;
    right: 2%;
    transform: rotate(16deg);
    width: 35%;
}

.warmhello-cinema-replied {
    background: var(--wh-deep-sea-green);
    grid-template-columns: minmax(430px, 1fr) minmax(360px, .8fr);
}

.warmhello-cinema-replied .warmhello-cinema-copy {
    order: 2;
}

.warmhello-cinema-replied .eyebrow {
    color: var(--wh-honey) !important;
}

.warmhello-cinema-replied .warmhello-cinema-copy h2 {
    color: var(--wh-white);
}

.warmhello-cinema-replied .warmhello-cinema-copy h2 em {
    color: var(--wh-soft-blush);
}

.warmhello-cinema-replied .warmhello-cinema-copy > p:not(.eyebrow) {
    color: rgba(255, 255, 255, .82);
}

.warmhello-cinema-portal {
    align-items: center;
    display: flex;
    height: min(760px, 82vh);
    justify-content: center;
    min-height: 560px;
    position: relative;
}

.warmhello-cinema-portal::before {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    content: "";
    height: min(46vw, 580px);
    position: absolute;
    width: min(46vw, 580px);
}

.warmhello-cinema-qr-card {
    background: var(--wh-white);
    border: 1px solid rgba(15, 90, 89, .2);
    box-shadow: 0 28px 65px rgba(0, 0, 0, .18);
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    position: absolute;
    transform-origin: center;
    width: min(64%, 370px);
    z-index: 2;
}

.warmhello-cinema-qr-card-head {
    align-items: center;
    border-bottom: 1px solid var(--wh-border);
    display: flex;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.warmhello-cinema-qr-card-head img {
    height: auto;
    width: 94px;
}

.warmhello-cinema-qr-card-head span {
    color: var(--wh-persimmon);
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.warmhello-cinema-qr-card-body {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 116px 1fr;
}

.warmhello-cinema-qr-card-body > div {
    display: grid;
    gap: .45rem;
}

.warmhello-cinema-qr-card-body small {
    color: var(--wh-persimmon);
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.warmhello-cinema-qr-card strong {
    color: var(--wh-deep-sea-green);
    font-family: Georgia, serif;
    font-size: 1.2rem;
    line-height: 1.05;
}

.warmhello-cinema-qr-card-body span {
    color: var(--wh-graphite);
    font-size: .66rem;
    line-height: 1.4;
}

.warmhello-cinema-qr-card > p {
    color: #617078;
    font-size: .52rem;
    margin: 0;
    text-align: right;
}

.warmhello-cinema-qr {
    background: var(--wh-white);
    border: 6px solid var(--wh-white);
    box-shadow: 0 0 0 1px rgba(15, 90, 89, .2);
    display: block;
    height: 116px;
    image-rendering: pixelated;
    width: 116px;
}

.warmhello-cinema-phone {
    background: var(--wh-graphite);
    border: 8px solid var(--wh-graphite);
    border-radius: 38px;
    box-shadow: 0 35px 85px rgba(0, 0, 0, .28);
    padding: 7px;
    position: relative;
    transform-origin: center;
    width: min(60%, 340px);
    z-index: 3;
}

.warmhello-cinema-phone-speaker {
    background: var(--wh-graphite);
    border-radius: 0 0 12px 12px;
    height: 17px;
    left: calc(50% - 46px);
    position: absolute;
    top: 4px;
    width: 92px;
    z-index: 3;
}

.warmhello-cinema-phone-screen {
    background: var(--wh-warm-cream);
    border-radius: 25px;
    display: grid;
    gap: .62rem;
    min-height: 490px;
    padding: 2rem 1.15rem 1.15rem;
}

.warmhello-cinema-phone-brand img {
    height: auto;
    object-fit: contain;
    width: 132px;
}

.warmhello-cinema-phone-screen .eyebrow {
    color: var(--wh-persimmon) !important;
    font-size: .58rem;
    margin: .5rem 0 0;
}

.warmhello-cinema-phone-screen h3 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    letter-spacing: -.05em;
    line-height: 1;
    margin: 0 0 .45rem;
}

.warmhello-cinema-phone-screen button {
    background: var(--wh-white);
    border: 1px solid rgba(15, 90, 89, .17);
    color: var(--wh-deep-sea-green);
    font: inherit;
    font-size: .77rem;
    padding: .7rem .75rem;
    text-align: left;
}

.warmhello-cinema-phone-screen button.is-selected {
    background: var(--wh-soft-blush);
    border-color: var(--wh-persimmon);
}

.warmhello-cinema-reply {
    align-self: end;
    background: var(--wh-deep-sea-green);
    color: var(--wh-white);
    display: grid;
    font-size: .78rem;
    gap: .35rem;
    line-height: 1.4;
    margin-top: auto;
    padding: .8rem;
}

.warmhello-cinema-reply span {
    color: var(--wh-honey);
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.warmhello-cinema-relationship {
    background:
        radial-gradient(circle at 8% 14%, rgba(240, 182, 63, .78) 0 8%, transparent 8.2%),
        var(--wh-soft-blush);
    grid-template-columns: minmax(430px, 1.05fr) minmax(380px, .75fr);
}

.warmhello-cinema-final-copy h2 {
    font-size: clamp(3rem, 5.6vw, 6.5rem);
}

.warmhello-cinema-final-copy .tf-btn {
    margin-top: 2rem;
}

.warmhello-cinema-outcome {
    display: grid;
    gap: 1rem;
    position: relative;
    width: min(100%, 530px);
    z-index: 4;
}

.warmhello-cinema-signal,
.warmhello-cinema-next-step {
    background: var(--wh-white);
    box-shadow: 0 24px 60px rgba(15, 90, 89, .13);
}

.warmhello-cinema-signal {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
    padding: 1.25rem;
}

.warmhello-cinema-signal-icon {
    align-items: center;
    background: var(--wh-persimmon);
    border-radius: 50%;
    color: var(--wh-white);
    display: flex;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.warmhello-cinema-signal div,
.warmhello-cinema-next-step {
    display: grid;
    gap: .3rem;
}

.warmhello-cinema-signal small,
.warmhello-cinema-next-step small {
    color: var(--wh-persimmon);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.warmhello-cinema-signal strong,
.warmhello-cinema-next-step strong {
    color: var(--wh-deep-sea-green);
    font-size: 1rem;
}

.warmhello-cinema-signal p {
    color: #6b777b;
    font-size: .72rem;
    margin: 0;
}

.warmhello-cinema-path {
    background: rgba(255, 248, 241, .68);
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: .55rem 1.25rem;
}

.warmhello-cinema-path li {
    align-items: center;
    border-bottom: 1px solid rgba(15, 90, 89, .14);
    display: grid;
    gap: 1rem;
    grid-template-columns: 32px 1fr;
    padding: .62rem 0;
}

.warmhello-cinema-path li:last-child {
    border-bottom: 0;
}

.warmhello-cinema-path span {
    color: var(--wh-persimmon);
    font-size: .6rem;
    font-weight: 800;
}

.warmhello-cinema-path strong {
    color: var(--wh-deep-sea-green);
    font-size: .86rem;
}

.warmhello-cinema-path li.is-active strong {
    color: var(--wh-persimmon);
}

.warmhello-cinema-path li.is-active::after {
    background: var(--wh-persimmon);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(242, 92, 61, .13);
    content: "";
    height: 7px;
    justify-self: end;
    width: 7px;
}

.warmhello-cinema-next-step {
    border-left: 5px solid var(--wh-honey);
    padding: 1rem 1.2rem;
}

.warmhello-cinema-next-step a {
    color: var(--wh-deep-sea-green);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    margin-top: .25rem;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .warmhello-cinema.is-ready {
        height: 100vh;
        min-height: 680px;
        overflow: hidden;
    }

    .warmhello-cinema.is-ready .warmhello-cinema-scene {
        inset: 0;
        min-height: 100%;
        position: absolute;
        width: 100%;
    }

    .warmhello-cinema.is-ready .warmhello-cinema-scene:not(:first-of-type) {
        opacity: 0;
        visibility: hidden;
    }

    .warmhello-cinema.is-ready .warmhello-cinema-progress {
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .warmhello-cinema-scene {
        gap: 2.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .warmhello-cinema-copy h1,
    .warmhello-cinema-copy h2 {
        font-size: clamp(3.1rem, 7.3vw, 5.5rem);
    }

    .warmhello-cinema-ignored,
    .warmhello-cinema-remembered,
    .warmhello-cinema-replied,
    .warmhello-cinema-relationship {
        grid-template-columns: minmax(320px, 1fr) minmax(300px, .8fr);
    }

    .warmhello-cinema-gift-note {
        left: -2%;
    }
}

@media (max-width: 767.98px) {
    .warmhello-cinema-progress,
    .warmhello-cinema-orbit,
    .warmhello-cinema-scroll-cue {
        display: none !important;
    }

    .warmhello-cinema-scene,
    .warmhello-cinema.is-ready .warmhello-cinema-scene {
        gap: 2.5rem;
        grid-template-columns: 1fr;
        min-height: 0;
        opacity: 1 !important;
        padding: 4.5rem 1.25rem;
        position: relative;
        transform: none !important;
        visibility: visible !important;
    }

    .warmhello-cinema-ignored {
        min-height: calc(100svh - 80px);
    }

    .warmhello-cinema-copy h1,
    .warmhello-cinema-copy h2,
    .warmhello-cinema-final-copy h2 {
        font-size: clamp(3.15rem, 14vw, 5rem);
    }

    .warmhello-cinema-inbox {
        height: 390px;
        width: 100%;
    }

    .warmhello-cinema-message {
        padding: .9rem 1rem;
        width: 84%;
    }

    .warmhello-cinema-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .warmhello-cinema-actions .tf-btn {
        justify-content: center;
        width: 100%;
    }

    .warmhello-cinema-text-link {
        align-self: center;
    }

    .warmhello-cinema-art,
    .warmhello-cinema-portal {
        height: 590px;
        min-height: 0;
        order: 2;
        width: 100%;
    }

    .warmhello-cinema-still-life {
        height: 530px;
        width: 78%;
    }

    .warmhello-cinema-gift-note {
        left: 0;
        top: 27%;
        width: 57%;
    }

    .warmhello-cinema-replied .warmhello-cinema-copy {
        order: 1;
    }

    .warmhello-cinema-replied .warmhello-cinema-portal {
        order: 2;
    }

    .warmhello-cinema-qr-card {
        left: 0;
        padding: .85rem;
        width: 53%;
    }

    .warmhello-cinema-qr {
        height: 90px;
        width: 90px;
    }

    .warmhello-cinema-qr-card-head img {
        width: 72px;
    }

    .warmhello-cinema-qr-card-body {
        gap: .65rem;
        grid-template-columns: 90px 1fr;
    }

    .warmhello-cinema-qr-card strong {
        font-size: 1rem;
    }

    .warmhello-cinema-phone {
        margin-left: auto;
        width: 66%;
    }

    .warmhello-cinema-phone-screen {
        min-height: 450px;
    }

    .warmhello-cinema-outcome {
        margin-top: .5rem;
    }
}

@media (max-width: 420px) {
    .warmhello-cinema-art,
    .warmhello-cinema-portal {
        height: 540px;
    }

    .warmhello-cinema-still-life {
        height: 480px;
        width: 82%;
    }

    .warmhello-cinema-gift-note {
        width: 62%;
    }

    .warmhello-cinema-gift-note .gift-card-preview-card {
        min-height: 265px;
        padding: 1rem 1rem 6.25rem;
    }

    .warmhello-cinema-gift-note .gift-card-preview-theme {
        font-size: 1.45rem;
    }

    .warmhello-cinema-gift-note .gift-card-preview-message {
        font-size: .76rem;
    }

    .warmhello-cinema-gift-note .gift-card-preview-card img {
        width: 110px;
    }

    .warmhello-cinema-qr-card {
        padding: 1.1rem;
    }

    .warmhello-cinema-qr-card-head span,
    .warmhello-cinema-qr-card-body span,
    .warmhello-cinema-qr-card > p {
        display: none;
    }

    .warmhello-cinema-qr-card-body {
        grid-template-columns: 80px 1fr;
    }

    .warmhello-cinema-qr {
        height: 80px;
        width: 80px;
    }

    .warmhello-cinema-phone {
        width: 70%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .warmhello-cinema,
    .warmhello-cinema.is-ready {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .warmhello-cinema-progress,
    .warmhello-cinema-scroll-cue {
        display: none !important;
    }

    .warmhello-cinema.is-ready .warmhello-cinema-scene {
        min-height: 75vh;
        opacity: 1 !important;
        position: relative;
        transform: none !important;
        visibility: visible !important;
    }

    .warmhello-cinema-portal {
        justify-content: flex-end;
    }

    .warmhello-cinema-qr-card {
        left: 0;
        transform: rotate(-5deg) scale(.74) !important;
        transform-origin: left center;
    }

    .warmhello-cinema-phone {
        margin-left: auto;
    }
}

/* Button contrast hardening: keep Modave's animated fill without losing label/icon contrast. */
.tf-btn:not(.btn-reset)::after {
    background-color: var(--wh-deep-sea-green) !important;
}

.tf-btn:not(.btn-reset):focus-visible::after {
    transform: skewY(9.3deg) scaleY(2);
}

.tf-btn:hover,
.tf-btn:focus-visible,
.tf-btn:active,
.tf-btn:hover .text,
.tf-btn:focus-visible .text,
.tf-btn:active .text,
.tf-btn:hover i,
.tf-btn:focus-visible i,
.tf-btn:active i,
.wh-btn-primary:hover,
.wh-btn-primary:focus-visible,
.wh-btn-primary:active,
.wh-btn-primary:hover *,
.wh-btn-primary:focus-visible *,
.wh-btn-primary:active *,
.btn-main-product:hover,
.btn-main-product:focus-visible,
.btn-main-product:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus-visible,
.btn.btn-primary:active,
.btn.btn-primary:hover *,
.btn.btn-primary:focus-visible *,
.btn.btn-primary:active * {
    color: var(--wh-white) !important;
}

.wh-btn-secondary:hover,
.wh-btn-secondary:focus-visible,
.wh-btn-secondary:active,
.wh-btn-secondary:hover *,
.wh-btn-secondary:focus-visible *,
.wh-btn-secondary:active *,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus-visible,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover *,
.btn.btn-outline-primary:focus-visible *,
.btn.btn-outline-primary:active * {
    background-color: var(--wh-deep-sea-green) !important;
    border-color: var(--wh-deep-sea-green) !important;
    color: var(--wh-white) !important;
}

.warmhello-story-banner .tf-btn:not(.btn-reset)::after,
.warmhello-how-cta .tf-btn:not(.btn-reset)::after {
    background-color: var(--wh-honey) !important;
}

.warmhello-story-banner .tf-btn:hover,
.warmhello-story-banner .tf-btn:focus-visible,
.warmhello-story-banner .tf-btn:hover .text,
.warmhello-story-banner .tf-btn:focus-visible .text,
.warmhello-story-banner .tf-btn:hover i,
.warmhello-story-banner .tf-btn:focus-visible i,
.warmhello-how-cta .tf-btn:hover,
.warmhello-how-cta .tf-btn:focus-visible,
.warmhello-how-cta .tf-btn:hover .text,
.warmhello-how-cta .tf-btn:focus-visible .text,
.warmhello-how-cta .tf-btn:hover i,
.warmhello-how-cta .tf-btn:focus-visible i {
    color: var(--wh-deep-sea-green) !important;
}

.pricing-plan-growth .tf-btn:not(.btn-reset)::after {
    background-color: var(--wh-white) !important;
}

.pricing-plan-growth .tf-btn:hover,
.pricing-plan-growth .tf-btn:focus-visible,
.pricing-plan-growth .tf-btn:hover .text,
.pricing-plan-growth .tf-btn:focus-visible .text,
.pricing-plan-growth .tf-btn:hover i,
.pricing-plan-growth .tf-btn:focus-visible i {
    background-color: var(--wh-white) !important;
    border-color: var(--wh-white) !important;
    color: var(--wh-deep-sea-green) !important;
}

/* Shared inner-page system derived from the cinematic homepage. */
.wh-page {
    background: var(--wh-warm-cream);
    color: var(--wh-graphite);
}

.wh-page-hero {
    margin: 0 auto;
    max-width: 1440px;
    min-height: 560px;
    padding: clamp(4.5rem, 9vw, 9rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-page-hero-split {
    align-items: end;
    display: grid;
    gap: clamp(3rem, 9vw, 10rem);
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
}

.wh-page-hero h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.6rem, 7vw, 8rem);
    letter-spacing: -.085em;
    line-height: .87;
    margin: .8rem 0 0;
    max-width: 900px;
}

.wh-page-hero h1 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.wh-page-hero-note {
    border-top: 1px solid rgba(15, 90, 89, .25);
    color: var(--wh-graphite);
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    padding-top: 1.25rem;
}

.wh-page-hero-note > span,
.wh-page-hero-note > strong {
    color: var(--wh-deep-sea-green);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-page-hero-note > strong {
    color: var(--wh-persimmon);
}

.wh-page-hero-note > i {
    background: var(--wh-honey);
    height: 1px;
    margin-top: .55em;
    width: 20px;
}

.wh-page-hero-note > p {
    flex: 0 0 100%;
    font-size: 1.05rem;
    line-height: 1.6;
    margin: .5rem 0 0;
    max-width: 480px;
}

.wh-page-hero-note .text-link {
    margin-top: .6rem;
}

.wh-selection-note {
    background: var(--wh-soft-blush);
    color: var(--wh-deep-sea-green) !important;
    display: inline-block;
    font-size: .68rem !important;
    font-weight: 800;
    letter-spacing: .06em;
    padding: .65rem .8rem;
    text-transform: uppercase;
}

.wh-gift-guide {
    align-items: end;
    background: var(--wh-white);
    border-bottom: 1px solid var(--wh-border);
    border-top: 1px solid var(--wh-border);
    display: grid;
    gap: clamp(2rem, 6vw, 7rem);
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(2.5rem, 5vw, 5rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-gift-guide h2,
.wh-gift-help h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2rem, 3.5vw, 4rem);
    letter-spacing: -.06em;
    line-height: .95;
    margin: .65rem 0 0;
}

.wh-gift-guide ol {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
}

.wh-gift-guide li {
    background: var(--wh-warm-cream);
    display: grid;
    gap: .35rem;
    list-style: none;
    min-height: 165px;
    padding: 1.25rem;
}

.wh-gift-guide li span {
    color: var(--wh-persimmon);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.wh-gift-guide li strong {
    color: var(--wh-deep-sea-green);
}

.wh-gift-guide li p {
    color: #617078;
    font-size: .86rem;
    line-height: 1.5;
    margin: 0;
}

.wh-gift-help {
    align-items: end;
    background: var(--wh-soft-blush);
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(2.5rem, 5vw, 5rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-gift-help p:not(.eyebrow) {
    color: var(--wh-graphite);
    line-height: 1.6;
    margin: 1rem 0 0;
    max-width: 620px;
}

.wh-gift-help .tf-btn {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .wh-gift-guide {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .wh-gift-guide ol {
        grid-template-columns: 1fr;
    }

    .wh-gift-guide li {
        min-height: 0;
    }

    .wh-gift-help {
        align-items: flex-start;
        flex-direction: column;
    }
}

.wh-journey-list {
    background: var(--wh-white);
    border-top: 1px solid var(--wh-border);
    margin: 0 auto;
    max-width: 1440px;
}

.wh-journey-row {
    align-items: center;
    border-bottom: 1px solid var(--wh-border);
    display: grid;
    gap: clamp(1.5rem, 5vw, 5rem);
    grid-template-columns: 70px minmax(0, 1fr) minmax(150px, .28fr);
    min-height: 200px;
    padding: 2rem clamp(1.25rem, 7vw, 8rem);
    transition: background-color .25s ease;
}

.wh-journey-row:hover {
    background: var(--wh-soft-blush);
}

.wh-journey-number {
    color: var(--wh-persimmon);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.wh-journey-row h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2rem, 4vw, 4.5rem);
    letter-spacing: -.07em;
    line-height: .95;
    margin: 0 0 .7rem;
}

.wh-journey-row p {
    color: var(--wh-graphite);
    line-height: 1.55;
    margin: 0;
    max-width: 620px;
}

.wh-journey-row > strong {
    color: var(--wh-persimmon);
    font-size: .7rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.wh-demo-band {
    align-items: center;
    background: var(--wh-deep-sea-green);
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-demo-card {
    background: var(--wh-warm-cream);
    box-shadow: 14px 14px 0 var(--wh-soft-blush);
    min-height: 220px;
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.wh-demo-card .eyebrow {
    color: var(--wh-persimmon) !important;
}

.wh-demo-card h3 {
    color: var(--wh-deep-sea-green);
    font-family: Georgia, serif;
    font-size: clamp(1.6rem, 3vw, 3rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: 1.05;
    margin: 2rem 0 1.5rem;
}

.wh-demo-card > span,
.wh-demo-card > strong {
    color: var(--wh-graphite);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-demo-card-signal {
    box-shadow: 14px 14px 0 var(--wh-honey);
}

.wh-demo-card-signal > strong {
    color: var(--wh-persimmon);
}

.wh-demo-arrow {
    color: var(--wh-honey);
    font-size: 2rem;
}

.wh-action-banner {
    align-items: center;
    background: var(--wh-honey);
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-action-banner h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.8rem, 5vw, 6rem);
    letter-spacing: -.075em;
    line-height: .9;
    margin: .7rem 0 0;
}

.wh-action-banner .tf-btn {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    flex: 0 0 auto;
    gap: .65rem;
    min-height: 56px;
}

.wh-purpose-filter {
    border-bottom: 1px solid var(--wh-border);
    border-top: 1px solid var(--wh-border);
    display: flex;
    gap: 0;
    margin: 0 auto;
    max-width: 1440px;
    overflow-x: auto;
    padding: 0 clamp(1.25rem, 7vw, 8rem);
    scrollbar-width: thin;
}

.wh-purpose-filter a {
    border-left: 1px solid var(--wh-border);
    color: var(--wh-deep-sea-green);
    flex: 0 0 auto;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    padding: 1rem 1.2rem;
    text-decoration: none;
    text-transform: uppercase;
}

.wh-purpose-filter a:last-child {
    border-right: 1px solid var(--wh-border);
}

.wh-purpose-filter a:hover,
.wh-purpose-filter a.is-active {
    background: var(--wh-deep-sea-green);
    color: var(--wh-white);
}

.wh-product-grid {
    display: grid;
    gap: clamp(2rem, 4vw, 4rem) 1.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 7vw, 7rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-product-card {
    min-width: 0;
}

.wh-product-card-media {
    background: var(--wh-soft-blush);
    color: var(--wh-deep-sea-green);
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.wh-product-card-media > .gift-photo {
    aspect-ratio: 4 / 5;
    display: block;
    height: auto;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .75, .25, 1);
    width: 100%;
}

.wh-product-card-media:hover > .gift-photo {
    transform: scale(1.045);
}

.wh-product-card-media > span:first-child:not(.wh-product-partner) {
    align-items: center;
    aspect-ratio: 4 / 5;
    display: flex;
    justify-content: center;
}

.wh-product-partner {
    background: rgba(255, 248, 241, .94);
    color: var(--wh-deep-sea-green);
    font-size: .62rem;
    font-weight: 800;
    left: 0;
    letter-spacing: .07em;
    padding: .65rem .75rem;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.wh-product-card-action {
    background: var(--wh-deep-sea-green);
    bottom: 0;
    color: var(--wh-white);
    display: flex;
    font-size: .69rem;
    font-weight: 800;
    justify-content: space-between;
    left: 0;
    letter-spacing: .06em;
    padding: .9rem 1rem;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transform: translateY(100%);
    transition: transform .28s ease;
}

.wh-product-card-media:hover .wh-product-card-action,
.wh-product-card-media:focus-visible .wh-product-card-action {
    transform: translateY(0);
}

.wh-product-card-body {
    display: grid;
    gap: .85rem;
    padding: 1.25rem 0 0;
}

.wh-product-card-body .eyebrow {
    margin: 0 0 .3rem;
}

.wh-product-title {
    color: var(--wh-deep-sea-green);
    display: block;
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.05;
    text-decoration: none;
}

.wh-product-title:hover {
    color: var(--wh-persimmon);
}

.wh-product-price {
    align-items: baseline;
    display: flex;
    gap: .45rem;
}

.wh-product-price span,
.wh-product-lead-time {
    color: #69767a;
    font-size: .7rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.wh-product-price strong {
    color: var(--wh-persimmon);
    font-size: 1.05rem;
}

.wh-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.wh-product-tags span {
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    color: var(--wh-graphite);
    font-size: .65rem;
    padding: .35rem .5rem;
}

.wh-product-choose {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    gap: .55rem;
    justify-content: center;
    margin-top: .35rem;
}

.wh-empty-state {
    margin: 4rem auto;
    max-width: 720px;
    padding: 3rem;
}

.wh-catalogue-signal {
    align-items: start;
    background: var(--wh-deep-sea-green);
    display: grid;
    gap: clamp(3rem, 9vw, 10rem);
    grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-catalogue-signal .eyebrow {
    color: var(--wh-honey) !important;
}

.wh-catalogue-signal h2 {
    color: var(--wh-white);
    font-size: clamp(2.8rem, 5vw, 6rem);
    letter-spacing: -.075em;
    line-height: .9;
    margin: .7rem 0 0;
}

.wh-catalogue-signal ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wh-catalogue-signal li {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: var(--wh-white);
    display: grid;
    font-weight: 700;
    gap: 1rem;
    grid-template-columns: 34px 1fr;
    padding: .95rem 0;
}

.wh-catalogue-signal li span {
    color: var(--wh-honey);
    font-size: .62rem;
}

.wh-product-detail {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, .88fr);
    min-height: calc(100svh - 118px);
}

.wh-product-detail-media {
    background: var(--wh-soft-blush);
    min-height: 680px;
    overflow: hidden;
    position: relative;
}

.wh-product-detail-media img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.wh-product-detail-partner {
    background: var(--wh-warm-cream);
    bottom: 1.5rem;
    color: var(--wh-deep-sea-green);
    font-size: .65rem;
    font-weight: 800;
    left: 1.5rem;
    letter-spacing: .07em;
    padding: .75rem .9rem;
    position: absolute;
    text-transform: uppercase;
}

.wh-product-detail-copy {
    align-content: center;
    background: var(--wh-warm-cream);
    display: grid;
    padding: clamp(3rem, 7vw, 7rem);
}

.wh-product-detail-copy h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.2rem, 5.5vw, 6.5rem);
    letter-spacing: -.08em;
    line-height: .88;
    margin: .6rem 0 1rem;
}

.wh-product-detail-price {
    color: var(--wh-graphite);
    margin-bottom: 1rem;
}

.wh-product-detail-price strong {
    color: var(--wh-persimmon);
    font-size: 1.3rem;
}

.wh-product-description {
    font-size: 1.03rem;
    line-height: 1.65;
    margin: 1.25rem 0;
    max-width: 560px;
}

.wh-product-detail-copy > .tf-btn {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    gap: .6rem;
    justify-self: start;
    margin: 1.7rem 0;
}

.wh-product-facts {
    border-top: 1px solid var(--wh-border);
    display: grid;
    gap: 0;
    margin: 1rem 0 0;
}

.wh-product-facts > div {
    border-bottom: 1px solid var(--wh-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: 120px 1fr;
    padding: .8rem 0;
}

.wh-product-facts dt {
    color: var(--wh-persimmon);
    font-size: .65rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.wh-product-facts dd {
    color: var(--wh-graphite);
    font-size: .82rem;
    margin: 0;
}

.wh-product-journey {
    background: var(--wh-soft-blush);
    display: grid;
    gap: clamp(3rem, 8vw, 9rem);
    grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-product-journey h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.8rem, 5vw, 5.5rem);
    letter-spacing: -.075em;
    line-height: .92;
}

.wh-product-journey ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wh-product-journey li {
    border-bottom: 1px solid rgba(15, 90, 89, .2);
    display: grid;
    gap: .25rem 1rem;
    grid-template-columns: 34px 1fr;
    padding: .85rem 0;
}

.wh-product-journey li span {
    color: var(--wh-persimmon);
    font-size: .62rem;
    grid-row: 1 / 3;
}

.wh-product-journey li strong {
    color: var(--wh-deep-sea-green);
}

.wh-product-journey li p {
    color: var(--wh-graphite);
    font-size: .8rem;
    margin: 0;
}

.wh-feature-chapters {
    background: var(--wh-white);
    display: grid;
    gap: clamp(3rem, 7vw, 8rem);
    grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-feature-chapter-heading h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.6rem, 4.5vw, 5rem);
    letter-spacing: -.07em;
    line-height: .92;
    margin: .7rem 0 1rem;
}

.wh-feature-chapter-heading > p:not(.eyebrow) {
    line-height: 1.6;
}

.wh-feature-grid {
    background: var(--wh-border);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wh-feature-grid article {
    background: var(--wh-warm-cream);
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 1.5rem;
}

.wh-feature-grid article > span {
    color: var(--wh-persimmon);
    font-size: .66rem;
    font-weight: 800;
}

.wh-feature-grid h3 {
    color: var(--wh-deep-sea-green);
    font-size: 1.45rem;
    letter-spacing: -.045em;
    margin: auto 0 .75rem;
}

.wh-feature-grid p {
    color: var(--wh-graphite);
    font-size: .88rem;
    line-height: 1.55;
    margin: 0;
}

.wh-feature-grid article > strong {
    color: var(--wh-persimmon);
    font-size: .61rem;
    letter-spacing: .08em;
    margin-top: 1.5rem;
    text-transform: uppercase;
}

.wh-feature-chapters-planned {
    background: var(--wh-soft-blush);
}

.wh-feature-chapters-planned .wh-feature-grid {
    background: rgba(15, 90, 89, .18);
}

.wh-feature-chapters-planned .wh-feature-grid article {
    background: var(--wh-soft-blush);
}

@media (max-width: 991.98px) {
    .wh-page-hero-split,
    .wh-catalogue-signal,
    .wh-product-journey,
    .wh-feature-chapters {
        grid-template-columns: 1fr;
    }

    .wh-page-hero {
        min-height: 0;
    }

    .wh-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wh-product-detail {
        grid-template-columns: 1fr;
    }

    .wh-product-detail-media {
        min-height: 540px;
    }
}

@media (max-width: 767.98px) {
    .wh-page-hero {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .wh-page-hero h1 {
        font-size: clamp(3.2rem, 14vw, 5rem);
    }

    .wh-journey-row {
        align-items: start;
        gap: 1rem;
        grid-template-columns: 38px 1fr;
        min-height: 0;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

    .wh-journey-row > strong {
        grid-column: 2;
    }

    .wh-demo-band {
        grid-template-columns: 1fr;
    }

    .wh-demo-arrow {
        transform: rotate(90deg);
    }

    .wh-action-banner {
        align-items: stretch;
        flex-direction: column;
    }

    .wh-action-banner .tf-btn {
        justify-content: center;
        width: 100%;
    }

    .wh-product-grid,
    .wh-feature-grid {
        grid-template-columns: 1fr;
    }

    .wh-product-detail-media {
        min-height: 420px;
    }

    .wh-product-detail-copy {
        padding: 3.5rem 1.25rem;
    }

    .wh-product-detail-copy h1 {
        font-size: clamp(3.1rem, 14vw, 5rem);
    }

    .wh-feature-grid article {
        min-height: 260px;
    }
}

/* Transaction, recipient, and relationship workspaces mirror the homepage story. */
.wh-transaction-page {
    background: var(--wh-warm-cream);
    min-height: 70vh;
    padding-bottom: clamp(4rem, 8vw, 8rem);
}

.wh-transaction-header {
    align-items: end;
    display: grid;
    gap: clamp(3rem, 8vw, 9rem);
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem) 3rem;
}

.wh-transaction-header h1,
.wh-tracking-hero h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.2rem, 6vw, 7rem);
    letter-spacing: -.08em;
    line-height: .9;
    margin: .7rem 0 1rem;
}

.wh-transaction-header > div > p:not(.eyebrow),
.wh-tracking-hero > div > p:not(.eyebrow) {
    color: var(--wh-graphite);
    margin: 0;
}

.wh-checkout-progress {
    border-top: 1px solid rgba(15, 90, 89, .24);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
}

.wh-checkout-progress li {
    color: #788487;
    display: grid;
    font-size: .64rem;
    font-weight: 800;
    gap: .35rem;
    padding: .85rem .35rem 0 0;
    text-transform: uppercase;
}

.wh-checkout-progress span {
    color: inherit;
    font-size: .57rem;
}

.wh-checkout-progress li.is-active {
    color: var(--wh-persimmon);
}

.wh-checkout-progress li.is-active::before {
    background: var(--wh-persimmon);
    content: "";
    height: 4px;
    margin-top: calc(-.85rem - 2px);
    width: 100%;
}

.wh-checkout-form {
    color-scheme: light;
    display: grid;
    gap: 1px;
    margin: 0 auto;
    max-width: 1440px;
}

.wh-checkout-form .form-label {
    color: var(--wh-deep-sea-green) !important;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .035em;
    margin-bottom: .55rem;
}

.wh-checkout-form .form-control,
.wh-checkout-form .form-select {
    background-color: var(--wh-warm-cream) !important;
    border: 1px solid rgba(15, 90, 89, .3) !important;
    border-radius: 4px !important;
    color: var(--wh-graphite) !important;
    min-height: 54px;
    opacity: 1 !important;
    padding: .82rem 1rem;
    -webkit-text-fill-color: var(--wh-graphite) !important;
}

.wh-checkout-form textarea.form-control {
    line-height: 1.55;
    min-height: 118px;
    resize: vertical;
}

.wh-checkout-form .form-control::placeholder {
    color: rgba(38, 52, 59, .56) !important;
    opacity: 1;
    -webkit-text-fill-color: rgba(38, 52, 59, .56) !important;
}

.wh-checkout-form .form-select {
    appearance: auto !important;
    color-scheme: light;
}

.wh-checkout-form .form-select option {
    background: var(--wh-white) !important;
    color: var(--wh-graphite) !important;
}

.wh-checkout-form .form-control:hover,
.wh-checkout-form .form-select:hover {
    border-color: rgba(15, 90, 89, .62) !important;
}

.wh-checkout-form .form-control:focus,
.wh-checkout-form .form-select:focus {
    background-color: var(--wh-white) !important;
    border-color: var(--wh-persimmon) !important;
    box-shadow: 0 0 0 4px rgba(242, 92, 61, .14) !important;
    color: var(--wh-deep-sea-green) !important;
    outline: 0;
    -webkit-text-fill-color: var(--wh-deep-sea-green) !important;
}

.wh-checkout-form .is-invalid,
.wh-checkout-form .has-error .form-control,
.wh-checkout-form .has-error .form-select {
    background-color: rgba(255, 215, 200, .42) !important;
    border-color: var(--wh-persimmon) !important;
}

.wh-checkout-form .invalid-feedback,
.wh-checkout-form .help-block {
    color: #b43f28 !important;
    font-size: .75rem;
    font-weight: 700;
    margin-top: .4rem;
}

.wh-checkout-form input:-webkit-autofill,
.wh-checkout-form input:-webkit-autofill:hover,
.wh-checkout-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--wh-warm-cream) inset !important;
    -webkit-text-fill-color: var(--wh-graphite) !important;
}

.wh-checkout-form .gift-card-composer textarea.form-control {
    background-color: var(--wh-white) !important;
    border-color: rgba(15, 90, 89, .3) !important;
    color: var(--wh-graphite) !important;
    -webkit-text-fill-color: var(--wh-graphite) !important;
}

.wh-checkout-form .wh-checkout-section {
    background: var(--wh-white);
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: clamp(2rem, 5vw, 5rem);
}

.wh-checkout-form .gift-card-composer {
    background: var(--wh-soft-blush);
}

.wh-checkout-form .gift-card-composer-heading h2,
.wh-form-section-heading h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.2rem, 4vw, 4.4rem);
    letter-spacing: -.07em;
    line-height: .94;
    margin: .5rem 0 0;
}

.wh-checkout-form .gift-card-composer-heading > p,
.wh-form-section-heading p:not(.eyebrow) {
    color: var(--wh-graphite);
    line-height: 1.55;
    max-width: 470px;
}

.wh-form-section-heading {
    align-items: start;
    border-bottom: 1px solid var(--wh-border);
    display: grid;
    gap: 2rem;
    grid-template-columns: 54px 1fr;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.wh-form-section-heading > span {
    color: var(--wh-persimmon);
    font-size: .72rem;
    font-weight: 800;
}

.wh-form-section-heading .eyebrow {
    margin-bottom: 0;
}

.wh-card-qr-promise {
    align-items: center;
    background: var(--wh-deep-sea-green);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto 1fr;
    margin-top: 1rem;
    padding: 1rem;
}

.wh-mini-qr {
    background-color: var(--wh-white);
    background-image:
        linear-gradient(90deg, var(--wh-deep-sea-green) 18%, transparent 18% 36%, var(--wh-deep-sea-green) 36% 52%, transparent 52% 68%, var(--wh-deep-sea-green) 68%),
        linear-gradient(var(--wh-deep-sea-green) 18%, transparent 18% 36%, var(--wh-deep-sea-green) 36% 52%, transparent 52% 68%, var(--wh-deep-sea-green) 68%);
    border: 6px solid var(--wh-white);
    height: 58px;
    width: 58px;
}

.wh-card-qr-promise strong {
    color: var(--wh-white);
    display: block;
    font-size: .82rem;
}

.wh-card-qr-promise p {
    color: rgba(255, 255, 255, .74);
    font-size: .7rem;
    line-height: 1.4;
    margin: .2rem 0 0;
}

.wh-checkout-submit {
    background: var(--wh-deep-sea-green) !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 1.5rem clamp(1.5rem, 5vw, 4rem) !important;
}

.wh-checkout-submit > div {
    align-items: baseline;
    display: grid;
    gap: .15rem;
}

.wh-checkout-submit small {
    color: var(--wh-honey);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-checkout-submit strong {
    color: var(--wh-white) !important;
}

.wh-checkout-submit span {
    color: rgba(255, 255, 255, .72) !important;
}

.wh-review-layout {
    display: grid;
    gap: 1px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .7fr);
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 15px;
}

.wh-review-card {
    background: var(--wh-soft-blush);
    min-height: 580px;
    padding: clamp(2rem, 6vw, 5rem);
}

.wh-review-card h2 {
    color: var(--wh-deep-sea-green);
    font-family: Georgia, serif;
    font-size: clamp(2.8rem, 5vw, 5.3rem);
    font-weight: 400;
    letter-spacing: -.065em;
    line-height: .95;
    margin: 2rem 0;
}

.wh-review-card blockquote {
    border-left: 3px solid var(--wh-persimmon);
    color: var(--wh-graphite);
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0 0 3rem;
    max-width: 540px;
    padding-left: 1rem;
}

.wh-review-card dl {
    border-top: 1px solid rgba(15, 90, 89, .2);
    margin: 0;
}

.wh-review-card dl > div {
    border-bottom: 1px solid rgba(15, 90, 89, .2);
    display: grid;
    gap: 1rem;
    grid-template-columns: 80px 1fr;
    padding: .8rem 0;
}

.wh-review-card dt,
.wh-review-card dd {
    color: var(--wh-graphite);
    font-size: .78rem;
    margin: 0;
}

.wh-review-card dt {
    color: var(--wh-persimmon);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.wh-payment-summary {
    background: var(--wh-white);
    padding: clamp(2rem, 5vw, 4rem);
}

.wh-payment-total {
    align-items: baseline;
    border-bottom: 1px solid var(--wh-border);
    display: flex;
    justify-content: space-between;
    margin: 1.5rem 0;
    padding-bottom: 1rem;
}

.wh-payment-total span {
    color: var(--wh-graphite);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.wh-payment-total strong {
    color: var(--wh-persimmon);
    font-size: 2.6rem;
    letter-spacing: -.06em;
}

.wh-payment-summary ul {
    display: grid;
    gap: .7rem;
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
}

.wh-payment-summary li {
    color: var(--wh-graphite);
    font-size: .82rem;
    padding-left: 1.2rem;
    position: relative;
}

.wh-payment-summary li::before {
    color: var(--wh-persimmon);
    content: "+";
    left: 0;
    position: absolute;
}

.wh-payment-summary .wh-btn-primary {
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    width: 100%;
}

.wh-payment-note {
    color: var(--wh-graphite);
    font-size: .82rem;
    line-height: 1.55;
}

.wh-payment-state {
    background: var(--wh-warm-cream);
    display: grid;
    gap: .45rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.wh-payment-state > span {
    color: var(--wh-persimmon);
    font-size: 1.4rem;
}

.wh-payment-state strong {
    color: var(--wh-deep-sea-green);
}

.wh-payment-state p {
    color: var(--wh-graphite);
    font-size: .75rem;
    line-height: 1.45;
    margin: 0;
}

.wh-payment-state.is-complete {
    background: #e1f1e8;
}

.wh-success-state {
    align-items: center;
    background:
        radial-gradient(circle at 13% 18%, var(--wh-honey) 0 8%, transparent 8.2%),
        var(--wh-soft-blush);
    display: flex;
    flex-direction: column;
    min-height: min(850px, calc(100svh - 118px));
    padding: clamp(4rem, 9vw, 9rem) 1.25rem;
    text-align: center;
}

.wh-success-mark {
    align-items: center;
    background: var(--wh-persimmon);
    border-radius: 50%;
    color: var(--wh-white);
    display: inline-flex;
    font-size: 1.5rem;
    height: 58px;
    justify-content: center;
    margin-bottom: 1.5rem;
    width: 58px;
}

.wh-success-state h1,
.wh-recipient-thanks h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.4rem, 7vw, 7.5rem);
    letter-spacing: -.085em;
    line-height: .88;
    margin: .7rem 0 1.5rem;
    max-width: 850px;
}

.wh-success-state h1 em,
.wh-recipient-thanks h1 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.wh-success-state > p:not(.eyebrow),
.wh-recipient-thanks > p:not(.eyebrow) {
    line-height: 1.6;
    max-width: 560px;
}

.wh-success-state ol {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: center;
    list-style: none;
    margin: 2.2rem 0;
    padding: 0;
}

.wh-success-state li {
    background: rgba(255, 248, 241, .72);
    color: var(--wh-graphite);
    font-size: .65rem;
    font-weight: 800;
    padding: .65rem .8rem;
    text-transform: uppercase;
}

.wh-success-state li.is-complete {
    background: var(--wh-deep-sea-green);
    color: var(--wh-white);
}

.wh-success-state li.is-active {
    background: var(--wh-honey);
    color: var(--wh-deep-sea-green);
}

.wh-success-state .tf-btn {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    gap: .6rem;
}

.wh-tracking-hero {
    align-items: end;
    background: var(--wh-soft-blush);
    display: grid;
    gap: clamp(3rem, 9vw, 10rem);
    grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-tracking-status {
    background: var(--wh-white);
    border-left: 5px solid var(--wh-honey);
    box-shadow: 0 22px 55px rgba(15, 90, 89, .12);
    display: grid;
    gap: .45rem;
    padding: 1.4rem;
}

.wh-tracking-status small,
.wh-next-step-card small {
    color: var(--wh-persimmon);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-tracking-status strong {
    color: var(--wh-deep-sea-green);
    font-size: 1.5rem;
}

.wh-tracking-status span {
    color: var(--wh-graphite);
    font-size: .8rem;
}

.wh-tracking-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: minmax(0, 1fr) minmax(350px, .62fr);
    margin: 0 auto;
    max-width: 1440px;
}

.wh-tracking-main {
    background: var(--wh-white);
    padding: clamp(3rem, 7vw, 7rem);
}

.wh-section-heading h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.5rem, 4.5vw, 5rem);
    letter-spacing: -.07em;
    line-height: .93;
    margin: .7rem 0 2.5rem;
}

.wh-event-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wh-event-timeline li {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 32px 1fr;
    padding-bottom: 1.7rem;
    position: relative;
}

.wh-event-timeline li::before {
    background: rgba(15, 90, 89, .2);
    content: "";
    left: 15px;
    position: absolute;
    top: 32px;
    bottom: 0;
    width: 1px;
}

.wh-event-timeline li:last-child::before {
    display: none;
}

.wh-event-timeline li > span {
    align-items: center;
    background: var(--wh-persimmon);
    border-radius: 50%;
    color: var(--wh-white);
    display: flex;
    font-size: .7rem;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.wh-event-timeline strong {
    color: var(--wh-deep-sea-green);
}

.wh-event-timeline p {
    color: var(--wh-graphite);
    font-size: .82rem;
    line-height: 1.45;
    margin: .25rem 0;
}

.wh-event-timeline small {
    color: #7b878a;
    font-size: .65rem;
}

.wh-tracking-aside {
    background: var(--wh-warm-cream);
    padding: clamp(2rem, 5vw, 4rem);
}

.wh-recipient-link-card {
    background: var(--wh-deep-sea-green);
    padding: clamp(1.5rem, 4vw, 3rem);
}

.wh-recipient-link-card .eyebrow {
    color: var(--wh-honey) !important;
}

.wh-recipient-link-card h2 {
    color: var(--wh-white);
    font-size: clamp(2rem, 3.5vw, 3.6rem);
    letter-spacing: -.06em;
    line-height: .95;
    margin: .7rem 0 1rem;
}

.wh-recipient-link-card > p:not(.eyebrow) {
    color: rgba(255, 255, 255, .78);
    font-size: .84rem;
    line-height: 1.55;
}

.wh-recipient-link-card .recipient-qr-wrap {
    background: var(--wh-warm-cream);
    margin: 1.5rem 0;
    padding: 1rem;
}

.wh-recipient-link-card .recipient-qr-wrap img {
    display: block;
    height: auto;
    margin: auto;
    max-width: 220px;
    width: 100%;
}

.wh-recipient-link-card .recipient-qr-wrap span {
    color: var(--wh-deep-sea-green);
    display: block;
    font-size: .65rem;
    font-weight: 800;
    margin-top: .75rem;
    text-align: center;
    text-transform: uppercase;
}

.wh-recipient-link-card .wh-link {
    color: var(--wh-honey) !important;
}

.wh-recipient-link-card.is-pending {
    background: var(--wh-graphite);
}

.wh-next-step-card {
    background: var(--wh-white);
    border-left: 5px solid var(--wh-honey);
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
    padding: 1.25rem;
}

.wh-next-step-card strong {
    color: var(--wh-deep-sea-green);
    font-size: 1.1rem;
}

.wh-next-step-card p {
    color: var(--wh-graphite);
    font-size: .8rem;
    line-height: 1.45;
    margin: .35rem 0 0;
}

.wh-recipient-page {
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(420px, 1.1fr);
    min-height: calc(100svh - 118px);
}

.wh-recipient-gift {
    align-items: center;
    background: var(--wh-soft-blush);
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: clamp(3rem, 7vw, 7rem);
    position: relative;
}

.wh-recipient-gift-shape {
    background: var(--wh-honey);
    border-radius: 50% 50% 10% 50%;
    height: min(40vw, 520px);
    position: absolute;
    transform: rotate(-12deg);
    width: min(40vw, 520px);
}

.wh-recipient-note {
    background: var(--wh-warm-cream);
    box-shadow: 16px 16px 0 var(--wh-persimmon), 0 30px 70px rgba(15, 90, 89, .15);
    max-width: 450px;
    padding: clamp(2rem, 5vw, 4rem);
    position: relative;
    transform: rotate(-2deg);
    z-index: 2;
}

.wh-recipient-note > p,
.wh-recipient-note > small {
    color: var(--wh-persimmon);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-recipient-note h1 {
    color: var(--wh-deep-sea-green);
    font-family: Georgia, serif;
    font-size: clamp(2.4rem, 5vw, 5rem);
    font-weight: 400;
    letter-spacing: -.06em;
    line-height: .95;
    margin: 1.2rem 0;
}

.wh-recipient-note blockquote {
    border-bottom: 1px solid var(--wh-soft-blush);
    border-top: 1px solid var(--wh-soft-blush);
    color: var(--wh-graphite);
    line-height: 1.55;
    margin: 1.5rem 0;
    padding: 1.2rem 0;
}

.wh-recipient-reply {
    align-content: center;
    background: var(--wh-warm-cream);
    display: grid;
    padding: clamp(3rem, 8vw, 8rem);
}

.wh-recipient-logo {
    height: auto;
    margin-bottom: 2.2rem;
    max-width: 180px;
}

.wh-recipient-reply h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3rem, 5.5vw, 6rem);
    letter-spacing: -.08em;
    line-height: .88;
    margin: .7rem 0 1.2rem;
}

.wh-recipient-reply h2 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.wh-recipient-intro {
    line-height: 1.6;
    max-width: 540px;
}

.wh-recipient-form {
    color-scheme: light;
    margin-top: 2rem;
}

.wh-recipient-form textarea.form-control {
    appearance: none;
    background-color: var(--wh-warm-cream) !important;
    border: 1px solid rgba(15, 90, 89, .3) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    caret-color: var(--wh-persimmon);
    color: var(--wh-graphite) !important;
    line-height: 1.55;
    min-height: 132px;
    padding: .9rem 1rem;
    resize: vertical;
    -webkit-text-fill-color: var(--wh-graphite) !important;
}

.wh-recipient-form textarea.form-control::placeholder {
    color: rgba(38, 52, 59, .56) !important;
    opacity: 1;
    -webkit-text-fill-color: rgba(38, 52, 59, .56) !important;
}

.wh-recipient-form textarea.form-control:hover {
    border-color: rgba(15, 90, 89, .62) !important;
}

.wh-recipient-form textarea.form-control:focus {
    background-color: var(--wh-white) !important;
    border-color: var(--wh-persimmon) !important;
    box-shadow: 0 0 0 4px rgba(242, 92, 61, .14) !important;
    color: var(--wh-deep-sea-green) !important;
    outline: 0;
    -webkit-text-fill-color: var(--wh-deep-sea-green) !important;
}

.wh-recipient-form textarea.form-control:-webkit-autofill,
.wh-recipient-form textarea.form-control:-webkit-autofill:hover,
.wh-recipient-form textarea.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--wh-warm-cream) inset !important;
    -webkit-text-fill-color: var(--wh-graphite) !important;
}

.wh-recipient-form textarea.form-control::selection {
    background: var(--wh-soft-blush);
    color: var(--wh-deep-sea-green);
}

.wh-recipient-form .recipient-response-options {
    display: grid;
    gap: .65rem;
}

.wh-recipient-form .recipient-response-options > div {
    margin: 0;
}

.wh-recipient-form .recipient-response-options label {
    align-items: center;
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    color: var(--wh-deep-sea-green);
    cursor: pointer;
    display: flex;
    gap: .7rem;
    padding: .85rem 1rem;
    width: 100%;
}

.wh-recipient-form .recipient-response-options label:has(input:checked) {
    background: var(--wh-soft-blush);
    border-color: var(--wh-persimmon);
}

.wh-recipient-form .recipient-response-submit {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    gap: .6rem;
    margin-top: .5rem;
}

.wh-recipient-thanks-page {
    display: block;
}

.wh-recipient-thanks {
    align-items: center;
    background:
        radial-gradient(circle at 12% 16%, var(--wh-honey) 0 9%, transparent 9.2%),
        var(--wh-soft-blush);
    display: flex;
    flex-direction: column;
    min-height: calc(100svh - 118px);
    padding: clamp(4rem, 9vw, 9rem) 1.25rem;
    text-align: center;
}

.wh-recipient-thanks-signal {
    background: var(--wh-white);
    border-left: 5px solid var(--wh-honey);
    display: grid;
    gap: .4rem;
    margin-top: 2rem;
    max-width: 480px;
    padding: 1.2rem;
    text-align: left;
}

.wh-recipient-thanks-signal small {
    color: var(--wh-persimmon);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wh-recipient-thanks-signal strong {
    color: var(--wh-deep-sea-green);
}

.warmhello-account-order {
    grid-template-columns: minmax(180px, 1.1fr) minmax(120px, .55fr) minmax(170px, .8fr) minmax(170px, .8fr) auto;
}

.warmhello-account-next-step strong {
    background: var(--wh-honey);
    color: var(--wh-deep-sea-green);
}

@media (max-width: 991.98px) {
    .wh-transaction-header,
    .wh-review-layout,
    .wh-tracking-hero,
    .wh-tracking-grid,
    .wh-recipient-page {
        grid-template-columns: 1fr;
    }

    .wh-recipient-gift {
        min-height: 600px;
    }

    .warmhello-account-order {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warmhello-account-order-main {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .wh-transaction-header {
        padding-bottom: 2rem;
        padding-top: 3.5rem;
    }

    .wh-transaction-header h1,
    .wh-tracking-hero h1 {
        font-size: clamp(3rem, 14vw, 5rem);
    }

    .wh-checkout-progress {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1rem;
    }

    .wh-checkout-form .gift-card-composer-heading,
    .wh-form-section-heading {
        grid-template-columns: 1fr;
    }

    .wh-form-section-heading > span {
        margin-bottom: -.6rem;
    }

    .wh-review-card {
        min-height: 0;
    }

    .wh-tracking-hero {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }

    .wh-recipient-gift {
        min-height: 520px;
        padding: 4rem 1.25rem;
    }

    .wh-recipient-gift-shape {
        height: 360px;
        width: 360px;
    }

    .wh-recipient-reply {
        padding: 4rem 1.25rem;
    }

    .wh-recipient-reply h2,
    .wh-recipient-thanks h1 {
        font-size: clamp(3.2rem, 14vw, 5rem);
    }

    .warmhello-account-order {
        grid-template-columns: 1fr;
    }

    .warmhello-account-order-main {
        grid-column: auto;
    }
}

/* Full-site relationship workflow refinements. */
.warmhello-plan-grid,
.warmhello-contact-grid {
    border-top: 1px solid var(--wh-border);
    max-width: 1200px;
}

.warmhello-login {
    border-top: 1px solid var(--wh-border);
}

.site-error {
    background:
        radial-gradient(circle at 12% 16%, rgba(240, 182, 63, .86) 0 7rem, transparent 7.1rem),
        var(--wh-soft-blush);
    min-height: 68vh;
    padding: clamp(5rem, 10vw, 9rem) 1.25rem;
}

.site-error-content {
    max-width: 720px;
}

.site-error h1 {
    color: var(--wh-persimmon);
    font-size: clamp(5rem, 13vw, 11rem);
    letter-spacing: -.09em;
    line-height: .8;
}

.site-error h2 {
    color: var(--wh-deep-sea-green);
    margin-top: 1.5rem;
}

.admin-process-strip {
    align-items: center;
    background: var(--wh-soft-blush);
    border-left: 4px solid var(--wh-persimmon);
    color: var(--wh-deep-sea-green);
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
}

.admin-process-strip span,
.admin-process-strip strong {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.admin-process-strip strong,
.admin-process-strip i {
    color: var(--wh-persimmon);
}

.admin-process-strip i {
    font-style: normal;
}

.admin-process-strip-overview {
    margin-bottom: 1.5rem;
}

.admin-order-signal {
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 1.5rem 0;
}

.admin-order-signal > div {
    display: grid;
    gap: .35rem;
    padding: 1rem 1.2rem;
}

.admin-order-signal > div + div {
    border-left: 1px solid var(--wh-border);
}

.admin-order-signal span {
    color: #617078;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.admin-order-signal strong {
    color: var(--wh-deep-sea-green);
    font-size: .88rem;
}

.admin-order-signal > div:last-child {
    background: var(--wh-soft-blush);
}

.admin-order-signal > div:last-child strong {
    color: var(--wh-persimmon);
}

.admin-empty-state {
    color: #617078;
    margin: 0;
    padding: 2rem;
}

@media (max-width: 991.98px) {
    .admin-order-signal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-order-signal > div:nth-child(3) {
        border-left: 0;
        border-top: 1px solid var(--wh-border);
    }

    .admin-order-signal > div:nth-child(4) {
        border-top: 1px solid var(--wh-border);
    }
}

@media (max-width: 575.98px) {
    .admin-process-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-process-strip i {
        display: none;
    }

    .admin-order-signal {
        grid-template-columns: 1fr;
    }

    .admin-order-signal > div + div {
        border-left: 0;
        border-top: 1px solid var(--wh-border);
    }
}

/* Editorial sales pages: use cases, teams, and pricing. */
.wh-usecases-page .wh-page-hero-note .tf-btn,
.wh-pricing-page .wh-page-hero-note .tf-btn {
    margin-top: 1rem;
}

.wh-usecase-intro {
    align-items: end;
    background: var(--wh-soft-blush);
    display: grid;
    gap: clamp(2rem, 6vw, 7rem);
    grid-template-columns: minmax(0, 1fr) minmax(280px, .65fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-usecase-intro h2,
.wh-team-section-heading h2,
.wh-team-planned h2,
.wh-pricing-current h2,
.wh-pricing-breakdown h2,
.wh-pricing-section-heading h2,
.wh-pricing-questions h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.5rem, 5vw, 5.8rem);
    letter-spacing: -.075em;
    line-height: .91;
    margin: .7rem 0 0;
}

.wh-usecase-intro > p:not(.eyebrow) {
    color: var(--wh-graphite);
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;
}

.wh-usecase-list {
    border-top: 1px solid var(--wh-border);
    margin: 0 auto;
    max-width: 1440px;
}

.wh-usecase-row {
    background: var(--wh-white);
    border-bottom: 1px solid var(--wh-border);
    display: grid;
    gap: clamp(2rem, 5vw, 6rem);
    grid-template-columns: minmax(260px, .8fr) minmax(260px, 1fr) minmax(230px, .7fr);
    padding: clamp(2rem, 5vw, 4.5rem) clamp(1.25rem, 7vw, 8rem);
    transition: background-color .2s ease;
}

.wh-usecase-row:hover {
    background: var(--wh-warm-cream);
}

.wh-usecase-title {
    display: grid;
    grid-template-columns: 52px 1fr;
}

.wh-usecase-title > span {
    color: var(--wh-persimmon);
    font-size: .7rem;
    font-weight: 800;
    grid-row: 1 / 3;
    letter-spacing: .08em;
    padding-top: .2rem;
}

.wh-usecase-title .eyebrow {
    margin: 0 0 .7rem;
}

.wh-usecase-title h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2rem, 3.6vw, 4.2rem);
    letter-spacing: -.07em;
    line-height: .92;
    margin: 0;
}

.wh-usecase-situation,
.wh-usecase-direction {
    align-content: start;
    display: grid;
    gap: .75rem;
}

.wh-usecase-situation small,
.wh-usecase-direction small {
    color: var(--wh-persimmon);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.wh-usecase-situation p,
.wh-usecase-direction p {
    color: #617078;
    line-height: 1.6;
    margin: 0;
}

.wh-usecase-situation strong {
    border-left: 3px solid var(--wh-honey);
    color: var(--wh-deep-sea-green);
    line-height: 1.45;
    margin-top: .35rem;
    padding-left: .8rem;
}

.wh-usecase-direction .text-link {
    align-items: center;
    display: inline-flex;
    font-size: .75rem;
    gap: .5rem;
    letter-spacing: .04em;
    margin-top: .5rem;
    text-transform: uppercase;
}

.wh-usecase-help p:not(.eyebrow) {
    color: var(--wh-graphite);
    line-height: 1.55;
    margin: 1rem 0 0;
    max-width: 600px;
}

.wh-team-hero {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
    margin: 0 auto;
    max-width: 1440px;
    min-height: 680px;
}

.wh-team-hero-copy {
    align-content: center;
    background: var(--wh-warm-cream);
    display: grid;
    padding: clamp(4rem, 8vw, 9rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-team-hero-copy h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3.6rem, 6.6vw, 7.5rem);
    letter-spacing: -.085em;
    line-height: .87;
    margin: .85rem 0 1.5rem;
    max-width: 850px;
}

.wh-team-hero-copy h1 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.wh-team-hero-copy > p:not(.eyebrow) {
    color: var(--wh-graphite);
    font-size: 1.05rem;
    line-height: 1.65;
    max-width: 560px;
}

.wh-team-hero-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 1.4rem;
}

.wh-team-signal-board {
    align-content: center;
    background:
        radial-gradient(circle at 90% 10%, var(--wh-honey) 0 7rem, transparent 7.1rem),
        var(--wh-soft-blush);
    display: grid;
    gap: 1px;
    padding: clamp(3rem, 6vw, 6rem);
}

.wh-team-signal-board > .eyebrow {
    margin-bottom: 1rem;
}

.wh-team-person,
.wh-team-event,
.wh-team-next {
    background: var(--wh-white);
    padding: 1.1rem 1.25rem;
}

.wh-team-person {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.wh-team-person > span {
    align-items: center;
    background: var(--wh-deep-sea-green);
    border-radius: 50%;
    color: var(--wh-white);
    display: flex;
    font-size: .8rem;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.wh-team-person div,
.wh-team-event {
    display: grid;
    gap: .25rem;
}

.wh-team-person strong,
.wh-team-event strong,
.wh-team-next strong {
    color: var(--wh-deep-sea-green);
}

.wh-team-person small,
.wh-team-event span,
.wh-team-next small {
    color: #617078;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.wh-team-event.is-reply {
    border-left: 4px solid var(--wh-persimmon);
}

.wh-team-event.is-reply strong {
    color: var(--wh-persimmon);
}

.wh-team-next {
    background: var(--wh-deep-sea-green);
    display: grid;
    gap: .4rem;
    margin-top: 1rem;
}

.wh-team-next small {
    color: var(--wh-honey);
    text-transform: uppercase;
}

.wh-team-next strong {
    color: var(--wh-white);
    font-size: 1.05rem;
}

.wh-team-workflow {
    background: var(--wh-deep-sea-green);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-team-workflow .wh-team-section-heading {
    align-items: end;
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .5fr);
}

.wh-team-workflow .wh-team-section-heading h2 {
    color: var(--wh-white);
}

.wh-team-workflow .wh-team-section-heading > p:not(.eyebrow) {
    color: rgba(255, 255, 255, .72);
    line-height: 1.6;
}

.wh-team-workflow ol {
    border-top: 1px solid rgba(255, 255, 255, .24);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 3.5rem 0 0;
    padding: 0;
}

.wh-team-workflow li {
    display: grid;
    gap: .7rem;
    list-style: none;
    min-height: 230px;
    padding: 1.5rem;
}

.wh-team-workflow li + li {
    border-left: 1px solid rgba(255, 255, 255, .24);
}

.wh-team-workflow li span {
    color: var(--wh-honey);
    font-size: .7rem;
    font-weight: 800;
}

.wh-team-workflow li strong {
    color: var(--wh-white);
    font-size: 1.2rem;
    margin-top: auto;
}

.wh-team-workflow li p {
    color: rgba(255, 255, 255, .7);
    font-size: .86rem;
    line-height: 1.55;
    margin: 0;
}

.wh-team-capabilities {
    background: var(--wh-white);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-team-section-heading {
    max-width: 900px;
}

.wh-team-capability-grid {
    background: var(--wh-border);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 3rem;
}

.wh-team-capability-grid article {
    background: var(--wh-warm-cream);
    display: flex;
    flex-direction: column;
    min-height: 300px;
    padding: 1.75rem;
}

.wh-team-capability-grid article > span {
    color: var(--wh-persimmon);
    font-size: .7rem;
    font-weight: 800;
}

.wh-team-capability-grid h3 {
    color: var(--wh-deep-sea-green);
    font-size: 1.55rem;
    letter-spacing: -.045em;
    margin: auto 0 .75rem;
}

.wh-team-capability-grid p {
    color: #617078;
    line-height: 1.55;
}

.wh-team-capability-grid article > strong {
    color: var(--wh-persimmon);
    font-size: .65rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.wh-team-planned {
    align-items: start;
    background: var(--wh-soft-blush);
    display: grid;
    gap: clamp(3rem, 7vw, 8rem);
    grid-template-columns: minmax(0, .8fr) minmax(320px, 1fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-team-planned > div > p:not(.eyebrow) {
    color: var(--wh-graphite);
    line-height: 1.6;
    margin-top: 1.5rem;
}

.wh-team-planned ul {
    border-top: 1px solid rgba(15, 90, 89, .24);
    margin: 0;
    padding: 0;
}

.wh-team-planned li {
    align-items: start;
    border-bottom: 1px solid rgba(15, 90, 89, .24);
    display: grid;
    gap: .55rem 1rem;
    grid-template-columns: 1fr auto;
    list-style: none;
    padding: 1.25rem 0;
}

.wh-team-planned li strong {
    color: var(--wh-deep-sea-green);
}

.wh-team-planned li span {
    color: var(--wh-graphite);
    font-size: .86rem;
    grid-column: 1;
    line-height: 1.5;
}

.wh-team-planned li small {
    background: var(--wh-white);
    color: var(--wh-persimmon);
    font-size: .6rem;
    font-weight: 800;
    grid-column: 2;
    grid-row: 1 / 3;
    letter-spacing: .08em;
    padding: .4rem .55rem;
    text-transform: uppercase;
}

.wh-pricing-current {
    background: var(--wh-white);
    border-bottom: 1px solid var(--wh-border);
    border-top: 1px solid var(--wh-border);
    display: grid;
    gap: 1px;
    grid-template-columns: minmax(300px, 1.1fr) minmax(240px, .65fr) minmax(260px, .75fr);
    margin: 0 auto;
    max-width: 1440px;
}

.wh-pricing-current > * {
    padding: clamp(2rem, 5vw, 5rem);
}

.wh-pricing-current-copy {
    align-content: start;
    display: grid;
    justify-items: start;
}

.wh-plan-status {
    background: var(--wh-soft-blush);
    color: var(--wh-persimmon);
    display: inline-block;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .09em;
    margin-bottom: 1.5rem;
    padding: .5rem .65rem;
    text-transform: uppercase;
}

.wh-plan-status.is-live {
    background: var(--wh-deep-sea-green);
    color: var(--wh-white);
}

.wh-pricing-current-copy > p:not(.eyebrow) {
    color: #617078;
    line-height: 1.6;
    margin: 1.25rem 0 1.5rem;
    max-width: 560px;
}

.wh-pricing-current-price {
    align-content: center;
    background: var(--wh-honey);
    display: grid;
    gap: .45rem;
}

.wh-pricing-current-price small {
    color: var(--wh-deep-sea-green);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.wh-pricing-current-price strong {
    color: var(--wh-deep-sea-green);
    font-size: clamp(4rem, 7vw, 8rem);
    letter-spacing: -.1em;
    line-height: .9;
}

.wh-pricing-current-price span {
    color: var(--wh-graphite);
    font-size: .9rem;
    line-height: 1.45;
}

.wh-pricing-current > ul {
    align-content: center;
    background: var(--wh-warm-cream);
    display: grid;
    gap: .85rem;
    list-style: none;
    margin: 0;
}

.wh-pricing-current > ul li {
    color: var(--wh-deep-sea-green);
    font-size: .88rem;
    font-weight: 700;
}

.wh-pricing-current > ul li::before {
    color: var(--wh-persimmon);
    content: "✓";
    margin-right: .7rem;
}

.wh-pricing-breakdown {
    align-items: start;
    background: var(--wh-soft-blush);
    display: grid;
    gap: clamp(3rem, 8vw, 9rem);
    grid-template-columns: minmax(260px, .65fr) minmax(0, 1.2fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-pricing-breakdown dl,
.wh-pricing-questions dl {
    border-top: 1px solid rgba(15, 90, 89, .25);
    margin: 0;
}

.wh-pricing-breakdown dl > div,
.wh-pricing-questions dl > div {
    border-bottom: 1px solid rgba(15, 90, 89, .25);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(120px, .35fr) 1fr;
    padding: 1.25rem 0;
}

.wh-pricing-breakdown dt,
.wh-pricing-questions dt {
    color: var(--wh-deep-sea-green);
    font-weight: 800;
}

.wh-pricing-breakdown dd,
.wh-pricing-questions dd {
    color: var(--wh-graphite);
    line-height: 1.55;
    margin: 0;
}

.wh-pricing-planned {
    background: var(--wh-white);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

.wh-pricing-section-heading {
    align-items: end;
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
}

.wh-pricing-section-heading > p {
    color: #617078;
    line-height: 1.6;
}

.wh-pricing-planned-grid {
    background: var(--wh-border);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3rem;
}

.wh-pricing-planned-grid article {
    background: var(--wh-warm-cream);
    display: flex;
    flex-direction: column;
    min-height: 590px;
    padding: clamp(2rem, 4vw, 4rem);
}

.wh-pricing-planned-grid article:nth-child(2) {
    background: var(--wh-deep-sea-green);
}

.wh-pricing-planned-grid h3 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2.6rem, 4vw, 4.8rem);
    letter-spacing: -.075em;
    line-height: .9;
    margin: .5rem 0;
}

.wh-pricing-plan-price {
    align-items: baseline;
    display: flex;
    gap: .7rem;
    margin: 1.5rem 0;
}

.wh-pricing-plan-price strong {
    color: var(--wh-persimmon);
    font-size: clamp(3.5rem, 6vw, 6.5rem);
    letter-spacing: -.09em;
    line-height: .9;
}

.wh-pricing-plan-price span,
.wh-pricing-planned-grid article > p {
    color: #617078;
}

.wh-pricing-planned-grid article > p {
    line-height: 1.6;
}

.wh-pricing-planned-grid ul {
    border-top: 1px solid var(--wh-border);
    display: grid;
    gap: .8rem;
    list-style: none;
    margin: 1.5rem 0;
    padding: 1.5rem 0 0;
}

.wh-pricing-planned-grid li {
    color: var(--wh-deep-sea-green);
    font-size: .88rem;
    font-weight: 700;
}

.wh-pricing-planned-grid li::before {
    color: var(--wh-persimmon);
    content: "+";
    margin-right: .65rem;
}

.wh-pricing-planned-grid .tf-btn {
    align-self: flex-start;
    margin-top: auto;
}

.wh-pricing-planned-grid article:nth-child(2) h3,
.wh-pricing-planned-grid article:nth-child(2) li {
    color: var(--wh-white);
}

.wh-pricing-planned-grid article:nth-child(2) .eyebrow,
.wh-pricing-planned-grid article:nth-child(2) .wh-pricing-plan-price strong {
    color: var(--wh-honey) !important;
}

.wh-pricing-planned-grid article:nth-child(2) .wh-pricing-plan-price span,
.wh-pricing-planned-grid article:nth-child(2) > p {
    color: rgba(255, 255, 255, .72);
}

.wh-pricing-planned-grid article:nth-child(2) ul {
    border-color: rgba(255, 255, 255, .22);
}

.wh-pricing-planned-grid article:nth-child(2) .tf-btn:not(.btn-reset)::after {
    background-color: var(--wh-white) !important;
}

.wh-pricing-planned-grid article:nth-child(2) .tf-btn:hover,
.wh-pricing-planned-grid article:nth-child(2) .tf-btn:focus-visible,
.wh-pricing-planned-grid article:nth-child(2) .tf-btn:hover .text,
.wh-pricing-planned-grid article:nth-child(2) .tf-btn:focus-visible .text,
.wh-pricing-planned-grid article:nth-child(2) .tf-btn:hover i,
.wh-pricing-planned-grid article:nth-child(2) .tf-btn:focus-visible i {
    color: var(--wh-deep-sea-green) !important;
}

.wh-pricing-questions {
    align-items: start;
    background: var(--wh-warm-cream);
    display: grid;
    gap: clamp(3rem, 8vw, 9rem);
    grid-template-columns: minmax(250px, .55fr) minmax(0, 1.2fr);
    margin: 0 auto;
    max-width: 1440px;
    padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 8rem);
}

@media (max-width: 991.98px) {
    .wh-usecase-intro,
    .wh-team-hero,
    .wh-team-workflow .wh-team-section-heading,
    .wh-team-planned,
    .wh-pricing-breakdown,
    .wh-pricing-section-heading,
    .wh-pricing-questions {
        grid-template-columns: 1fr;
    }

    .wh-usecase-row {
        grid-template-columns: minmax(220px, .7fr) 1fr;
    }

    .wh-usecase-direction {
        grid-column: 2;
    }

    .wh-team-hero {
        min-height: 0;
    }

    .wh-team-signal-board {
        min-height: 520px;
    }

    .wh-team-workflow ol,
    .wh-team-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wh-team-workflow li:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .24);
    }

    .wh-team-workflow li:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, .24);
    }

    .wh-pricing-current {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wh-pricing-current-copy {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .wh-usecase-row,
    .wh-pricing-current,
    .wh-pricing-planned-grid {
        grid-template-columns: 1fr;
    }

    .wh-usecase-direction {
        grid-column: auto;
    }

    .wh-team-workflow ol,
    .wh-team-capability-grid {
        grid-template-columns: 1fr;
    }

    .wh-team-workflow li {
        min-height: 190px;
    }

    .wh-team-workflow li + li,
    .wh-team-workflow li:nth-child(3),
    .wh-team-workflow li:nth-child(4) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .24);
    }

    .wh-pricing-current-copy {
        grid-column: auto;
    }

    .wh-pricing-breakdown dl > div,
    .wh-pricing-questions dl > div {
        grid-template-columns: 1fr;
    }

    .wh-pricing-planned-grid article {
        min-height: 540px;
    }
}

/* WarmHello admin workspace */
.warmhello-admin-header {
    background: var(--wh-white);
    border-bottom: 1px solid var(--wh-border);
    height: 76px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.warmhello-admin-header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 2rem;
}

.warmhello-admin-identity,
.warmhello-admin-header-actions {
    align-items: center;
    display: flex;
}

.warmhello-admin-identity {
    gap: 1rem;
}

.warmhello-admin-logo {
    display: block;
    height: auto;
    width: 112px;
}

.warmhello-admin-identity span {
    border-left: 1px solid var(--wh-border);
    color: #677477;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    padding-left: 1rem;
    text-transform: uppercase;
}

.warmhello-admin-header-actions {
    gap: .75rem;
}

.warmhello-admin-header-actions form {
    margin: 0;
}

.warmhello-admin-storefront,
.warmhello-admin-logout {
    align-items: center;
    background: transparent;
    border: 1px solid var(--wh-border);
    color: var(--wh-deep-sea-green);
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    min-height: 40px;
    padding: .65rem .9rem;
    text-decoration: none;
}

.warmhello-admin-storefront:hover,
.warmhello-admin-logout:hover {
    background: var(--wh-warm-cream);
    border-color: var(--wh-deep-sea-green);
    color: var(--wh-deep-sea-green);
}

.warmhello-admin-logout {
    background: var(--wh-deep-sea-green);
    border-color: var(--wh-deep-sea-green);
    color: var(--wh-white);
}

.warmhello-admin-logout:hover {
    background: var(--wh-persimmon);
    border-color: var(--wh-persimmon);
    color: var(--wh-white);
}

.admin-main {
    background: #faf9f6;
}

.admin-shell {
    grid-template-columns: 232px minmax(0, 1fr);
    min-height: calc(100vh - 76px);
}

.admin-sidebar {
    height: calc(100vh - 76px);
    padding: 1.5rem .85rem;
    top: 76px;
}

.admin-sidebar-brand {
    padding: .25rem .75rem 1.15rem;
}

.admin-sidebar-link {
    border-radius: 8px;
    padding: .72rem .8rem;
}

.admin-sidebar-link.is-active {
    border-left-color: transparent;
    box-shadow: inset 3px 0 0 var(--wh-persimmon);
}

.admin-content {
    padding: clamp(1.5rem, 3vw, 3.25rem);
}

.admin-content-inner {
    max-width: 1260px;
}

.admin-content .admin-workspace-heading {
    align-items: center;
    margin-bottom: 2rem;
}

.admin-content .admin-workspace-heading h1 {
    font-size: clamp(2.35rem, 4vw, 4.15rem);
    max-width: 820px;
}

.admin-priority-section,
.admin-recent-section {
    margin-top: 2rem;
}

.admin-section-heading {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.admin-section-heading .eyebrow {
    margin: 0 0 .35rem;
}

.admin-section-heading h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(1.45rem, 2vw, 2rem);
    letter-spacing: -.045em;
    margin: 0;
}

.admin-priority-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-priority-card {
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    min-height: 232px;
    padding: 1.4rem;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.admin-priority-card:hover {
    border-color: rgba(15, 90, 89, .42);
    box-shadow: 0 16px 34px rgba(38, 52, 59, .08);
    transform: translateY(-2px);
}

.admin-priority-card.has-work {
    border-top: 4px solid var(--wh-honey);
    padding-top: calc(1.4rem - 3px);
}

.admin-priority-card-signal.has-work {
    background: var(--wh-soft-blush);
    border-color: rgba(242, 92, 61, .28);
    border-top-color: var(--wh-persimmon);
}

.admin-priority-topline {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.admin-priority-icon {
    align-items: center;
    background: var(--wh-warm-cream);
    border-radius: 999px;
    color: var(--wh-persimmon);
    display: inline-flex;
    font-size: .67rem;
    font-weight: 900;
    height: 35px;
    justify-content: center;
    letter-spacing: .06em;
    width: 35px;
}

.admin-priority-topline strong {
    color: var(--wh-deep-sea-green);
    font-size: 2.85rem;
    letter-spacing: -.08em;
    line-height: .9;
}

.admin-priority-card h3 {
    color: var(--wh-deep-sea-green);
    font-size: 1.15rem;
    margin: 1.35rem 0 .45rem;
}

.admin-priority-card p {
    color: #657276;
    font-size: .86rem;
    line-height: 1.5;
    margin: 0;
}

.admin-priority-link {
    align-items: center;
    border-top: 1px solid rgba(38, 52, 59, .12);
    color: var(--wh-deep-sea-green);
    display: flex;
    font-size: .75rem;
    font-weight: 900;
    justify-content: space-between;
    margin-top: auto;
    padding-top: .9rem;
    text-decoration: none;
    text-transform: uppercase;
}

.admin-priority-link:hover {
    color: var(--wh-persimmon);
}

.admin-overview-grid {
    background: var(--wh-deep-sea-green);
    border-radius: 18px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
    overflow: hidden;
}

.admin-overview-grid article {
    display: grid;
    gap: .15rem;
    padding: 1.35rem 1.5rem;
}

.admin-overview-grid article + article {
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.admin-overview-grid span,
.admin-overview-grid small {
    color: rgba(255, 255, 255, .7);
    font-size: .72rem;
}

.admin-overview-grid span {
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-overview-grid strong {
    color: var(--wh-white);
    font-size: 2rem;
    letter-spacing: -.06em;
    line-height: 1.1;
}

.admin-recent-list {
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    border-radius: 18px;
    overflow: hidden;
}

.admin-recent-row {
    align-items: center;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(220px, 2fr) minmax(130px, 1fr) minmax(180px, 1.2fr) auto;
    padding: 1.1rem 1.25rem;
}

.admin-recent-row + .admin-recent-row {
    border-top: 1px solid var(--wh-border);
}

.admin-recent-row:hover {
    background: var(--wh-warm-cream);
}

.admin-recent-order,
.admin-recent-gift,
.admin-recent-status {
    display: grid;
    gap: .18rem;
}

.admin-recent-order > span,
.admin-recent-gift > span {
    color: var(--wh-persimmon);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-recent-order strong,
.admin-recent-gift strong {
    color: var(--wh-deep-sea-green);
}

.admin-recent-row small {
    color: #748084;
    font-size: .76rem;
}

.admin-signal {
    background: #edf0f0;
    border-radius: 999px;
    color: #536164;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 900;
    justify-self: start;
    padding: .42rem .7rem;
}

.admin-signal.is-due {
    background: #fff0cf;
    color: #7b5300;
}

.admin-signal.is-replied {
    background: #e5f3ee;
    color: #176443;
}

.admin-recent-action {
    color: var(--wh-deep-sea-green);
    font-size: .76rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.admin-recent-action:hover {
    color: var(--wh-persimmon);
}

.admin-recent-list .admin-empty-state {
    padding: 2rem;
}

.admin-recent-list .admin-empty-state p {
    color: #657276;
    margin: .45rem 0 .75rem;
}

@media (max-width: 991.98px) {
    .warmhello-admin-header-inner {
        padding: 0 1rem;
    }

    .admin-shell {
        min-height: calc(100vh - 76px);
    }

    .admin-sidebar {
        height: auto;
        top: auto;
    }

    .admin-priority-grid {
        grid-template-columns: 1fr;
    }

    .admin-priority-card {
        min-height: 210px;
    }

    .admin-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-overview-grid article:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .18);
    }

    .admin-overview-grid article:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, .18);
    }
}

@media (max-width: 767.98px) {
    .warmhello-admin-header {
        height: 66px;
    }

    .warmhello-admin-logo {
        width: 96px;
    }

    .warmhello-admin-identity span,
    .warmhello-admin-storefront {
        display: none;
    }

    .warmhello-admin-logout {
        min-height: 36px;
        padding: .5rem .7rem;
    }

    .admin-content .admin-workspace-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-recent-row {
        gap: .8rem;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .admin-recent-gift {
        display: none;
    }

    .admin-recent-action {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 575.98px) {
    .admin-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-overview-grid {
        grid-template-columns: 1fr;
    }

    .admin-overview-grid article + article {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .18);
    }

    .admin-recent-status small {
        display: none;
    }
}

/* Post-purchase relationship workspace */
.wh-relationship-page {
    color: var(--wh-graphite);
    margin: 0 calc(50% - 50vw);
}

html:has(.wh-relationship-page),
body:has(.wh-relationship-page) {
    overflow-x: hidden;
}

.wh-relationship-hero {
    align-items: center;
    background: var(--wh-warm-cream);
    display: grid;
    gap: clamp(2rem, 7vw, 7rem);
    grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
    min-height: 610px;
    padding: clamp(4rem, 8vw, 8rem) max(1.25rem, calc((100vw - 1320px) / 2));
}

.wh-relationship-heading {
    max-width: 720px;
}

.wh-relationship-heading h1 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(3rem, 6.4vw, 6.8rem);
    letter-spacing: -.075em;
    line-height: .9;
    margin: .75rem 0 1.25rem;
}

.wh-relationship-heading h1 em {
    color: var(--wh-persimmon);
    font-family: Georgia, serif;
    font-weight: 400;
}

.wh-relationship-heading > p:not(.eyebrow) {
    font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 1.5rem;
    max-width: 560px;
}

.wh-relationship-signal {
    background: var(--wh-white);
    border: 1px solid rgba(15, 90, 89, .14);
    border-radius: 20px;
    box-shadow: 0 28px 60px rgba(15, 90, 89, .13);
    display: grid;
    gap: 1rem;
    padding: clamp(1.5rem, 3vw, 2.25rem);
}

.wh-relationship-signal > .eyebrow {
    margin: 0;
}

.wh-relationship-person {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.wh-relationship-person > span {
    align-items: center;
    background: var(--wh-deep-sea-green);
    border-radius: 50%;
    color: var(--wh-white);
    display: inline-flex;
    flex: 0 0 52px;
    font-size: .85rem;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    letter-spacing: .04em;
}

.wh-relationship-person div {
    display: grid;
    gap: .2rem;
}

.wh-relationship-person strong {
    color: var(--wh-deep-sea-green);
    font-size: 1.15rem;
}

.wh-relationship-person small,
.wh-relationship-event span,
.wh-relationship-next small {
    color: #748084;
    font-size: .73rem;
}

.wh-relationship-event {
    align-items: center;
    border-top: 1px solid var(--wh-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-top: .9rem;
}

.wh-relationship-event strong {
    color: var(--wh-deep-sea-green);
    font-size: .88rem;
    text-align: right;
}

.wh-relationship-event.is-reply {
    align-items: flex-start;
    background: var(--wh-soft-blush);
    border: 0;
    border-radius: 12px;
    display: grid;
    padding: 1rem;
}

.wh-relationship-event.is-reply strong {
    color: var(--wh-graphite);
    font-family: Georgia, serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
}

.wh-relationship-next {
    background: var(--wh-deep-sea-green);
    border-radius: 12px;
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.wh-relationship-next small {
    color: var(--wh-honey);
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.wh-relationship-next strong {
    color: var(--wh-white);
    line-height: 1.35;
}

.wh-relationship-progress {
    background: var(--wh-deep-sea-green);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0 max(1.25rem, calc((100vw - 1320px) / 2));
}

.wh-relationship-progress > div {
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .48);
    display: flex;
    gap: .65rem;
    min-height: 92px;
    padding: 1.25rem;
}

.wh-relationship-progress > div:first-child {
    border-left: 1px solid rgba(255, 255, 255, .16);
}

.wh-relationship-progress span {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 26px;
    height: 26px;
    justify-content: center;
}

.wh-relationship-progress strong {
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.wh-relationship-progress .is-complete {
    color: var(--wh-white);
}

.wh-relationship-progress .is-complete span {
    background: var(--wh-persimmon);
    border-color: var(--wh-persimmon);
}

.wh-relationship-workspace {
    background: #faf9f6;
    display: grid;
    gap: clamp(2rem, 6vw, 6rem);
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .72fr);
    padding: clamp(4rem, 7vw, 7rem) max(1.25rem, calc((100vw - 1320px) / 2));
}

.wh-relationship-section-heading h2,
.wh-relationship-actions h2 {
    color: var(--wh-deep-sea-green);
    font-size: clamp(2rem, 3.2vw, 3.25rem);
    letter-spacing: -.06em;
    line-height: 1;
    margin: .55rem 0;
}

.wh-relationship-timeline ol {
    list-style: none;
    margin: 2rem 0 0;
    padding: 0;
}

.wh-relationship-timeline li {
    display: grid;
    gap: 1rem;
    grid-template-columns: 18px minmax(0, 1fr);
    min-height: 104px;
    position: relative;
}

.wh-relationship-timeline li::before {
    background: rgba(15, 90, 89, .2);
    content: "";
    height: 100%;
    left: 7px;
    position: absolute;
    top: 10px;
    width: 1px;
}

.wh-relationship-timeline li:last-child::before {
    display: none;
}

.wh-relationship-timeline li > span {
    background: var(--wh-persimmon);
    border: 4px solid #faf9f6;
    border-radius: 50%;
    height: 15px;
    margin-top: 4px;
    position: relative;
    width: 15px;
    z-index: 1;
}

.wh-relationship-timeline li div {
    padding-bottom: 1.5rem;
}

.wh-relationship-timeline li strong {
    color: var(--wh-deep-sea-green);
    display: block;
    font-size: 1rem;
}

.wh-relationship-timeline li p {
    color: #5e6d71;
    line-height: 1.5;
    margin: .3rem 0;
}

.wh-relationship-timeline li small {
    color: #859093;
    font-size: .72rem;
}

.wh-relationship-actions {
    align-self: start;
    background: var(--wh-white);
    border: 1px solid var(--wh-border);
    border-radius: 20px;
    box-shadow: 0 20px 46px rgba(38, 52, 59, .07);
    padding: clamp(1.5rem, 3vw, 2.25rem);
    position: sticky;
    top: 110px;
}

.wh-relationship-actions > p:not(.eyebrow) {
    color: #657276;
    line-height: 1.55;
}

.wh-relationship-form {
    border-top: 1px solid var(--wh-border);
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

.wh-relationship-form label {
    color: var(--wh-deep-sea-green);
    display: block;
    font-size: .8rem;
    font-weight: 900;
    margin-bottom: .55rem;
}

.wh-relationship-form label small {
    color: #7b8588;
    font-weight: 500;
}

.wh-relationship-form textarea {
    background: var(--wh-warm-cream);
    border: 1px solid var(--wh-border);
    border-radius: 10px;
    color: var(--wh-graphite);
    line-height: 1.5;
    padding: .9rem;
    resize: vertical;
    width: 100%;
}

.wh-relationship-form textarea:focus {
    border-color: var(--wh-persimmon);
    box-shadow: 0 0 0 3px rgba(242, 92, 61, .13);
    outline: 0;
}

.wh-relationship-action-buttons {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.wh-relationship-action-buttons .tf-btn,
.wh-relationship-secondary {
    border-radius: 8px;
    justify-content: center;
    min-height: 48px;
    width: 100%;
}

.wh-relationship-secondary {
    background: transparent;
    border: 1px solid var(--wh-deep-sea-green);
    color: var(--wh-deep-sea-green);
    font-size: .8rem;
    font-weight: 900;
    padding: .75rem 1rem;
}

.wh-relationship-secondary:hover {
    background: var(--wh-deep-sea-green);
    color: var(--wh-white);
}

.wh-relationship-complete {
    align-items: flex-start;
    background: #e5f3ee;
    border-radius: 12px;
    display: flex;
    gap: .8rem;
    margin-top: 1.5rem;
    padding: 1rem;
}

.wh-relationship-complete > span {
    align-items: center;
    background: var(--wh-deep-sea-green);
    border-radius: 50%;
    color: var(--wh-white);
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
}

.wh-relationship-complete strong {
    color: var(--wh-deep-sea-green);
}

.wh-relationship-complete p {
    color: #4f6961;
    font-size: .82rem;
    line-height: 1.45;
    margin: .25rem 0 0;
}

.wh-relationship-order-facts {
    border-top: 1px solid var(--wh-border);
    display: grid;
    gap: .8rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
}

.wh-relationship-order-facts > div {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.wh-relationship-order-facts span {
    color: #7b8588;
    font-size: .72rem;
}

.wh-relationship-order-facts strong {
    color: var(--wh-deep-sea-green);
    font-size: .78rem;
    max-width: 65%;
    text-align: right;
}

@media (max-width: 991.98px) {
    .wh-relationship-hero,
    .wh-relationship-workspace {
        grid-template-columns: 1fr;
    }

    .wh-relationship-hero {
        min-height: 0;
    }

    .wh-relationship-signal {
        max-width: 620px;
        width: 100%;
    }

    .wh-relationship-progress {
        grid-template-columns: repeat(5, 180px);
        overflow-x: auto;
    }

    .wh-relationship-actions {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .wh-relationship-hero,
    .wh-relationship-workspace {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .wh-relationship-heading h1 {
        font-size: clamp(2.8rem, 15vw, 4rem);
    }

    .wh-relationship-event {
        align-items: flex-start;
        display: grid;
    }

    .wh-relationship-event strong {
        text-align: left;
    }
}
/* Keep the contact verification private and self-hosted while presenting it as a clear, modern task. */
.warmhello-captcha{flex:1;margin:0;max-width:360px}
.warmhello-captcha-card{background:var(--wh-warm-cream);border:1px solid rgba(15,90,89,.24);padding:1rem}
.warmhello-captcha-heading{align-items:center;display:flex;gap:.75rem;margin-bottom:.9rem}
.warmhello-captcha-heading>div{display:grid;gap:.1rem}
.warmhello-captcha-heading strong{color:var(--wh-deep-sea-green);font-size:.82rem;font-weight:800}
.warmhello-captcha-heading span:not(.warmhello-captcha-icon){color:var(--wh-graphite);font-size:.72rem}
.warmhello-captcha-icon{align-items:center;background:var(--wh-soft-blush);border-radius:50%;color:var(--wh-persimmon);display:inline-flex;font-size:.85rem;font-weight:900;height:2rem;justify-content:center;width:2rem}
.warmhello-captcha-challenge{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto;margin-bottom:.85rem}
.warmhello-captcha-image-wrap{align-items:center;background:#fff;border:1px solid var(--wh-border);display:flex;justify-content:center;min-height:58px;overflow:hidden;padding:.25rem}
.warmhello-captcha-image{cursor:pointer;height:48px;max-width:100%;object-fit:contain;width:150px}
.warmhello-captcha-refresh{align-items:center;background:#fff;border:1px solid var(--wh-deep-sea-green);color:var(--wh-deep-sea-green);display:inline-flex;font-size:.72rem;font-weight:800;gap:.35rem;justify-content:center;padding:0 .75rem;transition:background-color .2s ease,color .2s ease}
.warmhello-captcha-refresh:hover,.warmhello-captcha-refresh:focus-visible{background:var(--wh-deep-sea-green);color:#fff}
.warmhello-captcha-refresh:focus-visible{outline:3px solid rgba(242,92,61,.28);outline-offset:2px}
.warmhello-captcha-refresh span{font-size:1.05rem;transition:transform .4s ease}
.warmhello-captcha-refresh.is-refreshing span{transform:rotate(180deg)}
.warmhello-captcha-answer-label{color:var(--wh-deep-sea-green);display:block;font-size:.75rem;font-weight:800;margin-bottom:.35rem}
.warmhello-contact-form .warmhello-captcha-input{background:#fff;min-height:46px}
.warmhello-captcha-card small{color:rgba(38,52,59,.72);display:block;font-size:.67rem;line-height:1.4;margin-top:.45rem}
.warmhello-captcha .invalid-feedback{font-size:.72rem;margin-top:.35rem}
@media(max-width:575.98px){.warmhello-captcha{max-width:none;width:100%}.warmhello-captcha-challenge{grid-template-columns:1fr}.warmhello-captcha-refresh{min-height:42px}}

/* Align the approved logo with the checkout card's content and sign-off rhythm. */
.gift-card-preview-brand{align-items:center;bottom:1.25rem;display:flex;gap:.35rem;left:1.5rem;position:absolute}
.gift-card-preview-brand>span{color:var(--wh-graphite);font-size:.64rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.gift-card-preview-card .gift-card-preview-logo{bottom:auto;height:42px;left:auto;max-width:none;mix-blend-mode:multiply;object-fit:cover;object-position:center 56%;position:static;width:112px}
@media(max-width:575.98px){.gift-card-preview-brand{bottom:1rem;left:1.2rem}.gift-card-preview-card .gift-card-preview-logo{height:38px;width:102px}}

/* Product administration uses warm, clearly filled controls instead of browser-default white fields. */
.admin-product-editor>h1{color:var(--wh-deep-sea-green);font-size:clamp(2.25rem,4vw,3.6rem);letter-spacing:-.055em;margin:.4rem 0 .7rem}
.admin-product-saved{align-items:center;background:rgba(15,90,89,.09);border-left:3px solid var(--wh-deep-sea-green);color:var(--wh-deep-sea-green);display:flex;font-size:.84rem;font-weight:800;gap:.6rem;margin:1.25rem 0;padding:.9rem 1rem}
.admin-product-saved span{align-items:center;background:var(--wh-deep-sea-green);border-radius:50%;color:#fff;display:inline-flex;height:1.35rem;justify-content:center;width:1.35rem}
.admin-product-form{color-scheme:light}
.admin-product-form .checkout-panel{background:var(--wh-white)}
.admin-product-form .form-label{color:var(--wh-deep-sea-green);font-size:.76rem;font-weight:800}
.admin-product-form .form-control,.admin-product-form .form-select{background-color:var(--wh-warm-cream)!important;border:1px solid rgba(15,90,89,.3)!important;border-radius:4px!important;color:var(--wh-graphite)!important;min-height:48px;padding:.75rem .9rem;-webkit-text-fill-color:var(--wh-graphite)!important}
.admin-product-form .form-control:hover,.admin-product-form .form-select:hover{border-color:rgba(15,90,89,.62)!important}
.admin-product-form .form-control:focus,.admin-product-form .form-select:focus{background-color:var(--wh-white)!important;border-color:var(--wh-persimmon)!important;box-shadow:0 0 0 4px rgba(242,92,61,.14)!important;color:var(--wh-graphite)!important;-webkit-text-fill-color:var(--wh-graphite)!important}
.admin-product-form .form-control::placeholder{color:rgba(38,52,59,.56)!important;opacity:1}
.admin-product-form .has-error .form-control,.admin-product-form .has-error .form-select,.admin-product-form .is-invalid{background-color:rgba(255,215,200,.42)!important;border-color:var(--wh-persimmon)!important}
.admin-product-form .invalid-feedback,.admin-product-form .help-block{color:#b43f28!important;font-size:.74rem;font-weight:700}
.admin-product-form .form-text{color:#667579;font-size:.72rem}
.admin-product-form input:-webkit-autofill,.admin-product-form input:-webkit-autofill:hover,.admin-product-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--wh-warm-cream) inset!important;-webkit-text-fill-color:var(--wh-graphite)!important}
.admin-product-form .form-check-input{background-color:var(--wh-white);border:1px solid rgba(15,90,89,.5);border-radius:2px}
.admin-product-form .form-check-input:checked{background-color:var(--wh-deep-sea-green);border-color:var(--wh-deep-sea-green)}
.admin-product-form .form-check-input:focus{border-color:var(--wh-persimmon);box-shadow:0 0 0 4px rgba(242,92,61,.14)}
.admin-product-pricing{align-content:start;display:grid}
.admin-product-price-note{background:var(--wh-soft-blush);color:var(--wh-graphite);font-size:.74rem;line-height:1.5;margin:1rem 0 0;padding:.8rem .9rem}

/* Direct-answer content stays concise and scan-friendly for people and answer engines. */
.wh-answer-faq{background:var(--wh-white);display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);margin:0 auto;max-width:1180px;padding:clamp(2.5rem,6vw,5rem)}
.wh-answer-faq-heading h2{color:var(--wh-deep-sea-green);font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em;line-height:1;margin:.7rem 0 0}
.wh-answer-faq-list{border-top:1px solid var(--wh-border)}
.wh-answer-faq-list article{border-bottom:1px solid var(--wh-border);padding:1.25rem 0}
.wh-answer-faq-list h3{color:var(--wh-deep-sea-green);font-size:1rem;margin:0 0 .45rem}
.wh-answer-faq-list p{color:var(--wh-graphite);font-size:.88rem;line-height:1.65;margin:0}
@media(max-width:767.98px){.wh-answer-faq{grid-template-columns:1fr;padding:2.5rem 1.25rem}}
.wh-seo-breadcrumb{align-items:center;color:#6b787c;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.5rem;margin:1.25rem auto;max-width:1180px;padding:0 15px}
.wh-seo-breadcrumb a{color:var(--wh-deep-sea-green);font-weight:700;text-decoration:none}
.wh-seo-breadcrumb a:hover{color:var(--wh-persimmon)}

/* Admin lifecycle campaign: one clear journey, one order-specific email preview. */
.admin-campaign{padding-top:2.5rem}
.admin-campaign-heading{align-items:flex-end;border-bottom:1px solid var(--wh-border);display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.75rem}
.admin-campaign-heading h1{color:var(--wh-deep-sea-green);font-size:clamp(2.7rem,5vw,4.8rem);letter-spacing:-.065em;line-height:.95;margin:.55rem 0 .8rem}
.admin-campaign-heading>div:first-child>p:last-child{color:#56666c;line-height:1.6;margin:0;max-width:700px}
.admin-campaign-health{align-items:center;background:var(--wh-white);border:1px solid var(--wh-border);display:flex;flex:0 0 auto;gap:.75rem;padding:.9rem 1rem}
.admin-campaign-health-dot{background:var(--wh-deep-sea-green);border-radius:50%;box-shadow:0 0 0 6px rgba(15,90,89,.1);height:.55rem;width:.55rem}
.admin-campaign-health div{display:grid;gap:.18rem}
.admin-campaign-health strong{color:var(--wh-deep-sea-green);font-size:.78rem}
.admin-campaign-health small{color:#78858a;font-size:.66rem}
.admin-campaign-layout{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(230px,.32fr) minmax(0,1fr)}
.admin-campaign-stages{background:var(--wh-deep-sea-green);color:#fff;position:sticky;top:90px}
.admin-campaign-stage-heading{border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:.25rem;padding:1.3rem}
.admin-campaign-stage-heading .eyebrow{color:var(--wh-honey);margin:0}
.admin-campaign-stage-heading strong{font-family:var(--wh-font-display);font-size:1.35rem}
.admin-campaign-stage{align-items:center;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);display:grid;gap:.75rem;grid-template-columns:28px minmax(0,1fr) 10px;padding:1rem 1.15rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.admin-campaign-stage:hover,.admin-campaign-stage:focus-visible,.admin-campaign-stage.is-active{background:rgba(255,255,255,.1);color:#fff}
.admin-campaign-stage.is-active{box-shadow:inset 4px 0 0 var(--wh-persimmon)}
.admin-campaign-stage-index{color:var(--wh-honey);font-size:.63rem;font-weight:800}
.admin-campaign-stage>span:nth-child(2){display:grid;gap:.15rem}
.admin-campaign-stage strong{font-size:.78rem}
.admin-campaign-stage small{color:inherit;font-size:.61rem;line-height:1.35}
.admin-campaign-stage i{border:1px solid rgba(255,255,255,.45);border-radius:50%;height:8px;width:8px}
.admin-campaign-stage i.is-sent{background:var(--wh-honey);border-color:var(--wh-honey)}
.admin-campaign-workspace{min-width:0}
.admin-campaign-toolbar{align-items:center;background:var(--wh-white);border:1px solid var(--wh-border);display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 1.2rem}
.admin-campaign-toolbar>div:first-child{display:grid;gap:.12rem}
.admin-campaign-toolbar span,.admin-campaign-order-picker label{color:#78858a;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-campaign-toolbar strong{color:var(--wh-deep-sea-green);font-size:.9rem}
.admin-campaign-order-picker{align-items:center;display:flex;gap:.6rem}
.admin-campaign-order-picker select{background:var(--wh-warm-cream);border:1px solid rgba(15,90,89,.28);color:var(--wh-graphite);font-size:.72rem;max-width:330px;min-height:40px;padding:.55rem 2rem .55rem .7rem}
.admin-campaign-order-picker select:focus{border-color:var(--wh-persimmon);box-shadow:0 0 0 3px rgba(242,92,61,.12);outline:0}
.admin-preview-pill{background:var(--wh-soft-blush);color:var(--wh-persimmon)!important;padding:.55rem .7rem}
.admin-campaign-meta{background:var(--wh-warm-cream);border:1px solid var(--wh-border);border-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-campaign-meta>div{border-right:1px solid var(--wh-border);display:grid;gap:.25rem;min-width:0;padding:.8rem 1rem}
.admin-campaign-meta>div:last-child{border:0}
.admin-campaign-meta span{color:#7b888c;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-campaign-meta strong{color:var(--wh-deep-sea-green);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-campaign-preview{background:#EDE8E2;border:1px solid var(--wh-border);margin-top:1rem;overflow:hidden}
.admin-campaign-preview-bar{align-items:center;background:#fff;border-bottom:1px solid var(--wh-border);display:flex;gap:.35rem;padding:.65rem .8rem}
.admin-campaign-preview-bar span{background:#D7D0CA;border-radius:50%;height:7px;width:7px}
.admin-campaign-preview-bar span:first-child{background:var(--wh-persimmon)}
.admin-campaign-preview-bar strong{color:#758287;font-size:.62rem;letter-spacing:.08em;margin-left:.4rem;text-transform:uppercase}
.admin-campaign-preview-canvas{max-height:760px;overflow:auto}
.admin-campaign-trigger-note{align-items:center;background:var(--wh-white);border-left:4px solid var(--wh-honey);display:flex;gap:2rem;justify-content:space-between;margin-top:1rem;padding:1.2rem 1.35rem}
.admin-campaign-trigger-note .eyebrow{margin-bottom:.35rem}
.admin-campaign-trigger-note strong{color:var(--wh-deep-sea-green);font-size:.86rem}
.admin-campaign-trigger-note p:last-child{color:#647277;font-size:.72rem;line-height:1.5;margin:.35rem 0 0;max-width:690px}
@media(max-width:991.98px){.admin-campaign-heading{align-items:flex-start;flex-direction:column}.admin-campaign-layout{grid-template-columns:1fr}.admin-campaign-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.admin-campaign-stage-heading{grid-column:1/-1}.admin-campaign-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-campaign-meta>div:nth-child(2){border-right:0}.admin-campaign-meta>div:nth-child(-n+2){border-bottom:1px solid var(--wh-border)}}
@media(max-width:575.98px){.admin-campaign-stages{grid-template-columns:1fr}.admin-campaign-toolbar,.admin-campaign-trigger-note{align-items:flex-start;flex-direction:column}.admin-campaign-order-picker{align-items:stretch;display:grid;width:100%}.admin-campaign-order-picker select{max-width:none;width:100%}.admin-campaign-meta{grid-template-columns:1fr}.admin-campaign-meta>div{border-bottom:1px solid var(--wh-border)!important;border-right:0}.admin-campaign-meta>div:last-child{border-bottom:0!important}.admin-campaign-preview-canvas>div{padding-left:8px!important;padding-right:8px!important}}

/* Password recovery shares the sign-in system and keeps the security task calm and explicit. */
.warmhello-login-options-split{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}
.warmhello-login-options-split .mb-3{margin-bottom:0!important}
.warmhello-forgot-link,.warmhello-security-back{color:var(--wh-deep-sea-green);font-size:.8rem;font-weight:800;text-decoration:none}
.warmhello-forgot-link:hover,.warmhello-security-back:hover{color:var(--wh-persimmon)}
.warmhello-security-back{display:inline-flex;margin-top:1.25rem}
.warmhello-password-requirements{display:grid;gap:.55rem;margin-top:2rem}
.warmhello-password-requirements span{align-items:center;background:rgba(255,255,255,.7);color:var(--wh-deep-sea-green);display:flex;font-size:.78rem;font-weight:700;gap:.65rem;padding:.72rem .9rem;width:max-content}
.warmhello-password-requirements span::before{align-items:center;background:var(--wh-honey);border-radius:50%;color:var(--wh-graphite);content:"✓";display:inline-flex;font-size:.65rem;height:1.25rem;justify-content:center;width:1.25rem}
.warmhello-security-page .invalid-feedback{color:#B43F28;font-size:.74rem;font-weight:700;margin-top:.35rem}
@media(max-width:767.98px){.warmhello-password-requirements span{width:100%}}