/* STUDIO · Languages 08/11. Page body only; shared header, closer and footer remain owned by the common shell. */
.languages-page{color:var(--ink);font-family:DM,sans-serif;--lang-line:color-mix(in srgb,var(--blue) 16%,transparent)}
.languages-page .lang-wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}
.languages-page :is(h1,h2,p){margin:0}
.languages-page :is(h1,h2){font-family:PJS,sans-serif;font-weight:700;text-wrap:balance;letter-spacing:-.045em}
.languages-page .lang-hero>h1{max-width:900px;margin-inline:auto;text-align:center;font-size:clamp(36px,4.4vw,62px);line-height:1.12;color:var(--blue)}
.languages-page h2{font-size:clamp(27px,2.5vw,36px);line-height:1.2}
.languages-page p{font-size:17px;line-height:1.7;color:var(--muted)}
.languages-page .lang-hero{padding-block:44px 72px;text-align:center}
.languages-page .lang-hero-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;background:var(--soft);color:var(--blue);border-radius:18px;transform:rotate(-8deg)}
.languages-page .lang-hero-mark svg{width:36px;height:36px;transform:rotate(8deg)}
.languages-page .lang-intro{max-width:650px;margin:22px auto 0;font-size:19px;line-height:1.6;text-wrap:balance}
.languages-page .lang-interface{margin-top:64px}
.languages-page .lang-section-heading h2{font-size:24px;letter-spacing:-.03em}
.languages-page .lang-section-heading p{margin:12px auto 0;max-width:720px;font-size:16px}
.languages-page .lang-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;text-align:left}
.languages-page .lang-card{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:14px 8px;padding:28px 24px 24px;background:var(--white);border:1px solid var(--lang-line);border-radius:22px;box-shadow:0 8px 28px color-mix(in srgb,var(--blue) 4%,transparent);transition:transform .18s,box-shadow .18s,border-color .18s}
.languages-page .lang-card[aria-current]{border-color:var(--blue);background:linear-gradient(150deg,var(--white),var(--soft))}
.languages-page .lang-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 12px 28px color-mix(in srgb,var(--blue) 12%,transparent)}
.languages-page .lang-card-name{grid-column:1;font:700 22px/1.3 PJS,sans-serif;letter-spacing:-.04em}
.languages-page .lang-card-code{grid-column:1;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.languages-page .lang-card-arrow{grid-column:2;grid-row:2/4;align-self:end;color:var(--blue);font-size:24px}
.languages-page .lang-flag{grid-column:1/-1;display:block;width:54px;height:36px;margin-bottom:12px;border-radius:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 3px 8px color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
/* Flag colours depict the flags; UI colours use the existing brand tokens. */
.languages-page .lang-flag--fr{background:linear-gradient(90deg,#002395 33.333%,#fff 33.333% 66.666%,#ed2939 66.666%)}
.languages-page .lang-flag--de{background:linear-gradient(#000 33.333%,#d00 33.333% 66.666%,#ffce00 66.666%)}
.languages-page .lang-flag--es{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}
.languages-page .lang-flag--gb{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(transparent 36%,#c8102e 36% 64%,transparent 64%),linear-gradient(90deg,transparent 36%,#fff 36% 64%,transparent 64%),linear-gradient(transparent 27%,#fff 27% 73%,transparent 73%),linear-gradient(33deg,transparent 44%,#fff 44% 48%,#c8102e 48% 52%,#fff 52% 56%,transparent 56%),linear-gradient(-33deg,transparent 44%,#fff 44% 48%,#c8102e 48% 52%,#fff 52% 56%,transparent 56%),#012169}
.languages-page .lang-chats{padding-block:64px;background:var(--soft)}
.languages-page .lang-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.languages-page .lang-chat-copy p{margin-top:22px;max-width:49ch}
.languages-page .lang-index{display:block;margin-bottom:18px;font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--blue)}
.languages-page .lang-chat-art{position:relative;min-height:300px;display:grid;align-content:center;justify-content:center;gap:12px;isolation:isolate}
.languages-page .lang-art-globe{position:absolute;right:10px;top:5px;width:250px;height:250px;color:var(--blue);opacity:.1;z-index:-1}
.languages-page .lang-art-chat{position:relative;width:268px;padding:24px;border:1px solid var(--lang-line);border-radius:20px 20px 20px 4px;background:var(--white);box-shadow:0 12px 28px color-mix(in srgb,var(--blue) 6%,transparent);transform:rotate(-4deg)}
.languages-page .lang-art-chat strong{position:absolute;right:24px;top:24px;font:700 28px/1 PJS,sans-serif;color:var(--blue)}
.languages-page .lang-art-dot{display:block;width:24px;height:24px;border-radius:50%;background:var(--citron);margin-bottom:24px}
.languages-page .lang-chat-art i{display:block;height:5px;border-radius:8px;background:var(--soft);margin-top:9px;width:90%}
.languages-page .lang-chat-art i:last-child{width:60%}
.languages-page .lang-art-route{justify-self:center;color:var(--blue);font-size:30px;line-height:1}
.languages-page .lang-art-result{width:250px;margin-left:45px;padding:20px 24px;border-radius:14px;background:var(--blue);box-shadow:0 10px 20px color-mix(in srgb,var(--blue) 12%,transparent);transform:rotate(3deg)}
.languages-page .lang-art-result span{font:700 24px/1 PJS,sans-serif;color:var(--citron)}
.languages-page .lang-art-result i{background:color-mix(in srgb,var(--white) 35%,transparent)}
.languages-page .lang-next{padding-block:76px}
.languages-page .lang-next-copy{max-width:800px;text-align:center;margin:auto}
.languages-page .lang-next-copy p{margin-top:20px}
.languages-page .lang-future{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:32px 0 0}
.languages-page .lang-future li{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px 12px 12px;border:1px solid var(--lang-line);border-radius:16px;background:var(--white);font-size:15px;font-weight:500}
.languages-page .lang-future-code{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:700}
.languages-page .lang-start{text-align:center;padding-block:40px 76px;border-top:1px solid var(--lang-line)}
.languages-page .lang-start h2{font-size:clamp(26px,2.3vw,32px)}
.languages-page .lang-home-cta{display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:50px;margin-top:26px;padding:14px 24px;background:var(--blue);color:var(--white);border-radius:12px;font-size:15px;font-weight:500;transition:box-shadow .18s,transform .18s}
.languages-page .lang-home-cta:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--blue) 20%,transparent);transform:translateY(-2px)}
.languages-page :is(.lang-card,.lang-home-cta):focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:900px){.languages-page .lang-wrap{width:calc(100% - 64px)}.languages-page .lang-split{gap:36px}.languages-page .lang-card{padding:24px 18px}.languages-page .lang-card-name{font-size:19px}}
@media(max-width:650px){.languages-page .lang-wrap{width:calc(100% - 40px)}.languages-page .lang-hero{padding-block:32px 48px}.languages-page .lang-hero>h1{max-width:900px;margin-inline:auto;text-align:center;font-size:38px}.languages-page .lang-intro{font-size:17px}.languages-page .lang-interface{margin-top:40px}.languages-page .lang-section-heading h2{font-size:23px}.languages-page .lang-section-heading p{font-size:15px;line-height:1.6}.languages-page .lang-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.languages-page .lang-card{padding:20px 18px;gap:10px}.languages-page .lang-card-name{font-size:19px}.languages-page .lang-flag{margin-bottom:8px;width:48px;height:32px}.languages-page .lang-split{grid-template-columns:1fr;gap:28px}.languages-page .lang-chat-copy{grid-row:1;text-align:center}.languages-page .lang-chat-copy p{font-size:16px;margin-top:18px}.languages-page .lang-chat-art{min-height:280px}.languages-page .lang-art-chat{width:240px}.languages-page .lang-art-result{width:220px;margin-left:40px}.languages-page .lang-art-globe{width:230px;height:230px;right:0}.languages-page .lang-chats{padding-block:48px}.languages-page .lang-next{padding-block:48px}.languages-page .lang-next-copy p{font-size:16px}.languages-page .lang-future{gap:10px;margin-top:26px}.languages-page .lang-future li{width:100%;min-height:58px;font-size:15px}.languages-page .lang-start{padding-block:36px 48px}}
@media(prefers-reduced-motion:reduce){.languages-page .lang-card,.languages-page .lang-home-cta{transition:none}.languages-page .lang-card:hover,.languages-page .lang-home-cta:hover{transform:none}}

/* 09/11: retained-language items keep the acquired composition and become links. */
.languages-page .lang-future li>a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;width:100%}.languages-page .lang-future li>a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
/* QUALITÉ 09/11 : bande de fin reprise de la Home sans sa feuille (sections.css, sous @scope .home-review-how-0811) ; ses règles recopiées ici (.closer, une seule par page). */
.closer{width:min(1328px,calc(100% - 112px));margin:0 auto 56px;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 90% 22%,#5b6ebf 0%,transparent 58%),radial-gradient(ellipse at 2% 100%,#445ba5 0%,transparent 65%),linear-gradient(142deg,#293757 5%,#354777 56%,#455a9f 100%);color:#fff}
.closer .closer-message{display:flex;flex-direction:column;align-items:center;padding:70px 22px 47px;text-align:center}
.closer h2{max-width:960px;margin:0;color:#fff;font-size:clamp(50px,5.6vw,80px);line-height:1.03;letter-spacing:-.061em}
.closer .chrome-cta{display:inline-flex;min-height:50px;align-items:center;gap:9px;margin-top:27px;padding:0 21px;border:1px solid #c4d56c;border-radius:12px;background:#e4ee99;color:#263153;font:700 16px/1.2 Jakarta,sans-serif;text-decoration:none}
.closer .chrome-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.closer .chrome-cta svg{flex:0 0 auto}
.closer .workspace-preview{position:relative;width:min(1000px,calc(100% - 94px));height:290px;margin:0 auto;overflow:hidden;border:1px solid #afbdeb;border-bottom:0;border-radius:18px 18px 0 0;background:#f5f6f8;box-shadow:0 2px 0 #dce6ff33,0 18px 60px #18274790}
.closer .workspace-preview img{position:absolute;top:0;left:0;display:block;width:142%;max-width:none;height:auto;transform:translateY(-7.3%)}
@media(max-width:1050px){.closer{width:calc(100% - 64px)}}
@media(max-width:760px){.closer{width:calc(100% - 32px);margin-bottom:24px;border-radius:21px}.closer .closer-message{padding:42px 15px 31px}.closer h2{font-size:clamp(32px,8.4vw,58px)}.closer .chrome-cta{min-height:46px;margin-top:22px;padding-inline:16px;font-size:14px}.closer .workspace-preview{width:calc(100% - 32px);height:236px;border-radius:12px 12px 0 0}}
@media(max-width:620px){.closer .workspace-preview img{width:215%}}