/* Landing presentation only. Shared application tokens; no account or business state. */
.landingMarqueNom{display:none}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) body{background:var(--oq-bg);color:var(--oq-ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .top{padding:12px 20px;border-color:var(--oq-line);background:var(--oq-bg);box-shadow:none}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .marque{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .marque img{width:44px;height:44px;flex:none;object-fit:contain;border-radius:12px}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .landingMarqueNom{display:block;font-size:17px;font-weight:750;line-height:1.2;color:var(--oq-ink);max-width:150px}
html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .landingLogin{flex:none;color:var(--oq-green);font-size:14px;text-underline-offset:4px}
#landing{--ink:var(--oq-ink);--ink-2:var(--oq-muted);--green:var(--oq-green);--green-soft:var(--oq-soft);--line:var(--oq-line);--line-2:var(--oq-line);--paper:var(--oq-bg);--logoJaune:var(--oq-gold);padding:16px 20px calc(88px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#landing *{box-sizing:border-box}
#landing .landingHero{gap:28px;padding:24px 0 8px}
#landing .landingHero #landingTitre{font-family:inherit;font-size:clamp(36px,9vw,46px);font-weight:750;letter-spacing:-1.3px;line-height:1.08;margin-bottom:18px;color:var(--oq-ink)}
#landing .landingHero .landingLead{font-size:16px;line-height:1.6;color:var(--oq-muted);max-width:530px}
#landing .landingChoix{gap:8px;margin-top:24px}
#landing .landingBouton{min-height:54px;border:0;border-radius:14px;background:var(--oq-green);color:#fff;font:700 16px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;justify-content:center;text-decoration:none;text-align:center;padding:14px 18px}
#landing .landingLien{color:var(--oq-green);font-size:15px;text-underline-offset:4px}
#landing :is(a,button,summary):focus-visible,#landingExemple:focus-visible{outline:3px solid #9a6514;outline-offset:4px}
#landing .landingReperes{gap:8px 14px;margin-top:12px;font-size:13px;color:var(--oq-muted)}
#landing .landingDemo{max-width:370px;scroll-margin:90px}
#landing .landingCycle{font-size:13px;color:var(--oq-muted);margin-bottom:12px}
#landing .landingMenu{padding:0 14px 14px;overflow:hidden;border:1px solid var(--oq-line);border-radius:22px;background:var(--oq-paper);box-shadow:0 14px 32px #18392b0d}
#landing .landingMenuTete{min-height:112px;padding:18px 14px;margin:0 -14px;gap:12px;background:var(--oq-green);color:#fff}
#landing .landingMenuIcone{height:56px;width:56px;border-radius:15px;background:var(--oq-paper);color:var(--oq-green);font:750 26px/1 system-ui;box-shadow:none}
#landing .landingMenuTete h2{font-family:inherit;font-size:23px;line-height:1.2;color:#fff}
#landing .landingMenuTete p{font-size:12px;color:#fff;margin:5px 0 0;line-height:1.5}
#landing .landingMenuFraicheur{display:flex;align-items:center;gap:7px;margin:12px 0;padding:9px 10px;border-radius:10px;background:var(--oq-soft);color:var(--oq-green);font-size:11px;line-height:1.4}
#landing .landingMenuFraicheur svg{flex:none}
#landing .landingMenuPlats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#landing .landingMenuPlats .landingDish{display:flex;flex-direction:column;gap:0;min-width:0;padding:0 0 10px;overflow:hidden;border:1px solid var(--oq-line);border-radius:14px;background:var(--oq-paper)}
#landing .landingDishVisual{display:grid;place-items:center;aspect-ratio:4/3;width:100%;background:var(--oq-soft);color:var(--oq-green)}
#landing .landingDishVisual svg{width:76px;height:57px}
#landing .landingDish strong{padding:10px 9px 0;font-size:13px;font-weight:650;line-height:1.4;white-space:nowrap}
#landing .landingDishPrice{padding:3px 9px 0;font-size:17px;font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--oq-green)}
#landing .landingMenuPlats .landingEpuise{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-radius:10px;background:var(--oq-bg);font-size:13px;color:var(--oq-muted)}
#landing .landingEpuise span{padding:3px 8px;border-radius:6px;background:var(--oq-line);font-size:12px;font-weight:650}
#landing .landingDemo .commander:disabled{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;padding:12px;border:0;border-radius:12px;background:var(--oq-green);color:#fff;font:700 15px/1.3 system-ui;opacity:1;cursor:default}
#landing .landingDemoNote{font-size:12px;line-height:1.5;color:var(--oq-muted);margin-top:12px}
#landing .landingUsage{margin-top:36px;padding:24px 20px;border-radius:20px;background:var(--oq-paper)}
#landing .landingTitre{font-family:inherit;font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.4px;margin:0 0 12px}
#landing .landingTitre::after{display:none}
#landing .landingUsages{gap:22px;margin-top:24px}
#landing .landingUsages li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:start}
#landing .landingUsageIcon{grid-row:1/3;display:grid;place-items:center;min-width:44px;height:44px;background:var(--oq-soft);color:var(--oq-green);border-radius:12px}
#landing .landingUsageIcon svg{width:22px;height:22px}
#landing .landingUsages h3{margin:0;font-size:17px;line-height:1.3}
#landing .landingUsages p{font-size:15px;line-height:1.5}
#landing .landingPropre{padding:32px 4px}
#landing .landingPropre p{max-width:720px;font-size:16px;line-height:1.6}
#landing .landingFinal{margin:0;padding:26px 20px;border-radius:20px;background:var(--oq-soft)}
#landing .landingFinal p{color:var(--oq-muted);font-size:14px;line-height:1.5}
#landing #landingQuestions{margin-top:32px;padding:0;border:0}
#landing .landingQuestion{margin-top:8px;border:1px solid var(--oq-line);border-radius:14px;background:var(--oq-paper)}
#landing .landingQuestion summary{gap:12px;padding:14px;min-height:52px;font:650 15px/1.4 system-ui;color:var(--oq-ink);list-style:none}
#landing .landingQuestion summary::-webkit-details-marker{display:none}
#landing .landingQuestion summary::after{content:"";width:8px;height:8px;flex:none;margin:0 2px 4px auto;border-right:2px solid var(--oq-green);border-bottom:2px solid var(--oq-green);transform:rotate(45deg)}
#landing .landingQuestion[open] summary::after{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
#landing .landingQuestion p{font-size:14px;line-height:1.6;padding:0 14px 14px;color:var(--oq-muted)}
#landing .landingPied{margin-top:28px;padding-top:16px;text-align:center;border-top:1px solid var(--oq-line)}
#landing .landingPied p{font-size:12px;line-height:1.6;color:var(--oq-muted)}
#landing .landingSticky{background:var(--oq-bg);border-color:var(--oq-line)}
#landing .landingSticky .landingBouton{min-height:48px}
@media(max-width:359px){html:has(#landing):not(:is(.p1Connecte,.p1Commercial,.p1Onboarding,.p1Candidat,.p1Agent,.mgCandidat)) .top{padding-left:16px;padding-right:16px}html:has(#landing) .landingMarqueNom{max-width:98px;font-size:15px}#landing{padding-left:16px;padding-right:16px}#landing .landingHero #landingTitre{font-size:36px}#landing .landingMenu{padding-left:10px;padding-right:10px}#landing .landingMenuTete{margin-left:-10px;margin-right:-10px}#landing .landingDish strong{font-size:12px;padding-left:8px;padding-right:8px}#landing .landingTitre{font-size:23px}#landing .landingUsage,#landing .landingFinal{padding:22px 16px}}
@media(min-width:720px){#landing{padding-bottom:40px}#landing .landingHero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;padding:40px 0 24px}#landing .landingHero #landingTitre{font-size:clamp(42px,4.7vw,56px)}#landing .landingChoix{max-width:360px}#landing .landingUsage{padding:32px}#landing .landingUsages{gap:28px}#landing .landingUsages li{grid-template-columns:1fr;gap:10px}#landing .landingUsageIcon{grid-row:auto;width:44px}#landing .landingPropre{padding:36px 32px}#landing .landingFinal{padding:32px}#landing .landingFinal .landingBouton{max-width:360px}#landing #landingQuestions{max-width:720px;margin:36px auto 0}}