@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-latin.woff2) format('woff2')} :root{--bg:#fbfbfd;--bg2:#fff;--fg:#0b1220;--mut:#5b6474;--line:#e7e9ef;--card:#fff;--acc:#00b386;--acc2:#4f46e5;--accbg:#e6f8f2;--warn:#b45309;--warnbg:#fef3c7;--red:#dc2626;--redbg:#fee2e2;--blue:#2563eb;--bluebg:#e0e7ff;--sh:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.06);--r:16px} [data-theme=dark]{--bg:#07090f;--bg2:#0d111a;--fg:#e8ecf3;--mut:#8b94a7;--line:#1c2230;--card:#0f141f;--accbg:#06281f;--warnbg:#2b1f05;--redbg:#2a0e0e;--bluebg:#141a3a;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)} @media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#07090f;--bg2:#0d111a;--fg:#e8ecf3;--mut:#8b94a7;--line:#1c2230;--card:#0f141f;--accbg:#06281f;--warnbg:#2b1f05;--redbg:#2a0e0e;--bluebg:#141a3a;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}} *{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased} a{color:inherit}.w{max-width:1160px;margin:0 auto;padding:0 20px} nav{position:sticky;top:0;z-index:20;backdrop-filter:saturate(180%) blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)} nav .w{display:flex;align-items:center;gap:20px;height:60px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.02em;text-decoration:none;font-size:18px} .mark{width:28px;height:28px;flex:none} nav .links{display:flex;gap:18px;margin-left:auto;font-size:14px;color:var(--mut)}nav .links a{text-decoration:none}nav .links a:hover{color:var(--fg)} .tt{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:16px} .hero{position:relative;overflow:hidden;padding:72px 0 40px}.hero:before{content:"";position:absolute;inset:-40% -10% auto -10%;height:620px;background:radial-gradient(600px 300px at 20% 30%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%),radial-gradient(520px 280px at 80% 10%,color-mix(in srgb,var(--acc2) 20%,transparent),transparent 70%);pointer-events:none} .pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)} .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 var(--acc);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}} h1{font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-.035em;margin:18px 0 14px;font-weight:800;max-width:860px} .grad{background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent} .lead{font-size:clamp(17px,2.2vw,20px);color:var(--mut);max-width:640px;margin:0} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 0;max-width:720px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh)} .stat b{display:block;font-size:clamp(20px,3vw,28px);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:12.5px;color:var(--mut)} .calc{position:relative;margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 60px -20px rgba(16,24,40,.25)} .calc h2{margin:0 0 12px;font-size:18px;letter-spacing:-.01em}.calcrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .money{display:flex;align-items:center;flex:1 1 260px;border:1.5px solid var(--line);border-radius:14px;padding:4px 14px;background:var(--bg2);transition:border-color .2s,box-shadow .2s}.money:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent)} .money span{font-size:26px;font-weight:700;color:var(--mut)}.money input{border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:28px;font-weight:700;width:100%;padding:8px 6px;letter-spacing:-.02em} .chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--bg2);color:var(--fg);border-radius:99px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.chip:hover,.chip.on{border-color:var(--acc);color:var(--acc)} .result{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:18px}.total{border-radius:16px;padding:18px;background:linear-gradient(135deg,var(--acc),#0ea5e9 60%,var(--acc2));color:#fff}.total small{opacity:.85;font-size:13px}.total b{display:block;font-size:40px;letter-spacing:-.03em;line-height:1.1;margin:6px 0} .picks{display:grid;gap:8px}.pick{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:transform .15s,border-color .15s}.pick:hover{transform:translateX(3px);border-color:var(--acc)} .pick .amt{margin-left:auto;font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums}.pick small{color:var(--mut);display:block;font-size:12.5px} .logo{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden;font-weight:800;font-size:14px;color:#334155}.logo img{width:24px;height:24px}.logo.lg{width:56px;height:56px;border-radius:14px}.logo.lg img{width:36px;height:36px} section{padding:44px 0 8px}.sh{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.sh h2{margin:0;font-size:26px;letter-spacing:-.02em}.sh p{margin:4px 0 0;color:var(--mut);font-size:14.5px} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh);text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s} a.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc) 50%,var(--line));box-shadow:0 14px 34px -12px rgba(16,24,40,.25)} .ch{display:flex;align-items:center;gap:10px}.ch .n{font-weight:700;line-height:1.2}.ch .t{font-size:12px;color:var(--mut)}.big{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.big small{font-size:13px;color:var(--mut);font-weight:500;letter-spacing:0} .meta{display:flex;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--mut)}.meta span{background:var(--bg);border:1px solid var(--line);padding:3px 8px;border-radius:8px} .bd{display:flex;gap:6px;flex-wrap:wrap}td .bd{flex-wrap:nowrap}.b{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:99px;letter-spacing:.01em;white-space:nowrap} .b.new{background:var(--bluebg);color:var(--blue)}.b.end{background:var(--redbg);color:var(--red)}.b.ok{background:var(--accbg);color:var(--acc)}.b.unv{background:var(--warnbg);color:var(--warn)}.b.exp{background:var(--line);color:var(--mut)} .cd{font-variant-numeric:tabular-nums} .tabs{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:4px;gap:2px}.tab{border:0;background:transparent;color:var(--mut);font:inherit;font-size:14px;font-weight:600;padding:7px 14px;border-radius:9px;cursor:pointer}.tab.on{background:var(--card);color:var(--fg);box-shadow:var(--sh)} .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filters input,.filters select{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg)} .tw{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:auto} table{width:100%;border-collapse:collapse;font-size:14px}th{position:sticky;top:0;background:var(--card);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;white-space:nowrap;user-select:none}th[aria-sort]:after{content:" ↓"}th[aria-sort=ascending]:after{content:" ↑"} td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:color-mix(in srgb,var(--acc) 5%,transparent)}.num{text-align:right;font-variant-numeric:tabular-nums}.inst{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600}.inst .logo{width:30px;height:30px;border-radius:8px}.inst .logo img{width:20px;height:20px} .mut{color:var(--mut)}.swipe{display:none}@media(max-width:820px){.swipe{display:inline;color:var(--acc);font-weight:600}}.sm{font-size:12.5px}.yield{font-weight:800;color:var(--acc)} .signup{margin:56px 0 0;border-radius:24px;padding:36px;background:radial-gradient(500px 200px at 10% 0%,color-mix(in srgb,var(--acc) 35%,transparent),transparent),radial-gradient(500px 240px at 100% 100%,color-mix(in srgb,var(--acc2) 40%,transparent),transparent),#0b1220;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center} .signup h2{margin:0 0 6px;font-size:30px;letter-spacing:-.02em}.signup p{margin:0;color:#c7cfdd}.signup .bh{min-width:0}.signup .bh-fb{margin-top:10px}.signup form{display:flex;gap:8px;flex-wrap:wrap}.signup input{flex:1 1 220px;font:inherit;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.signup input::placeholder{color:#aab3c3} .btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:14px 20px;background:var(--acc);color:#04130e;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)} .ticks{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#c7cfdd} footer{margin-top:56px;border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:var(--mut)}footer .w{display:grid;gap:10px} .trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--mut)}.trust b{color:var(--fg)} .fade{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.fade.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fade{opacity:1;transform:none}} .cloud{position:absolute;right:20px;top:20px;display:grid;grid-template-columns:repeat(3,64px);gap:14px;transform:rotate(-8deg);opacity:.95}.cloud span{width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);display:grid;place-items:center;animation:float 6s ease-in-out infinite}.cloud span:nth-child(2n){animation-delay:-3s}.cloud img{width:34px;height:34px}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:1100px){.cloud{display:none}}.ip-hero{padding-top:40px;padding-bottom:10px}.crumb{font-size:13.5px;color:var(--mut);text-decoration:none}.ip-head{display:flex;gap:16px;align-items:center;margin:16px 0 8px}.ip-head h1{font-size:clamp(28px,4.5vw,44px);margin:0} .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.ip-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}.panel h3{margin:0 0 10px;font-size:16px} .bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))} .hist{list-style:none;margin:0;padding:6px 20px}.hl{display:grid;grid-template-columns:64px 84px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}.hl:last-child{border-bottom:0}.hl time{color:var(--mut);font-size:13px;font-variant-numeric:tabular-nums}.hl .b{justify-self:start}@media(max-width:820px){.hl{grid-template-columns:52px 1fr}.hl>span:last-child{grid-column:1/-1}}.prose{max-width:760px}.prose h3{margin-top:24px} @media(max-width:820px){.sh{flex-direction:column;align-items:stretch}.tabs{display:flex}.tab{flex:1;white-space:nowrap;font-size:13px;padding:8px}.filters select,.filters input{flex:1 1 40%}td .sm{display:none}.inst span{font-size:13.5px}.grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.grid>.card{flex:0 0 78%;scroll-snap-align:start}.trust{gap:10px}.result,.signup,.ip-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}nav .links a.hm{display:none}.hero{padding:40px 0 24px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:10px}.stat span{font-size:11px}.hide-m{display:none}td,th{padding:10px 8px}.signup{padding:24px}}