@import url('/assets/malayalam-fonts-3b8c038d3737.css');
.language-switch{display:inline-flex;flex:none;gap:3px;padding:4px;border:1px solid #d5e3de;border-radius:100px;background:#f2f7f4;margin-left:auto;margin-right:18px;font:700 12px Manrope,Arial,sans-serif;letter-spacing:.4px}
.language-switch a{padding:9px 11px;border-radius:100px;color:#40565c;text-decoration:none;min-width:44px;text-align:center}
.language-switch a[aria-current="true"]{background:#087d57;color:#fff;box-shadow:0 2px 7px #087d5720}
.language-switch a:hover{box-shadow:inset 0 0 0 1px #087d57}.language-switch a:focus-visible{outline:2px solid #087d57;outline-offset:3px}
header>nav{margin-left:auto;margin-right:28px}header .language-switch{margin-left:24px}
.language-dialog{max-width:560px;width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto;padding:44px;border:1px solid #d8e7de;border-radius:22px;background:#fff;color:#17272e;box-shadow:0 30px 100px #16372b30;text-align:left}
.language-dialog::backdrop{background:#14342960;backdrop-filter:blur(9px)}
.language-dialog .dialog-kicker{font:700 12px Manrope,Arial,sans-serif;letter-spacing:2px;color:#087d57;margin:0 0 22px}
.language-dialog h2{font:700 31px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.8px;margin:0 0 10px}
.language-dialog .ml-title{font:650 29px/1.6 'Anek Malayalam','Noto Sans Malayalam',sans-serif;margin:0 0 22px;color:#087d57;letter-spacing:0}
.language-dialog .language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.language-options button{background:#f5faf7;color:#17272e;border:1px solid #c9dfd2;border-radius:12px;padding:24px 18px;text-align:left;cursor:pointer;min-height:110px}
.language-options button:hover{background:#e5f3eb;border-color:#087d57}.language-options button:focus-visible{outline:3px solid #087d57;outline-offset:4px}
.language-options strong{display:block;font:700 21px Manrope,sans-serif}.language-options [lang="ml"]{font:650 25px 'Anek Malayalam',sans-serif}.language-options span{display:block;font:600 12px Manrope,sans-serif;letter-spacing:1px;color:#52666d;margin-top:14px}
.language-dialog .remember-note{font:14px/1.7 Manrope,sans-serif;color:#52666d;margin:22px 0 0}.language-dialog .remember-ml{font:15px/1.8 'Noto Sans Malayalam',sans-serif;color:#52666d;margin:8px 0 0}
html[lang="ml"] body{font-family:'Noto Sans Malayalam',Manrope,sans-serif;font-size:16px;line-height:1.9}
html[lang="ml"] h1,html[lang="ml"] h2,html[lang="ml"] h3,html[lang="ml"] .learning article h2{font-family:'Anek Malayalam','Noto Sans Malayalam',sans-serif;letter-spacing:0;line-height:1.4}
html[lang="ml"] h2{font-size:clamp(34px,4.6vw,62px)}html[lang="ml"] .hero h1{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.9;letter-spacing:-2px}
html[lang="ml"] .hero-copy h2{font-family:'Anek Malayalam',sans-serif;font-size:32px;line-height:1.5;letter-spacing:0}
html[lang="ml"] .hero-copy{padding-top:155px;padding-bottom:120px}html[lang="ml"] .hero-copy p{line-height:1.9;max-width:470px}
html[lang="ml"] .eyebrow,html[lang="ml"] .micro,html[lang="ml"] .subline,html[lang="ml"] .principles,html[lang="ml"] .hero-bottom,html[lang="ml"] .lens-tag,html[lang="ml"] .chart-label,html[lang="ml"] .chart-caption{letter-spacing:0;font-size:13px;line-height:1.8}
html[lang="ml"] .brand{font-family:Manrope,sans-serif}html[lang="ml"] .button{font-family:'Noto Sans Malayalam',sans-serif;font-size:14px;line-height:1.8;padding-block:10px}
html[lang="ml"] nav{font-size:13px;gap:18px}html[lang="ml"] .method-grid p,html[lang="ml"] .values p{font-size:15px;line-height:2}
html[lang="ml"] .explorer-copy h2{font-size:44px}html[lang="ml"] .statements p{line-height:1.9;font-size:18px}
html[lang="ml"] .launch h2{font-size:clamp(42px,6vw,78px)}html[lang="ml"] .learning h1{font-size:clamp(38px,5.8vw,72px);line-height:1.4;max-width:100%}
html[lang="ml"] .learning article p,html[lang="ml"] .learning article li{line-height:2.1}html[lang="ml"] .learning .intro{line-height:2}
html[lang="ml"] .learning h3{font-size:25px}html[lang="ml"] .learning th,html[lang="ml"] .learning td{white-space:normal;min-width:125px;line-height:1.9}
html[lang="ml"] .guide-layout aside nav{line-height:1.9}html[lang="ml"] footer{letter-spacing:0;line-height:1.8}
@media(max-width:1100px){header>nav{gap:15px;margin-right:8px}header .language-switch{margin-left:10px;margin-right:10px}html[lang="ml"] header>nav{display:none}html[lang="ml"] header .language-switch{margin-left:auto}}
@media(max-width:1000px){header>nav{display:none}header .language-switch{margin-left:15px}header>.button.small{margin-left:auto}}
@media(max-width:760px){header .language-switch{margin-left:auto;margin-right:0}.language-switch a{padding:8px 9px}header>.button.small{display:none}header .brand{font-size:12px}.language-dialog{padding:30px 22px}.language-dialog h2{font-size:25px}.language-dialog .ml-title{font-size:26px}.language-options button{padding:20px 14px}.learning header{height:85px}}
@media(max-width:680px){html[lang="ml"] .hero{min-height:1120px}html[lang="ml"] .hero-copy{padding-top:120px}html[lang="ml"] .hero-copy h2{font-size:27px}html[lang="ml"] .hero-copy p{font-size:15px;max-width:100%}html[lang="ml"] .hero-art{inset:565px 0 165px}html[lang="ml"] .hero-copy>.button{top:960px}html[lang="ml"] .subline{top:1030px}html[lang="ml"] .hero-bottom{font-size:12px}html[lang="ml"] .principles{gap:10px;flex-wrap:wrap;font-size:12px;padding:24px 15px}html[lang="ml"] .principles i{display:none}html[lang="ml"] .split h2{font-size:39px}html[lang="ml"] .explorer{min-height:870px}html[lang="ml"] .explorer-copy h2{font-size:35px}html[lang="ml"] .world h2{font-size:35px}html[lang="ml"] .world{min-height:680px}html[lang="ml"] .chart-caption{font-size:10px;max-width:60%}html[lang="ml"] .focus-ring span{font-size:10px;letter-spacing:0}html[lang="ml"] .learning h1{font-size:38px}html[lang="ml"] .guide-layout{gap:30px}}