/* ================= v4: white Apple + Liquid Glass ================= */
:root{--r:30px;--px:84px;--py:52px}
.slide{background:#fff}
.bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.orb{position:absolute;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);filter:blur(70px);opacity:.22}
.o-v{background:#8a4dff}.o-b{background:#2f6bff}.o-p{background:#ff4f9a}
.inner{gap:24px}
h1{font-size:96px;line-height:.98;letter-spacing:-.048em}
h2{font-size:74px;line-height:1.02;letter-spacing:-.045em}
h3{font-size:30px;line-height:1.1;letter-spacing:-.026em}
.sub{font-size:26px;max-width:1300px}
.hd{gap:12px}
.hd .eb{color:#8a4dff;letter-spacing:.06em}
.p{font-size:20px;line-height:1.42}
.p.sm{font-size:17px}
.cap{font-size:15px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute2)}
.tag{display:inline-flex;align-self:flex-start;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.05);font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--mute)}
ul.ls{list-style:none;display:flex;flex-direction:column;gap:10px}
ul.ls li{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.012em;padding-left:24px;position:relative;color:var(--ink)}
ul.ls li::before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--grad)}
.dk ul.ls li{color:#f5f5f7}

/* solid Apple card */
.cd{position:relative;border-radius:var(--r);padding:34px 38px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden;
  background:rgba(245,245,247,.86);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
.cd.dk{background:#0b0b0f;color:#f5f5f7}
.cd.dk h3{color:#f5f5f7}.cd.dk .p{color:#a1a1a6}

/* ---------- Liquid Glass (overrides style.css) ---------- */
.gl{background:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.34) 60%,rgba(255,255,255,.5));
  -webkit-backdrop-filter:blur(7px) saturate(190%);backdrop-filter:blur(7px) saturate(190%);
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(255,255,255,.55),inset 0 0 18px rgba(255,255,255,.45),
    0 1px 1px rgba(0,0,0,.04),0 12px 34px rgba(40,30,90,.14)}
html.refr .gl{-webkit-backdrop-filter:blur(3px) saturate(190%) brightness(1.05) url(#lgf);backdrop-filter:blur(3px) saturate(190%) brightness(1.05) url(#lgf)}
.gl::before{background:radial-gradient(70% 60% at var(--gx) var(--gy),rgba(255,255,255,.75),rgba(255,255,255,0) 70%)}
.gl::after{background:linear-gradient(var(--ga),rgba(255,255,255,1),rgba(255,255,255,.15) 30%,rgba(120,110,170,.18) 60%,rgba(255,255,255,.95));padding:1.5px}

/* product renders */
.case{position:absolute}
.case img{width:100%;filter:drop-shadow(0 34px 34px rgba(30,10,70,.28))}
.skin{position:absolute;filter:drop-shadow(0 16px 18px rgba(0,0,0,.22))}
.halo{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(138,77,255,.38),rgba(138,77,255,.12) 55%,rgba(138,77,255,0));pointer-events:none}

/* skin drop chip (glass) */
.drop{height:auto;border-left:0;color:var(--ink);display:flex;align-items:center;gap:14px;padding:10px 24px 10px 12px;border-radius:24px;white-space:nowrap;--rc:#8c5cff}
.drop img{width:118px;height:40px;object-fit:contain}
.drop b{display:block;font-size:19px;font-weight:700;letter-spacing:-.015em}
.drop span{display:block;font-size:15px;font-weight:700;color:var(--rc)}
.r-blue{--rc:#4b69ff}.r-purple{--rc:#8847ff}.r-pink{--rc:#d32ce6}.r-red{--rc:#eb4b4b}.r-grey{--rc:#7d8597}

/* ===== 01 cover ===== */
.top{display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:"InterD";font-weight:700;font-size:26px;letter-spacing:-.03em}
.brand i{width:32px;height:32px;border-radius:10px;background:#1d1d1f;position:relative;flex:none}
.brand i::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--grad)}
.brand span{color:var(--mute);font-weight:600}
.topr{font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute2)}
.cov{flex:1;display:grid;grid-template-columns:1fr 820px;gap:20px;min-height:0}
.cl{display:flex;flex-direction:column;justify-content:center;gap:28px;padding-bottom:20px}
.yrs{display:flex;align-items:flex-end;gap:26px}
.yrs .n{font-size:290px;line-height:.78;letter-spacing:-.07em}
.yrs span{font-family:"InterD";font-size:46px;line-height:1.02;font-weight:700;letter-spacing:-.03em;padding-bottom:6px}
.s-cover h1{max-width:1000px}
.s-cover .sub{max-width:860px;margin-top:-6px}
.ceo{display:flex;align-items:center;gap:30px;margin-top:6px}
.ceop{display:flex;align-items:center;gap:16px;padding:12px 30px 12px 12px;border-radius:999px}
.ceop i{width:62px;height:62px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:21px;flex:none}
.ceop b,.co b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em}
.ceop span,.co span{display:block;font-size:17px;font-weight:600;color:var(--mute)}
.co{padding-left:30px;border-left:1px solid rgba(0,0,0,.1)}
.cr{position:relative}
.cr .halo{width:1100px;height:1100px;left:50%;top:48%;transform:translate(-50%,-50%)}
.cr .hero{width:820px;left:0;top:50%;margin-top:-370px}
.float{animation:float 8s ease-in-out infinite}
.gc{position:absolute;display:flex;flex-direction:column;gap:2px;padding:20px 28px 22px;border-radius:28px}
.gc span{font-size:17px;font-weight:600;color:var(--mute)}
.gc b{font-size:44px;line-height:1;letter-spacing:-.04em}
.g1{left:-34px;top:96px}
.g2{left:40px;bottom:96px}
.g3{right:-20px;bottom:150px}
.g4{right:30px;top:40px}

/* ===== 02 platform ===== */
.path{position:relative;flex:1;min-height:0;display:flex;align-items:center}
.pbg{position:absolute;inset:-10px -40px}
.pbg .case{width:230px}
.pbg .skin{width:300px}
.pbg .c1{left:17%;top:12%}.pbg .c2{left:47%;top:30%}.pbg .c3{left:79%;top:6%}
.pbg .k1{left:-1%;top:44%;transform:rotate(-14deg)}.pbg .k2{left:30%;top:2%;transform:rotate(10deg)}.pbg .k3{left:61%;top:52%;transform:rotate(-8deg)}.pbg .k4{left:88%;top:58%;transform:rotate(12deg)}
.steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;width:100%}
.stp{display:flex;flex-direction:column;gap:8px;padding:26px 26px 28px;border-radius:28px;min-height:212px}
.stp i{width:44px;height:44px;border-radius:50%;background:#1d1d1f;color:#fff;font-style:normal;font-weight:700;font-size:19px;display:grid;place-items:center;margin-bottom:12px}
.stp b{font-family:"InterD";font-size:28px;letter-spacing:-.03em;line-height:1.08}
.stp span{font-size:18px;line-height:1.35;font-weight:500;color:#3a3a3f}
.row3{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}
.row3 .cd{min-height:300px}
.rar{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.rar span{font-size:15px;font-weight:700;padding:7px 12px;border-radius:999px;background:#fff;color:#1d1d1f;box-shadow:inset 3px 0 0 var(--c)}

/* ===== 03 game ===== */
.gg{flex:1;min-height:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;
  grid-template-areas:"open auth cat" "open got up"}
.open{grid-area:open;padding-bottom:0}.auth{grid-area:auth}.cat{grid-area:cat}.got{grid-area:got}.up{grid-area:up}
.open .ot{position:relative;z-index:3;display:flex;flex-direction:column;gap:14px}
.stage3{position:relative;flex:1;min-height:0}
.stage3 .halo{width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%)}
.stage3 .case{width:380px;left:50%;top:50%;margin:-170px 0 0 -190px}
.reel{position:relative;height:150px;margin:0 -38px;overflow:hidden;display:flex;align-items:center}
.strip{display:flex;gap:14px;animation:reel 26s linear infinite;padding-left:14px}
.ri{flex:none;width:170px;height:104px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 -4px 0 var(--rc)}
.ri img{width:150px}
.reel .win{position:absolute;left:50%;top:14px;bottom:14px;width:210px;transform:translateX(-50%);border-radius:24px;background:rgba(255,255,255,.12)}
html.refr .reel .win{-webkit-backdrop-filter:blur(.5px) saturate(200%) url(#lgf);backdrop-filter:blur(.5px) saturate(200%) url(#lgf)}
@keyframes reel{to{transform:translateX(-50%)}}
.got .gd{position:absolute;right:26px;bottom:28px}
.got{background:rgba(245,245,247,.86)}
.up{flex-direction:column}
.upv{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:auto;height:100px}
.upv .skin{position:relative;width:180px}
.upv .u1{opacity:.75}
.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring b{font-size:34px;letter-spacing:-.04em;line-height:1}.ring span{font-size:14px;font-weight:600;color:var(--mute)}

/* ===== 04 cabinet ===== */
.cb{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:20px;grid-template-areas:"acc pay" "acc out"}
.acc{grid-area:acc}.pay{grid-area:pay}.out{grid-area:out}
.sts{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.sbg{position:absolute;inset:-10px -38px -34px}
.sbg .s1{width:340px;right:2%;top:-8%}.sbg .s2{width:300px;left:2%;bottom:16%;transform:rotate(-12deg)}.sbg .s3{width:280px;left:44%;bottom:-2%;transform:rotate(9deg)}
.sts .cap{position:relative}
.sgrid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sv{padding:20px 24px;border-radius:24px;display:flex;flex-direction:column;gap:4px}
.sv b{font-size:52px;line-height:1;letter-spacing:-.045em}
.sv span{font-size:17px;font-weight:600;color:#3a3a3f}
.coins{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.coin{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 8px;border-radius:999px;background:#fff;font-size:19px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.coin i{width:38px;height:38px;border-radius:50%;background:var(--c);color:#fff;font-style:normal;display:grid;place-items:center;font-size:19px}
.mk{display:flex;flex-wrap:wrap;gap:10px}
.mk span{height:50px;padding:0 20px;display:inline-flex;align-items:center;border-radius:16px;background:#fff;font-size:19px;font-weight:700}
.out .p.sm{margin-top:auto}

/* ===== 05 admin ===== */
.ad{flex:1;min-height:0;display:grid;grid-template-columns:1fr 560px;gap:20px}
.adl{position:relative}
.adbg{position:absolute;inset:-20px}
.adbg .a1{width:420px;left:24%;top:2%}.adbg .a2{width:380px;left:64%;top:44%}.adbg .a3{width:380px;left:2%;top:56%;transform:rotate(-10deg)}
.admg{position:relative;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:18px}
.am{padding:28px 30px;border-radius:28px;display:flex;flex-direction:column;gap:14px}
.am ul.ls li{font-size:20px}
.prob{gap:10px}
.prob .pc{position:relative;width:250px;align-self:center;margin:4px 0 2px}
.prl{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.pr{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:6px 12px;font-size:17px}
.pr i{width:12px;height:12px;border-radius:4px;background:var(--c)}
.pr b{font-weight:600}.pr span{color:#86868b;font-size:14px;font-weight:600}.pr em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;min-width:58px;text-align:right}
.pr u{grid-column:2/-1;height:5px;border-radius:3px;background:rgba(255,255,255,.08);position:relative;overflow:hidden;text-decoration:none}
.pr u::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--c);border-radius:3px}

/* ===== 06 tech ===== */
.tc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1;min-height:0}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.chips span{display:inline-flex;align-items:baseline;gap:8px;padding:11px 16px;border-radius:16px;background:#fff;font-size:19px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.chips b{font-weight:700;letter-spacing:-.01em}.chips em{font-style:normal;color:var(--mute);font-weight:500;font-size:16px}
.ints{position:relative;display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:center;height:290px}
.ibg{position:absolute;inset:-10px -40px}
.ibg .case{width:240px}.ibg .skin{width:300px}
.ibg .i1{left:24%;top:8%;transform:rotate(-12deg)}.ibg .i2{left:42%;top:14%}.ibg .i3{left:58%;top:52%;transform:rotate(8deg)}.ibg .i4{left:72%;top:-4%}.ibg .i5{left:86%;top:46%;transform:rotate(-8deg)}
.ilab{position:relative;display:flex;flex-direction:column;gap:10px}
.igr{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ig{padding:22px 24px;border-radius:24px;display:flex;flex-direction:column;gap:4px}
.ig b{font-size:23px;letter-spacing:-.02em}.ig span{font-size:16px;font-weight:600;color:#3a3a3f}

/* ===== 07 stages ===== */
.st7{flex:1;min-height:0;display:grid;grid-template-columns:1fr 500px;gap:20px}
.sgw{position:relative}
.sgbg{position:absolute;inset:-20px}
.sgbg .w1{width:360px;left:6%;top:26%}.sgbg .w3{width:340px;left:66%;top:4%}
.sgbg .w2{width:330px;left:38%;top:62%;transform:rotate(-10deg)}.sgbg .w4{width:300px;left:72%;top:70%;transform:rotate(12deg)}
.sgg{position:relative;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px}
.sg{padding:22px 26px;border-radius:26px;display:flex;flex-direction:column;gap:6px}
.sg i{font-style:normal;font-size:20px;font-weight:700;color:#8a4dff;letter-spacing:-.02em}
.sg b{font-size:23px;line-height:1.15;letter-spacing:-.022em}
.sg span{font-size:16px;line-height:1.35;font-weight:500;color:#3a3a3f}
.team{gap:18px}
.roles{display:flex;flex-direction:column;gap:14px}
.role{display:flex;align-items:center;gap:16px}
.role i{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:16px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.role b{display:block;font-size:20px;letter-spacing:-.015em}.role span{display:block;font-size:16px;color:#a1a1a6;font-weight:500}
.six{margin-top:auto;display:flex;align-items:flex-end;gap:18px}
.six b{font-size:150px;line-height:.78;letter-spacing:-.06em}
.six span{font-size:24px;font-weight:600;color:#a1a1a6;line-height:1.2}

/* ===== 08 price ===== */
.pp{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:1fr auto;gap:20px;grid-template-areas:"mvp ga" "tot tot"}
.pbgx{position:absolute;inset:-20px;bottom:120px}
.pbgx .case{width:440px}
.pbgx .p1{left:16%;top:2%}.pbgx .p2{left:46%;top:34%;width:400px}.pbgx .p3{left:76%;top:-4%;width:380px}
.pc{padding:32px 38px;border-radius:32px;display:flex;flex-direction:column;gap:14px}
.pc.mvp{grid-area:mvp}.pc.ga{grid-area:ga}
.sum{display:flex;align-items:baseline;gap:14px}
.sum b{font-size:110px;line-height:.9;letter-spacing:-.06em}
.sum span{font-size:30px;font-weight:700;color:var(--mute)}
.pc .p{color:#3a3a3f}
.incl{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.incl span{padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.75);font-size:17px;font-weight:600}
.gis{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.gi b{display:block;font-size:22px;letter-spacing:-.02em}.gi span{display:block;font-size:16px;font-weight:500;color:#3a3a3f;line-height:1.3}
.pc .cap{margin-top:4px}
ul.ls.two{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
ul.ls.two li{font-size:18px}
.tot{grid-area:tot;flex-direction:row;align-items:center;gap:30px;padding:24px 40px}
.tot>span{font-size:22px;font-weight:600;color:#a1a1a6}
.tot b{font-size:64px;letter-spacing:-.05em;line-height:1}
.tot b em{font-style:normal}
.tot p{margin-left:auto;font-size:21px;color:#a1a1a6;font-weight:600}

/* ================= feed (portrait / small) ================= */
html.feed .inner{padding:26px 18px 46px;gap:16px}
html.feed h1{font-size:min(11vw,58px)}
html.feed h2{font-size:min(9.4vw,48px)}
html.feed h3{font-size:min(6vw,26px)}
html.feed .sub{font-size:min(4.3vw,20px)}
html.feed ul.ls li{font-size:min(4.2vw,18px)}
html.feed .cd{padding:22px 22px;border-radius:24px}
html.feed .cov,html.feed .gg,html.feed .cb,html.feed .ad,html.feed .tc,html.feed .st7,html.feed .pp,html.feed .row3,html.feed .ints{display:flex;flex-direction:column;gap:14px;height:auto}
html.feed .topr{display:none}
html.feed .yrs .n{font-size:min(40vw,190px)}
html.feed .yrs span{font-size:min(8vw,36px)}
html.feed .cl{gap:18px}
html.feed .ceo{flex-wrap:wrap;gap:16px}
html.feed .co{padding-left:16px}
html.feed .cr{height:min(96vw,520px)}
html.feed .cr .hero{width:92%;left:4%;top:50%;margin-top:0;transform:translateY(-50%)}
html.feed .cr .halo{width:150%;height:auto;aspect-ratio:1}
html.feed .gc{padding:12px 16px;border-radius:20px}html.feed .gc b{font-size:min(6.6vw,30px)}html.feed .gc span{font-size:13px}
html.feed .g1{left:0;top:6%}html.feed .g2{left:4%;bottom:4%}html.feed .g3{right:0;bottom:22%}html.feed .g4{right:0;top:2%}
html.feed .drop{padding:6px 14px 6px 6px;gap:8px;border-radius:18px}html.feed .drop img{width:70px;height:26px}html.feed .drop b{font-size:14px}html.feed .drop span{font-size:12px}
html.feed .path{display:block}
html.feed .steps{grid-template-columns:1fr;gap:10px}
html.feed .stp{min-height:0;padding:16px 18px;display:grid;grid-template-columns:40px 1fr;gap:2px 14px}
html.feed .stp i{grid-row:1/3;margin:0;width:38px;height:38px;font-size:16px}
html.feed .stp b{font-size:20px}html.feed .stp span{font-size:15px}
html.feed .row3 .cd{min-height:0}
html.feed .stage3{height:260px;flex:none}
html.feed .stage3 .case{width:240px;margin:-110px 0 0 -120px}
html.feed .reel{margin:0 -22px;height:120px}
html.feed .ri{width:130px;height:84px}html.feed .ri img{width:112px}
html.feed .got{padding-bottom:96px}
html.feed .upv .skin{width:130px}html.feed .ring{width:92px;height:92px}html.feed .ring b{font-size:26px}
html.feed .sts{min-height:330px;flex:none}
html.feed .sv b{font-size:min(9vw,40px)}
html.feed .admg{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}
html.feed .am{padding:18px 18px}html.feed .am ul.ls li{font-size:min(3.8vw,16px)}
html.feed .tc .cd{min-height:0}
html.feed .chips span{font-size:16px;padding:9px 13px}
html.feed .igr{grid-template-columns:1fr 1fr;gap:10px}
html.feed .ig{padding:16px 16px}html.feed .ig b{font-size:18px}html.feed .ig span{font-size:14px}
html.feed .sgg{grid-template-columns:1fr;grid-template-rows:none;gap:10px}
html.feed .sg{padding:16px 18px}html.feed .sg b{font-size:19px}
html.feed .six b{font-size:110px}
html.feed .sum b{font-size:min(16vw,80px)}
html.feed .gis,html.feed ul.ls.two{grid-template-columns:1fr}
html.feed .tot{flex-wrap:wrap;gap:8px 18px;padding:22px}
html.feed .tot b{font-size:min(10vw,48px)}
html.feed .tot p{margin-left:0;font-size:16px}
html.feed .pbgx{bottom:0}
@media (max-width:420px){html.feed .admg{grid-template-columns:1fr}}

/* ===== v4.1 fixes ===== */
.gl.fr{background:linear-gradient(150deg,rgba(255,255,255,.84),rgba(255,255,255,.68) 60%,rgba(255,255,255,.78));
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}
html.refr .gl.fr{-webkit-backdrop-filter:blur(18px) saturate(185%) url(#lgf);backdrop-filter:blur(18px) saturate(185%) url(#lgf)}
.cr .drop{position:absolute;width:auto}
.s-cover h1{font-size:86px}
.g1{left:-24px;top:110px}.g4{right:10px;top:30px}.g3{right:-10px;bottom:190px}.g2{left:30px;bottom:80px}
.gg{grid-template-rows:auto 1fr}
.reel .win{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 2px rgba(255,255,255,.95),0 0 0 1px rgba(138,77,255,.35),0 14px 30px rgba(60,30,140,.18)}
html.refr .reel .win{-webkit-backdrop-filter:saturate(160%) brightness(1.05);backdrop-filter:saturate(160%) brightness(1.05)}
.reel .win::before{background:none}
.reel::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--grad);z-index:3}
.pbg .k1{left:1%}
.amh{display:flex;justify-content:space-between;align-items:flex-start}
.ico{width:40px;height:40px;flex:none}
.am ul.ls{gap:9px}
.sg{position:relative;justify-content:flex-start}
.sg b{font-size:25px}.sg span{font-size:17px}
.sg i{position:absolute;right:24px;bottom:12px;font-size:76px;line-height:1;letter-spacing:-.05em;opacity:.9}
.pc .ls.two li{font-size:19px}
.sum b{font-size:104px}
/* v4.2 */
.gotv{position:relative;flex:1;min-height:0}
.gotv .hr{width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(235,75,75,.28),rgba(235,75,75,0))}
.gotv .gs{width:440px;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-8deg)}
.got .gd{position:absolute;right:auto;left:50%;bottom:6px;transform:translateX(-50%);width:max-content}
.upv{height:auto;flex:1}
.upv .skin{width:230px}
.ring{width:150px;height:150px}.ring b{font-size:42px}.ring span{font-size:16px}
.amh{flex-direction:column;align-items:flex-start;gap:16px}
.ib{width:64px;height:64px;border-radius:20px;display:grid;place-items:center}
.ib .ico{width:34px;height:34px}
.am ul.ls{gap:12px}.am ul.ls li{font-size:21px}
.incl{margin-top:0}
.kp{display:flex;gap:36px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}
.kp div{display:flex;align-items:baseline;gap:10px}
.kp b{font-size:48px;letter-spacing:-.04em;line-height:1}
.kp span{font-size:17px;font-weight:600;color:var(--mute)}
.ints{height:auto;flex:1}
.tc{flex:none}
.tc .cd{min-height:390px}
.ig{padding:26px 26px}
html.feed .gotv{height:240px;flex:none}
html.feed .gotv .gs{width:300px}
html.feed .upv .skin{width:120px}
html.feed .kp{gap:18px;flex-wrap:wrap}html.feed .kp b{font-size:34px}
html.feed .tc .cd{min-height:0}
/* v4.3 */
.upv .skin{width:190px}
.ring{width:128px;height:128px}.ring b{font-size:36px}
html.feed .s-cover h1 .nw{white-space:normal}
html.feed .sbg .s1{width:200px;right:-6%;top:auto;bottom:40%;opacity:.9}
html.feed .sts{min-height:300px;margin-top:10px}
html.feed .sg{padding-right:80px}
html.feed .sg i{font-size:40px;top:14px;bottom:auto;right:16px}
.kp b{white-space:nowrap}
html.feed .ring{width:84px;height:84px}html.feed .ring b{font-size:22px}html.feed .ring span{font-size:11px}
html.feed .orb{opacity:.12}
/* ak1 07.11: real CS2 skin names are longer */
html.feed .g1{top:16%}
html.feed .upv{padding-top:14px}
html.feed .ibg .i1{top:auto;bottom:8%;left:6%}
html.feed .pr{grid-template-columns:12px 1fr auto;gap:2px 10px;font-size:15px}
html.feed .pr i{grid-column:1;grid-row:1}html.feed .pr b{grid-column:2;grid-row:1;white-space:nowrap}
html.feed .pr em{grid-column:3;grid-row:1}html.feed .pr span{grid-column:2;grid-row:2;font-size:12px}
html.feed .pr u{grid-column:2/-1;grid-row:3;margin-top:4px}

/* ===== v7 07.11: full-viewport stage + new cover ===== */
.c7{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 860px;grid-template-rows:1fr auto;gap:0 40px;grid-template-areas:"l r" "c r"}
.c7l{grid-area:l;display:flex;flex-direction:column;justify-content:center;gap:36px;min-width:0}
.offer{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;height:62px;padding:0 32px;border-radius:999px;font-size:21px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.offer i{width:12px;height:12px;border-radius:50%;background:var(--grad);flex:none}
.c7 h1{font-size:128px;line-height:.94;letter-spacing:-.052em}
.c7 .sub{font-size:30px;max-width:860px}
.c7c{grid-area:c;display:flex;align-items:center;gap:28px;padding-bottom:34px}
.c7c .ceop{padding:9px 26px 9px 9px;gap:14px}
.c7c .ceop i{width:50px;height:50px;font-size:17px}
.c7c .ceop b,.c7c .co b{font-size:20px}.c7c .ceop span,.c7c .co span{font-size:15px}
.c7c .co{padding-left:28px}
.c7r{grid-area:r;position:relative;min-height:0}
.c7r .halo{width:1100px;height:1100px;left:50%;top:50%;transform:translate(-50%,-50%)}
.c7r .hero{width:840px;left:50%;top:50%;margin:-380px 0 0 -420px}
.exp{position:absolute;left:-70px;top:50%;margin-top:150px;display:flex;align-items:flex-end;gap:22px;padding:34px 48px 38px 40px;border-radius:44px;z-index:3;
  background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(255,255,255,.46) 60%,rgba(255,255,255,.6))}
.exp .n{font-size:210px;line-height:.78;letter-spacing:-.07em;padding:0 .1em 0 .02em;margin:0 -.1em 0 -.02em}
.exp span{font-family:"InterD";font-size:42px;line-height:1.04;font-weight:700;letter-spacing:-.03em;padding-bottom:6px;color:var(--ink)}
html.feed .c7{display:flex;flex-direction:column;gap:18px}
html.feed .c7l{gap:18px}
html.feed .offer{height:42px;font-size:13px;padding:0 18px;gap:10px}
html.feed .offer i{width:9px;height:9px}
html.feed .c7 h1{font-size:min(13.4vw,72px)}
html.feed .c7 .sub{font-size:min(4.4vw,21px)}
html.feed .c7r{height:min(108vw,560px)}
html.feed .c7r .hero{width:90%;left:5%;top:40%;margin:0;transform:translateY(-50%)}
html.feed .c7r .halo{width:150%;height:auto;aspect-ratio:1}
html.feed .exp{left:0;top:auto;bottom:0;margin:0;padding:16px 26px 20px 20px;border-radius:28px;gap:12px}
html.feed .exp .n{font-size:min(26vw,124px)}
html.feed .exp span{font-size:min(5.8vw,28px);padding-bottom:2px}
html.feed .c7c{padding-bottom:0;flex-wrap:wrap;gap:14px}
html.feed .c7c .co{padding-left:14px}
/* v7.1 cover tune */
.c7 .sub{max-width:none}
.exp{left:-40px;background:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.36) 60%,rgba(255,255,255,.5))}
html.feed .c7r{height:min(94vw,480px)}
html.feed .c7r .hero{top:42%}
html.feed .c7c .ceop{padding:6px 18px 6px 6px;gap:10px}
html.feed .c7c .ceop i{width:40px;height:40px;font-size:14px}
html.feed .c7c .ceop b,html.feed .c7c .co b{font-size:17px}
html.feed .c7c .ceop span,html.feed .c7c .co span{font-size:13px}
html.feed .c7c{gap:12px;flex-wrap:nowrap}
html.feed .c7c .co{padding-left:12px}
html.feed .sum b{font-size:min(13vw,80px)}
html.feed .sum span{font-size:min(5.6vw,30px)}
html.feed .sum{gap:10px}
html.feed .c7 .sub br{display:none}
/* v7.2 keep edge decor inside the frame */
html.stage .pbg .k4{left:83%}
html.stage .ibg .i5{left:81%}

/* ===== v9 07.11: prism instead of blue-violet-pink ===== */
:root{--grad:linear-gradient(90deg,#ff3b30 0%,#ff7a00 17%,#eba300 33%,#22ad4b 50%,#00a2c2 66%,#2a62ff 83%,#8a44ff 100%)}
.hd .eb{align-self:flex-start;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.orb{opacity:.2}
.o-v{background:conic-gradient(from 210deg,#ff453a,#ff9f0a,#ffd60a,#30d158,#40c8e0,#0a84ff,#bf5af2,#ff453a)}
.o-b{background:conic-gradient(from 60deg,#40c8e0,#0a84ff,#bf5af2,#ff453a,#ff9f0a,#ffd60a,#30d158,#40c8e0)}
.o-p{background:conic-gradient(from 320deg,#ff9f0a,#ffd60a,#30d158,#40c8e0,#0a84ff,#bf5af2,#ff453a,#ff9f0a)}

/* ===== v9: 02 team + stack ===== */
.ts{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}
.tsbg{position:absolute;inset:-14px -30px}
.tsbg .case{width:250px}.tsbg .skin{width:320px}
.tsbg .t1{left:10%;top:-2%;transform:rotate(-10deg)}
.tsbg .t2{left:47%;top:-6%}
.tsbg .t3{left:28%;top:56%;transform:rotate(8deg)}
.tsbg .t4{left:83%;top:62%}
.tsbg .t5{left:62%;top:26%;transform:rotate(-7deg)}
.tmr{position:relative;display:grid;grid-template-columns:repeat(5,1fr) .82fr;gap:16px}
.rl{display:flex;flex-direction:column;gap:8px;padding:20px 24px 22px;border-radius:28px;min-width:0}
.rlh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.rl .ib{width:60px;height:60px;border-radius:19px}
.rl .ib .ico{width:32px;height:32px}
.rn{font-size:62px;line-height:.9;letter-spacing:-.05em;padding:0 .06em}
.rl h3{font-size:23px;line-height:1.12}
.emp{align-self:flex-start;margin-top:auto;font-size:15px;font-weight:700;letter-spacing:.01em;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.055);color:#3a3a3f}
.emp.pt{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.08)}
.tot6{flex-direction:column;justify-content:center;gap:8px;padding:22px 28px;border-radius:28px}
.tot6 b{font-size:104px;line-height:.82;letter-spacing:-.06em;align-self:flex-start;padding:0 .05em}
.tot6 span{font-size:21px;font-weight:600;color:#a1a1a6;line-height:1.2}
.skr{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.skc{display:flex;flex-direction:column;gap:12px;padding:22px 26px 22px;border-radius:30px;min-width:0}
.skh{display:flex;align-items:center;justify-content:space-between}
.skh h3{font-size:27px}
.skh span{min-width:36px;height:36px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:#1d1d1f;color:#fff;font-size:16px;font-weight:700}
.tks{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
.tk{display:flex;align-items:center;gap:14px;min-width:0}
.lg{position:relative;flex:none;width:50px;height:50px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(40,30,90,.08),inset 0 0 0 1px rgba(0,0,0,.04)}
.lg img{width:28px;height:28px;object-fit:contain}
.lg.two img{position:absolute;width:22px;height:22px}
.lg.two img:first-child{left:6px;top:6px}.lg.two img:last-child{right:6px;bottom:6px}
.lg.lt{background:var(--c);color:#fff;font-family:"InterD";font-weight:700;font-size:25px;letter-spacing:-.04em;font-style:normal}
.tk>div{min-width:0}
.tk b{display:block;font-size:20px;line-height:1.2;letter-spacing:-.015em;font-weight:700}
.tk b em{font-style:normal;font-size:15px;font-weight:600;color:var(--mute2);letter-spacing:0;margin-left:4px}
.tk span{display:block;font-size:16px;line-height:1.3;font-weight:500;color:#3a3a3f}
html.feed .ts{gap:12px}
html.feed .tsbg .case{width:150px}html.feed .tsbg .skin{width:190px}
html.feed .tmr{grid-template-columns:1fr 1fr;gap:10px}
html.feed .rl{padding:14px 14px 14px;border-radius:22px;gap:6px}
html.feed .rl .ib{width:44px;height:44px;border-radius:14px}html.feed .rl .ib .ico{width:24px;height:24px}
html.feed .rn{font-size:40px}
html.feed .rl h3{font-size:min(4.3vw,18px)}
html.feed .emp{font-size:12px;padding:4px 9px}
html.feed .tot6{padding:14px 16px;border-radius:22px}
html.feed .tot6 b{font-size:64px}html.feed .tot6 span{font-size:15px}
html.feed .skr{grid-template-columns:1fr;gap:12px}
html.feed .skc{padding:16px 16px;border-radius:24px;gap:10px}
html.feed .skh h3{font-size:21px}
html.feed .tks{gap:10px}
html.feed .tk{gap:12px}
html.feed .lg{width:42px;height:42px;border-radius:12px}html.feed .lg img{width:24px;height:24px}
html.feed .lg.two img{width:18px;height:18px}html.feed .lg.two img:first-child{left:5px;top:5px}html.feed .lg.two img:last-child{right:5px;bottom:5px}
html.feed .lg.lt{font-size:21px}
html.feed .tk b{font-size:16px}html.feed .tk b em{font-size:12.5px}
html.feed .tk span{font-size:13.5px}

/* ===== v9: stages full width, cabinet integrations ===== */
.st7{grid-template-columns:1fr}
.sg b{font-size:27px}.sg span{font-size:18px}
.mk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk span{height:auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px 18px}
.mk span b{font-size:19px;font-weight:700}
.mk span em{font-style:normal;font-size:15px;font-weight:600;color:var(--mute)}
.stm{display:flex;align-items:center;gap:10px}
.stm img{width:22px;height:22px;flex:none}
html.feed .mk{grid-template-columns:1fr}
html.feed .mk span b{font-size:16px}html.feed .mk span em{font-size:13px}
html.feed .tsbg .t1,html.feed .tsbg .t4{display:none}
html.feed .tsbg .t2{left:34%;top:9%}
html.feed .tsbg .t3{left:30%;top:40%}
html.feed .tsbg .t5{left:8%;top:76%}
.rl .ib .ico{width:36px;height:36px}
.sg i.g{color:transparent}