:root{--bg:#080912;--bg2:#0d0f1c;--surface:#121526;--raised:#181b2e;--hover:#20243d;--border:rgba(194,196,255,.13);--purple:#9d72ff;--pl:#c7b0ff;--cyan:#5bdcff;--text:#f7f5ff;--sub:#b4b2c7;--muted:#77768d;--green:#4cd09a;--yellow:#f3bd58;--red:#f0718a;--r:12px;--shadow:0 20px 55px rgba(0,0,0,.25);--page:min(1180px,calc(100% - 48px));--ease:180ms cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font:14px/1.5 Manrope,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(157,114,255,.075),transparent 35%),radial-gradient(ellipse at 88% 5%,rgba(91,220,255,.05),transparent 28%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip{position:fixed;top:-60px;left:16px;z-index:99;padding:8px 12px;border-radius:7px;background:var(--purple);color:#fff}.skip:focus{top:16px}.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 19px "Space Grotesk"}.brand strong{color:var(--pl)}.mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#170e28;background:linear-gradient(135deg,var(--pl),var(--purple));box-shadow:0 7px 20px rgba(157,114,255,.24)}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:8px;color:var(--text);background:transparent;font-size:12px;font-weight:800;transition:var(--ease)}.button:hover{transform:translateY(-1px)}.primary{color:#160d24;background:linear-gradient(135deg,var(--pl),var(--purple));box-shadow:0 8px 24px rgba(157,114,255,.2)}.secondary{border-color:var(--border);background:rgba(255,255,255,.025)}.secondary:hover{border-color:rgba(199,176,255,.38);background:var(--hover)}.quiet{color:var(--sub)}.danger{border-color:rgba(240,113,138,.28);color:#ffd7df}.icon-button{width:40px;padding:0}.card{border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(145deg,rgba(24,27,46,.9),rgba(14,16,29,.97));box-shadow:0 8px 26px rgba(0,0,0,.17)}.field{width:100%;min-height:43px;padding:0 12px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:#101322}.field:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(157,114,255,.14)}.field::placeholder{color:#696a7f}.eyebrow{color:var(--pl);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.mono{font-family:"DM Mono",monospace}.status{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;color:var(--sub);background:rgba(255,255,255,.025);font-size:10px;font-weight:800;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.ok{color:var(--green);border-color:rgba(76,208,154,.18);background:rgba(76,208,154,.06)}.warn{color:var(--yellow);border-color:rgba(243,189,88,.18);background:rgba(243,189,88,.06)}.bad{color:var(--red);border-color:rgba(240,113,138,.2);background:rgba(240,113,138,.06)}
/* Public landing */.public-head{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(194,196,255,.08);background:rgba(8,9,18,.84);backdrop-filter:blur(16px)}.public-nav{width:var(--page);min-height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.navlinks{display:flex;gap:4px}.navlinks a{padding:8px 11px;border-radius:6px;color:var(--sub);font-size:12px;font-weight:800}.navlinks a:hover{color:var(--text);background:rgba(255,255,255,.04)}.actions{display:flex;gap:8px}.notice{padding:8px 20px;border-bottom:1px solid rgba(157,114,255,.16);color:var(--pl);background:rgba(157,114,255,.07);font-size:11px;font-weight:700;text-align:center}.hero{min-height:calc(100vh - 104px);max-width:1260px;margin:auto;padding:clamp(72px,11vh,140px) 24px 80px;display:grid;place-content:center;text-align:center}.hero h1{max-width:920px;margin:13px auto 0;font:700 clamp(43px,7vw,89px)/.97 "Space Grotesk"}.hero .subline{display:block;margin-top:.14em;color:var(--sub);font-size:.36em;letter-spacing:.06em}.rotator{height:1.05em;display:block;overflow:hidden;color:var(--pl);text-shadow:0 0 34px rgba(157,114,255,.4)}.rotator span{display:block;animation:flip 7.5s ease-in-out infinite}@keyframes flip{0%,27%{transform:translateY(0);filter:blur(0);opacity:1}31%,32%{filter:blur(6px);opacity:0}34%,60%{transform:translateY(-100%);filter:blur(0);opacity:1}64%,65%{filter:blur(6px);opacity:0}67%,93%{transform:translateY(-200%);filter:blur(0);opacity:1}97%,100%{transform:translateY(-300%);filter:blur(0);opacity:0}}.hero-copy{max-width:640px;margin:22px auto;color:var(--sub);font-size:15px}.redeem{width:min(680px,100%);margin:30px auto 0;padding:8px;border:1px solid rgba(199,176,255,.32);border-radius:14px;background:linear-gradient(145deg,rgba(35,29,59,.92),rgba(17,19,34,.98));box-shadow:var(--shadow),0 0 50px rgba(157,114,255,.1)}.redeem-row{display:flex;align-items:center;gap:9px;padding:0 6px 0 12px}.redeem-row>.icon{color:var(--pl)}.redeem-input{min-width:0;min-height:52px;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-family:"DM Mono"}.hero-links{display:flex;justify-content:center;gap:17px;margin-top:15px}.hero-links a{color:var(--sub);font-size:11px;font-weight:800;text-decoration:underline;text-decoration-color:rgba(199,176,255,.4);text-underline-offset:4px}.servicebar{width:var(--page);margin:0 auto 100px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--r);background:rgba(18,21,38,.58)}.service-state{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 21px;border-right:1px solid var(--border);font-size:12px;font-weight:800}.service-state:last-child{border:0}.section{width:var(--page);margin:auto;padding:93px 0}.section-head{max-width:620px;margin-bottom:34px}.section-head.center{margin-inline:auto;text-align:center}.section-head h2{margin:10px 0 0;font:700 clamp(28px,4vw,46px)/1.08 "Space Grotesk"}.section-head p{color:var(--sub)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{min-height:335px;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:24px}.product:after{content:"";position:absolute;right:-74px;bottom:-78px;width:210px;height:210px;border:1px solid currentColor;border-radius:50%;opacity:.17;box-shadow:0 0 0 23px currentColor}.product>*{position:relative;z-index:1}.netflix{color:#ef657b;background:linear-gradient(145deg,#291521,#151421 72%)}.crunchyroll{color:#f0a869;background:linear-gradient(145deg,#2b1c1b,#151421 72%)}.deezer{color:#79c8ef;background:linear-gradient(145deg,#142532,#151421 72%)}.symbol{width:45px;height:45px;display:grid;place-items:center;border:1px solid currentColor;border-radius:10px;color:inherit;font:800 20px "Space Grotesk"}.product h3{margin:auto 0 6px;color:var(--text);font:700 26px "Space Grotesk"}.product p{margin:0;color:var(--sub);font-size:12px}.product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--sub);font-size:11px;font-weight:800}.tutorial{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:24px}.steps{display:grid;align-content:center;gap:8px}.step{width:100%;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px;border:1px solid transparent;border-radius:8px;color:var(--sub);background:transparent;text-align:left}.step strong{font-size:13px}.step small{grid-column:2;color:var(--muted);font-size:10px}.step.active{border-color:var(--border);color:var(--text);background:var(--surface)}.stepno{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font:10px "DM Mono"}.step.active .stepno{border-color:var(--purple);color:var(--pl)}.tcontrol{display:flex;align-items:center;gap:10px;margin:14px 15px;color:var(--muted);font-size:11px}.progress{height:3px;flex:1;overflow:hidden;background:var(--hover)}.progress span{display:block;width:33%;height:100%;background:var(--purple);transition:width .4s ease}.browser{min-height:405px;overflow:hidden;padding:13px;border:1px solid var(--border);border-radius:18px;background:#0d0f1c;box-shadow:var(--shadow)}.btop{display:flex;align-items:center;gap:7px;padding-bottom:13px;border-bottom:1px solid var(--border)}.dot{width:8px;height:8px;border-radius:50%;background:#5e6074}.url{margin-left:9px;padding:5px 12px;border-radius:5px;color:var(--muted);background:var(--surface);font:10px "DM Mono"}.demo{min-height:345px;display:none;place-items:center;padding:30px}.demo.active{display:grid;animation:in .4s ease both}@keyframes in{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.demo-card{width:min(370px,100%);padding:25px;border:1px solid var(--border);border-radius:10px;background:#16192a}.demo-card h3{margin:11px 0 6px;font-size:19px}.demo-card p{color:var(--sub);font-size:12px}.demokey{margin:18px 0;padding:12px;border:1px solid var(--border);border-radius:6px;color:var(--pl);background:#101221;font:12px "DM Mono"}.checks{display:grid;gap:10px;margin:20px 0;color:var(--green);font-size:11px}.checks span{padding:8px;border-radius:5px;background:rgba(76,208,154,.08)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.benefit{padding:25px 18px;border-right:1px solid var(--border)}.benefit:last-child{border:0}.benefit .icon{color:var(--pl)}.benefit h3{margin:11px 0 4px;font-size:13px}.benefit p{margin:0;color:var(--muted);font-size:11px}.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.support{align-self:start;padding:26px}.support h3{margin:12px 0 6px;font:700 24px "Space Grotesk"}.support p{color:var(--sub);font-size:12px}.faqs{border-top:1px solid var(--border)}.faq{border-bottom:1px solid var(--border)}.question{width:100%;display:flex;justify-content:space-between;gap:16px;padding:19px 0;border:0;color:var(--text);background:transparent;text-align:left;font-size:13px;font-weight:800}.question .icon{color:var(--pl);transition:transform var(--ease)}.answer{display:none;max-width:92%;padding:0 0 20px;color:var(--sub);font-size:12px}.faq.open .answer{display:block}.faq.open .question .icon{transform:rotate(45deg)}.footer{margin-top:40px;border-top:1px solid var(--border);background:#0b0c16}.finner{width:var(--page);margin:auto;padding:55px 0 23px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:32px}.footer h4{margin:0 0 13px;font-size:11px}.footer a,.footer p{display:block;margin:8px 0;color:var(--muted);font-size:11px}.footer a:hover{color:var(--text)}.fbot{width:var(--page);margin:auto;padding:17px 0;border-top:1px solid var(--border);color:var(--muted);font-size:10px}
/* Application layouts */.shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid var(--border);background:#0d0f1b}.sidebar .brand{padding:0 9px 26px}.navgroup{margin:15px 0}.navlabel{display:block;padding:0 10px 8px;color:var(--muted);font-size:9px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.sidelink{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:7px;color:var(--sub);font-size:12px;font-weight:800}.sidelink:hover{color:var(--text);background:var(--surface)}.sidelink.active{color:#ebdefe;background:rgba(157,114,255,.13)}.sidelink .icon{color:inherit}.spacer{flex:1}.user{display:flex;align-items:center;gap:9px;margin:10px 4px 0;padding:10px 6px;border-top:1px solid var(--border)}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#dfd5ff;background:#3b2864;font-size:10px;font-weight:800}.user strong,.user small{display:block}.user strong{font-size:11px}.user small{color:var(--muted);font-size:10px}.appcontent{min-width:0}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 34px;border-bottom:1px solid var(--border)}.crumb{color:var(--muted);font-size:11px}.crumb strong{color:var(--sub)}.topacts{display:flex;align-items:center;gap:8px}.mobilemenu{display:none}.workspace{max-width:1400px;padding:36px 34px 65px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.pagehead h1{margin:4px 0 0;font:700 31px "Space Grotesk"}.pagehead p{margin:7px 0 0;color:var(--sub);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{min-height:132px;padding:18px}.stattop{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800}.statval{display:block;margin-top:19px;font:600 26px "Space Grotesk"}.change{color:var(--green);font-size:10px;font-weight:800}.contentgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:14px;margin-top:14px}.panel{padding:20px}.ptitle{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.ptitle h2{margin:0;font:600 16px "Space Grotesk"}.ptitle a{color:var(--pl);font-size:10px;font-weight:800}.activity{display:grid;gap:2px}.arow{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.arow:last-child{border:0}.aicon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:var(--pl);background:rgba(157,114,255,.12)}.arow strong,.arow small{display:block}.arow strong{font-size:11px}.arow small,.arow time{color:var(--muted);font-size:9px}.quick{display:grid;gap:8px}.quick a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:7px;color:var(--sub);font-size:11px;font-weight:800}.quick a:hover{border-color:rgba(199,176,255,.38);color:var(--text);background:var(--hover)}.quick .icon{color:var(--pl)}.quick .icon:last-child{margin-left:auto;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.toolleft,.toolright{display:flex;align-items:center;gap:8px}.search{width:230px;padding-left:34px;background:#101322 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2377768d' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 11px center/15px no-repeat}.filter{width:auto;min-width:118px}.shopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shopcard{min-height:285px;display:flex;flex-direction:column;padding:20px}.shopcard .symbol{margin-bottom:32px}.shopcard h2{margin:0;font:600 20px "Space Grotesk"}.shopcard p{margin:5px 0;color:var(--muted);font-size:11px}.shopcard footer{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto}.price{font:600 22px "Space Grotesk"}.price small{display:block;color:var(--muted);font:10px Manrope}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{padding:0 12px 10px;color:var(--muted);text-align:left;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.table td{padding:13px 12px;border-top:1px solid var(--border);color:var(--sub);vertical-align:middle}.table td strong{color:var(--text)}.copy{display:inline-flex;align-items:center;gap:7px;border:0;color:var(--pl);background:transparent;font:10px "DM Mono"}.balancegrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.balance{min-height:213px;padding:25px;background:linear-gradient(135deg,rgba(93,62,166,.42),rgba(20,22,38,.9) 65%)}.balance strong{display:block;margin:21px 0 5px;font:600 42px "Space Grotesk"}.balance p{margin:0;color:var(--sub);font-size:11px}.deposit{display:grid;gap:12px}.amounts{display:flex;gap:7px}.amounts button{min-width:48px;min-height:32px;border:1px solid var(--border);border-radius:6px;color:var(--sub);background:transparent;font-size:10px;font-weight:800}.amounts button.active,.amounts button:hover{border-color:var(--purple);color:var(--pl);background:rgba(157,114,255,.1)}.ticketgrid{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:600px}.tlist{border-right:1px solid var(--border)}.ticket{display:block;padding:15px;border-bottom:1px solid var(--border)}.ticket.active{background:rgba(157,114,255,.1);box-shadow:inset 3px 0 var(--purple)}.tmeta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.ticket h3{margin:7px 0 4px;font-size:12px}.ticket p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;flex-direction:column}.chead{padding:20px;border-bottom:1px solid var(--border)}.chead h2{margin:7px 0 0;font:600 17px "Space Grotesk"}.messages{flex:1;display:grid;align-content:start;gap:18px;padding:20px}.message{max-width:76%}.message.me{justify-self:end}.mmeta{margin-bottom:5px;color:var(--muted);font-size:9px}.bubble{padding:12px 14px;border:1px solid var(--border);border-radius:10px 10px 10px 3px;color:var(--sub);background:var(--surface);font-size:11px}.me .bubble{border-color:rgba(157,114,255,.26);border-radius:10px 10px 3px 10px;color:#eee8ff;background:rgba(157,114,255,.15)}.reply{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.settings{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px}.setnav{align-self:start;padding:8px}.setnav button{width:100%;padding:10px;border:0;border-radius:6px;color:var(--sub);background:transparent;text-align:left;font-size:11px;font-weight:800}.setnav button.active{color:var(--pl);background:rgba(157,114,255,.11)}.setpanel{padding:24px}.setpanel h2{margin:0;font:600 19px "Space Grotesk"}.setpanel>p{margin:5px 0 25px;color:var(--muted);font-size:11px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.label{display:block;margin-bottom:7px;color:var(--sub);font-size:11px;font-weight:800}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.toggle strong,.toggle small{display:block}.toggle strong{font-size:11px}.toggle small{color:var(--muted);font-size:10px}.switch{width:38px;height:22px;flex:0 0 auto;padding:2px;border:0;border-radius:999px;background:#34364b}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--ease)}.switch.active{background:var(--purple)}.switch.active span{transform:translateX(16px)}.empty{min-height:260px;display:grid;place-items:center;padding:30px;text-align:center}.emptyicon{width:44px;height:44px;display:grid;place-items:center;margin:auto;border-radius:50%;color:var(--pl);background:rgba(157,114,255,.13)}.empty h2{margin:15px 0 6px;font:600 18px "Space Grotesk"}.empty p{max-width:320px;margin:0 0 17px;color:var(--muted);font-size:11px}
/* Reseller mock-only */.preview{margin-bottom:20px;padding:11px 14px;border:1px solid rgba(157,114,255,.2);border-radius:8px;color:var(--pl);background:rgba(157,114,255,.08);font-size:11px}.tabs{display:flex;gap:7px;margin-bottom:19px;overflow:auto}.tabs a{padding:7px 10px;border-radius:6px;color:var(--sub);font-size:10px;font-weight:800;white-space:nowrap}.tabs a.active,.tabs a:hover{color:var(--pl);background:rgba(157,114,255,.11)}.lookup{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}.apigrid{display:grid;grid-template-columns:1fr .8fr;gap:14px}.code{overflow:auto;padding:16px;border-radius:7px;color:#cfbaff;background:#0b0d18;font:11px/1.75 "DM Mono"}.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:330px;padding:13px 15px;border:1px solid rgba(76,208,154,.25);border-radius:8px;color:#d8fff0;background:#123126;box-shadow:var(--shadow);font-size:11px;transform:translateY(12px);opacity:0;pointer-events:none;transition:var(--ease)}.toast.show{transform:none;opacity:1}
@media(max-width:1020px){.shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar .brand{padding-inline:9px}.sidebar .brand>span:last-child,.sidelink>span,.navlabel,.user>div{display:none}.sidelink{justify-content:center;padding:0}.user{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.contentgrid{grid-template-columns:1fr}.shopgrid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr 1fr}.product:last-child{grid-column:1/-1}.faqgrid{gap:32px}.finner{grid-template-columns:1.3fr 1fr 1fr}.finner>:last-child{grid-column:2}}
@media(max-width:720px){:root{--page:min(100% - 32px,1180px)}.public-nav{min-height:61px}.navlinks,.actions .secondary{display:none}.notice{font-size:9px}.hero{min-height:calc(100svh - 94px);padding-top:65px;padding-bottom:50px}.hero h1{font-size:clamp(40px,12vw,59px)}.hero-copy{font-size:13px}.redeem{margin-top:28px}.redeem-row{flex-wrap:wrap;padding:8px}.redeem-input{width:calc(100% - 35px)}.redeem-row .quiet{margin-left:auto}.redeem-row .primary{width:100%}.servicebar,.products,.benefits,.faqgrid,.tutorial,.balancegrid,.apigrid{grid-template-columns:1fr}.servicebar{margin-bottom:55px}.service-state{border-right:0;border-bottom:1px solid var(--border)}.service-state:last-child{border:0}.section{padding:62px 0}.product:last-child{grid-column:auto}.benefit{border-right:0;border-bottom:1px solid var(--border)}.benefit:last-child{border:0}.tutorial .steps{order:2}.browser{min-height:330px}.demo{min-height:270px}.finner{grid-template-columns:1fr 1fr;gap:22px}.finner>:first-child{grid-column:1/-1}.finner>:last-child{grid-column:auto}.shell{display:block}.sidebar{position:fixed;z-index:40;width:246px;transform:translateX(-100%);transition:transform var(--ease)}.shell.open .sidebar{transform:none;box-shadow:30px 0 55px rgba(0,0,0,.32)}.sidebar .brand>span:last-child,.sidelink>span,.navlabel,.user>div{display:block}.sidelink{justify-content:flex-start;padding:0 10px}.user{justify-content:flex-start}.topbar{min-height:61px;padding:0 16px}.mobilemenu{display:inline-flex}.workspace{padding:25px 16px 45px}.pagehead{align-items:flex-start;flex-direction:column;margin-bottom:19px}.pagehead h1{font-size:27px}.pagehead>.button{width:100%}.stats{gap:9px}.stat{min-height:112px;padding:14px}.statval{margin-top:15px;font-size:21px}.toolbar{align-items:stretch;flex-direction:column}.toolleft,.toolright{width:100%}.search{flex:1;width:auto}.shopgrid{grid-template-columns:1fr}.shopcard{min-height:230px}.table{min-width:600px}.ticketgrid{grid-template-columns:1fr}.tlist{display:none}.conversation{min-height:560px}.settings{grid-template-columns:1fr}.setnav{display:flex;overflow:auto}.setnav button{flex:0 0 auto}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.lookup{grid-template-columns:1fr}}
/* Premium motion and Key Bank refinements */
.hero>*{animation:hero-enter .7s both}.hero .eyebrow{animation-delay:.04s}.hero h1{animation-delay:.1s}.hero-copy{animation-delay:.16s}.redeem{animation-delay:.22s}.hero-links{animation-delay:.28s}@keyframes hero-enter{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.rotator{color:transparent;text-shadow:0 0 34px rgba(157,114,255,.28)}.rotator span{background:linear-gradient(105deg,#8562df 0%,var(--pl) 31%,#fff 49%,var(--pl) 58%,#8562df 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flip 7.5s ease-in-out infinite,title-shine 7.5s ease-in-out infinite}@keyframes title-shine{0%,25%{background-position:115% 0}34%,58%{background-position:-120% 0}67%,91%{background-position:115% 0}100%{background-position:-120% 0}}
.servicebar{animation:hero-enter .7s .34s both}.service-label{display:inline-flex;align-items:center;gap:9px}.service-icon{width:23px;height:23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:6px;font:800 11px "Space Grotesk"}.service-icon.netflix{color:#ef657b;background:rgba(239,101,123,.08)}.service-icon.crunchyroll{color:#f0a869;background:rgba(240,168,105,.08)}.service-icon.deezer{color:#79c8ef;background:rgba(121,200,239,.08)}.service-state .ok:before{animation:status-pulse 2.4s ease-in-out infinite}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(76,208,154,.28)}50%{box-shadow:0 0 0 5px rgba(76,208,154,0)}}
.product:before{content:"";position:absolute;inset:-30% -100%;z-index:0;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translateX(-55%);transition:transform .7s ease}.product:after{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}.product:hover{transform:translateY(-4px);border-color:currentColor;box-shadow:0 18px 42px rgba(0,0,0,.3)}.product:hover:before{transform:translateX(55%)}.product:hover:after{transform:scale(1.15);opacity:.28}
.bank-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.bank-highlight{position:relative;isolation:isolate;overflow:hidden;min-height:188px;padding:24px;background:linear-gradient(135deg,rgba(98,64,177,.46),rgba(20,22,38,.91) 67%)}.bank-highlight strong{display:block;margin:16px 0 4px;font:600 42px "Space Grotesk"}.bank-highlight p{position:relative;z-index:1;margin:0;color:var(--sub);font-size:11px}.bank-spark{position:absolute;inset:-44% -20%;z-index:-1;background:linear-gradient(115deg,transparent 41%,rgba(255,255,255,.2) 50%,transparent 58%);animation:bank-shine 5s ease-in-out infinite}@keyframes bank-shine{0%,35%{transform:translateX(-45%)}55%,100%{transform:translateX(45%)}}.bank-filters .button{padding-inline:11px}.bank-filters .button span{margin-left:3px;color:var(--pl);font-size:10px}.active-filter{border-color:rgba(199,176,255,.48)!important;color:var(--pl)!important;background:rgba(157,114,255,.13)!important}.bank-product{display:inline-flex;align-items:center;gap:8px}.bank-product .service-icon{flex:0 0 auto}
/* Keep each service crisp while its highlight travels across the full display interval. */
.rotator span{-webkit-text-fill-color:transparent;will-change:transform,opacity,background-position;text-rendering:geometricPrecision}@keyframes flip{0%,29%{transform:translateY(0);opacity:1}31%,33%{opacity:0}34%,62%{transform:translateY(-100%);opacity:1}64%,66%{opacity:0}67%,96%{transform:translateY(-200%);opacity:1}98%,100%{transform:translateY(-300%);opacity:0}}@keyframes title-shine{0%{background-position:130% 0}30%{background-position:-130% 0}33%{background-position:130% 0}63%{background-position:-130% 0}66%{background-position:130% 0}97%{background-position:-130% 0}100%{background-position:130% 0}}
@media(max-width:720px){.bank-summary{grid-template-columns:1fr}.bank-filters{overflow-x:auto;max-width:100%}.bank-filters .button{flex:0 0 auto}.service-label{gap:7px}}
/* Two-layer service transition: crisp text, fixed title width, one clean handoff. */
.rotator{position:relative;display:grid;width:12.5ch;height:1.05em;margin-inline:auto;overflow:visible;text-shadow:0 0 28px rgba(157,114,255,.2)}.rotator .rotator-word{grid-area:1/1;display:block;opacity:0;transform:translateY(18%);background:linear-gradient(105deg,#8562df 0%,var(--pl) 31%,#fff 49%,var(--pl) 58%,#8562df 100%);background-size:240% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:none;transition:opacity 620ms cubic-bezier(.2,.8,.2,1),transform 620ms cubic-bezier(.2,.8,.2,1);animation:none!important;will-change:opacity,transform,background-position}.rotator .rotator-word.is-current{opacity:1;transform:translateY(0);animation:title-sweep 4.35s linear both!important}.rotator .rotator-word.is-leaving{opacity:0;transform:translateY(-18%)}.rotator .rotator-word.is-next{opacity:0;transform:translateY(18%)}@keyframes title-sweep{from{background-position:130% 0}to{background-position:-130% 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}