@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--background:oklch(97% .008 250);--foreground:oklch(22% .04 240);--card:oklch(100% 0 0);--card-foreground:oklch(22% .04 240);--popover:oklch(100% 0 0);--popover-foreground:oklch(22% .04 240);--primary:oklch(42% .18 264);--primary-foreground:oklch(98% .005 250);--secondary:oklch(32% .05 240);--secondary-foreground:oklch(97% .008 250);--muted:oklch(93% .012 250);--muted-foreground:oklch(48% .04 240);--accent:oklch(74% .14 68);--accent-foreground:oklch(18% .04 240);--destructive:oklch(62.8% .258 29.23);--destructive-foreground:oklch(98% 0 0);--border:oklch(88% .018 250);--input:oklch(88% .018 250);--ring:oklch(42% .18 264);--font-sans:"DM Sans", "Helvetica Neue", Arial, sans-serif;--font-heading:"Syne", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:.25rem;--bleu:#1a3ebf;--ardoise:#2c3e50;--ambre:#e8a020;--navy:#0d1f5c;--bg-light:#f4f6fa;--border-light:#dde3f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background:var(--bg-light);color:var(--ardoise);overflow:hidden}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}.slide{width:100%;display:flex;position:relative}.slide-two-col{gap:0}.col-left{flex-direction:column;flex-shrink:0;justify-content:center;gap:20px;width:34%;padding-right:40px;display:flex}.col-divider{background:#1a3ebf24;flex-shrink:0;align-self:stretch;width:1px}.col-divider-dark{background:#ffffff1f}.col-right{flex-direction:column;flex:1;justify-content:center;gap:16px;padding-left:48px;display:flex;overflow:hidden}.slide-tag{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--bleu);opacity:.7;font-size:10px;font-weight:600}.slide-tag-dark{color:var(--ambre);opacity:.85}.slide-heading{font-family:var(--font-heading);color:inherit;font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.2}.slide-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:8px;font-size:11px;font-weight:500}.slide-title{flex-direction:column;justify-content:center;padding:0 60px;position:relative}.title-content{max-width:680px}.title-heading{font-family:var(--font-heading);color:#fff;margin-bottom:20px;font-size:clamp(36px,4.5vw,62px);font-weight:800;line-height:1.1}.title-subtitle{font-family:var(--font-sans);color:#ffffff80;font-size:clamp(15px,1.6vw,20px);font-weight:400;line-height:1.5}.title-footer{position:absolute;bottom:0;left:60px}.title-date{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-size:11px}.title-deco{background:linear-gradient(90deg, transparent, var(--ambre));width:35%;height:3px;position:absolute;bottom:0;right:0}.metric-box{border-left:4px solid var(--ambre);background:#fff8ec;border-radius:0 2px 2px 0;padding:14px 18px}.metric-dark{border-left-color:var(--ambre);background:#e8a0201f}.metric-value{font-family:var(--font-heading);color:var(--ambre);font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1}.metric-label{font-family:var(--font-sans);color:var(--ardoise);opacity:.65;letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:500}.metric-dark .metric-label{color:#fff9}.bullet-list{flex-direction:column;gap:12px;list-style:none;display:flex}.bullet-item{flex-direction:column;gap:4px;display:flex}.bullet-main{font-family:var(--font-sans);color:inherit;align-items:center;gap:10px;font-size:clamp(14px,1.3vw,16px);font-weight:600;display:flex}.bullet-main:before{content:"";background:var(--bleu);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dark-mode .bullet-main:before{background:var(--ambre)}.bullet-sub{flex-direction:column;gap:2px;padding-left:16px;list-style:none;display:flex}.bullet-sub li{font-family:var(--font-sans);opacity:.65;padding-left:14px;font-size:clamp(12px,1.1vw,14px);font-weight:400;position:relative}.bullet-sub li:before{content:"—";opacity:.4;position:absolute;left:0}.slide-footer-note{font-family:var(--font-sans);opacity:.6;border-top:1px solid var(--border-light);padding-top:12px;font-size:clamp(12px,1.1vw,14px);font-style:italic;line-height:1.5}.dark-mode .slide-footer-note{border-top-color:#ffffff1a}.slide-intro{font-family:var(--font-sans);opacity:.75;margin-bottom:4px;font-size:clamp(13px,1.2vw,15px);font-weight:500}.comparison-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.comparison-col{flex-direction:column;gap:10px;display:flex}.comp-header{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;align-self:flex-start;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.comp-before{color:var(--ardoise);background:#2c3e5014}.comp-after{color:var(--bleu);background:#1a3ebf1a}.comp-list{flex-direction:column;gap:8px;list-style:none;display:flex}.comp-item{font-family:var(--font-sans);opacity:.8;padding-left:14px;font-size:clamp(12px,1.1vw,14px);line-height:1.4;position:relative}.comp-item:before{content:"";width:5px;height:1px;position:absolute;top:7px;left:0}.comp-item-before:before{background:#2c3e5066}.comp-item-after:before{background:var(--bleu)}.gain-box{background:#1a3ebf0d;border:1px solid #1a3ebf26;border-radius:2px;padding:14px 16px}.gain-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);margin-bottom:8px;font-size:10px;font-weight:700}.gain-list{flex-direction:column;gap:5px;list-style:none;display:flex}.gain-list li{font-family:var(--font-sans);opacity:.8;padding-left:12px;font-size:clamp(11px,1vw,13px);font-weight:500;position:relative}.gain-list li:before{content:"✓";color:var(--bleu);font-size:10px;position:absolute;left:0}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-sans)}.data-table thead th{letter-spacing:.12em;text-transform:uppercase;color:var(--bleu);text-align:left;border-bottom:2px solid var(--bleu);opacity:.8;padding:10px 16px;font-size:10px;font-weight:700}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .15s}.data-table tbody tr:hover{background:#1a3ebf08}.data-table tbody td{opacity:.85;padding:14px 16px;font-size:clamp(13px,1.2vw,15px);line-height:1.4}.tool-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:4px 10px;font-size:11px;font-weight:700}.tool-copilot{color:var(--bleu);background:#1a3ebf1a}.tool-yaka{color:#b07a10;background:#e8a0201f}.slide-dark-content .slide-heading{color:#fff}.action-note{font-family:var(--font-sans);color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:12px;font-size:clamp(12px,1.1vw,14px);font-style:italic;line-height:1.5}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;flex-direction:column;gap:10px;padding:20px;display:flex}.step-num{font-family:var(--font-heading);color:var(--ambre);opacity:.8;font-size:28px;font-weight:800;line-height:1}.step-title{font-family:var(--font-sans);color:#fff;font-size:clamp(13px,1.2vw,15px);font-weight:600}.step-items{flex-direction:column;gap:5px;list-style:none;display:flex}.step-items li{font-family:var(--font-sans);color:#fff9;padding-left:12px;font-size:clamp(11px,1vw,13px);position:relative}.step-items li:before{content:"→";color:var(--ambre);opacity:.7;font-size:10px;position:absolute;left:0}@media (width<=768px){.slide-two-col{flex-direction:column}.col-left{width:100%;padding-bottom:20px;padding-right:0}.col-divider{width:100%;height:1px;margin:4px 0}.col-right{padding-left:0}.comparison-grid,.steps-grid{grid-template-columns:1fr}}.app{flex-direction:column;width:100vw;height:100vh;transition:background .3s;display:flex;position:relative;overflow:hidden}.light-mode{background:var(--bg-light);color:var(--ardoise)}.dark-mode{background:var(--navy);color:#fff}.progress-bar{z-index:100;background:#1a3ebf1f;height:2px;position:absolute;top:0;left:0;right:0}.dark-mode .progress-bar{background:#ffffff1f}.progress-fill{background:var(--bleu);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.dark-mode .progress-fill{background:var(--ambre)}.hud-top{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:absolute;top:0;left:0;right:0}.hud-logo{pointer-events:auto;align-items:center;gap:10px;display:flex}.hud-logo-img{object-fit:contain;opacity:.85;width:28px;height:28px}.hud-title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:12px;font-weight:500}.hud-counter{font-family:var(--font-heading);letter-spacing:.08em;font-size:13px;font-weight:700}.hud-current{color:var(--bleu)}.dark-mode .hud-current{color:var(--ambre)}.hud-sep,.hud-total{opacity:.35}.slide-wrapper{flex:1;align-items:stretch;min-height:0;padding:64px 40px 72px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:.22s both fadeIn}.fade-next,.fade-prev{animation:.18s both fadeOut}.hud-bottom{z-index:50;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-btn{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.45;color:inherit;border-radius:2px;padding:6px 14px;font-size:12px;font-weight:500;transition:opacity .15s,background .15s}.nav-btn:hover:not(.disabled){opacity:1;background:#1a3ebf14}.dark-mode .nav-btn:hover:not(.disabled){background:#ffffff14}.nav-btn.disabled{opacity:.15;cursor:default}.dot-nav{align-items:center;gap:6px;display:flex}.dot{opacity:.2;background:currentColor;border-radius:50%;width:5px;height:5px;padding:0;transition:opacity .2s,transform .2s}.dot.active{opacity:1;background:var(--bleu);transform:scale(1.4)}.dark-mode .dot.active{background:var(--ambre)}.dot:hover{opacity:.6}