:root{--bg:#0c0d13;--panel:#151722;--panel2:#1c1e2c;--text:#f5f5fb;--muted:#a7a9bd;--line:#303241;--violet:#a492ff;--violet2:#7964ea;--glow:#a492ff17;color-scheme:dark}html[data-theme=light]{--bg:#f9faff;--panel:#fff;--panel2:#f0f1f8;--text:#1b1d2b;--muted:#666b7e;--line:#e0e2ed;--violet:#715ae1;--violet2:#725ce5;--glow:#b1a1ff24;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}.wrap{max-width:1180px;width:calc(100% - 52px);margin:auto}.header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:800 20px Manrope,sans-serif;letter-spacing:.12em;white-space:nowrap}.mark{display:inline-block;color:var(--violet);letter-spacing:-.3em;margin-right:14px;transform:skew(-20deg)}nav{display:flex;gap:27px}nav a{font-size:14px;color:var(--muted);font-weight:700}nav a:hover{color:var(--violet)}.navright{display:flex;align-items:center;gap:13px}.theme,.hamburger{background:var(--panel);border:1px solid var(--line);border-radius:50%;width:42px;height:42px;color:var(--text);font-size:20px}.hamburger{display:none}.navcta{background:var(--text);color:var(--bg);padding:12px 17px;border-radius:9px;font-size:13px;font-weight:700}.navcta span{margin-left:13px}.hero{padding-top:110px;padding-bottom:115px;text-align:center;position:relative}.hero:before{content:"";position:absolute;z-index:-1;width:700px;height:650px;left:50%;top:-100px;transform:translateX(-50%);background:radial-gradient(circle,var(--glow),transparent 67%);pointer-events:none}.eyebrow{color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.17em}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--violet);margin-right:9px;box-shadow:0 0 15px var(--violet)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(52px,6.7vw,91px);line-height:1.1;margin:24px 0}h1 span,h2 span{color:var(--violet)}.hero-sub{font-size:18px;color:var(--muted);max-width:680px;margin:0 auto;line-height:1.85}.hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0 68px}.button{display:inline-flex;align-items:center;gap:24px;padding:13px 22px;min-height:51px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--violet2);color:white}.ghost{background:var(--panel);border:1px solid var(--line)}.hero-map{border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,var(--panel),var(--bg));padding:32px 42px 30px;max-width:900px;margin:auto;box-shadow:0 30px 100px #0002}.map-title{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--muted)}.map-center{margin:25px auto 0;width:245px;display:flex;gap:13px;align-items:center;text-align:left;padding:15px 19px;border:1px solid #8172d677;border-radius:14px;background:var(--panel2);box-shadow:0 0 45px var(--glow)}.core-icon{display:grid;place-items:center;background:var(--violet2);border-radius:11px;color:white;width:46px;height:46px;font-size:24px}.map-center b,.map-center small{display:block}.map-center b{font:800 20px Manrope}.map-center small{color:var(--muted);font-size:12px}.stem{width:1px;height:34px;background:var(--violet);margin:auto}.map-branches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.map-branches:before{content:"";position:absolute;top:-1px;left:10%;right:10%;border-top:1px solid #8172d688}.branch{position:relative;border:1px solid var(--line);border-radius:12px;padding:16px 7px;font-size:14px;font-weight:700;background:var(--panel);white-space:nowrap}.branch:before{content:"";position:absolute;left:50%;top:-12px;height:11px;border-left:1px solid #8172d688}.branch span{color:var(--violet);font-size:20px;display:block;margin-bottom:5px}.map-bottom{margin-top:25px;color:var(--muted);font-size:13px}.purple-dot{color:var(--violet);font-size:18px;margin-right:8px}.hero-hint{font-size:11px;color:var(--muted);margin-top:14px}.section{padding:105px 0}.workflow-section,.capabilities{background:var(--panel)}.section-top{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:48px}.section-top h2{font-size:clamp(37px,4.5vw,55px);line-height:1.17;margin:15px 0 0}.section-top p{font-size:17px;color:var(--muted);line-height:1.85;margin:0}.scenario{display:grid;grid-template-columns:300px 1fr;gap:17px}.scenario-menu{display:flex;flex-direction:column;gap:12px}.scenario-btn{display:grid;grid-template-columns:36px 1fr 15px;gap:2px 10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;padding:19px 17px}.scenario-btn.active{border-color:var(--violet);background:var(--panel2)}.scenario-btn>span{grid-row:span 2;color:var(--violet);font-weight:800;font-size:12px}.scenario-btn>b{font-size:15px}.scenario-btn>small{font-size:12px;color:var(--muted)}.scenario-btn>em{grid-column:3;grid-row:1/3;color:var(--violet);font-style:normal}.scenario-display{border:1px solid var(--line);border-radius:18px;background:var(--bg);padding:25px 30px}.display-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.small-logo{display:grid;place-items:center;background:var(--panel2);color:var(--violet);width:34px;height:34px;border-radius:9px;font-size:20px}.display-header b{font-size:15px}.demo-label{font-size:11px;color:var(--muted);margin-left:auto}.request{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:15px 18px}.request small{font-size:10px;letter-spacing:.1em;color:var(--violet);font-weight:800}.request p{margin:5px 0 0;font-size:15px}.down-arrow{text-align:center;color:var(--violet);font-size:23px;line-height:1.6}.process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.process-step{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px}.process-step span,.process-step b,.process-step small{display:block}.process-step span{font-size:11px;color:var(--violet);font-weight:800}.process-step b{font-size:15px;margin-top:7px}.process-step small{font-size:12px;color:var(--muted)}.result{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid #39ad8055;border-radius:12px;padding:14px 17px}.result-check{display:grid;place-items:center;width:34px;height:34px;background:#2ca77824;border-radius:9px;color:#53d6a1;font-weight:800}.result>div{flex:1}.result b,.result small{display:block}.result b{font-size:15px}.result small{font-size:12px;color:var(--muted)}.result-arrow{color:var(--violet)}.display-note{font-size:11px;color:var(--muted);margin-top:14px}.channel-flow{display:grid;grid-template-columns:1fr 30px 1.2fr 30px 1fr;gap:16px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.source-group,.outcome-group{display:grid;gap:11px}.source,.outcome-group>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.source-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--panel2);color:var(--violet);font-size:21px}.source b,.source small{display:block}.source b{font-size:15px}.source small{font-size:12px;color:var(--muted)}.connector{color:var(--violet);text-align:center;font-size:24px}.flow-core{border:1px solid #8975e988;background:var(--bg);border-radius:16px;text-align:center;padding:30px 15px}.flow-core>span,.flow-core b,.flow-core small{display:block}.flow-core>span{font-size:31px;color:var(--violet)}.flow-core b{font:800 25px Manrope}.flow-core small{font-size:12px;color:var(--muted)}.outcome-group>div{font-size:14px;color:var(--violet)}.outcome-group>div span{color:var(--text)}.footnote{color:var(--muted);font-size:12px;margin:15px 0 0}.cap-list{border-top:1px solid var(--line)}.cap-item{display:grid;grid-template-columns:40px 1fr 310px;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:32px 0}.cap-number{font-size:13px;color:var(--violet);font-weight:800;align-self:start;padding-top:8px}.cap-text h3{font-size:27px;margin:0 0 9px}.cap-text p{font-size:15px;color:var(--muted);max-width:560px;margin-bottom:14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:50px;padding:5px 10px}.cap-art{min-height:135px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:17px}.art-top{font-size:10px;color:var(--violet);letter-spacing:.08em;font-weight:800;margin-bottom:12px}.art-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px 0;font-size:12px}.art-line b{color:#4ac59a}.art-bottom{font-size:12px;margin-top:9px}.art-bottom span{float:right;color:var(--violet)}.task-row{display:flex;align-items:center;gap:10px;margin:8px 0}.task-row>div{flex:1}.task-row b,.task-row small{display:block}.task-row b{font-size:12px}.task-row small{font-size:11px;color:var(--muted)}.task-row>span:last-child{color:var(--violet)}.task-dot{width:12px;height:12px;border-radius:50%}.task-dot.green{background:#43c49a}.task-dot.violet{background:var(--violet)}.employee-art{display:flex;align-items:center;gap:12px}.employee-avatar{width:45px;height:45px;border-radius:11px;background:var(--panel2);display:grid;place-items:center;color:var(--violet);font-weight:800}.employee-art>div:nth-child(2){flex:1}.employee-art b,.employee-art small{display:block}.employee-art b{font-size:14px}.employee-art small{font-size:12px;color:var(--muted)}.lock{color:#4ac59a}.bars{display:flex;align-items:end;gap:10px;height:70px}.bars i{flex:1;background:linear-gradient(var(--violet),#6454a0);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:65%}.bars i:nth-child(5){height:52%}.bars i:nth-child(6){height:75%}.bars i:nth-child(7){height:94%}.bespoke-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.bespoke h2{font-size:clamp(35px,4.1vw,53px);line-height:1.2;margin:17px 0 25px}.bespoke p{font-size:17px;color:var(--muted);max-width:600px}.bespoke-flow{display:flex;flex-direction:column;gap:0}.bespoke-flow>div{border:1px solid var(--line);border-radius:13px;padding:17px;background:var(--panel);font-weight:700;font-size:16px}.bespoke-flow>div span{font-size:12px;color:var(--violet);margin-right:16px}.contact{text-align:center}.contact h2{font-size:clamp(38px,5vw,62px);margin:18px 0}.contact p{font-size:17px;color:var(--muted)}.contact .button{margin-top:16px}.contact small{display:block;font-size:11px;color:var(--muted);margin-top:15px}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer span{font-size:12px;color:var(--muted)}@media(max-width:980px){nav{gap:13px}nav a{font-size:12px}.navcta{display:none}.scenario{grid-template-columns:240px 1fr}.cap-item{grid-template-columns:35px 1fr 240px}.bespoke-layout{gap:35px}}@media(max-width:720px){.wrap{width:calc(100% - 34px)}.nav{height:69px}.hamburger{display:block}nav{display:none;position:absolute;top:68px;left:17px;right:17px;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px;gap:14px}nav.open{display:flex}nav a{font-size:15px}.hero{padding:75px 0 85px}h1{font-size:clamp(46px,10vw,70px)}.hero-sub{font-size:16px}.hero-ctas{margin-bottom:44px}.hero-map{padding:23px 12px}.map-branches{grid-template-columns:repeat(3,1fr);gap:8px}.map-branches:before,.branch:before{display:none}.branch{font-size:11px;padding:10px 4px}.branch span{font-size:17px}.map-bottom{font-size:11px}.section{padding:75px 0}.section-top{grid-template-columns:1fr;gap:17px;margin-bottom:30px}.section-top p{font-size:15px}.scenario{grid-template-columns:1fr}.scenario-menu{display:grid;grid-template-columns:1fr;gap:7px}.scenario-btn{padding:12px}.scenario-display{padding:17px}.process-row{gap:6px}.process-step{padding:10px 7px}.process-step b{font-size:12px}.process-step small{font-size:10px}.display-header b{font-size:13px}.demo-label{font-size:9px}.channel-flow{grid-template-columns:1fr;gap:9px;padding:16px}.source-group{grid-template-columns:1fr 1fr}.source{padding:10px}.source b{font-size:13px}.source small{font-size:10px}.connector{transform:rotate(90deg)}.outcome-group{grid-template-columns:1fr}.cap-item{grid-template-columns:30px 1fr;gap:8px;padding:25px 0}.cap-art{grid-column:2;min-height:115px}.cap-text h3{font-size:23px}.cap-text p{font-size:14px}.bespoke-layout{grid-template-columns:1fr}.bespoke h2{font-size:36px}.bespoke p{font-size:15px}.footer{flex-wrap:wrap}.footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* V5 — démonstrations concrètes sans étapes artificielles */
.logo .mark{display:inline-flex;align-items:center;letter-spacing:0}.logo .mark svg{display:block}.scenario-context{color:var(--muted);font-size:14px;line-height:1.65;margin:18px 0 12px}.scenario-visual{margin:17px 0 18px}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:center;gap:11px}.mini-doc{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:17px;min-width:0}.mini-doc.updated{border-color:#8271da7d;background:linear-gradient(140deg,var(--panel2),#2b2543)}html[data-theme=light] .mini-doc.updated{background:linear-gradient(140deg,#f7f6ff,#f1edff)}.doc-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.06em}.doc-top b{color:var(--violet)}.mini-doc h4{font-size:15px;margin:14px 0}.doc-line{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.doc-line b{color:var(--text);font-weight:600;white-space:nowrap}.doc-line.added span,.doc-line.discount span{color:var(--violet)}.doc-total{border-top:1px solid var(--line);margin-top:7px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.doc-total strong{font-size:17px;white-space:nowrap}.doc-total strong.done{color:#55d6a0}.doc-total strong.pending{color:#efb870}.compare-arrow{text-align:center;color:var(--violet);font-size:23px}.inbox-flow{margin-bottom:18px;padding:15px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.flow-label{color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:11px}.inbox-pipeline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inbox-pipeline span{border:1px solid var(--line);padding:8px 10px;border-radius:8px;font-size:12px}.inbox-pipeline i{color:var(--violet);font-style:normal}.stats-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats-showcase>div{padding:19px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.stats-showcase small,.stats-showcase strong,.stats-showcase span{display:block}.stats-showcase small{font-size:10px;color:var(--muted);min-height:34px}.stats-showcase strong{font:800 clamp(20px,2vw,28px) Manrope,sans-serif;margin:8px 0}.stats-showcase span{font-size:11px;color:var(--violet)}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr;gap:8px}.compare-arrow{transform:rotate(90deg)}.mini-doc{padding:14px}.stats-showcase{grid-template-columns:1fr}.stats-showcase small{min-height:0}.inbox-pipeline{gap:7px}.inbox-pipeline span{font-size:11px}}

/* V6 — identité et démonstrations plus proches des usages */
.logo .mark{display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.eryqo-symbol{display:block;flex-shrink:0}.core-icon .eryqo-symbol{width:32px;height:32px}.small-logo .eryqo-symbol{width:24px;height:24px}.purple-dot .eryqo-symbol{width:18px;height:18px}.flow-brand .eryqo-symbol{width:27px;height:27px}
.quote-compare,.ticket-compare{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:12px;align-items:center;margin:15px 0}.quote-sheet{background:#f9fafe;color:#25283a;border:1px solid #d7dbe9;border-radius:9px;padding:16px;min-width:0;box-shadow:0 9px 28px #00000012}.quote-sheet.after{border-color:#a393f2;box-shadow:0 0 0 1px #a393f244}.sheet-state{font-size:10px;letter-spacing:.08em;font-weight:800;color:#6f5ddd;margin-bottom:12px}.sheet-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.sheet-head strong{font:800 19px Manrope,sans-serif}.sheet-head small{display:block;color:#74798a;font-size:10px}.sheet-brand{font-size:9px;font-weight:800;text-align:right;max-width:90px;color:#51566b}.sheet-customer{border-top:1px solid #e0e2ec;margin:12px 0;padding-top:9px;font-size:10px;color:#6c7182}.quote-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.quote-table th{background:#e9eaf2;text-align:right;color:#5b6071;padding:8px 4px;font-size:9px}.quote-table th:first-child,.quote-table td:first-child{text-align:left;width:42%}.quote-table td{border-bottom:1px solid #e6e7ee;padding:9px 4px;text-align:right;overflow-wrap:anywhere}.quote-table .new-line td{color:#5f4ac5;background:#f0edff}.sheet-discount{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:9px 4px;color:#5f4ac5}.sheet-summary{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:2px solid #b6b7c9;font-size:12px}.sheet-summary strong{font-size:16px}.quote-compare>.compare-arrow,.ticket-compare>.compare-arrow{text-align:center;color:#a795ff;font-size:24px}.request-journey{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.journey-title{font-size:11px;letter-spacing:.1em;font-weight:800;color:#a795ff;margin-bottom:14px}.journey-steps{display:flex;align-items:center;gap:9px}.journey-steps>div{flex:1;min-width:0;background:var(--soft);border:1px solid var(--line);padding:12px 9px;border-radius:9px;text-align:center}.journey-icon{display:block;color:#a795ff;font-size:19px;margin-bottom:5px}.journey-steps strong,.journey-steps small{display:block}.journey-steps strong{font-size:12px}.journey-steps small{font-size:10px;color:var(--muted)}.journey-arrow{color:#a795ff;font-size:20px}.request-journey p{font-size:12px;color:var(--muted);margin:12px 0 0}.ticket{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:17px;min-width:0}.ticket.after{border-color:#4b937f}.ticket-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px}.ticket-heading span{color:#a795ff;font-size:10px}.ticket h4{font-size:15px;margin:14px 0 5px}.ticket p{font-size:11px;color:var(--muted)}.ticket-status{display:inline-block;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:800}.ticket-status.pending{background:#55462844;color:#f1c178}.ticket-status.done{background:#1e624e44;color:#76d8b0}
@media(max-width:800px){.quote-compare,.ticket-compare{grid-template-columns:1fr;gap:8px}.quote-compare>.compare-arrow,.ticket-compare>.compare-arrow{transform:rotate(90deg)}.journey-steps{gap:4px}.journey-steps>div{padding:9px 5px}.journey-steps strong{font-size:10px}.journey-steps small{font-size:9px}.journey-arrow{font-size:13px}}

/* Identité visuelle ERYQO — logo officiel */
.logo {display:inline-flex;align-items:center;line-height:1;letter-spacing:normal;text-decoration:none;}
.logo .eryqo-wordmark {display:block;width:auto;height:42px;max-width:min(210px,42vw);object-fit:contain;}
.footer .logo .eryqo-wordmark {height:38px;}
.eryqo-symbol {display:block;object-fit:contain;flex-shrink:0;}
.core-icon .eryqo-symbol {width:34px;height:34px;}
.small-logo .eryqo-symbol {width:26px;height:26px;}
.purple-dot .eryqo-symbol {width:20px;height:20px;}
.flow-brand .eryqo-symbol {width:29px;height:29px;}
@media (max-width:480px) {.logo .eryqo-wordmark {height:34px;max-width:150px;} .footer .logo .eryqo-wordmark {height:34px;}}

/* ERYQO — logos détourés, sans fond ni rognage */
.logo{overflow:visible;min-width:0;flex-shrink:0}
.logo .eryqo-wordmark{height:49px;width:auto;max-width:225px;object-fit:contain;overflow:visible}
.footer .logo .eryqo-wordmark{height:46px;max-width:225px}
.core-icon,.small-logo{background:transparent!important;box-shadow:none!important;border:0!important}
.purple-dot,.flow-brand{background:transparent!important;box-shadow:none!important;border:0!important}
.core-icon .eryqo-symbol{width:40px;height:40px}
.small-logo .eryqo-symbol{width:34px;height:34px}
.purple-dot .eryqo-symbol{width:20px;height:20px;display:inline-block;vertical-align:middle}
.flow-brand .eryqo-symbol{width:38px;height:38px;margin:0 auto 8px}
@media(max-width:480px){.logo .eryqo-wordmark{height:40px;max-width:165px}.footer .logo .eryqo-wordmark{height:40px}}

/* ERYQO — finition des logos transparents */
.header .logo,.footer .logo{display:inline-flex;align-items:center;overflow:visible;flex-shrink:0}
.header .eryqo-wordmark{display:block;height:56px;width:auto;max-width:230px;object-fit:contain}
.footer .eryqo-wordmark{display:block;height:54px;width:auto;max-width:230px;object-fit:contain}
.core-icon,.small-logo,.purple-dot,.flow-brand{background:transparent!important;box-shadow:none!important;border:0!important}
.core-icon{width:46px;height:46px}
.core-icon .eryqo-symbol{width:44px;height:44px;object-fit:contain}
.small-logo{width:38px;height:38px}
.small-logo .eryqo-symbol{width:36px;height:36px;object-fit:contain}
.purple-dot .eryqo-symbol{width:23px;height:23px;object-fit:contain}
.flow-brand .eryqo-symbol{width:42px;height:42px;object-fit:contain}
@media(max-width:480px){.header .eryqo-wordmark{height:45px;max-width:175px}.footer .eryqo-wordmark{height:44px;max-width:175px}}


/* V9.3 — nouveau site : connexion, garanties de l'essai, fonctionnalités, IA, tarifs, questions */
.navlogin{font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.navlogin:hover{color:var(--violet)}
nav .nav-login{display:none}
nav a[aria-current="page"]{color:var(--violet)}
.trust-row{list-style:none;padding:0;margin:-40px auto 52px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;color:var(--muted);font-size:14px;font-weight:600}
.trust-row li{white-space:nowrap}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feature{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:6px}
.feature h3{font-size:19px;margin:6px 0 2px;letter-spacing:-.03em}.feature p{font-size:14px;color:var(--muted);margin:0 0 10px;flex:1}
.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--panel2);color:var(--violet);font-size:20px;font-weight:800}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.ai-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px}
.ai-card h3{font-size:21px;margin:0 0 14px;letter-spacing:-.03em}
.say-list,.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.say-list li{background:var(--panel2);border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:10px 14px;font-size:14.5px}
.check-list li{position:relative;padding-left:28px;font-size:14.5px;color:var(--muted)}.check-list li b{color:var(--text)}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:6px;background:#2ca77824;color:#2ca778;display:grid;place-items:center;font-size:12px;font-weight:800}
.time-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.time-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:13px 20px;border-top:1px solid var(--line);font-size:14.5px}
.time-row:first-child{border-top:0}.time-head{background:var(--panel2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.time-row b{color:var(--violet)}
.ai-ask{text-align:center;margin-top:26px}
.pricing-teaser{background:var(--panel)}
.center{text-align:center;margin-top:26px}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;text-align:left;max-width:1080px;margin:0 auto}
.plan-card{position:relative;border:1.5px solid var(--line);border-radius:20px;background:var(--bg);padding:26px 24px;display:flex;flex-direction:column;gap:6px}
.plan-card.is-featured{border-color:var(--violet);box-shadow:0 18px 50px var(--glow),0 0 0 3px var(--glow)}
.plan-badge{position:absolute;top:-12px;left:24px;background:var(--violet2);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;border-radius:20px;padding:4px 11px}
.plan-card h3{font-size:22px;margin:0}
.plan-price{font-size:14px;color:var(--muted)}.plan-price b{font:800 38px Manrope,sans-serif;color:var(--text);letter-spacing:-.04em}
.plan-eq{display:block;font-size:12.5px;color:var(--violet);margin-top:-4px}
.plan-vat{display:block;font-size:11.5px;color:var(--muted,#6b7280);margin-top:2px}
.plan-users{font-weight:700;margin:4px 0 0}.plan-pitch{font-size:14px;color:var(--muted);margin:0}
.plan-list{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:5px;font-size:13.5px;flex:1}
.plan-list li:before{content:"✓ ";color:var(--violet);font-weight:800}
.plan-btn{justify-content:center;width:100%;gap:10px;margin-top:6px}
.cycle-switch{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:4px;background:var(--panel);margin:8px 0 34px}
.cycle-switch button{border:0;background:none;border-radius:30px;padding:9px 18px;font-weight:700;font-size:14px;color:var(--muted)}
.cycle-switch button small{font-size:11px;color:var(--violet);margin-left:4px}
.cycle-switch button[aria-pressed="true"]{background:var(--violet2);color:#fff}.cycle-switch button[aria-pressed="true"] small{color:#fff}
.plans-note{font-size:13px;color:var(--muted);max-width:680px;margin:24px auto 0}
.already-client{max-width:680px;margin:18px auto 0;padding:14px 18px;border:1px dashed var(--line);border-radius:14px;font-size:14px;color:var(--muted);display:grid;gap:3px}
.already-client b{color:var(--text)}
.hero-small{padding-top:80px;padding-bottom:70px}.h1-small{font-size:clamp(42px,5.4vw,70px)}
.faq-list{display:grid;gap:10px;max-width:900px}
.faq-list details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 20px}
.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:16px;padding:17px 30px 17px 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:13px;font-size:22px;color:var(--violet)}
.faq-list details[open] summary:after{content:"–"}
.faq-list details p{color:var(--muted);font-size:15px;margin:0 0 18px}
.contact-ctas{margin:26px 0 0}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-links a{font-size:13px;color:var(--muted)}.footer-links a:hover{color:var(--violet)}
.footer{flex-wrap:wrap}
nav a,.navcta{white-space:nowrap}
@media(max-width:1180px){nav{gap:18px}nav a{font-size:13px}}
@media(max-width:1080px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Menu replié dès que la place manque (tablette, petit écran). */
@media(max-width:1020px){.navlogin{display:none}.hamburger{display:block}
  #menu{display:none;position:absolute;top:70px;left:17px;right:17px;flex-direction:column;background:var(--panel);border:1px solid var(--line);
      border-radius:12px;padding:15px;gap:14px;box-shadow:0 20px 50px #0002}
  #menu.open{display:flex}#menu a{font-size:15px}#menu .nav-login{display:block;color:var(--violet)}}
/* Les liens du bas de page ne sont jamais un menu déroulant. */
.footer .footer-links{display:flex!important;position:static!important;flex-direction:row!important;background:none!important;
  border:0!important;padding:0!important;box-shadow:none!important;gap:8px 18px}
.footer .footer-links a{font-size:13px!important}
@media(max-width:720px){.trust-row{margin:-26px auto 38px;font-size:13px}.feature-grid,.ai-grid{grid-template-columns:1fr}.time-row{grid-template-columns:1.3fr 1fr 1fr;padding:11px 12px;font-size:13px}.ai-card{padding:20px}}

/* ERYQO: déclinaisons adaptées aux thèmes */
.logo .logo-light {display:none!important}
html[data-theme="light"] .logo .logo-dark {display:none!important}
html[data-theme="light"] .logo .logo-light {display:block!important}
.logo .eryqo-wordmark {height:46px!important;width:auto!important;max-width:225px!important;object-fit:contain!important}
.footer .logo .eryqo-wordmark {height:43px!important}
.core-icon,.small-logo,.purple-dot,.flow-brand {background:transparent!important;box-shadow:none!important}
@media(max-width:480px){.logo .eryqo-wordmark{height:38px!important;max-width:175px!important}}

/* V9.5 — formules : 1er mois gratuit, IA comprise */
.plan-free{align-self:flex-start;background:#16a34a1f;color:#15803d;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800;margin-top:2px}
html[data-theme=dark] .plan-free{color:#4ade80}
.plan-ai{margin:8px 0 2px;padding:9px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.plan-ai b{display:block;font:800 20px Manrope,sans-serif;color:var(--violet);letter-spacing:-.02em}

/* V9.5.1 — menu identique sur toutes les pages + « Nous contacter » */
nav{gap:22px;align-items:center}
.nav-contact{position:relative}
.nav-contact-btn{background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:700;color:var(--violet);cursor:pointer}
.nav-contact-btn:hover{text-decoration:underline}
.contact-pop{position:absolute;right:-40px;top:calc(100% + 18px);z-index:40;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 22px 60px #1b1d2b33;text-align:left}
.contact-pop[hidden]{display:none}
.contact-pop b{display:block;font-size:16px;margin-bottom:4px}.contact-pop p{font-size:13.5px;color:var(--muted);margin:0 0 10px;line-height:1.5}
.contact-mail{display:block;font:800 17px Manrope,sans-serif;color:var(--violet);margin-bottom:12px;word-break:break-all}
.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-actions .button{min-height:40px;padding:9px 14px;gap:8px;font-size:13px}
.contact-call{display:block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--text)}
@media(max-width:1180px){nav{gap:14px}nav a,.nav-contact-btn{font-size:13px}.navlogin{display:none}nav .nav-login{display:inline}}
@media(max-width:720px){.nav-contact-btn{font-size:15px;text-align:left}.contact-pop{position:static;width:auto;margin-top:10px;box-shadow:none}}

nav a,.nav-contact-btn{white-space:nowrap}
@media(max-width:1180px){nav{gap:12px}nav a,.nav-contact-btn{font-size:12.5px}.navcta{padding:11px 13px}.navcta span{margin-left:8px}}
@media(max-width:1060px){.hamburger{display:block}nav{display:none;position:absolute;top:70px;left:17px;right:17px;flex-direction:column;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px;gap:14px}nav.open{display:flex}nav a,.nav-contact-btn{font-size:15px}.navcta{display:inline-flex}.contact-pop{position:static;width:auto;margin-top:10px;box-shadow:none}}
@media(max-width:1320px) and (min-width:1181px){nav{gap:12px}nav a,.nav-contact-btn{font-size:12.5px}.navcta{padding:11px 13px}.navcta span{margin-left:8px}.navright{gap:9px}}
@media(max-width:1180px){.hamburger{display:block}nav{display:none;position:absolute;top:70px;left:17px;right:17px;flex-direction:column;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px;gap:14px}nav.open{display:flex}nav a,.nav-contact-btn{font-size:15px}.navcta{display:inline-flex}.contact-pop{position:static;width:auto;margin-top:10px;box-shadow:none}}
.footer-contact{color:var(--violet)!important;font-weight:700}

/* V9.5.2 — formulaire « Nous contacter » */
.contact-pop{width:360px;max-height:calc(100vh - 110px);overflow:auto}
.contact-form label{display:block;font-size:13px;font-weight:700;margin:0 0 9px}.contact-form label small{font-weight:500;color:var(--muted)}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:14px;font-weight:400}
.contact-form textarea{resize:vertical;min-height:72px}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--violet);outline-offset:1px}
.contact-check{display:flex!important;gap:8px;align-items:center;font-weight:600!important}.contact-check input{accent-color:var(--violet2);width:17px;height:17px}
.contact-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.contact-send{width:100%;justify-content:center;min-height:44px}
.contact-status{font-size:13px;margin-top:8px;min-height:1px}.contact-status.is-ok{color:#15803d}.contact-status.is-err{color:#dc2626}
.contact-alt{font-size:12.5px!important;margin:10px 0 0!important}.contact-alt button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:2px 8px;font-size:12px;cursor:pointer}

/* V9.5.3 — pages légales et page 404 */
.legal-page{max-width:860px;padding-top:70px;padding-bottom:90px}
.legal-page h1{font-size:clamp(34px,4.4vw,52px);line-height:1.15;margin:14px 0 6px}.legal-page h1 span{color:var(--violet)}
.legal-page h2{font-size:21px;margin:34px 0 8px;letter-spacing:-.03em}
.legal-page p{color:var(--muted);font-size:15.5px;line-height:1.75}.legal-page p b{color:var(--text)}
.legal-page a{color:var(--violet);font-weight:700}
.legal-updated{font-size:13px!important;margin:0 0 10px}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px;display:block;overflow-x:auto}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;color:var(--muted)}
.legal-table th{background:var(--panel2);color:var(--text)}
.todo{background:#fef08a;color:#713f12;border-radius:4px;padding:1px 5px;font-weight:700}
.notfound{text-align:center}.notfound .hero-ctas{margin:26px 0}
.legal-page a.button{font-weight:700}.legal-page a.button.primary{color:#fff}.legal-page a.button.ghost{color:var(--text)}
/* V10.5 : métiers visés (sous les conditions de l'essai) */
.trust-row.metiers-row{margin:-34px auto 48px;gap:8px;max-width:900px}
.trust-row.metiers-row li{padding:6px 12px;border:1px solid var(--line,#dfe6f0);border-radius:30px;font-size:13px;font-weight:650}
@media(max-width:720px){.trust-row.metiers-row{margin:-22px auto 34px}.trust-row.metiers-row li{font-size:12px;padding:5px 10px}}
/* V10.5 : la lueur de 700 px derrière le titre faisait défiler la page de côté sur téléphone */
.hero{overflow-x:clip}
/* V10.12 : pré-lancement (bandeau, fenêtre « Me prévenir ») */
.launch-banner{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:var(--violet2);color:#fff;font-size:14px;text-align:center}
.launch-banner b{font-weight:800}
.launch-banner-btn{background:#fff;color:var(--violet2);border-radius:30px;padding:6px 14px;font-weight:800;font-size:13px;white-space:nowrap}
.launch-dialog{border:1px solid var(--line);border-radius:18px;padding:0;max-width:440px;width:calc(100% - 32px);background:var(--panel);color:var(--text);box-shadow:0 30px 80px #0006}
.launch-dialog::backdrop{background:#0b0d16aa}
.launch-form{display:grid;gap:12px;padding:26px 24px;position:relative}
.launch-form h2{font-size:24px;margin:0;letter-spacing:-.03em}.launch-form p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.launch-form label{display:grid;gap:6px;font-size:13.5px;font-weight:700}
.launch-form input[type=email]{height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;background:var(--bg);color:var(--text)}
.launch-consent{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important;color:var(--muted)}
.launch-consent input{margin-top:3px;accent-color:var(--violet2)}.launch-consent a{text-decoration:underline}
.launch-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:22px}
.launch-close:hover{background:var(--panel2)}
.launch-status{min-height:1.2em;font-size:13px}.launch-status.is-err{color:#e5484d}
.launch-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.plan-launch{display:block;text-align:center;margin-top:8px;color:var(--muted);font-size:12.5px;font-weight:700}
/* V10.14 : recharges d'IA (page Tarifs) */
.topup-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:720px}
.topup-card{border:1.5px solid var(--line);border-radius:18px;background:var(--bg);padding:22px;display:grid;gap:6px}
.topup-card b{font:800 30px Manrope,sans-serif}.topup-card span{font-weight:700}.topup-card small{color:var(--muted)}
.topup-card .button{justify-self:start;margin-top:8px}
/* V10.16 : « Nous contacter » ne dépasse plus de l'écran ; la barre du haut reste visible. */
.contact-pop{overscroll-behavior:contain}
@media(max-width:1180px){
  #menu.open{max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain}
  #menu .contact-pop{max-height:none;overflow:visible;width:100%}
}
/* V10.19 : page « Télécharger Eryqo ». */
.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:26px 0 34px}
.download-card{display:grid;gap:4px;border:1.5px solid var(--line);border-radius:18px;background:var(--panel);padding:20px;text-decoration:none;color:var(--text)}
.download-card b{font:800 20px Manrope,sans-serif}.download-card span{color:var(--muted);font-size:14px}
.download-card em{font-style:normal;font-weight:700;font-size:13px;margin-top:8px;color:var(--violet)}
.download-card.is-ready:hover{border-color:var(--violet);transform:translateY(-2px)}
.download-card.is-soon{opacity:.75;cursor:default}.download-card.is-soon em{color:var(--muted)}
/* V10.19 : bloc « Installer ERYQO » de l'accueil, sous les garanties (4 boutons de même taille, icônes). */
.install-block{max-width:780px;margin:-24px auto 60px;padding:20px 22px 16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 14px 40px #1b1d2b0d}
.install-title{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.install-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.store-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);text-align:left;transition:transform .2s,border-color .2s}
.store-btn svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--violet);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.store-btn span{display:grid;line-height:1.25}
.store-btn small{white-space:nowrap;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.store-btn b{font:800 17px Manrope,sans-serif}.store-btn i{font-style:normal;font-size:12px;color:var(--muted)}
.store-btn:hover{border-color:var(--violet);transform:translateY(-2px)}
.store-btn.is-ready small{color:var(--violet)}
.install-note{margin:12px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:820px){.install-grid{grid-template-columns:repeat(2,1fr)}.install-block{margin:-14px auto 48px}}