:root{--bg: #fdf9ec;--bg-2: #f6efd6;--panel: #ffffff;--panel-2: #fbf5df;--line: #ecdfb2;--line-2: #d8c789;--text: #0b2a3b;--muted: #6a7a86;--accent: #0d6efd;--accent-deep: #0a3d91;--accent-tint: #dceaff;--sun: #f6c445;--sun-deep: #d99a1a;--sun-tint: #fdeeb4;--coral: #ff6b57;--coral-tint: #ffd9d1;--yes: #0d6efd;--no: #ff6b57}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1000px 500px at 90% -10%,var(--sun-tint) 0%,transparent 55%),radial-gradient(900px 500px at -5% 20%,#d9ecff 0%,transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.serif{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-weight:400;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app{min-height:100%;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--sun) 0%,var(--accent) 100%);display:grid;place-items:center;color:#fff;font-size:16px;box-shadow:0 6px 18px -4px #0d6efd66,inset 0 -2px 6px #00000014;transform:rotate(-6deg);transition:transform .25s ease}.brand:hover .brand-mark{transform:rotate(4deg) scale(1.05)}.brand-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 6px 18px -6px #00000040;transition:transform .25s ease}.brand:hover .brand-logo{transform:rotate(-4deg) scale(1.05)}.brand-word{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-size:30px;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--text);display:inline-flex;align-items:baseline}.brand-on{font-style:italic;color:var(--accent);margin:0 3px;font-size:26px;transform:translateY(-1px);display:inline-block}.brand-launch{font-weight:500;background:linear-gradient(90deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-dot{color:var(--sun-deep);margin-left:1px}.nav-status{display:inline-flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.nav-status b{color:var(--text);font-weight:700}.nav-right{display:flex;align-items:center;gap:6px}.nav-right a{padding:8px 14px;border-radius:999px;color:var(--text);font-size:14px;font-weight:500}.nav-right a:hover{background:var(--panel)}.nav-right a.active{background:var(--text);color:#fff}.nav-right .pill{background:var(--sun);border:1px solid var(--sun-deep);color:var(--text);font-weight:700}.nav-right .pill:hover{background:var(--sun);filter:brightness(1.03)}.container{max-width:1180px;margin:0 auto;padding:8px 32px 60px;width:100%;flex:1}.hero{text-align:center;padding:40px 0 20px;position:relative}.hero .kicker{display:inline-flex;align-items:center;gap:6px;background:var(--sun-tint);color:var(--sun-deep);font-weight:700;padding:5px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--sun)}.hero h1{font-size:74px;line-height:1.02;margin:18px 0 14px;letter-spacing:-.03em;font-weight:500}.hero h1 .wave{color:var(--accent);font-style:italic}.hero h1 .sun{color:var(--sun-deep);font-style:italic}.hero p{max-width:600px;margin:0 auto;color:var(--muted);font-size:16px}.hero p .accent{color:var(--coral);font-weight:600}.claim-row{display:grid;grid-template-columns:1fr 220px auto;gap:10px;max-width:820px;margin:26px auto 30px;background:var(--panel);padding:8px;border-radius:18px;border:1px solid var(--line);box-shadow:0 10px 40px -20px #0d6efd40}@media(max-width:720px){.claim-row{grid-template-columns:1fr}}.claim-input,.claim-select{background:transparent;border:none;border-radius:12px;padding:14px 16px;font:inherit;color:var(--text);width:100%}.claim-input:focus,.claim-select:focus{outline:none;background:var(--bg-2)}.claim-input::placeholder{color:var(--muted)}.claim-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236a7a86' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:36px;border-left:1px solid var(--line)}.claim-btn{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:0 26px;font-weight:700;font-size:15px;letter-spacing:-.01em;box-shadow:0 4px 14px #0d6efd59}.claim-btn:hover{background:var(--accent-deep)}.cats-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.cats-strip::-webkit-scrollbar{display:none}.cat-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.cat-chip .ct{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.cat-chip:hover{border-color:var(--line-2)}.cat-chip.on{background:var(--text);color:#fff;border-color:var(--text)}.cat-chip.on .ct{color:#ffffffb3}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 14px;gap:12px;flex-wrap:wrap}.section-head h2{margin:0;font-family:"Instrument Serif",serif;font-size:34px;font-weight:400;letter-spacing:-.02em}.section-head h2 span{color:var(--muted);font-size:20px;margin-left:8px}.tabs{display:inline-flex;gap:4px;background:var(--panel);border:1px solid var(--line);padding:4px;border-radius:999px}.tab{padding:6px 14px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.tab.on{background:var(--sun);color:var(--text)}.why-strip{max-width:900px;margin:60px auto 20px}.why-h{text-align:center;font-size:32px;margin:0 0 24px;font-weight:400;letter-spacing:-.02em}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:720px){.why-grid{grid-template-columns:1fr}}.why-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;transition:border-color .15s ease,transform .15s ease}.why-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.why-emoji{font-size:30px;margin-bottom:10px}.why-card h3{margin:0 0 6px;font-size:17px;font-weight:700;letter-spacing:-.01em}.why-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.waitlist-card{max-width:720px;margin:10px auto 50px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px 32px 28px;text-align:center;box-shadow:0 20px 60px -30px #0d6efd40}.wl-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--accent-tint);color:var(--accent-deep);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wl-h{font-size:32px;margin:14px 0 6px;letter-spacing:-.02em;font-weight:400}.wl-sub{margin:0 0 18px;font-size:14px}.wl-form{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:460px;margin:0 auto}@media(max-width:520px){.wl-form{grid-template-columns:1fr}}.wl-input{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font:inherit;color:var(--text)}.wl-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.wl-ok{margin-top:14px;color:var(--accent-deep);font-weight:600;background:var(--accent-tint);border:1px solid var(--accent);padding:10px 14px;border-radius:12px;display:inline-block}.featured{max-width:900px;margin:0 auto}.feat-head{text-align:center;margin-bottom:20px}.feat-eyebrow{display:inline-flex;gap:6px;background:var(--sun-tint);color:var(--sun-deep);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--sun)}.feat-head h2{font-size:32px;margin:12px 0 0;letter-spacing:-.02em;font-weight:400}.feat-card{display:grid;grid-template-columns:80px 1fr auto;gap:22px;align-items:center;padding:24px;background:linear-gradient(135deg,var(--sun-tint) 0%,var(--panel) 55%,var(--accent-tint) 100%);border:1px solid var(--sun);border-radius:22px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 12px 40px -20px #f6c44599;color:var(--text)}.feat-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px -20px #f6c445b3}@media(max-width:640px){.feat-card{grid-template-columns:1fr;text-align:center}}.feat-logo{width:80px;height:80px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;margin:0 auto}.feat-logo img{width:56px;height:56px;object-fit:contain;image-rendering:-webkit-optimize-contrast}.feat-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}@media(max-width:640px){.feat-title-row{justify-content:center}}.feat-name{font-size:26px;font-weight:800;letter-spacing:-.02em}.feat-url{color:var(--accent);font-size:14px;font-weight:600}.feat-tag{color:var(--muted);margin:6px 0 12px;font-size:15px;line-height:1.5}.feat-tags{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:640px){.feat-tags{justify-content:center}}.feat-tag-pill{background:#fff9;border:1px solid var(--line);font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;color:var(--text)}.feat-stat{text-align:right}@media(max-width:640px){.feat-stat{text-align:center}}.feat-n{font-family:"Instrument Serif",serif;font-size:52px;font-weight:400;color:var(--accent);line-height:1;letter-spacing:-.03em}.feat-l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:6px}.soon{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.uc{max-width:620px;margin:40px auto;text-align:center;padding:20px}.uc-badge{display:inline-flex;background:var(--sun-tint);color:var(--sun-deep);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--sun)}.uc-h{font-size:44px;margin:18px 0 12px;font-weight:400;letter-spacing:-.02em}.uc-p{color:var(--muted);font-size:16px;margin:0 auto 24px;max-width:500px;line-height:1.6}.uc-form{max-width:460px;margin:0 auto}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:900px;margin:8px auto 30px}@media(max-width:700px){.summary-strip{grid-template-columns:repeat(2,1fr)}}.sum-cell{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.sum-cell:nth-child(1){background:var(--sun-tint);border-color:var(--sun)}.sum-cell:nth-child(2){background:var(--accent-tint);border-color:var(--accent)}.sum-n{font-size:24px;font-weight:800;letter-spacing:-.02em}.sum-l{color:var(--muted);font-size:12px;margin-top:2px}.src{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.src.ok{background:#dcfce7;color:#166534}.src.warn{background:var(--sun-tint);color:var(--sun-deep)}.src.mute{background:var(--panel-2);color:var(--muted)}.stat-strip{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.stat-cell{text-align:right;min-width:60px}.stat-cell .sn{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.stat-cell .sl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:1px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px}.sn-big{font-size:24px;font-weight:800;letter-spacing:-.02em}.sl-big{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-weight:600}.disclaimer{text-align:center;color:var(--muted);font-size:13px;margin-top:24px}.disclaimer a{color:var(--accent);font-weight:600}.rows{display:flex;flex-direction:column;gap:10px}.row{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 20px;transition:border-color .15s ease,transform .12s ease}.row:hover{border-color:var(--line-2);transform:translateY(-1px)}.row.top{background:linear-gradient(90deg,var(--sun-tint) 0%,var(--panel) 60%);border-color:var(--sun)}.row .logo{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px;background:var(--text);position:relative}.row .logo .rank-badge{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--sun);color:var(--text);font-weight:800;font-size:11px;display:grid;place-items:center;border:2px solid var(--panel)}.row.top .logo .rank-badge{background:var(--text);color:var(--sun)}.row-main{min-width:0}.row-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.row-title .name{font-weight:700;font-size:17px}.row-title .name:hover{color:var(--accent)}.row-title .url{color:var(--muted);font-size:13px}.row-milestone{color:var(--text);font-size:14px;margin-top:4px}.row-milestone .ms-tag{display:inline-block;background:var(--accent-tint);color:var(--accent-deep);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-right:8px;text-transform:uppercase;letter-spacing:.06em}.row-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:8px;flex-wrap:wrap}.row-meta .bin{color:var(--text);font-weight:600}.row-meta a.details{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.row-odds{text-align:center}.row-odds .ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--coral) 0);padding:6px}.row-odds .ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--panel)}.row-odds .ring .n{position:relative;font-size:22px;font-weight:800;letter-spacing:-.02em}.row-odds .lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-top:6px;font-weight:600}.row-vote{display:flex;flex-direction:column;gap:6px;min-width:130px}.row-vote .btn{padding:9px 10px;font-size:13px;border-radius:10px}.row-vote .picked-note{text-align:center;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.btn{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:600}.btn:hover:not(:disabled){border-color:var(--line-2)}.btn.yes{border-color:var(--accent);color:var(--accent)}.btn.yes:hover:not(:disabled){background:var(--accent);color:#fff}.btn.no{border-color:var(--coral);color:var(--coral)}.btn.no:hover:not(:disabled){background:var(--coral);color:#fff}.btn.yes.picked{background:var(--accent);color:#fff}.btn.no.picked{background:var(--coral);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.9}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep)}.btn.sunny{background:var(--sun);border-color:var(--sun-deep);color:var(--text)}.btn.sunny:hover{filter:brightness(1.03)}.product .back{color:var(--muted);font-size:14px;display:inline-block;margin-bottom:10px}.product .back:hover{color:var(--text)}.p-head{display:flex;align-items:center;gap:18px;margin-top:14px}.p-head .logo{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:28px}.p-head h1{margin:0;font-size:44px;letter-spacing:-.03em;font-weight:500;font-family:"Instrument Serif",serif}.p-head .p-url{color:var(--accent);font-size:14px}.p-tagline{color:var(--muted);margin:12px 0 24px;font-size:16px;max-width:700px}.p-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}@media(max-width:860px){.p-grid{grid-template-columns:1fr}}.p-main{display:flex;flex-direction:column;gap:16px}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.ms-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.ms-big{font-size:24px;font-weight:700;margin:6px 0 10px;letter-spacing:-.01em}.ms-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}.bar{display:flex;height:40px;border-radius:12px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:700}.bar-yes{background:var(--accent);color:#fff;display:flex;align-items:center;padding:0 14px}.bar-no{background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 14px}.meta-row{color:var(--muted);font-size:13px;display:flex;gap:8px}.actions{display:flex;gap:10px}.actions.big .btn{padding:14px 18px;font-size:15px}.hint{color:var(--muted);font-size:13px}.c-form{display:flex;gap:8px;margin-bottom:12px}.c-form input{flex:1}.c-list{display:flex;flex-direction:column;gap:12px}.c-item{border-top:1px solid var(--line);padding-top:10px}.c-item:first-child{border-top:none;padding-top:0}.c-head{font-size:13px;margin-bottom:3px}.muted{color:var(--muted)}.page-title{font-family:"Instrument Serif",serif;font-size:52px;font-weight:400;margin:12px 0 4px;letter-spacing:-.02em}.page-sub{color:var(--muted);margin:0 0 24px}.lb{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.lb-head,.lb-row{display:grid;grid-template-columns:60px 1.4fr 1fr 1fr 1fr 1fr;padding:14px 20px;align-items:center;gap:8px}.lb-head{background:var(--panel-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.lb-row{border-top:1px solid var(--line);font-size:14px}.lb-row.me{background:var(--sun-tint)}.rank{font-weight:700}.handle{font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}@media(max-width:600px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.stat.sun{background:var(--sun-tint);border-color:var(--sun)}.stat.blue{background:var(--accent-tint);border-color:var(--accent)}.s-n{font-size:32px;font-weight:700;letter-spacing:-.02em}.s-l{color:var(--muted);font-size:13px;margin-top:2px;font-weight:500}.picks{display:flex;flex-direction:column;gap:8px}.pick-row{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center}.pick-row:hover{border-color:var(--line-2)}.pick-name{font-weight:600}.pick-choice{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:700}.pick-choice.yes{background:var(--accent-tint);color:var(--accent-deep)}.pick-choice.no{background:var(--coral-tint);color:var(--coral)}.submit .form{display:flex;flex-direction:column;gap:14px;max-width:620px}.form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px;font-weight:500}.form input,.c-form input{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);font:inherit}.form input:focus,.c-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.banner{background:var(--sun-tint);border:1px solid var(--sun);color:var(--text);padding:12px 14px;border-radius:12px;margin-bottom:16px;font-weight:500}.foot{text-align:center;color:var(--muted);font-size:13px;padding:40px 20px}.foot .wave{color:var(--accent)}.foot-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.foot-links a{color:var(--text);font-weight:600}.foot-links a:hover{color:var(--accent)}.foot-sep{color:var(--muted)}.doc{max-width:760px;margin:0 auto;padding:10px 0 40px}.doc-panel{margin-bottom:14px}.doc-panel p{margin:0 0 12px;line-height:1.7;color:var(--text)}.doc-panel p:last-child{margin-bottom:0}.doc-panel .doc-lead{font-size:18px}.doc-h{margin:0 0 12px;font-size:20px;font-weight:700;letter-spacing:-.01em}.doc-ul{margin:0 0 12px;padding-left:22px;line-height:1.75}.doc-ul li{margin-bottom:4px}.doc-a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.doc-a:hover{color:var(--accent-deep)}
