:root{--canvas:1280px;--navy:#081c31;--navy2:#102a45;--soft:#f4f6f8}
body{background:#fff}
.site-header{width:100%;margin:0;padding-inline:max(1.5rem,calc((100vw - 1340px)/2));border-radius:0;background:linear-gradient(102deg,#65040a,#8d0710 62%,#620309)}
.site-header .logo{flex:0 0 auto}.site-header .logo img{width:108px}
.site-header nav{gap:clamp(.8rem,1.35vw,1.3rem)}
.site-header nav a{font-size:.78rem;letter-spacing:.01em;opacity:.9}.site-header nav a:hover{opacity:1}
main{width:100%;margin:0;background:#fff;box-shadow:none}
.hero,.section{width:100%;padding-inline:max(1.5rem,calc((100vw - 1340px)/2))}
.hero{min-height:620px;align-items:center;padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3.5rem,6vw,6rem);gap:clamp(2.5rem,5vw,5rem);background:radial-gradient(circle at 2% 0%,#e2b84d24,transparent 32%),linear-gradient(135deg,#fff,#f8f3ec)}
.hero-copy{max-width:570px}.hero h1{font-size:clamp(2.45rem,4vw,4.15rem)}
.hero-video{aspect-ratio:16/9;border-radius:22px;box-shadow:0 26px 65px #24101325}
.video-column{align-self:center}.video-hint{margin:.7rem 0 0;text-align:center;color:#747985;font-size:.78rem}.light-hint{color:#fff9}
.video-shell video{cursor:pointer}.video-shell video:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.video-placeholder{background:linear-gradient(145deg,#171d25,#5c080d);font-weight:700}.video-placeholder:before{content:'▶';display:grid;place-items:center;width:70px;height:70px;border:1px solid #fff6;border-radius:50%;font-size:1.4rem}
.video-play{display:none!important}
.section{padding-top:clamp(4.8rem,7vw,7rem);padding-bottom:clamp(4.8rem,7vw,7rem)}
.section-heading{max-width:780px}.section-heading h2{font-size:clamp(2rem,3.45vw,3.35rem)}
.feature-grid article,.tech-grid article,.catalog-grid>article,.testimonial-grid blockquote,.news-grid article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.feature-grid article:hover,.tech-grid article:hover,.catalog-grid>article:hover,.testimonial-grid blockquote:hover,.news-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #1e263010;border-color:#d2b6b8}
.visibility{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 0%,#a30d1933,transparent 32%),linear-gradient(145deg,var(--navy),#111821 62%,#270408);border-radius:0;color:#fff}
.visibility:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#ffffff08);pointer-events:none}
.visibility>*{position:relative}.visibility .section-heading{max-width:930px}.visibility .section-heading h2{font-size:clamp(2.25rem,4vw,4rem);max-width:1000px}
.ecosystem{gap:1.1rem}.ecosystem article{padding:1.7rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-color:#ffffff1b;backdrop-filter:blur(8px)}
.ecosystem article:hover{border-color:#db9e355c}.ecosystem h3{margin:.8rem 0 .65rem}.ecosystem p{margin-bottom:0}
.agent-story{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,4rem);align-items:center;margin-top:2.2rem;padding:clamp(1.1rem,2vw,1.6rem);border:1px solid #ffffff1f;border-radius:24px;background:#ffffff0b}
.agent-story figure{margin:0;overflow:hidden;border-radius:17px;box-shadow:0 22px 55px #0006}.agent-story img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.agent-story h3{font-size:clamp(1.55rem,2.5vw,2.4rem);margin-bottom:1rem}.agent-story p:not(.kicker),.agent-story li{color:#d5dce4}.agent-story ul{padding-left:1.2rem;margin-bottom:0}.agent-story li{margin:.45rem 0}
.intelligence{grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:clamp(3rem,6vw,6rem);background:linear-gradient(135deg,#fafbfc,#f3f0eb)}
.brain-visual{padding:1.35rem;background:linear-gradient(145deg,#071a2d,#0b263f);color:#fff;box-shadow:20px 24px 0 #ede6da,0 25px 60px #0c21312c}
.brain-caption{margin:0;color:#9ac4e1;font:600 .75rem Sora;letter-spacing:.15em}
.brain-map{max-width:none;min-height:410px}.brain-core{width:152px;height:152px;background:radial-gradient(circle at 32% 25%,#bd1a25,#7d0710 65%,#410208);box-shadow:0 0 50px #d311263a;color:#fff}
.brain-core strong{font-size:1.65rem;color:#fff}.brain-core span{font-size:1.15rem;color:#fff}.brain-core small{max-width:115px;text-align:center;color:#ffd98b;font-size:.65rem}
.brain-map .orbit{border:1px solid #90b9d32e}.brain-map .orbit-1{inset:25%}.brain-map .orbit-2{inset:9%}
.brain-node{position:absolute;z-index:3;padding:.68rem .8rem;border:1px solid #78a7c544;background:#0c2944;box-shadow:0 8px 25px #0003}.brain-node b,.brain-node small{display:block}.brain-node b{font:700 .83rem Sora}.brain-node small{margin-top:.16rem;color:#9fc2da;font-size:.66rem}.node-agents{top:10%;left:2%}.node-virtual{top:18%;right:0}.node-das{bottom:9%;right:5%}
.brain-status{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #ffffff20;color:#a9c5d7;font-size:.7rem;letter-spacing:.08em}.brain-status span:first-child:before{content:'';display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;background:#31d392;box-shadow:0 0 12px #31d392}
.tech-grid article{border-radius:12px;border-top:3px solid var(--red)}
.zero{position:relative;isolation:isolate;min-height:620px;border-radius:0;overflow:hidden;background-image:linear-gradient(90deg,#061008ef 0%,#09140ddc 42%,#07110b9e 100%),url('../uploads/foret-zero-papier.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:#fff}
.zero:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 30%,#859d4f25,transparent 35%)}
.zero-copy{max-width:600px}.zero-copy h2{text-shadow:0 3px 22px #000}.zero-copy>p:not(.kicker){color:#f1f5ee;text-shadow:0 2px 12px #000}
.zero-video{border:1px solid #ffffff30;background:#07100a;box-shadow:0 25px 65px #0007}
.site-footer{width:100%;margin:0;padding-inline:max(1.5rem,calc((100vw - 1340px)/2))}
@media(max-width:1050px){.agent-story{grid-template-columns:1fr}.intelligence{grid-template-columns:1fr}.brain-visual{width:min(650px,100%);margin:auto}.zero{background-attachment:scroll}}
@media(max-width:780px){body{background:#fff}.site-header,.visibility,.zero{border-radius:0}.agent-story{padding:1rem}.brain-visual{box-shadow:8px 9px 0 #ede6da}.brain-map{min-height:310px}.brain-node small{display:none}.node-agents{left:0}.node-virtual{right:0}.node-das{right:1%}.hero h1{font-size:clamp(2.25rem,11vw,3.25rem)}}

.video-activate{display:flex;align-items:center;justify-content:center;gap:.45rem;width:max-content;max-width:100%;margin:.85rem auto 0;padding:.76rem 1.1rem;border:1px solid #8e071033;border-radius:999px;background:#fff;color:var(--red);box-shadow:0 9px 22px #27101315;font:800 .82rem Manrope;cursor:pointer;transition:transform .2s ease,background .2s ease}
.video-activate:hover{transform:translateY(-2px);background:#fff7f2}.video-activate[hidden]{display:none}.light-activate{border-color:#ffffff55;background:#fffffff0;color:#6f050c}
.intelligence,.intelligence>div,.brain-visual,.brain-map,.tech-grid,.tech-grid article{min-width:0;max-width:100%}
.intelligence{overflow:hidden}.intelligence h2,.intelligence p,.tech-grid h3,.tech-grid p{overflow-wrap:anywhere;word-break:normal}
.brain-visual{width:100%;overflow:hidden}.brain-map{overflow:hidden}.brain-node{max-width:38%}.brain-status{gap:1rem;overflow:hidden}.brain-status span{min-width:0;white-space:normal}
@media(max-width:600px){
  .intelligence{padding-left:1rem;padding-right:1rem;gap:2.5rem}
  .intelligence h2{font-size:clamp(1.9rem,9vw,2.65rem);line-height:1.12;letter-spacing:-.04em}
  .intelligence .section-lead{font-size:1rem;line-height:1.65}
  .brain-visual{padding:1rem;box-shadow:6px 7px 0 #ede6da}
  .brain-caption{font-size:.62rem;letter-spacing:.1em}
  .brain-map{min-height:285px;aspect-ratio:auto}
  .brain-core{width:122px;height:122px}
  .brain-core strong{font-size:1.35rem}.brain-core span{font-size:.95rem}.brain-core small{font-size:.58rem}
  .brain-node{max-width:36%;padding:.48rem .55rem}
  .brain-node b{font-size:.68rem}.node-agents{top:13%;left:0}.node-virtual{top:19%;right:0}.node-das{bottom:11%;right:0}
  .brain-status{font-size:.6rem;letter-spacing:.03em}.brain-status span:last-child{text-align:right}
  .tech-grid{width:100%;grid-template-columns:1fr}.tech-grid article{width:100%;overflow:hidden}
  .video-activate{font-size:.78rem;padding:.7rem .95rem}
}