:root{--bg:#0c0908;--bg-1:#140f0e;--bg-2:#1c1513;--line:#2a201d;--line-soft:#221a18;--txt:#f6efe9;--txt-dim:#b6a8a1;--txt-mut:#8a7c75;--acc:#c31;--acc-deep:#a3280d;--acc-soft:#ff8a5c;--gold:#f6b545;--paper:#f4efe7;--ink:#1c1512;--r:14px;--shadow:0 18px 50px -12px #000000b3;--shadow-acc:0 14px 44px -10px #ff4d2a73;--ease:cubic-bezier(.16,1,.3,1)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:64px}.mk-noise{z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.disp{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;letter-spacing:-.02em;font-weight:800;line-height:1.02}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--acc-soft);font-size:.72rem;font-weight:700}.mk-nav-link{color:var(--txt-dim);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.mk-nav-link:hover{color:var(--txt)}.mk-prod{border:1px solid var(--line);background:var(--bg-1);color:var(--txt-dim);white-space:nowrap;transition:.2s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.mk-prod:hover{border-color:var(--acc);color:var(--txt);background:var(--bg-2)}.mk-prod svg{opacity:.55;transition:opacity .2s}.mk-prod:hover svg{opacity:1}.mk-sep{background:var(--line);width:1px;height:22px;margin:0 2px}.mk-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);animation:mkFade .22s var(--ease);background:#0c0908fa;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes mkFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.mk-ov-top{min-height:64px;padding:env(safe-area-inset-top) clamp(18px,4vw,56px) 0;flex:none;justify-content:space-between;align-items:center;display:flex}.mk-ov-body{flex-direction:column;gap:26px;padding:14px clamp(22px,7vw,44px) 40px;display:flex}.mk-grp-h{letter-spacing:.2em;text-transform:uppercase;color:var(--txt-mut);margin:0 0 4px;font-size:.7rem;font-weight:700}.mk-ov-link{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;color:var(--txt);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:1.45rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.mk-ov-link:hover,.mk-ov-link:active{color:var(--acc-soft)}.mk-ov-link svg{color:var(--txt-mut)}.btn{font-family:var(--font-hanken),"Hanken Grotesk",sans-serif;cursor:pointer;transition:transform .12s var(--ease),box-shadow .3s,background .25s;border:none;border-radius:10px;align-items:center;gap:8px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.96)}.btn-ghost{color:var(--txt);background:0 0;padding:9px 14px}.btn-ghost:hover{color:var(--acc-soft)}.btn-acc{background:var(--acc);color:#fff;box-shadow:var(--shadow-acc);padding:10px 20px}.btn-acc:hover{background:var(--acc-deep);transform:translateY(-1px)}.btn-light{background:var(--txt);color:#1a1110;padding:10px 20px}.btn-light:hover{background:#fff;transform:translateY(-1px)}.btn-lg{border-radius:12px;padding:14px 26px;font-size:1rem}@keyframes heroLineIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-line{animation:heroLineIn .7s var(--ease) both}@keyframes betaPulse{0%,to{box-shadow:0 0 #ff4d2a00}50%{box-shadow:0 0 0 6px #ff4d2a1f}}.beta-dot{animation:betaPulse 2.4s var(--ease) infinite}.hero-google{transition:transform .2s var(--ease),box-shadow .2s var(--ease);display:inline-block}.hero-google:hover{transform:scale(1.02);box-shadow:0 12px 32px #ff4d2a2e}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-4%,3%)scale(1.08)}}@keyframes morph{0%,to{border-radius:46% 54% 58% 42%/47% 42% 58% 53%;transform:rotate(0)}50%{border-radius:58% 42% 44% 56%/55% 56% 44% 45%;transform:rotate(8deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes fall{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.feat{border-top:1px solid var(--line-soft);align-items:flex-end;min-height:92vh;padding:clamp(40px,8vh,90px) clamp(18px,4vw,56px) clamp(40px,7vh,84px);display:flex;position:relative;overflow:hidden}.feat-bg{z-index:0;position:absolute;inset:0}.feat-bg .mesh{filter:saturate(1.15);animation:drift 22s var(--ease) infinite alternate;background:radial-gradient(40% 55% at 78% 30%,#ff4d2a8c,#0000 60%),radial-gradient(36% 50% at 92% 64%,#f6b5454d,#0000 60%),radial-gradient(50% 60% at 60% 90%,#e2341466,#0000 65%);position:absolute;inset:-20%}.feat-bg .vig{background:linear-gradient(90deg,var(--bg) 8%,#0c090866 46%,transparent 70%),linear-gradient(0deg,var(--bg) 4%,transparent 42%);position:absolute;inset:0}.feat-orb{aspect-ratio:1;z-index:0;background:conic-gradient(from 130deg,var(--acc),var(--gold),var(--acc-deep),var(--acc));filter:blur(6px)saturate(1.2);opacity:.92;width:min(42vw,520px);animation:morph 14s var(--ease) infinite;border-radius:46% 54% 58% 42%/47% 42% 58% 53%;position:absolute;top:28%;right:6%;box-shadow:inset 0 0 120px #00000080}.feat-inner{z-index:2;max-width:640px;position:relative}.pill{letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.pill.live{background:var(--acc);color:#fff;border-color:#0000}.pill.live .ld{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse}.pill.rank{color:var(--gold);background:#f6b54521;border-color:#f6b5454d}.pill.demo{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;background:#f6b5451a;border-color:#f6b54540;font-size:.64rem}.feat h2{margin:6px 0 4px;font-size:clamp(3rem,8.5vw,6.6rem)}.feat .by{font-size:clamp(.9rem,1.5vw,1.05rem);font-family:var(--font-hanken),"Hanken Grotesk",sans-serif;letter-spacing:.02em;color:var(--txt-mut);margin-bottom:14px;font-weight:600;display:block}.feat p.lead{color:var(--txt-dim);max-width:33ch;margin:14px 0 8px;font-size:clamp(1.05rem,1.7vw,1.32rem)}.feat-meta{flex-wrap:wrap;align-items:center;gap:22px;margin:20px 0 26px;display:flex}.feat-meta .m{color:var(--txt-dim);align-items:center;gap:8px;font-size:.92rem;display:flex}.feat-meta .m b{color:var(--txt);font-weight:700}.scroll-hint{z-index:3;color:var(--txt-mut);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint .ln{background:linear-gradient(var(--acc),transparent);width:1px;height:34px;animation:fall 2s var(--ease) infinite}@media (max-width:820px){.feat-orb{opacity:.5;right:-10%}.feat-bg .vig{background:linear-gradient(0deg,var(--bg) 10%,#0c09084d 60%)}}.upvote{border:1px solid var(--line);background:var(--bg-1);cursor:pointer;transition:.18s var(--ease);color:var(--txt);font-weight:800;line-height:1;font-family:var(--font-hanken),"Hanken Grotesk",sans-serif;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px 13px;display:inline-flex}.upvote .tri{color:var(--acc);font-size:.66rem;transition:all .18s}.upvote .n{margin-top:2px;font-size:.96rem}.upvote:hover{border-color:var(--acc);box-shadow:var(--shadow-acc);transform:translateY(-2px)}.upvote.voted{background:var(--acc);border-color:var(--acc);color:#fff}.upvote.voted .tri{color:#fff;transform:translateY(-2px)}.mini-up{border:1px solid var(--line);cursor:pointer;transition:.16s var(--ease);color:var(--txt);font-size:.82rem;font-weight:800;font-family:var(--font-hanken),"Hanken Grotesk",sans-serif;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.mini-up .tri{color:var(--acc);font-size:.6rem}.mini-up:hover{border-color:var(--acc);transform:translateY(-2px)}.mini-up.voted{background:var(--acc);border-color:var(--acc);color:#fff}.mini-up.voted .tri{color:#fff}@keyframes marq{to{transform:translate(-50%)}}.mq-wrap{position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mq{will-change:transform;gap:16px;width:max-content;animation:42s linear infinite marq;display:flex}.mq.rev{margin-top:14px;animation-duration:54s;animation-direction:reverse}.mq-wrap:hover .mq{animation-play-state:paused}.rt-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:16px;flex:none;width:268px;overflow:hidden}.rt-cov{aspect-ratio:16/9;background:linear-gradient(135deg,#221a18,#15100f);justify-content:center;align-items:center;display:flex;position:relative}.rt-cov:after{content:"";background:radial-gradient(circle at 28% 24%,#ff4d2a24,#0000 60%);position:absolute;inset:0}.rt-logo{z-index:1;object-fit:contain;width:auto;max-width:64%;height:60px;position:relative}.rt-body{padding:14px 16px}.rt-nm{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;font-size:1.1rem;font-weight:800}.rt-tg{color:var(--txt-dim);font-size:.78rem}.tpl-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:14px;flex:none;align-items:center;gap:11px;padding:10px 18px 10px 12px;display:flex}.tpl-nm{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;letter-spacing:-.01em;white-space:nowrap;font-size:1.02rem;font-weight:800}.mq-export{text-align:center;max-width:560px;color:var(--txt-dim);margin:30px auto 0;padding:0 24px;font-size:.96rem;line-height:1.6}.mq-export b{color:var(--txt);font-weight:700}.rail{padding:clamp(34px,5vh,52px) 0;position:relative}.rail-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding:0 clamp(18px,4vw,56px);display:flex}.rail-head h2{font-size:clamp(1.25rem,2.4vw,1.7rem)}.rail-head .more{color:var(--txt-mut);align-items:center;gap:6px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.rail-head .more:hover{color:var(--acc-soft);gap:10px}.track-wrap{position:relative}.track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:8px clamp(18px,4vw,56px);scroll-padding-left:clamp(18px,4vw,56px);display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.arrow{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--txt);cursor:pointer;opacity:0;pointer-events:none;background:#140f0edb;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s,background .2s,border-color .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:var(--acc);border-color:var(--acc);color:#fff}.arrow.l{left:12px}.arrow.r{right:12px}.track-wrap:hover .arrow,.track-wrap:focus-within .arrow{opacity:1;pointer-events:auto}.arrow:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--acc-soft);outline-offset:2px}@media (max-width:820px){.arrow{display:none!important}}.card{scroll-snap-align:start;cursor:pointer;width:248px;transition:transform .32s var(--ease);flex:none;position:relative}.card:hover{z-index:5;transform:scale(1.06)translateY(-4px)}.poster{aspect-ratio:16/10;border-radius:var(--r);border:1px solid var(--line-soft);box-shadow:var(--shadow);position:relative;overflow:hidden}.poster .cov{position:absolute;inset:0}.poster .cov:before{content:"";z-index:1;background:linear-gradient(#0000 30%,#000000c7);position:absolute;inset:0}.poster .cat{z-index:2;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--txt);background:#0c090899;border-radius:8px;padding:4px 9px;font-size:.66rem;font-weight:700;position:absolute;top:10px;left:10px}.poster .new{z-index:2;letter-spacing:.06em;background:var(--acc);color:#fff;text-transform:uppercase;border-radius:8px;padding:4px 8px;font-size:.6rem;font-weight:800;position:absolute;top:10px;right:10px}.poster .pmeta{z-index:2;align-items:center;gap:9px;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.poster .pmeta-txt{min-width:0}.poster .pmeta .nm{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.16rem;font-weight:800;overflow:hidden}.poster .pmeta .tg{color:var(--txt-dim);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.card .row2{justify-content:space-between;align-items:center;gap:10px;margin-top:11px;display:flex}.makers{color:var(--txt-mut);align-items:center;gap:7px;font-size:.78rem;display:flex}.av{color:#1a1110;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.62rem;font-weight:800;display:flex}.track.top10{align-items:center}.rank-card{scroll-snap-align:start;cursor:pointer;flex:none;align-items:flex-end;display:flex}.rank-num{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;letter-spacing:-.06em;color:#0000;-webkit-text-stroke:2px var(--line);z-index:0;transition:.3s var(--ease);margin-right:-22px;font-size:11rem;font-weight:800;line-height:.72;position:relative}.rank-card:hover .rank-num{-webkit-text-stroke-color:var(--acc);color:#ff4d2a14}.rank-card .poster{aspect-ratio:3/4;width:188px;transition:transform .32s var(--ease)}.rank-card:hover .poster{transform:scale(1.05)translateY(-4px)}.launch{background:linear-gradient(180deg,var(--bg-1),var(--bg));border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.lrow{border-radius:var(--r);transition:.2s var(--ease);border:1px solid #0000;align-items:center;gap:18px;padding:16px;display:flex}.lrow:hover{background:var(--bg-1);border-color:var(--line-soft)}.lrow .lnum{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;color:var(--txt-mut);text-align:center;width:22px;font-size:1.1rem;font-weight:800}.lrow .licon{width:54px;height:54px;font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;color:#fff;box-shadow:var(--shadow);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.lrow .lbody{flex:1;min-width:0}.lrow .lbody .lt{flex-wrap:wrap;align-items:center;gap:9px;font-size:1.05rem;font-weight:700;display:flex}.lrow .lbody .lt .tag{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid #f6b5454d;border-radius:8px;padding:2px 7px;font-size:.64rem;font-weight:800}.lrow .lbody .ld{color:var(--txt-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.lrow .lbody .ls{color:var(--txt-mut);gap:14px;margin-top:5px;font-size:.78rem;display:flex}.lrow .lbody .ls span{align-items:center;gap:5px;display:inline-flex}.fcard{background:var(--bg-1);border:1px solid var(--line-soft);transition:transform .28s var(--ease),border-color .28s;border-radius:16px;padding:26px 24px}.fcard:hover{border-color:var(--acc);transform:translateY(-4px)}.fcard .step-n{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;color:var(--acc);margin-bottom:14px;font-size:1.9rem;font-style:italic;font-weight:800;line-height:1}.fcard h3{margin:0 0 8px;font-size:1.18rem}.fcard p{color:var(--txt-dim);margin:0;font-size:.92rem;line-height:1.6}.cat-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:14px;max-width:1040px;margin:0 auto;display:grid}.cat-card{border-radius:var(--r);border:1px solid var(--line);background:var(--bg-1);text-align:left;transition:.2s var(--ease);flex-direction:column;align-items:flex-start;gap:9px;padding:20px 18px;text-decoration:none;display:flex}.cat-card:hover{border-color:var(--acc);background:var(--bg-2);transform:translateY(-3px)}.cat-ic{width:42px;height:42px;color:var(--acc-soft);transition:.2s var(--ease);background:#ff4d2a1f;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.cat-card:hover .cat-ic{color:var(--acc);background:#ff4d2a33}.cat-l{color:var(--txt);font-size:1rem;font-weight:700}.cat-d{color:var(--txt-mut);font-size:.82rem;line-height:1.45}@media (max-width:820px){.rank-num{-webkit-text-stroke-width:1.5px;margin-right:-14px;font-size:6.5rem}.rank-card .poster{width:150px}.card{width:216px}.feat{min-height:88vh}.feat-meta{gap:14px}.lrow{gap:12px;padding:14px 10px}.lrow .licon{width:46px;height:46px;font-size:1.25rem}.lrow .lbody .ls{flex-wrap:wrap;row-gap:2px}.launch .upvote{padding:7px 10px}.rail-head{flex-wrap:wrap;row-gap:4px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}.hero-line{opacity:1;animation:none;transform:none}}