
:root{--bg:#0c0e11;--card:#151922;--line:#2b3342;--white:#f4f6f8;--muted:#a7afbd;--soft:#11151c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:24px}.brand-logo img{width:150px;display:block}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--muted)}a{color:inherit;text-decoration:none}.navlinks a:hover{color:#fff}.btn{display:inline-block;padding:14px 20px;border-radius:12px;background:var(--white);color:#111;font-weight:750;border:1px solid var(--white)}.btn.secondary{background:transparent;color:#fff;border-color:var(--line)}.hero{padding:90px 0 72px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#9ca7b8;font-weight:800;margin-bottom:14px}h1{font-size:64px;line-height:.98;letter-spacing:-.055em;margin:0 0 24px;max-width:850px}h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}h3{font-size:21px;margin:0 0 10px}.lead{font-size:20px;color:#b8c0cc;max-width:760px}.hero-card,.card,.inspection{border:1px solid var(--line);background:linear-gradient(145deg,#171c25,#101319);border-radius:22px}.hero-card{padding:28px}.hero-card strong{font-size:27px;display:block;margin-bottom:8px}.hero-card p,.card p,.inspection p{color:var(--muted);margin:0}.route{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.route span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;color:#cbd1db}.light{background:#f4f6f8;color:#101216;padding:88px 0}.section-head{max-width:800px;margin-bottom:38px}.light .eyebrow{color:#667080}.light .section-head p{color:#626b78}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.light .card{background:#fff;border-color:#dce1e7;padding:26px;min-height:210px}.light .card p{color:#667080}.num{font-size:12px;letter-spacing:.15em;font-weight:800;color:#7a8492;margin-bottom:35px}.tag{display:inline-block;margin-top:18px;font-size:12px;border:1px solid #d9dee5;border-radius:999px;padding:7px 10px;color:#657080}.dark-section{padding:90px 0}.inspection{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.inspection ul{margin:18px 0 0;padding-left:20px;color:#c1c8d2}.inspection li{margin:8px 0}.note{margin-top:18px;padding:14px 16px;border-left:2px solid #d7dce4;color:#aeb6c2;background:#11151b}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.step{border-top:1px solid var(--line);padding:20px 5px;color:#aeb6c2}.step b{display:block;color:#fff;margin-bottom:6px}.cta{padding:80px 0;text-align:center;background:#f4f6f8;color:#111}.cta p{color:#69717c;max-width:650px;margin:0 auto 24px}.cta .btn{background:#111;color:#fff;border-color:#111}footer{padding:34px 0;color:#7e8795;font-size:13px;border-top:1px solid #202630}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.grid{grid-template-columns:1fr 1fr}.inspection{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}h1{font-size:48px}}@media(max-width:620px){.grid,.flow{grid-template-columns:1fr}h1{font-size:40px}h2{font-size:34px}.wrap{width:min(100% - 28px,1180px)}nav .btn{padding:11px 13px;font-size:13px}}


/* MOVARIS v15 — visual energy / premium contrast */
:root{--ice:#b9d7ff;--ice2:#e7f1ff;--glow:rgba(121,174,255,.16);--warm:#f5f2ec}
body{background:linear-gradient(180deg,#090b0e 0%,#0d1117 38%,#090b0e 100%)}
body::before{content:"";position:fixed;z-index:-2;width:42vw;height:42vw;right:-16vw;top:9vh;border-radius:50%;background:radial-gradient(circle,rgba(111,164,244,.11),transparent 68%);filter:blur(18px);pointer-events:none}
nav{position:relative;z-index:10}.navlinks a:hover{color:#fff}
.btn{border-radius:999px;padding:14px 22px}.btn:not(.secondary){background:linear-gradient(135deg,#fff,#e7f1ff);box-shadow:0 8px 28px rgba(151,194,255,.12)}
.btn.secondary:hover{border-color:#73849c;background:rgba(255,255,255,.045)}
.eyebrow,.tag,.path-kicker,.num{color:var(--ice)!important}
.hero{position:relative}.hero::before{content:"";position:absolute;left:-18%;top:-20%;width:55%;height:80%;background:radial-gradient(circle,rgba(102,158,239,.12),transparent 68%);pointer-events:none;z-index:-1}
h1{background:linear-gradient(105deg,#fff 20%,#d8e8ff 58%,#fff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-brand-panel,.hero-card{border-color:#334155;box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 70px rgba(92,148,230,.06)}
section{position:relative}.section-head h2{font-size:clamp(36px,4vw,48px)}
.card,.path-card,.trust-card,.panel,.formbox,.service,.step{border-color:#303a49}
.card:hover,.path-card:hover,.trust-card:hover{border-color:#62738b}
.band{background:linear-gradient(135deg,#f7f9fc 0%,#edf3f9 52%,#f8f6f1 100%);position:relative;overflow:hidden}
.band::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(110,164,235,.18),transparent 68%)}
.band .eyebrow,.band .tag,.band .num{color:#52729b!important}.band h2,.band h3{color:#10141a}.band .card{box-shadow:0 16px 45px rgba(23,39,60,.07)}
/* alternating breathing surfaces without turning the site bright */
main>section:nth-of-type(3n+2):not(.band):not(.trust-section){background:linear-gradient(180deg,rgba(21,28,38,.72),rgba(12,15,20,.32));border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025)}
.metric strong,.price{letter-spacing:-.035em}.metric strong{background:linear-gradient(90deg,#fff,#b9d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
input,select,textarea{background:rgba(10,14,20,.72);border-color:#344052;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s,background .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#7da8df;box-shadow:0 0 0 4px rgba(125,168,223,.11);background:#0d131b}
.formbox{background:linear-gradient(155deg,rgba(24,31,42,.94),rgba(14,18,25,.96));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.trust-section{background:radial-gradient(circle at 18% 0%,rgba(105,160,239,.10),transparent 30%),#090c10}.trust-card{background:linear-gradient(155deg,#171d26,#0e1218)}
.path-card.primary{background:linear-gradient(145deg,#fbfcfe,#e9f2fb 62%,#f6f3ed);box-shadow:0 24px 65px rgba(22,45,75,.11)}
.path-card:not(.primary)::after,.card:not(.primary)::after{content:"";position:absolute;inset:auto -30% -55% 30%;height:120px;background:radial-gradient(ellipse,rgba(112,169,249,.08),transparent 68%);pointer-events:none}
.path-card,.card{position:relative;overflow:hidden}
footer{background:rgba(6,8,11,.65);margin-top:0}
/* premium micro accents */
.status-badge,.badge,.chip,.filter-chip{box-shadow:inset 0 0 0 1px rgba(183,215,255,.06)}
@media(max-width:760px){body::before{width:80vw;height:80vw;right:-42vw}.section-head h2{font-size:34px}.btn{padding:13px 18px}}



/* MOVARIS v16 — WOW layer: cinematic, premium, energetic */
:root{--electric:#86b9ff;--cyan:#8ff0ff;--violet:#bda7ff;--lime:#d8ff9b;--ink:#07090c;--glass:rgba(16,22,31,.62)}
body{background:#080a0e;color:#f8fafc;}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:
radial-gradient(900px 620px at 8% 8%,rgba(115,159,255,.13),transparent 68%),
radial-gradient(760px 560px at 92% 28%,rgba(96,230,255,.09),transparent 70%),
radial-gradient(820px 620px at 52% 100%,rgba(176,132,255,.08),transparent 72%),#080a0e}
.wrap>nav{position:sticky;top:14px;z-index:80;margin-top:14px;padding:13px 16px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(8,11,16,.70);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.brand-logo img{height:42px}.navlinks{gap:21px}.navlinks a{font-size:13px;color:#bbc5d4}.navlinks a:hover{color:white}
.btn{position:relative;overflow:hidden;border:0;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#fff 0%,#eaf3ff 40%,#d8f8ff 70%,#fff 100%);transition:transform .35s ease}.btn:hover:before{transform:scale(1.06)}
.btn.secondary{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.hero.sales-hero{min-height:76vh;padding-top:86px;padding-bottom:86px;gap:64px}.hero-copy{position:relative;z-index:3}.hero-copy:after{content:"MOVARIS";position:absolute;left:-8px;bottom:-74px;font-size:clamp(76px,11vw,150px);font-weight:900;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none;z-index:-1;white-space:nowrap}
.hero h1{font-size:clamp(58px,7vw,92px);line-height:.94;max-width:790px;text-wrap:balance;background:linear-gradient(102deg,#fff 0%,#dceaff 36%,#91dfff 64%,#fff 94%);background-size:180% auto;animation:v16Title 8s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes v16Title{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero .lead{font-size:21px;max-width:640px;color:#b7c1d0}.hero .actions{margin-top:36px}.hero .btn{padding:16px 25px}
.hero-brand-panel{min-height:500px;border-radius:36px;border:1px solid rgba(190,220,255,.15);background:linear-gradient(145deg,rgba(22,30,42,.92),rgba(7,10,15,.88));box-shadow:0 45px 130px rgba(0,0,0,.5),0 0 110px rgba(90,160,255,.12);overflow:hidden;isolation:isolate}
.hero-brand-panel:after{content:"";position:absolute;inset:8%;border:1px solid rgba(160,205,255,.11);border-radius:50%;box-shadow:0 0 0 45px rgba(136,187,255,.018),0 0 0 90px rgba(136,187,255,.012);animation:v16Orbit 18s linear infinite}
.hero-brand-panel .v16-orbit{position:absolute;inset:0;z-index:0}.hero-brand-panel .v16-orbit:before,.hero-brand-panel .v16-orbit:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.hero-brand-panel .v16-orbit:before{width:260px;height:260px;left:-60px;top:40px;background:radial-gradient(circle,rgba(100,200,255,.23),transparent 68%)}.hero-brand-panel .v16-orbit:after{width:310px;height:310px;right:-100px;bottom:-40px;background:radial-gradient(circle,rgba(180,130,255,.18),transparent 68%)}
.hero-brand-panel>img{width:min(76%,470px);z-index:4;filter:drop-shadow(0 24px 65px rgba(0,0,0,.55))}
.v16-chip{position:absolute;z-index:7;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,12,18,.66);backdrop-filter:blur(14px);font-size:10px;font-weight:800;letter-spacing:.13em;color:#dcecff;box-shadow:0 12px 38px rgba(0,0,0,.28);animation:v16Float 6s ease-in-out infinite}.v16-chip.c1{top:16%;left:7%}.v16-chip.c2{top:22%;right:7%;animation-delay:-1.7s}.v16-chip.c3{bottom:17%;left:10%;animation-delay:-3s}.v16-chip.c4{bottom:12%;right:9%;animation-delay:-4.3s}
@keyframes v16Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes v16Orbit{to{transform:rotate(360deg)}}
.v16-ribbon{margin:0 calc(50% - 50vw);width:100vw;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(121,183,255,.10),rgba(255,255,255,.035),rgba(146,240,255,.08));transform:rotate(-1.15deg);transform-origin:center}
.v16-ribbon-track{display:flex;width:max-content;gap:36px;padding:13px 0;animation:v16Marquee 24s linear infinite;text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:800;color:#dbe9fb}.v16-ribbon-track span:after{content:"✦";margin-left:36px;color:#8edfff}@keyframes v16Marquee{to{transform:translateX(-50%)}}
.sales-choice{padding-top:80px}.dual-paths{gap:22px}.path-card{border-radius:28px;padding:32px;min-height:280px}.path-card.primary{background:linear-gradient(145deg,#fff 0%,#edf6ff 56%,#e8f9fb 100%);box-shadow:0 30px 90px rgba(43,95,154,.16)}.path-card:not(.primary){background:radial-gradient(circle at 90% 10%,rgba(100,181,255,.16),transparent 35%),linear-gradient(145deg,#151d29,#0c1118)}.path-card h3{font-size:32px}.path-card .path-link{font-size:15px}
.sales-process{clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);padding-top:110px;padding-bottom:110px}.sales-process .card{border-radius:24px;padding:31px;min-height:230px;box-shadow:0 18px 45px rgba(35,57,84,.07)}.sales-process .num{font-size:32px;font-weight:900;letter-spacing:-.04em;color:#7ba5d5!important}.sales-process .card h3{font-size:23px}
.sales-trust{padding:120px 0;background:radial-gradient(circle at 0% 40%,rgba(84,155,255,.12),transparent 33%)}.sales-trust-grid{gap:90px}.sales-trust h2{font-size:clamp(46px,5vw,68px)}.proof-list>div{position:relative;padding:28px 0 28px 54px}.proof-list>div:before{content:"✓";position:absolute;left:0;top:26px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9f5ff,#b9ecff);color:#081018;font-weight:900;box-shadow:0 8px 28px rgba(124,207,255,.15)}
.sales-care{background:linear-gradient(105deg,#101722 0%,#0a0e14 52%,#121824 100%);overflow:hidden;padding:82px 0}.sales-care:after{content:"CARE";position:absolute;right:-1vw;top:-42px;font-size:200px;font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.025);pointer-events:none}.care-row{position:relative;z-index:2}.sales-care h2{font-size:52px}
.final-box{border-radius:34px;padding:60px;background:linear-gradient(125deg,#fff 0%,#e9f5ff 52%,#dcf7f8 100%);box-shadow:0 40px 110px rgba(40,95,140,.17);overflow:hidden;position:relative}.final-box:after{content:"→";position:absolute;right:24%;top:-48px;font-size:220px;font-weight:900;color:rgba(66,123,169,.055);transform:rotate(-18deg)}
.card,.formbox,.panel,.service,.step{backdrop-filter:blur(12px)}
.formbox{border-radius:28px!important;background:linear-gradient(155deg,rgba(24,34,48,.88),rgba(9,13,19,.94))!important;border:1px solid rgba(158,200,255,.15)!important;box-shadow:0 30px 100px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important}
input,select,textarea{border-radius:14px!important;padding:15px 16px!important}.field label{margin-bottom:8px;font-weight:650;letter-spacing:.01em}
section:not(.band):not(.sales-care):not(.sales-final):before{content:"";position:absolute;left:50%;top:0;width:min(1180px,86vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(130,190,255,.13),transparent);pointer-events:none}
@media(max-width:900px){.wrap>nav{top:8px}.hero.sales-hero{min-height:auto}.hero-brand-panel{min-height:390px}.hero-copy:after{display:none}.sales-process{clip-path:none}.sales-care h2{font-size:40px}.final-box{padding:38px}.v16-chip{font-size:9px}}
@media(max-width:620px){.hero h1{font-size:50px}.hero-brand-panel{min-height:330px;border-radius:26px}.v16-chip{padding:8px 10px}.path-card{padding:26px}.sales-trust{padding:80px 0}.sales-care:after{font-size:120px;top:-10px}.v16-ribbon{transform:none}.final-box:after{display:none}}
@media(prefers-reduced-motion:reduce){.hero h1,.v16-chip,.v16-ribbon-track,.hero-brand-panel:after{animation:none!important}}


/* MOVARIS v26 — responsive QA: mobile navigation + touch targets */
.mobile-nav-toggle,.mobile-nav-panel{display:none}
@media(max-width:900px){
  nav:has(.navlinks){gap:9px!important;position:relative!important}
  nav:has(.navlinks) .brand-logo,nav:has(.navlinks) .logo,nav:has(.navlinks) .brand{margin-right:auto!important;flex:0 0 auto}
  .mobile-nav-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(185,215,255,.18);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;cursor:pointer;font:800 20px/1 Arial,sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.18)}
  .mobile-nav-toggle:hover{background:rgba(255,255,255,.08);border-color:rgba(185,215,255,.34)}
  .mobile-nav-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:120;padding:9px;border:1px solid rgba(185,215,255,.16);border-radius:18px;background:rgba(8,12,18,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(0,0,0,.48)}
  .mobile-nav-panel.open{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .mobile-nav-panel a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;color:#dbe5f2!important;background:rgba(255,255,255,.025);font-size:12px!important;font-weight:750!important;line-height:1.2!important}
  .mobile-nav-panel a:hover{background:rgba(145,205,255,.09);border-color:rgba(155,215,255,.18)}
}
@media(max-width:460px){
  nav:has(.navlinks)>.btn{padding:11px 13px!important;font-size:11px!important;white-space:nowrap}
}
@media(max-width:520px){
  .mini-tab,.mini-choice-v22{min-height:42px!important;padding-top:10px!important;padding-bottom:10px!important}
  .quick,.reset,.compare-actions button,.compare-toggle{min-height:42px!important}
  .apply-filter-v20{min-height:46px!important}
}



/* MOVARIS v18 — global CTA contrast fix */
.btn{position:relative;z-index:0;isolation:isolate;color:#0b0f15!important;background:linear-gradient(135deg,#ffffff 0%,#eaf3ff 55%,#dceeff 100%)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 10px 30px rgba(119,180,255,.16)!important;text-shadow:none!important}
.btn:before{background:linear-gradient(110deg,#ffffff 0%,#eef6ff 42%,#d8f5ff 72%,#ffffff 100%)!important;z-index:-1!important}
.btn:hover{color:#070b10!important;border-color:#fff!important;box-shadow:0 14px 38px rgba(119,180,255,.25)!important}
.btn.secondary,.btn.ghost{color:#f7fbff!important;background:rgba(8,13,21,.72)!important;border:1px solid rgba(205,226,255,.32)!important;box-shadow:0 8px 28px rgba(0,0,0,.20)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn.secondary:before,.btn.ghost:before{background:linear-gradient(115deg,rgba(19,29,43,.96),rgba(10,16,25,.92))!important}
.btn.secondary:hover,.btn.ghost:hover{color:#fff!important;border-color:rgba(215,234,255,.62)!important;background:rgba(16,25,38,.92)!important;box-shadow:0 13px 34px rgba(73,143,232,.16)!important}
/* Light surfaces need the inverse treatment so CTAs never disappear on white cards/sections. */
.light .btn,.cta .btn,.stock-box .btn,.final-box .btn,.light-section .btn,[class*="light"] .btn{color:#f8fbff!important;background:linear-gradient(135deg,#111923,#182536)!important;border:1px solid #25364b!important;box-shadow:0 12px 30px rgba(13,22,34,.18)!important}
.light .btn:before,.cta .btn:before,.stock-box .btn:before,.final-box .btn:before,.light-section .btn:before,[class*="light"] .btn:before{background:linear-gradient(115deg,#111923 0%,#1b2a3d 58%,#15202e 100%)!important}
.light .btn:hover,.cta .btn:hover,.stock-box .btn:hover,.final-box .btn:hover,.light-section .btn:hover,[class*="light"] .btn:hover{color:#fff!important;border-color:#4b6b91!important;box-shadow:0 16px 38px rgba(24,44,68,.24)!important}
.light .btn.secondary,.cta .btn.secondary,.stock-box .btn.secondary,.final-box .btn.secondary,.light-section .btn.secondary,[class*="light"] .btn.secondary{color:#172131!important;background:rgba(255,255,255,.72)!important;border:1px solid #9facbd!important;box-shadow:none!important}
.light .btn.secondary:before,.cta .btn.secondary:before,.stock-box .btn.secondary:before,.final-box .btn.secondary:before,.light-section .btn.secondary:before,[class*="light"] .btn.secondary{background:transparent!important}
/* Keep text above the animated button layer in every browser. */
.btn{overflow:hidden}
