/* =========================================================
   BIZCREATOR — CAPACITÉS DE L'AGENT PERSONNEL
   Complément à /BizCreator/landing.css
========================================================= */

:root{
  --cap-bg:#05070b;
  --cap-panel:rgba(12,18,27,.82);
  --cap-panel-2:rgba(7,11,17,.94);
  --cap-line:rgba(255,255,255,.10);
  --cap-line-cyan:rgba(114,236,255,.22);
  --cap-text:#f6f8fb;
  --cap-muted:#9aa8ba;
  --cap-cyan:#72ecff;
  --cap-green:#62f3b5;
  --cap-gold:#ffb82e;
  --cap-gold-2:#ff8b18;
  --cap-violet:#9b8cff;
}

body{
  background:var(--cap-bg);
  color:var(--cap-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.cap-shell{
  width:min(1220px,calc(100% - 36px));
  margin-inline:auto;
}

.cap-hero{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  gap:54px;
  align-items:center;
  padding:138px 0 86px;
}

.cap-eyebrow,
.cap-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#b7c9de;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.cap-eyebrow{
  padding:8px 11px;
  border:1px solid rgba(114,236,255,.18);
  border-radius:999px;
  background:rgba(13,22,31,.55);
}

.cap-eyebrow i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cap-green);
  box-shadow:0 0 14px var(--cap-green);
  animation:capPulse 1.8s ease-in-out infinite;
}

@keyframes capPulse{50%{opacity:.42;transform:scale(.72)}}

.cap-hero h1{
  margin:22px 0 24px;
  max-width:820px;
  font-size:clamp(44px,5.7vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
}

.cap-hero h1 span,
.cap-heading h2 span,
.final-cap-cta h2 span{
  color:transparent;
  background:linear-gradient(100deg,#fff 0%,var(--cap-gold) 48%,var(--cap-cyan) 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.cap-hero-copy>p{
  max-width:760px;
  margin:0;
  color:#c4ccda;
  font-size:clamp(16px,1.55vw,20px);
  line-height:1.72;
}

.cap-hero-copy>p strong{color:#fff}

.cap-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.cap-actions.center{justify-content:center}

.cap-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:14px;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  transition:.2s ease;
}

.cap-btn:hover{transform:translateY(-2px)}

.cap-btn-main{
  color:#160f08;
  background:linear-gradient(135deg,var(--cap-gold),var(--cap-gold-2));
  box-shadow:0 15px 38px rgba(255,145,25,.18);
}

.cap-btn-soft{
  color:#eef8ff;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(14,21,31,.8);
}

.cap-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}

.cap-hero-pills span{
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(11,17,25,.68);
  color:#aeb9ca;
  font-size:9px;
  font-weight:800;
}

.agent-flow-card{
  padding:18px;
  border:1px solid rgba(114,236,255,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 36%,rgba(31,183,225,.10),transparent 38%),
    linear-gradient(180deg,rgba(9,17,25,.84),rgba(5,9,14,.95));
  box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 0 60px rgba(75,219,255,.035);
  overflow:hidden;
}

.agent-flow-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 4px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.agent-flow-top strong{
  font-size:9px;
  letter-spacing:.12em;
}

.agent-flow-top small{
  margin-left:auto;
  color:var(--cap-green);
  font-size:7px;
  letter-spacing:.14em;
  font-weight:900;
}

.flow-live{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cap-green);
  box-shadow:0 0 12px var(--cap-green);
}

.agent-brain{
  position:relative;
  min-height:370px;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.brain-core{
  position:relative;
  z-index:6;
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  border-radius:28px;
  color:#031014;
  background:linear-gradient(135deg,#dffcff,var(--cap-cyan));
  font-size:28px;
  font-weight:1000;
  box-shadow:
    0 0 22px rgba(114,236,255,.52),
    0 0 85px rgba(35,186,227,.28);
  animation:brainFloat 4s ease-in-out infinite;
}

@keyframes brainFloat{50%{transform:translateY(-8px) rotate(1deg)}}

.brain-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(114,236,255,.26);
  border-radius:50%;
  transform:translate(-50%,-50%) rotateX(65deg);
  animation:orbitSpin 8s linear infinite;
}

.orbit-one{width:58%;height:34%}
.orbit-two{width:78%;height:46%;animation-direction:reverse;animation-duration:11s}
.orbit-three{width:94%;height:58%;animation-duration:15s}

@keyframes orbitSpin{
  to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}
}

.brain-tag{
  position:absolute;
  z-index:7;
  padding:7px 9px;
  border-left:2px solid var(--cap-cyan);
  background:rgba(5,14,20,.72);
  color:#aef4ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(7px);
}

.tag-memory{left:7%;top:20%}
.tag-files{right:8%;top:19%}
.tag-tools{right:2%;top:48%}
.tag-web{right:13%;bottom:16%}
.tag-crm{left:10%;bottom:14%}
.tag-create{left:2%;top:51%}

.agent-sequence{
  display:grid;
  gap:7px;
  padding-top:12px;
}

.seq-row{
  display:grid;
  grid-template-columns:35px 1fr 28px;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(4,9,14,.55);
}

.seq-row>span{
  color:#6f8197;
  font-size:8px;
  font-weight:900;
}

.seq-row div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.seq-row strong{font-size:10px}
.seq-row small{color:#8291a5;font-size:8px}
.seq-row>b{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #324252;
  color:#6d7d90;
  font-size:9px;
}

.seq-row.done>b{
  color:var(--cap-green);
  border-color:rgba(98,243,181,.24);
  background:rgba(98,243,181,.08);
}

.seq-row.active>b{
  border-color:var(--cap-cyan);
  border-top-color:transparent;
  animation:seqSpin .8s linear infinite;
}

@keyframes seqSpin{to{transform:rotate(360deg)}}

.intro-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1.15fr;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:rgba(9,14,21,.68);
}

.intro-strip>div{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:9px 11px;
}

.intro-strip small{
  color:#74869d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}

.intro-strip strong{font-size:14px}
.intro-strip span{color:#8998ab;font-size:9px}
.intro-strip>i{
  color:var(--cap-cyan);
  font-style:normal;
  font-weight:1000;
}
.intro-result{
  border-radius:14px;
  background:linear-gradient(90deg,rgba(114,236,255,.06),transparent);
}

.cap-section{padding:105px 0}

.cap-heading{
  max-width:850px;
  margin:0 auto 46px;
  text-align:center;
}

.cap-heading h2{
  margin:14px 0 16px;
  font-size:clamp(32px,4.3vw,54px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.cap-heading p{
  max-width:760px;
  margin:0 auto;
  color:var(--cap-muted);
  font-size:14px;
  line-height:1.75;
}

.cap-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.capability-card{
  position:relative;
  min-height:325px;
  padding:24px;
  overflow:hidden;
  border:1px solid var(--cap-line);
  border-radius:23px;
  background:linear-gradient(145deg,rgba(14,20,30,.84),rgba(8,12,19,.94));
  transition:.25s ease;
}

.capability-card:hover{
  transform:translateY(-5px);
  border-color:rgba(114,236,255,.25);
}

.capability-card::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-70px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--cap-cyan);
  filter:blur(95px);
  opacity:.055;
}

.card-icon{
  margin-bottom:22px;
  font-size:34px;
}

.capability-card>small{
  color:#7d90a7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.capability-card h3{
  margin:9px 0 10px;
  font-size:20px;
  line-height:1.16;
}

.capability-card p{
  margin:0 0 17px;
  color:#94a3b7;
  font-size:11px;
  line-height:1.7;
}

.capability-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:7px;
}

.capability-card li{
  position:relative;
  padding-left:15px;
  color:#bbc4d0;
  font-size:9px;
}

.capability-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.5em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--cap-cyan);
  box-shadow:0 0 8px rgba(114,236,255,.45);
}

.special-card{
  border-color:rgba(255,184,46,.26);
  background:
    radial-gradient(circle at 85% 15%,rgba(255,170,32,.08),transparent 30%),
    linear-gradient(145deg,rgba(37,26,12,.55),rgba(8,12,19,.95));
}

.special-card li::before{
  background:var(--cap-gold);
  box-shadow:0 0 8px rgba(255,184,46,.4);
}

.mission-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.mission-card{
  padding:23px;
  border:1px solid var(--cap-line);
  border-radius:22px;
  background:rgba(10,16,24,.77);
}

.mission-user{
  min-height:76px;
  padding:14px 15px;
  border-radius:15px;
  background:#1b2532;
  color:#f5f8fc;
  font-size:12px;
  font-weight:750;
  line-height:1.55;
}

.mission-path{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:17px;
}

.mission-path span,
.mission-path strong{
  padding:7px 9px;
  border-radius:9px;
  font-size:8px;
}

.mission-path span{
  color:#aab8c9;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
}

.mission-path strong{
  color:#092117;
  background:var(--cap-green);
}

.mission-path i{
  color:#526278;
  font-style:normal;
}

.ai-first-section{
  border-top:1px solid rgba(255,255,255,.06);
}

.ai-first-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:12px;
}

.ai-first-flow>i{
  color:var(--cap-cyan);
  font-style:normal;
  font-weight:1000;
}

.ai-node{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid var(--cap-line);
  border-radius:20px;
  background:rgba(10,16,24,.75);
}

.ai-node small{
  color:#74859a;
  font-size:8px;
  font-weight:900;
}

.ai-node strong{
  margin:10px 0 5px;
  font-size:16px;
}

.ai-node span{
  color:#8f9eb1;
  font-size:9px;
}

.brain-node{
  border-color:rgba(255,184,46,.27);
  box-shadow:inset 0 0 35px rgba(255,184,46,.035);
}

.tools-node{border-color:rgba(114,236,255,.22)}
.result-node{border-color:rgba(98,243,181,.22)}

.safety-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:38px;
  align-items:center;
  padding:38px;
  border:1px solid rgba(98,243,181,.2);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% 40%,rgba(98,243,181,.07),transparent 34%),
    linear-gradient(145deg,rgba(12,22,20,.72),rgba(7,11,17,.94));
}

.safety-card h2{
  margin:14px 0;
  font-size:clamp(30px,3.8vw,48px);
  line-height:1.06;
  letter-spacing:-.04em;
}

.safety-card p{
  margin:0;
  color:var(--cap-muted);
  font-size:13px;
  line-height:1.75;
}

.safety-list{
  display:grid;
  gap:9px;
}

.safety-list span{
  padding:12px 13px;
  border-radius:13px;
  color:#c6d2df;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  font-size:10px;
  font-weight:800;
}

.safety-list .confirm{
  color:#ffdc9a;
  border-color:rgba(255,184,46,.18);
  background:rgba(255,184,46,.055);
}

.engine-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:940px;
  margin:0 auto;
}

.engine-grid article{
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px;
  border:1px solid var(--cap-line);
  border-radius:18px;
  background:rgba(10,16,24,.76);
}

.engine-logo{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#061216;
  background:var(--cap-cyan);
  font-size:18px;
  font-weight:1000;
}

.engine-logo.claude{
  color:#1c120c;
  background:#d89a70;
}

.engine-logo.biz{
  color:#1a1007;
  background:var(--cap-gold);
}

.engine-grid article>div:last-child{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.engine-grid strong{font-size:12px}
.engine-grid span{color:#8998ab;font-size:9px}
.engine-result{border-color:rgba(255,184,46,.2)!important}

.final-cap-cta{
  margin-top:40px;
  margin-bottom:80px;
  padding:70px 24px;
  text-align:center;
  border:1px solid var(--cap-line);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 28%,rgba(64,186,226,.09),transparent 38%),
    linear-gradient(180deg,rgba(14,20,30,.84),rgba(6,9,14,.95));
  box-shadow:0 30px 90px rgba(0,0,0,.38);
}

.final-cap-cta img{
  margin-bottom:20px;
  filter:drop-shadow(0 0 24px rgba(255,176,35,.24));
}

.final-cap-cta h2{
  max-width:800px;
  margin:16px auto;
  font-size:clamp(36px,5vw,60px);
  line-height:1.03;
  letter-spacing:-.05em;
}

.final-cap-cta p{
  max-width:680px;
  margin:0 auto;
  color:var(--cap-muted);
  font-size:13px;
  line-height:1.7;
}

.cap-footer{
  width:min(1220px,calc(100% - 36px));
  margin:0 auto;
  padding:28px 0 42px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.cap-footer div{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.cap-footer a{
  color:#8997aa;
  text-decoration:none;
  font-size:10px;
}

.cap-footer p{
  margin:0;
  color:#718096;
  font-size:9px;
}

.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease,transform .7s ease;
}

.reveal.is-visible{
  opacity:1;
  transform:none;
}

#top-nav [aria-current="page"]{
  color:#fff!important;
  background:rgba(114,236,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(114,236,255,.18)!important;
}

@media(max-width:1050px){
  .cap-hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:120px;
  }

  .cap-hero-copy{text-align:center}
  .cap-hero-copy>p{margin-inline:auto}
  .cap-actions{justify-content:center}
  .cap-hero-pills{justify-content:center}
  .agent-flow-card{
    width:min(690px,100%);
    margin-inline:auto;
  }

  .cap-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .cap-shell{
    width:min(100% - 22px,1220px);
  }

  .cap-hero{
    padding:52px 0 65px;
  }

  .cap-hero h1{
    font-size:clamp(38px,12vw,55px);
  }

  .cap-hero-copy>p{
    font-size:15px;
  }

  .cap-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .cap-btn{width:100%}

  .cap-hero-pills{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .cap-hero-pills span{
    text-align:center;
  }

  .agent-brain{
    min-height:315px;
  }

  .brain-core{
    width:78px;
    height:78px;
    border-radius:23px;
    font-size:23px;
  }

  .brain-tag{
    font-size:6px;
    padding:6px 7px;
  }

  .intro-strip{
    grid-template-columns:1fr;
    text-align:center;
  }

  .intro-strip>i{
    transform:rotate(90deg);
  }

  .cap-section{
    padding:72px 0;
  }

  .cap-heading{
    margin-bottom:32px;
  }

  .cap-heading h2{
    font-size:34px;
  }

  .cap-heading p{
    font-size:13px;
  }

  .cap-grid{
    grid-template-columns:1fr;
  }

  .capability-card{
    min-height:0;
  }

  .mission-cards{
    grid-template-columns:1fr;
  }

  .mission-path{
    gap:5px;
  }

  .ai-first-flow{
    grid-template-columns:1fr;
  }

  .ai-first-flow>i{
    transform:rotate(90deg);
    text-align:center;
  }

  .ai-node{
    min-height:110px;
    text-align:center;
  }

  .safety-card{
    grid-template-columns:1fr;
    padding:25px;
  }

  .engine-grid{
    grid-template-columns:1fr;
  }

  .final-cap-cta{
    padding:54px 18px;
  }

  .final-cap-cta h2{
    font-size:39px;
  }

  .cap-footer{
    display:block;
    text-align:center;
  }

  .cap-footer div{
    justify-content:center;
  }

  .cap-footer p{
    margin-top:15px;
  }
}

@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}