/* ImagePilot — Indian-flag inspired premium theme */
:root{
  --saffron:#FF9933; --white:#ffffff; --green:#138808; --navy:#000080; --chakra:#0a3d91;
  --bg:#070b1f; --bg2:#0b1233; --text:#eaf0ff; --muted:#9aa6d4; --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.06); --glass2:rgba(255,255,255,.10);
  --grad:linear-gradient(120deg,#FF9933 0%,#ffd9b0 40%,#7CFF9E 60%,#138808 100%);
  --radius:18px;
}
html[data-theme="light"]{
  --bg:#f4f6ff; --bg2:#eaeeff; --text:#0f1836; --muted:#5566a0; --line:rgba(12,20,50,.12);
  --glass:rgba(255,255,255,.7); --glass2:rgba(255,255,255,.85);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:radial-gradient(1200px 700px at 15% -10%,#12204f 0%,var(--bg) 55%);
  color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  overflow-x:hidden;min-height:100vh}
html[data-theme="light"] body{background:radial-gradient(1200px 700px at 15% -10%,#dfe6ff 0%,var(--bg) 55%)}
a{color:inherit;text-decoration:none}
.hidden{display:none!important}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* animated backdrop */
#bg3d{position:fixed;inset:0;z-index:0;opacity:.55;pointer-events:none}
.glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;z-index:0;pointer-events:none;animation:float 14s ease-in-out infinite}
.g1{width:460px;height:460px;background:var(--saffron);top:-80px;left:-60px}
.g2{width:420px;height:420px;background:var(--green);bottom:-120px;right:-40px;animation-delay:-5s}
.g3{width:360px;height:360px;background:var(--chakra);top:40%;left:55%;animation-delay:-9s}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-40px)}}

/* navbar */
.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:16px 6vw;backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(7,11,31,.6),transparent);
  transition:background .3s,box-shadow .3s}
.nav.scrolled{background:rgba(7,11,31,.82);box-shadow:0 8px 30px rgba(0,0,0,.35)}
html[data-theme="light"] .nav.scrolled{background:rgba(244,246,255,.9)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--grad);color:#08122e;font-size:16px;transform:rotate(-20deg);box-shadow:0 6px 20px rgba(255,153,51,.4)}
.brand-name b{color:var(--saffron)}
.nav-links{display:flex;gap:26px;font-weight:600;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:10px}
.icon-btn{background:var(--glass);border:1px solid var(--line);color:var(--text);width:38px;height:38px;
  border-radius:11px;cursor:pointer;font-size:16px}

/* buttons */
.btn{border:1px solid var(--line);background:var(--glass);color:var(--text);padding:10px 18px;border-radius:12px;
  cursor:pointer;font-weight:700;font-size:14px;transition:transform .15s,box-shadow .25s,background .25s;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--primary);color:#fff;border:none;box-shadow:0 10px 26px rgba(79,70,229,.3)}
.btn.primary:hover{box-shadow:0 14px 34px rgba(255,153,51,.4)}
.btn.ghost{background:transparent}
.btn.glass{background:var(--glass2);backdrop-filter:blur(8px)}
.btn.lg{padding:14px 26px;font-size:16px}
.btn.full{width:100%;padding:13px;margin-top:6px}

/* hero */
.hero{position:relative;z-index:2;padding:60px 6vw 40px}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1240px;margin:0 auto}
.pill{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--muted);margin-bottom:18px}
.hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.03;margin:0 0 16px;font-weight:900;letter-spacing:-1px}
.lead{font-size:18px;color:var(--muted);max-width:520px;margin:0 0 26px;line-height:1.55}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:600}

/* hero visual 3D card stack */
.hero-visual{perspective:1200px;display:flex;justify-content:center}
.card-stack{position:relative;width:min(440px,90%);height:400px;transform-style:preserve-3d}
.glass-card{position:absolute;inset:0;border-radius:22px;background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.gc-back{transform:translateZ(-60px) translateY(-26px) rotate(-6deg);background:linear-gradient(135deg,rgba(255,153,51,.25),rgba(19,136,8,.2))}
.gc-mid{transform:translateZ(-10px) translateY(8px) rotate(3deg);overflow:hidden;padding:0}
.gc-front{transform:translateZ(50px) translateY(40px);padding:18px}
.ba{position:relative;width:100%;height:100%}
.ba-before{position:absolute;inset:0;background:linear-gradient(135deg,#3a4a7a,#1c2748)}
.ba-after{position:absolute;inset:0;width:52%;background:
  conic-gradient(from 45deg,#FF9933,#ffffff,#138808,#FF9933);opacity:.9;
  -webkit-mask:linear-gradient(#000,#000);border-right:2px solid #fff}
.ba-tag{position:absolute;bottom:12px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;background:rgba(0,0,0,.5);color:#fff}
.ba-tag.before{left:12px}.ba-tag.after{right:12px;background:rgba(19,136,8,.85)}
.chip-row{display:flex;gap:8px;margin-bottom:14px}
.chip{padding:6px 12px;border-radius:999px;background:var(--glass2);border:1px solid var(--line);font-size:12px;font-weight:700}
.mini-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mt{height:64px;border-radius:14px;background:var(--glass2);border:1px solid var(--line);display:grid;place-items:center;font-size:24px;transition:transform .2s}
.mt:hover{transform:translateY(-4px) scale(1.05)}

.tricolor-bar{height:6px;border-radius:6px;max-width:1240px;margin:44px auto 0;
  background:linear-gradient(90deg,var(--saffron) 0 33%,#ffffff 33% 66%,var(--green) 66% 100%);opacity:.85}

/* sections */
.section{position:relative;z-index:2;padding:70px 6vw;max-width:1240px;margin:0 auto}
.sec-head{text-align:center;margin-bottom:40px}
.sec-head h2{font-size:clamp(28px,3.6vw,44px);margin:0 0 10px;font-weight:900}
.sec-head p{color:var(--muted);font-size:17px;margin:0}

/* tools grid */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.tool{position:relative;padding:22px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(12px);transition:transform .2s,box-shadow .3s,border-color .3s;overflow:hidden}
.tool:hover{transform:translateY(-6px);border-color:var(--saffron);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.tool .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:14px;
  background:var(--grad);color:#08122e}
.tool h4{margin:0 0 6px;font-size:16px}
.tool p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.tool .soon{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;
  background:rgba(255,153,51,.2);color:var(--saffron);border:1px solid rgba(255,153,51,.4)}

/* passport */
.passport-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.passport-copy h2{font-size:clamp(26px,3.4vw,40px);margin:10px 0 14px;font-weight:900}
.passport-copy p{color:var(--muted);font-size:17px;line-height:1.55}
.ticks{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px}
.ticks li{padding-left:28px;position:relative;color:var(--text)}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900;
  background:rgba(19,136,8,.15);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;top:1px}
.passport-visual{perspective:1200px;display:flex;justify-content:center}
.sheet{width:min(360px,90%);aspect-ratio:210/297;background:var(--glass2);border:1px solid var(--line);border-radius:14px;
  padding:20px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.45);transform-style:preserve-3d}
.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%}
.sheet-grid .pp{border-radius:6px;position:relative;
  background:linear-gradient(160deg,#33436f,#20305a);outline:1px dashed rgba(255,255,255,.25);outline-offset:3px}
.sheet-grid .pp::after{content:"";position:absolute;left:50%;top:34%;width:34%;height:34%;transform:translateX(-50%);
  border-radius:50%;background:rgba(255,255,255,.18)}
.sheet-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}

/* pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{padding:26px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:8px;position:relative}
.price-card.featured{border-color:var(--saffron);box-shadow:0 20px 60px rgba(255,153,51,.2);transform:scale(1.03)}
.price-card h3{margin:0;font-size:18px}
.price-card .price{font-size:34px;font-weight:900}
.price-card .price small{font-size:14px;color:var(--muted);font-weight:600}
.price-card ul{list-style:none;padding:0;margin:6px 0 16px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}
.price-card ul li::before{content:"✓ ";color:var(--green);font-weight:800}
.price-card .btn{margin-top:auto}
.price-card .tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--grad);color:#08122e;
  font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px}
.fineprint{text-align:center;color:var(--muted);font-size:12.5px;margin-top:18px}

/* footer */
.footer{position:relative;z-index:2;text-align:center;padding:40px 6vw;border-top:1px solid var(--line);color:var(--muted)}
.footer .brand{justify-content:center;margin-bottom:8px}

/* auth modal */
.modal-back{position:fixed;inset:0;z-index:60;background:rgba(4,6,20,.72);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .25s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.auth-card{width:100%;max-width:420px;background:var(--glass2);border:1px solid var(--line);border-radius:20px;
  padding:26px;backdrop-filter:blur(20px);box-shadow:0 40px 100px rgba(0,0,0,.55);position:relative;
  animation:pop .3s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pop{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer}
.auth-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;justify-content:center;margin-bottom:16px}
.auth-tabs{display:flex;gap:6px;background:var(--glass);padding:5px;border-radius:12px;margin-bottom:16px}
.atab{flex:1;border:none;background:transparent;color:var(--muted);padding:10px;border-radius:9px;cursor:pointer;font-weight:700}
.atab.active{background:var(--primary);color:#fff}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.auth-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-form input{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text);font-size:14px}
html[data-theme="light"] .auth-form input{background:rgba(255,255,255,.7)}
.auth-form input:focus{outline:none;border-color:var(--saffron)}
.amsg{min-height:16px;font-size:13px;color:#ff9b9b}
.amsg.ok{color:#8ff0a4}

/* reveal + tilt */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .hero-inner,.passport-wrap{grid-template-columns:1fr}
  .hero-visual{margin-top:20px}
  .price-grid{grid-template-columns:1fr}
  .price-card.featured{transform:none}
  .nav-links{display:none}
}

/* professional plan feature list */
.price-card ul.pfeat{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:9px;text-align:left}
.price-card ul.pfeat li{position:relative;padding-left:27px;font-size:14px;line-height:1.35}
.price-card ul.pfeat li:before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;font-size:11px;font-weight:800;background:rgba(19,136,8,.18);color:#4ade80}
.price-card ul.pfeat li.off{opacity:.5}
.price-card ul.pfeat li.off:before{content:"✕";background:rgba(255,255,255,.12);color:#cbd5e1}

/* ---------- 3D / engaging enhancements ---------- */
.grad{background-size:220% auto;animation:gradShift 6s ease infinite}
@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* attention-grabbing primary CTA */
.cta-pulse{position:relative;animation:ctaPulse 2s ease-in-out infinite;box-shadow:0 10px 30px rgba(255,153,51,.35)}
.cta-pulse:hover{animation-play-state:paused}
@keyframes ctaPulse{0%{transform:translateY(0) scale(1);box-shadow:0 10px 30px rgba(255,153,51,.35)}50%{transform:translateY(-3px) scale(1.035);box-shadow:0 18px 46px rgba(255,153,51,.55)}100%{transform:translateY(0) scale(1);box-shadow:0 10px 30px rgba(255,153,51,.35)}}
.cta-pulse:before{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid rgba(255,153,51,.55);animation:ctaRing 2s ease-out infinite;pointer-events:none}
@keyframes ctaRing{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}

/* hero visual float + deeper 3D */
.hero-visual .card-stack{animation:floaty 6s ease-in-out infinite;transform-style:preserve-3d}
@keyframes floaty{0%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-14px) rotateX(3deg) rotateY(-3deg)}100%{transform:translateY(0) rotateX(0) rotateY(0)}}

/* tools: 3D lift on hover */
.tool{transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s;transform-style:preserve-3d}
.tool:hover{transform:translateY(-8px) rotateX(6deg);box-shadow:0 26px 60px rgba(0,0,0,.45);border-color:rgba(255,153,51,.5)}
.tool .ico{transition:transform .25s}
.tool:hover .ico{transform:translateZ(24px) scale(1.12)}

/* pricing: featured card pops in 3D */
.price-card{transition:transform .25s,box-shadow .25s}
.price-card:hover{transform:translateY(-8px)}
.price-card.featured{transform:scale(1.04);box-shadow:0 30px 70px rgba(79,70,229,.3)}
.price-card.featured:hover{transform:scale(1.06) translateY(-6px)}

/* footer legal links */
.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin:10px 0}
.footer-links a{color:var(--muted,#9aa6d4);text-decoration:none;font-size:13.5px}
.footer-links a:hover{color:#fff;text-decoration:underline}

/* ---------- legal pages ---------- */
.legal{max-width:860px;margin:0 auto;padding:110px 22px 70px}
.legal .back{display:inline-block;margin-bottom:18px;color:#9aa6d4;text-decoration:none;font-size:14px}
.legal .back:hover{color:#fff}
.legal h1{font-size:34px;margin:0 0 6px;line-height:1.15}
.legal .upd{color:#9aa6d4;font-size:13px;margin-bottom:28px}
.legal h2{font-size:20px;margin:30px 0 10px;color:#fff}
.legal p,.legal li{color:#cdd6f4;line-height:1.75;font-size:15px}
.legal ul{padding-left:20px;margin:8px 0}
.legal a{color:#FF9933}
.legal .lgcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 24px;margin-top:14px}
html[data-theme="light"] .legal p,html[data-theme="light"] .legal li{color:#2a3358}
html[data-theme="light"] .legal h2{color:#0f1836}

/* ============ CLEAN REDESIGN — no gradients, CTA-focused ============ */
:root{ --primary:#FF9933; --ink:#08122e; }
body{background:var(--bg)!important}
html[data-theme="light"] body{background:var(--bg)!important}
.glow{display:none!important}
#bg3d{opacity:.18}
/* solid brand accent instead of gradient text */
.grad{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--saffron)!important;animation:none!important}
.brand-mark{background:var(--saffron)!important;color:var(--ink)!important;box-shadow:none!important}
.brand-name b{color:var(--saffron)!important}
/* solid primary CTA */
.btn.primary{background:var(--saffron)!important;color:var(--ink)!important;border:none!important;box-shadow:0 10px 26px rgba(255,153,51,.32)!important}
.btn.primary:hover{background:#ffab54!important;box-shadow:0 16px 40px rgba(255,153,51,.5)!important}
.tool .ico{background:var(--saffron)!important;color:var(--ink)!important}
/* clean glass instead of gradient card faces */
.gc-back{background:var(--glass)!important}
.ba-before{background:#26305a!important}
.ba-after{background:var(--green)!important;-webkit-mask:none;mask:none}
/* clean nav */
.nav{background:rgba(9,13,32,.72)!important;border-bottom:1px solid var(--line)}
html[data-theme="light"] .nav{background:rgba(244,246,255,.82)!important}
/* CTA focus */
.hero-cta{margin-bottom:12px}
.hero-cta .btn.primary.lg{font-size:18px;padding:16px 32px}
.cta-sub{color:var(--muted);font-size:14px;font-weight:600;margin:0 0 20px}
.cta-band{position:relative;z-index:2;max-width:1040px;margin:30px auto 0;padding:52px 6vw;text-align:center;
  background:var(--glass);border:1px solid var(--line);border-radius:26px}
.cta-band h2{font-size:clamp(26px,3.6vw,42px);margin:0 0 8px;font-weight:900}
.cta-band p{color:var(--muted);font-size:17px;margin:0 0 24px}
.cta-band .btn.primary.lg{font-size:18px;padding:16px 34px}

/* ===== logo layout fix — constrain uploaded logo, drop coloured box when a logo is present ===== */
.brand-mark:has(img){background:transparent!important;box-shadow:none!important;border-radius:4px!important;width:auto!important;height:36px!important;padding:0!important;transform:none!important;overflow:visible}
.brand-mark img{height:36px!important;width:auto!important;max-width:200px!important;object-fit:contain!important;display:block!important}
.nav{flex-wrap:nowrap}
.brand{max-width:72vw;min-width:0;overflow:hidden}
.footer .brand-mark:has(img){height:30px!important}
.footer .brand-mark img{height:30px!important}

/* ===== welcome / start-free popup ===== */
.welcome-pop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:18px;
  background:rgba(4,7,20,.72);backdrop-filter:blur(8px);animation:wpFade .25s ease}
.welcome-pop.hidden{display:none}
@keyframes wpFade{from{opacity:0}to{opacity:1}}
.welcome-box{position:relative;width:min(440px,94vw);text-align:center;padding:34px 30px 26px;border-radius:22px;
  background:var(--bg2);border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.6);
  animation:wpPop .4s cubic-bezier(.2,.9,.3,1.2)}
@keyframes wpPop{from{transform:translateY(24px) scale(.94);opacity:0}to{transform:none;opacity:1}}
.welcome-x{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}
.welcome-x:hover{color:#fff}
.welcome-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.4px;padding:5px 12px;border-radius:999px;
  background:rgba(255,153,51,.16);color:var(--saffron);border:1px solid rgba(255,153,51,.4);margin-bottom:14px}
.welcome-logo{display:flex;justify-content:center;margin-bottom:12px}
.welcome-logo .brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:var(--saffron);color:#08122e}
.welcome-box h2{font-size:26px;margin:0 0 10px;font-weight:900;line-height:1.15}
.welcome-box h2 .trial-days,.welcome-box .saffron{color:var(--saffron)}
.welcome-box>p{color:var(--muted);font-size:15px;margin:0 0 16px;line-height:1.55}
.welcome-feats{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;text-align:left;max-width:280px;margin-inline:auto}
.welcome-feats li{position:relative;padding-left:26px;font-size:14px;color:var(--text)}
.welcome-feats li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;font-size:11px;font-weight:800;background:rgba(19,136,8,.2);color:#4ade80}
.welcome-box .btn.primary.lg{width:100%;font-size:17px;padding:15px}
.welcome-later{display:block;margin:12px auto 0;background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer}
.welcome-later:hover{color:#fff;text-decoration:underline}

/* ---------- FAQ (SEO) ---------- */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:2px 18px;transition:border-color .2s}
.faq-item[open]{border-color:rgba(255,153,51,.5)}
.faq-item summary{list-style:none;cursor:pointer;font-weight:700;font-size:16px;padding:16px 0;position:relative;padding-right:28px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:2px;top:14px;font-size:22px;color:#FF9933;transition:transform .2s}
.faq-item[open] summary:after{content:"–"}
.faq-item p{margin:0 0 16px;color:var(--muted,#9aa1c0);line-height:1.6;font-size:15px}

/* ---------- Mobile (phones) — fully responsive ---------- */
@media(max-width:600px){
  html{-webkit-text-size-adjust:100%}
  .nav{padding:10px 16px}
  .nav-actions .btn.ghost{display:none}
  .hero{padding-top:76px}
  .hero h1{font-size:31px;line-height:1.12}
  .hero .lead{font-size:15.5px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
  .btn.lg{padding:14px 18px;font-size:15px}
  .trust{flex-wrap:wrap;gap:8px;font-size:12px}
  .section{padding:52px 16px}
  .sec-head h2,.cta-band h2{font-size:25px}
  .tools-grid{grid-template-columns:1fr 1fr;gap:12px}
  .tool{padding:16px}
  .passport-wrap{gap:22px}
  .ticks li{font-size:14px}
  .price-grid{grid-template-columns:1fr}
  .faq-item summary{font-size:15px}
  .footer{padding:34px 16px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:12px}
  .welcome-box,.auth-card{width:calc(100vw - 28px);max-width:420px}
}
@media(max-width:380px){
  .hero h1{font-size:27px}
  .tools-grid{grid-template-columns:1fr}
}
/* Respect reduced-motion + calmer animations on small screens for performance */
@media(max-width:600px){
  .cta-pulse{animation:none}
  .hero-visual .card-stack{animation:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

.footer-addr{color:var(--muted,#9aa1c0);font-size:13px;margin:6px 0 0}