/* AventarIA marketing site. Palette: navy #152D40, ivory #F6F4EF, copper #AD633E, sage #64837A. */
:root{
  --navy:#112A48;--navy-2:#0A1C31;--navy-3:#1d3a52;--ivory:#F6F4EF;--copper:#B87449;--copper-2:#C9855C;--sage:#64837A;
  --ink:#16202b;--muted:#5b6470;--line:#e4dfd6;--card:#fff;--wa:#e7ffdb;--wa-bg:#0b141a;
  --r:16px;--shadow:0 24px 60px rgba(14,34,49,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--copper)}
img,svg{display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--sage);margin:0 0 14px}
h1,h2,h3{letter-spacing:-.02em;margin:0}
h1{font-size:60px;line-height:1.02;font-weight:800}
h2{font-size:40px;line-height:1.08;font-weight:800;color:var(--navy)}
h3{font-size:20px;line-height:1.25;font-weight:700;color:var(--navy)}
.lead{font-size:19px;color:var(--muted);max-width:640px;margin:16px 0 0}
section{padding:96px 0}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:12px;font-weight:700;text-decoration:none;font-size:16px;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--copper);color:#fff;box-shadow:0 10px 24px rgba(184,116,73,.35)}
.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-dark{background:var(--navy);color:#fff}

/* top bar */
.top{position:absolute;inset:0 0 auto;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{height:36px;width:auto;display:block}

.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.nav a{color:#cfd9df;text-decoration:none;font-size:15px}
.nav a.lang{border:1px solid rgba(255,255,255,.25);padding:3px 9px;border-radius:999px;font-size:13px}

/* hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:132px 0 96px;
  background:radial-gradient(1200px 600px at 80% -10%,#274B73 0%,rgba(36,80,111,0) 60%),linear-gradient(180deg,var(--navy-2),var(--navy) 70%)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.08)}
.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 32% 8%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 58% 22%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff4 50%,transparent 51%),radial-gradient(1px 1px at 22% 40%,#fff3 50%,transparent 51%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero .eyebrow{color:#9fb6c3}
.hero h1 .clock{color:var(--copper-2)}
.hero .sub{font-size:20px;color:#d3dde3;max-width:560px;margin:22px 0 30px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .micro{color:#93a8b4;font-size:14px;margin-top:16px}

/* phone */
.phone{width:330px;margin-left:auto;border-radius:44px;padding:12px;background:#0a1720;box-shadow:var(--shadow),inset 0 0 0 1px #28465c}
.screen{border-radius:34px;overflow:hidden;background:var(--wa-bg);min-height:560px;display:flex;flex-direction:column}
.status{display:flex;justify-content:space-between;color:#e9edef;font-size:13px;font-weight:600;padding:12px 22px 6px}
.chat-h{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;background:#1f2c34;color:#e9edef}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--copper);display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff}
.chat-h small{display:block;color:#8696a0;font-size:12px}
.chat{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(circle at 20% 20%,#11212b 0,#0b141a 70%)}
.msg{align-self:flex-start;max-width:88%;background:#202c33;color:#e9edef;border-radius:0 12px 12px 12px;padding:9px 11px 18px;font-size:14px;line-height:1.42;position:relative;opacity:0;transform:translateY(8px)}
.msg b{color:#fff}
.msg .t{position:absolute;right:9px;bottom:4px;font-size:11px;color:#8696a0}
.msg.alert{border-left:3px solid var(--copper-2)}
.msg.show{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.demo-note{color:#8fa4b0;font-size:12px;text-align:center;margin:10px 0 0}

/* proof counters */
.proof{background:#fff;border-bottom:1px solid var(--line)}
.proof .wrap{padding:34px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat b{display:block;font-size:40px;line-height:1;font-weight:800;color:var(--navy);letter-spacing:-.03em}
.stat span{color:var(--muted);font-size:14px}
.proof small{grid-column:1/-1;color:var(--muted);font-size:13px}

/* night timeline */
.night{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff}
.night h2{color:#fff}
.night .lead{color:#b9c8d0}
.timeline{margin-top:48px;position:relative;display:grid;gap:14px}
.timeline:before{content:"";position:absolute;left:78px;top:6px;bottom:6px;width:2px;background:linear-gradient(#3a5a72,var(--copper))}
.tl{display:grid;grid-template-columns:64px 1fr;gap:34px;align-items:start;opacity:.35;transform:translateX(-6px);transition:all .5s ease}
.tl.on{opacity:1;transform:none}
.tl time{font-variant-numeric:tabular-nums;font-weight:800;color:var(--copper-2);font-size:18px;text-align:right;padding-top:14px}
.tl .box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 18px;position:relative}
.tl .box:before{content:"";position:absolute;left:-23px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--copper-2);box-shadow:0 0 0 4px rgba(199,122,82,.25)}
.tl h3{color:#fff;font-size:18px}
.tl p{margin:4px 0 0;color:#b9c8d0;font-size:15px}

/* decisions mock */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.app{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(21,45,64,.12);overflow:hidden}
.app-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.app-h b{color:var(--navy)}
.pill{font:600 12px/1 ui-monospace,Menlo,monospace;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 9px}
.dec{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 12px;padding:12px 14px;border-radius:12px;background:#faf9f6;border-left:4px solid #e8930c}
.dec.crit{border-left-color:#e5484d}
.dec .chip{font-size:12px;font-weight:600;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:#fff;white-space:nowrap}
.dec p{margin:0;font-size:15px}
.dec .v{font-weight:800;color:var(--navy);white-space:nowrap}
.dec .act{font-size:13px;color:#6b5fa0;white-space:nowrap}
.done{padding:12px 18px 16px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.checks li{display:flex;gap:12px}
.checks li:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:3px}

/* price bars */
.bars{display:grid;gap:14px;margin-top:10px}
.bar{display:grid;grid-template-columns:120px 1fr 110px;gap:12px;align-items:center;font-size:15px}
.bar .track{height:14px;background:#efece5;border-radius:999px;overflow:hidden}
.bar .fill{height:100%;width:0;border-radius:999px;background:var(--sage);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bar.hi .fill{background:#c9a28b}
.bar b{text-align:right;color:var(--navy)}
.save{margin-top:18px;display:inline-block;background:#fff4ed;color:var(--copper);font-weight:800;border-radius:12px;padding:10px 14px}

/* verbs */
.verbs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}
.verb{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;transition:transform .2s,box-shadow .2s}
.verb:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,45,64,.08)}
.verb .ic{width:40px;height:40px;border-radius:12px;background:#f3ece6;display:grid;place-items:center;margin-bottom:14px}
.verb .ic svg{width:22px;height:22px;stroke:var(--copper);fill:none;stroke-width:2}
.verb small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--sage);margin-bottom:4px}
.verb p{margin:8px 0 0;color:var(--muted);font-size:15px}
.verb a{font-size:14px;font-weight:600}

/* mornings */
.mornings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.morning{border-radius:var(--r);padding:26px}
.morning.before{background:#fff;border:1px solid var(--line)}
.morning.after{background:var(--navy);color:#fff}
.morning.after h3{color:#fff}
.morning ul{margin:14px 0 0;padding-left:18px}
.morning li{margin:6px 0}
.morning.before li{color:var(--muted)}
.morning.after li{color:#d3dde3}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.plan.star{border:2px solid var(--copper);box-shadow:0 20px 50px rgba(173,99,62,.15);position:relative}
.plan.star:before{content:attr(data-badge);position:absolute;top:-13px;left:24px;background:var(--copper);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px}
.plan small{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--sage)}
.amount{font-size:46px;font-weight:800;color:var(--navy);letter-spacing:-.03em;margin:10px 0 0;line-height:1}
.amount span{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.plan .strike{color:var(--muted);font-size:14px;margin-top:6px}
.plan .strike b{color:var(--copper)}
.plan ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px;flex:1}
.plan li{padding-left:26px;position:relative;font-size:15px;color:var(--ink)}
.plan li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#e6eeea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364837A' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.addon{background:#fff;border:1px dashed #d6cfc3;border-radius:16px;padding:20px}
.addon b{color:var(--navy);font-size:20px}
.addon p{margin:6px 0 0;color:var(--muted);font-size:15px}

/* guarantee */
.guarantee{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}
.seal{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--copper),var(--copper-2),var(--copper));display:grid;place-items:center;color:#fff;text-align:center;font-weight:800;font-size:15px;line-height:1.15;box-shadow:inset 0 0 0 8px rgba(255,255,255,.25)}
.guarantee h2{font-size:32px}

/* faq + final */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:10px}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none}
.faq summary:after{content:"+";float:right;color:var(--copper);font-weight:800}
.faq details[open] summary:after{content:"–"}
.faq details p{margin:10px 0 0;color:var(--muted)}
.final{background:radial-gradient(900px 400px at 50% 0,#274B73,rgba(36,80,111,0) 70%),var(--navy);color:#fff;text-align:center}
.final h2{color:#fff;font-size:46px;max-width:820px;margin:0 auto}
.final p{color:#b9c8d0;margin:18px auto 30px;max-width:560px}
footer{padding:28px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.on{opacity:1;transform:none}

@media (max-width:980px){
  h1{font-size:42px}h2{font-size:32px}
  .hero-grid,.split,.mornings{grid-template-columns:1fr}
  .phone{margin:0 auto}
  .verbs{grid-template-columns:1fr 1fr}
  .plans,.addons{grid-template-columns:1fr}
  .proof .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  h1{font-size:36px}h2{font-size:28px}
  section{padding:68px 0}
  .hero{padding:112px 0 72px}
  .hero .sub{font-size:18px}
  .verbs{grid-template-columns:1fr}
  .phone{width:100%;max-width:330px}
  .timeline:before{left:58px}
  .tl{grid-template-columns:48px 1fr;gap:24px}
  .tl .box:before{left:-19px}
  .bar{grid-template-columns:86px 1fr 84px;font-size:14px}
  .guarantee{grid-template-columns:1fr;text-align:left}
  .final h2{font-size:32px}
  .nav a:not(.lang):not(.cta-mini){display:none}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
  .msg,.reveal,.tl{opacity:1!important;transform:none!important}
}