/* Halo violet et bleu réservé à l’accueil, puis fond noir pur. */
:root{--bg:#000;--accent:#a898ff;--blue:#648dff;--ds-glass:linear-gradient(145deg,#111111e6,#080808ed);--ds-shadow:0 12px 40px #0005}
html,body{background:#000}
html{overflow-x:clip}
body{position:relative;display:flow-root;color:#f4f4f7}
body:before,body:after{content:none}
.hero{isolation:isolate;--screenshot-half:calc(min(1024px, calc(100vw - 40px)) * .240798747)}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;top:-90px;bottom:var(--screenshot-half);left:calc((100% - 100vw)/2);width:100vw;mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%)}
.hero:before{z-index:-2;background:radial-gradient(ellipse 800px 760px at -80px -80px,#e5caff 0%,#994dffe6 18%,#6325d59c 38%,transparent 76%),radial-gradient(ellipse 820px 800px at calc(100% + 120px) 90px,#93adff 0%,#3761e8c7 20%,#2226b572 43%,transparent 78%),radial-gradient(ellipse 700px 560px at 42% -160px,#512a8f70,transparent 75%)}
.hero:after{z-index:-1;opacity:.44;background:url('assets/grain.svg') repeat;background-size:200px 200px;mix-blend-mode:screen}
.topbar{background:#0c0b16b8;border-color:#ddd9ff1c;box-shadow:inset 0 1px 0 #fff2,0 4px 30px #0003}
.brand-mark,.brand-dot{color:#dcd7ff}.hero h1{background-image:linear-gradient(180deg,#fff 3%,#d0cae8 100%)}
.hero-eyebrow{color:#bcb4d6!important;font-size:12px!important;letter-spacing:1px!important}.hero-description{color:#aaa6b9}.hero-benefits{color:#c1bcd0}.hero-benefits>span{background:#b6a4ff08;border-color:#d4c8ff18;box-shadow:inset 0 1px 0 #fff1}
.hero .button,.closing-section .button{background:#e9e3ff;color:#211738;border-color:#ded4ff;box-shadow:inset 0 1px 1px #fff8,0 0 26px #9674ff0d}.hero .button:hover,.closing-section .button:hover{background:#f4f0ff;box-shadow:0 0 35px #9569ff40}
.button-small{background:#eeebff;color:#211a35}.button-small:hover{background:#faf8ff}.text-link:hover,.footer-top nav a:hover,.footer-top nav button:hover{color:#cec2ff}
.section h2,.closing-section h2{background-image:linear-gradient(180deg,#fff,#a7a7ae)}.eyebrow{color:#92909c}.section-heading>p,.team-copy>p,.features-heading>p,.closing-section>p{color:#a09da9}
.section-heading>p{max-width:550px}.tour-copy>p,.feature-copy p,.role-description p{color:#a09da9}.check-list{color:#c1bdca}.check-list li:before{color:#b8a7ff}.tour-tabs{background:#090909}.tour-tabs button[aria-selected=true]{color:#d5cbff;border-bottom-color:#a898ff}.tour-tabs button:hover{color:#d5cbff}.role-switcher{background:#080808;border-color:#ffffff1f}.role-switcher button[aria-selected=true]{background:#a898ff14;color:#d5cbff}
.capability-grid article>svg{color:#bcb5d3}.capability-grid p,.steps p,.faq-list details p{color:#9c99a5}.capability-grid article:hover{border-color:#b5a1ff44}.feature-number,.step-number{color:#bfb8d3;border-color:#ffffff2a}.feature-footnote,.mini-label{color:#96919f}.audience-band>div>span{color:#aaa6b3}.audience-band svg{color:#a19aaf}.audience-band>span{color:#8e879d}.audience-band>div{gap:32px}
.closing-glow{display:none}.closing-logo{background:#a898ff0c;border-color:#b4a1ff36}.closing-logo svg{color:#c8b8ff}.closing-section .eyebrow{color:#aba3bf}.closing-note{color:#90889f}
.real-showcase{margin-top:58px;margin-bottom:0;background:#000;border:0;box-shadow:none;transform:none;mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 100%)}
.capture-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,#fafbff,#edf0f6);color:#374151;font-size:10px;gap:15px;border-bottom:1px solid #d9deea}.capture-toolbar>span:first-child{display:flex;gap:6px}.capture-toolbar i{width:9px;height:9px;background:#ff5f57;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000d}.capture-toolbar i:nth-child(2){background:#febc2e}.capture-toolbar i:nth-child(3){background:#28c840}.capture-toolbar>span:nth-child(2){letter-spacing:.2px}.capture-toolbar>span:last-child{font-size:8px;color:#6b7280}
.screenshot-media{position:relative;display:block;width:100%;background:#f6f7fc;padding:0;border:0;text-align:left;overflow:hidden;cursor:default;line-height:0;border-radius:8px}.screenshot-media img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}.real-showcase>.screenshot-media{border-radius:0}
.dashboard-figure{margin:0;width:100%;min-width:0}.dashboard-figure .screenshot-media{border:1px solid #d8d7df3b;box-shadow:0 12px 35px #0003}
.screenshot-visual{background:#080808;border:1px solid #ffffff0a;border-radius:9px;padding:22px;display:flex;justify-content:center;align-items:center;min-width:0;min-height:350px}.tour-visual.screenshot-visual{padding:22px;min-height:360px}.editorial-visual.screenshot-visual{padding:22px;min-height:350px}.role-illustration.screenshot-visual{height:auto;min-height:310px;padding:16px}.role-visual{grid-template-columns:58% 42%;gap:28px;padding:24px}.role-description{padding-right:20px}.role-description h3{font-size:25px}
#demo-dialog{background:#0e0c14;border-color:#c8b8ff2b}form label{color:#bbb4cf}input,select{background:#a898ff04;border-color:#c8b8ff22}input::placeholder{color:#827b91}#form-result{background:#a898ff08;border-color:#a898ff28}#form-result a{color:#c9b8ff}:focus-visible{outline-color:#c5b4ff!important}::selection{background:#b59aff;color:#160c2b}.footer-top p,.footer-bottom{color:#908899}.footer-top nav a,.footer-top nav button{color:#a9a0b8}.faq-list details{border-bottom-color:#ffffff1a}
@media(max-width:1024px){.role-visual{gap:22px;padding:20px}.role-description{padding-right:10px}.role-description h3{font-size:23px}.audience-band>div{gap:22px}.audience-band>div>span{font-size:14px}.capture-toolbar{padding-inline:15px}.tour-visual.screenshot-visual,.editorial-visual.screenshot-visual{padding:18px}}
@media(max-width:760px){.hero:before{background:radial-gradient(ellipse 600px 700px at -240px -80px,#dcb7ff 0%,#8c3cfbc7 22%,#4d18a46b 48%,transparent 78%),radial-gradient(ellipse 600px 760px at calc(100% + 270px) 110px,#93b3ff 0%,#375deaaa 25%,#2325a654 50%,transparent 80%)}.hero-eyebrow{font-size:10px!important}.hero-description{font-size:15px}.audience-band>div{gap:18px 28px}.audience-band>div>span{font-size:12px}.role-visual{grid-template-columns:1fr;gap:14px}.role-description{padding:15px}.role-description h3{font-size:26px}.role-illustration.screenshot-visual{min-height:0;padding:20px}.tour-visual.screenshot-visual,.editorial-visual.screenshot-visual{min-height:0;padding:22px}.real-showcase{transform:none}.capture-toolbar>span:last-child{display:none}.role-description p{font-size:14px}.topbar nav{background:#100e17f5;border-color:#c8b8ff22}}
@media(max-width:640px){.hero h1{font-size:clamp(33px,7.8vw,48px);letter-spacing:-.058em}.hero-description{font-size:13px;max-width:360px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:12px}.hero-actions{gap:17px}.real-showcase{margin-top:42px}.capture-toolbar{height:34px;padding:0 12px;font-size:9px}.capture-toolbar i{width:6px;height:6px}.audience-band>span{font-size:8px;letter-spacing:.7px;max-width:280px;text-align:center;line-height:1.8}.audience-band>div{grid-template-columns:1fr 1fr;gap:17px 25px}.audience-band>div>span{font-size:11px}.tour-visual.screenshot-visual,.editorial-visual.screenshot-visual{padding:14px}.role-illustration.screenshot-visual{padding:14px}.role-description{padding:15px 12px}.section h2{font-size:clamp(30px,7.9vw,41px);line-height:1.02}.closing-section h2{font-size:clamp(31px,8vw,43px);line-height:1.04}.closing-section .eyebrow{font-size:8px;letter-spacing:.5px}.closing-section p{font-size:13px}.capability-grid h3{font-size:14px}.capability-grid p{font-size:12px;min-height:115px}.role-switcher button{font-size:11px;padding:9px 13px}.footer-top nav{gap:17px}.footer-top nav a,.footer-top nav button{font-size:10px}.footer-bottom{font-size:8px}}
@media(max-width:360px){.hero-actions{flex-direction:column;gap:17px}.hero-benefits{gap:5px}.hero-benefits>span{padding:5px 7px;font-size:8px}.hero-eyebrow{font-size:8px!important;letter-spacing:.5px!important}.role-switcher button{font-size:10px;padding:9px 10px}.capability-grid article{padding:20px 11px}.capability-grid h3{font-size:13px}.capability-grid p{font-size:11px}.footer-top{flex-direction:column}.footer-top nav{display:flex;flex-wrap:wrap;gap:20px}.hero h1{font-size:32px}.hero-description{font-size:12px}}
/* Les captures secondaires masquent les 256 px de navigation, sans interaction ni légende. */
.dashboard-figure .screenshot-media img{width:121.6216216%;max-width:none;margin-left:-21.6216216%}
@media(prefers-reduced-motion:reduce){.real-showcase{transform:none}}

.passion-section{max-width:980px;text-align:center;padding:65px 28px;margin:10px auto 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#000}
.passion-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b4a1ff28;border-radius:12px;background:#a898ff08;color:#c1acff;margin:0 auto 24px}
.passion-mark svg{width:21px;height:21px;stroke-width:1.3}
.passion-section>.eyebrow{font-size:10px;letter-spacing:1px;color:#9990ac}
.passion-section h2{font-size:42px;line-height:1.08;letter-spacing:-2px;font-weight:600;margin:18px 0 22px;color:#ece8f5}
.passion-section p{max-width:620px;font-size:16px;line-height:1.85;margin:0 auto;color:#a09da9}
.passion-section strong{font-weight:600;color:#c9b8ff}
.passion-signature{display:block;font-size:11px;color:#92879f;margin-top:25px;letter-spacing:.3px}
@media(max-width:640px){.passion-section{padding:50px 22px}.passion-section h2{font-size:34px;letter-spacing:-1.5px}.passion-section p{font-size:14px}.passion-signature{font-size:10px}}

.footer-star{color:#b9a7e0}
@media(max-width:480px){.hero{--screenshot-half:calc((100vw - 24px) * .240798747)}}