:root{--ink:#0b1220;--muted:#64748b;--line:#dbe4ef;--blue:#4f46e5;--blue2:#4338ca;--cyan:#06b6d4;--bg:#f7f9fc;--panel:#fff;--dark:#07111f;--green:#10b981;--shadow:0 20px 60px rgba(15,23,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbfdff 0,#fff 22%,#fff 100%);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 8%,rgba(79,70,229,.10),transparent 28%),radial-gradient(circle at 85% 14%,rgba(6,182,212,.08),transparent 24%);z-index:-1}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;padding:14px max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,239,.9)}.brand{position:relative;display:inline-block;font-size:24px;font-weight:900;letter-spacing:-.045em;padding-bottom:10px;line-height:1}.brand span{color:#0b327f}.brand-signature{position:absolute;right:-16px;bottom:-1px;color:#ff573d;font-family:"Segoe Print","Bradley Hand","Brush Script MT",cursive;font-size:11px;font-style:italic;font-weight:600;letter-spacing:.02em;white-space:nowrap;transform:rotate(-4deg)}nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:750;color:#475569}.lang-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dbe2ea;border-radius:11px;background:#f8fafc}.lang-switch a{min-width:38px;text-align:center;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:850;color:#64748b}.lang-switch a.active{background:#fff;color:var(--blue);box-shadow:0 1px 5px rgba(15,23,42,.12)}.account-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid #dbe2ea;border-radius:11px;background:#fff;color:#334155;font-size:13px;font-weight:850;box-shadow:0 4px 14px rgba(15,23,42,.06);transition:.18s transform,.18s border-color,.18s box-shadow}.account-link:hover{transform:translateY(-1px);border-color:#c7d2fe;box-shadow:0 8px 20px rgba(79,70,229,.12)}.account-link span:first-child{font-size:15px;line-height:1}.section{max-width:1180px;margin:auto;padding:88px 24px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;min-height:680px;padding-top:76px}.hero-copy{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:16px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}h1{font-size:60px;line-height:1.01;letter-spacing:-.058em;margin:0 0 22px;max-width:860px}h2{font-size:40px;line-height:1.08;letter-spacing:-.045em;margin:0 0 14px}h3{letter-spacing:-.025em}.lead{font-size:20px;color:#475569;max-width:760px}.hero-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 0}.promise{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid rgba(219,228,239,.95);border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(15,23,42,.05)}.promise b{display:block;font-size:13px}.promise span{display:block;font-size:12px;color:#64748b}.promise-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#eef2ff,#ecfeff);color:var(--blue);font-weight:900}.cta-row{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 18px;font-weight:850;border:1px solid transparent;cursor:pointer;font-size:15px;transition:.18s transform,.18s box-shadow,.18s background}.button:hover{transform:translateY(-1px)}.button.small{padding:9px 13px}.primary{background:linear-gradient(135deg,var(--blue),#6366f1);color:#fff;box-shadow:0 10px 28px rgba(79,70,229,.25)}.primary:hover{background:linear-gradient(135deg,var(--blue2),#4f46e5);box-shadow:0 14px 34px rgba(79,70,229,.32)}.secondary{background:#fff;border-color:#cbd5e1}.ghost{background:transparent;border-color:#dbe2ea}.micro{font-size:13px;color:#64748b}.hero-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#07111f 0,#0e1b32 58%,#152342 100%);color:#fff;padding:30px;border-radius:26px;box-shadow:0 32px 80px rgba(15,23,42,.26)}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(59,130,246,.16);right:-80px;top:-80px;filter:blur(6px)}.hero-card>*{position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px;color:#cbd5e1}.live-dot{display:inline-flex;gap:7px;align-items:center}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-grid>div{padding:18px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.07)}.metric-grid b{display:block;font-size:30px}.metric-grid span{font-size:12px;color:#b8c4d8}.brief-preview{margin-top:16px;padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045)}.label{font-size:11px;font-weight:900;letter-spacing:.14em;color:#93c5fd}.value-strip{max-width:1180px;margin:0 auto;padding:0 24px 10px}.value-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.value-item{padding:24px 26px;position:relative}.value-item+ .value-item{border-left:1px solid #e2e8f0}.value-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#eef2ff,#ecfeff);color:var(--blue);font-weight:900;margin-bottom:10px}.value-item h3{margin:0 0 6px;font-size:17px}.value-item p{margin:0;color:#64748b;font-size:14px}.benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.benefit-chip{padding:8px 11px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.light-panel{max-width:none;background:linear-gradient(180deg,#f8fbff,#f4f7fb);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.section-heading{max-width:820px;margin-bottom:38px}.section-heading p{color:#64748b;font-size:17px}.upload-shell{border:2px dashed #c7d2fe;border-radius:24px;padding:50px 24px;text-align:center;background:linear-gradient(180deg,#fff,#fbfdff);transition:.2s;box-shadow:0 12px 38px rgba(15,23,42,.05)}.upload-shell:hover,.upload-shell.drag{border-color:var(--blue);background:#f7f8ff;transform:translateY(-1px)}.upload-shell h3{font-size:22px;margin:4px 0 4px}.status{max-width:900px;margin:18px auto 0}.status.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;border-radius:12px}.status.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px 14px;border-radius:12px}.hidden{display:none!important}.results{margin-top:32px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.results-grid{grid-template-columns:repeat(4,1fr);margin:18px 0}.results-grid>div{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 8px 24px rgba(15,23,42,.045)}.results-grid span{color:#64748b}.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analysis-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(15,23,42,.045)}.analysis-card h4{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#eef2ff;color:#4338ca;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.barrow{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center;margin:9px 0;font-size:13px}.bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.pro-lock{margin-top:16px;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pro-lock p{margin:.25rem 0 0;color:#cbd5e1}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}.guide:hover{box-shadow:0 16px 34px rgba(15,23,42,.08)}.guide ol{padding-left:20px;color:#475569}.guide li{margin:8px 0}.tip{background:#eef6ff;border:1px solid #dbeafe;border-radius:10px;padding:10px;font-size:13px}.pricing-section{max-width:none;background:linear-gradient(160deg,#07111f,#0d1730 70%,#111c39);color:white;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.pricing-section .section-heading p{color:#cbd5e1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;background:white;color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 18px 44px rgba(0,0,0,.16)}.price-card.featured{outline:3px solid #818cf8;transform:translateY(-8px)}.plan{font-weight:900;font-size:12px;letter-spacing:.14em;color:var(--blue)}.price{font-size:42px;font-weight:900;letter-spacing:-.04em;margin:8px 0}.price small{font-size:16px;color:#64748b}.price-card ul{padding-left:20px;color:#475569;min-height:142px}.full{width:100%}.test-badge{display:block;text-align:center;font-size:11px;color:#64748b;margin-top:8px}.faq details{border:1px solid var(--line);border-radius:14px;padding:18px 18px;margin:10px 0;background:#fff}.faq summary{font-weight:850;cursor:pointer}.faq p{color:#475569;max-width:820px}footer{border-top:1px solid var(--line);padding:34px max(24px,calc((100vw - 1180px)/2));display:flex;gap:20px;align-items:center;color:#64748b}footer a{margin-left:auto;font-weight:700}@media(max-width:900px){.topbar{gap:10px}.topbar nav{display:none}.topbar .button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-card{margin-top:-6px}h1{font-size:46px}.hero-promise{grid-template-columns:1fr}.value-panel{grid-template-columns:1fr}.value-item+.value-item{border-left:none;border-top:1px solid #e2e8f0}.results-grid,.pricing-grid,.guide-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}}@media(max-width:620px){.section{padding:64px 18px}.hero{padding-top:54px}.topbar{padding:12px 12px;gap:6px}.topbar .button{display:none}.brand{font-size:20px}.lang-switch{margin-left:auto;gap:2px;padding:3px}.lang-switch a{min-width:29px;padding:5px 5px;font-size:11px}.account-link{padding:7px 9px;gap:5px;font-size:12px;border-radius:10px}h1{font-size:39px}h2{font-size:31px}.lead{font-size:17px}.value-strip{padding:0 18px 8px}.results-grid,.pricing-grid,.guide-grid,.analysis-grid{grid-template-columns:1fr}.result-top,.pro-lock,footer{align-items:flex-start;flex-direction:column}footer a{margin-left:0}.metric-grid{grid-template-columns:1fr 1fr}}

/* Data privacy trust layer */
.benefits::after{content:"🔒 CSV brut non conservé";padding:8px 11px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-size:12px;font-weight:900}.upload-shell::after{content:"🔒 Données de ticketing protégées — Votre CSV brut n’est enregistré ni dans une base de données ni dans un stockage de fichiers. Il est traité temporairement en mémoire uniquement pour produire votre analyse, puis n’est pas conservé. Le moteur n’envoie pas le contenu de vos tickets à une IA tierce. Pour le suivi mensuel, seuls des KPI agrégés (volumes, moyennes et tendances) sont conservés pour construire l’historique — jamais les lignes, sujets ou descriptions de tickets.";display:block;max-width:920px;margin:22px auto 0;padding:15px 17px;border:1px solid #a7f3d0;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);color:#065f46;font-size:13px;font-weight:700;line-height:1.55;text-align:left;box-shadow:0 8px 22px rgba(5,150,105,.08)}html[lang="en"] .benefits::after{content:"🔒 Raw CSV not retained"}html[lang="en"] .upload-shell::after{content:"🔒 Ticket data protected — Your raw CSV is not saved to a database or file storage. It is processed temporarily in memory only to generate your analysis and is not retained afterwards. The engine does not send ticket content to a third-party AI. For monthly follow-up, only aggregated KPI snapshots (volumes, averages and trends) are kept for history — never ticket rows, subjects or descriptions."}html[lang="de"] .benefits::after{content:"🔒 Roh-CSV wird nicht gespeichert"}html[lang="de"] .upload-shell::after{content:"🔒 Ticketdaten geschützt — Ihre Roh-CSV wird weder in einer Datenbank noch in einem Dateispeicher gespeichert. Sie wird nur vorübergehend im Arbeitsspeicher verarbeitet, um die Analyse zu erstellen, und danach nicht aufbewahrt. Die Engine sendet Ticketinhalte nicht an eine externe KI. Für den monatlichen Verlauf werden nur aggregierte KPI-Werte (Volumen, Mittelwerte und Trends) gespeichert — niemals Ticketzeilen, Betreffzeilen oder Beschreibungen."}@media(max-width:620px){.upload-shell::after{font-size:12px;padding:13px 14px;margin-top:18px}.benefits::after{font-size:11px}}

/* Launch hardening: keyboard accessibility, motion preferences and 404 */
:focus-visible{outline:3px solid rgba(79,70,229,.48);outline-offset:3px;border-radius:6px}.button:focus-visible,.account-link:focus-visible,.lang-switch a:focus-visible{outline-color:#4f46e5}.error-page{min-height:68vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-page h1{max-width:760px}.error-page .lead{max-width:720px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Contact lead form */
.contact-section{padding-top:78px}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:start}.contact-aside,.contact-form{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.06)}.contact-aside{padding:28px;position:sticky;top:98px}.contact-aside h3{font-size:24px;margin:0 0 10px}.contact-aside p{color:#64748b}.contact-points{display:grid;gap:10px;margin-top:22px}.contact-points span{font-weight:800;color:#334155}.contact-form{padding:28px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;margin-bottom:16px;font-size:13px;font-weight:850;color:#334155}.contact-form label>span{font-weight:600;color:#94a3b8}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:var(--ink);font:inherit;padding:12px 13px;outline:none;transition:.16s border-color,.16s box-shadow}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.contact-actions{display:flex;align-items:center;gap:16px;margin-top:4px}.contact-actions p{margin:0;color:#64748b;font-size:12px;max-width:520px}.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form .status{margin:16px 0 0;max-width:none}.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-aside{position:static}.contact-grid{grid-template-columns:1fr}}@media(max-width:620px){.contact-form,.contact-aside{padding:20px}.contact-actions{align-items:stretch;flex-direction:column}.contact-actions .button{width:100%}}
html.sb-presentation .upload-shell::after{content:"🔒 Données de ticketing protégées — En mode présentation, votre CSV est analysé directement dans votre navigateur. Il n’est ni envoyé au serveur, ni enregistré dans une base de données ou un stockage de fichiers. Le moteur n’envoie pas le contenu de vos tickets à une IA tierce."}html[lang="en"].sb-presentation .upload-shell::after{content:"🔒 Ticket data protected — In presentation mode, your CSV is analyzed directly in your browser. It is not sent to the server or stored in a database or file storage. The engine does not send ticket content to a third-party AI."}html[lang="de"].sb-presentation .upload-shell::after{content:"🔒 Ticketdaten geschützt — Im Präsentationsmodus wird Ihre CSV direkt im Browser analysiert. Sie wird weder an den Server gesendet noch in einer Datenbank oder Dateiablage gespeichert. Die Engine sendet Ticketinhalte nicht an eine externe KI."}
