/* V18 — Reference demo panel. Isolated selectors; V17 scroll cards are untouched. */
.practice-v18{
  --demo-pink:#fc3156;
  --demo-purple:#510773;
  --demo-yellow:#ffe12d;
  position:relative;
  margin:calc(-1 * var(--demo-trim,0px)) 0 0;
  padding:clamp(72px,7.3vw,112px) 0 60px;
  background:#fff;
  scroll-margin-top:116px;
  isolation:isolate;
  overflow-x:clip;
  overflow-y:visible;
}
.practice-v18__grid{
  width:min(calc(100% - 64px),1728px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.26fr) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.practice-v18__visual{position:relative;min-width:0;min-height:100%;z-index:2;}
.practice-v18__screen{
  position:absolute;inset:0;overflow:hidden;border-radius:32px;
  background:linear-gradient(150deg,#bd00f4 0%,#c61bfa 48%,#d45df9 100%);
  isolation:isolate;
}
.practice-v18__phone{
  position:absolute;left:50%;top:8%;width:89%;max-width:none;height:auto;
  transform:translateX(-50%);z-index:1;
}
.practice-v18__phone.asset-fallback{top:4%;width:116%;}
.practice-v18__balance{
  position:absolute;top:39.5%;left:6%;width:88%;aspect-ratio:920/472;z-index:3;
  transform:translate3d(0,var(--demo-balance-y,0px),0);
}
.practice-v18__balance-backup{
  position:absolute;inset:0;border-radius:11% / 16%;overflow:hidden;
  background:radial-gradient(ellipse at 97% 45%,#4a1e6f 0,transparent 35%),radial-gradient(ellipse at 3% 10%,#672788 0,transparent 28%),linear-gradient(116deg,#26113e,#20102e 62%,#42205b);
  box-shadow:inset 0 0 0 1px #ffffff20,inset 0 -6px 20px #b46ad222;
}
.practice-v18__balance-header{position:absolute;left:9%;top:14%;display:flex;align-items:center;gap:clamp(8px,1vw,16px);color:#fff;}
.practice-v18__balance-icon{display:grid;place-items:center;background:#c20df8;border-radius:22%;width:clamp(28px,4.5vw,76px);aspect-ratio:1;font-size:clamp(30px,4.8vw,80px);font-weight:900;color:#ffe834;line-height:1;}
.practice-v18__balance-header strong{display:block;font-size:clamp(12px,1.65vw,29px);line-height:1.2;}
.practice-v18__balance-header small{display:block;margin-top:8px;font-size:clamp(7px,.94vw,16px);line-height:1.15;}
.practice-v18__balance-skin{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:fill;}
.practice-v18__amount{
  position:absolute;inset:auto 7.5% 12%;z-index:2;display:flex;align-items:baseline;gap:5%;
  color:#fff;font-family:var(--display);font-weight:800;font-size:clamp(58px,10.2vw,170px);
  line-height:.95;letter-spacing:-.028em;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.practice-v18__amount>[data-demo-amount]{display:inline-block;min-width:3.5em;}
.practice-v18__candle{position:absolute;z-index:4;aspect-ratio:1;pointer-events:none;max-width:none;}
.practice-v18__candle img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;}
.practice-v18__candle--top{width:54%;right:-17%;top:-23%;transform:translateY(var(--demo-candle-y,0px)) rotate(19deg);}
.practice-v18__candle--bottom{width:38%;left:-13%;bottom:-10%;transform:translateY(calc(var(--demo-candle-y,0px) * -.45)) rotate(-53deg);}
.practice-v18__candle-fallback{position:absolute;left:37%;top:14%;width:27%;height:70%;border-radius:20px;background:linear-gradient(100deg,#c29b0e,#ffdd34 30%,#f8cd16 65%,#c3a407);box-shadow:inset -8px 0 10px #92780942;transform:rotate(8deg);}
.practice-v18__candle-fallback::before,.practice-v18__candle-fallback::after{content:"";position:absolute;left:38%;width:24%;height:19%;border-radius:40px;background:linear-gradient(90deg,#d2ad11,#ffdf2d,#c8aa11);}
.practice-v18__candle-fallback::before{top:-15%;}
.practice-v18__candle-fallback::after{bottom:-15%;}
/* Backup sits behind the image; avoid showing outside the original transparent silhouette. */
.practice-v18__candle.is-loaded .practice-v18__candle-fallback{visibility:hidden;}
.practice-v18__balance.is-loaded .practice-v18__balance-backup{visibility:hidden;}
.practice-v18__copy{position:relative;min-width:0;padding:30px 32px 28px;border-radius:32px;background:#ededed;z-index:1;}
.practice-v18__title{margin:0;color:var(--demo-pink);font-family:var(--display);font-size:clamp(56px,6.9vw,116px);font-weight:800;line-height:.91;letter-spacing:-.025em;text-transform:uppercase;}
.practice-v18__title>span,.practice-v18__title>span>span{display:block;}
.practice-v18__title>span>span{white-space:nowrap;}
.practice-v18__purple{color:var(--demo-purple);}
.practice-v18__info{margin-top:30px;color:#111;}
.practice-v18__info p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,.94vw,15px);font-weight:700;line-height:1.4;max-width:425px;}
.practice-v18__info p+p{margin-top:22px;}
.practice-v18__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;min-height:64px;padding:18px 32px;border:0;border-radius:20px;background:var(--demo-yellow);color:#111;font-family:var(--body);font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;transition:background .2s,transform .2s;}
.practice-v18__cta:hover{background:#ffeb53;transform:translateY(-2px);}
.practice-v18__cta:focus-visible{outline:3px solid var(--demo-purple);outline-offset:5px;}
/* Normal flow even if JavaScript, tracking, or external assets are blocked. */
@media(min-width:1800px){.practice-v18__amount{font-size:170px;}}
@media(min-width:761px) and (max-width:1100px){
  .practice-v18__grid{width:calc(100% - 48px);gap:14px;}
  .practice-v18__copy{padding:26px 24px;border-radius:26px;}
  .practice-v18__screen{border-radius:26px;}
  .practice-v18__title{font-size:6.8vw;}
  .practice-v18__info{margin-top:22px;}
  .practice-v18__info p{font-size:12px;}
  .practice-v18__cta{min-height:54px;font-size:15px;padding:15px 23px;margin-top:22px;border-radius:17px;}
  .practice-v18__candle--top{top:-17%;}
}
@media(max-width:760px){
  .practice-v18{padding-top:66px;padding-bottom:38px;scroll-margin-top:90px;}
  .practice-v18__grid{width:calc(100% - 36px);grid-template-columns:minmax(0,1fr);gap:16px;}
  .practice-v18__visual{min-height:0;aspect-ratio:1/1.08;}
  .practice-v18__screen{border-radius:25px;}
  .practice-v18__phone{top:7%;width:91%;}
  .practice-v18__balance{top:40%;width:90%;left:5%;}
  .practice-v18__amount{font-size:clamp(60px,19.8vw,140px);}
  .practice-v18__balance-icon{width:8vw;font-size:9vw;}
  .practice-v18__balance-header strong{font-size:3.3vw;}
  .practice-v18__balance-header small{font-size:1.9vw;margin-top:5px;}
  .practice-v18__candle--top{width:48%;right:-8%;top:-18%;}
  .practice-v18__candle--bottom{width:32%;left:-8%;bottom:-7%;}
  .practice-v18__copy{border-radius:25px;padding:30px 24px;}
  .practice-v18__title{font-size:clamp(48px,14.5vw,100px);line-height:.92;}
  .practice-v18__info{margin-top:25px;}
  .practice-v18__info p{max-width:480px;font-size:12px;line-height:1.5;}
  .practice-v18__info p+p{margin-top:16px;}
  .practice-v18__cta{margin-top:23px;min-height:55px;padding:16px 25px;font-size:15px;border-radius:17px;}
}
@media(max-width:380px){
 .practice-v18__grid{width:calc(100% - 32px);}
 .practice-v18__copy{padding:26px 20px;}
 .practice-v18__title{font-size:14.4vw;}
 .practice-v18__info p{font-size:11.5px;}
}
@media(prefers-reduced-motion:reduce){
 .practice-v18__balance,.practice-v18__candle{--demo-balance-y:0px!important;--demo-candle-y:0px!important;}
 .practice-v18__cta{transition:none;}
}
@media print{
 .practice-v18{padding-top:24px;break-inside:avoid;}
 .practice-v18__candle{display:none;}
}