:root{
  --bg:#09090d;--panel:#111116;--panel2:#16161d;--text:#f7f7f8;--muted:#8e8e9b;
  --orange:#ff8a1f;--orange2:#ffbd4a;--border:rgba(255,255,255,.08);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.1;pointer-events:none}.ambient-a{background:#ff7a00;right:-180px;top:-100px}.ambient-b{background:#7c3aed;left:-300px;top:45%}
.topbar{height:88px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:relative;z-index:20}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#ffb24c,#ff6a00);font:900 22px Unbounded;box-shadow:0 8px 26px rgba(255,122,0,.25);transform:rotate(-4deg)}
.brand b{font:800 15px Unbounded;letter-spacing:-.4px}.brand b span{color:#ff922b}.brand small{display:block;color:#6f6f7b;font-size:8px;letter-spacing:2.2px;margin-top:4px}
nav{display:flex;gap:32px}nav a,footer a{color:#a3a3ae;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}nav a:hover,footer a:hover{color:#fff}
.server-pill{border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:10px;color:#fff;cursor:pointer}.server-pill small{display:block;color:#747480;text-align:left;font-size:9px}.server-pill b{font-size:11px}.status-dot{width:8px;height:8px;background:#5ee173;border-radius:50%;box-shadow:0 0 12px #5ee173}.copy-icon{color:#71717d}
main{max-width:1240px;margin:auto;padding:0 24px}.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:70px 0 88px}.eyebrow,.section-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#ff9c3e}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:#ff8a1f}
.hero h1{font:800 clamp(48px,6vw,82px)/.98 Unbounded;margin:23px 0 25px;letter-spacing:-4px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffb34d,#ff6b19 70%);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:590px;color:#92929e;font-size:16px;line-height:1.7}
.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{border:0;border-radius:13px;min-height:52px;padding:0 22px;font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;transition:.2s}.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#15100a;background:linear-gradient(135deg,#ffb04a,#ff7a13);box-shadow:0 12px 38px rgba(255,126,23,.16)}.btn-ghost{background:#141419;border:1px solid var(--border);color:#ddd}.wide{width:100%}.btn-pink{background:linear-gradient(135deg,#ff8fe7,#d946ef);color:#200b20}
.trust-row{display:flex;align-items:center;gap:22px;margin-top:36px}.trust-row div{display:flex;align-items:baseline;gap:7px}.trust-row b{font:700 18px Unbounded}.trust-row span{color:#6f6f79;font-size:10px}.trust-row i{height:24px;width:1px;background:var(--border)}
.hero-card-wrap{position:relative;display:grid;place-items:center}.hero-card{position:relative;width:min(390px,90%);min-height:470px;border:1px solid rgba(255,192,91,.22);border-radius:32px;background:linear-gradient(160deg,rgba(255,170,50,.10),rgba(17,17,22,.95) 42%);padding:34px;text-align:center;overflow:hidden;box-shadow:0 45px 90px rgba(0,0,0,.38);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}
.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 27%,rgba(255,177,71,.16),transparent 35%)}.hero-card>*{position:relative}.hero-kicker{display:inline-block;padding:7px 10px;border:1px solid rgba(255,185,80,.2);border-radius:99px;color:#eeb35f;font-size:9px;font-weight:800;letter-spacing:1.4px}
.rank-glyph{margin:38px auto 20px;width:102px;height:102px;border-radius:25px;display:grid;place-items:center;font:800 45px Unbounded;color:#15100a;background:linear-gradient(145deg,#ffe49b,#ff9b1d);box-shadow:0 20px 55px rgba(255,156,30,.2);transform:rotate(-5deg)}.hero-card h2{font:800 31px Unbounded;margin:0}.hero-card p{color:#878791;font-size:13px;line-height:1.6;max-width:260px;margin:12px auto 20px}.hero-price{font:800 29px Unbounded;margin:20px}.hero-price small{font:500 10px Inter;color:#777}
.floating-chip{position:absolute;padding:10px 14px;border-radius:11px;border:1px solid var(--border);background:rgba(18,18,23,.82);backdrop-filter:blur(9px);font-size:10px;color:#b8b8c1;box-shadow:0 18px 35px rgba(0,0,0,.2)}.chip-a{left:0;top:24%}.chip-b{right:-4px;top:42%}.chip-c{left:6%;bottom:17%}
.store-section{padding:80px 0 95px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section-head h2{font:800 36px Unbounded;margin:9px 0 0}.section-head p{max-width:410px;color:#74747f;font-size:13px;line-height:1.6}.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rank-card{position:relative;border:1px solid var(--border);border-radius:21px;background:linear-gradient(160deg,rgba(var(--rgb),.075),#101015 42%);padding:23px;min-height:355px;overflow:hidden;transition:.25s}.rank-card:hover{transform:translateY(-5px);border-color:rgba(var(--rgb),.27);box-shadow:0 18px 48px rgba(0,0,0,.25)}.rank-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgb(var(--rgb));filter:blur(95px);opacity:.11;right:-70px;top:-60px}
.card-top{display:flex;justify-content:space-between;align-items:center}.mini-glyph{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--rgb),.12);border:1px solid rgba(var(--rgb),.2);color:rgb(var(--rgb));font:800 18px Unbounded}.tier{font-size:8px;color:#64646f;font-weight:800;letter-spacing:1.3px}.rank-card h3{font:800 19px Unbounded;margin:20px 0 7px;color:rgb(var(--rgb))}.rank-sub{font-size:11px;color:#70707b;min-height:30px}.features{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}.features li{font-size:10px;color:#a5a5ad;display:flex;gap:8px}.features li:before{content:"✓";color:rgb(var(--rgb));font-weight:800}.card-bottom{border-top:1px solid var(--border);padding-top:17px;display:flex;justify-content:space-between;align-items:center}.price small{display:block;color:#686872;font-size:8px}.price strong{font:700 16px Unbounded}.buy-mini{width:39px;height:39px;border:0;border-radius:10px;background:rgb(var(--rgb));color:#0e0e12;font-weight:900;cursor:pointer;transition:.2s}.buy-mini:hover{transform:rotate(-5deg) scale(1.05)}
.case-banner{margin:5px 0 90px;min-height:330px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid rgba(255,95,220,.14);border-radius:28px;background:radial-gradient(circle at 20% 50%,rgba(217,70,239,.13),transparent 30%),#101015;overflow:hidden}.case-art{position:relative;display:grid;place-items:center;min-height:330px}.case-cube{z-index:2;width:118px;height:118px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#ff93e5,#8b5cf6);font-size:42px;box-shadow:0 25px 60px rgba(217,70,239,.25);transform:rotate(-10deg)}.case-ring{position:absolute;border:1px solid rgba(236,72,153,.15);border-radius:50%}.ring-1{width:220px;height:220px}.ring-2{width:310px;height:310px}.case-content{padding:70px 60px 60px 20px;align-self:center}.pink{color:#ee71d9}.case-content h2{font:800 37px Unbounded;margin:10px 0}.case-content p{color:#84848e;line-height:1.7;font-size:13px;max-width:560px}
.steps{padding-bottom:85px}.compact{margin-bottom:28px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-grid article{padding:25px;border:1px solid var(--border);border-radius:20px;background:#101015}.step-grid b{color:#ff922b;font:700 12px Unbounded}.step-grid h3{font-size:15px;margin:18px 0 9px}.step-grid p{margin:0;color:#73737d;font-size:11px;line-height:1.6}
.faq{padding-bottom:100px;max-width:820px}.faq details{border-bottom:1px solid var(--border);padding:20px 2px}.faq summary{list-style:none;cursor:pointer;font-weight:700;font-size:13px;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#ff922b;font-size:20px}.faq details p{color:#777783;line-height:1.7;font-size:12px;max-width:700px}
footer{max-width:1240px;margin:auto;padding:28px 24px 45px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-brand .brand-mark{width:36px;height:36px;font-size:17px}.footer-brand b{font-size:12px}footer p,footer a{font-size:9px;color:#5e5e68}footer>div:last-child{display:flex;gap:18px}
.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(2,2,4,.78);backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.checkout-modal{width:min(440px,100%);background:#121218;border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:27px;box-shadow:0 40px 100px #000;position:relative}.modal-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:#191920;color:#aaa;font-size:19px;cursor:pointer}.checkout-head{display:flex;align-items:center;gap:17px;margin-bottom:25px}.checkout-head .rank-glyph{width:60px;height:60px;margin:0;border-radius:15px;font-size:23px}.checkout-head small{font-size:8px;color:#696974;font-weight:800;letter-spacing:1.3px}.checkout-head h3{font:800 22px Unbounded;margin:5px 0 0}.field-label{font-size:9px;font-weight:800;color:#777781;letter-spacing:1px;margin:18px 0 8px;display:block}.input-wrap{height:53px;border:1px solid var(--border);border-radius:13px;background:#0d0d12;display:flex;align-items:center;padding:0 15px;gap:10px}.input-wrap span{color:#5e5e68}.input-wrap input{width:100%;background:none;border:0;outline:0;color:#fff;font-weight:700}.field-error{height:15px;font-size:9px;color:#ff6868;margin-top:5px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.period{border:1px solid var(--border);background:#0d0d12;border-radius:12px;color:#aaa;padding:11px 5px;cursor:pointer;text-align:center}.period b{display:block;font-size:10px}.period span{font-size:9px;color:#666}.period.active{border-color:#ff922b;background:rgba(255,146,43,.08);color:#fff}.order-summary{margin:23px 0 13px;padding:18px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.order-summary span{font-size:11px;color:#777}.order-summary strong{font:800 22px Unbounded;color:#ff9e3d}.checkout-note{text-align:center;color:#565661;font-size:8px;line-height:1.5}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f4f4f5;color:#111;padding:11px 16px;border-radius:11px;font-size:10px;font-weight:800;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.rank-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding-top:90px}.hero-card-wrap{margin-top:25px}.hero-card{transform:none}.floating-chip{display:none}}
@media(max-width:700px){.topbar{height:70px}.topbar nav{display:none}.server-pill small,.server-pill .copy-icon{display:none}.server-pill{padding:10px}.server-pill b{font-size:9px}.brand b{font-size:12px}.hero{padding:65px 0;min-height:auto;gap:30px}.hero h1{font-size:43px;letter-spacing:-2.7px}.hero-actions{flex-direction:column}.trust-row{gap:12px;flex-wrap:wrap}.hero-card{min-height:430px}.rank-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:15px}.section-head h2,.case-content h2{font-size:29px}.case-banner{grid-template-columns:1fr}.case-art{min-height:230px}.case-content{padding:10px 24px 35px;text-align:center}.step-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:20px;text-align:center}.period-grid{grid-template-columns:1fr}.period{display:flex;justify-content:space-between;padding:13px}.checkout-modal{max-height:92vh;overflow:auto}}


/* ===== PROFESSIONAL V2 ===== */
:root{
  --premium-glow: rgba(255,146,43,.18);
}
.topbar{
  background:linear-gradient(180deg,rgba(9,9,13,.88),rgba(9,9,13,.55));
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
}
.hero{
  min-height:700px;
}
.hero-copy>p{
  font-size:15px;
  max-width:610px;
}
.hero-card{
  border-color:rgba(255,188,88,.18);
  background:
    linear-gradient(160deg,rgba(255,176,72,.11),rgba(17,17,22,.96) 42%),
    radial-gradient(circle at 50% 12%,rgba(255,190,100,.1),transparent 35%);
}
.rank-card{
  backdrop-filter:blur(8px);
}
.rank-card:hover{
  box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 1px rgba(var(--rgb),.04) inset;
}
.buy-mini{
  box-shadow:0 10px 25px rgba(var(--rgb),.1);
}
.section-head h2{
  letter-spacing:-1.5px;
}
.section-head p{
  font-size:12px;
}
.cases-section{
  padding:10px 0 100px;
}
.cases-head{
  margin-bottom:28px;
}
.cases-shell{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:14px;
}
.cases-visual{
  min-height:520px;
  border:1px solid rgba(232,90,255,.15);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 40%,rgba(218,70,239,.14),transparent 28%),
    linear-gradient(160deg,rgba(123,56,196,.09),#101015 55%);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.cases-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center,black,transparent 75%);
}
.case-orbit{
  position:absolute;
  border:1px solid rgba(236,72,153,.14);
  border-radius:50%;
}
.orbit-a{width:270px;height:270px}
.orbit-b{width:370px;height:370px;border-color:rgba(168,85,247,.09)}
.case-chest{
  width:150px;
  height:118px;
  position:relative;
  border-radius:22px;
  background:linear-gradient(145deg,#4c1d63,#8b3ea2 55%,#2a1738);
  box-shadow:0 30px 85px rgba(190,70,220,.28), inset 0 0 0 1px rgba(255,255,255,.08);
  transform:rotate(-4deg);
  z-index:2;
}
.case-lid{
  position:absolute;
  width:150px;
  height:43px;
  left:0;
  top:0;
  border-radius:22px 22px 8px 8px;
  background:linear-gradient(145deg,#7b2f91,#c45bd8);
  border-bottom:2px solid rgba(15,5,20,.4);
}
.case-lock{
  position:absolute;
  width:36px;height:42px;
  border-radius:9px;
  background:linear-gradient(145deg,#ffd979,#d99429);
  color:#331d05;
  display:grid;place-items:center;
  font-size:17px;
  left:57px;top:37px;
  box-shadow:0 10px 25px rgba(255,197,83,.2);
}
.case-particle{
  position:absolute;
  color:#f28bea;
  text-shadow:0 0 18px #e879f9;
  opacity:.7;
  z-index:2;
}
.p1{left:24%;top:26%;font-size:14px}
.p2{right:23%;top:31%;font-size:9px}
.p3{left:31%;bottom:31%;font-size:8px}
.p4{right:28%;bottom:26%;font-size:13px}
.case-visual-copy{
  text-align:center;
  z-index:2;
  margin-top:38px;
}
.case-visual-copy span{
  display:block;
  font-size:8px;
  letter-spacing:2px;
  color:#d77adc;
  font-weight:800;
}
.case-visual-copy b{
  display:block;
  font:800 24px/1.15 Unbounded;
  margin:9px 0;
}
.case-visual-copy small{
  color:#73737d;
  font-size:10px;
}
.case-pack-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.case-pack{
  position:relative;
  border:1px solid var(--border);
  border-radius:22px;
  padding:22px;
  background:#101015;
  overflow:hidden;
  min-height:246px;
  display:flex;
  flex-direction:column;
  transition:.25s;
}
.case-pack:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--case-rgb),.32);
  box-shadow:0 18px 45px rgba(0,0,0,.26);
}
.case-pack:before{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  background:rgb(var(--case-rgb));
  filter:blur(85px);
  opacity:.09;
  right:-60px;top:-55px;
}
.case-pack.best{
  grid-column:span 2;
  min-height:220px;
  background:linear-gradient(135deg,rgba(255,90,90,.06),#101015 42%);
}
.case-pack-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.case-amount-badge{
  width:50px;height:50px;
  border-radius:14px;
  display:grid;place-items:center;
  background:rgba(var(--case-rgb),.1);
  border:1px solid rgba(var(--case-rgb),.18);
  color:rgb(var(--case-rgb));
  font:800 16px Unbounded;
}
.case-tag{
  font-size:8px;
  font-weight:800;
  letter-spacing:1.1px;
  color:rgb(var(--case-rgb));
}
.case-pack h3{
  font:800 18px Unbounded;
  margin:20px 0 6px;
}
.case-pack-desc{
  color:#73737e;
  font-size:10px;
  line-height:1.5;
  margin-bottom:auto;
}
.case-price-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
}
.case-price small{
  display:block;
  color:#666672;
  font-size:8px;
  margin-bottom:4px;
}
.case-price strong{
  font:800 20px Unbounded;
}
.case-price del{
  display:inline-block;
  color:#555560;
  font-size:9px;
  margin-left:5px;
}
.case-buy{
  border:0;
  width:42px;height:42px;
  border-radius:11px;
  background:rgb(var(--case-rgb));
  color:#111;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}
.case-buy:hover{transform:scale(1.05)}
.case-pack.best .case-price strong{
  font-size:24px;
}
.case-savings{
  margin-top:7px;
  color:#777782;
  font-size:8px;
}
.case-savings b{color:rgb(var(--case-rgb))}
.checkout-modal{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),
    #111116;
}
.checkout-button{
  min-height:56px;
}
@media(max-width:900px){
  .cases-shell{grid-template-columns:1fr}
  .cases-visual{min-height:390px}
}
@media(max-width:600px){
  .case-pack-grid{grid-template-columns:1fr}
  .case-pack.best{grid-column:span 1}
  .cases-visual{min-height:340px}
}