:root{--bg:#15120f;--surface:#1d1915;--line:#ffffff17;--ink:#f1eee9;--ink-2:#c9c2b8;--ink-3:#a39a8f;--accent:#fc0;--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--font-ar:"Readex Pro",system-ui,sans-serif;--font-disp:"Alexandria","Readex Pro",sans-serif;--font-lat:"Barlow Condensed","Readex Pro",sans-serif}*{box-sizing:border-box;margin:0}html{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#111}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}a{color:inherit}.bar{justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;padding:18px 24px;display:flex}.logo{font-family:var(--font-lat);direction:ltr;font-size:22px;font-weight:800;text-decoration:none}.logo b{color:var(--accent)}.bar nav{color:var(--ink-2);align-items:center;gap:22px;font-size:15px;display:flex}.bar nav a{text-decoration:none}.bar nav a:hover{color:var(--ink)}.lang{font-family:var(--font-lat);letter-spacing:.06em;border:1px solid #fff3;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;text-decoration:none}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:40px;max-width:1360px;margin:0 auto;padding:40px 24px 28px;display:grid}.hero h1{font-family:var(--font-disp);text-wrap:balance;max-width:16ch;font-size:clamp(40px,5.6vw,84px);font-weight:800;line-height:1.08}.hero p{color:var(--ink-2);max-width:46ch;font-size:18px;line-height:1.8}.hero .acts{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.btn{font:600 16px var(--font-ar);background:var(--accent);color:#141210;transition:transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.link{color:var(--ink-2);text-underline-offset:5px;font-size:15px}.link:hover{color:var(--ink)}.strips{gap:10px;max-width:1360px;height:min(58dvh,540px);margin:0 auto;padding:0 24px;display:flex}.strip{min-width:0;color:var(--sink);background:linear-gradient(170deg,var(--c1) 0%,var(--c1) 50%,color-mix(in srgb,var(--c1) 58%,var(--c2)) 100%);transition:flex-grow .6s var(--ease-io);border-radius:22px;flex:1 1 0;text-decoration:none;position:relative;overflow:hidden}.strip:after{content:"";z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.strip.on{flex-grow:3.2}.strip .name{z-index:2;inset-inline-start:18px;font-family:var(--font-lat);text-transform:uppercase;writing-mode:vertical-rl;transform-origin:50%;direction:ltr;font-size:clamp(34px,4vw,64px);font-style:italic;font-weight:800;line-height:.85;transition:opacity .3s;position:absolute;bottom:18px;transform:rotate(180deg)}.strip .tool{z-index:1;height:calc(72% * var(--s,1));filter:drop-shadow(0 26px 24px #00000059);opacity:0;width:auto;max-width:none;max-height:92%;transition:opacity .5s var(--ease-out),scale .6s var(--ease-out);position:absolute;bottom:6%;left:50%;translate:-50%;scale:.92}.strip.on .tool{opacity:1;scale:1}.strip .info{z-index:2;inset-inline-end:22px;text-align:end;opacity:0;transition:opacity .35s ease .1s,translate .45s var(--ease-out) .1s;max-width:60%;position:absolute;top:22px;translate:0 -6px}.strip.on .info{opacity:1;translate:0}.strip .info b{font-family:var(--font-disp);font-size:22px;font-weight:800;display:block}.strip .info span{opacity:.88;margin-top:4px;font-size:14px;display:block}.strip .go{font:600 13px var(--font-ar);background:var(--sink);color:var(--c1);border-radius:999px;margin-top:12px;padding:8px 14px;display:inline-flex}.strip.on .name{opacity:.95}.strips:not(:hover) .strip:not(.on) .name{opacity:.9}.sec{max-width:1360px;margin:0 auto;padding:clamp(80px,11vw,150px) 24px 0}.sec h2{font-family:var(--font-disp);font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:1.2}.sec .sub{color:var(--ink-2);max-width:60ch;margin-top:10px;font-size:17px;line-height:1.8}.rail{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;gap:14px;margin-top:28px;padding-bottom:10px;display:grid;overflow-x:auto}.match{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);transition:border-color .2s ease,transform .16s var(--ease-out);border-radius:20px;grid-template-rows:auto auto;gap:14px;padding:18px;text-decoration:none;display:grid}.match:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.match:hover{border-color:#ffffff3d}}.duo{background:linear-gradient(90deg,var(--ca) 0 50%,var(--cb) 50% 100%);direction:ltr;border-radius:14px;grid-template-columns:1fr 1fr;align-items:end;height:170px;display:grid;position:relative;overflow:hidden}.duo img{height:calc(150px * var(--s,1));filter:drop-shadow(0 14px 12px #00000059);justify-self:center;width:auto;max-height:100%}.duo img.flip{scale:-1 1}.duo .vs{background:var(--bg);width:42px;height:42px;color:var(--ink);font-family:var(--font-lat);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.match .who{font-family:var(--font-lat);direction:ltr;justify-content:space-between;gap:10px;font-size:20px;font-weight:800;display:flex}.match .who span{font-family:var(--font-ar);color:var(--ink-3);font-size:13px;font-weight:400;display:block}.match .why{color:var(--ink-2);font-size:14px;line-height:1.7}.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.cat.next{grid-column:1/-1;min-height:0}.cat.wide{flex-direction:row;grid-column:1/-1;align-items:center;gap:24px}.cat.wide .row{flex:none;margin-top:0}.cat.wide .row img{height:calc(170px * var(--s,1));margin-inline-end:0}@media (width<=700px){.cat.wide{flex-direction:column;align-items:stretch}.cat.wide .row{margin-top:14px}.cat.wide .row img{height:calc(120px * var(--s,1))}}.cat.next .soon{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 28px}.cat h3 .cnt{font-family:var(--font-ar);color:var(--ink-3);white-space:nowrap;margin-inline-start:10px;font-size:.55em;font-weight:500}@media (hover:hover) and (pointer:fine){.cat.live{transition:border-color .2s}.cat.live:hover{border-color:#ffffff3d}}.cat{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:240px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.cat.live{background:linear-gradient(150deg,#2a241d,#1b1814)}.cat h3{font-family:var(--font-disp);font-size:clamp(24px,2.4vw,34px);font-weight:800}.cat h3 i{font-style:normal;font-family:var(--font-lat);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:right;direction:ltr;margin-top:4px;font-size:15px;font-weight:600;display:block}.cat p{color:var(--ink-2);max-width:44ch;line-height:1.8}.cat .row{align-items:end;gap:-10px;margin-top:14px;display:flex}.cat .row img{height:calc(92px * var(--s,1));filter:drop-shadow(0 10px 10px #0006);width:auto;margin-inline-end:-16px}.cat .soon{gap:10px;margin-top:6px;display:grid}.cat .soon div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.cat .soon div:last-child{border-bottom:0}.cat .soon b{font-weight:500}.cat .soon span{font-family:var(--font-lat);letter-spacing:.08em;color:var(--ink-3);direction:ltr;font-weight:600}.method{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding-bottom:clamp(80px,11vw,150px);display:grid}.method .num{font-family:var(--font-lat);text-align:right;color:var(--accent);direction:ltr;font-size:clamp(90px,12vw,180px);font-weight:800;line-height:.8}.method .numcap{color:var(--ink-3);margin-top:14px;font-size:14px}.method .num small{color:var(--ink-3);margin-left:8px;font-size:.28em}.method .num em{color:var(--ink-3);margin:0 .15em;font-size:.5em;font-style:normal}.method p{color:var(--ink-2);max-width:54ch;margin-top:12px;font-size:17px;line-height:1.85}footer{border-top:1px solid var(--line)}footer .in{max-width:1360px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:26px 24px 40px;font-size:13.5px;display:flex}footer nav{flex-wrap:wrap;gap:16px;display:flex}footer a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}@media (width<=900px){.bar nav a:not(.lang){display:none}.hero{grid-template-columns:1fr;gap:16px}.strips{height:auto;transition:grid-template-rows .5s var(--ease-io);grid-template-rows:300px 76px 76px 76px 76px;gap:10px;display:grid}.strips:has(.strip:nth-child(2).on){grid-template-rows:76px 300px 76px 76px 76px}.strips:has(.strip:nth-child(3).on){grid-template-rows:76px 76px 300px 76px 76px}.strips:has(.strip:nth-child(4).on){grid-template-rows:76px 76px 76px 300px 76px}.strips:has(.strip:nth-child(5).on){grid-template-rows:76px 76px 76px 76px 300px}.strip{flex:none;min-height:0}.strip .name{writing-mode:horizontal-tb;font-size:34px;top:20px;bottom:auto;transform:none}.strip.on .name{opacity:0}.strip .tool{height:calc(240px * var(--s,1));object-fit:contain;object-position:center bottom;bottom:14px;left:auto;max-width:38%;max-height:calc(100% - 28px);inset-inline-start:12px;translate:0}.strip .info{max-width:48%}.cats,.method{grid-template-columns:1fr}}@media (width<=560px){.bar,.hero,.strips,.sec,footer .in{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.strip,.strip .tool,.strip .info,.strip .name,.strips{transition:none}}html[dir=ltr] .cat h3 i,html[dir=ltr] .method .num{text-align:left}html[dir=ltr] .method .num small{margin-left:0;margin-right:8px}.pick-wrap{max-width:1360px;margin:clamp(56px,8vw,110px) auto 0;padding:0 24px}.pick-band{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(28px,5vw,64px);display:grid}.pb-copy h2{font-family:var(--font-disp);text-wrap:balance;max-width:12ch;font-size:clamp(34px,4.8vw,66px);font-weight:800;line-height:1.1}.pb-copy p{color:var(--ink-2);max-width:40ch;margin-top:18px;font-size:clamp(16px,1.4vw,19px);line-height:1.8}.pb-steps{gap:6px;max-width:280px;margin:26px 0 28px;display:flex}.pb-steps i{background:var(--line);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.pb-steps i:after{content:"";background:var(--accent);transform-origin:100%;position:absolute;inset:0}.pb-acts{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.pb-fine{color:var(--ink-3);font-size:13.5px}.pb-list{margin:0;padding:0;list-style:none}.pb-list li{border-bottom:1px solid var(--line)}.pb-list li:first-child{border-top:1px solid var(--line)}.pb-list a{min-height:64px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;text-decoration:none;display:flex}.pb-list b{font-size:clamp(16px,1.5vw,19px);font-weight:500;line-height:1.5}.pb-list svg{color:var(--ink-3);transition:translate .25s var(--ease-out),color .2s ease;flex:none}.pb-list a:active{opacity:.7}@media (hover:hover) and (pointer:fine){.pb-list a:hover svg{color:var(--accent);translate:-5px}}.pick-band.arm .pb-steps i:after{transform:scaleX(0)}.pick-band.arm .pb-copy h2,.pick-band.arm .pb-copy p,.pick-band.arm .pb-acts,.pick-band.arm .pb-list li{opacity:0;filter:blur(6px);translate:0 12px}.pick-band.in .pb-steps i:after{transition:transform .42s var(--ease-out);transform:scaleX(1)}.pick-band.in .pb-steps i:nth-child(2):after{transition-delay:.14s}.pick-band.in .pb-steps i:nth-child(3):after{transition-delay:.28s}.pick-band.in .pb-steps i:nth-child(4):after{transition-delay:.42s}.pick-band.in .pb-copy h2,.pick-band.in .pb-copy p,.pick-band.in .pb-acts,.pick-band.in .pb-list li{opacity:1;filter:blur();transition:opacity .5s var(--ease-out),filter .5s var(--ease-out),translate .5s var(--ease-out);translate:0}.pick-band.in .pb-copy p{transition-delay:60ms}.pick-band.in .pb-acts{transition-delay:.12s}.pick-band.in .pb-list li:first-child{transition-delay:.1s}.pick-band.in .pb-list li:nth-child(2){transition-delay:.17s}.pick-band.in .pb-list li:nth-child(3){transition-delay:.24s}.pick-band.in .pb-list li:nth-child(4){transition-delay:.31s}.pick-band.in .pb-list li:nth-child(5){transition-delay:.38s}@media (width<=900px){.pick-band{grid-template-columns:1fr}}@media (width<=560px){.pick-wrap{padding-inline:16px}.pick-band{border-radius:22px}}@media (prefers-reduced-motion:reduce){.pick-band *{transition:none!important}}.pb-head{align-items:center;gap:clamp(10px,2vw,24px);display:flex}.pb-head h2{flex:1 1 0;min-width:0;max-width:none}.pb-art{flex:none;width:clamp(92px,12vw,176px);height:auto;display:block;overflow:visible}.pb-steps i:nth-child(5):after,.pick-band.in .pb-steps i:nth-child(5):after{transition-delay:.56s}@media (width<=560px){.pb-head{gap:8px}.pb-art{width:96px}}.pick-wrap.tq-wrap{margin-top:16px}.tq-copy{display:contents}.tq-copy h2{grid-area:h;align-self:end}.tq-copy p{grid-area:p}.tq-copy .pb-acts{grid-area:a;align-self:start}.tq-read{grid-area:r}.tq-band{border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease-out);border-radius:28px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h r""p r""a r";align-items:center;gap:0 clamp(24px,4vw,64px);padding:clamp(24px,4vw,48px);display:grid;position:relative}.tq-copy h2{font-family:var(--font-disp);text-wrap:balance;font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1.15}.tq-copy p{color:var(--ink-2);max-width:40ch;margin-top:14px;margin-bottom:24px;font-size:clamp(16px,1.4vw,19px);line-height:1.8}.tq-band .btn:after{content:"";border-radius:inherit;position:absolute;inset:0}.tq-band .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tq-band .btn:active{transform:scale(.97)}.tq-read{text-align:start;flex-direction:column;flex:none;align-items:flex-start;gap:6px;display:flex}.tq-tags{font-family:var(--font-lat);letter-spacing:.08em;color:var(--ink-3);gap:14px;font-size:15px;font-weight:600;display:flex}.tq-tags i{font-style:normal}.tq-read b{font-family:var(--font-lat);color:var(--accent);white-space:nowrap;transition:translate .2s var(--ease-out);font-size:clamp(56px,7vw,96px);font-weight:800;line-height:.95;display:block}.tq-read b small{letter-spacing:.06em;color:var(--ink-3);margin-inline-start:8px;font-size:.32em;font-weight:600}@media (hover:hover) and (pointer:fine){.tq-band:hover{border-color:#fc06}.tq-band:hover .tq-read b{translate:-3px}.tq-band:hover .btn{filter:brightness(1.05)}}@media (width<=700px){.tq-band{border-radius:22px;grid-template-columns:1fr;grid-template-areas:"h""p""r""a"}.tq-copy p{margin-bottom:18px}.tq-read{margin-bottom:22px}.tq-read b{font-size:56px}}@media (prefers-reduced-motion:reduce){.tq-band,.tq-read b{transition:none}}