/* =========================================================
   CARMIGO SECURITIES — SHARED LIGHT THEME
========================================================= */
:root{
  --bg:#f6f8fa;
  --white:#fff;
  --navy:#10202b;
  --text:#17242d;
  --muted:#71808a;
  --soft:#f1f5f7;
  --border:#e4eaee;
  --green:#12b886;
  --green2:#20c997;
  --cyan:#16c7cf;
  --blue:#3b82f6;
  --red:#ef5350;
  --shadow:0 14px 45px rgba(18,38,50,.07);
  --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(228,234,238,.8);backdrop-filter:blur(18px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:190px;height:58px;object-fit:contain}
.desktop-nav{display:flex;gap:32px;align-items:center}
.desktop-nav a{font-size:13px;color:#63747e;font-weight:600}
.desktop-nav a:hover{color:var(--navy)}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 19px;font-size:13px;font-weight:800;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--green),var(--cyan));color:#062019;box-shadow:0 10px 25px rgba(18,184,134,.15)}
.btn-outline{background:#fff;border:1px solid var(--border);color:var(--navy)}
.btn-soft{background:#fff;border:1px solid var(--border);color:var(--navy)}
.btn-large{padding:15px 23px;font-size:14px}
.menu-btn{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;width:42px;height:42px}
.mobile-nav{display:none}
.hero{padding:165px 0 95px;background:radial-gradient(circle at 80% 15%,rgba(18,184,134,.09),transparent 30%),linear-gradient(180deg,#fff 0,#f6fbfa 100%)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(18,184,134,.18);background:rgba(18,184,134,.06);color:#07936b;padding:8px 13px;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:1.4px}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(18,184,134,.55)}
.hero h1{margin-top:25px;font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-4px}
.hero h1 em,.auth-intro h1 em{font-style:normal;background:linear-gradient(100deg,var(--green),var(--cyan),#6b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:600px;margin-top:24px;color:var(--muted);font-size:17px;line-height:1.75}
.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#71818a;font-size:10px}
.trust-row span::first-letter{color:var(--green)}
.hero-visual{position:relative;padding-bottom:35px}
.portfolio-card{background:#fff;border:1px solid #dfe8ec;border-radius:28px;padding:22px;box-shadow:0 30px 80px rgba(16,41,53,.12)}
.portfolio-top{display:flex;justify-content:space-between;gap:20px}
.portfolio-top span:first-child{display:block;color:#7b8b94;font-size:11px}
.portfolio-top strong{display:block;margin-top:7px;font-size:29px}
.portfolio-top small{display:block;color:var(--green);margin-top:5px;font-weight:800}
.ai-pill{align-self:flex-start;padding:9px 12px;border-radius:10px;background:#effcf8;border:1px solid #d4f5e9;color:#07936b;font-size:9px;font-weight:900}
.hero-chart{height:240px;margin-top:20px;position:relative;overflow:hidden;border-radius:14px;background:#fbfdfd}
.chart-grid,.chart-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(22,55,68,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,55,68,.045) 1px,transparent 1px);background-size:55px 45px}
.hero-chart svg{position:absolute;width:100%;height:100%}
.hero-fill{fill:url(#heroFill)}
.hero-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(18,184,134,.25));stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2.4s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.index-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.index-row div{padding:13px;border:1px solid #edf1f3;border-radius:13px;background:#fbfcfd}
.index-row span{display:block;color:#84929a;font-size:9px}
.index-row strong{display:block;margin-top:5px;font-size:14px}
.index-row b{display:block;margin-top:3px;color:var(--green);font-size:9px}
.ai-float{position:absolute;left:-30px;bottom:0;width:260px;padding:15px;border-radius:17px;background:#fff;border:1px solid #d8eee6;box-shadow:0 18px 50px rgba(18,70,62,.13);display:flex;gap:10px}
.ai-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--cyan));color:#052019;font-weight:900}
.ai-float strong{display:block;font-size:11px}.ai-float span{display:block;color:#80929b;font-size:8px;margin-top:2px}.ai-float p{margin-top:9px;color:#60727c;font-size:9px;line-height:1.5}
.stats-strip{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid>div{padding:25px;border-right:1px solid var(--border)}.stats-grid>div:last-child{border:0}
.stats-grid strong{display:block;font-size:28px}.stats-grid span{display:block;margin-top:4px;color:#83919a;font-size:9px;font-weight:800;letter-spacing:.8px}
.section{padding:120px 0}.section-soft{background:#f2f6f8}
.section-head{max-width:700px;margin-bottom:48px}.section-label{display:block;color:#07936b;font-size:10px;font-weight:900;letter-spacing:2px}.section-head h2{margin-top:13px;font-size:clamp(35px,4vw,56px);line-height:1.05;letter-spacing:-2.4px}.section-head p{margin-top:17px;color:var(--muted);font-size:15px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.feature-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;min-height:225px;box-shadow:0 5px 20px rgba(20,40,50,.025);transition:.3s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cdeee3}
.feature-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#effbf7;color:var(--green);font-size:18px}.feature-card h3{margin-top:22px;font-size:17px}.feature-card p{margin-top:10px;color:#7a8a93;font-size:12px;line-height:1.65}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:23px;min-height:145px;transition:.25s}.product-card:hover{transform:translateY(-4px);border-color:#cdeee3}.product-card small{color:#9aa6ad;font-size:9px;font-weight:900}.product-card h3{margin-top:20px;font-size:16px}.product-card p{margin-top:6px;color:#82909a;font-size:10px}
.ai-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.ai-demo{background:#fff;border:1px solid #dfe8ec;border-radius:23px;padding:22px;box-shadow:var(--shadow)}.ai-demo-head{display:flex;align-items:center;gap:10px}.ai-demo-head strong{display:block;font-size:12px}.ai-demo-head span{display:block;color:#84949c;font-size:8px;margin-top:3px}.ai-demo-head>b{margin-left:auto;color:var(--green);font-size:8px}.chat{padding:13px 15px;border-radius:13px;font-size:10px;line-height:1.6;margin-top:15px}.chat.user{background:#f2f5f7;color:#65757f;margin-left:15%}.chat.bot{background:#effbf7;border:1px solid #d9f3e9;color:#526a73}.ai-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.ai-tags span{padding:11px;border-radius:10px;background:#f7f9fa;color:#72828b;font-size:9px}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:27px}.why-card strong{font-size:17px}.why-card p{margin-top:9px;color:#7a8992;font-size:12px;line-height:1.65}
.about-box{max-width:800px}.about-box h2{margin-top:13px;font-size:48px;letter-spacing:-2px}.about-box p{margin-top:17px;color:var(--muted);font-size:15px;line-height:1.8}.about-box strong{color:var(--navy)}
.cta-section{padding:20px 0 100px}.cta-box{text-align:center;background:linear-gradient(135deg,#effcf8,#f4fbfd);border:1px solid #d9eee7;border-radius:30px;padding:75px 30px}.cta-box h2{margin-top:12px;font-size:clamp(37px,5vw,58px);line-height:1;letter-spacing:-2.5px}.cta-box p{max-width:600px;margin:17px auto 28px;color:var(--muted);line-height:1.7;font-size:14px}
footer{background:#fff;border-top:1px solid var(--border);padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-logo{width:180px;height:55px;object-fit:contain}.footer-grid p{max-width:340px;margin-top:15px;color:#7c8b93;font-size:11px;line-height:1.7}.footer-grid h4{font-size:11px;margin-bottom:16px}.footer-grid a{display:block;margin-bottom:10px;color:#7c8b93;font-size:11px}.footer-grid a:hover{color:var(--green)}.disclaimer{border-top:1px solid var(--border);margin-top:45px;padding-top:22px;color:#85929a;font-size:9px;line-height:1.8}.copyright{margin-top:16px;color:#9aa5ab;font-size:9px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.desktop-nav{display:none}.menu-btn{display:block}.hero-grid,.ai-section{grid-template-columns:1fr}.hero-visual{max-width:680px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.nav{height:70px}.brand img{width:155px}.nav-actions .btn-outline{display:none}.mobile-nav{position:absolute;top:70px;left:14px;right:14px;padding:18px;display:none;flex-direction:column;gap:15px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.mobile-nav.open{display:flex}.mobile-nav a{font-size:13px;color:#63747e}.hero{padding:120px 0 65px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-text{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.ai-float{left:8px;width:calc(100% - 16px);bottom:-70px}.hero-visual{padding-bottom:85px}.index-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:18px;border-bottom:1px solid var(--border)}.section{padding:85px 0}.feature-grid,.product-grid,.why-grid{grid-template-columns:1fr}.ai-tags{grid-template-columns:1fr}.about-box h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}