html{scroll-behavior:smooth}body{background:var(--brand-charcoal);color:var(--on-dark-85);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.muted{color:var(--on-dark-45)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:translateY(0)}.window{background:var(--surface-window);border:1px solid var(--on-dark-8);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -20px color-mix(in srgb,black 60%,transparent)}.card{background:var(--on-dark-3);border:1px solid var(--on-dark-8);transition:all .15s ease}.card:hover{border-color:var(--accent-40);transform:translateY(-3px)}.btn-accent{background:var(--brand-green);color:var(--brand-charcoal);transition:all .15s ease}.btn-accent:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{border:1px solid var(--on-dark-18);transition:all .15s ease}.btn-ghost:hover{border-color:var(--on-dark-40);transform:translateY(-2px)}h1,h2{font-family:"PT Serif",Georgia,serif}.mock{background:var(--surface-mock);font-size:12px}.mock-crumb{color:var(--on-dark-40);font-size:11px;display:flex;align-items:center;gap:6px;padding:14px 18px 0}.mock-crumb b{color:var(--on-dark-75);font-weight:500}.mock-phases{display:flex;gap:6px;padding:14px 18px;flex-wrap:wrap}.mock-phase{font-size:10px;padding:5px 10px;border-radius:999px;border:1px solid var(--on-dark-12);color:var(--on-dark-50)}.mock-phase.on{background:var(--accent-12);border-color:var(--brand-green);color:var(--brand-green);font-weight:600}.mock-tasks{display:flex;flex-direction:column;gap:6px;padding:0 18px 18px}.mock-task{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--on-dark-3);border:1px solid var(--on-dark-6);border-radius:8px}.mock-check{width:13px;height:13px;border-radius:3px;border:1.5px solid var(--on-dark-25);flex-shrink:0}.mock-check.done{background:var(--brand-green);border-color:var(--brand-green)}.mock-task span{color:var(--on-dark-65);font-size:11px}.mock-task.done span{color:var(--on-dark-30);text-decoration:line-through}.mock-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;flex-shrink:0}.mock-canvas{position:relative;height:420px;overflow:hidden}.mock-note{position:absolute;width:150px;background:var(--surface-window);border:1px solid var(--on-dark-10);border-radius:8px;padding:10px;box-shadow:0 12px 30px color-mix(in srgb,black 40%,transparent);animation:floatY 6s ease-in-out infinite}.mock-note .t{font-size:10px;color:var(--on-dark-35);margin-bottom:4px}.mock-note .b{font-size:11px;color:var(--on-dark-70);line-height:1.4}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mock-kanban{display:flex;gap:12px;padding:18px;overflow-x:auto}.mock-col{flex:1;min-width:140px}.mock-col-head{font-size:10px;color:var(--on-dark-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:flex;justify-content:space-between}.mock-card{background:var(--on-dark-3);border:1px solid var(--on-dark-7);border-radius:8px;padding:9px;margin-bottom:8px}.mock-card .t{font-size:11px;color:var(--on-dark-70);margin-bottom:6px}.mock-card .meta{display:flex;align-items:center;justify-content:space-between}.mock-avatar{width:16px;height:16px;border-radius:50%;background:var(--accent-25);border:1px solid var(--accent-40)}#mainNav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100vw - 32px);background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(var(--blur-backdrop));-webkit-backdrop-filter:blur(var(--blur-backdrop));border:1px solid var(--charbon-8);border-radius:999px;box-shadow:none;transition:background .25s ease,border-color .25s ease}#mainNav .inner{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 24px}#mainNav .logo-dark{display:block}#mainNav .logo-light{display:none}#mainNav a.link{padding:6px 12px;font-size:13px;border-radius:6px;text-decoration:none;color:var(--charbon-55)}#mainNav a.ghost{padding:7px 16px;border-radius:999px;font-weight:500;background:transparent;border:1px solid var(--charbon-16);color:var(--charbon-65)}#mainNav a.accent,#mainNav a.ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;text-decoration:none}#mainNav a.accent{padding:8px 20px;border-radius:999px;font-weight:600;background:var(--brand-green);color:var(--brand-charcoal)}#mainNav.scrolled{background:var(--charbon-90);border-color:var(--on-dark-7)}#mainNav.scrolled .logo-dark{display:none}#mainNav.scrolled .logo-light{display:block}#mainNav.scrolled a.link{color:var(--on-dark-42)}#mainNav.scrolled a.ghost{border-color:var(--on-dark-7);color:var(--on-dark-42)}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--charbon-16)}.lang-switch button{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:transparent;border:none;color:var(--charbon-50);cursor:pointer}.lang-switch button.active{background:var(--charbon-8);color:var(--charbon-90)}#mainNav.scrolled .lang-switch{border-color:var(--on-dark-7)}#mainNav.scrolled .lang-switch button{color:var(--on-dark-42)}#mainNav.scrolled .lang-switch button.active{background:var(--on-dark-12);color:var(--on-dark)}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-grille,.landing-root{background-size:var(--grille-carre) var(--grille-carre);background-position:calc(50% + var(--grille-carre) / 2) 0}.hero-grille{background-image:linear-gradient(to right,var(--charbon-8) var(--filet),transparent var(--filet)),linear-gradient(to bottom,var(--charbon-8) var(--filet),transparent var(--filet));padding-bottom:var(--grille-bas,0)}.landing-root{background-image:linear-gradient(to right,var(--on-dark-6) var(--filet),transparent var(--filet)),linear-gradient(to bottom,var(--on-dark-6) var(--filet),transparent var(--filet))}.hero-grille,.landing-root{--filet:1px}.sans-grille{background:var(--charbon)}.realistic-marker-highlight{position:relative}.realistic-marker-highlight:before{content:"";position:absolute;z-index:-1;width:100%;height:1.05em;left:-1.2em;top:.08em;padding:0 1.2em;background-color:var(--accent-40);filter:url(#marker-shape);transform:translateX(1.2em)}