/* The public web (maqueta_web.html, approved by the PO on 20 oct). Colours of the app's style sheet (v9, D661). */
@font-face{font-family:Quicksand;src:url(/fonts/Quicksand.ttf) format("truetype");font-weight:300 700;font-display:swap}
/* PO, 2 nov: Arabic and Russian. Quicksand has neither, so Noto Sans Arabic and Noto Sans (Cyrillic) take those letters;
   each file is loaded only by a page that uses its letters (unicode-range), served from here. */
@font-face{font-family:Quicksand;src:url(/fonts/NotoSans-Cyrillic.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:Quicksand;src:url(/fonts/NotoSansArabic.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:Quicksand,system-ui,sans-serif;color:var(--ink)}
a{color:inherit}main{display:block}.page{max-width:1180px;margin:0 auto;overflow:hidden}
.w-top .logo,.w-top .nav a{text-decoration:none;color:var(--ink)}
.lang{position:relative;cursor:pointer}.lang summary{list-style:none;display:flex;align-items:center;gap:6px}.lang summary::-webkit-details-marker{display:none}
.langs{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:20;min-width:150px}
.langs a{display:block;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:500}.langs a[aria-current]{color:var(--link);font-weight:700}
a.gp{text-decoration:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#121212;--muted:#6E6E73;--line:#E8E5EF;--naranja:#E8710A;--or:var(--naranja);--link:var(--naranja);--warm:#FFF7F0;--fill:#F1F0F5;--vio:#7A4DF0;--vioBg:#EFE8FF;--green:#2E7D32;--greenBg:#F1F8F1;--bg:#ECEAF1}
*{box-sizing:border-box}
.mob{width:360px}
.w-top{display:flex;align-items:center;gap:18px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fff}
.logo{font-weight:700;font-size:22px;display:flex;align-items:center}.logo img{display:block;height:26px;width:auto}
.logo span{color:var(--or)}
.nav{display:flex;gap:18px;font-size:14.5px;font-weight:500}
.lang{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}
.sec{display:flex;gap:34px;align-items:center;padding:42px 36px}
.sec.rev{flex-direction:row-reverse}
.sec.warm{background:var(--warm)}
.sec.soft{background:#FAF9FC}
.tx{flex:1;min-width:0}
.duo{display:flex;gap:16px;flex:none}
.kick{font-size:13px;font-weight:700;color:var(--link);letter-spacing:.4px;text-transform:uppercase}
h2{font-size:32px;line-height:1.15;margin:8px 0 0}
h2 em,h3 em{font-style:normal;color:var(--or)}
h3.s{font-size:26px;line-height:1.2;margin:8px 0 0}
.lead{font-size:16px;color:#3A3844;line-height:1.55;margin:12px 0 18px;max-width:440px}
.bl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.bl li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:#2A2832}
.bl svg{flex:none;margin-top:1px}
.gp{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:16px}
.small{font-size:12.5px;color:var(--muted);margin-top:10px}
.ph{width:230px;height:470px;border-radius:30px;background:#fff;border:7px solid #1c1c1c;flex:none;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.ph .nb{position:absolute;left:0;right:0;bottom:0;height:42px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #F1F0F5}
.ph .nb i{width:16px;height:16px;border:1.5px solid #6E6E73;border-radius:5px;display:block}
.ph .nb .on{background:var(--ink);border-radius:999px;padding:4px 14px}
.ph .nb .on i{border-color:#fff}
.map{position:absolute;inset:0 0 42px 0;background:#F4F2EE}
.pin{position:absolute;width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.18);background:linear-gradient(135deg,#F2C6A0,#C98B62)}
.pin.g{border-color:var(--green)}
.pin.b2{background:linear-gradient(135deg,#B9C7D9,#6F86A3)}
.pin.b3{background:linear-gradient(135deg,#D9B9C9,#A3708A)}
.pin.b4{background:linear-gradient(135deg,#C9D9B9,#7FA370)}
.beat{position:absolute;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 6px rgba(232,113,10,.25),0 0 0 13px rgba(232,113,10,.12)}
.cap{position:absolute;display:flex;align-items:center;gap:0;background:#fff;border-radius:999px;padding:4px 10px 4px 4px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-weight:700;font-size:13px}
.cap i{width:24px;height:24px;border-radius:50%;border:2px solid #fff;display:block;margin-right:-7px;background:linear-gradient(135deg,#F2C6A0,#C98B62)}
.cap i:nth-child(2){background:linear-gradient(135deg,#B9C7D9,#6F86A3)}
.cap i:nth-child(3){background:linear-gradient(135deg,#D9B9C9,#A3708A)}
.cap b{margin-left:12px}
.me{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--or);border:3px solid #fff;box-shadow:0 0 0 7px rgba(232,113,10,.18)}
.mtop{position:absolute;top:12px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center}
.mtop .p{background:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.mtop .c{background:var(--vioBg);color:var(--vio)}
.scr{position:absolute;inset:0 0 42px 0;padding:16px 12px;display:flex;flex-direction:column;gap:10px}
.scr .tt{font-size:17px;font-weight:700}
.hm{background:var(--warm);border-radius:16px;padding:12px}
.hm .k{font-size:11px;color:var(--link);font-weight:700}
.hm .h{font-size:17px;font-weight:700;margin-top:4px}
.hm .h em{font-style:normal;color:var(--or)}
.box{border:1px solid var(--line);border-radius:14px}
.box .r{display:flex;justify-content:space-between;padding:9px 10px;font-size:11.5px;color:var(--muted)}
.box .r b{color:var(--ink);font-weight:600}
.box .r+.r{border-top:1px solid var(--line)}
.wk{border:1px solid var(--line);border-radius:14px;padding:10px;font-size:12px;font-weight:600}
.wk .v{color:var(--vio);float:right}
.bars{display:flex;gap:4px;margin-top:8px}
.bars i{flex:1;height:6px;border-radius:4px;background:#E2E0E8}
.bars i.o{background:var(--or)}
.al{background:var(--warm);border-radius:16px;padding:14px;text-align:center}
.al .h{font-size:16px;font-weight:700}
.al .h em{font-style:normal;color:var(--or)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}
.grid i{aspect-ratio:1;border-radius:9px;background:linear-gradient(135deg,#EAD9CC,#D7BBA6);display:block;filter:blur(.5px)}
.stp{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;padding:6px 2px}
.stp b{width:20px;height:20px;border-radius:50%;background:var(--warm);color:var(--link);display:flex;align-items:center;justify-content:center;flex:none;font-size:11px}
.cta{padding:40px 36px;text-align:center;background:var(--ink);color:#fff}
.cta h3{font-size:26px;margin:0}
.cta h3 em{font-style:normal;color:var(--naranja)}
.cta p{color:#D9D7E0;margin:10px 0 18px}
.cta .gp{background:#fff;color:var(--ink)}
.safe{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:30px 36px}
.sf{border:1px solid var(--line);border-radius:18px;padding:16px;font-size:14.5px;line-height:1.45}
.sf h4{margin:10px 0 4px;font-size:16px}
.foot{border-top:1px solid var(--line);padding:20px 28px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;background:#fff}
.foot a{color:var(--link);font-weight:500;text-decoration:none}
.copy{width:100%;font-size:12.5px;color:var(--muted);margin-top:6px}
.prof{position:absolute;inset:0 0 42px 0;overflow:hidden}
.prof .ph1{height:200px;background:linear-gradient(160deg,#E9C9AE,#B98466);position:relative}
.prof .ph1 .dots{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:4px}
.prof .ph1 .dots i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.55)}
.prof .ph1 .dots i:first-child{background:#fff}
.prof .nm{position:absolute;left:12px;bottom:10px;color:#fff;font-weight:700;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.prof .bd{padding:10px}
.pills{display:flex;flex-wrap:wrap;gap:5px}
.pills span{background:var(--fill);border-radius:999px;padding:4px 9px;font-size:10.5px;color:#3A3844}
.pills span b{font-weight:600;color:var(--ink)}
.comm{background:var(--warm);border-radius:12px;padding:8px 10px;margin-top:8px;font-size:11px}
.comm b{color:var(--link)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chips span{border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:500;background:#fff}
.chips span.lk{color:var(--muted)}
.qz{position:absolute;inset:0 0 42px 0;padding:16px 12px;display:flex;flex-direction:column;gap:9px}
.qz .pg2{font-size:11px;color:var(--muted);font-weight:600}
.qz .bar2{height:5px;border-radius:4px;background:#E2E0E8}
.qz .bar2 i{display:block;width:60%;height:100%;border-radius:4px;background:var(--or)}
.qz .q{font-size:16px;font-weight:700;line-height:1.3;margin-top:6px}
.qz .op{border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:500}
.qz .op.on{border-color:var(--or);background:var(--warm)}
.hero2{padding:46px 36px}
.mp{flex:1.15;height:440px;border-radius:28px;position:relative;overflow:hidden;background:#F4F2EE;border:1px solid var(--line)}
.fc{position:absolute;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.18);overflow:hidden;background:#fff}
.fc.g{border-color:var(--green)}
.cap2{position:absolute;display:flex;align-items:center;background:#fff;border-radius:999px;padding:4px 12px 4px 4px;box-shadow:0 3px 10px rgba(0,0,0,.16);font-weight:700;font-size:13px}
.cap2 .f{width:30px;height:30px;border-radius:50%;border:2px solid #fff;overflow:hidden;margin-right:-9px;background:#fff}
.cap2 .f svg{display:block;width:100%;height:100%}
.cap2 b{margin-left:14px}
.fcard{position:absolute;background:#fff;border-radius:16px;padding:9px 12px;box-shadow:0 6px 18px rgba(0,0,0,.14);font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
.fcard em{font-style:normal;color:var(--or)}
.fcard.vio{color:var(--vio)}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 36px 40px}
.hw{border:1px solid var(--line);border-radius:20px;padding:18px}
.hw b.n{width:30px;height:30px;border-radius:50%;background:var(--warm);color:var(--link);display:flex;align-items:center;justify-content:center;font-size:14px}
.hw h4{font-size:17px;margin:12px 0 4px}
.hw p{margin:0;font-size:14px;color:#3A3844;line-height:1.45}
.pf{position:absolute;inset:0 0 42px 0;overflow:hidden;padding:0}
.pf .hd{height:210px;position:relative;overflow:hidden;background:#FFE8D6}
.pf .hd:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.pf .nm2{z-index:1}
.pf .hd svg{width:100%;height:100%;display:block}
.pf .nm2{position:absolute;left:12px;bottom:10px;color:#fff;font-weight:700;font-size:19px;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.pf .bd2{padding:10px;display:flex;flex-direction:column;gap:8px}
.pf .lb{font-size:11px;font-weight:700;color:var(--muted)}
.pf .ab{font-size:11.5px;line-height:1.4;color:#2A2832}
.pf .chs{display:flex;flex-wrap:wrap;gap:5px}
.pf .chs span{border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10.5px}
.pf .intim{background:#2A1D12;color:#FFE8D6;border-radius:12px;padding:9px 10px;font-size:11px;display:flex;justify-content:space-between;align-items:center}
.pf .intim b{color:var(--naranja)}
.ip{position:absolute;inset:0 0 42px 0;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.ip .ihd{background:#2A1D12;color:#FFE8D6;border-radius:16px;padding:12px}
.ip .ihd b{display:block;font-size:15px;color:var(--naranja)}
.ip .ihd span{font-size:11.5px}
.ip .lst{border:1px solid var(--line);border-radius:14px}
.ip .lr{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:12px}
.ip .lr+.lr{border-top:1px solid var(--line)}
.ip .lr i{font-style:normal;color:var(--muted)}
.why{padding:40px 36px}
.why h3.s{margin-bottom:18px}
.wt{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.wt div{padding:14px 18px;font-size:15px;border-top:1px solid var(--line)}
.wt .h{font-weight:700;font-size:13px;color:var(--muted);border-top:none;background:#FAF9FC}
.wt .h.m{color:var(--link)}
.wt .o{color:var(--muted)}
.wt .m2{font-weight:600;background:var(--warm)}
.grp{margin-top:14px}
.grp b{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.pc{border:1.5px solid var(--line);border-radius:20px;padding:16px;position:relative;background:#fff}
.pc .ic2{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pc h4{margin:10px 0 2px;font-size:18px}
.pc .pr{font-size:20px;font-weight:700}
.pc .sub{font-size:13px;color:var(--muted);margin-top:4px}
.pc .tag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px}
.bens{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.bens div{font-size:13.5px}
.bens b{display:block;font-size:14.5px}
.bens span{color:var(--muted)}
.crd{margin-top:14px;border-radius:16px;background:var(--vioBg);color:#2A2140;padding:12px 16px;font-size:14px;font-weight:500}
.faq{padding:36px}
.faq details{border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-top:10px;background:#fff}
.faq summary{font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}
.faq summary:after,.lang summary:after{content:"";flex:none;width:16px;height:16px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.faq details[open] summary:after,.lang[open] summary:after{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.faq summary:after,.lang summary:after{transition:none}}
.faq p{margin:8px 0 0;font-size:14.5px;color:#3A3844;line-height:1.5}
.safe{grid-template-columns:repeat(4,1fr)}
.stick{position:sticky;bottom:0;padding:10px 16px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);display:none}
.stick .gp{width:100%;justify-content:center}
h1.hx{font-size:34px;line-height:1.15;margin:0}
h1.hx em{font-style:normal;color:var(--or)}
.ph{border:9px solid #151515;border-radius:38px;box-shadow:0 0 0 1.5px #3a3a3a,0 20px 44px rgba(0,0,0,.20)}
.ph:before{content:"";position:absolute;top:7px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#151515;z-index:6}
.stb{position:absolute;left:0;right:0;top:0;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;font-weight:700;z-index:5;background:#fff}
.stb i{font-style:normal;display:flex;gap:4px;align-items:center}
.stb .bt{width:18px;height:9px;border:1.5px solid #121212;border-radius:3px;position:relative}
.stb .bt:after{content:"";position:absolute;inset:1px;right:5px;background:#121212;border-radius:1px}
.map,.scr,.qz,.pf,.ip,.prof{top:26px !important}
.ph.big{width:300px;height:610px}
.hph{position:relative;flex:none;padding:0 120px}
.hph .fcard{z-index:7}
/* Footer pages: the legal texts and the two forms. */
.doc{max-width:760px;margin:0 auto;padding:28px 20px 48px;line-height:1.6;font-size:16px;color:#2A2832}
.doc h1{font-size:28px;line-height:1.2;margin:0 0 10px;color:var(--ink)}.doc h2{font-size:20px;margin:28px 0 8px;color:var(--ink)}.doc h3{font-size:17px;margin:20px 0 6px}
.doc a{color:var(--link);font-weight:500;text-decoration:none}.doc a:hover{text-decoration:underline}
.doc .version{color:var(--muted);font-size:14px;margin:0 0 16px}
.doc .summary{background:var(--warm);border-radius:16px;padding:4px 16px 8px;margin:16px 0}
.doc .toc{background:#FAF9FC;border:1px solid var(--line);border-radius:16px;padding:12px 16px 12px 8px;margin:16px 0}.doc .toc li{font-size:14.5px}
.doc .table{overflow-x:auto;margin:12px 0}.doc table{border-collapse:collapse;width:100%;font-size:14.5px}
.doc th,.doc td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.doc th{color:var(--muted);font-weight:600}
.doc mark.pend{background:transparent;color:inherit;outline:1.5px dashed #C62828;border-radius:4px;padding:0 3px}
.doc .note{background:var(--warm);border-radius:14px;padding:12px 16px}
.form{display:flex;flex-direction:column;gap:14px;margin:18px 0;max-width:560px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14.5px;font-weight:500;color:var(--ink)}
.form input:not([type=checkbox]),.form textarea{font:inherit;font-size:15px;font-weight:500;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:none;border-color:#6A6872}
.form label.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;line-height:1.4}.form label.check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--or)}
.form button.gp{border:0;cursor:pointer;font:inherit;font-weight:600;font-size:16px;align-self:flex-start}.form button.gp:disabled{opacity:.6;cursor:default}
.form button.danger{background:#B3261E}
.answer{background:#FAF9FC;border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-weight:500}
@media (max-width:600px){.doc table,.doc thead,.doc tbody,.doc tr,.doc td{display:block}.doc thead{display:none}.doc tr{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:6px 10px}.doc td{border:none;padding:4px 0}.doc td::before{content:attr(data-label);display:block;color:var(--muted);font-size:12.5px}}
@media (max-width:900px){
.sec>.tx,.hero2>.tx,.why,.faq{width:100%;max-width:100%}.lead{max-width:100%}.wt div{padding:12px 12px;font-size:14px}
.hero2{flex-direction:column;align-items:stretch;padding:28px 16px;gap:22px}
.mp{flex:none;height:380px}
.how{grid-template-columns:1fr;padding:0 16px 26px}
h1.hx{font-size:26px}
.mp{width:100%}
.stick{display:block}
.why,.faq{padding:26px 16px}
.plans,.bens{grid-template-columns:1fr 1fr}
.plans{grid-template-columns:1fr}
.hph{padding:0 10px;align-self:center}
.hph .fcard{display:none}
.ph.big{width:270px;height:550px}
.w-top{padding:14px 16px}
.nav{display:none}
.sec,.sec.rev{flex-direction:column;align-items:stretch;padding:28px 16px;gap:22px}
.sec .ph{align-self:center}
h2{font-size:26px}
h3.s{font-size:22px}
.duo{flex-direction:column}
.safe{grid-template-columns:1fr;padding:22px 16px}
.cta{padding:30px 16px}
.foot{padding:18px 16px;flex-direction:column;gap:12px}
}

/* PO, 2 nov: Arabic right to left. Rows and grids mirror on their own (dir="rtl"); these are the sides written by
   hand. The logo «miwuu» and the photos never mirror; the arrows do. */
[dir=rtl] .logo{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .langs{right:auto;left:0}
[dir=rtl] .lang{margin-left:0;margin-right:auto}
[dir=rtl] .cap i{margin-right:0;margin-left:-7px}[dir=rtl] .cap b{margin-left:0;margin-right:12px}
[dir=rtl] .cap2 .f{margin-right:0;margin-left:-9px}[dir=rtl] .cap2 b{margin-left:0;margin-right:14px}
[dir=rtl] .wk .v{float:left}
[dir=rtl] .prof .nm,[dir=rtl] .pf .nm2{left:auto;right:12px}
[dir=rtl] .pc .tag{right:auto;left:12px}
[dir=rtl] .doc th,[dir=rtl] .doc td{text-align:right}
[dir=rtl] .lr i{display:inline-block;transform:scaleX(-1)}

/* W-W01 v1 (PO, 4 nov): «miwuu se adapta a ti», the app's themes as samples and the 9 languages. CSS only. */
.adapt .vis{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.thm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.thc{border-radius:16px;padding:10px;border:1px solid var(--line);font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:8px;cursor:default}
.thc .sw{height:96px;border-radius:10px;position:relative;overflow:hidden}
.thc .sw i{position:absolute;inset-inline:8px;height:8px;border-radius:4px}
.thc .sw i:nth-child(1){top:10px;width:55%;inset-inline-end:auto}.thc .sw i:nth-child(2){top:26px}.thc .sw i:nth-child(3){top:40px;width:35%;inset-inline-end:auto}
.thc .sw:after{content:"";position:absolute;inset-inline:8px;bottom:8px;height:12px;border-radius:8px;background:currentColor;opacity:.25}
.thl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thl span{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;height:36px;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;padding:0 13px;font-size:14px;line-height:1;font-weight:500;background:#fff}
.thcap{font-size:12.5px;color:var(--muted);margin-top:-4px}
.kick .brand{text-transform:none;font-weight:800}

/* P-C04 v26 (PO, 4 nov): the plans section as in the app. */
.pl .plb{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.pl .plb div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;font-size:14px;font-weight:500;line-height:1.3;color:var(--ink);min-width:0}
.pl .plb svg{flex:none;color:var(--muted)}
.pl .plcs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.pl .plc{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:18px 16px 16px;background:#fff;display:flex;flex-direction:column;gap:4px;min-width:0}
.pl .plic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.pl .plc h4{margin:0;font-size:16px;font-weight:700}
.pl .plpr{font-size:20px;font-weight:700;color:var(--ink)}
.pl .plsub{font-size:14px;color:var(--muted)}
.pl .plsave{align-self:flex-start;margin-top:6px;background:var(--fill);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
.pl .pltag{position:absolute;top:-11px;inset-inline-end:14px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.pl .plks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.pl .plk{position:relative;display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff;min-width:0}
.pl .plk.rec{border-color:var(--ink)}
.pl .plkt{display:flex;flex-direction:column;min-width:0;flex:1}.pl .plkt b{font-size:15px}.pl .plkt small{font-size:13px;color:var(--muted)}
.pl .plk em{font-style:normal;font-weight:700;font-size:16px;white-space:nowrap}
.pl .plnote{margin:14px 0 0;font-size:14px}
.pl .plfine{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.pl .plb div{font-size:13px}.pl .plcs{grid-template-columns:1fr;gap:18px}.pl .plks{grid-template-columns:1fr;gap:18px}}
.adapt .bl li{align-items:center}

/* PO, 4 nov («poner todo lo que tiene miwuu y no el resto»): only miwuu's column, no comparison. */
.wt1{border:1px solid var(--line);border-radius:20px;overflow:hidden;max-width:560px}
.wt1 .wb{padding:14px 18px;font-size:22px;font-weight:800;color:var(--ink);background:#FAF9FC;text-transform:none}
.wt1 .wb strong{font-weight:800}
.wt1 .m2{padding:14px 18px;font-size:15px;font-weight:600;background:var(--warm);border-top:1px solid var(--line)}

/* PO + Marketing, 4 nov: the 3 steps as cards on a very soft orange gradient. */
.steps{padding:44px 36px;background:linear-gradient(180deg,#FFF3E8 0%,#FFFAF5 60%,#fff 100%)}
.stg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.stg:before{content:"";position:absolute;top:46px;inset-inline:12%;height:2px;background:var(--naranja);opacity:.35;z-index:0}
.stc{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 6px 18px rgba(232,113,10,.08);transition:transform .2s,box-shadow .2s;min-width:0}
.stc:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(232,113,10,.16)}
.sth{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.stn{width:52px;height:52px;flex:none;border-radius:50%;background:#FFE8D6;color:var(--or);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sti{width:52px;height:52px;flex:none;border-radius:50%;background:#FFF3E8;display:flex;align-items:center;justify-content:center}
.stc h4{margin:0 0 6px;font-size:17px;font-weight:700}
.stc p{margin:0;font-size:15px;line-height:1.45;color:#3A3844}
.stcta{display:flex;justify-content:center;margin-top:24px}
@media (max-width:760px){.steps{padding:32px 18px}.stg{grid-template-columns:1fr;gap:14px}.stg:before{top:20px;bottom:20px;inset-inline-start:45px;inset-inline-end:auto;width:2px;height:auto}}
@media (prefers-reduced-motion:reduce){.stc{transition:none}.stc:hover{transform:none}}

/* PO, 4 nov: credits as their own section, cards like the plans (lilac), centred; the note centred and small. */
.pl .plpr{margin-top:8px}
.crs{padding-top:8px}
.pl .crg{grid-template-columns:repeat(2,minmax(0,calc((100% - 28px) / 3)));justify-content:center}
.pl .crc.rec{border-color:#7A4DF0}
.crs .plnote,.crs .plfine{text-align:center}
.crs .plnote{font-size:13.5px;color:var(--ink)}
@media (max-width:760px){.pl .crg{grid-template-columns:1fr}}
.pl .plc .plpr{margin-top:auto;padding-top:8px}

/* Pricing, one block (PO + director, 4 nov). */
.prw{background:#fff}
.pr{padding:40px 36px 28px}
.pr h3.s{margin-bottom:18px}
.prc{background:#F7F5FC;padding-top:32px;padding-bottom:36px}
.prb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#FAF9FC;border:1px solid var(--line);border-radius:18px;padding:16px 10px;margin-bottom:22px}
.prb div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;font-weight:600;line-height:1.3;min-width:0}
.prb svg{color:var(--muted)}
.prg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.prk{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.prk.hl{border-color:var(--c);background:color-mix(in srgb,var(--cb) 45%,#fff)}
.prt{position:absolute;top:-11px;inset-inline-end:16px;color:#fff;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.prh{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"i n" "p p";align-items:center;column-gap:12px;row-gap:10px}
.prk.ft .prh{grid-template-areas:"i n"}
.pri{grid-area:i;width:44px;height:44px;border-radius:50%;background:var(--cb);display:flex;align-items:center;justify-content:center}
.prh h4{grid-area:n;margin:0;font-size:17px;font-weight:700;color:var(--c);min-width:0}
.prp{grid-area:p;font-size:28px;font-weight:800;line-height:1.1;color:var(--ink);white-space:nowrap}
.prp small{font-size:14px;font-weight:600;color:var(--muted);margin-inline-start:4px}
.prpf{margin-top:auto;padding-top:12px}
.prd{font-size:14px;color:var(--muted);line-height:1.4}
.prs{align-self:flex-start;background:var(--fill);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
.prl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.prl li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.35;color:var(--ink)}
.prl svg{flex:none;margin-top:1px;color:var(--c)}
.prsame{margin:-8px 0 18px;font-size:15px;color:#3A3844}
.prn{margin:18px 0 0;text-align:center;font-size:13.5px}
.prf{margin:6px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.pr{padding:30px 18px 22px}.prc{padding-bottom:28px}.prb{padding:12px 4px}.prb div{font-size:12.5px}.prg3,.prg2{grid-template-columns:1fr;gap:18px}.prh{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"i n p"}.prk.ft .prh{grid-template-areas:"i n"}.prp{font-size:24px;text-align:end}.prpf{text-align:start;font-size:26px}}
/* PO, 4 nov («recomendado, fuera»): no card stands out; the two credit cards share the lilac border, white. */
.prc .prk.hl{background:#fff}
/* PO, 4 nov: every card with the border of its own colour, 2 px, white, none stands out; bigger benefit icons. */
.prk,.prk.hl,.prc .prk.hl{border:2px solid var(--c);background:#fff}
.prb div{gap:12px;font-size:15px;font-weight:600}
@media (max-width:760px){.prb{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:16px 8px}.prb div{font-size:15px}}

/* «Qué incluye un plan o pase» (PO, 4 nov): the app's table; icon with its title in the first cell. */
.prt2{padding-top:8px}
.btw{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.bt{width:100%;border-collapse:collapse;table-layout:fixed}
.bt col{width:auto}
.bt th,.bt td{padding:12px 14px;border-top:1px solid var(--line);font-size:15px;vertical-align:middle}
.bt thead th{border-top:none;font-size:13px;font-weight:700;color:var(--muted);text-align:center;padding-top:14px;padding-bottom:12px}
.bt thead th:first-child{width:52%}
.bt tbody th{font-weight:500;text-align:start;color:var(--ink)}
.btr{display:flex;align-items:center;gap:12px}.btr svg{flex:none}
.bt td{text-align:center;font-weight:700;color:var(--ink);white-space:nowrap}
.bt .btp{background:#F1F8F1}
.bt thead .btp{color:#2E7D32}
@media (max-width:760px){.bt th,.bt td{padding:11px 8px;font-size:14px}.bt thead th:first-child{width:46%}.btr{gap:10px}.btr svg{width:24px;height:24px}.bt td{white-space:normal}}
@media (max-width:760px){.bt thead th:first-child{width:36%}.bt th,.bt td{padding:10px 6px}.bt tbody th{padding-inline-start:10px}.bt td{white-space:nowrap;font-size:13px}.bt thead th{font-size:12px}.btr{gap:8px}.btr svg{width:22px;height:22px}.bt tbody th{font-size:13.5px}}
.fc.o{border-color:var(--or)}

/* What makes miwuu different: 8 equal cards (4×2 desktop, 2×4 tablet, 1 column phone). */
.dfg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dfc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.dfi{width:52px;height:52px;border-radius:50%;background:#FFF3E8;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.dfc h4{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.dfc p{margin:0;font-size:14.5px;line-height:1.45;color:#3A3844}
@media (max-width:1000px){.dfg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dfg{grid-template-columns:1fr}}

/* PO, 4 nov: the intimate row stands out: soft orange, orange border, the flame, chips with a touch of colour. */
.grp.hot{background:#FFF3E8;border:2px solid var(--naranja);border-radius:18px;padding:16px 16px 14px;margin:14px 0}
.grp.hot .hott{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--ink)}
.grp.hot .flame{flex:none}
.grp.hot .hots{margin:6px 0 10px;font-size:14.5px;color:#3A3844}
.grp.hot .chips span.hc{border:1.5px solid var(--naranja);background:#fff;color:var(--ink);font-weight:600}
.grp.hot .chips span.hc.lk{background:#FFE8D6}

.kick.kf,.ihd .ihf{display:flex;align-items:center;gap:6px}.kick.kf .flame,.ihd .ihf .flame{flex:none}

/* PO, 4 nov («sin el fondo gris»): the 4 benefits without a box. */
.prb{background:none;border:none;padding-left:0;padding-right:0}

/* PO, 4 nov: the 3 plan cards narrower (as wide as their content), the same width, centred; stacked on a phone. */
.prg3{grid-template-columns:repeat(3,minmax(0,250px));justify-content:center}
@media (max-width:860px){.prg3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.prg3{grid-template-columns:1fr}}

/* PO, 4 nov: the 2 credit cards narrower, the same width and height, centred; stacked on a phone. */
.prg2{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}
@media (max-width:760px){.prg2{grid-template-columns:1fr}}

/* PO, 4 nov («que respire»): the small text under the hero button, with air. */
.hero2 .small{margin-top:18px;font-size:14px;line-height:1.6}

/* PO, 4 nov («miwuu en negro»): the brand in the text colour and bold everywhere, also inside orange words and labels. */
.brand,strong.brand,.kick .brand,em .brand,a .brand{color:var(--ink)!important;font-weight:800;text-transform:none;font-style:normal}

/* PO, 4 nov: the example profile is labelled as such. */
.pf .nm2 .exa{display:block;font-size:11px;font-weight:600;opacity:.9}
.exa2{font-size:10.5px;font-weight:600;color:var(--muted)}

/* Director, 4 nov («miwuu en negro», 4.ª vez): every visible «miwuu», bold and in the text colour, never orange. */
html body .brand,html body .kick .brand,html body .adapt .kick .brand,html body #temas .kick span.brand,html body em .brand,html body a .brand,html body h1 .brand,html body h2 .brand,html body h3 .brand,html body .hx .brand{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;font-weight:800!important;text-transform:none!important;font-style:normal!important;background:none!important}
/* «Que respire»: the line under the Play button. */
html body .hero2 .small,html body .gp+.small{margin-top:22px;font-size:14px;line-height:1.6}

/* PO, 4 nov: «Esencial» card, same frame as «Tu lado íntimo»; its groups keep their chips. */
.grp.hot.ess .grp{margin-top:12px}.grp.hot.ess .grp:first-of-type{margin-top:0}.grp.hot.ess .grp b{color:#3A3844}
.grp.hot.ess .chips span{background:#fff}.grp.hot .hott{min-width:0;overflow-wrap:anywhere}.grp.hot .chips{flex-wrap:wrap}

/* PO, 4 nov («sin fondos naranja, abusas de ellos»): no decorative soft-orange or cream backgrounds. Orange stays for
   accent text, icons, thin borders and buttons; boxes and sections go white or very light grey. */
:root{--warm:#FAF9FC}
.sec.warm{background:#FAF9FC}
.grp.hot,.grp.hot.ess{background:#fff}
.grp.hot .chips span.hc,.grp.hot .chips span.hc.lk,.grp.hot.ess .chips span{background:#fff}
.steps{background:#fff}
.stn,.sti,.dfi{background:var(--fill)}
.stc{box-shadow:0 6px 18px rgba(18,18,18,.06)}
.stc:hover{box-shadow:0 12px 28px rgba(18,18,18,.10)}
.qz .op.on{background:#fff}
.pf .hd{background:#ECEAF0}