/* Large-screen scale: --w is the content width, --hw the standard heading width */
:root{--w:1184px;--hw:720px}
.p{font-family:Urbanist,sans-serif;color:#000;background:#fff;font-size:18px;line-height:1.6}
.h{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-0.02em;margin:0;line-height:1.05}
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:1px solid #000;flex-wrap:wrap;gap:16px}
.nav nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.p a{color:inherit}
.nav a,.ft a{text-decoration:none;font-weight:500}
.nav a.on{border-bottom:2px solid #000}
.wm{display:flex;align-items:center;gap:10px;font-family:Syne,sans-serif;font-weight:800;font-size:24px;letter-spacing:.06em}
.sec{padding:96px 48px;border-bottom:1px solid #000}
.in{max-width:var(--w);margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:48px}.two>*{min-width:0}
.card{border:1px solid #000;padding:32px}
.inv{background:#000;color:#fff}
.inv .card{border-color:#fff}
.btn{display:inline-block;padding:14px 28px;min-height:44px;box-sizing:border-box;background:#000;color:#fff!important;text-decoration:none;font-weight:600;border:1px solid #000}
.btn.w{background:#fff;color:#000!important;border-color:#fff}
.btn.o{background:#fff;color:#000!important}
.eb{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 20px}
.big{font-size:clamp(40px,7vw,92px);max-width:var(--hw)}
.md{font-size:clamp(30px,4vw,48px)}
.lead{font-size:22px;max-width:680px;margin:28px 0 0}
.num{font-family:Syne,sans-serif;font-weight:700;font-size:14px;margin-bottom:48px}
.two{display:grid;grid-template-columns:1fr 2fr;gap:64px}
.leg h2{font-family:Syne,sans-serif;font-size:24px;margin:48px 0 12px}
.leg p,.leg li{max-width:var(--hw)}
.toc a{display:block;padding:8px 0;border-bottom:1px solid #ddd;text-decoration:none;font-size:16px}
.fld{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;font-weight:600;font-size:15px}
.fld input,.fld select,.fld textarea{font:inherit;padding:14px;border:1px solid #000;border-radius:0;background:#fff;min-height:48px;box-sizing:border-box}
.ft{background:#000;color:#fff;padding:72px 48px 32px}
.ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.ft a{display:block;padding:6px 0;color:#fff}
.ft small{display:block;margin-top:56px;padding-top:24px;border-top:1px solid #444;color:#ccc;font-size:14px}
@media (max-width:1024px){.nav,.sec,.ft{padding-left:32px;padding-right:32px}.sec{padding-top:80px;padding-bottom:80px}.two{gap:40px}.ft .cols{grid-template-columns:repeat(3,1fr)}.ft .cols>div:first-child{grid-column:1/-1}}@media (max-width:860px){.two{grid-template-columns:1fr}.toc{position:static!important}}@media (max-width:600px){.p{font-size:17px}.nav,.sec,.ft{padding-left:20px;padding-right:20px}.nav{flex-direction:column;align-items:flex-start}.nav nav{width:100%;gap:0 20px}.nav nav a:not(.btn){padding:12px 0}.nav .btn{width:100%;text-align:center;margin-top:8px}.sec{padding-top:56px;padding-bottom:56px}.lead{font-size:19px}.card{padding:24px!important}.ft .cols{grid-template-columns:1fr;gap:32px}.num{margin-bottom:24px}.wm{font-size:22px}}

:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html,body{margin:0;background:#fff}html{scroll-padding-top:96px;scroll-behavior:smooth}

.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;display:flex;align-items:center;justify-content:space-between;padding:12px 48px;background:#fff;border-bottom:1px solid #000;min-height:72px;box-sizing:border-box}
.hd.open{background:#000;color:#fff;border-color:#fff}
.hd .wm{text-decoration:none}
.bg{width:48px;height:48px;border:0;background:none;color:inherit;cursor:pointer;padding:0}
.bg i{display:block;width:26px;height:2px;background:currentColor;margin:6px auto;transition:transform .2s,opacity .2s}
.hd.open .bg i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hd.open .bg i:nth-child(2){opacity:0}
.hd.open .bg i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mn{position:fixed;inset:0;z-index:50;background:#000;color:#fff;display:none;flex-direction:column;justify-content:space-between;gap:40px;overflow:auto;padding:calc(110px + env(safe-area-inset-top,0px)) 48px calc(40px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
.mn.o{display:flex}
.mn nav a{display:flex;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid #333;font-family:Syne,sans-serif;font-weight:700;font-size:clamp(32px,6vw,64px);letter-spacing:-.02em;text-decoration:none;min-height:44px}
.mn nav a span{font-size:14px;font-family:Urbanist,sans-serif;font-weight:600;letter-spacing:.1em;color:#bbb}
.mn nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}
.mf{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.mf div a{margin-right:24px;font-size:15px;text-decoration:none}
.p a:focus-visible,.p button:focus-visible{outline:3px solid #888;outline-offset:3px}
@media (max-width:1024px){.hd{padding:12px 32px}.mn{padding-left:32px;padding-right:32px}}
@media (max-width:600px){.hd{padding:12px 20px}.mn{padding-left:20px;padding-right:20px}.mf .btn{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){.bg i{transition:none}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:12px 16px;z-index:100}.skip:focus{left:8px;top:8px}
.p .soc{display:flex;gap:8px;flex-wrap:wrap}
.ft .soc{margin-top:24px}
.p .soc a{flex:0 0 44px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;color:#fff;background:transparent}
.p .soc{margin-left:-12px}
.mn nav a{font-size:clamp(28px,5vw,52px);padding:10px 0}
.nw{display:grid;grid-template-columns:1fr 3fr;gap:32px;padding:32px 0;border-top:1px solid #000}
.nw:last-child{border-bottom:1px solid #000}
.mn nav a{font-size:clamp(26px,4.2vw,44px);padding:8px 0}
@media (max-width:860px){.nw{grid-template-columns:1fr;gap:12px}}
.ck{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;width:min(560px,calc(100% - 48px));max-height:calc(100% - 48px);overflow:auto;background:#000;color:#fff;border:1px solid #fff;padding:24px;box-sizing:border-box;font-family:Urbanist,sans-serif;font-size:15px;line-height:1.5}
.ck[hidden]{display:none}
.ck-t{font-family:Syne,sans-serif;font-weight:700;font-size:20px;margin:0 0 8px}
.ck-p{margin:0 0 16px}
.ck a{color:#fff}
.ck-opts{margin:0 0 16px;border-top:1px solid #444}
.ck-opts[hidden]{display:none}
.ck-o{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #444;cursor:pointer}
.ck-o input{width:22px;height:22px;margin:2px 0 0;accent-color:#fff;flex:0 0 22px}
.ck-o small{display:block;color:#ccc;font-size:14px}
.ck-b{display:flex;gap:8px;flex-wrap:wrap}
.ck-b button{font:inherit;font-weight:600;min-height:44px;padding:10px 18px;border:1px solid #fff;background:#fff;color:#000;cursor:pointer;flex:1 1 auto}
.ck-b button[data-a=custom]{background:transparent;color:#fff}
.ck-x .ck-b button[data-a=custom]{background:#fff;color:#000}
@media (max-width:600px){.ck{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:20px}}
.pf{display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:360px;padding:40px;border:1px solid #000;background:#fff;color:#000;text-decoration:none;transition:background .2s,color .2s}
.pf h3{font-size:clamp(36px,4.5vw,56px);margin:0}
.pf p{margin:0 0 28px;font-size:20px;max-width:420px}
.pf-b{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:20px;font-weight:600;font-size:18px}
@media (max-width:600px){.pf{padding:24px;min-height:300px;gap:40px}}
@media (prefers-reduced-motion:reduce){.pf{transition:none}}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 95%);mask-image:linear-gradient(180deg,#000 0%,transparent 95%)}
.hero .in{position:relative;z-index:1}
.hero-nt{display:block;width:100%;height:auto;pointer-events:none}
.nt-p{animation:ntp 6s ease-in-out infinite}
@keyframes ntp{0%,100%{opacity:.15}50%{opacity:.6}}
@media (max-width:860px){.hero::before{display:none}}
@media (max-width:1199px){.hero-nt{display:none}}
@media (prefers-reduced-motion:reduce){.nt-p{animation:none;opacity:.4}}
.dn{display:none}
@media (min-width:1025px){
.dn{display:flex;align-items:center;gap:36px;margin-left:auto}
.dn a:not(.btn){font-weight:500;font-size:16px;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.dn a[aria-current="page"]:not(.btn){border-bottom-color:#000}
.dn .btn{padding:12px 24px}
.bg{display:none}
.mn{display:none!important}
.hd,.ft{padding-left:max(48px,calc((100% - var(--w))/2));padding-right:max(48px,calc((100% - var(--w))/2))}
}
.nw{color:inherit;text-decoration:none}
.nw-m{margin:16px 0 0!important;font-weight:600}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.leg h3{font-family:Syne,sans-serif;font-size:20px;margin:32px 0 8px}
.leg ul,.leg ol{padding-left:22px}
.leg blockquote{margin:24px 0;padding-left:20px;border-left:2px solid #000;max-width:var(--hw)}
.hb{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;width:max-content;max-width:100%;margin-top:40px}
.hb .btn{text-align:center}
@media (max-width:600px){.hb{grid-auto-flow:row;grid-auto-columns:auto}}
.nwa{padding:32px 0}
.nwa h1{margin:0 0 32px}
.leg a{text-decoration:underline;text-underline-offset:3px}
.leg code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:#f2f2f2;padding:2px 6px}
.leg img{display:block;max-width:100%;height:auto;margin:24px 0}
@media (min-width:1200px){.hero .in{display:grid;grid-template-columns:minmax(0,var(--hw)) minmax(0,1fr);gap:24px;align-items:center}.hero-nt{justify-self:end;max-width:680px}}
.lead-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:48px}
.ppl{display:grid;grid-template-columns:120px 1fr;border:1px solid #000;min-width:0}
.ppl-p{display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:12px;font-weight:600;letter-spacing:.14em;overflow:hidden}
.ppl-p img{width:100%;height:100%;object-fit:cover;display:block}
.ppl-t{padding:20px 24px}
.ppl-t .eb{margin:0 0 8px}
.ppl-t h3{font-size:24px;margin:0 0 8px}
.ppl-t p:last-child{margin:0;font-size:15px}
@media (max-width:600px){.ppl{grid-template-columns:96px 1fr}.ppl-t{padding:16px 20px}}
.mf .btn{width:100%;text-align:center}
.ppl:not(.ppl-l) .ppl-t p:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ppl.ppl-l{grid-template-columns:1fr}
.ppl-l .ppl-p{aspect-ratio:1/1;font-size:14px}
.ppl-l .ppl-t{padding:24px}
.ppl-l .ppl-t h3{font-size:28px}
.ppl-l .ppl-t p:last-child{font-size:17px}
.orb-a,.orb-b{transform-box:view-box;transform-origin:50% 50%}
.orb-a{animation:orb 120s linear infinite}
.orb-b{animation:orb 180s linear infinite reverse}
@keyframes orb{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.orb-a,.orb-b{animation:none}}
@media (min-width:1536px){:root{--w:1320px;--hw:780px}}
@media (min-width:1920px){:root{--w:1520px;--hw:880px}.p{font-size:20px}.lead{font-size:24px;max-width:760px}.big{font-size:104px}.md{font-size:56px}}
@media (min-width:2400px){:root{--w:1760px;--hw:1000px}.p{font-size:22px}.lead{font-size:26px;max-width:840px}.big{font-size:120px}.md{font-size:64px}}

/* Interaction states: one consistent system. Hover rules apply only on devices that can hover. */
.btn,.pf,.soc a,.dn a,.mn a,.ft a,.wm,.bg,.ck-b button,.dr,.tl,.leg a,.ck-o{transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,text-decoration-color .2s ease}
.pf-b span:last-child,.nw-m span,.dr span:last-child{display:inline-block;transition:transform .2s ease}
.tl{font-weight:600;text-decoration:none}
button,.fld select{cursor:pointer}
@media (hover:hover){
.btn:hover{background:#fff;color:#000!important}
.btn.w:hover{background:#000;color:#fff!important;border-color:#fff}
.btn.o:hover{background:#000;color:#fff!important}
.dn a:not(.btn):hover{border-bottom-color:#000}
.wm:hover,.bg:hover,.p .soc a:hover{opacity:.65}
.ft a:hover,.mf div a:hover,.mn nav a:hover,.tl:hover{text-decoration:underline;text-underline-offset:6px}
.leg a:hover,.ck a:hover,.fld a:hover{text-decoration-thickness:2px}
.pf:hover{background:#000;color:#fff}
.pf:hover .pf-b span:last-child,.nw:hover .nw-m span,.dr:hover span:last-child{transform:translateX(4px)}
.nw:hover h3,.dr:hover span:first-child{text-decoration:underline;text-underline-offset:6px}
.fld input:hover,.fld select:hover,.fld textarea:hover{box-shadow:inset 0 0 0 1px #000}
.ck-b button:hover{background:#000;color:#fff}
.ck-b button[data-a=custom]:hover{background:#fff;color:#000}
.ck-x .ck-b button[data-a=custom]:hover{background:#000;color:#fff}
.ck-o:hover{background:#111}
}
.p :is(a,button,input,select,textarea):focus-visible{outline:3px solid #888;outline-offset:3px}
.inv :is(a,button):focus-visible,.ft a:focus-visible,.mn a:focus-visible,.hd.open :is(a,button):focus-visible{outline-color:#fff}
.ck :is(a,button,input):focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.btn,.pf,.soc a,.dn a,.mn a,.ft a,.wm,.bg,.ck-b button,.dr,.tl,.leg a,.ck-o,.pf-b span:last-child,.nw-m span,.dr span:last-child{transition:none}}