/* ============================================================
   THE 411 — MOBILE/TABLET CLEANUP
   Desktop stays untouched. These rules only run under 1024px.
   ============================================================ */

@media (max-width: 1024px){
  html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
  *, *::before, *::after { max-width:100%; }
  body { -webkit-text-size-adjust:100%; }
  *, a, button { cursor:auto !important; }

  #navbar { height:64px; }
  .nav-inner { padding:0 20px !important; }
  .nav-logo { font-size:22px !important; }
  .nav-phone { width:22px !important; height:22px !important; }

  .page-hero { padding:112px 20px 64px !important; }
  .hero-h1 { font-size:clamp(42px, 10vw, 70px) !important; line-height:1.02 !important; letter-spacing:-.045em !important; }
  .hero-sub, .sb { font-size:15px !important; line-height:1.55 !important; max-width:640px !important; }
  .sec { padding:64px 20px !important; }
  .w { width:100% !important; max-width:720px !important; }
  .sh { font-size:clamp(32px, 8vw, 48px) !important; line-height:1.05 !important; }

  /* Stop desktop rows from squeezing onto small screens */
  .sec .w > div[style*="display:grid"],
  .sec div[style*="display:grid"],
  .pkg-grid, .steps-grid, .compare-grid {
    grid-template-columns:1fr !important;
  }

  .sec .w > div[style*="display:flex"] {
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .pkg-grid, .steps-grid, .compare-grid { gap:14px !important; margin-top:32px !important; }
  .pkg, .step, .comp-col, .card { padding:26px 22px !important; border-radius:18px !important; }
  .pkg-price { font-size:48px !important; }
  .pkg-name, .comp-title { font-size:30px !important; line-height:1.1 !important; }
  .pkg-features li, .step-body, .comp-list li, .card-body { font-size:13px !important; line-height:1.55 !important; }
  .comp-list { gap:9px !important; }

  .btn-w, .btn-r, .pkg-cta, .btn-primary, .btn-outline, .btn-outline-light {
    width:100% !important;
    max-width:340px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* Inline pricing/value cards */
  .sec div[style*="padding:44px 40px"],
  .sec div[style*="padding:32px 40px"] { padding:26px 22px !important; }
  .sec div[style*="font-size:52px"] { font-size:44px !important; line-height:1 !important; }
  .sec div[style*="font-size:56px"] { font-size:48px !important; }
  .sec div[style*="font-size:64px"] { font-size:52px !important; }

  /* Instagram proof section becomes small proof cards, not huge embeds */
  .ig-proof-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin:14px 0 16px !important; }
  .ig-proof-card { background:rgba(255,255,255,.045); border:1px solid var(--border); border-radius:14px; padding:14px; text-decoration:none; min-height:120px; display:flex; flex-direction:column; justify-content:space-between; }
  .ig-proof-kicker { font-size:10px; color:var(--rose); text-transform:uppercase; letter-spacing:.1em; font-weight:800; margin-bottom:8px; }
  .ig-proof-title { color:var(--t1); font-size:15px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
  .ig-proof-meta { color:var(--t3); font-size:12px; line-height:1.4; margin-top:12px; }
  .instagram-media { display:none !important; }

  footer { grid-template-columns:1fr 1fr !important; }
}

@media (min-width:768px) and (max-width:1024px){
  .w { max-width:860px !important; }
  .pkg-grid, .steps-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .compare-grid { grid-template-columns:1fr !important; }
  .sec .w > div[style*="grid-template-columns:repeat(3"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:767px){
  .nav-inner { padding:0 18px !important; }
  .theme-btn { width:38px !important; height:38px !important; }
  .hamburger span { width:26px !important; height:2px !important; }
  .page-hero { padding:104px 18px 56px !important; }
  .sec { padding:56px 18px !important; }
  .hero-h1 { font-size:44px !important; }
  .sh { font-size:34px !important; }
  .ey { margin-bottom:12px !important; }
  .pkg, .step, .comp-col, .card { padding:24px 20px !important; }

  .sec .w > div[style*="display:grid"],
  .sec div[style*="display:grid"],
  .pkg-grid, .steps-grid, .compare-grid,
  .ig-proof-grid { grid-template-columns:1fr !important; }

  .sec div[style*="font-size:52px"] { font-size:40px !important; }
  .sec div[style*="font-size:28px"] { font-size:26px !important; }
  .sec div[style*="font-size:24px"] { font-size:22px !important; }

  .pkg-features { gap:8px !important; margin-bottom:22px !important; }
  .pkg-features li:nth-child(n+7) { display:none; }

  .ig-proof-card { min-height:auto; }
  .cta-btns { gap:10px !important; }
  footer { grid-template-columns:1fr !important; }
}

/* V3 polish: make mobile/tablet feel intentionally designed, not squeezed */
@media (max-width:1024px){
  img, video, iframe, blockquote { max-width:100% !important; }
  .sec [style*="justify-content:space-between"]{flex-direction:column!important;align-items:stretch!important;gap:18px!important;}
  .sec [style*="justify-content:space-between"] .btn-w{align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;}
  .sec [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;}
  .sec [style*="gap:72px"],.sec [style*="gap:64px"],.sec [style*="gap:80px"]{gap:28px!important;}
  .sec [style*="margin-top:52px"]{margin-top:34px!important;}
  .sec p,.card-body,.apply-body,.cs-label{letter-spacing:0!important;}
  .card-body,.apply-body{max-height:none!important;}
  .ig-proof-grid{max-width:640px!important;}
  .ig-proof-card{padding:16px!important;}
}
@media (max-width:767px){
  .sec [style*="padding:44px 40px"],.sec [style*="padding:32px 40px"],.sec [style*="padding:48px"]{padding:22px 18px!important;}
  .btn-w,.btn-r,.pkg-cta{min-height:50px!important;border-radius:999px!important;}
  .pay-highlight{padding:44px 20px!important;}
  .why-grid{gap:10px!important;margin-top:30px!important;}
  .community-stat{padding:20px!important;gap:14px!important;}
}


/* V4 creator page: cutout collage + cleaner creator-friendly layout */
.creator-showcase{
  background:
    radial-gradient(circle at 12% 18%, rgba(171,58,70,.18), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(255,231,221,.08), transparent 24%),
    linear-gradient(135deg, rgba(171,58,70,.10), rgba(255,255,255,.022)) !important;
}
.creator-showcase::before{content:"✦ ✧"!important;font-size:38px!important;}
.creator-showcase-top{grid-template-columns:.75fr 1.45fr!important;}
.creator-copy-card{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:28px!important;}
.creator-photo-cloud{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:end!important;}
.creator-photo-card{border-radius:24px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;}
.creator-photo-card.cutout-card{aspect-ratio:4/5!important;padding:10px!important;overflow:visible!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;}
.creator-photo-card.cutout-card img{object-fit:contain!important;width:100%!important;height:100%!important;border-radius:16px!important;mix-blend-mode:multiply;}
html[data-theme="dark"] .creator-photo-card.cutout-card img{mix-blend-mode:normal;}
.creator-photo-card.cutout-card::after{display:none!important;}
.creator-photo-card.cutout-card.tall{aspect-ratio:3/4!important;margin-top:34px!important;}
.creator-photo-card.cutout-card.wide{aspect-ratio:5/4!important;}
.creator-photo-card:nth-child(3n){transform:translateY(-10px) rotate(var(--r,0deg));}
.creator-photo-card:nth-child(4n){transform:translateY(14px) rotate(var(--r,0deg));}
.creator-tag{background:rgba(171,58,70,.82)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;}

@media(max-width:1024px){
  .creator-showcase-top{grid-template-columns:1fr!important;}
  .creator-copy-card{padding:24px!important;}
  .creator-photo-cloud{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .creator-photo-card.cutout-card.tall{margin-top:16px!important;}
}
@media(max-width:767px){
  .creator-showcase{padding:24px 16px!important;}
  .creator-copy-card{padding:20px!important;border-radius:20px!important;}
  .creator-photo-cloud{display:flex!important;gap:12px!important;overflow-x:auto!important;padding:10px 2px 22px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;}
  .creator-photo-card.cutout-card,.creator-photo-card.cutout-card.tall,.creator-photo-card.cutout-card.wide{min-width:58%!important;max-width:58%!important;aspect-ratio:4/5!important;margin-top:0!important;scroll-snap-align:center!important;animation:floatCreator 7s ease-in-out infinite!important;}
  .creator-photo-card.cutout-card:nth-child(even){min-width:52%!important;max-width:52%!important;}
  .creator-tag{font-size:9px!important;left:9px!important;bottom:9px!important;}
}

/* V5 — Creator page rebuilt: friendly Playkit-inspired community board using ALL creator photos */
.creator-club{position:relative;overflow:hidden;padding:92px 20px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.creator-club-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 12%, rgba(171,58,70,.18), transparent 30%),radial-gradient(circle at 88% 20%, rgba(255,231,221,.08), transparent 26%),linear-gradient(180deg, transparent, rgba(171,58,70,.04));pointer-events:none;}
.creator-club-inner{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center;}
.creator-club-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(54px,7vw,104px);line-height:.9;letter-spacing:-.055em;color:var(--t1);margin:14px 0 18px;}
.creator-club-title span{color:var(--rose);}
.creator-club-sub{font-size:16px;line-height:1.7;color:var(--t2);font-weight:300;max-width:460px;}
.creator-club-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.creator-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
.creator-polaroid{position:relative;background:#f6f3ef;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:10px 10px 38px;box-shadow:0 26px 80px rgba(0,0,0,.26);transform:rotate(var(--r));animation:creatorFloat 7s ease-in-out infinite;animation-delay:var(--d);}
.creator-polaroid:nth-child(2),.creator-polaroid:nth-child(5){margin-top:52px;}
.creator-polaroid.big{grid-row:span 2;}
.creator-polaroid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block;}
.creator-polaroid span{position:absolute;left:18px;bottom:12px;color:#171717;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.creator-cutout-wrap{position:relative;z-index:1;margin-top:72px;background:linear-gradient(135deg,rgba(171,58,70,.11),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:34px;padding:36px;overflow:hidden;}
.creator-cutout-wrap::before{content:'✧';position:absolute;right:34px;top:18px;color:var(--rose);font-size:46px;opacity:.7;animation:twinkle 3s ease-in-out infinite;}
.creator-cutout-copy{max-width:660px;margin-bottom:26px;}
.mini-label{display:inline-block;color:var(--rose);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}
.creator-cutout-copy h3{font-family:'Cormorant Garamond',serif;font-size:46px;line-height:.98;font-weight:300;font-style:italic;color:var(--t1);letter-spacing:-.03em;margin:0 0 10px;}
.creator-cutout-copy p{font-size:15px;line-height:1.65;color:var(--t2);font-weight:300;max-width:560px;}
.creator-cutout-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end;}
.cutout-sticker{position:relative;margin:0;min-height:210px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:12px 12px 34px;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 18px 60px rgba(0,0,0,.24);transform:rotate(var(--r));animation:creatorFloat 6.8s ease-in-out infinite;animation-delay:var(--d);}
.cutout-sticker.tall{min-height:250px;}
.cutout-sticker.wide{min-height:190px;}
.cutout-sticker img{width:100%;height:200px;object-fit:contain;display:block;}
.cutout-sticker.tall img{height:236px;}
.cutout-sticker.wide img{height:175px;}
.cutout-sticker figcaption{position:absolute;left:14px;bottom:11px;color:#171717;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;}
.creator-perks{position:relative;z-index:1;margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.creator-perk{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px;}
.perk-icon{width:34px;height:34px;border-radius:999px;background:rgba(171,58,70,.14);color:var(--rose);display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:14px;}
.creator-perk h4{font-size:15px;color:var(--t1);margin:0 0 8px;font-weight:800;}
.creator-perk p{font-size:13px;line-height:1.55;color:var(--t2);font-weight:300;margin:0;}
@keyframes creatorFloat{0%,100%{transform:translateY(0) rotate(var(--r));}50%{transform:translateY(-12px) rotate(calc(var(--r) * -1));}}
@media(max-width:1024px){.creator-club{padding:76px 20px;}.creator-club-inner{grid-template-columns:1fr;gap:34px;}.creator-board{grid-template-columns:repeat(3,minmax(0,1fr));}.creator-cutout-strip{grid-template-columns:repeat(4,minmax(0,1fr));}.creator-perks{grid-template-columns:repeat(2,minmax(0,1fr));}.creator-club-actions .btn-w,.creator-club-actions .btn-r{margin-left:0!important;margin-right:0!important;}}
@media(max-width:767px){.creator-club{padding:62px 18px;}.creator-club-title{font-size:48px;}.creator-club-sub{font-size:14px;}.creator-club-actions{flex-direction:column;}.creator-club-actions .btn-w,.creator-club-actions .btn-r{width:100%!important;max-width:none!important;}.creator-board{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 22px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.creator-polaroid,.creator-polaroid.big{min-width:76%;max-width:76%;scroll-snap-align:center;margin-top:0!important;animation:none;padding:9px 9px 34px;border-radius:20px;}.creator-polaroid span{font-size:10px;}.creator-cutout-wrap{margin-top:44px;padding:24px 16px;border-radius:26px;}.creator-cutout-copy h3{font-size:34px;}.creator-cutout-copy p{font-size:14px;}.creator-cutout-strip{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.cutout-sticker,.cutout-sticker.tall,.cutout-sticker.wide{min-width:58%;max-width:58%;min-height:220px;scroll-snap-align:center;animation:creatorFloat 7s ease-in-out infinite;}.cutout-sticker:nth-child(even){min-width:52%;max-width:52%;}.cutout-sticker img,.cutout-sticker.tall img,.cutout-sticker.wide img{height:190px;}.creator-perks{grid-template-columns:1fr;margin-top:14px;}.creator-perk{padding:20px;}}
@media(prefers-reduced-motion:reduce){.creator-polaroid,.cutout-sticker,.creator-cutout-wrap::before{animation:none!important;}}


/* V6 — homepage proof/Beat ChatGPT section rebuilt for tablet + mobile */
@media (max-width:1024px){
  #results{padding-top:74px!important;padding-bottom:74px!important;overflow:hidden!important;}
  #results .w{max-width:min(92vw,860px)!important;}
  #results .sh{font-size:clamp(34px,6vw,54px)!important;line-height:1.02!important;margin-bottom:14px!important;}
  #results .sb{font-size:15px!important;line-height:1.55!important;max-width:540px!important;}
  #results .mob-carousel-wrap{overflow:visible!important;width:100%!important;}
  #results .bento{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:38px!important;transform:none!important;width:100%!important;}
  #results .bc{min-width:0!important;width:auto!important;padding:26px 22px!important;border-radius:22px!important;overflow:hidden!important;}
  #results .bc.bc-feature{grid-column:1 / -1!important;padding:32px 28px!important;min-height:auto!important;}
  #results .bc.bc-feature .bc-val{font-size:78px!important;line-height:.9!important;margin-bottom:10px!important;}
  #results .bc-val{font-size:54px!important;line-height:.95!important;}
  #results .bc-title,#results .bc.bc-feature .bc-title{font-size:18px!important;line-height:1.18!important;margin-bottom:8px!important;max-width:100%!important;}
  #results .bc-desc,#results .bc.bc-feature .bc-desc{font-size:13.5px!important;line-height:1.5!important;max-width:620px!important;}
  #results .bc-tag{font-size:9px!important;margin-top:12px!important;}
  #results .mob-car-ctrl{display:none!important;}
}

@media (max-width:767px){
  #results{padding:58px 18px!important;}
  #results .w{width:100%!important;max-width:100%!important;margin:0 auto!important;}
  #results .sh{font-size:34px!important;line-height:1.04!important;}
  #results .sb{font-size:14px!important;line-height:1.55!important;}
  #results .bento{grid-template-columns:1fr!important;gap:12px!important;margin-top:30px!important;}
  #results .bc,
  #results .bc.bc-feature{grid-column:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:22px 18px!important;border-radius:20px!important;transform:none!important;}
  #results .bc.bc-feature{background:linear-gradient(145deg,rgba(171,58,70,.12),var(--bg3))!important;border-color:rgba(171,58,70,.22)!important;}
  #results .bc-ey{font-size:9px!important;margin-bottom:12px!important;}
  #results .bc.bc-feature .bc-val,#results .bc-val{font-size:46px!important;margin-bottom:8px!important;}
  #results .bc-title,#results .bc.bc-feature .bc-title{font-size:16px!important;line-height:1.2!important;margin-bottom:6px!important;}
  #results .bc-desc,#results .bc.bc-feature .bc-desc{font-size:12.5px!important;line-height:1.48!important;}
  #results .bc-tag{padding:3px 10px!important;font-size:8px!important;}
}

/* V7 — creator page desktop cleanup: no text on photos, softer friendly layout */
.creator-club-title{max-width:680px!important;}
.creator-club-title span{color:inherit!important;}
.creator-board{grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:22px!important;align-items:center!important;}
.creator-polaroid{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;border:1px solid var(--border)!important;border-radius:28px!important;padding:10px!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important;}
.creator-polaroid.big{grid-row:auto!important;}
.creator-polaroid:nth-child(2),.creator-polaroid:nth-child(5){margin-top:34px!important;}
.creator-polaroid img{aspect-ratio:4/5!important;border-radius:22px!important;object-fit:cover!important;}
.creator-polaroid span,.creator-tag,.cutout-sticker figcaption{display:none!important;}
.creator-cutout-wrap{background:linear-gradient(135deg,rgba(171,58,70,.10),rgba(255,255,255,.03))!important;border-radius:36px!important;}
.creator-cutout-copy{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
.creator-cutout-copy h3{font-size:clamp(38px,4.2vw,64px)!important;}
.creator-cutout-copy p{margin-left:auto!important;margin-right:auto!important;}
.creator-cutout-strip{grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:18px!important;align-items:end!important;}
.cutout-sticker{background:rgba(255,255,255,.06)!important;border:1px solid var(--border)!important;border-radius:28px!important;padding:14px!important;min-height:240px!important;box-shadow:0 22px 70px rgba(0,0,0,.20)!important;overflow:hidden!important;}
.cutout-sticker.tall{min-height:280px!important;}
.cutout-sticker.wide{min-height:230px!important;}
.cutout-sticker img{height:220px!important;object-fit:contain!important;filter:drop-shadow(0 18px 18px rgba(0,0,0,.20));}
.cutout-sticker.tall img{height:260px!important;}
.cutout-sticker.wide img{height:210px!important;}
@media(min-width:1025px){
  .creator-club{padding:96px 32px!important;}
  .creator-club-inner{grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr)!important;gap:64px!important;}
  .creator-club-actions .btn-w,.creator-club-actions .btn-r{min-width:180px!important;text-align:center!important;}
  .creator-perks{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}
}
@media(max-width:1024px){
  .creator-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
  .creator-polaroid:nth-child(2),.creator-polaroid:nth-child(5){margin-top:18px!important;}
  .creator-cutout-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:767px){
  .creator-polaroid span,.cutout-sticker figcaption{display:none!important;}
}