/* ============================================================
   REVIEW CARDS — page styles (Educator rebuild, scenes not boxes)
   Loads alongside shmocard.css + shmello.css; page-scoped rc- helpers
   Scene artifacts appended below the base block:
   vt- velvet pad tap hero · tc- sad tent card · tl- three lamps
   cg- case-glass climb · jc- lit jewelry case order
   ============================================================ */

/* caption line under a standalone scene */
.rc-after{
  max-width:640px;margin:2rem auto 0;text-align:center;
  font-size:.95rem;color:#9db8d6;line-height:1.6;
}
.rc-after b{color:#ffd98c;}
.rc-after a{color:#7fc1ff;font-weight:700;text-decoration:none;}
.rc-after a:hover{text-decoration:underline;}

/* editorial cross-sell paragraph (no boxes) */
.rc-editorial{
  max-width:640px;margin:1.6rem auto 0;text-align:center;
  font-size:1.02rem;color:#cfe0f3;line-height:1.7;
}
.rc-editorial a{color:#ffd98c;font-weight:700;text-decoration:none;border-bottom:1px dotted rgba(255,217,140,.5);}
.rc-editorial a:hover{border-bottom-style:solid;}

/* ============================================================
   SCENE: hero (vt-)
   ============================================================ */
/* ============ VT: Velvet Pad Tap (hero stage) ============ */
.vt-stage{width:100%;max-width:680px;margin:0 auto}

.vt-panel{
  position:relative;width:100%;aspect-ratio:4/3;container-type:inline-size;
  border-radius:26px;overflow:hidden;isolation:isolate;
  background:radial-gradient(130% 95% at 16% 6%,#13253f 0%,#0d1a2e 40%,#060b16 85%);
  box-shadow:0 34px 70px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,231,168,.08);
}
.vt-cone{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    conic-gradient(from 116deg at -8% -12%,transparent 0deg,rgba(255,231,168,.15) 11deg,rgba(255,231,168,.05) 28deg,transparent 42deg),
    radial-gradient(62% 56% at 28% 44%,rgba(255,231,168,.10),transparent 72%);
}

/* velvet pad */
.vt-pad{
  position:absolute;left:5cqw;top:13%;width:50cqw;aspect-ratio:1/1.02;z-index:2;
  transform:rotate(-3deg);border-radius:3.6cqw;
  background:radial-gradient(95% 82% at 30% 20%,#17181e 0%,#0b0c10 55%,#050607 100%);
  box-shadow:0 3cqw 6cqw rgba(0,0,0,.6),0 .6cqw 1.6cqw rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.045);
}
.vt-pad::after{
  content:"";position:absolute;inset:2cqw;border-radius:2.5cqw;
  border:1px dashed rgba(255,231,168,.26);
}
.vt-cardshadow{
  position:absolute;left:14%;right:12%;top:56%;height:30%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.6),transparent 70%);
  filter:blur(5px);
}
.vt-card{
  position:absolute;left:50%;top:50%;width:104%;transform:translate(-50%,-50%);display:block;
  -webkit-mask-image:radial-gradient(56% 56% at 50% 50%,#000 40%,transparent 76%);
  mask-image:radial-gradient(56% 56% at 50% 50%,#000 40%,transparent 76%);
  filter:saturate(1.05) contrast(1.02) brightness(1.0);
}

/* manila string tag */
.vt-tagwrap{position:absolute;left:44cqw;top:58%;width:42cqw;height:40%;z-index:2;pointer-events:none}
.vt-string{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vt-tag{
  position:absolute;right:3cqw;bottom:8%;width:30cqw;box-sizing:border-box;
  padding:2.1cqw 2.2cqw 2.1cqw 4.8cqw;
  background:linear-gradient(158deg,#ecdcb2 0%,#dcc793 70%,#cdb67e 100%);
  border-radius:1.3cqw;transform:rotate(7deg);
  box-shadow:0 1.2cqw 2.6cqw rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);
  color:#63512d;font-size:2.15cqw;font-weight:600;line-height:1.5;
  letter-spacing:.16em;text-transform:uppercase;
}
.vt-tag::before{
  content:"";position:absolute;left:1.7cqw;top:50%;width:1.7cqw;height:1.7cqw;transform:translateY(-50%);
  border-radius:50%;background:#0b0c10;
  box-shadow:0 0 0 .55cqw #c3ab72,0 0 0 .75cqw rgba(99,81,45,.45);
}

/* phone */
.vt-phone{
  position:absolute;left:50cqw;top:5%;width:22.5cqw;aspect-ratio:10/20.4;z-index:3;
  border-radius:4cqw;box-sizing:border-box;padding:1.1cqw;
  background:linear-gradient(205deg,#233246 0%,#131c29 45%,#0a0f17 100%);
  box-shadow:0 2.6cqw 5.4cqw rgba(0,0,0,.65),inset 0 0 0 1px rgba(157,184,214,.22);
  transform-origin:26% 92%;
  transform:translate(180%,-34%) rotate(-7deg);
}
.vt-stage.vt-play .vt-phone{animation:vtGlide 1.05s cubic-bezier(.2,.75,.25,1) .25s forwards}
.vt-stage.vt-done .vt-phone{transform:translate(0,0) rotate(14deg)}
@keyframes vtGlide{
  from{transform:translate(180%,-34%) rotate(-7deg)}
  to{transform:translate(0,0) rotate(14deg)}
}
.vt-screen{
  position:relative;width:100%;height:100%;border-radius:3.1cqw;overflow:hidden;
  background:#05080d;
}
.vt-notch{
  position:absolute;left:50%;top:1.9cqw;width:5.5cqw;height:1.2cqw;transform:translateX(-50%);
  border-radius:1cqw;background:rgba(10,14,20,.9);z-index:3;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.vt-scr-on{
  position:absolute;inset:0;background:#fff;opacity:0;z-index:2;
  padding:3.6cqw 2cqw 2cqw;box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;color:#202124;
  display:flex;flex-direction:column;
}
.vt-stage.vt-play .vt-scr-on{animation:vtWake .5s ease 1.4s forwards}
.vt-stage.vt-done .vt-scr-on{opacity:1}
@keyframes vtWake{to{opacity:1}}
.vt-biz{font-size:2.25cqw;font-weight:700;line-height:1.25}
.vt-loc{font-size:1.6cqw;color:#5f6368;margin-top:.3cqw}
.vt-rate{font-size:1.6cqw;color:#5f6368;margin-top:.55cqw;display:flex;align-items:center;gap:.55cqw}
.vt-rate b{color:#202124;font-size:1.75cqw}
.vt-rstar{color:#fbbc04;font-size:1.8cqw;line-height:1}
.vt-sdiv{height:1px;background:#e8eaed;margin:1.5cqw 0 1.6cqw}
.vt-srow{display:flex;justify-content:space-between;padding:0 .4cqw}
.vt-st{width:3.1cqw;height:3.1cqw;display:block;color:#dfe3e8;transform-origin:center}
.vt-stage.vt-play .vt-st{animation:vtStar .34s ease var(--vtd,2s) forwards}
.vt-stage.vt-play .vt-st5{animation-name:vtStar5;animation-duration:.44s}
.vt-stage.vt-done .vt-st{color:#fbbc04}
.vt-stage.vt-done .vt-st5{transform:scale(1.06)}
@keyframes vtStar{
  0%{color:#dfe3e8;transform:scale(.92)}
  55%{transform:scale(1.14)}
  100%{color:#fbbc04;transform:scale(1)}
}
@keyframes vtStar5{
  0%{color:#dfe3e8;transform:scale(.92)}
  55%{color:#fbbc04;transform:scale(1.3)}
  100%{color:#fbbc04;transform:scale(1.06)}
}
.vt-sfield{
  margin-top:1.9cqw;border:1px solid #dadce0;border-radius:1.1cqw;
  padding:1.2cqw 1.1cqw;display:flex;align-items:flex-start;gap:.5cqw;flex:1 1 auto;
  min-height:7.5cqw;box-sizing:border-box;
}
.vt-sactions{display:flex;justify-content:flex-end;align-items:center;gap:1.6cqw;padding:1.4cqw .2cqw .4cqw}
.vt-scancel{font-size:1.5cqw;color:#5f6368}
.vt-spost{font-size:1.5cqw;font-weight:700;color:#fff;background:#1a73e8;border-radius:2.4cqw;padding:.7cqw 2cqw}
.vt-cursor{width:.28cqw;min-width:1.5px;height:2.1cqw;background:#1a73e8;opacity:0;border-radius:1px;margin-top:.1cqw}
.vt-stage.vt-play .vt-cursor{animation:vtBlink 1.05s step-end 3.1s infinite}
.vt-stage.vt-done .vt-cursor{opacity:1}
@keyframes vtBlink{0%,55%{opacity:1}56%,100%{opacity:0}}
.vt-ph{font-size:1.5cqw;color:#9aa0a6;line-height:1.45}

/* contact ring + replay tap ring */
.vt-ring,.vt-tapring{
  position:absolute;width:13cqw;height:13cqw;border-radius:50%;z-index:4;pointer-events:none;
  border:2.5px solid #ffe7a8;box-shadow:0 0 3cqw rgba(255,231,168,.65),inset 0 0 1.6cqw rgba(255,231,168,.4);
  opacity:0;transform:scale(.2);
}
.vt-ring{left:48cqw;top:54%;margin:-6.5cqw 0 0 -6.5cqw}
.vt-stage.vt-play .vt-ring{animation:vtRing .9s ease-out 1.12s forwards}
.vt-tapring{animation:vtRing .9s ease-out forwards;margin:-6.5cqw 0 0 -6.5cqw}
@keyframes vtRing{
  0%{opacity:0;transform:scale(.18)}
  14%{opacity:.95}
  100%{opacity:0;transform:scale(1.6)}
}

/* replay hit target (whole panel, taps replay, never navigate) */
.vt-hit{
  position:absolute;inset:0;width:100%;height:100%;z-index:6;
  background:transparent;border:0;padding:0;margin:0;cursor:pointer;border-radius:26px;
  -webkit-tap-highlight-color:transparent;
}
.vt-hit:focus-visible{outline:2px solid #e8b53f;outline-offset:-5px}

/* caption + etched line */
.vt-caption{
  display:flex;align-items:center;gap:9px;margin:16px 4px 0;
  font-size:.95rem;font-weight:600;color:#9db8d6;letter-spacing:.01em;
}
.vt-caption i{color:#e8b53f;font-size:1.15rem}
.vt-etched{
  margin:7px 4px 0;font-size:.78rem;line-height:1.5;letter-spacing:.045em;
  color:rgba(127,166,204,.6);text-shadow:0 1px 0 rgba(0,0,0,.55);
}

@media (max-width:600px){
  .vt-panel{aspect-ratio:4/5}
  .vt-pad{left:4cqw;top:33%;width:60cqw}
  .vt-phone{left:53cqw;top:7%;width:29cqw}
  .vt-ring{left:53cqw;top:60%}
  .vt-tagwrap{left:50cqw;top:66%;width:46cqw;height:30%}
  .vt-tag{width:34cqw;font-size:2.7cqw;padding:2.6cqw 2.6cqw 2.6cqw 6cqw}
  .vt-tag::before{left:2.1cqw;width:2.1cqw;height:2.1cqw}
  .vt-cone{background:
    conic-gradient(from 122deg at -8% -8%,transparent 0deg,rgba(255,231,168,.15) 12deg,rgba(255,231,168,.05) 30deg,transparent 46deg),
    radial-gradient(66% 46% at 30% 58%,rgba(255,231,168,.10),transparent 72%)}
}

@media (prefers-reduced-motion:reduce){
  .vt-stage .vt-phone,.vt-stage .vt-scr-on,.vt-stage .vt-st,.vt-stage .vt-cursor,.vt-stage .vt-ring,.vt-tapring{
    animation:none !important;
  }
}

/* ============================================================
   SCENE: friction (tc-)
   ============================================================ */
/* ====== The Sad Tent Card (QR friction) scene ====== */
.tc-stage{position:relative;max-width:960px;margin:0 auto;min-height:640px;overflow:hidden;isolation:isolate;}
.tc-stage *,.tc-stage *::before,.tc-stage *::after{box-sizing:border-box;}

/* counter slab + light pools */
.tc-slab{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,#13223a 0%,#0b1526 34%,#070d19 100%);}
.tc-slab::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent 4%,rgba(255,231,168,.20) 30%,rgba(255,231,168,.09) 62%,transparent 92%);}
.tc-pool{position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(ellipse 46% 38% at 30% 58%,rgba(255,214,140,.16),rgba(255,214,140,.05) 48%,transparent 72%),
 radial-gradient(ellipse 30% 22% at 27% 72%,rgba(255,225,170,.12),transparent 70%);}

/* ---------- tent card ---------- */
.tc-tent{position:absolute;left:11%;bottom:200px;width:198px;height:212px;z-index:2;}
.tc-tent-face{position:absolute;inset:0;border-radius:5px;transform:perspective(700px) rotateY(9deg) rotate(-1.6deg);
 background:linear-gradient(160deg,#d8cfba 0%,#c6bca2 55%,#aca17f 100%);
 box-shadow:0 18px 30px -14px rgba(0,0,0,.65);}
.tc-tent-face::before{content:"";position:absolute;inset:0;border-radius:5px;
 background:radial-gradient(circle at 62% 16%,rgba(255,252,240,.5),transparent 62%);}
.tc-gloss{position:absolute;inset:0;border-radius:5px;pointer-events:none;
 background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.34) 46%,rgba(255,255,255,.06) 52%,transparent 57%);}
.tc-tape{position:absolute;top:-9px;left:50%;width:76px;height:22px;margin-left:-38px;transform:rotate(-3deg);
 background:rgba(213,188,118,.42);box-shadow:0 1px 3px rgba(0,0,0,.25);
 border-left:1px dashed rgba(120,100,50,.25);border-right:1px dashed rgba(120,100,50,.25);}
.tc-tent-print{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:12px;font-weight:800;
 letter-spacing:.14em;color:#857a5f;text-transform:uppercase;line-height:1.35;}
.tc-qr{position:absolute;top:56px;left:50%;width:96px;height:96px;margin-left:-48px;color:#8a8069;opacity:.82;}
.tc-scrawl{position:absolute;bottom:24px;left:2px;right:48px;text-align:center;
 font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:17px;color:#3f63c8;
 transform:rotate(-3.5deg);text-shadow:0 0 .4px rgba(63,99,200,.6);}
.tc-curl{position:absolute;right:-1px;bottom:-1px;width:52px;height:52px;border-radius:0 0 5px 0;
 transform:rotate(-1.6deg);transform-origin:bottom right;
 background:linear-gradient(to top left,rgba(5,9,17,.88) 0%,rgba(5,9,17,.88) 41%,#f2ead7 45%,#dcd2b8 58%,#b1a685 76%,#9c916f 100%);
 box-shadow:-7px -7px 10px -4px rgba(0,0,0,.45);}
.tc-tent-shadow{position:absolute;left:-14px;right:-20px;bottom:-16px;height:30px;
 background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 72%);filter:blur(2px);}

/* ---------- phone ---------- */
.tc-phone-wrap{position:absolute;right:24%;bottom:128px;z-index:4;}
.tc-phone{display:block;position:relative;width:224px;height:452px;padding:0;margin:0;border:0;cursor:pointer;
 -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;touch-action:manipulation;
 background:linear-gradient(160deg,#161d2c,#05070d 60%);border-radius:36px;
 box-shadow:0 30px 55px -20px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,231,168,.10),inset 0 0 0 5px #05070d;
 transform:rotate(2.5deg);transition:transform .5s cubic-bezier(.3,.7,.3,1);}
.tc-phone:focus-visible{outline:2px solid #ffd98c;outline-offset:4px;}
.tc-phone:active{transform:rotate(2deg) scale(.99);}
.tc-screen{position:absolute;inset:8px;border-radius:29px;overflow:hidden;background:#000;display:block;}
.tc-island{position:absolute;top:9px;left:50%;width:74px;height:20px;margin-left:-37px;border-radius:12px;background:#05070d;z-index:8;}

/* viewfinder */
.tc-vf{position:absolute;inset:0;display:block;background:#0a0c10;}
.tc-vf-scene{position:absolute;inset:0;display:block;
 background:
  radial-gradient(ellipse 90% 60% at 40% 58%,rgba(255,206,130,.14),transparent 70%),
  linear-gradient(180deg,#141821 0%,#1c1d22 46%,#0c0e13 100%);
 filter:blur(7px) brightness(.92) saturate(.85);
 transform:scale(1.08);
 animation:tcShake 1.05s ease-in-out infinite alternate;
 transition:filter .38s cubic-bezier(.34,1.3,.6,1);}
.tc-vf-card{position:absolute;left:50%;top:50%;width:132px;height:142px;margin:-78px 0 0 -66px;border-radius:4px;
 background:linear-gradient(160deg,#d8cfba 0%,#c3b99e 60%,#a99e7d 100%);display:block;
 box-shadow:0 14px 22px -8px rgba(0,0,0,.7);transform:rotate(-2deg);}
.tc-vf-qr{position:absolute;top:26px;left:50%;width:68px;height:68px;margin-left:-34px;color:#877d66;opacity:.85;}
.tc-vf-print{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:8px;font-weight:800;letter-spacing:.12em;color:#857a5f;display:block;}
.tc-vf-scrawl{position:absolute;bottom:9px;left:0;right:0;text-align:center;display:block;
 font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:11px;color:#3f63c8;transform:rotate(-3deg);}
.tc-holding .tc-vf-scene{filter:blur(0px) brightness(1) saturate(1);transition:filter 2.5s cubic-bezier(.55,.06,.68,.32);animation-play-state:paused;}
.tc-locked .tc-vf-scene,.tc-payoff .tc-vf-scene{filter:blur(0px) brightness(1) saturate(1);animation:none;transition:none;}

/* focus corners */
.tc-focus{position:absolute;left:50%;top:48%;width:112px;height:112px;margin:-56px 0 0 -56px;display:block;pointer-events:none;
 --tcfc:#ffd54a;
 background:
  linear-gradient(var(--tcfc),var(--tcfc)) left 0 top 0/20px 2.5px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) left 0 top 0/2.5px 20px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) right 0 top 0/20px 2.5px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) right 0 top 0/2.5px 20px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) left 0 bottom 0/20px 2.5px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) left 0 bottom 0/2.5px 20px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) right 0 bottom 0/20px 2.5px no-repeat,
  linear-gradient(var(--tcfc),var(--tcfc)) right 0 bottom 0/2.5px 20px no-repeat;
 animation:tcHunt 2.4s ease-in-out infinite;}
.tc-holding .tc-focus{animation:tcSettle 2.5s ease-out forwards;}
.tc-locked .tc-focus,.tc-payoff .tc-focus{animation:none;opacity:1;transform:scale(.92);--tcfc:#35d07f;}

/* QR banner */
.tc-banner{position:absolute;left:50%;bottom:88px;transform:translateX(-50%) translateY(30px);opacity:0;display:flex;align-items:center;gap:8px;
 background:#f7d64a;color:#191a1e;border-radius:12px;padding:8px 13px;white-space:nowrap;
 font-size:11px;line-height:1.25;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.45);z-index:6;
 animation:tcFlee 3.2s ease-in-out infinite;}
.tc-banner svg{flex:0 0 auto;width:18px;height:18px;color:#191a1e;}
.tc-banner small{display:block;font-weight:500;font-size:10px;opacity:.72;}
.tc-holding .tc-banner{animation-duration:2.1s;}
.tc-locked .tc-banner,.tc-payoff .tc-banner{animation:none;opacity:1;transform:translateX(-50%) translateY(0);}

/* camera chrome */
.tc-cam-bottom{position:absolute;left:0;right:0;bottom:0;height:78px;display:block;z-index:5;
 background:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 40%);}
.tc-modes{position:absolute;left:0;right:0;bottom:56px;text-align:center;font-size:8.5px;font-weight:700;letter-spacing:.13em;color:rgba(255,255,255,.55);display:block;}
.tc-modes b{color:#f7d64a;font-weight:700;margin:0 7px;}
.tc-shutter{position:absolute;left:50%;bottom:10px;width:40px;height:40px;margin-left:-20px;border-radius:50%;
 background:#fff;box-shadow:0 0 0 3px #0a0c10,0 0 0 5.5px #fff;display:block;}
.tc-thumb{position:absolute;left:18px;bottom:17px;width:26px;height:26px;border-radius:6px;display:block;
 background:linear-gradient(140deg,#3a3427,#191510);box-shadow:0 0 0 1.5px rgba(255,255,255,.5);}
.tc-flip{position:absolute;right:18px;bottom:17px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(255,255,255,.16);color:#fff;font-size:13px;}

/* google review sheet */
.tc-sheet{position:absolute;inset:0;background:#fff;color:#1f2328;display:block;opacity:0;pointer-events:none;z-index:7;
 font-family:'Inter Tight',sans-serif;}
.tc-payoff-tap .tc-sheet{opacity:1;}
.tc-sheet-bar{display:block;height:26px;}
.tc-sheet-head{display:flex;align-items:center;gap:9px;padding:8px 16px 2px;}
.tc-sheet-g{width:26px;height:26px;flex:0 0 auto;}
.tc-sheet-name{font-size:13.5px;font-weight:700;}
.tc-sheet-sub{font-size:10px;color:#70757a;display:block;font-weight:500;}
.tc-sheet-title{padding:14px 16px 4px;font-size:16.5px;font-weight:700;line-height:1.3;display:block;}
.tc-stars{display:flex;gap:7px;padding:10px 16px 6px;}
.tc-stars svg{width:29px;height:29px;color:#f5b942;}
.tc-sheet-field{margin:10px 16px 0;border:1.5px solid #dfe1e5;border-radius:9px;height:64px;display:block;
 padding:9px 11px;font-size:11px;color:#9aa0a6;}
.tc-sheet-post{margin:12px 16px 0;display:block;background:#1a73e8;color:#fff;border-radius:999px;
 text-align:center;font-size:12.5px;font-weight:700;padding:9px 0;width:calc(100% - 32px);}

/* tapwave rings */
.tc-ring{position:absolute;right:-38px;bottom:104px;width:64px;height:64px;border-radius:50%;opacity:0;pointer-events:none;z-index:8;
 border:2.5px solid #ffe7a8;box-shadow:0 0 22px rgba(232,181,63,.65),inset 0 0 12px rgba(232,181,63,.4);}
.tc-payoff-tap .tc-ring-a{animation:tcWave 1s ease-out .05s;}
.tc-payoff-tap .tc-ring-b{animation:tcWave 1.15s ease-out .3s;}

/* L-sign payoff */
.tc-lsign{position:absolute;right:-14px;bottom:74px;width:276px;z-index:3;pointer-events:none;
 transform:translateX(130%);opacity:0;transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .5s ease;}
.tc-lsign img{display:block;width:100%;height:auto;filter:brightness(.97);
 -webkit-mask-image:radial-gradient(ellipse 56% 58% at 50% 51%,#000 44%,transparent 71%);
 mask-image:radial-gradient(ellipse 56% 58% at 50% 51%,#000 44%,transparent 71%);}
.tc-lsign::before{content:"";position:absolute;inset:-6%;border-radius:50%;
 background:radial-gradient(circle,rgba(255,214,140,.13),transparent 64%);}
.tc-payoff .tc-lsign{transform:translateX(0);opacity:1;}
.tc-payoff .tc-phone{transform:translate(34px,20px) rotate(7deg);transition:transform .62s cubic-bezier(.45,.05,.4,1.25) .5s;}

/* stage direction + caption */
.tc-direction{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;
 font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffd98c;opacity:.85;}
.tc-direction::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;vertical-align:1px;
 background:#e8b53f;box-shadow:0 0 0 3px rgba(232,181,63,.25);animation:tcPulse 1.6s ease-in-out infinite;}
.tc-caption{position:absolute;left:0;right:0;bottom:20px;text-align:center;padding:0 18px;z-index:5;}
.tc-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:600;color:#ffd98c;
 background:rgba(6,11,22,.55);border-radius:8px;padding:2px 10px;letter-spacing:.06em;}
.tc-locked .tc-clock{color:#e85d5d;}
.tc-payoff-tap .tc-clock{color:#35d07f;}
.tc-captext{display:inline-block;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
 font-size:12.5px;color:#9db8d6;max-width:430px;vertical-align:middle;text-align:left;line-height:1.5;}

/* keyframes */
@keyframes tcShake{0%{transform:scale(1.08) translate(0,0) rotate(0deg);}30%{transform:scale(1.08) translate(2px,-1.5px) rotate(.5deg);}60%{transform:scale(1.08) translate(-1.5px,1px) rotate(-.4deg);}100%{transform:scale(1.08) translate(1px,2px) rotate(.3deg);}}
@keyframes tcHunt{0%{transform:translate(-10px,8px) scale(1.18);opacity:.35;}18%{transform:translate(9px,-5px) scale(.94);opacity:.95;}34%{transform:translate(-5px,-11px) scale(1.1);opacity:.5;}52%{transform:translate(12px,7px) scale(1.02);opacity:.9;}70%{transform:translate(-8px,-3px) scale(1.15);opacity:.4;}86%{transform:translate(4px,10px) scale(.97);opacity:.85;}100%{transform:translate(-10px,8px) scale(1.18);opacity:.35;}}
@keyframes tcSettle{0%{transform:translate(0,0) scale(1.12);opacity:.6;}55%{transform:translate(0,0) scale(.96);opacity:1;}100%{transform:translate(0,0) scale(.92);opacity:1;}}
@keyframes tcFlee{0%{transform:translateX(-50%) translateY(30px);opacity:0;}10%{transform:translateX(-50%) translateY(0);opacity:1;}46%{transform:translateX(-50%) translateY(0);opacity:1;}58%{transform:translateX(-50%) translateY(24px);opacity:0;}100%{transform:translateX(-50%) translateY(30px);opacity:0;}}
@keyframes tcWave{0%{transform:scale(.35);opacity:.95;}100%{transform:scale(2.1);opacity:0;}}
@keyframes tcPulse{0%,100%{box-shadow:0 0 0 3px rgba(232,181,63,.25);}50%{box-shadow:0 0 0 7px rgba(232,181,63,.08);}}

/* ---------- mobile ---------- */
@media (max-width:600px){
 .tc-stage{min-height:700px;}
 .tc-tent{left:-34px;bottom:300px;transform:scale(.84);transform-origin:bottom left;z-index:1;}
 .tc-phone-wrap{right:auto;left:50%;bottom:158px;transform:translateX(-46%);}
 .tc-phone{width:252px;height:496px;border-radius:40px;}
 .tc-screen{border-radius:33px;}
 .tc-lsign{width:198px;right:-40px;bottom:200px;}
 .tc-payoff .tc-phone{transform:translate(-26px,14px) rotate(-5deg);}
 .tc-ring{right:-46px;bottom:150px;}
 .tc-captext{display:block;margin:9px auto 0;max-width:330px;text-align:center;}
 .tc-caption{bottom:12px;}
}

/* ---------- reduced motion ---------- */
.tc-rm *,.tc-rm *::before,.tc-rm *::after{animation:none !important;transition:none !important;}
.tc-rm .tc-vf-scene{filter:blur(4px) brightness(.92) saturate(.85);}
.tc-rm .tc-banner{opacity:.9;transform:translateX(-50%) translateY(8px);}
.tc-rm .tc-focus{opacity:.85;transform:translate(-6px,4px) scale(1.08);}
.tc-rm.tc-payoff .tc-vf-scene{filter:none;}
.tc-rm.tc-payoff .tc-banner{transform:translateX(-50%);opacity:1;}
.tc-rm.tc-payoff .tc-focus{transform:scale(.92);}
.tc-rm.tc-payoff .tc-lsign{transform:none;opacity:1;}
.tc-rm.tc-payoff-tap .tc-ring{opacity:0;}

/* ============================================================
   SCENE: formats (tl-)
   ============================================================ */
.tl-stage{
  position:relative;
  width:100%;
  max-width:1120px;
  margin:0 auto;
  aspect-ratio:16/7;
  border-radius:18px;
  border:1px solid rgba(127,166,204,.16);
  background:
    radial-gradient(120% 95% at 50% 112%, #13253f 0%, rgba(19,37,63,0) 62%),
    linear-gradient(180deg,#060b16 0%,#0d1a2e 100%);
  box-shadow:0 30px 70px rgba(0,0,0,.5), 0 8px 22px rgba(0,0,0,.35);
  overflow:hidden;
}
/* counter slab */
.tl-counter{
  position:absolute;left:0;right:0;bottom:0;height:24%;
  background:linear-gradient(180deg,#13223a 0%,#0c1626 55%,#091220 100%);
}
.tl-counter::before{ /* brass top edge */
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#6e5119 0%,#e8b53f 22%,#b8821c 48%,#ffe7a8 62%,#b8821c 78%,#6e5119 100%);
  box-shadow:0 1px 4px rgba(232,181,63,.28);
}
.tl-hump{ /* register hump under the center lamp */
  position:absolute;left:50%;bottom:24%;transform:translateX(-50%);
  width:26%;height:3.2%;
  background:linear-gradient(180deg,#1b3050 0%,#12213a 100%);
  border-left:1px solid rgba(127,166,204,.22);
  border-right:1px solid rgba(127,166,204,.22);
  border-radius:6px 6px 0 0;
}
.tl-hump::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:6px 6px 0 0;
  background:linear-gradient(90deg,#6e5119,#e8b53f 35%,#ffe7a8 55%,#b8821c 80%,#6e5119);
}
.tl-glass{ /* glass case section, middle-right of the counter face */
  position:absolute;left:56%;right:3.5%;top:78.5%;bottom:3.5%;
  border:1px solid rgba(150,190,230,.16);
  border-radius:5px;
  background:
    linear-gradient(115deg, rgba(255,255,255,0) 38%, rgba(235,244,255,.09) 44%, rgba(255,255,255,0) 51%),
    radial-gradient(circle 2.5px at 16% 38%, rgba(255,231,168,.85), rgba(255,231,168,0) 100%),
    radial-gradient(circle 2px at 34% 66%, rgba(255,231,168,.7), rgba(255,231,168,0) 100%),
    radial-gradient(circle 1.8px at 52% 34%, rgba(255,231,168,.75), rgba(255,231,168,0) 100%),
    radial-gradient(circle 2.4px at 71% 62%, rgba(255,231,168,.8), rgba(255,231,168,0) 100%),
    radial-gradient(circle 1.6px at 86% 40%, rgba(255,231,168,.65), rgba(255,231,168,0) 100%),
    linear-gradient(180deg, rgba(27,141,246,.07), rgba(27,141,246,.015));
}
/* stations */
.tl-station{
  position:absolute;top:0;bottom:0;width:30%;
  transform:translateX(-50%);
  appearance:none;-webkit-appearance:none;
  background:none;border:0;padding:0;margin:0;
  cursor:pointer;color:inherit;font:inherit;text-align:center;
}
.tl-station:focus-visible{outline:2px solid #ffd98c;outline-offset:-4px;border-radius:14px;}
.tl-s1{left:18%;--tl-cord:11%;--tl-rot:-2deg;--tl-seat:23%;}
.tl-s2{left:50%;--tl-cord:6.5%;--tl-rot:1.5deg;--tl-seat:25.4%;}
.tl-s3{left:82%;--tl-cord:14%;--tl-rot:-1deg;--tl-seat:23%;}
.tl-inner{position:absolute;inset:0;display:block;pointer-events:none;}
/* lamp */
.tl-cord{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:2px;height:var(--tl-cord);
  background:linear-gradient(180deg,#040810,#182335);
}
.tl-shade{
  position:absolute;top:var(--tl-cord);left:50%;transform:translateX(-50%);
  width:64px;height:30px;
  border-radius:60px 60px 7px 7px / 54px 54px 5px 5px;
  background:linear-gradient(180deg,#1c2739 0%,#0b1322 78%);
  border:1px solid rgba(127,166,204,.28);
  border-bottom:2px solid rgba(255,215,140,.42);
  box-shadow:0 3px 8px rgba(0,0,0,.55);
  transition:border-bottom-color .5s ease, box-shadow .5s ease;
}
.tl-chain{
  position:absolute;top:calc(var(--tl-cord) + 27px);left:calc(50% + 24px);
  width:2px;height:15px;
  background:linear-gradient(180deg,rgba(230,200,140,.75),rgba(230,200,140,.35));
  transition:transform .22s ease;
}
.tl-chain::after{
  content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);
  width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f2dfae,#8a6a24);
}
.tl-chain.tl-dip{transform:translateY(6px);}
.tl-glow{
  position:absolute;top:calc(var(--tl-cord) + 24px);left:50%;transform:translateX(-50%);
  width:96px;height:40px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 12%, rgba(255,231,168,.85), rgba(255,231,168,0) 68%);
  filter:blur(2px);
  opacity:0;transition:opacity .6s ease;
}
.tl-cone{
  position:absolute;top:calc(var(--tl-cord) + 26px);bottom:calc(var(--tl-seat) - 2%);
  left:50%;transform:translateX(-50%);
  width:82%;
  clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
  background:linear-gradient(180deg, rgba(255,215,140,.17) 0%, rgba(255,215,140,.10) 55%, rgba(255,215,140,.025) 100%);
  opacity:0;transition:opacity .6s ease;
}
/* light pool on the counter */
.tl-pool{
  position:absolute;bottom:calc(var(--tl-seat) - 3%);left:50%;transform:translateX(-50%);
  width:88%;height:7%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,220,150,.20), rgba(255,220,150,0) 72%);
  opacity:0;transition:opacity .6s ease;
}
/* product photo */
.tl-photo{
  position:absolute;bottom:var(--tl-seat);left:50%;
  width:clamp(150px,22vw,240px);
  transform:translateX(-50%) rotate(var(--tl-rot));
}
.tl-photo img{
  display:block;width:100%;height:auto;
  -webkit-mask-image:radial-gradient(closest-side, #000 52%, rgba(0,0,0,.55) 71%, transparent 94%);
  mask-image:radial-gradient(closest-side, #000 52%, rgba(0,0,0,.55) 71%, transparent 94%);
  filter:brightness(.32) saturate(.75);
  transition:filter .6s ease;
}
/* plaque */
.tl-plaque{
  position:absolute;bottom:5.5%;left:50%;transform:translateX(-50%);
  display:block;width:clamp(150px,19vw,214px);
  padding:7px 16px 8px;
  border-radius:3px;
  background:linear-gradient(160deg,#d9b562 0%,#b18a34 46%,#8a6420 100%);
  box-shadow:inset 0 1px 0 rgba(255,246,220,.55), inset 0 -2px 3px rgba(58,40,6,.5), 0 4px 10px rgba(0,0,0,.45);
  opacity:.62;transition:opacity .6s ease;
}
.tl-plaque::before,.tl-plaque::after{
  content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f6e7bb,#6d501a);
  box-shadow:inset 0 -1px 1px rgba(50,34,4,.6);
}
.tl-plaque::before{left:5px;}
.tl-plaque::after{right:5px;}
.tl-plq-name{
  display:inline;font-weight:800;font-size:11px;letter-spacing:.13em;
  color:#33250c;text-shadow:0 1px 0 rgba(255,240,205,.45);
}
.tl-plq-dot{display:inline;margin:0 5px;color:#4d3a14;font-size:11px;}
.tl-plq-job{
  display:inline;font-weight:600;font-size:11px;letter-spacing:.015em;
  color:#43310f;text-shadow:0 1px 0 rgba(255,240,205,.4);
}
.tl-plq-spec{
  display:block;margin-top:3px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9.5px;letter-spacing:.04em;color:#4d3a14;
  text-shadow:0 1px 0 rgba(255,240,205,.35);
  opacity:0;transform:translateY(3px);
  transition:opacity .45s ease, transform .45s ease;
}
/* mobile ledge + rail (hidden on desktop) */
.tl-ledge{display:none;}
/* ===== STATE: revealed, ambient ===== */
.tl-on .tl-cone{opacity:.22;}
.tl-on .tl-glow{opacity:.3;}
.tl-on .tl-pool{opacity:.3;}
.tl-on .tl-photo img{filter:brightness(.44) saturate(.78);}
/* STATE: hot station */
.tl-on .tl-hot .tl-cone{opacity:1;}
.tl-on .tl-hot .tl-glow{opacity:1;}
.tl-on .tl-hot .tl-pool{opacity:1;}
.tl-on .tl-hot .tl-photo img{filter:brightness(1) saturate(1);}
.tl-on .tl-hot .tl-plaque{opacity:1;}
.tl-on .tl-hot .tl-plq-spec{opacity:1;transform:translateY(0);}
.tl-hot .tl-shade{border-bottom-color:#ffe7a8;box-shadow:0 3px 8px rgba(0,0,0,.55), 0 4px 14px rgba(255,215,140,.22);}
/* STATE: buzz-on sequence (left to right, two-flicker stutter) */
@keyframes tlFlick{
  0%,46%{opacity:0;}
  52%{opacity:.85;}
  58%{opacity:.06;}
  67%{opacity:.9;}
  74%{opacity:.22;}
  88%,100%{opacity:1;}
}
@keyframes tlFlickImg{
  0%,46%{filter:brightness(.32) saturate(.75);}
  52%{filter:brightness(.95) saturate(1);}
  58%{filter:brightness(.36) saturate(.75);}
  67%{filter:brightness(1) saturate(1);}
  74%{filter:brightness(.45) saturate(.8);}
  88%,100%{filter:brightness(1) saturate(1);}
}
.tl-buzz .tl-cone,
.tl-buzz .tl-glow,
.tl-buzz .tl-pool{animation:tlFlick 1.05s ease-out both;animation-delay:calc(var(--tl-i)*.45s);}
.tl-buzz .tl-photo img{animation:tlFlickImg 1.05s ease-out both;animation-delay:calc(var(--tl-i)*.45s);}
.tl-s1{--tl-i:0;}
.tl-s2{--tl-i:1;}
.tl-s3{--tl-i:2;}
/* ===== MOBILE: vertical tour ===== */
@media (max-width:700px){
  .tl-stage{aspect-ratio:auto;padding:8px 0 4px;}
  .tl-stage::before{ /* continuous brass counter-edge rail */
    content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;
    background:linear-gradient(180deg,#6e5119 0%,#e8b53f 18%,#b8821c 40%,#ffe7a8 55%,#b8821c 72%,#e8b53f 88%,#6e5119 100%);
    box-shadow:0 0 6px rgba(232,181,63,.3);
  }
  .tl-counter,.tl-hump,.tl-glass{display:none;}
  .tl-station{
    position:relative;top:auto;bottom:auto;left:auto;width:100%;
    transform:none;display:block;
    padding:20px 16px 26px 44px;
    min-height:44px;
  }
  .tl-inner{
    position:relative;inset:auto;
    display:flex;flex-direction:column;align-items:center;
    --tl-cordm:20px;
  }
  .tl-s2 .tl-inner{--tl-cordm:13px;}
  .tl-s3 .tl-inner{--tl-cordm:26px;}
  .tl-cord,.tl-shade,.tl-chain,.tl-glow,.tl-cone,.tl-pool{position:absolute;}
  .tl-cord{top:0;height:var(--tl-cordm);}
  .tl-shade{top:var(--tl-cordm);}
  .tl-chain{top:calc(var(--tl-cordm) + 27px);}
  .tl-glow{top:calc(var(--tl-cordm) + 24px);}
  .tl-cone{
    top:calc(var(--tl-cordm) + 26px);bottom:auto;
    height:calc(176px - var(--tl-cordm));
    width:230px;
  }
  .tl-pool{bottom:auto;top:calc(var(--tl-cordm) + 158px);width:210px;height:26px;}
  .tl-photo{
    position:relative;bottom:auto;left:auto;
    margin-top:calc(var(--tl-cordm) + 44px);
    width:158px;
    transform:rotate(var(--tl-rot));
  }
  .tl-ledge{
    display:block;position:relative;
    width:200px;height:12px;margin-top:-22px;
    background:linear-gradient(180deg,#13223a,#0a1424);
    border-radius:2px 2px 4px 4px;
  }
  .tl-ledge::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px 2px 0 0;
    background:linear-gradient(90deg,#6e5119,#e8b53f 30%,#ffe7a8 55%,#b8821c 80%,#6e5119);
  }
  .tl-plaque{
    position:relative;bottom:auto;left:auto;transform:none;
    margin-top:10px;width:212px;
  }
}
/* ===== reduced motion ===== */
@media (prefers-reduced-motion:reduce){
  .tl-stage *{animation:none !important;transition:none !important;}
}

/* ============================================================
   SCENE: why (cg-)
   ============================================================ */
/* ============ The Case-Glass Climb ============ */
.cg-stage{
  position:relative;
  max-width:920px;
  margin:0 auto;
  overflow:hidden;
  padding:10px 0 0;
}
.cg-case{
  position:relative;
  height:502px;
}
/* theatrical light pools */
.cg-case::before{
  content:"";
  position:absolute;
  left:-8%;
  bottom:-22%;
  width:64%;
  height:100%;
  background:radial-gradient(ellipse 42% 38% at 46% 62%, rgba(232,181,63,.16) 0%, rgba(184,130,28,.06) 55%, transparent 82%);
  pointer-events:none;
}
.cg-case::after{
  content:"";
  position:absolute;
  right:-4%;
  top:-6%;
  width:60%;
  height:112%;
  background:radial-gradient(ellipse 40% 36% at 52% 44%, rgba(255,231,168,.09) 0%, rgba(27,141,246,.045) 52%, transparent 80%);
  pointer-events:none;
}

/* glass rail */
.cg-rail{
  position:absolute;
  left:3%;
  right:3%;
  bottom:58px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,231,168,.32) 22%, rgba(255,231,168,.08) 48%, rgba(255,231,168,.45) 74%, rgba(255,231,168,.05) 92%, transparent);
  pointer-events:none;
}
.cg-rail::before{
  content:"";
  position:absolute;
  left:66%;
  top:-7px;
  width:130px;
  height:14px;
  background:radial-gradient(ellipse at center, rgba(255,231,168,.35), transparent 70%);
  filter:blur(2px);
  animation:cgGlint 5.2s ease-in-out infinite;
}
.cg-rail::after{
  content:"";
  position:absolute;
  left:14%;
  top:-5px;
  width:80px;
  height:10px;
  background:radial-gradient(ellipse at center, rgba(255,231,168,.28), transparent 70%);
  filter:blur(2px);
  animation:cgGlint 5.2s ease-in-out 2.4s infinite;
}
@keyframes cgGlint{
  0%,100%{opacity:.35;transform:translateX(0);}
  50%{opacity:.9;transform:translateX(14px);}
}
@media (prefers-reduced-motion: reduce){
  .cg-rail::before,
  .cg-rail::after{animation:none;}
}
/* phone reflection smear on the glass */
.cg-reflect{
  position:absolute;
  right:9%;
  bottom:8px;
  width:250px;
  height:46px;
  background:linear-gradient(180deg, rgba(255,231,168,.13), transparent 80%);
  filter:blur(9px);
  transform:skewX(-32deg);
  pointer-events:none;
}

/* ---------- the disc (real photo, tap target) ---------- */
.cg-disc{
  position:absolute;
  left:5.5%;
  bottom:6px;
  width:252px;
  height:252px;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  transform:rotate(-8deg);
  -webkit-tap-highlight-color:transparent;
  z-index:3;
}
.cg-disc:focus-visible{
  outline:2px solid #ffd98c;
  outline-offset:6px;
  border-radius:50%;
}
.cg-disc-vis{
  position:absolute;
  inset:0;
  display:block;
  -webkit-mask-image:radial-gradient(circle at 50% 50%, #000 38%, rgba(0,0,0,.55) 52%, transparent 68%);
  mask-image:radial-gradient(circle at 50% 50%, #000 38%, rgba(0,0,0,.55) 52%, transparent 68%);
}
.cg-disc-vis img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.94) saturate(1.06);
}
/* warm the cream ground into lamplight */
.cg-warm{
  position:absolute;
  inset:0;
  display:block;
  background:radial-gradient(circle at 50% 46%, rgba(255,206,128,.34), rgba(255,178,84,.16) 52%, rgba(120,80,20,.28) 78%);
  mix-blend-mode:multiply;
  pointer-events:none;
}
/* glare streak across the case glass over the disc */
.cg-glare{
  position:absolute;
  inset:0;
  display:block;
  background:linear-gradient(118deg, transparent 34%, rgba(255,255,255,.30) 43%, rgba(255,255,255,.10) 50%, transparent 57%);
  pointer-events:none;
}
.cg-disc.cg-press .cg-disc-vis{
  animation:cgPress .28s ease-out;
}
@keyframes cgPress{
  0%{transform:scale(1);}
  35%{transform:scale(.955);}
  100%{transform:scale(1);}
}
/* ripples blooming off the disc */
.cg-ripple{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid rgba(232,181,63,.85);
  box-shadow:0 0 22px rgba(232,181,63,.35), inset 0 0 18px rgba(232,181,63,.18);
  opacity:0;
  pointer-events:none;
  transform:scale(.6);
}
.cg-ripple.cg-run{
  animation:cgRipple 1.05s cubic-bezier(.2,.6,.35,1) forwards;
}
.cg-ripple.cg-r2.cg-run{
  animation-delay:.16s;
  animation-duration:1.2s;
}
@keyframes cgRipple{
  0%{opacity:0;transform:scale(.62);}
  12%{opacity:.95;}
  100%{opacity:0;transform:scale(2.15);}
}

/* ---------- the phone ---------- */
.cg-phone{
  position:absolute;
  right:9%;
  bottom:52px;
  width:256px;
  transform:rotate(-3deg);
  transform-origin:50% 100%;
  background:linear-gradient(160deg, #131e30, #0a1322);
  border:1px solid rgba(255,231,168,.16);
  border-radius:30px;
  padding:11px;
  box-shadow:
    0 34px 60px -18px rgba(0,0,0,.65),
    0 4px 18px rgba(0,0,0,.5),
    -14px 10px 44px -18px rgba(232,181,63,.28),
    inset 0 1px 0 rgba(255,231,168,.14);
  z-index:2;
}
.cg-phone::before{
  content:"";
  position:absolute;
  top:11px;
  left:50%;
  width:66px;
  height:17px;
  transform:translateX(-50%);
  background:#0a1322;
  border-radius:0 0 11px 11px;
  z-index:2;
}
.cg-screen{
  position:relative;
  background:#1d2127;
  border-radius:21px;
  padding:24px 11px 10px;
  overflow:hidden;
  font-size:.78rem;
}
/* search pill */
.cg-search{
  display:flex;
  align-items:center;
  gap:7px;
  background:#2e333c;
  border-radius:999px;
  padding:7px 12px;
  color:#e8eaed;
  font-size:.74rem;
  font-weight:500;
  letter-spacing:.01em;
}
.cg-search i{
  color:#9aa0a6;
  font-size:.8rem;
}
/* abstract map strip */
.cg-map{
  position:relative;
  height:72px;
  margin:9px 0;
  border-radius:10px;
  overflow:hidden;
  background:
    linear-gradient(64deg, transparent 46%, rgba(154,160,166,.16) 47%, rgba(154,160,166,.16) 48.5%, transparent 49.5%),
    linear-gradient(-38deg, transparent 62%, rgba(154,160,166,.13) 63%, rgba(154,160,166,.13) 64.5%, transparent 65.5%),
    linear-gradient(0deg, transparent 44%, rgba(154,160,166,.18) 45%, rgba(154,160,166,.18) 47%, transparent 48%),
    linear-gradient(148deg, #232a33, #1b222c 60%, #202832);
}
.cg-map::after{
  content:"";
  position:absolute;
  left:18%;
  top:20%;
  width:26%;
  height:52%;
  border-radius:5px;
  background:rgba(53,208,127,.10);
}
.cg-pin{
  position:absolute;
  width:15px;
  height:15px;
  transition:transform .45s cubic-bezier(.3,1.5,.5,1);
  transform:scale(1);
}
.cg-pin-dot{
  position:absolute;
  inset:0;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#b06060;
  box-shadow:0 1px 4px rgba(0,0,0,.5);
}
.cg-pin-dot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#1d2127;
}
.cg-pin-a{left:26%;top:24%;}
.cg-pin-b{left:56%;top:52%;}
.cg-pin-us{left:76%;top:22%;}
.cg-pin-us .cg-pin-dot{background:#e8b53f;}
.cg-pin.cg-pin-top{
  transform:scale(1.45);
}
.cg-pin.cg-pin-top .cg-pin-dot{
  box-shadow:0 1px 4px rgba(0,0,0,.5), 0 0 12px rgba(232,181,63,.55);
}

/* result rows */
.cg-rows{
  position:relative;
  transition:opacity .26s ease;
}
.cg-rows.cg-dim{opacity:.22;}
.cg-row{
  position:relative;
  background:#262b33;
  border-radius:9px;
  padding:7px 9px 6px;
  margin-bottom:7px;
  transition:transform .45s cubic-bezier(.3,1.5,.5,1);
  will-change:transform;
}
.cg-rows.cg-notrans .cg-row{transition:none;}
.cg-row-name{
  display:block;
  color:#e8eaed;
  font-weight:600;
  font-size:.8rem;
  line-height:1.25;
}
.cg-row-meta{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:2px;
  color:#9aa0a6;
  font-size:.7rem;
  font-variant-numeric:tabular-nums;
}
.cg-rate{
  color:#e8eaed;
  display:inline-block;
}
.cg-rate.cg-nudge{
  animation:cgNudge .4s ease;
}
@keyframes cgNudge{
  0%{transform:scale(1);}
  40%{transform:scale(1.28);color:#ffd98c;}
  100%{transform:scale(1);}
}
.cg-stars{
  position:relative;
  color:#565d68;
  font-size:.66rem;
  letter-spacing:.05em;
  line-height:1;
}
.cg-stars-fill{
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  white-space:nowrap;
  color:#f4b63f;
  width:92%;
}
.cg-count{
  display:inline-block;
  overflow:hidden;
}
.cg-count-in{
  display:inline-block;
}
.cg-count-in.cg-roll{
  animation:cgRoll .38s cubic-bezier(.2,.7,.3,1);
}
@keyframes cgRoll{
  0%{transform:translateY(.85em);opacity:0;}
  100%{transform:translateY(0);opacity:1;}
}
.cg-row-sub{
  display:block;
  margin-top:1px;
  color:#9aa0a6;
  font-size:.66rem;
}
/* our row */
.cg-row-us{
  background:linear-gradient(90deg, rgba(232,181,63,.16), rgba(232,181,63,.05) 46%, #262b33 78%);
  box-shadow:inset 3px 0 0 #e8b53f;
}
.cg-row-us .cg-row-name{color:#ffe7a8;}

/* the quiet line */
.cg-passed{
  height:17px;
  text-align:center;
  color:#ffd98c;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.03em;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .6s ease, transform .6s ease;
}
.cg-passed.cg-on{
  opacity:1;
  transform:translateY(0);
}
/* skeleton footer to give the screen phone proportions */
.cg-more{
  margin:6px auto 2px;
  width:58%;
  height:22px;
  border-radius:999px;
  background:#262b33;
  color:#9aa0a6;
  font-size:.64rem;
  font-weight:500;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.cg-more i{font-size:.6rem;}

/* caption */
.cg-caption{
  margin:14px auto 0;
  max-width:520px;
  text-align:center;
  color:#9db8d6;
  font-size:.86rem;
  line-height:1.5;
}
.cg-caption strong{
  color:#ffd98c;
  font-weight:600;
}

/* ---------- mobile ---------- */
@media (max-width:640px){
  .cg-stage{padding-top:0;}
  .cg-case{
    height:auto;
    padding:14px 0 122px;
  }
  .cg-case::before{
    left:-14%;
    bottom:-4%;
    width:80%;
    height:52%;
  }
  .cg-case::after{
    right:-12%;
    top:0;
    width:86%;
  }
  .cg-phone{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(320px,86vw);
    margin:0 8px 0 auto;
    transform:rotate(-2deg);
  }
  .cg-screen{font-size:.72rem;}
  .cg-row-name{font-size:.74rem;}
  .cg-row-meta{font-size:.66rem;}
  .cg-disc{
    left:max(2px, calc(50% - 160px - 30px));
    bottom:0;
    width:172px;
    height:172px;
  }
  .cg-rail{
    bottom:74px;
    left:1%;
    right:1%;
  }
  .cg-reflect{
    right:12%;
    bottom:12px;
    width:170px;
    height:32px;
  }
  .cg-caption{font-size:.8rem;padding:0 6px;}
}

/* ============================================================
   SCENE: order (jc-)
   ============================================================ */
.jc-stage{--jc-marker:'Marker Felt','Bradley Hand','Segoe Print','Comic Sans MS',cursive;width:100%;max-width:1080px;margin:0 auto;position:relative}
.jc-stage *{box-sizing:border-box}

/* ---- scene wrapper ---- */
.jc-scene{position:relative;width:100%}

/* ---- the case ---- */
.jc-case{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#0a1322 0%,#060b16 100%);box-shadow:0 30px 80px -30px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,231,168,.07)}
.jc-case::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(115% 105% at 50% 56%,rgba(3,6,12,0) 46%,rgba(3,6,12,.55) 76%,rgba(2,4,9,.92) 100%);z-index:6}

/* light layer: everything warm flickers on together */
.jc-lights{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:1}
.jc-on .jc-lights{animation:jcFlick 1.25s ease-out forwards}
.jc-pool{position:absolute;inset:0;background:radial-gradient(88% 86% at 50% 64%,#fdf1dd 0%,#f8e7c7 30%,#e3c491 48%,rgba(150,118,72,.42) 62%,rgba(20,26,40,0) 78%)}
.jc-cone{position:absolute;top:16px;width:26%;height:62%;background:linear-gradient(180deg,rgba(255,238,204,.34),rgba(255,238,204,.05) 70%,transparent);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(6px)}
.jc-cone1{left:16%}.jc-cone2{left:56%}
.jc-puck{position:absolute;top:14px;width:52px;height:10px;border-radius:50%;background:radial-gradient(closest-side,#fff6df,rgba(255,231,168,.55) 55%,transparent);filter:blur(2px)}
.jc-puck1{left:calc(16% + 13% - 26px)}.jc-puck2{left:calc(56% + 13% - 26px)}

/* glass plane */
.jc-glassline{position:absolute;left:4%;right:4%;bottom:15.5%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,244,220,.55) 18%,rgba(255,244,220,.8) 50%,rgba(255,244,220,.55) 82%,transparent);z-index:2;opacity:0;transition:opacity .9s ease 1.15s}
.jc-on .jc-glassline{opacity:.8}
.jc-glassrefl{position:absolute;left:0;right:0;bottom:0;height:15.5%;background:linear-gradient(180deg,rgba(253,241,221,.14),rgba(253,241,221,0) 80%);z-index:2;opacity:0;transition:opacity .9s ease 1.15s}
.jc-on .jc-glassrefl{opacity:1}

/* glare streak riding the glass */
.jc-glare{position:absolute;top:0;bottom:0;left:0;width:16%;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13) 35%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.06) 70%,transparent);transform:translateX(-160%) skewX(-16deg)}
.jc-on .jc-glare{opacity:1;animation:jcGlare 9s linear infinite 1.6s}

/* top rail */
.jc-rail{position:absolute;top:0;left:0;right:0;height:15px;z-index:5;background:linear-gradient(180deg,#332413 0%,#1c1309 55%,#0e0903 100%);box-shadow:0 1px 0 rgba(232,181,63,.35),0 6px 14px -4px rgba(0,0,0,.6)}

/* ---- products ---- */
.jc-prod{position:absolute;z-index:3;margin:0;opacity:0;transform:translateY(16px) rotate(var(--jcR,0deg));transition:opacity .85s ease,transform .85s ease;pointer-events:none}
.jc-prod img{display:block;width:100%;height:auto;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 55%,transparent 76%);mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 55%,transparent 76%)}
.jc-on .jc-prod{opacity:1;transform:translateY(0) rotate(var(--jcR,0deg))}
.jc-prodSign{left:14%;bottom:7%;width:36%;--jcR:-1deg;transition-delay:1.15s}
.jc-prodCard{right:2%;bottom:9%;width:33%;--jcR:6deg;transition-delay:1.32s;z-index:3}
.jc-prodDisc{left:41.5%;bottom:-6%;width:30%;--jcR:-2deg;transition-delay:1.5s;z-index:4}

/* ---- hanging tags ---- */
.jc-tag{position:absolute;top:13px;z-index:7;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;margin:0;cursor:pointer;font-family:var(--jc-marker);opacity:0;-webkit-tap-highlight-color:transparent}
.jc-tag:focus-visible .jc-tagBody{outline:2px solid #ffd98c;outline-offset:3px}
.jc-tag:focus{outline:none}
.jc-on .jc-tag{animation:jcTagDrop .7s cubic-bezier(.3,1.45,.45,1) forwards}
.jc-tag1{left:2.5%;animation-delay:1.7s!important}
.jc-tag2{left:35.5%;animation-delay:1.84s!important}
.jc-tag3{right:4%;animation-delay:1.98s!important}
.jc-tagStr{width:2px;background:linear-gradient(#c9b285,#a8916a);height:30px}
.jc-tag2 .jc-tagStr{height:16px}
.jc-tag3 .jc-tagStr{height:42px}
.jc-tagBody{position:relative;width:172px;min-height:76px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.1,.2,1);transform:rotate(var(--jcT,0deg))}
.jc-tag1 .jc-tagBody{--jcT:-2.5deg}
.jc-tag2 .jc-tagBody{--jcT:1.5deg}
.jc-tag3 .jc-tagBody{--jcT:-1.5deg}
.jc-flipped .jc-tagBody{transform:rotate(var(--jcT,0deg)) rotateY(180deg)}
.jc-tagFace{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 12px 12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);background:linear-gradient(168deg,#ecd9a8 0%,#dfc78e 70%,#d2b877 100%);box-shadow:inset 0 0 0 1px rgba(120,94,44,.25)}
.jc-tagFace::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:#0d1a2e;box-shadow:0 0 0 3px #c4ab74,0 0 0 4px rgba(90,70,30,.35)}
.jc-tagBack{transform:rotateY(180deg);background:linear-gradient(168deg,#e0cb92 0%,#d2b877 70%,#c5a963 100%)}
.jc-tagName{margin-top:10px;font-size:17px;line-height:1.05;color:#42320f;letter-spacing:.02em;text-align:center}
.jc-tagSub{font-size:12.5px;color:#6b5420;text-align:center;line-height:1.15}
.jc-tagBackTxt{margin-top:9px;font-size:13.5px;line-height:1.25;color:#4a3812;text-align:center}
.jc-tagBackTxt strong{color:#a03d2c;font-weight:inherit}
.jc-tagHint{position:absolute;bottom:3px;right:7px;font-size:9px;letter-spacing:.08em;color:rgba(107,84,32,.65);font-family:'Inter Tight',sans-serif;font-weight:600;text-transform:uppercase}

/* ---- taped note on the glass ---- */
.jc-note{position:absolute;z-index:5;left:27%;bottom:4%;width:168px;padding:12px 12px 13px;background:linear-gradient(172deg,#fdf6e4,#f4e6c6);color:#4a3812;font-family:var(--jc-marker);font-size:14.5px;line-height:1.3;text-align:center;transform:rotate(-3deg);box-shadow:0 8px 18px -8px rgba(0,0,0,.55);opacity:0;transition:opacity .85s ease 1.55s}
.jc-on .jc-note{opacity:1}
.jc-note i{font-style:normal;color:#a03d2c}
.jc-tape{position:absolute;width:52px;height:16px;background:rgba(240,228,196,.5);box-shadow:0 1px 3px rgba(0,0,0,.18);backdrop-filter:blur(1px)}
.jc-tapeL{top:-8px;left:-14px;transform:rotate(-38deg)}
.jc-tapeR{top:-8px;right:-14px;transform:rotate(38deg)}

/* ---- brass placard (explicit link) ---- */
.jc-placard{position:absolute;right:18px;bottom:14px;z-index:8;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border-radius:5px;text-decoration:none;background:linear-gradient(165deg,#f0d087 0%,#d9a83e 45%,#a97a1a 100%);box-shadow:0 2px 0 rgba(0,0,0,.45),inset 0 1px 0 rgba(255,246,220,.75),inset 0 -1px 0 rgba(70,45,5,.5);color:#33230a;font-weight:800;font-size:12.5px;letter-spacing:.14em;opacity:0;transition:opacity .85s ease 1.7s,filter .2s ease}
.jc-on .jc-placard{opacity:1}
.jc-placard:hover{filter:brightness(1.08)}
.jc-placard::before,.jc-placard::after{content:"";width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d2,#8a6210 70%);box-shadow:inset 0 0 1px #3a2a08;flex:none}
.jc-placard .ph-bold{font-size:15px}

/* ---- deal card ---- */
.jc-dealwrap{position:absolute;left:1.5%;bottom:-96px;width:262px;z-index:8}
.jc-deal{position:relative;background:linear-gradient(174deg,#fdf6e6 0%,#f6e9cb 100%);padding:16px 18px 14px;transform:rotate(-3.5deg);box-shadow:0 16px 34px -14px rgba(0,0,0,.75),inset 0 0 0 1px rgba(120,94,44,.14);font-family:var(--jc-marker);color:#3c2d0d;cursor:pointer;opacity:0;translate:0 10px;transition:opacity .85s ease 1.85s,translate .85s ease 1.85s}
.jc-on .jc-deal{opacity:1;translate:0 0}
.jc-dealTitle{font-size:13px;letter-spacing:.06em;color:#8a6b28;margin:0 0 8px;text-align:center}
.jc-dealLine{display:flex;align-items:baseline;gap:8px;font-size:17.5px;line-height:1.5;white-space:nowrap}
.jc-dealLine em{font-style:normal;font-size:11.5px;color:#1f8f56;letter-spacing:.04em}
.jc-dealTen{position:relative;display:inline-flex;align-items:baseline;gap:8px}
.jc-dealTen svg{position:absolute;left:-15px;top:-10px;width:calc(100% + 30px);height:calc(100% + 20px);overflow:visible;pointer-events:none}
.jc-dealTen svg path{fill:none;stroke:#d84b4b;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340}
.jc-on .jc-dealTen svg path{animation:jcCircle .7s ease-out 2.6s forwards}
.jc-scrawl{position:relative;display:block;width:126px;margin:10px 6px 2px auto;font-size:12.5px;line-height:1.15;color:#c23f3f;transform:rotate(-5deg);text-align:center}
.jc-scrawl::after{content:"";position:absolute;left:-28px;top:-4px;width:24px;height:16px;border-top:2px solid #c23f3f;border-left:2px solid #c23f3f;border-top-left-radius:16px;transform:rotate(-42deg)}
.jc-fine{margin:14px 0 0 6px;font-size:12px;line-height:1.45;color:#7fa6cc;max-width:280px;opacity:0;transition:opacity .85s ease 2.1s}
.jc-on .jc-fine{opacity:1}

/* ---- CTA row ---- */
.jc-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:132px;padding-left:2%}
.jc-ctaBtn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:800;font-size:16.5px;color:#241703;background:linear-gradient(170deg,#ffe7a8 0%,#e8b53f 78%,#d19f2c 100%);box-shadow:0 12px 30px -10px rgba(232,181,63,.45),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .18s ease,box-shadow .18s ease}
.jc-ctaBtn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(232,181,63,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.jc-ctaBtn .ph-bold{font-size:19px}
.jc-ctaAlt{display:inline-flex;align-items:center;min-height:44px;color:#9db8d6;font-size:15px;text-decoration:underline;text-decoration-color:rgba(157,184,214,.45);text-underline-offset:4px;padding:0 2px;transition:color .18s ease}
.jc-ctaAlt:hover{color:#ffd98c}

/* ---- keyframes ---- */
@keyframes jcFlick{0%{opacity:0}7%{opacity:1}12%{opacity:.08}19%{opacity:.95}27%{opacity:.12}38%{opacity:1}100%{opacity:1}}
@keyframes jcGlare{0%{transform:translateX(-160%) skewX(-16deg)}62%{transform:translateX(790%) skewX(-16deg)}100%{transform:translateX(790%) skewX(-16deg)}}
@keyframes jcTagDrop{0%{opacity:0;transform:translateY(-12px)}55%{opacity:1;transform:translateY(3px)}80%{transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}
@keyframes jcCircle{to{stroke-dashoffset:0}}

/* ---- mobile ---- */
@media (max-width:640px){
  .jc-case{aspect-ratio:4/5;border-radius:13px}
  .jc-pool{background:radial-gradient(105% 74% at 50% 58%,#fdf1dd 0%,#f8e7c7 32%,#e3c491 50%,rgba(150,118,72,.42) 64%,rgba(20,26,40,0) 80%)}
  .jc-cone{width:38%;height:44%}
  .jc-cone1{left:8%}.jc-cone2{left:54%}
  .jc-puck1{left:calc(8% + 19% - 26px)}.jc-puck2{left:calc(54% + 19% - 26px)}
  .jc-glassline{bottom:11%}
  .jc-glassrefl{height:11%}
  .jc-prodSign{left:2%;bottom:24%;width:62%}
  .jc-prodCard{right:-7%;bottom:26%;width:52%}
  .jc-prodDisc{left:24%;bottom:-4%;width:52%}
  .jc-tag{top:12px}
  .jc-tag1{left:1.5%}
  .jc-tag2{left:34.5%}
  .jc-tag3{right:1.5%}
  .jc-tagStr{height:18px}
  .jc-tag2 .jc-tagStr{height:34px}
  .jc-tag3 .jc-tagStr{height:52px}
  .jc-tagBody{width:112px;min-height:72px}
  .jc-tagFace{padding:9px 7px 11px;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px)}
  .jc-tagName{font-size:13.5px;margin-top:9px}
  .jc-tagSub{font-size:10.5px}
  .jc-tagBackTxt{font-size:11px;margin-top:8px}
  .jc-tagHint{display:none}
  .jc-note{left:5%;bottom:3%;width:150px;font-size:13px}
  .jc-scrawl{position:absolute;right:4px;bottom:38px;width:100px;margin:0;transform:rotate(-6deg)}
  .jc-scrawl::after{left:16px;top:auto;bottom:-18px;width:26px;height:16px;border-top:none;border-bottom:2px solid #c23f3f;border-top-left-radius:0;border-bottom-left-radius:14px;transform:rotate(24deg)}
  .jc-placard{position:static;margin:14px auto 0;display:flex;width:fit-content;order:3}
  .jc-dealwrap{position:static;width:100%;margin-top:18px}
  .jc-deal{transform:rotate(-1deg);width:min(100%,330px);margin:0 auto}
  .jc-dealLine{font-size:16.5px}
  .jc-fine{margin:12px auto 0;text-align:center;max-width:320px}
  .jc-cta{margin-top:26px;padding-left:0;flex-direction:column;gap:14px}
  .jc-ctaBtn{width:100%;max-width:330px;justify-content:center}
}

/* ---- reduced motion ---- */
.jc-rm .jc-lights,.jc-rm .jc-glassline,.jc-rm .jc-glassrefl,.jc-rm .jc-note,.jc-rm .jc-placard,.jc-rm .jc-deal,.jc-rm .jc-fine{animation:none!important;transition:none!important;opacity:1;translate:0 0}
.jc-rm .jc-prod{animation:none!important;transition:none!important;opacity:1;transform:translateY(0) rotate(var(--jcR,0deg))}
.jc-rm .jc-tag{animation:none!important;opacity:1;transform:none}
.jc-rm .jc-glare{animation:none!important;opacity:0}
.jc-rm .jc-tagBody{transition:none!important}
.jc-rm .jc-dealTen svg path{animation:none!important;stroke-dashoffset:0}