/*
Theme Name: Mevara Premium Landing
Theme URI: https://mevara.ai
Author: Mevara
Author URI: https://mevara.ai
Description: A premium one-page WordPress landing theme for Mevara, your private shopping assistant.
Version: 2.1.0
License: GPL-2.0-or-later
Text Domain: mevara-premium
*/

:root{
  --bg:#060A1D;
  --bg2:#0B1230;
  --card:rgba(255,255,255,.075);
  --card2:rgba(255,255,255,.105);
  --line:rgba(255,255,255,.16);
  --text:#F8FAFC;
  --muted:#B8C2D9;
  --muted2:#8A94B1;
  --blue:#20B8FF;
  --purple:#8B38FF;
  --violet:#B158FF;
  --green:#24D18F;
  --shadow:0 28px 90px rgba(0,0,0,.46);
  --radius:28px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:radial-gradient(circle at 70% 10%, rgba(107,42,255,.28), transparent 34%), radial-gradient(circle at 10% 22%, rgba(25,180,255,.16), transparent 30%), linear-gradient(135deg, #050816 0%, #07102C 52%, #0B0727 100%);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mv-wrap{width:min(var(--max), calc(100% - 40px)); margin-inline:auto}
.mv-glow{position:fixed; inset:auto -20% -25% -20%; height:55vh; pointer-events:none; background:radial-gradient(ellipse at center, rgba(28,108,255,.22), transparent 50%); filter:blur(20px); z-index:-1}

.mv-header{
  position:sticky; top:0; z-index:20;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg, rgba(5,8,22,.82), rgba(5,8,22,.48));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mv-nav{height:84px; display:flex; align-items:center; justify-content:space-between; gap:22px}
.mv-brand{display:flex; align-items:center; gap:14px; min-width:0}
.mv-logo{width:54px; height:54px; border-radius:16px; object-fit:cover; box-shadow:0 0 34px rgba(91,98,255,.30)}
.mv-word{font-size:28px; letter-spacing:.34em; font-weight:650; line-height:1}
.mv-links{display:flex; align-items:center; gap:34px; color:#E8ECFF; font-weight:560}
.mv-links a{opacity:.88}.mv-links a:hover{opacity:1;color:white}
.mv-btn{display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:15px 24px; font-weight:750; background:linear-gradient(135deg, var(--blue), var(--purple)); box-shadow:0 16px 48px rgba(78,85,255,.35); border:1px solid rgba(255,255,255,.18)}
.mv-btn.secondary{background:rgba(255,255,255,.08);box-shadow:none;border-color:rgba(255,255,255,.18)}

.mv-hero{position:relative; padding:72px 0 58px; min-height:760px; overflow:hidden}
.mv-hero:before{content:""; position:absolute; inset:0; background:url('assets/images/mevara-banner.jpeg') center/cover no-repeat; opacity:.28; filter:saturate(1.1); transform:scale(1.02); z-index:-2}
.mv-hero:after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(5,8,22,.98) 0%, rgba(5,8,22,.84) 38%, rgba(5,8,22,.42) 68%, rgba(5,8,22,.82) 100%); z-index:-1}
.mv-hero-grid{display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:42px}
.mv-kicker{display:inline-flex; gap:10px; align-items:center; border:1px solid rgba(255,255,255,.17); background:rgba(255,255,255,.075); color:#DCE7FF; padding:10px 14px; border-radius:999px; font-size:14px; font-weight:650; margin-bottom:28px}
.mv-dot{width:9px;height:9px;border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--purple)); box-shadow:0 0 20px var(--blue)}
h1{font-size:clamp(48px,7vw,86px); line-height:.98; letter-spacing:-.055em; margin:0 0 24px; max-width:720px}
.mv-grad{background:linear-gradient(90deg, #1FB7FF, #7D52FF, #B95BFF); -webkit-background-clip:text; background-clip:text; color:transparent}
.mv-sub{font-size:clamp(18px,2vw,24px); line-height:1.55; color:#D5DCEF; max-width:640px; margin:0 0 32px}
.mv-cta{display:flex; gap:14px; flex-wrap:wrap; margin:0 0 38px}
.mv-mini{display:grid; grid-template-columns:repeat(4, minmax(80px,1fr)); gap:12px; max-width:620px}
.mv-mini-card{padding:18px 14px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); border-radius:20px; min-height:118px}
.mv-mini-icon{font-size:28px; line-height:1; margin-bottom:12px; color:#69C8FF}
.mv-mini-card b{display:block; font-size:13px; letter-spacing:.07em; margin-bottom:4px}.mv-mini-card span{font-size:13px;color:var(--muted)}
.mv-device-card{position:relative; border-radius:34px; padding:14px; background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.06)); border:1px solid rgba(255,255,255,.18); box-shadow:var(--shadow)}
.mv-device-card img{border-radius:26px; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 18%}
.mv-float{position:absolute; right:22px; bottom:22px; max-width:320px; background:rgba(4,8,28,.78); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.15); border-radius:20px; padding:16px 18px; box-shadow:0 20px 50px rgba(0,0,0,.3)}
.mv-float b{display:block}.mv-float span{color:var(--muted); font-size:14px}

section{padding:86px 0}.mv-section-title{max-width:760px; margin:0 auto 44px; text-align:center}.mv-section-title h2{font-size:clamp(34px,4.8vw,58px); line-height:1.04; letter-spacing:-.04em; margin:0 0 14px}.mv-section-title p{margin:0;color:var(--muted);font-size:19px;line-height:1.6}
.mv-categories{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}.mv-cat{overflow:hidden; border-radius:26px; min-height:320px; border:1px solid rgba(255,255,255,.14); background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)); box-shadow:0 22px 70px rgba(0,0,0,.26); padding:14px; display:flex; flex-direction:column}.mv-cat-media{position:relative; flex:1; min-height:170px; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.10); background:rgba(0,0,0,.14)}.mv-cat-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(4,7,24,.02), rgba(4,7,24,.18))}.mv-cat img{width:100%;height:100%;object-fit:cover; position:absolute; inset:0}.mv-cat-copy{position:relative; margin-top:14px; background:rgba(6,10,29,.88); border:1px solid rgba(255,255,255,.10); border-radius:18px; padding:16px 16px 14px; min-height:96px}.mv-cat-copy b{font-size:21px; display:block}.mv-cat-copy p{color:#D7DEEF;margin:7px 0 0;line-height:1.45;font-size:14px}.mv-cat.one{grid-column:span 2}.mv-cat.four{grid-column:span 2}.mv-cat.one .mv-cat-media,.mv-cat.four .mv-cat-media{min-height:220px}

.mv-panel{border:1px solid rgba(255,255,255,.14); background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); border-radius:34px; padding:34px; box-shadow:var(--shadow)}
.mv-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}.mv-step{padding:28px; border-radius:26px; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.12)}.mv-num{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;font-weight:800;margin-bottom:18px}.mv-step h3{font-size:24px;margin:0 0 10px}.mv-step p{color:var(--muted);line-height:1.6;margin:0}

.mv-split{display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center}.mv-split h2{font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}.mv-split p{color:var(--muted);font-size:18px;line-height:1.7}.mv-list{display:grid; gap:12px; margin-top:24px}.mv-list div{display:flex;gap:12px;align-items:flex-start;color:#E7ECFF}.mv-check{color:var(--green);font-weight:900}.mv-privacy-card{min-height:420px; display:flex; flex-direction:column; justify-content:end; background:linear-gradient(145deg, rgba(32,184,255,.16), rgba(139,56,255,.12)), url('assets/images/mevara-logo.jpeg') center/cover no-repeat; background-blend-mode:screen; border-radius:34px; border:1px solid rgba(255,255,255,.16); padding:28px; box-shadow:var(--shadow); overflow:hidden}.mv-privacy-card small{color:#EAF1FF; font-size:15px; line-height:1.55; background:rgba(5,8,22,.72); border:1px solid rgba(255,255,255,.14); border-radius:20px; padding:18px; backdrop-filter:blur(12px)}

.mv-beta{padding:90px 0 110px}.mv-beta-box{text-align:center; border-radius:42px; padding:62px 28px; background:radial-gradient(circle at 70% 20%, rgba(146,72,255,.26), transparent 30%), linear-gradient(135deg, rgba(32,184,255,.14), rgba(139,56,255,.16)); border:1px solid rgba(255,255,255,.16); box-shadow:var(--shadow)}.mv-beta-box h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;margin:0 0 16px}.mv-beta-box p{color:var(--muted);max-width:680px;margin:0 auto 30px;font-size:19px;line-height:1.65}.mv-form{display:flex; max-width:560px; margin:0 auto; gap:10px}.mv-form input{flex:1; border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:17px 20px; background:rgba(5,8,22,.6); color:white; font:inherit; outline:none}.mv-form button{border:0;color:white;cursor:pointer}.mv-disclaimer{color:#D5DCEF;font-size:14px;line-height:1.65;max-width:720px;margin:22px auto 0;opacity:.92}
.mv-footer{padding:32px 0; border-top:1px solid rgba(255,255,255,.09); color:var(--muted2)}.mv-footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.mv-footer-brand{display:flex;gap:10px;align-items:center}.mv-footer-brand img{width:34px;height:34px;border-radius:10px}

@media(max-width:900px){.mv-links{display:none}.mv-nav{height:72px}.mv-word{font-size:21px}.mv-logo{width:44px;height:44px}.mv-hero{padding:48px 0; min-height:auto}.mv-hero-grid,.mv-split{grid-template-columns:1fr}.mv-mini{grid-template-columns:repeat(2,1fr)}.mv-categories,.mv-steps{grid-template-columns:1fr}.mv-cat,.mv-cat.one,.mv-cat.four{grid-column:auto}.mv-form{flex-direction:column}.mv-footer-row{flex-direction:column;align-items:flex-start}}


/* WPForms beta form polish */
.mv-wpforms-wrap{max-width:620px;margin:0 auto 0;text-align:left}
.mv-wpforms-wrap .wpforms-container{margin:0!important}
.mv-wpforms-wrap .wpforms-field{padding:0 0 14px!important}
.mv-wpforms-wrap .wpforms-field-label{color:#F8FAFC!important;font-weight:700!important;margin-bottom:8px!important}
.mv-wpforms-wrap input[type=text],
.mv-wpforms-wrap input[type=email],
.mv-wpforms-wrap textarea{width:100%!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;padding:15px 17px!important;background:rgba(5,8,22,.62)!important;color:#fff!important;font:inherit!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important}
.mv-wpforms-wrap input::placeholder,
.mv-wpforms-wrap textarea::placeholder{color:#9BA8C8!important}
.mv-wpforms-wrap textarea{min-height:110px!important}
.mv-wpforms-wrap .wpforms-submit-container{padding-top:4px!important;text-align:center!important}
.mv-wpforms-wrap button[type=submit],
.mv-wpforms-wrap .wpforms-submit{border:0!important;color:#fff!important;cursor:pointer!important;border-radius:999px!important;padding:15px 28px!important;font-weight:800!important;background:linear-gradient(135deg, var(--blue), var(--purple))!important;box-shadow:0 16px 48px rgba(78,85,255,.35)!important;min-width:170px!important}
.mv-wpforms-wrap .wpforms-error{color:#FFD0D0!important}
.mv-wpforms-wrap label.wpforms-error{font-size:13px!important;margin-top:6px!important}
.mv-wpforms-wrap .wpforms-confirmation-container-full{background:rgba(36,209,143,.10)!important;border:1px solid rgba(36,209,143,.28)!important;color:#EFFFF8!important;border-radius:18px!important;padding:18px!important}