/* Forest is the decision; cool blue remains a quiet atmospheric accent. */
:root,:root[data-accent=forest]{
 --accent:#17553a;--accent-strong:#17553a;--accent-soft:#e3eee7;--accent-panel:#eef4f2;--accent-glow:#17553a1f;--accent-shadow:#367ab416;
 --canvas:#f7f9f8;--blob-one:#84b9e42c;--blob-two:#92c2e62b;--blob-three:#d0e1d91f;
}
:root[data-theme=dark],:root[data-theme=dark][data-accent=forest]{
 --accent:#a2e4b8;--accent-strong:#a2e4b8;--accent-soft:#243028;--accent-panel:#141b1a;
 --canvas:#0f1413;--accent-glow:#a2e4b815;--accent-shadow:#0005;--blob-one:#4a89ba16;--blob-two:#5793c313;--blob-three:#5180640a;
}
main{background-image:radial-gradient(ellipse 820px 560px at 93% 5%,var(--blob-one),transparent 76%),radial-gradient(ellipse 740px 660px at 98% 40%,var(--blob-two),transparent 76%),radial-gradient(ellipse 760px 560px at 0% 77%,var(--blob-three),transparent 76%)}
.hero{min-height:480px}
.hero-inner{padding:88px 0 96px}
.hero-copy{max-width:52%}
.hero-art{left:42%;width:58%;isolation:isolate}
.hero-art>img{object-position:68% 46%;mask-image:linear-gradient(90deg,transparent,#000 26%);height:100%;width:100%}
.hero .lead{max-width:520px}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f9f842,transparent 50%);pointer-events:none}
[data-theme=dark] .hero-art:after{background:linear-gradient(90deg,#0f141380,transparent 50%)}
.hero-copy h1{max-width:620px}
.chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform var(--duration-fast) var(--ease)}
.chevron.up{transform:rotate(-90deg)}
a:hover>.chevron:not(.up),button:hover>.chevron{transform:translateX(2px)}
.button>.chevron{width:18px;height:18px}
.product-card>button .chevron{width:16px;height:16px}
.module-logo{filter:none!important;object-fit:contain}
.product-icon{width:72px;height:72px;border:none!important;background:none!important;border-radius:0!important;margin-bottom:16px}
.product-icon .module-logo{width:64px;height:64px}
.dropdown-inner .module-logo{width:40px;height:40px}
.module-icon-box{border:0!important;background:none!important;width:32px!important;height:32px!important}
.module-icon-box .module-logo{width:28px;height:28px}
.product-feature .feature-art{object-position:56% center}
.product-feature>div{background:linear-gradient(0deg,#10251ffc 70%,#10251fe0)}
.news-card>img{aspect-ratio:1.75;object-position:center 48%}
.logo-family-picker{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.logo-family-picker button{padding:8px 16px;border-radius:8px;color:var(--muted);min-width:96px}
.logo-family-picker button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}
.logo-family-picker button:hover{background:var(--accent-soft);opacity:1}
.review-options{flex-wrap:wrap}
.review-controls p{font-size:14px}
@media(max-width:900px) and (min-width:651px){.hero-copy{max-width:56%}.hero-art{left:45%;width:55%}.hero-copy h1{font-size:40px}}
@media(max-width:650px){
 .hero{min-height:0}.hero-art{left:0;width:100%;height:264px}.hero-art>img{mask-image:none;object-position:66% 44%}.hero-art:after{display:none}
 .hero-inner{padding:32px 0 64px}.hero-copy{max-width:100%}.hero-copy h1{max-width:none}
 .news-card>img{aspect-ratio:1.6;object-position:center 46%}
 .product-feature .feature-art{object-position:center 42%}
 .review-options{align-items:stretch}.logo-family-picker{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.chevron{transition:none!important}}

/* Keep the supplied parent mark readable on dark canvas without its white box. */
[data-theme=dark] .company>img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
@media(max-width:650px){
 .product-feature{display:flex;flex-direction:column;align-items:stretch}
 .product-feature .feature-art{position:relative;inset:auto;height:224px;width:100%;object-fit:cover;object-position:center 40%;z-index:auto}
 .product-feature>div{background:#10251f}
}

/* Explicit image/content layers avoid negative-layer paint loss. */
.product-feature .feature-art{z-index:0}
.product-feature>div{z-index:1}
[data-theme=dark] .company>img{filter:none;mix-blend-mode:normal;border-radius:50%;padding:2px;background:#fff}