.nav{z-index:50;background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:28px;max-width:100%;padding:14px 28px;display:flex;position:sticky;top:0}.nav-links{flex-wrap:wrap;gap:22px;display:flex}.nav-links a{color:var(--text-dim);white-space:nowrap;font-size:13px;text-decoration:none;transition:color .12s}.nav-links a:hover{color:var(--text)}.nav-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}@media (max-width:960px){.nav-links{display:none}}@media (max-width:720px){.nav{gap:14px;padding:12px 16px}.nav-right{gap:8px;margin-left:auto}.nav .brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(46vw,11rem);overflow:hidden}}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}.hero{isolation:isolate;padding:84px 0 64px;position:relative;overflow-x:clip}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 25% 0%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 70%), radial-gradient(40% 50% at 85% 10%, color-mix(in oklab, var(--accent-ink) 12%, transparent), transparent 70%);width:100%;height:560px;position:absolute;top:-120px;left:0;right:0}.hero-eyebrow{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 11px 5px 7px;font-size:11.5px;font-weight:500;display:inline-flex}.hero-eyebrow b{color:var(--text);font-weight:600}.hero-eyebrow .tag{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.03em;border-radius:99px;padding:2px 7px;font-size:10.5px;font-weight:600}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:14ch;margin:0 0 22px;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1.02}.hero h1 .accent{background:linear-gradient(180deg, var(--accent-ink), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600}.hero p.lead{color:var(--text-dim);text-wrap:pretty;max-width:52ch;margin:0 0 32px;font-size:17px;line-height:1.5}.hero-ctas{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-meta{color:var(--text-faint);flex-wrap:wrap;gap:20px;margin-top:24px;font-size:12px;display:flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta svg{color:var(--accent)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.hero-grid>*{min-width:0}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:32px}}.mock-shell{width:100%;max-width:540px;margin:0 auto;padding:18px 12px 22px 16px;position:relative}.mock{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lift);transform-origin:50%;border-radius:14px;font-size:12px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-4deg)rotateX(1.5deg)}@media (max-width:960px){.mock-shell{max-width:none;padding:0}.mock{transform:none}}.mock-bar{border-bottom:1px solid var(--border);background:var(--bg-sunk);align-items:center;gap:8px;min-width:0;padding:9px 12px;display:flex}.mock-bar .dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:9px;height:9px}.mock-bar .url{background:var(--bg-elev);border:1px solid var(--border);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;min-width:0;margin-left:2px;padding:3px 10px;font-size:10.5px;overflow:hidden}.mock-body{grid-template-columns:minmax(0,132px) minmax(0,1fr);display:grid}@media (max-width:520px){.mock-body{grid-template-columns:1fr}}.mock-side{border-right:1px solid var(--border);background:var(--bg);padding:12px}@media (max-width:520px){.mock-side{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.mock-side h4{grid-column:1/-1;margin-bottom:0}}.mock-side h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 10px;font-size:9.5px;font-weight:600}.mock-slider{margin-bottom:10px}.mock-slider .lbl{justify-content:space-between;margin-bottom:4px;font-size:10.5px;display:flex}.mock-slider .lbl span:last-child{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--text-dim)}.mock-slider .track{background:var(--bg-sunk);border-radius:99px;height:3px;position:relative}.mock-slider .fill{border-radius:99px;position:absolute;top:0;bottom:0;left:0}.mock-slider .thumb{background:var(--bg-elev);border:1.5px solid var(--text);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.mock-main{padding:12px}.mock-hero{border:1px solid var(--border);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--accent-soft) 50%, transparent));border-radius:8px;grid-template-columns:1fr auto;gap:10px;margin-bottom:10px;padding:10px;display:grid}.mock-hero .eyebrow{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:9px;font-weight:600}.mock-hero .name{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mock-hero .merchant{color:var(--text-dim);margin-top:2px;font-size:10.5px}.mock-score{background:conic-gradient(var(--accent) 87%, var(--bg-sunk) 0);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative}.mock-score:before{content:"";background:var(--bg-elev);border-radius:50%;position:absolute;inset:4px}.mock-score span{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:14px;font-weight:600;position:relative}.mock-row{border-top:1px dashed var(--border);grid-template-columns:18px 28px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:7px 4px;display:grid}@media (max-width:400px){.mock-row{grid-template-columns:16px minmax(0,1fr) 28px}.mock-row .t{display:none}}.mock-row .r{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--text-faint);text-align:right;font-size:10px}.mock-row .t{background:var(--bg-sunk);border:1px solid var(--border);background-image:repeating-linear-gradient(135deg, color-mix(in oklab, var(--border) 70%, transparent) 0 1px, transparent 1px 5px);border-radius:5px;width:28px;height:28px}.mock-row .info{min-width:0}.mock-row .nm{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.mock-row .mt{color:var(--text-dim);font-size:9.5px}.mock-row .sb{text-align:center;font-family:var(--font-geist-mono), ui-monospace, monospace;background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;padding:3px 0;font-size:11px;font-weight:600}.mock-row .sb.med{background:var(--bg-sunk);color:var(--text)}.mock-float{z-index:2;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lift);border-radius:10px;align-items:center;gap:9px;max-width:min(220px,100% - 24px);padding:10px 12px;font-size:11px;animation:6s ease-in-out infinite bob;display:flex;position:absolute}.mock-float .icon{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-ink);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.mock-float b{font-size:11px;line-height:1.25;display:block}.mock-float.f1{top:0;right:0}.mock-float.f2{animation-delay:-3s;bottom:0;left:0}@media (max-width:960px){.mock-float{max-width:none;margin-top:10px;animation:none;position:static}.mock-shell{flex-direction:column;gap:8px;display:flex}}@media (max-width:520px){.mock-float.f1,.mock-float.f2{width:100%}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mock-float small{color:var(--text-faint);font-size:10px;display:block}section.block{padding:80px 0}.block-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink);margin:0 0 12px;font-size:11.5px;font-weight:600}.block-title{letter-spacing:-.02em;text-wrap:balance;max-width:20ch;margin:0 0 14px;font-size:clamp(28px,4vw,40px);font-weight:600}.block-lead{color:var(--text-dim);text-wrap:pretty;max-width:56ch;margin:0 0 40px;font-size:16px}.mix-section{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mix-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:880px){.mix-grid{grid-template-columns:1fr;gap:32px}}.mix-panel{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:22px}.mix-panel h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 16px;font-size:11px;font-weight:600}.mix-item{margin-bottom:14px}.mix-item .row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.mix-item .name{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.swatch{border-radius:3px;width:10px;height:10px}.mix-item .pct{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--text);font-size:13px}.mix-item .track{background:var(--bg-sunk);border:1px solid var(--border);border-radius:99px;height:4px;position:relative}.mix-item .fill{border-radius:99px;width:0;position:absolute;inset:0}.mix-item .thumb{background:var(--bg-elev);border:1.5px solid var(--text);width:14px;height:14px;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mix-bar-tot{background:var(--bg-sunk);border-radius:99px;height:6px;margin-top:16px;display:flex;overflow:hidden}.mix-bar-tot>span{height:100%;display:block}.top-pick-card{background:var(--bg-sunk);border:1px solid var(--border);border-radius:11px;align-items:center;gap:14px;margin-top:10px;padding:13px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.top-pick-card:first-of-type{margin-top:0}.top-pick-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translate(3px)}.top-pick-card .ring{background:conic-gradient(var(--accent) 78%, var(--bg-elev) 0);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;position:relative}.top-pick-card .ring:before{content:"";background:var(--bg-sunk);border-radius:50%;position:absolute;inset:4px}.top-pick-card .ring span{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:16px;font-weight:600;position:relative}.top-pick-card .info .e{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10.5px;font-weight:600}.top-pick-card .info .n{font-size:14px;font-weight:600}.top-pick-card .info .m{color:var(--text-dim);font-size:12px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:880px){.steps{grid-template-columns:1fr}}.step{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}.step:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.step .num{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--accent-ink);align-items:center;gap:6px;margin-bottom:16px;font-size:11px;display:flex}.step .num:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.step h3{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:600}.step p{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.55}.nets{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}@media (max-width:760px){.nets{grid-template-columns:1fr}}.net-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s}.net-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.net-card .head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.net-card .name{letter-spacing:-.005em;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.net-card .name .net-dot{width:9px;height:9px}.net-card .meta{color:var(--text-dim);font-size:11.5px;line-height:1.55}.net-card .row{border-top:1px dashed var(--border);color:var(--text-dim);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.net-card .row:first-of-type{border-top:0;padding-top:8px}.net-card .row b{color:var(--text);font-weight:500}.pricing{grid-template-columns:repeat(2,1fr);gap:14px;max-width:800px;margin:0 auto;display:grid}@media (max-width:720px){.pricing{grid-template-columns:1fr}}.plan{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:18px;padding:28px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.plan:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.plan.pro{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), 0 18px 40px -18px color-mix(in oklab, var(--accent) 45%, transparent)}.plan.pro:hover{box-shadow:var(--shadow-lift)}.plan .tag{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:11px;font-weight:600}.plan.pro .tag{color:var(--accent)}.plan .price{align-items:baseline;gap:4px;display:flex}.plan .price .n{letter-spacing:-.02em;font-size:38px;font-weight:600}.plan .price .u{color:var(--text-dim);font-size:13px}.plan.pro .price .u{color:color-mix(in oklab, var(--bg) 70%, transparent)}.plan ul{flex-direction:column;gap:9px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:8px;display:flex}.plan li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.plan.pro li svg{color:var(--accent)}.plan .btn.btn-primary{background:var(--bg);color:var(--text);border-color:var(--bg)}.plan:not(.pro) .btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}footer.site{border-top:1px solid var(--border);color:var(--text-faint);margin-top:40px;padding:36px 0 60px;font-size:12.5px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot-links{flex-wrap:wrap;gap:18px;display:flex}.foot-links a{color:var(--text-dim);text-decoration:none}.foot-links a:hover{color:var(--text)}@media (max-width:720px){.nav{gap:14px;padding:12px 16px}.nav-right{gap:8px}.hero{padding:52px 0 40px}section.block{padding:54px 0}.hero p.lead{margin-bottom:26px;font-size:15.5px}.block-lead{margin-bottom:30px;font-size:15px}.steps,.nets{gap:12px}.step,.net-card,.plan,.mix-panel,.mock{border-radius:12px}}@media (max-width:560px){.wrap{padding:0 18px}.hero h1{max-width:none;font-size:clamp(30px,8.5vw,42px)}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{justify-content:center;width:100%}.hero-meta{gap:10px 16px}.plan{padding:22px}}@media (max-width:440px){.mock-side{grid-template-columns:1fr}.nav .brand-sub{display:none}}