
.translation-page{--panel:#111813;--line:#29382d;--body:#b0bcb3}.translation-page .navlinks{gap:22px}.translation-page .button,.translation-page .download{background:#b8fa32;color:#10200b!important}.translation-page .button.alt{background:transparent;color:var(--white)!important;border:1px solid #506353}.translation-page main{padding-top:80px}.translation-page section[id]{scroll-margin-top:100px}.t-hero{padding:85px 0 70px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:50px}.t-kicker{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);font-weight:750;margin:0 0 24px}.t-hero h1{font-size:clamp(44px,5.8vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}.t-hero h1 span{color:var(--lime)}.t-lead{font-size:21px;line-height:1.6;color:var(--body);max-width:570px;margin:0 0 28px}.t-photo{margin:0;position:relative}.t-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:30px}.t-hero .t-photo img{aspect-ratio:4/5}.t-caption{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(8,20,13,.9);color:#fff;border:1px solid #537b58;border-radius:18px;padding:18px 20px;font-size:17px;line-height:1.4;backdrop-filter:blur(10px)}.t-caption strong{color:#b8fa32}.t-facts{display:flex;gap:25px;margin-top:30px;color:var(--body);font-size:14px}.t-facts b{display:block;color:var(--white);font-size:28px;margin-bottom:4px}.t-ways{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.t-way{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px}.t-way:hover{background:var(--panel)}.t-way span{font-size:14px;color:var(--lime);border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.t-way b{display:block;font-size:18px}.t-way small{display:block;color:var(--body);font-size:14px;margin-top:6px}.t-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:100px 0;border-bottom:1px solid var(--line)}.t-section.reverse .t-photo{order:2}.t-section h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.045em;line-height:1.08;margin:0 0 24px}.t-section p{font-size:18px;line-height:1.65;color:var(--body);margin:0 0 24px}.t-chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.t-chips span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--body);font-size:14px}.t-dialogue{padding:20px;background:var(--panel);border-left:3px solid var(--lime);border-radius:0 16px 16px 0}.t-dialogue small{display:block;color:var(--body);font-size:13px;margin-bottom:10px}.t-dialogue p{margin:0;font-size:17px;color:var(--white)}.t-dialogue p+p{margin-top:12px;color:var(--lime)}.t-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0;counter-reset:step}.t-steps li{counter-increment:step;padding:10px 13px;border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--body)}.t-steps li:before{content:counter(step) ' · ';color:var(--lime);font-weight:800}.t-final{text-align:center;padding:100px 24px;background:radial-gradient(ellipse at bottom,rgba(36,216,111,.14),transparent 70%)}.t-final h2{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-.045em;max-width:900px;margin:0 auto 24px}.t-final p{font-size:20px;line-height:1.6;color:var(--body);max-width:680px;margin:0 auto 30px}.t-final .actions{justify-content:center}.t-final .t-note{font-size:14px;margin-top:20px}.t-footer{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--body);font-size:14px}.t-footer a{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}html[data-theme="light"] .translation-page{--panel:#eaf3ec;--line:#cbdccc;--body:#4a5a50}html[data-theme="light"] .translation-page .button.alt{color:#183522!important}html[data-theme="light"] .t-dialogue p{color:#183522}html[data-theme="light"] .t-dialogue p+p{color:#187a42}@media(max-width:900px){.t-hero{gap:30px}.t-section{gap:35px}.t-ways{gap:10px}.t-way{padding:8px}.t-way b{font-size:16px}.t-way small{font-size:13px}}@media(max-width:700px){.t-hero,.t-section{grid-template-columns:1fr}.t-hero{padding-top:45px}.t-hero .t-photo img{aspect-ratio:1.15}.t-section{padding:60px 0;gap:30px}.t-section .t-photo{order:2}.t-hero h1{font-size:clamp(43px,10vw,64px)}.t-lead{font-size:18px}.t-ways{grid-template-columns:1fr;padding:18px 0;gap:0}.t-way{padding:13px 0}.t-way small{font-size:14px}.t-facts{gap:25px}.t-photo img{border-radius:22px}.t-final{padding:65px 0}.t-final p{font-size:18px}.t-footer{flex-direction:column}.translation-page .navlinks a:not(.download){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.t-how{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.t-how h3{margin:0 0 16px;font-size:21px;letter-spacing:-.02em}.t-how ol{margin:0;padding-left:23px;color:var(--body);font-size:16px;line-height:1.65}.t-how li{padding-left:5px;margin-bottom:12px}.t-how li::marker{color:var(--lime);font-weight:800}

/* The same soft luminous atmosphere as the home page, carrying each scene into its background. */
.t-photo.t-atmosphere{isolation:isolate;z-index:0}.t-atmosphere:before,.t-atmosphere:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:45%}.t-atmosphere:before{inset:-12% -10%;background-image:var(--scene);background-size:cover;background-position:center;filter:blur(40px) saturate(1.25);opacity:.45;transform:rotate(-7deg) scale(1.08)}.t-atmosphere:after{inset:-22%;background:radial-gradient(ellipse at 30% 55%,rgba(36,216,111,.48),transparent 65%);filter:blur(48px);z-index:-2}.t-atmosphere>img{box-shadow:0 26px 65px rgba(0,0,0,.32);border:1px solid rgba(184,250,50,.15)}#phone .t-atmosphere:after{background:radial-gradient(ellipse,rgba(58,149,220,.38),transparent 68%)}#connecter .t-atmosphere:after{background:radial-gradient(ellipse,rgba(36,216,111,.48),transparent 68%)}html[data-theme="light"] .t-atmosphere:before{opacity:.28;filter:blur(44px) saturate(1.05)}html[data-theme="light"] .t-atmosphere:after{opacity:.55}html[data-theme="light"] .t-atmosphere>img{box-shadow:0 22px 55px rgba(33,94,52,.15);border-color:#d0e4d3}@media(max-width:700px){.t-atmosphere:before{inset:-7%;filter:blur(28px) saturate(1.2);opacity:.34}.t-atmosphere:after{inset:-12%;filter:blur(32px)}}

.t-protocol{margin-top:30px;padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:0 20px 20px 0}.t-protocol h2{font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:var(--white)}.t-protocol p{font-size:16px;line-height:1.6;margin:0;color:var(--body)}.t-protocol p+p{margin-top:14px}@media(max-width:700px){.t-protocol{padding:20px}}

.tg-section{padding:80px 0;border-bottom:1px solid var(--line)}.tg-section>h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.tg-intro{font-size:18px;line-height:1.6;color:var(--body);max-width:750px;margin:0 0 35px}.tg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;align-items:start}.tg-card{margin:0;min-width:0}.tg-image{display:block;position:relative;width:100%;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;cursor:zoom-in}.tg-image img{display:block;width:100%;height:auto;object-fit:contain}.tg-image>span{position:absolute;right:9px;bottom:9px;border-radius:999px;padding:7px 12px;color:#10200b;background:#b8fa32;font:700 13px system-ui}.tg-card figcaption{padding:19px 2px 0}.tg-number{display:block;color:var(--lime);font-size:14px;font-weight:800;margin-bottom:9px}.tg-card h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 13px}.tg-card p{font-size:16px;line-height:1.6;color:var(--body);margin:0 0 13px}.tg-dialog{width:min(94vw,1000px);max-width:none;max-height:96vh;padding:58px 18px 15px;border:1px solid var(--line);border-radius:20px;background:var(--black);color:var(--white);text-align:center;overflow:auto}.tg-dialog::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(8px)}.tg-dialog>img{display:block;height:auto;width:auto;max-width:100%;max-height:78vh;object-fit:contain;margin:0 auto}.tg-dialog>p{font-size:16px;line-height:1.4;margin:14px 0 0}.tg-close{position:absolute;right:16px;top:12px;border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:999px;padding:10px 17px;font:700 14px system-ui;cursor:pointer}@media(max-width:1050px){.tg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.tg-image{max-width:340px;margin:0 auto}}@media(max-width:580px){.tg-section{padding:55px 0}.tg-grid{grid-template-columns:1fr;gap:35px}.tg-card{max-width:380px;margin:auto}.tg-image{max-width:290px}.tg-card figcaption{padding-top:20px}}

.tg-jump{color:var(--lime);text-decoration:underline;text-underline-offset:4px}

/* Screenshot thumbnails at 80% of their previous display size. */
.tg-image{width:80%;margin-inline:auto}.tg-image img{width:100%;height:auto}@media(max-width:1050px){.tg-image{max-width:272px}}@media(max-width:580px){.tg-image{max-width:232px}}

/* Personal tutorial belongs to the face-to-face section. */
#nearby>.tg-section{grid-column:1 / -1;min-width:0;padding:8px 0 0;border:0}#nearby>.tg-section>h3{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}#nearby>.tg-section>.tg-intro{max-width:1000px}#personal-guide{scroll-margin-top:110px}

/* Family geolocation caption treatment, scoped to this page. */
.voice-caption-style .tg-grid{gap:16px}.voice-caption-style .tg-card{min-width:0;margin:0;padding:14px;background:#101612;border:1px solid #263329;border-radius:18px;display:flex;flex-direction:column;align-items:center}.voice-caption-style .tg-image{border:0;border-radius:12px;flex:none}.voice-caption-style .tg-card figcaption{align-self:stretch;display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:0;color:#dce7de;font-size:16px;line-height:1.45}.voice-caption-style .vg-figure-number{display:grid;place-items:center;flex:none;min-width:46px;min-height:30px;padding:5px 6px;border-radius:9px;background:rgba(184,250,50,.13);color:var(--lime);font-size:14px;line-height:1.25;font-weight:700}.voice-caption-style .vg-caption-copy{min-width:0;font-weight:400;font-size:16px;line-height:1.45}html[data-theme="light"] .voice-caption-style .tg-card{background:#fff;border-color:#d5e3d7;color:#1b2b21;box-shadow:0 10px 28px rgba(39,92,52,.08)}html[data-theme="light"] .voice-caption-style .tg-card figcaption{color:#2b4233}html[data-theme="light"] .voice-caption-style .vg-figure-number{background:#e5f3d9;color:#1d703d}

.voice-caption-style .tg-image{cursor:default}.voice-caption-style .tg-image img{cursor:default}

.voice-caption-style .tg-image{cursor:default}.voice-caption-style .tg-image img{cursor:default}
