
/* Ellohost Aurora — shared visual identity, 26 September 2026 */
:root{--green:#5260ed;--green2:#7883ff;--ehg:#5260ed;--ehg2:#7883ff;--ehgd:#424bcc;--ink:#101538;--ehink:#101538;--soft:#f6f7ff;--ehsoft:#f6f7ff;--line:#e5e7f5;--ehline:#e5e7f5}
body{color:#101538;background:#fff}
.eh26-header{background:rgba(255,255,255,.92);border-bottom:1px solid #e9eaf6;backdrop-filter:blur(18px)}
.eh26-nav-shell{height:82px}
.eh26-btn-primary,.btn-primary,.home-audit-url-row button{background:linear-gradient(125deg,#5260ed,#6d58e8)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 7px 20px #5260ed26!important}
.eh26-btn-client{color:#454cbb;border-color:#d7d9f3;background:#f9f9ff}
.eh26-navlinks>a:hover,.eh26-nav-dropbtn:hover{color:#4e55ce}
.eh26-mega-icon,.eh26-breadth-grid>div>span{color:#5260ed!important;background:#eef0ff!important}
.eh26-brand img{filter:hue-rotate(112deg) saturate(.8)}
.seo-landing-hero,.service-pro-hero,.hero,.eh26-hero{background:radial-gradient(ellipse at 9% 16%,#f9e6f480,transparent 45%),radial-gradient(ellipse at 90% 25%,#cfe7ffb0,transparent 45%),radial-gradient(ellipse at 65% 70%,#e9ddff90,transparent 40%),linear-gradient(180deg,#fcfcff,#fff)!important}
.seo-hero-content>h1{max-width:960px;line-height:1.06;letter-spacing:-.05em;color:#101538}
.home-title-accent{background:linear-gradient(110deg,#5357e9,#428cf9);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.seo-hero-content>p{color:#626b88;line-height:1.7;max-width:720px}
.seo-hero-eyebrow{background:#ffffffc9!important;border:1px solid #dfe3ff!important;color:#5058c1!important;box-shadow:0 4px 18px #5260ed08}
.seo-hero-actions .btn{border-radius:12px;padding:15px 24px}
.seo-hero-bullets{color:#596584}
.seo-benefits-section,.seo-module-section,.seo-team-section,.seo-oscar-compare{background:#fff}
.seo-method-section,.seo-options-section,.section.alt{background:#f8f9ff}
.home-audit-shell,.seo-inline-audit-shell,.service-final-shell{background:radial-gradient(ellipse at 100% 0,#deebff,transparent 60%),linear-gradient(120deg,#fcf5fc,#f3f5ff)!important;border:1px solid #e1e5fa!important;box-shadow:0 16px 45px #525eaa09}
.home-solution-card,.seo-benefits-grid article,.seo-module-grid article,.seo-method-grid article,.seo-compare-card,.seo-plan-card{border-color:#e4e7f4!important;border-radius:22px!important;box-shadow:0 12px 38px #27315b08!important}
.home-solution-card:hover,.seo-benefits-grid article:hover{border-color:#a9b3fa!important;box-shadow:0 18px 45px #5260ed14!important;transform:translateY(-4px)}
.home-solution-card:has(.home-solution-old){background:linear-gradient(180deg,#fff,#f7f8ff)}
.home-solution-card:has(.home-solution-old) .home-solution-price,.home-solution-link{color:#4955cb!important}
.seo-compare-card.is-after{background:linear-gradient(135deg,#171a40,#2d285a)!important}
.seo-compare-card.is-after h3{color:#fff}
.is-after .seo-compare-label{background:#ffffff12;color:#bcc8ff}
.is-after li{color:#e5e9ff}.is-after li:before{color:#a5b7ff}
.seo-pricing-section{background:#12162f!important}
.seo-pricing-section .seo-section-head h2{color:#fff}
.seo-plan-card.is-featured{outline-color:#9caaff!important}
.seo-plan-card.is-featured:before{background:#aab8ff!important;color:#172045!important}
.seo-plan-features li{line-height:1.55}
.eh26-footer{background:#11162f!important;color:#e6e9f5}
.eh26-footer-wordmark b em{color:#a7b4ff}
.eh26-footer-payments>div:first-child>span,.eh26-payment-methods>span{background:#222947}
.eh26-footer-payments small{color:#abb4ca}
.elios-art{margin:40px auto 0;max-width:1040px}
.elios-art img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:26px;border:1px solid #e7e9f5;box-shadow:0 28px 80px #5260ed14}
.elios-art figcaption{font-size:11px;line-height:1.5;color:#737d96;text-align:center;margin:12px 0 0}
.seo-detail-visual .elios-art{margin:0}
.seo-detail-visual .elios-art img{border-radius:20px;box-shadow:0 16px 48px #5260ed12}
.seo-detail-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}
.seo-detail-section{padding:64px 0}
.seo-detail-section:nth-of-type(even){background:#fafaff}
.elios-corrections{padding:40px 0 64px}
.elios-corrections h2{text-align:center;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}
.elios-corrections>div>p{max-width:680px;margin:auto;text-align:center;color:#626b88}
a:focus-visible,button:focus-visible{outline:3px solid #879aff;outline-offset:4px}
@media(max-width:760px){.seo-detail-grid{grid-template-columns:1fr;gap:26px}.seo-detail-section.is-reverse .seo-detail-copy{order:0}.elios-art{margin-top:28px}.elios-art img{border-radius:16px}.seo-detail-section{padding:40px 0}.seo-hero-content>h1{font-size:clamp(34px,8.5vw,52px)}.eh26-nav-shell{height:72px}.seo-hero-actions{gap:10px}.seo-hero-actions .btn{padding:14px 18px}.elios-art figcaption{font-size:10px}.home-trust-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Screenshot correction: decorative pseudo-element must never cover artwork. */
.seo-landing .seo-detail-visual:has(.elios-art)::before{content:none!important;display:none!important}
.seo-detail-visual .elios-art{position:relative;z-index:1;width:100%;min-width:0}
.seo-detail-visual .elios-art img{display:block;width:100%;height:auto;object-fit:contain}
.seo-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.eh26-footer .eh26-payment-badges{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:10px;padding:22px 0!important}
.eh26-payment-badges .eh26-payment-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:68px;height:38px;padding:0 13px;background:#fff;border:1px solid #e3e7f0;border-radius:7px;color:#15203b;font:700 12px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-shadow:none}
.eh26-payment-badge svg{display:block;width:39px;height:26px}
.eh26-payment-badge.pay-visa{color:#1434cb;font-size:18px;font-style:italic;font-weight:900}
.eh26-payment-badge.pay-amex{background:#2165b3;border-color:#2165b3;color:#fff;font-size:10px;text-align:center;line-height:1.05}
.eh26-payment-badge.pay-shop{background:#5a31f4;border-color:#5a31f4;color:#fff}
@media(max-width:760px){.seo-detail-grid{grid-template-columns:minmax(0,1fr)}.seo-detail-section.is-reverse .seo-detail-copy{order:0}.seo-detail-section.is-reverse .seo-detail-visual{order:1}.eh26-footer .eh26-payment-badges{gap:8px}.eh26-payment-badges .eh26-payment-badge{min-width:61px;height:35px;padding:0 10px}}
