@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --black:#0B0B0C;
  --white:#FFFFFF;
  --grey:#6E6B66;
  --grey-light:#F1EFEF;
  --border:#E7E4DD;
  --louis:#3E7FDB;
  --tom:#E2453F;
  --eva:#EDA0C4;
  --guillaume:#E7E23E;
  --antoine:#3FA34D;
  --radius-oval:999px;

  /* CHARTE GRAPHIQUE YOVA */
  --primary:#0158A6;
  --secondary:#F1EFEF;
  --tertiary:#AED6F8;
  --tertiary-tint:rgba(174,214,248,0.35);
  --font-title:'Sora', -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-body:'Manrope', -apple-system, "Helvetica Neue", Arial, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--black);
  background:
    radial-gradient(950px circle at 8% -12%, rgba(174,214,248,0.60), transparent 65%),
    radial-gradient(1000px circle at 108% 4%, rgba(1,88,166,0.20), transparent 60%),
    radial-gradient(1150px circle at 18% 58%, rgba(174,214,248,0.38), transparent 62%),
    radial-gradient(1050px circle at 92% 118%, rgba(1,88,166,0.18), transparent 60%),
    var(--white);
  background-repeat:no-repeat;
  background-attachment:fixed;
}
h1,h2,h3,
.nav-logo,.product-name,.agent-card-name,.stat-card .stat-value{
  font-family:var(--font-title);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

.container{max-width:1180px;margin:0 auto;padding:0 32px;}

/* NAV */
.nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;
  margin:14px 20px 0;
  padding:14px 26px;
  border-radius:999px;
  border:1px solid rgba(1,88,166,0.10);
  position:sticky;top:14px;
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 34px rgba(1,88,166,0.10);
  z-index:50;
}
.nav-logo{
  font-size:20px;font-weight:800;letter-spacing:0.02em;
  display:flex;align-items:center;gap:10px;
}
.nav-logo img{
  height:28px;width:auto;flex-shrink:0;display:block;
}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;}
.nav-links a{opacity:0.8;transition:opacity .15s;}
.nav-links a:hover{opacity:1;}
.nav-connect{
  border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-oval);
  padding:8px 18px;
}
.nav-phone{font-size:14px;font-weight:600;color:var(--grey);white-space:nowrap;}

.nav-burger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:34px;height:34px;border:none;background:none;cursor:pointer;padding:0;flex-shrink:0;
}
.nav-burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--primary);margin:0 auto;}
.nav-mobile-menu{
  display:none;flex-direction:column;gap:2px;
  position:absolute;top:calc(100% + 10px);left:16px;right:16px;
  background:var(--white);border-radius:20px;padding:10px;
  box-shadow:0 20px 46px rgba(1,88,166,0.20);z-index:60;
}
.nav-mobile-menu.open{display:flex;}
.nav-mobile-menu a{padding:12px 14px;border-radius:12px;font-size:15px;font-weight:700;color:var(--black);}
.nav-mobile-menu a:hover{background:var(--secondary);}

/* OVAL BUTTON */
.btn-oval{
  display:inline-block;
  background:linear-gradient(135deg, #1479DD 0%, var(--primary) 55%, #063C74 100%);
  color:var(--white);
  border-radius:var(--radius-oval);padding:14px 30px;font-size:14px;font-weight:700;
  letter-spacing:0.01em;border:none;cursor:pointer;
  box-shadow:0 10px 26px rgba(1,88,166,0.30);
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn-oval:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(1,88,166,0.42);}
.btn-oval:active{transform:translateY(-1px);}
.btn-oval-outline{
  display:inline-block;background:transparent;color:var(--primary);
  border:1.5px solid var(--primary);border-radius:var(--radius-oval);
  padding:12px 28px;font-size:14px;font-weight:700;
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.btn-oval-outline:hover{background:var(--tertiary-tint);transform:translateY(-2px);box-shadow:0 10px 22px rgba(1,88,166,0.15);}

/* HERO PLACEHOLDER PANEL (photo à intégrer) */
.media-placeholder{
  background:var(--white);border:1px dashed var(--tertiary);border-radius:20px;
  aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;color:#9A9488;font-size:13px;text-align:center;padding:24px;
}
.media-placeholder .tag{
  font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
  background:var(--tertiary-tint);border-radius:999px;padding:4px 12px;color:var(--primary);
}
.media-video{
  position:relative;
  background:var(--white);border-radius:20px;aspect-ratio:4/3;overflow:hidden;
  box-shadow:0 20px 50px rgba(1,88,166,0.14);
  transition:transform .2s ease, box-shadow .2s ease;
}
.media-video:hover{transform:translateY(-3px);box-shadow:0 26px 56px rgba(1,88,166,0.30);}
.media-video video{width:100%;height:100%;object-fit:cover;display:block;}
.media-video-badge{
  position:absolute;bottom:10px;right:12px;
  font-size:10px;font-weight:600;letter-spacing:0.02em;
  color:rgba(255,255,255,0.85);background:rgba(0,0,0,0.28);
  padding:3px 9px;border-radius:999px;backdrop-filter:blur(4px);
  pointer-events:none;
}

/* HOME SECTIONS */
.section{padding:88px 0;}
.section.alt{background:transparent;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split.reverse .media-col{order:2;}
.split.reverse .text-col{order:1;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--primary);margin-bottom:18px;
  background:var(--tertiary-tint);padding:7px 16px;border-radius:999px;
}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;}
.section h2{font-size:32px;line-height:1.25;margin:0 0 18px;}
.section p{font-size:16px;line-height:1.7;color:#3A372F;margin:0 0 26px;max-width:44ch;}

/* FAQ */
.faq{
  background:linear-gradient(160deg, #1479DD 0%, var(--primary) 45%, #063864 100%);
  color:var(--white);padding:96px 0;position:relative;overflow:hidden;
}
.faq::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.10) 1.5px, transparent 1.5px);
  background-size:26px 26px;
  pointer-events:none;
}
.faq::after{
  content:'';position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle, rgba(174,214,248,0.35), transparent 70%);
  top:-220px;right:-160px;pointer-events:none;
}
.faq .container{position:relative;z-index:1;}
.faq h2{font-size:32px;margin:0 0 40px;}
.faq-item{border-top:1px solid rgba(255,255,255,0.15);padding:22px 0;}
.faq-item:last-of-type{border-bottom:1px solid rgba(255,255,255,0.15);}
.faq-q{font-size:17px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .15s ease;}
.faq-q:hover{color:var(--tertiary);}
.faq-a{font-size:15px;line-height:1.7;color:#C9C6BF;max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-item.open .faq-a{max-height:220px;padding-top:14px;}
.faq-plus{font-size:20px;transition:transform .2s;color:#A9A59D;}
.faq-item.open .faq-plus{transform:rotate(45deg);}
.faq-cta{margin-top:36px;font-size:15px;color:#C9C6BF;}
.faq-cta strong{color:var(--white);}

/* FOOTER */
footer{padding:40px 32px;border-top:1px solid var(--border);
  background:linear-gradient(180deg, transparent, var(--tertiary-tint));
  font-size:13px;color:var(--grey);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}

/* AMBIENT BAND BLOBS — motifs de fond sur les grands bandeaux teintés */
.login-section, .dashboard-section, .agents-intro, .site-intro, .product-hero{
  position:relative; overflow:hidden;
}
.login-section::before, .dashboard-section::before, .agents-intro::before, .site-intro::before, .product-hero::before{
  content:'';position:absolute;width:480px;height:480px;border-radius:50%;
  background:radial-gradient(circle, var(--tertiary) 0%, transparent 70%);
  opacity:0.55; filter:blur(4px);
  top:-200px; right:-140px; pointer-events:none;
}
.login-section::after, .dashboard-section::after{
  content:'';position:absolute;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle, var(--primary) 0%, transparent 70%);
  opacity:0.10; filter:blur(6px);
  bottom:-180px; left:-120px; pointer-events:none;
}
.agents-intro .container, .site-intro .container,
.login-section .container, .dashboard-section .container,
.product-hero .container{
  position:relative; z-index:1;
}
.login-section .container{display:flex;justify-content:center;width:100%;}

/* AGENTS LIST PAGE */
.agents-intro{padding:72px 0 24px;text-align:center;background:transparent;}
.agents-intro h1{font-size:38px;margin:0 0 16px;}
.agents-intro p{font-size:16px;color:var(--grey);max-width:60ch;margin:0 auto;}
.agents-grid{
  display:flex;flex-direction:column;gap:22px;padding:40px 0 100px;
}
.agent-badge-link{display:block;}
.agent-badge-link img{
  width:100%;height:auto;border-radius:999px;transition:transform .18s ease, box-shadow .18s ease;
  cursor:pointer;
}
.agent-badge-link:hover img{transform:scale(1.012);box-shadow:0 14px 34px rgba(0,0,0,0.16);}

/* PRODUCT PAGE */
.product-hero{padding:72px 0;background:transparent;}
.product-grid{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:flex-start;}
.product-portrait{
  border-radius:28px;overflow:hidden;background:var(--white);
  box-shadow:0 20px 50px rgba(1,88,166,0.10);
}
.product-portrait img{width:100%;}
.product-name{font-size:44px;font-weight:800;margin:0 0 6px;}
.product-tag{font-size:16px;color:var(--grey);margin:0 0 26px;}
.price-row{display:flex;gap:28px;margin-bottom:30px;flex-wrap:wrap;}
.price-box{background:var(--white);border-radius:16px;padding:16px 22px;min-width:170px;box-shadow:0 8px 20px rgba(1,88,166,0.06);}
.price-box .label{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--grey);font-weight:700;margin-bottom:6px;}
.price-box .value{font-size:20px;font-weight:800;}
.product-desc p{font-size:16px;line-height:1.75;color:#3A372F;max-width:60ch;margin:0 0 14px;}
.audience-row{display:flex;align-items:center;gap:14px;margin:24px 0 34px;flex-wrap:wrap;}
.audience-row label{font-size:14px;font-weight:700;}
.audience-popover-wrap{position:relative;display:inline-flex;}
.audience-dots{
  border:1.5px solid var(--primary);border-radius:999px;padding:8px 16px;font-size:14px;
  font-weight:700;letter-spacing:normal;color:var(--primary);
  font-family:inherit;background:var(--white);cursor:pointer;line-height:1;
  transition:background .15s ease, box-shadow .15s ease;
}
.audience-dots:hover{background:var(--tertiary-tint);}
.audience-dots:focus{outline:none;box-shadow:0 0 0 4px var(--tertiary-tint);}
.audience-popover{
  position:fixed;z-index:200;min-width:260px;max-width:320px;max-height:min(320px, 60vh);
  overflow-y:auto;
  background:var(--white);border-radius:16px;padding:14px 18px;
  box-shadow:0 20px 46px rgba(1,88,166,0.20);
}
.audience-popover ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.audience-popover li{font-size:13.5px;font-weight:600;color:#3A372F;padding:6px 4px;border-bottom:1px solid var(--border);}
.audience-popover li:last-child{border-bottom:none;}

.other-agents-intro{padding:70px 0 24px;border-top:1px solid var(--border);margin-top:40px;}
.other-agents-intro h3{font-size:14px;text-transform:uppercase;letter-spacing:0.06em;color:var(--grey);margin:0;}

/* AGENTS CAROUSEL — une carte vidéo individuelle par agent, défilement horizontal natif + glisser */
.agents-carousel{
  overflow-x:auto; overflow-y:hidden;
  scrollbar-width:none; /* firefox */
  cursor:grab;
  padding:8px 32px 56px;
  background:transparent;
}
.agents-carousel.dragging{ cursor:grabbing; }
.agents-carousel.dragging .agent-card{ pointer-events:none; }
.agents-carousel::-webkit-scrollbar{ display:none; }
.agents-carousel-track{
  display:flex; gap:22px; width:max-content; margin:0 auto;
}
.agent-card{
  width:260px; flex:0 0 auto;
  border-radius:24px; overflow:hidden;
  background:var(--white);
  border:1px solid var(--border);
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.agent-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 46px color-mix(in srgb, var(--agent-color) 35%, transparent);
}
.agent-card-media{
  position:relative; aspect-ratio:3/4; background:#0B0B0C;
  border-bottom:3px solid var(--agent-color);
}
.agent-card-media video{ width:100%; height:100%; object-fit:cover; display:block; }
.agent-card-body{ padding:18px 20px 22px; }
.agent-card-name{ font-size:19px; font-weight:800; margin-bottom:4px; }
.agent-card-tag{ font-size:13px; color:var(--grey); margin-bottom:16px; }
.agent-card-cta{
  display:inline-flex; align-items:center; justify-content:center; width:100%;
  border:1.5px solid var(--agent-color); border-radius:999px;
  padding:9px 16px; font-size:13px; font-weight:700;
  transition:background .15s ease, color .15s ease;
}
.agent-card-cta:hover{ background:var(--agent-color); color:var(--white); }

/* AGENTS EXPLAINER — texte "c'est quoi un agent IA" sous la banderole */
.agents-explainer{ padding:64px 0 100px; max-width:760px; margin:0 auto; }
.agents-explainer h2{ font-size:28px; line-height:1.3; margin:0 0 20px; }
.agents-explainer p{ font-size:16px; line-height:1.75; color:#3A372F; margin:0 0 18px; }

@media (max-width: 860px){
  .agent-card{ width:210px; }
  .agents-explainer{ padding:44px 0 70px; }
}

/* SITES INTERNET PAGE */
.site-intro{padding:72px 0 40px; text-align:center;background:transparent;}
.site-intro h1{font-size:38px; margin:0 0 16px;}
.site-intro p{font-size:16px; color:var(--grey); max-width:60ch; margin:0 auto;}

.site-categories{
  display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:40px 0 20px;
}
.site-category{
  background:var(--white); border-radius:24px; padding:36px; display:flex; flex-direction:column; gap:22px;
  position:relative; overflow:hidden;
  box-shadow:0 20px 50px rgba(1,88,166,0.14);
}
.site-category::before{
  content:'';position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg, var(--primary), var(--tertiary));
}
.site-category-head h2{font-size:24px; margin:0 0 10px;}
.site-category-head p{font-size:14px; line-height:1.6; color:var(--grey); margin:0;}
.site-category-list{display:flex; flex-direction:column; gap:10px;}
.site-tag{
  display:block; width:100%; box-sizing:border-box;
  background:var(--white); border:1px solid var(--border); border-radius:14px;
  padding:13px 18px; font-size:14px; font-weight:600;
}
.site-tag-link{cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;}
.site-tag-link:hover{transform:translateX(4px); box-shadow:0 8px 20px rgba(1,88,166,0.14); border-color:var(--primary); background:var(--tertiary-tint);}
.site-category .btn-oval-outline{align-self:flex-start; margin-top:6px;}

.site-cta{
  background:linear-gradient(160deg, #1479DD 0%, var(--primary) 50%, #063864 100%);
  color:var(--white); padding:80px 0; text-align:center; margin-top:70px;
  position:relative; overflow:hidden;
}
.site-cta::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.10) 1.5px, transparent 1.5px);
  background-size:26px 26px;
  pointer-events:none;
}
.site-cta .container{position:relative;z-index:1;}
.site-cta h2{font-size:26px; margin:0 0 12px;}
.site-cta p{font-size:15px; color:#C9C6BF; max-width:50ch; margin:0 auto 26px;}

@media (max-width: 860px){
  .site-categories{grid-template-columns:1fr;}
}

/* LOGIN */
.login-section{padding:100px 0 140px;display:flex;justify-content:center;background:transparent;}
.login-card{
  width:100%;max-width:420px;background:var(--white);border-radius:24px;padding:44px 40px;
  box-shadow:0 20px 50px rgba(1,88,166,0.08);
}
.login-card h1{font-size:24px;margin:0 0 30px;text-align:center;}
.login-card form{display:flex;flex-direction:column;gap:18px;}
.login-card label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:8px;}
.login-card input{
  border:1.5px solid var(--border);border-radius:12px;padding:13px 16px;font-size:15px;
  font-family:inherit;background:var(--white);
}
.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--tertiary-tint);}
.login-card .btn-oval{margin-top:8px;border:none;width:100%;}
.login-demo-hint{margin-top:22px;text-align:center;font-size:13px;color:var(--grey);}
.login-demo-hint a{text-decoration:underline;font-weight:600;color:var(--primary);}
.login-error{background:#FBE9E7;color:#B3261E;font-size:13px;font-weight:600;padding:12px 14px;border-radius:10px;}
.login-error.success{background:#E8F5E9;color:#1B5E20;}
.login-hint-small{margin-top:14px;font-size:12px;color:var(--grey);text-align:center;line-height:1.5;}

/* CLIENT DASHBOARD */
.dashboard-section{padding:72px 0 120px;background:transparent;}
.dashboard-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:44px;}
.dashboard-head h1{font-size:32px;margin:0;}
.dashboard-tabs{display:flex;gap:10px;background:var(--white);border-radius:999px;padding:5px;}
.dash-tab{
  border:none;background:transparent;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:700;
  font-family:inherit;cursor:pointer;color:var(--grey);
}
.dash-tab.active{background:var(--primary);color:var(--white);}

.dashboard-section-title{font-size:15px;font-weight:800;letter-spacing:0.03em;text-transform:uppercase;color:var(--primary);margin:0 0 18px;}
.dashboard-grid + .dashboard-section-title{margin-top:52px;}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.dashboard-panel{background:var(--white);border-radius:24px;padding:34px;box-shadow:0 12px 30px rgba(1,88,166,0.06);}
.dashboard-panel h2{font-size:18px;margin:0 0 22px;}
.panel-empty{font-size:14px;color:var(--grey);margin-bottom:22px;}
.panel-note{font-size:13px;font-weight:700;margin:22px 0 12px;}

.progress-tracker{display:flex;flex-direction:column;align-items:center;gap:6px;}
.progress-nav{
  border:1px solid var(--border);background:var(--white);border-radius:50%;
  box-shadow:0 4px 12px rgba(1,88,166,0.08);
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;color:var(--grey);transition:background .15s ease, color .15s ease;
}
.progress-nav:hover{background:var(--primary);color:var(--white);}
.progress-scroll{
  display:flex;gap:20px;width:100%;max-height:150px;overflow-y:auto;
  scroll-snap-type:y proximity;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
}
.progress-scroll::-webkit-scrollbar{display:none;}
.progress-rail{width:3px;background:#DEDAD0;border-radius:2px;position:relative;flex-shrink:0;margin-top:4px;}
.progress-fill{position:absolute;top:0;left:0;right:0;background:var(--primary);border-radius:2px;}
.progress-steps{display:flex;flex-direction:column;gap:18px;padding:10px 0;}
.progress-step{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#B4AEA2;scroll-snap-align:start;}
.progress-step .step-icon{
  width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11px;background:#EDEAE2;color:#B4AEA2;flex-shrink:0;
}
.progress-step.done{color:var(--black);}
.progress-step.done .step-icon{background:var(--primary);color:var(--white);}
.progress-step.active{color:var(--black);}
.progress-step.active .step-icon{background:var(--white);color:var(--primary);border:2px solid var(--primary);box-shadow:0 4px 12px rgba(1,88,166,0.15);}
.progress-step.todo{color:#C9C4B8;}

.site-preview-link{display:block;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/10;background:#DCE3E9;}
.site-preview-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .3s ease;}
.site-preview-link:hover .site-preview-photo{transform:scale(1.03);}
.site-preview-tag{
  position:absolute;left:16px;bottom:16px;background:var(--white);color:var(--black);
  font-size:12px;font-weight:700;padding:8px 16px;border-radius:999px;
}

.agent-mini-list{display:flex;flex-direction:column;gap:14px;}
.agent-mini{
  display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:12px 16px;
  box-shadow:0 8px 20px rgba(1,88,166,0.06);
  transition:transform .15s ease, box-shadow .15s ease;
}
.agent-mini:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(1,88,166,0.15);}
.agent-mini img{width:52px;height:52px;border-radius:50%;flex-shrink:0;}
.agent-mini strong{display:block;font-size:14px;}
.agent-mini span{font-size:12.5px;color:var(--grey);}

@media (max-width:860px){
  .dashboard-grid{grid-template-columns:1fr;}
}

/* AGENT ACTIVITY REPORT */
.activity-hero{padding:64px 0 48px;display:flex;align-items:center;gap:26px;}
.activity-hero img{width:84px;height:84px;border-radius:50%;flex-shrink:0;}
.activity-hero h1{font-size:32px;margin:0 0 6px;}
.activity-hero p{font-size:15px;color:var(--grey);margin:0;}

.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px;}
.stat-card{background:var(--white);border-radius:20px;padding:28px 24px;border-left:4px solid var(--primary);box-shadow:0 16px 40px rgba(1,88,166,0.10);}
.stat-card .stat-value{font-size:36px;font-weight:800;margin-bottom:8px;}
.stat-card .stat-label{font-size:13px;color:var(--grey);font-weight:600;}

.activity-feed{max-width:720px;margin:0 0 80px;}
.activity-feed h2{font-size:18px;margin:0 0 22px;}
.feed-item{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--border);}
.feed-item:last-child{border-bottom:1px solid var(--border);}
.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:7px;flex-shrink:0;}
.feed-item p{font-size:14px;margin:0;flex:1;}
.feed-item .feed-date{font-size:12.5px;color:var(--grey);white-space:nowrap;}

@media (max-width:860px){
  .activity-stats{grid-template-columns:1fr;}
  .activity-hero{flex-direction:column;text-align:center;}
  .feed-item{flex-direction:column;gap:4px;}
}

/* PLACEHOLDER PAGES */
.placeholder-page{padding:120px 0;text-align:center;}
.placeholder-page h1{font-size:34px;margin-bottom:14px;}
.placeholder-page p{color:var(--grey);font-size:16px;}

@media (max-width: 860px){
  .split, .product-grid{grid-template-columns:1fr;}
  .split .media-col{order:1 !important;}
  .split .text-col{order:2 !important;}
  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .other-agents-grid{grid-template-columns:1fr;}
  .nav{margin:10px 12px 0;padding:12px 18px;}
  .login-section::before, .dashboard-section::before, .agents-intro::before, .site-intro::before, .product-hero::before,
  .login-section::after, .dashboard-section::after{
    width:260px;height:260px;
  }
}

/* CONTACT MODAL */
.contact-modal-overlay{
  position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(11,11,12,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.contact-modal-overlay.open{display:flex;}
.contact-modal{
  position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;
  background:var(--white);border-radius:24px;padding:44px 40px;
  box-shadow:0 30px 70px rgba(1,88,166,0.28);
  animation:contactModalIn .22s ease;
}
@keyframes contactModalIn{
  from{opacity:0;transform:translateY(14px) scale(.98);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
.contact-modal h2{font-size:24px;margin:0 0 10px;}
.contact-modal-intro{font-size:14px;color:var(--grey);line-height:1.6;margin:0 0 24px;}
.contact-modal-close{
  position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:999px;border:none;
  background:var(--grey-light);color:var(--black);font-size:20px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s ease, transform .15s ease;
}
.contact-modal-close:hover{background:var(--tertiary-tint);transform:rotate(90deg);}
.contact-modal-block{padding:20px 0;border-top:1px solid var(--border);}
.contact-modal-block:first-of-type{border-top:none;padding-top:0;}
.contact-modal-block h3{font-size:16px;margin:0 0 6px;}
.contact-modal-block p{font-size:13px;color:var(--grey);line-height:1.5;margin:0 0 14px;}
.contact-modal-block .btn-oval{padding:12px 26px;font-size:13px;}
body.contact-modal-lock{overflow:hidden;}
@media (max-width:600px){
  .contact-modal{padding:34px 26px;border-radius:20px;}
}