: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:"";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{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{filter:drop-shadow(0 26px 24px #00000059);opacity:0;width:auto;max-width:none;height:72%;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{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{filter:drop-shadow(0 14px 12px #00000059);justify-self:center;width:auto;height:150px}.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:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:28px;display:grid}.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{filter:drop-shadow(0 10px 10px #0006);width:auto;height:92px;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 .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{flex-direction:column;height:auto}.strip{height:76px;transition:height .5s var(--ease-io);flex:none}.strip.on{height:300px}.strip .name{writing-mode:horizontal-tb;font-size:34px;top:20px;bottom:auto;transform:none}.strip.on .name{opacity:0}.strip .tool{height:80%;left:28%}.strip .info{max-width:52%}.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{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}