/* np-opca.css - feuille commune des pages de la pool Opacra (NurseryPool), palette lavande */
:root{--bg:#0B0A12;--bg2:#110F1B;--card:#15141F;--card2:#1C1A29;--brd:rgba(236,234,246,.08);--brd2:rgba(236,234,246,.16);--txt:#EEECF7;--txt2:#B4B0CC;--txt3:#8F8BA9;--acc:#B7A5FF;--acc2:#8C70FF;--accbg:rgba(183,165,255,.12);--acctxt:#0B0A12;--ok:#62DCAB;--okbg:rgba(98,220,171,.12);--wait:#F2B766;--waitbg:rgba(242,183,102,.13);--bad:#FF8E9D;--badbg:rgba(255,142,157,.12);--grid:rgba(236,234,246,.07);--logo:#06050B;--ring:rgba(183,165,255,.10);--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px -24px rgba(0,0,0,.6)}
:root[data-theme="light"]{--bg:#F5F4FA;--bg2:#EDEBF6;--card:#FFFFFF;--card2:#F7F6FC;--brd:rgba(23,21,31,.09);--brd2:rgba(23,21,31,.18);--txt:#17151F;--txt2:#4B4762;--txt3:#615D78;--acc:#5B3FD9;--acc2:#4A2FC4;--accbg:rgba(91,63,217,.09);--acctxt:#FFFFFF;--ok:#0B7A55;--okbg:rgba(11,122,85,.10);--wait:#8F5400;--waitbg:rgba(143,84,0,.10);--bad:#B8324A;--badbg:rgba(184,50,74,.09);--grid:rgba(23,21,31,.07);--logo:#17151F;--ring:rgba(91,63,217,.08);--shadow:0 1px 2px rgba(23,21,31,.04),0 16px 32px -24px rgba(23,21,31,.25)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 'Manrope',system-ui,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}
a{color:var(--acc)}a:hover{color:var(--txt)}
h1,h2,h3,.disp{font-family:'Unbounded',sans-serif;letter-spacing:-.02em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px}
.wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
.deco{position:absolute;right:-380px;top:-420px;pointer-events:none;z-index:0}
.deco circle{fill:none;stroke:var(--ring)}
header{position:relative;z-index:2;border-bottom:1px solid var(--brd);background:var(--bg)}
.hbar{display:flex;align-items:center;gap:20px;min-height:76px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--txt)}
.brand b{font-family:'Unbounded',sans-serif;font-weight:600;font-size:16px;display:block;line-height:1.1}
.brand small{font-size:12px;font-weight:700;color:var(--txt3);letter-spacing:.12em}
.navl{color:var(--txt2)!important;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.navl:hover{background:var(--accbg);color:var(--txt)!important}.navl.on{color:var(--txt)!important;background:var(--card2)}
.hright{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--txt2);padding:0 12px;min-height:36px;border-radius:999px;background:var(--card);border:1px solid var(--brd)}
.tag{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.tag.wait{color:var(--wait);background:var(--waitbg)}.tag.ok{color:var(--ok);background:var(--okbg)}.tag.bad{color:var(--bad);background:var(--badbg)}.tag.acc{color:var(--acc);background:var(--accbg)}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.seggrp{display:inline-flex;padding:4px;gap:2px;border-radius:12px;background:var(--card);border:1px solid var(--brd)}
.seg{border:0;background:transparent;color:var(--txt2);font:600 13px 'Manrope',sans-serif;padding:0 12px;min-height:36px;border-radius:8px;cursor:pointer}
.seg.on{background:var(--acc);color:var(--acctxt)}
.ibtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--brd2);background:var(--card);color:var(--txt);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ibtn:hover{border-color:var(--acc)}
:root[data-theme="light"] .i-sun,:root:not([data-theme="light"]) .i-moon{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;background:var(--acc);color:var(--acctxt)!important;font:700 15px 'Manrope',sans-serif;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--acc2);color:#fff!important}
.gbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--brd2);color:var(--txt)!important;text-decoration:none;font:600 14px 'Manrope',sans-serif;background:var(--card);cursor:pointer}
.gbtn:hover{border-color:var(--acc)}
main{position:relative;z-index:1}
.sec{padding-top:16px;padding-bottom:16px}
.card{background:var(--card);border:1px solid var(--brd);border-radius:24px;padding:26px;box-shadow:var(--shadow);min-width:0}
.card.flush{padding:0;overflow:hidden}
.lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3)}
.kick{font-size:13px;font-weight:700;color:var(--acc);letter-spacing:.1em;text-transform:uppercase}
.muted{color:var(--txt2)}.dim{color:var(--txt3)}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:stretch;padding-top:56px;padding-bottom:32px}
.hero h1{margin:0;font-weight:600;font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.03em}
.hero h1 span{display:block}.hero h1 .a{color:var(--acc)}
.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--acc);background:var(--accbg);padding:7px 14px;border-radius:999px}
.inpw{position:relative;flex:1 1 280px;display:flex;min-width:0}
.inpw svg{position:absolute;left:16px;top:17px;color:var(--txt3)}
.inp{flex:1 1 auto;min-width:0;min-height:52px;border-radius:12px;border:1px solid var(--brd2);background:var(--bg2);color:var(--txt);padding:0 16px 0 46px;font:500 14px 'JetBrains Mono',monospace;outline:none}
.inp:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--accbg)}.inp::placeholder{color:var(--txt3)}
.chip{font-size:13px;padding:7px 12px;border-radius:10px;background:var(--card);border:1px solid var(--brd);color:var(--txt2)}
.chip b{color:var(--txt)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kpi{background:var(--card);border:1px solid var(--brd);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.kpi .v{font-family:'Unbounded',sans-serif;font-weight:600;font-size:30px;letter-spacing:-.02em}
.kpi .u{font-size:15px;font-weight:700;color:var(--txt2);margin-left:6px}
.kpi .s{font-size:13px;color:var(--txt3)}
.kd{width:8px;height:8px;border-radius:50%}
.two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;border-bottom:1px solid var(--brd)}
.chartbox{display:flex;gap:12px}
.yax{display:flex;flex-direction:column;justify-content:space-between;height:240px;padding:2px 0}
.yax span,.xax span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--txt3);line-height:1}
.plot{position:relative;flex:1 1 auto;height:240px;min-width:0}
.plot svg{display:block;width:100%;height:240px}
.xax{display:flex;justify-content:space-between;padding-left:44px}
.cdot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px var(--accbg)}
.ring{position:relative;width:168px;height:168px;flex:0 0 auto}
.ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.splitbar{display:flex;height:18px;border-radius:999px;overflow:hidden;gap:3px}
.sw{width:12px;height:12px;border-radius:4px;margin-top:5px;flex:0 0 auto}
.step{background:var(--card);border:1px solid var(--brd);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.step .ic{width:48px;height:48px;border-radius:14px;background:var(--accbg);color:var(--acc);display:inline-flex;align-items:center;justify-content:center}
.step .n{font-family:'Unbounded',sans-serif;font-weight:600;font-size:28px;color:var(--grid)}
.term{background:#12101C;border-radius:22px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(183,165,255,.18);color:#B4B0CC}
.term code{display:block;font-family:'JetBrains Mono',monospace;font-size:15px;line-height:1.7;color:#EEECF7;white-space:pre}
.copy{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#EEECF7;font:600 13px 'Manrope',sans-serif;cursor:pointer}
.copy:hover{background:rgba(255,255,255,.12)}
.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg2)}
.tab{border:0;background:transparent;color:var(--txt2);font:700 15px 'Manrope',sans-serif;padding:0 18px;min-height:44px;border-radius:10px;cursor:pointer}
.tab.on{background:var(--card2);color:var(--txt);box-shadow:0 0 0 1px var(--brd2) inset}
.tscroll{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
.tbl th{text-align:left;font:700 11px 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);padding:12px 16px;border-bottom:1px solid var(--brd)}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--brd);color:var(--txt);white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--card2)}
.tbl a{text-decoration:none}
.mbar{width:90px;height:6px;border-radius:999px;background:var(--grid);overflow:hidden;display:inline-block;vertical-align:middle}
.mbar i{display:block;height:100%;border-radius:999px}
.pgbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--brd);flex-wrap:wrap}
.pg{min-width:44px;min-height:40px;border-radius:10px;border:1px solid var(--brd2);background:var(--card);color:var(--txt);font:600 13px 'Manrope',sans-serif;cursor:pointer;padding:0 14px}
.pg:hover{border-color:var(--acc)}.pg:disabled{opacity:.4;cursor:default}
.thead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--brd)}
.fact{background:var(--bg2);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.fact b{font-family:'Unbounded',sans-serif;font-weight:500;font-size:17px}
footer{position:relative;z-index:1;border-top:1px solid var(--brd);background:var(--bg2)}
.fbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}
.err{display:none;margin:16px auto 0;max-width:1240px;padding:12px 16px;border-radius:12px;background:var(--badbg);color:var(--bad);font-weight:600}
.err.on{display:block}
@keyframes np-pulse{0%{box-shadow:0 0 0 0 rgba(98,220,171,.55)}70%{box-shadow:0 0 0 8px rgba(98,220,171,0)}100%{box-shadow:0 0 0 0 rgba(98,220,171,0)}}
.livedot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:np-pulse 2s infinite}
@media (prefers-reduced-motion:reduce){.livedot{animation:none}}
@media (max-width:960px){.hero,.two,.about{grid-template-columns:minmax(0,1fr)}.three{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.wrap{padding-left:16px;padding-right:16px}.hide-sm{display:none!important}.hero{padding-top:32px}}