/* ═══════════════════════════════════════════════════════════
   MotionPilot — Shared glass design system
   Extracted verbatim from motionpilot-landing.html
   ═══════════════════════════════════════════════════════════ */

:root{
  --bg:#050506;
  --bg-1:#08080a;
  --bg-2:#0d0d10;
  --glass-fill: linear-gradient(155deg, rgba(255,255,255,.08), rgba(255,255,255,.015) 55%, rgba(255,255,255,.03));
  --glass-fill-strong: linear-gradient(155deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 60%, rgba(255,255,255,.05));
  --glass-border: rgba(255,255,255,.10);
  --glass-border-strong: rgba(255,255,255,.20);
  --text-1:#f5f5f7;
  --text-2:#a3a3ab;
  --text-3:#6b6b73;
  --red:#e43333;
  --red-2:#c92929;
  --red-light:#ff6b5a;
  --violet:#7f54dd;
  --green:#32d787;
  --grad-brand: linear-gradient(120deg,#ff6b5a 0%, #e43333 55%, #b81f1f 100%);
  --grad-violet: linear-gradient(120deg,#7f54dd 0%, #e43333 100%);
  --r-xl: 32px;
  --r-lg: 24px;
  --r-md: 18px;
  --r-sm: 12px;
  --ease: cubic-bezier(.16,1,.3,1);
  --container: 1180px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(1100px 600px at 78% -8%, rgba(228,51,51,.16), transparent 60%),
    radial-gradient(900px 500px at 10% 8%, rgba(127,84,221,.12), transparent 55%),
    var(--bg);
  color:var(--text-1);
  font-family:'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  line-height:1.8;
  min-height:100vh;
}

/* film grain */
body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  z-index:2000;
  opacity:.035;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

a{color:inherit; text-decoration:none;}
ul{list-style:none; margin:0; padding:0;}
img{max-width:100%; display:block;}
button{font-family:inherit;}
input,select,textarea{font-family:inherit;}

.wrap{max-width:var(--container); margin:0 auto; padding:0 28px;}

::selection{background:rgba(228,51,51,.35); color:#fff;}

.grad-text{
  background:var(--grad-brand);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- reveal ---------- */
.reveal,
.animate-on-scroll{opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease), transform .9s var(--ease);}
.reveal.in,
.animate-on-scroll.visible{opacity:1; transform:translateY(0);}

/* ---------- glass base ---------- */
.glass{
  background:var(--glass-fill);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 24px 60px -20px rgba(0,0,0,.65);
}

/* ---------- nav ---------- */
.nav{
  position:fixed; top:16px; right:0; left:0; z-index:1000;
  padding:0 28px;
}
.nav-inner{
  max-width:var(--container); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(155deg, rgba(20,20,23,.72), rgba(12,12,14,.55));
  border:1px solid var(--glass-border);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 12px 40px -16px rgba(0,0,0,.6);
  transition:box-shadow .35s var(--ease);
}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:17px; letter-spacing:.2px;}
.brand-mark{
  width:30px; height:30px; border-radius:9px;
  background:var(--grad-brand);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px -2px rgba(228,51,51,.55);
}
.brand-mark svg{width:16px; height:16px;}
.nav-links{display:flex; align-items:center; gap:6px;}
.nav-links a{
  font-size:14.5px; color:var(--text-2); padding:9px 16px; border-radius:999px;
  transition:color .25s var(--ease), background .25s var(--ease);
}
.nav-links a:hover{color:var(--text-1); background:rgba(255,255,255,.06);}
.nav-cta{
  display:flex; align-items:center; gap:10px;
}
.nav-burger{display:none; width:38px; height:38px; border-radius:50%; align-items:center; justify-content:center; background:rgba(255,255,255,.06); border:1px solid var(--glass-border); cursor:pointer;}
.nav-burger svg{width:17px; height:17px;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 22px; border-radius:999px; font-size:14.5px; font-weight:700;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), filter .35s var(--ease), background .35s var(--ease);
}
.btn:active{transform:scale(.97);}
.btn-primary{
  background:var(--grad-brand); color:#fff;
  box-shadow:0 10px 30px -8px rgba(228,51,51,.65), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-primary:hover{filter:brightness(1.08); box-shadow:0 14px 38px -8px rgba(228,51,51,.8), inset 0 1px 0 rgba(255,255,255,.35);}
.btn-ghost{
  background:rgba(255,255,255,.05); color:var(--text-1); border-color:var(--glass-border-strong);
}
.btn-ghost:hover{background:rgba(255,255,255,.1);}
.btn-sm{padding:9px 16px; font-size:13.5px;}
.btn-lg{padding:15px 30px; font-size:16px; border-radius:999px;}
.btn-block{width:100%;}

/* ---------- section shared ---------- */
section{padding:120px 0; position:relative;}
.section-head{max-width:640px; margin:0 auto 64px; text-align:center;}
.section-head h2{font-size:clamp(30px, 3.6vw, 44px); font-weight:800; letter-spacing:-.4px; margin:0 0 16px; line-height:1.25;}
.section-head p{font-size:16.5px; color:var(--text-2); line-height:1.8; margin:0;}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px; border-radius:999px; font-size:13px; font-weight:600; color:var(--text-2);
}
.eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--grad-brand); box-shadow:0 0 12px rgba(228,51,51,.8);}

/* ---------- hero ---------- */
.hero{position:relative; padding:172px 0 90px;}
.hero-glow{
  position:absolute; inset:-10% -10% auto -10%; height:900px; z-index:-1;
  background:
    radial-gradient(600px 420px at 70% 10%, rgba(228,51,51,.22), transparent 65%),
    radial-gradient(520px 380px at 20% 30%, rgba(127,84,221,.16), transparent 65%);
  filter:blur(10px);
  pointer-events:none;
}
.hero h1{
  font-size:clamp(38px, 5.1vw, 66px);
  line-height:1.14; font-weight:800; letter-spacing:-.5px; margin:0 0 22px;
}
.hero h1 span.thin{font-weight:300; color:var(--text-2);}
.hero p.lead{
  font-size:18px; line-height:1.85; color:var(--text-2); max-width:540px; margin:0 0 36px; font-weight:400;
}
.hero-actions{display:flex; align-items:center; gap:14px; margin-bottom:52px; flex-wrap:wrap;}
.hero-stats{display:flex; gap:36px; flex-wrap:wrap;}
.hero-stat b{display:block; font-size:24px; font-weight:800; margin-bottom:4px;}
.hero-stat span{font-size:13px; color:var(--text-3);}

/* ---------- bento features ---------- */
.bento{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;
}
.bento .card{
  border-radius:var(--r-lg); padding:28px; position:relative; overflow:hidden;
  transition:transform .45s var(--ease), border-color .45s var(--ease), background .45s var(--ease);
}
.bento .card:hover{transform:translateY(-6px); border-color:var(--glass-border-strong);}
.bento .card.big{grid-column:span 2; grid-row:span 2; padding:36px;}
.card-icon{
  width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;
  background:rgba(255,255,255,.06); border:1px solid var(--glass-border);
}
.card-icon svg{width:22px; height:22px; stroke:var(--text-1);}
.bento .card.big .card-icon{width:56px; height:56px;}
.bento .card.big .card-icon svg{width:27px; height:27px;}
.card-icon.grad{background:var(--grad-brand); border:none;}
.card-icon.grad svg{stroke:#fff;}
.card-icon.violet{background:var(--grad-violet); border:none;}
.card-icon.violet svg{stroke:#fff;}
.bento h3{font-size:17px; font-weight:700; margin:0 0 8px;}
.bento .card.big h3{font-size:24px;}
.bento p{font-size:14px; line-height:1.8; color:var(--text-2); margin:0;}
.bento .card.big p{font-size:15.5px; max-width:88%;}
.card-glow{
  position:absolute; width:220px; height:220px; border-radius:50%; filter:blur(60px); opacity:.35; z-index:-1;
  background:var(--grad-brand); top:-60px; left:-60px;
}

/* ---------- workflow strip ---------- */
.workflow-panel{
  border-radius:var(--r-xl); padding:48px; position:relative; overflow:hidden;
}
.tabstrip{display:flex; gap:10px; flex-wrap:wrap; margin-top:34px;}
.tab-chip{
  display:flex; align-items:center; gap:8px; padding:10px 18px; border-radius:999px; font-size:13.5px; font-weight:600;
  background:rgba(255,255,255,.04); border:1px solid var(--glass-border); color:var(--text-2);
  transition:all .35s var(--ease);
}
.tab-chip.active{background:var(--grad-brand); color:#fff; border-color:transparent; box-shadow:0 10px 24px -10px rgba(228,51,51,.6);}
.tab-chip svg{width:14px; height:14px;}

/* ---------- product tour gallery ---------- */
.tour-panel{border-radius:var(--r-xl); padding:44px; position:relative; overflow:hidden;}
.tour-tabs{
  display:flex; gap:8px; overflow-x:auto; padding:6px 2px 20px; margin-top:30px;
  scrollbar-width:none;
}
.tour-tabs::-webkit-scrollbar{display:none;}
.tour-tab{
  flex:none; padding:10px 18px; border-radius:999px; font-size:13.5px; font-weight:600;
  background:rgba(255,255,255,.04); border:1px solid var(--glass-border); color:var(--text-2);
  cursor:pointer; transition:all .3s var(--ease); white-space:nowrap;
}
.tour-tab:hover{color:var(--text-1); background:rgba(255,255,255,.07);}
.tour-tab.active{background:var(--grad-brand); color:#fff; border-color:transparent; box-shadow:0 10px 24px -10px rgba(228,51,51,.6);}
.tour-frame{
  border-radius:var(--r-lg); overflow:hidden; position:relative;
  border:1px solid var(--glass-border-strong);
  background:#0a0a0c;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.12);
}
.tour-frame-bar{
  display:flex; align-items:center; gap:8px; padding:14px 18px;
  background:rgba(255,255,255,.035); border-bottom:1px solid var(--glass-border);
}
.tour-frame-bar i{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.14); display:block;}
.tour-frame-bar span{margin-inline-start:auto; font-size:12px; color:var(--text-3); font-weight:600;}
.tour-frame-img-wrap{position:relative; width:100%; aspect-ratio:760/612; background:#0a0a0c;}
.tour-frame-img-wrap img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top;
  opacity:0; transition:opacity .45s var(--ease);
}
.tour-frame-img-wrap img.active{opacity:1;}

/* ---------- steps ---------- */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.step-card{border-radius:var(--r-lg); padding:34px; position:relative;}
.step-num{
  font-family:'JetBrains Mono', monospace; font-size:13px; color:var(--text-3);
  display:flex; align-items:center; gap:12px; margin-bottom:26px;
}
.step-num::after{content:""; height:1px; flex:1; background:linear-gradient(90deg, var(--glass-border), transparent);}
.step-card h3{font-size:19px; font-weight:700; margin:0 0 10px;}
.step-card p{font-size:14.5px; color:var(--text-2); line-height:1.8; margin:0;}

/* ---------- testimonials ---------- */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.testi-card{border-radius:var(--r-lg); padding:30px;}
.stars{display:flex; gap:3px; margin-bottom:18px;}
.stars svg{width:14px; height:14px; fill:var(--red-light); stroke:none;}
.testi-card p.quote{font-size:15px; line-height:1.9; color:var(--text-1); margin:0 0 22px; font-weight:400;}
.testi-person{display:flex; align-items:center; gap:12px;}
.avatar{width:38px; height:38px; border-radius:50%; background:var(--grad-violet); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;}
.testi-person b{display:block; font-size:14px;}
.testi-person span{font-size:12.5px; color:var(--text-3);}

/* ---------- pricing ---------- */
.pricing-wrap{display:flex; justify-content:center;}
.price-card{
  width:100%; max-width:560px; border-radius:var(--r-xl); padding:48px; position:relative; overflow:hidden; text-align:center;
  background:var(--glass-fill-strong);
  border:1px solid var(--glass-border-strong);
}
.price-card::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2px;
  background:conic-gradient(from 180deg, rgba(228,51,51,.6), rgba(127,84,221,.4), rgba(255,107,90,.5), rgba(228,51,51,.6));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:.5; z-index:-1;
}
.plan-badge{display:inline-block; padding:7px 16px; border-radius:999px; font-size:12.5px; font-weight:700; background:rgba(228,51,51,.15); color:var(--red-light); margin-bottom:22px;}
.price-card h3{font-size:22px; font-weight:800; margin:0 0 20px;}
.price-value{display:flex; align-items:baseline; justify-content:center; gap:8px; margin-bottom:6px;}
.price-value b{font-size:56px; font-weight:800;}
.price-value span{font-size:16px; color:var(--text-2);}
.price-sub{font-size:13.5px; color:var(--text-3); margin-bottom:36px;}
.price-list{text-align:right; display:grid; gap:14px; margin-bottom:36px; padding:0 6px;}
.price-list li{display:flex; align-items:center; gap:12px; font-size:14.5px; color:var(--text-2);}
.price-list svg{width:18px; height:18px; flex:none; stroke:var(--green);}

/* ---------- faq ---------- */
.faq-list{max-width:760px; margin:0 auto; display:grid; gap:12px;}
.faq-item{border-radius:var(--r-md); overflow:hidden;}
.faq-q{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 26px; cursor:pointer; font-size:15.5px; font-weight:700;
}
.faq-q svg{width:16px; height:16px; flex:none; transition:transform .4s var(--ease); stroke:var(--text-2);}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .5s var(--ease);}
.faq-a p{margin:0; padding:0 26px 24px; font-size:14.5px; line-height:1.85; color:var(--text-2);}
.faq-a a{color:var(--red-light); font-weight:700;}
.faq-a a:hover{text-decoration:underline;}

/* ---------- final cta ---------- */
.final-cta{
  border-radius:var(--r-xl); padding:72px 40px; text-align:center; position:relative; overflow:hidden;
}
.final-cta::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(600px 300px at 50% 0%, rgba(228,51,51,.25), transparent 70%);
}
.final-cta h2{font-size:clamp(28px,4vw,42px); font-weight:800; margin:0 0 16px;}
.final-cta p{font-size:16px; color:var(--text-2); margin:0 0 36px;}

/* ---------- footer ---------- */
footer{padding:70px 0 34px; border-top:1px solid var(--glass-border);}
.footer-top{display:grid; grid-template-columns:1.4fr repeat(3, 1fr); gap:40px; margin-bottom:56px;}
.footer-brand p{font-size:14px; color:var(--text-3); line-height:1.8; margin:16px 0 22px; max-width:280px;}
.social-row{display:flex; gap:10px;}
.social-row a{
  width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.05); border:1px solid var(--glass-border);
  transition:background .3s var(--ease), border-color .3s var(--ease);
}
.social-row a:hover{background:rgba(255,255,255,.12); border-color:var(--glass-border-strong);}
.social-row svg{width:15px; height:15px;}
.footer-col h4{font-size:13.5px; font-weight:700; color:var(--text-1); margin:0 0 18px;}
.footer-col ul{display:grid; gap:12px;}
.footer-col a{font-size:14px; color:var(--text-3); transition:color .3s;}
.footer-col a:hover{color:var(--text-1);}
.footer-bottom{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  padding-top:28px; border-top:1px solid var(--glass-border);
  font-size:13px; color:var(--text-3);
}

/* ═══════════════════════════════════════════════════════════
   AUTH PAGES (login / register / reset-password)
   ═══════════════════════════════════════════════════════════ */
.auth-body{
  display:flex; align-items:center; justify-content:center;
  padding:120px 20px 40px;
}
.auth-container{max-width:460px; width:100%; text-align:center;}
.auth-card{
  border-radius:var(--r-xl);
  padding:48px 32px;
}
.auth-logo{margin-bottom:28px;}
.auth-logo .brand-mark{width:56px; height:56px; border-radius:18px; margin:0 auto 14px;}
.auth-logo .brand-mark svg{width:28px; height:28px;}
.auth-logo h1{font-size:24px; font-weight:800; margin-bottom:4px;}
.auth-logo p{font-size:13px; color:var(--text-2);}

.form-group{margin-bottom:16px; text-align:right;}
.form-group label{
  display:block; font-size:13px; font-weight:600; color:var(--text-1); margin-bottom:6px;
}
.form-group input{
  width:100%; padding:13px 16px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--glass-border);
  border-radius:var(--r-sm);
  color:var(--text-1); font-size:14px; font-family:inherit;
  outline:none; transition:border-color .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}
.form-group input::placeholder{color:var(--text-3);}
.form-group input:focus{
  border-color:var(--red);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 3px rgba(228,51,51,.18);
}

.message{
  padding:12px 16px; border-radius:var(--r-sm);
  font-size:13px; font-weight:600; margin-bottom:18px; display:none;
  text-align:right; line-height:1.7;
}
.message.error{
  background:rgba(228,51,51,.12); border:1px solid rgba(228,51,51,.3); color:var(--red-light);
}
.message.success{
  background:rgba(50,215,135,.12); border:1px solid rgba(50,215,135,.3); color:var(--green);
}

.divider{
  display:flex; align-items:center; gap:12px;
  margin:24px 0; color:var(--text-3); font-size:12px;
}
.divider::before, .divider::after{
  content:''; flex:1; height:1px; background:var(--glass-border);
}

.auth-link{font-size:14px; color:var(--text-2);}
.auth-link a{color:var(--red-light); font-weight:700; transition:color .25s;}
.auth-link a:hover{text-decoration:underline;}

.auth-footer{text-align:center; margin-top:24px; color:var(--text-3); font-size:12px;}
.auth-footer a{color:var(--red-light); transition:color .25s;}
.auth-footer a:hover{text-decoration:underline;}

.trial-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(50,215,135,.10); border:1px solid rgba(50,215,135,.25);
  border-radius:999px; padding:7px 16px; font-size:13px; color:var(--green); font-weight:600;
  margin-bottom:28px;
}

/* Logged in / pending / success states */
.state-box{display:none; text-align:center; padding:20px 0;}
.state-box .icon{
  width:68px; height:68px; border-radius:50%;
  background:rgba(50,215,135,.1); border:1px solid rgba(50,215,135,.3);
  display:flex; align-items:center; justify-content:center; margin:0 auto 18px;
  color:var(--green);
}
.state-box .icon.pending{background:rgba(127,84,221,.1); border-color:rgba(127,84,221,.3); color:var(--violet);}
.state-box .icon.error{background:rgba(228,51,51,.1); border-color:rgba(228,51,51,.3); color:var(--red-light);}
.state-box .icon svg{width:28px; height:28px;}
.state-box h2{font-size:19px; font-weight:800; margin-bottom:8px; color:var(--text-1);}
.state-box p{color:var(--text-2); font-size:13px; line-height:1.9; margin-bottom:18px;}
.btn-logout{
  padding:10px 24px; background:transparent; border:1px solid var(--glass-border-strong);
  border-radius:999px; color:var(--text-2); font-size:13px; font-weight:600; font-family:inherit;
  cursor:pointer; transition:all .25s var(--ease);
}
.btn-logout:hover{border-color:var(--red); color:var(--red-light); background:rgba(228,51,51,.08);}

.alert{
  padding:14px 18px; border-radius:var(--r-sm); font-size:13px; margin-bottom:20px; display:none; line-height:1.8; text-align:right;
}
.alert.show{display:block;}
.alert.error{background:rgba(228,51,51,.12); color:var(--red-light); border:1px solid rgba(228,51,51,.3);}
.alert.success{background:rgba(50,215,135,.12); color:var(--green); border:1px solid rgba(50,215,135,.3);}

/* ═══════════════════════════════════════════════════════════
   CONTENT PAGES (about / privacy / terms)
   ═══════════════════════════════════════════════════════════ */
.page-hero{padding:172px 0 20px; position:relative;}
.page-hero .eyebrow{margin-bottom:18px;}
.page-hero h1{font-size:clamp(34px,4.2vw,52px); font-weight:800; letter-spacing:-.5px; margin:0 0 14px;}
.page-hero p.subtitle{font-size:17px; color:var(--text-2); max-width:620px; line-height:1.9; margin:0;}

.content-panel{
  border-radius:var(--r-xl); padding:52px; position:relative; overflow:hidden; margin-top:48px;
}
.content-panel h2{
  font-size:clamp(20px,2.4vw,26px); font-weight:800; color:var(--text-1);
  margin:40px 0 16px; display:flex; align-items:center; gap:12px;
}
.content-panel h2:first-child{margin-top:0;}
.content-panel h2::before{
  content:""; width:8px; height:26px; border-radius:4px; flex:none;
  background:var(--grad-brand);
}
.content-panel p{font-size:15.5px; color:var(--text-2); line-height:2.1; margin:0 0 16px;}
.content-panel ul{margin:0 0 20px;}
.content-panel li{
  font-size:15px; color:var(--text-2); line-height:2.1; padding-right:4px;
  display:flex; gap:12px; align-items:flex-start; margin-bottom:8px;
}
.content-panel li::before{
  content:""; width:6px; height:6px; border-radius:50%; margin-top:14px; flex:none;
  background:var(--grad-brand);
}
.content-panel a{color:var(--red-light); font-weight:700;}
.content-panel a:hover{text-decoration:underline;}
.content-panel .updated{
  display:inline-block; font-size:13px; color:var(--text-3); padding:8px 16px;
  border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--glass-border); margin-bottom:24px;
}

.stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:18px; margin:20px 0;}
.stat{border-radius:var(--r-lg); padding:30px 20px; text-align:center;}
.stat-num{
  font-size:clamp(28px,3.4vw,38px); font-weight:800; letter-spacing:-.5px;
  background:var(--grad-brand); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stat-label{font-size:13px; color:var(--text-3); margin-top:6px;}

.page-back{display:inline-flex; align-items:center; gap:8px; margin-bottom:30px; color:var(--text-2); font-size:14px; font-weight:600; transition:color .25s var(--ease);}
.page-back:hover{color:var(--text-1);}
.page-back svg{width:16px; height:16px;}

/* ---------- responsive ---------- */
@media (max-width: 980px){
  .bento{grid-template-columns:repeat(2,1fr);}
  .bento .card.big{grid-column:span 2; grid-row:span 1;}
  .steps{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr; gap:36px;}
}
@media (max-width: 720px){
  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .bento{grid-template-columns:1fr;}
  .bento .card.big{grid-column:span 1;}
  .hero p.lead{max-width:100%;}
  .hero-stats{gap:24px;}
  .footer-top{grid-template-columns:1fr;}
  section{padding:80px 0;}
  .content-panel{padding:32px 24px; border-radius:var(--r-lg);}
  .auth-card{padding:40px 22px; border-radius:var(--r-lg);}
}