.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #cedaf0;background:#ffffffb8;padding:3px;border-radius:5px;flex-shrink:0;box-shadow:inset 0 1px 0 white}
.language-switch button{border:0;background:transparent;color:#5b6c87;min-width:35px;min-height:34px;padding:6px 8px;border-radius:3px;font:650 11px/1.2 Arial,sans-serif;cursor:pointer;transition:background 180ms,color 180ms}
.language-switch button[aria-pressed=true]{background:#114ee8;color:white;box-shadow:0 1px 3px #114ee829}
.language-switch button:hover:not([aria-pressed=true]){background:#edf2ff;color:#114ee8}
.language-switch button:focus-visible{outline:2px solid #114ee8;outline-offset:2px}
html[data-locale=en] body{font-family:Arial,Helvetica,system-ui,sans-serif;letter-spacing:0}
html[data-locale=en] .brand>span{font-size:13px;letter-spacing:.2px}
html[data-locale=en] .brand small{font-size:6px;letter-spacing:1.4px}
html[data-locale=en] .hero h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-2.2px;line-height:1.15}
html[data-locale=en] #hero-title .typewriter-line{white-space:nowrap}
html[data-locale=en] .hero-intro{font-size:15px;line-height:1.8;max-width:470px}
html[data-locale=en] .hero .button{font-size:12px;gap:12px;padding-inline:19px}
html[data-locale=en] .hero-key{gap:9px;font-size:9px}
html[data-locale=en] .scene-note strong{font-size:13px;line-height:1.5}
html[data-locale=en] .section-heading h2{font-size:clamp(30px,3.5vw,52px);letter-spacing:-1.8px;line-height:1.2}
html[data-locale=en] .service-body h3{font-size:30px;line-height:1.22;letter-spacing:-1px}
html[data-locale=en] .service-body p{font-size:12px;line-height:1.85}
html[data-locale=en] .mentor-heading h2{font-size:clamp(48px,6vw,84px);letter-spacing:-3px}
html[data-locale=en] .mentor-showcase .profile-name h3{letter-spacing:-2px}
html[data-locale=en] .profile-facts dt{font-size:9px;letter-spacing:0;line-height:1.6}
html[data-locale=en] .profile-facts dd{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
html[data-locale=en] .profile-next .button{gap:12px;font-size:11px;padding-inline:16px}
html[data-locale=en] .plan-tabs strong{font-size:16px;line-height:1.4;max-width:170px}
html[data-locale=en] .plan-tabs small{font-size:10px;line-height:1.6}
html[data-locale=en] .plan-intro h3{font-size:28px;line-height:1.3}
html[data-locale=en] .plan-price{font-size:42px;letter-spacing:-1.5px}
html[data-locale=en] .plan-features strong{font-size:14px;line-height:1.5}
html[data-locale=en] .rates>div>span{font-size:11px;line-height:1.5}
html[data-locale=en] .rates strong{font-size:16px;line-height:1.5}
html[data-locale=en] .contact-inner h2{font-size:42px;line-height:1.25;letter-spacing:-1.5px;max-width:630px}
html[data-locale=en] .wall-quote p{font-size:26px;line-height:1.35;letter-spacing:-.6px}
html[data-locale=en] .consult-feedback-heading h2{font-size:29px;line-height:1.3;letter-spacing:-.8px}
html[data-locale=en] .consult-qr h2{font-size:25px;line-height:1.4}
.record-translation{margin:0;padding:18px 22px;border-top:1px solid #d7e1ef;background:#f6f8fd;font:13px/1.75 Arial,sans-serif;color:#344763;max-height:200px;overflow:auto}
.record-translation strong{display:block;font-size:10px;letter-spacing:1px;color:#114ee8;text-transform:uppercase;margin-bottom:7px}
.record-translation[hidden]{display:none}
@media(min-width:1101px){html[data-locale=en] .site-header{gap:12px;padding-inline:28px}html[data-locale=en] .nav-entry>a{font-size:10px;padding-inline:8px;gap:5px}html[data-locale=en] .nav-expand{width:18px}html[data-locale=en] .header-actions{gap:9px}html[data-locale=en] .header-actions>.button{font-size:10px;gap:9px;padding-inline:12px}}
@media(max-width:850px){html[data-locale=en] .hero h1{font-size:clamp(34px,7vw,57px)}html[data-locale=en] .profile-facts dd{font-size:12px}html[data-locale=en] .hero-intro{font-size:14px}}
@media(max-width:700px){.header-actions{gap:7px}.language-switch{padding:2px}.language-switch button{min-width:29px;min-height:31px;padding:5px;font-size:10px}.site-header{padding-inline:12px;gap:7px}.site-header .brand{gap:5px;font-size:10px}.site-header .brand-symbol{width:29px;height:28px}.header-actions>.button{padding-inline:9px;gap:6px;font-size:9px}.header-actions>.button>.ui-icon{display:none}html[data-locale=en] .site-header .brand>span{font-size:10px}html[data-locale=en] .site-header .brand small{font-size:5px;letter-spacing:1px}html[data-locale=en] .hero h1{font-size:clamp(32px,8.3vw,50px);letter-spacing:-1px}html[data-locale=en] .typewriter-toggle{bottom:0;right:-2px}html[data-locale=en] .hero-intro{font-size:13px}html[data-locale=en] .hero .button{font-size:11px;padding-inline:13px}html[data-locale=en] .hero-key{font-size:8px;gap:7px}html[data-locale=en] .section-heading h2{font-size:32px;letter-spacing:-1px}html[data-locale=en] .mentor-heading h2{font-size:51px}html[data-locale=en] .mentor-pick strong{font-size:11px}html[data-locale=en] .contact-inner h2{font-size:29px;letter-spacing:-.7px}html[data-locale=en] .wall-quote p{font-size:22px}html[data-locale=en] .plan-tabs strong{font-size:14px}html[data-locale=en] .plan-price{font-size:37px}html[data-locale=en] .site-footer{flex-wrap:wrap}html[data-locale=en] .story-copy h2{font-size:25px;line-height:1.3}html[data-locale=en] .story-step h3{font-size:10px}}
@media(max-width:360px){.header-actions>.button{display:none}.site-header .brand-symbol{width:28px;height:26px}.language-switch button{min-width:28px}html[data-locale=en] .hero h1{font-size:8vw}html[data-locale=en] .hero-key{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.language-switch button{transition:none}}

/* Company wordmark keeps the existing editorial footer proportions. */
.brand-colophon span{font-size:clamp(32px,7vw,100px);letter-spacing:-4px}
@media(max-width:700px){.brand-colophon span,.brand-colophon span:first-child{font-size:12vw;letter-spacing:-2px}}