:root{--background:#0d1326;--foreground:#f5f7ff;--card:#111a31;--card-foreground:#f5f7ff;--popover:#18213a;--popover-foreground:#f5f7ff;--primary:#6a63ff;--primary-foreground:#fff;--secondary:#1d2944;--secondary-foreground:#e7ebff;--muted:#172139;--muted-foreground:#a3afca;--accent:#223253;--accent-foreground:#fff;--border:#29334e;--input:#33405b;--ring:#8b85ff;--radius:1rem;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#080d1b;color:var(--foreground);font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a{transition:background .2s,transform .2s,border-color .2s}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9d99ff;outline-offset:4px}button{border:0}p{color:#a4afc5;line-height:1.65}h1,h2,h3,p{margin-top:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 21px;font-size:14px;font-weight:600}.primary{background:linear-gradient(120deg,#7164ff,#5050df);color:white;box-shadow:0 5px 0 #37319b,0 10px 32px #6557fc30;border:1px solid #9184ff}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #37319b,0 15px 35px #6557fc40}.secondary{background:#16203a;border:1px solid #33415e;color:#dce4ff}.secondary:hover{background:#22304d}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-1.3px;font-size:27px}.brand-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #aaa1ff;border-radius:11px;background:linear-gradient(145deg,#9a8cff,#5346d8);box-shadow:0 4px 0 #302c79}.brand-dot{color:#9284ff}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px max(5%,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff0d;background:#0a0f21d9}.site-header nav{display:flex;gap:30px;font-size:14px;color:#a8b4cc}.site-header nav a:first-child{color:white}.site-header nav button{background:none;color:inherit}.header-actions{display:flex;align-items:center;gap:16px}.owner-link{font-size:13px;color:#94a1bc}.main-shell{max-width:1280px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:50px 0 35px}.eyebrow{color:#b6b0ff;font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.hero h1{font-size:56px;line-height:1.1;letter-spacing:-2.7px;font-weight:700;margin:18px 0}.gradient-text{background:linear-gradient(95deg,#a69bff,#67d9ef);background-clip:text;color:transparent}.hero p{font-size:16px;max-width:450px}.hero-buttons{display:flex;gap:20px;align-items:center;margin-top:25px}.text-button{display:inline-flex;gap:7px;align-items:center;background:none;color:#c1cbe2;font-size:14px}.hero-fine{margin-top:22px;font-size:12px;color:#8493b0;display:flex;align-items:center;gap:7px}.rank-stage{perspective:1100px;padding:20px 10px;position:relative}.leader-panel{position:relative;transform:rotateY(-12deg) rotateX(7deg) rotateZ(2deg);background:linear-gradient(140deg,#253153,#151e37 70%);border:1px solid #647094;border-radius:22px;box-shadow:10px 14px 0 #141b32,11px 15px 0 1px #354264,18px 38px 80px #0008,0 0 80px #6354d921;padding:27px;transition:transform .4s}.leader-panel:hover{transform:rotateY(-5deg) rotateX(3deg)}.leader-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#bdc9e1}.leader-panel-head>span{display:flex;gap:7px;align-items:center}.leader-badge{color:#f2ce78!important;border:1px solid #81703e;padding:6px 8px;border-radius:7px;background:#9c783a13}.leader-main{display:flex;align-items:center;gap:14px;padding:28px 0 22px}.site-monogram{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,#8494c7,#444f79);color:white;font-weight:700;font-size:23px;border:1px solid #b4bbec55;box-shadow:0 4px 0 #070b1f}.leader-main h3{margin:0 0 5px;font-size:23px}.leader-main p{margin:0;font-size:13px}.leader-price{display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff14;padding:0 0 24px}.leader-price strong{font-size:42px;font-weight:600;letter-spacing:-1.5px}.leader-price small{font-size:12px;color:#a1afcb;padding-bottom:8px}.leader-foot{display:flex;align-items:center;justify-content:space-between;padding-top:18px;font-size:13px;color:#acbad7}.leader-foot span{display:flex;gap:6px;align-items:center}.stage-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:27px;color:#adb4d4;font-size:12px}.metric-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:25px;padding:23px 0;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e}.metric-strip>div{display:flex;gap:12px;align-items:center}.metric-icon{color:#9a93ef;background:#6554bc15;padding:10px;border:1px solid #8070d825;border-radius:11px}.metric-strip strong{display:block;font-size:18px;margin-bottom:3px}.metric-strip small{font-size:12px;color:#8291ad}.live-state{font-size:12px;color:#8da6c7;display:flex;gap:8px;align-items:center;justify-content:flex-end}.live-state .dot{width:6px;height:6px;border-radius:50%;background:#5cddb2;box-shadow:0 0 12px #4ae6b966}.live-state.offline{color:#e7b77d}.featured-section{padding:35px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{font-size:24px;letter-spacing:-.6px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.section-heading>p,.section-heading>span{font-size:13px;color:#93a0ba;margin:0}.section-heading h2 svg{color:#d9bc7e}.demo-label{color:#bbaeee;background:#7971be10;border:1px solid #7e70b225;padding:10px 13px;font-size:12px;border-radius:8px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-label button{background:none;color:#c0b2ff;white-space:nowrap}.top-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;perspective:1300px}.rank-card{padding:17px;border:1px solid #303c5a;border-radius:14px;background:linear-gradient(150deg,#1a2440,#10192b);box-shadow:0 5px 0 #060b17,0 6px 0 1px #26314a;transform-style:preserve-3d;transition:transform .25s,box-shadow .25s}.rank-card:hover{transform:translateY(-7px) rotateX(4deg);box-shadow:0 12px 0 #060b17,0 13px 0 1px #4f558b,0 18px 30px #0005}.rank-card.first{background:linear-gradient(145deg,#352e25,#1b2338 68%);border-color:#80704b;box-shadow:0 5px 0 #171513,0 6px 0 1px #756541}.rank-card-top{display:flex;align-items:center;justify-content:space-between;color:#7586a7}.rank-tag{padding:4px 7px;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;font-size:12px}.first .rank-tag{background:#eac6651a;color:#f1d586;border-color:#b2995644}.rank-card .site-monogram{margin:23px 0 15px}.rank-card h3{font-size:17px;margin:0 0 4px;overflow-wrap:anywhere}.domain{font-size:12px;color:#8f9bb4;overflow-wrap:anywhere}.rank-card p{font-size:13px;line-height:1.5;margin:14px 0 18px;min-height:40px;overflow-wrap:anywhere}.card-bottom{border-top:1px solid #ffffff0c;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-bottom strong{font-size:20px;letter-spacing:-.5px}.card-bottom span{font-size:11px;color:#8092b5}.first .card-bottom strong{color:#eed798}.tone-0{background:linear-gradient(140deg,#9991ff,#5654ba)}.tone-1{background:linear-gradient(140deg,#71bbd7,#346386)}.tone-2{background:linear-gradient(140deg,#e9b679,#a66242)}.tone-3{background:linear-gradient(140deg,#8da5e3,#435ec7)}.tone-4{background:linear-gradient(140deg,#c390d4,#8257a3)}.board-section{padding:20px 0 10px}.heading-description{font-size:14px;color:#8391ad;margin:8px 0 0}.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 18px}.filter-buttons{display:flex;gap:5px;flex-wrap:wrap}.filter-buttons button{background:none;color:#93a1bc;border:1px solid transparent;padding:9px 12px;border-radius:7px;font-size:13px}.filter-buttons button.selected{background:#6454cb20;border-color:#7b6bc843;color:#c4baff}.search{display:flex;align-items:center;gap:8px;background:#10182b;border:1px solid #2b3650;border-radius:8px;padding:0 12px;color:#7f91b0}.search input{background:none;border:0;outline:0;padding:11px 0;font-size:13px;max-width:160px;color:#e6edff}.table-shell{background:#101729;border:1px solid #29334c;border-radius:13px;overflow:hidden}th{background:#151e33!important;color:#8b9bb9!important;font-size:12px!important;letter-spacing:.6px;padding:15px 22px!important}td{padding:17px 22px!important;font-size:14px;border-color:#26314b!important}.website-cell{display:flex;gap:13px;align-items:center}.website-cell .site-monogram{width:36px;height:36px;border-radius:9px;font-size:18px;flex-shrink:0}.website-cell strong{display:block;font-size:14px}.website-cell small{display:block;font-size:12px;color:#8b9ab4;margin-top:5px}.table-rank{font-size:14px;color:#90a0bf;font-variant-numeric:tabular-nums}.table-rank.medal{color:#f1d790}.category{font-size:12px;color:#a9b5d0;border:1px solid #37405a;background:#25304a44;padding:5px 9px;border-radius:6px}.visit{display:flex;align-items:center;gap:7px;justify-content:flex-end;font-size:13px;color:#b4aedf}.amount-cell{font-variant-numeric:tabular-nums}.table-foot{border-top:1px solid #29324a;padding:15px 22px;display:flex;justify-content:space-between;font-size:12px;color:#7e8eac}.bottom-cta{margin:38px 0 42px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #42416c;border-radius:14px;background:linear-gradient(110deg,#252243,#141d32);box-shadow:0 5px 0 #060a16}.bottom-cta h2{font-size:25px;margin:0 0 7px;letter-spacing:-.7px}.bottom-cta p{margin:0;font-size:14px}.site-footer{border-top:1px solid #ffffff0c;max-width:1216px;margin:auto;padding:25px 0;display:flex;align-items:center;gap:25px;font-size:12px;color:#7b8ba8}.site-footer .brand{font-size:22px}.site-footer>a:last-child{margin-left:auto}.notice{padding:35px;text-align:center;color:#a0b0cb}.notice button{margin-left:10px;color:#b6aaff;background:#302b58;padding:7px 12px;border-radius:6px}.skeleton-card{height:253px;background:linear-gradient(100deg,#151e33,#1e2a44,#151e33);background-size:200%;animation:shimmer 1.8s infinite;border-radius:15px;border:1px solid #2b3653}@keyframes shimmer{to{background-position:-200%}}.checkout-dialog{max-height:92vh;overflow:auto!important;max-width:580px!important;border-color:#434c6d!important;background:#11192c!important;padding:27px!important;box-shadow:0 30px 100px #0009!important}.checkout-title{font-size:25px!important;letter-spacing:-.7px}.steps{display:flex;gap:8px;margin-bottom:6px;font-size:12px;color:#8190ac}.steps span{padding:5px 8px;border-radius:6px;border:1px solid #2d3851}.steps .current{background:#6655d225;color:#c1b7ff;border-color:#6b5ac755}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#b3bfd5;margin:13px 0}.field input,.field textarea,.field-select{width:100%;background:#0c1325;border:1px solid #33405c;border-radius:8px;padding:12px;color:#eef2ff;font-size:14px;min-height:44px;outline-offset:2px}.field textarea{resize:vertical}.field-select{display:flex;justify-content:space-between;align-items:center}.span-2{grid-column:span 2}.estimate{background:#655ac21a;border:1px solid #6d60aa44;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#b8afd8;margin:15px 0}.estimate strong{font-size:22px;color:#d4ceff}.fine-print{font-size:12px;line-height:1.6;color:#8b9bb5}.wide{width:100%}.status-message{padding:12px 14px;border:1px solid #3d5965;border-radius:8px;background:#18344155;font-size:13px;color:#b9dcdf;margin:13px 0;overflow-wrap:anywhere}.status-message.error{border-color:#8b4050;background:#a32c3c16;color:#f3a9b5}.payment-tabs{width:100%!important;display:flex!important;height:auto!important;background:#0c1325!important;padding:5px!important;gap:7px!important;border:1px solid #2a3650}.payment-tabs button{min-height:48px!important;gap:8px!important;font-size:14px!important;border-radius:7px!important;color:#8f9fbd!important}.payment-tabs button[data-state=active]{background:#263253!important;color:#f3f5ff!important}.pay-summary{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #2c3750;margin-bottom:20px}.pay-summary strong{font-size:22px}.pay-summary small{display:block;color:#91a1be;font-size:12px;margin-top:5px}.provider-card{padding:20px 0}.provider-card h3{font-size:20px;margin:0 0 8px}.provider-card p{font-size:14px}.pay-method-icons{display:flex;gap:8px;margin:20px 0}.pay-method-icons span{border:1px solid #344361;padding:6px 10px;border-radius:6px;font-size:12px;color:#b2c0dd}.payment-disabled{border:1px dashed #4b5673;background:#172137;border-radius:10px;padding:23px;text-align:center;margin:20px 0}.payment-disabled svg{margin:0 auto 13px;color:#9aabcf}.payment-disabled p{margin:0;font-size:14px}.qr-block{display:flex;gap:22px;align-items:center;padding:20px 0}.qr-image{background:white;padding:10px;border-radius:12px;width:170px;height:170px}.qr-details{flex:1}.qr-details small{color:#8799b9;font-size:12px}.qr-details strong{display:block;margin:6px 0;overflow-wrap:anywhere;font-size:16px}.qr-details p{font-size:13px;margin:5px 0}.success-icon{height:62px;width:62px;border:1px solid #529985;border-radius:20px;display:grid;place-items:center;background:#194d4544;color:#73dfb7;margin:15px 0}.receipt-info{border:1px solid #303f5c;border-radius:10px;padding:18px;margin:20px 0}.receipt-info>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:13px;color:#9aaaca}.receipt-info strong{color:white;text-align:right;overflow-wrap:anywhere}.how-grid{display:grid;gap:14px}.how-grid>div{padding:17px;border:1px solid #34415f;border-radius:10px}.how-grid b{color:#c9c0ff;font-size:15px}.how-grid p{font-size:14px;margin:8px 0 0}.admin-shell{max-width:1320px;margin:auto;padding:32px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.admin-header>div{display:flex;gap:17px;align-items:center}.owner-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#b7aaff;border:1px solid #6c5baf55;background:#6351b51c;padding:7px 11px;border-radius:20px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.admin-heading h1{font-size:35px;margin:0 0 8px;letter-spacing:-1.2px}.admin-heading p{font-size:14px;margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.admin-metric{border:1px solid #303c59;border-radius:13px;padding:21px;background:linear-gradient(140deg,#1b2540,#121b2e);box-shadow:0 4px 0 #070b17}.admin-metric>span{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#95a5c4}.admin-metric strong{display:block;font-size:30px;margin:15px 0 5px;letter-spacing:-1px}.admin-metric small{font-size:12px;color:#778bac}.admin-tabs{background:#121b2e!important;height:auto!important;padding:5px!important;border:1px solid #303b55;gap:7px}.admin-tabs button{padding:11px 17px!important;font-size:14px!important}.admin-tabs button[data-state=active]{background:#30304f!important;color:#ddd6ff!important}.admin-toolbar{display:flex;justify-content:space-between;gap:15px;margin:25px 0 18px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;background:#ffffff08;color:#aab8d1;font-size:12px}.status-chip.approved,.status-chip.captured{background:#39987a1a;color:#71d8b0}.status-chip.pending,.status-chip.submitted{background:#caab4215;color:#d3bd79}.status-chip.rejected,.status-chip.refunded,.status-chip.failed{background:#ac42641a;color:#e795a9}.admin-table td{font-size:13px;padding:17px 16px!important;vertical-align:top}.admin-table .website-cell{align-items:flex-start}.admin-table small{font-size:12px;color:#7e91b2;display:block;margin-top:6px}.admin-table .action-button{border:1px solid #5a5190;background:#6654b925;padding:8px 11px;border-radius:7px;font-size:12px;color:#cfc2ff}.admin-table a.contact{display:block;margin-top:6px;color:#b5c7e4;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;align-items:start}.settings-card{border:1px solid #303e59;border-radius:14px;background:#111b2e;padding:25px}.settings-card h2{font-size:21px;display:flex;align-items:center;gap:10px;margin:0 0 9px}.settings-card>p{font-size:14px}.settings-card>p a{color:#b5a7ff;text-decoration:underline}.settings-card .fine-print{font-size:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;font-size:14px}.settings-row p{font-size:12px;margin:5px 0 0}.connection-badge{font-size:12px;border:1px solid #3b4b6b;padding:6px 10px;border-radius:6px;color:#abbad5;display:inline-block;margin:8px 0}.login-shell{max-width:490px;margin:90px auto;padding:36px;background:linear-gradient(150deg,#222c48,#10182c);border:1px solid #3b4768;border-radius:22px;box-shadow:0 10px 0 #080c19,0 35px 100px #0007}.login-shell h1{font-size:31px;letter-spacing:-1px;margin:30px 0 15px}.login-shell p{font-size:15px}.review-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px;background:#0d1426;border:1px solid #2b3750;border-radius:10px;margin:15px 0}.review-details>div{font-size:12px;color:#8999b6;overflow-wrap:anywhere}.review-details strong{display:block;font-size:14px;color:#e1e7f7;margin-top:6px}.review-actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.review-actions button{font-size:13px}.danger-button{padding:12px 15px;background:#a240591d;border:1px solid #a34c6455;color:#e8a5b7;border-radius:9px}.detail-note{font-size:14px;margin:18px 0}.empty-admin{padding:55px 25px;text-align:center}.empty-admin svg{color:#716aaf;margin:0 auto 18px}.empty-admin h3{font-size:20px}.empty-admin p{font-size:14px}.refresh-button{display:flex;align-items:center;gap:7px;color:#aaa1dc;font-size:13px;background:transparent}.truncated{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-token{font-family:monospace;font-size:11px;word-break:break-all}.timestamp{color:#8394b4;font-size:12px}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:46px}.top-cards{gap:10px}.rank-card{padding:13px}.card-bottom{display:block}.card-bottom span{display:block;margin-top:5px}.card-bottom strong{font-size:20px}.metric-strip{gap:12px}.metric-strip strong{font-size:16px}.site-header{padding:22px 32px}.site-header nav{gap:20px}.owner-link{display:none}.leader-price strong{font-size:34px}.site-footer{margin:0 32px}.admin-metrics{gap:12px}.admin-metric{padding:17px}}
@media(max-width:760px){.site-header{padding:19px 20px}.site-header nav{display:none}.site-header .primary{padding:10px 13px;font-size:12px}.brand{font-size:24px}.main-shell{padding:0 20px}.hero{padding:32px 0 28px;display:block}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:15px}.hero-buttons{gap:17px}.hero-buttons .primary{font-size:13px;padding:13px 15px}.text-button{font-size:13px}.rank-stage{display:none}.hero-fine{font-size:11px;line-height:1.5}.metric-strip{grid-template-columns:repeat(3,1fr);gap:9px;padding:20px 0}.metric-strip>div{gap:7px;align-items:flex-start}.metric-icon{padding:7px}.metric-icon svg{width:14px;height:14px}.metric-strip strong{font-size:14px}.metric-strip small{font-size:10px}.metric-strip .live-state{grid-column:span 3;justify-content:flex-start;margin-top:12px;font-size:11px}.top-cards{grid-template-columns:repeat(2,1fr);gap:15px}.rank-card{padding:16px}.rank-card.first{grid-column:span 2;display:grid;grid-template-columns:60px 1fr auto;gap:0 13px;align-items:center}.first .rank-card-top{grid-column:span 3}.first .site-monogram{grid-row:span 2;margin:18px 0}.first h3{margin:0}.first>.domain{grid-column:2;grid-row:3}.first>p{grid-column:span 3;min-height:0;margin:0 0 14px}.first>.card-bottom{grid-column:span 3;display:flex}.first .card-bottom span{margin:0}.first h3{grid-column:span 2}.section-heading h2{font-size:23px}.section-heading>p{font-size:11px;text-align:right;max-width:120px}.demo-label{font-size:11px}.section-heading>.live-state{font-size:11px}.filters{flex-wrap:wrap}.filter-buttons button{font-size:12px;padding:8px 10px}.search{width:100%}.search input{max-width:none;width:100%}th,td{padding:14px!important}.table-foot{padding:14px;font-size:11px}.table-foot span:last-child{display:none}.visit{font-size:0}.visit svg{width:18px;height:18px}.bottom-cta{padding:25px;display:block}.bottom-cta h2{font-size:24px}.bottom-cta p{font-size:14px}.bottom-cta .primary{margin-top:20px}.site-footer{margin:0 20px;flex-wrap:wrap;gap:14px}.site-footer>span{font-size:10px}.site-footer>a:last-child{font-size:11px}.form-grid{display:block}.checkout-dialog{padding:22px!important}.qr-block{gap:15px}.qr-image{width:140px;height:140px}.qr-details strong{font-size:14px}.admin-shell{padding:22px 18px}.admin-header{margin-bottom:30px}.admin-header>div{gap:8px}.owner-badge{font-size:11px;padding:6px 8px}.admin-header>.secondary{font-size:12px;padding:9px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:29px}.admin-heading p{font-size:13px}.admin-heading>.live-state{display:none}.admin-metrics{grid-template-columns:1fr 1fr;gap:13px}.admin-metric{padding:16px}.admin-metric strong{font-size:25px}.admin-metric>span{font-size:12px}.admin-metric small{font-size:11px}.admin-toolbar{flex-wrap:wrap}.admin-tabs{width:100%!important}.admin-tabs button{padding:9px 10px!important;font-size:12px!important}.settings-grid{grid-template-columns:1fr;gap:18px}.settings-card{padding:21px}.login-shell{margin:60px 20px;padding:28px}.review-details{gap:13px}.review-actions{flex-wrap:wrap}.review-actions button{flex:1}.hero .eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.leader-panel,.rank-card:hover{transform:none}}
.uploaded-qr-block{display:flex;gap:18px;align-items:center;padding:20px 0}.uploaded-qr-block>a{width:235px;flex-shrink:0}.uploaded-qr{width:100%;height:auto;border-radius:13px;border:1px solid #35415b}.qr-enlarge{display:flex;gap:6px;align-items:center;justify-content:center;color:#aea2e6;font-size:12px;margin:9px 0}.receipt-code{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1px dashed #3c4967;border-radius:9px;padding:13px;margin-top:15px;font-size:12px;color:#8d9ebc}.receipt-code code{width:100%;overflow-wrap:anywhere;font-size:11px;color:#c7d4ed}.receipt-code button{font-size:12px}@media(max-width:520px){.uploaded-qr-block{display:block}.uploaded-qr-block>a{display:block;width:245px;max-width:100%;margin:auto}.uploaded-qr-block .qr-details{text-align:center;margin-top:15px}}

.ranking-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:16px 0 50px}.ranking-faq h2{font-size:30px;letter-spacing:-.8px;margin:18px 0}.ranking-faq p{font-size:14px;max-width:390px}.ranking-faq [data-slot=accordion-trigger]{font-size:15px;text-align:left;padding:20px 0}.ranking-faq [data-slot=accordion-content]{font-size:14px;line-height:1.7;color:#9eaec9}.hero h1{font-size:52px}@media(max-width:1100px){.hero h1{font-size:43px}}@media(max-width:760px){.ranking-faq{display:block;padding-bottom:35px}.ranking-faq h2{font-size:27px}.hero h1{font-size:39px}.hero .eyebrow{letter-spacing:1.2px}}
/* RankRise Atelier: top-five-first layout, native controls and motion. */
:root{--background:#09151c;--foreground:#f2f8f7;--primary:#198b8d;--border:#263e48;--muted:#142631}body{background:radial-gradient(ellipse at 20% 0%,#16414b40,transparent 50%),#091319;color:#edf6f5;font-family:Inter,Arial,sans-serif}.site-header{background:#09161dd9;border-color:#29404988}.brand-icon{background:linear-gradient(145deg,#60c8bd,#177b82);border-color:#8ad9cc;box-shadow:0 4px 0 #124e57}.brand-dot{color:#67d4c2}.primary{background:linear-gradient(115deg,#309d96,#197880);border-color:#55b9ab;box-shadow:0 4px 0 #11525c,0 8px 22px #32b5b51a}.primary:hover{background:linear-gradient(115deg,#40b0a8,#248e95);box-shadow:0 5px 0 #11525c,0 12px 30px #32b5b525}.secondary{background:#152b34;border-color:#35535d}.eyebrow{color:#83bdba;letter-spacing:1.9px}.premium-arena{padding:37px 0 0}.arena-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.arena-heading h1{font-size:42px;letter-spacing:-1.8px;margin:12px 0 9px;line-height:1.15}.arena-heading h1 em{font-style:normal;background:linear-gradient(100deg,#e9d79e,#a4d4bd);color:transparent;background-clip:text}.arena-heading p{font-size:15px;margin:0;color:#91a9ae}.live-indicator{display:flex;align-items:center;gap:7px;color:#91b2b4;font-size:12px;padding-bottom:4px}.pulse-dot{height:6px;width:6px;background:#6bd1b1;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #4fc4a610}.champions{display:grid;grid-template-columns:1.18fr repeat(4,1fr);gap:16px;perspective:1300px;align-items:stretch}.champion{--rx:0deg;--ry:0deg;position:relative;border:1px solid #35525e;border-radius:17px;padding:18px;background:linear-gradient(145deg,#1c3640,#101f2a);box-shadow:0 6px 0 #060c13,0 7px 0 1px #29434f;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .28s,box-shadow .28s;display:flex;flex-direction:column;min-width:0}.champion:hover{transform:translateY(-5px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 11px 0 #060c13,0 12px 0 1px #5b807b,0 22px 40px #0004}.champion.tier-0{background:linear-gradient(135deg,#3d3d2c,#202f30 55%,#132b31);border-color:#a79459;box-shadow:0 6px 0 #171d19,0 7px 0 1px #6c6945}.champion-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:22px}.place{font-size:14px;font-weight:600;padding:6px 9px;border:1px solid #5e879266;background:#799aa013;border-radius:6px;color:#bdd5d7}.tier-0 .place{background:#bcaa5625;border-color:#ab984b88;color:#f2df9a}.position-name{font-size:9px;color:#91a9ae;letter-spacing:1px}.large-monogram{height:54px;width:54px;display:grid;place-items:center;border-radius:15px;border:1px solid #b6e0d96b;background:linear-gradient(145deg,#5a9fa1,#2e5f75);box-shadow:0 5px 0 #07202a;font-size:28px;font-weight:700;margin:0 0 20px;color:#edfaff}.tier-0 .large-monogram{background:linear-gradient(130deg,#e6d699,#8d8355);color:#383e31;border-color:#f4e2aa;box-shadow:0 5px 0 #5c5d3d}.tier-2 .large-monogram{background:linear-gradient(140deg,#af987e,#69534b)}.tier-3 .large-monogram{background:linear-gradient(140deg,#8aa6b2,#415e83)}.tier-4 .large-monogram{background:linear-gradient(140deg,#a495b8,#59617c)}.champion h2{font-size:18px;letter-spacing:-.4px;margin:0 0 6px;overflow-wrap:anywhere}.champion .domain{font-size:12px;color:#8cabaf}.champion p{font-size:13px;line-height:1.6;margin:14px 0;min-height:42px;color:#9db2b8;overflow-wrap:anywhere}.champion-link{display:block;flex:1}.visit-site{font-size:12px;color:#b7d5d1}.champion-price{border-top:1px solid #749a9f24;margin-top:20px;padding-top:16px}.champion-price small{display:block;font-size:11px;color:#90a8ae;margin-bottom:5px}.champion-price strong{font-size:23px;letter-spacing:-.7px}.tier-0 .champion-price strong{color:#eddba2}.empty-spot{flex:1;text-align:left;background:transparent;padding:0;color:inherit}.empty-spot .large-monogram{font-size:25px;font-weight:400;opacity:.8}.available .champion-price strong{font-size:19px}.arena-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #293e48;padding:24px 2px;font-size:12px;color:#92a9ae}.arena-bottom b{color:#bdd0ce;font-weight:500}.board-section{padding-top:35px}.section-heading .eyebrow{font-size:10px;margin-bottom:9px}.section-heading h2{font-size:25px;letter-spacing:-.8px}.section-heading p{font-size:14px;margin:8px 0 0}.filter-buttons button.selected{background:#318b871c;color:#a1dad0;border-color:#3d80755c}.table-shell{background:#10222c;border-color:#2b4651;overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#18313a!important;color:#87a6ae!important;text-align:left;font-weight:500;font-size:10px!important;padding:15px 22px!important}td{border-top:1px solid #263e49;font-size:14px!important}.mini-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#3e747a,#1e4c62);border:1px solid #5b93964d;color:#c6e9e2}.website-cell small{font-size:12px;color:#829fa9}.category{background:#6592880b;border-color:#50777544;color:#aac8c4;font-size:11px}.table-foot{background:#11252d;border-color:#2b4651}.search{background:#11242e;border-color:#304c58}.visit{color:#9bccbf}.empty-state{text-align:center;padding:35px;white-space:normal}.empty-state strong{font-size:18px}.empty-state p{font-size:14px}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px 0 0}.simple-steps>div{padding:21px 0}.simple-steps span{font-size:12px;color:#77b0aa}.simple-steps h3{font-size:17px;font-weight:500;margin:13px 0 7px}.simple-steps p{font-size:13px;margin:0;line-height:1.7;max-width:310px}.bottom-cta{background:linear-gradient(110deg,#243c39,#142c35);border-color:#476958;margin-top:13px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:0 0 45px}.faq h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.faq details{border-bottom:1px solid #2a414d;padding:18px 0}.faq summary{font-size:14px;cursor:pointer}.faq p{font-size:14px;margin:12px 0 0}.site-footer{border-color:#29414c}.modal{color:#e8f3f2;background:#10232d;border:1px solid #4b7076;border-radius:20px;padding:30px;max-width:550px;width:calc(100% - 30px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #000a;margin:auto}.modal::backdrop{background:#01080fbb;backdrop-filter:blur(5px)}.modal[open]{animation:modal-in .26s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal h2{font-size:25px;letter-spacing:-.7px;margin:16px 0 9px}.modal>p{font-size:14px}.close-dialog{position:absolute;right:15px;top:12px;color:#a0babb;background:none;font-size:27px;padding:3px 9px}.modal-progress{display:flex;gap:8px;font-size:12px;color:#77999e}.modal-progress span{padding:5px 9px;border:1px solid #38545b;border-radius:6px}.modal-progress .current{background:#298e8625;color:#a9e0d2;border-color:#417d77}.field input,.field select,.field textarea{background:#0b1b25;border:1px solid #355561;color:#e8f3f3;min-height:43px;padding:11px 12px;border-radius:8px;font-size:14px;width:100%;font-family:inherit}.field{font-size:13px;color:#b1c9c9}.field input:focus,.field select:focus{outline:2px solid #5ea898;outline-offset:2px}.estimate{background:#27928610;border-color:#3f7e7140;color:#9bc7bd}.estimate b{font-size:24px;color:#b6e1c9}.estimate small{font-size:11px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 15px}.payment-options button{padding:13px 10px;border:1px solid #3f5f6a;background:#182d38;color:#91b4ba;border-radius:9px;font-size:13px}.payment-options .selected{background:#2d7f732b;border-color:#538e7c;color:#bfe9d3}#method-description{font-size:14px}#edit-details{margin-top:20px}.qr-panel{display:flex;align-items:center;gap:20px;margin:20px 0}.qr-panel>a{width:225px;flex-shrink:0}.qr-panel img{width:100%;height:auto;border-radius:12px}.qr-panel>a small{display:block;text-align:center;font-size:11px;color:#b7cdbb;margin-top:7px}.qr-panel h3{font-size:18px;margin:12px 0}.qr-panel p{font-size:13px}.pending-icon{font-size:42px;color:#d8cb8e;margin:20px 0 12px}.receipt-code{border-color:#3c666e;background:#0c1e28;margin-top:20px}.receipt-info{background:#0c1f29;border-color:#37515c}.alert{padding:13px 15px;border:1px solid #416a67;border-radius:8px;font-size:14px;background:#25706622;margin:15px 0;overflow-wrap:anywhere}.alert.error{background:#aa3b4c18;border-color:#8f4f5c;color:#efa7b4}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid #79b99d;background:#1e463f;color:#daf5e6;padding:15px 22px;border-radius:12px;max-width:calc(100% - 30px);z-index:100;font-size:14px;box-shadow:0 10px 40px #0005;transition:opacity .25s,transform .25s}.toast.shown{opacity:1;transform:translate(-50%,0)}.just-ranked{animation:highlight 4s ease}@keyframes highlight{0%,35%{background:#4bc29425}100%{background:transparent}}[hidden]{display:none!important}.skip-link{position:absolute;left:10px;top:-50px;background:#fff;color:#123;padding:10px;z-index:1000}.skip-link:focus{top:10px}.text-button{color:#a2c1bd}.login-shell{background:linear-gradient(135deg,#213e42,#10232d);border-color:#3f6470}.login-shell .field{margin:18px 0}.admin-metric{background:linear-gradient(140deg,#213a41,#142934);border-color:#34515b}.admin-tabbar{display:flex;gap:10px;border-bottom:1px solid #304b55;padding-bottom:15px}.admin-tabbar button{background:none;color:#94b2b7;padding:10px 15px;border-radius:8px;font-size:14px}.admin-tabbar .selected{background:#39877820;color:#b3ddcd;border:1px solid #437c6d}.settings-card{background:#142b35;border-color:#355560}.settings-card input{font-family:inherit}.admin-header .owner-badge{background:#308a7720;border-color:#46826e55;color:#bddbc9}.admin-toolbar .search input{max-width:220px}.admin-table td{font-size:13px!important}.admin-action{background:#2e70642a;border:1px solid #4c877352;border-radius:7px;padding:8px 11px;color:#b9dfcd;font-size:12px}.settings-check{display:flex;align-items:center;gap:9px;font-size:14px;color:#b4cec8;margin:20px 0}.settings-check input{accent-color:#439f85;width:18px;height:18px}.review-details{background:#10232b;border-color:#345059}.status-chip.captured,.status-chip.approved{background:#339c7020;color:#9addb2}.status-chip.submitted,.status-chip.pending{background:#bd934a1a;color:#e1c082}.status-chip.rejected{background:#b6476719;color:#df9aa9}.table-scroll{overflow-x:auto}.inline-error{font-size:13px;color:#efa1b0}.admin-header form{margin:0}.login-logo{margin-bottom:30px}.login-eyebrow{font-size:12px;color:#8cacac;letter-spacing:1.6px}.account-note{font-size:12px;color:#8eacb3;margin:20px 0}.account-note code{color:#bfe0cd}.admin-empty{padding:35px;text-align:center}.admin-empty p{font-size:14px}
@media(max-width:1100px){.champions{gap:11px}.champion{padding:14px}.position-name{font-size:8px;letter-spacing:.5px}.champion h2{font-size:16px}.large-monogram{height:45px;width:45px;font-size:24px}.champion p{font-size:12px}.champion-price strong{font-size:21px}.arena-heading h1{font-size:37px}}@media(max-width:800px){.champions{grid-template-columns:repeat(2,1fr);gap:16px}.champion.tier-0{grid-column:span 2}.tier-0 .champion-link,.tier-0 .empty-spot{display:grid;grid-template-columns:60px 1fr;gap:0 15px;align-items:center}.tier-0 .large-monogram{grid-row:span 2;margin:0}.tier-0 .champion-link h2,.tier-0 .empty-spot h2{margin:0}.tier-0 .domain{grid-column:2}.tier-0 p{grid-column:span 2;min-height:0;margin:18px 0 10px}.tier-0 .visit-site{grid-column:span 2}.tier-0 .champion-price{display:flex;align-items:center;justify-content:space-between}.tier-0 .champion-price small{margin:0}.champion-top{margin-bottom:18px}.arena-heading{display:block}.arena-heading h1{font-size:34px}.arena-heading p{font-size:14px}.live-indicator{margin-top:18px;font-size:11px}.premium-arena{padding-top:27px}.arena-bottom{font-size:11px;align-items:flex-start}.arena-bottom>span:last-child{white-space:nowrap}.arena-bottom b{display:block;margin-bottom:4px}.section-heading .secondary{display:none}.simple-steps{gap:16px}.simple-steps p{font-size:12px}.simple-steps h3{font-size:15px}.faq{display:block}.faq h2{font-size:25px}.site-header .text-button{font-size:11px}.site-header .primary{font-size:11px}.qr-panel{display:block}.qr-panel>a{display:block;width:235px;max-width:100%;margin:auto}.qr-panel>div{text-align:center;margin:20px 0}.modal{padding:24px}.admin-tabbar button{font-size:12px;padding:10px}.admin-heading h1{font-size:28px}}@media(max-width:480px){.header-actions>.text-button{display:none}.site-header{padding:17px 18px}.arena-heading h1{font-size:32px}.champion{padding:15px}.champion p{min-height:38px}.position-name{font-size:9px}.simple-steps{grid-template-columns:1fr;gap:0}.simple-steps>div{padding:14px 0}.simple-steps h3{margin:8px 0;font-size:17px}.simple-steps p{font-size:14px}.simple-steps span{float:left;margin-right:15px;margin-top:11px}.simple-steps h3,.simple-steps p{margin-left:35px}.table-foot span:last-child{display:none}.form-grid{display:block}.champions{gap:13px}.arena-bottom{gap:8px}}@media(prefers-reduced-motion:reduce){.champion,.champion:hover{transform:none!important}.toast{transition:none}}