/* A more expressive brand layer. Functional maps and product information stay clear. */
.compute-hero{width:min(1360px,calc(100% - 40px));max-width:1360px;margin-top:24px;margin-bottom:36px;padding:58px 54px;gap:58px;border-radius:24px;background:linear-gradient(120deg,#17334b 0%,#17436b 55%,#255be0 100%);color:#f4f8fc;position:relative;overflow:hidden}.compute-intro{position:relative;z-index:1}.compute-category{color:#d4e8ff;font-size:13px}.compute-intro h1{font-size:clamp(50px,5.2vw,76px);font-weight:520;letter-spacing:-.055em}.compute-description{color:#d9e7f2;max-width:420px}.compute-actions .button.blue{background:#ddf99d;color:#173329;border-color:#ddf99d}.compute-actions .button.blue:hover{background:#ecffc6}.compute-actions .text-link{color:#f4f8fc;border-color:#b4cae0}.compute-image{padding:12px;background:#e9f0f91a;border:1px solid #d2e4ff44;border-radius:18px;transform:rotate(1.5deg)}.compute-image img{height:360px;border-radius:10px}.compute-image figcaption{color:#e5eff9;font-size:10px;margin:10px 3px 2px}.compute-hero a:focus-visible{outline-color:#ddf99d}#plans{border:0;padding-top:45px}.plan-card{transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #15345212}.plan-card.featured{background:#234ed0;color:#f4f7ff;border-color:#234ed0;position:relative}.plan-card.featured h3{font-size:36px}.plan-card.featured .plan-desc,.plan-card.featured .plan-price small,.plan-card.featured .plan-foot{color:#e0eaff}.plan-card.featured .specs{border-color:#789af2}.plan-card.featured .specs dd{font-size:19px;color:#f5f8ff}.plan-card.featured .specs dt{color:#e0eaff}.plan-card.featured .button.blue{background:#e0fa9f;color:#153226;border-color:#e0fa9f}.plan-card[data-family=performance]{border-top:3px solid #e7a970}.platform-section{background:var(--surface);position:relative}.platform-photo{padding:17px;background:#d9e3f4;border-radius:20px;transform:rotate(-1deg)}.platform-photo img{height:360px}.platform-photo figcaption{color:#40536a}.ownership-list dt{color:var(--blue)}.home-atlas{padding-top:85px;background:var(--paper)}.home-atlas .section-head h2{font-size:clamp(36px,4vw,54px)}.home-atlas .section-head{max-width:750px}.use-list article:first-child h3{color:var(--blue)}.workflow{background:#e6edfa}.steps article:first-child{border-color:#b6c8e5}.home-library .guide-grid{gap:18px;grid-template-columns:1.25fr 1fr}.home-library .guide-card{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:transform .2s}.home-library .guide-card:first-child{background:#e5eedb;padding:30px}.home-library .guide-card:first-child h3{font-size:33px;max-width:380px;color:#25372b}.home-library .guide-card:first-child .guide-body p,.home-library .guide-card:first-child .guide-body .eyebrow,.home-library .guide-card:first-child .guide-body .eyebrow span{color:#4b6250}.home-library .guide-card:first-child .guide-read{color:#244b30}.home-library .guide-card:hover{transform:translateY(-3px)}.final-cta{padding:34px 38px;background:#e8edf8;border:0;border-radius:16px;margin-bottom:60px}.final-cta h2{color:#243a59}.final-cta p{color:#53677e}.final-cta .button{background:#254dcc;color:#f8fbff;border-color:#254dcc}.site-footer{border-top:0}.site-header .nav-account:hover{background:var(--accent-soft)}
:root[data-theme="dark"] .compute-hero{background:linear-gradient(120deg,#17334b,#193e68 60%,#204dbf)}:root[data-theme="dark"] .plan-card:hover{box-shadow:0 14px 32px #06112233}:root[data-theme="dark"] .platform-photo{background:#2a3c56}:root[data-theme="dark"] .platform-photo figcaption{color:#d4e2f3}:root[data-theme="dark"] .workflow{background:#202e42}:root[data-theme="dark"] .steps article:first-child{border-color:#455d7d}:root[data-theme="dark"] .home-library .guide-card:first-child{background:#293e32;border-color:#4a6554}:root[data-theme="dark"] .home-library .guide-card:first-child h3{color:#e5f4dd}:root[data-theme="dark"] .home-library .guide-card:first-child .guide-body p,:root[data-theme="dark"] .home-library .guide-card:first-child .guide-body .eyebrow,:root[data-theme="dark"] .home-library .guide-card:first-child .guide-body .eyebrow span{color:#c1d4c2}:root[data-theme="dark"] .home-library .guide-card:first-child .guide-read{color:#dcf5b6}:root[data-theme="dark"] .final-cta{background:#24344c}:root[data-theme="dark"] .final-cta h2{color:#edf4ff}:root[data-theme="dark"] .final-cta p{color:#becde2}:root[data-theme="dark"] .final-cta .button{background:#c4d5ff;color:#1b3159}
@media(max-width:1050px){.compute-hero{padding:40px 30px;gap:28px}.compute-intro h1{font-size:56px}.compute-image img{height:325px}.compute-actions{gap:18px}.compute-description{font-size:15px}}
@media(max-width:767px){.compute-hero{width:calc(100% - 24px);padding:29px 23px;gap:29px;margin-top:12px;margin-bottom:22px;border-radius:19px}.compute-intro h1{font-size:clamp(40px,8.2vw,58px)}.compute-description{font-size:14px;line-height:1.65}.compute-category{font-size:12px}.compute-actions{gap:18px}.compute-actions .button{padding:12px 15px}.compute-actions .text-link{font-size:12px}.compute-image{transform:none;padding:8px;border-radius:12px}.compute-image img{height:175px}.compute-image figcaption{font-size:9px;margin-top:8px}.platform-photo{transform:none;padding:12px}.platform-photo img{height:250px}.home-atlas{padding-top:55px}.home-library .guide-grid{grid-template-columns:1fr}.home-library .guide-card,.home-library .guide-card:first-child{padding:24px}.home-library .guide-card:first-child h3{font-size:27px}.final-cta{padding:28px 24px;margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.plan-card,.home-library .guide-card{transition:none}.plan-card:hover,.home-library .guide-card:hover{transform:none}}
/* Explicit interaction colors override legacy component rules in both themes. */
.site-header .nav-disclosure:hover,.site-header .nav-disclosure[aria-expanded=true],.site-header .nav-disclosure:focus-visible{background:var(--accent-soft);color:var(--ink)}
.site-header .mega-links>a:hover,.site-header .mega-links>a[aria-current=page]{background:var(--surface);color:var(--ink)}
.button.blue:hover,.hub-content .button.blue:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover{background:#1d3eaa;color:#f8faff!important;border-color:#1d3eaa}
.button.outline:hover,.site-header .nav-account:hover{background:var(--accent-soft);color:var(--ink)!important;border-color:var(--blue)}
.compute-actions .button.blue:hover,.plan-card.featured .button.blue:hover{background:#edffc5;color:#173329!important;border-color:#edffc5}
.compute-actions .text-link:hover{color:#e3ffad;border-color:#e3ffad}
.table-scroll .compare-select:hover{background:#234dc8;color:#f8faff!important;border-color:#234dc8}
.contact-email a:hover{color:var(--blue)!important;text-decoration:underline}
.final-cta .button:hover{background:#173994;color:#f6f9ff!important;border-color:#173994}
.atlas-toolbar button:hover{background:var(--accent-soft);color:var(--ink)}
.theme-control{margin-left:auto;order:2;display:flex;align-items:center}.theme-control select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:12px;min-height:40px;padding:8px;width:88px;cursor:pointer}.site-header .nav-account{order:3}.site-header .menu-toggle{order:4}.site-header .nav-wrap{gap:20px}.site-header nav{margin-left:auto}.theme-control select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:980px){.theme-control{order:0;margin-left:auto}.site-header .menu-toggle{margin-left:0}.site-header .nav-wrap{gap:12px}}
@media(max-width:380px){.site-header .menu-toggle>span{display:none}.site-header .menu-toggle{padding:10px}.site-header .brand{font-size:23px}.site-header .brand img{width:30px;height:30px}.site-header .nav-wrap{gap:8px}.theme-control select{width:78px}}
/* Change foreground/background together, avoiding unreadable intermediate theme colors. */
.button,.nav-account,.nav-disclosure,.compare-select,.wc-block-components-button{transition:transform .18s,box-shadow .18s!important}.site-header .mega-panel{animation:none!important}
:root[data-theme="dark"] .final-cta .button:hover{background:#173994;color:#f6f9ff!important;border-color:#173994}
:root[data-theme="dark"] .site-header .nav-account:hover{background:var(--accent-soft);color:var(--ink)!important}
:root[data-theme="dark"] .hub-content .button.blue:hover{background:#1d3eaa;color:#f8faff!important}
:root[data-theme="dark"] .wc-block-components-button:not(.is-link):hover{background:#1d3eaa;color:#f8faff!important}

.footer-appearance{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-appearance .theme-control{margin:0;order:0}.footer-appearance .theme-control select{width:120px;min-height:44px}.site-header .nav-wrap{gap:20px}.footer-appearance+.footer-bottom{margin-top:24px}
.compare-invite{border:0;background:transparent;box-shadow:none;border-radius:0;padding:10px 0;margin-top:26px;gap:20px}.compare-invite p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.compare-invite .text-link{font-size:13px}.compare-invite+.pricing-note{margin-top:18px}
@media(max-width:767px){.compare-invite{flex-direction:column;align-items:flex-start;padding:8px 0;gap:12px;margin-top:22px}}