:root{
    --black:#030303; --soft-black:#0A0A0A; --white:#FFFFFF;
    --lavender:#C99BD3; --deep-lavender:#A66DB5; --lime:#B7FF39; --acid:#9EFF00; --charcoal:#1A1A1D;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--black); color:var(--white); font-family:'Inter',sans-serif; overflow-x:hidden; position:relative;}
  h1,h2,h3,.display{font-family:'Anton',sans-serif; text-transform:uppercase; letter-spacing:0.01em; line-height:0.92; color:#fff;}
  .archivo{font-family:'Archivo Black',sans-serif;}
  .hand{font-family:'Caveat',cursive; font-weight:700;}
  .lime{color:var(--lime); font-style:italic;}
  .lavender-text{color:var(--lavender);}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .container{max-width:1200px; margin:0 auto; padding:0 24px; position:relative;}
  .wrap{max-width:640px; margin:0 auto; padding:0 20px;}
  section{position:relative; z-index:1; overflow:hidden;}
  .glow{position:absolute; border-radius:50%; filter:blur(60px); pointer-events:none; z-index:0;}

  .reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}
  .reveal-rot{opacity:0; transform:translateY(24px) rotate(var(--r,0deg)); transition:opacity .6s ease, transform .6s ease;}
  .reveal-rot.in{opacity:1; transform:translateY(0) rotate(var(--r,0deg));}

  .btn-outline{display:inline-block; background:transparent; border:3px solid var(--lime); color:var(--white); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; padding:18px 32px; border-radius:100px; cursor:pointer; transition:all .25s ease;}
  .btn-outline:hover{background:var(--lime); color:var(--black); box-shadow:0 0 40px rgba(183,255,57,0.7); transform:scale(1.05) rotate(-1deg);}
  .btn-outline:focus-visible{outline:3px solid var(--lavender); outline-offset:3px;}
  .btn-lavender{display:inline-block; background:var(--lavender); border:none; color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; padding:18px 32px; border-radius:100px; cursor:pointer; transition:all .25s ease;}
  .btn-lavender:hover{background:var(--white); box-shadow:0 0 40px rgba(201,155,211,0.6); transform:scale(1.05) rotate(1deg);}
  .btn-lavender:focus-visible{outline:3px solid var(--lime); outline-offset:3px;}

  .deco{position:absolute; z-index:5; pointer-events:none; filter:drop-shadow(0 4px 10px rgba(0,0,0,0.5));}
  .deco svg{width:100%; height:100%; display:block;}
  .deco img{width:100%; height:100%; object-fit:contain;}
  .float{animation:floaty 6s ease-in-out infinite;}
  @keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg));} 50%{transform:translateY(-14px) rotate(calc(var(--r,0deg) + 4deg));}}

  .sticker-tag{position:absolute; background:var(--lime); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; padding:6px 14px; border-radius:6px; box-shadow:0 6px 14px rgba(0,0,0,0.4); z-index:6;}
  @media(max-width:640px){ .deco-hide-mobile{display:none;} }

  @media(prefers-reduced-motion:reduce){ .float{animation:none;} html{scroll-behavior:auto;} .reveal,.reveal-rot{transition:none; opacity:1; transform:none;} }

  #nav{position:fixed; top:14px; left:50%; transform:translateX(-50%); z-index:100; background:rgba(10,10,10,0.9); backdrop-filter:blur(10px); border:2px solid var(--lime); border-radius:100px; padding:9px 9px 9px 22px; display:flex; align-items:center; gap:20px; transition:opacity .3s ease; opacity:0; pointer-events:none;}
  #nav.show{opacity:1; pointer-events:auto;}
  #nav a{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.03em; color:#ddd;}
  #nav a:hover{color:var(--lime);}
  #nav .btn-outline{padding:9px 18px; font-size:11px; border-width:2px;}
  @media(max-width:860px){#nav{display:none;}}

  #announce{background:var(--black); text-align:center; padding:12px 10px; border-bottom:2px solid var(--lime); font-family:'Archivo Black',sans-serif; letter-spacing:0.3em; font-size:12px; position:relative; z-index:2; animation:fadeDown .9s ease;}
  @keyframes fadeDown{from{opacity:0; transform:translateY(-12px);} to{opacity:1; transform:translateY(0);}}

  /* HERO */
  #hero{padding:40px 20px 26px; min-height:88vh; display:flex; align-items:center;}
  #hero .hero-grid{display:grid; grid-template-columns:1.05fr 0.95fr; align-items:center; gap:20px; width:100%; max-width:1200px; margin:0 auto; position:relative;}
  #hero .logo-block img{width:300px; max-width:74vw;}
  #hero h1{font-size:clamp(38px,7vw,72px); color:#fff; margin:10px 0 16px; position:relative; z-index:3;}
  #hero p.sub{max-width:440px; font-size:16px; color:#e2e2e2; line-height:1.55; position:relative; z-index:3;}
  #hero .tagline{font-family:'Archivo Black',sans-serif; font-size:13px; color:var(--lavender); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:6px;}
  #hero .photo-col{position:relative; height:100%;}
  #hero .photo-col img{position:absolute; right:-6vw; top:-4%; width:110%; max-width:none; border-radius:26px; object-fit:cover; height:104%; box-shadow:0 30px 70px rgba(0,0,0,0.6);}
  #hero .cam-badge{position:absolute; bottom:6%; left:-4%; background:#fff; color:var(--black); border-radius:14px; padding:10px 16px; font-family:'Archivo Black',sans-serif; font-size:11px; text-transform:uppercase; box-shadow:0 14px 30px rgba(0,0,0,0.5); z-index:4; transform:rotate(-4deg);}
  @media(max-width:900px){
    #hero{min-height:auto; padding-top:24px;}
    #hero .hero-grid{grid-template-columns:1fr; text-align:center;}
    #hero .logo-block img{margin:0 auto;}
    #hero p.sub{margin:0 auto;}
    #hero .photo-col{display:none;}
  }

  /* PROBLEM */
  #problem{padding:56px 0 40px;}
  #problem .eyebrow{font-family:'Archivo Black',sans-serif; color:var(--lavender); letter-spacing:0.12em; font-size:13px; margin-bottom:8px;}
  #problem h2{font-size:clamp(30px,6vw,50px); margin-bottom:8px; color:#fff;}
  #problem .row{display:grid; grid-template-columns:1.15fr 0.85fr; gap:40px; align-items:start; margin-top:26px;}
  .reason-card{background:var(--lavender); color:var(--black); border-radius:4px 20px 4px 20px; padding:26px 28px; font-family:'Archivo Black',sans-serif; font-size:clamp(17px,3vw,23px); text-transform:uppercase; margin-bottom:22px; cursor:pointer; box-shadow:8px 10px 0 rgba(0,0,0,0.5); transition:transform .25s ease; position:relative;}
  .reason-card:nth-child(2){margin-left:8%;}
  .reason-card:hover, .reason-card:focus-visible{transform:translate(-4px,-4px) rotate(-1deg);}
  .reason-card .reveal-line{max-height:0; overflow:hidden; transition:max-height .35s ease, margin-top .35s ease; font-family:'Inter',sans-serif; text-transform:none; font-size:14.5px; font-weight:600; opacity:0.85;}
  .reason-card.open .reveal-line{max-height:80px; margin-top:10px;}
  #problem .side-photo{position:relative; border-radius:20px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,0.5);}
  #problem .side-photo img{width:100%; height:100%; object-fit:cover;}

  .transition-copy{position:relative; text-align:center; max-width:680px; margin:48px auto 0; padding:36px 24px; background:var(--soft-black); border:2px solid var(--charcoal); border-radius:24px;}
  .transition-copy .eyebrow-lav{font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:13px; color:var(--lime); letter-spacing:0.1em; margin-bottom:14px;}
  .transition-copy p{font-size:18px; line-height:1.6; color:#eee; margin-bottom:12px;}
  .transition-copy p strong{color:var(--lavender);}
  .transition-copy .btn-outline{margin-top:16px;}

  /* CONTENT WORLD BAND */
  #contentworld{padding:0; position:relative;}
  #contentworld .band-img{width:100%; display:block; max-height:520px; object-fit:cover; object-position:center 25%; filter:saturate(1.05);}
  #contentworld .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(3,3,3,0.15) 0%, rgba(3,3,3,0.55) 70%, rgba(3,3,3,0.95) 100%); display:flex; align-items:flex-end; padding:40px 6vw;}
  #contentworld .overlay-text{max-width:560px;}
  #contentworld h2{font-size:clamp(26px,5vw,44px); color:#fff;}
  #contentworld p{color:#e6e6e6; font-size:15px; margin-top:10px; line-height:1.6;}

  /* WHY */
  #why{padding:64px 0;}
  .label-lavender{display:inline-block; background:var(--lavender); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:13px; padding:8px 18px; border-radius:100px; letter-spacing:0.06em; margin-bottom:22px; transform:rotate(-2deg);}
  #why .grid{display:grid; grid-template-columns:0.8fr 1.2fr; gap:60px; align-items:center;}
  #why .polaroid{background:#fff; padding:14px 14px 60px; border-radius:2px; transform:rotate(-4deg); box-shadow:0 25px 50px rgba(0,0,0,0.55); position:relative;}
  #why .polaroid img{width:100%; aspect-ratio:3/4; object-fit:cover;}
  #why .polaroid .cap{position:absolute; bottom:14px; left:0; right:0; text-align:center; color:#222;}
  #why p.big{font-size:clamp(21px,3.2vw,30px); line-height:1.35; font-family:'Archivo Black',sans-serif; text-transform:none; color:#fff;}
  #why p.small-sub{font-size:15px; color:#bbb; margin-top:18px; line-height:1.6; font-family:'Inter',sans-serif;}
  @media(max-width:860px){#why .grid{grid-template-columns:1fr;}}

  /* LEARN */
  #learn{padding:56px 0;}
  #learn h2{font-size:clamp(28px,5.5vw,44px); margin-bottom:8px; text-align:center; color:#fff;}
  #learn .sub{text-align:center; color:#bbb; font-size:15px; max-width:520px; margin:0 auto 30px;}
  .sticker-list{display:flex; flex-wrap:wrap; gap:18px; justify-content:center; max-width:820px; margin:0 auto;}
  .sticker-item{background:var(--lavender); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; padding:16px 22px; border-radius:14px; box-shadow:6px 8px 0 rgba(0,0,0,0.45); max-width:260px;}
  .sticker-item:nth-child(1){transform:rotate(-2deg);}
  .sticker-item:nth-child(2){transform:rotate(1.5deg); background:var(--lime);}
  .sticker-item:nth-child(3){transform:rotate(-1deg);}
  .sticker-item:nth-child(4){transform:rotate(2deg); background:var(--lime);}
  .sticker-item:nth-child(5){transform:rotate(-1.5deg);}

  .dash-mock{background:#0d0d0d; border:2px solid var(--charcoal); border-radius:16px; padding:18px 20px; max-width:280px; box-shadow:8px 10px 0 rgba(0,0,0,0.4);}
  .dash-mock .dash-top{display:flex; justify-content:space-between; font-family:'Archivo Black',sans-serif; font-size:10px; text-transform:uppercase; color:#999; margin-bottom:10px;}
  .dash-mock .dash-num{font-family:'Anton',sans-serif; font-size:30px; color:var(--lime);}
  .dash-mock .bars{display:flex; gap:5px; align-items:flex-end; height:50px; margin-top:12px;}
  .dash-mock .bars span{flex:1; background:var(--lavender); border-radius:3px 3px 0 0;}
  .notif-card{background:#fff; color:#111; border-radius:14px; padding:12px 16px; max-width:280px; box-shadow:0 14px 30px rgba(0,0,0,0.5); font-size:13px; display:flex; gap:10px; align-items:center;}
  .notif-card .dot{width:34px; height:34px; border-radius:50%; background:var(--lime); flex:none; display:flex; align-items:center; justify-content:center;}

  /* PHONE MOCKUP */
  .phone-mock{position:relative; width:190px; height:390px; background:#0d0d0d; border-radius:34px; border:5px solid #2a2a2e; box-shadow:0 25px 50px rgba(0,0,0,0.6), inset 0 0 0 2px #000; flex:none;}
  .phone-mock::before{content:""; position:absolute; top:14px; left:50%; transform:translateX(-50%); width:70px; height:18px; background:#000; border-radius:10px; z-index:2;}
  .phone-mock .phone-screen{position:absolute; inset:5px; border-radius:29px; background:linear-gradient(160deg, var(--lavender), var(--deep-lavender)); overflow:hidden; padding:44px 10px 10px;}
  .phone-mock .phone-time{text-align:center; color:#fff; font-family:'Archivo Black',sans-serif; font-size:22px; margin-bottom:10px;}
  .phone-notifs{display:flex; flex-direction:column; gap:8px;}
  .phone-notif{background:rgba(255,255,255,0.94); border-radius:10px; padding:8px 10px; display:flex; gap:7px; align-items:center; font-size:9.5px; color:#111; line-height:1.3;}
  .phone-notif .dot{width:20px; height:20px; border-radius:50%; background:var(--lime); flex:none; display:flex; align-items:center; justify-content:center;}
  .learn-notifs-row{display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; margin-top:24px;}

  /* COMMISSION SLIDER */
  .slider-box{background:#0d0d0d; border:2px solid var(--lime); border-radius:18px; padding:22px 24px; max-width:340px; margin-top:26px; box-shadow:8px 10px 0 rgba(0,0,0,0.4);}
  .slider-box .slider-label{font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; color:#aaa; margin-bottom:10px;}
  .slider-box input[type=range]{width:100%; accent-color:var(--lime); height:6px; margin:10px 0;}
  .slider-box .slider-out{display:flex; justify-content:space-between; align-items:baseline;}
  .slider-box .slider-out .sales-count{font-family:'Archivo Black',sans-serif; color:#fff; font-size:14px;}
  .slider-box .slider-out .earn-amt{font-family:'Anton',sans-serif; color:var(--lime); font-size:30px;}

  /* INCLUDED */
  #included{padding:70px 0 56px; position:relative;}
  #included .heading-wrap{text-align:center; margin-bottom:10px; position:relative;}
  #included h2{font-size:clamp(32px,7vw,58px); color:#fff;}
  #included .sub-head{text-align:center; color:#bbb; max-width:560px; margin:10px auto 30px; font-size:15px; line-height:1.6;}
  #included .collage{position:relative; max-width:960px; margin:0 auto 50px;}
  #included .collage img{width:100%; border-radius:14px;}
  #included .collage .tag-top{position:absolute; top:-16px; left:24px; transform:rotate(-4deg);}
  #included .collage .tag-bottom{position:absolute; bottom:-14px; right:24px; transform:rotate(3deg);}

  .capsule{background:var(--soft-black); border-radius:16px; padding:20px 26px; margin-bottom:14px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; border:3px solid var(--charcoal); transition:transform .2s ease; box-shadow:5px 6px 0 rgba(0,0,0,0.4);}
  .capsule:nth-child(odd){transform:rotate(-0.6deg);}
  .capsule:nth-child(even){transform:rotate(0.6deg);}
  .capsule:hover{transform:translateX(4px) scale(1.01);}
  .capsule.c-lime{border-color:var(--lime);}
  .capsule.c-lavender{border-color:var(--lavender);}
  .capsule.c-white{border-color:#fff;}
  .capsule .cap-title{font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:15px;}
  .capsule .cap-arrow{transition:transform .3s ease; font-size:20px; flex:none; margin-left:14px; color:var(--lime);}
  .capsule.open .cap-arrow{transform:rotate(45deg);}
  .capsule-desc{max-height:0; overflow:hidden; transition:max-height .35s ease; font-size:14px; color:#bdbdbd; padding:0 26px; line-height:1.6;}
  .capsule-desc.open{max-height:120px; padding:10px 26px 2px;}

  /* CURRICULUM */
  #curriculum{padding:56px 0;}
  #curriculum .grid2{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
  #curriculum .box{border:3px solid var(--lime); border-radius:24px; padding:6vw; background:var(--soft-black); transform:rotate(-0.6deg); box-shadow:0 20px 50px rgba(183,255,57,0.08);}
  #curriculum h2{font-size:clamp(28px,6vw,44px); margin-bottom:14px; color:#fff;}
  #curriculum .side-copy p{color:#ccc; font-size:15px; line-height:1.7; margin-bottom:16px;}
  .curr-cat{border-bottom:1px solid var(--charcoal); padding:16px 0;}
  .curr-cat:last-child{border-bottom:none;}
  .curr-cat-head{display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:15px; color:var(--lavender);}
  .curr-cat-body{max-height:0; overflow:hidden; transition:max-height .4s ease;}
  .curr-cat-body ul{padding:14px 0 4px 20px; font-size:14px; line-height:1.9; color:#d5d5d5;}
  .curr-cat.open .curr-cat-body{max-height:400px;}
  .curr-cat.open .curr-arrow{transform:rotate(180deg); color:var(--lime);}
  .curr-arrow{transition:transform .3s ease;}
  @media(max-width:900px){#curriculum .grid2{grid-template-columns:1fr;}}

  /* TRANSFORM */
  #transform{padding:64px 0;}
  #transform h2{text-align:center; font-size:clamp(28px,5.5vw,44px); margin-bottom:40px; color:#fff;}
  .t-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
  .t-card{background:var(--soft-black); border:3px solid var(--lime); border-radius:20px; padding:34px 22px; text-align:center; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:16px; line-height:1.4; box-shadow:6px 8px 0 rgba(183,255,57,0.2);}
  .t-card:nth-child(1){transform:rotate(-2deg);}
  .t-card:nth-child(2){transform:rotate(1.5deg) translateY(-10px);}
  .t-card:nth-child(3){transform:rotate(-1deg);}
  @media(max-width:860px){.t-grid{grid-template-columns:1fr;} .t-card{transform:none !important;}}

  /* COACH */
  #coach{padding:66px 0;}
  #coach h2{text-align:center; font-size:clamp(32px,7vw,58px); color:#fff;}
  #coach .sub-line{text-align:center; color:#ccc; margin:14px 0 4px; font-size:15px;}
  #coach .wait{text-align:center; margin-bottom:40px; font-size:22px; color:var(--lavender);}
  .coach-grid{display:grid; grid-template-columns:0.62fr 1.38fr; gap:40px; align-items:center;}
  .coach-img{position:relative; border-radius:4px; overflow:hidden; transform:rotate(-3deg); box-shadow:0 25px 50px rgba(0,0,0,0.55); border:8px solid #fff; max-width:250px; margin:0 auto;}
  .coach-img img{width:100%; object-fit:cover;}
  .coach-card{background:var(--lavender); color:var(--black); border-radius:4px 24px 4px 24px; padding:46px 40px; position:relative; box-shadow:10px 12px 0 rgba(0,0,0,0.5);}
  .coach-card p.intro{font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:20px; margin-bottom:20px; line-height:1.4;}
  .coach-card ul{list-style:none; display:flex; flex-direction:column; gap:16px;}
  .coach-card li{font-size:18px; font-weight:800; display:flex; align-items:center; gap:12px;}
  .li-ico{width:20px; height:20px; flex:none;}
  .coach-tag{display:inline-block; margin-top:26px; background:var(--black); color:var(--lime); font-family:'Archivo Black',sans-serif; font-size:11px; text-transform:uppercase; padding:8px 16px; border-radius:100px; letter-spacing:0.05em; transform:rotate(-2deg);}
  @media(max-width:860px){.coach-grid{grid-template-columns:1fr;} .coach-img{max-width:200px;}}

  /* RESULTS */
  #results{padding:66px 0;}
  #results h2{text-align:center; font-size:clamp(28px,5.5vw,44px); margin-bottom:40px; color:#fff;}
  .wall{columns:3 220px; column-gap:18px; max-width:1000px; margin:0 auto;}
  .t-item{break-inside:avoid; margin-bottom:18px; background:#111; border:3px solid var(--lime); border-radius:4px; padding:20px; cursor:pointer; transition:transform .2s ease; position:relative; box-shadow:6px 8px 0 rgba(0,0,0,0.45);}
  .t-item:nth-child(3n+1){border-color:var(--lime);}
  .t-item:nth-child(3n+2){border-color:var(--lavender);}
  .t-item:nth-child(3n){border-color:#fff;}
  .t-item:hover{transform:scale(1.04); z-index:5;}
  .t-item .name{font-family:'Archivo Black',sans-serif; font-size:12px; color:var(--lavender); text-transform:uppercase; margin-bottom:8px;}
  .t-item p{font-size:13.5px; color:#e2e2e2; line-height:1.55;}

  #modalOverlay{position:fixed; inset:0; background:rgba(0,0,0,0.88); display:none; align-items:center; justify-content:center; z-index:200; padding:20px; backdrop-filter:blur(4px);}
  #modalOverlay.show{display:flex;}
  #modalBox{background:#111; border:3px solid var(--lime); border-radius:16px; padding:36px; max-width:480px; position:relative;}
  #modalClose{position:absolute; top:12px; right:16px; background:none; border:none; color:#fff; font-size:22px; cursor:pointer;}

  /* CHECKOUT MODAL */
  #checkoutModalOverlay{position:fixed; inset:0; background:rgba(0,0,0,0.9); display:none; align-items:center; justify-content:center; z-index:250; padding:20px; backdrop-filter:blur(6px);}
  #checkoutModalOverlay.show{display:flex;}
  #checkoutModalBox{background:var(--soft-black); border:3px solid var(--lime); border-radius:20px; padding:38px 32px; max-width:420px; width:100%; position:relative; box-shadow:0 30px 70px rgba(0,0,0,0.7);}
  #checkoutModalClose{position:absolute; top:14px; right:18px; background:none; border:none; color:#fff; font-size:24px; cursor:pointer; line-height:1;}
  #checkoutModalClose:hover{color:var(--lime);}
  .checkout-label{display:inline-block; background:var(--lavender); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:12px; padding:7px 16px; border-radius:100px; letter-spacing:0.05em; margin-bottom:16px; transform:rotate(-1.5deg);}
  #checkoutModalBox h3{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:clamp(24px,6vw,30px); color:#fff; line-height:1.05; margin-bottom:10px;}
  #checkoutModalBox .checkout-sub{color:#bbb; font-size:14px; line-height:1.5; margin-bottom:24px;}
  .checkout-field{margin-bottom:16px;}
  .checkout-field label{display:block; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; color:var(--lavender); letter-spacing:0.05em; margin-bottom:8px;}
  .checkout-field input{width:100%; background:#000; border:2px solid var(--charcoal); border-radius:10px; padding:14px 16px; color:#fff; font-family:'Inter',sans-serif; font-size:15px; transition:border-color .2s ease;}
  .checkout-field input:focus{outline:none; border-color:var(--lime);}
  .checkout-field input:invalid:not(:placeholder-shown){border-color:#e05a5a;}
  #checkoutModalBox .btn-lavender{width:100%; margin-top:6px; font-size:15px;}
  #checkoutModalBox .checkout-note{color:#777; font-size:11.5px; margin-top:14px; text-align:center; line-height:1.5;}

  /* AFFILIATE */
  #affiliate{padding:66px 0;}
  #affiliate .grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;}
  #affiliate .cutout-wrap{position:relative;}
  #affiliate .cutout-wrap img{width:100%; filter:drop-shadow(0 25px 45px rgba(0,0,0,0.6));}
  #affiliate h2{font-size:clamp(28px,6vw,46px); margin-bottom:8px; color:#fff;}
  #affiliate h2 .lav-block{background:var(--lavender); color:var(--black); padding:2px 14px; display:inline-block; transform:rotate(-1deg);}
  #affiliate .commission-line{font-family:'Archivo Black',sans-serif; font-size:clamp(24px,4.8vw,36px); text-transform:uppercase; margin:20px 0 10px; color:#fff;}
  #affiliate .counter{color:var(--lime);}
  #affiliate .sub-commission{font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:16px; color:#ccc;}
  @media(max-width:860px){#affiliate .grid{grid-template-columns:1fr;}}

  /* VALUE BADGE + PRICING */
  .value-badge{width:200px; height:200px; border-radius:50%; background:var(--lime); color:var(--black); display:flex; align-items:center; justify-content:center; margin:0 auto; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:19px; text-align:center; line-height:1.25; padding:10px; box-shadow:0 0 60px rgba(183,255,57,0.5); transform:rotate(-8deg);}
  .value-badge-sm{position:absolute; top:-24px; left:-24px; width:120px; height:120px; font-size:12px; z-index:9;}
  #pricing{padding:60px 0;}
  #pricing .price-grid-wrap{position:relative; max-width:820px; margin:0 auto;}
  #pricing h2{font-size:clamp(30px,6vw,50px); color:#fff;}
  #pricing .lifetime{color:#999; font-size:13px; letter-spacing:0.14em; text-transform:uppercase;}
  .price-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
  .price-card{background:#0d0d0d; border:3px solid var(--lime); border-radius:20px; overflow:hidden; transition:transform .25s ease; box-shadow:8px 10px 0 rgba(0,0,0,0.5);}
  .price-card:nth-child(1){transform:rotate(-1.5deg);}
  .price-card:nth-child(2){transform:rotate(1.5deg);}
  .price-card:hover{transform:translateY(-8px) rotate(0deg) !important;}
  .price-head{background:var(--lavender); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; text-align:center; padding:16px; font-size:15px;}
  .price-body{padding:34px 26px; text-align:center;}
  .price-amt{font-family:'Anton',sans-serif; font-size:clamp(40px,7vw,58px); color:#fff;}
  .price-note{color:#bbb; font-size:13px; margin:6px 0 24px;}
  .price-old{font-family:'Archivo Black',sans-serif; font-size:18px; color:#888; text-decoration:line-through; margin-right:10px;}
  .price-sale-tag{display:inline-block; background:var(--lime); color:var(--black); font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:11px; padding:5px 12px; border-radius:100px; margin-bottom:10px; letter-spacing:0.04em;}
  @media(max-width:700px){.price-grid{grid-template-columns:1fr;} .value-badge-sm{position:static; margin:0 auto 20px; transform:rotate(-4deg);}}

  /* FAQ */
  #faq{padding:60px 0;}
  #faq h2{text-align:center; font-size:clamp(30px,7vw,50px); margin-bottom:36px; color:#fff;}
  .faq-item{border:3px solid var(--lavender); border-radius:4px 16px; margin-bottom:16px; overflow:hidden; background:#0d0d0d; box-shadow:5px 6px 0 rgba(0,0,0,0.4);}
  .faq-item:nth-child(odd){transform:rotate(-0.5deg);}
  .faq-item:nth-child(even){transform:rotate(0.5deg);}
  .faq-q{padding:20px 22px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:800; font-size:15px;}
  .faq-item.open{border-color:var(--lime);}
  .faq-item.open .faq-q{color:var(--lime);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
  .faq-item.open .faq-a{max-height:220px;}
  .faq-a p{padding:0 22px 20px; color:#ccc; font-size:14.5px; line-height:1.6;}
  .faq-plus{transition:transform .3s ease; flex:none; margin-left:14px;}
  .faq-item.open .faq-plus{transform:rotate(45deg);}

  /* FINAL CTA */
  #finalcta{padding:50px 0 130px; text-align:center; position:relative;}
  #finalcta h2{font-size:clamp(38px,10vw,88px); color:#fff;}
  #finalcta h2 .huge-lime{color:var(--lime); font-size:clamp(50px,13vw,120px); display:block;}
  #finalcta .group-img{position:relative; max-width:720px; margin:30px auto; border-radius:4px; overflow:hidden; transform:rotate(-1.5deg); box-shadow:0 30px 60px rgba(0,0,0,0.6); border:8px solid #fff;}
  #finalcta .group-img img{width:100%; object-fit:cover;}

  #stickyCta{position:fixed; bottom:0; left:0; right:0; z-index:150; background:var(--lime); color:var(--black); text-align:center; padding:16px 20px; font-family:'Archivo Black',sans-serif; text-transform:uppercase; font-size:14px; cursor:pointer; display:none; box-shadow:0 -6px 20px rgba(0,0,0,0.5);}
  #stickyCta.show{display:block;}
  #progress{position:fixed; top:0; left:0; height:4px; background:linear-gradient(90deg,var(--lime),var(--lavender)); z-index:300; width:0%;}
  footer{padding:40px 20px 110px; text-align:center; color:#666; font-size:12px;}