/* Shared public interface: warm surfaces, clear actions, restrained decoration. */
:root{--mx-paper:#f7faf7;--mx-surface:#fcfefd;--mx-line:#d7e4dc;--mx-radius:24px;--mx-control-radius:14px;--mx-shadow:0 10px 28px #264c3e12;--mx-shadow-hover:0 14px 32px #264c3e1d;--mx-button-shadow:0 6px 16px #245a5520;--mx-gradient:linear-gradient(110deg,#00777b,#205c86)}
@media screen{
body{background:var(--mx-paper)}
.button{border-radius:999px;box-shadow:var(--mx-button-shadow);min-height:48px;white-space:normal;text-align:center;line-height:1.4;transition:background .16s,box-shadow .16s,border-color .16s}
.button:hover{box-shadow:var(--mx-shadow-hover)}
.button:not(.hero-choice){background:var(--mx-surface);border-color:var(--mx-action-line);color:var(--mx-action-ink)}
.button:not(.hero-choice):hover{background:var(--mx-action-hover)}
.button svg{flex:none}
:is(.signup-line,.contact-form,.demo-form,.case-intro) :is(input:not([type=checkbox]):not([type=range]):not([type=hidden]),select,textarea){border-radius:var(--mx-control-radius);border-color:#c4d7cd}
:is(.product-window,.mini-calculator,.other-calculators,.radar-launch,.public-radar-card){border-radius:var(--mx-radius);box-shadow:var(--mx-shadow)}
.product-window{border-top:1px solid #ccd9d2}
.product-tabs{gap:8px;border:0;margin-bottom:12px}
.product-tabs button{border:1px solid var(--mx-action-line);border-radius:999px;background:#fcfefd;min-height:48px;padding:12px;font-size:13px}
.product-tabs button[data-service][aria-selected=true]{background:var(--mx-action-selected);border-color:var(--mx-action-line);color:var(--mx-action-ink);box-shadow:inset 0 0 0 1px var(--mx-action-line)}
.product-tabs button[data-service][aria-selected=true] .tab-number{color:inherit;opacity:.75}
.mini-calculator{background:#fcfefd;border:1px solid var(--mx-line)}
:is(.advice,.signup-section){position:relative;isolation:isolate}
:is(.advice,.signup-section)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/magilex-teaser-assets/hero-warmth.svg') right center/auto 100% no-repeat;opacity:.34}
:is(.advice-offer,.offer){border-radius:18px}
.public-radar-header,.public-radar-footer{background:#fcfefd}
.radar-share>summary{border-radius:999px;box-shadow:0 4px 12px #264c3e0b}
.radar-next-steps{border:1px solid var(--mx-line);border-radius:var(--mx-radius);padding:24px;background:#edf5ef;box-shadow:var(--mx-shadow)}
.radar-next-steps>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;margin:5px 8px 0 0;background:#fff;border:1px solid var(--mx-line);border-radius:999px;color:#006f73}
.public-content{--sans:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;--serif:var(--sans);--line:#d7e4dc;background:var(--mx-paper)}
.public-content .header{background:transparent}
.public-content .contact-nav{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:46px;border:1px solid var(--mx-line);border-radius:999px;background:#fff;box-shadow:var(--mx-button-shadow);font-weight:700}
.public-content .content{position:relative;isolation:isolate;width:100%;max-width:780px;margin-inline:auto;padding:56px 0 72px}
.public-content .content:before{content:"";position:absolute;top:0;right:-40px;width:350px;height:280px;z-index:-1;background:url('/magilex-teaser-assets/hero-warmth.svg') right top/auto 100% no-repeat;opacity:.22;pointer-events:none}
.public-content .content h1{font-family:var(--sans);font-size:clamp(34px,4.3vw,54px);line-height:1.12;font-weight:700;letter-spacing:-.04em;margin-bottom:24px}
.public-content .content h1 em{font-style:normal;color:#006f73}
.public-content .content h2{font-family:var(--sans);font-weight:700;font-size:25px;letter-spacing:-.025em}
.public-content .content p,.public-content .content li{font-size:16px;line-height:1.8;color:#59676b}
.public-content .content .eyebrow{font-size:11px;color:#006f73;font-weight:700}
.public-content .contact-form{padding:30px;background:#fcfefd;border:1px solid var(--mx-line);border-radius:var(--mx-radius);box-shadow:var(--mx-shadow);margin-top:28px}
.public-content .contact-form :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){border-radius:var(--mx-control-radius);border-color:#c4d7cd}
.public-content .confirmation{border:1px solid var(--mx-line);border-radius:var(--mx-radius);box-shadow:var(--mx-shadow)}
.public-content .content .back{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--mx-line);border-radius:999px;background:#fff;font-size:14px;text-decoration:none;color:#006f73}
.public-content .site-footer{background:#edf4ef}
}
@media screen and (max-width:760px){.product-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tabs button{font-size:12px;gap:8px}.public-content .wrap{width:calc(100% - 40px)}.public-content .header{height:86px;gap:12px}.public-content .brand{width:130px}.public-content .nav{gap:12px}.public-content .contact-nav{padding:9px 12px;font-size:11px}.public-content .languages{padding-left:12px;gap:8px}.public-content .content{padding:32px 0 48px}.public-content .content:before{right:0;width:240px;height:230px}.public-content .content p,.public-content .content li{font-size:16px}.public-content .contact-form{padding:22px}.radar-next-steps{padding:22px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

@media screen {
    .hero-actions .button.hero-radar-button { background:transparent; color:#00666b; border:1px solid #d7a17d; box-shadow:0 2px 8px #8f4c220a; font-weight:600; }
    .hero-actions .button.hero-radar-button:hover { background:#fff7f0; color:#00585c; border-color:#c88e64; box-shadow:0 3px 10px #8f4c2212; }
}

/* Restrained action accents: light surfaces and copper outlines. */
:root{--mx-action-line:#d7a17d;--mx-action-hover:#fff7f0;--mx-action-selected:#fff1e5;--mx-action-ink:#325b5b;--mx-action-focus:#9f6038;--mx-button-shadow:0 2px 8px #8f4c220a}
@media screen{
.button:not(.hero-choice):hover{border-color:#c88e64;color:var(--mx-action-ink)}
:is(.header-cta,.hero-choice,.public-content .contact-nav,.public-content .content .back,.radar-next-steps>a,.radar-share>summary){border-color:var(--mx-action-line);box-shadow:var(--mx-button-shadow)}
:is(.hero-choice-icon,.hero-choice--advice .hero-choice-icon){background:var(--mx-action-hover);border:1px solid var(--mx-action-line);color:var(--mx-action-ink)}
.radar-public-topic-menu>summary,.radar-public-topic-menu>summary:hover,.radar-public-topic-menu[open]>summary{background:var(--mx-surface);border:1px solid var(--mx-action-line);color:var(--mx-action-ink);box-shadow:var(--mx-button-shadow)}
.radar-public-topic-menu>summary:hover,.radar-public-topic-menu[open]>summary{background:var(--mx-action-hover);border-color:#c88e64}
.radar-searchbox button,.radar-searchbox button:hover{background:transparent;color:var(--mx-action-ink);border:1px solid var(--mx-action-line);border-radius:999px}
.radar-searchbox button:hover{background:var(--mx-action-hover)}
.radar-quick-topics>a{background:var(--mx-surface);border-color:var(--mx-action-line);color:var(--mx-action-ink)}
.radar-quick-topics>a:hover{background:var(--mx-action-hover);border-color:#c88e64}
.radar-quick-topics>a.is-selected,.public-radar-pagination>[aria-current]{background:var(--mx-action-selected);border:1px solid var(--mx-action-line);color:var(--mx-action-ink);box-shadow:inset 0 0 0 1px var(--mx-action-line);font-weight:700}
.public-radar-pagination>a{border-color:var(--mx-action-line);color:var(--mx-action-ink)}
.public-radar-pagination>a:hover,.radar-share[open]>summary{background:var(--mx-action-hover);border-color:#c88e64}
.public-radar-filter-actions .button,.radar-launch .button{background:var(--mx-surface);color:var(--mx-action-ink);border:1px solid var(--mx-action-line);box-shadow:var(--mx-button-shadow)}
.public-radar-filter-actions .button:hover,.radar-launch .button:hover{background:var(--mx-action-hover);border-color:#c88e64}
:is(.radar-topics-dialog,.radar-public-topic-panel) input[type=checkbox]{accent-color:var(--mx-action-focus)}
:is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--mx-action-focus)}
.analytics-actions button{border-color:var(--mx-action-line);border-radius:999px;background:var(--mx-surface);color:var(--mx-action-ink)}
.analytics-actions button:hover{background:var(--mx-action-hover)}
}

/* Shared thin navigation chevrons; original text labels remain accessible. */
svg.ui-chevron{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-.2em;pointer-events:none}
