:root{--ink:#0b4659;--deep:#0b4659;--aqua:#2dd4e6;--aq2:#0e9fc0;--sand:#f2c879;--yellow:var(--aqua);--mut:#5a6b7c;--bg:#f2f6f9;--line:#0b46591a;--r:22px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}
h1,h2,h3,.wm{font-family:Sora,sans-serif}h1,h2,h3{line-height:1.08;letter-spacing:-.03em;font-weight:600}
h1{font-size:clamp(2.6rem,7vw,5.2rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.2rem;letter-spacing:-.01em}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--aq2);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.eyebrow:before{content:"";width:32px;height:2px;background:currentColor}
section{padding:110px 0}.alt{background:var(--bg)}.lead{color:var(--mut);max-width:620px;margin-top:16px;font-size:1.05rem}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:12px;font:600 .95rem Inter;border:1.5px solid transparent;transition:.3s;cursor:pointer}
.btn-y{background:var(--aqua);color:var(--ink)}.btn-y:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 34px #2dd4e655}
.btn-o{border-color:#ffffff40;color:#fff}.btn-o:hover{background:#fff;color:var(--ink)}
.btn-b{background:var(--ink);color:#fff}.btn-b:hover{background:var(--aq2);transform:translateY(-2px)}
header{position:sticky;top:0;z-index:50;background:#0b4659d9;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:flex;align-items:center;gap:14px}.brand img{height:36px;width:auto}
.wm{font-weight:700;letter-spacing:.04em;font-size:1.02rem}.wm b{color:var(--aqua);font-weight:700}
.links{display:flex;gap:34px;align-items:center;font-size:.92rem;font-weight:500}
.links a:not(.btn){color:#ffffffb3;transition:.2s}.links a.on,.links a:not(.btn):hover{color:#fff}
.links .btn{padding:11px 20px}.burger{display:none;background:none;border:1px solid #fff4;color:#fff;border-radius:10px;padding:8px 14px;font:500 .9rem Inter;cursor:pointer}
.hero{position:relative;overflow:hidden;color:#fff;padding:130px 0 190px;background:radial-gradient(900px 500px at 85% 10%,#0e9fc044,transparent 60%),radial-gradient(700px 500px at 0 100%,#1e4a7a66,transparent 60%),var(--ink)}
.hero.sm{padding:100px 0 160px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--aqua),#8cf0ff 60%,var(--sand));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:580px;margin:26px 0 38px;font-size:1.15rem;color:#ffffffbf}.hero .wrap{position:relative;z-index:2}
.hero:before{content:"";position:absolute;right:-6%;top:50%;width:min(720px,60vw);aspect-ratio:2.1;transform:translateY(-50%);background:url(/assets/mark-white.png) center/contain no-repeat;opacity:.09}
.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 60px,#ffffff05 60px 61px)}
.cta{display:flex;gap:14px;flex-wrap:wrap}.wave{position:absolute;bottom:-1px;left:0;width:200%;height:90px;animation:w 18s linear infinite;z-index:3}
@keyframes w{to{transform:translateX(-50%)}}
.badges{display:flex;gap:30px;flex-wrap:wrap;margin-top:56px;padding-top:28px;border-top:1px solid #ffffff1f;font-size:.88rem;color:#ffffffa6}.badges span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sand);margin-right:10px}
.mq{background:#fff;border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:22px 0}.mq div{display:inline-flex;gap:56px;animation:w 35s linear infinite;padding-left:56px}
.mq span{font:600 1.5rem Sora;color:#0b465922;text-transform:uppercase;letter-spacing:.04em}.mq span:after{content:"/";margin-left:56px;color:var(--aqua)}
.grid{display:grid;gap:22px;margin-top:56px;counter-reset:c}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;transition:.35s;overflow:hidden}
.card:before{counter-increment:c;content:"0" counter(c);display:block;font:600 .85rem Sora;color:var(--aq2);margin-bottom:46px;letter-spacing:.1em}
.card:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--aqua),var(--sand));transition:.4s}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0b465918}.card:hover:after{width:100%}
.card p,.card li{color:var(--mut);font-size:.95rem;margin-top:10px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.split h3{margin-top:4px}.split .grid{gap:26px;margin-top:34px}.split .grid>div{padding-left:22px;border-left:2px solid var(--aqua)}
.ph{border-radius:var(--r);min-height:380px;position:relative;overflow:hidden;display:grid;place-items:end start;color:#fff;background:radial-gradient(circle at 70% 20%,#2dd4e6aa,transparent 50%),linear-gradient(160deg,#0e9fc0,var(--deep) 70%,var(--ink))}
.ph:before{content:"";position:absolute;inset:0;background:url(/assets/mark-white.png) center/55% no-repeat;opacity:.12}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s}.ph:hover img{transform:scale(1.06)}
.ph span{position:relative;padding:60px 24px 20px;font:600 .9rem Sora;background:linear-gradient(transparent,#0b4659cc);width:100%}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.gal .ph{min-height:290px}.gal .ph:nth-child(1),.gal .ph:nth-child(5){grid-column:span 2}
.steps .card{background:transparent}
.band{position:relative;overflow:hidden;color:#fff;text-align:center;border-radius:32px;padding:84px 28px;background:radial-gradient(600px 300px at 80% 0,#2dd4e655,transparent 60%),var(--ink)}
.band h2{max-width:720px;margin:auto}.band p{color:#ffffffb3;margin:18px auto 34px;max-width:520px}
form{display:grid;gap:14px}input,select,textarea{width:100%;padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:var(--bg)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--aq2);background:#fff;box-shadow:0 0 0 4px #2dd4e633}
.info a{display:block;padding:20px 0;border-bottom:1px solid var(--line);font:600 1.15rem Sora;transition:.2s}.info a:hover{color:var(--aq2);padding-left:8px}
footer{background:var(--ink);color:#ffffffa6;padding:80px 0 30px;font-size:.92rem}
footer .grid{margin-top:0;grid-template-columns:1.5fr 1fr 1fr}footer h4{color:#fff;font:600 .8rem Sora;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
footer a:not(.brand){display:block;padding:4px 0;transition:.2s}footer a:hover{color:var(--aqua)}footer .brand{color:#fff}.copy{border-top:1px solid #ffffff1a;margin-top:50px;padding-top:22px;font-size:.8rem}
.wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#25d366;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px #0005;transition:.3s}.wa:hover{transform:scale(1.1)}
.js .rv{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.g3,.g2,.g4,.split,footer .grid{grid-template-columns:1fr}.split{gap:40px}.gal{grid-template-columns:1fr}.gal .ph:nth-child(n){grid-column:auto}
.burger{display:block}.links{position:absolute;top:78px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:flex-start;padding:26px 24px;gap:20px;display:none}.links.open{display:flex}section{padding:72px 0}.hero{padding:80px 0 140px}}
.card:before{content:none}.card{display:flex;flex-direction:column;padding:32px}
.ic{flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4e62e,#0e9fc01a);color:var(--aq2);margin-bottom:26px;transition:.35s}
.ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card:hover .ic{background:var(--aqua);color:var(--ink);transform:rotate(-6deg) scale(1.06)}
.card h3{font-size:1.3rem}.card p{color:#44586b;font-size:.98rem}.card:hover{border-color:#2dd4e688;box-shadow:0 24px 60px #0e9fc026}
.more{margin-top:auto;padding-top:26px;font-weight:600;font-size:.9rem;color:var(--aq2);display:flex;gap:8px}.more i{font-style:normal;transition:.3s}.card:hover .more i{transform:translateX(6px)}
.bento{display:grid;gap:22px;margin-top:56px;grid-template-columns:1.25fr 1fr 1fr}
.feat{grid-row:span 2;background:radial-gradient(500px 320px at 100% 0,#2dd4e655,transparent 60%),var(--ink);color:#fff;border-color:transparent}
.feat h3{font-size:2rem}.feat p,.feat li{color:#ffffffc4}.feat .ic{background:#2dd4e622;color:var(--aqua)}.feat .more{color:var(--aqua)}
.feat ul{list-style:none;padding:0;margin:24px 0 0}.feat li{padding:11px 0;border-top:1px solid #ffffff1a;display:flex;gap:12px;font-size:.95rem}.feat li:before{content:"";width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--sand);flex:none}
.urg{margin-top:22px;border-radius:var(--r);padding:30px 36px;background:linear-gradient(100deg,var(--aq2),var(--aqua));color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.urg h3{font-size:1.5rem}.urg p{margin:4px 0 0;opacity:.8}
.why{display:flex;gap:20px;align-items:flex-start}.split .grid>.why{border:0;padding:0}.why .ic{width:52px;height:52px;margin:0}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px}.step{position:relative}
.step b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--aqua);font:600 1.15rem Sora;position:relative;z-index:1;margin-bottom:24px;box-shadow:0 0 0 6px #2dd4e622}
.step:not(:last-child):before{content:"";position:absolute;top:27px;left:70px;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--aq2) 0 6px,transparent 6px 12px)}.step p{color:#44586b;margin-top:8px}
@media(max-width:860px){.bento,.stepper{grid-template-columns:1fr}.feat{grid-row:auto}.step:before{display:none!important}}
@media(max-width:860px){
.stepper{gap:0;margin-top:40px}
.step{display:grid;grid-template-columns:54px 1fr;column-gap:20px;padding-bottom:34px}
.step b{margin:0;grid-row:span 2;align-self:start}
.step h3{display:flex;align-items:center;min-height:54px}
.step p{margin:0;grid-column:2}
.step:not(:last-child):before{display:block!important;top:62px;bottom:8px;left:26px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--aq2) 0 6px,transparent 6px 12px)}
.step:last-child{padding-bottom:0}}
.hero{padding:88px 0 150px}.hero.sm{padding:64px 0 120px}.hero.xs{padding:60px 0 130px}.hero.xs .wave{display:none}
.btn-line{border-color:#0b465933;color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}
section.tight{padding-top:80px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.tile{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;aspect-ratio:4/4.6;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:radial-gradient(circle at 80% 10%,#2dd4e655,transparent 55%),linear-gradient(160deg,#0e9fc0,var(--deep) 70%,var(--ink))}
.tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.8s}.tile:hover>img{transform:scale(1.08)}
.tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 30%,#0b4659ee)}
.tile .bg{position:absolute;z-index:-1;right:-30px;top:-10px;width:210px;height:210px;fill:none;stroke:#fff;stroke-width:.5;opacity:.18}
.tile .ic{position:absolute;top:20px;left:20px;margin:0;background:#ffffff26;color:#fff;backdrop-filter:blur(8px)}
.tile h3{font-size:1.3rem}.tile p{font-size:.9rem;color:#ffffffcc;margin-top:6px}.tile .more{color:var(--aqua);padding-top:14px;margin:0}.tile:hover .more i{transform:translateX(6px)}
.collage{position:relative;aspect-ratio:1/1.02}.collage img{position:absolute;object-fit:cover;border-radius:22px;box-shadow:0 24px 60px #0b465933}
.c1{left:0;top:0;width:76%;height:84%}.c2{right:0;bottom:0;width:50%;height:48%;border:6px solid var(--bg)}
.check{list-style:none;padding:0;margin:26px 0 30px}.check li{display:grid;grid-template-columns:28px 1fr;column-gap:6px;padding:14px 0;border-top:1px solid var(--line)}
.check li:before{content:"";grid-row:span 2;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121f' stroke-width='3.500' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.500l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.check b{font-weight:600}.check span{color:#44586b;font-size:.94rem}
.split.rev{grid-template-columns:1fr 1fr}.ph.tall{min-height:520px}
.head2{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px;padding-bottom:10px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.rail .ph{flex:1 0 250px;min-height:400px;scroll-snap-align:start}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.why p{color:#44586b;margin-top:6px;font-size:.95rem}.why h3{font-size:1.15rem}
.trio+.stepper{margin-top:70px;padding-top:56px;border-top:1px solid var(--line)}
.split2{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.pull{padding:0 0 90px;margin-top:-84px;position:relative;z-index:4}
.formcard{background:#fff;border-radius:26px;padding:38px;box-shadow:0 30px 80px #0b46592e;border:1px solid var(--line)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.side{background:var(--ink);color:#fff;border-radius:26px;padding:38px;background-image:radial-gradient(400px 260px at 100% 0,#2dd4e644,transparent 60%)}
.side h3{font-size:1.4rem}.side .info a{font:600 1.1rem Sora;border-color:#ffffff1f}.side .info a:hover{color:var(--aqua)}
.mbar{display:none}
@media(max-width:860px){
.hero{padding:40px 0 104px}.hero.sm{padding:36px 0 92px}.hero.xs{padding:34px 0 96px}.hero p{margin:18px 0 26px;font-size:1.05rem}.badges{margin-top:34px;gap:14px 22px}
section{padding:56px 0}section.tight{padding-top:48px}
.tiles{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.tile{aspect-ratio:3/3.6;padding:16px;border-radius:18px}.tile.big{grid-column:span 2;aspect-ratio:16/10}
.tile p{display:none}.tile.big p{display:block}.tile h3{font-size:1.05rem}.tile .ic{top:14px;left:14px;width:44px;height:44px;margin:0}.tile .ic svg{width:22px;height:22px}.tile .more{font-size:.82rem;padding-top:8px}.tile .bg{width:150px;height:150px}
.urg{padding:22px}.urg .btn{width:100%;justify-content:center}
.split.rev{grid-template-columns:1fr}.split.rev .ph{order:-1}.ph.tall{min-height:280px}.collage{aspect-ratio:1/.9}
.trio{grid-template-columns:1fr;gap:20px}.rail .ph{flex:0 0 78%;min-height:340px}
.gal{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.gal .ph{min-height:210px}.gal .ph:nth-child(1){grid-column:span 2}
.card:not(.feat){display:grid;grid-template-columns:50px 1fr;column-gap:16px;padding:20px}.card:not(.feat) .ic{grid-row:span 3;width:50px;height:50px;margin:0}.card:not(.feat) .ic svg{width:24px;height:24px}.card:not(.feat) h3{font-size:1.08rem}.card:not(.feat) .more{padding-top:10px}.grid{gap:12px;margin-top:34px}
.split2{grid-template-columns:1fr}.pull{margin-top:-64px;padding-bottom:50px}.formcard,.side{padding:24px;border-radius:22px}.row2{grid-template-columns:1fr}
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0b4659f2;backdrop-filter:blur(14px);border-top:1px solid #ffffff1a}
.mbar a{flex:1;text-align:center;padding:14px;border-radius:12px;font:600 .95rem Inter;color:#fff;border:1.5px solid #ffffff40}.mbar a.p{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}
.wa{display:none}body{padding-bottom:78px}}
.dark2{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;overflow:hidden;color:#fff;background:radial-gradient(600px 380px at 0 0,#2dd4e633,transparent 60%),var(--ink)}
.dark2 .col{padding:56px}.dark2 .col+.col{border-left:1px solid #ffffff1a;background:#ffffff08}
.dark2 .eyebrow{color:var(--aqua)}.dark2 h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:36px}
.rows{display:grid;gap:28px}.row{display:grid;grid-template-columns:56px 1fr;column-gap:20px;position:relative}
.row .ic{width:56px;height:56px;margin:0;background:#2dd4e61f;color:var(--aqua)}
.row small{display:block;color:var(--sand);font:600 .72rem Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}
.row h3{font-size:1.15rem}.row p{color:#ffffffb8;font-size:.95rem;margin-top:4px}
.tl .row:not(:last-child):before{content:"";position:absolute;left:27px;top:64px;bottom:-26px;width:2px;background:repeating-linear-gradient(180deg,var(--aqua) 0 5px,transparent 5px 10px);opacity:.55}
@media(max-width:860px){.dark2{grid-template-columns:1fr;border-radius:24px}.dark2 .col{padding:32px 22px}.dark2 .col+.col{border-left:0;border-top:1px solid #ffffff1a}
.dark2 h2{margin-bottom:26px}.rows{gap:24px}.row{grid-template-columns:48px 1fr;column-gap:16px}.row .ic{width:48px;height:48px}.tl .row:not(:last-child):before{left:23px;top:56px;bottom:-24px}}
.flow{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}.flow .eyebrow{margin-bottom:16px}
.fl{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg);border-radius:20px;overflow:hidden}
.fs{position:relative;display:flex;gap:12px;align-items:flex-start;padding:20px 24px}.fs+.fs{border-left:1px solid var(--line)}
.fs:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;width:11px;height:11px;background:var(--bg);border-top:1px solid var(--line);border-right:1px solid var(--line);transform:translateY(-50%) rotate(45deg);z-index:2}
.fi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#2dd4e62e;color:var(--aq2)}.fi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fs h4{font:600 .98rem Sora;letter-spacing:-.01em}.fs p{font-size:.84rem;color:#44586b;line-height:1.45;margin-top:2px}
@media(max-width:860px){.why .ic{width:46px;height:46px}.trio{gap:18px}
.flow{margin-top:36px;padding-top:28px}.fl{grid-template-columns:1fr 1fr;border-radius:16px}
.fs{padding:14px;gap:10px}.fs+.fs{border-left:0}.fs:nth-child(even){border-left:1px solid var(--line)}.fs:nth-child(n+3){border-top:1px solid var(--line)}.fs:after{display:none!important}
.fi{width:34px;height:34px;border-radius:10px}.fi svg{width:18px;height:18px}.fs h4{font-size:.92rem}.fs p{font-size:.78rem}}
.gal .ph:nth-child(4){grid-column:span 2}
@media(max-width:1020px){.burger{display:block}.links{position:absolute;top:78px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:flex-start;padding:26px 24px;gap:20px;display:none}.links.open{display:flex}}
@media(max-width:860px){.gal .ph:nth-child(4){grid-column:span 2}}
.flow{border-top:1px solid var(--line)}.flow h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.hint,.prog{display:none}
.sw{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.sc.cta{display:none}
.sc{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:46px;min-height:300px;padding:26px;border-radius:24px;color:#fff;border:1px solid #ffffff14;transition:.35s;background:linear-gradient(160deg,#0b4659,#0b4659)}
.sc:nth-child(2){background:linear-gradient(160deg,#0b3a5e,#071d33)}.sc:nth-child(3){background:linear-gradient(160deg,#0a5072,#08263d)}.sc:nth-child(4){background:linear-gradient(160deg,#0b7894,#0a3550)}
.sc:before{content:attr(data-n);position:absolute;right:16px;top:2px;font:700 6.2rem/1 Sora;color:transparent;-webkit-text-stroke:1.5px #2dd4e638;pointer-events:none}
.sc:after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--aqua),transparent)}
.sc:hover{transform:translateY(-6px);box-shadow:0 26px 50px #0b465940}
.si{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#2dd4e61f;color:var(--aqua);backdrop-filter:blur(6px)}
.si svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sc small{display:block;color:var(--sand);font:600 .72rem Inter;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.sc h3{font-size:1.4rem}.sc p{color:#ffffffd9;font-size:.95rem;margin-top:8px;line-height:1.55}
@media(max-width:860px){
.hint{display:block;color:var(--mut);font-size:.82rem;margin-top:10px}.hint:after{content:" →";display:inline-block;animation:nd 1.4s ease-in-out infinite}@keyframes nd{50%{transform:translateX(6px)}}
.sw{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px -24px 0;padding:4px 24px 14px;scroll-padding-left:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sw::-webkit-scrollbar{display:none}
.sc{flex:0 0 78%;scroll-snap-align:start;min-height:320px;padding:24px}.sc.cta{display:flex;background:linear-gradient(160deg,var(--aqua),#0ea5c6);color:var(--ink)}
.sc.cta:before,.sc.cta:after{display:none}.sc.cta .si{background:#0b46591f;color:var(--ink)}.sc.cta p{color:#0b4659cc}.sc.cta .btn{justify-content:center;width:100%}
.sw:after{content:"";flex:0 0 1px}
.prog{display:flex;gap:6px;margin-top:6px}.prog i{flex:1;height:4px;border-radius:4px;background:var(--line);transition:.35s}.prog i.on{background:var(--aq2)}
.flow{margin-top:36px;padding-top:28px}}
.faqgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.faq{margin-top:30px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:600 1.05rem Sora;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0e9fc01f;color:var(--aq2);font:500 1.3rem/1 Inter;transition:.3s}
.faq details[open] summary:after{content:"−";background:var(--aqua);color:var(--ink)}.faq summary:hover{color:var(--aq2)}
.faq details p{color:#44586b;padding:0 52px 22px 0;font-size:.97rem}
.qf{position:sticky;top:104px;color:#fff;border-radius:26px;padding:34px;background:radial-gradient(420px 260px at 100% 0,#2dd4e655,transparent 60%),var(--ink);box-shadow:0 30px 70px #0b465933}
.qf h3{font-size:1.6rem}.qf>p{color:#ffffffb8;margin:8px 0 22px;font-size:.95rem}
.qf input,.qf select{background:#ffffff12;border-color:#ffffff26;color:#fff}.qf input::placeholder{color:#ffffff88}.qf input:focus,.qf select:focus{background:#ffffff1c;border-color:var(--aqua)}.qf select option{color:#0b4659}
.qcall{display:block;text-align:center;margin-top:18px;color:#ffffffc4;font-size:.92rem}.qcall:hover{color:var(--aqua)}
@media(max-width:860px){.faqgrid{grid-template-columns:1fr;gap:40px}.qf{position:static;padding:24px;border-radius:22px}.faq summary{font-size:.98rem;padding:18px 0}.faq details p{padding-right:0}}
section[id]{scroll-margin-top:90px}
.trio.six{grid-template-columns:repeat(3,1fr);gap:40px 32px}
.chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chips a,.chips button{flex:none;padding:11px 20px;border:1px solid var(--line);border-radius:99px;font:500 .9rem Inter;background:#fff;color:var(--ink);cursor:pointer;transition:.25s}
.chips a:hover,.chips .on{background:var(--ink);color:#fff;border-color:var(--ink)}
.need{margin-top:36px;border-top:1px solid var(--line)}
.nd{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:.25s}
.nd b{display:block;font:600 1.15rem Sora;letter-spacing:-.01em}.nd span{color:#44586b;font-size:.95rem}.nd i{font-style:normal;font-weight:600;color:var(--aq2);white-space:nowrap}.nd:hover{padding-left:10px}.nd:hover i{color:var(--ink)}
.panel{display:grid;grid-template-columns:1.1fr 1fr;gap:34px 50px;align-items:center;background:var(--bg);border-radius:28px;padding:48px}
.mini{list-style:none;padding:0;display:grid;gap:12px}.mini li{display:flex;gap:12px;font-weight:500}.mini li:before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121f' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.ph .tg{position:absolute;top:14px;left:14px;font:600 .7rem Inter;letter-spacing:.1em;text-transform:uppercase;font-style:normal;padding:6px 12px;border-radius:99px;background:#0b4659b3;backdrop-filter:blur(8px);color:var(--aqua);z-index:2}
.gal.u{grid-template-columns:repeat(3,1fr)}.gal.u .ph{grid-column:auto!important;min-height:340px;cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:100;background:#0b4659f2;display:none;place-items:center;padding:24px;cursor:zoom-out}.lb.on{display:grid}.lb img{max-width:100%;max-height:90vh;border-radius:16px}.lb button{position:absolute;top:18px;right:22px;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer}
@media(max-width:860px){
.trio.six{grid-template-columns:1fr 1fr;gap:26px 16px}.trio.six .why{flex-direction:column;gap:12px}
.nd{grid-template-columns:1fr;gap:8px;padding:20px 0}.nd b{font-size:1.05rem}
.panel{grid-template-columns:1fr;padding:28px 22px;border-radius:22px}
.gal.u{grid-template-columns:1fr 1fr}.gal.u .ph{min-height:230px}.chips{margin-right:-24px;padding-right:24px}}
.links a.lang{font-size:.85rem;border:1px solid #ffffff33;padding:7px 14px;border-radius:99px;color:#fff}.links a.lang:hover{background:#fff;color:var(--ink)}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .btn,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] summary,[dir=rtl] .eyebrow,[dir=rtl] small,[dir=rtl] .nd b,[dir=rtl] .chip b,[dir=rtl] .chips a,[dir=rtl] .chips button,[dir=rtl] .mbar a,[dir=rtl] .links,[dir=rtl] .ph span,[dir=rtl] .tg,[dir=rtl] .info a,[dir=rtl] .faq summary,[dir=rtl] .check li{font-family:var(--arf)}
[dir=rtl] *{letter-spacing:0!important}[dir=rtl] .wm{direction:ltr;letter-spacing:.04em!important;font-family:Sora,sans-serif}
[dir=rtl] body{line-height:1.85}[dir=rtl] h1{line-height:1.3}[dir=rtl] h2,[dir=rtl] h3{line-height:1.4}
[dir=rtl] .eyebrow{text-transform:none;font-size:.9rem}[dir=rtl] .sc small,[dir=rtl] .tg{text-transform:none}
[dir=rtl] .card:hover .more i,[dir=rtl] .tile:hover .more i{transform:translateX(-6px)}
[dir=rtl] .hint:after{content:" ←";animation-name:ndr}@keyframes ndr{50%{transform:translateX(-6px)}}
[dir=rtl] .nd:hover{padding-left:0;padding-right:10px}
[dir=rtl] .sc:before{right:auto;left:16px}[dir=rtl] .sc:after{background:linear-gradient(270deg,var(--aqua),transparent)}
[dir=rtl] .faq details p{padding:0 0 22px 52px}
[dir=rtl] .tile .ic{left:auto;right:20px}[dir=rtl] .tile .bg{right:auto;left:-30px}
[dir=rtl] .c1{left:auto;right:0}[dir=rtl] .c2{right:auto;left:0}
[dir=rtl] .ph .tg{left:auto;right:14px}[dir=rtl] .wa{right:auto;left:22px}[dir=rtl] .lb button{right:auto;left:22px}
[dir=rtl] .badges span:before{margin-right:0;margin-left:10px}
[dir=rtl] bdi{unicode-bidi:isolate}
@media(max-width:860px){[dir=rtl] .tile .ic{left:auto;right:14px}[dir=rtl] .sw{scroll-padding-left:0;scroll-padding-right:24px}[dir=rtl] .faq details p{padding-left:0}
[dir=rtl] .chips{margin-right:0;padding-right:0;margin-left:-24px;padding-left:24px}}
[dir=rtl]{--arf:'Almarai',Tahoma,sans-serif}
/* ===== Arabic polish (scoped to RTL only) ===== */
html[dir=rtl]{font-size:106.25%}
[dir=rtl] h1{font-weight:800;font-size:clamp(2.1rem,6.2vw,4.3rem)}
[dir=rtl] h2{font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem)}
[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .card h3,[dir=rtl] .why h3,[dir=rtl] .tile h3,[dir=rtl] .sc h3,[dir=rtl] .nd b,[dir=rtl] .faq summary,[dir=rtl] .chip b,[dir=rtl] .wm+*{font-weight:700}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{text-wrap:balance}[dir=rtl] p,[dir=rtl] li span{text-wrap:pretty}
[dir=rtl] .btn,[dir=rtl] .chips a,[dir=rtl] .chips button,[dir=rtl] .mbar a{font-weight:700;line-height:1.5}
[dir=rtl] .eyebrow{font-weight:700;margin-bottom:14px}
[dir=rtl] .lead{line-height:1.9}[dir=rtl] .card p,[dir=rtl] .why p,[dir=rtl] .check span,[dir=rtl] .sc p,[dir=rtl] .nd span{line-height:1.8}
[dir=rtl] .check li{padding:16px 0}[dir=rtl] .check b{font-weight:700}
[dir=rtl] .hero p{line-height:1.9}
[dir=rtl] .tile h3{line-height:1.35}
[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-size:1rem;padding:15px 16px}
@media(max-width:860px){
[dir=rtl] section{padding:52px 0}[dir=rtl] section.tight{padding-top:44px}
[dir=rtl] .hero{padding:36px 0 100px}[dir=rtl] .hero.sm{padding:32px 0 88px}[dir=rtl] .hero.xs{padding:30px 0 92px}
[dir=rtl] .hero .cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}[dir=rtl] .hero .cta .btn{justify-content:center;padding:14px 8px}
[dir=rtl] .badges{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:30px;padding-top:22px}
[dir=rtl] .tiles{gap:12px}[dir=rtl] .tile h3{font-size:1rem}
[dir=rtl] .card:not(.feat){padding:18px}[dir=rtl] .card:not(.feat) h3{font-size:1.02rem}
[dir=rtl] .grid{gap:12px}[dir=rtl] .split{gap:32px}[dir=rtl] .faqgrid{gap:32px}
[dir=rtl] .trio.six .why h3{font-size:1rem}[dir=rtl] .trio.six .why p{font-size:.88rem}
[dir=rtl] .check li{padding:14px 0}[dir=rtl] .check{margin:20px 0 24px}
[dir=rtl] .sc{min-height:300px}[dir=rtl] .sc h3{font-size:1.25rem}
[dir=rtl] .nd{padding:18px 0}[dir=rtl] .qf{padding:22px}[dir=rtl] .qf h3{font-size:1.35rem}
[dir=rtl] .faq summary{font-size:.98rem;line-height:1.6;padding:16px 0}[dir=rtl] .faq details p{font-size:.95rem}
[dir=rtl] .head2{gap:14px}[dir=rtl] .urg{padding:20px}[dir=rtl] .panel{padding:24px 20px}
[dir=rtl] footer{padding:52px 0 24px}[dir=rtl] footer .grid{gap:28px}
}
/* ===== types de piscines + top bar ===== */
.top{display:none;background:#083646;color:#ffffffb3;font-size:.8rem;padding:9px 0}.top .wrap{display:flex;justify-content:space-between;gap:20px}.top span{display:flex;gap:26px}.top a:hover{color:var(--aqua)}
@media(min-width:1021px){.top{display:block}}
.dk{background:var(--ink);color:#fff;background-image:radial-gradient(700px 360px at 100% 0,#2dd4e629,transparent 60%)}.dk .eyebrow{color:var(--aqua)}.dk .lead{color:#ffffffb3}
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.tp{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.35s}
.tp:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0b46592e;border-color:#2dd4e688}
.tpi{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 75% 15%,#2dd4e655,transparent 55%),linear-gradient(160deg,#0e9fc0,var(--deep) 75%,var(--ink));overflow:hidden}
.tpi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s}.tp:hover .tpi img{transform:scale(1.07)}
.pl{position:absolute;inset:0;width:100%;height:100%;padding:12%;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.tpb{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}.tpb h3{font-size:1.1rem}.tpb p{color:#44586b;font-size:.9rem;margin-top:6px;line-height:1.55}.tpb .more{margin-top:auto;padding-top:16px}
.dk .tp{background:#ffffff0a;border-color:#ffffff1f}.dk .tpb p{color:#ffffffb3}.dk .tpb .more{color:var(--aqua)}.dk .tp:hover{box-shadow:0 24px 50px #0006}
.tfoot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:40px}.tnote{color:var(--mut);margin-inline-end:8px}
[dir=rtl] .tp:hover .more i{transform:translateX(-6px)}
@media(max-width:1020px){.types{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
.types{gap:12px;margin-top:30px}.tpb{padding:14px 14px 16px}.tpb h3{font-size:.98rem}.tpb p{font-size:.8rem;line-height:1.5}.tpb .more{font-size:.82rem;padding-top:10px}
.types.r{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-24px;margin-right:-24px;padding:4px 24px 14px;scrollbar-width:none}.types.r::-webkit-scrollbar{display:none}
.types.r .tp{flex:0 0 74%;scroll-snap-align:start}
.tfoot{flex-direction:column;align-items:stretch;margin-top:26px}.tfoot .btn{justify-content:center}.tnote{margin:0 0 4px}}
.pl{padding:0!important;opacity:1!important;stroke:none!important;fill:none}
/* services compact cards + gallery balance */
.svcs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
.svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;transition:.35s;scroll-margin-top:100px}
.svc:hover{transform:translateY(-5px);box-shadow:0 22px 48px #0b465924;border-color:#2dd4e688}.svc:hover .ic{background:var(--aqua);color:var(--ink)}
.svc .ic{margin-bottom:22px}.svc h3{font-size:1.3rem}.svc .sh{font-weight:600;margin-top:6px;color:var(--ink);font-size:.98rem}.svc p{color:#44586b;font-size:.95rem;margin-top:8px}
.svc ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.svc li{font-size:.82rem;font-weight:500;padding:6px 13px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}
.svc .more{margin-top:auto;padding-top:22px;font-weight:600;font-size:.92rem;color:var(--aq2);display:flex;gap:8px}.svc:hover .more i{transform:translateX(6px)}[dir=rtl] .svc:hover .more i{transform:translateX(-6px)}
.gal.u[data-n="4"]{grid-template-columns:repeat(2,1fr)}.gal.u[data-n="4"] .ph{min-height:380px}
@media(max-width:860px){.svcs{grid-template-columns:1fr;gap:12px;margin-top:30px}.svc{padding:22px}.svc h3{font-size:1.12rem}
.gal.u .ph:last-child:nth-child(odd){grid-column:span 2!important}.gal.u[data-n="4"] .ph{min-height:210px}}
/* ===== palette v2: turquoise + sand + warm white ===== */
:root{--ink:#0b4659;--deep:#0e6a82;--aqua:#3cc7d6;--aq2:#0b8aa3;--sand:#e3c28a;--bg:#f6f2ea;--line:#0b465922;--mut:#4d6672}
.alt{background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='170'%3E%3Cpath d='M0 40c30-14 60 14 90 0s60-14 90 0 60 14 90 0 60-14 90 0M0 120c30-14 60 14 90 0s60-14 90 0 60 14 90 0 60-14 90 0' fill='none' stroke='%230b8aa3' stroke-opacity='.09' stroke-width='2'/%3E%3C/svg%3E")}
header{background:#fffffff0;color:var(--ink);border-bottom:1px solid var(--line)}
.links a:not(.btn){color:#0b4659c4}.links a.on,.links a:not(.btn):hover{color:var(--aq2)}
.wm{color:var(--ink)}.wm b{color:var(--aq2)}footer .wm{color:#fff}footer .wm b{color:var(--aqua)}
.burger{border-color:var(--line);color:var(--ink)}.links a.lang{border-color:var(--line);color:var(--ink)}.links a.lang:hover{background:var(--ink);color:#fff}
.hero{background:linear-gradient(120deg,#0b6f86 0%,#0f93aa 55%,#22b5c8 100%)}
.hero:before{display:none}.hero:after{background:linear-gradient(95deg,#0b4659d9 0%,#0b465988 48%,#0b465900 100%);z-index:1}
[dir=rtl] .hero:after{background:linear-gradient(265deg,#0b4659d9 0%,#0b465988 48%,#0b465900 100%)}
.hbg{position:absolute;inset:0;z-index:0}.hbg i{position:absolute;inset:0;background-size:cover;background-position:center}
.b1{background-image:url(/assets/hero-1.jpg);opacity:.5}.b2{background-image:url(/assets/hero-2.jpg);opacity:.32}
.hbg.x .b1{animation:hf1 16s infinite}.hbg.x .b2{animation:hf2 16s infinite;opacity:0}
@keyframes hf1{0%,38%{opacity:.5}50%,88%{opacity:0}100%{opacity:.5}}@keyframes hf2{0%,38%{opacity:0}50%,88%{opacity:.5}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hbg.x .b1{animation:none;opacity:.5}.hbg.x .b2{animation:none;opacity:0}}
.dk{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0d7c93,#14a6bb)}
.dk:before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;background:url(/assets/icons/icon-water.png) center/contain no-repeat;opacity:.16}
.dk .wrap{position:relative}.dk .eyebrow{color:#d8f7fb}.dk .lead{color:#ffffffe0}
.dk .tp{background:#fff;border-color:transparent;color:var(--ink)}.dk .tpb p{color:var(--mut)}.dk .tpb .more{color:var(--aq2)}
.tpi{aspect-ratio:4/4.7}.tp .more{font-weight:600}
.sc{background:linear-gradient(160deg,#0b4659,#08394a)}.sc:nth-child(2){background:linear-gradient(160deg,#0b5a70,#094a5c)}.sc:nth-child(3){background:linear-gradient(160deg,#0c7289,#0a5a6e)}.sc:nth-child(4){background:linear-gradient(160deg,#12a0b6,#0c7a8f)}
.qf,.side{background:radial-gradient(420px 260px at 100% 0,#ffffff2e,transparent 60%),linear-gradient(150deg,#0e8197,#0b5f74)}
.qf input,.qf select,.side input{background:#ffffff22;border-color:#ffffff44;color:#fff}.qf input:focus,.qf select:focus{background:#ffffff30;border-color:#fff}
.qf:after{content:"";position:absolute;top:-34px;right:-22px;width:92px;height:92px;background:url(/assets/icons/icon-ring.png) center/contain no-repeat;transform:rotate(14deg);pointer-events:none}
[dir=rtl] .qf:after{right:auto;left:-22px;transform:rotate(-14deg)}
.urg{background:url(/assets/icons/icon-ring.png) no-repeat right 250px center/74px auto,linear-gradient(100deg,#0e8aa3,#3cc7d6)}[dir=rtl] .urg{background-position:left 250px center,0 0}
.panel{position:relative}.panel:after{content:"";position:absolute;right:44px;bottom:26px;width:150px;height:110px;background:url(/assets/icons/icon-pool.png) center/contain no-repeat;pointer-events:none}[dir=rtl] .panel:after{right:auto;left:44px}
/* footer */
footer{background:linear-gradient(160deg,#0b4659,#083646);padding:56px 0 24px;color:#ffffffbf}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:40px}.fb p{margin-top:12px;max-width:340px;line-height:1.7}
.fn a,.fc a,.fc span{display:block;padding:4px 0;overflow-wrap:anywhere}.fg h4{color:#fff;font:600 .8rem Sora;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.fg a:hover{color:var(--aqua)}.copy{border-top:1px solid #ffffff1f;margin-top:40px;padding-top:20px;font-size:.78rem;opacity:.8}
@media(max-width:860px){.hero:after{background:linear-gradient(180deg,#0b4659d0,#0b465990)}[dir=rtl] .hero:after{background:linear-gradient(180deg,#0b4659d0,#0b465990)}
.tpi{aspect-ratio:3/3.7}.dk:before{width:200px;height:200px;right:-60px;top:-60px}.urg{background-image:linear-gradient(100deg,#0e8aa3,#3cc7d6)!important}.panel:after{display:none}
.mbar{background:#0b4659f5}footer{padding:34px 0 16px}.fg{grid-template-columns:1fr 1fr;gap:22px 16px}.fb{grid-column:1/-1}.fb p{margin-top:8px;font-size:.85rem;max-width:none}
.fg h4{font-size:.72rem;margin-bottom:8px}.fn a,.fc a,.fc span{padding:3px 0;font-size:.86rem}.copy{margin-top:22px;padding-top:14px;font-size:.7rem;line-height:1.6}}
/* ===== mobile fixes: readable menu, no horizontal overflow ===== */
body{overflow-x:clip}
.burger{border:1.5px solid var(--line);background:#fff;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}.burger:focus-visible{outline:2px solid var(--aq2)}
@media(max-width:1020px){
.links{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px #0b46591f}
.links a:not(.btn){color:var(--ink);font-weight:500;width:100%;padding:6px 0}
.links a.on{color:var(--aq2)}.links a.on:after{display:none}
.links a.lang{width:auto;align-self:flex-start;padding:7px 14px}.links .btn{width:100%;justify-content:center}}
@media(max-width:860px){.qf:after{right:14px;top:-26px;width:60px;height:60px}[dir=rtl] .qf:after{right:auto;left:14px}}