/* ════════════════════════════════════════════════════════════
   MD DIGITAL: ELEVATE LAYER (craft pass, loads after inline CSS)
   Keeps every brand token. Adds: film grain, dual blooms, the
   wildcard hero, proof ticker, scroll reveals, count-up, FAQ.
   No copy or colors changed. No em dashes anywhere.
   ════════════════════════════════════════════════════════════ */
:root{
  --ease: cubic-bezier(.22,.61,.36,1);
  --purple-light: #8B5CF6;
}

/* ---------- film grain over the whole page (kills banding) ---------- */
body::after{
  content:""; position:fixed; inset:0; z-index:60; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05; mix-blend-mode:overlay;
}

/* ════════ WILDCARD HERO ════════ */
.hero{
  min-height:100svh; display:flex; flex-direction:column; justify-content:center;
  padding:128px var(--px) 0; overflow:hidden; position:relative;
}
.hero::before{                       /* primary violet bloom, bigger + softer */
  width:920px; height:920px; top:-300px;
  background:radial-gradient(circle, rgba(139,92,246,0.20) 0%, transparent 62%);
  z-index:0;
}
.hero::after{                        /* second deep-purple bloom, lower right */
  content:''; position:absolute; bottom:-220px; right:-120px;
  width:640px; height:640px; border-radius:50%;
  background:radial-gradient(circle, rgba(107,33,168,0.20) 0%, transparent 66%);
  pointer-events:none; z-index:0;
}
.hero-watermark{                     /* giant ghosted 24/7 monument */
  position:absolute; top:46%; left:50%; transform:translate(-50%,-50%);
  font-family:'Playfair Display',Georgia,serif; font-style:italic; font-weight:900;
  font-size:clamp(240px, 44vw, 760px); line-height:.8; letter-spacing:-.04em;
  color:#fff; opacity:.03; z-index:0; pointer-events:none; white-space:nowrap; user-select:none;
}
.hero .hero-inner{ position:relative; z-index:3; max-width:960px; margin:0 auto; text-align:center; }
.hero .hero-label{ margin-bottom:30px; }
.hero .hero-title{
  font-family:'Playfair Display',Georgia,serif; font-weight:900;
  font-size:clamp(30px, 7.2vw, 100px); line-height:1.04; letter-spacing:-0.025em;
  color:var(--cream); max-width:15ch; margin:0 auto 26px;
}
.hero .hero-title em{ font-style:italic; color:var(--purple-light); }
.hero .hero-title .t247{ display:inline-block; font-size:1.16em; line-height:.9; vertical-align:-0.04em; }
.hero .hero-title .t247 em{
  background:linear-gradient(170deg,#c4b5fd 0%,#8B5CF6 55%,#6B21A8 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.hero .hero-sub{
  font-size:clamp(15px,1.45vw,19px); max-width:560px; margin:0 auto 38px;
  color:var(--cream-dim); line-height:1.7; font-weight:300;
}
.hero .hero-ctas{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn-primary{ transition:background .2s, transform .15s var(--ease), box-shadow .3s var(--ease); }
.btn-primary:hover{ box-shadow:0 12px 44px -8px rgba(139,92,246,0.55); }

/* scroll cue */
.hero-scroll{
  margin-top:52px; display:flex; flex-direction:column; align-items:center; gap:10px;
  font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--cream-faint);
}
.hero-scroll .line{ width:1px; height:44px; background:rgba(139,92,246,.25); position:relative; overflow:hidden; }
.hero-scroll .line::after{ content:''; position:absolute; top:-60%; left:0; width:100%; height:60%;
  background:linear-gradient(var(--purple-glow),transparent); animation:scrolldown 1.9s var(--ease) infinite; }
@keyframes scrolldown{ to{ top:120%; } }

/* live proof ticker */
.hero-ticker{
  position:relative; z-index:3; margin-top:60px; width:100vw; left:50%; margin-left:-50vw;
  border-top:1px solid var(--border-faint); border-bottom:1px solid var(--border-faint);
  background:rgba(12,8,20,0.6); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  padding:20px 0; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.ticker-track{ display:inline-flex; align-items:center; white-space:nowrap; animation:ticker 60s linear infinite; }
.hero-ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-track .chip{ display:inline-flex; align-items:baseline; gap:10px; padding:0 36px;
  font-family:'Playfair Display',Georgia,serif; font-weight:700; font-size:21px; color:var(--cream); }
.ticker-track .chip b{ color:var(--purple-light); font-weight:900; }
.ticker-track .chip small{ font-family:'DM Sans',sans-serif; font-weight:600; font-size:10.5px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--cream-faint); }
.ticker-track .sep{ color:var(--purple-mid); padding:0; font-size:14px; }
@keyframes ticker{ to{ transform:translateX(-50%); } }

/* hero entrance (default state visible; only animates when motion is allowed) */
@media (prefers-reduced-motion: no-preference){
  .hero .hero-label,.hero .hero-title,.hero .hero-sub,.hero .hero-ctas,.hero-scroll{
    opacity:0; transform:translateY(20px); animation:heroIn .95s var(--ease) forwards;
  }
  .hero .hero-title{ animation-delay:.10s; }
  .hero .hero-sub{ animation-delay:.22s; }
  .hero .hero-ctas{ animation-delay:.34s; }
  .hero-scroll{ animation-delay:.6s; }
  .hero-watermark{ opacity:0; animation:wmIn 1.8s var(--ease) .15s forwards; }
  .hero-ticker{ opacity:0; animation:heroIn 1s var(--ease) .5s forwards; }
}
@keyframes heroIn{ to{ opacity:1; transform:none; } }
@keyframes wmIn{ to{ opacity:.03; } }

/* ════════ GLOBAL CRAFT ════════ */
/* nav: glassier on scroll */
.nav{ transition:background .3s var(--ease), border-color .3s var(--ease); }
.nav.scrolled{ background:rgba(15,10,26,0.82); border-bottom-color:rgba(139,92,246,0.22); }

/* bigger, tighter section titles + stat numbers */
.section-title{ font-size:clamp(26px,3.6vw,46px); font-weight:900; letter-spacing:-0.02em; line-height:1.08; }
.section-label{ font-weight:700; }
.stats .stat-num{ font-size:clamp(28px,3.2vw,40px); }
.stat{ transition:background .3s var(--ease); }
.stat:hover{ background:rgba(139,92,246,0.05); }

/* card lift + violet glow on hover */
.process-card,.calc-card,.team-card,.case-card,.bill-card{
  transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .35s var(--ease);
}
.process-card:hover,.calc-card:hover,.team-card:hover,.case-card:hover{
  transform:translateY(-3px); box-shadow:0 20px 54px -16px rgba(139,92,246,0.30);
}
.video-card{ transition:transform .35s var(--ease), box-shadow .4s var(--ease); }
.video-card:hover{ transform:translateY(-5px); box-shadow:0 28px 66px -18px rgba(139,92,246,0.42); }
.exp-pill{ transition:border-color .2s, color .2s, transform .2s var(--ease), background .2s; }
.exp-pill:hover{ transform:translateY(-2px); background:rgba(139,92,246,0.06); }

/* scroll reveal */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.is-visible{ opacity:1; transform:none; }

/* ════════ FAQ ════════ */
.faq-section{ padding:84px var(--px); background:var(--bg-dark); }
.faq-inner{ max-width:800px; margin:0 auto; }
.faq-list{ margin-top:38px; border-top:1px solid var(--border-faint); }
.faq-item{ border-bottom:1px solid var(--border-faint); }
.faq-q{ width:100%; text-align:left; background:none; border:none; cursor:pointer;
  font-family:'DM Sans',sans-serif; color:var(--cream); font-size:clamp(16px,1.7vw,20px); font-weight:600;
  padding:25px 52px 25px 0; position:relative; transition:color .2s; }
.faq-q:hover{ color:var(--purple-glow); }
.faq-q::after{ content:'+'; position:absolute; right:4px; top:50%; transform:translateY(-50%);
  font-size:28px; font-weight:300; color:var(--purple-light); transition:transform .3s var(--ease); }
.faq-item.open .faq-q::after{ transform:translateY(-50%) rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .42s var(--ease); }
.faq-a p{ padding:0 0 26px; color:var(--text-body); font-size:15px; line-height:1.75; font-weight:300; max-width:66ch; }

/* ════════ reduced motion + mobile ════════ */
@media (prefers-reduced-motion: reduce){
  .ticker-track{ animation:none; }
  .hero-scroll .line::after{ animation:none; }
  .reveal{ opacity:1; transform:none; }
}
@media (max-width:860px){
  .hero{ padding-top:104px; min-height:92svh; }
  .hero-watermark{ font-size:52vw; }
  .ticker-track .chip{ padding:0 24px; font-size:18px; }
}

/* ════════════════════════════════════════════════════════════
   DELIBERATE LOWER-SECTION POLISH (v2, appended 2026-06-17)
   Craft pass through bill, process, calculator, cases, footer.
   Existing selectors only. No copy, colors, or structure changed.
   Soft violet glows (not dark shadows). Motion gated. No em dashes.
   ════════════════════════════════════════════════════════════ */

/* editorial hairline mark before every section eyebrow */
.section-label{ display:inline-flex; align-items:center; gap:11px; }
.section-label::before{ content:''; width:20px; height:1px; background:var(--purple-mid); opacity:.85; flex:none; }

/* THE BILL: pulsing handoff arrow, glow on the zero-hours card, emphasis on the big number */
@media (prefers-reduced-motion: no-preference){
  .bill-arrow{ animation:billPulse 2.4s ease-in-out infinite; }
}
@keyframes billPulse{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.bill-card.positive{ box-shadow:0 0 44px -12px rgba(139,92,246,.34); }
.bill-card.positive .bill-big{ text-shadow:0 0 28px rgba(139,92,246,.45); }

/* PROCESS: crafted step numbers + a top accent that draws in on hover */
.process-num{ background:linear-gradient(135deg, rgba(139,92,246,.24), rgba(107,33,168,.12));
  transition:box-shadow .3s var(--ease), transform .3s var(--ease); }
.process-card{ position:relative; overflow:hidden; }
.process-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; transform:scaleX(0);
  transform-origin:left; background:linear-gradient(90deg, var(--purple-light), transparent); transition:transform .45s var(--ease); }
.process-card:hover::before{ transform:scaleX(1); }
.process-card:hover .process-num{ transform:translateY(-1px); box-shadow:0 0 20px -2px rgba(139,92,246,.5); }

/* CALCULATOR: glow the active plan + soft glow on the result numbers */
.calc-toggle.active{ box-shadow:0 10px 30px -12px rgba(139,92,246,.6); }
.calc-card-value{ text-shadow:0 0 24px rgba(139,92,246,.22); }

/* CASES: stat tiles warm up together when the card is hovered */
.case-stat{ transition:border-color .25s var(--ease), background .25s var(--ease); }
.case-card:hover .case-stat{ border-color:rgba(139,92,246,.32); background:rgba(139,92,246,.11); }

/* FOOTER CTA: a second offset bloom so the close feels composed */
.footer-cta::after{ content:''; position:absolute; bottom:-160px; right:-90px; width:440px; height:440px; border-radius:50%;
  background:radial-gradient(circle, rgba(167,139,250,.15), transparent 68%); pointer-events:none; }

/* ════════════════════════════════════════════════════════════
   NEW SECTIONS (2026-06-17): 300 EUR offer, FOMO, paid-ads service
   Brand tokens only. Motion gated. No em dashes.
   ════════════════════════════════════════════════════════════ */

/* 300 EUR OFFER BAND */
.offer-band{ padding:60px var(--px); background:var(--bg-section); border-top:1px solid var(--border-faint); border-bottom:1px solid var(--border-faint); }
.offer-inner{ max-width:var(--max-w); margin:0 auto; display:grid; grid-template-columns:1.45fr .85fr; gap:48px; align-items:center; }
.offer-copy .section-title{ max-width:16ch; }
.offer-body{ font-size:15px; font-weight:300; color:var(--text-body); line-height:1.7; max-width:50ch; margin:14px 0 22px; }
.offer-points{ list-style:none; display:flex; flex-direction:column; gap:9px; margin:0 0 28px; }
.offer-points li{ position:relative; padding-left:26px; font-size:14px; color:var(--cream-dim); }
.offer-points li::before{ content:'✓'; position:absolute; left:0; color:var(--purple-light); font-weight:700; }
.offer-price-card{ background:var(--bg-card); border:1px solid rgba(139,92,246,.42); border-radius:var(--radius-lg);
  padding:28px 30px; box-shadow:0 0 60px -16px rgba(139,92,246,.45); }
.offer-row{ display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--border-faint); }
.offer-row:last-child{ border-bottom:none; }
.offer-row-label{ font-size:11px; text-transform:uppercase; letter-spacing:.11em; color:var(--cream-faint); font-weight:600; }
.offer-row-val{ font-family:'Playfair Display',Georgia,serif; font-weight:900; color:var(--cream); font-size:22px; }
.offer-row-val.struck{ text-decoration:line-through; color:rgba(239,68,68,.6); font-size:18px; }
.offer-row-val.big{ font-size:46px; color:var(--purple-light); line-height:1; }
.offer-row.save .offer-row-val{ color:var(--purple-glow); }
@media (max-width:860px){ .offer-inner{ grid-template-columns:1fr; gap:28px; } }

/* FOMO */
.fomo{ padding:88px var(--px); background:var(--bg-dark); text-align:center; }
.fomo-inner{ max-width:780px; margin:0 auto; }
.fomo-title{ font-family:'Playfair Display',Georgia,serif; font-weight:900; font-size:clamp(30px,5.2vw,60px);
  line-height:1.04; letter-spacing:-.02em; color:var(--cream); margin-bottom:18px; }
.fomo-title em{ font-style:italic; color:var(--purple-light); }
.fomo-body{ font-size:clamp(15px,1.6vw,18px); font-weight:300; color:var(--cream-dim); line-height:1.7; max-width:56ch; margin:0 auto 34px; }
.fomo-points{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.fomo-point{ font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:15px; color:var(--cream);
  background:rgba(139,92,246,.08); border:1px solid rgba(139,92,246,.2); border-radius:100px; padding:10px 22px; }

/* PAID ADS (second service) */
.pservice{ padding:88px var(--px); background:var(--bg-section); }
.pservice-inner{ max-width:var(--max-w); margin:0 auto; }
.pservice-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:42px; }
.pservice-card{ background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-md); padding:30px 26px;
  text-align:center; transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .35s var(--ease); }
.pservice-card:hover{ border-color:var(--purple-light); transform:translateY(-3px); box-shadow:0 20px 54px -16px rgba(139,92,246,.30); }
.pservice-icon{ font-size:26px; margin-bottom:12px; }
.pservice-card h3{ font-family:'Playfair Display',Georgia,serif; font-size:18px; font-weight:700; color:var(--cream); margin-bottom:8px; }
.pservice-card p{ font-size:13px; font-weight:300; color:var(--text-body); line-height:1.65; }
@media (max-width:860px){ .pservice-grid{ grid-template-columns:1fr; } }

/* ════════ HERO COLLAGE (real client thumbnails as live proof) ════════ */
.hero-collage{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 76% 64% at 50% 43%, rgba(15,10,26,.78), rgba(15,10,26,.30) 56%, rgba(15,10,26,.44) 100%),
    linear-gradient(180deg, rgba(15,10,26,.86) 0%, rgba(15,10,26,.16) 26%, rgba(15,10,26,.16) 62%, rgba(15,10,26,.90) 100%),
    url('assets/hero-collage-1920.jpg') center/cover no-repeat;
}
/* the collage carries its own violet glow, so retire the plain blooms + the ghost watermark */
.hero::before, .hero::after{ opacity:.5; }
.hero-watermark{ display:none; }
.hero-scroll{ display:none; }
@media (max-width:860px){
  .hero-collage{ background:
    radial-gradient(ellipse 135% 56% at 50% 42%, rgba(15,10,26,.85), rgba(15,10,26,.42) 60%, rgba(15,10,26,.55) 100%),
    linear-gradient(180deg, rgba(15,10,26,.9) 0%, rgba(15,10,26,.34) 30%, rgba(15,10,26,.34) 60%, rgba(15,10,26,.95) 100%),
    url('assets/hero-collage-1920.jpg') center/cover no-repeat; }
}
@media (max-width:600px){
  .hero .hero-ctas{ flex-direction:column; align-items:stretch; }
  .hero .hero-ctas .btn-primary, .hero .hero-ctas .btn-secondary{ width:100%; text-align:center; }
}

/* ════════ LIVE CONTENT ENGINE (surprise section) ════════ */
.live{ position:relative; padding:98px var(--px); background:var(--bg-dark); overflow:hidden; }
.live-glow{ position:absolute; top:4%; left:50%; transform:translateX(-50%); width:820px; height:560px;
  background:radial-gradient(ellipse at center, rgba(139,92,246,.18), transparent 66%); pointer-events:none; }
.live-inner{ position:relative; max-width:var(--max-w); margin:0 auto; }
.live-eyebrow{ justify-content:center; color:var(--purple-glow); }
.live-eyebrow::before{ display:none; }
.live-dot{ width:8px; height:8px; border-radius:50%; background:#a78bfa; flex:none;
  box-shadow:0 0 0 0 rgba(167,139,250,.6); animation:livePulse 1.9s ease-out infinite; }
.live-dot.small{ width:6px; height:6px; }
@keyframes livePulse{ 0%{ box-shadow:0 0 0 0 rgba(167,139,250,.5); } 70%{ box-shadow:0 0 0 11px rgba(167,139,250,0); } 100%{ box-shadow:0 0 0 0 rgba(167,139,250,0); } }
.live-grid{ display:grid; grid-template-columns:1fr 1.12fr; gap:20px; margin-top:50px; align-items:stretch; }
.live-counter-card, .live-feed-card{ border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:40px 34px;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.live-counter-card{ display:flex; flex-direction:column; justify-content:center; text-align:center;
  background:linear-gradient(160deg, rgba(26,19,40,.92), rgba(19,14,30,.92)); box-shadow:0 0 60px -22px rgba(139,92,246,.5) inset; }
.live-counter{ font-family:'Playfair Display',Georgia,serif; font-weight:900; font-size:clamp(44px,7vw,90px); line-height:1.16;
  padding-block:0.1em; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
  background:linear-gradient(170deg,#c4b5fd,#8B5CF6 58%,#6B21A8); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.live-counter-label{ font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(--cream-faint); margin-top:16px; font-weight:600; }
.live-rate{ display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; font-size:13px; color:var(--text-body); font-variant-numeric:tabular-nums; }
.live-rate #live-rate{ color:var(--purple-glow); font-weight:700; }
.live-feed-card{ background:rgba(26,19,40,.72); }
.live-feed-head{ display:flex; align-items:center; gap:10px; font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--cream-faint); font-weight:600; margin-bottom:6px; }
.live-feed{ display:flex; flex-direction:column; }
.live-row{ display:flex; align-items:center; gap:12px; padding:15px 2px; border-bottom:1px solid var(--border-faint); font-size:14px; }
.live-row:last-child{ border-bottom:none; }
.live-row .lr-dot{ width:7px; height:7px; border-radius:50%; background:#8B5CF6; flex:none; }
.live-row .lr-client{ font-weight:600; color:var(--cream); }
.live-row .lr-event{ color:var(--text-body); flex:1; }
.live-row .lr-time{ color:var(--cream-faint); font-size:12px; white-space:nowrap; }
.live-row.enter{ animation:liveRowIn .55s var(--ease) both; }
@keyframes liveRowIn{ from{ opacity:0; transform:translateY(-12px); } to{ opacity:1; transform:none; } }
@media (max-width:860px){ .live-grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce){ .live-dot{ animation:none; } .live-row.enter{ animation:none; } }


/* ── Lead magnet / 100 āķi ───────────────────────────── */
.hooks-section{padding:130px 0;background:#130E20;position:relative;overflow:hidden}
.hooks-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.13),transparent 70%);top:-220px;right:-160px;pointer-events:none;z-index:0}
.hooks-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hooks-inner{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.hooks-copy{max-width:600px}
.hooks-lead{color:#B8B0C8;font-size:17px;line-height:1.7;margin:16px 0 22px}
.hooks-bullets{list-style:none;padding:0;margin:0 0 28px}
.hooks-bullets li{color:#D9D2E6;font-size:15px;line-height:1.55;padding-left:26px;position:relative;margin-bottom:11px}
.hooks-bullets li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:50%;background:#8B5CF6}
.hooks-form{margin-top:6px;max-width:520px}
.hooks-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hooks-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.hooks-input{background:#0F0A1A;border:1px solid rgba(196,181,253,.18);border-radius:10px;padding:14px 16px;color:#F0EDF5;font-family:'DM Sans',sans-serif;font-size:15px;width:100%;transition:border-color .2s}
.hooks-input::placeholder{color:#7E7396}
.hooks-input:focus{outline:none;border-color:#8B5CF6}
.hooks-submit{width:100%;cursor:pointer;border:none}
.hooks-msg{color:#ff9b9b;font-size:14px;margin-top:12px;min-height:1px}
.hooks-success{padding:6px 0}
.hooks-success p{color:#C4B5FD;font-size:17px;margin-bottom:16px}
.exp-cta{margin-top:38px;text-align:center}
.live-cta{margin-top:40px;text-align:center}
@media (max-width:820px){.hooks-canvas{opacity:.5}.hooks-copy{max-width:100%}.hooks-form{max-width:100%}}