/* Visual system based on the current clonuc.com design */
html{scroll-behavior:smooth;scroll-padding-top:88px}body{overflow-x:hidden;background:#f4f8fc!important;background-image:none!important;font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#0e2545!important}body:before,#field{display:none!important}.skip-link{position:fixed;top:-70px;left:16px;z-index:100;background:#0e2545;color:#fff;padding:12px 16px;border-radius:10px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid #12a57a;outline-offset:3px}.wrap{max-width:1180px!important;padding-inline:28px!important}
header{position:fixed!important;inset:0 0 auto!important;transform:none!important;width:100%!important;border:0!important;border-bottom:1px solid #dbe3f1!important;border-radius:0!important;background:rgba(244,248,252,.9)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}.bar{height:76px;padding:0!important}.logo{width:42px!important;height:42px!important}.brand{font-size:22px!important;font-weight:800!important}.brand small{display:none!important}.bar nav{display:flex;gap:30px;margin:auto}.bar nav a{color:#5a6b84!important;text-decoration:none;font-size:13px;font-weight:650}.bar nav a:hover{color:#2b6cf0!important}.theme{width:38px;height:38px;border-radius:50%;border:1px solid #dbe3f1;background:#fff;color:#0e2545;cursor:pointer}.nav-cta{background:#0e2545;color:#fff!important;padding:14px 18px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap}
main.wrap{padding-top:76px!important}.hero{min-height:660px;padding:72px 0 76px!important;display:grid!important;grid-template-columns:1.08fr .92fr;grid-template-rows:auto auto auto 1fr;column-gap:70px;align-content:center;position:relative}.hero .eyebrow{grid-column:1;padding:8px 14px;width:max-content;max-width:100%;background:#edf2fb;border:1px solid #dbe3f1;border-radius:999px;color:#1e4fb8!important;font:600 11px var(--sans)!important;letter-spacing:0!important;text-transform:none!important}.hero .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#12a57a;margin-right:8px}.hero h1{grid-column:1;font-size:clamp(42px,5vw,66px)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:28px 0 0!important;position:relative;z-index:1}.hero .grad{display:inline!important;background:linear-gradient(105deg,#2b6cf0,#12a57a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-family:inherit!important;font-style:normal!important;font-weight:800!important}.lead{grid-column:1;font-size:17px!important;line-height:1.65!important;max-width:620px!important;margin:26px 0 0!important;color:#5a6b84!important}.hashline{grid-column:1;display:flex!important;gap:10px!important;flex-wrap:wrap;margin-top:28px!important;font:600 11px var(--sans)!important;color:#5a6b84!important}.hashline .dot{background:#12a57a!important}.hero-art{grid-column:2;grid-row:1/5;position:relative;min-height:480px;align-self:center}.art-glow{position:absolute;inset:10% 3%;border-radius:50%;background:radial-gradient(circle,#d7f7ef 0,#dce9fd 44%,transparent 70%)}.art-folder{position:absolute;width:260px;height:185px;left:50%;top:48%;transform:translate(-54%,-50%);border-radius:22px;background:linear-gradient(145deg,#2b6cf0,#1e4fb8);box-shadow:0 30px 55px rgba(43,108,240,.25)}.art-folder:before{content:"";position:absolute;left:30px;top:-22px;width:105px;height:40px;border-radius:12px 12px 0 0;background:#12b98b}.art-folder span,.art-folder i,.art-folder b{position:absolute;left:34px;right:34px;height:8px;border-radius:8px;background:rgba(255,255,255,.48)}.art-folder span{top:54px}.art-folder i{top:81px;right:72px}.art-folder b{top:108px;right:110px}.art-check{position:absolute;left:56%;top:54%;width:150px;height:170px;background:#fff;border-radius:22px;box-shadow:0 22px 50px rgba(14,37,69,.2);display:grid;place-content:center;text-align:center;gap:14px}.art-check strong{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:50%;background:#12a57a;color:#fff;font-size:30px}.art-check small{font-weight:800;color:#0e2545}
section{padding:86px 0!important;border-top:1px solid #dbe3f1!important;position:relative}section:nth-of-type(even){background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.eyebrow{font:700 11px var(--sans)!important;letter-spacing:.08em!important;color:#2b6cf0!important}.sec,h2.sec{font-size:clamp(30px,4vw,47px)!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#0e2545!important;max-width:930px}.sublead{font-size:16px!important;line-height:1.75!important;color:#5a6b84!important;max-width:760px!important;margin:18px 0 38px!important}.qs,.stats,.grid3,.cover,.metrics{gap:16px!important}.q,.card,.stat,.cr,.cv,.pill,.metric,.lvl,.note,.ethos{background:#fff!important;border:1px solid #dbe3f1!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(14,37,69,.065)!important}.q{padding:22px!important}.q .qn{background:#edf2fb!important;color:#1e4fb8!important}.q h3,.card h3,.cr h3,.pill h3{color:#0e2545!important}.q p,.card p,.cr p,.pill p,.cv p,.lvl p,.metric p{color:#5a6b84!important;line-height:1.65!important}.belief{border-radius:18px!important;padding:20px!important;background:#edf2fb!important;border:1px solid #dbe3f1!important}.belief .b{border-radius:12px!important}.belief .real{background:linear-gradient(135deg,#2b6cf0,#12a57a)!important;color:#fff!important}.stats .stat{padding:24px!important;min-height:178px}.stat .big{font-size:clamp(38px,5vw,58px)!important}.honest{gap:16px!important}.honest .h{background:#fff!important;border:1px solid #dbe3f1!important;border-radius:16px!important;padding:28px!important;box-shadow:0 8px 28px rgba(14,37,69,.06)!important}.honest .si{border-top:4px solid #12a57a!important}.honest .no{border-top:4px solid #d6455f!important}.crit{gap:16px!important}.cr{padding:26px!important}.cr .ans{color:#0c7d5c!important}.note{padding:24px 28px!important;background:linear-gradient(135deg,#edf4ff,#e9fbf6)!important}.scroll{border:1px solid #dbe3f1!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(14,37,69,.07)!important;overflow:auto}.scroll table{min-width:1040px}.clon{background:#e9f8f4!important}.chip{border-radius:6px!important}.grid3 .strong,.cover .flag{background:linear-gradient(135deg,#2b6cf0,#12a57a)!important;color:#fff!important}.grid3 .strong p,.grid3 .strong h3,.grid3 .strong .n,.cover .flag p,.cover .flag h4{color:#fff!important}.pillars{gap:16px!important}.pill{padding:26px!important}.pill .ico{background:#edf2fb!important;color:#2b6cf0!important}.ethos{padding:32px!important;grid-template-columns:130px 1fr!important}.ethos .face{width:130px!important;height:150px!important;border-radius:18px!important}.ethos blockquote{font-size:16px!important;line-height:1.78!important;color:#0e2545!important}.creds .cred{background:#edf2fb!important}.levels{gap:12px!important}.lvl{padding:22px!important}.lvl .num{background:#edf2fb!important;color:#2b6cf0!important}.metric{padding:28px!important}.close{background:linear-gradient(135deg,#2b6cf0,#12a57a)!important;border-radius:20px!important;padding:48px!important;box-shadow:0 18px 45px rgba(43,108,240,.18)!important}.close h2{font-size:clamp(34px,4.5vw,54px)!important}.close .cta{border-radius:10px!important;background:#fff!important;color:#0e2545!important}footer{background:#0e2545!important;color:#98aac6!important;padding:54px 0!important}footer a{color:#5fe0bb!important}
.reveal-ready{opacity:0;transform:translateY(18px)}.reveal-ready.is-visible{opacity:1;transform:none;transition:opacity .65s,transform .65s}.card,.q,.cr,.pill,.stat,.cv,.lvl,.metric{transition:transform .2s,box-shadow .2s}.card:hover,.q:hover,.cr:hover,.pill:hover,.stat:hover,.cv:hover,.lvl:hover,.metric:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(14,37,69,.1)!important}
[data-theme="dark"] body{background:#0a1322!important;color:#e9f0fb!important}[data-theme="dark"] header{background:rgba(10,19,34,.88)!important;border-color:#243855!important}[data-theme="dark"] .brand,[data-theme="dark"] .sec,[data-theme="dark"] h2.sec,[data-theme="dark"] .q h3,[data-theme="dark"] .card h3,[data-theme="dark"] .cr h3,[data-theme="dark"] .pill h3{color:#e9f0fb!important}[data-theme="dark"] section:nth-of-type(even){background:#101e33!important;box-shadow:0 0 0 100vmax #101e33}[data-theme="dark"] .q,[data-theme="dark"] .card,[data-theme="dark"] .stat,[data-theme="dark"] .cr,[data-theme="dark"] .cv,[data-theme="dark"] .pill,[data-theme="dark"] .metric,[data-theme="dark"] .lvl,[data-theme="dark"] .note,[data-theme="dark"] .ethos,[data-theme="dark"] .honest .h,[data-theme="dark"] .art-check{background:#101e33!important;border-color:#243855!important}[data-theme="dark"] .ethos blockquote,[data-theme="dark"] .art-check small{color:#e9f0fb!important}[data-theme="dark"] .sublead,[data-theme="dark"] .q p,[data-theme="dark"] .card p,[data-theme="dark"] .cr p,[data-theme="dark"] .pill p,[data-theme="dark"] .cv p,[data-theme="dark"] .lvl p,[data-theme="dark"] .metric p{color:#98aac6!important}
@media(max-width:850px){.bar nav{display:none}.hero{grid-template-columns:1fr!important}.hero .eyebrow,.hero h1,.lead,.hashline{grid-column:1}.hero-art{grid-column:1;grid-row:auto;min-height:360px;margin-top:15px}.art-folder{width:220px;height:155px}.art-check{width:125px;height:145px}.honest,.crit{grid-template-columns:1fr!important}.levels{grid-template-columns:repeat(2,1fr)!important}.ethos{grid-template-columns:105px 1fr!important}.ethos .face{width:105px!important;height:125px!important}}
@media(max-width:600px){.wrap{padding-inline:20px!important}.bar{height:66px}.brand{font-size:19px!important}.nav-cta{display:none}main.wrap{padding-top:66px!important}.hero{padding:50px 0 56px!important;min-height:auto!important}.hero h1{font-size:12.5vw!important}.lead{font-size:15.5px!important}.hero-art{min-height:300px}.art-folder{width:190px;height:138px}.art-check{width:110px;height:126px}.art-check strong{width:46px;height:46px}.hashline{line-height:1.7!important}.grid3,.stats,.cover,.metrics,.pillars{grid-template-columns:1fr!important}.levels{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.lvl{min-width:82vw;scroll-snap-align:start}.ethos{display:block!important;padding:24px!important}.ethos .face{float:left;margin:0 16px 8px 0;width:86px!important;height:104px!important}.close{padding:30px 24px!important}.close .cta{width:100%;justify-content:center;text-align:center}.sec,h2.sec{font-size:9.5vw!important}section{padding:68px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}.card,.q,.cr,.pill,.stat,.cv,.lvl,.metric{transition:none!important}}

/* Fidelity fixes from the production source */
.logo{width:46px!important;height:46px!important;object-fit:contain}
.hero-art:before{content:"";position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border:1.5px dashed #c3d6ea;border-radius:50%;animation:spinExact 38s linear infinite}
.art-folder{width:230px;height:170px;left:50%;top:50%;transform:none!important;margin-left:-150px;margin-top:-104px;background:linear-gradient(145deg,#1c6fe3,#1456b8)!important;animation:floaty 6s ease-in-out infinite}
.art-check{left:50%;top:50%;margin-left:-30px;margin-top:-30px;animation:floaty 6s ease-in-out infinite .8s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes spinExact{to{transform:translate(-50%,-50%) rotate(360deg)}}
.scroll{border-color:#d3dfed!important}
.scroll table{min-width:1040px;border-collapse:separate!important;border-spacing:0!important}
.scroll th,.scroll td{border-right:1px solid #dbe3f1!important;border-bottom:1px solid #dbe3f1!important}
.scroll tr>*:last-child{border-right:0!important}.scroll tbody tr:last-child>*{border-bottom:0!important}
.scroll thead th{background:#edf2fb!important;color:#0e2545!important}
.scroll thead th.clon{background:linear-gradient(135deg,#2b6cf0,#18b487)!important;color:#fff!important}
.scroll thead th.clon .cell-note{color:rgba(255,255,255,.8)!important}
.scroll tbody td.clon{background:#e5f6f2!important;color:#0e2545!important}
.metric p.q{display:block!important;grid-template-columns:none!important;padding:0!important;margin:12px 0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#5a6b84!important;line-height:1.65!important}
.metric p.q:hover{transform:none!important;box-shadow:none!important}
[data-theme="dark"] .scroll thead th{background:#16273f!important;color:#e9f0fb!important}
[data-theme="dark"] .scroll thead th.clon{background:linear-gradient(135deg,#5a93ff,#28c795)!important;color:#0a1322!important}
[data-theme="dark"] .scroll tbody td.clon{background:#143c3b!important;color:#e9f0fb!important}
[data-theme="dark"] .metric p.q{color:#98aac6!important}
@media(max-width:850px){.hero-art:before{width:270px;height:270px}.art-folder{width:210px;height:155px;margin-left:-132px;margin-top:-88px}.art-check{width:125px;height:145px;margin-left:-26px;margin-top:-20px}}
@media(max-width:600px){.hero-art:before{width:235px;height:235px}.art-folder{width:185px;height:138px;margin-left:-116px;margin-top:-78px}.art-check{width:110px;height:126px;margin-left:-22px;margin-top:-15px}}
@media(prefers-reduced-motion:reduce){.hero-art:before,.art-folder,.art-check{animation:none!important}}

/* Exact hero visual geometry from the production page */
.hero-art{height:440px;min-height:440px;display:flex;align-items:center;justify-content:center}
.art-glow{inset:auto!important;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(28,111,227,.22),rgba(29,184,124,.14) 55%,transparent 72%)!important}
.art-folder{left:50%;top:50%;margin-left:-120px;margin-top:-104px;border-radius:20px!important;box-shadow:0 26px 50px rgba(20,86,184,.34)!important}
.art-folder:before{top:-14px!important;left:22px!important;width:96px!important;height:24px!important;background:#0fbe9b!important;border-radius:8px 8px 0 0!important}
.art-folder span,.art-folder i{left:22px!important;height:9px!important;border-radius:4px!important}
.art-folder span{top:24px!important;right:22px!important;background:rgba(255,255,255,.45)!important}
.art-folder i{top:42px!important;right:auto!important;width:120px!important;background:rgba(255,255,255,.28)!important}
.art-folder b{display:none!important}
.art-check{width:150px;height:150px;border-radius:22px!important;box-shadow:0 26px 50px rgba(14,37,69,.16)!important;gap:12px!important}
.art-check strong{width:54px!important;height:54px!important;background:linear-gradient(135deg,#1db87c,#0fbe9b)!important;font-size:26px!important}
.art-check small{font:700 13px "Plus Jakarta Sans",sans-serif!important}
@media(max-width:850px){.hero-art{height:360px;min-height:360px}.art-glow{width:300px;height:300px}.art-folder{width:210px;height:155px;margin-left:-110px;margin-top:-88px}.art-check{width:125px;height:125px;margin-left:-22px;margin-top:-15px}}
@media(max-width:600px){.hero-art{height:300px;min-height:300px}.art-glow{width:270px;height:270px}.art-folder{width:185px;height:138px;margin-left:-98px;margin-top:-78px}.art-check{width:110px;height:110px;margin-left:-18px;margin-top:-8px}.art-check strong{width:46px!important;height:46px!important}}

/* One shared 300 × 300 coordinate system, matching the original heroviz */
.hero-art:before{display:none!important}
.art-stage{position:relative;width:300px;height:300px;flex:0 0 300px}
.art-stage:before{content:"";position:absolute;inset:0;border:1.5px dashed #c3d6ea;border-radius:50%;animation:spinStage 38s linear infinite}
.art-stage .art-glow{left:50%!important;top:50%!important;width:340px!important;height:340px!important;transform:translate(-50%,-50%)!important}
.art-stage .art-folder{left:30px!important;top:46px!important;width:230px!important;height:170px!important;margin:0!important}
.art-stage .art-check{left:120px!important;top:120px!important;width:150px!important;height:150px!important;margin:0!important}
@keyframes spinStage{to{transform:rotate(360deg)}}
@media(max-width:600px){.art-stage{width:260px;height:260px;flex-basis:260px;transform:scale(.86)}.art-stage .art-glow{width:320px!important;height:320px!important}}
@media(prefers-reduced-motion:reduce){.art-stage:before{animation:none!important}}

/* FAQ and footer reproduced from clonuc.com */
.faq-section{max-width:840px!important;margin:0 auto!important;padding:84px 28px!important;background:#fff!important;box-shadow:0 0 0 100vmax #fff!important;clip-path:inset(0 -100vmax)!important}
.faq-head{text-align:center;margin-bottom:42px}.faq-head p{font:700 13px "Plus Jakarta Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1c6fe3;margin:0 0 12px}.faq-head h2{font:800 36px/1.12 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;margin:0;color:#0e2545}
.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid #e3eaf3;border-radius:14px;overflow:hidden;background:#f8fbfe}.faq-item button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 16.5px "Plus Jakarta Sans",sans-serif;color:#0e2545}.faq-item button span{flex:none;width:24px;height:24px;border-radius:50%;background:#e7f0fa;color:#1c6fe3;display:flex;align-items:center;justify-content:center;font:700 18px "Plus Jakarta Sans",sans-serif;transition:transform .2s}.faq-item button[aria-expanded="true"] span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-answer p{overflow:hidden;margin:0;padding:0 22px;color:#5a6b84;font:400 15px/1.7 "Plus Jakarta Sans",sans-serif}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:20px}
.site-footer{background:#0b1d36!important;color:#9fb1c6!important;padding:0!important}.footer-inner{max-width:1180px;margin:0 auto;padding:60px 28px 40px}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;margin-bottom:36px}.footer-brand{max-width:420px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px}.footer-logo img{width:42px;height:42px;object-fit:contain}.footer-logo strong{font:800 22px "Plus Jakarta Sans",sans-serif;color:#fff}.footer-brand>p{margin:0;color:#9fb1c6;font:400 15px/1.7 "Plus Jakarta Sans",sans-serif}.workspace-badge{display:flex;align-items:center;gap:13px;border:1px solid #263c58;border-radius:12px;padding:13px 17px;background:#102641}.google-g{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#4285f4;font:800 20px Arial}.workspace-badge small,.workspace-badge strong{display:block}.workspace-badge small{font:500 10px "Plus Jakarta Sans",sans-serif;color:#8298b3;margin-bottom:2px}.workspace-badge strong{font:700 13px "Plus Jakarta Sans",sans-serif;color:#fff}.footer-legal{border-top:1px solid #203650;padding-top:28px}.footer-legal strong{font:700 12px "Plus Jakarta Sans",sans-serif;color:#c3d0df}.footer-legal p{max-width:850px;margin:9px 0 0;color:#7086a1;font:400 11px/1.65 "Plus Jakarta Sans",sans-serif}.footer-copy{border-top:1px solid #203650;margin-top:26px;padding-top:22px;color:#7086a1;font:500 11px "Plus Jakarta Sans",sans-serif}
[data-theme="dark"] .faq-section{background:#101e33!important;box-shadow:0 0 0 100vmax #101e33!important}[data-theme="dark"] .faq-head h2{color:#e9f0fb}[data-theme="dark"] .faq-item{background:#16273f;border-color:#243855}[data-theme="dark"] .faq-item button{color:#e9f0fb}[data-theme="dark"] .faq-answer p{color:#98aac6}
@media(max-width:600px){.faq-section{padding:68px 20px!important}.faq-head h2{font-size:30px}.faq-item button{font-size:15px;padding:18px}.footer-inner{padding:48px 20px 34px}.footer-row{display:block}.workspace-badge{margin-top:28px;width:max-content;max-width:100%}}

/* Hand-drawn SVG icon system */
.pill .ico{width:48px!important;height:48px!important;padding:7px!important;display:grid!important;place-items:center!important;background:transparent!important;color:#2b6cf0!important}
.draw{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.js .draw path,.js .draw circle,.js .draw line,.js .draw rect,.js .draw polyline{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1);transition-delay:var(--draw-delay,0ms)}
.js .draw.is-in path,.js .draw.is-in circle,.js .draw.is-in line,.js .draw.is-in rect,.js .draw.is-in polyline{stroke-dashoffset:0}
.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .22s ease,box-shadow .22s ease!important}.tilt-card .ico,.tilt-card h3{transform:translateZ(18px)}
.theme .draw{width:18px;height:18px}.art-check strong{color:#fff!important}.art-check strong .draw{width:30px;height:30px;stroke-width:3}.cv .ic{display:grid!important;place-items:center!important}.cv .ic .draw{width:24px;height:24px}.close .cta .draw{flex:none;stroke-width:1.7}

/* Fixed theme icons: these are controls, not drawn illustrations. */
.theme-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sun{display:none}[data-theme="dark"] .icon-sun{display:block}[data-theme="dark"] .icon-moon{display:none}
[data-theme="dark"] .pill .ico{color:#5a93ff!important}
@media(prefers-reduced-motion:reduce){.js .draw path,.js .draw circle,.js .draw line,.js .draw rect,.js .draw polyline{stroke-dashoffset:0!important;transition:none!important}.tilt-card{transform:none!important}}

/* Una respuesta plegada queda recortada visualmente, pero un lector de pantalla
   la sigue leyendo. visibility la saca también del árbol de accesibilidad. */
.faq-answer p{visibility:hidden;transition:visibility 0s .28s}
.faq-item.is-open .faq-answer p{visibility:visible;transition:visibility 0s}

/* Same ES / EN control used by the original site */
.language{display:flex;align-items:center;gap:4px;padding:4px;background:#edf2f8;border-radius:999px}.language button{width:32px;height:30px;border:0;border-radius:999px;background:transparent;color:#8798ad;font:700 11px "Plus Jakarta Sans",sans-serif;cursor:pointer}.language button[aria-pressed="true"]{background:#0e2545;color:#fff;box-shadow:0 2px 5px rgba(14,37,69,.18)}
[data-theme="dark"] .language{background:#16273f}[data-theme="dark"] .language button[aria-pressed="true"]{background:#e9f0fb;color:#0a1322}
@media(max-width:850px){.language{margin-left:auto}.bar nav{display:none}}