/* Typography only: existing composition, colors, grids and spacing remain intact. */
:root{--plex-fallback:'IBM Plex Sans Arabic','IBM Plex Sans JP','IBM Plex Sans Devanagari','IBM Plex Sans SC',sans-serif;--plex-latin:'IBM Plex Sans',var(--plex-fallback);--plex-arabic:'IBM Plex Sans Arabic','IBM Plex Sans',var(--plex-fallback);--plex-jp:'IBM Plex Sans JP','IBM Plex Sans',var(--plex-fallback);--plex-hi:'IBM Plex Sans Devanagari','IBM Plex Sans',var(--plex-fallback);--plex-sc:'IBM Plex Sans SC','IBM Plex Sans',var(--plex-fallback);--font-ui:var(--plex-latin)}
html:root,body{font-family:var(--font-ui);font-size:16px;line-height:1.65;font-kerning:normal;font-synthesis:none;text-rendering:optimizeLegibility}
html[lang=ar]{--font-ui:var(--plex-arabic)}html[lang=ja]{--font-ui:var(--plex-jp)}html[lang=hi]{--font-ui:var(--plex-hi)}html[lang=zh-Hans]{--font-ui:var(--plex-sc)}
html [lang=en],html [lang=es],html [lang=pt-BR],html [lang=fr],html [lang=de],html [lang=tr],html [lang=id],html [lang=nl]{font-family:var(--plex-latin)}
html [lang=ar],html [dir=rtl]{font-family:var(--plex-arabic)}html [lang=ja]{font-family:var(--plex-jp)}html [lang=hi]{font-family:var(--plex-hi)}html [lang=zh-Hans]{font-family:var(--plex-sc)}
/* English legal fallback remains Latin even inside an Arabic interface. */
html [lang=en][dir=ltr]{font-family:var(--plex-latin)}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(42px,5.45vw,78px);line-height:1.1;letter-spacing:-.035em}
h2{font-size:clamp(30px,3.15vw,45px);line-height:1.2}
h3{line-height:1.3;letter-spacing:-.015em}
.intro{line-height:1.7}.policy-card p,.deletion-layout p,.help-topic p{line-height:1.8}
.button,.nav-cta,.text-link,button,label,summary,.tour-tabs button{font-weight:600;letter-spacing:0;line-height:1.5}
button,input,select,textarea{font-family:inherit}input,select,textarea{font-weight:400}
.site-header nav a{font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0}
html .brand,html[dir=rtl] .brand{font-family:var(--plex-latin);font-weight:600;letter-spacing:-.025em;line-height:1.25}
.eyebrow,.step-label,.stage-label,.contents-title{font-weight:600;letter-spacing:.1em;line-height:1.6}
.fine-print,.footer-links a,.site-footer p,.footer-bottom{line-height:1.75}
.footer-links a{font-weight:500}.footer-bottom{font-size:12px}
code,kbd,samp,pre,#code,#confirmation{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.energy-ring strong,.water-value,.macro-row strong{font-variant-numeric:tabular-nums}
/* Arabic needs untracked connected glyphs and generous vertical metrics. */
html[lang=ar] body{line-height:1.8}html[lang=ar] h1,html[dir=rtl] h1{font-size:clamp(37px,4.7vw,60px);line-height:1.4;letter-spacing:0}
html[lang=ar] h2,html[lang=ar] h3{line-height:1.5;letter-spacing:0}
html[lang=ar] .eyebrow,html[lang=ar] .step-label,html[lang=ar] .stage-label,html[lang=ar] .contents-title{letter-spacing:0}
html[lang=ar] .site-header nav a,html[lang=ar] .button,html[lang=ar] .nav-cta,html[lang=ar] button{line-height:1.75}
html[lang=ar] .intro,html[lang=ar] .policy-card p,html[lang=ar] .deletion-layout p{line-height:1.9}
html[lang=ar] .fine-print,html[lang=ar] .site-footer{line-height:1.9}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{letter-spacing:0;line-height:1.4;word-break:normal;line-break:strict}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3{letter-spacing:0;line-height:1.5}
html[lang=ja] p,html[lang=zh-Hans] p,html[lang=hi] p{line-height:1.85}
html[lang=hi] .eyebrow,html[lang=ja] .eyebrow,html[lang=zh-Hans] .eyebrow{letter-spacing:0}
@media(max-width:650px){h1,.hero-copy h1{font-size:clamp(38px,10.8vw,52px);line-height:1.15}.platform-heading h2{font-size:28px}.card-heading h2{line-height:1.45}.button,.nav-cta{line-height:1.55}.footer-bottom{font-size:12px}html[lang=ar] h1,html[lang=ar] .hero-copy h1{font-size:clamp(36px,10.3vw,48px);line-height:1.45;letter-spacing:0}html[lang=hi] h1,html[lang=hi] .hero-copy h1{font-size:clamp(35px,10vw,48px);line-height:1.5}html[lang=ja] .hero-copy h1,html[lang=zh-Hans] .hero-copy h1{font-size:clamp(35px,10vw,48px);line-height:1.4}}
