/* Page « De 0 à 1 » (article sur la machine Cauri Charts). Généré depuis l'article PDF. */
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/machine/fonts/anton-normal-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/machine/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/machine/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/machine/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/machine/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/machine/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/machine/fonts/jetbrains-mono-normal-500.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/machine/fonts/source-serif-4-italic-400.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/machine/fonts/source-serif-4.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/machine/fonts/source-serif-4.woff2) format("woff2")}
.machine{
  --ink:#0d1330; --mute:#5b6280; --line:#dfe4f2; --sky:#2fa8ff; --sky2:#bfe6ff;
  --vio:#6b4dff; --vio2:#e7e1ff; --gold:#ffb81c; --paper:#ffffff; --soft:#f5f7fd;
}
.machine *{box-sizing:border-box;margin:0;padding:0}
.machine{background:#fff;color:var(--ink);font-family:Inter,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.machine .page{width:210mm;height:297mm;position:relative;overflow:hidden;page-break-after:always;padding:14mm 17mm 16mm;background:var(--paper)}
.machine .page:last-child{page-break-after:auto}
.machine .folio{position:absolute;bottom:8mm;left:17mm;right:17mm;display:flex;justify-content:space-between;font-size:7.5pt;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:2.5mm}
.machine .kicker{font-size:8pt;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--vio);margin-bottom:3mm}
.machine h2{font-family:Anton,sans-serif;font-weight:400;font-size:28pt;line-height:1.02;letter-spacing:.005em;margin-bottom:4mm}
.machine h2 em{font-style:normal;background:linear-gradient(90deg,var(--sky),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.machine h3{font-size:10.5pt;font-weight:800;margin:4mm 0 1.5mm;letter-spacing:.01em}
.machine p{font-family:"Source Serif 4",serif;font-size:9.8pt;line-height:1.45;margin-bottom:2.2mm;text-align:justify;hyphens:auto}
.machine p.lead{font-size:11.2pt;line-height:1.42;color:#2a3150}
.machine .cols{column-count:2;column-gap:8mm}
.machine .cols p{break-inside:auto}
.machine .drop::first-letter{font-family:Anton;float:left;font-size:42pt;line-height:.85;padding:1.2mm 2mm 0 0;color:var(--vio)}
.machine .box{background:var(--soft);border:1px solid var(--line);border-radius:4mm;padding:4.5mm 5mm;margin:3mm 0;break-inside:avoid}
.machine .box.glass{background:linear-gradient(135deg,rgba(47,168,255,.10),rgba(107,77,255,.10));border-color:#d4dcff}
.machine .box h4{font-size:8pt;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vio);margin-bottom:2mm}
.machine .box p,.machine .box li{font-family:Inter;font-size:8.8pt;line-height:1.45;text-align:left}
.machine ul.clean{list-style:none}
.machine ul.clean li{font-size:8.8pt;line-height:1.45;padding-left:4mm;position:relative;margin-bottom:1.2mm}
.machine ul.clean li::before{content:"";position:absolute;left:0;top:1.9mm;width:1.6mm;height:1.6mm;border-radius:50%;background:var(--sky)}
.machine .mono{font-family:"JetBrains Mono",monospace;font-size:8.3pt}
.machine .quote{font-family:"Source Serif 4";font-style:italic;font-size:14pt;line-height:1.35;color:var(--vio);border-left:1.2mm solid var(--sky);padding:1mm 0 1mm 5mm;margin:4mm 0;break-inside:avoid}
.machine .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;margin:4mm 0}
.machine .stat{border:1px solid var(--line);border-radius:3.5mm;padding:3.5mm;background:#fff}
.machine .stat b{display:block;font-family:Anton;font-weight:400;font-size:21pt;line-height:1;background:linear-gradient(90deg,var(--sky),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.machine .stat span{font-size:7.6pt;color:var(--mute);line-height:1.3;display:block;margin-top:1.3mm}
.machine table{width:100%;border-collapse:collapse;font-size:8.4pt;margin:2mm 0}
.machine th{text-align:left;font-size:7pt;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-bottom:1.5px solid var(--ink);padding:1.6mm 2mm}
.machine td{border-bottom:1px solid var(--line);padding:1.4mm 2mm;vertical-align:top;line-height:1.35}
.machine td.t{font-family:"JetBrains Mono";font-weight:500;color:var(--vio);white-space:nowrap}
.machine figure{margin:3mm 0;break-inside:avoid}
.machine figure img{max-width:100%;max-height:var(--mh,200mm);margin:0 auto;display:block;border-radius:3mm;border:1px solid var(--line)}
.machine figcaption{font-size:7.6pt;color:var(--mute);margin-top:1.5mm;line-height:1.35}
.machine .tag{display:inline-block;font-size:7pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.6mm 2mm;border-radius:9mm;background:var(--vio2);color:var(--vio);margin-right:1mm}
.machine .cover{padding:0;background:#fff}
.machine .cover .bg{position:absolute;inset:0;background:
  radial-gradient(120mm 120mm at 85% 12%,rgba(47,168,255,.35),transparent 70%),
  radial-gradient(110mm 110mm at 10% 85%,rgba(107,77,255,.30),transparent 70%),#fff}
.machine .cover .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(13,19,48,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,19,48,.05) 1px,transparent 1px);background-size:10mm 10mm}
.machine .cover .in{position:absolute;inset:18mm 17mm 16mm}
.machine .brand{font-weight:800;letter-spacing:.24em;font-size:8.5pt;text-transform:uppercase}
.machine .brand i{font-style:normal;color:var(--vio)}
.machine .zero{font-family:Anton;font-size:150pt;line-height:.82;margin-top:20mm;letter-spacing:-.01em;display:flex;align-items:center;gap:6mm}
.machine .zero .arrow{font-size:60pt;color:var(--sky);font-family:Inter;font-weight:300}
.machine .zero .one{background:linear-gradient(160deg,var(--sky),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.machine .cover h1{font-family:Anton;font-weight:400;font-size:37pt;line-height:1.02;margin-top:9mm;max-width:170mm}
.machine .cover .sub{font-family:"Source Serif 4";font-size:13.5pt;line-height:1.45;color:#2a3150;margin-top:6mm;max-width:160mm}
.machine .cover .meta{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;font-size:8pt;color:var(--mute)}
.machine .cover .glasscard{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);box-shadow:0 8mm 20mm rgba(80,90,180,.15);border-radius:5mm;padding:5mm 6mm;backdrop-filter:blur(6px)}
.machine .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:2.4mm;margin:4mm 0}
.machine .node{border-radius:3.5mm;padding:3.5mm 3mm;min-height:52mm;border:1px solid var(--line);background:#fff;position:relative}
.machine .node .n{font-family:Anton;font-size:17pt;color:var(--sky)}
.machine .node b{display:block;font-size:9pt;margin:1mm 0 1.5mm}
.machine .node p{font-family:Inter;font-size:7.6pt;line-height:1.35;text-align:left;color:#3a415e;margin:0}
.machine .node.v{background:linear-gradient(160deg,rgba(47,168,255,.10),rgba(107,77,255,.12));border-color:#cfd7ff}
.machine .node::after{content:"→";position:absolute;right:-2.6mm;top:46%;font-size:11pt;color:var(--vio);background:#fff;line-height:1}
.machine .node:last-child::after{display:none}
.machine .loop{text-align:center;font-size:8pt;color:var(--vio);font-weight:700;letter-spacing:.06em;border:1.5px dashed #cfd7ff;border-top:none;border-radius:0 0 5mm 5mm;padding:2mm;margin-top:-1mm}
.machine .clock{display:grid;grid-template-columns:repeat(24,1fr);gap:.6mm;margin:4mm 0 1mm;height:20mm;align-items:end}
.machine .clock div{background:var(--soft);border-radius:1mm;height:30%}
.machine .clock div.on{background:linear-gradient(180deg,var(--sky),var(--vio));height:100%}
.machine .clock div.mid{background:var(--sky2);height:60%}
.machine .hours{display:grid;grid-template-columns:repeat(24,1fr);font-size:6.3pt;color:var(--mute);text-align:center}
.machine .formula{font-family:"JetBrains Mono";font-size:11pt;text-align:center;padding:4mm;background:#0d1330;color:#fff;border-radius:3.5mm;margin:3mm 0;letter-spacing:.02em}
.machine .formula small{display:block;font-size:7.5pt;color:#9fb4ff;margin-top:1.5mm;font-family:Inter}
.machine .two{display:grid;grid-template-columns:1fr 1fr;gap:5mm}
.machine .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3mm}
.machine .agent{border:1px solid var(--line);border-radius:3.5mm;padding:3.5mm;background:#fff;break-inside:avoid}
.machine .agent b{font-size:9pt;display:block;margin-bottom:1mm}
.machine .agent .role{font-size:7pt;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);font-weight:800}
.machine .agent p{font-family:Inter;font-size:7.9pt;line-height:1.4;text-align:left;margin:1.2mm 0 0;color:#3a415e}
.machine .end{font-family:Anton;font-size:26pt;line-height:1.05;margin-top:5mm}
.machine .u1{margin-top:14mm}
.machine .u2{color:var(--ink)}
.machine .u3{text-align:right}
.machine .u4{margin-top:6mm}
.machine .u5{margin-top:2mm}
.machine .u6{margin-top:3mm}
.machine .u7{font-size:7.5pt;color:var(--mute);font-family:Inter;text-align:center;margin-top:1mm}
.machine .u8{font-size:7.6pt}
.machine .u9{margin-top:5mm}
.machine .u10{font-size:12pt}
.machine .u11{--mh:84mm}
.machine .u12{margin:0}
.machine .u13{font-size:10pt}
.machine .u14{margin-top:1mm;--mh:40mm}
.machine .u15{--mh:60mm}
.machine .u16{margin-top:4mm}
.machine .u17{background:linear-gradient(90deg,var(--sky),var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}

body.machine{margin:0}
.machine{background:#eef1f9;min-height:100vh}
.machine-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;
  background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-bottom:1px solid #dfe4f2;font-family:Inter,sans-serif}
.machine-bar a{color:#0d1330;text-decoration:none;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px}
.machine-bar a i{font-style:normal;color:#6b4dff}
.machine-bar .dl{background:linear-gradient(120deg,#2fa8ff,#6b4dff);color:#fff;border-radius:99px;padding:9px 16px;letter-spacing:.04em;text-transform:none;font-size:14px}
.machine-doc{padding:24px 0 48px}
@media screen{
  .machine .page{margin:0 auto 24px;box-shadow:0 18px 50px rgba(40,50,120,.12);border-radius:6px}
}
@media screen and (max-width:820px){
  .machine .page{width:auto;height:auto;margin:0 16px 16px;padding:28px 18px 56px;overflow:visible}
  .machine .cover{min-height:150vw}
  .machine .cover .in{position:relative;inset:auto;padding:28px 0 80px}
  .machine .zero{font-size:28vw;margin-top:8vw}
  .machine .cover h1{font-size:9vw}
  .machine .cols{column-count:1}
  .machine .two,.machine .three{grid-template-columns:1fr}
  .machine .stats{grid-template-columns:1fr 1fr}
  .machine .flow{grid-template-columns:1fr}
  .machine .node{min-height:0}
  .machine .node::after{content:"↓";right:auto;left:50%;top:auto;bottom:-3.4mm}
  .machine .clock,.machine .hours{display:none}
  .machine table{display:block;overflow-x:auto}
  .machine h2{font-size:8.5vw}
  .machine p{font-size:16px;text-align:left}
  .machine .folio{left:18px;right:18px}
}
@media print{.machine-bar{display:none}.machine{background:#fff}.machine-doc{padding:0}}