:root{
  --bg:#0A0E14;
  --panel:#0E141C;
  --ink:#F0F6FC;
  --dim:#8B949E;
  --blue:#70B0FF;
  --blue-deep:#3D7FD9;
  --blue-dim:rgba(112,176,255,.14);
  --line:rgba(240,246,252,.14);
  --line-soft:rgba(240,246,252,.07);
  --paper:#F4F4EC;
  --paper-ink:#15181D;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --px:"Pixelify Sans","Courier New",monospace;
  --pxi:"Jacquarda Bastarda 9",var(--serif);
  --ui:"Helvetica Neue",-apple-system,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;animation-delay:0s !important}
  #boot{display:none !important}
}
::selection{background:var(--blue);color:var(--bg)}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:500;
  overflow-x:hidden;
}
body::after{
  content:"";position:fixed;inset:0;z-index:40;pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 1px, transparent 1px 4px);
  opacity:.35;
}
body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22"><path d="M2 1 L2 17 L6.5 13.5 L9.5 20 L12.5 18.5 L9.5 12 L15 11.5 Z" fill="%23F0F6FC" stroke="%230A0E14" stroke-width="1.4"/></svg>') 2 2, auto}
a,button,.btn{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22"><path d="M2 1 L2 17 L6.5 13.5 L9.5 20 L12.5 18.5 L9.5 12 L15 11.5 Z" fill="%2370B0FF" stroke="%230A0E14" stroke-width="1.4"/></svg>') 2 2, pointer}
a{color:inherit}

/* ---------- boot screen ---------- */
#boot{
  position:fixed;inset:0;z-index:100;
  background:var(--bg);
  display:grid;place-items:center;
  transition:opacity .4s;
}
#boot.off{opacity:0;pointer-events:none}
#boot .b-in{width:min(330px,80vw);text-align:center;font-family:var(--px)}
#boot .b-title{font-size:24px;color:var(--ink);letter-spacing:2px}
#boot .b-title b{color:var(--blue);font-weight:400}
#boot .b-bar{margin-top:16px;height:18px;border:1px solid var(--line);padding:3px;display:flex;gap:3px}
#boot .b-bar i{flex:1;background:var(--blue);opacity:0}
#boot .b-txt{margin-top:12px;font-size:15px;color:var(--dim)}

/* ---------- hero reveal ---------- */
.rv{opacity:0;animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}

/* ---------- flying video cards ---------- */
.fly{position:absolute;z-index:1;will-change:transform;touch-action:none;user-select:none}
.fly:active{z-index:9}
.fly .drag-hint{
  position:absolute;top:-22px;left:2px;
  font-family:var(--px);font-size:13px;color:var(--dim);
  opacity:0;transition:opacity .15s;pointer-events:none;
}
.fly:hover .drag-hint{opacity:1}
.fly-lights{display:inline-flex;gap:4px;margin-right:7px}
.fly-lights i{width:7px;height:7px;border-radius:50%;background:var(--line);display:inline-block}
.fly-lights i:first-child{background:rgba(112,176,255,.75)}
.fly-inner{
  width:172px;
  background:var(--panel);border:1px solid rgba(112,176,255,.28);
  box-shadow:0 0 34px rgba(112,176,255,.16), 0 18px 44px rgba(0,0,0,.55);
  border-radius:10px;overflow:hidden;
  animation:floaty 7s ease-in-out infinite alternate;
  transform:rotate(var(--rot));
  position:relative;
}
@keyframes floaty{from{transform:rotate(var(--rot)) translateY(-7px)}to{transform:rotate(var(--rot)) translateY(9px)}}
.fly-bar{
  font-family:var(--px);font-size:13px;color:var(--dim);
  padding:5px 9px;border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;gap:6px;
}
.fly-scene{
  position:relative;aspect-ratio:3/4;overflow:hidden;
  display:grid;place-items:center;
}
.fly-scene::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(rgba(240,246,252,.35) .7px, transparent .8px) 0 0/6px 6px;
  opacity:.22;
}
.fly-scene .fw{
  position:relative;z-index:1;
  font-family:var(--serif);font-style:italic;
  font-size:19px;color:var(--ink);text-align:center;line-height:1.2;padding:0 10px;
}
.fly-scene .fw b{color:var(--blue);font-weight:400}
.fly-rec{
  position:absolute;top:7px;left:9px;z-index:2;
  font-family:var(--px);font-size:13px;color:var(--blue);
}
.fly-rec i{font-style:normal;animation:blink 1.2s steps(2) infinite}
.fly-tl{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line-soft)}
.fly-tl i{position:absolute;inset:0;right:auto;background:var(--blue)}
.fly .cur{animation:none}

/* ---------- neon / blur graphic layer ---------- */
.orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.orbs i{position:absolute;border-radius:50%;filter:blur(80px)}
.orbs .o1{width:440px;height:440px;background:rgba(61,127,217,.4);left:-140px;top:-100px}
.orbs .o2{width:380px;height:380px;background:rgba(112,176,255,.28);right:-120px;top:26%}
.orbs .o3{width:320px;height:320px;background:rgba(46,111,216,.3);left:32%;bottom:-160px}
.floor{
  position:absolute;left:-20%;right:-20%;bottom:-2px;height:36%;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(112,176,255,.28) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(112,176,255,.22) 0 1px, transparent 1px 44px);
  transform:perspective(620px) rotateX(58deg);
  transform-origin:bottom;
  mask-image:linear-gradient(transparent, #000 55%);
  -webkit-mask-image:linear-gradient(transparent, #000 55%);
  opacity:.55;
}

/* ---------- hero headline treatments ---------- */
.px-word{
  font-family:"Silkscreen","Courier New",monospace;font-weight:700;
  font-size:.82em;letter-spacing:-.01em;
  color:var(--blue);
  text-shadow:0 0 18px rgba(112,176,255,.8), 0 0 44px rgba(112,176,255,.45), 4px 4px 0 rgba(112,176,255,.22);
}
.select-wrap{
  position:relative;display:inline-block;
  background:rgba(112,176,255,.22);
  box-shadow:0 0 0 1px rgba(112,176,255,.5), 0 0 34px rgba(112,176,255,.28);
  padding:0 .06em;
}
.select-wrap::before,.select-wrap::after{
  content:"";position:absolute;top:-8px;bottom:-8px;width:2.5px;background:var(--blue);
}
.select-wrap::before{left:-2px}
.select-wrap::after{right:-2px}
.select-wrap .knob{
  position:absolute;width:9px;height:9px;border-radius:50%;
  background:var(--blue);border:2px solid var(--bg);
}
.select-wrap .k1{top:-13px;left:-6px}
.select-wrap .k2{bottom:-13px;right:-6px}
/* pinned pill labels */
.pin{
  position:absolute;z-index:6;
  font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.01em;
  background:var(--blue);color:var(--bg);
  padding:6px 13px;border-radius:999px;
  box-shadow:0 10px 26px rgba(0,0,0,.45);
  white-space:nowrap;
}
.pin::before{
  content:"";position:absolute;
  border:7px solid transparent;
}
.pin.p-tl::before{left:14px;top:-12px;border-bottom-color:var(--blue)}
.pin.p-br::before{right:16px;bottom:-12px;border-top-color:var(--blue)}
.pin.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.pin.ghost.p-tl::before{border-bottom-color:var(--panel)}

/* mac-style dialog */
.dlg{
  width:min(380px,90vw);margin:38px auto 0;
  background:rgba(24,31,43,.82);backdrop-filter:blur(14px);
  border:1px solid rgba(112,176,255,.3);border-radius:16px;
  padding:22px 20px 16px;
  box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 50px rgba(112,176,255,.14), inset 0 1px 0 rgba(240,246,252,.1);
  text-align:center;
}
.dlg .dlg-t{font-weight:800;font-size:17px;letter-spacing:-.01em}
.dlg .dlg-b{margin-top:7px;font-size:13px;line-height:1.55;color:var(--dim)}
.dlg .dlg-b b{color:var(--ink);font-weight:600}
.dlg .dlg-btns{margin-top:16px;display:grid;gap:8px}
.dlg-btn{
  display:block;width:100%;
  font-family:var(--sans);font-weight:700;font-size:14px;
  padding:11px 0;border-radius:999px;
  border:none;text-decoration:none;text-align:center;
  transition:filter .15s;
}
.dlg-btn.primary{background:var(--blue);color:var(--bg);box-shadow:0 0 26px rgba(112,176,255,.45)}
.dlg-btn.primary:hover{filter:brightness(1.12);box-shadow:0 0 40px rgba(112,176,255,.65)}
.dlg-btn.ghost{background:rgba(240,246,252,.07);color:var(--dim)}
.dlg-btn.ghost:hover{color:var(--ink)}
.dlg-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dlg .dlg-foot{
  margin-top:13px;font-family:var(--px);font-size:15px;color:var(--dim);
}
.dlg .dlg-foot b{color:var(--blue);font-weight:400}

/* hero corner notification */
.heronotif{
  position:absolute;top:14px;right:14px;z-index:8;
  display:flex;gap:11px;align-items:center;text-align:left;
  background:rgba(24,31,43,.92);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:14px;
  padding:10px 16px 10px 11px;
  box-shadow:0 18px 44px rgba(0,0,0,.5);
  transform:translateX(130%);transition:transform .55s cubic-bezier(.2,.8,.2,1);
  max-width:290px;
}
.heronotif.in{transform:none}
.heronotif .app{
  flex:0 0 34px;height:34px;border-radius:9px;
  background:linear-gradient(160deg,var(--blue),var(--blue-deep));
  display:grid;place-items:center;
}
.heronotif .app img{height:8px;display:block}
.heronotif .t{font-size:11px;color:var(--dim)}
.heronotif .m{font-size:12.5px;font-weight:600;line-height:1.35}

/* launch burst */
.burst{
  position:fixed;z-index:70;color:var(--blue);pointer-events:none;
  transform:translate(-50%,-50%);
  animation:burstFly .8s ease-out forwards;
}
@keyframes burstFly{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4) rotate(120deg)}
}

/* sparkle cursor trail */
.trail{
  position:fixed;z-index:60;color:var(--blue);pointer-events:none;
  transform:translate(-50%,-50%);
  animation:trailUp .7s ease-out forwards;
}
@keyframes trailUp{
  from{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
  to{opacity:0;transform:translate(-50%,-130%) scale(.35) rotate(40deg)}
}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------- pixel bits ---------- */
.px-bubble{
  display:inline-block;position:relative;
  font-family:var(--px);font-size:17px;letter-spacing:.5px;
  color:var(--bg);background:var(--ink);
  padding:3px 10px 2px;margin:3px;
  box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink);
}
.px-bubble.blue{background:var(--blue);box-shadow:0 -3px 0 0 var(--blue),0 3px 0 0 var(--blue),-3px 0 0 0 var(--blue),3px 0 0 0 var(--blue)}
.px-bubble::after{
  content:"";position:absolute;left:12px;bottom:-9px;
  border:3px solid transparent;
  border-top:6px solid var(--ink);border-left:6px solid var(--ink);
}
.px-bubble.blue::after{border-top-color:var(--blue);border-left-color:var(--blue)}
.px-label{font-family:var(--px);font-size:15px;color:var(--dim);letter-spacing:1px}
.px-label b{color:var(--blue);font-weight:400}

/* multiplayer cursor sticker */
.cur{
  position:absolute;z-index:5;pointer-events:none;
  filter:drop-shadow(2px 3px 0 rgba(0,0,0,.45));
  animation:drift 5s ease-in-out infinite;
}
.cur svg{display:block}
.cur .tag{
  position:absolute;left:16px;top:16px;
  font-family:var(--px);font-size:15px;line-height:1;
  background:var(--blue);color:var(--bg);
  padding:3px 8px 2px;white-space:nowrap;
}
.cur.white .tag{background:var(--ink)}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,10px)}}

/* sparkles */
.sp{position:absolute;color:var(--blue);pointer-events:none;animation:tw 2.6s ease-in-out infinite}
.sp.s2{animation-delay:.9s}
.sp.s3{animation-delay:1.7s}
@keyframes tw{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

/* mini window sticker */
.mini-win{
  position:absolute;z-index:5;width:225px;
  background:var(--panel);border:1px solid var(--line);
  box-shadow:8px 8px 0 rgba(112,176,255,.1);
  transform:rotate(3deg);
  font-family:var(--px);
}
.mini-win .mw-bar{
  display:flex;justify-content:space-between;
  font-size:14px;color:var(--dim);
  padding:5px 9px;border-bottom:1px solid var(--line);
}
.mini-win .mw-body{padding:10px 9px 12px;font-size:16px;color:var(--ink)}
.mini-win .bar{margin-top:8px;height:12px;border:1px solid var(--line);padding:2px;display:flex;gap:2px}
.mini-win .bar i{width:11%;background:var(--blue)}
.mini-win .bar i.off{background:var(--line-soft);animation:blink 1.1s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}

/* ---------- top bar ---------- */
.topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(10,14,20,.85);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar .in{
  max-width:1120px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;gap:26px;height:54px;
}
.logo-img{height:19px;display:block}
.nav{display:flex;gap:22px;margin-left:8px}
.nav a{font-size:13px;color:var(--dim);text-decoration:none;letter-spacing:.02em}
.nav a:hover{color:var(--ink)}
.topbar .book{
  margin-left:auto;
  font-size:13px;font-weight:600;text-decoration:none;
  color:var(--bg);background:var(--ink);
  padding:8px 16px;
}
.topbar .book:hover{background:var(--blue)}
.topbar .book:focus-visible,.nav a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* ---------- hero ---------- */
.hero{position:relative;padding:64px 0 64px;text-align:center;overflow:hidden}
.hero .glow{
  position:absolute;left:50%;top:8%;transform:translateX(-50%);
  width:900px;height:520px;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, rgba(112,176,255,.16) 0%, transparent 70%);
}
.hero .glow::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(rgba(112,176,255,.5) .8px, transparent .9px) 0 0/7px 7px;
  mask-image:radial-gradient(50% 50% at 50% 50%, #000 0%, transparent 68%);
  -webkit-mask-image:radial-gradient(50% 50% at 50% 50%, #000 0%, transparent 68%);
  opacity:.5;
}
.rec-frame{position:relative;display:inline-block;padding:56px 54px 48px;margin-top:10px}
.rec-frame .corner{position:absolute;width:26px;height:26px;border:2px solid var(--blue)}
.rec-frame .c1{top:0;left:0;border-right:none;border-bottom:none}
.rec-frame .c2{top:0;right:0;border-left:none;border-bottom:none}
.rec-frame .c3{bottom:0;left:0;border-right:none;border-top:none}
.rec-frame .c4{bottom:0;right:0;border-left:none;border-top:none}
.rec-row{
  position:absolute;top:14px;left:34px;right:34px;
  display:flex;justify-content:space-between;
  font-family:var(--px);font-size:17px;color:var(--dim);
}
.rec-row .rec{color:var(--blue)}
.rec-row .rec i{font-style:normal;animation:blink 1.2s steps(2) infinite}
h1{
  font-weight:900;
  font-size:clamp(40px,7.2vw,86px);
  line-height:1.0;letter-spacing:-.025em;
  text-transform:uppercase;text-wrap:balance;
}
h1 em{
  font-family:var(--serif);font-style:italic;font-weight:400;
  text-transform:lowercase;letter-spacing:0;
  color:var(--blue);font-size:1.06em;
}
.hero .sub{
  margin:30px auto 0;
  font-family:var(--serif);font-style:italic;
  font-size:clamp(22px,3vw,30px);color:var(--ink);
}
.hero .sub b{color:var(--blue);font-weight:400}
.hero .chips{
  margin:22px auto 0;
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
}
.chip{
  font-family:var(--px);font-size:16px;letter-spacing:.5px;
  color:var(--dim);
  border:1px solid var(--line);
  padding:6px 13px 5px;
  display:inline-flex;align-items:center;gap:8px;
}
.chip i{font-style:normal;color:var(--blue);font-size:12px}
.hero .ctas{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.btn{
  display:inline-block;text-decoration:none;
  font-size:14px;font-weight:600;letter-spacing:.02em;
  padding:14px 28px;
  border:1px solid var(--ink);color:var(--ink);
  transition:background .15s,color .15s;
}
.btn:hover{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}
.btn.solid{background:var(--ink);color:var(--bg)}
.btn.solid:hover{background:var(--blue);border-color:var(--blue);color:var(--bg)}
.btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.hero .bubble-wrap{margin-top:42px}

/* ---------- ticker ---------- */
.ticker{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;white-space:nowrap;padding:12px 0;
}
.ticker-track{display:inline-block;animation:scroll 36s linear infinite;font-family:var(--px);font-size:19px;color:var(--dim)}
.ticker-track span{margin:0 30px}
.ticker-track b{color:var(--blue);font-weight:400}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- logos strip ---------- */
.logos{padding:64px 0 40px;text-align:center}
.logos .cap{margin-bottom:32px}
.logo-row{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:26px 46px;padding:0 12px;
}
.logo-row img{
  width:auto;display:block;flex:0 0 auto;
  max-height:22px;object-fit:contain;
  opacity:.6;filter:grayscale(1) brightness(1.5);
  transition:opacity .15s,filter .15s;
}
.logo-row img:hover{opacity:1;filter:none}
.logo-row .lg-allf{
  font-family:var(--sans);font-weight:600;font-style:italic;font-size:18px;
  color:var(--dim);opacity:.8;transition:color .15s;line-height:1;cursor:default;
  flex:0 0 auto;white-space:nowrap;
}
.logo-row .lg-allf:hover{color:var(--ink)}

/* ---------- sections ---------- */
section{padding:96px 0;position:relative}
.sec-head{margin-bottom:48px}
.sec-head .eyebrow{margin-bottom:16px}
h2{
  font-weight:900;font-size:clamp(30px,4.6vw,54px);
  line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;
}
h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--blue);font-size:1.06em}
.sec-head p{margin-top:18px;max-width:56ch;color:var(--dim);font-size:16px;line-height:1.65}
.sec-head p b{color:var(--ink);font-weight:600}

/* how it works — context menu */
.menu{
  max-width:760px;
  border:1px solid var(--line);background:var(--panel);
  box-shadow:14px 14px 0 rgba(112,176,255,.07);
}
.menu .m-title{
  display:flex;align-items:center;gap:10px;
  font-family:var(--px);font-size:17px;color:var(--dim);
  padding:9px 16px;border-bottom:1px solid var(--line);
  user-select:none;
}
.menu .m-title .dots{margin-left:auto;letter-spacing:6px}
.m-item{
  display:grid;grid-template-columns:56px 200px 1fr 70px;
  gap:18px;align-items:baseline;
  padding:20px 22px;
  border-bottom:1px solid var(--line-soft);
  transition:background .12s;position:relative;
}
.m-item:last-child{border-bottom:none}
.m-item:hover{background:var(--blue-dim)}
.m-item:hover .m-name{color:var(--blue)}
.m-item:hover::before{
  content:"➤";position:absolute;left:6px;top:50%;transform:translateY(-50%);
  font-size:11px;color:var(--blue);
}
.m-num{font-family:var(--px);font-size:19px;color:var(--dim)}
.m-name{font-weight:800;font-size:19px;letter-spacing:.01em;text-transform:uppercase;transition:color .12s}
.m-desc{font-size:14px;line-height:1.55;color:var(--dim)}
.m-day{font-family:var(--px);font-size:17px;color:var(--blue);text-align:right}

/* ---------- work: video players ---------- */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.vid{
  border:1px solid var(--line);background:var(--panel);
  box-shadow:10px 10px 0 rgba(112,176,255,.07);
  transition:transform .15s;
}
.vid:hover{transform:translateY(-4px)}
.vid-bar{
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--px);font-size:15px;color:var(--dim);
  padding:7px 12px;border-bottom:1px solid var(--line);
}
.vid-bar .vd{color:var(--dim)}
.vid-scene{
  position:relative;aspect-ratio:3/4;overflow:hidden;
  display:grid;place-items:center;
}
.vid-scene::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(rgba(240,246,252,.35) .7px, transparent .8px) 0 0/6px 6px;
  opacity:.25;
}
.sc1{background:
  radial-gradient(80% 60% at 20% 100%, rgba(112,176,255,.45), transparent 60%),
  linear-gradient(160deg, #16202E 0%, #0A0E14 55%, #1B2C42 100%)}
.sc2{background:
  radial-gradient(70% 55% at 80% 15%, rgba(112,176,255,.4), transparent 60%),
  linear-gradient(200deg, #1A2536 0%, #0A0E14 60%, #14202F 100%)}
.sc3{background:
  radial-gradient(90% 70% at 50% 110%, rgba(112,176,255,.35), transparent 65%),
  linear-gradient(140deg, #101A28 0%, #0A0E14 50%, #203350 100%)}
.vid-word{
  position:relative;z-index:1;
  font-family:var(--serif);font-style:italic;
  font-size:clamp(26px,2.6vw,34px);color:var(--ink);
  text-align:center;line-height:1.15;padding:0 18px;
  text-wrap:balance;
}
.vid-word b{color:var(--blue);font-weight:400}
.vid-play{
  position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);
  width:58px;height:58px;border-radius:50%;
  border:2px solid var(--ink);
  background:rgba(10,14,20,.55);backdrop-filter:blur(3px);
  color:var(--ink);font-size:18px;
  display:grid;place-items:center;
  opacity:0;transition:opacity .15s;
  padding-left:4px;
}
.vid:hover .vid-play{opacity:1}
.vid-rec{
  position:absolute;top:10px;left:12px;z-index:2;
  font-family:var(--px);font-size:15px;color:var(--blue);
}
.vid-rec i{font-style:normal;animation:blink 1.2s steps(2) infinite}
.vid-time{
  position:absolute;top:10px;right:12px;z-index:2;
  font-family:var(--px);font-size:15px;color:var(--dim);
}
.vid-cap{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:2;
  width:max-content;max-width:88%;
  font-family:var(--sans);font-weight:800;font-size:13px;line-height:1.35;
  text-align:center;text-transform:uppercase;letter-spacing:.02em;
  background:rgba(10,14,20,.82);color:var(--ink);
  padding:6px 10px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.vid-cap b{color:var(--blue)}
.vid-line{display:flex;align-items:center;gap:10px;padding:10px 12px 0}
.vid-line .tl{flex:1;height:4px;background:var(--line-soft);position:relative}
.vid-line .tl i{position:absolute;inset:0;right:auto;background:var(--blue)}
.vid-line .tl u{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--ink);border-radius:50%}
.vid-line .tc{font-family:var(--px);font-size:14px;color:var(--dim)}
.vid-meta{padding:10px 12px 16px}
.vid-meta h3{font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.02em}
.vid-meta p{margin-top:5px;font-size:13px;line-height:1.55;color:var(--dim)}

/* ---------- receipt ---------- */
#proof{
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:44px 44px;
}
.proof-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.receipt{
  width:340px;max-width:100%;
  background:var(--paper);color:var(--paper-ink);
  font-family:"SF Mono",ui-monospace,"Menlo",monospace;font-size:13px;line-height:1.6;
  padding:26px 22px 30px;
  transform:rotate(-2deg);
  box-shadow:14px 16px 0 rgba(112,176,255,.12), 0 24px 60px rgba(0,0,0,.5);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),97.5% 100%,95% calc(100% - 8px),92.5% 100%,90% calc(100% - 8px),87.5% 100%,85% calc(100% - 8px),82.5% 100%,80% calc(100% - 8px),77.5% 100%,75% calc(100% - 8px),72.5% 100%,70% calc(100% - 8px),67.5% 100%,65% calc(100% - 8px),62.5% 100%,60% calc(100% - 8px),57.5% 100%,55% calc(100% - 8px),52.5% 100%,50% calc(100% - 8px),47.5% 100%,45% calc(100% - 8px),42.5% 100%,40% calc(100% - 8px),37.5% 100%,35% calc(100% - 8px),32.5% 100%,30% calc(100% - 8px),27.5% 100%,25% calc(100% - 8px),22.5% 100%,20% calc(100% - 8px),17.5% 100%,15% calc(100% - 8px),12.5% 100%,10% calc(100% - 8px),7.5% 100%,5% calc(100% - 8px),2.5% 100%,0 calc(100% - 8px));
}
.receipt .r-center{text-align:center}
.receipt .r-logo{height:15px;margin:0 auto 8px;display:block;filter:invert(1) brightness(.2)}
.receipt .r-sm{font-size:11.5px;color:#5b6068;letter-spacing:.02em}
.receipt hr{border:none;border-top:1.5px dashed #9aa0a8;margin:12px 0}
.receipt .r-row{display:flex;justify-content:space-between;gap:8px}
.receipt .r-row .l{white-space:nowrap}
.receipt .r-row .f{flex:1;overflow:hidden;white-space:nowrap;color:#b9bec6;font-size:11px;align-self:end;padding:0 5px}
.receipt .r-row .v{white-space:nowrap;font-weight:400}
.receipt .r-total{font-size:16px;font-weight:700}
.receipt .barcode{
  height:44px;margin:14px 6px 4px;
  background:repeating-linear-gradient(90deg,#15181D 0 2px,transparent 2px 4px,#15181D 4px 7px,transparent 7px 8px,#15181D 8px 9px,transparent 9px 13px);
}
.receipt .stamp{
  position:absolute;right:14px;bottom:96px;
  font-family:"SF Mono",ui-monospace,monospace;font-size:11px;color:var(--blue-deep);
  border:2px solid var(--blue-deep);border-radius:4px;
  padding:4px 8px;transform:rotate(9deg);
  text-transform:uppercase;letter-spacing:1px;opacity:.85;
}
.receipt-wrap{position:relative;justify-self:center}
.rcpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;justify-items:center;align-items:start}
.rcpts .receipt{width:100%;max-width:330px;position:relative}
.r-upwork{transform:rotate(-2.4deg)}
.r-spend{transform:rotate(1.4deg)}
.r-total{transform:rotate(-1deg)}
.r-brand{font-family:var(--sans);font-weight:900;font-size:21px;letter-spacing:.06em;color:#14a800}
.r-badge{
  font-family:var(--px);font-size:16px;text-align:center;
  background:#14a800;color:#F4F4EC;padding:3px 0;margin:8px 0 10px;letter-spacing:1px;
}

.receipt .r-up{height:22px;margin:0 auto 8px;display:block}
.r-tr{
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.01em;
  background:#0d1626;color:#fff;border-radius:6px;
  padding:7px 0;margin:10px 0 12px;
}
.r-tr-ic{color:#5cc3ff;font-size:11px}
.r-link{font-family:"SF Mono",ui-monospace,monospace;font-size:11px;color:#3D7FD9;word-break:break-all}
.r-note{margin:10px 2px;font-family:"SF Mono",ui-monospace,monospace;font-size:11.5px;line-height:1.45;color:#3b4048}
.r-note b{color:#15181D}
.r-total-line{font-size:16px;font-weight:700}
@media (max-width:900px){.rcpts{grid-template-columns:1fr;gap:28px}}


/* ---------- real reel videos ---------- */
.rv-vid{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;z-index:0;
  background:#0A0E14;
}
[data-vhost]{position:relative;overflow:hidden}

/* ---------- feed ---------- */
.feedwrap{position:relative;overflow:hidden;padding:8px 0 44px;
  mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.feedtrack{display:flex;gap:18px;width:max-content;cursor:grab;touch-action:pan-y}
.feedtrack:active{cursor:grabbing}
.fv{
  position:relative;flex:0 0 auto;width:198px;aspect-ratio:9/15;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(112,176,255,.32);
  box-shadow:0 0 30px rgba(112,176,255,.12), 0 18px 40px rgba(0,0,0,.5);
  display:grid;place-items:center;
  transition:transform .2s;
  user-select:none;
}
.fv:hover{transform:translateY(-8px)}
.fv.small{width:132px;aspect-ratio:9/16}
.fv .fw{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:18px;text-align:center;line-height:1.25;padding:0 12px;pointer-events:none}
.fv .fw b{color:var(--blue);font-weight:400}
.fv .frc{position:absolute;top:10px;left:12px;font-family:var(--px);font-size:13px;color:var(--blue);z-index:1;opacity:0;transition:opacity .2s}
.fv:hover .frc{opacity:1;animation:blink 1.2s steps(2) infinite}
.fv .fcap{
  position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:1;
  font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.02em;
  background:rgba(10,14,20,.85);padding:4px 8px;white-space:nowrap;pointer-events:none;
}
.pplay{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(240,246,252,.12);z-index:2}
.pplay i{display:block;height:100%;width:0;background:var(--blue);box-shadow:0 0 10px rgba(112,176,255,.7);transition:width .2s}
.fv:hover .pplay i{width:100%;transition:width 4s linear}
.feedhint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%)}

/* ---------- counter ---------- */
.cnt-box{
  display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;
  border:1px solid rgba(112,176,255,.3);border-radius:18px;
  background:rgba(24,31,43,.5);
  box-shadow:0 0 50px rgba(112,176,255,.08);
  padding:34px 36px;
}
.cnt-punch{margin-top:14px;font-family:var(--px);font-size:18px;color:var(--dim)}
.cnt-punch b{color:var(--blue);font-weight:400}
.cnt-row{display:flex;align-items:center;gap:14px;margin-top:14px}
.cnt-row:first-child{margin-top:0}
.cnt-lab{font-family:var(--px);font-size:17px;color:var(--dim);flex:0 0 44px;text-transform:uppercase}
.cnt-cells{flex:1;display:flex;gap:5px}
.cnt-cells i{
  flex:1;height:30px;border:1px solid var(--line);
  display:grid;place-items:center;font-size:13px;color:var(--blue);
}
.cnt-cells i.on{background:rgba(112,176,255,.2);border-color:var(--blue);box-shadow:0 0 14px rgba(112,176,255,.35)}
.cnt-btn{
  flex:0 0 auto;font-family:var(--px);font-size:19px;
  background:var(--ink);color:var(--bg);border:none;border-radius:9px;
  padding:7px 16px;
}
.cnt-btn:hover{background:var(--blue)}
.cnt-btn:disabled{opacity:.4}
.cnt-bar{flex:1;height:30px;border:1px solid var(--blue);position:relative;overflow:hidden}
.cnt-bar i{position:absolute;inset:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 14px,rgba(112,176,255,.55) 14px 18px);box-shadow:0 0 22px rgba(112,176,255,.5)}
.cnt-val{font-family:var(--px);font-size:22px;width:62px;text-align:right;font-variant-numeric:tabular-nums}
.cnt-val.blue{color:var(--blue)}
.cnt-logo{height:15px;display:block}
.cnt-foot{margin-top:16px}
.cnt-foot b{color:var(--blue);font-weight:400;font-variant-numeric:tabular-nums}
.cnt-cta{
  flex:0 0 auto;font-family:var(--px);font-size:19px;text-decoration:none;
  background:var(--blue);color:var(--bg);border-radius:9px;padding:7px 16px;
  box-shadow:0 0 20px rgba(112,176,255,.45);
}

/* ---------- industries folders ---------- */
.idx-stack{display:grid;gap:0}
.idxf{
  position:relative;
  border:1px solid rgba(112,176,255,.35);
  border-radius:16px 20px 16px 16px;
  background:linear-gradient(135deg, rgba(240,246,252,.07), rgba(112,176,255,.14) 50%, rgba(61,127,217,.2));
  backdrop-filter:blur(8px);
  box-shadow:0 -12px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(240,246,252,.25);
  margin-top:-10px;
  transition:transform .25s;
}
.idxf:first-child{margin-top:0}
.idxf:nth-child(1){z-index:3}
.idxf:nth-child(2){z-index:2}
.idxf:nth-child(3){z-index:1}
.idxf.open{transform:none;box-shadow:0 0 60px rgba(112,176,255,.18), inset 0 1px 0 rgba(240,246,252,.3);z-index:5}
.idxf-head{
  position:relative;width:100%;display:flex;align-items:center;gap:16px;
  background:none;border:none;color:var(--ink);
  padding:20px 24px;text-align:left;
}
.idxf-tab{
  position:absolute;top:-11px;left:18px;width:96px;height:12px;
  background:inherit;
  background:rgba(112,176,255,.25);
  border:1px solid rgba(112,176,255,.35);border-bottom:none;
  border-radius:8px 10px 0 0;
}
.idxf-name{font-family:var(--px);font-size:22px;letter-spacing:.5px;color:var(--ink)}
.idxf-meta{font-family:var(--px);font-size:15px;color:var(--dim);margin-left:auto}
.idxf-arr{font-size:13px;color:var(--blue);transition:transform .25s}
.idxf.open .idxf-arr{transform:rotate(180deg)}
.idxf-body{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.2,.7,.3,1)}
.idxf.open .idxf-body{max-height:420px}
.idxf-inner{padding:2px 24px 26px}
.idxf-note{font-size:14px;color:var(--dim);max-width:60ch;line-height:1.6}
.idxf-cards{display:flex;gap:14px;margin-top:16px;flex-wrap:wrap}


/* ---------- worked with: real logos ---------- */
.cw-grid{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:30px 50px;padding:8px 12px;
}
.cw-logo{
  width:auto;display:block;flex:0 0 auto;
  opacity:.5;transition:opacity .15s,filter .15s;filter:grayscale(1);
}
.cw-logo:hover{opacity:1;filter:none}
.cw-word{
  font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:.01em;
  color:var(--dim);opacity:.75;transition:color .15s;white-space:nowrap;
}
.cw-word:nth-of-type(2){font-style:italic;font-weight:600}
.cw-word:nth-of-type(3){font-family:var(--px);font-size:22px}
.cw-word:nth-of-type(4){font-family:var(--serif);font-style:italic;font-size:21px}
.cw-word:hover{color:var(--ink)}
body.light .cw-logo{filter:invert(1);opacity:.5}
body.light .cw-logo:hover{opacity:.9}

/* ---------- process stepper ---------- */
.stepz{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.stz{
  flex:1 1 130px;display:grid;justify-items:center;gap:8px;
  border:1px solid var(--line);border-radius:16px;padding:20px 14px;
  background:rgba(24,31,43,.4);
}
.stz-day{font-family:var(--px);font-size:16px;color:var(--dim);letter-spacing:1px}
.stz-ico{font-size:24px;line-height:1;color:var(--blue)}
.stz b{font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.01em}
.stz.hot{border-color:var(--blue);background:rgba(112,176,255,.12);box-shadow:0 0 34px rgba(112,176,255,.18)}
.stz.hot .stz-day,.stz.hot b{color:var(--blue)}
.stz-arr{align-self:center;color:var(--dim);font-size:18px}
.stepz-note{display:block;margin-top:18px}
@media (max-width:760px){.stz-arr{display:none}}

/* ---------- compare: sad machine vs fresh ---------- */
.swp{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.swp-side{
  position:relative;border-radius:18px;padding:34px 30px 30px;
  border:1px solid var(--line);overflow:hidden;
}
.swp-side.sad{background:#14161B;filter:saturate(.35)}
.swp-side.sad::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(115deg, rgba(0,0,0,.35) 0 2px, transparent 2px 5px);
  opacity:.5;
}
.swp-side.fresh{
  background:linear-gradient(160deg, rgba(112,176,255,.16), rgba(10,14,20,.7) 60%);
  border-color:rgba(112,176,255,.4);
  box-shadow:0 0 60px rgba(112,176,255,.16);
}
.swp-tag{
  position:relative;z-index:2;display:inline-block;
  font-family:var(--px);font-size:16px;color:#6b7480;
  border:1px solid rgba(240,246,252,.2);border-radius:99px;padding:3px 14px;margin-bottom:18px;
}
.swp-tag.blue{color:var(--bg);background:var(--blue);border-color:var(--blue);box-shadow:0 0 20px rgba(112,176,255,.5)}
.swp-rows{position:relative;z-index:2;display:grid;gap:2px}
.swp-row{
  display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid rgba(240,246,252,.07);
}
.swp-row b{font-weight:900;font-size:clamp(20px,2.4vw,28px);color:#7c848f;letter-spacing:-.02em}
.swp-row span{font-size:13.5px;color:#6b7480}
.swp-row i{font-family:var(--px);font-style:normal;font-size:16px;color:#5c6470}
.swp-row.on b{color:var(--blue);text-shadow:0 0 24px rgba(112,176,255,.5)}
.swp-row.on span{color:var(--ink)}
.swp-row.on i{color:var(--blue);opacity:0;transform:translateX(-6px);transition:all .4s}
.duel.seen .swp-row.on i{opacity:1;transform:none}
/* sad old computer */
.cob{position:absolute;right:22px;top:22px;width:112px;z-index:1;opacity:.5}
.cob-screen{
  position:relative;height:84px;border-radius:8px;background:#0b0d11;
  border:7px solid #3a3f47;box-shadow:inset 0 0 26px rgba(0,0,0,.9);
  display:grid;place-items:center;overflow:hidden;
}
.cob-err{font-family:var(--px);font-size:14px;color:#5c6470;letter-spacing:1px}
.cob-crack{position:absolute;top:-4px;left:38%;width:2px;height:60%;background:rgba(240,246,252,.22);transform:rotate(14deg)}
.cob-crack.c2{top:30%;left:52%;height:52%;transform:rotate(-22deg)}
.cob-base{height:14px;margin:0 16px;border-radius:0 0 10px 10px;background:#33383f}
.web{
  position:absolute;top:-8px;right:-8px;width:52px;height:52px;
  border-radius:0 0 0 100%;
  background:
    repeating-radial-gradient(circle at 100% 0, transparent 0 9px, rgba(240,246,252,.22) 9px 10px),
    linear-gradient(225deg, rgba(240,246,252,.2) 0 1px, transparent 1px),
    linear-gradient(200deg, rgba(240,246,252,.2) 0 1px, transparent 1px),
    linear-gradient(250deg, rgba(240,246,252,.2) 0 1px, transparent 1px);
}
/* fresh buzz machine */
.fmac{position:absolute;right:22px;top:22px;width:118px;z-index:1}
.fmac-screen{
  position:relative;height:86px;border-radius:10px;
  background:linear-gradient(160deg,#1b3358,#0e1a2c);
  border:6px solid #7fb0f5;
  box-shadow:0 0 30px rgba(112,176,255,.5), inset 0 0 26px rgba(112,176,255,.25);
  display:grid;place-items:center;
}
.fmac-logo{height:13px}
.fmac-base{height:14px;margin:0 18px;border-radius:0 0 12px 12px;background:#7fb0f5;box-shadow:0 8px 22px rgba(112,176,255,.4)}
.fspark{position:absolute;color:var(--blue);font-size:15px;animation:tw 2.6s ease-in-out infinite}
.fspark.s1{top:-8px;left:-10px}
.fspark.s2{bottom:14px;right:-12px;animation-delay:.9s}
.swp-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px}

/* ---------- anatomy ---------- */
.an-grid{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.editor{
  width:max-content;max-width:100%;
  background:var(--panel);border:1px solid rgba(112,176,255,.3);border-radius:14px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 50px rgba(112,176,255,.1);
}
.editor .ebar{
  display:flex;align-items:center;gap:10px;font-family:var(--px);font-size:15px;color:var(--dim);
  padding:8px 14px;border-bottom:1px solid var(--line);
}
.editor .ebar .ecta{font-size:12px;font-weight:700;text-decoration:none;background:var(--blue);color:var(--bg);border-radius:999px;padding:6px 14px;margin-left:auto}
.epreview{position:relative;width:min(232px,46vw);aspect-ratio:9/16;max-height:52vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.epreview .pw{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,28px);position:relative;z-index:1;padding:0 14px}
.epreview .pw b{color:var(--blue);font-weight:400}
.epreview .pcap{
  position:absolute;bottom:14px;left:8px;right:8px;z-index:1;
  font-weight:800;font-size:10.5px;line-height:1.35;text-transform:uppercase;text-align:center;
  background:rgba(10,14,20,.85);padding:5px 8px;
}
.epreview .ptc{position:absolute;top:12px;right:14px;font-family:var(--px);font-size:15px;color:var(--dim);z-index:1}
.tlwrap{padding:14px 16px 18px;border-top:1px solid var(--line);position:relative;cursor:ew-resize}
.track{display:flex;gap:6px;margin-top:6px}
.track:first-child{margin-top:0}
.clip{
  height:26px;border-radius:6px;flex:0 0 auto;
  font-family:var(--px);font-size:13px;color:var(--bg);
  display:grid;place-items:center;padding:0 8px;overflow:hidden;white-space:nowrap;
}
.c1{background:var(--blue)}
.c2{background:var(--blue-deep);color:var(--ink)}
.c3{background:#28405F;color:var(--ink)}
.playhead{
  position:absolute;top:6px;bottom:8px;width:2px;background:var(--ink);z-index:3;
  box-shadow:0 0 14px rgba(240,246,252,.7);pointer-events:none;
}
.playhead::before{content:"";position:absolute;top:-7px;left:-5px;border:6px solid transparent;border-top:8px solid var(--ink)}
.an-steps{display:grid;gap:12px;align-content:center}
.an-step{
  border:1px solid var(--line);border-radius:12px;
  padding:14px 18px;transition:border-color .2s, background .2s, transform .2s;
}
.an-step b{display:block;font-size:15px;letter-spacing:.01em;text-transform:uppercase}
.an-step span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--dim)}
.an-step.on{border-color:var(--blue);background:rgba(112,176,255,.08);transform:translateX(6px);box-shadow:0 0 30px rgba(112,176,255,.12)}
.an-step.on b{color:var(--blue)}

@media (max-width:860px){
  .swp{grid-template-columns:1fr}
  .cob,.fmac{display:none}
  .cnt-box{grid-template-columns:1fr;padding:26px 22px}
  .an-grid{grid-template-columns:1fr}
  .cmp{height:auto;min-height:420px}
  .cmp-side{padding:26px 22px}
  .idxf-meta{display:none}
}

/* ---------- we worked with ---------- */
.clients{
  border-top:1px solid var(--line);
  padding:72px 0 76px;overflow:hidden;text-align:center;
}
.clients .cap{margin-bottom:38px}
.cl-row{
  overflow:hidden;white-space:nowrap;
  padding:14px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.cl-track{display:inline-block;animation:scroll 44s linear infinite}
.cl-row.rev .cl-track{animation-direction:reverse;animation-duration:52s}
.cl-track > span{margin:0 34px;vertical-align:middle;color:var(--dim);transition:color .15s}
.cl-track > span:hover{color:var(--ink)}
.cl-track .star{color:var(--blue);font-size:13px}
.cw-caps{font-family:var(--sans);font-weight:900;font-size:23px;letter-spacing:.02em;text-transform:uppercase}
.cw-wide{font-family:var(--sans);font-weight:800;font-size:20px;letter-spacing:.22em;text-transform:uppercase}
.cw-px{font-family:var(--px);font-size:28px;letter-spacing:.5px}
.cw-serif{font-family:var(--serif);font-style:italic;font-size:27px}
.cw-it{font-family:var(--sans);font-weight:600;font-style:italic;font-size:21px;letter-spacing:-.01em}

/* ---------- finale: notifications ---------- */
.finale{
  border-top:1px solid var(--line);
  text-align:center;padding:110px 0 96px;position:relative;overflow:hidden;
}
.finale .glow{
  position:absolute;left:50%;bottom:-40%;transform:translateX(-50%);
  width:800px;height:400px;
  background:radial-gradient(50% 50% at 50% 50%, rgba(112,176,255,.14) 0%, transparent 70%);
  pointer-events:none;
}
.notif-stack{position:relative;max-width:480px;margin:36px auto 0}
.notif{
  position:relative;z-index:2;
  display:flex;gap:14px;align-items:flex-start;text-align:left;
  background:rgba(22,29,40,.92);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:18px;
  padding:16px 18px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
}
.notif.behind{
  position:absolute;left:22px;right:22px;top:-14px;z-index:1;
  transform:scale(.96);
  opacity:.55;filter:blur(.4px);
  box-shadow:none;
}
.notif .app{
  flex:0 0 44px;height:44px;border-radius:11px;
  background:linear-gradient(160deg,var(--blue),var(--blue-deep));
  display:grid;place-items:center;
}
.notif .app img{height:11px;display:block}
.notif .nt{flex:1;min-width:0}
.notif .n-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--dim);margin-bottom:3px}
.notif .n-title{font-weight:800;font-size:16px;letter-spacing:-.01em}
.notif .n-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:1.15em}
.notif .n-body{margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--dim)}
.notif .badge{
  flex:0 0 auto;align-self:center;
  font-family:var(--px);font-size:16px;
  background:var(--blue);color:var(--bg);
  border-radius:999px;padding:3px 10px 2px;
}
.finale h2{font-size:clamp(28px,4.4vw,44px)}
.finale .ctas{margin-top:44px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.finale .mail{margin-top:30px}
.finale .mail a{font-family:var(--px);font-size:19px;color:var(--dim);text-decoration:none}
.finale .mail a:hover{color:var(--blue)}

footer{border-top:1px solid var(--line);padding:20px 0}
footer .in{
  max-width:1120px;margin:0 auto;padding:0 24px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  font-family:var(--px);font-size:16px;color:var(--dim);
}
footer .clock{color:var(--blue)}

@media (max-width:900px){
  .cur,.mini-win,.fly{display:none}
  .vids{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .proof-grid{grid-template-columns:1fr;gap:44px}
  .receipt-wrap{justify-self:center}
}
@media (max-width:820px){
  .nav{display:none}
  .m-item{grid-template-columns:44px 1fr 70px;grid-template-rows:auto auto}
  .m-desc{grid-column:2/4}
  .rec-frame{padding:44px 22px 40px}
  .rec-row{left:14px;right:14px}
}

.switch{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;
  display:flex;gap:4px;align-items:center;max-width:96vw;overflow-x:auto;
  background:rgba(14,20,28,.92);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:999px;padding:5px;
}
.sw-btn{
  font-family:var(--px);font-size:16px;color:var(--dim);
  background:transparent;border:none;border-radius:999px;
  padding:7px 11px;white-space:nowrap;
}
.sw-btn:hover{color:var(--ink)}
.sw-btn.on{background:var(--blue);color:var(--bg)}

.hv{position:relative;display:none;height:100vh;min-height:640px;overflow:hidden}
.hv.on{display:block}
.hv .stage{position:absolute;inset:0}

/* shared */
.orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.orbs i{position:absolute;border-radius:50%;filter:blur(85px)}
.orbs .o1{width:440px;height:440px;background:rgba(61,127,217,.4);left:-140px;top:-110px}
.orbs .o2{width:380px;height:380px;background:rgba(112,176,255,.26);right:-120px;top:24%}
.orbs .o3{width:320px;height:320px;background:rgba(46,111,216,.3);left:34%;bottom:-160px}
.floor{
  position:absolute;left:-20%;right:-20%;bottom:0;height:36%;pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(112,176,255,.28) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(112,176,255,.22) 0 1px, transparent 1px 44px);
  transform:perspective(620px) rotateX(58deg);transform-origin:bottom;
  mask-image:linear-gradient(transparent, #000 55%);
  -webkit-mask-image:linear-gradient(transparent, #000 55%);
  opacity:.5;
}
@keyframes blink{50%{opacity:0}}
.center{position:relative;z-index:5;height:100%;display:grid;place-items:center;text-align:center;padding:0 20px}
.kicker{font-family:var(--px);font-size:18px;color:var(--dim);letter-spacing:1px}
.kicker b{color:var(--blue);font-weight:400}
.H{
  margin-top:12px;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;
  font-size:clamp(38px,6.2vw,78px);line-height:1.04;text-wrap:balance;
}
.H .sel{
  position:relative;display:inline-block;background:rgba(112,176,255,.22);
  box-shadow:0 0 0 1px rgba(112,176,255,.5), 0 0 34px rgba(112,176,255,.28);padding:0 .06em;
}
.H .sel::before,.H .sel::after{content:"";position:absolute;top:-8px;bottom:-8px;width:2.5px;background:var(--blue)}
.H .sel::before{left:-2px}
.H .sel::after{right:-2px}
.H em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:lowercase;color:var(--blue);font-size:1.05em;letter-spacing:0}
.subS{margin-top:20px;font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,26px)}
.subS b{color:var(--blue);font-weight:400}
.subP{margin-top:10px;font-family:var(--px);font-size:17px;color:var(--dim)}
.subP b{color:var(--blue);font-weight:400}
.ctas{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lbtn{display:inline-block;text-decoration:none;font-size:14px;font-weight:700;padding:13px 28px;border-radius:999px}
.lbtn.solid{background:var(--blue);color:var(--bg);box-shadow:0 0 28px rgba(112,176,255,.45)}
.lbtn.solid:hover{filter:brightness(1.12)}
.lbtn.ghost{border:1px solid var(--line);color:var(--ink)}
.lbtn.ghost:hover{border-color:var(--blue);color:var(--blue)}
.g1{background:radial-gradient(80% 60% at 20% 100%, rgba(112,176,255,.5), transparent 60%), linear-gradient(160deg,#16202E,#0A0E14 55%,#1B2C42)}
.g2{background:radial-gradient(70% 55% at 80% 15%, rgba(112,176,255,.45), transparent 60%), linear-gradient(200deg,#1A2536,#0A0E14 60%,#14202F)}
.g3{background:radial-gradient(90% 70% at 50% 110%, rgba(112,176,255,.4), transparent 65%), linear-gradient(140deg,#101A28,#0A0E14 50%,#203350)}
.g4{background:radial-gradient(70% 70% at 30% 20%, rgba(61,127,217,.5), transparent 60%), linear-gradient(120deg,#0E1622,#0A0E14 50%,#182A44)}
.dither::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(240,246,252,.3) .6px, transparent .7px) 0 0/5px 5px;opacity:.22;pointer-events:none}

/* play-on-hover progress bar */
.pplay{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(240,246,252,.12);z-index:2}
.pplay i{display:block;height:100%;width:0;background:var(--blue);box-shadow:0 0 10px rgba(112,176,255,.7)}

/* ===== V1 SNAKE ===== */
#tilelayer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.tile{
  position:absolute;width:116px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;
  border:1px solid rgba(112,176,255,.4);
  box-shadow:0 0 30px rgba(112,176,255,.22), 0 16px 36px rgba(0,0,0,.5);
  transform:translate(-50%,-50%) scale(.5) rotate(var(--tr));
  animation:tileLife 1.6s cubic-bezier(.2,.7,.3,1) forwards;
  display:grid;place-items:center;
}
@keyframes tileLife{
  9%{transform:translate(-50%,-50%) scale(1) rotate(var(--tr));opacity:1}
  75%{transform:translate(-50%,-50%) scale(1) rotate(var(--tr));opacity:1}
  100%{transform:translate(-50%,-58%) scale(.72) rotate(var(--tr));opacity:0}
}
.tile .tw{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:14px;text-align:center;line-height:1.2;padding:0 8px}
.tile .tw b{color:var(--blue);font-weight:400}
.tile .trc{position:absolute;top:6px;left:8px;font-family:var(--px);font-size:12px;color:var(--blue)}

/* ===== V2 FAN DECK ===== */
#v2 .fanwrap{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);z-index:2;width:0}
.fan{
  position:absolute;left:0;bottom:0;width:184px;aspect-ratio:9/16;
  transform-origin:50% 140%;
  transform:translateX(-50%) rotate(var(--fr));
  transition:transform .35s cubic-bezier(.2,.7,.3,1);
}
.fan .fin{
  position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;
  border:1px solid rgba(112,176,255,.35);
  box-shadow:0 0 34px rgba(112,176,255,.18), 0 24px 50px rgba(0,0,0,.6);
  display:grid;place-items:center;
}
.fan:hover{transform:translateX(-50%) rotate(calc(var(--fr) * .45)) translateY(-84px) scale(1.07);z-index:8}
.fan .fw{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:19px;text-align:center;line-height:1.25;padding:0 12px}
.fan .fw b{color:var(--blue);font-weight:400}
.fan .frc{position:absolute;top:10px;left:12px;font-family:var(--px);font-size:13px;color:var(--blue);z-index:1;opacity:0;transition:opacity .2s}
.fan:hover .frc{opacity:1;animation:blink 1.2s steps(2) infinite}
.fan .fcap{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:1;
  font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.02em;
  background:rgba(10,14,20,.85);padding:4px 8px;white-space:nowrap;
}
.fan .pplay i{transition:width .2s}
.fan:hover .pplay i{width:100%;transition:width 4s linear}
#v2 .center{align-content:start;padding-top:7vh;display:grid;place-items:start center}

/* ===== V3 TV GRADIENT (наши цвета) ===== */
#v3 .stage{background:linear-gradient(180deg,#0A0E14 0%, #10203E 45%, #2E5CB0 90%, #4A7FD6 100%)}
#v3 .grid3{
  position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(112,176,255,.13) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(112,176,255,.11) 0 1px, transparent 1px 78px);
  mask-image:radial-gradient(120% 100% at 50% 45%, #000 40%, transparent 100%);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 45%, #000 40%, transparent 100%);
}
.checker{
  position:absolute;width:96px;height:96px;pointer-events:none;opacity:.5;
  background:repeating-conic-gradient(rgba(112,176,255,.8) 0 25%, transparent 0 50%) 0 0/24px 24px;
}
.checker.dim{opacity:.22}
#v3 .stage{display:flex;flex-direction:column;align-items:center;padding:6vh 20px 3vh}
#v3 .center{position:static;height:auto;flex:0 0 auto;place-items:center;padding:0}
#v3 .tvzone{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:2vh 0 0}
#v3 .t-over{font-weight:800;font-size:15px;letter-spacing:.42em;text-transform:uppercase;color:var(--blue)}
#v3 .t-main{
  margin-top:6px;
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(58px,9.6vw,124px);line-height:.94;color:var(--ink);
  text-shadow:0 0 60px rgba(112,176,255,.35);
}
#v3 .t-note{font-family:var(--px);color:var(--blue);font-size:clamp(18px,2vw,24px);vertical-align:super;margin-left:10px}
#v3 .t-sub{margin-top:2vh;font-family:var(--px);font-size:19px;color:var(--dim)}
#v3 .t-sub b{color:var(--blue);font-weight:400}
#v3 .t-cta{margin-top:2vh}
#v3 .side{position:absolute;font-family:var(--px);font-size:15px;line-height:1.8;color:rgba(240,246,252,.6)}
#v3 .tvrow{display:flex;gap:2.2vw;align-items:flex-end;justify-content:center;z-index:4}
.rtv{
  width:clamp(104px,10.4vw,142px);
  background:linear-gradient(180deg,#1A2739,#0F1826);
  border:1px solid rgba(112,176,255,.35);
  border-radius:16px;padding:9px 32px 13px 9px;position:relative;
  box-shadow:0 0 34px rgba(112,176,255,.14), 0 24px 50px rgba(0,0,0,.55);
  transform:rotate(var(--rr));
  transition:transform .25s;
  text-decoration:none;display:block;
}
.rtv:hover{transform:rotate(0deg) translateY(-12px) scale(1.04)}
.rtv .rscr{
  position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;
  box-shadow:inset 0 0 0 2px rgba(112,176,255,.35), inset 0 0 30px rgba(0,0,20,.55);
  display:grid;place-items:center;text-align:center;
}
.rtv .rw{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:clamp(14px,1.4vw,19px);line-height:1.25;color:var(--ink);padding:0 8px}
.rtv .rw b{color:var(--blue);font-weight:400}
.rtv .rlab{
  position:absolute;left:50%;bottom:7px;transform:translateX(-50%);z-index:2;
  font-weight:800;font-size:9.5px;text-transform:uppercase;letter-spacing:.03em;
  background:rgba(10,14,20,.85);padding:3px 7px;white-space:nowrap;
}
.rtv .rrec{position:absolute;top:7px;left:9px;z-index:2;font-family:var(--px);font-size:12px;color:var(--blue)}
.rtv .rrec i{font-style:normal;animation:blink 1.2s steps(2) infinite}
.rtv .rknobs{position:absolute;right:8px;top:16px;display:grid;gap:7px}
.rtv .rknobs i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #9FC2F5, #2E4A7A);box-shadow:0 1px 3px rgba(0,0,0,.5)}
.rtv .rst{position:absolute;left:12px;top:-9px;font-family:var(--px);font-size:13px;background:var(--blue);color:var(--bg);padding:2px 8px;border-radius:99px;transform:rotate(-4deg)}
.rtv.play .rscr{box-shadow:inset 0 0 0 2px var(--blue), inset 0 0 40px rgba(112,176,255,.35)}
.rtv.play .rw{font-family:var(--sans);font-style:normal;font-weight:900;text-transform:uppercase;font-size:clamp(15px,1.5vw,20px)}

/* ===== V4 CUTOUTS ===== */
#v4 .cutlayer{position:absolute;inset:0;z-index:1;pointer-events:none}
.cut{position:absolute;will-change:transform}
.cut .cin{
  border-radius:14px;overflow:hidden;position:relative;
  border:1px solid rgba(112,176,255,.35);
  box-shadow:0 0 34px rgba(112,176,255,.16), 0 30px 60px rgba(0,0,0,.6);
  display:grid;place-items:center;
  animation:cfloat var(--dur,7s) ease-in-out infinite alternate;
  transform:rotate(var(--cr));
}
@keyframes cfloat{from{transform:rotate(var(--cr)) translateY(-10px)}to{transform:rotate(var(--cr)) translateY(12px)}}
.cut .cw{position:relative;z-index:1;font-family:var(--serif);font-style:italic;text-align:center;line-height:1.2;padding:0 10px}
.cut .cw b{color:var(--blue);font-weight:400}
.cut .crc{position:absolute;top:8px;left:10px;font-family:var(--px);color:var(--blue);z-index:1}
.cut.near .cin{filter:blur(1.6px);opacity:.9}
.cbub{
  position:absolute;font-family:var(--px);font-size:16px;
  background:var(--ink);color:var(--bg);padding:5px 12px;border-radius:99px;
  animation:cfloat 6s ease-in-out infinite alternate;
}
.cbub.blue{background:var(--blue)}

/* ===== V5 PIXEL TYPE (наши цвета, залипательный) ===== */
#v5 .stage{background:var(--bg)}
#v5 canvas{position:absolute;inset:0;width:100%;height:100%}
#v5 .center{place-items:center}
#v5 .pT{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(42px,6.6vw,86px);line-height:1.1;color:var(--ink);
  text-align:left;letter-spacing:-.01em;text-wrap:balance;
  max-width:14.5em;
}
#v5 .pT i{font-style:italic;color:var(--blue)}
.vchip{
  display:inline-block;vertical-align:-.12em;
  width:2.1em;height:.92em;border-radius:.3em;overflow:hidden;position:relative;
  box-shadow:0 0 26px rgba(112,176,255,.35), inset 0 0 0 1.5px rgba(112,176,255,.55);
  font-size:.9em;
}
.vchip::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.32em}
#v5 .psub{margin-top:3vh;font-family:var(--px);font-size:18px;color:var(--dim);text-align:left}
#v5 .psub b{color:var(--blue);font-weight:400}
#v5 .pcta{margin-top:2.4vh;text-align:left}

/* ===== V6 3D TV (генеренное фото) ===== */
#v6 .stage{
  background:
    radial-gradient(120% 90% at 50% 6%, rgba(160,190,255,.4), transparent 60%),
    linear-gradient(180deg,#F6F4FF,#E8EEFB 60%,#DCE6F8);
}
#v6 .ghost6{
  position:absolute;left:50%;top:6vh;transform:translateX(-50%);
  font-family:var(--sans);font-weight:900;letter-spacing:-.04em;
  font-size:clamp(120px,20vw,300px);line-height:.8;color:rgba(112,176,255,.16);
  pointer-events:none;user-select:none;white-space:nowrap;
}
#v6 .halftone{position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(17,20,24,.4) .8px, transparent .9px) 0 0/5px 5px;opacity:.13}
#v6 .pxgrid{
  position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(61,127,217,.14) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(61,127,217,.11) 0 1px, transparent 1px 64px);
  mask-image:linear-gradient(#000 30%, transparent 92%);
  -webkit-mask-image:linear-gradient(#000 30%, transparent 92%);
}
#v6 .chk6{position:absolute;width:88px;height:88px;pointer-events:none;opacity:.5;background:repeating-conic-gradient(rgba(61,127,217,.85) 0 25%, transparent 0 50%) 0 0/22px 22px}
#v6 .star6{position:absolute;color:#3D7FD9;pointer-events:none;animation:lsptw 2.6s ease-in-out infinite}
#v6 .v6kick{font-family:var(--px);font-size:17px;letter-spacing:2px;color:#3D7FD9;margin-bottom:8px}
#v6 .v6left{position:absolute;left:4.5%;top:36%;display:grid;gap:16px;justify-items:start;z-index:4}
#v6 .v6right{position:absolute;right:4.5%;top:36%;display:grid;gap:16px;justify-items:end;z-index:4}
#v6 .v6cta{position:absolute;left:50%;bottom:2.6vh;transform:translateX(-50%);z-index:6}
#v6 .pola6{position:absolute;z-index:5;background:#fff;padding:7px 7px 22px;box-shadow:0 14px 30px rgba(30,40,70,.22)}
#v6 .pola6 .pl6{display:block;width:76px;aspect-ratio:9/16}
#v6 .pola6 i{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-family:var(--px);font-size:13px;color:#5A6472;font-style:normal}
#v6 .p6a{left:9%;bottom:24%;transform:rotate(-8deg)}
#v6 .p6b{right:10%;top:30%;transform:rotate(7deg)}
#v6 .p6c{right:16%;bottom:20%;transform:rotate(-4deg)}
#v6 .center{align-content:start;padding-top:5vh;display:grid;place-items:start center}
#v6 .H6{
  font-weight:900;letter-spacing:-.03em;text-transform:uppercase;
  font-size:clamp(32px,5vw,62px);line-height:1.02;color:#12161C;
  text-shadow:2px 2px 0 rgba(255,255,255,.95), 5px 5px 0 rgba(61,127,217,.2);
}
#v6 .H6 .sel6{background:rgba(112,176,255,.35);box-shadow:0 0 0 1px rgba(61,127,217,.5);padding:0 .06em}
#v6 .H6 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:lowercase;color:#2E6FD8}
#v6 .sub6{margin-top:12px;font-family:var(--px);font-size:18px;color:#5A6472}
#v6 .sub6 b{color:#2E6FD8;font-weight:400}
.tvwrap{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);z-index:3;width:min(clamp(300px,34vw,460px),80vw)}
.tvwrap img.tvimg{width:100%;display:block;filter:drop-shadow(0 34px 40px rgba(20,30,50,.35))}
.tvwrap .tvscreen{
  position:absolute;left:26.4%;top:26%;width:33.6%;height:33.4%;
  border-radius:8px;overflow:hidden;
  transform:rotate(0deg);
}
.tvwrap .tvscreen .sw6{white-space:nowrap}
.tvwrap .tvscreen .slide{position:absolute;inset:0;opacity:0;animation:slidecycle 14s infinite}
.tvwrap .tvscreen .slide:nth-child(2){animation-delay:3.5s}
.tvwrap .tvscreen .slide:nth-child(3){animation-delay:7s}
.tvwrap .tvscreen .slide:nth-child(4){animation-delay:10.5s}
@keyframes slidecycle{0%{opacity:0}4%{opacity:.96}22%{opacity:.96}28%{opacity:0}100%{opacity:0}}
.tvwrap .tvscreen .sw6{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.25em;font-family:var(--serif);font-style:italic;font-size:clamp(14px,1.7vw,20px);color:var(--ink);z-index:1;white-space:nowrap;line-height:1}
.tvwrap .tvscreen .sw6 b{color:var(--blue);font-weight:400}
.tvwrap .stick{
  position:absolute;font-family:var(--px);font-size:15px;
  padding:4px 11px;border-radius:99px;z-index:4;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}

#v6 .lw{position:relative;background:#fff;border:1px solid rgba(17,20,24,.09);border-radius:12px;box-shadow:0 22px 50px rgba(17,20,24,.14);font-family:var(--ui);z-index:4;text-align:left}
#v6 .lw .lwb{display:flex;gap:6px;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(17,20,24,.08);font-size:12px;color:#7A828E}
#v6 .lw .dot{width:9px;height:9px;border-radius:50%;display:inline-block}
#v6 .lw ul{list-style:none;padding:10px 14px;font-size:12.5px;color:#3E444C;display:grid;gap:6px}
#v6 .lw ul b{color:#2E6FD8;font-weight:600}
#v6 .lfold{position:relative;z-index:4;text-align:center;font-family:var(--ui);font-size:12.5px;color:#3E444C}
#v6 .lfico{width:64px;height:48px;margin:0 auto 6px;position:relative;background:linear-gradient(180deg,#8FC0FF,#5D9BEF);border-radius:6px 10px 10px 10px;box-shadow:0 10px 24px rgba(17,20,24,.15)}
#v6 .lfico::before{content:"";position:absolute;top:-7px;left:0;width:26px;height:9px;background:#8FC0FF;border-radius:5px 6px 0 0}
#v6 .lflabel{background:#3D7FD9;color:#fff;border-radius:5px;padding:2px 8px;display:inline-block}
#v6 .lspin{position:absolute;right:-9%;top:14%;font-size:24px;color:#9AA1AB;animation:lsp6 1.6s linear infinite;z-index:4}
@keyframes lsp6{to{transform:rotate(360deg)}}
#v6 .lpill{position:relative;font-family:var(--ui);font-size:13px;font-weight:600;color:#111418;background:#fff;border-radius:10px;padding:8px 15px;box-shadow:0 10px 26px rgba(17,20,24,.16);z-index:4}
#v6 .lcur{position:absolute;left:-11%;bottom:18%;z-index:5;filter:drop-shadow(2px 3px 4px rgba(17,20,24,.25))}
#v6 .lcur .tg{position:absolute;left:17px;top:17px;font-family:var(--ui);font-size:11.5px;font-weight:600;background:#3D7FD9;color:#fff;padding:3px 8px;border-radius:99px;white-space:nowrap}
#v6 .lsp{position:absolute;color:#3D7FD9;font-size:20px;animation:lsptw 2.6s ease-in-out infinite;z-index:2}
@keyframes lsptw{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.tvwrap .tvscreen .ph{position:absolute;inset:0}
.tvwrap .tvscreen .phbtn{
  position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;
  width:52px;height:52px;border-radius:50%;
  border:2px solid rgba(240,246,252,.9);background:rgba(10,14,20,.5);backdrop-filter:blur(3px);
  display:grid;place-items:center;color:#F0F6FC;font-size:16px;padding-left:3px;
}
.tvwrap .tvscreen .sw6{align-items:flex-end !important;padding-bottom:10px;font-family:var(--px) !important;font-style:normal !important;font-size:15px !important;color:rgba(240,246,252,.8) !important}

/* ===== V7 FOLDER GLASS ===== */
#v7 .center{align-content:start;padding-top:6vh;display:grid;place-items:start center}
.fscene{
  position:absolute;left:50%;bottom:2vh;transform:translateX(-50%) rotate(-5deg);
  width:min(640px,90vw);height:min(44vh,380px);z-index:2;
}
.fback{
  position:absolute;left:2%;right:2%;bottom:0;height:74%;
  background:linear-gradient(180deg, rgba(61,127,217,.35), rgba(30,55,100,.45));
  border:1px solid rgba(112,176,255,.4);
  border-radius:18px 22px 14px 14px;
}
.fback::before{
  content:"";position:absolute;top:-24px;left:0;width:32%;height:28px;
  background:rgba(61,127,217,.35);
  border:1px solid rgba(112,176,255,.4);border-bottom:none;
  border-radius:12px 18px 0 0;
}
.fcards{position:absolute;left:0;right:0;bottom:24%;display:flex;justify-content:center;align-items:flex-end}
.fcard{
  width:122px;aspect-ratio:4/5;border-radius:12px;overflow:hidden;position:relative;
  border:1px solid rgba(112,176,255,.45);
  box-shadow:0 -8px 30px rgba(0,0,0,.5);
  margin:0 -13px;
  transform:rotate(var(--fr2)) translateY(var(--fy,0));
  transition:transform .28s;
  display:grid;place-items:center;
}
.fcard:hover{transform:rotate(calc(var(--fr2) * .4)) translateY(calc(var(--fy,0px) - 44px)) scale(1.06);z-index:6}
.fcard .fw2{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:14px;text-align:center;line-height:1.2;padding:0 8px}
.fcard .fw2 b{color:var(--blue);font-weight:400}
.fcard .pplay i{transition:width .2s}
.fcard:hover .pplay i{width:100%;transition:width 4s linear}
.ffront{
  position:absolute;left:0;right:0;bottom:0;height:54%;
  background:linear-gradient(135deg, rgba(240,246,252,.16), rgba(112,176,255,.26) 45%, rgba(61,127,217,.34));
  backdrop-filter:blur(10px);
  border:1.5px solid rgba(240,246,252,.45);
  border-radius:18px;
  box-shadow:0 -10px 60px rgba(112,176,255,.22), inset 0 1px 0 rgba(240,246,252,.5);
  display:grid;place-items:center;
  overflow:hidden;
}
.ffront::after{
  content:"";position:absolute;top:-40%;left:-20%;width:60%;height:180%;
  background:linear-gradient(75deg, transparent, rgba(240,246,252,.14), transparent);
  transform:rotate(8deg);
}
.ffront .flab{text-align:center}
.ffront .flab .f-big{font-weight:900;font-size:clamp(20px,2.8vw,30px);letter-spacing:-.02em;text-transform:uppercase}
.ffront .flab .f-big b{color:var(--blue)}
.ffront .flab .f-sm{margin-top:4px;font-family:var(--px);font-size:16px;color:rgba(240,246,252,.85)}
#v7 .pxbg7{position:absolute;inset:0;pointer-events:none;opacity:.55}

/* ===== V8-10 iOS (light apple-vibe) ===== */
.ios .stage{background:var(--ibg);color:var(--itxt);font-family:var(--ui)}
.ios{--iacc:#3D7FD9;--ibg:#E9EBEF;--iwin:#fff;--itxt:#111418;--isub:#7A828E;--ibrd:rgba(17,20,24,.09);--ish:0 22px 50px rgba(17,20,24,.16)}
.ios .mwin{
  position:absolute;background:var(--iwin);border:1px solid var(--ibrd);border-radius:12px;
  box-shadow:var(--ish);overflow:hidden;
}
.ios .mbar{
  display:flex;align-items:center;gap:8px;padding:9px 12px;
  border-bottom:1px solid var(--ibrd);font-size:12.5px;color:var(--isub);
  background:linear-gradient(180deg,#FBFBFC,#F0F1F4);
}
.ios .lights{display:inline-flex;gap:6px}
.ios .lights i{width:11px;height:11px;border-radius:50%}
.ios .lights i:nth-child(1){background:#FF5F57}
.ios .lights i:nth-child(2){background:#FEBC2E}
.ios .lights i:nth-child(3){background:#28C840}
.ios .mtitle{position:absolute;left:0;right:0;text-align:center;pointer-events:none;font-size:12.5px;color:#3c4148;font-weight:500}
.ios .scene8{position:relative;display:grid;place-items:center}
.ios .scene8 .s8w{position:relative;z-index:1;font-family:var(--serif);font-style:italic;color:var(--ink);font-size:clamp(20px,2.6vw,30px)}
.ios .scene8 .s8w b{color:var(--blue);font-weight:400}
.ios .scene8 .s8rec{position:absolute;top:10px;left:12px;z-index:1;font-family:var(--px);font-size:14px;color:var(--blue)}
.ios .scene8 .s8rec i{font-style:normal;animation:blink 1.2s steps(2) infinite}
.ios .iH8{
  font-family:var(--ui);font-weight:700;letter-spacing:-.03em;
  color:var(--itxt);line-height:1.04;
}
.ios .iH8 .pxi{font-family:var(--pxi);font-weight:400;letter-spacing:0;color:var(--iacc)}
.ios .isel8{position:relative;background:rgba(112,176,255,.4);box-shadow:0 0 0 2px var(--iacc);padding:0 .04em}
.ios .isel8 i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--iacc);font-style:normal}
.ios .isel8 .h1{left:-5px;top:-11px}
.ios .isel8 .h2{right:-5px;bottom:-11px}
.ios .imenu{
  position:absolute;background:var(--iwin);border:1px solid var(--ibrd);border-radius:10px;
  box-shadow:var(--ish);padding:5px;font-size:12.5px;color:var(--itxt);width:190px;z-index:9;
}
.ios .imenu div{padding:5px 10px;border-radius:6px;display:flex;justify-content:space-between;gap:8px}
.ios .imenu div span{color:var(--isub)}
.ios .imenu div.hl{background:var(--iacc);color:#fff}
.ios .imenu div.hl span{color:rgba(255,255,255,.8)}
.ios .imenu hr{border:none;border-top:1px solid var(--ibrd);margin:4px 8px}
.ios .idlg8{
  position:absolute;width:250px;z-index:9;
  background:rgba(250,250,251,.92);backdrop-filter:blur(14px);
  border:1px solid var(--ibrd);border-radius:16px;box-shadow:var(--ish);
  padding:16px 16px 14px;text-align:center;
}
.ios .idlg8 .dico{width:52px;height:52px;border-radius:12px;margin:0 auto 10px;overflow:hidden;position:relative;box-shadow:0 6px 16px rgba(17,20,24,.2)}
.ios .idlg8 .dt{font-size:14px;font-weight:700;color:var(--itxt)}
.ios .idlg8 .db{margin-top:5px;font-size:12px;line-height:1.5;color:var(--isub)}
.ios .idlg8 a,.ios .idlg8 button{
  display:block;width:100%;margin-top:8px;border:none;
  font-size:13px;font-weight:600;padding:9px 0;border-radius:10px;text-decoration:none;
  background:rgba(17,20,24,.06);color:var(--itxt);
}
.ios .idlg8 a.pri{background:var(--iacc);color:#fff}
.ios .idlg8 .chk{margin-top:10px;font-size:12px;color:var(--isub)}
.ios .icardapp{
  position:absolute;z-index:8;width:150px;
  background:#111418;color:#F0F6FC;border-radius:20px;
  padding:22px 16px 18px;text-align:center;
  box-shadow:var(--ish);
}
.ios .icardapp .pico{
  width:56px;height:56px;margin:0 auto 12px;border-radius:14px;
  border:2.5px solid #F0F6FC;display:grid;place-items:center;font-size:20px;
}
.ios .icardapp .plab{font-size:15px;font-weight:600}
.ios .ispin{position:absolute;font-size:24px;color:var(--isub);animation:ispin 1.6s linear infinite;z-index:8}
@keyframes ispin{to{transform:rotate(360deg)}}
.ios .hint-top{position:absolute;top:3.4vh;left:50%;transform:translateX(-50%);z-index:9;text-align:center;width:100%}
.ios .hint-top .htA{font-size:clamp(34px,5vw,62px);font-weight:800;letter-spacing:-.03em;color:var(--itxt);line-height:1.05}
.ios .hint-top .htB{margin-top:8px;font-size:15px;color:var(--isub)}
.ios .statN{font-size:40px;font-weight:800;letter-spacing:-.02em;color:#70B0FF}

/* v9 calendar */
#v9 .stage{background:#F7F9FC}
#v9 .week{
  position:absolute;left:50%;top:21vh;transform:translateX(-50%);
  display:flex;gap:10px;z-index:2;
}
#v9 .wday{
  width:clamp(70px,7.8vw,104px);
  background:#fff;border:1px solid rgba(17,20,24,.08);border-radius:14px;
  padding:12px 10px;text-align:center;font-family:var(--ui);
  box-shadow:0 12px 30px rgba(17,20,24,.08);
}
#v9 .wday .wd{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#9AA1AB}
#v9 .wday .wn{display:block;margin-top:6px;font-size:26px;font-weight:700;color:#111418}
#v9 .wday .wtag{display:block;margin-top:8px;font-size:10.5px;font-weight:600;color:#3D7FD9;background:rgba(112,176,255,.16);border-radius:99px;padding:3px 4px;white-space:nowrap}
#v9 .wday.fri{background:#3D7FD9;box-shadow:0 18px 40px rgba(61,127,217,.4)}
#v9 .wday.fri .wd,#v9 .wday.fri .wn{color:#fff}
#v9 .wday.fri .wtag{background:rgba(255,255,255,.2);color:#fff}
#v9 .wday.off{opacity:.45}
#v9 .vidwin9{
  position:absolute;left:50%;top:58%;transform:translate(-50%,-38%) rotate(-1.5deg);
  width:min(158px,32vw);z-index:5;
}
#v9 .vframe9{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(17,20,24,.3)}
#v9 .vframe9 .vtop9{display:flex;gap:5px;padding:8px 10px;background:#F0F1F4}
#v9 .vframe9 .vtop9 i{width:9px;height:9px;border-radius:50%;background:#D6D9DE}
#v9 .vscene9{position:relative;aspect-ratio:4/4;display:grid;place-items:center}
#v9 .vscene9 .vw9{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,28px);color:var(--ink)}
#v9 .vscene9 .vw9 b{color:var(--blue);font-weight:400}
#v9 .selframe9{position:absolute;inset:-13px;border:2px solid #3D7FD9;pointer-events:none}
#v9 .selframe9 i{position:absolute;width:11px;height:11px;background:#fff;border:2px solid #3D7FD9;border-radius:50%}
#v9 .selframe9 .c1{left:-6px;top:-6px}
#v9 .selframe9 .c2{right:-6px;top:-6px}
#v9 .selframe9 .c3{left:-6px;bottom:-6px}
#v9 .selframe9 .c4{right:-6px;bottom:-6px}
#v9 .cta9{position:absolute;left:50%;bottom:11vh;transform:translateX(-50%);display:flex;gap:12px;z-index:6}
#v9 .cbtn9{
  font-family:var(--ui);font-size:15px;font-weight:700;text-decoration:none;text-align:center;
  background:#3D7FD9;color:#fff;border-radius:12px;padding:13px 26px;
  box-shadow:0 14px 34px rgba(61,127,217,.45);
}
#v9 .cbtn9:hover{filter:brightness(1.08)}
#v9 .cbtn9.ghost{background:#fff;color:#111418;border:1px solid rgba(17,20,24,.12);box-shadow:0 10px 24px rgba(17,20,24,.1)}
#v9 .typedwrap{
  position:absolute;left:50%;bottom:27.5vh;transform:translateX(-50%);z-index:8;
  min-width:300px;max-width:86vw;text-align:center;
  background:#fff;border:1px solid rgba(17,20,24,.1);border-radius:14px;
  padding:10px 18px;box-shadow:0 16px 40px rgba(17,20,24,.16);
}
#v9 .typedrow{
  display:inline-block;min-height:1.3em;
  font-family:var(--pxi);font-size:clamp(26px,3.4vw,40px);color:#3D7FD9;
  transform:skewX(-6deg);
  border-bottom:3px solid rgba(61,127,217,.35);
  padding:0 .3em .05em;white-space:nowrap;
}
#v9 .typedrow .tph{font-family:var(--ui);font-size:15px;color:#9AA1AB;transform:none;font-style:normal}
#v9 .typedrow .newc{display:inline-block;animation:cpop .18s}
@keyframes cpop{from{transform:scale(1.6);opacity:.2}to{transform:scale(1);opacity:1}}
#v9 .kb{
  position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) perspective(700px) rotateX(26deg);
  width:min(720px,96vw);z-index:7;
  display:grid;gap:7px;padding:14px;
  background:rgba(214,217,222,.85);backdrop-filter:blur(8px);border-radius:16px 16px 0 0;
}
#v9 .krow{display:flex;gap:7px;justify-content:center}
#v9 .key{
  flex:0 0 auto;min-width:50px;height:46px;border-radius:8px;
  background:#FDFDFE;box-shadow:0 2px 0 rgba(17,20,24,.25);
  display:grid;place-items:center;font-family:var(--ui);font-size:16px;color:#111418;
  user-select:none;cursor:pointer;
}
#v9 .key:active{transform:translateY(2px);box-shadow:none}
#v9 .key.wide{flex:1;max-width:300px}
/* v10 folder ios */
#v10 .stage{background:#EDF1F6}
#v10 .corner-lab{position:absolute;font-family:var(--ui);font-size:13px;font-weight:600;color:#9AA1AB;z-index:2}
#v10 .fT{position:relative;z-index:3;text-align:center}
#v10 .fT .fscript{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(40px,5.6vw,72px);color:#3D7FD9;
  display:block;transform:translate(-16%,26%) rotate(-3deg);
}
#v10 .fT .fbold{
  font-family:var(--ui);font-weight:800;letter-spacing:-.04em;
  font-size:clamp(60px,9.6vw,130px);color:#15181D;line-height:.95;
}
#v10 .bigfolder{
  position:absolute;left:50%;top:49%;transform:translate(-50%,-38%);
  width:min(300px,52vw);aspect-ratio:1.25;z-index:4;
}
#v10 .bigfolder .bf-back{
  position:absolute;inset:8% 0 0 0;border-radius:14px 18px 16px 16px;
  background:linear-gradient(180deg,#7FB0F5,#4E86DD);
}
#v10 .bigfolder .bf-back::before{
  content:"";position:absolute;top:-9%;left:0;width:34%;height:10%;
  background:#7FB0F5;border-radius:8px 10px 0 0;
}
#v10 .bigfolder .bf-front{
  position:absolute;left:0;right:0;bottom:0;height:74%;
  border-radius:12px 12px 16px 16px;
  background:linear-gradient(180deg, rgba(158,197,250,.75), rgba(96,145,224,.85));
  backdrop-filter:blur(4px);
  box-shadow:0 24px 50px rgba(35,70,140,.35), inset 0 1px 0 rgba(255,255,255,.55);
}
#v10 .fitem{position:absolute;z-index:2;text-align:center;font-family:var(--ui);font-size:12px;color:#9AA1AB;opacity:.85;transform:scale(.9)}
#v10 .fitem .fpv{
  width:96px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;position:relative;
  box-shadow:0 12px 26px rgba(17,20,24,.2);margin:0 auto 7px;
  display:grid;place-items:center;
}
#v10 .fitem .fpv .fw3{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink)}
#v10 .fitem .fpv .fw3 b{color:var(--blue);font-weight:400}
#v10 .minifold .fico3{
  width:66px;height:50px;margin:0 auto 7px;position:relative;
  background:linear-gradient(180deg,#8FC0FF,#5D9BEF);border-radius:6px 10px 10px 10px;
  box-shadow:0 10px 24px rgba(17,20,24,.15);
}
#v10 .minifold .fico3::before{content:"";position:absolute;top:-7px;left:0;width:26px;height:9px;background:#8FC0FF;border-radius:5px 6px 0 0}
#v10 .appic{
  position:absolute;width:56px;height:56px;border-radius:14px;z-index:2;
  display:grid;place-items:center;font-size:20px;color:#fff;
  box-shadow:0 12px 26px rgba(17,20,24,.22);
}
#v10 .fsub{position:absolute;left:50%;bottom:20vh;transform:translateX(-50%);z-index:4;font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,26px);color:#3E444C}
#v10 .fcta{position:absolute;left:50%;bottom:11vh;transform:translateX(-50%);z-index:5}
#v10 .fcta .lbtn{background:#15181D;color:#fff;box-shadow:0 14px 30px rgba(17,20,24,.3)}
#v10 .bigcursor{position:absolute;z-index:6;filter:drop-shadow(3px 5px 6px rgba(17,20,24,.3))}

/* ===== V11 RENDER ===== */
#v11 .center{place-items:center}
#v11 .rwin{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;
  width:min(380px,88vw);
  background:var(--panel);border:1px solid rgba(112,176,255,.35);border-radius:12px;
  box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 50px rgba(112,176,255,.15);
  font-family:var(--px);text-align:left;
  transition:opacity .35s, transform .35s;
}
#v11 .rwin.gone{opacity:0;transform:translate(-50%,-50%) scale(.9);pointer-events:none}
#v11 .rwin .rwb{font-size:15px;color:var(--dim);padding:8px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
#v11 .rwin .rwc{padding:18px 16px 20px;font-size:17px;color:var(--ink)}
#v11 .rwin .rbar{margin-top:12px;height:16px;border:1px solid var(--line);padding:2px}
#v11 .rwin .rbar i{display:block;height:100%;width:0%;background:var(--blue);box-shadow:0 0 14px rgba(112,176,255,.6)}
#v11 .rwin .rpct{margin-top:8px;font-size:15px;color:var(--blue)}
#v11 .stageH{opacity:.14;transition:opacity .3s}
#v11 .stageH .H{color:transparent;-webkit-text-stroke:1.5px rgba(240,246,252,.6);transition:all .3s}
#v11 .stageH .H em{color:transparent;-webkit-text-stroke:1px rgba(112,176,255,.7)}
#v11 .stageH.flat{opacity:.6}
#v11 .stageH.flat .H{color:var(--dim);-webkit-text-stroke:0}
#v11 .stageH.flat .H em{color:var(--blue-deep);-webkit-text-stroke:0}
#v11 .stageH.fin{opacity:1}
#v11 .stageH.fin .H{color:var(--ink);-webkit-text-stroke:0}
#v11 .stageH.fin .H em{color:var(--blue);-webkit-text-stroke:0}
#v11 .stageH.fin .flash{animation:flashF .5s}
@keyframes flashF{from{filter:brightness(2.4) blur(1px)}to{filter:none}}
#v11 .rerender{margin-top:26px;background:none;border:1px solid var(--line);color:var(--dim);font-family:var(--px);font-size:16px;padding:8px 18px;border-radius:999px}
#v11 .rerender:hover{border-color:var(--blue);color:var(--blue)}

@media (max-width:860px){
  .fan{width:126px}
  #v3 .tvrow{flex-wrap:wrap;justify-content:center;left:0;right:0;transform:none;gap:14px}
  .cut.near{display:none}
  .ios .imenu,.ios .ispin,.ios .icardapp,#v9 .kfold{display:none}
}



/* ================================================================
   ПЕР-ВАРИАНТНЫЕ ДИЗАЙН-ЯЗЫКИ: у каждого hero — свой сайт
   ================================================================ */

/* ---------- SV1 · NEON GLASS (video snake) ---------- */
body.sv1 section{position:relative}
body.sv1 .sec-head{text-align:center}
body.sv1 .sec-head p{margin-left:auto;margin-right:auto}
body.sv1 h2{text-shadow:0 0 60px rgba(112,176,255,.35)}
body.sv1 .fv,body.sv1 .cnt-box,body.sv1 .idxf,body.sv1 .menu,body.sv1 .editor,body.sv1 .duel,body.sv1 .rating,body.sv1 .logos,body.sv1 .bstat{
  border-radius:20px;border-color:rgba(112,176,255,.34);
  box-shadow:0 0 44px rgba(112,176,255,.14), 0 22px 50px rgba(0,0,0,.5);
}
body.sv1 .an-step{border-radius:16px}
body.sv1 .an-step.on{box-shadow:0 0 34px rgba(112,176,255,.22)}
body.sv1 .duel .bar{border-radius:99px}
body.sv1 .df{border-radius:0}
body.sv1 .btn.solid,body.sv1 .cnt-cta{box-shadow:0 0 34px rgba(112,176,255,.55)}

/* ---------- SV2 · COLLAGE (cutouts) ---------- */
body.sv2 .sec-head{max-width:none}
body.sv2 h2{transform:rotate(-.6deg)}
body.sv2 .feedtrack{gap:26px;align-items:flex-start}
body.sv2 .fv:nth-child(odd){transform:rotate(-4deg)}
body.sv2 .fv:nth-child(even){transform:rotate(3deg) translateY(18px)}
body.sv2 .fv:hover{transform:rotate(0deg) translateY(-10px) scale(1.05)}
body.sv2 .fv{border-radius:12px;box-shadow:12px 16px 0 rgba(112,176,255,.1), 0 26px 50px rgba(0,0,0,.6)}
body.sv2 .cnt-box{transform:rotate(-.8deg);border-radius:14px;box-shadow:14px 16px 0 rgba(112,176,255,.1)}
body.sv2 .idxf{border-radius:10px}
body.sv2 .idxf.open{transform:rotate(-.6deg) scale(1.01)}
body.sv2 .idxf-cards .fv{margin-top:6px}
body.sv2 .menu{transform:rotate(.7deg);box-shadow:16px 18px 0 rgba(112,176,255,.1)}
body.sv2 .duel{transform:rotate(-.5deg);box-shadow:14px 16px 0 rgba(112,176,255,.09)}
body.sv2 .editor{transform:rotate(.6deg);box-shadow:16px 20px 0 rgba(112,176,255,.1), 0 30px 60px rgba(0,0,0,.55)}
body.sv2 .an-step:nth-child(odd){transform:rotate(-1deg)}
body.sv2 .an-step:nth-child(even){transform:rotate(1deg)}
body.sv2 .an-step.on{transform:rotate(0deg) translateX(8px) scale(1.02)}
body.sv2 .rating{transform:none}
body.sv2 .logos{transform:none}
body.sv2 .notif{transform:rotate(-1.2deg)}

/* ---------- SV3 · GRADIENT POSTER (tv gradient) ---------- */
body.sv3 .ticker{display:none}
body.sv3 #feed,body.sv3 #industries,body.sv3 #anatomy,body.sv3 .finale{
  background:linear-gradient(180deg, transparent, rgba(46,92,176,.16) 60%, rgba(74,127,214,.1));
}
body.sv3 #count,body.sv3 #compare,body.sv3 #proof,body.sv3 #pricing{
  background:linear-gradient(180deg, rgba(16,32,62,.5), transparent);
}
body.sv3 section::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(90deg, rgba(112,176,255,.09) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(112,176,255,.07) 0 1px, transparent 1px 78px);
}
body.sv3 .wrap,body.sv3 .feedwrap{position:relative;z-index:1}
body.sv3 h2{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;font-size:clamp(38px,5.6vw,72px)}
body.sv3 h2 em{font-family:var(--sans);font-style:normal;font-weight:900;text-transform:uppercase;font-size:.78em;letter-spacing:-.02em}
body.sv3 .fv,body.sv3 .cnt-box,body.sv3 .idxf,body.sv3 .menu,body.sv3 .editor,body.sv3 .duel{
  border-radius:16px;background-blend-mode:screen;
  border-color:rgba(112,176,255,.4);
}
body.sv3 .cnt-box,body.sv3 .duel,body.sv3 .menu{background:linear-gradient(180deg,rgba(26,39,57,.85),rgba(15,24,38,.9))}
body.sv3 .btn.solid{border-radius:10px}
body.sv3 .cnt-cta,body.sv3 .cnt-btn{border-radius:10px}

/* ---------- SV4 · PIXEL BRUTALIST (pixel type) ---------- */
body.sv4 .fv,body.sv4 .cnt-box,body.sv4 .idxf,body.sv4 .menu,body.sv4 .editor,body.sv4 .duel,
body.sv4 .rating,body.sv4 .logos,body.sv4 .bstat,body.sv4 .an-step,body.sv4 .notif,body.sv4 .btn,
body.sv4 .cnt-cells i,body.sv4 .cnt-btn,body.sv4 .cnt-cta,body.sv4 .bar,body.sv4 .clip{
  border-radius:0 !important;
}
body.sv4 .cnt-box,body.sv4 .idxf,body.sv4 .menu,body.sv4 .editor,body.sv4 .duel,body.sv4 .an-step{
  border:2px solid var(--blue);box-shadow:8px 8px 0 rgba(112,176,255,.22);background:rgba(10,14,20,.85);backdrop-filter:none;
}
body.sv4 .fv{border:2px solid var(--blue);box-shadow:8px 8px 0 rgba(112,176,255,.22)}
body.sv4 h2{font-family:"Silkscreen",var(--px);font-weight:700;font-size:clamp(24px,3.4vw,44px);letter-spacing:-.01em;line-height:1.2}
body.sv4 h2 em{font-family:var(--serif);font-size:1.1em}
body.sv4 .sec-head p,body.sv4 .idxf-note,body.sv4 .an-step span,body.sv4 .df{font-family:var(--px);font-size:17px;line-height:1.5}
body.sv4 .an-step b,body.sv4 .dr-lab,body.sv4 .cmp-title{font-family:"Silkscreen",var(--px);font-weight:700}
body.sv4 .btn{border:2px solid var(--blue);box-shadow:4px 4px 0 rgba(112,176,255,.3)}
body.sv4 .btn.solid{box-shadow:4px 4px 0 rgba(240,246,252,.25)}
body.sv4 section{border-top:2px solid rgba(112,176,255,.2)}
body.sv4 .bar.new{background:var(--blue);box-shadow:none}
body.sv4 .receipt{clip-path:none;border:2px solid var(--paper-ink)}

/* ---------- SV5 · Y2K CHROME (3d tv) ---------- */
body.sv5 section{position:relative}
body.sv5 section::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(rgba(17,20,24,.35) .8px, transparent .9px) 0 0/5px 5px;opacity:.1;
}
body.sv5 .wrap,body.sv5 .feedwrap{position:relative;z-index:1}
body.sv5 h2{text-shadow:2px 2px 0 rgba(255,255,255,.95), 5px 5px 0 rgba(61,127,217,.18)}
body.sv5 .px-label,body.sv5 .subP{letter-spacing:1.5px}
body.sv5 .cnt-box,body.sv5 .idxf,body.sv5 .menu,body.sv5 .editor,body.sv5 .duel,body.sv5 .rating,body.sv5 .logos{
  border-radius:14px;
  background:linear-gradient(180deg,#FFFFFF,#E4E9F1);
  border:1px solid rgba(17,20,24,.14);
  box-shadow:inset 0 2px 0 #fff, inset 0 -5px 12px rgba(90,100,114,.16), 0 20px 44px rgba(17,20,24,.14);
}
body.sv5 .fv{border-radius:14px;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 20px 44px rgba(17,20,24,.22)}
body.sv5 .cnt-cells i,body.sv5 .an-step{border-radius:10px;background:linear-gradient(180deg,#fff,#EDF1F7);border-color:rgba(17,20,24,.12)}
body.sv5 .btn.solid,body.sv5 .cnt-cta{background:linear-gradient(180deg,#8FC0FF,#3D7FD9);box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 12px 26px rgba(61,127,217,.4);color:#fff}
body.sv5 .cnt-btn{background:linear-gradient(180deg,#2A2F38,#12161C);color:#fff}
body.sv5 .idxf{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(207,220,240,.9))}

/* ---------- SV6 · macOS WINDOWS (ios window) ---------- */
body.sv6 .cnt-box,body.sv6 .idxf,body.sv6 .menu,body.sv6 .editor,body.sv6 .duel,body.sv6 .rating,body.sv6 .logos{
  position:relative;border-radius:12px;background:#fff;border:1px solid rgba(17,20,24,.1);
  box-shadow:0 26px 56px rgba(17,20,24,.14);
  padding-top:44px !important;overflow:hidden;
}
body.sv6 .cnt-box::before,body.sv6 .idxf::before,body.sv6 .menu::before,body.sv6 .editor::before,
body.sv6 .duel::before,body.sv6 .rating::before,body.sv6 .logos::before{
  content:"";position:absolute;top:0;left:0;right:0;height:34px;
  background:linear-gradient(180deg,#FBFBFC,#EFF0F3);border-bottom:1px solid rgba(17,20,24,.09);
}
body.sv6 .cnt-box::after,body.sv6 .idxf::after,body.sv6 .menu::after,body.sv6 .editor::after,
body.sv6 .duel::after,body.sv6 .rating::after,body.sv6 .logos::after{
  content:"";position:absolute;top:12px;left:13px;width:10px;height:10px;border-radius:50%;
  background:#FF5F57;box-shadow:16px 0 0 #FEBC2E, 32px 0 0 #28C840;
}
body.sv6 .editor .ebar{background:transparent;border:none}
body.sv6 .idxf{margin-top:14px}
body.sv6 .fv{border-radius:12px;box-shadow:0 20px 44px rgba(17,20,24,.2)}
body.sv6 h2{font-family:var(--ui);font-weight:700;letter-spacing:-.03em;text-transform:none}
body.sv6 h2 em{font-family:var(--pxi);font-style:normal;transform:skewX(-6deg);display:inline-block;font-size:.94em}
body.sv6 .btn{border-radius:10px}
body.sv6 .btn.solid{background:var(--blue);border-color:var(--blue);color:#fff}
body.sv6 .an-step{border-radius:12px;background:#fff;border-color:rgba(17,20,24,.1);box-shadow:0 12px 28px rgba(17,20,24,.08)}

/* ---------- SV7 · iOS CARDS (ios calendar) ---------- */
body.sv7 section{background:#F7F9FC}
body.sv7 .cnt-box,body.sv7 .idxf,body.sv7 .menu,body.sv7 .editor,body.sv7 .duel,
body.sv7 .rating,body.sv7 .logos,body.sv7 .bstat,body.sv7 .an-step,body.sv7 .notif{
  border:none !important;border-radius:22px;background:#fff;
  box-shadow:0 16px 40px rgba(17,20,24,.09);
}
body.sv7 .fv{border:none;border-radius:20px;box-shadow:0 18px 44px rgba(17,20,24,.18)}
body.sv7 .duel-head,body.sv7 .duel-row,body.sv7 .df{border-color:rgba(17,20,24,.07)}
body.sv7 .df:nth-child(odd){border-right-color:rgba(17,20,24,.07)}
body.sv7 h2{font-family:var(--ui);font-weight:800;letter-spacing:-.035em;text-transform:none;font-size:clamp(30px,4.2vw,52px)}
body.sv7 h2 em{font-family:var(--ui);font-style:normal;color:var(--blue);font-size:1em}
body.sv7 .px-label{font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.sv7 .btn,body.sv7 .cnt-btn,body.sv7 .cnt-cta{border-radius:14px;border:none}
body.sv7 .btn.solid{background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(61,127,217,.4)}
body.sv7 .btn.ghost{background:#fff;color:#111418;box-shadow:0 10px 24px rgba(17,20,24,.1)}
body.sv7 .bar{border-radius:99px}
body.sv7 .cnt-cells i{border:none;background:#EBEFF5;border-radius:9px}
body.sv7 .cnt-cells i.on{background:rgba(61,127,217,.18)}
body.sv7 .clip{border-radius:9px}
body.sv7 .idxf{margin-top:14px;backdrop-filter:none}
body.sv7 .idxf-tab{display:none}

/* ---------- SV8 · FINDER DESKTOP (ios folder) ---------- */
body.sv8 section{background:#EDF1F6}
body.sv8 .sec-head .eyebrow .px-label{font-family:var(--ui);font-size:13px;font-weight:600;color:#9AA1AB;letter-spacing:.02em}
body.sv8 h2{font-family:var(--ui);font-weight:800;letter-spacing:-.04em;text-transform:none;font-size:clamp(34px,5vw,64px)}
body.sv8 h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:.92em}
body.sv8 .fv{
  border:none;border-radius:10px;
  box-shadow:0 14px 30px rgba(17,20,24,.22);
}
body.sv8 .fv{overflow:visible}
body.sv8 .fv .fcap{background:var(--blue);color:#fff;border-radius:5px;font-weight:600;letter-spacing:0;text-transform:none;font-size:11px;bottom:-28px;padding:3px 9px}
body.sv8 .fv .pplay{border-radius:0 0 10px 10px;overflow:hidden}
body.sv8 .feedtrack{padding-bottom:34px}
body.sv8 .cnt-box,body.sv8 .menu,body.sv8 .editor,body.sv8 .duel,body.sv8 .rating,body.sv8 .logos,body.sv8 .an-step{
  border:1px solid rgba(17,20,24,.1);border-radius:12px;background:#fff;
  box-shadow:0 18px 40px rgba(17,20,24,.1);
}
body.sv8 .idxf{
  border-radius:10px 14px 12px 12px;
  background:linear-gradient(180deg,#8FC0FF,#5D9BEF);
  border:none;box-shadow:0 18px 40px rgba(35,70,140,.28);
  margin-top:-6px;
}
body.sv8 .idxf-name,body.sv8 .idxf-meta{color:#fff}
body.sv8 .idxf-note{color:rgba(255,255,255,.9)}
body.sv8 .idxf-tab{background:#8FC0FF;border:none}
body.sv8 .idxf-arr{color:#fff}
body.sv8 .btn.solid{background:#15181D;color:#fff;border:none;box-shadow:0 14px 30px rgba(17,20,24,.28)}
body.sv8 .btn.ghost{background:#fff;border-color:rgba(17,20,24,.12);color:#15181D}
body.sv8 .an-step.on{border-color:var(--blue)}
body.sv8 .duel-head{font-family:var(--ui);font-size:12px;font-weight:700}



/* ============ SV3 · BROADCAST TV (структура) ============ */
body.sv3 .btv{
  position:relative;flex:0 0 auto;
  background:linear-gradient(180deg,#1A2739,#0E1725);
  border:1px solid rgba(112,176,255,.35);border-radius:16px;
  padding:9px 30px 12px 9px;
  box-shadow:0 0 34px rgba(112,176,255,.14), 0 24px 50px rgba(0,0,0,.55);
}
body.sv3 .btv-scr{
  position:relative;border-radius:10px;overflow:hidden;
  box-shadow:inset 0 0 0 2px rgba(112,176,255,.35), inset 0 0 34px rgba(0,0,20,.6);
  display:grid;place-items:center;
}
body.sv3 .btv-knobs{position:absolute;right:8px;top:16px;display:grid;gap:8px}
body.sv3 .btv-knobs i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9FC2F5,#2E4A7A);box-shadow:0 1px 3px rgba(0,0,0,.5)}
body.sv3 .btv-ch{position:absolute;top:9px;left:11px;font-family:var(--px);font-size:14px;color:var(--blue);z-index:2}
body.sv3 .btv-w{font-family:var(--serif);font-style:italic;font-size:17px;text-align:center;padding:0 12px;color:var(--ink);position:relative;z-index:1}
body.sv3 .btv-w b{color:var(--blue);font-weight:400}
body.sv3 .btv-lab{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2;font-weight:800;font-size:9.5px;text-transform:uppercase;background:rgba(10,14,20,.85);padding:3px 8px;white-space:nowrap}
body.sv3 .btv.ch{width:190px}
body.sv3 .btv.ch .btv-scr{aspect-ratio:9/16}
body.sv3 .btv.sm{width:118px}
body.sv3 .btv.sm .btv-scr{aspect-ratio:9/16}
body.sv3 .btv.wide{flex:1;min-width:0}
body.sv3 .btv.wide .btv-scr{aspect-ratio:auto;display:block;padding:22px 22px 18px}
body.sv3 .ratings{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center}
body.sv3 .rt-note{margin-top:12px;font-family:var(--px);font-size:18px;color:var(--dim)}
body.sv3 .rt-meter{display:flex;align-items:center;gap:14px;margin-bottom:14px}
body.sv3 .rt-lab{width:56px;font-family:var(--px);font-size:17px;color:var(--dim)}
body.sv3 .rt-logo{height:14px;display:block}
body.sv3 .rt-bar{flex:1;height:26px;border:1px solid rgba(112,176,255,.4);border-radius:5px;overflow:hidden;background:rgba(240,246,252,.05)}
body.sv3 .rt-bar i{display:block;height:100%;background:rgba(240,246,252,.25)}
body.sv3 .rt-bar.live i{background:linear-gradient(90deg,var(--blue-deep),var(--blue));box-shadow:0 0 20px rgba(112,176,255,.5);width:0;transition:width .3s linear}
body.sv3 .rt-meter b{width:58px;text-align:right;font-family:var(--px);font-size:21px}
body.sv3 .rt-meter b.blue{color:var(--blue)}
body.sv3 .rt-live{font-family:var(--px);font-size:16px;color:var(--blue);margin-top:6px}
body.sv3 .chwrap{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start}
body.sv3 .chrail{display:grid;gap:10px}
body.sv3 .chrail .ixtab{
  display:grid;gap:2px;text-align:left;background:rgba(26,39,57,.7);
  border:1px solid rgba(112,176,255,.28);border-radius:12px;padding:14px 16px;
  font-family:var(--sans);font-weight:800;font-size:15px;color:var(--ink);text-transform:uppercase;letter-spacing:.01em;
}
body.sv3 .chrail .ixtab em{font-family:var(--px);font-style:normal;font-size:15px;color:var(--dim);text-transform:none;font-weight:400}
body.sv3 .chrail .ct-n{font-family:var(--px);font-size:15px;color:var(--blue);font-weight:400}
body.sv3 .chrail .ixtab.on{background:rgba(112,176,255,.16);border-color:var(--blue);box-shadow:0 0 30px rgba(112,176,255,.2)}
body.sv3 .chstage{min-height:280px}
body.sv3 .ixpane{display:none}
body.sv3 .ixpane.open{display:block;animation:fadein .3s}
@keyframes fadein{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
body.sv3 .ch-note{font-family:var(--px);font-size:18px;color:var(--dim);margin-bottom:16px}
body.sv3 .ch-row{display:flex;gap:14px;flex-wrap:wrap}
body.sv3 .sched{display:flex;gap:12px;flex-wrap:wrap}
body.sv3 .sc{
  flex:1 1 140px;display:grid;justify-items:center;gap:10px;
  background:rgba(26,39,57,.6);border:1px solid rgba(112,176,255,.28);border-radius:14px;padding:20px 14px;
}
body.sv3 .sc-t{font-family:var(--px);font-size:16px;color:var(--dim);letter-spacing:1px}
body.sv3 .sc-ico{width:38px;height:38px;border-radius:10px;background:rgba(112,176,255,.14);display:grid;place-items:center}
body.sv3 .ic{display:block;width:16px;height:16px;border:2px solid var(--blue)}
body.sv3 .ic-1{border-radius:3px}
body.sv3 .ic-2{border-radius:3px;border-left-width:6px}
body.sv3 .ic-3{border-radius:50%}
body.sv3 .ic-4{border-radius:3px;background:var(--blue)}
body.sv3 .ic-5{border-radius:50%;border-style:dashed}
body.sv3 .sc b{font-weight:800;font-size:15px;text-transform:uppercase}
body.sv3 .sc.hot{border-color:var(--blue);background:rgba(112,176,255,.14);box-shadow:0 0 30px rgba(112,176,255,.2)}
body.sv3 .sc.hot b{color:var(--blue)}
body.sv3 .splitv{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.sv3 .splitv .btv{width:100%}
body.sv3 .splitv .btv-scr{aspect-ratio:auto;display:block;padding:40px 20px 20px}
body.sv3 .btv.dead{filter:saturate(.25);border-color:rgba(240,246,252,.14)}
body.sv3 .btv.dead .btv-scr{box-shadow:inset 0 0 0 2px rgba(240,246,252,.14), inset 0 0 40px rgba(0,0,0,.85)}
body.sv3 .btv.dead .btv-ch{color:#6b7480}
body.sv3 .dead-t{position:absolute;top:34px;left:50%;transform:translateX(-50%);font-family:var(--px);font-size:19px;color:#5c6470;letter-spacing:2px}
body.sv3 .btv.alive{border-color:var(--blue);box-shadow:0 0 60px rgba(112,176,255,.3)}
body.sv3 .sv-logo{position:absolute;top:32px;left:50%;transform:translateX(-50%);height:17px}
body.sv3 .sv-rows{margin-top:44px;display:grid;gap:2px}
body.sv3 .sv-r{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(240,246,252,.08)}
body.sv3 .sv-r b{font-weight:900;font-size:clamp(18px,2.1vw,25px);color:#7c848f}
body.sv3 .sv-r span{font-size:13px;color:#6b7480}
body.sv3 .sv-r i{font-family:var(--px);font-style:normal;font-size:15px;color:#5c6470}
body.sv3 .sv-r.on b{color:var(--blue);text-shadow:0 0 20px rgba(112,176,255,.45)}
body.sv3 .sv-r.on span{color:var(--ink)}
body.sv3 .sv-r.on i{color:var(--blue)}
body.sv3 .anv{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;justify-content:center}
body.sv3 .btv.tall{width:min(250px,48vw)}
body.sv3 .btv.tall .btv-scr{aspect-ratio:9/16}
body.sv3 .anv-w{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.2vw,26px);text-align:center;padding:0 14px;position:relative;z-index:1}
body.sv3 .anv-w b{color:var(--blue);font-weight:400}
body.sv3 .anv-cap{position:absolute;bottom:12px;left:8px;right:8px;z-index:2;font-weight:800;font-size:10.5px;line-height:1.35;text-align:center;background:rgba(10,14,20,.86);padding:5px 8px}
body.sv3 .anv-scrub{position:relative;height:32px;border:1px solid rgba(112,176,255,.35);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(112,176,255,.16) 0 2px,transparent 2px 16px);cursor:ew-resize}
body.sv3 .anv-scrub .playhead{position:absolute;top:-5px;bottom:-5px;width:3px;background:var(--ink);border-radius:2px}
body.sv3 .anv-steps{display:grid;gap:8px;margin:16px 0 18px}
body.sv3 .anv-steps .an-row{
  display:grid;gap:2px;border:1px solid var(--line);border-radius:11px;padding:11px 15px;
}
body.sv3 .anv-steps .an-row b{font-family:var(--sans);font-weight:800;font-size:14px;text-transform:uppercase}
body.sv3 .anv-steps .an-row span{font-size:12.5px;color:var(--dim)}
body.sv3 .anv-steps .an-row.on{border-color:var(--blue);background:rgba(112,176,255,.1);box-shadow:0 0 26px rgba(112,176,255,.16)}
body.sv3 .anv-steps .an-row.on b{color:var(--blue)}
/* receipts as TV screens */
body.sv3 .rcpts{gap:26px}
body.sv3 .receipt{
  clip-path:none;border-radius:16px;
  background:linear-gradient(180deg,#101E33,#0A1524);
  color:var(--ink);
  border:1px solid rgba(112,176,255,.4);
  box-shadow:inset 0 0 0 2px rgba(112,176,255,.18), inset 0 0 40px rgba(0,0,30,.6), 0 0 40px rgba(112,176,255,.14);
  padding:24px 22px 26px;transform:none;
}
body.sv3 .receipt::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 1px, transparent 1px 3px);
}
body.sv3 .receipt hr{border-top-color:rgba(112,176,255,.3)}
body.sv3 .receipt .r-sm,body.sv3 .receipt .r-row .f{color:rgba(240,246,252,.45)}
body.sv3 .receipt .r-row .v{color:var(--blue)}
body.sv3 .receipt .r-logo{filter:none}
body.sv3 .receipt .r-brand{color:#4ade80}
body.sv3 .receipt .r-badge{background:rgba(74,222,128,.18);color:#4ade80}
body.sv3 .receipt .barcode{background:repeating-linear-gradient(90deg,var(--blue) 0 2px,transparent 2px 4px,var(--blue) 4px 7px,transparent 7px 13px);opacity:.75}
body.sv3 .receipt .r-note{color:rgba(240,246,252,.7)}
body.sv3 .receipt .r-note b{color:var(--ink)}
body.sv3 .receipt .stamp{color:var(--blue);border-color:var(--blue)}
body.sv3 .receipt .r-link{color:var(--blue)}
@media (max-width:900px){
  body.sv3 .ratings,body.sv3 .chwrap,body.sv3 .splitv,body.sv3 .anv{grid-template-columns:1fr}
}

/* ============ SV4 · PIXEL OS 98 (структура блоков) ============ */
body.sv4 .w98{
  background:#0D131C;border:2px solid var(--blue);
  box-shadow:8px 8px 0 rgba(112,176,255,.22);
  font-family:var(--px);color:var(--ink);
}
body.sv4 .w98-bar{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--blue);color:var(--bg);padding:5px 8px;font-size:17px;
}
body.sv4 .w98-btns i{display:inline-block;width:19px;height:17px;margin-left:3px;background:#0D131C;color:var(--blue);text-align:center;font-style:normal;font-size:13px;line-height:17px}
body.sv4 .w98-menu{display:flex;gap:18px;padding:5px 10px;border-bottom:2px solid rgba(112,176,255,.3);font-size:16px;color:var(--dim)}
body.sv4 .w98-addr{padding:7px 10px;font-size:16px;color:var(--dim);border-bottom:2px solid rgba(112,176,255,.3)}
body.sv4 .w98-addr b{color:var(--blue);font-weight:400}
body.sv4 .w98-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px;padding:18px}
body.sv4 .w98-item{display:grid;justify-items:center;gap:7px;text-align:center}
body.sv4 .w98-thumb{position:relative;width:100%;aspect-ratio:9/16;border:2px solid var(--blue);display:grid;place-items:center}
body.sv4 .w98-play{font-style:normal;font-size:15px;color:var(--blue)}
body.sv4 .w98-name{font-size:15px;color:var(--dim)}
body.sv4 .w98-item:hover .w98-name{background:var(--blue);color:var(--bg)}
body.sv4 .w98-status{display:flex;justify-content:space-between;padding:6px 10px;border-top:2px solid rgba(112,176,255,.3);font-size:15px;color:var(--dim)}
body.sv4 .dlg98{max-width:640px;margin:0 auto}
body.sv4 .dlg98-body{padding:20px}
body.sv4 .dlg98-row{display:flex;gap:16px;align-items:flex-start}
body.sv4 .dlg98-ico{flex:0 0 42px;height:42px;border:2px solid var(--blue);display:grid;place-items:center;font-size:22px;color:var(--blue)}
body.sv4 .dlg98-row b{font-family:"Silkscreen",var(--px);font-size:15px;line-height:1.5;display:block}
body.sv4 .dlg98-row p{margin-top:8px;font-size:17px;color:var(--dim)}
body.sv4 .dlg98-meter{display:flex;align-items:center;gap:12px;margin-top:16px}
body.sv4 .dlg98-lab{width:52px;font-size:16px;color:var(--dim)}
body.sv4 .dlg98-cells{flex:1;display:flex;gap:3px;border:2px solid var(--blue);padding:2px}
body.sv4 .dlg98-cells i{flex:1;height:22px;background:rgba(112,176,255,.1);display:grid;place-items:center;font-size:12px;color:var(--blue);font-style:normal}
body.sv4 .dlg98-cells i.on{background:var(--blue);color:var(--bg)}
body.sv4 .dlg98-num{width:52px;text-align:right;font-size:19px}
body.sv4 .dlg98-num.blue{color:var(--blue)}
body.sv4 .dlg98-btns,body.sv4 .prop98-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
body.sv4 .b98{
  font-family:var(--px);font-size:17px;background:#141C28;color:var(--ink);
  border:2px solid var(--blue);padding:6px 20px;text-decoration:none;
  box-shadow:3px 3px 0 rgba(112,176,255,.3);
}
body.sv4 .b98.pri{background:var(--blue);color:var(--bg)}
body.sv4 .b98:disabled{opacity:.45}
body.sv4 .tree98-body{padding:12px}
body.sv4 .ixrow{border-bottom:2px solid rgba(112,176,255,.18)}
body.sv4 .ixrow-head{
  width:100%;display:flex;align-items:center;gap:10px;
  background:none;border:none;color:var(--ink);font-family:var(--px);font-size:19px;
  padding:12px 8px;text-align:left;
}
body.sv4 .ixrow.open .ixrow-head{background:rgba(112,176,255,.12);color:var(--blue)}
body.sv4 .tw-arr{width:18px;height:18px;border:2px solid var(--blue);display:grid;place-items:center;font-size:13px;color:var(--blue)}
body.sv4 .tw-fold{width:20px;height:15px;background:var(--blue);opacity:.65;display:inline-block}
body.sv4 .tw-meta{margin-left:auto;font-size:15px;color:var(--dim)}
body.sv4 .ixrow-body{max-height:0;overflow:hidden;transition:max-height .35s}
body.sv4 .ixrow.open .ixrow-body{max-height:290px}
body.sv4 .tw-files{display:flex;flex-wrap:wrap;gap:12px;padding:10px 8px 6px 48px}
body.sv4 .tw-pv{display:block;width:78px;aspect-ratio:9/16;border:2px solid var(--blue);margin-bottom:6px}
body.sv4 .tw-file{border:none;padding:0;font-size:15px;color:var(--dim);display:grid;justify-items:center}
body.sv4 .tw-file:hover{color:var(--blue)}
body.sv4 .tw-note{padding:6px 8px 14px 48px;font-size:16px;color:var(--dim)}
body.sv4 .bat98-body{padding:20px;font-size:17px;line-height:1.7;color:var(--dim);white-space:pre-wrap;overflow-x:auto}
body.sv4 .bat98-body b{color:var(--ink);font-weight:400}
body.sv4 .bat98-body b.ok{color:var(--blue)}
body.sv4 .cur98{display:inline-block;width:.55em;height:1em;background:var(--blue);vertical-align:-.12em;animation:blink 1s steps(2) infinite}
body.sv4 .prop98-tabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:2px solid rgba(112,176,255,.3)}
body.sv4 .prop98-tabs span{border:2px solid rgba(112,176,255,.4);border-bottom:none;padding:5px 16px;font-size:16px;color:var(--dim)}
body.sv4 .prop98-tabs span.on{background:var(--blue);color:var(--bg);border-color:var(--blue)}
body.sv4 .prop98-tbl{width:100%;border-collapse:collapse;font-size:18px}
body.sv4 .prop98-tbl th,body.sv4 .prop98-tbl td{border:2px solid rgba(112,176,255,.25);padding:10px 14px;text-align:left}
body.sv4 .prop98-tbl th{color:var(--dim);font-weight:400;text-transform:uppercase;font-size:15px}
body.sv4 .prop98-tbl td.old{color:var(--dim)}
body.sv4 .prop98-tbl td.new{color:var(--bg);background:var(--blue)}
body.sv4 .prop98-tbl td.dl{color:var(--blue)}
body.sv4 .prop98-chk{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 14px 0}
body.sv4 .prop98-chk label{display:flex;gap:9px;align-items:center;font-size:16px;color:var(--dim)}
body.sv4 .prop98-chk input{accent-color:#70B0FF;width:15px;height:15px}
body.sv4 .prop98-btns{padding:0 14px 18px}
body.sv4 .mp98-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:0}
body.sv4 .mp98-screen{position:relative;aspect-ratio:16/9;display:grid;place-items:center;border-right:2px solid rgba(112,176,255,.3)}
body.sv4 .mp98-tc{position:absolute;top:10px;right:12px;font-size:16px;color:var(--dim)}
body.sv4 .mp98-w{font-family:var(--serif);font-style:italic;font-size:clamp(22px,3vw,38px);position:relative;z-index:1}
body.sv4 .mp98-w b{color:var(--blue);font-weight:400}
body.sv4 .mp98-cap{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(10,14,20,.9);padding:4px 10px;font-size:14px;white-space:nowrap;color:var(--ink)}
body.sv4 .mp98-list{display:grid;align-content:start}
body.sv4 .an-row{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:14px 16px;border-bottom:2px solid rgba(112,176,255,.18);font-size:18px}
body.sv4 .an-row b{color:var(--blue);font-weight:400}
body.sv4 .an-row span{grid-column:2;font-size:15px;color:var(--dim)}
body.sv4 .an-row.on{background:rgba(112,176,255,.14)}
body.sv4 .mp98-ctrl{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:2px solid rgba(112,176,255,.3);cursor:ew-resize;position:relative}
body.sv4 .mp98-btn{border:2px solid var(--blue);width:30px;height:26px;display:grid;place-items:center;font-size:14px;color:var(--blue)}
body.sv4 .mp98-track{flex:1;height:16px;border:2px solid var(--blue);position:relative}
body.sv4 .mp98-track .playhead{position:absolute;top:-2px;bottom:-2px;width:4px;background:var(--ink);box-shadow:none}
body.sv4 .mp98-track .playhead::before{display:none}


/* ============ SV2 · v2: dark tape cards, video reels, better buttons ============ */
body.sv2 .zn-pola{
  flex:0 0 auto;position:relative;width:176px;aspect-ratio:9/16;
  padding:0;border-radius:14px;overflow:hidden;
  background:#0d1420;
  border:1px solid rgba(112,176,255,.3);
  transform:rotate(var(--zr));
  box-shadow:0 0 30px rgba(112,176,255,.14), 0 22px 44px rgba(0,0,0,.6);
  transition:transform .25s, box-shadow .25s;
}
body.sv2 .zn-pola:hover{transform:rotate(0deg) translateY(-12px) scale(1.05);z-index:4;box-shadow:0 0 44px rgba(112,176,255,.3), 0 30px 60px rgba(0,0,0,.65)}
body.sv2 .zn-tape2{
  position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-3deg);
  width:78px;height:20px;z-index:3;
  background:linear-gradient(180deg, rgba(112,176,255,.55), rgba(112,176,255,.3));
  box-shadow:0 2px 8px rgba(0,0,0,.4);
}
body.sv2 .zn-shine{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(200deg, rgba(240,246,252,.07) 0%, transparent 26%);
}
body.sv2 .zn-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(240,246,252,.85);background:rgba(10,14,20,.45);backdrop-filter:blur(3px);
  color:#F0F6FC;font-size:14px;padding-left:3px;opacity:.9;transition:opacity .2s,transform .2s;
}
body.sv2 .zn-pola:hover .zn-play{opacity:0;transform:translate(-50%,-50%) scale(.8)}
body.sv2 .zn-cap{
  position:absolute;bottom:10px;left:10px;right:10px;z-index:3;text-align:center;
  font-family:var(--sans);font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  color:#0A0E14;font-style:normal;
  background:rgba(240,246,252,.94);
  border-radius:7px;padding:5px 6px;
}
/* counter card (no more paper) */
body.sv2 .zn-card{
  position:relative;max-width:760px;margin:0 auto;
  background:linear-gradient(160deg, rgba(112,176,255,.13), rgba(14,20,28,.9) 55%);
  border:1px solid rgba(112,176,255,.35);border-radius:20px;
  padding:38px 40px 32px;
  box-shadow:0 0 60px rgba(112,176,255,.16), 0 30px 60px rgba(0,0,0,.5);
}
body.sv2 .zn-tape.corner{position:absolute;top:-12px;left:28px;transform:rotate(-2deg);margin:0}
body.sv2 .zn-card h2{transform:none}
body.sv2 .zn-hand.small{font-size:16px;opacity:.8}
body.sv2 .zn-logo{height:15px;display:block;filter:none}
body.sv2 .zn-marks .cc{flex:1;height:32px;border-radius:6px;border:1px solid rgba(240,246,252,.14);border-bottom:1px solid rgba(240,246,252,.14);background:rgba(240,246,252,.04);position:relative}
body.sv2 .zn-marks .cc::before{display:none}
body.sv2 .zn-marks .cc.on{background:rgba(112,176,255,.22);border-color:var(--blue);box-shadow:0 0 16px rgba(112,176,255,.3)}
body.sv2 .zn-marks.full .cc.on::before{display:none}
body.sv2 .zn-lab{color:var(--dim)}
body.sv2 .zn-tally b{color:var(--ink)}
body.sv2 .zn-prog{flex:1;height:32px;border:1px solid rgba(112,176,255,.45);border-radius:8px;padding:3px;background:rgba(240,246,252,.04)}
body.sv2 .zn-prog i{display:block;height:100%;border-radius:5px;width:20%;background:linear-gradient(90deg,var(--blue-deep),var(--blue));box-shadow:0 0 22px rgba(112,176,255,.5);transition:width .3s linear}
/* interesting button */
body.sv2 .zn-btn{
  position:relative;display:inline-flex;align-items:center;gap:12px;
  font-family:var(--sans);font-weight:800;font-size:14px;letter-spacing:.01em;
  background:transparent;color:var(--ink);border:1px solid var(--blue);
  border-radius:999px;padding:13px 14px 13px 26px;overflow:hidden;text-decoration:none;
  box-shadow:0 0 26px rgba(112,176,255,.2);
}
body.sv2 .zn-btn::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,var(--blue-deep),var(--blue));
  transform:translateX(-101%);transition:transform .35s cubic-bezier(.2,.7,.3,1);
}
body.sv2 .zn-btn:hover::before{transform:none}
body.sv2 .zn-btn span,body.sv2 .zn-btn i{position:relative;z-index:1;transition:color .25s}
body.sv2 .zn-btn i{
  font-style:normal;width:28px;height:28px;border-radius:50%;
  background:var(--blue);color:var(--bg);display:grid;place-items:center;font-size:13px;
  transition:background .25s,transform .25s;
}
body.sv2 .zn-btn:hover{color:var(--bg)}
body.sv2 .zn-btn:hover i{background:var(--bg);color:var(--blue);transform:translateX(3px)}
body.sv2 .zn-btn.pri{border-color:var(--blue)}
/* industries minis with video */
body.sv2 .zn-sheet{display:block;padding:4px 22px 24px}
body.sv2 .zn-minis{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
body.sv2 .zn-mini{
  position:relative;display:block;width:104px;aspect-ratio:9/16;
  border-radius:11px;overflow:hidden;background:#0d1420;
  border:1px solid rgba(112,176,255,.28);
  box-shadow:0 14px 30px rgba(0,0,0,.5);
  transition:transform .22s, box-shadow .22s;
}
body.sv2 .zn-mini:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 0 34px rgba(112,176,255,.28), 0 20px 40px rgba(0,0,0,.6);z-index:3}
body.sv2 .zn-mplay{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1.2px solid rgba(240,246,252,.85);background:rgba(10,14,20,.4);
  color:#F0F6FC;font-size:10px;padding-left:2px;font-style:normal;transition:opacity .2s;
}
body.sv2 .zn-mini:hover .zn-mplay{opacity:0}
body.sv2 .zn-envs .ixrow-head em{font-family:var(--px);font-size:15px}
body.sv2 .zn-envs .ixrow.open .ixrow-body{max-height:360px}
/* anatomy stage with video */
body.sv2 .zn-board.center{max-width:600px}
body.sv2 .zn-stage{
  position:relative;aspect-ratio:9/16;width:min(238px,46vw);max-height:52vh;
  margin:0 auto;border-radius:16px;overflow:hidden;
  border:1px solid rgba(112,176,255,.35);
  box-shadow:0 0 40px rgba(112,176,255,.2), 0 26px 50px rgba(0,0,0,.6);
  display:grid;place-items:center;transform:rotate(-1deg);
}
body.sv2 .zn-w{position:relative;z-index:2}
body.sv2 .zn-tc,body.sv2 .zn-scap{z-index:2}
body.sv2 .zn-scap{background:rgba(10,14,20,.8);color:#F0F6FC}
/* remove the old ransom paper feel a touch */
body.sv2 .rn{border-radius:10px;box-shadow:6px 8px 0 rgba(112,176,255,.16)}
body.sv2 .rn.alt{background:#101826;color:#F0F6FC;box-shadow:6px 8px 0 rgba(112,176,255,.1)}

/* ============ SV7 · iOS APP (структура блоков) ============ */
body.sv7 .ios-nav{display:flex;align-items:center;justify-content:space-between;font-family:var(--ui);font-size:15px;color:var(--blue);padding-bottom:10px;border-bottom:1px solid rgba(17,20,24,.08)}
body.sv7 .ios-nav .ion-title{font-weight:600;color:#111418}
body.sv7 .ios-hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
body.sv7 .ios-count{font-family:var(--ui);font-weight:800;font-size:34px;color:var(--blue)}
body.sv7 .ios-sub{margin-top:8px;font-family:var(--ui);font-size:15px;color:#7A828E}
body.sv7 .ios-card{
  flex:0 0 auto;width:214px;background:#fff;border-radius:22px;padding:10px 10px 12px;
  box-shadow:0 16px 40px rgba(17,20,24,.1);display:grid;gap:10px;
}
body.sv7 .ios-thumb{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:16px;overflow:hidden}
body.sv7 .ios-thumb.sm{width:56px;aspect-ratio:1;border-radius:12px}
body.sv7 .ios-badge{position:absolute;top:9px;left:9px;font-family:var(--ui);font-size:9.5px;font-weight:700;letter-spacing:.06em;background:rgba(255,255,255,.9);color:#111418;border-radius:6px;padding:3px 7px;font-style:normal}
body.sv7 .ios-card:hover .pplay i{width:100%;transition:width 4s linear}
body.sv7 .ios-meta{display:grid;gap:2px;padding:0 4px;font-family:var(--ui)}
body.sv7 .ios-meta b{font-size:14px;color:#111418}
body.sv7 .ios-meta span{font-size:12px;color:#8A929E}
body.sv7 .ios-get{justify-self:start;margin-left:4px;font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.04em;background:rgba(61,127,217,.14);color:var(--blue);border-radius:99px;padding:6px 18px}
body.sv7 .ios-panel{background:#fff;border-radius:26px;padding:26px 28px;box-shadow:0 18px 46px rgba(17,20,24,.09)}
body.sv7 .ios-panel-head{display:flex;justify-content:space-between;font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A929E}
body.sv7 .ios-rings{display:grid;grid-template-columns:auto auto 1fr;gap:30px;align-items:center;margin-top:20px}
body.sv7 .ring-wrap{position:relative;width:132px;text-align:center}
body.sv7 .ring{width:132px;height:132px;transform:rotate(-90deg)}
body.sv7 .ring .rbg{fill:none;stroke:#EBEFF5;stroke-width:13}
body.sv7 .ring .rfg{fill:none;stroke:var(--blue);stroke-width:13;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset .5s}
body.sv7 .ring .rfg.full{stroke-dashoffset:0;stroke:#111418}
body.sv7 .ring-num{position:absolute;left:0;right:0;top:46px;font-family:var(--ui);font-weight:800;font-size:30px;color:#111418}
body.sv7 .ring-num.blue{color:var(--blue)}
body.sv7 .ring-lab{display:block;margin-top:-6px;font-family:var(--ui);font-size:12px;color:#8A929E}
body.sv7 .ios-cells{display:flex;gap:5px;margin-top:16px}
body.sv7 .ios-cells .cc{flex:1;height:26px;border-radius:8px;background:#EBEFF5;display:grid;place-items:center;font-size:12px;color:var(--blue);font-style:normal}
body.sv7 .ios-cells .cc.on{background:rgba(61,127,217,.2)}
body.sv7 .ios-btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
body.sv7 .ios-btn{
  font-family:var(--ui);font-size:14px;font-weight:700;text-decoration:none;
  background:#fff;color:#111418;border:none;border-radius:14px;padding:12px 24px;
  box-shadow:0 10px 24px rgba(17,20,24,.1);
}
body.sv7 .ios-btn.pri{background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(61,127,217,.4)}
body.sv7 .ios-btn:disabled{opacity:.5}
body.sv7 .ios-list{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(17,20,24,.09)}
body.sv7 .ios-list .ixrow{border-bottom:1px solid rgba(17,20,24,.07)}
body.sv7 .ios-list .ixrow:last-child{border-bottom:none}
body.sv7 .ixrow-head{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;padding:18px 22px;text-align:left;font-family:var(--ui)}
body.sv7 .ios-ic{flex:0 0 38px;height:38px;border-radius:11px;background:rgba(61,127,217,.14);display:grid;place-items:center;font-size:18px}
body.sv7 .ios-row-t{flex:1;font-size:16px;font-weight:600;color:#111418;display:grid}
body.sv7 .ios-row-t em{font-style:normal;font-size:12.5px;font-weight:500;color:#8A929E;margin-top:2px}
body.sv7 .ios-chev{color:#C3C9D2;font-size:20px;transition:transform .25s}
body.sv7 .ixrow.open .ios-chev{transform:rotate(90deg);color:var(--blue)}
body.sv7 .ixrow-body{max-height:0;overflow:hidden;transition:max-height .35s}
body.sv7 .ixrow.open .ixrow-body{max-height:200px}
body.sv7 .ios-inner{display:flex;gap:22px;padding:4px 22px 20px 74px;flex-wrap:wrap}
body.sv7 .ios-mini{display:grid;gap:7px;justify-items:center;font-family:var(--ui);font-size:11.5px;color:#8A929E}
body.sv7 .ios-steps{display:grid;gap:12px}
body.sv7 .ios-step{
  display:grid;grid-template-columns:34px 1fr;gap:4px 14px;align-items:center;
  background:#fff;border-radius:18px;padding:16px 20px;font-family:var(--ui);
  box-shadow:0 12px 30px rgba(17,20,24,.07);
}
body.sv7 .ios-dot{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#EBEFF5;color:#8A929E;display:grid;place-items:center;font-size:15px;font-weight:700}
body.sv7 .ios-step.done .ios-dot{background:rgba(61,127,217,.16);color:var(--blue)}
body.sv7 .ios-step.now .ios-dot{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(61,127,217,.45)}
body.sv7 .ios-step b{font-size:15.5px;color:#111418}
body.sv7 .ios-step span{font-size:13px;color:#8A929E}
body.sv7 .ios-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
body.sv7 .ios-cmp-col{background:#fff;border-radius:22px;padding:22px;box-shadow:0 16px 40px rgba(17,20,24,.09);display:grid;gap:14px;align-content:start}
body.sv7 .ios-cmp-col.pri{background:linear-gradient(180deg,#F4F8FF,#E7F0FE);box-shadow:0 20px 46px rgba(61,127,217,.2)}
body.sv7 .ios-cmp-tag{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A929E}
body.sv7 .ios-cmp-tag.blue{color:var(--blue)}
body.sv7 .ios-stat{display:flex;align-items:baseline;gap:10px}
body.sv7 .ios-stat b{font-family:var(--ui);font-weight:800;font-size:clamp(24px,3vw,36px);color:#111418;min-width:2.6em}
body.sv7 .ios-cmp-col.pri .ios-stat b{color:var(--blue)}
body.sv7 .ios-stat span{font-family:var(--ui);font-size:13px;color:#8A929E}
body.sv7 .ios-cmp-note{margin-top:6px;font-family:var(--ui);font-size:12.5px;line-height:1.7;color:#8A929E}
body.sv7 .ios-cmp-mid{display:grid;align-content:space-around;gap:10px;font-family:var(--ui);font-weight:800;font-size:15px;color:var(--blue);text-align:center;padding:56px 0}
body.sv7 .ios-photos{background:#fff;border-radius:26px;padding:16px;box-shadow:0 18px 46px rgba(17,20,24,.09)}
body.sv7 .ios-ph-stage{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/8.4;display:grid;place-items:center}
body.sv7 .ios-ph-tc{position:absolute;top:12px;right:14px;font-family:var(--px);font-size:15px;color:rgba(240,246,252,.75)}
body.sv7 .ios-ph-w{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3.4vw,42px);color:#F0F6FC;position:relative;z-index:1}
body.sv7 .ios-ph-w b{color:var(--blue);font-weight:400}
body.sv7 .ios-ph-cap{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-family:var(--ui);font-weight:700;font-size:12px;background:rgba(10,14,20,.86);color:#F0F6FC;padding:5px 11px;border-radius:8px;white-space:nowrap}
body.sv7 .ios-strip{position:relative;display:flex;gap:6px;margin-top:14px;cursor:ew-resize}
body.sv7 .ios-fr{flex:1;aspect-ratio:16/10;border-radius:10px;display:block}
body.sv7 .ios-strip .playhead{position:absolute;top:-6px;bottom:-6px;width:3px;background:#111418;border-radius:2px;box-shadow:none}
body.sv7 .ios-strip .playhead::before{display:none}
body.sv7 .ios-chips{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}
body.sv7 .ios-chips .an-row{font-family:var(--ui);font-size:12.5px;font-weight:600;background:#EBEFF5;color:#8A929E;border-radius:99px;padding:8px 18px;border:none}
body.sv7 .ios-chips .an-row.on{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(61,127,217,.35)}

@media (max-width:860px){
  body.sv4 .mp98-grid{grid-template-columns:1fr}
  body.sv7 .ios-rings{grid-template-columns:1fr;justify-items:center}
  body.sv7 .ios-cmp{grid-template-columns:1fr}
  body.sv7 .ios-cmp-mid{display:none}
}



/* ============ SV7 · v2: Finder, Apple Calendar, iOS compare ============ */
body.sv7 .ios-thumb{position:relative;overflow:hidden;background:#0A0E14}
body.sv7 .ios-get{background:var(--blue);color:#fff}
body.sv7 .ios-live{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:22px}
body.sv7 .ios-gauge{position:relative;width:172px;margin:0 auto 18px;text-align:center}
body.sv7 .ios-gauge .ring{width:172px;height:172px;transform:rotate(-90deg)}
body.sv7 .ios-gauge-n{position:absolute;left:0;right:0;top:60px;font-family:var(--ui);font-weight:800;font-size:40px;color:var(--blue);font-variant-numeric:tabular-nums}
body.sv7 .ios-gauge-l{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:-8px;font-family:var(--ui);font-size:12.5px;color:#8A929E}
body.sv7 .ios-gauge-logo{height:12px;filter:invert(1) brightness(.25)}
body.sv7 .ios-rows2{display:grid;gap:12px}
body.sv7 .ios-row2{display:flex;align-items:center;gap:14px;font-family:var(--ui);font-size:13px;color:#8A929E}
body.sv7 .ios-row2>span:first-child{width:74px}
body.sv7 .ios-b{flex:1;height:22px;border-radius:11px;background:#EBEFF5;overflow:hidden}
body.sv7 .ios-b i{display:block;height:100%;border-radius:11px;background:#C9D2DE}
body.sv7 .ios-row2.pri .ios-b i{background:linear-gradient(90deg,#4E86DD,#7FB0F5);transition:width .3s linear}
body.sv7 .ios-row2 b{width:52px;text-align:right;font-family:var(--ui);font-size:17px;font-weight:800;color:#111418;font-variant-numeric:tabular-nums}
body.sv7 .ios-row2.pri b{color:var(--blue)}
/* Finder */
body.sv7 .fnd{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 64px rgba(17,20,24,.16)}
body.sv7 .fnd-bar{position:relative;display:flex;align-items:center;padding:11px 14px;background:linear-gradient(180deg,#FBFBFC,#EFF0F3);border-bottom:1px solid rgba(17,20,24,.09)}
body.sv7 .fnd-l{display:inline-flex;gap:6px}
body.sv7 .fnd-l i{width:11px;height:11px;border-radius:50%;background:#FF5F57}
body.sv7 .fnd-l i:nth-child(2){background:#FEBC2E}
body.sv7 .fnd-l i:nth-child(3){background:#28C840}
body.sv7 .fnd-t{position:absolute;left:0;right:0;text-align:center;font-family:var(--ui);font-size:12.5px;font-weight:500;color:#3c4148}
body.sv7 .fnd-body{display:grid;grid-template-columns:212px 1fr;min-height:340px}
body.sv7 .fnd-side{background:#F5F6F8;border-right:1px solid rgba(17,20,24,.08);padding:14px 10px;display:grid;align-content:start;gap:3px}
body.sv7 .fnd-sec{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A8AFBA;padding:10px 10px 4px}
body.sv7 .fnd .ixtab{
  display:flex;align-items:center;gap:9px;width:100%;text-align:left;
  background:none;border:none;border-radius:8px;padding:8px 10px;
  font-family:var(--ui);font-size:13.5px;color:#3E444C;
}
body.sv7 .fnd .ixtab.on{background:rgba(61,127,217,.14);color:var(--blue);font-weight:600}
body.sv7 .fnd-ic{
  width:17px;height:13px;border-radius:2px 4px 3px 3px;flex:0 0 auto;
  background:linear-gradient(180deg,#8FC0FF,#5D9BEF);position:relative;
}
body.sv7 .fnd-ic::before{content:"";position:absolute;top:-3px;left:0;width:7px;height:3px;background:#8FC0FF;border-radius:2px 2px 0 0}
body.sv7 .fnd-tag{display:flex;align-items:center;gap:9px;padding:7px 10px;font-family:var(--ui);font-size:13px;color:#3E444C}
body.sv7 .fnd-tag .d{width:9px;height:9px;border-radius:50%}
body.sv7 .fnd-tag .d.blue{background:#4E86DD}
body.sv7 .fnd-tag .d.green{background:#37C15E}
body.sv7 .fnd-main{padding:18px 20px}
body.sv7 .fnd-note{font-family:var(--ui);font-size:14px;line-height:1.6;color:#5A6472;max-width:62ch;margin-bottom:16px}
body.sv7 .fnd-grid{display:flex;gap:16px;flex-wrap:wrap}
body.sv7 .fnd-file{display:grid;gap:8px;justify-items:center}
body.sv7 .fnd-pv{
  position:relative;display:block;width:118px;aspect-ratio:9/16;
  border-radius:10px;overflow:hidden;background:#0A0E14;
  box-shadow:0 12px 26px rgba(17,20,24,.2);
  transition:transform .2s, box-shadow .2s;
}
body.sv7 .fnd-file:hover .fnd-pv{transform:translateY(-6px) scale(1.04);box-shadow:0 18px 34px rgba(17,20,24,.28)}
body.sv7 .fnd-fn{font-family:var(--ui);font-size:11.5px;color:#5A6472;background:rgba(61,127,217,.12);border-radius:5px;padding:2px 8px}
body.sv7 .fnd-foot{display:flex;justify-content:space-between;padding:9px 16px;border-top:1px solid rgba(17,20,24,.08);font-family:var(--ui);font-size:11.5px;color:#A8AFBA}
body.sv7 .ixpane{display:none}
body.sv7 .ixpane.open{display:block}
/* Apple Calendar process */
body.sv7 .cal{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 64px rgba(17,20,24,.16)}
body.sv7 .cal-bar{position:relative;display:flex;align-items:center;padding:11px 14px;background:linear-gradient(180deg,#FBFBFC,#EFF0F3);border-bottom:1px solid rgba(17,20,24,.09)}
body.sv7 .cal-l{display:inline-flex;gap:6px}
body.sv7 .cal-l i{width:11px;height:11px;border-radius:50%;background:#FF5F57}
body.sv7 .cal-l i:nth-child(2){background:#FEBC2E}
body.sv7 .cal-l i:nth-child(3){background:#28C840}
body.sv7 .cal-t{position:absolute;left:0;right:0;text-align:center;font-family:var(--ui);font-size:12.5px;font-weight:600;color:#3c4148}
body.sv7 .cal-seg{margin-left:auto;display:inline-flex;background:#E7E9EE;border-radius:8px;padding:2px;font-family:var(--ui);font-size:11.5px;color:#6B7280}
body.sv7 .cal-seg b{background:#fff;border-radius:6px;padding:3px 11px;color:#111418;box-shadow:0 1px 2px rgba(17,20,24,.14)}
body.sv7 .cal-seg span{padding:3px 11px}
body.sv7 .cal-head{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(17,20,24,.08)}
body.sv7 .cal-head span{
  display:grid;justify-items:center;gap:2px;padding:12px 0 10px;
  font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em;color:#A8AFBA;
  border-left:1px solid rgba(17,20,24,.06);
}
body.sv7 .cal-head span:first-child{border-left:none}
body.sv7 .cal-head b{font-size:22px;font-weight:600;color:#111418;letter-spacing:-.02em}
body.sv7 .cal-head span.on b{background:#3D7FD9;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 20px rgba(61,127,217,.4)}
body.sv7 .cal-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:250px;background:
  repeating-linear-gradient(90deg, transparent 0 calc(20% - 1px), rgba(17,20,24,.06) calc(20% - 1px) 20%)}
body.sv7 .cal-line{position:absolute;left:0;right:0;height:1px;background:rgba(17,20,24,.05)}
body.sv7 .ev{
  position:absolute;border-radius:9px;padding:9px 11px;
  font-family:var(--ui);background:rgba(61,127,217,.14);
  border-left:3px solid #3D7FD9;
}
body.sv7 .ev b{display:block;font-size:13px;color:#1c3f70}
body.sv7 .ev span{display:block;margin-top:2px;font-size:11.5px;color:#4a6b99}
body.sv7 .ev.e1{left:1.5%;width:17%;top:14px}
body.sv7 .ev.e2{left:21.5%;width:17%;top:66px}
body.sv7 .ev.e3{left:41.5%;width:37%;top:118px}
body.sv7 .ev.e4{left:81.5%;width:17%;top:170px}
body.sv7 .ev.hot{background:#3D7FD9;border-left-color:#1c4f96;box-shadow:0 14px 30px rgba(61,127,217,.35)}
body.sv7 .ev.hot b,body.sv7 .ev.hot span{color:#fff}
body.sv7 .cal-arr{position:absolute;font-family:var(--ui);font-size:17px;color:#9DB6DC;font-weight:700}
body.sv7 .cal-arr.a1{left:18.6%;top:26px}
body.sv7 .cal-arr.a2{left:38.6%;top:78px}
body.sv7 .cal-arr.a3{left:78.6%;top:130px}
body.sv7 .cal-foot{display:flex;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid rgba(17,20,24,.08);font-family:var(--ui);font-size:12.5px;color:#6B7280}
body.sv7 .cal-dot{width:9px;height:9px;border-radius:50%;background:#3D7FD9}
/* iOS compare: pale + red before */
body.sv7 .ios-cmp2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
body.sv7 .cmp-card{border-radius:22px;padding:28px 26px 24px;position:relative}
body.sv7 .cmp-card.bad{background:#F4F1F1;box-shadow:inset 0 0 0 1px rgba(190,60,60,.16)}
body.sv7 .cmp-card.good{background:linear-gradient(180deg,#F2F7FF,#E4EEFC);box-shadow:0 20px 46px rgba(61,127,217,.2)}
body.sv7 .cmp-tag{
  display:inline-block;font-family:var(--ui);font-size:11.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:5px 13px;margin-bottom:16px;
}
body.sv7 .cmp-tag.bad{background:rgba(200,60,60,.12);color:#B23A3A}
body.sv7 .cmp-logo{height:17px;margin-bottom:19px;display:block}
body.sv7 .cmp-rows{display:grid;gap:1px}
body.sv7 .cmp-r{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(17,20,24,.07)}
body.sv7 .cmp-r b{font-family:var(--ui);font-weight:800;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em}
body.sv7 .cmp-r span{font-family:var(--ui);font-size:13px}
body.sv7 .cmp-card.bad .cmp-r b{color:#B23A3A;opacity:.75}
body.sv7 .cmp-card.bad .cmp-r span{color:#9A8E8E}
body.sv7 .cmp-card.good .cmp-r b{color:var(--blue)}
body.sv7 .cmp-card.good .cmp-r span{color:#3E444C}
/* anatomy strip with videos */
body.sv7 .ios-fr{position:relative;overflow:hidden;background:#0A0E14}
body.sv7 .ios-ph-stage{background:#0A0E14}
@media (max-width:900px){
  body.sv7 .ios-live,body.sv7 .ios-cmp2{grid-template-columns:1fr}
  body.sv7 .fnd-body{grid-template-columns:1fr}
  body.sv7 .fnd-side{display:none}
}



/* ============ round 3 fixes ============ */
/* hero cutouts now hold reels */
#v4 .cut .cin{background:#0A0E14}
#v4 .cut .cin video{border-radius:inherit}
#v9 .vscene9{position:relative;overflow:hidden;background:#0A0E14;aspect-ratio:9/16}

/* ---- SV2: new buttons (no paper), burning before-sheet, bigger examples ---- */
body.sv2 .zn-btn{
  position:relative;display:inline-flex;align-items:center;gap:0;
  font-family:var(--sans);font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--blue);color:#08101c;border:none;border-radius:0;
  padding:15px 26px;text-decoration:none;overflow:hidden;
  box-shadow:6px 6px 0 rgba(112,176,255,.28);
  transition:transform .18s, box-shadow .18s;
}
body.sv2 .zn-btn i{display:none}
body.sv2 .zn-btn::before{display:none}
body.sv2 .zn-btn::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#08101c;opacity:.25;
}
body.sv2 .zn-btn:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(112,176,255,.4);color:#08101c}
body.sv2 .zn-btn:hover i{background:none}
/* anatomy chips: no more paper squares */
body.sv2 .zn-frames .an-row{
  display:flex;align-items:center;gap:10px;justify-items:start;
  background:rgba(240,246,252,.05);color:var(--ink);
  border:1px solid rgba(112,176,255,.28);border-radius:0;
  padding:12px 16px;box-shadow:none;transform:none;width:100%;
  font-family:var(--sans);font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;
}
body.sv2 .zn-frames .an-row b{font-family:var(--serif);font-style:italic;font-size:17px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--dim)}
body.sv2 .zn-frames .an-row.on{background:rgba(112,176,255,.16);border-color:var(--blue);transform:none;color:var(--blue)}
body.sv2 .zn-frames .an-row.on b{color:var(--ink)}
/* process blocks: not paper */
body.sv2 .rn{
  background:rgba(240,246,252,.05);color:var(--ink);
  border:1px solid rgba(112,176,255,.25);border-radius:0;
  box-shadow:5px 5px 0 rgba(112,176,255,.16);
}
body.sv2 .rn.alt{background:rgba(112,176,255,.08);color:var(--ink)}
body.sv2 .rn.hot{background:var(--blue);color:#08101c;border-color:var(--blue)}
/* counter: white logo, no reset */
body.sv2 .zn-logo{filter:none}
/* industries: bigger reels */
body.sv2 .zn-mini{width:158px}
body.sv2 .zn-envs .ixrow.open .ixrow-body{max-height:460px}
/* burning before sheet */
body.sv2 .zn-chewed{overflow:visible}
body.sv2 .zn-chewed .burn{
  position:absolute;left:-6px;right:-6px;bottom:-8px;height:52px;pointer-events:none;z-index:3;
  background:
    radial-gradient(60% 100% at 12% 100%, rgba(255,138,40,.85), transparent 62%),
    radial-gradient(50% 100% at 38% 100%, rgba(255,90,20,.8), transparent 60%),
    radial-gradient(55% 100% at 66% 100%, rgba(255,160,60,.75), transparent 62%),
    radial-gradient(50% 100% at 90% 100%, rgba(255,110,30,.8), transparent 60%);
  filter:blur(5px);
  animation:burnPulse 1.6s ease-in-out infinite alternate;
}
@keyframes burnPulse{from{opacity:.75;transform:translateY(2px) scaleY(.94)}to{opacity:1;transform:none}}
body.sv2 .zn-chewed .char{
  position:absolute;left:0;right:0;bottom:0;height:30px;pointer-events:none;z-index:2;
  background:linear-gradient(0deg, rgba(24,16,10,.95), rgba(40,26,16,.5) 55%, transparent);
  clip-path:polygon(0 100%,100% 100%,100% 34%,94% 62%,88% 30%,80% 58%,72% 26%,64% 56%,56% 30%,47% 60%,39% 28%,31% 58%,23% 32%,15% 60%,7% 30%,0 56%);
}
body.sv2 .zn-chewed .ember{
  position:absolute;bottom:16px;width:3px;height:3px;border-radius:50%;
  background:#ffb055;box-shadow:0 0 8px 2px rgba(255,150,50,.8);
  pointer-events:none;z-index:4;animation:emberUp 2.8s ease-out infinite;
}
body.sv2 .zn-chewed .ember.e2{left:38%;animation-delay:.7s}
body.sv2 .zn-chewed .ember.e3{left:64%;animation-delay:1.4s}
body.sv2 .zn-chewed .ember.e4{left:86%;animation-delay:2.1s}
@keyframes emberUp{
  0%{opacity:0;transform:translateY(0) scale(.6)}
  20%{opacity:1}
  100%{opacity:0;transform:translateY(-120px) translateX(10px) scale(.3)}
}
/* anatomy fits one screen: reel left, steps right */
body.sv2 .zn-board.center{max-width:900px;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;text-align:left}
body.sv2 .zn-board.center .zn-stage{margin:0;width:min(210px,40vw);max-height:46vh}
body.sv2 .zn-board.center .zn-frames{flex-direction:column;align-items:stretch;margin-top:0;gap:9px}
body.sv2 .zn-board.center .zn-scrub{grid-column:1;margin-top:14px}
body.sv2 .zn-board.center .zn-btns{grid-column:2;justify-content:flex-start !important;margin-top:6px}
body.sv2 #anatomy{padding-top:0}
@media (max-width:860px){body.sv2 .zn-board.center{grid-template-columns:1fr}}


/* ---- SV7 round 3: iOS labels, buttons, wallet receipts, price, notification ---- */
body.sv7 .px-label{font-family:var(--ui);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A929E}
body.sv7 .px-label b{color:var(--blue);font-weight:700}
body.sv7 .subP,body.sv7 .kicker,body.sv7 .feedhint,body.sv7 footer .in,body.sv7 .cnt-punch{font-family:var(--ui)}
body.sv7 .ios-btn{
  border-radius:999px;padding:13px 26px;font-weight:600;letter-spacing:-.01em;
  box-shadow:0 8px 22px rgba(17,20,24,.1);
}
body.sv7 .ios-btn.pri{background:var(--blue);box-shadow:0 12px 28px rgba(61,127,217,.38)}
body.sv7 .ios-btn.pri:active{transform:scale(.97)}
body.sv7 .ios-btn.wide{display:block;text-align:center;width:100%}
body.sv7 .btn,body.sv7 .lbtn{border-radius:999px;font-weight:600}
body.sv7 .btn.solid{background:var(--blue);color:#fff;border-color:var(--blue)}
body.sv7 .ios-card{border-radius:20px}
body.sv7 .ios-thumb{aspect-ratio:9/16;border-radius:14px}
body.sv7 .ios-thumb.sm{aspect-ratio:9/16;width:52px;border-radius:10px}
body.sv7 .fnd-pv{width:132px}
body.sv7 .ios-fr{aspect-ratio:9/16;border-radius:9px}
/* wallet-style receipts */
body.sv7 .wal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
body.sv7 .wal-card{
  background:#fff;border-radius:24px;padding:24px 24px 22px;
  box-shadow:0 20px 48px rgba(17,20,24,.1);display:grid;align-content:start;gap:16px;
}
body.sv7 .wal-card.spend{background:linear-gradient(180deg,#F3F8FF,#E6EFFC)}
body.sv7 .wal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.sv7 .wal-up{height:19px}
body.sv7 .wal-logo{height:13px;filter:invert(1) brightness(.2)}
body.sv7 .wal-tag{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8A929E}
body.sv7 .wal-badge{
  display:inline-flex;align-items:center;gap:6px;background:#0d1626;color:#fff;
  border-radius:99px;padding:5px 11px;font-family:var(--ui);font-size:11px;font-weight:700;
}
body.sv7 .wal-badge i{color:#5cc3ff;font-style:normal;font-size:9px}
body.sv7 .wal-hero{display:grid;gap:2px;font-family:var(--ui)}
body.sv7 .wal-hero b{font-size:46px;font-weight:800;letter-spacing:-.03em;color:#111418;line-height:1}
body.sv7 .wal-hero.big b{color:var(--blue)}
body.sv7 .wal-hero span{font-size:12.5px;color:#8A929E}
body.sv7 .wal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-family:var(--ui)}
body.sv7 .wal-grid b{display:block;font-size:19px;font-weight:800;color:#111418;letter-spacing:-.02em}
body.sv7 .wal-grid span{display:block;margin-top:2px;font-size:11.5px;line-height:1.4;color:#8A929E}
body.sv7 .wal-note{font-family:var(--ui);font-size:12px;line-height:1.55;color:#5A6472;margin:0}
body.sv7 .wal-link{font-family:var(--ui);font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}
body.sv7 .wal-rows{display:grid;gap:1px}
body.sv7 .wal-r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid rgba(17,20,24,.07);font-family:var(--ui)}
body.sv7 .wal-r:last-child{border-bottom:none}
body.sv7 .wal-r span{font-size:12.5px;color:#8A929E}
body.sv7 .wal-r b{font-size:15px;color:#111418}
/* price */
body.sv7 .prc{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;
  background:#fff;border-radius:28px;padding:40px 42px;box-shadow:0 22px 52px rgba(17,20,24,.1)}
body.sv7 .prc-sub{margin-top:14px;font-family:var(--ui);font-size:14.5px;line-height:1.65;color:#5A6472;max-width:52ch}
body.sv7 .prc-facts{display:grid;gap:10px;margin-top:22px}
body.sv7 .prc-f{display:flex;gap:10px;font-family:var(--ui);font-size:13.5px;color:#3E444C}
body.sv7 .prc-f i{font-style:normal;color:var(--blue);font-weight:800}
body.sv7 .prc-r{display:grid;gap:14px;justify-items:stretch}
body.sv7 .prc-dial{
  background:linear-gradient(180deg,#F4F8FF,#E6EFFC);border-radius:22px;
  padding:26px 24px;text-align:center;font-family:var(--ui);
}
body.sv7 .prc-from{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A929E}
body.sv7 .prc-num{margin-top:8px;font-size:clamp(40px,5.4vw,64px);font-weight:800;letter-spacing:-.04em;color:#111418;line-height:1}
body.sv7 .prc-num i{font-style:normal;font-size:17px;font-weight:600;color:#8A929E;margin-left:6px}
body.sv7 .prc-meta{display:block;margin-top:8px;font-size:13px;color:#5A6472}
body.sv7 .prc-fine{text-align:center;font-family:var(--ui);font-size:11.5px;color:#A8AFBA}
/* iOS notification in finale */
body.sv7 .notif{
  background:rgba(248,249,251,.86);backdrop-filter:blur(22px) saturate(160%);
  border:none;border-radius:22px;padding:14px 16px;
  box-shadow:0 18px 44px rgba(17,20,24,.16);
}
body.sv7 .notif .app{width:40px;height:40px;flex-basis:40px;border-radius:10px;background:linear-gradient(160deg,#7FB0F5,#3D7FD9)}
body.sv7 .notif .app img{height:9px}
body.sv7 .notif .n-top{font-family:var(--ui);font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#8A929E}
body.sv7 .notif .n-title{font-family:var(--ui);font-size:14.5px;font-weight:700;color:#111418;letter-spacing:-.01em}
body.sv7 .notif .n-title em{font-family:var(--ui);font-style:normal;color:var(--blue);font-size:1em}
body.sv7 .notif .n-body{font-family:var(--ui);font-size:13px;color:#5A6472}
body.sv7 .notif .badge{background:#FF3B30;color:#fff;font-family:var(--ui);font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px}
body.sv7 .notif.behind{background:rgba(248,249,251,.6)}
/* anatomy: title fits, steps on the side */
body.sv7 .ios-photos{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;padding:22px}
body.sv7 .ios-ph-stage{aspect-ratio:9/16;width:min(208px,40vw);max-height:46vh;margin:0}
body.sv7 .ios-strip{grid-column:1;max-width:none;margin:12px 0 0}
body.sv7 .ios-chips{flex-direction:column;align-items:stretch;gap:9px;margin-top:0}
body.sv7 .ios-chips .an-row{text-align:left;border-radius:14px;padding:12px 16px;font-size:13px}
body.sv7 .ios-photos .ios-btns{grid-column:2;justify-content:flex-start !important;margin-top:4px}
body.sv7 #anatomy{padding-top:0}
@media (max-width:900px){
  body.sv7 .wal,body.sv7 .prc,body.sv7 .ios-photos{grid-template-columns:1fr}
}

/* ---- SV7 phones + plans ---- */
body.sv7 .phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;justify-items:center;align-items:start}
body.sv7 .phone{
  position:relative;width:100%;max-width:280px;
  background:#111418;border-radius:38px;padding:10px;
  box-shadow:0 30px 70px rgba(17,20,24,.28), inset 0 0 0 1.5px rgba(255,255,255,.1);
}
body.sv7 .phone.mid{transform:translateY(-18px)}
body.sv7 .ph-notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:78px;height:20px;border-radius:99px;background:#111418;z-index:3}
body.sv7 .ph-screen{background:#F7F9FC;border-radius:30px;padding:34px 20px 22px;min-height:420px;display:grid;align-content:start;gap:2px}
body.sv7 .ph-status{display:flex;justify-content:space-between;font-family:var(--ui);font-size:11.5px;font-weight:600;color:#8A929E;margin-bottom:12px}
body.sv7 .ph-ico{letter-spacing:1px}
body.sv7 .ph-app{display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:14px;font-family:var(--ui);font-size:12.5px;font-weight:600;color:#5A6472}
body.sv7 .ph-up{height:20px}
body.sv7 .ph-logo{height:13px;filter:invert(1) brightness(.2)}
body.sv7 .ph-badge{
  display:flex;align-items:center;justify-content:center;gap:7px;
  background:#0d1626;color:#fff;border-radius:9px;padding:8px 0;margin-bottom:12px;
  font-family:var(--ui);font-size:12.5px;font-weight:700;
}
body.sv7 .ph-dia{color:#5cc3ff;font-size:10px}
body.sv7 .ph-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid rgba(17,20,24,.07);font-family:var(--ui)}
body.sv7 .ph-row span{font-size:12.5px;color:#8A929E}
body.sv7 .ph-row b{font-size:14px;color:#111418}
body.sv7 .ph-big{font-family:var(--ui);font-weight:800;font-size:44px;letter-spacing:-.03em;color:var(--blue);text-align:center;margin:2px 0 10px}
body.sv7 .ph-big i{font-style:normal;font-size:16px;color:#8A929E}
body.sv7 .ph-note{margin-top:12px;font-family:var(--ui);font-size:11.5px;line-height:1.55;color:#8A929E}
body.sv7 .ph-note b{color:#111418}
body.sv7 .ph-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;margin-top:4px;font-family:var(--ui)}
body.sv7 .ph-total span{font-size:12.5px;color:#8A929E}
body.sv7 .ph-total b{font-size:19px;font-weight:800;color:var(--blue)}
body.sv7 .ph-cta{
  margin-top:16px;display:block;text-align:center;text-decoration:none;
  background:#14a800;color:#fff;border-radius:12px;padding:11px 0;
  font-family:var(--ui);font-size:13.5px;font-weight:700;
}
body.sv7 .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
body.sv7 .plan{
  position:relative;background:#fff;border-radius:24px;padding:28px 26px 26px;
  box-shadow:0 18px 46px rgba(17,20,24,.1);display:grid;align-content:start;
}
body.sv7 .plan.pro{background:linear-gradient(180deg,#3D7FD9,#2B62B0);box-shadow:0 26px 60px rgba(61,127,217,.42)}
body.sv7 .plan-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:#111418;color:#fff;border-radius:99px;padding:6px 14px;
  font-family:var(--ui);font-size:11px;font-weight:700;white-space:nowrap;
}
body.sv7 .plan-tag{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A929E}
body.sv7 .plan-tag.light{color:rgba(255,255,255,.8)}
body.sv7 .plan-price{margin-top:10px;font-family:var(--ui);font-weight:800;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em;color:#111418}
body.sv7 .plan.pro .plan-price{color:#fff}
body.sv7 .plan-price i{font-style:normal;font-size:15px;font-weight:600;color:#8A929E;margin-left:6px}
body.sv7 .plan.pro .plan-price i{color:rgba(255,255,255,.75)}
body.sv7 .plan-sub{margin-top:4px;font-family:var(--ui);font-size:13px;color:#8A929E}
body.sv7 .plan-sub.light{color:rgba(255,255,255,.8)}
body.sv7 .plan-list{list-style:none;margin:18px 0 22px;display:grid;gap:11px}
body.sv7 .plan-list li{display:flex;gap:10px;font-family:var(--ui);font-size:13px;line-height:1.45;color:#3E444C}
body.sv7 .plan-list li i{font-style:normal;color:var(--blue);font-weight:800}
body.sv7 .plan-list li.off{color:#B9C0CA}
body.sv7 .plan-list li.off i{color:#C9D2DE}
body.sv7 .plan-list.light li{color:#fff}
body.sv7 .plan-list.light li i{color:#fff}
body.sv7 .plan-btn{
  align-self:end;text-align:center;text-decoration:none;
  background:#F1F3F7;color:#111418;border-radius:14px;padding:13px 0;
  font-family:var(--ui);font-size:14px;font-weight:700;
}
body.sv7 .plan-btn.light{background:#fff;color:#2B62B0}
@media (max-width:900px){
  body.sv7 .phones,body.sv7 .plans{grid-template-columns:1fr}
  body.sv7 .phone.mid{transform:none}
}

/* ============ SV2 · COLLAGE ZINE (структура) ============ */
body.sv2 .zn-head{position:relative;margin-bottom:28px}
body.sv2 .zn-tape{
  display:inline-block;font-family:var(--px);font-size:16px;color:var(--bg);
  background:var(--blue);padding:3px 16px;transform:rotate(-2deg);margin-bottom:12px;
}
body.sv2 .zn-hand{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--dim);margin-top:10px}
body.sv2 .zn-pola{
  flex:0 0 auto;position:relative;width:172px;
  background:#F4F4EC;padding:10px 10px 34px;
  transform:rotate(var(--zr));
  box-shadow:10px 14px 0 rgba(0,0,0,.5);
  transition:transform .25s;
}
body.sv2 .zn-pola:hover{transform:rotate(0deg) translateY(-10px) scale(1.04);z-index:4}
body.sv2 .zn-tape2{position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-3deg);width:74px;height:22px;background:rgba(112,176,255,.55)}
body.sv2 .zn-img{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden}
body.sv2 .zn-cap{
  position:absolute;bottom:9px;left:0;right:0;text-align:center;
  font-family:var(--serif);font-style:italic;font-size:15px;color:#15181D;
}
body.sv2 .zn-paper{
  position:relative;max-width:760px;margin:0 auto;
  background:#F4F4EC;color:#15181D;padding:36px 40px 30px;
  transform:rotate(-1deg);box-shadow:14px 18px 0 rgba(112,176,255,.14), 0 30px 60px rgba(0,0,0,.5);
}
body.sv2 .zn-paper h2{color:#15181D;transform:none}
body.sv2 .zn-paper h2 em{color:var(--blue-deep)}
body.sv2 .zn-paper .zn-hand{color:#5b6068}
body.sv2 .zn-clip{position:absolute;top:-16px;left:44px;width:26px;height:52px;border:4px solid #8b93a1;border-radius:12px;background:transparent}
body.sv2 .zn-tally{display:flex;align-items:center;gap:16px;margin-top:18px}
body.sv2 .zn-lab{font-family:var(--px);font-size:18px;color:#5b6068;width:52px}
body.sv2 .zn-marks{flex:1;display:flex;gap:7px}
body.sv2 .zn-marks .cc{flex:1;height:34px;border-bottom:3px solid #c7cbd2;position:relative}
body.sv2 .zn-marks .cc.on::before{
  content:"";position:absolute;left:50%;top:2px;bottom:2px;width:3px;background:#15181D;transform:rotate(9deg);
}
body.sv2 .zn-marks.full .cc.on::before{background:var(--blue-deep)}
body.sv2 .zn-tally b{font-family:var(--px);font-size:24px;width:62px;text-align:right}
body.sv2 .zn-tally b.blue{color:var(--blue-deep)}
body.sv2 .zn-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
body.sv2 .zn-btn{
  font-family:var(--px);font-size:18px;text-decoration:none;
  background:#15181D;color:#F4F4EC;border:none;padding:9px 22px;
  box-shadow:5px 5px 0 rgba(112,176,255,.5);
}
body.sv2 .zn-btn.pri{background:var(--blue);color:#0A0E14}
body.sv2 .zn-btn:disabled{opacity:.5}
body.sv2 .zn-envs{display:grid;gap:14px}
body.sv2 .zn-envs .ixrow{
  background:linear-gradient(180deg,#22303f,#16202c);
  border:1px solid rgba(112,176,255,.3);
  transform:rotate(var(--zr));box-shadow:10px 12px 0 rgba(112,176,255,.1);
}
body.sv2 .zn-envs .ixrow-head{
  width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;
  color:var(--ink);font-family:var(--serif);font-style:italic;font-size:26px;padding:18px 22px;text-align:left;
}
body.sv2 .zn-env-tab{font-family:var(--px);font-style:normal;font-size:16px;background:var(--blue);color:var(--bg);padding:2px 10px}
body.sv2 .zn-envs .ixrow-head em{margin-left:auto;font-family:var(--px);font-style:normal;font-size:16px;color:var(--dim)}
body.sv2 .zn-envs .ixrow-body{max-height:0;overflow:hidden;transition:max-height .4s}
body.sv2 .zn-envs .ixrow.open .ixrow-body{max-height:280px}
body.sv2 .zn-sheet{display:flex;gap:14px;align-items:center;padding:4px 22px 22px;flex-wrap:wrap}
body.sv2 .zn-mini{width:84px;aspect-ratio:9/16;background:#F4F4EC;padding:6px;box-shadow:6px 8px 0 rgba(0,0,0,.4);display:block}
body.sv2 .zn-sheet .zn-hand{flex:1;min-width:220px;margin:0}
body.sv2 .zn-ransom{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
body.sv2 .rn{
  display:grid;gap:4px;justify-items:center;
  font-family:var(--px);font-size:17px;
  background:#F4F4EC;color:#15181D;padding:14px 20px;
  transform:rotate(var(--zr));box-shadow:8px 10px 0 rgba(0,0,0,.45);
}
body.sv2 .rn b{font-family:"Silkscreen",var(--px);font-size:15px}
body.sv2 .rn.alt{background:#15181D;color:#F4F4EC}
body.sv2 .rn.hot{background:var(--blue);color:#0A0E14}
body.sv2 .zn-rip{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.sv2 .zn-half{position:relative;padding:26px 28px}
body.sv2 .zn-half.old{background:#20242b;color:#8b93a1;transform:rotate(-1deg);clip-path:polygon(0 0,97% 2%,100% 100%,2% 98%)}
body.sv2 .zn-half.new{background:#F4F4EC;color:#15181D;transform:rotate(1deg);clip-path:polygon(3% 0,100% 2%,98% 100%,0 97%)}
body.sv2 .zn-stamp{
  display:inline-block;font-family:var(--px);font-size:16px;
  border:2px solid currentColor;padding:2px 12px;transform:rotate(-4deg);margin-bottom:14px;
}
body.sv2 .zn-stamp.blue{color:var(--blue-deep)}
body.sv2 .zn-line{font-family:var(--serif);font-style:italic;font-size:19px;padding:7px 0;border-bottom:1px dashed rgba(139,147,161,.4)}
body.sv2 .zn-line b{font-family:var(--sans);font-style:normal;font-weight:900;font-size:23px;margin-right:8px}
body.sv2 .zn-half.new .zn-line b{color:var(--blue-deep)}
body.sv2 .zn-line i{font-family:var(--px);font-style:normal;float:right;color:var(--blue-deep)}
body.sv2 .zn-half.new .zn-hand{color:#5b6068}
body.sv2 .zn-board{position:relative}
body.sv2 .zn-stage{position:relative;aspect-ratio:16/7.6;display:grid;place-items:center;transform:rotate(-.8deg);box-shadow:14px 18px 0 rgba(112,176,255,.12)}
body.sv2 .zn-tc{position:absolute;top:12px;right:16px;font-family:var(--px);font-size:16px;color:var(--dim)}
body.sv2 .zn-w{font-family:var(--serif);font-style:italic;font-size:clamp(26px,4vw,48px);position:relative;z-index:1}
body.sv2 .zn-w b{color:var(--blue);font-weight:400}
body.sv2 .zn-scap{position:absolute;bottom:16px;left:50%;transform:translateX(-50%) rotate(-1deg);background:#F4F4EC;color:#15181D;font-weight:800;font-size:12px;padding:5px 12px;white-space:nowrap}
body.sv2 .zn-frames{display:flex;gap:16px;justify-content:center;margin-top:22px;flex-wrap:wrap}
body.sv2 .zn-frames .an-row{
  display:grid;justify-items:center;gap:2px;border:none;
  font-family:var(--px);font-size:15px;color:#15181D;background:#F4F4EC;
  padding:10px 20px;transform:rotate(var(--zr));box-shadow:6px 8px 0 rgba(0,0,0,.4);
}
body.sv2 .zn-frames .an-row b{font-family:var(--serif);font-style:italic;font-size:19px}
body.sv2 .zn-frames .an-row.on{background:var(--blue);color:#0A0E14;transform:rotate(0deg) scale(1.06)}
body.sv2 .zn-scrub{position:relative;height:30px;margin-top:18px;background:repeating-linear-gradient(90deg,rgba(240,246,252,.18) 0 2px,transparent 2px 14px);cursor:ew-resize}
body.sv2 .zn-scrub .playhead{position:absolute;top:-6px;bottom:-6px;width:3px;background:var(--ink)}


/* --- SV2 extras: progress bar, chewed paper, glowing card --- */
body.sv2 .zn-logo{height:14px;display:block;filter:invert(1) brightness(.15)}
body.sv2 .zn-logo.big{height:20px;filter:none;margin-bottom:16px}
body.sv2 .zn-prog{flex:1;height:26px;border:2px solid #15181D;padding:2px;background:#e9e7dc}
body.sv2 .zn-prog i{display:block;height:100%;width:20%;background:repeating-linear-gradient(90deg,#15181D 0 8px,#3a3f47 8px 12px);transition:width .3s linear}
body.sv2 .zn-swap{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
body.sv2 .zn-rows{display:grid;gap:2px}
body.sv2 .zn-r{display:grid;grid-template-columns:76px 1fr auto;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px dashed rgba(90,96,104,.35)}
body.sv2 .zn-r b{font-family:var(--sans);font-weight:900;font-size:clamp(19px,2.2vw,26px)}
body.sv2 .zn-r span{font-size:13px}
body.sv2 .zn-r i{font-family:var(--px);font-style:normal;font-size:15px;opacity:.75}
/* chewed old paper */
body.sv2 .zn-chewed{
  position:relative;padding:30px 28px 26px;
  background:
    radial-gradient(120% 80% at 10% 0, rgba(0,0,0,.08), transparent 60%),
    linear-gradient(160deg,#ddd8c8,#c9c3b0);
  color:#3b3a34;
  transform:rotate(-1.4deg);
  box-shadow:0 24px 50px rgba(0,0,0,.55);
  clip-path:polygon(2% 1%,26% 0,48% 2%,72% 0,99% 2%,100% 26%,98% 52%,100% 76%,97% 99%,74% 100%,50% 98%,27% 100%,3% 98%,0 74%,2% 50%,0 24%);
}
body.sv2 .zn-chewed::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(74deg, rgba(0,0,0,.05) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(-8deg, rgba(0,0,0,.045) 0 1px, transparent 1px 34px);
}
body.sv2 .zn-chewed .zn-stamp{color:#6b6a60;border-color:#8d8b80}
body.sv2 .zn-chewed .zn-r b{color:#6e6c62}
body.sv2 .zn-chewed .zn-r span{color:#6b6a60}
/* glowing new card */
body.sv2 .zn-shiny{
  position:relative;padding:30px 28px 26px;border-radius:16px;
  background:linear-gradient(160deg, rgba(112,176,255,.2), rgba(10,14,20,.78) 62%);
  border:1px solid rgba(112,176,255,.5);
  box-shadow:0 0 70px rgba(112,176,255,.28), inset 0 1px 0 rgba(240,246,252,.2);
  transform:rotate(1deg);
  overflow:hidden;
}
body.sv2 .zn-shiny .zn-r{border-bottom-color:rgba(240,246,252,.1)}
body.sv2 .zn-shiny .zn-r b{color:var(--blue);text-shadow:0 0 22px rgba(112,176,255,.55)}
body.sv2 .zn-shiny .zn-r span{color:var(--ink)}
body.sv2 .zn-shiny .zn-r i{color:var(--blue)}
body.sv2 .zn-shiny [class^="sp-"]{position:absolute;color:var(--blue);font-size:15px;pointer-events:none;animation:spFly 3.4s ease-out infinite}
body.sv2 .zn-shiny .sp-a{left:12%;bottom:18%;animation-delay:0s}
body.sv2 .zn-shiny .sp-b{left:46%;bottom:8%;animation-delay:.8s}
body.sv2 .zn-shiny .sp-c{right:18%;bottom:22%;animation-delay:1.6s}
body.sv2 .zn-shiny .sp-d{right:38%;bottom:4%;animation-delay:2.4s}
@keyframes spFly{
  0%{opacity:0;transform:translate(0,0) scale(.5)}
  25%{opacity:1}
  100%{opacity:0;transform:translate(14px,-120px) scale(1.25) rotate(140deg)}
}
body.sv2 .zn-board.center{display:block;max-width:560px;margin:0 auto;text-align:center}
body.sv2 .zn-board.center .zn-stage{margin:0 auto}
body.sv2 .zn-board.center .zn-frames{flex-direction:row;justify-content:center;margin-top:18px}
@media (max-width:860px){body.sv2 .zn-swap{grid-template-columns:1fr}}

/* ============ SV6 · macOS WINDOWS (структура) ============ */
body.sv6 .mw{
  background:#fff;border:1px solid rgba(17,20,24,.1);border-radius:12px;overflow:hidden;
  box-shadow:0 30px 64px rgba(17,20,24,.16);
}
body.sv6 .mw-bar{
  position:relative;display:flex;align-items:center;gap:8px;padding:10px 13px;
  background:linear-gradient(180deg,#FBFBFC,#EDEEF1);border-bottom:1px solid rgba(17,20,24,.09);
}
body.sv6 .mw-l{display:inline-flex;gap:6px}
body.sv6 .mw-l i{width:11px;height:11px;border-radius:50%;background:#FF5F57}
body.sv6 .mw-l i:nth-child(2){background:#FEBC2E}
body.sv6 .mw-l i:nth-child(3){background:#28C840}
body.sv6 .mw-t{position:absolute;left:0;right:0;text-align:center;font-family:var(--ui);font-size:12.5px;font-weight:500;color:#3c4148}
body.sv6 .mw-body{padding:0}
body.sv6 .mw-finder .mw-body{display:grid;grid-template-columns:190px 1fr}
body.sv6 .mw-side{display:grid;align-content:start;gap:3px;padding:14px 10px;background:#F5F6F8;border-right:1px solid rgba(17,20,24,.08);font-family:var(--ui);font-size:13px;color:#7A828E}
body.sv6 .mw-side span{padding:7px 10px;border-radius:7px}
body.sv6 .mw-side span.on{background:rgba(61,127,217,.14);color:var(--blue);font-weight:600}
body.sv6 .mw-main{padding:14px 0 18px}
body.sv6 .mw-crumb{font-family:var(--ui);font-size:12.5px;color:#8A929E;padding:0 18px 14px}
body.sv6 .mw-file{flex:0 0 auto;width:150px;display:grid;justify-items:center;gap:8px}
body.sv6 .mw-thumb{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:9px;overflow:hidden;box-shadow:0 8px 20px rgba(17,20,24,.18)}
body.sv6 .mw-file:hover .pplay i{width:100%;transition:width 4s linear}
body.sv6 .mw-fn{font-family:var(--ui);font-size:12px;color:#3E444C;background:rgba(61,127,217,.12);border-radius:5px;padding:2px 8px}
body.sv6 .am-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;padding:26px 28px}
body.sv6 .am-note{margin-top:10px;font-family:var(--ui);font-size:14px;color:#7A828E}
body.sv6 .am-btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
body.sv6 .mbtn{font-family:var(--ui);font-size:13.5px;font-weight:600;text-decoration:none;background:#F1F2F5;color:#111418;border:1px solid rgba(17,20,24,.1);border-radius:9px;padding:9px 20px}
body.sv6 .mbtn.pri{background:var(--blue);color:#fff;border-color:var(--blue)}
body.sv6 .mbtn:disabled{opacity:.5}
body.sv6 .am-rows{display:grid;gap:14px;align-content:center}
body.sv6 .am-row{display:flex;align-items:center;gap:14px;font-family:var(--ui);font-size:13px;color:#7A828E}
body.sv6 .am-row>span:first-child{width:70px}
body.sv6 .am-bar{flex:1;height:26px;background:#EFF1F4;border-radius:7px;overflow:hidden;display:flex}
body.sv6 .am-cells{display:flex;gap:2px;width:100%;padding:2px}
body.sv6 .am-cells .cc{flex:1;border-radius:4px;background:#E2E6EC}
body.sv6 .am-cells .cc.on{background:var(--blue)}
body.sv6 .am-full{flex:1;background:repeating-linear-gradient(90deg,var(--blue) 0 12px,rgba(61,127,217,.55) 12px 16px)}
body.sv6 .am-row b{width:56px;text-align:right;font-family:var(--ui);font-size:17px;font-weight:800;color:#111418}
body.sv6 .am-row b.blue{color:var(--blue)}
body.sv6 .mw-tabs{padding:14px 18px 20px}
body.sv6 .ixtab{
  display:inline-block;font-family:var(--ui);font-size:13px;font-weight:600;
  background:#F1F2F5;color:#7A828E;border-radius:8px;padding:8px 16px;margin:0 6px 14px 0;
}
body.sv6 .ixtab.on{background:var(--blue);color:#fff}
body.sv6 .mw-panes{position:relative}
body.sv6 .ixpane{display:none}
body.sv6 .ixpane.open{display:block}
body.sv6 .ixpane p{font-family:var(--ui);font-size:14px;color:#7A828E;margin-bottom:14px}
body.sv6 .ixpane p b{color:var(--blue)}
body.sv6 .mw-row{display:flex;gap:14px;flex-wrap:wrap}
body.sv6 .mw-row .mw-thumb{width:132px}
body.sv6 .rem-list{display:grid;gap:0}
body.sv6 .rem{display:grid;grid-template-columns:30px 1fr;gap:2px 12px;padding:15px 20px;border-bottom:1px solid rgba(17,20,24,.07);font-family:var(--ui)}
body.sv6 .rem:last-child{border-bottom:none}
body.sv6 .rem-ck{grid-row:1/3;width:22px;height:22px;border-radius:50%;border:1.5px solid #C7CCD4;display:grid;place-items:center;font-size:12px;color:#C7CCD4}
body.sv6 .rem.done .rem-ck{background:var(--blue);border-color:var(--blue);color:#fff}
body.sv6 .rem.now .rem-ck{border-color:var(--blue);color:var(--blue)}
body.sv6 .rem b{font-size:14.5px;color:#111418}
body.sv6 .rem span{font-size:12.5px;color:#8A929E}
body.sv6 .nm-tbl{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:13.5px}
body.sv6 .nm-tbl th,body.sv6 .nm-tbl td{border:1px solid rgba(17,20,24,.08);padding:11px 16px;text-align:left}
body.sv6 .nm-tbl th{background:#F5F6F8;color:#7A828E;font-weight:600;font-size:12px}
body.sv6 .nm-tbl td{color:#3E444C}
body.sv6 .nm-tbl td.hi{background:rgba(61,127,217,.1);color:var(--blue);font-weight:700}
body.sv6 .nm-tbl td.dl{color:#8A929E;font-variant-numeric:tabular-nums}
body.sv6 .nm-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-family:var(--ui);font-size:13px;color:#8A929E;flex-wrap:wrap}
body.sv6 .nm-foot b{color:#111418}
body.sv6 .mw-qt .mw-body{background:#0A0E14}
body.sv6 .qt-stage{position:relative;aspect-ratio:16/8;display:grid;place-items:center}
body.sv6 .qt-tc{position:absolute;top:12px;right:16px;font-family:var(--px);font-size:15px;color:rgba(240,246,252,.7)}
body.sv6 .qt-w{font-family:var(--serif);font-style:italic;font-size:clamp(24px,3.4vw,42px);color:#F0F6FC;position:relative;z-index:1}
body.sv6 .qt-w b{color:var(--blue);font-weight:400}
body.sv6 .qt-cap{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-family:var(--ui);font-weight:700;font-size:12px;background:rgba(10,14,20,.86);color:#F0F6FC;padding:5px 11px;border-radius:7px;white-space:nowrap}
body.sv6 .qt-ctrl{display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(28,34,44,.95);cursor:ew-resize;position:relative}
body.sv6 .qt-btn{color:#F0F6FC;font-size:14px}
body.sv6 .qt-track{flex:1;height:5px;background:rgba(240,246,252,.2);border-radius:3px;position:relative}
body.sv6 .qt-track .playhead{position:absolute;top:-7px;bottom:-7px;width:3px;background:#F0F6FC;box-shadow:none}
body.sv6 .qt-track .playhead::before{display:none}
body.sv6 .qt-t{font-family:var(--px);font-size:15px;color:rgba(240,246,252,.7)}
body.sv6 .qt-chips{display:flex;gap:8px;justify-content:center;padding:14px;background:#fff;flex-wrap:wrap}
body.sv6 .qt-chips .an-row{font-family:var(--ui);font-size:12.5px;font-weight:600;background:#F1F2F5;color:#8A929E;border:none;border-radius:99px;padding:8px 18px}
body.sv6 .qt-chips .an-row.on{background:var(--blue);color:#fff}

@media (max-width:860px){
  body.sv2 .zn-rip{grid-template-columns:1fr}
  body.sv6 .mw-finder .mw-body{grid-template-columns:1fr}
  body.sv6 .mw-side{display:none}
  body.sv6 .am-grid{grid-template-columns:1fr}
}


/* --- vertical 9:16 players in variant anatomies --- */
body.sv2 .zn-board{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
body.sv2 .zn-stage{aspect-ratio:9/16;width:min(230px,44vw);max-height:52vh;transform:rotate(-1.4deg)}
body.sv2 .zn-w{font-size:clamp(19px,2.2vw,26px);padding:0 14px;text-align:center}
body.sv2 .zn-scap{left:8px;right:8px;transform:none;white-space:normal;text-align:center;font-size:10.5px;line-height:1.35}
body.sv2 .zn-frames{flex-direction:column;align-items:flex-start;margin-top:0}
body.sv2 .zn-scrub{grid-column:1;margin-top:14px}
body.sv2 .zn-board .zn-btns{grid-column:2}
body.sv4 .mp98-grid{grid-template-columns:auto 1fr}
body.sv4 .mp98-screen{aspect-ratio:9/16;width:min(226px,44vw);max-height:50vh}
body.sv4 .mp98-w{font-size:clamp(18px,2.1vw,25px);padding:0 12px}
body.sv4 .mp98-cap{left:6px;right:6px;transform:none;white-space:normal;text-align:center;font-size:10.5px;line-height:1.35}
body.sv6 .qt-stage{aspect-ratio:9/16;width:min(238px,46vw);max-height:52vh;margin:0 auto}
body.sv6 .qt-w{font-size:clamp(19px,2.2vw,26px);padding:0 14px;text-align:center}
body.sv6 .qt-cap{left:10px;right:10px;transform:none;white-space:normal;text-align:center;font-size:10.5px;line-height:1.35}
body.sv7 .ios-ph-stage{aspect-ratio:9/16;width:min(240px,46vw);max-height:52vh;margin:0 auto;border-radius:22px}
body.sv7 .ios-ph-w{font-size:clamp(19px,2.2vw,26px);padding:0 16px;text-align:center}
body.sv7 .ios-ph-cap{left:12px;right:12px;transform:none;white-space:normal;text-align:center;font-size:10.5px;line-height:1.4}
body.sv7 .ios-strip{max-width:520px;margin:14px auto 0}

/* ================= LIGHT THEME (для светлых hero) ================= */
body.light{
  --bg:#F1F3F6;--panel:#FFFFFF;--ink:#12161C;--dim:#5A6472;
  --blue:#3D7FD9;--blue-deep:#2E6FD8;
  --line:rgba(17,20,24,.14);--line-soft:rgba(17,20,24,.06);
  background:var(--bg);color:var(--ink);
}
body.light::after{opacity:.1}
body.light .topbar{background:rgba(241,243,246,.88)}
body.light .logo-img{filter:invert(1) brightness(.15)}
body.light .receipt .r-logo{filter:invert(1) brightness(.2)}
body.light .notif .app img{filter:none}
body.light .tvwrap .schrome .brand{filter:invert(1) brightness(.3)}
body.light .topbar .book{background:#12161C;color:#fff}
body.light .topbar .book:hover{background:var(--blue)}
body.light .orbs i{opacity:.45}
body.light .floor{opacity:.3}
body.light .hero .glow{opacity:.5}
body.light .cnt-box{background:#fff;border-color:rgba(61,127,217,.3);box-shadow:0 24px 60px rgba(17,20,24,.08)}
body.light .cnt-btn{background:#12161C;color:#fff}
body.light .cnt-cells i.on{background:rgba(61,127,217,.14)}
body.light .idxf{background:linear-gradient(135deg,rgba(61,127,217,.1),rgba(112,176,255,.22));border-color:rgba(61,127,217,.35);box-shadow:0 14px 40px rgba(17,20,24,.08)}
body.light .idxf-tab{background:rgba(61,127,217,.2);border-color:rgba(61,127,217,.35)}
body.light .cmp-old{background:#E2E5EA;color:#8A929E}
body.light .cmp-old .cmp-title{color:#5A6472}
body.light .cmp-old li b{color:#3E444C}
body.light .cmp-new{background:linear-gradient(135deg,#0F1B2E,#0A0E14 60%,#16283F)}
body.light .cmp-new .cmp-title{color:#F0F6FC}
body.light .cmp-new li{color:#8B949E}
body.light .cmp-tag{color:#8A929E;border-color:rgba(17,20,24,.2)}
body.light .editor{background:#fff;box-shadow:0 24px 60px rgba(17,20,24,.1)}
body.light .clip.c3{background:#C7D6EE;color:#12161C}
body.light .playhead{background:#12161C;box-shadow:none}
body.light .playhead::before{border-top-color:#12161C}
body.light .an-step.on{background:rgba(61,127,217,.07)}
body.light .epreview .pw{color:#F0F6FC}
body.light #v9 .vscene9 .vw9,body.light .ios .scene8 .s8w,body.light .ios .iscene .iw2,
body.light #v10 .fitem .fpv .fw3,body.light .fan .fw,body.light .cut .cw,body.light .tile .tw{color:#F0F6FC}
body.light .epreview .pcap{color:#F0F6FC;background:rgba(10,14,20,.9)}
body.light .fv .fw,body.light .idxf-cards .fw{color:#F0F6FC}
body.light .fv .fcap{color:#F0F6FC}
body.light .clip.c1{color:#0A0E14}
body.light .rev-score,body.light .rev-stats,body.light .logos ul,body.light .bstat{background:transparent}
body.light .receipt{box-shadow:14px 16px 0 rgba(61,127,217,.16), 0 24px 60px rgba(17,20,24,.18)}
body.light .notif{background:#fff;border-color:var(--line)}
body.light .notif .n-title{color:#12161C}
body.light .btn.solid:hover{background:var(--blue);border-color:var(--blue)}
body.light .m-item:hover{background:rgba(61,127,217,.07)}
body.light .menu,body.light .rev-score,body.light .logos{background:#fff}
body.light .menu{box-shadow:14px 14px 0 rgba(61,127,217,.1)}
body.light .logo-row img{filter:grayscale(1) brightness(.3);opacity:.6}
body.light .logo-row img:hover{filter:none;opacity:1}
body.light .heroswitch{background:rgba(255,255,255,.92);border-color:var(--line)}
body.light #boot{display:none}

/* ==================== ROUND 4 — authoritative overrides ==================== */
/* --- no pixel type anywhere: technical mono for micro-labels, serif italic for accents --- */
:root{
  --px:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --pxi:"Instrument Serif",Georgia,serif;
}
.px-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.ios .iH8 .pxi,.pxi{font-style:italic;letter-spacing:-.01em}
#vname{font-size:12.5px !important;letter-spacing:.06em;text-transform:uppercase}
.sw-btn{font-size:12px !important;letter-spacing:.08em;text-transform:uppercase}
.ticker-track{font-size:14px !important;letter-spacing:.04em}
.finale .mail a{font-size:15px;letter-spacing:.04em}
body.sv2 .rn b{font-family:var(--sans);font-weight:800;letter-spacing:-.01em;font-size:16px}
body.sv2 .zn-lab{font-size:13px}
body.sv2 .zn-tally b{font-size:20px}
body.sv2 .zn-env-tab{font-size:12px;letter-spacing:.08em;padding:3px 8px}
body.sv2 .zn-envs .ixrow-head em{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
body.sv2 .zn-tc,body.sv7 .ios-ph-tc{font-size:12px;letter-spacing:.06em}
body.sv2 .zn-tape,body.sv2 .zn-tape.corner{font-family:var(--sans);font-weight:800;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

/* --- brands we worked with: uniform white marks --- */
.cw-grid{gap:26px 42px}
.cw-logo{opacity:.68;filter:none;transform:none}
.cw-logo:hover{opacity:1;filter:none}
body.light .cw-logo{filter:invert(1);opacity:.5}
body.light .cw-logo:hover{opacity:.85}
.cw-word,.cw-word:nth-of-type(n){
  font-family:var(--sans);font-style:normal;font-weight:800;font-size:16px;
  letter-spacing:.01em;color:var(--ink);opacity:.5;transform:none;
}
.cw-word:hover{opacity:.9;color:var(--ink)}
.logos ul,.logo-row,.cw-grid,.rating{transform:none !important}
.logos ul li,.logo-row img,.logos img{transform:none !important}

/* ==================== sv2 · COLLAGE ==================== */
body.sv2 .zn-play,body.sv2 .zn-mplay{display:none !important}
body.sv2 .zn-envs .ixrow{transform:none}
body.sv2 .zn-sheet{display:block;padding:2px 22px 24px}
body.sv2 .zn-sheet .zn-hand{flex:none;margin:0 0 14px;max-width:none;font-size:17px}
body.sv2 .zn-minis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;flex-wrap:nowrap}
body.sv2 .zn-mini{
  width:auto;aspect-ratio:9/16;padding:0;background:#0A0E14;
  border:1px solid rgba(112,176,255,.22);box-shadow:8px 10px 0 rgba(112,176,255,.12);
  position:relative;overflow:hidden;transform:none;transition:transform .2s,box-shadow .2s;
}
body.sv2 .zn-mini video{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
body.sv2 .zn-mini .zn-mcap{
  position:absolute;left:8px;bottom:8px;background:var(--blue);color:#08101c;
  font-family:var(--sans);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;
}
body.sv2 .zn-mini:hover{transform:translateY(-6px);box-shadow:8px 16px 0 rgba(112,176,255,.24);z-index:2}
body.sv2 .zn-envs .ixrow.open .ixrow-body{max-height:900px}
@media (max-width:1000px){body.sv2 .zn-minis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){body.sv2 .zn-minis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* sv2 anatomy — one screen, steps on the side */
body.sv2 #anatomy{padding:60px 0 66px}
body.sv2 #anatomy h2{font-size:clamp(26px,3.2vw,42px)}
body.sv2 #anatomy .zn-head{margin-bottom:26px}
body.sv2 .zn-an{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:44px;align-items:center;
  max-width:900px;margin:0 auto;
}
body.sv2 .zn-an-stage{
  position:relative;width:min(248px,40vw);aspect-ratio:9/16;max-height:46vh;
  display:grid;place-items:center;overflow:hidden;
  background:#0A0E14;border:1px solid rgba(112,176,255,.28);
  box-shadow:14px 16px 0 rgba(112,176,255,.14);transform:rotate(-1deg);
}
body.sv2 .zn-an-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sv2 .zn-an-stage .zn-w{
  position:relative;z-index:2;font-family:var(--serif);font-style:italic;
  font-size:clamp(20px,2.2vw,27px);color:#F0F6FC;text-align:center;padding:0 14px;
  text-shadow:0 4px 24px rgba(0,0,0,.65);
}
body.sv2 .zn-an-stage .zn-w b{color:var(--blue);font-weight:400}
body.sv2 .zn-an-stage .zn-tc{position:absolute;top:10px;right:12px;z-index:2;color:rgba(240,246,252,.8)}
body.sv2 .zn-an-stage .zn-scap{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:2;text-align:center;
  font-family:var(--sans);font-weight:800;font-size:10px;line-height:1.4;letter-spacing:.06em;
  background:var(--blue);color:#08101c;padding:5px 8px;
}
body.sv2 .zn-an-scrub{
  position:relative;height:26px;margin-top:16px;cursor:ew-resize;
  background:repeating-linear-gradient(90deg,rgba(240,246,252,.2) 0 2px,transparent 2px 13px);
}
body.sv2 .zn-an-scrub .playhead{position:absolute;top:-5px;bottom:-5px;width:3px;background:var(--blue);box-shadow:0 0 12px rgba(112,176,255,.7)}
body.sv2 .zn-an-scrub .playhead::before{display:none}
body.sv2 .zn-an-r{text-align:left}
body.sv2 .zn-an-r>.zn-hand{margin:0 0 16px;font-size:17px}
body.sv2 .zn-an-steps{display:grid;gap:10px}
body.sv2 .zn-an-steps .an-row{
  display:grid;grid-template-columns:34px 1fr;align-items:baseline;column-gap:12px;
  width:100%;text-align:left;background:transparent;color:var(--ink);
  border:1px solid rgba(112,176,255,.28);border-radius:0;padding:13px 16px;cursor:pointer;
  transform:none;box-shadow:none;transition:background .18s,border-color .18s,transform .18s;
  font-family:var(--sans);
}
body.sv2 .zn-an-steps .an-row i{
  font-family:var(--px);font-style:normal;font-size:12px;letter-spacing:.06em;color:var(--blue);
}
body.sv2 .zn-an-steps .an-row b{
  font-family:var(--sans);font-weight:800;font-size:17px;letter-spacing:.02em;text-transform:uppercase;
}
body.sv2 .zn-an-steps .an-row span{
  grid-column:2;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--dim);margin-top:2px;
}
body.sv2 .zn-an-steps .an-row.on{
  background:rgba(112,176,255,.14);border-color:var(--blue);transform:translateX(4px);
}
body.sv2 .zn-an-steps .an-row.on b{color:var(--blue)}
body.sv2 .zn-an-steps .an-row.on span{color:var(--ink)}
body.sv2 .zn-an-r .zn-btn{margin-top:20px}
@media (max-width:880px){
  body.sv2 .zn-an{grid-template-columns:1fr;gap:26px;justify-items:center}
  body.sv2 .zn-an-r{width:100%}
}

/* ==================== sv7 · iOS ==================== */
/* counter — Health-style card, balanced */
body.sv7 #count{padding:70px 0 74px}
body.sv7 .ios-cnt{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:center}
body.sv7 .ios-cnt-l h2{font-size:clamp(24px,3vw,38px);line-height:1.1}
body.sv7 .ios-cnt-l .ios-sub{margin:12px 0 22px;max-width:430px}
body.sv7 .ios-cnt-card{
  background:#fff;border-radius:28px;padding:24px 26px 26px;
  box-shadow:0 18px 46px rgba(17,20,24,.09);
}
body.sv7 .ios-cnt-head{
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A929E;
}
body.sv7 .ios-dot{display:inline-flex;align-items:center;gap:6px;color:var(--blue)}
body.sv7 .ios-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);animation:blink 1.6s infinite}
body.sv7 .ios-cnt-card .ios-gauge{width:168px;margin:14px auto 6px}
body.sv7 .ios-cnt-card .ring{width:168px;height:168px}
body.sv7 .ios-gauge-n{top:58px;font-size:38px}
body.sv7 .ios-gauge-l{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px;font-size:12.5px;color:#8A929E}
body.sv7 .ios-gauge-logo{height:11px;flex:0 0 auto}
body.sv7 .ios-rows2{display:grid;gap:10px;margin-top:16px;border-top:1px solid rgba(17,20,24,.07);padding-top:16px}
body.sv7 .ios-row2>span:first-child{width:66px;flex:0 0 66px}
body.sv7 .ios-row2 b{width:46px}
@media (max-width:900px){body.sv7 .ios-cnt{grid-template-columns:1fr}body.sv7 .ios-cnt-card{max-width:420px}}

/* sv7 anatomy — one screen, list on the side */
body.sv7 #anatomy{padding:64px 0 70px}
body.sv7 #anatomy .sec-head{margin-bottom:26px}
body.sv7 #anatomy h2{font-size:clamp(26px,3.2vw,42px)}
body.sv7 .ios-an{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:center;
  max-width:900px;margin:0 auto;background:#fff;border-radius:30px;padding:24px 28px;
  box-shadow:0 18px 46px rgba(17,20,24,.09);
}
body.sv7 .ios-an-stage{
  position:relative;width:min(240px,40vw);aspect-ratio:9/16;max-height:44vh;
  border-radius:22px;overflow:hidden;background:#0A0E14;display:grid;place-items:center;
}
body.sv7 .ios-an-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sv7 .ios-an-stage .ios-ph-w{
  position:relative;z-index:2;font-family:var(--serif);font-style:italic;
  font-size:clamp(19px,2.1vw,26px);color:#F0F6FC;text-align:center;padding:0 14px;
  text-shadow:0 4px 24px rgba(0,0,0,.6);
}
body.sv7 .ios-an-stage .ios-ph-tc{position:absolute;top:11px;right:13px;z-index:2;font-family:var(--ui);font-size:11.5px;color:rgba(240,246,252,.85)}
body.sv7 .ios-an-stage .ios-ph-cap{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:2;transform:none;white-space:normal;
  text-align:center;font-size:10px;line-height:1.4;background:rgba(10,14,20,.82);
  backdrop-filter:blur(6px);border-radius:9px;padding:6px 8px;
}
body.sv7 .ios-an-scrub{
  position:relative;height:6px;margin:16px auto 0;border-radius:3px;background:#E7EBF1;cursor:ew-resize;
}
body.sv7 .ios-an-scrub .playhead{position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:2px;background:#111418;box-shadow:none}
body.sv7 .ios-an-scrub .playhead::before{display:none}
body.sv7 .ios-an-list{background:#F5F7FA;border-radius:18px;overflow:hidden}
body.sv7 .ios-an-list .an-row{
  display:grid;grid-template-columns:30px 1fr auto;align-items:center;column-gap:12px;
  width:100%;text-align:left;background:none;border:none;border-radius:0;
  border-bottom:1px solid rgba(17,20,24,.07);padding:14px 16px;cursor:pointer;
  font-family:var(--ui);color:#111418;box-shadow:none;transition:background .18s;
}
body.sv7 .ios-an-list .an-row:last-child{border-bottom:none}
body.sv7 .ios-an-list .an-row i{font-family:var(--ui);font-style:normal;font-size:12px;font-weight:700;color:#B4BDC9}
body.sv7 .ios-an-list .an-row b{font-size:15px;font-weight:700;letter-spacing:-.01em}
body.sv7 .ios-an-list .an-row span{grid-column:2;font-size:12.5px;color:#8A929E;margin-top:2px}
body.sv7 .ios-an-list .an-row em{font-style:normal;font-size:19px;color:#C3CAD4;grid-row:1/3;grid-column:3}
body.sv7 .ios-an-list .an-row.on{background:#fff}
body.sv7 .ios-an-list .an-row.on i,body.sv7 .ios-an-list .an-row.on b{color:var(--blue)}
body.sv7 .ios-an-r .ios-btn{margin-top:16px}
@media (max-width:880px){
  body.sv7 .ios-an{grid-template-columns:1fr;justify-items:center}
  body.sv7 .ios-an-r{width:100%}
}

/* sv7 receipts — three identical cards */
body.sv7 .wal{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;
  max-width:1080px;margin:0 auto;
}
body.sv7 .wal-card{
  display:flex;flex-direction:column;gap:0;transform:none !important;margin:0 !important;
  background:#fff;border:1px solid rgba(17,20,24,.06);border-radius:26px;padding:24px 24px 22px;
  box-shadow:0 18px 46px rgba(17,20,24,.08);min-height:0;
}
body.sv7 .wal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
body.sv7 .wal-up{height:20px;width:auto}
body.sv7 .wal-logo{height:15px;width:auto;filter:invert(1) brightness(.12)}
body.sv7 .wal-tag{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A929E}
body.sv7 .wal-badge{
  display:inline-flex;align-items:center;gap:5px;background:#111418;color:#fff;
  font-family:var(--ui);font-size:11px;font-weight:700;border-radius:99px;padding:5px 10px;white-space:nowrap;
}
body.sv7 .wal-badge i{font-style:normal;color:#6FDA44;font-size:9px}
body.sv7 .wal-hero{margin-top:20px;display:flex;flex-direction:column;gap:2px}
body.sv7 .wal-hero b{font-family:var(--ui);font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#111418}
body.sv7 .wal-hero span{font-family:var(--ui);font-size:13px;color:#8A929E}
body.sv7 .wal-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;
  border-top:1px solid rgba(17,20,24,.08);padding-top:16px;
}
body.sv7 .wal-grid b{display:block;font-family:var(--ui);font-size:19px;font-weight:800;letter-spacing:-.01em;color:#111418}
body.sv7 .wal-grid span{display:block;font-family:var(--ui);font-size:12px;color:#8A929E;line-height:1.4;margin-top:2px}
body.sv7 .wal-foot{margin-top:auto;padding-top:18px;min-height:44px;display:flex;align-items:flex-end}
body.sv7 .wal-note{margin:0;font-family:var(--ui);font-size:12.5px;line-height:1.5;color:#8A929E}
body.sv7 .wal-link{font-family:var(--ui);font-size:13.5px;font-weight:700;color:var(--blue);text-decoration:none}
body.sv7 .wal-link:hover{text-decoration:underline}
@media (max-width:960px){body.sv7 .wal{grid-template-columns:1fr}}

/* ==================== iOS notification (both variants) ==================== */
.notif-stack{max-width:430px;margin:40px auto 0}
.notif{
  display:flex;align-items:flex-start;gap:12px;text-align:left;
  border-radius:22px;padding:13px 15px;border:none;
  background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 14px 34px rgba(0,0,0,.18);transform:none !important;
}
body.sv2:not(.light) .notif{background:rgba(28,32,40,.72);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.notif.behind{
  position:relative;top:0;left:0;right:0;margin:0 auto -34px;width:92%;
  transform:none !important;opacity:.55;filter:blur(.2px);z-index:0;
}
.notif .app{
  position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:11px;
  background:linear-gradient(160deg,#8CC0FF,#3D7FD9);
  display:grid;place-items:center;box-shadow:0 4px 10px rgba(61,127,217,.35);
}
.notif .app img{height:10px;display:block;filter:brightness(0) invert(1)}
.notif .n-badge{
  position:absolute;top:-6px;right:-7px;min-width:20px;height:20px;padding:0 5px;
  border-radius:99px;background:#FF3B30;color:#fff;border:2px solid rgba(255,255,255,.9);
  font-family:var(--ui);font-size:10.5px;font-weight:700;font-style:normal;
  display:grid;place-items:center;line-height:1;
}
.notif .nt{flex:1;min-width:0}
.notif .n-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 1px}
.notif .n-app{font-family:var(--ui);font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:rgba(60,60,67,.7)}
body.sv2:not(.light) .notif .n-app{color:rgba(235,240,248,.6)}
.notif .n-time{font-family:var(--ui);font-size:12.5px;color:rgba(60,60,67,.6)}
body.sv2:not(.light) .notif .n-time{color:rgba(235,240,248,.5)}
.notif .n-line{font-family:var(--ui);font-size:14.5px;line-height:1.35;color:#111418;letter-spacing:-.01em}
body.sv2:not(.light) .notif .n-line{color:#F0F6FC}
.notif .n-line b{font-weight:700}
.notif .badge{display:none}
.notif .n-title,.notif .n-body{display:none}

/* ---------- ROUND 4b ---------- */
/* reels always a true 9:16 frame (height drives width) */
body.sv2 .zn-an-stage{width:auto;height:clamp(300px,44vh,430px);max-height:none}
body.sv7 .ios-an-stage{width:auto;height:clamp(300px,44vh,430px);max-height:none}
body.sv7 .ios-an-scrub{width:auto}

/* live dot in the counter card */
body.sv7 .ios-cnt-head .ios-dot{background:none !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
body.sv7 .ios-cnt-head .ios-dot::before{width:7px !important;height:7px !important;border-radius:50% !important;display:block}

/* receipts: optical logo sizes */
body.sv7 .wal-up{height:27px;margin-left:-3px}
body.sv7 .wal-logo{height:16px}

/* ---------- sv2 buttons: aero glass pills ---------- */
body.sv2 .zn-btn,body.sv2 .btn,body.sv2 .cnt-cta{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans);font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;
  color:#08121F;border:none;border-radius:999px;padding:14px 28px;text-decoration:none;overflow:hidden;
  background:linear-gradient(180deg,#D6E8FF 0%,#9CC7FF 47%,#6BA3F0 53%,#3D7FD9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 16px rgba(255,255,255,.14),
             0 10px 26px rgba(61,127,217,.42),0 0 0 1px rgba(255,255,255,.22);
  transition:transform .16s,box-shadow .16s,filter .16s;
}
body.sv2 .zn-btn::after,body.sv2 .btn::after{
  content:"";position:absolute;left:7px;right:7px;top:3px;height:44%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));
  pointer-events:none;opacity:1;
}
body.sv2 .zn-btn::before,body.sv2 .btn::before{display:none}
body.sv2 .zn-btn i{display:inline-block;position:relative;z-index:1;font-style:normal;background:none;color:#08121F;font-size:15px;transform:none;padding:0;border-radius:0}
body.sv2 .zn-btn span{position:relative;z-index:1}
body.sv2 .zn-btn:hover,body.sv2 .btn:hover{
  transform:translateY(-2px);filter:brightness(1.06);color:#08121F;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 32px rgba(61,127,217,.5),0 0 0 1px rgba(255,255,255,.28);
}
body.sv2 .zn-btn:hover i{background:none;color:#08121F;transform:translateX(3px)}
body.sv2 .zn-btn:active,body.sv2 .btn:active{transform:translateY(0);filter:brightness(.98)}
/* secondary / ghost */
body.sv2 .zn-btn:not(.pri):not(.solid){
  background:linear-gradient(180deg,rgba(240,246,252,.16),rgba(240,246,252,.04));
  color:#F0F6FC;backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(240,246,252,.16),0 10px 24px rgba(0,0,0,.4);
}
body.sv2 .zn-btn:not(.pri):not(.solid)::after{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0))}
body.sv2 .zn-btn:not(.pri):not(.solid) i{color:#F0F6FC}
body.sv2 .zn-btn:not(.pri):not(.solid):hover{color:#F0F6FC}
/* the reel-feed / step chips keep their own look, buttons don't leak in */
body.sv2 .zn-an-steps .an-row::after,body.sv2 .zn-an-steps .an-row::before{display:none}

/* ---------- iOS notification stack ---------- */
.notif-stack{position:relative;padding-bottom:12px}
.notif.behind{
  position:absolute;left:14px;right:14px;bottom:0;top:auto;margin:0;width:auto;
  height:38px;overflow:hidden;padding:11px 15px;opacity:.6;filter:none;
  transform:scale(.985) !important;z-index:0;
}
.notif.behind .n-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif:not(.behind){position:relative;z-index:1}
.finale .mail a{font-family:var(--ui);font-size:15.5px;letter-spacing:0}

/* ---------- ROUND 4c ---------- */
/* paper receipts: same size, stamp off the rows */
.rcpts{align-items:stretch}
.rcpts .receipt{display:flex;flex-direction:column;max-width:340px}
.receipt .barcode{margin-top:auto}
.receipt .stamp{top:14px;right:8px;bottom:auto}

/* sv2 counter: no cream paper, white logo, blue ticks */
body.sv2 .zn-logo{filter:brightness(0) invert(1);opacity:.95}
body.sv2 .zn-prog{
  background:rgba(240,246,252,.08);border:1px solid rgba(112,176,255,.25);
  border-radius:999px;overflow:hidden;height:16px;
}
body.sv2 .zn-prog i{
  background:linear-gradient(90deg,#3D7FD9,#9CC7FF);border-radius:999px;height:100%;
  box-shadow:0 0 18px rgba(112,176,255,.45);
}
body.sv2 .zn-marks .cc{
  border-radius:4px;border:1px solid rgba(240,246,252,.16);background:rgba(240,246,252,.04);
}
body.sv2 .zn-marks .cc.on{
  background:linear-gradient(180deg,#9CC7FF,#3D7FD9);border-color:transparent;
  box-shadow:0 0 14px rgba(112,176,255,.4);
}
body.sv2 .zn-tally b.blue{color:#9CC7FF}

/* sv2 "before" sheet: faded + red numbers */
body.sv2 .zn-chewed .zn-r b{color:#A93A2A}
body.sv2 .zn-chewed .zn-r span{color:#7d7a70}
body.sv2 .zn-chewed .zn-stamp{color:#A93A2A;border-color:#A93A2A;opacity:.8}

/* notification stack tuning */
.notif.behind{height:34px}

/* ---------- ROUND 4d ---------- */
/* sv7 compare: dark logo on the light card, equal heights, tighter rows */
body.sv7 .cmp-logo{filter:invert(1) brightness(.12);height:16px}
body.sv7 .ios-cmp2{align-items:stretch}
body.sv7 .cmp-card{display:flex;flex-direction:column}
body.sv7 .cmp-rows{display:flex;flex-direction:column;justify-content:space-between;flex:1}
body.sv7 .cmp-r{grid-template-columns:84px 1fr;gap:12px;padding:11px 0}
body.sv7 .prc-num i{margin-left:10px;vertical-align:baseline}

/* sv2 process chips: glass, not paper */
body.sv2 .rn,body.sv2 .rn.alt{
  background:rgba(240,246,252,.05);color:var(--ink);
  border:1px solid rgba(112,176,255,.24);box-shadow:none;backdrop-filter:blur(8px);
  border-radius:14px;padding:12px 18px;
}
body.sv2 .rn b{color:var(--ink)}
body.sv2 .rn.hot{
  background:linear-gradient(180deg,#9CC7FF,#3D7FD9);color:#08121F;border-color:transparent;
  box-shadow:0 12px 26px rgba(61,127,217,.4),inset 0 1px 0 rgba(255,255,255,.7);
}
body.sv2 .rn.hot b{color:#08121F}

/* ---------- ROUND 4e: v9 hero geometry, true 9:16 reel ---------- */
#v9 .vscene9{aspect-ratio:9/16}
#v9 .vidwin9{top:36vh;transform:translateX(-50%) rotate(-1.5deg);width:min(138px,24vw)}
#v9 .cta9{bottom:18vh}
#v9 .week{top:19vh}
@media (max-height:720px){
  #v9 .vidwin9{top:35vh;width:min(118px,22vw)}
  #v9 .cta9{bottom:17vh}
}

/* ==================== ROUND 5 ==================== */
/* --- sv2: iOS-style buttons (no gloss, no paper) --- */
body.sv2 .zn-btn,body.sv2 .btn,body.sv2 .cnt-cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--ui);font-weight:600;font-size:15.5px;letter-spacing:-.01em;text-transform:none;
  background:#3D7FD9;color:#fff;border:none;border-radius:999px;padding:14px 26px;
  text-decoration:none;overflow:visible;backdrop-filter:none;
  box-shadow:0 10px 24px rgba(61,127,217,.34);
  transition:background .16s,box-shadow .16s,transform .12s;
}
body.sv2 .zn-btn::after,body.sv2 .btn::after,body.sv2 .zn-btn::before,body.sv2 .btn::before{display:none !important}
body.sv2 .zn-btn i{display:inline-block;font-style:normal;background:none;color:#fff;font-size:15px;transform:none;padding:0}
body.sv2 .zn-btn span{position:static}
body.sv2 .zn-btn:hover,body.sv2 .btn:hover{background:#4E8FE8;color:#fff;box-shadow:0 14px 30px rgba(61,127,217,.44);transform:none}
body.sv2 .zn-btn:hover i{color:#fff;transform:none}
body.sv2 .zn-btn:active,body.sv2 .btn:active{transform:scale(.97);box-shadow:0 6px 16px rgba(61,127,217,.3)}
body.sv2 .zn-btn:not(.pri):not(.solid){
  background:rgba(240,246,252,.1);color:#F0F6FC;box-shadow:none;border:1px solid rgba(240,246,252,.16);
}
body.sv2 .zn-btn:not(.pri):not(.solid):hover{background:rgba(240,246,252,.16);color:#F0F6FC}
body.sv2 .zn-btn:not(.pri):not(.solid) i{color:#F0F6FC}

/* --- sv2 quick math: "you" reads red, buzz blue --- */
body.sv2 .zn-marks .cc.on{
  background:#C0392B;border-color:transparent;box-shadow:0 0 12px rgba(192,57,43,.35);
}
body.sv2 .zn-tally:first-of-type b{color:#E05C4B}
body.sv2 .zn-tally:first-of-type .zn-lab{color:#E05C4B;opacity:.9}
/* sv7 counter: same contrast */
body.sv7 .ios-row2:not(.pri) .ios-b i{background:#E0574A}
body.sv7 .ios-row2:not(.pri) b,body.sv7 .ios-row2:not(.pri)>span:first-child{color:#D1483B}

/* --- sv2 before/after: static pixel fire + burnt corner --- */
body.sv2 .zn-burn{position:relative;display:block}
body.sv2 .zn-burn .zn-chewed{position:relative;z-index:1}
body.sv2 .zn-fire{
  position:absolute;left:-18px;display:block;width:calc(100% + 36px);
  image-rendering:pixelated;pointer-events:none;
}
body.sv2 .zn-fire.back{bottom:10px;height:126px;z-index:0}
body.sv2 .zn-fire.front{bottom:-4px;height:78px;z-index:3}
body.sv2 .zn-char{
  position:absolute;right:2px;bottom:6px;width:120px;height:120px;
  image-rendering:pixelated;pointer-events:none;z-index:2;
}
/* the old animated burn layers are gone */
body.sv2 .zn-chewed .char,body.sv2 .zn-chewed .burn,body.sv2 .zn-chewed .ember{display:none !important}
body.sv2 .zn-chewed{animation:none}

/* --- buzz logo in before/after must keep its proportions --- */
body.sv2 .zn-logo,body.sv2 .zn-logo.big{width:auto !important;object-fit:contain}
body.sv2 .zn-logo.big{height:26px}
body.sv7 .cmp-logo{width:auto;object-fit:contain}

/* --- Upwork: bigger mark + real Top Rated Plus badge --- */
body.sv7 .wal-up{height:34px;margin-left:-2px}
body.sv7 .wal-trp{height:26px;width:auto;display:block}
body.sv7 .wal-top{min-height:36px}
.receipt .r-up{height:30px;margin:0 auto 10px;display:block}
.receipt .r-tr{background:none !important;border:none !important;padding:0;margin:12px 0 14px}
.receipt .r-trp{height:26px;width:auto;margin:0 auto;display:block}

/* thin marks need a touch more presence */
.cw-logo[alt="bakerly"],.cw-logo[alt="Finom"]{opacity:.82}

/* ROUND 5b: primary button colour must win over the older .pri rules */
body.sv2 .zn-btn.pri,body.sv2 .btn.solid,body.sv2 a.zn-btn.pri{background:#3D7FD9;color:#fff}
body.sv2 .zn-btn.pri i,body.sv2 .btn.solid i{color:#fff}
body.sv2 .zn-btn.pri:hover,body.sv2 .btn.solid:hover{background:#4E8FE8;color:#fff;border-color:transparent}

/* ==================== ROUND 6 ==================== */
/* before/after: plain old sheet, no fire */
body.sv2 .zn-fire,body.sv2 .zn-char{display:none !important}
body.sv2 .zn-burn{position:relative}
body.sv2 .zn-chewed{
  filter:saturate(.75) brightness(.94);
  box-shadow:10px 12px 0 rgba(0,0,0,.35), 0 18px 40px rgba(0,0,0,.4);
}

/* iOS hero: three reels, main one selected */
#v9 .vidrow9{
  position:absolute;left:50%;top:35vh;transform:translateX(-50%);
  display:flex;align-items:center;gap:20px;z-index:5;
}
#v9 .vidwin9{position:relative;transform:none;left:auto;top:auto;width:auto}
#v9 .vidwin9.main{width:min(132px,22vw);z-index:2}
#v9 .vidwin9.side{width:min(104px,17vw);z-index:1;opacity:.96}
#v9 .vidwin9.side.left{transform:rotate(-2.4deg) translateY(-10px)}
#v9 .vidwin9.side.right{transform:rotate(2deg) translateY(14px)}
#v9 .vidwin9.side .vframe9{box-shadow:0 20px 44px rgba(17,20,24,.22)}
#v9 .vidwin9.side .vtop9{padding:6px 8px}
#v9 .vidwin9.side .vtop9 i{width:7px;height:7px}
@media (max-height:720px){
  #v9 .vidrow9{top:33vh;gap:14px}
  #v9 .vidwin9.main{width:min(116px,20vw)}
  #v9 .vidwin9.side{width:min(92px,15vw)}
}
@media (max-width:640px){
  #v9 .vidrow9{gap:10px}
  #v9 .vidwin9.side{display:none}
}

/* ==================== ROUND 7 · GLOBAL ==================== */
:root{--px:"Archivo","Helvetica Neue",Arial,sans-serif;--pxi:"Instrument Serif",Georgia,serif}
body::after,.dither::before{display:none !important}
.px-label,.eyebrow .px-label,#vname,.sw-btn,.ticker-track,.finale .mail a,footer .in,.kicker,.subP,
body.sv2 .zn-lab,body.sv2 .zn-env-tab,body.sv2 .zn-tc,body.sv7 .ios-ph-tc{
  font-family:var(--sans);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}
.px-label,.eyebrow .px-label{font-size:11.5px}
#vname{font-size:11.5px !important}
.sw-btn{font-size:11.5px !important;letter-spacing:.1em}
.ticker-track{font-size:12.5px !important;letter-spacing:.08em}
.finale .mail a{font-family:var(--sans);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
footer .in{font-size:11.5px;letter-spacing:.08em}
.kicker{font-size:11.5px}
.sw-theme{font-size:15px !important;padding:5px 11px !important;line-height:1}
.sw-theme[hidden]{display:none}
/* pixel cursor */
body{cursor:url("/assets/img/x/d6c6df63dbf4.svg") 2 2, auto}
a,button,.btn,[role="button"],.ixtab,.ixrow-head,.an-row,.sw-btn{cursor:url("/assets/img/x/b9072df7073c.svg") 2 2, pointer}
body.light{cursor:url("/assets/img/x/9bb5b719f897.svg") 2 2, auto}
body.light a,body.light button,body.light .btn,body.light [role="button"],body.light .ixtab,body.light .ixrow-head,body.light .an-row,body.light .sw-btn{cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI0IDI4IiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSI4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSI4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMCIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIxMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjIiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iMTIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSIxMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjgiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTAiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjE0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNiIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI4IiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEwIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEyIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIxNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIxOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjIiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iMTgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSIxOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjgiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTAiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTIiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTQiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTYiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTgiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNiIgeT0iMjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSI4IiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEwIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEyIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIyMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjgiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTAiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTIiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTQiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEwIiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEyIiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE2IiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTIiIHk9IjI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTQiIHk9IjI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PC9zdmc+") 2 2, pointer}
.pxp{
  position:fixed;z-index:80;pointer-events:none;transform:translate(-50%,-50%);
  image-rendering:pixelated;animation:pxpFly .7s cubic-bezier(.2,.7,.3,1) forwards;
}
@keyframes pxpFly{
  from{opacity:1;transform:translate(-50%,-50%)}
  to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 22px))}
}
.burst{display:none}
/* single notification that vibrates */
.notif-stack{max-width:440px;padding-bottom:0}
.notif.behind{display:none}
.notif{transform-origin:50% 50%;user-select:none}
.notif.vib{animation:nvib .55s cubic-bezier(.36,.07,.19,.97) both}
@keyframes nvib{
  10%,90%{transform:translate3d(-1px,0,0) rotate(-.4deg)}
  20%,80%{transform:translate3d(2px,0,0) rotate(.4deg)}
  30%,50%,70%{transform:translate3d(-4px,0,0) rotate(-.8deg)}
  40%,60%{transform:translate3d(4px,0,0) rotate(.8deg)}
}
.notif:hover{box-shadow:0 22px 50px rgba(0,0,0,.28)}
body.sv2 .prc-f.add,body.sv7 .prc-f.add{color:#8A929E}
body.sv7 .prc-f.add i{color:#8A929E}

/* ==================== ROUND 7 · VARIANT A (cutouts, light/dark) ==================== */
body.sv2{--card:#0E141C;--cardline:rgba(240,246,252,.1);--soft:rgba(240,246,252,.05);--shadow:0 24px 60px rgba(0,0,0,.5);--btn:#3D7FD9;--btn-ink:#fff}
body.sv2.light{--card:#FFFFFF;--cardline:rgba(17,20,24,.08);--soft:rgba(17,20,24,.04);--shadow:0 18px 46px rgba(17,20,24,.09)}
:is(body.sv2,body.sv9) .a-head{margin-bottom:38px;max-width:760px}
:is(body.sv2,body.sv9) .a-head.center{margin-left:auto;margin-right:auto;text-align:center}
:is(body.sv2,body.sv9) .a-head .eyebrow{margin-bottom:14px}
:is(body.sv2,body.sv9) .a-head p{margin-top:16px;color:var(--dim);font-size:16px;line-height:1.6;max-width:58ch;font-family:var(--sans);font-style:normal}
:is(body.sv2,body.sv9) .a-head.center p{margin-left:auto;margin-right:auto}
/* button */
:is(body.sv2,body.sv9) .a-btn{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:-.01em;
  background:var(--btn);color:var(--btn-ink);border-radius:999px;padding:14px 26px;text-decoration:none;
  box-shadow:0 10px 24px rgba(61,127,217,.34);transition:background .16s,transform .12s,box-shadow .16s;
}
:is(body.sv2,body.sv9) .a-btn i{font-style:normal}
:is(body.sv2,body.sv9) .a-btn:hover{background:#4E8FE8;box-shadow:0 14px 30px rgba(61,127,217,.44)}
:is(body.sv2,body.sv9) .a-btn:active{transform:scale(.97)}
/* ---- feed ---- */
body.sv2 .a-feedwrap{padding:14px 0 40px}
body.sv2 .a-feedtrack{gap:26px;padding:8px 20px}
body.sv2 .a-cardwrap{flex:0 0 auto;width:186px;display:grid;gap:10px;transform:rotate(var(--r));transition:transform .25s}
body.sv2 .a-cardwrap:hover{transform:rotate(0) translateY(-6px)}
body.sv2 .a-card{
  position:relative;width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  background:#0A0E14;border:1px solid var(--cardline);box-shadow:var(--shadow);
}
body.sv2 .a-cap{display:grid;gap:2px;padding:0 4px;font-family:var(--sans)}
body.sv2 .a-cap b{font-size:12.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
body.sv2 .a-cap span{font-size:11px;color:var(--dim)}
/* ---- what you get ---- */
:is(body.sv2,body.sv9) .a-out{display:grid;grid-template-columns:230px 70px 1fr;gap:18px;align-items:center}
:is(body.sv2,body.sv9) .a-brief{
  background:var(--card);border:1px solid var(--cardline);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  transform:rotate(-2deg);
}
:is(body.sv2,body.sv9) .a-brief-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--cardline);background:var(--soft)}
:is(body.sv2,body.sv9) .a-brief-bar i{width:9px;height:9px;border-radius:50%;background:var(--cardline)}
:is(body.sv2,body.sv9) .a-brief-bar i:nth-child(1){background:#FF5F57}:is(body.sv2,body.sv9) .a-brief-bar i:nth-child(2){background:#FEBC2E}:is(body.sv2,body.sv9) .a-brief-bar i:nth-child(3){background:#28C840}
:is(body.sv2,body.sv9) .a-brief-bar span{margin-left:auto;font-size:11px;color:var(--dim);font-weight:600}
:is(body.sv2,body.sv9) .a-brief-body{padding:16px 14px 16px;display:grid;gap:6px}
:is(body.sv2,body.sv9) .a-brief-body b{font-size:14px;letter-spacing:-.01em}
:is(body.sv2,body.sv9) .a-brief-body span{font-size:12.5px;color:var(--dim)}
:is(body.sv2,body.sv9) .a-brief-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
:is(body.sv2,body.sv9) .a-brief-tags em{font-style:normal;font-size:11px;font-weight:700;color:var(--blue);background:rgba(112,176,255,.14);border-radius:99px;padding:4px 9px}
:is(body.sv2,body.sv9) .a-arrow{display:grid;gap:6px;justify-items:center}
:is(body.sv2,body.sv9) .a-arrow i{width:34px;height:2px;background:var(--blue);border-radius:2px;opacity:.9;position:relative}
:is(body.sv2,body.sv9) .a-arrow i::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid var(--blue)}
:is(body.sv2,body.sv9) .a-arrow i:nth-child(1){transform:rotate(-18deg) translateX(4px)}
:is(body.sv2,body.sv9) .a-arrow i:nth-child(3){transform:rotate(18deg) translateX(4px)}
:is(body.sv2,body.sv9) .a-phones{display:flex;gap:22px;justify-content:flex-start;align-items:flex-end}
:is(body.sv2,body.sv9) .a-phone{
  position:relative;flex:0 0 auto;width:min(176px,22vw);aspect-ratio:9/16;border-radius:26px;overflow:hidden;
  background:#0A0E14;border:1px solid var(--cardline);box-shadow:var(--shadow);
  transform:translateY(0) rotate(var(--pr,0));transition:transform .28s;
}
:is(body.sv2,body.sv9) .a-phone.reels{--pr:-3deg;transform:translateY(10px) rotate(-3deg)}
:is(body.sv2,body.sv9) .a-phone.shorts{--pr:3deg;transform:translateY(10px) rotate(3deg)}
:is(body.sv2,body.sv9) .a-phone.tiktok{z-index:2}
:is(body.sv2,body.sv9) .a-phone:hover{transform:translateY(-8px) rotate(0);z-index:3}
:is(body.sv2,body.sv9) .a-phone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(body.sv2,body.sv9) .a-ph-top{
  position:absolute;top:12px;left:0;right:0;text-align:center;z-index:2;
  font-family:var(--ui);font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);
}
:is(body.sv2,body.sv9) .a-phone.reels .a-ph-top::after{content:"";display:block;width:22px;height:2px;background:#fff;margin:4px auto 0;border-radius:2px}
:is(body.sv2,body.sv9) .a-ph-side{position:absolute;right:9px;bottom:52px;z-index:2;display:grid;gap:12px;justify-items:center}
:is(body.sv2,body.sv9) .a-ph-side i{display:grid;justify-items:center;gap:2px;font-style:normal;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
:is(body.sv2,body.sv9) .a-ph-side svg{width:22px;height:22px}
:is(body.sv2,body.sv9) .a-ph-side b{font-family:var(--ui);font-size:9.5px;font-weight:600}
:is(body.sv2,body.sv9) .a-ph-cap{
  position:absolute;left:10px;right:44px;bottom:12px;z-index:2;
  font-family:var(--ui);font-size:10.5px;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7);
}
:is(body.sv2,body.sv9) .a-ph-cap b{font-weight:700;margin-right:4px}
:is(body.sv2,body.sv9) .a-phone::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:1;pointer-events:none}
:is(body.sv2,body.sv9) .a-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
:is(body.sv2,body.sv9) .a-tile{
  background:var(--card);border:1px solid var(--cardline);border-radius:16px;padding:18px 18px 20px;
  display:grid;gap:8px;box-shadow:var(--shadow);transform:rotate(var(--tr,0));
}
:is(body.sv2,body.sv9) .a-tile:nth-child(odd){--tr:-.6deg}
:is(body.sv2,body.sv9) .a-tile:nth-child(even){--tr:.6deg}
:is(body.sv2,body.sv9) .a-tile b{font-size:16px;letter-spacing:-.01em;color:var(--blue)}
:is(body.sv2,body.sv9) .a-tile span{font-size:13px;line-height:1.5;color:var(--dim)}
@media (max-width:980px){
  :is(body.sv2,body.sv9) .a-out{grid-template-columns:1fr;justify-items:center}
  :is(body.sv2,body.sv9) .a-arrow{display:none}
  :is(body.sv2,body.sv9) .a-tiles{grid-template-columns:repeat(2,1fr)}
}
/* ---- industries ---- */
body.sv2 .a-seg{display:inline-flex;gap:4px;background:var(--soft);border:1px solid var(--cardline);border-radius:999px;padding:4px;margin-bottom:26px}
body.sv2 .a-seg .ixtab{
  font-family:var(--sans);font-weight:700;font-size:13px;color:var(--dim);background:none;border:none;border-radius:999px;padding:9px 18px;
  transition:background .16s,color .16s;
}
body.sv2 .a-seg .ixtab.on{background:var(--card);color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.18)}
body.sv2 .a-ind .ixpane{display:none}
body.sv2 .a-ind .ixpane.open{display:block}
body.sv2 .a-ind-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
body.sv2 .a-ind-copy b{display:block;font-size:22px;letter-spacing:-.02em;line-height:1.2}
body.sv2 .a-ind-copy p{margin-top:12px;font-size:15px;line-height:1.65;color:var(--dim);max-width:52ch;font-family:var(--sans);font-style:normal}
body.sv2 .a-ind-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body.sv2 .a-ind-copy li{font-size:12.5px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--cardline);border-radius:99px;padding:6px 12px}
body.sv2 .a-ind-reels{display:flex;gap:14px}
body.sv2 .a-reel{
  position:relative;width:clamp(96px,10vw,132px);aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#0A0E14;
  border:1px solid var(--cardline);box-shadow:var(--shadow);transform:rotate(var(--rr,0));transition:transform .22s;
}
body.sv2 .a-reel:nth-child(1){--rr:-2deg}body.sv2 .a-reel:nth-child(2){--rr:1.2deg}body.sv2 .a-reel:nth-child(3){--rr:-1deg}body.sv2 .a-reel:nth-child(4){--rr:2deg}
body.sv2 .a-reel:hover{transform:translateY(-6px) rotate(0)}
@media (max-width:900px){body.sv2 .a-ind-grid{grid-template-columns:1fr}body.sv2 .a-ind-reels{flex-wrap:wrap}}
/* ---- process week ---- */
body.sv2 .a-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
body.sv2 .a-week::before{content:"";position:absolute;left:8%;right:8%;top:32px;height:2px;background:linear-gradient(90deg,var(--cardline),var(--blue));z-index:0}
body.sv2 .a-day{
  position:relative;z-index:1;background:var(--card);border:1px solid var(--cardline);border-radius:16px;padding:18px 16px 18px;
  display:grid;gap:6px;box-shadow:var(--shadow);transform:rotate(var(--dr,0));
}
body.sv2 .a-day:nth-child(odd){--dr:-.8deg}body.sv2 .a-day:nth-child(even){--dr:.8deg}
body.sv2 .a-day span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
body.sv2 .a-day b{font-size:17px;letter-spacing:-.01em}
body.sv2 .a-day small{font-size:12.5px;line-height:1.45;color:var(--dim)}
body.sv2 .a-day.hot{background:var(--btn);border-color:transparent;box-shadow:0 18px 40px rgba(61,127,217,.4)}
body.sv2 .a-day.hot span,body.sv2 .a-day.hot b,body.sv2 .a-day.hot small{color:#fff}
:is(body.sv2,body.sv9) .a-note{margin-top:22px;font-size:14px;color:var(--dim)}
@media (max-width:900px){body.sv2 .a-week{grid-template-columns:repeat(2,1fr)}body.sv2 .a-week::before{display:none}}
/* ---- compare: two ad accounts ---- */
body.sv2 .a-cmp{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch}
body.sv2 .a-acct{background:var(--card);border:1px solid var(--cardline);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
body.sv2 .a-acct.before{filter:saturate(.4);opacity:.86;transform:rotate(-.8deg)}
body.sv2 .a-acct.after{border-color:rgba(112,176,255,.4);box-shadow:0 0 0 1px rgba(112,176,255,.15),0 28px 70px rgba(61,127,217,.25);transform:rotate(.6deg)}
body.sv2 .a-acct-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cardline);background:var(--soft);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
body.sv2 .a-acct-bar img{height:13px}
body.sv2.light .a-acct-bar img{filter:invert(1) brightness(.15)}
body.sv2 .a-acct-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding:16px}
body.sv2 .a-acct-grid.sparse{grid-template-columns:repeat(8,minmax(0,1fr))}
body.sv2 .a-ghost{aspect-ratio:9/16;border-radius:8px;background:linear-gradient(160deg,rgba(128,136,148,.35),rgba(128,136,148,.12));border:1px dashed var(--cardline);display:grid;place-items:end center;padding:6px}
body.sv2 .a-ghost i{font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C0392B;background:rgba(192,57,43,.14);border-radius:4px;padding:2px 5px}
body.sv2 .a-ghost.empty{background:none;border-style:dashed}
body.sv2 .a-live{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#0A0E14;border:1px solid rgba(112,176,255,.25)}
body.sv2 .a-more{aspect-ratio:9/16;border-radius:8px;background:rgba(112,176,255,.14);border:1px solid rgba(112,176,255,.3);display:grid;place-content:center;text-align:center;color:var(--blue);font-weight:800;font-size:15px;letter-spacing:-.02em;line-height:1}
body.sv2 .a-more small{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;opacity:.8}
body.sv2 .a-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:6px 16px 18px;margin-top:auto}
body.sv2 .a-metrics div{display:grid;gap:3px;padding:12px 10px;border-radius:12px;background:var(--soft);border:1px solid var(--cardline)}
body.sv2 .a-metrics b{font-size:20px;letter-spacing:-.03em;line-height:1}
body.sv2 .a-metrics span{font-size:10.5px;line-height:1.35;color:var(--dim)}
body.sv2 .a-acct.after .a-metrics b{color:var(--blue)}
body.sv2 .a-metrics .no b{color:#C0392B;font-size:16px}
body.sv2 .a-metrics .yes b{color:#2FAF6A;font-size:16px}
@media (max-width:980px){body.sv2 .a-cmp{grid-template-columns:1fr}body.sv2 .a-metrics{grid-template-columns:repeat(3,1fr)}}
/* ---- anatomy ---- */
body.sv2 #anatomy{padding:64px 0 70px}
body.sv2 .a-an{display:grid;grid-template-columns:auto minmax(0,1fr);gap:44px;align-items:center;max-width:900px;margin:0 auto}
body.sv2 .a-an-stage{
  position:relative;height:clamp(300px,44vh,430px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;
  background:#0A0E14;border:1px solid var(--cardline);box-shadow:var(--shadow);display:grid;place-items:center;transform:rotate(-1deg);
}
body.sv2 .a-an-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sv2 .a-an-w{position:relative;z-index:2;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,27px);color:#F0F6FC;text-align:center;padding:0 14px;text-shadow:0 4px 24px rgba(0,0,0,.65)}
body.sv2 .a-an-w b{color:var(--blue);font-weight:400}
body.sv2 .a-an-tc{position:absolute;top:11px;right:13px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(240,246,252,.85)}
body.sv2 .a-an-cap{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;text-align:center;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.4;background:rgba(10,14,20,.82);color:#F0F6FC;border-radius:9px;padding:6px 8px;backdrop-filter:blur(6px)}
body.sv2 .a-an-scrub{position:relative;height:6px;margin-top:16px;border-radius:3px;background:var(--cardline);cursor:ew-resize}
body.sv2 .a-an-scrub .playhead{position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:2px;background:var(--blue);box-shadow:0 0 12px rgba(112,176,255,.6)}
body.sv2 .a-an-scrub .playhead::before{display:none}
body.sv2 .a-an-r>p{margin:0 0 14px;font-size:14px;color:var(--dim)}
body.sv2 .a-an-steps{display:grid;gap:8px}
body.sv2 .a-an-steps .an-row{
  display:grid;grid-template-columns:30px 1fr;align-items:baseline;column-gap:12px;width:100%;text-align:left;
  background:var(--card);border:1px solid var(--cardline);border-radius:14px;padding:13px 16px;color:var(--ink);
  box-shadow:none;transform:none;transition:border-color .18s,transform .18s,background .18s;font-family:var(--sans);
}
body.sv2 .a-an-steps .an-row i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--dim)}
body.sv2 .a-an-steps .an-row b{font-size:16px;letter-spacing:-.01em}
body.sv2 .a-an-steps .an-row span{grid-column:2;font-size:13px;color:var(--dim);margin-top:2px}
body.sv2 .a-an-steps .an-row.on{border-color:var(--blue);background:rgba(112,176,255,.1);transform:translateX(4px)}
body.sv2 .a-an-steps .an-row.on i,body.sv2 .a-an-steps .an-row.on b{color:var(--blue)}
@media (max-width:880px){body.sv2 .a-an{grid-template-columns:1fr;justify-items:center}body.sv2 .a-an-r{width:100%}}
/* ---- pricing ---- */
:is(body.sv2,body.sv9) .a-price{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
:is(body.sv2,body.sv9) .a-price-num{font-weight:900;font-size:clamp(56px,8vw,110px);line-height:.95;letter-spacing:-.03em}
:is(body.sv2,body.sv9) .a-price-num em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.42em;color:var(--blue);margin-left:.15em}
:is(body.sv2,body.sv9) .a-price-l p{margin-top:18px;font-size:14.5px;color:var(--dim);line-height:1.6;max-width:46ch}
:is(body.sv2,body.sv9) .a-price-l p b{color:var(--ink)}
:is(body.sv2,body.sv9) .a-price-card{background:var(--card);border:1px solid var(--cardline);border-radius:20px;padding:22px 24px 20px;box-shadow:var(--shadow);transform:rotate(1deg)}
:is(body.sv2,body.sv9) .a-price-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:rgba(112,176,255,.14);border-radius:99px;padding:5px 10px;margin-bottom:10px}
:is(body.sv2,body.sv9) .a-price-tag.dim{color:var(--dim);background:var(--soft);margin-top:16px}
:is(body.sv2,body.sv9) .a-price-card ul{list-style:none;display:grid}
:is(body.sv2,body.sv9) .a-price-card li{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid var(--cardline)}
:is(body.sv2,body.sv9) .a-price-card ul:not(.dim) li:last-child{border-bottom:none}
:is(body.sv2,body.sv9) .a-price-card ul.dim li:last-child{border-bottom:none}
:is(body.sv2,body.sv9) .a-price-card li b{font-size:14.5px;letter-spacing:-.01em}
:is(body.sv2,body.sv9) .a-price-card li span{font-size:12.5px;color:var(--dim)}
:is(body.sv2,body.sv9) .a-price-card ul.dim li b{color:var(--dim);font-weight:600}
@media (max-width:880px){:is(body.sv2,body.sv9) .a-price{grid-template-columns:1fr;gap:30px}}
/* light theme touch-ups for the shared bits of variant A */
body.sv2.light .a-card,body.sv2.light .a-reel,:is(body.sv2.light) .a-phone{border-color:rgba(17,20,24,.1)}
body.sv2.light #v4 .cut .cin{box-shadow:0 24px 60px rgba(17,20,24,.18)}
body.sv2.light .switch{background:rgba(255,255,255,.92)}
body.sv2.light .lbtn.solid{background:#3D7FD9;color:#fff;box-shadow:0 12px 28px rgba(61,127,217,.35)}
body.sv2.light .H .sel{background:rgba(61,127,217,.16);box-shadow:0 0 0 1px rgba(61,127,217,.5)}
body.sv2.light .receipt{box-shadow:0 18px 46px rgba(17,20,24,.14)}
body.sv2.light .zn-tape{background:#3D7FD9;color:#fff}

/* ==================== ROUND 7 · VARIANT C — CHROME ==================== */
body.sv9{--bg:#050709;--panel:#0B0F15;--ink:#F0F6FC;--dim:#8B98A8;--line:rgba(240,246,252,.12);--line-soft:rgba(240,246,252,.06);background:#050709}
body.sv9 .topbar{background:rgba(5,7,9,.72)}
body.sv9 .switch{background:rgba(11,15,21,.9)}
.c-chrome{
  background:linear-gradient(100deg,#E9F1FA 0%,#8FA6BF 18%,#FFFFFF 36%,#5F7391 54%,#DCE7F3 70%,#8FA6BF 86%,#F4F8FC 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:cshine 6s linear infinite;
}
@keyframes cshine{to{background-position:-220% 0}}
body.sv9 .c-head{margin-bottom:40px;max-width:820px}
body.sv9 .c-head.center{margin-left:auto;margin-right:auto;text-align:center}
body.sv9 .c-head p{margin-top:16px;color:var(--dim);font-size:16px;line-height:1.6;max-width:60ch}
body.sv9 .c-head.center p{margin-left:auto;margin-right:auto}
.c-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.c-eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,#8FA6BF,#F0F6FC);vertical-align:middle;margin-right:10px}
body.sv9 .c-h2{font-weight:900;font-size:clamp(32px,4.8vw,58px);line-height:1;letter-spacing:-.03em;text-transform:none;text-wrap:balance}
body.sv9 .c-h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:1.04em}
body.sv9 section{padding:104px 0}
/* hero */
#v12 .c-stage{background:radial-gradient(60% 50% at 50% 0%,rgba(61,127,217,.22),transparent 70%),#050709}
#v12 .c-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#v12 .c-mesh i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:meshDrift 18s ease-in-out infinite alternate}
#v12 .c-mesh .m1{width:620px;height:620px;background:#1E3F73;left:-200px;top:-220px}
#v12 .c-mesh .m2{width:520px;height:520px;background:#3D7FD9;right:-180px;top:10%;animation-delay:-6s;opacity:.35}
#v12 .c-mesh .m3{width:700px;height:400px;background:#8FA6BF;left:30%;bottom:-260px;opacity:.16;animation-delay:-11s}
@keyframes meshDrift{to{transform:translate(60px,40px) scale(1.12)}}
#v12 .c-grid{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(240,246,252,.05) 1px,transparent 1px) 0 0/100% 64px,linear-gradient(90deg,rgba(240,246,252,.05) 1px,transparent 1px) 0 0/64px 100%;
  mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%)}
#v12 .c-center{position:absolute;left:50%;top:13vh;transform:translateX(-50%);z-index:6;text-align:center;width:min(980px,92vw)}
#v12 .c-kick{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
#v12 .c-H{margin-top:16px;font-weight:900;font-size:clamp(40px,6.2vw,82px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
#v12 .c-H em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);letter-spacing:0}
#v12 .c-sub{margin:20px auto 0;max-width:52ch;font-size:16px;line-height:1.6;color:var(--dim)}
#v12 .c-sub b{color:var(--ink);font-weight:700}
#v12 .c-ctas{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.c-btn{
  position:relative;display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-weight:700;font-size:15px;letter-spacing:-.01em;color:#050709;border-radius:999px;padding:14px 26px;
  background:linear-gradient(180deg,#FFFFFF,#C9D6E5 55%,#9FB2C8);
  box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(143,166,191,.25),0 0 0 1px rgba(255,255,255,.35);
  transition:transform .14s,box-shadow .14s;
}
.c-btn i{font-style:normal}
.c-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(143,166,191,.35),0 0 0 1px rgba(255,255,255,.5)}
.c-btn.ghost{background:rgba(240,246,252,.06);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(240,246,252,.2);backdrop-filter:blur(8px)}
.c-btn.ghost:hover{box-shadow:inset 0 0 0 1px rgba(240,246,252,.4)}
body.sv9 .c-an-r .c-btn,body.sv9 .c-price-l .c-btn{margin-top:22px}
#v12 .c-ring-wrap{position:absolute;left:50%;top:64%;width:0;height:0;perspective:1400px;z-index:3;cursor:grab}
#v12 .c-ring{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--ry,0deg))}
#v12 .c-rc{
  position:absolute;left:-72px;top:-128px;width:144px;height:256px;border-radius:16px;overflow:hidden;background:#0A0E14;
  border:1px solid rgba(240,246,252,.18);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px rgba(143,166,191,.15);
  transform:rotateY(calc(var(--i) * 45deg)) translateZ(430px);backface-visibility:hidden;
}
#v12 .c-rc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 30%,transparent 70%,rgba(0,0,0,.35));pointer-events:none}
#v12 .c-ring-floor{position:absolute;left:-560px;top:120px;width:1120px;height:260px;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(61,127,217,.35),rgba(61,127,217,.08) 45%,transparent 70%);filter:blur(10px);transform:rotateX(70deg);pointer-events:none}
#v12 .c-hud{position:absolute;bottom:26px;z-index:6;display:grid;gap:2px;font-size:12px;color:var(--dim)}
#v12 .c-hud>div{display:grid;gap:2px}
#v12 .c-hud b{font-size:22px;letter-spacing:-.03em;color:var(--ink)}
#v12 .c-hud.l{left:max(24px,calc(50% - 560px))}
#v12 .c-hud.r{right:max(24px,calc(50% - 560px));text-align:right}
@media (max-width:760px){#v12 .c-rc{width:110px;height:196px;left:-55px;top:-98px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(300px)}#v12 .c-hud{display:none}}
/* coverflow feed */
body.sv9 .c-cover{position:relative;height:440px;perspective:1200px;overflow:hidden;cursor:grab;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
body.sv9 .c-cover:active{cursor:grabbing}
body.sv9 .c-cover-track{position:absolute;left:50%;top:20px;width:0;height:0;transform-style:preserve-3d}
body.sv9 .c-cf{position:absolute;left:-100px;top:0;width:200px;height:356px;border-radius:18px;overflow:hidden;background:#0A0E14;
  border:1px solid rgba(240,246,252,.16);box-shadow:0 30px 60px rgba(0,0,0,.6);will-change:transform;transition:box-shadow .3s}
body.sv9 .c-cf.focus{box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(143,166,191,.5),0 0 60px rgba(61,127,217,.35)}
body.sv9 .c-cf-cap{position:absolute;left:10px;bottom:10px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(5,7,9,.7);border-radius:8px;padding:5px 9px;backdrop-filter:blur(6px)}
body.sv9 .c-cover-floor{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(61,127,217,.12));pointer-events:none}
/* what you get */
body.sv9 .c-out{display:grid;gap:30px;justify-items:center}
body.sv9 .c-fan{position:relative;display:flex;justify-content:center;align-items:flex-end;height:390px;width:100%}
body.sv9 .c-phone{position:absolute;bottom:0;width:190px;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#0A0E14;
  border:1px solid rgba(240,246,252,.2);box-shadow:0 34px 70px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.06);transform-origin:50% 100%;transition:transform .3s}
body.sv9 .c-phone.l{transform:translateX(-170px) rotate(-11deg);z-index:1}
body.sv9 .c-phone.m{transform:translateY(-14px);z-index:3}
body.sv9 .c-phone.r{transform:translateX(170px) rotate(11deg);z-index:2}
body.sv9 .c-fan:hover .c-phone.l{transform:translateX(-215px) rotate(-14deg)}
body.sv9 .c-fan:hover .c-phone.r{transform:translateX(215px) rotate(14deg)}
body.sv9 .c-fan:hover .c-phone.m{transform:translateY(-30px)}
body.sv9 .c-phone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sv9 .c-phone::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
body.sv9 .c-ph-top{position:absolute;top:12px;left:0;right:0;text-align:center;z-index:2;font-family:var(--ui);font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
body.sv9 .c-ph-side{position:absolute;right:10px;bottom:48px;z-index:2;display:grid;gap:12px}
body.sv9 .c-ph-side i{color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
body.sv9 .c-ph-side svg{width:22px;height:22px;display:block}
body.sv9 .c-ph-cap{position:absolute;left:12px;right:44px;bottom:14px;z-index:2;font-family:var(--ui);font-size:11px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
body.sv9 .c-ph-cap b{font-weight:700;margin-right:4px}
body.sv9 .c-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.c-holo{
  display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#050709;border-radius:999px;padding:7px 13px;
  background:linear-gradient(110deg,#E9F1FA,#9CC7FF 30%,#FFFFFF 50%,#8FA6BF 70%,#DCE7F3);background-size:200% 100%;animation:cshine 7s linear infinite;
}
.c-holo.dim{background:rgba(240,246,252,.08);color:var(--dim);animation:none}
body.sv9 .c-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
body.sv9 .c-tile{background:linear-gradient(180deg,rgba(240,246,252,.06),rgba(240,246,252,.02));border:1px solid rgba(240,246,252,.1);border-radius:18px;padding:20px;display:grid;gap:8px}
body.sv9 .c-tile b{font-size:16px;letter-spacing:-.01em}
body.sv9 .c-tile span{font-size:13px;line-height:1.5;color:var(--dim)}
@media (max-width:900px){body.sv9 .c-tiles{grid-template-columns:repeat(2,1fr)}body.sv9 .c-phone{width:140px}body.sv9 .c-phone.l{transform:translateX(-120px) rotate(-11deg)}body.sv9 .c-phone.r{transform:translateX(120px) rotate(11deg)}}
/* industries */
body.sv9 .c-ind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.sv9 .c-ind-tile{position:relative;border-radius:24px;padding:28px 24px 26px;background:linear-gradient(180deg,rgba(240,246,252,.06),rgba(240,246,252,.015));border:1px solid rgba(240,246,252,.1);overflow:hidden;display:grid;gap:10px;align-content:end;min-height:520px}
body.sv9 .c-ind-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 0%,rgba(61,127,217,.25),transparent 70%);pointer-events:none}
body.sv9 .c-stack{position:relative;height:290px;margin-bottom:8px}
body.sv9 .c-sreel{position:absolute;left:50%;top:0;width:150px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0A0E14;border:1px solid rgba(240,246,252,.18);box-shadow:0 24px 50px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body.sv9 .c-sreel:nth-child(1){transform:translateX(-50%) rotate(-6deg) translateY(14px);z-index:1}
body.sv9 .c-sreel:nth-child(2){transform:translateX(-50%) rotate(0) translateY(0);z-index:3}
body.sv9 .c-sreel:nth-child(3){transform:translateX(-50%) rotate(6deg) translateY(14px);z-index:2}
body.sv9 .c-ind-tile:hover .c-sreel:nth-child(1){transform:translateX(-118%) rotate(-10deg) translateY(10px)}
body.sv9 .c-ind-tile:hover .c-sreel:nth-child(3){transform:translateX(18%) rotate(10deg) translateY(10px)}
body.sv9 .c-ind-tile:hover .c-sreel:nth-child(2){transform:translateX(-50%) translateY(-10px) scale(1.04)}
body.sv9 .c-ind-tile b{font-size:22px;letter-spacing:-.02em}
body.sv9 .c-ind-tile span{font-size:13.5px;line-height:1.55;color:var(--dim)}
@media (max-width:900px){body.sv9 .c-ind{grid-template-columns:1fr}}
/* rail */
body.sv9 .c-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:34px}
body.sv9 .c-rail-line{position:absolute;left:10%;right:10%;top:14px;height:2px;background:linear-gradient(90deg,rgba(240,246,252,.15),#8FA6BF,#70B0FF)}
body.sv9 .c-rail-pulse{position:absolute;top:9px;left:10%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 20px #70B0FF,0 0 40px #70B0FF;animation:railPulse 4.5s ease-in-out infinite}
@keyframes railPulse{to{left:calc(90% - 12px)}}
body.sv9 .c-node{position:relative;display:grid;gap:6px;padding:20px 16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(240,246,252,.06),rgba(240,246,252,.02));border:1px solid rgba(240,246,252,.1)}
body.sv9 .c-node::before{content:"";position:absolute;left:50%;top:-26px;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#fff,#8FA6BF);transform:translateX(-50%);box-shadow:0 0 0 3px #050709,0 0 0 4px rgba(240,246,252,.25)}
body.sv9 .c-node span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
body.sv9 .c-node b{font-size:17px;letter-spacing:-.01em}
body.sv9 .c-node small{font-size:12.5px;line-height:1.45;color:var(--dim)}
body.sv9 .c-node.hot{background:linear-gradient(180deg,rgba(112,176,255,.22),rgba(61,127,217,.08));border-color:rgba(112,176,255,.5);box-shadow:0 0 50px rgba(61,127,217,.25)}
body.sv9 .c-node.hot::before{background:#70B0FF;box-shadow:0 0 0 3px #050709,0 0 18px #70B0FF}
@media (max-width:900px){body.sv9 .c-rail{grid-template-columns:repeat(2,1fr)}body.sv9 .c-rail-line,body.sv9 .c-rail-pulse,body.sv9 .c-node::before{display:none}}
/* compare plates */
body.sv9 .c-cmp{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:stretch}
body.sv9 .c-plate{position:relative;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(240,246,252,.1)}
body.sv9 .c-plate.matte{background:linear-gradient(160deg,#141920,#0B0F15);filter:saturate(.4)}
body.sv9 .c-plate.holo{background:linear-gradient(160deg,#101826,#0B0F15);border-color:rgba(143,166,191,.4);box-shadow:0 30px 80px rgba(61,127,217,.25)}
body.sv9 [data-foil]::before{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:0;opacity:.9;
  background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.22),rgba(112,176,255,.14) 22%,transparent 55%);transition:opacity .3s}
body.sv9 .c-plate>*{position:relative;z-index:1}
body.sv9 .c-plate-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(240,246,252,.1);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
body.sv9 .c-plate-bar img{height:13px}
body.sv9 .c-plate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:18px}
body.sv9 .c-plate-grid.live{grid-template-columns:repeat(9,minmax(0,1fr))}
body.sv9 .c-ghost{aspect-ratio:9/16;border-radius:8px;background:linear-gradient(160deg,rgba(128,136,148,.3),rgba(128,136,148,.08));border:1px dashed rgba(240,246,252,.15);display:grid;place-items:end center;padding:6px}
body.sv9 .c-ghost i{font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E05C4B;background:rgba(192,57,43,.16);border-radius:4px;padding:2px 5px}
body.sv9 .c-ghost.empty{background:none}
body.sv9 .c-live{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#0A0E14;border:1px solid rgba(143,166,191,.35)}
body.sv9 .c-more{aspect-ratio:9/16;border-radius:8px;display:grid;place-items:center;font-weight:800;letter-spacing:-.02em;color:#050709;background:linear-gradient(180deg,#FFFFFF,#9FB2C8)}
body.sv9 .c-mets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:4px 18px 18px;margin-top:auto}
body.sv9 .c-mets div{display:grid;gap:3px;padding:12px 10px;border-radius:12px;background:rgba(240,246,252,.05);border:1px solid rgba(240,246,252,.08)}
body.sv9 .c-mets b{font-size:20px;letter-spacing:-.03em;line-height:1}
body.sv9 .c-mets span{font-size:10.5px;line-height:1.35;color:var(--dim)}
body.sv9 .c-plate.holo .c-mets b{color:#fff}
body.sv9 .c-mets .no b{color:#E05C4B;font-size:16px}
body.sv9 .c-mets .yes b{color:#70B0FF;font-size:16px}
@media (max-width:980px){body.sv9 .c-cmp{grid-template-columns:1fr}}
/* anatomy */
body.sv9 #anatomy{padding:70px 0}
body.sv9 .c-an{display:grid;grid-template-columns:auto minmax(0,1fr);gap:46px;align-items:center;max-width:920px;margin:0 auto}
body.sv9 .c-bezel{padding:8px;border-radius:30px;background:linear-gradient(180deg,#F0F6FC,#8FA6BF 40%,#5F7391);box-shadow:0 30px 70px rgba(0,0,0,.6)}
body.sv9 .c-an-stage{position:relative;height:clamp(300px,42vh,420px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0A0E14;display:grid;place-items:center}
body.sv9 .c-an-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sv9 .c-an-w{position:relative;z-index:2;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,27px);color:#fff;text-align:center;padding:0 14px;text-shadow:0 4px 24px rgba(0,0,0,.65)}
body.sv9 .c-an-w b{color:var(--blue);font-weight:400}
body.sv9 .c-an-tc{position:absolute;top:11px;right:13px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(240,246,252,.85)}
body.sv9 .c-an-cap{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;text-align:center;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.4;background:rgba(5,7,9,.8);color:#fff;border-radius:9px;padding:6px 8px;backdrop-filter:blur(6px)}
body.sv9 .c-an-scrub{position:relative;height:6px;margin:18px 8px 0;border-radius:3px;background:rgba(240,246,252,.14);cursor:ew-resize}
body.sv9 .c-an-scrub .playhead{position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:2px;background:#fff;box-shadow:0 0 14px #70B0FF}
body.sv9 .c-an-scrub .playhead::before{display:none}
body.sv9 .c-an-r>p{margin:0 0 14px;font-size:14px;color:var(--dim)}
body.sv9 .c-an-steps{display:grid;gap:8px}
body.sv9 .c-an-steps .an-row{display:grid;grid-template-columns:30px 1fr;align-items:baseline;column-gap:12px;width:100%;text-align:left;background:rgba(240,246,252,.04);border:1px solid rgba(240,246,252,.1);border-radius:14px;padding:13px 16px;color:var(--ink);box-shadow:none;transform:none;transition:all .18s;font-family:var(--sans)}
body.sv9 .c-an-steps .an-row i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--dim)}
body.sv9 .c-an-steps .an-row b{font-size:16px;letter-spacing:-.01em}
body.sv9 .c-an-steps .an-row span{grid-column:2;font-size:13px;color:var(--dim);margin-top:2px}
body.sv9 .c-an-steps .an-row.on{border-color:rgba(143,166,191,.6);background:linear-gradient(180deg,rgba(240,246,252,.1),rgba(240,246,252,.04));transform:translateX(4px)}
body.sv9 .c-an-steps .an-row.on i,body.sv9 .c-an-steps .an-row.on b{color:#fff}
@media (max-width:880px){body.sv9 .c-an{grid-template-columns:1fr;justify-items:center}body.sv9 .c-an-r{width:100%}}
/* metal receipts */
body.sv9 .c-metals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto}
body.sv9 .c-metal{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0;border-radius:24px;padding:24px;color:#050709;
  background:linear-gradient(160deg,#F7FAFD 0%,#D6E0EC 35%,#EEF3F8 55%,#B9C7D8 100%);box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 1px 0 #fff}
body.sv9 .c-metal>*{position:relative;z-index:1}
body.sv9 .c-metal[data-foil]::before{background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.9),rgba(112,176,255,.25) 25%,transparent 55%)}
body.sv9 .c-metal-top{display:flex;align-items:center;justify-content:space-between;min-height:34px}
body.sv9 .c-metal-top .up{height:30px}
body.sv9 .c-metal-top .trp{height:24px}
body.sv9 .c-metal-top .lg{height:15px;filter:invert(1) brightness(.1)}
body.sv9 .c-metal-top span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4A5A6E}
body.sv9 .c-metal-hero{margin-top:22px;display:grid;gap:2px}
body.sv9 .c-metal-hero b{font-size:46px;font-weight:900;letter-spacing:-.04em;line-height:1}
body.sv9 .c-metal-hero span{font-size:13px;color:#4A5A6E}
body.sv9 .c-metal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(5,7,9,.12)}
body.sv9 .c-metal-grid b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em}
body.sv9 .c-metal-grid span{display:block;font-size:12px;color:#4A5A6E;margin-top:2px;line-height:1.4}
body.sv9 .c-metal p,body.sv9 .c-metal-link{margin-top:auto;padding-top:18px;font-size:12.5px;line-height:1.5;color:#4A5A6E}
body.sv9 .c-metal-link{font-weight:700;color:#2E6FD8;text-decoration:none}
@media (max-width:960px){body.sv9 .c-metals{grid-template-columns:1fr}}
/* pricing */
body.sv9 .c-price{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
body.sv9 .c-price-num{font-weight:900;font-size:clamp(64px,9vw,128px);line-height:.95;letter-spacing:-.04em;display:flex;align-items:baseline;gap:.15em}
body.sv9 .c-price-num em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.36em;color:var(--blue)}
body.sv9 .c-price-l p{margin-top:18px;font-size:14.5px;color:var(--dim);line-height:1.6;max-width:46ch}
body.sv9 .c-price-l p b{color:var(--ink)}
body.sv9 .c-price-card{position:relative;overflow:hidden;border-radius:22px;padding:22px 24px 20px;background:linear-gradient(180deg,rgba(240,246,252,.07),rgba(240,246,252,.02));border:1px solid rgba(240,246,252,.12)}
body.sv9 .c-price-card>*{position:relative;z-index:1}
body.sv9 .c-price-card .c-holo{margin-bottom:10px}
body.sv9 .c-price-card .c-holo.dim{margin-top:16px}
body.sv9 .c-price-card ul{list-style:none}
body.sv9 .c-price-card li{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid rgba(240,246,252,.08)}
body.sv9 .c-price-card ul li:last-child{border-bottom:none}
body.sv9 .c-price-card li b{font-size:14.5px;letter-spacing:-.01em}
body.sv9 .c-price-card li span{font-size:12.5px;color:var(--dim)}
body.sv9 .c-price-card ul.dim li b{color:var(--dim);font-weight:600}
@media (max-width:880px){body.sv9 .c-price{grid-template-columns:1fr;gap:30px}}
/* shared bits in chrome */
body.sv9 .logos,body.sv9 .clients{border-color:rgba(240,246,252,.08)}
body.sv9 .notif{background:rgba(20,26,34,.78);box-shadow:0 18px 40px rgba(0,0,0,.6)}
body.sv9 .notif .n-line{color:#F0F6FC}
body.sv9 .notif .n-app{color:rgba(235,240,248,.6)}
body.sv9 .notif .n-time{color:rgba(235,240,248,.5)}
body.sv9 .finale h2{text-transform:none;letter-spacing:-.03em}
body.sv9 .btn.solid{background:linear-gradient(180deg,#FFFFFF,#C9D6E5 55%,#9FB2C8);color:#050709;border:none;border-radius:999px;padding:14px 28px}
body.sv9 .btn.solid:hover{background:linear-gradient(180deg,#FFFFFF,#DCE7F3 55%,#B7C6D9);color:#050709}
body.sv9 .topbar .book{background:linear-gradient(180deg,#FFFFFF,#C9D6E5);color:#050709;border-radius:999px}

/* chrome hero geometry: ring sits under the copy, never over the buttons */
#v12 .c-center{top:11vh}
#v12 .c-H{font-size:clamp(38px,5.8vw,76px)}
#v12 .c-ring-wrap{top:67%}
#v12 .c-rc{width:124px;height:220px;left:-62px;top:-110px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(400px)}
#v12 .c-ring{transform:rotateX(-18deg) rotateY(var(--ry,0deg))}
#v12 .c-ring-floor{top:90px}
#v12 .c-hud{bottom:22px}
@media (max-height:800px){#v12 .c-hud{display:none}}
@media (max-height:700px){#v12 .c-center{top:8vh}#v12 .c-sub{display:none}#v12 .c-ring-wrap{top:64%}#v12 .c-rc{width:104px;height:184px;left:-52px;top:-92px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(340px)}}

/* chrome hero: copy left, ring right */
#v12 .c-center{left:max(24px,calc(50% - 560px));top:50%;transform:translateY(-52%);text-align:left;width:min(560px,52vw)}
#v12 .c-H{font-size:clamp(38px,4.6vw,66px);margin-top:14px}
#v12 .c-sub{margin:18px 0 0;max-width:42ch}
#v12 .c-ctas{justify-content:flex-start}
#v12 .c-ring-wrap{left:71%;top:52%}
#v12 .c-ring{transform:rotateX(-20deg) rotateY(var(--ry,0deg))}
#v12 .c-rc{width:130px;height:230px;left:-65px;top:-115px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(280px)}
#v12 .c-ring-floor{left:-420px;top:70px;width:840px;height:220px}
#v12 .c-hud.r{display:none}
#v12 .c-hud.l{left:max(24px,calc(50% - 560px));bottom:30px;display:flex;gap:34px}
#v12 .c-hud.l b{display:block}
@media (max-height:800px){#v12 .c-hud{display:flex}}
@media (max-width:1000px){
  #v12 .c-center{left:50%;top:12vh;transform:translateX(-50%);text-align:center;width:min(760px,92vw)}
  #v12 .c-ctas{justify-content:center}
  #v12 .c-ring-wrap{left:50%;top:74%}
  #v12 .c-rc{width:100px;height:178px;left:-50px;top:-89px;transform:rotateY(calc(var(--i) * 45deg)) translateZ(260px)}
  #v12 .c-hud{display:none}
}

#v12 .c-rc{transform:rotateY(calc(var(--i) * 30deg)) translateZ(300px)}
@media (max-width:1000px){#v12 .c-rc{transform:rotateY(calc(var(--i) * 30deg)) translateZ(270px)}}
#v12 .c-hud.l{bottom:22px}
#v12 .c-hud b{font-size:19px}

#v12 .c-ring-wrap{left:73.5%}
/* ==================== ROUND 8 ==================== */
/* cursor v2 — classic arrow proportions */
body{cursor:url("/assets/img/x/da6428a216c3.svg") 1 1, auto}
a,button,.btn,[role="button"],.ixtab,.ixrow-head,.an-row,.sw-btn{cursor:url("/assets/img/x/eb69a7d1e3bd.svg") 1 1, pointer}
body.light{cursor:url("/assets/img/x/94365bf189e4.svg") 1 1, auto}
body.light a,body.light button,body.light .btn,body.light [role="button"],body.light .ixtab,body.light .ixrow-head,body.light .an-row,body.light .sw-btn{cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDI0IDM4IiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSI4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSI4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjEwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMCIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIxMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjIiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iMTIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSIxMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjgiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTAiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjE0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNiIgeT0iMTQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI4IiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEwIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEyIiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIxNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIxNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNCIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNiIgeT0iMTYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIxOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjIiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iMTgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSIxOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjgiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTAiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTIiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTQiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTYiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTgiIHk9IjE4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNiIgeT0iMjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI4IiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEwIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEyIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE2IiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE4IiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjIwIiB5PSIyMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIyMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjYiIHk9IjIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iOCIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMCIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxMiIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNCIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIxNiIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIxOCIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyMCIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyMiIgeT0iMjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjIiIHk9IjI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNCIgeT0iMjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI2IiB5PSIyNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjgiIHk9IjI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMTAiIHk9IjI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTIiIHk9IjI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iMTQiIHk9IjI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMCIgeT0iMjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIyIiB5PSIyNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjQiIHk9IjI2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjNzBCMEZGIi8+PHJlY3QgeD0iNiIgeT0iMjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSI4IiB5PSIyNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEwIiB5PSIyNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjEyIiB5PSIyNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIyNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjI4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSI0IiB5PSIyOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEwIiB5PSIyOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEyIiB5PSIyOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE0IiB5PSIyOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE2IiB5PSIyOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjAiIHk9IjMwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjMEEwRTE0Ii8+PHJlY3QgeD0iMiIgeT0iMzAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIxMCIgeT0iMzAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIxMiIgeT0iMzAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNCIgeT0iMzAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiM3MEIwRkYiLz48cmVjdCB4PSIxNiIgeT0iMzAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIGZpbGw9IiMwQTBFMTQiLz48cmVjdCB4PSIwIiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEyIiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjE0IiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE2IiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE4IiB5PSIzMiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjEyIiB5PSIzNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjE0IiB5PSIzNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE2IiB5PSIzNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzcwQjBGRiIvPjxyZWN0IHg9IjE4IiB5PSIzNCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjE0IiB5PSIzNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjxyZWN0IHg9IjE2IiB5PSIzNiIgd2lkdGg9IjIiIGhlaWdodD0iMiIgZmlsbD0iIzBBMEUxNCIvPjwvc3ZnPg==") 1 1, pointer}

/* theme tokens for the shared b-/a- blocks */
body.sv9{--card:#0C1219;--cardline:rgba(240,246,252,.1);--soft:rgba(240,246,252,.05);--shadow:0 24px 60px rgba(0,0,0,.55);--btn:#3D7FD9;--btn-ink:#fff;--bezel:linear-gradient(180deg,#F0F6FC,#8FA6BF 40%,#5F7391)}
body.sv2{--bezel:linear-gradient(180deg,rgba(240,246,252,.22),rgba(240,246,252,.06))}
body.sv2.light{--bezel:linear-gradient(180deg,#FFFFFF,#DDE4EC)}
body.sv9 .a-head h2{font-weight:900;font-size:clamp(32px,4.8vw,58px);line-height:1;letter-spacing:-.03em;text-transform:none;text-wrap:balance}
body.sv9 .a-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:1.04em}
body.sv9 .a-head .px-label{color:var(--dim)}

/* ---- feed: iOS-style cards ---- */
.b-feedwrap{padding:14px 0 40px}
.b-feedtrack{gap:18px;padding:8px 20px}
.b-card{flex:0 0 auto;width:214px;background:var(--card);border:1px solid var(--cardline);border-radius:22px;padding:8px 8px 10px;box-shadow:var(--shadow);transition:transform .22s}
.b-card:hover{transform:translateY(-6px)}
.b-card-reel{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0A0E14}
.b-card-meta{display:grid;gap:2px;padding:10px 6px 2px}
.b-card-meta b{font-size:13px;letter-spacing:-.01em;color:var(--ink)}
.b-card-meta span{font-size:11.5px;color:var(--dim)}

/* ---- what you get: four columns + statics ---- */
:is(body.sv2,body.sv9) .a-out.four{grid-template-columns:210px 54px 1fr 190px;gap:16px}
:is(body.sv2,body.sv9) .a-statics{position:relative;display:grid;gap:10px;justify-items:end;align-content:center}
:is(body.sv2,body.sv9) .a-static{
  position:relative;width:150px;border-radius:12px;overflow:hidden;background:#0A0E14 center/cover no-repeat;
  border:1px solid var(--cardline);box-shadow:var(--shadow);display:grid;align-content:end;gap:6px;padding:10px;transform:rotate(var(--sr,0));
}
:is(body.sv2,body.sv9) .a-static.sq{aspect-ratio:1/1;--sr:-2deg}
:is(body.sv2,body.sv9) .a-static.tall{aspect-ratio:4/5;--sr:2deg;width:136px}
:is(body.sv2,body.sv9) .a-static::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));pointer-events:none}
:is(body.sv2,body.sv9) .a-static>*{position:relative;z-index:1}
:is(body.sv2,body.sv9) .a-static .a-st-brand{position:absolute;top:8px;left:8px;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);border-radius:99px;padding:3px 7px}
:is(body.sv2,body.sv9) .a-static b{font-size:12.5px;line-height:1.15;letter-spacing:-.02em;color:#fff;text-transform:uppercase;font-weight:900}
:is(body.sv2,body.sv9) .a-static i{font-style:normal;justify-self:start;font-size:9.5px;font-weight:700;color:#0A0E14;background:#fff;border-radius:6px;padding:4px 8px}
:is(body.sv2,body.sv9) .a-static em{position:absolute;right:8px;top:8px;font-style:normal;font-size:9px;font-weight:700;color:#fff;background:rgba(61,127,217,.9);border-radius:5px;padding:2px 6px}
:is(body.sv2,body.sv9) .a-st-lab{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-self:end}
:is(body.sv2,body.sv9) .a-outtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
:is(body.sv2,body.sv9) .a-outtags span{font-size:12px;font-weight:700;color:var(--ink);background:var(--soft);border:1px solid var(--cardline);border-radius:99px;padding:7px 12px}
:is(body.sv2,body.sv9) .a-outtags span.add{color:var(--dim);font-weight:600;border-style:dashed}
@media (max-width:1100px){:is(body.sv2,body.sv9) .a-out.four{grid-template-columns:1fr;justify-items:center}:is(body.sv2,body.sv9) .a-statics{grid-auto-flow:column;justify-items:center}}

/* ---- industries: hover stacks ---- */
.b-ind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b-ind-tile{position:relative;border-radius:24px;padding:26px 24px 24px;background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow);overflow:hidden;display:grid;gap:10px;align-content:end;min-height:540px}
.b-stack{position:relative;height:270px;margin-bottom:6px}
.b-sreel{position:absolute;left:50%;top:0;width:142px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0A0E14;border:1px solid var(--cardline);box-shadow:0 24px 50px rgba(0,0,0,.45);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.b-sreel:nth-child(1){transform:translateX(-50%) rotate(-6deg) translateY(14px);z-index:1}
.b-sreel:nth-child(2){transform:translateX(-50%);z-index:3}
.b-sreel:nth-child(3){transform:translateX(-50%) rotate(6deg) translateY(14px);z-index:2}
.b-ind-tile:hover .b-sreel:nth-child(1){transform:translateX(-120%) rotate(-10deg) translateY(10px)}
.b-ind-tile:hover .b-sreel:nth-child(3){transform:translateX(20%) rotate(10deg) translateY(10px)}
.b-ind-tile:hover .b-sreel:nth-child(2){transform:translateX(-50%) translateY(-10px) scale(1.04)}
.b-ind-tile b{font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.b-ind-tile span{font-size:13.5px;line-height:1.55;color:var(--dim)}
.b-ind-tile ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.b-ind-tile li{font-size:11.5px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--cardline);border-radius:99px;padding:5px 10px}
@media (max-width:900px){.b-ind{grid-template-columns:1fr}}

/* ---- process rail (quiet Friday) ---- */
.b-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:34px}
.b-rail-line{position:absolute;left:10%;right:10%;top:14px;height:2px;background:linear-gradient(90deg,var(--cardline),var(--blue))}
.b-node{position:relative;display:grid;gap:6px;padding:20px 16px 18px;border-radius:18px;background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow)}
.b-node::before{content:"";position:absolute;left:50%;top:-25px;width:10px;height:10px;border-radius:50%;background:var(--dim);transform:translateX(-50%);box-shadow:0 0 0 3px var(--bg)}
.b-node span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.b-node b{font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.b-node small{font-size:12.5px;line-height:1.45;color:var(--dim)}
.b-node.fri{border-color:var(--blue)}
.b-node.fri::before{background:var(--blue)}
.b-node.fri span,.b-node.fri b{color:var(--blue)}
@media (max-width:900px){.b-rail{grid-template-columns:repeat(2,1fr)}.b-rail-line,.b-node::before{display:none}}

/* ---- comparison: two months of the same account ---- */
.b-cmp{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.b-acct{background:var(--card);border:1px solid var(--cardline);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.b-acct-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--cardline);background:var(--soft)}
.b-acct-bar span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.b-acct-bar b{font-size:13px;letter-spacing:-.01em;color:var(--ink)}
.b-acct.after .b-acct-bar b{color:var(--blue)}
.b-acct-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:18px}
.b-acct-grid.dense{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.b-acct-grid.dense .b-live:nth-child(n+8){opacity:.85}
.b-live{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#0A0E14;border:1px solid var(--cardline)}
.b-live.dim{filter:saturate(.15) brightness(.75)}
.b-live.tired i{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(192,57,43,.85);border-radius:4px;padding:2px 5px;white-space:nowrap}
.b-gap{aspect-ratio:9/16;border-radius:10px;border:1px dashed var(--cardline);display:grid;place-content:center;text-align:center;gap:2px;color:var(--dim)}
.b-gap b{font-size:15px;letter-spacing:-.02em;color:var(--ink)}
.b-gap small{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.b-gap.on{border-style:solid;border-color:rgba(112,176,255,.5);background:rgba(112,176,255,.1)}
.b-gap.on b{color:var(--blue)}
.b-mets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:4px 18px 18px;margin-top:auto}
.b-mets div{display:grid;gap:3px;padding:12px 10px;border-radius:12px;background:var(--soft);border:1px solid var(--cardline)}
.b-mets b{font-size:21px;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.b-mets span{font-size:10.5px;line-height:1.35;color:var(--dim)}
.b-acct.after .b-mets b{color:var(--blue)}
.b-mets .no b{color:#C0392B;font-size:16px}
.b-mets .yes b{color:#2FAF6A;font-size:16px}
@media (max-width:980px){.b-cmp{grid-template-columns:1fr}.b-mets{grid-template-columns:repeat(3,1fr)}}

/* ---- anatomy with bezel ---- */
:is(body.sv2,body.sv9) #anatomy{padding:66px 0 72px}
.b-an{display:grid;grid-template-columns:auto minmax(0,1fr);gap:46px;align-items:center;max-width:920px;margin:0 auto}
.b-bezel{padding:8px;border-radius:30px;background:var(--bezel);box-shadow:var(--shadow)}
.b-an-stage{position:relative;height:clamp(300px,42vh,420px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0A0E14;display:grid;place-items:center}
.b-an-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b-an-w{position:relative;z-index:2;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,27px);color:#fff;text-align:center;padding:0 14px;text-shadow:0 4px 24px rgba(0,0,0,.65)}
.b-an-w b{color:var(--blue);font-weight:400}
.b-an-tc{position:absolute;top:11px;right:13px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(240,246,252,.85)}
.b-an-cap{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;text-align:center;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.4;background:rgba(5,7,9,.8);color:#fff;border-radius:9px;padding:6px 8px;backdrop-filter:blur(6px)}
.b-an-scrub{position:relative;height:6px;margin:18px 8px 0;border-radius:3px;background:var(--cardline);cursor:ew-resize}
.b-an-scrub .playhead{position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:2px;background:var(--blue);box-shadow:0 0 14px rgba(112,176,255,.6)}
.b-an-scrub .playhead::before{display:none}
.b-an-r>p{margin:0 0 14px;font-size:14px;color:var(--dim)}
.b-an-steps{display:grid;gap:8px}
.b-an-steps .an-row{display:grid;grid-template-columns:30px 1fr;align-items:baseline;column-gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--cardline);border-radius:14px;padding:13px 16px;color:var(--ink);box-shadow:none;transform:none;transition:all .18s;font-family:var(--sans)}
.b-an-steps .an-row i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--dim)}
.b-an-steps .an-row b{font-size:16px;letter-spacing:-.01em}
.b-an-steps .an-row span{grid-column:2;font-size:13px;color:var(--dim);margin-top:2px}
.b-an-steps .an-row.on{border-color:var(--blue);background:rgba(112,176,255,.1);transform:translateX(4px)}
.b-an-steps .an-row.on i,.b-an-steps .an-row.on b{color:var(--blue)}
@media (max-width:880px){.b-an{grid-template-columns:1fr;justify-items:center}.b-an-r{width:100%}}

/* ---- receipts: wallet cards (as in the iOS variant), theme-aware ---- */
.b-wal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;max-width:1080px;margin:0 auto}
.b-wcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--cardline);border-radius:26px;padding:24px 24px 22px;box-shadow:var(--shadow)}
.b-wtop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.b-wup{height:32px;width:auto;margin-left:-2px}
.b-wtrp{height:26px;width:auto}
.b-wlogo{height:15px;width:auto}
body.sv2.light .b-wlogo{filter:invert(1) brightness(.12)}
.b-wtop span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.b-whero{margin-top:20px;display:grid;gap:2px}
.b-whero b{font-size:44px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.b-whero span{font-size:13px;color:var(--dim)}
.b-wgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--cardline)}
.b-wgrid b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.b-wgrid span{display:block;font-size:12px;color:var(--dim);margin-top:2px;line-height:1.4}
.b-wfoot{margin-top:auto;padding-top:18px;min-height:44px;display:flex;align-items:flex-end}
.b-wfoot p{margin:0;font-size:12.5px;line-height:1.5;color:var(--dim)}
.b-wfoot a{font-size:13.5px;font-weight:700;color:var(--blue);text-decoration:none}
.b-wfoot a:hover{text-decoration:underline}
@media (max-width:960px){.b-wal{grid-template-columns:1fr}}
/* Upwork mark is dark green on dark cards: keep it readable */
body.sv2:not(.light) .b-wup,body.sv9 .b-wup{filter:brightness(1.35)}
body.sv2:not(.light) .b-wtrp,body.sv9 .b-wtrp{background:#fff;border-radius:99px;padding:3px 8px;height:26px}

/* wording fixes in the compare plates that still exist elsewhere */
:is(body.sv2,body.sv9) .a-cmp,:is(body.sv2,body.sv9) .c-cmp{display:none}

/* ==================== ROUND 9 ==================== */
/* one family, no italics anywhere */
:root{--serif:"Archivo","Helvetica Neue",Arial,sans-serif}
body *{font-style:normal !important}
h1 em,h2 em,.H em,.a-head h2 em,.finale h2 em{font-family:var(--sans);font-weight:500;letter-spacing:-.02em;font-size:1em}
.a-price-num em{font-family:var(--sans);font-weight:500}
.subS,.a-head p{font-family:var(--sans)}
.subS{font-size:clamp(16px,1.6vw,19px);color:var(--dim)}
.subS b{font-weight:700;color:var(--ink)}
.b-an-w{font-family:var(--sans);font-weight:700;letter-spacing:-.02em}
/* switcher: theme toggle only */
.switch .sw-btn:not(.sw-theme){display:none}
.switch{padding:4px}
.sw-theme{padding:7px 12px !important}
/* logos: colour on hover */
.cw-logo[data-color]:hover{filter:none !important;opacity:1 !important}

/* ---- block 2: phones w/o labels, square resize + one static ---- */
:is(body.sv2,body.sv9) .a-out.v3{grid-template-columns:210px 1fr 176px;gap:34px;align-items:center}
:is(body.sv2,body.sv9) .a-phwrap{display:grid;gap:10px;justify-items:center}
:is(body.sv2,body.sv9) .a-ph-lab{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
:is(body.sv2,body.sv9) .a-ph-top,:is(body.sv2,body.sv9) .a-ph-cap{display:none}
:is(body.sv2,body.sv9) .a-ph-bar{position:absolute;left:14px;right:44px;bottom:16px;z-index:2;display:grid;gap:6px}
:is(body.sv2,body.sv9) .a-ph-bar i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.55)}
:is(body.sv2,body.sv9) .a-ph-bar i:nth-child(1){width:44%}
:is(body.sv2,body.sv9) .a-ph-bar i:nth-child(2){width:78%}
:is(body.sv2,body.sv9) .a-ph-bar i:nth-child(3){width:60%;background:rgba(255,255,255,.35)}
:is(body.sv2,body.sv9) .a-phone{transform:none !important;width:min(168px,20vw)}
:is(body.sv2,body.sv9) .a-phones{gap:18px;justify-content:center;align-items:flex-start}
:is(body.sv2,body.sv9) .a-phone:hover{transform:translateY(-6px) !important}
:is(body.sv2,body.sv9) .a-extras{display:grid;gap:14px;justify-items:center}
:is(body.sv2,body.sv9) .a-sq{position:relative;width:150px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#0A0E14;border:1px solid var(--cardline);box-shadow:var(--shadow)}
:is(body.sv2,body.sv9) .a-sq video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(body.sv2,body.sv9) .a-sq em,:is(body.sv2,body.sv9) .a-static em{position:absolute;right:8px;top:8px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(10,14,20,.7);border-radius:5px;padding:3px 6px;z-index:2}
:is(body.sv2,body.sv9) .a-static{width:150px;aspect-ratio:4/5;transform:none;--sr:0}
:is(body.sv2,body.sv9) .a-static b{font-size:12px}
:is(body.sv2,body.sv9) .a-static .a-st-brand{display:none}
@media (max-width:1000px){:is(body.sv2,body.sv9) .a-out.v3{grid-template-columns:1fr;justify-items:center}:is(body.sv2,body.sv9) .a-extras{grid-auto-flow:column}}
/* benefits with substance */
.a-why{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:54px}
.a-why-card{display:grid;grid-template-columns:34px 1fr;column-gap:16px;row-gap:8px;padding:24px 24px 22px;border-radius:20px;background:var(--card);border:1px solid var(--cardline);box-shadow:var(--shadow)}
.a-why-card span{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--blue);padding-top:5px}
.a-why-card b{font-size:19px;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.a-why-card p{grid-column:2;margin:0;font-size:14px;line-height:1.6;color:var(--dim)}
@media (max-width:900px){.a-why{grid-template-columns:1fr}}

/* ---- industries: title + tags, stack below ---- */
.b-ind-tile.v2{align-content:start;min-height:0;padding-bottom:0;gap:12px}
.b-ind-tile.v2 b{font-size:24px}
.b-ind-tile.v2 ul{margin-top:0}
.b-ind-tile.v2 .b-stack{height:300px;margin:10px 0 0}
.b-ind-tile.v2 .b-sreel{top:18px}
.b-ind-tile.v2 .b-sreel:nth-child(1){transform:translateX(-50%) rotate(-6deg) translateY(16px)}
.b-ind-tile.v2 .b-sreel:nth-child(3){transform:translateX(-50%) rotate(6deg) translateY(16px)}
.b-ind-tile.v2:hover .b-sreel:nth-child(1){transform:translateX(-120%) rotate(-10deg) translateY(12px)}
.b-ind-tile.v2:hover .b-sreel:nth-child(3){transform:translateX(20%) rotate(10deg) translateY(12px)}
.b-ind-tile.v2:hover .b-sreel:nth-child(2){transform:translateX(-50%) translateY(-6px) scale(1.04)}
.b-also{margin-top:28px;display:grid;gap:12px}
.b-also-lab{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.b-also-tags{display:flex;flex-wrap:wrap;gap:8px}
.b-also-tags i{font-size:12.5px;font-weight:600;color:var(--dim);border:1px solid var(--cardline);border-radius:99px;padding:7px 13px;transition:color .15s,border-color .15s}
.b-also-tags i:hover{color:var(--ink);border-color:var(--blue)}

/* ---- comparison: four weeks, two lines ---- */
.b-tl{display:grid;gap:12px}
.b-tl-head{display:grid;grid-template-columns:230px repeat(4,minmax(0,1fr));gap:12px;padding:0 4px}
.b-tl-head span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.b-tl-row{display:grid;grid-template-columns:230px repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;background:var(--card);border:1px solid var(--cardline);border-radius:20px;padding:16px;box-shadow:var(--shadow)}
.b-tl-lab{display:grid;gap:4px;align-content:center;padding-right:10px}
.b-tl-lab b{font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.b-tl-lab span{font-size:12px;color:var(--dim)}
.b-tl-row.after .b-tl-lab b{color:var(--blue)}
.b-tl-cell{position:relative;min-height:112px;display:flex;align-items:center;gap:0;padding:8px 10px;border-radius:12px;background:var(--soft);border:1px solid var(--cardline)}
.b-tl-cell.empty{justify-content:center;border-style:dashed;background:none}
.b-tl-cell.empty span{font-size:11px;font-weight:600;color:var(--dim);text-align:center;line-height:1.35}
.b-th{position:relative;flex:0 0 auto;width:50px;aspect-ratio:9/16;border-radius:7px;overflow:hidden;background:#0A0E14;border:1px solid var(--cardline);margin-left:-14px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.b-th:first-child{margin-left:0}
.b-th.bw{filter:grayscale(1) brightness(.8)}
.b-fat{position:absolute;right:8px;bottom:8px;font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#C0392B;border-radius:4px;padding:3px 6px}
.b-plus{margin-left:8px;font-size:13px;font-weight:800;color:var(--blue);letter-spacing:-.02em}
.b-tl-delta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
.b-tl-delta div{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--cardline)}
.b-tl-delta span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.b-tl-delta b{font-size:26px;letter-spacing:-.03em;color:var(--ink)}
.b-tl-delta b i{color:var(--blue);margin:0 4px}
@media (max-width:980px){.b-tl-head{display:none}.b-tl-row{grid-template-columns:1fr 1fr}.b-tl-lab{grid-column:1/-1}.b-tl-delta{grid-template-columns:1fr}}
.b-cmp{display:none}

/* ---- receipts: lighter ---- */
.b-whero b small{font-size:.42em;font-weight:700;letter-spacing:-.01em;color:var(--dim);margin-left:4px}
.b-wfoot a.plain{color:var(--ink);font-weight:600;opacity:.8}
.b-wfoot a.plain:hover{opacity:1;text-decoration:none;color:var(--blue)}

/* ---- pricing: the whole spectrum, no labels ---- */
.b-spec{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b-spec div{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--cardline)}
.b-spec b{font-size:14.5px;letter-spacing:-.01em;color:var(--ink)}
.b-spec span{font-size:12.5px;color:var(--dim);line-height:1.4}
@media (max-width:600px){.b-spec{grid-template-columns:1fr}}

/* round 9b */
.b-th{width:42px;margin-left:-15px}
.b-tl-cell{padding:8px 12px 8px 10px;overflow:hidden}
.b-plus{position:absolute;right:8px;bottom:8px;margin:0;font-size:12px;background:rgba(112,176,255,.16);border-radius:6px;padding:3px 7px}
.b-tl-row.after .b-tl-cell{padding-right:52px}
.b-an-w{font-size:clamp(17px,1.7vw,21px);line-height:1.15}
.b-ind-tile.v2 .b-stack{height:280px}


/* ===== fork: hero ===== */
#v4 .nh-cuts .cut{top:50%;transform:none}
#v4 .nh-cuts .cut .cin{border:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.5)}
#v4 .cut.nh-ghost .cin{filter:blur(4px) brightness(.5);opacity:.7}
body.light #v4 .cut.nh-ghost .cin{filter:blur(4px);opacity:.4}
.nh-center{position:relative;max-width:1080px;margin:0 auto;padding:0 20px;text-align:center}
.nh-backdrop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1000px,96vw);height:120%;background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--bg) 94%,transparent),transparent 72%);z-index:-1;pointer-events:none}
.nh-kick{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.nh-h1{font-family:"Geist",var(--sans);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:.98;font-size:clamp(40px,5.8vw,78px);text-wrap:balance}
.nh-acc{display:inline-block;font-family:"Tiny5",monospace;font-weight:400;font-size:1.08em;line-height:.9;color:var(--ink);background:rgba(112,176,255,.16);box-shadow:0 0 0 1px rgba(112,176,255,.55),0 0 34px rgba(112,176,255,.22);padding:.02em .1em;position:relative;letter-spacing:0}
.nh-acc::before,.nh-acc::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);left:-5px;top:-5px}.nh-acc::after{left:auto;right:-5px;top:auto;bottom:-5px}
.nh-sub{margin-top:22px;color:var(--dim);font-size:clamp(15px,1.4vw,19px);line-height:1.5;font-family:var(--sans);font-style:normal}.nh-sub b{color:var(--ink);font-weight:700}
.nh-center .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.lbtn.nh-ghostbtn{background:transparent;color:var(--ink);border:1px solid var(--line)}
.nh-lq{position:absolute;left:0;right:0;bottom:0;top:auto;height:auto;z-index:6;overflow:hidden;white-space:nowrap;padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.nh-lqt{display:inline-flex;align-items:center;gap:56px;animation:nhlq 60s linear infinite;padding-right:56px}.nh-lqt img{opacity:.75;filter:grayscale(1) brightness(1.6)}
body.light .nh-lqt img{filter:grayscale(1) brightness(.35);opacity:.8}
@keyframes nhlq{to{transform:translateX(-50%)}}
/* ===== nav ===== */
.nh-dd{position:relative}.nh-dd>button{font-family:var(--sans);font-size:13px;color:var(--dim);background:none;border:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;letter-spacing:.02em}.nh-dd>button:hover{color:var(--ink)}.nh-dd>button i{font-style:normal;font-size:9px}
.nh-menu{position:absolute;left:-12px;top:100%;margin-top:10px;min-width:230px;display:none;padding:8px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.4);z-index:60}
.nh-dd.on .nh-menu,.nh-dd:hover .nh-menu{display:grid;gap:2px}.nh-menu a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;font-size:13px;color:var(--ink);text-decoration:none}.nh-menu a:hover{background:rgba(112,176,255,.14)}.nh-menu a small{color:var(--dim)}
/* ===== snap screens ===== */
html{scroll-snap-type:y mandatory}
.hv{scroll-snap-align:start;height:calc(100vh - var(--nh-tb,55px))!important;min-height:0!important}
section.nh-sc{min-height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding-top:80px!important;padding-bottom:40px!important}
.nh-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:35;display:grid;gap:9px}
.nh-dots a{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 25%,transparent);display:block;transition:transform .2s,background .2s}.nh-dots a.on{background:var(--blue);transform:scale(1.5)}
/* ===== pixel reveal ===== */
.nh-px{position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit}
.nh-txt{animation:nhtxt .6s steps(5) both}@keyframes nhtxt{0%{opacity:0;filter:blur(8px)}100%{opacity:1;filter:blur(0)}}
/* ===== feed cards equal ===== */
.b-card{width:214px}.b-card-reel{aspect-ratio:9/16;height:auto}.b-card-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.nh-fmt{font-family:var(--px);font-size:14px;color:var(--blue)}
/* ===== industries colours ===== */
.b-ind-tile.nh-home{--hue:#70B0FF}.b-ind-tile.nh-ecom{--hue:#F2A7B4}.b-ind-tile.nh-saas{--hue:#9DE0AD}
.b-ind-tile.v2{border-color:color-mix(in srgb,var(--hue) 45%,transparent)}.b-ind-tile.v2 b{color:var(--hue)}.b-ind-tile.v2 li{border-color:color-mix(in srgb,var(--hue) 45%,transparent);background:color-mix(in srgb,var(--hue) 12%,transparent)}
.b-also-a:nth-child(3n+1) i{color:#70B0FF}.b-also-a:nth-child(3n+2) i{color:#F2A7B4}.b-also-a:nth-child(3n) i{color:#9DE0AD}
/* ===== light theme: pure white, slight blue ===== */
body.light{--bg:#FAFCFF;--panel:#FFFFFF;--card:#FFFFFF}
body.light .nh-h1{color:var(--ink)}

/* ===== round 2 ===== */
.nh-fade{position:absolute;left:0;right:0;bottom:0;height:170px;z-index:5;pointer-events:none;background:linear-gradient(transparent,var(--bg))}
#v4 .nh-cuts .cut{z-index:1}
/* block 2: static keeps its ratio */
:is(body.sv2,body.sv9) .a-static{aspect-ratio:4/5!important;width:130px!important}
/* pixel reveal: titles only */
.nh-px{display:none}
/* industries: one screen */
#industries .a-head{margin-bottom:14px}#industries .a-head p{margin-top:8px}
#industries h2{font-size:clamp(28px,3.6vw,44px)}
.b-ind-tile.v2{min-height:0!important;padding:18px 18px 14px!important;gap:6px!important;align-content:start!important}
.b-ind-tile.v2 b{font-size:19px!important;color:var(--ink)!important}
.b-ind-tile.v2 li{font-size:11px!important;padding:4px 9px!important;border-color:var(--cardline)!important;background:var(--soft)!important}
.b-ind-tile.v2 ul{max-height:62px;overflow:hidden}
.b-ind-tile.v2 .b-stack{height:190px!important;margin:6px 0 0!important;order:5}
.b-ind-tile.v2 .b-sreel{width:96px!important}
.b-ind-tile.v2{border-color:var(--cardline)!important}
.b-ind-link{order:10;font-size:11px;color:var(--dim);opacity:.65;text-decoration:none;margin-top:6px;justify-self:end}
.b-ind-link:hover{opacity:1}
.b-also{margin-top:16px!important;gap:8px!important}
/* compare: one screen */
#compare .a-head{margin-bottom:14px}#compare h2{font-size:clamp(28px,3.6vw,44px)}
#compare .b-tl{gap:8px}#compare .b-tl-row{padding:10px 12px}#compare .b-tl-cell{min-height:78px;padding:6px 10px 6px 8px}#compare .b-th{width:34px;margin-left:-12px}#compare .b-tl-lab b{font-size:15px}#compare .b-tl-delta{margin-top:4px}#compare .b-tl-delta div{padding:10px 14px}
/* pricing: pixel trail */
#pricing{position:relative}#pricing .wrap{position:relative;z-index:1}.nh-trail{position:absolute;inset:0;z-index:0;pointer-events:none;image-rendering:pixelated}
/* mega menu */
.nh-menu.nh-mega{min-width:720px;display:none;grid-template-columns:1.25fr .85fr;gap:12px;padding:12px}
.nh-dd.on .nh-menu.nh-mega,.nh-dd:hover .nh-menu.nh-mega{display:grid}
.nh-mg-lab{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:4px 6px 8px}
.nh-mg-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nh-mg-grid a{display:flex!important;align-items:center;gap:10px;padding:7px 8px!important;border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px}.nh-mg-grid a:hover{background:rgba(112,176,255,.14)}
.nh-mg-grid img{width:30px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.nh-mg-r{display:grid;gap:8px;align-content:start;border-left:1px solid var(--line);padding-left:12px}
.nh-mg-card{display:flex!important;gap:12px;align-items:center;padding:10px!important;border-radius:14px;background:var(--soft);border:1px solid var(--cardline);text-decoration:none;color:var(--ink)}.nh-mg-card:hover{border-color:var(--blue);background:rgba(112,176,255,.12)!important}
.nh-mg-card img{width:52px;height:70px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.nh-mg-card b{display:block;font-size:14px}.nh-mg-card span{font-size:12px;color:var(--dim)}

/* ===== round 3 ===== */
section.nh-sc>.wrap{width:100%}
section.nh-sc{justify-content:flex-start!important;padding-top:calc(var(--nh-tb,55px) + 46px)!important}
.a-head .eyebrow,.sec-head .eyebrow{margin-bottom:14px!important}
#notifsec{justify-content:center!important;padding-top:0!important}
/* feed: one screen */
#feed .a-head{margin-bottom:8px}#feed .b-feedwrap{padding-bottom:8px!important}
/* block 2 */
#count .a-why{display:none!important}
#count .a-head{margin-bottom:36px}#count .a-head h2{letter-spacing:-.015em;line-height:1.02}
:is(body.sv2,body.sv9) #count .a-phone{width:min(186px,22vw)!important}#count .a-phwrap{width:186px}
:is(body.sv2,body.sv9) #count .a-static{width:150px!important}
/* industries */
#industries .a-head{margin-bottom:16px}
.b-ind-tile.v2{padding:22px 22px 18px!important;gap:0!important}
.b-ind-tile.v2 b{font-size:22px!important;margin-bottom:12px}
.b-ind-tile.v2 ul{max-height:64px;overflow:hidden;gap:7px!important}
.b-ind-tile.v2 li{font-size:12px!important;padding:5px 11px!important}
.b-ind-tile.v2 .b-stack{height:228px!important;margin:12px 0 0!important}
.b-ind-tile.v2 .b-sreel{width:118px!important}
.b-ind-link{margin-top:10px;color:var(--ink);opacity:.45;font-size:11px}
.b-also{margin-top:14px!important}
.b-also-a i{color:var(--ink)!important;border-color:var(--cardline)!important}
/* solutions menu */
.nh-menu.nh-mega{min-width:0;width:940px;display:none;grid-template-columns:1.15fr 1.15fr .9fr;gap:0;padding:6px 0;background:var(--card);border:1px solid var(--cardline);border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.nh-dd.on .nh-menu.nh-mega,.nh-dd:hover .nh-menu.nh-mega{display:grid}
.nh-col{padding:14px 16px}.nh-col+.nh-col{border-left:1px solid var(--line)}
.nh-mg-lab{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:0 8px 10px}
.nh-ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.nh-ind-grid a{display:flex!important;justify-content:flex-start!important;align-items:center;gap:10px;padding:7px 8px!important;border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;line-height:1.2}
.nh-ind-grid a:hover,.nh-fmt-list a:hover{background:var(--soft)}
.nh-ind-grid img{width:26px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:0 0 auto}
.nh-fmt-list{display:grid;gap:2px}
.nh-fmt-list a{display:flex!important;justify-content:flex-start!important;align-items:center;gap:12px;padding:6px 8px!important;border-radius:10px;text-decoration:none;color:var(--ink)}
.nh-fmt-list img{width:30px;height:40px;object-fit:cover;border-radius:7px;border:1px solid var(--line);flex:0 0 auto}
.nh-fmt-list b{display:block;font-size:13px;line-height:1.2}.nh-fmt-list em{display:block;font-style:normal;font-size:11.5px;color:var(--dim);line-height:1.3;margin-top:2px}
.nh-smm{display:block!important;padding:0!important;border-radius:12px;text-decoration:none;color:var(--ink);margin:0 8px}
.nh-smm img{width:100%;height:118px;object-fit:cover;object-position:center 20%;border-radius:10px;border:1px solid var(--line);display:block}
.nh-smm b{display:block;font-size:13px;margin-top:10px}.nh-smm em{display:block;font-style:normal;font-size:11.5px;color:var(--dim);line-height:1.35;margin-top:3px}.nh-smm span{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--blue)}
.nh-smm:hover span{text-decoration:underline}
body.light .nh-menu.nh-mega{box-shadow:0 30px 70px rgba(17,20,24,.16)}

/* ===== round 4 ===== */
section.nh-sc{padding-top:calc(var(--nh-tb,55px) + 40px)!important}
/* eyebrows: right, pixel */
.a-head,.sec-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:start;max-width:none!important}
.a-head>*,.sec-head>*{grid-column:1}
.a-head .eyebrow,.sec-head .eyebrow{grid-column:2;grid-row:1;margin:0!important;padding-top:.35em;white-space:nowrap}
.a-head h2,.sec-head h2{grid-row:1;max-width:760px}.a-head p,.sec-head p{max-width:58ch}
.a-head.center{text-align:left}#proof .a-head h2{max-width:none}
.px-label{font-family:"Tiny5",monospace!important;font-size:22px!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--dim)}
.px-label b{color:var(--blue);font-weight:400}
/* accents: pixel selection box like the hero */
.a-head h2 em,.finale h2 em,#book h2 em,.a-price-num em{font-family:"Tiny5",monospace!important;font-style:normal!important;font-weight:400!important;font-size:1.06em!important;line-height:.9;color:var(--ink)!important;background:rgba(112,176,255,.16);box-shadow:0 0 0 1px rgba(112,176,255,.55),0 0 34px rgba(112,176,255,.22);padding:.02em .1em;position:relative;letter-spacing:0!important;display:inline-block;text-transform:uppercase;margin:0 .04em}
.a-head h2 em::before,.finale h2 em::before,#book h2 em::before,.a-price-num em::before,.a-head h2 em::after,.finale h2 em::after,#book h2 em::after,.a-price-num em::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);left:-4px;top:-4px}
.a-head h2 em::after,.finale h2 em::after,#book h2 em::after,.a-price-num em::after{left:auto;right:-4px;top:auto;bottom:-4px}
.a-price-num em{font-size:.36em!important;vertical-align:middle;margin-left:.2em!important;padding:.08em .18em}
/* block 2: fits shorter screens */
#count .a-head{margin-bottom:24px}
:is(body.sv2,body.sv9) #count .a-phone{width:min(186px,22vh)!important}#count .a-phwrap{width:auto}
:is(body.sv2,body.sv9) #count .a-static{width:min(150px,17.5vh)!important}:is(body.sv2,body.sv9) #count .a-sq{width:min(150px,17.5vh)!important}
/* industries: clickable tiles, no link line, vh-aware stack */
.b-ind-link{display:none!important}
.b-ind-tile.v2{cursor:pointer}.b-ind-tile.v2:hover{border-color:rgba(112,176,255,.5)!important}
.b-ind-tile.v2 .b-stack{height:min(228px,29vh)!important}
.b-ind-tile.v2 .b-sreel{width:min(118px,15vh)!important}
.b-also{margin-top:12px!important}
/* pricing: trust strip */
#pricing.nh-sc{padding-bottom:0!important}
.nh-trust{margin-top:auto;padding:22px 0 40px;border-top:1px solid var(--line)}
.nh-trust-lab{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:6px}
.nh-lq.nh-trust-row{position:static!important;padding:12px 0;z-index:1}
.nh-trust-row .nh-lqt{gap:64px;animation-duration:70s}
/* footer */
footer.nh-foot{border-top:1px solid var(--line);padding:40px 0 22px;font-family:var(--sans)}
footer.nh-foot .in{display:block;font-family:var(--sans);font-weight:400;letter-spacing:0;text-transform:none;font-size:13px}
.nh-f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.nh-f-brand .logo-img{height:18px;display:block}.nh-f-brand p{margin:14px 0 0;max-width:34ch;color:var(--dim);font-size:13px;line-height:1.6}
.nh-f-col{display:grid;gap:9px;align-content:start}.nh-f-col b{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.nh-f-col a{color:var(--dim);text-decoration:none;font-size:13px}.nh-f-col a:hover{color:var(--ink)}
.nh-f-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:12px}
#notifsec{min-height:calc(100vh - 250px)!important}
@media (max-width:820px){.nh-f-top{grid-template-columns:1fr 1fr}}

/* ===== round 5 ===== */
.eyebrow{display:none!important}
.a-head,.sec-head{display:block;max-width:760px!important}
.a-head h2,.sec-head h2{max-width:none}
#proof .a-head{margin-left:0!important;margin-right:auto!important;text-align:left!important}#proof .a-head h2,#proof .a-head p{text-align:left!important;margin-left:0!important;margin-right:auto!important}
section.nh-sc{justify-content:center!important;padding-top:calc(var(--nh-tb,55px) + 20px)!important;padding-bottom:20px!important}
#pricing.nh-sc{padding-bottom:0!important}
/* hero marquee a touch lower */
.nh-lq{padding:14px 0 6px!important}
/* pricing */
.nh-pgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.nh-pfan{position:relative;height:min(430px,54vh);display:flex;justify-content:center;align-items:center}
.nh-fr{position:absolute;width:min(180px,22vh);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#0A0E14;border:1px solid var(--cardline);box-shadow:0 26px 60px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nh-fr video{width:100%;height:100%;object-fit:cover;display:block}
.nh-fr1{transform:translateX(-46%) rotate(-11deg) translateY(4%);z-index:1}.nh-fr2{z-index:3}.nh-fr3{transform:translateX(46%) rotate(11deg) translateY(4%);z-index:2}
.nh-pfan:hover .nh-fr1{transform:translateX(-58%) rotate(-14deg) translateY(4%)}.nh-pfan:hover .nh-fr3{transform:translateX(58%) rotate(14deg) translateY(4%)}
body.light .nh-fr{box-shadow:0 24px 50px rgba(17,20,24,.18)}
.nh-pfrom{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
#pricing .a-price-num{font-size:clamp(56px,7.6vw,104px)}
#pricing .a-price-num em{font-family:var(--sans)!important;font-style:normal!important;font-weight:500!important;font-size:.3em!important;color:var(--dim)!important;background:none!important;box-shadow:none!important;padding:0!important;text-transform:none!important;letter-spacing:-.01em!important;margin-left:.15em!important;vertical-align:baseline}
#pricing .a-price-num em::before,#pricing .a-price-num em::after{content:none!important}
.nh-pinc{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
.nh-pinc li{position:relative;padding-left:22px;font-size:14px;color:var(--ink);line-height:1.35}
.nh-pinc li::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:3px;background:var(--blue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.nh-pnote{margin:18px 0 0;font-size:13px;color:var(--dim);line-height:1.5;max-width:46ch}
.nh-pctas{display:flex;align-items:center;gap:22px;margin-top:20px}
.nh-plink{font-size:14px;font-weight:600;color:var(--ink);opacity:.8;text-decoration:none}.nh-plink:hover{opacity:1;color:var(--blue)}
.nh-trust{margin-top:34px!important;padding:0 0 26px!important;border-top:none!important}
.nh-trust-lab{margin-bottom:0}
.nh-lq.nh-trust-row{padding:8px 0 0!important}
@media (max-width:820px){.nh-pgrid{grid-template-columns:1fr;gap:20px}.nh-pfan{height:300px}.nh-pinc{grid-template-columns:1fr}}

/* ===== round 6 ===== */
/* pricing fan: always open, bigger */
.nh-pgrid{grid-template-columns:1fr 1fr;gap:40px}
.nh-pfan{height:min(500px,62vh)}
.nh-fr{width:min(220px,27vh)}
.nh-fr1{transform:translateX(-62%) rotate(-14deg) translateY(5%)!important}.nh-fr3{transform:translateX(62%) rotate(14deg) translateY(5%)!important}
.nh-pfan:hover .nh-fr1,.nh-pfan:hover .nh-fr3{}
.nh-pctas{align-items:center}.nh-pctas .a-btn{margin:0!important}
.nh-plink{display:inline-flex;align-items:center;line-height:1;padding-top:1px}
.nh-trust-lab{margin-bottom:0}
.nh-lq.nh-trust-row{padding:22px 0 0!important}
.nh-trust-row .nh-lqt{gap:56px;animation-duration:55s}
/* solutions menu: pixel icons, lighter labels */
.nh-menu.nh-mega{width:900px;grid-template-columns:1.1fr 1.15fr .85fr}
.nh-pxi{width:18px;height:18px;flex:0 0 auto;fill:var(--blue);display:block}
.nh-ind-grid a{font-weight:500!important;font-size:13px;gap:11px;padding:7px 8px!important}
.nh-ind-grid a .nh-pxi,.nh-fmt-list a .nh-pxi{width:30px;height:30px;padding:6px;border-radius:8px;background:rgba(112,176,255,.12);box-sizing:border-box}
.nh-fmt-list a{gap:11px;padding:6px 8px!important}
.nh-fmt-list b{font-weight:600}
.nh-ind-grid a:hover .nh-pxi,.nh-fmt-list a:hover .nh-pxi{background:rgba(112,176,255,.22)}

/* ===== round 7: line icons ===== */
.nh-li{width:18px;height:18px;flex:0 0 auto;color:var(--dim);display:block}
.nh-ind-grid a .nh-li,.nh-fmt-list a .nh-li{width:18px;height:18px;padding:0;background:none;border-radius:0;margin:0 2px}
.nh-ind-grid a:hover .nh-li,.nh-fmt-list a:hover .nh-li{color:var(--blue)}
.nh-ind-grid a{gap:12px}.nh-fmt-list a{gap:12px;align-items:center}

/* ===== round 9: hover menu ===== */
.nh-menu.nh-mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nh-dd:hover .nh-menu.nh-mega{display:none}
.nh-dd.on .nh-menu.nh-mega{display:grid}