:root{--tx-nv:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 900 600%22 fill=%22none%22 stroke=%22rgba(185,167,255,0.10)%22 stroke-width=%221.2%22%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%2230%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%2274%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22118%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22162%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22206%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22250%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22294%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22338%22/%3E%3Ccircle cx=%22820%22 cy=%2290%22 r=%22382%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%2220%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%2260%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22100%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22140%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22180%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22220%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22260%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22300%22/%3E%3Ccircle cx=%2290%22 cy=%22560%22 r=%22340%22/%3E%3C/svg%3E");--tx-dk:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 900 600%22 fill=%22none%22 stroke=%22rgba(255,255,255,0.05)%22 stroke-width=%221.2%22%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%2230%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%2276%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22122%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22168%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22214%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22260%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22306%22/%3E%3Ccircle cx=%22840%22 cy=%2260%22 r=%22352%22/%3E%3C/svg%3E");--ph:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 300%22 fill=%22none%22 stroke=%22rgba(20,53,99,0.14)%22 stroke-width=%221.2%22%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%2214%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%2236%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%2258%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%2280%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%22102%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%22124%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%22146%22/%3E%3C/svg%3E");--arc:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 22%22 fill=%22none%22 stroke=%22#5b45c7%22 stroke-width=%222.2%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M3 11a8 8 0 1 1 8 8%22/%3E%3Cpath d=%22M11 6v5l3 2%22/%3E%3C/svg%3E");--arc-l:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 22%22 fill=%22none%22 stroke=%22#b9a7ff%22 stroke-width=%222.2%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M3 11a8 8 0 1 1 8 8%22/%3E%3Cpath d=%22M11 6v5l3 2%22/%3E%3C/svg%3E");
--nv:#143563;--nv2:#1b4277;--nvd:#0b1d36;--nvx:#081527;--lil:#b9a7ff;--lil-h:#cbbdff;--lil-d:#5b45c7;--lil-t:#ece8ff;
--wet:#3a8ee6;--wet-l:#a9cdf5;--mist:#f3f2f8;--alt:#e7e5f1;--card:#fff;--line:#d9d6e6;--text:#141b2e;--mute:#4a5068;--link:#4c37b8;
--fh:'Fustat',ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;--fb:'Inria Sans','Segoe UI',Helvetica,Arial,sans-serif;--r:14px;--wrap:1240px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--mist);color:var(--text);font-family:var(--fb);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:3px}
a:hover{color:var(--nv)}
h1,h2,h3,h4{font-family:var(--fh);color:var(--nvd);line-height:1.12;margin:0 0 .6em;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.3rem,1.55rem + 3.1vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.022em}
h2{font-size:clamp(1.65rem,1.2rem + 1.5vw,2.35rem);font-weight:800}
h3{font-size:1.22rem;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
:focus-visible{outline:3px solid var(--lil-d);outline-offset:3px;border-radius:4px}
.ge-ta5 :focus-visible,.cu-ze9 :focus-visible,.su-fo2 :focus-visible,.to-fa5 :focus-visible,.sa-cu8 :focus-visible{outline-color:var(--lil)}
.ri-zo0{position:absolute;left:12px;top:-60px;z-index:300;background:var(--lil);color:var(--nvd);padding:10px 16px;border-radius:10px;font-weight:700}
.ri-zo0:focus{top:12px;color:var(--nvd)}
.co-vu8{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,3vw,28px)}
.mi-ce9{padding:clamp(60px,7.5vw,100px) 0}
.ri-ku5{background:#fff}.bu-mo9{background:var(--alt)}
.ge-ta5{background:var(--nv) var(--tx-dk) right top/900px auto no-repeat;color:#e6ebf5}
.ge-ta5 h2,.ge-ta5 h3{color:#fff}.ge-ta5 a{color:var(--lil-h)}.ge-ta5 a:hover{color:#fff}
.ge-ta5 .tu-tu3,.ge-ta5 .fo-da8,.ge-ta5 .tu-tu3:hover,.ge-ta5 .fo-da8:hover{color:var(--nvd)}.ge-ta5 .zu-gi0,.ge-ta5 .ku-fo7{color:#fff}
.du-bu4{max-width:760px;margin-bottom:clamp(28px,4vw,44px)}
.ko-fu6{margin-inline:auto;text-align:center}
.pu-ga1{display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-weight:700;font-size:.92rem;color:var(--lil-d);margin:0 0 10px}
.pu-ga1::before{content:"";width:20px;height:20px;flex:none;background:var(--arc) center/contain no-repeat}
.ge-ta5 .pu-ga1,.su-fo2 .pu-ga1{color:var(--lil)}
.ge-ta5 .pu-ga1::before{background-image:var(--arc-l)}
.sa-be7{font-size:1.12rem;color:var(--mute)}
.ge-ta5 .sa-be7{color:#c8d2e6}
.li-de8{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:8px 22px 8px 8px;border-radius:999px;font-family:var(--fh);font-weight:700;font-size:1.04rem;text-decoration:none;border:2px solid transparent;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
.li-de8 .ba-si6{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none}
.tu-tu3{background:var(--lil);color:var(--nvd)}.tu-tu3 .ba-si6{background:var(--nvd);color:var(--lil)}
.tu-tu3:hover{background:var(--lil-h);color:var(--nvd)}
.ku-fo7{background:var(--nvd);color:#fff}.ku-fo7 .ba-si6{background:var(--lil);color:var(--nvd)}
.ku-fo7:hover{background:var(--nv2);color:#fff}
.zu-gi0{border-color:rgba(255,255,255,.6);color:#fff;padding:8px 22px}
.zu-gi0:hover{background:rgba(255,255,255,.1);color:#fff}
.to-gi9{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.ha-gi0{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-weight:700;text-decoration:none;color:var(--link)}
.ha-gi0 svg{transition:transform .15s}.ha-gi0:hover svg{transform:translateX(3px)}
.ve-ca5{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;position:relative;overflow:hidden}
.ve-ca5::after{content:"";position:absolute;right:-22px;top:-22px;width:56px;height:56px;border-radius:50%;border:3px solid var(--lil);transition:background .2s}
.ve-ca5:hover::after,.ve-ca5:focus-within::after{background:var(--lil)}
.cu-to1{width:50px;height:50px;border-radius:50%;background:var(--lil-t);color:var(--nvd);display:grid;place-items:center;margin-bottom:14px;flex:none}
.pu-so8{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.su-bu4{margin:0;border-radius:var(--r);overflow:hidden;background:#dfe2ef var(--ph) center/cover;position:relative}
.su-bu4 img{width:100%;height:100%;object-fit:cover}
.su-bu4 img[src^="[Image"]{opacity:0}
.pi-ci6{font-size:.9rem;color:var(--mute);padding:10px 2px 0;font-style:italic}
/* header */
.cu-ze9{position:sticky;top:0;z-index:100;background:var(--nvd);color:#fff;border-bottom:3px solid var(--lil)}
.cu-ze9[data-scrolled]{box-shadow:0 10px 28px -16px rgba(8,21,39,.7)}
.ji-vu4{display:flex;align-items:center;gap:22px;min-height:76px;position:relative}
.ne-vo4{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex:none}
.ne-vo4:hover{color:#fff}
.mo-lu0{width:46px;height:46px;border-radius:14px;background:var(--lil);display:grid;place-items:center;flex:none}
.na-zo1{display:flex;flex-direction:column;line-height:1.15}
.na-zo1 b{font-family:var(--fh);font-weight:800;font-size:1.16rem;letter-spacing:-.01em}
.na-zo1 small{font-size:.8rem;color:#c8d2e6}
.te-ju2{margin-left:auto;align-self:stretch;display:flex}
.ta-du6{display:flex;list-style:none;margin:0;padding:0;gap:4px;align-self:stretch}
.ta-du6>li{display:flex;align-items:center}
.mi-gu0{font-family:var(--fh);font-weight:700;font-size:.98rem;color:#fff;text-decoration:none;background:none;border:0;cursor:pointer;padding:10px 12px;display:inline-flex;align-items:center;gap:6px;position:relative;line-height:1.2}
.mi-gu0::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:3px;background:var(--lil);transform:scaleX(0);transition:transform .2s}
.mi-gu0:hover,.mi-gu0[aria-current],.na-pu8[data-open] .mi-gu0{color:#fff}
.mi-gu0:hover::after,.mi-gu0[aria-current]::after,.na-pu8[data-open] .mi-gu0::after{transform:scaleX(1)}
.mi-gu0 svg{transition:transform .2s}.na-pu8[data-open] .mi-gu0 svg{transform:rotate(180deg)}
.da-bu0{display:none;position:absolute;left:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);top:100%;margin-top:3px;background:#fff;color:var(--text);border-radius:0 0 18px 18px;box-shadow:0 30px 60px -28px rgba(8,21,39,.6);padding:24px 28px 26px}
.da-bu0::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px}
.na-pu8[data-open] .da-bu0{display:block;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}
.fa-jo2{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.fa-jo2 p{margin:0;color:var(--mute);font-size:.95rem}
.ha-ja4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.ve-cu9{font-family:var(--fh);font-weight:700;font-size:.98rem;line-height:1.3;margin:0 0 6px;display:flex;align-items:center;gap:8px;color:var(--lil-d)}
.ba-go9 ul{list-style:none;margin:0;padding:0}
.ba-go9 a{display:block;padding:5px 0;color:var(--text);text-decoration:none;font-size:.95rem;line-height:1.35}
.ba-go9 a:hover{color:var(--link);text-decoration:underline}
.ze-de5{display:flex;align-items:center;gap:10px;background:var(--lil);color:var(--nvd);text-decoration:none;border-radius:999px;padding:6px 18px 6px 6px;flex:none}
.ze-de5:hover{background:var(--lil-h);color:var(--nvd)}
.zi-pu9{width:42px;height:42px;border-radius:50%;background:var(--nvd);display:grid;place-items:center;flex:none}
.zi-pu9 svg{display:block;width:100%;height:100%}
.go-mu2{display:flex;flex-direction:column;line-height:1.15}
.go-mu2 small{font-size:.78rem;font-weight:700}
.go-mu2 b{font-family:var(--fh);font-weight:800;font-size:1.1rem;letter-spacing:.01em}
.co-bo2{display:none;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);border-radius:999px;font-family:var(--fh);font-weight:700;padding:9px 16px;cursor:pointer;font-size:.98rem}
.na-lu0{background:#fff;color:var(--text);border-top:3px solid var(--lil);max-height:calc(100vh - 79px);overflow:auto;padding:12px 0 24px}
.na-lu0 a{color:var(--text);text-decoration:none;display:block;padding:9px 0}
.na-lu0 details{border-bottom:1px solid var(--line)}
.na-lu0 summary{font-family:var(--fh);font-weight:700;padding:12px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.na-lu0 summary::-webkit-details-marker{display:none}
.na-lu0 ul{list-style:none;margin:0 0 10px;padding:0 0 0 12px}
.mu-mi1{font-family:var(--fh);font-weight:700;border-bottom:1px solid var(--line)}
@media (max-width:1180px){.na-zo1 small{display:none}.mi-gu0{padding:10px 9px;font-size:.94rem}}
@media (max-width:1080px){.te-ju2{display:none}.co-bo2{display:inline-block}.ze-de5{margin-left:auto}.ji-vu4{gap:12px}}
.te-fi8{display:none}
@media (max-width:380px){.ji-vu4{gap:8px}.ne-vo4{gap:8px;min-width:0;flex:1 1 auto}.na-zo1{min-width:0}.mo-lu0{width:40px;height:40px}.na-zo1 b{font-size:.92rem!important}.co-bo2{padding:8px 12px}.te-fi8{width:40px!important;height:40px!important}}
@media (max-width:560px){.go-mu2,.ze-de5 .zi-pu9{display:none}.te-fi8{display:grid;width:42px;height:42px;border-radius:50%;background:var(--nvd);color:var(--lil);place-items:center}.ze-de5{padding:5px}.na-zo1 b{font-size:1.02rem}}
/* hero */
.su-fo2{background:var(--tx-nv) center top/1200px auto,linear-gradient(160deg,#18407a 0%,var(--nv) 46%,#0e2747 100%);color:#fff;position:relative;padding:clamp(40px,6vw,80px) 0 clamp(52px,7vw,92px)}
.se-po9{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,5vw,64px);align-items:center}
.su-fo2 h1{color:#fff}
.ku-da8{min-width:0}
.jo-ke7{display:inline-flex;align-items:center;gap:9px;background:rgba(185,167,255,.16);border:1px solid rgba(185,167,255,.45);border-radius:999px;padding:6px 14px 6px 8px;font-family:var(--fh);font-weight:700;font-size:.9rem;margin:0 0 18px;color:#fff}
.jo-ke7 svg{flex:none}
.zu-ca2{font-size:clamp(1.08rem,1rem + .3vw,1.22rem);line-height:1.6;color:#e6ebf5;max-width:620px}
.zu-ca2 b{font-weight:700;color:#fff}
.si-hi3{display:flex;align-items:center;gap:10px;font-weight:700;margin:0 0 16px;font-size:1rem}
.ki-sa1{width:12px;height:12px;border-radius:50%;background:var(--lil);box-shadow:0 0 0 0 rgba(185,167,255,.7);animation:de-ke6 2s infinite;flex:none}
@keyframes de-ke6{0%{box-shadow:0 0 0 0 rgba(185,167,255,.6)}70%{box-shadow:0 0 0 10px rgba(185,167,255,0)}100%{box-shadow:0 0 0 0 rgba(185,167,255,0)}}
.tu-ca7{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.tu-ca7 li{display:inline-flex;align-items:center;gap:7px;background:rgba(8,21,39,.32);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 13px;font-size:.92rem;font-weight:700}
.tu-ca7 svg{color:var(--lil)}
/* 48-hour water clock */
.la-si8{display:flex;flex-direction:column;align-items:center;gap:14px}
.to-ke8{position:relative;width:min(460px,100%);aspect-ratio:1;margin-bottom:18px}
.to-ke8>svg{position:absolute;inset:0;width:100%;height:100%}
.ma-zi3{position:absolute;inset:17.5%;border-radius:50%;overflow:hidden;background:#dfe2ef var(--ph) center/cover;margin:0;border:5px solid #fff;box-shadow:0 20px 50px -24px rgba(8,21,39,.8)}
.ma-zi3 img{width:100%;height:100%;object-fit:cover}
.ma-zi3 img[src^="[Image"]{opacity:0}
.zo-ho8{transform-origin:220px 220px;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}
.pa-jo1{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.pa-jo1 button{font-family:var(--fh);font-weight:700;font-size:.93rem;border-radius:999px;border:2px solid rgba(185,167,255,.6);background:transparent;color:#fff;padding:8px 14px;cursor:pointer}
.pa-jo1 button[aria-pressed=true],.pa-jo1 button:hover{background:var(--lil);color:var(--nvd);border-color:var(--lil)}
.mu-ze8{width:min(460px,100%);background:#fff;color:var(--text);border-radius:16px;padding:14px 18px;font-size:.95rem;line-height:1.5;box-shadow:0 24px 50px -28px rgba(8,21,39,.8);min-height:96px}
.mu-ze8 p{margin:0 0 4px}
.mu-ze8 b{font-family:var(--fh);color:var(--nvd)}
.ba-se9{font-family:var(--fh);font-weight:700;margin:0;text-align:center;color:#fff}
.zu-pa2{padding:clamp(30px,4.5vw,60px) 0 clamp(52px,7vw,90px)}
.zu-pa2 .se-po9{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}
.do-pa7{font-size:.9rem;margin:0 0 16px;color:#c8d2e6}
.do-pa7 ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.do-pa7 li+li::before{content:"/";margin-right:6px;opacity:.7}
.do-pa7 a{color:#fff}
.po-ki9{background:#fff;color:var(--text);border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -32px rgba(8,21,39,.8)}
.fa-vi3{aspect-ratio:3/2;border-radius:0}
.fi-pe4{margin:0;padding:6px 20px 4px}
.ku-bo6{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.45}
.ku-bo6:last-child{border-bottom:0}
.ku-bo6 dt{font-family:var(--fh);font-weight:700;color:var(--lil-d)}
.ku-bo6 dd{margin:0}
.ru-ka9{display:flex;margin:6px 16px 16px}
.ru-ka9 .li-de8{width:100%}
@media (max-width:980px){.se-po9,.zu-pa2 .se-po9{grid-template-columns:minmax(0,1fr)}.to-ke8{width:min(380px,100%)}}
/* quick answer + first steps */
.vu-me8{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.ji-ci0{background:#fff;border-radius:var(--r);border:1px solid var(--line);padding:28px 28px 22px;position:relative}
.je-ce7{display:inline-block;background:var(--lil-t);color:var(--lil-d);font-family:var(--fh);font-weight:800;font-size:.85rem;border-radius:999px;padding:5px 12px;margin-bottom:12px}
.ji-ci0 p:last-child{margin-bottom:0}
.gu-vo5{font-size:1.1rem}
.ha-so0{background:var(--nv);color:#e6ebf5;border-radius:var(--r);padding:26px 26px 20px}
.ha-so0 h3{color:#fff;margin-bottom:12px}
.ha-so0 ol{list-style:none;padding:0;margin:0;counter-reset:f}
.ha-so0 li{counter-increment:f;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12)}
.ha-so0 li::before{content:counter(f);width:28px;height:28px;border-radius:50%;background:var(--lil);color:var(--nvd);font-family:var(--fh);font-weight:800;display:grid;place-items:center;font-size:.9rem}
@media (max-width:900px){.vu-me8{grid-template-columns:minmax(0,1fr)}}
/* catalog */
.he-ke2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.ju-bi6{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px 20px;position:relative;overflow:hidden}
.ju-bi6::after{content:"";position:absolute;right:-30px;top:-30px;width:80px;height:80px;border-radius:50%;border:3px solid var(--lil-t);box-shadow:0 0 0 12px #fff,0 0 0 15px var(--lil-t)}
.nu-vu1{display:flex;gap:14px;align-items:center;margin-bottom:8px;position:relative;z-index:1}
.nu-vu1 h3{margin:0;font-size:1.16rem}
.nu-vu1 span{font-size:.85rem;color:var(--mute)}
.ju-bi6>p{color:var(--mute);font-size:.98rem;margin-bottom:12px}
.ga-po4{list-style:none;margin:0;padding:0}
.ga-po4 a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:700;font-size:.98rem}
.ga-po4 a:hover{color:var(--link)}
.ga-po4 a svg{flex:none;color:var(--lil-d)}
/* build-era rail */
.pe-si6{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.pe-si6::before{content:"";position:absolute;left:0;right:0;top:21px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lil-d),var(--wet))}
.bo-be0{position:relative;padding-top:52px}
.bo-be0::before{content:"";position:absolute;left:0;top:8px;width:30px;height:30px;border-radius:50%;background:#fff;border:7px solid var(--nv)}
.bo-be0 b{display:block;font-family:var(--fh);font-weight:800;font-size:1.25rem;color:var(--nvd)}
.bo-be0 p{font-size:.95rem;color:var(--mute);margin:4px 0 8px}
.bo-be0 ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.bo-be0 li a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:.88rem;text-decoration:none;color:var(--nvd);font-weight:700}
.bo-be0 li a:hover{border-color:var(--lil-d);color:var(--link)}
@media (max-width:900px){.pe-si6{grid-template-columns:minmax(0,1fr)}.pe-si6::before{left:14px;right:auto;top:0;bottom:0;width:3px;height:auto;background:linear-gradient(180deg,var(--lil-d),var(--wet))}.bo-be0{padding:0 0 0 48px}.bo-be0::before{top:0}}
.vi-mu6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:34px}
.mu-to4{background:var(--nv);color:#e6ebf5;border-radius:var(--r);padding:20px 20px 16px;position:relative;overflow:hidden}
.mu-to4::after{content:"";position:absolute;right:-26px;bottom:-26px;width:80px;height:80px;border-radius:50%;border:2px solid rgba(185,167,255,.35);box-shadow:0 0 0 12px rgba(185,167,255,.08)}
.mu-to4 b{display:block;font-family:var(--fh);font-weight:800;font-size:2rem;color:#fff;line-height:1.1}
.mu-to4 span{display:block;font-size:.93rem;margin:6px 0 8px}
.mu-to4 a{font-size:.82rem;color:var(--lil-h)}
/* water categories */
.ji-ce3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.lo-mo0{background:#fff;border-radius:var(--r);border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start}
.vo-zi5{width:56px;height:68px;border-radius:6px 6px 14px 14px;border:3px solid var(--nvd);position:relative;overflow:hidden;background:#fff}
.vo-zi5 i{position:absolute;left:0;right:0;bottom:0;height:62%}
.lo-mo0 h3{margin-bottom:4px}
.lo-mo0 p{margin:0;font-size:.97rem}
/* process: time-stamped steps on an hour axis */
.ru-ku3{list-style:none;margin:0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:18px}
.pi-ri3{position:relative;padding-top:52px}
.pi-ri3::before{content:"";position:absolute;left:0;right:-18px;top:17px;height:3px;background:repeating-linear-gradient(90deg,rgba(185,167,255,.8) 0 3px,transparent 3px 12px)}
.pi-ri3:last-child::before{right:0}
.ju-ja0{position:absolute;left:0;top:4px;background:var(--lil);color:var(--nvd);font-family:var(--fh);font-weight:800;font-size:.82rem;border-radius:999px;padding:4px 11px}
.ca-ke7{background:var(--nv2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:18px;height:100%}
.ca-ke7 h3{font-size:1.08rem;color:#fff;margin-bottom:6px}
.ca-ke7 p{margin:0;font-size:.95rem;color:#c8d2e6}
@media (max-width:820px){.pi-ri3::before{display:none}.pi-ri3{padding-top:40px}}
/* marquee */
.po-vu2{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden}
.fi-ni7{text-align:center;font-family:var(--fh);font-weight:700;color:var(--nvd);margin:0 0 12px;padding:0 16px}
.gu-de7{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pi-ze0{display:flex;gap:44px;width:max-content;animation:vu-ce3 60s linear infinite;list-style:none;margin:0;padding:0}
.pi-ze0 li{font-family:var(--fh);font-weight:800;font-size:1.25rem;color:#59607a;white-space:nowrap;display:flex;align-items:center;gap:44px}
.pi-ze0 li::after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--lil-d);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--lil)}
.po-vu2:hover .pi-ze0{animation-play-state:paused}
@keyframes vu-ce3{to{transform:translateX(-33.3333%)}}
/* how cards, areas, guides */
.ke-sa9{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}
.ke-sa9 .ve-ca5 h3{font-size:1.1rem}
.ke-sa9 .ve-ca5 p{margin:0;font-size:.97rem}
.lu-ha6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.po-na5 h3{font-size:1.06rem;display:flex;align-items:center;gap:8px}
.po-na5 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.po-na5 a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;text-decoration:none;color:var(--nvd);font-weight:700;font-size:.93rem}
.po-na5 a:hover{border-color:var(--lil-d);color:var(--link)}
.sa-fo4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.lu-ku6{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lu-ku6 .su-bu4{border-radius:0;aspect-ratio:3/2}
.me-ba2{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.me-ba2 h3{font-size:1.1rem;margin:0}
.me-ba2 h3 a{color:var(--nvd);text-decoration:none}
.me-ba2 h3 a:hover{color:var(--link);text-decoration:underline}
.me-ba2 p{margin:0;font-size:.96rem;color:var(--mute)}
.so-vo6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center}
.so-vo6 .su-bu4{aspect-ratio:4/3}
@media (max-width:900px){.so-vo6{grid-template-columns:minmax(0,1fr)}}
/* faq */
.be-ge4{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.gi-ze8{position:sticky;top:110px}
.to-tu8{border-top:1px solid var(--line)}
.zu-gi4{border-bottom:1px solid var(--line)}
.zu-gi4 h3{margin:0;font-size:1.08rem}
.su-bo0{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;background:none;border:0;padding:18px 0;text-align:left;font-family:var(--fh);font-weight:700;font-size:1.08rem;color:var(--nvd);cursor:pointer;line-height:1.35}
.do-ba2{width:34px;height:34px;border-radius:50%;border:2px solid var(--lil-d);color:var(--lil-d);display:grid;place-items:center;flex:none;transition:transform .2s,background .2s}
.su-bo0[aria-expanded=true] .do-ba2{transform:rotate(45deg);background:var(--lil);border-color:var(--lil);color:var(--nvd)}
.ho-ru2{padding:0 50px 18px 0}
.ho-ru2 p:last-child{margin:0}
@media (max-width:900px){.be-ge4{grid-template-columns:minmax(0,1fr)}.gi-ze8{position:static}.ho-ru2{padding-right:0}}
/* final + reach + footer */
.ca-la0{text-align:center;position:relative}
.ca-la0 h2{max-width:780px;margin-inline:auto}
.fo-da8{display:inline-flex;align-items:center;gap:16px;font-family:var(--fh);font-weight:800;font-size:clamp(1.9rem,1.3rem + 2.6vw,3.2rem);color:var(--nvd);background:var(--lil);border-radius:999px;padding:10px 34px 10px 12px;text-decoration:none;letter-spacing:.01em;margin:8px 0 14px;line-height:1.1}
.fo-da8 .zi-pu9{width:clamp(46px,4vw,62px);height:clamp(46px,4vw,62px)}
.fo-da8:hover{background:var(--lil-h);color:var(--nvd)}
.ca-la0 .si-hi3{justify-content:center}
.ta-no8{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.ga-ni1{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.ga-ni1 dl{margin:0}
.ne-mi2{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ne-mi2 dt{font-family:var(--fh);font-weight:700;color:var(--lil-d)}
.ne-mi2 dd{margin:0}
.ge-he2{position:relative;min-height:360px;border-radius:var(--r);overflow:hidden;background:#dfe2ef var(--ph) center/560px auto;border:1px solid var(--line)}
.ge-he2 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.te-ho3{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px}
.te-ho3 p{margin:10px 0 0;color:var(--nvd);font-weight:700;font-size:.95rem}
@media (max-width:900px){.ta-no8{grid-template-columns:minmax(0,1fr)}.ge-he2{min-height:300px}}
.to-fa5{background:var(--nvx) var(--tx-dk) right top/900px auto no-repeat;color:#bcc7da;padding:clamp(56px,7vw,84px) 0 calc(28px + env(safe-area-inset-bottom));border-top:3px solid var(--lil)}
.to-fa5 a{color:#e2e8f3;text-decoration:none}.to-fa5 a:hover{color:#fff;text-decoration:underline}
.lu-zu0{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:28px}
.je-si4 h3{color:#fff;font-size:1rem;margin-bottom:10px}
.je-si4 ul{list-style:none;padding:0;margin:0}
.je-si4 li{padding:4px 0;font-size:.95rem}
.je-si4 p{font-size:.95rem;margin:0 0 8px}
.ju-ze1{font-weight:700;color:var(--lil-h)!important}
.ne-je9{margin-top:34px;border-left:3px solid var(--lil);background:rgba(255,255,255,.04);border-radius:0 12px 12px 0;padding:16px 18px;font-size:.9rem;line-height:1.6}
.ne-je9 p{margin:0}
.ja-ku6{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;font-size:.88rem;color:#9aa7bf}
@media (max-width:900px){.lu-zu0{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lu-zu0{grid-template-columns:minmax(0,1fr)}}
.sa-cu8{display:none}
@media (max-width:900px){.sa-cu8{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--nvd);border-top:3px solid var(--lil);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;align-items:center}
.sa-cu8 a{flex:1;justify-content:center;padding:6px 14px;min-height:50px}
.sa-cu8>span{color:#c8d2e6;font-size:.82rem;font-weight:700;line-height:1.2;max-width:84px}
.sa-cu8 a span{white-space:nowrap}
body{padding-bottom:76px}.na-lu0{padding-bottom:96px}}
/* service + content pages */
.do-la1{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(28px,4vw,56px);align-items:start}
.lu-ca6>section{margin-bottom:clamp(36px,5vw,52px)}
.lu-ca6>section:last-child{margin-bottom:0}
.lu-ca6 h2{font-size:clamp(1.45rem,1.15rem + 1vw,1.95rem)}
.te-ca7{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.fu-so0{background:var(--nv);color:#e6ebf5;border-radius:var(--r);padding:22px}
.fu-so0 h2{color:#fff;font-size:1.2rem;margin-bottom:6px}
.fu-so0 p{font-size:.95rem}
.fu-so0 .li-de8{width:100%}
.ta-lu1{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.ta-lu1 h2{font-size:1rem;margin-bottom:6px}
.ta-lu1 ol{margin:0;padding-left:1.1em;font-size:.93rem}
.ta-lu1 li{padding:3px 0}
.ta-lu1 a{color:var(--text);text-decoration:none}.ta-lu1 a:hover{color:var(--link);text-decoration:underline}
@media (max-width:1000px){.do-la1{grid-template-columns:minmax(0,1fr)}.te-ca7{position:static}.ta-lu1{display:none}}
.hi-no0{border-left:4px solid var(--lil);padding:2px 0 2px 20px;margin:0 0 26px}
.hi-no0 h3{font-size:1.2rem;margin-bottom:6px}
.hi-no0 .su-bu4{aspect-ratio:16/9;margin:14px 0 4px;max-width:640px}
.hi-va7{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;list-style:none;padding:0;margin:0}
.da-mu6{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;border-top:4px solid var(--wet)}
.da-mu6 b{display:block;font-family:var(--fh);color:var(--nvd);margin-bottom:4px}
.da-mu6 span{font-size:.95rem;color:var(--mute)}
.gi-pu0{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px 22px}
.gi-pu0 li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start}
.gi-pu0 li svg{color:var(--lil-d);margin-top:3px}
.he-te0{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.po-re7{width:100%;border-collapse:collapse;font-size:.96rem;min-width:520px}
.po-re7 th,.po-re7 td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.po-re7 thead th{background:var(--nv);color:#fff;font-family:var(--fh)}
.po-re7 tbody th{font-family:var(--fh);color:var(--nvd);background:var(--mist);width:30%}
.po-re7 tr:last-child th,.po-re7 tr:last-child td{border-bottom:0}
.ca-da2{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.su-li5{background:var(--lil-t);border-radius:10px;padding:12px 14px;margin:14px 0 0;font-size:.95rem}
.su-li5 b{font-family:var(--fh);color:var(--nvd)}
.do-ca5{list-style:none;padding:0;margin:0;counter-reset:s}
.do-ca5 li{counter-increment:s;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.do-ca5 li::before{content:counter(s);width:44px;height:44px;border-radius:50%;background:var(--nv);border:3px solid var(--lil);color:#fff;font-family:var(--fh);font-weight:800;display:grid;place-items:center}
.do-ca5 b{display:block;font-family:var(--fh);color:var(--nvd)}
.lo-va9{background:var(--nv);color:#e6ebf5;border-radius:var(--r);padding:24px 26px}
.lo-va9 h2{color:#fff}
.lo-va9 p{margin:0}
.lo-va9 a{color:var(--lil-h)}
.ki-bi2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.pi-ze6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.so-ke2{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-decoration:none;color:var(--text)}
.so-ke2:hover{border-color:var(--lil-d);color:var(--text)}
.so-ke2 b{display:block;font-family:var(--fh);color:var(--nvd);line-height:1.25}
.so-ke2 span{font-size:.9rem;color:var(--mute)}
.so-ke2 .cu-to1{width:42px;height:42px;margin:0}
.fu-ce4{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:#c8d2e6;margin-top:6px}
.zo-go3{font-size:.9rem;color:var(--mute);margin:0 0 18px}
.zu-ha0{background:var(--lil-t);border-radius:12px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.zu-ha0 p{margin:0;font-family:var(--fh);font-weight:700;color:var(--nvd)}
.ka-fe5{max-width:620px}
:where(main) :where(p,li){max-width:min(56ch,590px)}
:where(.ve-ca5,.ju-bi6,.mu-to4,.da-mu6,.so-ke2,.tu-ca7,.pa-jo1,.po-ki9,.mu-ze8,.bo-be0,.ca-ke7,.lo-mo0,.lu-ku6,.ga-ni1,.ha-so0,.ki-bi2,.pi-ze6,.gi-pu0,.hi-va7,.ga-po4,.po-na5,.po-vu2,.zu-ha0,.po-re7,.ru-ku3,.do-ca5,.to-tu8) :where(p,li){max-width:none}
.ko-fu6 .sa-be7,.ca-la0 .sa-be7,.ca-la0 .si-hi3{margin-inline:auto}
.ca-la0 .sa-be7{max-width:min(56ch,590px)}
.ka-fe5 h2{margin-top:1.6em}
.ka-fe5 li{margin-bottom:.4em}
.hu-ge2{position:fixed;inset:0;z-index:400;background:rgba(8,21,39,.92);display:grid;place-items:center;padding:24px}
.hu-ge2 img{max-height:88vh;width:auto;border-radius:10px}
.hu-ge2 button{position:absolute;top:16px;right:16px;background:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
[data-oc-zoom]{cursor:zoom-in}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pi-ze0{flex-wrap:wrap;width:auto;justify-content:center;gap:12px 28px}.pi-ze0 li[aria-hidden]{display:none}}