/* ════════════════════════════════════════════════════════════════
   Summer Challenge — Webflow-style discipline
   in a warm Italian palette.

   System:
   - 4px button radius (NOT pill — Webflow's anti-pill statement)
   - 8px card radius, 32px card padding
   - 1px hairline borders
   - Layered 5-stop drop-shadows on featured cards
   - UPPERCASE eyebrows 15px/500/+1.5px tracking
   - Weight ceiling: 600. Never above.
   - Instrument Sans (body/display) + Instrument Serif Italic (accents)
   - Chromatic category cards (warm full-fills)
   ════════════════════════════════════════════════════════════════ */

:root{
  /* palette — cream / sand / terracotta / ink */
  --bg:           #F1EBDB;
  --bg-cream:     #EAE0C9;
  --bg-soft:      #F7F1E1;
  --canvas:       #FBF7EC;
  --ink:          #15171C;            /* deep near-black — Webflow signature */
  --ink-2:        #2A2E37;
  --body:         #3A3F4B;
  --body-mid:     #5C616D;
  --mute:         #8A8E99;
  --hairline:     #E0D8C5;
  --hairline-2:   rgba(21,23,28,0.08);

  /* category fills (warm Italian instead of WF's purple/blue/green) */
  --terracotta:       #D8543A;
  --terracotta-deep:  #B73E26;
  --terracotta-soft:  #E89A82;
  --sand:             #DFCFA8;
  --peach:            #F2C7B0;
  --olive:            #8A8E5A;
  --gold:             #C5A572;

  /* type */
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
  --serif: "Playfair Display", "Times New Roman", serif;

  /* radius — Webflow: 4 / 8 / 16 / pill only for circular icons */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-full: 9999px;

  /* bright orange gradient — same as .ctab banner, used on buttons */
  --orange-grad: radial-gradient(140% 100% at 15% 50%, #FFB07A 0%, #F08152 40%, #D8543A 70%, #A0341C 100%), linear-gradient(120deg, #FF7B45, #C2401E);
  /* punchy linear variant for accent text (no multiply darkening) */
  --orange-grad-text: linear-gradient(120deg, #F26A2E 0%, #DE4F2C 55%, #B73E26 100%);

  /* layered drop-shadows — Webflow's signature elevation */
  --sh-1: 0 1px 2px rgba(21,23,28,0.04), 0 2px 4px rgba(21,23,28,0.03);
  --sh-2: 0 84px 24px rgba(21,23,28,0.0),
          0 54px 22px rgba(21,23,28,0.01),
          0 30px 18px rgba(21,23,28,0.04),
          0 13px 13px rgba(21,23,28,0.06),
          0 3px 7px rgba(21,23,28,0.06);
  --sh-3: 0 84px 24px rgba(21,23,28,0.0),
          0 54px 22px rgba(21,23,28,0.02),
          0 30px 18px rgba(21,23,28,0.06),
          0 13px 13px rgba(21,23,28,0.10),
          0 3px 7px rgba(21,23,28,0.10);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  font-family:var(--sans);
  font-weight:400;
  font-size:16px;
  line-height:1.6;
  color:var(--body);
  background:var(--bg);
  letter-spacing:-0.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html{overflow-x:clip}

img,video{display:block;max-width:100%;height:auto}
a{color:var(--terracotta-deep);text-decoration:none;transition:color .15s}
a:hover{color:var(--terracotta)}

/* ═════════ CONTAINER / BAND ═════════ */
.container{
  width:min(1280px, 100% - 48px);
  margin-inline:auto;
}
.container--prose{width:min(760px, 100% - 48px)}

.band{
  padding:clamp(48px, 6vw, 80px) 0;
  position:relative;
}
.band--cream{background:var(--bg-soft)}
.band--ink{background:var(--ink);color:rgba(255,255,255,0.78)}

.band__head{
  text-align:center;
  margin:0 auto clamp(40px, 5vw, 64px);
  max-width:760px;
}
.band__head--wide{max-width:1100px}
.method__title{white-space:nowrap}
@media (max-width: 900px){
  .method__title{white-space:normal}
}

/* ═════════ TYPOGRAPHY — Webflow scale ═════════ */
.eyebrow{
  font-family:var(--sans);
  font-size:13px;
  font-weight:500;
  letter-spacing:0.14em;
  line-height:1.3;
  text-transform:uppercase;
  color:var(--ink);
  margin:0 0 18px;
}
.eyebrow.center{text-align:center}
.eyebrow--on-dark{color:rgba(255,255,255,0.7)}

.d-xxl{
  font-family:var(--sans);
  font-weight:600;
  font-size:55px;
  line-height:1.04;
  letter-spacing:-0.025em;
  color:var(--ink);
  margin:0 0 28px;
}
.d-xl{
  font-family:var(--sans);
  font-weight:600;
  font-size:50px;
  line-height:1.05;
  letter-spacing:-0.022em;
  color:var(--ink);
  margin:0 0 24px;
}
.d-lg{
  font-family:var(--sans);
  font-weight:600;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-0.02em;
  color:var(--ink);
  margin:0 0 20px;
}
.d-md{
  font-family:var(--sans);
  font-weight:500;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-0.012em;
  color:var(--ink);
  margin:0 0 12px;
}
.d-sm{
  font-family:var(--sans);
  font-weight:500;
  font-size:20px;
  line-height:1.25;
  letter-spacing:-0.008em;
  color:var(--ink);
  margin:0 0 10px;
}

/* Italian italic — Instrument Serif accent.
   Italic glyphs read optically smaller than upright sans of the same
   point size, so we bump them ~7% to match perceived height.        */
em,
.d-xxl em, .d-xl em, .d-lg em, .d-md em, .d-sm em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  letter-spacing:-0.005em;
  font-size:1.07em;
  line-height:1;             /* keep descenders (e.g. "g") inside the line box */
}

.on-dark{color:#FFFCF6}
.on-dark-2{color:rgba(255,255,255,0.78)}
.on-dark-3{color:rgba(255,255,255,0.55)}
.center{text-align:center}

/* body */
p{margin:0 0 16px;color:var(--body)}
.lede{
  font-size:17px;
  line-height:1.6;
  color:var(--body);
  letter-spacing:-0.008em;
  max-width:640px;
  margin:0 auto 36px;
}
.muted{color:var(--mute)}
.small{font-size:13.5px}

.pull{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(22px, 2.2vw, 30px);
  line-height:1.35;
  color:var(--ink);
  margin:30px 0;
  padding-left:20px;
  border-left:2px solid var(--terracotta);
}
.pull em{background-image:var(--orange-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pull.center{border:none;padding:24px 0;text-align:center;border-top:1px solid var(--hairline-2);border-bottom:1px solid var(--hairline-2)}
.pull--on-dark{color:#fff;border-left-color:var(--terracotta)}
.pull--on-dark em{color:var(--terracotta-soft)}

.quote-big{
  text-align:center;
  margin:40px 0 0;
}
.quote-big em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(30px, 4vw, 56px);
  line-height:1.15;
  color:var(--terracotta);
  letter-spacing:-0.005em;
}

/* ═════════ BUTTONS — Liquid Glass (port of LiquidButton.tsx) ═════════
   The button itself is transparent. Two layered pseudo-elements do the
   work:
                    fetches the page behind, runs feTurbulence + feDisplacementMap,
                    then a feGaussianBlur. This is THE liquid.
   - .btn::after  — the shadow shell: nine-stop box-shadow stack with DARK
                    inset edges (light mode) that gives the droplet its
                    refractive ring + a soft white outer glow.

   Source recipe is from the LiquidButton React component the user pasted —
   shadow stops + filter parameters preserved 1:1.                       */

.btn{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:"DM Sans", var(--sans);
  font-weight:500;
  font-size:16.5px;
  letter-spacing:-0.005em;
  padding:0;
  height:60px;
  min-width:0;
  border-radius:5px;
  border:0;
  cursor:pointer;
  text-decoration:none;
  line-height:1;
  background:transparent;
  color:#fff;
  overflow:hidden;
  transition:transform .3s ease, filter .2s, box-shadow .3s;
  -webkit-tap-highlight-color:transparent;
}

.btn__inner{
  position:relative;
  z-index:10;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 26px;
  pointer-events:none;
}
.btn__arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;line-height:1;font-size:18px;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.btn:hover .btn__arrow{transform:translateX(4px)}

/* ── Distortion: the liquid backdrop ── */
.btn::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  border-radius:inherit;
  pointer-events:none;
}

/* Clean shell — no 3D inset (flat button) */
.btn::after{
  content:"";
  position:absolute;inset:0;z-index:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:none;
}

/* ── Chaotic moving light — two organic blobs at different speeds ── */
.btn__shine{
  position:absolute;inset:0;z-index:2;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
}
.btn__shine::before,
.btn__shine::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  will-change:transform;
}
/* big warm blob — 4× larger, 3.5× slower */
.btn__shine::before{
  top:-160%;
  left:-110%;
  width:260%;
  aspect-ratio:1.4 / 1;
  background:radial-gradient(closest-side,
    rgba(255,185,135,0.55),
    rgba(255,165,115,0.25) 40%,
    rgba(255,150,100,0)    72%);
  filter:blur(28px);
  animation:shineA 24.5s cubic-bezier(.45,.05,.55,.95) infinite;
}
/* secondary blob — different speed/path */
.btn__shine::after{
  top:-30%;
  left:-130%;
  width:140%;
  aspect-ratio:1 / 1;
  background:radial-gradient(closest-side,
    rgba(255,195,150,0.45),
    rgba(255,175,130,0.18) 50%,
    transparent 75%);
  filter:blur(20px);
  animation:shineB 15s cubic-bezier(.35,.10,.65,.90) infinite;
  animation-delay:-5.5s;
}
@keyframes shineA{
  0%   { transform:translate3d(-10%,  0%, 0)  rotate(-4deg); opacity:0.55; }
  20%  { transform:translate3d( 40%, -10%, 0) rotate( 6deg); opacity:0.85; }
  55%  { transform:translate3d(140%,  20%, 0) rotate(-2deg); opacity:0.85; }
  80%  { transform:translate3d(220%, -8%, 0)  rotate( 4deg); opacity:0.7; }
  100% { transform:translate3d(320%,  0%, 0)  rotate(-4deg); opacity:0.55; }
}
@keyframes shineB{
  0%   { transform:translate3d(  0%,   0%, 0) rotate( 10deg); opacity:0.4; }
  25%  { transform:translate3d( 80%, -40%, 0) rotate(-12deg); opacity:0.75; }
  60%  { transform:translate3d(180%,  30%, 0) rotate( 18deg); opacity:0.65; }
  100% { transform:translate3d(360%, -10%, 0) rotate(-8deg);  opacity:0.4; }
}

.btn:hover{filter:brightness(1.05)}
.btn:active{filter:brightness(0.96)}

/* lock text colour — never inherit a:hover terracotta */
.btn,
.btn:hover,
.btn:focus,
.btn:visited,
.btn:active{color:#fff}
.btn--primary,
.btn--on-dark,
.btn--primary:hover, .btn--primary:focus,
.btn--on-dark:hover, .btn--on-dark:focus{color:#fff}

/* ── Primary: bright orange radial+linear gradient (same as CTA banner) ── */
.btn--primary,
.btn--on-dark{
  background-image:var(--orange-grad);
  background-blend-mode:multiply;
  text-shadow:none;
  box-shadow:none;
}
.btn--primary:hover,
.btn--on-dark:hover{filter:brightness(1.06) saturate(1.04);box-shadow:none}
.btn--primary:active,
.btn--on-dark:active{filter:brightness(0.95)}

/* btn--lg kept as alias for backward compatibility — same size as base */
.btn--lg{height:60px;font-size:16.5px}
.btn--lg .btn__inner{padding:0 26px}

/* ═════════ HERO ═════════ */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--bg);
  isolation:isolate;
}
.hero__logo{
  width:48px;
  height:auto;
  margin:15px auto 0;
  position:relative;
  z-index:5;
  pointer-events:none;
  user-select:none;
}
.hero__video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  z-index:-2;
}
.hero__veil{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  /* very light wash only for text legibility at the very top and bottom */
  background:
    linear-gradient(180deg, rgba(241,235,219,.10) 0%, rgba(241,235,219,0) 18%, rgba(241,235,219,0) 78%, rgba(241,235,219,.30) 100%);
}
/* fadeout removed — hero ends with a clean hard edge */

/* top LIVE pill */
.hero__top{
  display:flex;justify-content:center;
  padding:15px 24px 0;
  position:relative;z-index:2;
}
.live{
  position:relative;
  isolation:isolate;
  display:inline-flex;align-items:center;gap:10px;
  padding:5px 14px;
  border-radius:999px;
  font-size:12.5px;font-weight:550;
  color:var(--ink);
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,252,246,0.55) 0%, rgba(255,252,246,0.28) 100%);
  box-shadow:
    0 1px 2px rgba(21,23,28,0.06),
    0 4px 12px rgba(21,23,28,0.06),
    0 0 0 1px rgba(255,255,255,0.45),
    inset  2px  2px 0.5px -2px rgba(255,255,255,0.95),
    inset -2px -2px 0.5px -2px rgba(255,255,255,0.6),
    inset  1px  1px 1px -0.5px rgba(255,255,255,0.7),
    inset -1px -1px 1px -0.5px rgba(255,255,255,0.45),
    inset 0 0 4px 4px rgba(255,255,255,0.10);
}
.live::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  border-radius:inherit;
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
          backdrop-filter:blur(14px) saturate(1.4);
}
.live__dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--terracotta);
  box-shadow:0 0 0 4px rgba(216,84,58,0.18);
  animation:pulse 1.8s ease-in-out infinite;
}
.live__label{
  font-size:11px;letter-spacing:0.14em;font-weight:600;
}
.live__sep{width:1px;height:12px;background:var(--hairline)}
.live__meta{font-weight:500;color:var(--ink-2);font-size:12.5px}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(216,84,58,0.18)}
  50%    {box-shadow:0 0 0 8px rgba(216,84,58,0.04)}
}

/* hero content */
.hero__content{
  flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  padding:clamp(24px, 5vw, 56px) 24px clamp(72px, 9vw, 140px);
  position:relative;z-index:2;
}
@media (min-width:900px){
  .hero__content{
    justify-content:flex-start;
    padding-top:135px;
  }
  .hero__content > .hero__card{margin-top:auto}
  /* final-CTA variant: no logo above and no features below — center the column */
  .hero--final{min-height:88vh}
  .hero--final .hero__top{padding-top:55px}
  .hero--final .hero__content{
    justify-content:center;
    padding-top:clamp(40px, 5vw, 80px);
    padding-bottom:clamp(40px, 5vw, 80px);
  }
  .hero--final .hero__content > .hero__card{margin-top:16px}
}
/* ═════════ HERO TYPOGRAPHY — DM Sans + Fraunces Italic ═════════
   The modern "Italian boutique" pair. DM Sans is a clean, neutral,
   slightly soft grotesque (reads expensive without trying). Fraunces
   is a variable serif with optical sizing — at large sizes its italic
   has the high-contrast flowing strokes of classic Italian display
   serifs (Recoleta / Tobias / GT Super lineage), and it has WONK
   alternates for the gorgeous swash variant of g, k, y.
   Free, readable, distinctive.                                       */
.hero, .hero *{
  font-family:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-variation-settings:"opsz" 24;
}
.hero__title em,
.hero__lede em,
.hero__sub,
.hero__sub em{
  font-family:"Playfair Display", "Times New Roman", serif !important;
  font-style:italic;
  font-weight:400;
  font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;
  letter-spacing:-0.005em;
}

/* Eyebrow — flanked hairline rules, editorial section marker */
.hero__eyebrow{
  display:flex;align-items:center;justify-content:center;
  gap:14px;
  margin:0 0 24px;
  color:var(--ink);
  opacity:.85;
}
.hero__eyebrow span{
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero__eyebrow::before,
.hero__eyebrow::after{
  content:"";
  display:block;
  width:40px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(21,23,28,0.55), transparent);
}

/* Hero title — 55px on desktop, single line */
.hero__title{
  font-family:var(--sans);
  font-weight:600;
  font-size:55px;
  line-height:1.05;
  letter-spacing:-0.025em;
  color:var(--ink);
  margin:0 0 22px;
  white-space:nowrap;
  display:inline-flex;align-items:baseline;justify-content:center;gap:.16em;
}
.hero__title em{
  font-style:italic;
  font-weight:400;
  color:var(--terracotta);
  letter-spacing:-0.005em;
  font-size:1.07em;
  line-height:0.92;
}

/* two-paragraph hero copy with elegant divider */
.hero__copy{
  max-width:720px;
  margin:0 auto 30px;
  display:flex;flex-direction:column;align-items:center;gap:0;
}
.hero__lede{
  font-size:17px;
  line-height:1.6;
  color:var(--ink-2);
  letter-spacing:-0.005em;
  margin:0;
}
.hero__lede em{
  font-style:italic;font-weight:400;
  color:var(--terracotta);
  font-size:1.05em;
}
.copy-rule{
  display:block;
  width:48px;height:1px;
  margin:18px 0;
  background:linear-gradient(90deg, transparent, var(--terracotta) 50%, transparent);
  opacity:.55;
}
.hero__sub{
  font-style:italic;
  font-weight:400;
  font-size:17px;
  line-height:1.6;
  color:var(--ink-2);
  max-width:620px;
  margin:0;
  opacity:.82;
}

.hero__cta{
  display:flex;flex-direction:column;align-items:center;gap:14px;
}

/* countdown — compact glassmorphism */
.countdown{
  margin-top:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:14px 20px;
  border-radius:18px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,252,246,0.42) 0%, rgba(255,252,246,0.20) 100%);
  box-shadow:
    0 1px 2px rgba(21,23,28,0.06),
    0 8px 24px rgba(21,23,28,0.08),
    0 0 0 1px rgba(255,255,255,0.42),
    inset  2px  2px 0.5px -2px rgba(255,255,255,0.95),
    inset -2px -2px 0.5px -2px rgba(255,255,255,0.55),
    inset  1px  1px 1px -0.5px rgba(255,255,255,0.7),
    inset -1px -1px 1px -0.5px rgba(255,255,255,0.4),
    inset 0 0 6px 6px rgba(255,255,255,0.08);
}
.countdown::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  border-radius:inherit;
}
.cd__cell{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:54px;padding:0 6px;
  background:transparent;border:0;box-shadow:none;
}
.cd__num{
  font-family:var(--sans);
  font-weight:600;
  font-size:26px;
  line-height:1;
  color:var(--ink);
  letter-spacing:-0.02em;
  font-variant-numeric:tabular-nums;
}
.cd__lbl{
  font-size:9.5px;font-weight:500;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--mute);
  margin-top:6px;
}
.cd__sep{
  font-size:22px;font-weight:300;color:var(--terracotta);
  line-height:1;margin-top:-10px;opacity:.55;
  font-variant-numeric:tabular-nums;
}

/* ═════════ HERO FEATURES — bottom row of white cards ═════════ */
.hero__features{
  position:absolute;left:0;right:0;bottom:15px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:6px;
  list-style:none;
  margin:0;padding:0 16px;
  z-index:3;
}
.hero__features li{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px 6px 8px;
  background:rgba(255,252,246,0.94);
  border:1px solid rgba(21,23,28,0.06);
  border-radius:6px;            /* almost-sharp corners */
  font-family:"DM Sans", system-ui, sans-serif;
  font-size:11.5px;
  font-weight:500;
  letter-spacing:-0.005em;
  color:var(--ink);
  box-shadow:0 1px 2px rgba(21,23,28,0.04), 0 3px 10px rgba(21,23,28,0.04);
  white-space:nowrap;
}
.hero__features .check{
  display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;border-radius:50%;
  background:var(--terracotta);
  color:#fff;
  flex:0 0 15px;
}
.hero__features .check svg{
  width:10px;height:10px;
  fill:none;stroke:currentColor;
  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
}

/* ═════════ BADGES ═════════ */
.band--badges{
  padding:clamp(40px, 5vw, 64px) 0;
  border-bottom:1px solid var(--hairline-2);
}
.badges{
  list-style:none;padding:0;margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px 32px;
}
.badges li{
  position:relative;padding-left:28px;
  font-size:15px;font-weight:500;color:var(--ink-2);
  letter-spacing:-0.01em;
}
.badges li::before{
  content:"";position:absolute;left:0;top:7px;
  width:14px;height:7px;
  border-left:2px solid var(--terracotta);
  border-bottom:2px solid var(--terracotta);
  transform:rotate(-45deg);
}

/* ═════════ PAIN GRID — hairline cards ═════════ */
.pain{
  list-style:none;padding:0;margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:12px;
}
.pain li{
  display:flex;align-items:flex-start;gap:14px;
  padding:24px 26px;
  background:var(--canvas);
  border:1px solid var(--hairline);
  border-radius:var(--r-md);
  font-size:15.5px;
  color:var(--body);
  font-weight:400;
  transition:transform .2s, box-shadow .25s, border-color .2s;
}
.pain li:hover{
  transform:translateY(-2px);
  box-shadow:var(--sh-2);
  border-color:var(--terracotta-soft);
}
.pain__x{
  flex:0 0 auto;
  width:24px;height:24px;
  border-radius:var(--r-sm);
  background:rgba(216,84,58,0.10);
  color:var(--terracotta);
  font-weight:600;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;
}
.cycle{
  text-align:center;
  margin:40px 0 0;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(18px, 1.8vw, 24px);
  color:var(--ink);
}
.cycle em{background-image:var(--orange-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cycle__lede{
  display:block;
  font-family:var(--sans);
  font-style:normal;
  font-weight:500;
  font-size:clamp(15px, 1.4vw, 18px);
  color:var(--ink);
  margin-bottom:10px;
  letter-spacing:-0.005em;
}

/* ═════════ PAIN — white panel + sharp corner hooks (ref: UI cards) ═════════ */
.band--pain-wrap{
  background:#FFFFFF;
}
.tech-panel{
  --tp-line:rgba(21,23,28,0.55);
  position:relative;
  max-width:min(1040px, 100%);
  margin-inline:auto;
  background:#FFFFFF;
  border:1px solid rgba(21,23,28,0.10);
  border-radius:0;
  box-shadow:none;
}
.tech-panel::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(21,23,28,0.055);
  border-radius:0;
  pointer-events:none;
  z-index:1;
}
.tech-panel__inner{
  position:relative;
  z-index:3;
  padding:clamp(36px, 5vw, 56px) clamp(28px, 4vw, 48px);
}
.tech-panel .band__head{
  margin-bottom:clamp(32px, 4vw, 48px);
}
.tech-panel .pain li{
  border-radius:var(--r-xs);
  background:#FBFAF7;
  border-color:rgba(21,23,28,0.10);
}
.tech-panel__hook{
  position:absolute;
  width:11px;
  height:11px;
  pointer-events:none;
  z-index:4;
  border:0 solid var(--tp-line);
  box-sizing:border-box;
}
.tech-panel__hook--tl{
  top:-1px;left:-1px;
  border-top-width:1px;border-left-width:1px;
}
.tech-panel__hook--tr{
  top:-1px;right:-1px;
  border-top-width:1px;border-right-width:1px;
}
.tech-panel__hook--bl{
  bottom:-1px;left:-1px;
  border-bottom-width:1px;border-left-width:1px;
}
.tech-panel__hook--br{
  bottom:-1px;right:-1px;
  border-bottom-width:1px;border-right-width:1px;
}
@media (max-width:520px){
  .tech-panel__hook{width:9px;height:9px}
}

/* ═════════ SPLIT ═════════ */
.split{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:clamp(36px, 6vw, 80px);
  align-items:center;
}
.split--reverse .media{order:2}
.media{margin:0}
.media__frame{
  width:100%;
  aspect-ratio:4/5;
  border-radius:var(--r-md);
  background:#cfc6b0;
  background-size:cover;background-position:center;
  box-shadow:var(--sh-3);
  position:relative;overflow:hidden;
}
/* ═════════ CHECK LIST ═════════ */
.checks{list-style:none;padding:0;margin:0 0 18px}
.checks li{
  position:relative;padding-left:26px;margin-bottom:8px;
  font-size:15.5px;color:var(--body);font-weight:400;letter-spacing:-0.01em;
}
.checks li::before{
  content:"";position:absolute;left:0;top:8px;
  width:14px;height:7px;
  border-left:2px solid var(--terracotta);
  border-bottom:2px solid var(--terracotta);
  transform:rotate(-45deg);
}
.checks--tight li{margin-bottom:4px;font-size:14.5px}

.cta-row{
  margin-top:36px;
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
}
.cta-row.center{align-items:center;text-align:center}
.cta-row__meta{font-size:13px;color:var(--body-mid);margin:0}

/* ═════════ FEATURE GRID — dot-pattern cards ═════════ */
.fgrid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
}
.fcard{
  position:relative;
  overflow:hidden;
  padding:28px;
  background:var(--canvas);
  border:1px solid var(--hairline);
  border-radius:4px;
  min-height:220px;
  display:flex;flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.fcard:hover{
  transform:translateY(-3px);
  box-shadow:var(--sh-2);
  border-color:var(--terracotta-soft);
}

/* feature (span-2) card — terracotta tint, bigger surface */
.fcard--feat{
  grid-column:span 2;
  background:linear-gradient(135deg, var(--canvas) 0%, rgba(232,154,130,0.22) 100%);
  border-color:rgba(216,84,58,0.20);
}

/* ── Pattern overlay (top, mask-faded) ── */
.fcard__pattern{
  position:absolute;
  top:0;left:50%;
  margin-top:-8px;
  margin-left:-80px;
  height:100%;width:100%;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(white, transparent);
          mask-image:linear-gradient(white, transparent);
}
.fcard__wash{
  position:absolute;inset:0;
  background:linear-gradient(to right,
    rgba(216,84,58,0.08) 0%,
    rgba(216,84,58,0.02) 100%);
  -webkit-mask-image:radial-gradient(farthest-side at top, white, transparent);
          mask-image:radial-gradient(farthest-side at top, white, transparent);
}
.fcard__wash--feat{
  background:linear-gradient(to right,
    rgba(216,84,58,0.18) 0%,
    rgba(216,84,58,0.06) 100%);
}
.fcard__dots{
  position:absolute;inset:0;
  width:100%;height:100%;
}
/* background rings — thin terracotta outlines, touching each other in 20px cells */
.fcard__dots .d-bg{
  fill:none;
  stroke:rgba(216,84,58,0.30);
  stroke-width:0.6;
  vector-effect:non-scaling-stroke;
}
.fcard__dots .hits circle{
  fill:rgba(216,84,58,0.22);
  stroke:rgba(216,84,58,0.50);
  stroke-width:0.6;
  vector-effect:non-scaling-stroke;
}
.fcard__dots--feat .d-bg-feat{
  fill:none;
  stroke:rgba(216,84,58,0.45);
  stroke-width:0.7;
  vector-effect:non-scaling-stroke;
}
.fcard__dots--feat .hits--feat circle{
  fill:rgba(216,84,58,0.42);
  stroke:rgba(216,84,58,0.80);
  stroke-width:0.7;
  vector-effect:non-scaling-stroke;
}

/* ── Icon ── */
.fcard__icon{
  position:relative;z-index:1;
  width:26px;height:26px;
  color:var(--terracotta);
  transition:transform .3s ease, color .25s ease;
}
.fcard:hover .fcard__icon{
  transform:scale(1.08);
  color:var(--terracotta-deep);
}

/* ── Title & description ── */
.fcard__title{
  position:relative;z-index:1;
  margin:auto 0 8px;
  padding-top:48px;
  font-family:var(--sans);
  font-weight:500;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-0.01em;
  color:var(--ink);
}
.fcard__desc{
  position:relative;z-index:1;
  margin:0;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
  color:var(--body-mid);
  letter-spacing:-0.005em;
}
.fcard__title--feat{font-size:22px}
.fcard__desc--feat{font-size:14.5px}

/* ═════════ HOW IT WORKS — Bento with corner brackets ═════════ */
.band--bento{
  background:#FFFFFF;
}
.bento{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:14px;
}
.bento__card{
  position:relative;
  background:#0F1116;
  color:#F4EFE2;
  border-radius:4px;            /* almost-sharp */
  padding:36px 36px 28px;
  min-height:340px;
  display:flex;flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  transition:transform .3s ease, box-shadow .35s;
}
.bento__card::after{
  /* subtle warm radial glow from bottom-left */
  content:"";
  position:absolute;left:-20%;bottom:-30%;width:80%;height:80%;
  background:radial-gradient(closest-side, rgba(226,90,53,0.20), transparent 70%);
  filter:blur(40px);
  pointer-events:none;z-index:0;
}
.bento__card > *{position:relative;z-index:1}
.bento__card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 50px rgba(21,23,28,0.25);
}
.bento__card--wide{grid-column:span 2}

/* SPLIT wide card — text left, chips column right (V2) */
.bento__card--split{padding:32px 36px}
.bento__split{
  display:grid;
  grid-template-columns:1fr minmax(220px, 280px);
  gap:32px;
  align-items:center;
  height:100%;
}
.bento__split-text{display:flex;flex-direction:column;align-items:flex-start}
.bento__split-text .bento__title{margin-top:20px}
.bento__split-text .bento__body{max-width:550px;margin-bottom:0}
.bento__demo--column{
  display:flex;flex-direction:column;align-items:stretch;gap:8px;
  margin:0;
  width:100%;
}
.bento__demo--column .bento__chip{justify-content:flex-start}
@media (min-width:900px){
  .bento__card--split{min-height:280px}
  .bento__card--split .bento__demo--column{transform:translateX(-110px)}
}
@media (max-width:900px){
  .bento__split{grid-template-columns:1fr;gap:18px}
}

/* Corner brackets — terracotta L-shapes at 4 corners */
.bento__brackets{position:absolute;inset:0;pointer-events:none;z-index:2}
.bento__brackets i{
  position:absolute;
  width:18px;height:18px;
  border:1.5px solid var(--terracotta);
}
.bento__brackets i:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}
.bento__brackets i:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}
.bento__brackets i:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}
.bento__brackets i:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}

.bento__head{
  display:inline-flex;align-items:center;gap:10px;
  color:rgba(244,239,226,0.7);
  margin-bottom:auto;
}
.bento__head svg{width:18px;height:18px;flex:0 0 18px}
.bento__head span{
  font-size:13px;font-weight:500;
  letter-spacing:0;
}
.bento__head .bento__num,
.bento__num{
  display:block;
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  font-size:38px;
  line-height:1;
  color:var(--terracotta);
  letter-spacing:-0.02em;
  margin:-2px 0 10px;
}
@media (max-width: 720px){
  .bento__head .bento__num,
  .bento__num{font-size:32px;margin:-2px 0 8px}
}

.bento__title{
  font-family:var(--sans);
  font-weight:600;
  font-size:32px;
  line-height:1.1;
  letter-spacing:-0.018em;
  color:#FFFCF6;
  margin:28px 0 12px;
}
.bento__title em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  color:#F8B596;            /* warm peach on dark */
  font-size:1.07em;
  line-height:0.92;
  letter-spacing:-0.005em;
}
.bento__body{
  font-size:15px;
  line-height:1.55;
  color:rgba(244,239,226,0.72);
  margin:0 0 22px;
  max-width:520px;
}

/* Demo: chip rail */
.bento__demo{
  margin-top:auto;
  display:flex;flex-wrap:wrap;gap:8px;
}
.bento__chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;
  background:rgba(255,252,246,0.06);
  border:1px solid rgba(255,252,246,0.12);
  border-radius:4px;
  font-size:12.5px;font-weight:500;
  color:#FFFCF6;
  letter-spacing:-0.005em;
}
.bento__chip--mute{
  color:rgba(244,239,226,0.55);
  background:transparent;
}
.bento__chip .dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(244,239,226,0.30);
}
.bento__chip .dot--ok{
  background:var(--terracotta);
  box-shadow:0 0 0 3px rgba(226,90,53,0.20);
}

/* Demo: map pins */
.bento__demo--pins{
  position:relative;
  height:120px;margin-top:auto;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255,252,246,0.04), transparent 70%),
    linear-gradient(180deg, rgba(255,252,246,0.02), transparent);
  border:1px solid rgba(255,252,246,0.06);
  border-radius:4px;
  overflow:hidden;
}
.bento__demo--pins::before{
  /* dotted grid backdrop */
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,252,246,0.10) 1px, transparent 1px);
  background-size:14px 14px;
  opacity:.6;
}
.pin{
  position:absolute;
  left:var(--x);top:var(--y);
  transform:translate(-50%,-50%);
  font-size:11px;font-weight:500;
  padding:5px 10px 5px 18px;
  background:#1F2230;
  color:#FFFCF6;
  border:1px solid rgba(255,252,246,0.18);
  border-radius:3px;
  white-space:nowrap;
  letter-spacing:-0.005em;
}
.pin::before{
  content:"";
  position:absolute;left:7px;top:50%;
  width:6px;height:6px;border-radius:50%;
  transform:translateY(-50%);
  background:var(--terracotta);
  box-shadow:0 0 0 3px rgba(226,90,53,0.25);
}
.pin--mute{
  color:rgba(244,239,226,0.45);
  border-color:rgba(255,252,246,0.10);
}
.pin--mute::before{background:rgba(244,239,226,0.30);box-shadow:none}

/* Demo: list */
.bento__demo--list{
  margin-top:auto;
  display:flex;flex-direction:column;gap:6px;
  background:rgba(255,252,246,0.04);
  border:1px solid rgba(255,252,246,0.08);
  border-radius:4px;
  padding:10px;
}
.bento__demo--list .row{
  display:flex;align-items:center;gap:12px;
  padding:8px 10px;
  font-size:13px;color:#FFFCF6;
  border-radius:3px;
  font-weight:500;
}
.bento__demo--list .rno{
  display:inline-block;width:24px;
  font-size:11px;font-weight:600;
  color:rgba(244,239,226,0.4);
  letter-spacing:0.06em;
}
.bento__demo--list .rok{margin-left:auto;color:var(--terracotta);font-weight:600}
.bento__demo--list .rdot{
  margin-left:auto;width:6px;height:6px;border-radius:50%;
  background:var(--terracotta);
  box-shadow:0 0 0 3px rgba(226,90,53,0.20);
}
.bento__demo--list .row--active{
  background:rgba(226,90,53,0.10);
  border:1px solid rgba(226,90,53,0.25);
  color:#FFFCF6;
}
.bento__demo--list .row--mute{color:rgba(244,239,226,0.40)}

/* ═════════ CTA BANNER — full-bleed orange band, content on site grid ═════════ */
.ctab{
  position:relative;
  padding:0;
  height:430px;
  overflow:hidden;
  isolation:isolate;
}
.ctab__bg{
  position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(140% 100% at 15% 50%, #FFB07A 0%, #F08152 40%, #D8543A 70%, #A0341C 100%),
    linear-gradient(120deg, #FF7B45, #C2401E);
  background-blend-mode:multiply;
}
.ctab__bg::after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 80% 60%, rgba(255,210,180,0.40), transparent 60%),
    radial-gradient(ellipse 50% 40% at 20% 20%, rgba(255,200,170,0.35), transparent 70%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.ctab__inner{
  position:relative;
  height:100%;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:48px;
  align-items:center;
}
.ctab__left{color:#fff;max-width:560px;padding:36px 0}
.ctab__eyebrow{
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  font-weight:500;
  color:rgba(255,255,255,0.75);
  margin:0 0 22px;
}
.ctab__title{
  font-family:var(--sans);
  font-weight:500;
  font-size:50px;
  line-height:1.05;
  letter-spacing:-0.022em;
  color:#fff;
  margin:0 0 28px;
}
.ctab__title em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  background-image:none;
  -webkit-background-clip:initial;
          background-clip:initial;
  -webkit-text-fill-color:#FFFCF6;
  color:#FFFCF6;
  font-size:1.07em;
  line-height:0.92;
  letter-spacing:-0.005em;
  margin:0 .04em;
}
.ctab__row{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ctab__meta{
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.72);
  margin:0;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.ctab__meta strong{color:#fff;font-weight:600;letter-spacing:0.10em}
.ctab__meta i{font-style:normal;color:rgba(255,255,255,0.45);margin:0 -2px}

/* ── White CTA on orange — flat, with bright-orange gradient text ── */
.btn--white,
.btn--white:hover,
.btn--white:focus,
.btn--white:active,
.btn--white:visited{
  background:#fff;
  color:#B73E26;
  box-shadow:none;
}
.btn--white .btn__inner{
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  font-weight:600;
}
.btn--white .btn__arrow{
  -webkit-text-fill-color:#D8543A;
  color:#D8543A;
}
.btn--white::after{box-shadow:none}
.btn--white:hover{filter:brightness(0.98)}

/* ── Vertical marquee ── */
.ctab__right{
  position:relative;
  height:100%;
  overflow:hidden;
}
.marquee{
  position:absolute;inset:0;
  display:flex;
  flex-direction:column;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
          mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
}
.marquee__col{
  display:flex;flex-direction:column;
  animation:marqueeUp 22s linear infinite;
  will-change:transform;
}
@keyframes marqueeUp{
  0%   { transform:translateY(0); }
  100% { transform:translateY(-50%); }
}
.marquee-item{
  font-family:var(--sans);
  font-weight:300;
  font-size:64px;
  line-height:1.15;
  letter-spacing:-0.02em;
  color:rgba(255,255,255,0.96);
  padding:10px 0;
  white-space:nowrap;
}
.ctab__right:hover .marquee__col{animation-play-state:paused}

/* legacy step rules removed; map .step to .bento for safety */
.steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.step{
  background:var(--canvas);
  border:1px solid var(--hairline);
  border-radius:var(--r-md);
  padding:36px 32px;
}

/* ═════════ TESTIMONIALS — white-bg bento, mirror layout ═════════ */
.tband{
  position:relative;
  background:#FFFFFF;
  isolation:isolate;
}
.tband__head{margin-bottom:48px}
.tband__sub{
  font-size:16px;
  color:var(--mute);
  margin:8px 0 0;
  max-width:none;
  white-space:nowrap;
}
@media (max-width: 900px){
  .tband__sub{white-space:normal;max-width:560px;margin-inline:auto}
}

.tband__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:stretch;
}
.tband__col{display:flex;flex-direction:column;gap:12px}

/* areas-layout: tall lights on flanks, dark/accent in middle, wide accent at bottom-left */
.tband__grid--areas{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:auto auto;
  grid-auto-rows:auto;
  grid-template-areas:
    "rahim   jelena   milan"
    "rahim   raphael  julia"
    "dean    dean     julia";
  gap:12px;
}
.a-rahim   {grid-area:rahim}
.a-jelena  {grid-area:jelena}
.a-milan   {grid-area:milan}
.a-raphael {grid-area:raphael}
.a-julia   {grid-area:julia}
.a-dean    {grid-area:dean}

/* wide card (Dean): same vertical layout as others, but full-width line + author row */
.tcard__inner--wide{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px 32px;
}
.tcard__inner--wide .tcard__quote{
  margin:0 0 22px;
  font-size:17px;
  line-height:1.5;
}
.tcard__inner--wide .tcard__author{
  border-top:1px solid rgba(255,235,210,0.32);
  padding-top:18px;
  justify-content:space-between;
}

/* ── base card ── */
.tcard{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:4px;
  flex:1;
  min-height:240px;
  border:1px solid rgba(21,23,28,0.06);
  box-shadow:none;
  transition:transform .3s ease;
}
.tcard:hover{transform:translateY(-3px)}
.tcard--tall{flex:1.65}

/* ── wide combined card: 2 testimonials side-by-side on shared bg ── */
.tcard__pair{
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  height:100%;
  gap:0;
}
.tcard__entry{
  padding:24px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.tcard__divider{
  width:1px;
  background:rgba(255,255,255,0.18);
  margin:24px 0;
}
.tcard--accent .tcard__divider{background:rgba(255,235,210,0.32)}
.tcard--dark   .tcard__divider{background:rgba(255,255,255,0.12)}
.tcard--light  .tcard__divider{background:rgba(21,23,28,0.10)}
.tcard__inner{
  position:relative;z-index:3;
  height:100%;
  padding:24px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.tcard__quote{
  font-size:15.5px;
  line-height:1.55;
  margin:0 0 20px;
  letter-spacing:-0.005em;
  font-weight:400;
}
.tcard__quote em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:600;
  font-size:1.22em;
  letter-spacing:-0.005em;
  line-height:1;
}
.tcard__author{
  display:flex;align-items:center;gap:14px;justify-content:space-between;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.18);
}
.tcard__author > div h3{
  font-family:var(--sans);
  font-weight:600;
  font-size:18px;
  margin:0 0 2px;
  letter-spacing:-0.012em;
}
.tcard__author > div span{
  font-size:13px;
  opacity:.7;
  letter-spacing:0;
}
.tcard__avatar{
  width:60px;height:60px;
  border-radius:12px;
  background:#cfc6b0 center/cover;
  flex:0 0 60px;
  /* shadow removed per request */
}

/* ── LIGHT variant — white card with circle pattern ── */
.tcard--light{
  background:#FBF7EC;
  color:var(--ink);
  border-color:rgba(21,23,28,0.08);
  box-shadow:none;
}
.tcard--light .tcard__quote{color:var(--ink)}
.tcard--light .tcard__author{border-color:rgba(21,23,28,0.10)}
.tcard--light .tcard__author > div span{color:var(--mute)}
.tcard--light .tcard__quote em{background-image:var(--orange-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tcard--light .tcard__avatar{border:1px solid rgba(21,23,28,0.10)}

/* Circle pattern — large touching circles, masked to top half */
.tcard__dots{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 100% 60% at 50% 0%, #000 35%, transparent 95%);
          mask-image:radial-gradient(ellipse 100% 60% at 50% 0%, #000 35%, transparent 95%);
  opacity:.9;
}
.tcard__dots svg{display:block;width:100%;height:100%}

/* ── DARK variant — deep ink solid ── */
.tcard--dark{
  background:#0F1116;
  color:#FFFCF6;
  border-color:rgba(255,255,255,0.06);
  box-shadow:none;
}
.tcard--dark .tcard__quote{color:#FFFCF6}
.tcard--dark .tcard__author{border-color:rgba(255,255,255,0.12)}
.tcard--dark .tcard__quote em{color:#F8B596}
.tcard--dark .tcard__avatar{border:1px solid rgba(255,255,255,0.18)}

/* ── ACCENT variant — terracotta solid ── */
.tcard--accent{
  background-image:var(--orange-grad);
  background-blend-mode:multiply;
  color:#FFFCF6;
  border:0;
  box-shadow:none;
}
.tcard--accent .tcard__quote{color:#FFFCF6}
.tcard--accent .tcard__author{border-color:rgba(255,255,255,0.30)}
.tcard--accent .tcard__quote em{
  background-image:none;
  -webkit-text-fill-color:#FFFCF6;
  color:#FFFCF6;
  font-weight:500;
  text-decoration:underline;
  text-decoration-color:rgba(255,252,246,0.55);
  text-underline-offset:4px;
  text-decoration-thickness:1.5px;
}
.tcard--accent .tcard__avatar{border:1px solid rgba(255,255,255,0.35)}
.tcard--accent .tcard__author > div h3{color:#FFFCF6}
.tcard--accent .tcard__author > div span{color:rgba(255,252,246,0.75)}

/* ── Bottom decoration: hairline + corner squares (like reference) ── */
.tband__rule{
  position:relative;
  height:1px;
  margin:48px 12px 0;
  background:rgba(21,23,28,0.10);
}
.tband__rule::before,
.tband__rule::after{
  content:"";
  position:absolute;top:-6px;
  width:11px;height:11px;
  background:#FFFFFF;
  border:1px solid rgba(21,23,28,0.18);
  box-shadow:0 1px 2px rgba(21,23,28,0.04);
}
.tband__rule::before{left:-6px}
.tband__rule::after{right:-6px}

/* ═════════ IMAGINE ═════════ */
.imagine{list-style:none;padding:0;margin:6px 0 14px}
.imagine li{
  font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(20px, 1.8vw, 26px);
  color:var(--ink);
  margin-bottom:4px;
}
.imagine li::before{content:"- ";color:var(--terracotta);font-style:normal}

/* ═════════ JOIN STEPS ═════════ */
.join{
  list-style:none;padding:0;margin:0;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
.join li{
  background:var(--canvas);
  border:1px solid var(--hairline);
  border-radius:var(--r-md);
  padding:36px 32px;
  transition:transform .2s, box-shadow .25s, border-color .2s;
}
.join li:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--terracotta-soft)}
.join__step{
  display:inline-block;
  font-family:var(--sans);
  font-weight:600;font-size:12px;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--terracotta);
  background:rgba(216,84,58,0.10);
  padding:5px 10px;border-radius:var(--r-sm);
  margin-bottom:16px;
}
.join li h3{margin:0}

/* ═════════ FAQ ═════════ */
/* legacy faq base styles — replaced by .faq__col 2-column layout below */

/* ═════════ FINAL CTA ═════════ */
.band--final{
  position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(100px, 12vw, 180px) 0;
}
.band--final .hero__video--soft{
  filter:saturate(.95) blur(2px) brightness(1.05);
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:-2;
}
.band--final .hero__veil--soft{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(241,235,219,.62) 0%,
    rgba(247,241,225,.55) 50%,
    rgba(241,235,219,.85) 100%);
}

/* ═════════ FOOTER ═════════ */
.footer{
  background:var(--bg-cream);
  color:var(--body-mid);
  padding:32px 0;
}
.footer__row{
  display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;
}
.footer p{margin:0;color:var(--body-mid);font-size:14px}
.footer__id{
  display:flex;align-items:center;gap:14px;
  margin-right:auto;
}
.footer__logo{display:inline-flex;align-items:center;flex:none}
.footer__logo img{display:block;width:42px;height:auto;user-select:none}
.footer__copy{
  margin:0;
  font-size:14px;
  color:var(--body-mid);
  letter-spacing:-0.005em;
}
.footer a{color:var(--body-mid)}
.footer a:hover{color:var(--terracotta-deep)}

/* ═════════ REVEAL ═════════ */
.reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
}
.reveal.in{opacity:1;transform:none}

/* hero stagger */
.hero__eyebrow,.hero__title,.hero__lede,.hero__sub,.hero__cta,.countdown,.hero__features{
  opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero__eyebrow {animation-delay:.15s}
.hero__title   {animation-delay:.28s}
.hero__lede    {animation-delay:.44s}
.hero__sub     {animation-delay:.58s}
.hero__cta     {animation-delay:.72s}
.countdown     {animation-delay:.86s}
.hero__features{animation-delay:1.02s}
@keyframes rise{
  from{opacity:0;transform:translateY(22px)}
  to  {opacity:1;transform:none}
}

/* ═════════ RESPONSIVE ═════════ */
@media (max-width: 1100px){
  .fgrid{grid-template-columns:repeat(2, 1fr)}
  .fcard--feat{grid-column:span 2}
  .tests{grid-template-columns:repeat(2, 1fr)}
  .test--feat{grid-column:span 2}
}
@media (max-width: 960px){
  .split{grid-template-columns:1fr;gap:40px}
  .split--reverse .media{order:0}
  .media__frame{aspect-ratio:5/4}
  .steps,.join{grid-template-columns:1fr;gap:12px}
  .step,.join li{padding:30px 28px}
  .bento{grid-template-columns:1fr}
  .bento__card,.bento__card--wide{grid-column:span 1}
  /* Let card height follow content on mobile and use a uniform ~50px gap
     between number and title across all three cards (override the
     margin-bottom:auto trick that distributes leftover space unevenly). */
  .bento__card{min-height:auto;padding:32px 28px 26px}
  .bento__head{margin-bottom:0}
  .bento__title,
  .bento__split-text .bento__title{margin-top:42px}
  .bento__title{font-size:26px}
  .tband__grid,.tband__grid--areas{
    grid-template-columns:1fr;
    grid-template-areas:none;
    gap:12px;
  }
  .a-rahim,.a-jelena,.a-milan,.a-raphael,.a-julia,.a-dean{grid-area:auto}
  .tcard__inner--wide{padding:24px}
  .tcard{min-height:auto}
  .tcard--tall{flex:1}
  .ctab{height:auto}
  /* On mobile, .band already provides 48px vertical padding — don't double up.
     Keep inner/left at 0 so total spacing matches the other sections. */
  .ctab__inner{grid-template-columns:1fr;gap:0;padding:0}
  .ctab__left{padding:0}
  .ctab__title{font-size:38px}
  .ctab__right{height:200px}
  .marquee-item{font-size:42px}
  .hero__title{font-size:46px}
  .d-xxl{font-size:46px}
  .d-xl{font-size:40px}
  .d-lg{font-size:32px}
}
@media (max-width: 720px){
  body{font-size:15px}
  .band{padding:48px 0}
  .fgrid{grid-template-columns:1fr}
  .fcard,.fcard--feat{grid-column:span 1}
  .tests{grid-template-columns:1fr}
  .test--feat{grid-column:span 1}
  .hero__title{font-size:34px;white-space:normal;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
  .hero__eyebrow{margin-bottom:10px}
  .hero__copy{margin-bottom:10px}
  .hero__lede{font-size:14px;line-height:1.5}
  .hero .countdown--light .cd__sep{font-size:14px}
  .d-xxl{font-size:34px}
  .d-xl{font-size:30px}
  .d-lg{font-size:26px}
  .d-md{font-size:22px}
  .d-sm{font-size:19px}
  .countdown{
    padding:10px 14px;gap:4px;
  }
  .cd__cell{min-width:46px;padding:0 4px}
  .cd__num{font-size:22px}
  .cd__lbl{font-size:9px;letter-spacing:.10em;margin-top:4px}
  .cd__sep{font-size:18px;margin-top:-8px}
  .hero__content{padding-top:16px;padding-bottom:0;justify-content:flex-end;flex:0 1 auto}
  .hero__features{
    position:static;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:0 24px 24px;
    margin-top:35px;
  }
  .hero__features li{
    font-size:12px;
    padding:9px 12px 9px 9px;
    white-space:normal;
    line-height:1.25;
    width:auto;
  }
  .hero__features li.is-wide{grid-column:1 / -1}
  .hero__features .check{width:16px;height:16px;flex-basis:16px}
  .hero__features .check svg{width:10px;height:10px}
  .pull{font-size:20px;padding-left:16px}
  .faq summary{padding-right:40px}
  .faq__body{padding-right:0}
  .badges{grid-template-columns:1fr 1fr;gap:12px 24px}
  .pain{grid-template-columns:1fr}
  .imagine li{font-size:19px}
  .live{padding:4px 11px;gap:8px}
  .live__label{font-size:10px;letter-spacing:0.12em}
  .live__sep{height:10px}
  .live__meta{font-size:11px}
}
@media (max-width: 480px){
  .badges{grid-template-columns:1fr}
  .btn{width:100%;justify-content:center}
  .hero__cta .btn{max-width:340px}
  .footer__row{flex-direction:column;align-items:center;text-align:center}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
  .reveal{opacity:1;transform:none}
}

/* ═════════ REALITY SHOWCASE ═════════ */
.reality{
  width:min(880px, 100%);
  margin:0 auto;
  text-align:center;
}
.reality__head{margin:0 0 40px;text-align:center}
.reality__head .eyebrow{margin-bottom:14px}
.reality__head h2{text-align:center}
.reality__lede{
  font-size:17px;line-height:1.55;color:var(--body);
  margin:0 auto 12px;max-width:760px;
  text-align:center;
}

/* — visualization card on water — */
.rviz{
  position:relative;
  margin:0 0 36px;
  padding:64px 56px;
  border-radius:0;
  overflow:hidden;
  isolation:isolate;
  background-image:url("assets/P1.webp");
  background-size:cover;background-position:center;
  min-height:460px;
  display:flex;align-items:center;justify-content:center;
  clip-path:polygon(
    0.0px 45.0px,
    0.21px 42.85px,
    0.84px 40.79px,
    1.85px 38.89px,
    3.22px 37.22px,
    4.89px 35.85px,
    6.79px 34.84px,
    8.85px 34.21px,
    11.0px 34.0px,
    23px 34px,
    23.0px 34.0px,
    25.15px 33.79px,
    27.21px 33.16px,
    29.11px 32.15px,
    30.78px 30.78px,
    32.15px 29.11px,
    33.16px 27.21px,
    33.79px 25.15px,
    34.0px 23.0px,
    34px 11px,
    34.0px 11.0px,
    34.21px 8.85px,
    34.84px 6.79px,
    35.85px 4.89px,
    37.22px 3.22px,
    38.89px 1.85px,
    40.79px 0.84px,
    42.85px 0.21px,
    45.0px 0.0px,
    calc(100% - 45.0px) 0.0px,
    calc(100% - 42.85px) 0.21px,
    calc(100% - 40.79px) 0.84px,
    calc(100% - 38.89px) 1.85px,
    calc(100% - 37.22px) 3.22px,
    calc(100% - 35.85px) 4.89px,
    calc(100% - 34.84px) 6.79px,
    calc(100% - 34.21px) 8.85px,
    calc(100% - 34.0px) 11.0px,
    calc(100% - 34px) 11px,
    calc(100% - 34.0px) 23.0px,
    calc(100% - 33.79px) 25.15px,
    calc(100% - 33.16px) 27.21px,
    calc(100% - 32.15px) 29.11px,
    calc(100% - 30.78px) 30.78px,
    calc(100% - 29.11px) 32.15px,
    calc(100% - 27.21px) 33.16px,
    calc(100% - 25.15px) 33.79px,
    calc(100% - 23.0px) 34.0px,
    calc(100% - 23px) 34px,
    calc(100% - 11.0px) 34.0px,
    calc(100% - 8.85px) 34.21px,
    calc(100% - 6.79px) 34.84px,
    calc(100% - 4.89px) 35.85px,
    calc(100% - 3.22px) 37.22px,
    calc(100% - 1.85px) 38.89px,
    calc(100% - 0.84px) 40.79px,
    calc(100% - 0.21px) 42.85px,
    calc(100% - 0.0px) 45.0px,
    calc(100% - 0.0px) calc(100% - 45.0px),
    calc(100% - 0.21px) calc(100% - 42.85px),
    calc(100% - 0.84px) calc(100% - 40.79px),
    calc(100% - 1.85px) calc(100% - 38.89px),
    calc(100% - 3.22px) calc(100% - 37.22px),
    calc(100% - 4.89px) calc(100% - 35.85px),
    calc(100% - 6.79px) calc(100% - 34.84px),
    calc(100% - 8.85px) calc(100% - 34.21px),
    calc(100% - 11.0px) calc(100% - 34.0px),
    calc(100% - 23px) calc(100% - 34px),
    calc(100% - 23.0px) calc(100% - 34.0px),
    calc(100% - 25.15px) calc(100% - 33.79px),
    calc(100% - 27.21px) calc(100% - 33.16px),
    calc(100% - 29.11px) calc(100% - 32.15px),
    calc(100% - 30.78px) calc(100% - 30.78px),
    calc(100% - 32.15px) calc(100% - 29.11px),
    calc(100% - 33.16px) calc(100% - 27.21px),
    calc(100% - 33.79px) calc(100% - 25.15px),
    calc(100% - 34.0px) calc(100% - 23.0px),
    calc(100% - 34px) calc(100% - 11px),
    calc(100% - 34.0px) calc(100% - 11.0px),
    calc(100% - 34.21px) calc(100% - 8.85px),
    calc(100% - 34.84px) calc(100% - 6.79px),
    calc(100% - 35.85px) calc(100% - 4.89px),
    calc(100% - 37.22px) calc(100% - 3.22px),
    calc(100% - 38.89px) calc(100% - 1.85px),
    calc(100% - 40.79px) calc(100% - 0.84px),
    calc(100% - 42.85px) calc(100% - 0.21px),
    calc(100% - 45.0px) calc(100% - 0.0px),
    45.0px calc(100% - 0.0px),
    42.85px calc(100% - 0.21px),
    40.79px calc(100% - 0.84px),
    38.89px calc(100% - 1.85px),
    37.22px calc(100% - 3.22px),
    35.85px calc(100% - 4.89px),
    34.84px calc(100% - 6.79px),
    34.21px calc(100% - 8.85px),
    34.0px calc(100% - 11.0px),
    34px calc(100% - 11px),
    34.0px calc(100% - 23.0px),
    33.79px calc(100% - 25.15px),
    33.16px calc(100% - 27.21px),
    32.15px calc(100% - 29.11px),
    30.78px calc(100% - 30.78px),
    29.11px calc(100% - 32.15px),
    27.21px calc(100% - 33.16px),
    25.15px calc(100% - 33.79px),
    23.0px calc(100% - 34.0px),
    23px calc(100% - 34px),
    11.0px calc(100% - 34.0px),
    8.85px calc(100% - 34.21px),
    6.79px calc(100% - 34.84px),
    4.89px calc(100% - 35.85px),
    3.22px calc(100% - 37.22px),
    1.85px calc(100% - 38.89px),
    0.84px calc(100% - 40.79px),
    0.21px calc(100% - 42.85px),
    0.0px calc(100% - 45.0px)
  );
}
@media (max-width:720px){
  .rviz{
    padding:32px 22px;min-height:380px;
    clip-path:polygon(
      0.0px 30.0px,
      0.15px 28.44px,
      0.61px 26.94px,
      1.35px 25.56px,
      2.34px 24.34px,
      3.56px 23.35px,
      4.94px 22.61px,
      6.44px 22.15px,
      8.0px 22.0px,
      14px 22px,
      14.0px 22.0px,
      15.56px 21.85px,
      17.06px 21.39px,
      18.44px 20.65px,
      19.66px 19.66px,
      20.65px 18.44px,
      21.39px 17.06px,
      21.85px 15.56px,
      22.0px 14.0px,
      22px 8px,
      22.0px 8.0px,
      22.15px 6.44px,
      22.61px 4.94px,
      23.35px 3.56px,
      24.34px 2.34px,
      25.56px 1.35px,
      26.94px 0.61px,
      28.44px 0.15px,
      30.0px 0.0px,
      calc(100% - 30.0px) 0.0px,
      calc(100% - 28.44px) 0.15px,
      calc(100% - 26.94px) 0.61px,
      calc(100% - 25.56px) 1.35px,
      calc(100% - 24.34px) 2.34px,
      calc(100% - 23.35px) 3.56px,
      calc(100% - 22.61px) 4.94px,
      calc(100% - 22.15px) 6.44px,
      calc(100% - 22.0px) 8.0px,
      calc(100% - 22px) 8px,
      calc(100% - 22.0px) 14.0px,
      calc(100% - 21.85px) 15.56px,
      calc(100% - 21.39px) 17.06px,
      calc(100% - 20.65px) 18.44px,
      calc(100% - 19.66px) 19.66px,
      calc(100% - 18.44px) 20.65px,
      calc(100% - 17.06px) 21.39px,
      calc(100% - 15.56px) 21.85px,
      calc(100% - 14.0px) 22.0px,
      calc(100% - 14px) 22px,
      calc(100% - 8.0px) 22.0px,
      calc(100% - 6.44px) 22.15px,
      calc(100% - 4.94px) 22.61px,
      calc(100% - 3.56px) 23.35px,
      calc(100% - 2.34px) 24.34px,
      calc(100% - 1.35px) 25.56px,
      calc(100% - 0.61px) 26.94px,
      calc(100% - 0.15px) 28.44px,
      calc(100% - 0.0px) 30.0px,
      calc(100% - 0.0px) calc(100% - 30.0px),
      calc(100% - 0.15px) calc(100% - 28.44px),
      calc(100% - 0.61px) calc(100% - 26.94px),
      calc(100% - 1.35px) calc(100% - 25.56px),
      calc(100% - 2.34px) calc(100% - 24.34px),
      calc(100% - 3.56px) calc(100% - 23.35px),
      calc(100% - 4.94px) calc(100% - 22.61px),
      calc(100% - 6.44px) calc(100% - 22.15px),
      calc(100% - 8.0px) calc(100% - 22.0px),
      calc(100% - 14px) calc(100% - 22px),
      calc(100% - 14.0px) calc(100% - 22.0px),
      calc(100% - 15.56px) calc(100% - 21.85px),
      calc(100% - 17.06px) calc(100% - 21.39px),
      calc(100% - 18.44px) calc(100% - 20.65px),
      calc(100% - 19.66px) calc(100% - 19.66px),
      calc(100% - 20.65px) calc(100% - 18.44px),
      calc(100% - 21.39px) calc(100% - 17.06px),
      calc(100% - 21.85px) calc(100% - 15.56px),
      calc(100% - 22.0px) calc(100% - 14.0px),
      calc(100% - 22px) calc(100% - 8px),
      calc(100% - 22.0px) calc(100% - 8.0px),
      calc(100% - 22.15px) calc(100% - 6.44px),
      calc(100% - 22.61px) calc(100% - 4.94px),
      calc(100% - 23.35px) calc(100% - 3.56px),
      calc(100% - 24.34px) calc(100% - 2.34px),
      calc(100% - 25.56px) calc(100% - 1.35px),
      calc(100% - 26.94px) calc(100% - 0.61px),
      calc(100% - 28.44px) calc(100% - 0.15px),
      calc(100% - 30.0px) calc(100% - 0.0px),
      30.0px calc(100% - 0.0px),
      28.44px calc(100% - 0.15px),
      26.94px calc(100% - 0.61px),
      25.56px calc(100% - 1.35px),
      24.34px calc(100% - 2.34px),
      23.35px calc(100% - 3.56px),
      22.61px calc(100% - 4.94px),
      22.15px calc(100% - 6.44px),
      22.0px calc(100% - 8.0px),
      22px calc(100% - 8px),
      22.0px calc(100% - 14.0px),
      21.85px calc(100% - 15.56px),
      21.39px calc(100% - 17.06px),
      20.65px calc(100% - 18.44px),
      19.66px calc(100% - 19.66px),
      18.44px calc(100% - 20.65px),
      17.06px calc(100% - 21.39px),
      15.56px calc(100% - 21.85px),
      14.0px calc(100% - 22.0px),
      14px calc(100% - 22px),
      8.0px calc(100% - 22.0px),
      6.44px calc(100% - 22.15px),
      4.94px calc(100% - 22.61px),
      3.56px calc(100% - 23.35px),
      2.34px calc(100% - 24.34px),
      1.35px calc(100% - 25.56px),
      0.61px calc(100% - 26.94px),
      0.15px calc(100% - 28.44px),
      0.0px calc(100% - 30.0px)
    );
  }
}
.rviz::before{display:none}
.rviz > *{position:relative;z-index:1}

.rviz__inner{
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(255,255,255,0.6);
  border-radius:14px;
  padding:32px 36px;
  max-width:680px;
  width:100%;
  text-align:center;
  box-shadow:none;
}

.rviz__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin-bottom:16px;
}
.rviz__eyebrow{
  font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--mute);font-weight:500;margin:0 0 4px;
}
.rviz__title{
  font-size:15px;font-weight:600;color:var(--ink);
  letter-spacing:-0.01em;margin:0;
}
.rviz__legend{
  display:flex;align-items:center;gap:8px;
  font-size:12px;color:var(--body-mid);
}
.rviz__legend > span:not(.rviz__dot){margin-right:6px}
.rviz__dot{width:7px;height:7px;border-radius:5px;display:inline-block}
.rviz__dot--soft{background:var(--sand)}
.rviz__dot--hit{background:var(--terracotta)}

.rviz__chart{
  display:grid;grid-template-columns:repeat(12,1fr);gap:6px;
  align-items:end;
  height:120px;padding:0 2px;
  border-bottom:1px solid var(--hairline);
}
.rviz__bar{
  position:relative;
  height:var(--h);
  background:linear-gradient(180deg, var(--sand), #c9b988);
  border-radius:5px;
  transition:height .6s cubic-bezier(.2,.7,.2,1);
}
.rviz__bar b{
  position:absolute;left:50%;top:-18px;transform:translateX(-50%);
  font-size:10.5px;font-weight:600;color:var(--body-mid);
  white-space:nowrap;letter-spacing:-0.01em;
}
.rviz__bar--hit{
  background:linear-gradient(180deg, var(--terracotta), var(--terracotta-deep));
  box-shadow:0 6px 14px rgba(216,84,58,0.25);
}
.rviz__bar--hit b{color:var(--terracotta-deep)}

.rviz__axis{
  display:grid;grid-template-columns:repeat(12,1fr);gap:6px;
  margin-top:8px;padding:0 2px;
}
.rviz__axis span{
  text-align:center;font-size:10.5px;color:var(--mute);
  letter-spacing:0.02em;
}

.rviz__tiles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-top:16px;padding-top:14px;
  border-top:1px solid var(--hairline);
}
.rviz__tile-val{
  font-family:var(--sans);
  font-size:19px;font-weight:600;color:var(--ink);
  letter-spacing:-0.015em;margin:0 0 2px;
}
.rviz__tile-lbl{
  font-size:12px;color:var(--body-mid);margin:0;line-height:1.4;
}

/* — chips list — */
.reality__intro{
  font-size:13px;letter-spacing:0.02em;
  margin:0 0 14px;color:var(--mute);
}
.reality__chips{
  list-style:none;padding:0;margin:0 auto 26px;
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
.reality__chips li{
  position:relative;
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:5px;
  padding:9px 16px 9px 32px;
  font-size:15px;font-weight:500;color:var(--ink);
  letter-spacing:-0.005em;
}
.reality__chips li::before{
  content:"";position:absolute;left:14px;top:50%;
  width:10px;height:5px;margin-top:-4px;
  border-left:2px solid var(--terracotta);
  border-bottom:2px solid var(--terracotta);
  transform:rotate(-45deg);
}
.reality__outro{
  font-family:var(--serif);
  font-size:22px;line-height:1.4;color:var(--ink);
  letter-spacing:-0.01em;margin:0 auto;
  max-width:720px;
}

@media (max-width: 720px){
  .rviz{padding:18px}
  .rviz__inner{padding:16px}
  .rviz__chart{height:96px;gap:4px}
  .rviz__axis{gap:4px}
  .rviz__axis span{font-size:9.5px}
  .rviz__tiles{grid-template-columns:1fr;gap:10px}
  .rviz__head{flex-direction:column;gap:8px}
  .reality__outro{font-size:19px}
}

/* ═════════ PROBLEM BENTO ═════════ */
.band--white{background:#fff}
.problem{width:min(1080px,100%);margin:0 auto}
.problem__head{margin:0 0 36px;max-width:760px}
.problem__head .eyebrow{margin-bottom:14px}
.problem__head h2{margin:0}

.problem__bento{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  margin:0 0 36px;
}
.pcard{
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:14px;
  padding:22px;
  display:flex;flex-direction:column;
  grid-column:span 2;
  min-height:280px;
  position:relative;overflow:hidden;
}
.pcard--wide{grid-column:span 3}
@media (min-width: 961px){
  /* On desktop the wide split cards have lots of empty space — trim it. */
  .pcard--wide{min-height:220px}
}
.pcard__body{
  font-size:17px;line-height:1.5;color:var(--body);
  margin:0;letter-spacing:-0.005em;
}
.pcard__body em{font-size:1em;line-height:inherit}
.pcard__note{
  font-size:13px;color:var(--mute);margin:8px 0 0;line-height:1.45;
}

/* art region — fixed height so text in top-row cards lines up horizontally */
.pcard__art{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  position:relative;margin-bottom:14px;height:96px;min-height:96px;
}

/* A: minimal stacked request bars */
.pcard__art--stack{
  flex-direction:column;align-items:stretch;justify-content:center;
  gap:6px;padding:4px 12px;
}
.pstack__row{
  display:block;height:6px;border-radius:3px;
  background:transparent;
  border:1px solid var(--hairline);
  width:100%;
}
.pstack__row--on{
  background:var(--terracotta);
  border-color:var(--terracotta);
  width:42%;
}
.pstack__row:nth-child(2){width:88%}
.pstack__row:nth-child(3){width:76%}
.pstack__row:nth-child(4){width:82%}
.pstack__row:nth-child(5){width:70%}

/* B: ring icon (concentric) */
.pcard__art--ring{padding:4px 0}
.pcard__ring{
  width:84px;height:84px;border-radius:999px;
  border:1px solid var(--hairline);
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.pcard__ring::before{
  content:"";position:absolute;inset:-7px;border-radius:999px;
  border:1px solid var(--hairline-2);
}
.pcard__ring-inner{
  width:60px;height:60px;border-radius:999px;
  background:var(--canvas);
  display:flex;align-items:center;justify-content:center;
  color:var(--terracotta-deep);
}
.pcard__ring-num{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:24px;
  letter-spacing:-0.02em;
  color:var(--terracotta-deep);
  line-height:1;
}
.pcard__ring-num i{
  font-style:italic;
  font-size:0.7em;
  margin-left:1px;
  opacity:0.85;
}

/* C: sparkline */
.pcard__art--spark{
  flex-direction:column;align-items:stretch;justify-content:space-between;
  padding:4px 0 0;
}
.pcard__chip{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--bg-soft);border:1px solid var(--hairline);
  border-radius:999px;padding:5px 10px;
  font-size:11.5px;font-weight:500;color:var(--ink);
  letter-spacing:-0.005em;
}
.pcard__chip svg{color:var(--terracotta-deep)}
.pcard__spark{width:100%;height:62px;margin-top:auto}

/* D & E: split layouts */
.pcard__split{
  display:grid;grid-template-columns:1fr 0.9fr;
  gap:18px;height:100%;align-items:stretch;
}
.pcard__split-body{
  display:flex;flex-direction:column;justify-content:space-between;
  gap:18px;
}
.pcard__icon{
  width:36px;height:36px;border-radius:999px;
  border:1px solid var(--hairline);
  display:flex;align-items:center;justify-content:center;
  color:var(--terracotta-deep);
  position:relative;
}
.pcard__icon svg{width:16px;height:16px}
.pcard__icon::before{
  content:"";position:absolute;inset:-5px;border-radius:999px;
  border:1px solid var(--hairline-2);
}

/* D crossed list */
.pcard__crossed{
  list-style:none;padding:0;margin:0;
  align-self:center;
  display:flex;flex-direction:column;gap:10px;
}
.pcard__crossed li{
  background:var(--canvas);border:1px solid var(--hairline);
  border-radius:7px;padding:6px 10px;
  font-size:12.5px;color:var(--mute);
  letter-spacing:-0.005em;
}
.pcard__strike{position:relative;display:inline-block}
.pcard__strike::after{
  content:"";position:absolute;left:-2px;right:-2px;top:50%;
  height:1.5px;background:var(--terracotta);
  transform:translateY(-50%) rotate(-3deg);
}

/* E people chips */
.pcard__people{
  position:relative;align-self:stretch;
  display:flex;flex-direction:column;justify-content:center;gap:14px;
  padding:0 4px;
}
.pcard__people::before{display:none}
.pchip{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--hairline);
  border-radius:8px;padding:5px 10px;
  font-size:12.5px;color:var(--ink);
  box-shadow:0 1px 2px rgba(21,23,28,0.04);
  width:fit-content;
}
.pchip--r{margin-left:auto;margin-right:8px}
.pchip--l{margin-left:8px}
.pchip__av{
  width:22px;height:22px;border-radius:999px;
  background:var(--sand) center/cover no-repeat;
  border:2px solid #fff;box-shadow:0 0 0 1px var(--hairline);
}
.pchip__av--1{background-image:url("https://avatars.githubusercontent.com/u/47919550?v=4")}
.pchip__av--2{background-image:url("https://avatars.githubusercontent.com/u/31113941?v=4")}
.pchip__av--3{background-image:url("https://avatars.githubusercontent.com/u/68236786?v=4")}

/* cta */
.problem .cta-row{align-items:flex-start;margin-top:8px}
.problem .cta-row__meta{color:var(--body-mid)}

@media (max-width: 960px){
  .problem__bento{grid-template-columns:repeat(2,1fr)}
  .pcard{grid-column:span 1;min-height:0}
  .pcard--wide{grid-column:span 2}
  .pcard--a{grid-column:span 2}
}
@media (max-width: 560px){
  .problem__bento{grid-template-columns:1fr}
  .pcard,.pcard--wide,.pcard--a{grid-column:span 1}
  .pcard__split{grid-template-columns:1fr;gap:20px}
  .pcard__people::before{display:none}
  .pchip--r,.pchip--l{margin:0}
}

/* ═════════ PROBLEM BENTO — tweaks ═════════ */
.problem__head--center{margin-left:auto;margin-right:auto;text-align:center}
.problem__head--center .eyebrow{justify-content:center}

.problem .cta-row--center{
  align-items:center;text-align:center;
  margin-left:auto;margin-right:auto;width:fit-content;
}

/* 5px radii overrides */
.problem .pcard{border-radius:4px;overflow:visible}
.problem .pcard__crossed li{border-radius:5px}
.problem .pchip{border-radius:5px}
.problem .btn{border-radius:5px}

/* corner brackets — flush to each card's corner */
.pcorner{
  position:absolute;width:18px;height:18px;
  pointer-events:none;z-index:2;
  border:1.5px solid var(--terracotta);
  box-sizing:border-box;
}
.pcorner--tl{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:4px}
.pcorner--tr{top:-1px;right:-1px;border-left:0;border-bottom:0;border-top-right-radius:4px}
.pcorner--bl{bottom:-1px;left:-1px;border-right:0;border-top:0;border-bottom-left-radius:4px}
.pcorner--br{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:4px}

/* ═════════ MARKTDYNAMIK / GLOBE ═════════ */
.mdyn{
  width:min(1080px, 100%);margin:0 auto;
  position:relative;
  padding:1px;            /* reveals the ::before stroke as a 1px outline */
}
.mdyn::before{
  content:"";
  position:absolute;inset:0;
  background:var(--hairline);
  pointer-events:none;
  clip-path:polygon(
    0.0px 37.0px,
    0.17px 35.24px,
    0.69px 33.56px,
    1.52px 32.0px,
    2.64px 30.64px,
    4.0px 29.52px,
    5.56px 28.69px,
    7.24px 28.17px,
    9.0px 28.0px,
    19px 28px,
    19.0px 28.0px,
    20.76px 27.83px,
    22.44px 27.31px,
    24.0px 26.48px,
    25.36px 25.36px,
    26.48px 24.0px,
    27.31px 22.44px,
    27.83px 20.76px,
    28.0px 19.0px,
    28px 9px,
    28.0px 9.0px,
    28.17px 7.24px,
    28.69px 5.56px,
    29.52px 4.0px,
    30.64px 2.64px,
    32.0px 1.52px,
    33.56px 0.69px,
    35.24px 0.17px,
    37.0px 0.0px,
    calc(100% - 37.0px) 0.0px,
    calc(100% - 35.24px) 0.17px,
    calc(100% - 33.56px) 0.69px,
    calc(100% - 32.0px) 1.52px,
    calc(100% - 30.64px) 2.64px,
    calc(100% - 29.52px) 4.0px,
    calc(100% - 28.69px) 5.56px,
    calc(100% - 28.17px) 7.24px,
    calc(100% - 28.0px) 9.0px,
    calc(100% - 28px) 9px,
    calc(100% - 28.0px) 19.0px,
    calc(100% - 27.83px) 20.76px,
    calc(100% - 27.31px) 22.44px,
    calc(100% - 26.48px) 24.0px,
    calc(100% - 25.36px) 25.36px,
    calc(100% - 24.0px) 26.48px,
    calc(100% - 22.44px) 27.31px,
    calc(100% - 20.76px) 27.83px,
    calc(100% - 19.0px) 28.0px,
    calc(100% - 19px) 28px,
    calc(100% - 9.0px) 28.0px,
    calc(100% - 7.24px) 28.17px,
    calc(100% - 5.56px) 28.69px,
    calc(100% - 4.0px) 29.52px,
    calc(100% - 2.64px) 30.64px,
    calc(100% - 1.52px) 32.0px,
    calc(100% - 0.69px) 33.56px,
    calc(100% - 0.17px) 35.24px,
    calc(100% - 0.0px) 37.0px,
    calc(100% - 0.0px) calc(100% - 37.0px),
    calc(100% - 0.17px) calc(100% - 35.24px),
    calc(100% - 0.69px) calc(100% - 33.56px),
    calc(100% - 1.52px) calc(100% - 32.0px),
    calc(100% - 2.64px) calc(100% - 30.64px),
    calc(100% - 4.0px) calc(100% - 29.52px),
    calc(100% - 5.56px) calc(100% - 28.69px),
    calc(100% - 7.24px) calc(100% - 28.17px),
    calc(100% - 9.0px) calc(100% - 28.0px),
    calc(100% - 19px) calc(100% - 28px),
    calc(100% - 19.0px) calc(100% - 28.0px),
    calc(100% - 20.76px) calc(100% - 27.83px),
    calc(100% - 22.44px) calc(100% - 27.31px),
    calc(100% - 24.0px) calc(100% - 26.48px),
    calc(100% - 25.36px) calc(100% - 25.36px),
    calc(100% - 26.48px) calc(100% - 24.0px),
    calc(100% - 27.31px) calc(100% - 22.44px),
    calc(100% - 27.83px) calc(100% - 20.76px),
    calc(100% - 28.0px) calc(100% - 19.0px),
    calc(100% - 28px) calc(100% - 9px),
    calc(100% - 28.0px) calc(100% - 9.0px),
    calc(100% - 28.17px) calc(100% - 7.24px),
    calc(100% - 28.69px) calc(100% - 5.56px),
    calc(100% - 29.52px) calc(100% - 4.0px),
    calc(100% - 30.64px) calc(100% - 2.64px),
    calc(100% - 32.0px) calc(100% - 1.52px),
    calc(100% - 33.56px) calc(100% - 0.69px),
    calc(100% - 35.24px) calc(100% - 0.17px),
    calc(100% - 37.0px) calc(100% - 0.0px),
    37.0px calc(100% - 0.0px),
    35.24px calc(100% - 0.17px),
    33.56px calc(100% - 0.69px),
    32.0px calc(100% - 1.52px),
    30.64px calc(100% - 2.64px),
    29.52px calc(100% - 4.0px),
    28.69px calc(100% - 5.56px),
    28.17px calc(100% - 7.24px),
    28.0px calc(100% - 9.0px),
    28px calc(100% - 9px),
    28.0px calc(100% - 19.0px),
    27.83px calc(100% - 20.76px),
    27.31px calc(100% - 22.44px),
    26.48px calc(100% - 24.0px),
    25.36px calc(100% - 25.36px),
    24.0px calc(100% - 26.48px),
    22.44px calc(100% - 27.31px),
    20.76px calc(100% - 27.83px),
    19.0px calc(100% - 28.0px),
    19px calc(100% - 28px),
    9.0px calc(100% - 28.0px),
    7.24px calc(100% - 28.17px),
    5.56px calc(100% - 28.69px),
    4.0px calc(100% - 29.52px),
    2.64px calc(100% - 30.64px),
    1.52px calc(100% - 32.0px),
    0.69px calc(100% - 33.56px),
    0.17px calc(100% - 35.24px),
    0.0px calc(100% - 37.0px)
  );
}
@media (max-width: 900px){
  .mdyn::before{
    clip-path:polygon(
      0.0px 25.0px,
      0.13px 23.63px,
      0.53px 22.32px,
      1.18px 21.11px,
      2.05px 20.05px,
      3.11px 19.18px,
      4.32px 18.53px,
      5.63px 18.13px,
      7.0px 18.0px,
      11px 18px,
      11.0px 18.0px,
      12.37px 17.87px,
      13.68px 17.47px,
      14.89px 16.82px,
      15.95px 15.95px,
      16.82px 14.89px,
      17.47px 13.68px,
      17.87px 12.37px,
      18.0px 11.0px,
      18px 7px,
      18.0px 7.0px,
      18.13px 5.63px,
      18.53px 4.32px,
      19.18px 3.11px,
      20.05px 2.05px,
      21.11px 1.18px,
      22.32px 0.53px,
      23.63px 0.13px,
      25.0px 0.0px,
      calc(100% - 25.0px) 0.0px,
      calc(100% - 23.63px) 0.13px,
      calc(100% - 22.32px) 0.53px,
      calc(100% - 21.11px) 1.18px,
      calc(100% - 20.05px) 2.05px,
      calc(100% - 19.18px) 3.11px,
      calc(100% - 18.53px) 4.32px,
      calc(100% - 18.13px) 5.63px,
      calc(100% - 18.0px) 7.0px,
      calc(100% - 18px) 7px,
      calc(100% - 18.0px) 11.0px,
      calc(100% - 17.87px) 12.37px,
      calc(100% - 17.47px) 13.68px,
      calc(100% - 16.82px) 14.89px,
      calc(100% - 15.95px) 15.95px,
      calc(100% - 14.89px) 16.82px,
      calc(100% - 13.68px) 17.47px,
      calc(100% - 12.37px) 17.87px,
      calc(100% - 11.0px) 18.0px,
      calc(100% - 11px) 18px,
      calc(100% - 7.0px) 18.0px,
      calc(100% - 5.63px) 18.13px,
      calc(100% - 4.32px) 18.53px,
      calc(100% - 3.11px) 19.18px,
      calc(100% - 2.05px) 20.05px,
      calc(100% - 1.18px) 21.11px,
      calc(100% - 0.53px) 22.32px,
      calc(100% - 0.13px) 23.63px,
      calc(100% - 0.0px) 25.0px,
      calc(100% - 0.0px) calc(100% - 25.0px),
      calc(100% - 0.13px) calc(100% - 23.63px),
      calc(100% - 0.53px) calc(100% - 22.32px),
      calc(100% - 1.18px) calc(100% - 21.11px),
      calc(100% - 2.05px) calc(100% - 20.05px),
      calc(100% - 3.11px) calc(100% - 19.18px),
      calc(100% - 4.32px) calc(100% - 18.53px),
      calc(100% - 5.63px) calc(100% - 18.13px),
      calc(100% - 7.0px) calc(100% - 18.0px),
      calc(100% - 11px) calc(100% - 18px),
      calc(100% - 11.0px) calc(100% - 18.0px),
      calc(100% - 12.37px) calc(100% - 17.87px),
      calc(100% - 13.68px) calc(100% - 17.47px),
      calc(100% - 14.89px) calc(100% - 16.82px),
      calc(100% - 15.95px) calc(100% - 15.95px),
      calc(100% - 16.82px) calc(100% - 14.89px),
      calc(100% - 17.47px) calc(100% - 13.68px),
      calc(100% - 17.87px) calc(100% - 12.37px),
      calc(100% - 18.0px) calc(100% - 11.0px),
      calc(100% - 18px) calc(100% - 7px),
      calc(100% - 18.0px) calc(100% - 7.0px),
      calc(100% - 18.13px) calc(100% - 5.63px),
      calc(100% - 18.53px) calc(100% - 4.32px),
      calc(100% - 19.18px) calc(100% - 3.11px),
      calc(100% - 20.05px) calc(100% - 2.05px),
      calc(100% - 21.11px) calc(100% - 1.18px),
      calc(100% - 22.32px) calc(100% - 0.53px),
      calc(100% - 23.63px) calc(100% - 0.13px),
      calc(100% - 25.0px) calc(100% - 0.0px),
      25.0px calc(100% - 0.0px),
      23.63px calc(100% - 0.13px),
      22.32px calc(100% - 0.53px),
      21.11px calc(100% - 1.18px),
      20.05px calc(100% - 2.05px),
      19.18px calc(100% - 3.11px),
      18.53px calc(100% - 4.32px),
      18.13px calc(100% - 5.63px),
      18.0px calc(100% - 7.0px),
      18px calc(100% - 7px),
      18.0px calc(100% - 11.0px),
      17.87px calc(100% - 12.37px),
      17.47px calc(100% - 13.68px),
      16.82px calc(100% - 14.89px),
      15.95px calc(100% - 15.95px),
      14.89px calc(100% - 16.82px),
      13.68px calc(100% - 17.47px),
      12.37px calc(100% - 17.87px),
      11.0px calc(100% - 18.0px),
      11px calc(100% - 18px),
      7.0px calc(100% - 18.0px),
      5.63px calc(100% - 18.13px),
      4.32px calc(100% - 18.53px),
      3.11px calc(100% - 19.18px),
      2.05px calc(100% - 20.05px),
      1.18px calc(100% - 21.11px),
      0.53px calc(100% - 22.32px),
      0.13px calc(100% - 23.63px),
      0.0px calc(100% - 25.0px)
    );
  }
}
.mdyn__card{
  position:relative;
  background:#fff;
  border:0;
  border-radius:0;
  overflow:hidden;
  display:grid;grid-template-columns:1.05fr 0.95fr;
  align-items:stretch;
  min-height:380px;
  clip-path:polygon(
    0.0px 37.0px,
    0.17px 35.24px,
    0.69px 33.56px,
    1.52px 32.0px,
    2.64px 30.64px,
    4.0px 29.52px,
    5.56px 28.69px,
    7.24px 28.17px,
    9.0px 28.0px,
    19px 28px,
    19.0px 28.0px,
    20.76px 27.83px,
    22.44px 27.31px,
    24.0px 26.48px,
    25.36px 25.36px,
    26.48px 24.0px,
    27.31px 22.44px,
    27.83px 20.76px,
    28.0px 19.0px,
    28px 9px,
    28.0px 9.0px,
    28.17px 7.24px,
    28.69px 5.56px,
    29.52px 4.0px,
    30.64px 2.64px,
    32.0px 1.52px,
    33.56px 0.69px,
    35.24px 0.17px,
    37.0px 0.0px,
    calc(100% - 37.0px) 0.0px,
    calc(100% - 35.24px) 0.17px,
    calc(100% - 33.56px) 0.69px,
    calc(100% - 32.0px) 1.52px,
    calc(100% - 30.64px) 2.64px,
    calc(100% - 29.52px) 4.0px,
    calc(100% - 28.69px) 5.56px,
    calc(100% - 28.17px) 7.24px,
    calc(100% - 28.0px) 9.0px,
    calc(100% - 28px) 9px,
    calc(100% - 28.0px) 19.0px,
    calc(100% - 27.83px) 20.76px,
    calc(100% - 27.31px) 22.44px,
    calc(100% - 26.48px) 24.0px,
    calc(100% - 25.36px) 25.36px,
    calc(100% - 24.0px) 26.48px,
    calc(100% - 22.44px) 27.31px,
    calc(100% - 20.76px) 27.83px,
    calc(100% - 19.0px) 28.0px,
    calc(100% - 19px) 28px,
    calc(100% - 9.0px) 28.0px,
    calc(100% - 7.24px) 28.17px,
    calc(100% - 5.56px) 28.69px,
    calc(100% - 4.0px) 29.52px,
    calc(100% - 2.64px) 30.64px,
    calc(100% - 1.52px) 32.0px,
    calc(100% - 0.69px) 33.56px,
    calc(100% - 0.17px) 35.24px,
    calc(100% - 0.0px) 37.0px,
    calc(100% - 0.0px) calc(100% - 37.0px),
    calc(100% - 0.17px) calc(100% - 35.24px),
    calc(100% - 0.69px) calc(100% - 33.56px),
    calc(100% - 1.52px) calc(100% - 32.0px),
    calc(100% - 2.64px) calc(100% - 30.64px),
    calc(100% - 4.0px) calc(100% - 29.52px),
    calc(100% - 5.56px) calc(100% - 28.69px),
    calc(100% - 7.24px) calc(100% - 28.17px),
    calc(100% - 9.0px) calc(100% - 28.0px),
    calc(100% - 19px) calc(100% - 28px),
    calc(100% - 19.0px) calc(100% - 28.0px),
    calc(100% - 20.76px) calc(100% - 27.83px),
    calc(100% - 22.44px) calc(100% - 27.31px),
    calc(100% - 24.0px) calc(100% - 26.48px),
    calc(100% - 25.36px) calc(100% - 25.36px),
    calc(100% - 26.48px) calc(100% - 24.0px),
    calc(100% - 27.31px) calc(100% - 22.44px),
    calc(100% - 27.83px) calc(100% - 20.76px),
    calc(100% - 28.0px) calc(100% - 19.0px),
    calc(100% - 28px) calc(100% - 9px),
    calc(100% - 28.0px) calc(100% - 9.0px),
    calc(100% - 28.17px) calc(100% - 7.24px),
    calc(100% - 28.69px) calc(100% - 5.56px),
    calc(100% - 29.52px) calc(100% - 4.0px),
    calc(100% - 30.64px) calc(100% - 2.64px),
    calc(100% - 32.0px) calc(100% - 1.52px),
    calc(100% - 33.56px) calc(100% - 0.69px),
    calc(100% - 35.24px) calc(100% - 0.17px),
    calc(100% - 37.0px) calc(100% - 0.0px),
    37.0px calc(100% - 0.0px),
    35.24px calc(100% - 0.17px),
    33.56px calc(100% - 0.69px),
    32.0px calc(100% - 1.52px),
    30.64px calc(100% - 2.64px),
    29.52px calc(100% - 4.0px),
    28.69px calc(100% - 5.56px),
    28.17px calc(100% - 7.24px),
    28.0px calc(100% - 9.0px),
    28px calc(100% - 9px),
    28.0px calc(100% - 19.0px),
    27.83px calc(100% - 20.76px),
    27.31px calc(100% - 22.44px),
    26.48px calc(100% - 24.0px),
    25.36px calc(100% - 25.36px),
    24.0px calc(100% - 26.48px),
    22.44px calc(100% - 27.31px),
    20.76px calc(100% - 27.83px),
    19.0px calc(100% - 28.0px),
    19px calc(100% - 28px),
    9.0px calc(100% - 28.0px),
    7.24px calc(100% - 28.17px),
    5.56px calc(100% - 28.69px),
    4.0px calc(100% - 29.52px),
    2.64px calc(100% - 30.64px),
    1.52px calc(100% - 32.0px),
    0.69px calc(100% - 33.56px),
    0.17px calc(100% - 35.24px),
    0.0px calc(100% - 37.0px)
  );
}
@media (max-width: 900px){
  .mdyn__card{
    clip-path:polygon(
      0.0px 25.0px,
      0.13px 23.63px,
      0.53px 22.32px,
      1.18px 21.11px,
      2.05px 20.05px,
      3.11px 19.18px,
      4.32px 18.53px,
      5.63px 18.13px,
      7.0px 18.0px,
      11px 18px,
      11.0px 18.0px,
      12.37px 17.87px,
      13.68px 17.47px,
      14.89px 16.82px,
      15.95px 15.95px,
      16.82px 14.89px,
      17.47px 13.68px,
      17.87px 12.37px,
      18.0px 11.0px,
      18px 7px,
      18.0px 7.0px,
      18.13px 5.63px,
      18.53px 4.32px,
      19.18px 3.11px,
      20.05px 2.05px,
      21.11px 1.18px,
      22.32px 0.53px,
      23.63px 0.13px,
      25.0px 0.0px,
      calc(100% - 25.0px) 0.0px,
      calc(100% - 23.63px) 0.13px,
      calc(100% - 22.32px) 0.53px,
      calc(100% - 21.11px) 1.18px,
      calc(100% - 20.05px) 2.05px,
      calc(100% - 19.18px) 3.11px,
      calc(100% - 18.53px) 4.32px,
      calc(100% - 18.13px) 5.63px,
      calc(100% - 18.0px) 7.0px,
      calc(100% - 18px) 7px,
      calc(100% - 18.0px) 11.0px,
      calc(100% - 17.87px) 12.37px,
      calc(100% - 17.47px) 13.68px,
      calc(100% - 16.82px) 14.89px,
      calc(100% - 15.95px) 15.95px,
      calc(100% - 14.89px) 16.82px,
      calc(100% - 13.68px) 17.47px,
      calc(100% - 12.37px) 17.87px,
      calc(100% - 11.0px) 18.0px,
      calc(100% - 11px) 18px,
      calc(100% - 7.0px) 18.0px,
      calc(100% - 5.63px) 18.13px,
      calc(100% - 4.32px) 18.53px,
      calc(100% - 3.11px) 19.18px,
      calc(100% - 2.05px) 20.05px,
      calc(100% - 1.18px) 21.11px,
      calc(100% - 0.53px) 22.32px,
      calc(100% - 0.13px) 23.63px,
      calc(100% - 0.0px) 25.0px,
      calc(100% - 0.0px) calc(100% - 25.0px),
      calc(100% - 0.13px) calc(100% - 23.63px),
      calc(100% - 0.53px) calc(100% - 22.32px),
      calc(100% - 1.18px) calc(100% - 21.11px),
      calc(100% - 2.05px) calc(100% - 20.05px),
      calc(100% - 3.11px) calc(100% - 19.18px),
      calc(100% - 4.32px) calc(100% - 18.53px),
      calc(100% - 5.63px) calc(100% - 18.13px),
      calc(100% - 7.0px) calc(100% - 18.0px),
      calc(100% - 11px) calc(100% - 18px),
      calc(100% - 11.0px) calc(100% - 18.0px),
      calc(100% - 12.37px) calc(100% - 17.87px),
      calc(100% - 13.68px) calc(100% - 17.47px),
      calc(100% - 14.89px) calc(100% - 16.82px),
      calc(100% - 15.95px) calc(100% - 15.95px),
      calc(100% - 16.82px) calc(100% - 14.89px),
      calc(100% - 17.47px) calc(100% - 13.68px),
      calc(100% - 17.87px) calc(100% - 12.37px),
      calc(100% - 18.0px) calc(100% - 11.0px),
      calc(100% - 18px) calc(100% - 7px),
      calc(100% - 18.0px) calc(100% - 7.0px),
      calc(100% - 18.13px) calc(100% - 5.63px),
      calc(100% - 18.53px) calc(100% - 4.32px),
      calc(100% - 19.18px) calc(100% - 3.11px),
      calc(100% - 20.05px) calc(100% - 2.05px),
      calc(100% - 21.11px) calc(100% - 1.18px),
      calc(100% - 22.32px) calc(100% - 0.53px),
      calc(100% - 23.63px) calc(100% - 0.13px),
      calc(100% - 25.0px) calc(100% - 0.0px),
      25.0px calc(100% - 0.0px),
      23.63px calc(100% - 0.13px),
      22.32px calc(100% - 0.53px),
      21.11px calc(100% - 1.18px),
      20.05px calc(100% - 2.05px),
      19.18px calc(100% - 3.11px),
      18.53px calc(100% - 4.32px),
      18.13px calc(100% - 5.63px),
      18.0px calc(100% - 7.0px),
      18px calc(100% - 7px),
      18.0px calc(100% - 11.0px),
      17.87px calc(100% - 12.37px),
      17.47px calc(100% - 13.68px),
      16.82px calc(100% - 14.89px),
      15.95px calc(100% - 15.95px),
      14.89px calc(100% - 16.82px),
      13.68px calc(100% - 17.47px),
      12.37px calc(100% - 17.87px),
      11.0px calc(100% - 18.0px),
      11px calc(100% - 18px),
      7.0px calc(100% - 18.0px),
      5.63px calc(100% - 18.13px),
      4.32px calc(100% - 18.53px),
      3.11px calc(100% - 19.18px),
      2.05px calc(100% - 20.05px),
      1.18px calc(100% - 21.11px),
      0.53px calc(100% - 22.32px),
      0.13px calc(100% - 23.63px),
      0.0px calc(100% - 25.0px)
    );
  }
}

.mdyn__body{
  padding:48px 44px;
  display:flex;flex-direction:column;justify-content:center;
  max-width:560px;
}
.mdyn__body .eyebrow{margin-bottom:14px}
.mdyn__body h2{margin:0 0 28px}

/* Intro header above the mdyn card (centered): title + two lede paragraphs */
.mdyn__intro{
  text-align:center;
  max-width:760px;
  margin:0 auto 36px;
}
.mdyn__intro h2{margin:0 0 20px}
.mdyn__intro-lede{
  font-size:17px;line-height:1.55;color:var(--body);
  margin:0 auto 12px;max-width:680px;
}
.mdyn__intro-lede:last-child{margin-bottom:0}

/* Sub-title centered above the card (smaller than the main intro h2) */
.mdyn__sub-title{
  text-align:center;
  max-width:760px;
  margin:0 auto 24px;
  font-family:var(--sans);
  font-weight:600;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-0.018em;
  color:var(--ink);
}
@media (min-width: 901px){
  /* Tighten spacing on desktop: pull closer to the lede above,
     add a touch more breathing room before the card below. */
  .mdyn__sub-title{margin-top:-12px;margin-bottom:32px}
}
@media (max-width: 900px){
  .mdyn__sub-title{font-size:26px}
}
@media (max-width: 720px){
  .mdyn__sub-title{font-size:24px;margin-bottom:18px}
}

.mdyn__list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}
.mdyn__list li{
  display:flex;align-items:center;gap:12px;
  background:#F3F4F7;
  border:1px solid #E7E9EE;
  border-radius:4px;
  padding:12px 14px;
}
.mdyn__list li p{
  margin:0;font-size:15.5px;line-height:1.4;color:var(--ink);
  font-weight:500;letter-spacing:-0.005em;
}
.mdyn__bullet{
  width:26px;height:26px;flex:none;border-radius:999px;
  background:rgba(216,84,58,0.10);color:var(--terracotta-deep);
  display:inline-flex;align-items:center;justify-content:center;
}

.mdyn__muted{
  font-size:14.5px;line-height:1.5;color:var(--body-mid);
  margin:0 0 18px;max-width:480px;
}
.mdyn__pull{
  margin:0;padding:14px 0 0;
  border-top:1px solid var(--hairline-2);
  font-family:var(--serif);
  font-size:21px;line-height:1.35;color:var(--ink);
  letter-spacing:-0.01em;
}
.mdyn__pull em{font-size:1em}

/* globe — sphere wrapper holds canvas + overlays in the SAME frame.
   Pings project to canvas.offsetWidth which equals sphere width. */
.mdyn__globe{
  position:relative;
  align-self:stretch;
  overflow:hidden;
  min-height:360px;
}
.mdyn__sphere{
  position:absolute;
  width:140%;
  aspect-ratio:1/1;
  right:-35%;
  bottom:-22%;
}
.mdyn__canvas{
  position:absolute;inset:0;
  width:100%;height:100%;
  opacity:0;transition:opacity .6s ease;
  contain:layout paint size;
}
/* overlay container — sits on top of the globe canvas */
.mdyn__overlay{
  position:absolute;inset:0;
  pointer-events:none;
}

/* single floating label that pops up at curated "on-continent" positions */
.mlabel{
  position:absolute;
  pointer-events:none;
  background:#15171C;
  color:#FFFCF6;
  border-radius:4px;
  padding:7px 12px;
  font-size:12px;
  font-weight:500;
  letter-spacing:-0.005em;
  white-space:nowrap;
  box-shadow:0 8px 22px rgba(21,23,28,0.22);
  opacity:0;
  transform:translate(-50%, -50%);
  will-change:opacity;
}
.mlabel.is-on{animation:mlblIn 3s ease-in-out forwards}
@keyframes mlblIn{
  0%   { opacity:0 }
  18%  { opacity:1 }
  82%  { opacity:1 }
  100% { opacity:0 }
}

@media (max-width: 900px){
  .mdyn__card{grid-template-columns:1fr;min-height:0}
  .mdyn__body{padding:32px 24px 0;max-width:none}
  .mdyn__globe{height:340px}
  .mdyn__sphere{width:120%;right:-10%;bottom:-25%}
}

/* ═════════ IMAGINE SPLIT (Stell dir vor) ═════════ */
.imagine{width:min(1180px,100%);margin:0 auto}
.imagine__head{max-width:780px;margin:0 auto 36px;text-align:center}
.imagine__head h2{margin:6px 0 18px}
.imagine__lede{font-size:17px;line-height:1.55;color:var(--body);margin:0 auto;max-width:720px}

.imagine__grid{
  display:grid;grid-template-columns:1.7fr 1fr;
  gap:18px;
}
.iccard{
  position:relative;
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:4px;
  overflow:hidden;
  min-height:360px;
  display:flex;flex-direction:column;
}

/* — left photo card — */
.iccard--photo{padding:0;border:0}
.iccard__photo{
  position:absolute;inset:0;
  background-image:
    linear-gradient(180deg, rgba(21,23,28,0.10) 0%, rgba(21,23,28,0.55) 100%),
    url("assets/P2.webp");
  background-size:cover;background-position:center;
}
.iccard__overlay--stat{
  position:absolute;left:24px;top:24px;right:24px;
  max-width:360px;
  background:rgba(21,23,28,0.28);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
  border:1px solid rgba(255,255,255,0.35);
  border-radius:4px;
  padding:18px 18px 16px;
  color:#fff;
}
.iccard__eyebrow{
  font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  margin:0 0 8px;color:rgba(255,255,255,0.85);font-weight:500;
}
.iccard__title{
  font-family:var(--sans);font-weight:600;
  font-size:18px;line-height:1.3;margin:0 0 12px;
  color:#fff;letter-spacing:-0.01em;
}
.iccard__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.iccard__bullets li{
  position:relative;padding-left:14px;
  font-family:var(--sans);font-style:normal;
  font-size:14px;font-weight:500;color:#fff;
  letter-spacing:-0.005em;line-height:1.4;
}
.iccard__bullets li::before{
  content:"";position:absolute;left:0;top:50%;
  width:6px;height:6px;border-radius:999px;background:var(--peach);
  transform:translateY(-50%);
}

.iccard__overlay--strip{
  position:absolute;left:24px;right:24px;bottom:24px;
  background-image:var(--orange-grad);
  background-blend-mode:multiply;
  color:#fff;border-radius:4px;
  padding:16px 18px;
  display:flex;align-items:center;gap:14px;
  box-shadow:0 14px 32px rgba(216,84,58,0.30);
}
.iccard__avs{display:flex;align-items:center}
.iccard__av{
  width:32px;height:32px;border-radius:999px;
  background:var(--sand) center/cover no-repeat;
  border:2px solid var(--terracotta);
  margin-left:-8px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:12px;font-weight:600;
}
.iccard__av:first-child{margin-left:0}
.iccard__av--1{background-image:url("assets/Jelena.jpg")}
.iccard__av--2{background-image:url("assets/Dean.jpg")}
.iccard__av--3{background-image:url("assets/Rahim.jpg")}
.iccard__av--more{background:rgba(255,255,255,0.18);font-size:14px}
.iccard__strip-text{
  margin:0;font-size:14.5px;font-weight:500;color:#fff;
  letter-spacing:-0.005em;line-height:1.35;
}

/* — right side card — */
.iccard--side{padding:0}
.iccard__topbar{
  background:var(--terracotta);
  padding:20px 20px 56px;
  position:relative;
}
.iccard__topbar::after{
  content:"";position:absolute;left:50%;bottom:-1px;
  width:80%;height:40px;background:#fff;
  border-top-left-radius:14px;border-top-right-radius:14px;
  transform:translateX(-50%);
}
.iccard__widget{
  position:relative;z-index:1;
  background:#fff;border-radius:12px;
  padding:16px 18px;
  box-shadow:0 14px 28px rgba(21,23,28,0.12);
  margin-bottom:-40px;
}
.iccard__widget-lbl{
  font-size:12px;color:var(--mute);margin:0 0 4px;
  letter-spacing:0.04em;text-transform:uppercase;font-weight:500;
}
.iccard__widget-val{
  font-family:var(--sans);font-weight:600;
  font-size:30px;letter-spacing:-0.02em;color:var(--ink);
  margin:0 0 14px;
}
.iccard__widget-val span{
  font-size:14px;font-weight:500;color:var(--body-mid);
  margin-left:6px;letter-spacing:-0.005em;
}
.iccard__widget-bars{
  display:flex;align-items:flex-end;gap:6px;height:52px;
}
.iccard__widget-bars span{
  flex:1;height:var(--h);
  background:rgba(216,84,58,0.18);border-radius:4px;
}
.iccard__widget-bars span.hit{background:var(--terracotta)}

.iccard__side-body{
  padding:54px 22px 22px;
  display:flex;flex-direction:column;flex:1;
}
.iccard__side-intro{margin:0 0 12px}
.iccard__nots{
  list-style:none;padding:0;margin:0 0 18px;
  display:flex;flex-direction:column;gap:6px;
}
.iccard__nots li{
  position:relative;padding-left:24px;
  font-size:15px;font-weight:500;color:var(--ink);
  letter-spacing:-0.005em;line-height:1.4;
}
.iccard__nots li::before{
  content:"";position:absolute;left:0;top:50%;
  width:14px;height:14px;border-radius:999px;margin-top:-7px;
  background:rgba(216,84,58,0.12);
}
.iccard__nots li::after{
  content:"";position:absolute;left:4px;top:50%;
  width:6px;height:2px;background:var(--terracotta);
  margin-top:-1px;border-radius:1px;
}
.iccard__side-pull{
  margin:auto 0 0;padding:14px 0 0;
  border-top:1px solid var(--hairline-2);
  font-family:var(--serif);font-size:18px;line-height:1.4;
  color:var(--ink);letter-spacing:-0.005em;
}
.iccard__side-pull em{font-family:var(--sans);font-style:normal;font-weight:600;font-size:1em;color:var(--terracotta);line-height:inherit}

@media (max-width: 960px){
  .imagine__grid{grid-template-columns:1fr;gap:14px}
  .iccard{min-height:0}
  .iccard--photo{min-height:460px}
}
@media (max-width: 520px){
  .iccard__overlay--stat{left:14px;right:14px;top:14px;padding:14px}
  .iccard__overlay--strip{left:12px;right:12px;bottom:12px;padding:12px;flex-wrap:wrap}
}

/* ── IFX — clean stats card replacing the gauge widget ── */
.iccard--side{padding:0;background:#FFFFFF}
.ifx{
  display:flex;flex-direction:column;
  height:100%;
  padding:20px;
  gap:12px;
}
.ifx__head{padding-bottom:4px}
.ifx__kicker{
  margin:0 0 8px;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--mute);
}
.ifx__title{
  margin:0;
  font-family:var(--sans);
  font-weight:600;
  font-size:17px;
  line-height:1.3;
  letter-spacing:-0.018em;
  color:var(--ink);
}
.ifx__title strong{
  font-weight:600;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.ifx__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ifx__stat{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:12px 14px;
  background:#FAF7F0;
  border:1px solid var(--hairline);
  border-radius:4px;
  min-height:62px;
}
.ifx__num{
  font-family:var(--sans);
  font-weight:700;
  font-size:24px;
  line-height:1;
  letter-spacing:-0.03em;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  margin-bottom:6px;
}
.ifx__lbl{
  font-size:12.5px;
  font-weight:500;
  color:var(--body-mid);
  letter-spacing:-0.005em;
  line-height:1.3;
}

.ifx__list{
  list-style:none;
  padding:0;margin:0;
  display:flex;flex-direction:column;gap:8px;
}
.ifx__list li{
  position:relative;padding-left:22px;
  font-family:var(--sans);font-style:normal;
  font-size:14.5px;
  font-weight:500;
  color:var(--ink);
  letter-spacing:-0.005em;
  line-height:1.4;
}
.ifx__list li::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:14px;height:14px;
  border-radius:50%;
  background-image:var(--orange-grad);
  transform:translateY(-50%);
}
.ifx__list li::after{
  content:"";
  position:absolute;
  left:4px;top:50%;
  width:6px;height:2px;
  background:#FFFCF6;
  margin-top:-1px;
  border-radius:1px;
}

.ifx__pull{
  margin:auto 0 0;
  padding:14px 16px;
  background:#15171C;
  color:#FFFCF6;
  border-radius:4px;
  font-family:var(--sans);
  font-size:14.5px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.005em;
}
.ifx__pull strong{
  font-weight:700;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

@media (max-width:520px){
  .ifx{padding:22px}
  .ifx__grid{grid-template-columns:1fr 1fr;gap:8px}
  .ifx__num{font-size:28px}
}

/* ═════════ FAQ — two-column masonry ═════════ */
.band--white{background:#fff}

.faq__head{display:flex;flex-direction:column;align-items:center;margin:0 0 36px;text-align:center}
.faq__head h2{margin:0;max-width:780px}

/* 2 independent columns — opening an item only grows its column, no jumping */
.faq{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  width:min(1180px,100%);
  margin:0 auto;
  align-items:start;
}
.faq__col{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.faq details{
  display:block;
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:4px;
  padding:0;
  box-shadow:none;
}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 22px;
  cursor:pointer;list-style:none;
  font-family:var(--sans);
  font-size:16px;font-weight:500;color:var(--ink);
  letter-spacing:-0.005em;line-height:1.4;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary > span:first-child{flex:1}

/* minimalist orange circle with white plus */
.faq__ico{
  flex:none;
  width:22px;height:22px;border-radius:999px;
  background-image:var(--orange-grad);
  position:relative;
  transition:transform .25s ease;
}
.faq__ico::before,
.faq__ico::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  background:#FFFCF6;
  border-radius:1px;
}
.faq__ico::before{width:10px;height:2px;transform:translate(-50%,-50%)}
.faq__ico::after{width:2px;height:10px;transform:translate(-50%,-50%);transition:transform .25s ease}
.faq details[open] .faq__ico::after{transform:translate(-50%,-50%) scaleY(0)}

.faq__body{
  padding:0 22px 22px;
  font-size:14.5px;line-height:1.6;color:var(--body-mid);
}
.faq__body p{margin:0 0 12px;color:var(--body-mid)}
.faq__body p:last-child{margin-bottom:0}
.faq__body .checks{margin-top:8px}
.faq__body .checks li{color:var(--body-mid)}

@media (max-width: 760px){
  .faq{grid-template-columns:1fr}
  .faq summary{font-size:15.5px;padding:18px 18px}
  .faq__body{padding:0 18px 18px}
}

/* ═════════ FOUNDER · ALEKS (DARK) ═════════ */
.band--dark{background:#0F1116;position:relative;color:rgba(255,255,255,0.78)}
.aleksA{}
.aleksA__inner{
  width:min(1180px,100%);margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  grid-template-areas:
    "photo intro"
    "photo body";
  column-gap:clamp(36px,5vw,72px);
  row-gap:24px;
  align-items:start;
}
.aleksA__intro{grid-area:intro}
.aleksA__photo{grid-area:photo}
.aleksA__body{grid-area:body}
.aleksA__intro .eyebrow--on-dark{color:rgba(255,255,255,0.7);margin-bottom:14px}
.aleksA__intro h2{margin:0;color:#FFFCF6}
.aleksA__intro h2 em{font-size:1.07em;color:var(--peach)}

.aleksA__photo{
  position:relative;margin:0;
  aspect-ratio:4/5;
  background:#0a0c10;
  border-radius:5px;
  overflow:hidden;
}
.aleksA__img{
  position:absolute;inset:0;
  background:#0a0c10 url("assets/Aleks.webp")
    center/cover no-repeat;
  filter:saturate(0.95) contrast(1.02);
}

.aleksA__body{color:rgba(255,255,255,0.82)}
.aleksA__body .eyebrow--on-dark{color:rgba(255,255,255,0.7);margin-bottom:14px}
.aleksA__body h2{margin:0 0 26px}
.aleksA__body h2.on-dark{color:#FFFCF6}
.aleksA__body h2 em{font-size:1.07em;color:var(--peach)}

.aleksA__body p{
  font-size:16px;line-height:1.65;
  color:rgba(255,255,255,0.82);margin:0 0 14px;
}
.aleksA__body p em{
  font-family:var(--serif);font-style:italic;
  font-size:1.15em;color:var(--peach);line-height:1;
  letter-spacing:-0.005em;
}
.aleksA__muted{color:rgba(255,255,255,0.55) !important;font-size:15px !important;margin-top:18px !important;margin-bottom:6px !important}
.aleksA__pull{
  font-family:var(--serif);font-style:italic;
  font-size:26px;line-height:1.35;color:#fff !important;
  margin:6px 0 22px !important;letter-spacing:-0.01em;
}

@media (max-width: 960px){
  .aleksA__inner{
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "photo"
      "body";
  }
  .aleksA__intro{text-align:center}
  .aleksA__intro h2{font-size:32px;white-space:nowrap;text-wrap:nowrap}
  /* override the global ".d-xl em{display:block}" mobile rule with
     higher specificity so the italic "Aleks." stays inline. */
  .aleksA__intro h2.d-xl > em{display:inline}
  .aleksA__intro .eyebrow--on-dark{text-align:center}
}
@media (max-width: 380px){
  /* very narrow phones — keep one-line but smaller */
  .aleksA__intro h2{font-size:28px}
}

/* — quote with dot — */
.aleksA__quote{
  display:flex;align-items:flex-start;gap:18px;
  margin:24px 0 26px;
  padding:18px 0 18px 0;
  border-top:1px solid rgba(255,255,255,0.12);
  border-bottom:1px solid rgba(255,255,255,0.12);
}
.aleksA__quote-dot{
  flex:none;margin-top:18px;
  width:14px;height:14px;border-radius:999px;
  background:var(--terracotta);
  box-shadow:0 0 0 6px rgba(216,84,58,0.18);
}
.aleksA__quote .aleksA__muted{margin:0 0 6px !important}
.aleksA__quote .aleksA__pull{
  font-size:34px !important;
  margin:0 !important;
  line-height:1.2 !important;
}

/* — bullet list inside Aleks body — */
.aleksA__list{
  list-style:none;padding:0;margin:4px 0 18px;
  display:flex;flex-direction:column;gap:6px;
}
.aleksA__list li{
  position:relative;padding-left:18px;
  font-size:16px;line-height:1.55;
  color:rgba(255,255,255,0.82);
}
.aleksA__list li::before{
  content:"";position:absolute;left:0;top:0.7em;
  width:8px;height:1px;background:var(--terracotta);
}

/* — white finale card — */
.aleksA__finale{
  background:#fff;color:var(--body);
  border-radius:5px;padding:24px 26px;margin-top:22px;
}
.aleksA__finale p{
  color:var(--body) !important;
  font-size:16px;line-height:1.6;margin:0 0 12px;
}
.aleksA__finale p:last-child{margin-bottom:0}
.aleksA__finale p em{color:var(--terracotta-deep) !important}

/* — desktop: tighter Aleks body (smaller pull, less spacing between blocks) — */
@media (min-width: 961px){
  .aleksA__body p{margin:0 0 6px}
  .aleksA__quote{margin:14px 0;padding:12px 0}
  .aleksA__quote .aleksA__pull{font-size:28px !important;line-height:1.25 !important}
  .aleksA__list{margin:2px 0 10px;gap:2px}
  .aleksA__finale{margin-top:12px;padding:18px 22px}
  .aleksA__finale p{margin:0 0 4px}
}

/* ═════════ HERO · VARIANTE 2 ═════════ */
.hero{position:relative}
.hero .vlabel{
  position:absolute;top:14px;right:14px;z-index:10;
  font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  background:rgba(255,255,255,0.16);color:#fff;
  border:1px solid rgba(255,255,255,0.28);
  padding:4px 10px;border-radius:999px;
  font-family:var(--sans);font-weight:500;
}
.hero .hero__amt{
  font-family:var(--sans);font-style:normal;font-weight:700;letter-spacing:-0.01em;font-size:1em;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;
          background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.hero .hero__copy{margin-bottom:22px}
.hero .copy-rule{display:none}
.hero .hero__cta,
.hero .hero__copy .hero__sub{display:none}

.hero .hero__card{
  background:rgba(255,255,255,0.84);
  border:1px solid rgba(255,255,255,0.55);
  border-radius:0;
  padding:18px 22px;
  width:min(680px, 100%);
  margin:0 auto;
  box-shadow:none;
  clip-path:polygon(
    0.0px 20.0px,
    0.2px 18.45px,
    0.8px 17.0px,
    1.76px 15.76px,
    3.0px 14.8px,
    4.45px 14.2px,
    6.0px 14.0px,
    8px 14px,
    8.0px 14.0px,
    9.55px 13.8px,
    11.0px 13.2px,
    12.24px 12.24px,
    13.2px 11.0px,
    13.8px 9.55px,
    14.0px 8.0px,
    14px 6px,
    14.0px 6.0px,
    14.2px 4.45px,
    14.8px 3.0px,
    15.76px 1.76px,
    17.0px 0.8px,
    18.45px 0.2px,
    20.0px 0.0px,
    calc(100% - 20.0px) 0.0px,
    calc(100% - 18.45px) 0.2px,
    calc(100% - 17.0px) 0.8px,
    calc(100% - 15.76px) 1.76px,
    calc(100% - 14.8px) 3.0px,
    calc(100% - 14.2px) 4.45px,
    calc(100% - 14.0px) 6.0px,
    calc(100% - 14px) 6px,
    calc(100% - 14.0px) 8.0px,
    calc(100% - 13.8px) 9.55px,
    calc(100% - 13.2px) 11.0px,
    calc(100% - 12.24px) 12.24px,
    calc(100% - 11.0px) 13.2px,
    calc(100% - 9.55px) 13.8px,
    calc(100% - 8.0px) 14.0px,
    calc(100% - 8px) 14px,
    calc(100% - 6.0px) 14.0px,
    calc(100% - 4.45px) 14.2px,
    calc(100% - 3.0px) 14.8px,
    calc(100% - 1.76px) 15.76px,
    calc(100% - 0.8px) 17.0px,
    calc(100% - 0.2px) 18.45px,
    calc(100% - 0.0px) 20.0px,
    calc(100% - 0.0px) calc(100% - 20.0px),
    calc(100% - 0.2px) calc(100% - 18.45px),
    calc(100% - 0.8px) calc(100% - 17.0px),
    calc(100% - 1.76px) calc(100% - 15.76px),
    calc(100% - 3.0px) calc(100% - 14.8px),
    calc(100% - 4.45px) calc(100% - 14.2px),
    calc(100% - 6.0px) calc(100% - 14.0px),
    calc(100% - 8px) calc(100% - 14px),
    calc(100% - 8.0px) calc(100% - 14.0px),
    calc(100% - 9.55px) calc(100% - 13.8px),
    calc(100% - 11.0px) calc(100% - 13.2px),
    calc(100% - 12.24px) calc(100% - 12.24px),
    calc(100% - 13.2px) calc(100% - 11.0px),
    calc(100% - 13.8px) calc(100% - 9.55px),
    calc(100% - 14.0px) calc(100% - 8.0px),
    calc(100% - 14px) calc(100% - 6px),
    calc(100% - 14.0px) calc(100% - 6.0px),
    calc(100% - 14.2px) calc(100% - 4.45px),
    calc(100% - 14.8px) calc(100% - 3.0px),
    calc(100% - 15.76px) calc(100% - 1.76px),
    calc(100% - 17.0px) calc(100% - 0.8px),
    calc(100% - 18.45px) calc(100% - 0.2px),
    calc(100% - 20.0px) calc(100% - 0.0px),
    20.0px calc(100% - 0.0px),
    18.45px calc(100% - 0.2px),
    17.0px calc(100% - 0.8px),
    15.76px calc(100% - 1.76px),
    14.8px calc(100% - 3.0px),
    14.2px calc(100% - 4.45px),
    14.0px calc(100% - 6.0px),
    14px calc(100% - 6px),
    14.0px calc(100% - 8.0px),
    13.8px calc(100% - 9.55px),
    13.2px calc(100% - 11.0px),
    12.24px calc(100% - 12.24px),
    11.0px calc(100% - 13.2px),
    9.55px calc(100% - 13.8px),
    8.0px calc(100% - 14.0px),
    8px calc(100% - 14px),
    6.0px calc(100% - 14.0px),
    4.45px calc(100% - 14.2px),
    3.0px calc(100% - 14.8px),
    1.76px calc(100% - 15.76px),
    0.8px calc(100% - 17.0px),
    0.2px calc(100% - 18.45px),
    0.0px calc(100% - 20.0px)
  );
}
@media (max-width: 720px){
  .hero .hero__card{
    clip-path:polygon(
      0.0px 14.0px,
      0.14px 12.96px,
      0.54px 12.0px,
      1.17px 11.17px,
      2.0px 10.54px,
      2.96px 10.14px,
      4.0px 10.0px,
      6px 10px,
      6.0px 10.0px,
      7.04px 9.86px,
      8.0px 9.46px,
      8.83px 8.83px,
      9.46px 8.0px,
      9.86px 7.04px,
      10.0px 6.0px,
      10px 4px,
      10.0px 4.0px,
      10.14px 2.96px,
      10.54px 2.0px,
      11.17px 1.17px,
      12.0px 0.54px,
      12.96px 0.14px,
      14.0px 0.0px,
      calc(100% - 14.0px) 0.0px,
      calc(100% - 12.96px) 0.14px,
      calc(100% - 12.0px) 0.54px,
      calc(100% - 11.17px) 1.17px,
      calc(100% - 10.54px) 2.0px,
      calc(100% - 10.14px) 2.96px,
      calc(100% - 10.0px) 4.0px,
      calc(100% - 10px) 4px,
      calc(100% - 10.0px) 6.0px,
      calc(100% - 9.86px) 7.04px,
      calc(100% - 9.46px) 8.0px,
      calc(100% - 8.83px) 8.83px,
      calc(100% - 8.0px) 9.46px,
      calc(100% - 7.04px) 9.86px,
      calc(100% - 6.0px) 10.0px,
      calc(100% - 6px) 10px,
      calc(100% - 4.0px) 10.0px,
      calc(100% - 2.96px) 10.14px,
      calc(100% - 2.0px) 10.54px,
      calc(100% - 1.17px) 11.17px,
      calc(100% - 0.54px) 12.0px,
      calc(100% - 0.14px) 12.96px,
      calc(100% - 0.0px) 14.0px,
      calc(100% - 0.0px) calc(100% - 14.0px),
      calc(100% - 0.14px) calc(100% - 12.96px),
      calc(100% - 0.54px) calc(100% - 12.0px),
      calc(100% - 1.17px) calc(100% - 11.17px),
      calc(100% - 2.0px) calc(100% - 10.54px),
      calc(100% - 2.96px) calc(100% - 10.14px),
      calc(100% - 4.0px) calc(100% - 10.0px),
      calc(100% - 6px) calc(100% - 10px),
      calc(100% - 6.0px) calc(100% - 10.0px),
      calc(100% - 7.04px) calc(100% - 9.86px),
      calc(100% - 8.0px) calc(100% - 9.46px),
      calc(100% - 8.83px) calc(100% - 8.83px),
      calc(100% - 9.46px) calc(100% - 8.0px),
      calc(100% - 9.86px) calc(100% - 7.04px),
      calc(100% - 10.0px) calc(100% - 6.0px),
      calc(100% - 10px) calc(100% - 4px),
      calc(100% - 10.0px) calc(100% - 4.0px),
      calc(100% - 10.14px) calc(100% - 2.96px),
      calc(100% - 10.54px) calc(100% - 2.0px),
      calc(100% - 11.17px) calc(100% - 1.17px),
      calc(100% - 12.0px) calc(100% - 0.54px),
      calc(100% - 12.96px) calc(100% - 0.14px),
      calc(100% - 14.0px) calc(100% - 0.0px),
      14.0px calc(100% - 0.0px),
      12.96px calc(100% - 0.14px),
      12.0px calc(100% - 0.54px),
      11.17px calc(100% - 1.17px),
      10.54px calc(100% - 2.0px),
      10.14px calc(100% - 2.96px),
      10.0px calc(100% - 4.0px),
      10px calc(100% - 4px),
      10.0px calc(100% - 6.0px),
      9.86px calc(100% - 7.04px),
      9.46px calc(100% - 8.0px),
      8.83px calc(100% - 8.83px),
      8.0px calc(100% - 9.46px),
      7.04px calc(100% - 9.86px),
      6.0px calc(100% - 10.0px),
      6px calc(100% - 10px),
      4.0px calc(100% - 10.0px),
      2.96px calc(100% - 10.14px),
      2.0px calc(100% - 10.54px),
      1.17px calc(100% - 11.17px),
      0.54px calc(100% - 12.0px),
      0.14px calc(100% - 12.96px),
      0.0px calc(100% - 14.0px)
    );
  }
}

.hero .hero__card-text{
  font-family:var(--sans);font-style:normal;font-weight:400;
  font-size:16px;line-height:1.5;color:var(--body-mid);
  margin:0 0 16px;letter-spacing:-0.005em;text-align:center;
}
.hero .hero__card-row{
  display:flex;align-items:center;justify-content:center;gap:14px;
  flex-wrap:wrap;
}
/* hero btn now matches base styles — no overrides needed */
.hero .hero__card-row .countdown{margin:0;gap:6px}
.hero .countdown--light .cd__cell{
  background:transparent !important;border:1px solid rgba(255,255,255,0.55);
  height:60px;min-width:54px;padding:0 8px;border-radius:5px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  box-shadow:none !important;
}
.hero .countdown--light .cd__num{color:var(--ink);font-size:20px;line-height:1;font-weight:600}
.hero .countdown--light .cd__lbl{color:var(--body-mid);font-size:10px;letter-spacing:0.06em;text-transform:uppercase}
.hero .countdown--light .cd__sep{color:var(--mute);font-size:16px;align-self:center}

@media (max-width: 640px){
  .hero .hero__card{padding:14px 16px}
  .hero .hero__card-text{font-size:13px;line-height:1.4;margin-bottom:12px}
}

/* hero card: countdown — strictly border only on cells */
.hero .hero__card-row{display:flex !important;flex-wrap:nowrap !important;align-items:stretch;justify-content:center;gap:12px}
.hero .hero__card-row .countdown{
  margin:0 !important;padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  display:inline-flex;align-items:stretch;gap:6px;
}
.hero .hero__card-row .countdown::before{display:none !important}
.hero .hero__card-row .btn{flex:none}
.hero .countdown--light .cd__cell{
  background:transparent !important;
  border:1px solid var(--hairline) !important;
  box-shadow:none !important;
  height:60px;min-width:54px;padding:0 8px;border-radius:5px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
}
@media (max-width: 720px){
  .hero .hero__card-row{flex-wrap:wrap !important}
  .hero .countdown--light .cd__cell{min-width:42px;height:46px;gap:1px}
  .hero .countdown--light .cd__num{font-size:17px}
  .hero .countdown--light .cd__lbl{font-size:8.5px;margin-top:1px}
}

/* ═════════════════════════════════════════════════════════════
   JOIN — Venice-style water cards (3 steps)
   ═════════════════════════════════════════════════════════════ */
.join-v__head{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin-bottom:clamp(40px, 5vw, 64px) !important;
}
.join-v__eyebrow{margin:0}
.join-v__deco{
  display:block;
  width:140px;
  height:10px;
  opacity:0.9;
}
.join-v__deco svg{display:block;width:100%;height:100%}
.join-v__title{
  margin:6px 0 0;
  letter-spacing:-0.035em;
}

.join-v{
  list-style:none;
  padding:0;
  margin:0 0 clamp(40px, 5vw, 56px);
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.join-v__card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:4px;
  aspect-ratio:16/11;
  background-image:var(--bg);
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
  transition:transform .35s ease;
}
.join-v__card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:var(--bg);
  background-size:cover;
  background-position:center;
  transition:transform .6s ease;
}
.join-v__card:hover::before{transform:scale(1.04)}
.join-v__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,252,246,0.0) 0%, rgba(255,252,246,0.0) 35%, rgba(15,26,43,0.55) 100%),
    linear-gradient(180deg, rgba(255,252,246,0.15) 0%, rgba(255,252,246,0.0) 40%);
  pointer-events:none;
}
.join-v__body{
  position:relative;
  z-index:1;
  padding:26px 28px 28px;
  color:#FFFCF6;
}
.join-v__step{
  display:inline-block;
  margin-bottom:14px;
  padding:5px 10px;
  font-size:10px;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#FFFCF6;
  background:rgba(15,26,43,0.55);
  border-radius:3px;
}
.join-v__h{
  margin:0 0 8px;
  font-family:var(--sans);
  font-weight:600;
  font-size:clamp(24px, 2.6vw, 34px);
  letter-spacing:-0.025em;
  line-height:1.15;
  color:#FFFCF6;
  text-shadow:0 2px 18px rgba(15,26,43,0.45);
}
.join-v__p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:rgba(255,252,246,0.92);
  max-width:340px;
  text-shadow:0 1px 12px rgba(15,26,43,0.55);
}

@media (max-width: 900px){
  .join-v{grid-template-columns:1fr;gap:12px}
  .join-v__card{aspect-ratio:16/9}
}
@media (max-width: 480px){
  .join-v__card{aspect-ratio:5/3}
  .join-v__body{padding:22px 22px 22px}
}

/* ═════════════════════════════════════════════════════════════
   TRUTH — Venice-style: centered title + text steps + dark viz
   ═════════════════════════════════════════════════════════════ */
.band--truth-v{
  background:#FFFFFF;
}
.truth-v__head{
  text-align:center;
  max-width:920px;
  margin:0 auto clamp(24px, 3vw, 36px);
}
.truth-v__title{
  margin:0;
  letter-spacing:-0.035em;
  color:var(--ink);
}
.truth-v__grid{
  max-width:820px;
  margin-inline:auto;
}

/* steps (left column) — white cards with hairline border */
.truth-v__steps{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.truth-v__step{
  background:#FFFFFF;
  border:1px solid var(--hairline);
  border-radius:4px;
  padding:22px 24px 20px;
  margin-bottom:8px;
  transition:border-color .2s;
}
.truth-v__step:last-child{margin-bottom:0}
.truth-v__step:hover{
  border-color:rgba(21,23,28,0.18);
}

.truth-v__step-title{
  margin:0 0 8px;
  font-family:var(--sans);
  font-weight:600;
  font-size:clamp(18px, 1.5vw, 21px);
  letter-spacing:-0.02em;
  line-height:1.3;
  color:var(--ink);
}
.truth-v__step-lede{
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--body-mid);
}
.truth-v__step-quote{
  margin-top:4px;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(22px, 2vw, 28px);
  line-height:1.25;
  letter-spacing:-0.01em;
  color:var(--ink);
}
.truth-v__step-quote em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
}

/* combo step — two title lines + highlighted pull-quote inside one card */
.truth-v__step--combo .truth-v__step-title{margin-bottom:4px}
.truth-v__step--combo .truth-v__step-title + .truth-v__step-title{
  margin-top:2px;
  color:var(--ink-2);
}

.truth-v__pull{
  margin:18px 0 0;
  padding:18px 22px 20px 28px;
  background:linear-gradient(180deg, #FBEFEA 0%, #F5DCD0 100%);
  border-radius:6px;
  border-left:4px solid var(--terracotta-deep);
  position:relative;
}
.truth-v__pull-text{
  margin:0;
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(19px, 1.7vw, 23px);
  line-height:1.4;
  letter-spacing:-0.01em;
  color:var(--ink);
}
.truth-v__pull-text em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:500;
  color:var(--terracotta-deep);
}

.pcard__pluses{
  align-self:center;
  width:100%;
  max-width:180px;
  height:auto;
  color:var(--terracotta);
  display:block;
  margin-left:auto;
}
@media (max-width: 720px){
  .pcard__pluses{max-width:160px;margin:0 auto}
}


/* ── CTA: 100% kostenlos · Plätze begrenzt ── */
.cta-row__free,
.hero__card-free{
  margin:0;
  font-family:var(--serif);
  font-style:italic;
  font-size:13px;
  letter-spacing:-0.005em;
  color:var(--terracotta-deep);
  text-align:center;
}
.hero__card-free{
  margin-top:14px;
  color:var(--ink);
  opacity:0.85;
}

/* ── Mini countdown (under CTA when no main timer in section) ── */
.countdown--mini{
  margin-top:0;
  padding:6px 12px;
  gap:4px;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(255,252,246,0.8) 0%, rgba(255,252,246,0.55) 100%);
  box-shadow:
    0 1px 2px rgba(21,23,28,0.04),
    0 0 0 1px rgba(21,23,28,0.05);
}
.countdown--mini .cd__cell{min-width:36px;padding:0 4px}
.countdown--mini .cd__num{font-size:15px;font-weight:600;color:var(--ink)}
.countdown--mini .cd__lbl{font-size:8.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--mute);margin-top:1px}
.countdown--mini .cd__sep{font-size:12px;color:var(--mute);align-self:center}
@media (max-width: 720px){
  .countdown--mini .cd__cell{min-width:32px}
  .countdown--mini .cd__num{font-size:13.5px}
  .countdown--mini .cd__lbl{font-size:8px}
}


/* Pins demo inside the wide split card (Schritt 03) */
.bento__card--split .bento__demo--pins{
  margin-top:0;
  height:100%;
  min-height:220px;
  width:100%;
}
@media (max-width: 900px){
  .bento__card--split .bento__demo--pins{
    height:160px;min-height:0;
  }
}


/* Wider right column when pins demo is used in the split (Schritt 03) */
@media (min-width: 900px){
  .bento__card--split:has(.bento__demo--pins) .bento__split{
    grid-template-columns:1fr minmax(420px, 520px);
    gap:40px;
  }
  .bento__card--split .bento__demo--pins{min-height:260px}
}


/* Compact bento cards inside Schritte block (desktop only) */
@media (min-width: 900px){
  .band--bento-v2 .bento__card{
    min-height:0;
    padding:28px 32px 26px;
  }
  /* First two (half-width text-only) — extra tight */
  .band--bento-v2 .bento__card:not(.bento__card--wide){
    min-height:190px;
  }
  /* Third (wide split with pins) — modestly reduced */
  .band--bento-v2 .bento__card--split{
    min-height:230px;
    padding:26px 32px;
  }
  .band--bento-v2 .bento__card--split .bento__demo--pins{min-height:200px}
}


/* CTA banner — center text/button when right marquee is removed */
.ctab__inner{
  grid-template-columns:1fr;
  text-align:center;
}
.ctab__left{
  max-width:720px;
  margin:0 auto;
  padding:48px 0;
}
@media (max-width: 900px){
  /* On mobile, .band already provides 48px vertical padding —
     keep .ctab__left flush so spacing matches other sections. */
  .ctab__left{padding:0}
}
.ctab__row{
  justify-content:center;
}

/* center the meta line under the centered CTA */
.ctab__meta{justify-content:center}

/* CTA banner — free + mini timer on orange background */
.ctab__free{
  margin:0 auto 14px;
  font-family:var(--serif);
  font-style:italic;
  font-size:14px;
  letter-spacing:-0.005em;
  color:rgba(255,255,255,0.95);
  text-align:center;
}
.ctab__countdown{
  margin:0 auto 18px;
  background:rgba(255,255,255,0.14);
  box-shadow:0 0 0 1px rgba(255,255,255,0.18), 0 1px 2px rgba(21,23,28,0.06);
}
.ctab__countdown .cd__num{color:#fff}
.ctab__countdown .cd__lbl{color:rgba(255,255,255,0.7)}
.ctab__countdown .cd__sep{color:rgba(255,255,255,0.55)}


/* === Testimonials — simplified single-style sand cards (overrides above) === */
.tband{
  background:#FFFFFF;
}
.tband__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto;
  grid-template-areas:none;
  gap:18px;
  align-items:stretch;
}
.tband__grid--areas{
  grid-template-areas:none;
}
.a-rahim,.a-jelena,.a-milan,.a-raphael,.a-julia,.a-dean{grid-area:auto}

.tcard{
  background:var(--canvas);
  color:var(--ink);
  border:1px solid var(--hairline);
  border-radius:8px;
  padding:26px 28px 24px;
  min-height:0;
  display:flex;flex-direction:column;gap:18px;
  box-shadow:none;
  transition:transform .25s ease, box-shadow .25s ease;
}
.tcard:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(21,23,28,0.06);
}

.tcard__top{
  display:flex;align-items:center;gap:14px;
  border-bottom:none;padding:0;
}
.tcard__avatar{
  width:54px;height:54px;
  border-radius:50%;
  background:#cfc6b0 center/cover;
  flex:0 0 54px;
  border:1px solid rgba(21,23,28,0.08);
}
.tcard__meta{
  display:flex;flex-direction:column;gap:3px;min-width:0;
}
.tcard__stars{
  display:inline-flex;gap:2px;
  color:var(--terracotta);
  margin-bottom:2px;
}
.tcard__stars svg{display:block}
.tcard__name{
  font-family:var(--sans);
  font-weight:600;
  font-size:16px;
  letter-spacing:-0.012em;
  margin:0;
  color:var(--ink);
}
.tcard__age{
  font-size:13px;
  color:var(--mute);
  letter-spacing:0;
}

.tcard__quote{
  margin:0;
  font-size:15.5px;
  line-height:1.55;
  letter-spacing:-0.005em;
  color:var(--body);
  font-weight:400;
}
.tcard__quote em{
  font-family:var(--serif);
  font-style:italic;
  font-weight:600;
  font-size:1.15em;
  background-image:var(--orange-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

@media (max-width: 720px){
  .tband__grid{grid-template-columns:1fr;gap:14px}
  .tcard{padding:22px 22px 20px}
}


/* === Testimonials: notched corners with hairline outline === */
.tcard{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;
  overflow:visible;
}
.tcard::before,
.tcard::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
/* outline layer: 1px larger than card, hairline color */
.tcard::before{
  inset:-1px;
  background:var(--hairline);
  clip-path:polygon(
    0.0px 14.0px,
    0.14px 12.96px,
    0.54px 12.0px,
    1.17px 11.17px,
    2.0px 10.54px,
    2.96px 10.14px,
    4.0px 10.0px,
    6px 10px,
    6.0px 10.0px,
    7.04px 9.86px,
    8.0px 9.46px,
    8.83px 8.83px,
    9.46px 8.0px,
    9.86px 7.04px,
    10.0px 6.0px,
    10px 4px,
    10.0px 4.0px,
    10.14px 2.96px,
    10.54px 2.0px,
    11.17px 1.17px,
    12.0px 0.54px,
    12.96px 0.14px,
    14.0px 0.0px,
    calc(100% - 14.0px) 0.0px,
    calc(100% - 12.96px) 0.14px,
    calc(100% - 12.0px) 0.54px,
    calc(100% - 11.17px) 1.17px,
    calc(100% - 10.54px) 2.0px,
    calc(100% - 10.14px) 2.96px,
    calc(100% - 10.0px) 4.0px,
    calc(100% - 10px) 4px,
    calc(100% - 10.0px) 6.0px,
    calc(100% - 9.86px) 7.04px,
    calc(100% - 9.46px) 8.0px,
    calc(100% - 8.83px) 8.83px,
    calc(100% - 8.0px) 9.46px,
    calc(100% - 7.04px) 9.86px,
    calc(100% - 6.0px) 10.0px,
    calc(100% - 6px) 10px,
    calc(100% - 4.0px) 10.0px,
    calc(100% - 2.96px) 10.14px,
    calc(100% - 2.0px) 10.54px,
    calc(100% - 1.17px) 11.17px,
    calc(100% - 0.54px) 12.0px,
    calc(100% - 0.14px) 12.96px,
    calc(100% - 0.0px) 14.0px,
    calc(100% - 0.0px) calc(100% - 14.0px),
    calc(100% - 0.14px) calc(100% - 12.96px),
    calc(100% - 0.54px) calc(100% - 12.0px),
    calc(100% - 1.17px) calc(100% - 11.17px),
    calc(100% - 2.0px) calc(100% - 10.54px),
    calc(100% - 2.96px) calc(100% - 10.14px),
    calc(100% - 4.0px) calc(100% - 10.0px),
    calc(100% - 6px) calc(100% - 10px),
    calc(100% - 6.0px) calc(100% - 10.0px),
    calc(100% - 7.04px) calc(100% - 9.86px),
    calc(100% - 8.0px) calc(100% - 9.46px),
    calc(100% - 8.83px) calc(100% - 8.83px),
    calc(100% - 9.46px) calc(100% - 8.0px),
    calc(100% - 9.86px) calc(100% - 7.04px),
    calc(100% - 10.0px) calc(100% - 6.0px),
    calc(100% - 10px) calc(100% - 4px),
    calc(100% - 10.0px) calc(100% - 4.0px),
    calc(100% - 10.14px) calc(100% - 2.96px),
    calc(100% - 10.54px) calc(100% - 2.0px),
    calc(100% - 11.17px) calc(100% - 1.17px),
    calc(100% - 12.0px) calc(100% - 0.54px),
    calc(100% - 12.96px) calc(100% - 0.14px),
    calc(100% - 14.0px) calc(100% - 0.0px),
    14.0px calc(100% - 0.0px),
    12.96px calc(100% - 0.14px),
    12.0px calc(100% - 0.54px),
    11.17px calc(100% - 1.17px),
    10.54px calc(100% - 2.0px),
    10.14px calc(100% - 2.96px),
    10.0px calc(100% - 4.0px),
    10px calc(100% - 4px),
    10.0px calc(100% - 6.0px),
    9.86px calc(100% - 7.04px),
    9.46px calc(100% - 8.0px),
    8.83px calc(100% - 8.83px),
    8.0px calc(100% - 9.46px),
    7.04px calc(100% - 9.86px),
    6.0px calc(100% - 10.0px),
    6px calc(100% - 10px),
    4.0px calc(100% - 10.0px),
    2.96px calc(100% - 10.14px),
    2.0px calc(100% - 10.54px),
    1.17px calc(100% - 11.17px),
    0.54px calc(100% - 12.0px),
    0.14px calc(100% - 12.96px),
    0.0px calc(100% - 14.0px)
  );
}
/* fill layer: exact card size, sand color (sits 1px inside outline) */
.tcard::after{
  inset:0;
  background:var(--canvas);
  clip-path:polygon(
    0.0px 14.0px,
    0.14px 12.96px,
    0.54px 12.0px,
    1.17px 11.17px,
    2.0px 10.54px,
    2.96px 10.14px,
    4.0px 10.0px,
    6px 10px,
    6.0px 10.0px,
    7.04px 9.86px,
    8.0px 9.46px,
    8.83px 8.83px,
    9.46px 8.0px,
    9.86px 7.04px,
    10.0px 6.0px,
    10px 4px,
    10.0px 4.0px,
    10.14px 2.96px,
    10.54px 2.0px,
    11.17px 1.17px,
    12.0px 0.54px,
    12.96px 0.14px,
    14.0px 0.0px,
    calc(100% - 14.0px) 0.0px,
    calc(100% - 12.96px) 0.14px,
    calc(100% - 12.0px) 0.54px,
    calc(100% - 11.17px) 1.17px,
    calc(100% - 10.54px) 2.0px,
    calc(100% - 10.14px) 2.96px,
    calc(100% - 10.0px) 4.0px,
    calc(100% - 10px) 4px,
    calc(100% - 10.0px) 6.0px,
    calc(100% - 9.86px) 7.04px,
    calc(100% - 9.46px) 8.0px,
    calc(100% - 8.83px) 8.83px,
    calc(100% - 8.0px) 9.46px,
    calc(100% - 7.04px) 9.86px,
    calc(100% - 6.0px) 10.0px,
    calc(100% - 6px) 10px,
    calc(100% - 4.0px) 10.0px,
    calc(100% - 2.96px) 10.14px,
    calc(100% - 2.0px) 10.54px,
    calc(100% - 1.17px) 11.17px,
    calc(100% - 0.54px) 12.0px,
    calc(100% - 0.14px) 12.96px,
    calc(100% - 0.0px) 14.0px,
    calc(100% - 0.0px) calc(100% - 14.0px),
    calc(100% - 0.14px) calc(100% - 12.96px),
    calc(100% - 0.54px) calc(100% - 12.0px),
    calc(100% - 1.17px) calc(100% - 11.17px),
    calc(100% - 2.0px) calc(100% - 10.54px),
    calc(100% - 2.96px) calc(100% - 10.14px),
    calc(100% - 4.0px) calc(100% - 10.0px),
    calc(100% - 6px) calc(100% - 10px),
    calc(100% - 6.0px) calc(100% - 10.0px),
    calc(100% - 7.04px) calc(100% - 9.86px),
    calc(100% - 8.0px) calc(100% - 9.46px),
    calc(100% - 8.83px) calc(100% - 8.83px),
    calc(100% - 9.46px) calc(100% - 8.0px),
    calc(100% - 9.86px) calc(100% - 7.04px),
    calc(100% - 10.0px) calc(100% - 6.0px),
    calc(100% - 10px) calc(100% - 4px),
    calc(100% - 10.0px) calc(100% - 4.0px),
    calc(100% - 10.14px) calc(100% - 2.96px),
    calc(100% - 10.54px) calc(100% - 2.0px),
    calc(100% - 11.17px) calc(100% - 1.17px),
    calc(100% - 12.0px) calc(100% - 0.54px),
    calc(100% - 12.96px) calc(100% - 0.14px),
    calc(100% - 14.0px) calc(100% - 0.0px),
    14.0px calc(100% - 0.0px),
    12.96px calc(100% - 0.14px),
    12.0px calc(100% - 0.54px),
    11.17px calc(100% - 1.17px),
    10.54px calc(100% - 2.0px),
    10.14px calc(100% - 2.96px),
    10.0px calc(100% - 4.0px),
    10px calc(100% - 4px),
    10.0px calc(100% - 6.0px),
    9.86px calc(100% - 7.04px),
    9.46px calc(100% - 8.0px),
    8.83px calc(100% - 8.83px),
    8.0px calc(100% - 9.46px),
    7.04px calc(100% - 9.86px),
    6.0px calc(100% - 10.0px),
    6px calc(100% - 10px),
    4.0px calc(100% - 10.0px),
    2.96px calc(100% - 10.14px),
    2.0px calc(100% - 10.54px),
    1.17px calc(100% - 11.17px),
    0.54px calc(100% - 12.0px),
    0.14px calc(100% - 12.96px),
    0.0px calc(100% - 14.0px)
  );
}
.tcard > *{position:relative;z-index:1}
.tcard:hover{box-shadow:none !important}
.tcard:hover::after{filter:brightness(1.01)}

@media (max-width: 720px){
  .tcard::before{
    clip-path:polygon(
      0.0px 11.0px,
      0.1px 10.22px,
      0.4px 9.5px,
      0.88px 8.88px,
      1.5px 8.4px,
      2.22px 8.1px,
      3.0px 8.0px,
      5px 8px,
      5.0px 8.0px,
      5.78px 7.9px,
      6.5px 7.6px,
      7.12px 7.12px,
      7.6px 6.5px,
      7.9px 5.78px,
      8.0px 5.0px,
      8px 3px,
      8.0px 3.0px,
      8.1px 2.22px,
      8.4px 1.5px,
      8.88px 0.88px,
      9.5px 0.4px,
      10.22px 0.1px,
      11.0px 0.0px,
      calc(100% - 11.0px) 0.0px,
      calc(100% - 10.22px) 0.1px,
      calc(100% - 9.5px) 0.4px,
      calc(100% - 8.88px) 0.88px,
      calc(100% - 8.4px) 1.5px,
      calc(100% - 8.1px) 2.22px,
      calc(100% - 8.0px) 3.0px,
      calc(100% - 8px) 3px,
      calc(100% - 8.0px) 5.0px,
      calc(100% - 7.9px) 5.78px,
      calc(100% - 7.6px) 6.5px,
      calc(100% - 7.12px) 7.12px,
      calc(100% - 6.5px) 7.6px,
      calc(100% - 5.78px) 7.9px,
      calc(100% - 5.0px) 8.0px,
      calc(100% - 5px) 8px,
      calc(100% - 3.0px) 8.0px,
      calc(100% - 2.22px) 8.1px,
      calc(100% - 1.5px) 8.4px,
      calc(100% - 0.88px) 8.88px,
      calc(100% - 0.4px) 9.5px,
      calc(100% - 0.1px) 10.22px,
      calc(100% - 0.0px) 11.0px,
      calc(100% - 0.0px) calc(100% - 11.0px),
      calc(100% - 0.1px) calc(100% - 10.22px),
      calc(100% - 0.4px) calc(100% - 9.5px),
      calc(100% - 0.88px) calc(100% - 8.88px),
      calc(100% - 1.5px) calc(100% - 8.4px),
      calc(100% - 2.22px) calc(100% - 8.1px),
      calc(100% - 3.0px) calc(100% - 8.0px),
      calc(100% - 5px) calc(100% - 8px),
      calc(100% - 5.0px) calc(100% - 8.0px),
      calc(100% - 5.78px) calc(100% - 7.9px),
      calc(100% - 6.5px) calc(100% - 7.6px),
      calc(100% - 7.12px) calc(100% - 7.12px),
      calc(100% - 7.6px) calc(100% - 6.5px),
      calc(100% - 7.9px) calc(100% - 5.78px),
      calc(100% - 8.0px) calc(100% - 5.0px),
      calc(100% - 8px) calc(100% - 3px),
      calc(100% - 8.0px) calc(100% - 3.0px),
      calc(100% - 8.1px) calc(100% - 2.22px),
      calc(100% - 8.4px) calc(100% - 1.5px),
      calc(100% - 8.88px) calc(100% - 0.88px),
      calc(100% - 9.5px) calc(100% - 0.4px),
      calc(100% - 10.22px) calc(100% - 0.1px),
      calc(100% - 11.0px) calc(100% - 0.0px),
      11.0px calc(100% - 0.0px),
      10.22px calc(100% - 0.1px),
      9.5px calc(100% - 0.4px),
      8.88px calc(100% - 0.88px),
      8.4px calc(100% - 1.5px),
      8.1px calc(100% - 2.22px),
      8.0px calc(100% - 3.0px),
      8px calc(100% - 3px),
      8.0px calc(100% - 5.0px),
      7.9px calc(100% - 5.78px),
      7.6px calc(100% - 6.5px),
      7.12px calc(100% - 7.12px),
      6.5px calc(100% - 7.6px),
      5.78px calc(100% - 7.9px),
      5.0px calc(100% - 8.0px),
      5px calc(100% - 8px),
      3.0px calc(100% - 8.0px),
      2.22px calc(100% - 8.1px),
      1.5px calc(100% - 8.4px),
      0.88px calc(100% - 8.88px),
      0.4px calc(100% - 9.5px),
      0.1px calc(100% - 10.22px),
      0.0px calc(100% - 11.0px)
    );
  }
  .tcard::after{
    clip-path:polygon(
      0.0px 11.0px,
      0.1px 10.22px,
      0.4px 9.5px,
      0.88px 8.88px,
      1.5px 8.4px,
      2.22px 8.1px,
      3.0px 8.0px,
      5px 8px,
      5.0px 8.0px,
      5.78px 7.9px,
      6.5px 7.6px,
      7.12px 7.12px,
      7.6px 6.5px,
      7.9px 5.78px,
      8.0px 5.0px,
      8px 3px,
      8.0px 3.0px,
      8.1px 2.22px,
      8.4px 1.5px,
      8.88px 0.88px,
      9.5px 0.4px,
      10.22px 0.1px,
      11.0px 0.0px,
      calc(100% - 11.0px) 0.0px,
      calc(100% - 10.22px) 0.1px,
      calc(100% - 9.5px) 0.4px,
      calc(100% - 8.88px) 0.88px,
      calc(100% - 8.4px) 1.5px,
      calc(100% - 8.1px) 2.22px,
      calc(100% - 8.0px) 3.0px,
      calc(100% - 8px) 3px,
      calc(100% - 8.0px) 5.0px,
      calc(100% - 7.9px) 5.78px,
      calc(100% - 7.6px) 6.5px,
      calc(100% - 7.12px) 7.12px,
      calc(100% - 6.5px) 7.6px,
      calc(100% - 5.78px) 7.9px,
      calc(100% - 5.0px) 8.0px,
      calc(100% - 5px) 8px,
      calc(100% - 3.0px) 8.0px,
      calc(100% - 2.22px) 8.1px,
      calc(100% - 1.5px) 8.4px,
      calc(100% - 0.88px) 8.88px,
      calc(100% - 0.4px) 9.5px,
      calc(100% - 0.1px) 10.22px,
      calc(100% - 0.0px) 11.0px,
      calc(100% - 0.0px) calc(100% - 11.0px),
      calc(100% - 0.1px) calc(100% - 10.22px),
      calc(100% - 0.4px) calc(100% - 9.5px),
      calc(100% - 0.88px) calc(100% - 8.88px),
      calc(100% - 1.5px) calc(100% - 8.4px),
      calc(100% - 2.22px) calc(100% - 8.1px),
      calc(100% - 3.0px) calc(100% - 8.0px),
      calc(100% - 5px) calc(100% - 8px),
      calc(100% - 5.0px) calc(100% - 8.0px),
      calc(100% - 5.78px) calc(100% - 7.9px),
      calc(100% - 6.5px) calc(100% - 7.6px),
      calc(100% - 7.12px) calc(100% - 7.12px),
      calc(100% - 7.6px) calc(100% - 6.5px),
      calc(100% - 7.9px) calc(100% - 5.78px),
      calc(100% - 8.0px) calc(100% - 5.0px),
      calc(100% - 8px) calc(100% - 3px),
      calc(100% - 8.0px) calc(100% - 3.0px),
      calc(100% - 8.1px) calc(100% - 2.22px),
      calc(100% - 8.4px) calc(100% - 1.5px),
      calc(100% - 8.88px) calc(100% - 0.88px),
      calc(100% - 9.5px) calc(100% - 0.4px),
      calc(100% - 10.22px) calc(100% - 0.1px),
      calc(100% - 11.0px) calc(100% - 0.0px),
      11.0px calc(100% - 0.0px),
      10.22px calc(100% - 0.1px),
      9.5px calc(100% - 0.4px),
      8.88px calc(100% - 0.88px),
      8.4px calc(100% - 1.5px),
      8.1px calc(100% - 2.22px),
      8.0px calc(100% - 3.0px),
      8px calc(100% - 3px),
      8.0px calc(100% - 5.0px),
      7.9px calc(100% - 5.78px),
      7.6px calc(100% - 6.5px),
      7.12px calc(100% - 7.12px),
      6.5px calc(100% - 7.6px),
      5.78px calc(100% - 7.9px),
      5.0px calc(100% - 8.0px),
      5px calc(100% - 8px),
      3.0px calc(100% - 8.0px),
      2.22px calc(100% - 8.1px),
      1.5px calc(100% - 8.4px),
      0.88px calc(100% - 8.88px),
      0.4px calc(100% - 9.5px),
      0.1px calc(100% - 10.22px),
      0.0px calc(100% - 11.0px)
    );
  }
}


/* === Imagine block — notched corners on photo + side card === */
.iccard{
  border-radius:0 !important;
  border:0 !important;
}
.iccard--photo{
  clip-path:polygon(
    0.0px 35.0px,
    0.17px 33.24px,
    0.69px 31.56px,
    1.52px 30.0px,
    2.64px 28.64px,
    4.0px 27.52px,
    5.56px 26.69px,
    7.24px 26.17px,
    9.0px 26.0px,
    17px 26px,
    17.0px 26.0px,
    18.76px 25.83px,
    20.44px 25.31px,
    22.0px 24.48px,
    23.36px 23.36px,
    24.48px 22.0px,
    25.31px 20.44px,
    25.83px 18.76px,
    26.0px 17.0px,
    26px 9px,
    26.0px 9.0px,
    26.17px 7.24px,
    26.69px 5.56px,
    27.52px 4.0px,
    28.64px 2.64px,
    30.0px 1.52px,
    31.56px 0.69px,
    33.24px 0.17px,
    35.0px 0.0px,
    calc(100% - 35.0px) 0.0px,
    calc(100% - 33.24px) 0.17px,
    calc(100% - 31.56px) 0.69px,
    calc(100% - 30.0px) 1.52px,
    calc(100% - 28.64px) 2.64px,
    calc(100% - 27.52px) 4.0px,
    calc(100% - 26.69px) 5.56px,
    calc(100% - 26.17px) 7.24px,
    calc(100% - 26.0px) 9.0px,
    calc(100% - 26px) 9px,
    calc(100% - 26.0px) 17.0px,
    calc(100% - 25.83px) 18.76px,
    calc(100% - 25.31px) 20.44px,
    calc(100% - 24.48px) 22.0px,
    calc(100% - 23.36px) 23.36px,
    calc(100% - 22.0px) 24.48px,
    calc(100% - 20.44px) 25.31px,
    calc(100% - 18.76px) 25.83px,
    calc(100% - 17.0px) 26.0px,
    calc(100% - 17px) 26px,
    calc(100% - 9.0px) 26.0px,
    calc(100% - 7.24px) 26.17px,
    calc(100% - 5.56px) 26.69px,
    calc(100% - 4.0px) 27.52px,
    calc(100% - 2.64px) 28.64px,
    calc(100% - 1.52px) 30.0px,
    calc(100% - 0.69px) 31.56px,
    calc(100% - 0.17px) 33.24px,
    calc(100% - 0.0px) 35.0px,
    calc(100% - 0.0px) calc(100% - 35.0px),
    calc(100% - 0.17px) calc(100% - 33.24px),
    calc(100% - 0.69px) calc(100% - 31.56px),
    calc(100% - 1.52px) calc(100% - 30.0px),
    calc(100% - 2.64px) calc(100% - 28.64px),
    calc(100% - 4.0px) calc(100% - 27.52px),
    calc(100% - 5.56px) calc(100% - 26.69px),
    calc(100% - 7.24px) calc(100% - 26.17px),
    calc(100% - 9.0px) calc(100% - 26.0px),
    calc(100% - 17px) calc(100% - 26px),
    calc(100% - 17.0px) calc(100% - 26.0px),
    calc(100% - 18.76px) calc(100% - 25.83px),
    calc(100% - 20.44px) calc(100% - 25.31px),
    calc(100% - 22.0px) calc(100% - 24.48px),
    calc(100% - 23.36px) calc(100% - 23.36px),
    calc(100% - 24.48px) calc(100% - 22.0px),
    calc(100% - 25.31px) calc(100% - 20.44px),
    calc(100% - 25.83px) calc(100% - 18.76px),
    calc(100% - 26.0px) calc(100% - 17.0px),
    calc(100% - 26px) calc(100% - 9px),
    calc(100% - 26.0px) calc(100% - 9.0px),
    calc(100% - 26.17px) calc(100% - 7.24px),
    calc(100% - 26.69px) calc(100% - 5.56px),
    calc(100% - 27.52px) calc(100% - 4.0px),
    calc(100% - 28.64px) calc(100% - 2.64px),
    calc(100% - 30.0px) calc(100% - 1.52px),
    calc(100% - 31.56px) calc(100% - 0.69px),
    calc(100% - 33.24px) calc(100% - 0.17px),
    calc(100% - 35.0px) calc(100% - 0.0px),
    35.0px calc(100% - 0.0px),
    33.24px calc(100% - 0.17px),
    31.56px calc(100% - 0.69px),
    30.0px calc(100% - 1.52px),
    28.64px calc(100% - 2.64px),
    27.52px calc(100% - 4.0px),
    26.69px calc(100% - 5.56px),
    26.17px calc(100% - 7.24px),
    26.0px calc(100% - 9.0px),
    26px calc(100% - 9px),
    26.0px calc(100% - 17.0px),
    25.83px calc(100% - 18.76px),
    25.31px calc(100% - 20.44px),
    24.48px calc(100% - 22.0px),
    23.36px calc(100% - 23.36px),
    22.0px calc(100% - 24.48px),
    20.44px calc(100% - 25.31px),
    18.76px calc(100% - 25.83px),
    17.0px calc(100% - 26.0px),
    17px calc(100% - 26px),
    9.0px calc(100% - 26.0px),
    7.24px calc(100% - 26.17px),
    5.56px calc(100% - 26.69px),
    4.0px calc(100% - 27.52px),
    2.64px calc(100% - 28.64px),
    1.52px calc(100% - 30.0px),
    0.69px calc(100% - 31.56px),
    0.17px calc(100% - 33.24px),
    0.0px calc(100% - 35.0px)
  );
}
.iccard--side{
  clip-path:polygon(
    0.0px 25.0px,
    0.13px 23.63px,
    0.53px 22.32px,
    1.18px 21.11px,
    2.05px 20.05px,
    3.11px 19.18px,
    4.32px 18.53px,
    5.63px 18.13px,
    7.0px 18.0px,
    11px 18px,
    11.0px 18.0px,
    12.37px 17.87px,
    13.68px 17.47px,
    14.89px 16.82px,
    15.95px 15.95px,
    16.82px 14.89px,
    17.47px 13.68px,
    17.87px 12.37px,
    18.0px 11.0px,
    18px 7px,
    18.0px 7.0px,
    18.13px 5.63px,
    18.53px 4.32px,
    19.18px 3.11px,
    20.05px 2.05px,
    21.11px 1.18px,
    22.32px 0.53px,
    23.63px 0.13px,
    25.0px 0.0px,
    calc(100% - 25.0px) 0.0px,
    calc(100% - 23.63px) 0.13px,
    calc(100% - 22.32px) 0.53px,
    calc(100% - 21.11px) 1.18px,
    calc(100% - 20.05px) 2.05px,
    calc(100% - 19.18px) 3.11px,
    calc(100% - 18.53px) 4.32px,
    calc(100% - 18.13px) 5.63px,
    calc(100% - 18.0px) 7.0px,
    calc(100% - 18px) 7px,
    calc(100% - 18.0px) 11.0px,
    calc(100% - 17.87px) 12.37px,
    calc(100% - 17.47px) 13.68px,
    calc(100% - 16.82px) 14.89px,
    calc(100% - 15.95px) 15.95px,
    calc(100% - 14.89px) 16.82px,
    calc(100% - 13.68px) 17.47px,
    calc(100% - 12.37px) 17.87px,
    calc(100% - 11.0px) 18.0px,
    calc(100% - 11px) 18px,
    calc(100% - 7.0px) 18.0px,
    calc(100% - 5.63px) 18.13px,
    calc(100% - 4.32px) 18.53px,
    calc(100% - 3.11px) 19.18px,
    calc(100% - 2.05px) 20.05px,
    calc(100% - 1.18px) 21.11px,
    calc(100% - 0.53px) 22.32px,
    calc(100% - 0.13px) 23.63px,
    calc(100% - 0.0px) 25.0px,
    calc(100% - 0.0px) calc(100% - 25.0px),
    calc(100% - 0.13px) calc(100% - 23.63px),
    calc(100% - 0.53px) calc(100% - 22.32px),
    calc(100% - 1.18px) calc(100% - 21.11px),
    calc(100% - 2.05px) calc(100% - 20.05px),
    calc(100% - 3.11px) calc(100% - 19.18px),
    calc(100% - 4.32px) calc(100% - 18.53px),
    calc(100% - 5.63px) calc(100% - 18.13px),
    calc(100% - 7.0px) calc(100% - 18.0px),
    calc(100% - 11px) calc(100% - 18px),
    calc(100% - 11.0px) calc(100% - 18.0px),
    calc(100% - 12.37px) calc(100% - 17.87px),
    calc(100% - 13.68px) calc(100% - 17.47px),
    calc(100% - 14.89px) calc(100% - 16.82px),
    calc(100% - 15.95px) calc(100% - 15.95px),
    calc(100% - 16.82px) calc(100% - 14.89px),
    calc(100% - 17.47px) calc(100% - 13.68px),
    calc(100% - 17.87px) calc(100% - 12.37px),
    calc(100% - 18.0px) calc(100% - 11.0px),
    calc(100% - 18px) calc(100% - 7px),
    calc(100% - 18.0px) calc(100% - 7.0px),
    calc(100% - 18.13px) calc(100% - 5.63px),
    calc(100% - 18.53px) calc(100% - 4.32px),
    calc(100% - 19.18px) calc(100% - 3.11px),
    calc(100% - 20.05px) calc(100% - 2.05px),
    calc(100% - 21.11px) calc(100% - 1.18px),
    calc(100% - 22.32px) calc(100% - 0.53px),
    calc(100% - 23.63px) calc(100% - 0.13px),
    calc(100% - 25.0px) calc(100% - 0.0px),
    25.0px calc(100% - 0.0px),
    23.63px calc(100% - 0.13px),
    22.32px calc(100% - 0.53px),
    21.11px calc(100% - 1.18px),
    20.05px calc(100% - 2.05px),
    19.18px calc(100% - 3.11px),
    18.53px calc(100% - 4.32px),
    18.13px calc(100% - 5.63px),
    18.0px calc(100% - 7.0px),
    18px calc(100% - 7px),
    18.0px calc(100% - 11.0px),
    17.87px calc(100% - 12.37px),
    17.47px calc(100% - 13.68px),
    16.82px calc(100% - 14.89px),
    15.95px calc(100% - 15.95px),
    14.89px calc(100% - 16.82px),
    13.68px calc(100% - 17.47px),
    12.37px calc(100% - 17.87px),
    11.0px calc(100% - 18.0px),
    11px calc(100% - 18px),
    7.0px calc(100% - 18.0px),
    5.63px calc(100% - 18.13px),
    4.32px calc(100% - 18.53px),
    3.11px calc(100% - 19.18px),
    2.05px calc(100% - 20.05px),
    1.18px calc(100% - 21.11px),
    0.53px calc(100% - 22.32px),
    0.13px calc(100% - 23.63px),
    0.0px calc(100% - 25.0px)
  );
}
@media (max-width: 720px){
  .iccard--photo{
    clip-path:polygon(
      0.0px 22.0px,
      0.12px 20.83px,
      0.46px 19.7px,
      1.01px 18.67px,
      1.76px 17.76px,
      2.67px 17.01px,
      3.7px 16.46px,
      4.83px 16.12px,
      6.0px 16.0px,
      10px 16px,
      10.0px 16.0px,
      11.17px 15.88px,
      12.3px 15.54px,
      13.33px 14.99px,
      14.24px 14.24px,
      14.99px 13.33px,
      15.54px 12.3px,
      15.88px 11.17px,
      16.0px 10.0px,
      16px 6px,
      16.0px 6.0px,
      16.12px 4.83px,
      16.46px 3.7px,
      17.01px 2.67px,
      17.76px 1.76px,
      18.67px 1.01px,
      19.7px 0.46px,
      20.83px 0.12px,
      22.0px 0.0px,
      calc(100% - 22.0px) 0.0px,
      calc(100% - 20.83px) 0.12px,
      calc(100% - 19.7px) 0.46px,
      calc(100% - 18.67px) 1.01px,
      calc(100% - 17.76px) 1.76px,
      calc(100% - 17.01px) 2.67px,
      calc(100% - 16.46px) 3.7px,
      calc(100% - 16.12px) 4.83px,
      calc(100% - 16.0px) 6.0px,
      calc(100% - 16px) 6px,
      calc(100% - 16.0px) 10.0px,
      calc(100% - 15.88px) 11.17px,
      calc(100% - 15.54px) 12.3px,
      calc(100% - 14.99px) 13.33px,
      calc(100% - 14.24px) 14.24px,
      calc(100% - 13.33px) 14.99px,
      calc(100% - 12.3px) 15.54px,
      calc(100% - 11.17px) 15.88px,
      calc(100% - 10.0px) 16.0px,
      calc(100% - 10px) 16px,
      calc(100% - 6.0px) 16.0px,
      calc(100% - 4.83px) 16.12px,
      calc(100% - 3.7px) 16.46px,
      calc(100% - 2.67px) 17.01px,
      calc(100% - 1.76px) 17.76px,
      calc(100% - 1.01px) 18.67px,
      calc(100% - 0.46px) 19.7px,
      calc(100% - 0.12px) 20.83px,
      calc(100% - 0.0px) 22.0px,
      calc(100% - 0.0px) calc(100% - 22.0px),
      calc(100% - 0.12px) calc(100% - 20.83px),
      calc(100% - 0.46px) calc(100% - 19.7px),
      calc(100% - 1.01px) calc(100% - 18.67px),
      calc(100% - 1.76px) calc(100% - 17.76px),
      calc(100% - 2.67px) calc(100% - 17.01px),
      calc(100% - 3.7px) calc(100% - 16.46px),
      calc(100% - 4.83px) calc(100% - 16.12px),
      calc(100% - 6.0px) calc(100% - 16.0px),
      calc(100% - 10px) calc(100% - 16px),
      calc(100% - 10.0px) calc(100% - 16.0px),
      calc(100% - 11.17px) calc(100% - 15.88px),
      calc(100% - 12.3px) calc(100% - 15.54px),
      calc(100% - 13.33px) calc(100% - 14.99px),
      calc(100% - 14.24px) calc(100% - 14.24px),
      calc(100% - 14.99px) calc(100% - 13.33px),
      calc(100% - 15.54px) calc(100% - 12.3px),
      calc(100% - 15.88px) calc(100% - 11.17px),
      calc(100% - 16.0px) calc(100% - 10.0px),
      calc(100% - 16px) calc(100% - 6px),
      calc(100% - 16.0px) calc(100% - 6.0px),
      calc(100% - 16.12px) calc(100% - 4.83px),
      calc(100% - 16.46px) calc(100% - 3.7px),
      calc(100% - 17.01px) calc(100% - 2.67px),
      calc(100% - 17.76px) calc(100% - 1.76px),
      calc(100% - 18.67px) calc(100% - 1.01px),
      calc(100% - 19.7px) calc(100% - 0.46px),
      calc(100% - 20.83px) calc(100% - 0.12px),
      calc(100% - 22.0px) calc(100% - 0.0px),
      22.0px calc(100% - 0.0px),
      20.83px calc(100% - 0.12px),
      19.7px calc(100% - 0.46px),
      18.67px calc(100% - 1.01px),
      17.76px calc(100% - 1.76px),
      17.01px calc(100% - 2.67px),
      16.46px calc(100% - 3.7px),
      16.12px calc(100% - 4.83px),
      16.0px calc(100% - 6.0px),
      16px calc(100% - 6px),
      16.0px calc(100% - 10.0px),
      15.88px calc(100% - 11.17px),
      15.54px calc(100% - 12.3px),
      14.99px calc(100% - 13.33px),
      14.24px calc(100% - 14.24px),
      13.33px calc(100% - 14.99px),
      12.3px calc(100% - 15.54px),
      11.17px calc(100% - 15.88px),
      10.0px calc(100% - 16.0px),
      10px calc(100% - 16px),
      6.0px calc(100% - 16.0px),
      4.83px calc(100% - 16.12px),
      3.7px calc(100% - 16.46px),
      2.67px calc(100% - 17.01px),
      1.76px calc(100% - 17.76px),
      1.01px calc(100% - 18.67px),
      0.46px calc(100% - 19.7px),
      0.12px calc(100% - 20.83px),
      0.0px calc(100% - 22.0px)
    );
  }
  .iccard--side{
    clip-path:polygon(
      0.0px 17.0px,
      0.1px 16.02px,
      0.38px 15.09px,
      0.84px 14.22px,
      1.46px 13.46px,
      2.22px 12.84px,
      3.09px 12.38px,
      4.02px 12.1px,
      5.0px 12.0px,
      7px 12px,
      7.0px 12.0px,
      7.98px 11.9px,
      8.91px 11.62px,
      9.78px 11.16px,
      10.54px 10.54px,
      11.16px 9.78px,
      11.62px 8.91px,
      11.9px 7.98px,
      12.0px 7.0px,
      12px 5px,
      12.0px 5.0px,
      12.1px 4.02px,
      12.38px 3.09px,
      12.84px 2.22px,
      13.46px 1.46px,
      14.22px 0.84px,
      15.09px 0.38px,
      16.02px 0.1px,
      17.0px 0.0px,
      calc(100% - 17.0px) 0.0px,
      calc(100% - 16.02px) 0.1px,
      calc(100% - 15.09px) 0.38px,
      calc(100% - 14.22px) 0.84px,
      calc(100% - 13.46px) 1.46px,
      calc(100% - 12.84px) 2.22px,
      calc(100% - 12.38px) 3.09px,
      calc(100% - 12.1px) 4.02px,
      calc(100% - 12.0px) 5.0px,
      calc(100% - 12px) 5px,
      calc(100% - 12.0px) 7.0px,
      calc(100% - 11.9px) 7.98px,
      calc(100% - 11.62px) 8.91px,
      calc(100% - 11.16px) 9.78px,
      calc(100% - 10.54px) 10.54px,
      calc(100% - 9.78px) 11.16px,
      calc(100% - 8.91px) 11.62px,
      calc(100% - 7.98px) 11.9px,
      calc(100% - 7.0px) 12.0px,
      calc(100% - 7px) 12px,
      calc(100% - 5.0px) 12.0px,
      calc(100% - 4.02px) 12.1px,
      calc(100% - 3.09px) 12.38px,
      calc(100% - 2.22px) 12.84px,
      calc(100% - 1.46px) 13.46px,
      calc(100% - 0.84px) 14.22px,
      calc(100% - 0.38px) 15.09px,
      calc(100% - 0.1px) 16.02px,
      calc(100% - 0.0px) 17.0px,
      calc(100% - 0.0px) calc(100% - 17.0px),
      calc(100% - 0.1px) calc(100% - 16.02px),
      calc(100% - 0.38px) calc(100% - 15.09px),
      calc(100% - 0.84px) calc(100% - 14.22px),
      calc(100% - 1.46px) calc(100% - 13.46px),
      calc(100% - 2.22px) calc(100% - 12.84px),
      calc(100% - 3.09px) calc(100% - 12.38px),
      calc(100% - 4.02px) calc(100% - 12.1px),
      calc(100% - 5.0px) calc(100% - 12.0px),
      calc(100% - 7px) calc(100% - 12px),
      calc(100% - 7.0px) calc(100% - 12.0px),
      calc(100% - 7.98px) calc(100% - 11.9px),
      calc(100% - 8.91px) calc(100% - 11.62px),
      calc(100% - 9.78px) calc(100% - 11.16px),
      calc(100% - 10.54px) calc(100% - 10.54px),
      calc(100% - 11.16px) calc(100% - 9.78px),
      calc(100% - 11.62px) calc(100% - 8.91px),
      calc(100% - 11.9px) calc(100% - 7.98px),
      calc(100% - 12.0px) calc(100% - 7.0px),
      calc(100% - 12px) calc(100% - 5px),
      calc(100% - 12.0px) calc(100% - 5.0px),
      calc(100% - 12.1px) calc(100% - 4.02px),
      calc(100% - 12.38px) calc(100% - 3.09px),
      calc(100% - 12.84px) calc(100% - 2.22px),
      calc(100% - 13.46px) calc(100% - 1.46px),
      calc(100% - 14.22px) calc(100% - 0.84px),
      calc(100% - 15.09px) calc(100% - 0.38px),
      calc(100% - 16.02px) calc(100% - 0.1px),
      calc(100% - 17.0px) calc(100% - 0.0px),
      17.0px calc(100% - 0.0px),
      16.02px calc(100% - 0.1px),
      15.09px calc(100% - 0.38px),
      14.22px calc(100% - 0.84px),
      13.46px calc(100% - 1.46px),
      12.84px calc(100% - 2.22px),
      12.38px calc(100% - 3.09px),
      12.1px calc(100% - 4.02px),
      12.0px calc(100% - 5.0px),
      12px calc(100% - 5px),
      12.0px calc(100% - 7.0px),
      11.9px calc(100% - 7.98px),
      11.62px calc(100% - 8.91px),
      11.16px calc(100% - 9.78px),
      10.54px calc(100% - 10.54px),
      9.78px calc(100% - 11.16px),
      8.91px calc(100% - 11.62px),
      7.98px calc(100% - 11.9px),
      7.0px calc(100% - 12.0px),
      7px calc(100% - 12px),
      5.0px calc(100% - 12.0px),
      4.02px calc(100% - 12.1px),
      3.09px calc(100% - 12.38px),
      2.22px calc(100% - 12.84px),
      1.46px calc(100% - 13.46px),
      0.84px calc(100% - 14.22px),
      0.38px calc(100% - 15.09px),
      0.1px calc(100% - 16.02px),
      0.0px calc(100% - 17.0px)
    );
  }
}


/* === Imagine: hairline outline on .iccard--side via dual-pseudo trick === */
.iccard--side{
  background:transparent !important;
  clip-path:none !important;
  overflow:visible !important;
  position:relative;
}
.iccard--side::before,
.iccard--side::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.iccard--side::before{
  inset:-1px;
  background:rgba(21,23,28,0.16);
  clip-path:polygon(
    0.0px 25.0px,
    0.24px 23.19px,
    0.94px 21.5px,
    2.05px 20.05px,
    3.5px 18.94px,
    5.19px 18.24px,
    7.0px 18.0px,
    11px 18px,
    11.0px 18.0px,
    12.81px 17.76px,
    14.5px 17.06px,
    15.95px 15.95px,
    17.06px 14.5px,
    17.76px 12.81px,
    18.0px 11.0px,
    18px 7px,
    18.0px 7.0px,
    18.24px 5.19px,
    18.94px 3.5px,
    20.05px 2.05px,
    21.5px 0.94px,
    23.19px 0.24px,
    25.0px 0.0px,
    calc(100% - 25.0px) 0.0px,
    calc(100% - 23.19px) 0.24px,
    calc(100% - 21.5px) 0.94px,
    calc(100% - 20.05px) 2.05px,
    calc(100% - 18.94px) 3.5px,
    calc(100% - 18.24px) 5.19px,
    calc(100% - 18.0px) 7.0px,
    calc(100% - 18px) 7px,
    calc(100% - 18.0px) 11.0px,
    calc(100% - 17.76px) 12.81px,
    calc(100% - 17.06px) 14.5px,
    calc(100% - 15.95px) 15.95px,
    calc(100% - 14.5px) 17.06px,
    calc(100% - 12.81px) 17.76px,
    calc(100% - 11.0px) 18.0px,
    calc(100% - 11px) 18px,
    calc(100% - 7.0px) 18.0px,
    calc(100% - 5.19px) 18.24px,
    calc(100% - 3.5px) 18.94px,
    calc(100% - 2.05px) 20.05px,
    calc(100% - 0.94px) 21.5px,
    calc(100% - 0.24px) 23.19px,
    calc(100% - 0.0px) 25.0px,
    calc(100% - 0.0px) calc(100% - 25.0px),
    calc(100% - 0.24px) calc(100% - 23.19px),
    calc(100% - 0.94px) calc(100% - 21.5px),
    calc(100% - 2.05px) calc(100% - 20.05px),
    calc(100% - 3.5px) calc(100% - 18.94px),
    calc(100% - 5.19px) calc(100% - 18.24px),
    calc(100% - 7.0px) calc(100% - 18.0px),
    calc(100% - 11px) calc(100% - 18px),
    calc(100% - 11.0px) calc(100% - 18.0px),
    calc(100% - 12.81px) calc(100% - 17.76px),
    calc(100% - 14.5px) calc(100% - 17.06px),
    calc(100% - 15.95px) calc(100% - 15.95px),
    calc(100% - 17.06px) calc(100% - 14.5px),
    calc(100% - 17.76px) calc(100% - 12.81px),
    calc(100% - 18.0px) calc(100% - 11.0px),
    calc(100% - 18px) calc(100% - 7px),
    calc(100% - 18.0px) calc(100% - 7.0px),
    calc(100% - 18.24px) calc(100% - 5.19px),
    calc(100% - 18.94px) calc(100% - 3.5px),
    calc(100% - 20.05px) calc(100% - 2.05px),
    calc(100% - 21.5px) calc(100% - 0.94px),
    calc(100% - 23.19px) calc(100% - 0.24px),
    calc(100% - 25.0px) calc(100% - 0.0px),
    25.0px calc(100% - 0.0px),
    23.19px calc(100% - 0.24px),
    21.5px calc(100% - 0.94px),
    20.05px calc(100% - 2.05px),
    18.94px calc(100% - 3.5px),
    18.24px calc(100% - 5.19px),
    18.0px calc(100% - 7.0px),
    18px calc(100% - 7px),
    18.0px calc(100% - 11.0px),
    17.76px calc(100% - 12.81px),
    17.06px calc(100% - 14.5px),
    15.95px calc(100% - 15.95px),
    14.5px calc(100% - 17.06px),
    12.81px calc(100% - 17.76px),
    11.0px calc(100% - 18.0px),
    11px calc(100% - 18px),
    7.0px calc(100% - 18.0px),
    5.19px calc(100% - 18.24px),
    3.5px calc(100% - 18.94px),
    2.05px calc(100% - 20.05px),
    0.94px calc(100% - 21.5px),
    0.24px calc(100% - 23.19px),
    0.0px calc(100% - 25.0px)
  );
}
.iccard--side::after{
  inset:0;
  background:#FFFFFF;
  clip-path:polygon(
    0.0px 25.0px,
    0.24px 23.19px,
    0.94px 21.5px,
    2.05px 20.05px,
    3.5px 18.94px,
    5.19px 18.24px,
    7.0px 18.0px,
    11px 18px,
    11.0px 18.0px,
    12.81px 17.76px,
    14.5px 17.06px,
    15.95px 15.95px,
    17.06px 14.5px,
    17.76px 12.81px,
    18.0px 11.0px,
    18px 7px,
    18.0px 7.0px,
    18.24px 5.19px,
    18.94px 3.5px,
    20.05px 2.05px,
    21.5px 0.94px,
    23.19px 0.24px,
    25.0px 0.0px,
    calc(100% - 25.0px) 0.0px,
    calc(100% - 23.19px) 0.24px,
    calc(100% - 21.5px) 0.94px,
    calc(100% - 20.05px) 2.05px,
    calc(100% - 18.94px) 3.5px,
    calc(100% - 18.24px) 5.19px,
    calc(100% - 18.0px) 7.0px,
    calc(100% - 18px) 7px,
    calc(100% - 18.0px) 11.0px,
    calc(100% - 17.76px) 12.81px,
    calc(100% - 17.06px) 14.5px,
    calc(100% - 15.95px) 15.95px,
    calc(100% - 14.5px) 17.06px,
    calc(100% - 12.81px) 17.76px,
    calc(100% - 11.0px) 18.0px,
    calc(100% - 11px) 18px,
    calc(100% - 7.0px) 18.0px,
    calc(100% - 5.19px) 18.24px,
    calc(100% - 3.5px) 18.94px,
    calc(100% - 2.05px) 20.05px,
    calc(100% - 0.94px) 21.5px,
    calc(100% - 0.24px) 23.19px,
    calc(100% - 0.0px) 25.0px,
    calc(100% - 0.0px) calc(100% - 25.0px),
    calc(100% - 0.24px) calc(100% - 23.19px),
    calc(100% - 0.94px) calc(100% - 21.5px),
    calc(100% - 2.05px) calc(100% - 20.05px),
    calc(100% - 3.5px) calc(100% - 18.94px),
    calc(100% - 5.19px) calc(100% - 18.24px),
    calc(100% - 7.0px) calc(100% - 18.0px),
    calc(100% - 11px) calc(100% - 18px),
    calc(100% - 11.0px) calc(100% - 18.0px),
    calc(100% - 12.81px) calc(100% - 17.76px),
    calc(100% - 14.5px) calc(100% - 17.06px),
    calc(100% - 15.95px) calc(100% - 15.95px),
    calc(100% - 17.06px) calc(100% - 14.5px),
    calc(100% - 17.76px) calc(100% - 12.81px),
    calc(100% - 18.0px) calc(100% - 11.0px),
    calc(100% - 18px) calc(100% - 7px),
    calc(100% - 18.0px) calc(100% - 7.0px),
    calc(100% - 18.24px) calc(100% - 5.19px),
    calc(100% - 18.94px) calc(100% - 3.5px),
    calc(100% - 20.05px) calc(100% - 2.05px),
    calc(100% - 21.5px) calc(100% - 0.94px),
    calc(100% - 23.19px) calc(100% - 0.24px),
    calc(100% - 25.0px) calc(100% - 0.0px),
    25.0px calc(100% - 0.0px),
    23.19px calc(100% - 0.24px),
    21.5px calc(100% - 0.94px),
    20.05px calc(100% - 2.05px),
    18.94px calc(100% - 3.5px),
    18.24px calc(100% - 5.19px),
    18.0px calc(100% - 7.0px),
    18px calc(100% - 7px),
    18.0px calc(100% - 11.0px),
    17.76px calc(100% - 12.81px),
    17.06px calc(100% - 14.5px),
    15.95px calc(100% - 15.95px),
    14.5px calc(100% - 17.06px),
    12.81px calc(100% - 17.76px),
    11.0px calc(100% - 18.0px),
    11px calc(100% - 18px),
    7.0px calc(100% - 18.0px),
    5.19px calc(100% - 18.24px),
    3.5px calc(100% - 18.94px),
    2.05px calc(100% - 20.05px),
    0.94px calc(100% - 21.5px),
    0.24px calc(100% - 23.19px),
    0.0px calc(100% - 25.0px)
  );
}
.iccard--side > *{position:relative;z-index:1}
@media (max-width: 720px){
  .iccard--side::before{
    clip-path:polygon(
      0.0px 17.0px,
      0.17px 15.71px,
      0.67px 14.5px,
      1.46px 13.46px,
      2.5px 12.67px,
      3.71px 12.17px,
      5.0px 12.0px,
      7px 12px,
      7.0px 12.0px,
      8.29px 11.83px,
      9.5px 11.33px,
      10.54px 10.54px,
      11.33px 9.5px,
      11.83px 8.29px,
      12.0px 7.0px,
      12px 5px,
      12.0px 5.0px,
      12.17px 3.71px,
      12.67px 2.5px,
      13.46px 1.46px,
      14.5px 0.67px,
      15.71px 0.17px,
      17.0px 0.0px,
      calc(100% - 17.0px) 0.0px,
      calc(100% - 15.71px) 0.17px,
      calc(100% - 14.5px) 0.67px,
      calc(100% - 13.46px) 1.46px,
      calc(100% - 12.67px) 2.5px,
      calc(100% - 12.17px) 3.71px,
      calc(100% - 12.0px) 5.0px,
      calc(100% - 12px) 5px,
      calc(100% - 12.0px) 7.0px,
      calc(100% - 11.83px) 8.29px,
      calc(100% - 11.33px) 9.5px,
      calc(100% - 10.54px) 10.54px,
      calc(100% - 9.5px) 11.33px,
      calc(100% - 8.29px) 11.83px,
      calc(100% - 7.0px) 12.0px,
      calc(100% - 7px) 12px,
      calc(100% - 5.0px) 12.0px,
      calc(100% - 3.71px) 12.17px,
      calc(100% - 2.5px) 12.67px,
      calc(100% - 1.46px) 13.46px,
      calc(100% - 0.67px) 14.5px,
      calc(100% - 0.17px) 15.71px,
      calc(100% - 0.0px) 17.0px,
      calc(100% - 0.0px) calc(100% - 17.0px),
      calc(100% - 0.17px) calc(100% - 15.71px),
      calc(100% - 0.67px) calc(100% - 14.5px),
      calc(100% - 1.46px) calc(100% - 13.46px),
      calc(100% - 2.5px) calc(100% - 12.67px),
      calc(100% - 3.71px) calc(100% - 12.17px),
      calc(100% - 5.0px) calc(100% - 12.0px),
      calc(100% - 7px) calc(100% - 12px),
      calc(100% - 7.0px) calc(100% - 12.0px),
      calc(100% - 8.29px) calc(100% - 11.83px),
      calc(100% - 9.5px) calc(100% - 11.33px),
      calc(100% - 10.54px) calc(100% - 10.54px),
      calc(100% - 11.33px) calc(100% - 9.5px),
      calc(100% - 11.83px) calc(100% - 8.29px),
      calc(100% - 12.0px) calc(100% - 7.0px),
      calc(100% - 12px) calc(100% - 5px),
      calc(100% - 12.0px) calc(100% - 5.0px),
      calc(100% - 12.17px) calc(100% - 3.71px),
      calc(100% - 12.67px) calc(100% - 2.5px),
      calc(100% - 13.46px) calc(100% - 1.46px),
      calc(100% - 14.5px) calc(100% - 0.67px),
      calc(100% - 15.71px) calc(100% - 0.17px),
      calc(100% - 17.0px) calc(100% - 0.0px),
      17.0px calc(100% - 0.0px),
      15.71px calc(100% - 0.17px),
      14.5px calc(100% - 0.67px),
      13.46px calc(100% - 1.46px),
      12.67px calc(100% - 2.5px),
      12.17px calc(100% - 3.71px),
      12.0px calc(100% - 5.0px),
      12px calc(100% - 5px),
      12.0px calc(100% - 7.0px),
      11.83px calc(100% - 8.29px),
      11.33px calc(100% - 9.5px),
      10.54px calc(100% - 10.54px),
      9.5px calc(100% - 11.33px),
      8.29px calc(100% - 11.83px),
      7.0px calc(100% - 12.0px),
      7px calc(100% - 12px),
      5.0px calc(100% - 12.0px),
      3.71px calc(100% - 12.17px),
      2.5px calc(100% - 12.67px),
      1.46px calc(100% - 13.46px),
      0.67px calc(100% - 14.5px),
      0.17px calc(100% - 15.71px),
      0.0px calc(100% - 17.0px)
    );
  }
  .iccard--side::after{
    clip-path:polygon(
      0.0px 17.0px,
      0.17px 15.71px,
      0.67px 14.5px,
      1.46px 13.46px,
      2.5px 12.67px,
      3.71px 12.17px,
      5.0px 12.0px,
      7px 12px,
      7.0px 12.0px,
      8.29px 11.83px,
      9.5px 11.33px,
      10.54px 10.54px,
      11.33px 9.5px,
      11.83px 8.29px,
      12.0px 7.0px,
      12px 5px,
      12.0px 5.0px,
      12.17px 3.71px,
      12.67px 2.5px,
      13.46px 1.46px,
      14.5px 0.67px,
      15.71px 0.17px,
      17.0px 0.0px,
      calc(100% - 17.0px) 0.0px,
      calc(100% - 15.71px) 0.17px,
      calc(100% - 14.5px) 0.67px,
      calc(100% - 13.46px) 1.46px,
      calc(100% - 12.67px) 2.5px,
      calc(100% - 12.17px) 3.71px,
      calc(100% - 12.0px) 5.0px,
      calc(100% - 12px) 5px,
      calc(100% - 12.0px) 7.0px,
      calc(100% - 11.83px) 8.29px,
      calc(100% - 11.33px) 9.5px,
      calc(100% - 10.54px) 10.54px,
      calc(100% - 9.5px) 11.33px,
      calc(100% - 8.29px) 11.83px,
      calc(100% - 7.0px) 12.0px,
      calc(100% - 7px) 12px,
      calc(100% - 5.0px) 12.0px,
      calc(100% - 3.71px) 12.17px,
      calc(100% - 2.5px) 12.67px,
      calc(100% - 1.46px) 13.46px,
      calc(100% - 0.67px) 14.5px,
      calc(100% - 0.17px) 15.71px,
      calc(100% - 0.0px) 17.0px,
      calc(100% - 0.0px) calc(100% - 17.0px),
      calc(100% - 0.17px) calc(100% - 15.71px),
      calc(100% - 0.67px) calc(100% - 14.5px),
      calc(100% - 1.46px) calc(100% - 13.46px),
      calc(100% - 2.5px) calc(100% - 12.67px),
      calc(100% - 3.71px) calc(100% - 12.17px),
      calc(100% - 5.0px) calc(100% - 12.0px),
      calc(100% - 7px) calc(100% - 12px),
      calc(100% - 7.0px) calc(100% - 12.0px),
      calc(100% - 8.29px) calc(100% - 11.83px),
      calc(100% - 9.5px) calc(100% - 11.33px),
      calc(100% - 10.54px) calc(100% - 10.54px),
      calc(100% - 11.33px) calc(100% - 9.5px),
      calc(100% - 11.83px) calc(100% - 8.29px),
      calc(100% - 12.0px) calc(100% - 7.0px),
      calc(100% - 12px) calc(100% - 5px),
      calc(100% - 12.0px) calc(100% - 5.0px),
      calc(100% - 12.17px) calc(100% - 3.71px),
      calc(100% - 12.67px) calc(100% - 2.5px),
      calc(100% - 13.46px) calc(100% - 1.46px),
      calc(100% - 14.5px) calc(100% - 0.67px),
      calc(100% - 15.71px) calc(100% - 0.17px),
      calc(100% - 17.0px) calc(100% - 0.0px),
      17.0px calc(100% - 0.0px),
      15.71px calc(100% - 0.17px),
      14.5px calc(100% - 0.67px),
      13.46px calc(100% - 1.46px),
      12.67px calc(100% - 2.5px),
      12.17px calc(100% - 3.71px),
      12.0px calc(100% - 5.0px),
      12px calc(100% - 5px),
      12.0px calc(100% - 7.0px),
      11.83px calc(100% - 8.29px),
      11.33px calc(100% - 9.5px),
      10.54px calc(100% - 10.54px),
      9.5px calc(100% - 11.33px),
      8.29px calc(100% - 11.83px),
      7.0px calc(100% - 12.0px),
      7px calc(100% - 12px),
      5.0px calc(100% - 12.0px),
      3.71px calc(100% - 12.17px),
      2.5px calc(100% - 12.67px),
      1.46px calc(100% - 13.46px),
      0.67px calc(100% - 14.5px),
      0.17px calc(100% - 15.71px),
      0.0px calc(100% - 17.0px)
    );
  }
}

/* === Notch corners on the two overlays === */
.iccard__overlay--stat{
  border-radius:0 !important;
  border:0 !important;
  clip-path:polygon(
    0.0px 14.0px,
    0.14px 12.96px,
    0.54px 12.0px,
    1.17px 11.17px,
    2.0px 10.54px,
    2.96px 10.14px,
    4.0px 10.0px,
    6px 10px,
    6.0px 10.0px,
    7.04px 9.86px,
    8.0px 9.46px,
    8.83px 8.83px,
    9.46px 8.0px,
    9.86px 7.04px,
    10.0px 6.0px,
    10px 4px,
    10.0px 4.0px,
    10.14px 2.96px,
    10.54px 2.0px,
    11.17px 1.17px,
    12.0px 0.54px,
    12.96px 0.14px,
    14.0px 0.0px,
    calc(100% - 14.0px) 0.0px,
    calc(100% - 12.96px) 0.14px,
    calc(100% - 12.0px) 0.54px,
    calc(100% - 11.17px) 1.17px,
    calc(100% - 10.54px) 2.0px,
    calc(100% - 10.14px) 2.96px,
    calc(100% - 10.0px) 4.0px,
    calc(100% - 10px) 4px,
    calc(100% - 10.0px) 6.0px,
    calc(100% - 9.86px) 7.04px,
    calc(100% - 9.46px) 8.0px,
    calc(100% - 8.83px) 8.83px,
    calc(100% - 8.0px) 9.46px,
    calc(100% - 7.04px) 9.86px,
    calc(100% - 6.0px) 10.0px,
    calc(100% - 6px) 10px,
    calc(100% - 4.0px) 10.0px,
    calc(100% - 2.96px) 10.14px,
    calc(100% - 2.0px) 10.54px,
    calc(100% - 1.17px) 11.17px,
    calc(100% - 0.54px) 12.0px,
    calc(100% - 0.14px) 12.96px,
    calc(100% - 0.0px) 14.0px,
    calc(100% - 0.0px) calc(100% - 14.0px),
    calc(100% - 0.14px) calc(100% - 12.96px),
    calc(100% - 0.54px) calc(100% - 12.0px),
    calc(100% - 1.17px) calc(100% - 11.17px),
    calc(100% - 2.0px) calc(100% - 10.54px),
    calc(100% - 2.96px) calc(100% - 10.14px),
    calc(100% - 4.0px) calc(100% - 10.0px),
    calc(100% - 6px) calc(100% - 10px),
    calc(100% - 6.0px) calc(100% - 10.0px),
    calc(100% - 7.04px) calc(100% - 9.86px),
    calc(100% - 8.0px) calc(100% - 9.46px),
    calc(100% - 8.83px) calc(100% - 8.83px),
    calc(100% - 9.46px) calc(100% - 8.0px),
    calc(100% - 9.86px) calc(100% - 7.04px),
    calc(100% - 10.0px) calc(100% - 6.0px),
    calc(100% - 10px) calc(100% - 4px),
    calc(100% - 10.0px) calc(100% - 4.0px),
    calc(100% - 10.14px) calc(100% - 2.96px),
    calc(100% - 10.54px) calc(100% - 2.0px),
    calc(100% - 11.17px) calc(100% - 1.17px),
    calc(100% - 12.0px) calc(100% - 0.54px),
    calc(100% - 12.96px) calc(100% - 0.14px),
    calc(100% - 14.0px) calc(100% - 0.0px),
    14.0px calc(100% - 0.0px),
    12.96px calc(100% - 0.14px),
    12.0px calc(100% - 0.54px),
    11.17px calc(100% - 1.17px),
    10.54px calc(100% - 2.0px),
    10.14px calc(100% - 2.96px),
    10.0px calc(100% - 4.0px),
    10px calc(100% - 4px),
    10.0px calc(100% - 6.0px),
    9.86px calc(100% - 7.04px),
    9.46px calc(100% - 8.0px),
    8.83px calc(100% - 8.83px),
    8.0px calc(100% - 9.46px),
    7.04px calc(100% - 9.86px),
    6.0px calc(100% - 10.0px),
    6px calc(100% - 10px),
    4.0px calc(100% - 10.0px),
    2.96px calc(100% - 10.14px),
    2.0px calc(100% - 10.54px),
    1.17px calc(100% - 11.17px),
    0.54px calc(100% - 12.0px),
    0.14px calc(100% - 12.96px),
    0.0px calc(100% - 14.0px)
  );
}
.iccard__overlay--strip{
  border-radius:0 !important;
  clip-path:polygon(
    0.0px 14.0px,
    0.14px 12.96px,
    0.54px 12.0px,
    1.17px 11.17px,
    2.0px 10.54px,
    2.96px 10.14px,
    4.0px 10.0px,
    6px 10px,
    6.0px 10.0px,
    7.04px 9.86px,
    8.0px 9.46px,
    8.83px 8.83px,
    9.46px 8.0px,
    9.86px 7.04px,
    10.0px 6.0px,
    10px 4px,
    10.0px 4.0px,
    10.14px 2.96px,
    10.54px 2.0px,
    11.17px 1.17px,
    12.0px 0.54px,
    12.96px 0.14px,
    14.0px 0.0px,
    calc(100% - 14.0px) 0.0px,
    calc(100% - 12.96px) 0.14px,
    calc(100% - 12.0px) 0.54px,
    calc(100% - 11.17px) 1.17px,
    calc(100% - 10.54px) 2.0px,
    calc(100% - 10.14px) 2.96px,
    calc(100% - 10.0px) 4.0px,
    calc(100% - 10px) 4px,
    calc(100% - 10.0px) 6.0px,
    calc(100% - 9.86px) 7.04px,
    calc(100% - 9.46px) 8.0px,
    calc(100% - 8.83px) 8.83px,
    calc(100% - 8.0px) 9.46px,
    calc(100% - 7.04px) 9.86px,
    calc(100% - 6.0px) 10.0px,
    calc(100% - 6px) 10px,
    calc(100% - 4.0px) 10.0px,
    calc(100% - 2.96px) 10.14px,
    calc(100% - 2.0px) 10.54px,
    calc(100% - 1.17px) 11.17px,
    calc(100% - 0.54px) 12.0px,
    calc(100% - 0.14px) 12.96px,
    calc(100% - 0.0px) 14.0px,
    calc(100% - 0.0px) calc(100% - 14.0px),
    calc(100% - 0.14px) calc(100% - 12.96px),
    calc(100% - 0.54px) calc(100% - 12.0px),
    calc(100% - 1.17px) calc(100% - 11.17px),
    calc(100% - 2.0px) calc(100% - 10.54px),
    calc(100% - 2.96px) calc(100% - 10.14px),
    calc(100% - 4.0px) calc(100% - 10.0px),
    calc(100% - 6px) calc(100% - 10px),
    calc(100% - 6.0px) calc(100% - 10.0px),
    calc(100% - 7.04px) calc(100% - 9.86px),
    calc(100% - 8.0px) calc(100% - 9.46px),
    calc(100% - 8.83px) calc(100% - 8.83px),
    calc(100% - 9.46px) calc(100% - 8.0px),
    calc(100% - 9.86px) calc(100% - 7.04px),
    calc(100% - 10.0px) calc(100% - 6.0px),
    calc(100% - 10px) calc(100% - 4px),
    calc(100% - 10.0px) calc(100% - 4.0px),
    calc(100% - 10.14px) calc(100% - 2.96px),
    calc(100% - 10.54px) calc(100% - 2.0px),
    calc(100% - 11.17px) calc(100% - 1.17px),
    calc(100% - 12.0px) calc(100% - 0.54px),
    calc(100% - 12.96px) calc(100% - 0.14px),
    calc(100% - 14.0px) calc(100% - 0.0px),
    14.0px calc(100% - 0.0px),
    12.96px calc(100% - 0.14px),
    12.0px calc(100% - 0.54px),
    11.17px calc(100% - 1.17px),
    10.54px calc(100% - 2.0px),
    10.14px calc(100% - 2.96px),
    10.0px calc(100% - 4.0px),
    10px calc(100% - 4px),
    10.0px calc(100% - 6.0px),
    9.86px calc(100% - 7.04px),
    9.46px calc(100% - 8.0px),
    8.83px calc(100% - 8.83px),
    8.0px calc(100% - 9.46px),
    7.04px calc(100% - 9.86px),
    6.0px calc(100% - 10.0px),
    6px calc(100% - 10px),
    4.0px calc(100% - 10.0px),
    2.96px calc(100% - 10.14px),
    2.0px calc(100% - 10.54px),
    1.17px calc(100% - 11.17px),
    0.54px calc(100% - 12.0px),
    0.14px calc(100% - 12.96px),
    0.0px calc(100% - 14.0px)
  );
}
@media (max-width: 720px){
  .iccard__overlay--stat{
    clip-path:polygon(
      0.0px 11.0px,
      0.1px 10.22px,
      0.4px 9.5px,
      0.88px 8.88px,
      1.5px 8.4px,
      2.22px 8.1px,
      3.0px 8.0px,
      5px 8px,
      5.0px 8.0px,
      5.78px 7.9px,
      6.5px 7.6px,
      7.12px 7.12px,
      7.6px 6.5px,
      7.9px 5.78px,
      8.0px 5.0px,
      8px 3px,
      8.0px 3.0px,
      8.1px 2.22px,
      8.4px 1.5px,
      8.88px 0.88px,
      9.5px 0.4px,
      10.22px 0.1px,
      11.0px 0.0px,
      calc(100% - 11.0px) 0.0px,
      calc(100% - 10.22px) 0.1px,
      calc(100% - 9.5px) 0.4px,
      calc(100% - 8.88px) 0.88px,
      calc(100% - 8.4px) 1.5px,
      calc(100% - 8.1px) 2.22px,
      calc(100% - 8.0px) 3.0px,
      calc(100% - 8px) 3px,
      calc(100% - 8.0px) 5.0px,
      calc(100% - 7.9px) 5.78px,
      calc(100% - 7.6px) 6.5px,
      calc(100% - 7.12px) 7.12px,
      calc(100% - 6.5px) 7.6px,
      calc(100% - 5.78px) 7.9px,
      calc(100% - 5.0px) 8.0px,
      calc(100% - 5px) 8px,
      calc(100% - 3.0px) 8.0px,
      calc(100% - 2.22px) 8.1px,
      calc(100% - 1.5px) 8.4px,
      calc(100% - 0.88px) 8.88px,
      calc(100% - 0.4px) 9.5px,
      calc(100% - 0.1px) 10.22px,
      calc(100% - 0.0px) 11.0px,
      calc(100% - 0.0px) calc(100% - 11.0px),
      calc(100% - 0.1px) calc(100% - 10.22px),
      calc(100% - 0.4px) calc(100% - 9.5px),
      calc(100% - 0.88px) calc(100% - 8.88px),
      calc(100% - 1.5px) calc(100% - 8.4px),
      calc(100% - 2.22px) calc(100% - 8.1px),
      calc(100% - 3.0px) calc(100% - 8.0px),
      calc(100% - 5px) calc(100% - 8px),
      calc(100% - 5.0px) calc(100% - 8.0px),
      calc(100% - 5.78px) calc(100% - 7.9px),
      calc(100% - 6.5px) calc(100% - 7.6px),
      calc(100% - 7.12px) calc(100% - 7.12px),
      calc(100% - 7.6px) calc(100% - 6.5px),
      calc(100% - 7.9px) calc(100% - 5.78px),
      calc(100% - 8.0px) calc(100% - 5.0px),
      calc(100% - 8px) calc(100% - 3px),
      calc(100% - 8.0px) calc(100% - 3.0px),
      calc(100% - 8.1px) calc(100% - 2.22px),
      calc(100% - 8.4px) calc(100% - 1.5px),
      calc(100% - 8.88px) calc(100% - 0.88px),
      calc(100% - 9.5px) calc(100% - 0.4px),
      calc(100% - 10.22px) calc(100% - 0.1px),
      calc(100% - 11.0px) calc(100% - 0.0px),
      11.0px calc(100% - 0.0px),
      10.22px calc(100% - 0.1px),
      9.5px calc(100% - 0.4px),
      8.88px calc(100% - 0.88px),
      8.4px calc(100% - 1.5px),
      8.1px calc(100% - 2.22px),
      8.0px calc(100% - 3.0px),
      8px calc(100% - 3px),
      8.0px calc(100% - 5.0px),
      7.9px calc(100% - 5.78px),
      7.6px calc(100% - 6.5px),
      7.12px calc(100% - 7.12px),
      6.5px calc(100% - 7.6px),
      5.78px calc(100% - 7.9px),
      5.0px calc(100% - 8.0px),
      5px calc(100% - 8px),
      3.0px calc(100% - 8.0px),
      2.22px calc(100% - 8.1px),
      1.5px calc(100% - 8.4px),
      0.88px calc(100% - 8.88px),
      0.4px calc(100% - 9.5px),
      0.1px calc(100% - 10.22px),
      0.0px calc(100% - 11.0px)
    );
  }
  .iccard__overlay--strip{
    clip-path:polygon(
      0.0px 11.0px,
      0.1px 10.22px,
      0.4px 9.5px,
      0.88px 8.88px,
      1.5px 8.4px,
      2.22px 8.1px,
      3.0px 8.0px,
      5px 8px,
      5.0px 8.0px,
      5.78px 7.9px,
      6.5px 7.6px,
      7.12px 7.12px,
      7.6px 6.5px,
      7.9px 5.78px,
      8.0px 5.0px,
      8px 3px,
      8.0px 3.0px,
      8.1px 2.22px,
      8.4px 1.5px,
      8.88px 0.88px,
      9.5px 0.4px,
      10.22px 0.1px,
      11.0px 0.0px,
      calc(100% - 11.0px) 0.0px,
      calc(100% - 10.22px) 0.1px,
      calc(100% - 9.5px) 0.4px,
      calc(100% - 8.88px) 0.88px,
      calc(100% - 8.4px) 1.5px,
      calc(100% - 8.1px) 2.22px,
      calc(100% - 8.0px) 3.0px,
      calc(100% - 8px) 3px,
      calc(100% - 8.0px) 5.0px,
      calc(100% - 7.9px) 5.78px,
      calc(100% - 7.6px) 6.5px,
      calc(100% - 7.12px) 7.12px,
      calc(100% - 6.5px) 7.6px,
      calc(100% - 5.78px) 7.9px,
      calc(100% - 5.0px) 8.0px,
      calc(100% - 5px) 8px,
      calc(100% - 3.0px) 8.0px,
      calc(100% - 2.22px) 8.1px,
      calc(100% - 1.5px) 8.4px,
      calc(100% - 0.88px) 8.88px,
      calc(100% - 0.4px) 9.5px,
      calc(100% - 0.1px) 10.22px,
      calc(100% - 0.0px) 11.0px,
      calc(100% - 0.0px) calc(100% - 11.0px),
      calc(100% - 0.1px) calc(100% - 10.22px),
      calc(100% - 0.4px) calc(100% - 9.5px),
      calc(100% - 0.88px) calc(100% - 8.88px),
      calc(100% - 1.5px) calc(100% - 8.4px),
      calc(100% - 2.22px) calc(100% - 8.1px),
      calc(100% - 3.0px) calc(100% - 8.0px),
      calc(100% - 5px) calc(100% - 8px),
      calc(100% - 5.0px) calc(100% - 8.0px),
      calc(100% - 5.78px) calc(100% - 7.9px),
      calc(100% - 6.5px) calc(100% - 7.6px),
      calc(100% - 7.12px) calc(100% - 7.12px),
      calc(100% - 7.6px) calc(100% - 6.5px),
      calc(100% - 7.9px) calc(100% - 5.78px),
      calc(100% - 8.0px) calc(100% - 5.0px),
      calc(100% - 8px) calc(100% - 3px),
      calc(100% - 8.0px) calc(100% - 3.0px),
      calc(100% - 8.1px) calc(100% - 2.22px),
      calc(100% - 8.4px) calc(100% - 1.5px),
      calc(100% - 8.88px) calc(100% - 0.88px),
      calc(100% - 9.5px) calc(100% - 0.4px),
      calc(100% - 10.22px) calc(100% - 0.1px),
      calc(100% - 11.0px) calc(100% - 0.0px),
      11.0px calc(100% - 0.0px),
      10.22px calc(100% - 0.1px),
      9.5px calc(100% - 0.4px),
      8.88px calc(100% - 0.88px),
      8.4px calc(100% - 1.5px),
      8.1px calc(100% - 2.22px),
      8.0px calc(100% - 3.0px),
      8px calc(100% - 3px),
      8.0px calc(100% - 5.0px),
      7.9px calc(100% - 5.78px),
      7.6px calc(100% - 6.5px),
      7.12px calc(100% - 7.12px),
      6.5px calc(100% - 7.6px),
      5.78px calc(100% - 7.9px),
      5.0px calc(100% - 8.0px),
      5px calc(100% - 8px),
      3.0px calc(100% - 8.0px),
      2.22px calc(100% - 8.1px),
      1.5px calc(100% - 8.4px),
      0.88px calc(100% - 8.88px),
      0.4px calc(100% - 9.5px),
      0.1px calc(100% - 10.22px),
      0.0px calc(100% - 11.0px)
    );
  }
}

/* Notch corners on the dark High-Income-Skill pull box */
.ifx__pull{
  border-radius:0 !important;
  clip-path:polygon(
    0.0px 14.0px,
    0.14px 12.96px,
    0.54px 12.0px,
    1.17px 11.17px,
    2.0px 10.54px,
    2.96px 10.14px,
    4.0px 10.0px,
    6px 10px,
    6.0px 10.0px,
    7.04px 9.86px,
    8.0px 9.46px,
    8.83px 8.83px,
    9.46px 8.0px,
    9.86px 7.04px,
    10.0px 6.0px,
    10px 4px,
    10.0px 4.0px,
    10.14px 2.96px,
    10.54px 2.0px,
    11.17px 1.17px,
    12.0px 0.54px,
    12.96px 0.14px,
    14.0px 0.0px,
    calc(100% - 14.0px) 0.0px,
    calc(100% - 12.96px) 0.14px,
    calc(100% - 12.0px) 0.54px,
    calc(100% - 11.17px) 1.17px,
    calc(100% - 10.54px) 2.0px,
    calc(100% - 10.14px) 2.96px,
    calc(100% - 10.0px) 4.0px,
    calc(100% - 10px) 4px,
    calc(100% - 10.0px) 6.0px,
    calc(100% - 9.86px) 7.04px,
    calc(100% - 9.46px) 8.0px,
    calc(100% - 8.83px) 8.83px,
    calc(100% - 8.0px) 9.46px,
    calc(100% - 7.04px) 9.86px,
    calc(100% - 6.0px) 10.0px,
    calc(100% - 6px) 10px,
    calc(100% - 4.0px) 10.0px,
    calc(100% - 2.96px) 10.14px,
    calc(100% - 2.0px) 10.54px,
    calc(100% - 1.17px) 11.17px,
    calc(100% - 0.54px) 12.0px,
    calc(100% - 0.14px) 12.96px,
    calc(100% - 0.0px) 14.0px,
    calc(100% - 0.0px) calc(100% - 14.0px),
    calc(100% - 0.14px) calc(100% - 12.96px),
    calc(100% - 0.54px) calc(100% - 12.0px),
    calc(100% - 1.17px) calc(100% - 11.17px),
    calc(100% - 2.0px) calc(100% - 10.54px),
    calc(100% - 2.96px) calc(100% - 10.14px),
    calc(100% - 4.0px) calc(100% - 10.0px),
    calc(100% - 6px) calc(100% - 10px),
    calc(100% - 6.0px) calc(100% - 10.0px),
    calc(100% - 7.04px) calc(100% - 9.86px),
    calc(100% - 8.0px) calc(100% - 9.46px),
    calc(100% - 8.83px) calc(100% - 8.83px),
    calc(100% - 9.46px) calc(100% - 8.0px),
    calc(100% - 9.86px) calc(100% - 7.04px),
    calc(100% - 10.0px) calc(100% - 6.0px),
    calc(100% - 10px) calc(100% - 4px),
    calc(100% - 10.0px) calc(100% - 4.0px),
    calc(100% - 10.14px) calc(100% - 2.96px),
    calc(100% - 10.54px) calc(100% - 2.0px),
    calc(100% - 11.17px) calc(100% - 1.17px),
    calc(100% - 12.0px) calc(100% - 0.54px),
    calc(100% - 12.96px) calc(100% - 0.14px),
    calc(100% - 14.0px) calc(100% - 0.0px),
    14.0px calc(100% - 0.0px),
    12.96px calc(100% - 0.14px),
    12.0px calc(100% - 0.54px),
    11.17px calc(100% - 1.17px),
    10.54px calc(100% - 2.0px),
    10.14px calc(100% - 2.96px),
    10.0px calc(100% - 4.0px),
    10px calc(100% - 4px),
    10.0px calc(100% - 6.0px),
    9.86px calc(100% - 7.04px),
    9.46px calc(100% - 8.0px),
    8.83px calc(100% - 8.83px),
    8.0px calc(100% - 9.46px),
    7.04px calc(100% - 9.86px),
    6.0px calc(100% - 10.0px),
    6px calc(100% - 10px),
    4.0px calc(100% - 10.0px),
    2.96px calc(100% - 10.14px),
    2.0px calc(100% - 10.54px),
    1.17px calc(100% - 11.17px),
    0.54px calc(100% - 12.0px),
    0.14px calc(100% - 12.96px),
    0.0px calc(100% - 14.0px)
  );
}
@media (max-width: 720px){
  .ifx__pull{
    clip-path:polygon(
      0.0px 11.0px,
      0.1px 10.22px,
      0.4px 9.5px,
      0.88px 8.88px,
      1.5px 8.4px,
      2.22px 8.1px,
      3.0px 8.0px,
      5px 8px,
      5.0px 8.0px,
      5.78px 7.9px,
      6.5px 7.6px,
      7.12px 7.12px,
      7.6px 6.5px,
      7.9px 5.78px,
      8.0px 5.0px,
      8px 3px,
      8.0px 3.0px,
      8.1px 2.22px,
      8.4px 1.5px,
      8.88px 0.88px,
      9.5px 0.4px,
      10.22px 0.1px,
      11.0px 0.0px,
      calc(100% - 11.0px) 0.0px,
      calc(100% - 10.22px) 0.1px,
      calc(100% - 9.5px) 0.4px,
      calc(100% - 8.88px) 0.88px,
      calc(100% - 8.4px) 1.5px,
      calc(100% - 8.1px) 2.22px,
      calc(100% - 8.0px) 3.0px,
      calc(100% - 8px) 3px,
      calc(100% - 8.0px) 5.0px,
      calc(100% - 7.9px) 5.78px,
      calc(100% - 7.6px) 6.5px,
      calc(100% - 7.12px) 7.12px,
      calc(100% - 6.5px) 7.6px,
      calc(100% - 5.78px) 7.9px,
      calc(100% - 5.0px) 8.0px,
      calc(100% - 5px) 8px,
      calc(100% - 3.0px) 8.0px,
      calc(100% - 2.22px) 8.1px,
      calc(100% - 1.5px) 8.4px,
      calc(100% - 0.88px) 8.88px,
      calc(100% - 0.4px) 9.5px,
      calc(100% - 0.1px) 10.22px,
      calc(100% - 0.0px) 11.0px,
      calc(100% - 0.0px) calc(100% - 11.0px),
      calc(100% - 0.1px) calc(100% - 10.22px),
      calc(100% - 0.4px) calc(100% - 9.5px),
      calc(100% - 0.88px) calc(100% - 8.88px),
      calc(100% - 1.5px) calc(100% - 8.4px),
      calc(100% - 2.22px) calc(100% - 8.1px),
      calc(100% - 3.0px) calc(100% - 8.0px),
      calc(100% - 5px) calc(100% - 8px),
      calc(100% - 5.0px) calc(100% - 8.0px),
      calc(100% - 5.78px) calc(100% - 7.9px),
      calc(100% - 6.5px) calc(100% - 7.6px),
      calc(100% - 7.12px) calc(100% - 7.12px),
      calc(100% - 7.6px) calc(100% - 6.5px),
      calc(100% - 7.9px) calc(100% - 5.78px),
      calc(100% - 8.0px) calc(100% - 5.0px),
      calc(100% - 8px) calc(100% - 3px),
      calc(100% - 8.0px) calc(100% - 3.0px),
      calc(100% - 8.1px) calc(100% - 2.22px),
      calc(100% - 8.4px) calc(100% - 1.5px),
      calc(100% - 8.88px) calc(100% - 0.88px),
      calc(100% - 9.5px) calc(100% - 0.4px),
      calc(100% - 10.22px) calc(100% - 0.1px),
      calc(100% - 11.0px) calc(100% - 0.0px),
      11.0px calc(100% - 0.0px),
      10.22px calc(100% - 0.1px),
      9.5px calc(100% - 0.4px),
      8.88px calc(100% - 0.88px),
      8.4px calc(100% - 1.5px),
      8.1px calc(100% - 2.22px),
      8.0px calc(100% - 3.0px),
      8px calc(100% - 3px),
      8.0px calc(100% - 5.0px),
      7.9px calc(100% - 5.78px),
      7.6px calc(100% - 6.5px),
      7.12px calc(100% - 7.12px),
      6.5px calc(100% - 7.6px),
      5.78px calc(100% - 7.9px),
      5.0px calc(100% - 8.0px),
      5px calc(100% - 8px),
      3.0px calc(100% - 8.0px),
      2.22px calc(100% - 8.1px),
      1.5px calc(100% - 8.4px),
      0.88px calc(100% - 8.88px),
      0.4px calc(100% - 9.5px),
      0.1px calc(100% - 10.22px),
      0.0px calc(100% - 11.0px)
    );
  }
}

/* Notch corners on the three join-v step photo cards */
.join-v__card{
  border-radius:0 !important;
  clip-path:polygon(
    0.0px 28.0px,
    0.15px 26.44px,
    0.61px 24.94px,
    1.35px 23.56px,
    2.34px 22.34px,
    3.56px 21.35px,
    4.94px 20.61px,
    6.44px 20.15px,
    8.0px 20.0px,
    12px 20px,
    12.0px 20.0px,
    13.56px 19.85px,
    15.06px 19.39px,
    16.44px 18.65px,
    17.66px 17.66px,
    18.65px 16.44px,
    19.39px 15.06px,
    19.85px 13.56px,
    20.0px 12.0px,
    20px 8px,
    20.0px 8.0px,
    20.15px 6.44px,
    20.61px 4.94px,
    21.35px 3.56px,
    22.34px 2.34px,
    23.56px 1.35px,
    24.94px 0.61px,
    26.44px 0.15px,
    28.0px 0.0px,
    calc(100% - 28.0px) 0.0px,
    calc(100% - 26.44px) 0.15px,
    calc(100% - 24.94px) 0.61px,
    calc(100% - 23.56px) 1.35px,
    calc(100% - 22.34px) 2.34px,
    calc(100% - 21.35px) 3.56px,
    calc(100% - 20.61px) 4.94px,
    calc(100% - 20.15px) 6.44px,
    calc(100% - 20.0px) 8.0px,
    calc(100% - 20px) 8px,
    calc(100% - 20.0px) 12.0px,
    calc(100% - 19.85px) 13.56px,
    calc(100% - 19.39px) 15.06px,
    calc(100% - 18.65px) 16.44px,
    calc(100% - 17.66px) 17.66px,
    calc(100% - 16.44px) 18.65px,
    calc(100% - 15.06px) 19.39px,
    calc(100% - 13.56px) 19.85px,
    calc(100% - 12.0px) 20.0px,
    calc(100% - 12px) 20px,
    calc(100% - 8.0px) 20.0px,
    calc(100% - 6.44px) 20.15px,
    calc(100% - 4.94px) 20.61px,
    calc(100% - 3.56px) 21.35px,
    calc(100% - 2.34px) 22.34px,
    calc(100% - 1.35px) 23.56px,
    calc(100% - 0.61px) 24.94px,
    calc(100% - 0.15px) 26.44px,
    calc(100% - 0.0px) 28.0px,
    calc(100% - 0.0px) calc(100% - 28.0px),
    calc(100% - 0.15px) calc(100% - 26.44px),
    calc(100% - 0.61px) calc(100% - 24.94px),
    calc(100% - 1.35px) calc(100% - 23.56px),
    calc(100% - 2.34px) calc(100% - 22.34px),
    calc(100% - 3.56px) calc(100% - 21.35px),
    calc(100% - 4.94px) calc(100% - 20.61px),
    calc(100% - 6.44px) calc(100% - 20.15px),
    calc(100% - 8.0px) calc(100% - 20.0px),
    calc(100% - 12px) calc(100% - 20px),
    calc(100% - 12.0px) calc(100% - 20.0px),
    calc(100% - 13.56px) calc(100% - 19.85px),
    calc(100% - 15.06px) calc(100% - 19.39px),
    calc(100% - 16.44px) calc(100% - 18.65px),
    calc(100% - 17.66px) calc(100% - 17.66px),
    calc(100% - 18.65px) calc(100% - 16.44px),
    calc(100% - 19.39px) calc(100% - 15.06px),
    calc(100% - 19.85px) calc(100% - 13.56px),
    calc(100% - 20.0px) calc(100% - 12.0px),
    calc(100% - 20px) calc(100% - 8px),
    calc(100% - 20.0px) calc(100% - 8.0px),
    calc(100% - 20.15px) calc(100% - 6.44px),
    calc(100% - 20.61px) calc(100% - 4.94px),
    calc(100% - 21.35px) calc(100% - 3.56px),
    calc(100% - 22.34px) calc(100% - 2.34px),
    calc(100% - 23.56px) calc(100% - 1.35px),
    calc(100% - 24.94px) calc(100% - 0.61px),
    calc(100% - 26.44px) calc(100% - 0.15px),
    calc(100% - 28.0px) calc(100% - 0.0px),
    28.0px calc(100% - 0.0px),
    26.44px calc(100% - 0.15px),
    24.94px calc(100% - 0.61px),
    23.56px calc(100% - 1.35px),
    22.34px calc(100% - 2.34px),
    21.35px calc(100% - 3.56px),
    20.61px calc(100% - 4.94px),
    20.15px calc(100% - 6.44px),
    20.0px calc(100% - 8.0px),
    20px calc(100% - 8px),
    20.0px calc(100% - 12.0px),
    19.85px calc(100% - 13.56px),
    19.39px calc(100% - 15.06px),
    18.65px calc(100% - 16.44px),
    17.66px calc(100% - 17.66px),
    16.44px calc(100% - 18.65px),
    15.06px calc(100% - 19.39px),
    13.56px calc(100% - 19.85px),
    12.0px calc(100% - 20.0px),
    12px calc(100% - 20px),
    8.0px calc(100% - 20.0px),
    6.44px calc(100% - 20.15px),
    4.94px calc(100% - 20.61px),
    3.56px calc(100% - 21.35px),
    2.34px calc(100% - 22.34px),
    1.35px calc(100% - 23.56px),
    0.61px calc(100% - 24.94px),
    0.15px calc(100% - 26.44px),
    0.0px calc(100% - 28.0px)
  );
}
@media (max-width: 720px){
  .join-v__card{
    clip-path:polygon(
      0.0px 20.0px,
      0.12px 18.83px,
      0.46px 17.7px,
      1.01px 16.67px,
      1.76px 15.76px,
      2.67px 15.01px,
      3.7px 14.46px,
      4.83px 14.12px,
      6.0px 14.0px,
      8px 14px,
      8.0px 14.0px,
      9.17px 13.88px,
      10.3px 13.54px,
      11.33px 12.99px,
      12.24px 12.24px,
      12.99px 11.33px,
      13.54px 10.3px,
      13.88px 9.17px,
      14.0px 8.0px,
      14px 6px,
      14.0px 6.0px,
      14.12px 4.83px,
      14.46px 3.7px,
      15.01px 2.67px,
      15.76px 1.76px,
      16.67px 1.01px,
      17.7px 0.46px,
      18.83px 0.12px,
      20.0px 0.0px,
      calc(100% - 20.0px) 0.0px,
      calc(100% - 18.83px) 0.12px,
      calc(100% - 17.7px) 0.46px,
      calc(100% - 16.67px) 1.01px,
      calc(100% - 15.76px) 1.76px,
      calc(100% - 15.01px) 2.67px,
      calc(100% - 14.46px) 3.7px,
      calc(100% - 14.12px) 4.83px,
      calc(100% - 14.0px) 6.0px,
      calc(100% - 14px) 6px,
      calc(100% - 14.0px) 8.0px,
      calc(100% - 13.88px) 9.17px,
      calc(100% - 13.54px) 10.3px,
      calc(100% - 12.99px) 11.33px,
      calc(100% - 12.24px) 12.24px,
      calc(100% - 11.33px) 12.99px,
      calc(100% - 10.3px) 13.54px,
      calc(100% - 9.17px) 13.88px,
      calc(100% - 8.0px) 14.0px,
      calc(100% - 8px) 14px,
      calc(100% - 6.0px) 14.0px,
      calc(100% - 4.83px) 14.12px,
      calc(100% - 3.7px) 14.46px,
      calc(100% - 2.67px) 15.01px,
      calc(100% - 1.76px) 15.76px,
      calc(100% - 1.01px) 16.67px,
      calc(100% - 0.46px) 17.7px,
      calc(100% - 0.12px) 18.83px,
      calc(100% - 0.0px) 20.0px,
      calc(100% - 0.0px) calc(100% - 20.0px),
      calc(100% - 0.12px) calc(100% - 18.83px),
      calc(100% - 0.46px) calc(100% - 17.7px),
      calc(100% - 1.01px) calc(100% - 16.67px),
      calc(100% - 1.76px) calc(100% - 15.76px),
      calc(100% - 2.67px) calc(100% - 15.01px),
      calc(100% - 3.7px) calc(100% - 14.46px),
      calc(100% - 4.83px) calc(100% - 14.12px),
      calc(100% - 6.0px) calc(100% - 14.0px),
      calc(100% - 8px) calc(100% - 14px),
      calc(100% - 8.0px) calc(100% - 14.0px),
      calc(100% - 9.17px) calc(100% - 13.88px),
      calc(100% - 10.3px) calc(100% - 13.54px),
      calc(100% - 11.33px) calc(100% - 12.99px),
      calc(100% - 12.24px) calc(100% - 12.24px),
      calc(100% - 12.99px) calc(100% - 11.33px),
      calc(100% - 13.54px) calc(100% - 10.3px),
      calc(100% - 13.88px) calc(100% - 9.17px),
      calc(100% - 14.0px) calc(100% - 8.0px),
      calc(100% - 14px) calc(100% - 6px),
      calc(100% - 14.0px) calc(100% - 6.0px),
      calc(100% - 14.12px) calc(100% - 4.83px),
      calc(100% - 14.46px) calc(100% - 3.7px),
      calc(100% - 15.01px) calc(100% - 2.67px),
      calc(100% - 15.76px) calc(100% - 1.76px),
      calc(100% - 16.67px) calc(100% - 1.01px),
      calc(100% - 17.7px) calc(100% - 0.46px),
      calc(100% - 18.83px) calc(100% - 0.12px),
      calc(100% - 20.0px) calc(100% - 0.0px),
      20.0px calc(100% - 0.0px),
      18.83px calc(100% - 0.12px),
      17.7px calc(100% - 0.46px),
      16.67px calc(100% - 1.01px),
      15.76px calc(100% - 1.76px),
      15.01px calc(100% - 2.67px),
      14.46px calc(100% - 3.7px),
      14.12px calc(100% - 4.83px),
      14.0px calc(100% - 6.0px),
      14px calc(100% - 6px),
      14.0px calc(100% - 8.0px),
      13.88px calc(100% - 9.17px),
      13.54px calc(100% - 10.3px),
      12.99px calc(100% - 11.33px),
      12.24px calc(100% - 12.24px),
      11.33px calc(100% - 12.99px),
      10.3px calc(100% - 13.54px),
      9.17px calc(100% - 13.88px),
      8.0px calc(100% - 14.0px),
      8px calc(100% - 14px),
      6.0px calc(100% - 14.0px),
      4.83px calc(100% - 14.12px),
      3.7px calc(100% - 14.46px),
      2.67px calc(100% - 15.01px),
      1.76px calc(100% - 15.76px),
      1.01px calc(100% - 16.67px),
      0.46px calc(100% - 17.7px),
      0.12px calc(100% - 18.83px),
      0.0px calc(100% - 20.0px)
    );
  }
}

/* === Truth-V step cards — notch corners with hairline border (dual-pseudo) === */
.truth-v__step{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  position:relative;
  overflow:visible;
}
.truth-v__step::before,
.truth-v__step::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  transition:background .2s;
}
.truth-v__step::before{
  inset:-1px;
  background:rgba(21,23,28,0.10);
  clip-path:polygon(
    0.0px 19.0px,
    0.17px 17.71px,
    0.67px 16.5px,
    1.46px 15.46px,
    2.5px 14.67px,
    3.71px 14.17px,
    5.0px 14.0px,
    9px 14px,
    9.0px 14.0px,
    10.29px 13.83px,
    11.5px 13.33px,
    12.54px 12.54px,
    13.33px 11.5px,
    13.83px 10.29px,
    14.0px 9.0px,
    14px 5px,
    14.0px 5.0px,
    14.17px 3.71px,
    14.67px 2.5px,
    15.46px 1.46px,
    16.5px 0.67px,
    17.71px 0.17px,
    19.0px 0.0px,
    calc(100% - 19.0px) 0.0px,
    calc(100% - 17.71px) 0.17px,
    calc(100% - 16.5px) 0.67px,
    calc(100% - 15.46px) 1.46px,
    calc(100% - 14.67px) 2.5px,
    calc(100% - 14.17px) 3.71px,
    calc(100% - 14.0px) 5.0px,
    calc(100% - 14px) 5px,
    calc(100% - 14.0px) 9.0px,
    calc(100% - 13.83px) 10.29px,
    calc(100% - 13.33px) 11.5px,
    calc(100% - 12.54px) 12.54px,
    calc(100% - 11.5px) 13.33px,
    calc(100% - 10.29px) 13.83px,
    calc(100% - 9.0px) 14.0px,
    calc(100% - 9px) 14px,
    calc(100% - 5.0px) 14.0px,
    calc(100% - 3.71px) 14.17px,
    calc(100% - 2.5px) 14.67px,
    calc(100% - 1.46px) 15.46px,
    calc(100% - 0.67px) 16.5px,
    calc(100% - 0.17px) 17.71px,
    calc(100% - 0.0px) 19.0px,
    calc(100% - 0.0px) calc(100% - 19.0px),
    calc(100% - 0.17px) calc(100% - 17.71px),
    calc(100% - 0.67px) calc(100% - 16.5px),
    calc(100% - 1.46px) calc(100% - 15.46px),
    calc(100% - 2.5px) calc(100% - 14.67px),
    calc(100% - 3.71px) calc(100% - 14.17px),
    calc(100% - 5.0px) calc(100% - 14.0px),
    calc(100% - 9px) calc(100% - 14px),
    calc(100% - 9.0px) calc(100% - 14.0px),
    calc(100% - 10.29px) calc(100% - 13.83px),
    calc(100% - 11.5px) calc(100% - 13.33px),
    calc(100% - 12.54px) calc(100% - 12.54px),
    calc(100% - 13.33px) calc(100% - 11.5px),
    calc(100% - 13.83px) calc(100% - 10.29px),
    calc(100% - 14.0px) calc(100% - 9.0px),
    calc(100% - 14px) calc(100% - 5px),
    calc(100% - 14.0px) calc(100% - 5.0px),
    calc(100% - 14.17px) calc(100% - 3.71px),
    calc(100% - 14.67px) calc(100% - 2.5px),
    calc(100% - 15.46px) calc(100% - 1.46px),
    calc(100% - 16.5px) calc(100% - 0.67px),
    calc(100% - 17.71px) calc(100% - 0.17px),
    calc(100% - 19.0px) calc(100% - 0.0px),
    19.0px calc(100% - 0.0px),
    17.71px calc(100% - 0.17px),
    16.5px calc(100% - 0.67px),
    15.46px calc(100% - 1.46px),
    14.67px calc(100% - 2.5px),
    14.17px calc(100% - 3.71px),
    14.0px calc(100% - 5.0px),
    14px calc(100% - 5px),
    14.0px calc(100% - 9.0px),
    13.83px calc(100% - 10.29px),
    13.33px calc(100% - 11.5px),
    12.54px calc(100% - 12.54px),
    11.5px calc(100% - 13.33px),
    10.29px calc(100% - 13.83px),
    9.0px calc(100% - 14.0px),
    9px calc(100% - 14px),
    5.0px calc(100% - 14.0px),
    3.71px calc(100% - 14.17px),
    2.5px calc(100% - 14.67px),
    1.46px calc(100% - 15.46px),
    0.67px calc(100% - 16.5px),
    0.17px calc(100% - 17.71px),
    0.0px calc(100% - 19.0px)
  );
}
.truth-v__step::after{
  inset:0;
  background:#FFFFFF;
  clip-path:polygon(
    0.0px 19.0px,
    0.17px 17.71px,
    0.67px 16.5px,
    1.46px 15.46px,
    2.5px 14.67px,
    3.71px 14.17px,
    5.0px 14.0px,
    9px 14px,
    9.0px 14.0px,
    10.29px 13.83px,
    11.5px 13.33px,
    12.54px 12.54px,
    13.33px 11.5px,
    13.83px 10.29px,
    14.0px 9.0px,
    14px 5px,
    14.0px 5.0px,
    14.17px 3.71px,
    14.67px 2.5px,
    15.46px 1.46px,
    16.5px 0.67px,
    17.71px 0.17px,
    19.0px 0.0px,
    calc(100% - 19.0px) 0.0px,
    calc(100% - 17.71px) 0.17px,
    calc(100% - 16.5px) 0.67px,
    calc(100% - 15.46px) 1.46px,
    calc(100% - 14.67px) 2.5px,
    calc(100% - 14.17px) 3.71px,
    calc(100% - 14.0px) 5.0px,
    calc(100% - 14px) 5px,
    calc(100% - 14.0px) 9.0px,
    calc(100% - 13.83px) 10.29px,
    calc(100% - 13.33px) 11.5px,
    calc(100% - 12.54px) 12.54px,
    calc(100% - 11.5px) 13.33px,
    calc(100% - 10.29px) 13.83px,
    calc(100% - 9.0px) 14.0px,
    calc(100% - 9px) 14px,
    calc(100% - 5.0px) 14.0px,
    calc(100% - 3.71px) 14.17px,
    calc(100% - 2.5px) 14.67px,
    calc(100% - 1.46px) 15.46px,
    calc(100% - 0.67px) 16.5px,
    calc(100% - 0.17px) 17.71px,
    calc(100% - 0.0px) 19.0px,
    calc(100% - 0.0px) calc(100% - 19.0px),
    calc(100% - 0.17px) calc(100% - 17.71px),
    calc(100% - 0.67px) calc(100% - 16.5px),
    calc(100% - 1.46px) calc(100% - 15.46px),
    calc(100% - 2.5px) calc(100% - 14.67px),
    calc(100% - 3.71px) calc(100% - 14.17px),
    calc(100% - 5.0px) calc(100% - 14.0px),
    calc(100% - 9px) calc(100% - 14px),
    calc(100% - 9.0px) calc(100% - 14.0px),
    calc(100% - 10.29px) calc(100% - 13.83px),
    calc(100% - 11.5px) calc(100% - 13.33px),
    calc(100% - 12.54px) calc(100% - 12.54px),
    calc(100% - 13.33px) calc(100% - 11.5px),
    calc(100% - 13.83px) calc(100% - 10.29px),
    calc(100% - 14.0px) calc(100% - 9.0px),
    calc(100% - 14px) calc(100% - 5px),
    calc(100% - 14.0px) calc(100% - 5.0px),
    calc(100% - 14.17px) calc(100% - 3.71px),
    calc(100% - 14.67px) calc(100% - 2.5px),
    calc(100% - 15.46px) calc(100% - 1.46px),
    calc(100% - 16.5px) calc(100% - 0.67px),
    calc(100% - 17.71px) calc(100% - 0.17px),
    calc(100% - 19.0px) calc(100% - 0.0px),
    19.0px calc(100% - 0.0px),
    17.71px calc(100% - 0.17px),
    16.5px calc(100% - 0.67px),
    15.46px calc(100% - 1.46px),
    14.67px calc(100% - 2.5px),
    14.17px calc(100% - 3.71px),
    14.0px calc(100% - 5.0px),
    14px calc(100% - 5px),
    14.0px calc(100% - 9.0px),
    13.83px calc(100% - 10.29px),
    13.33px calc(100% - 11.5px),
    12.54px calc(100% - 12.54px),
    11.5px calc(100% - 13.33px),
    10.29px calc(100% - 13.83px),
    9.0px calc(100% - 14.0px),
    9px calc(100% - 14px),
    5.0px calc(100% - 14.0px),
    3.71px calc(100% - 14.17px),
    2.5px calc(100% - 14.67px),
    1.46px calc(100% - 15.46px),
    0.67px calc(100% - 16.5px),
    0.17px calc(100% - 17.71px),
    0.0px calc(100% - 19.0px)
  );
}
.truth-v__step:hover::before{background:rgba(21,23,28,0.20)}
.truth-v__step > *{position:relative;z-index:1}
@media (max-width: 720px){
  .truth-v__step::before{
    clip-path:polygon(
      0.0px 14.0px,
      0.14px 12.96px,
      0.54px 12.0px,
      1.17px 11.17px,
      2.0px 10.54px,
      2.96px 10.14px,
      4.0px 10.0px,
      6px 10px,
      6.0px 10.0px,
      7.04px 9.86px,
      8.0px 9.46px,
      8.83px 8.83px,
      9.46px 8.0px,
      9.86px 7.04px,
      10.0px 6.0px,
      10px 4px,
      10.0px 4.0px,
      10.14px 2.96px,
      10.54px 2.0px,
      11.17px 1.17px,
      12.0px 0.54px,
      12.96px 0.14px,
      14.0px 0.0px,
      calc(100% - 14.0px) 0.0px,
      calc(100% - 12.96px) 0.14px,
      calc(100% - 12.0px) 0.54px,
      calc(100% - 11.17px) 1.17px,
      calc(100% - 10.54px) 2.0px,
      calc(100% - 10.14px) 2.96px,
      calc(100% - 10.0px) 4.0px,
      calc(100% - 10px) 4px,
      calc(100% - 10.0px) 6.0px,
      calc(100% - 9.86px) 7.04px,
      calc(100% - 9.46px) 8.0px,
      calc(100% - 8.83px) 8.83px,
      calc(100% - 8.0px) 9.46px,
      calc(100% - 7.04px) 9.86px,
      calc(100% - 6.0px) 10.0px,
      calc(100% - 6px) 10px,
      calc(100% - 4.0px) 10.0px,
      calc(100% - 2.96px) 10.14px,
      calc(100% - 2.0px) 10.54px,
      calc(100% - 1.17px) 11.17px,
      calc(100% - 0.54px) 12.0px,
      calc(100% - 0.14px) 12.96px,
      calc(100% - 0.0px) 14.0px,
      calc(100% - 0.0px) calc(100% - 14.0px),
      calc(100% - 0.14px) calc(100% - 12.96px),
      calc(100% - 0.54px) calc(100% - 12.0px),
      calc(100% - 1.17px) calc(100% - 11.17px),
      calc(100% - 2.0px) calc(100% - 10.54px),
      calc(100% - 2.96px) calc(100% - 10.14px),
      calc(100% - 4.0px) calc(100% - 10.0px),
      calc(100% - 6px) calc(100% - 10px),
      calc(100% - 6.0px) calc(100% - 10.0px),
      calc(100% - 7.04px) calc(100% - 9.86px),
      calc(100% - 8.0px) calc(100% - 9.46px),
      calc(100% - 8.83px) calc(100% - 8.83px),
      calc(100% - 9.46px) calc(100% - 8.0px),
      calc(100% - 9.86px) calc(100% - 7.04px),
      calc(100% - 10.0px) calc(100% - 6.0px),
      calc(100% - 10px) calc(100% - 4px),
      calc(100% - 10.0px) calc(100% - 4.0px),
      calc(100% - 10.14px) calc(100% - 2.96px),
      calc(100% - 10.54px) calc(100% - 2.0px),
      calc(100% - 11.17px) calc(100% - 1.17px),
      calc(100% - 12.0px) calc(100% - 0.54px),
      calc(100% - 12.96px) calc(100% - 0.14px),
      calc(100% - 14.0px) calc(100% - 0.0px),
      14.0px calc(100% - 0.0px),
      12.96px calc(100% - 0.14px),
      12.0px calc(100% - 0.54px),
      11.17px calc(100% - 1.17px),
      10.54px calc(100% - 2.0px),
      10.14px calc(100% - 2.96px),
      10.0px calc(100% - 4.0px),
      10px calc(100% - 4px),
      10.0px calc(100% - 6.0px),
      9.86px calc(100% - 7.04px),
      9.46px calc(100% - 8.0px),
      8.83px calc(100% - 8.83px),
      8.0px calc(100% - 9.46px),
      7.04px calc(100% - 9.86px),
      6.0px calc(100% - 10.0px),
      6px calc(100% - 10px),
      4.0px calc(100% - 10.0px),
      2.96px calc(100% - 10.14px),
      2.0px calc(100% - 10.54px),
      1.17px calc(100% - 11.17px),
      0.54px calc(100% - 12.0px),
      0.14px calc(100% - 12.96px),
      0.0px calc(100% - 14.0px)
    );
  }
  .truth-v__step::after{
    clip-path:polygon(
      0.0px 14.0px,
      0.14px 12.96px,
      0.54px 12.0px,
      1.17px 11.17px,
      2.0px 10.54px,
      2.96px 10.14px,
      4.0px 10.0px,
      6px 10px,
      6.0px 10.0px,
      7.04px 9.86px,
      8.0px 9.46px,
      8.83px 8.83px,
      9.46px 8.0px,
      9.86px 7.04px,
      10.0px 6.0px,
      10px 4px,
      10.0px 4.0px,
      10.14px 2.96px,
      10.54px 2.0px,
      11.17px 1.17px,
      12.0px 0.54px,
      12.96px 0.14px,
      14.0px 0.0px,
      calc(100% - 14.0px) 0.0px,
      calc(100% - 12.96px) 0.14px,
      calc(100% - 12.0px) 0.54px,
      calc(100% - 11.17px) 1.17px,
      calc(100% - 10.54px) 2.0px,
      calc(100% - 10.14px) 2.96px,
      calc(100% - 10.0px) 4.0px,
      calc(100% - 10px) 4px,
      calc(100% - 10.0px) 6.0px,
      calc(100% - 9.86px) 7.04px,
      calc(100% - 9.46px) 8.0px,
      calc(100% - 8.83px) 8.83px,
      calc(100% - 8.0px) 9.46px,
      calc(100% - 7.04px) 9.86px,
      calc(100% - 6.0px) 10.0px,
      calc(100% - 6px) 10px,
      calc(100% - 4.0px) 10.0px,
      calc(100% - 2.96px) 10.14px,
      calc(100% - 2.0px) 10.54px,
      calc(100% - 1.17px) 11.17px,
      calc(100% - 0.54px) 12.0px,
      calc(100% - 0.14px) 12.96px,
      calc(100% - 0.0px) 14.0px,
      calc(100% - 0.0px) calc(100% - 14.0px),
      calc(100% - 0.14px) calc(100% - 12.96px),
      calc(100% - 0.54px) calc(100% - 12.0px),
      calc(100% - 1.17px) calc(100% - 11.17px),
      calc(100% - 2.0px) calc(100% - 10.54px),
      calc(100% - 2.96px) calc(100% - 10.14px),
      calc(100% - 4.0px) calc(100% - 10.0px),
      calc(100% - 6px) calc(100% - 10px),
      calc(100% - 6.0px) calc(100% - 10.0px),
      calc(100% - 7.04px) calc(100% - 9.86px),
      calc(100% - 8.0px) calc(100% - 9.46px),
      calc(100% - 8.83px) calc(100% - 8.83px),
      calc(100% - 9.46px) calc(100% - 8.0px),
      calc(100% - 9.86px) calc(100% - 7.04px),
      calc(100% - 10.0px) calc(100% - 6.0px),
      calc(100% - 10px) calc(100% - 4px),
      calc(100% - 10.0px) calc(100% - 4.0px),
      calc(100% - 10.14px) calc(100% - 2.96px),
      calc(100% - 10.54px) calc(100% - 2.0px),
      calc(100% - 11.17px) calc(100% - 1.17px),
      calc(100% - 12.0px) calc(100% - 0.54px),
      calc(100% - 12.96px) calc(100% - 0.14px),
      calc(100% - 14.0px) calc(100% - 0.0px),
      14.0px calc(100% - 0.0px),
      12.96px calc(100% - 0.14px),
      12.0px calc(100% - 0.54px),
      11.17px calc(100% - 1.17px),
      10.54px calc(100% - 2.0px),
      10.14px calc(100% - 2.96px),
      10.0px calc(100% - 4.0px),
      10px calc(100% - 4px),
      10.0px calc(100% - 6.0px),
      9.86px calc(100% - 7.04px),
      9.46px calc(100% - 8.0px),
      8.83px calc(100% - 8.83px),
      8.0px calc(100% - 9.46px),
      7.04px calc(100% - 9.86px),
      6.0px calc(100% - 10.0px),
      6px calc(100% - 10px),
      4.0px calc(100% - 10.0px),
      2.96px calc(100% - 10.14px),
      2.0px calc(100% - 10.54px),
      1.17px calc(100% - 11.17px),
      0.54px calc(100% - 12.0px),
      0.14px calc(100% - 12.96px),
      0.0px calc(100% - 14.0px)
    );
  }
}

/* Aleks block: notch corners on photo + white finale card */
.aleksA__photo{
  border-radius:0 !important;
  clip-path:polygon(
    0.0px 30.0px,
    0.15px 28.44px,
    0.61px 26.94px,
    1.35px 25.56px,
    2.34px 24.34px,
    3.56px 23.35px,
    4.94px 22.61px,
    6.44px 22.15px,
    8.0px 22.0px,
    14px 22px,
    14.0px 22.0px,
    15.56px 21.85px,
    17.06px 21.39px,
    18.44px 20.65px,
    19.66px 19.66px,
    20.65px 18.44px,
    21.39px 17.06px,
    21.85px 15.56px,
    22.0px 14.0px,
    22px 8px,
    22.0px 8.0px,
    22.15px 6.44px,
    22.61px 4.94px,
    23.35px 3.56px,
    24.34px 2.34px,
    25.56px 1.35px,
    26.94px 0.61px,
    28.44px 0.15px,
    30.0px 0.0px,
    calc(100% - 30.0px) 0.0px,
    calc(100% - 28.44px) 0.15px,
    calc(100% - 26.94px) 0.61px,
    calc(100% - 25.56px) 1.35px,
    calc(100% - 24.34px) 2.34px,
    calc(100% - 23.35px) 3.56px,
    calc(100% - 22.61px) 4.94px,
    calc(100% - 22.15px) 6.44px,
    calc(100% - 22.0px) 8.0px,
    calc(100% - 22px) 8px,
    calc(100% - 22.0px) 14.0px,
    calc(100% - 21.85px) 15.56px,
    calc(100% - 21.39px) 17.06px,
    calc(100% - 20.65px) 18.44px,
    calc(100% - 19.66px) 19.66px,
    calc(100% - 18.44px) 20.65px,
    calc(100% - 17.06px) 21.39px,
    calc(100% - 15.56px) 21.85px,
    calc(100% - 14.0px) 22.0px,
    calc(100% - 14px) 22px,
    calc(100% - 8.0px) 22.0px,
    calc(100% - 6.44px) 22.15px,
    calc(100% - 4.94px) 22.61px,
    calc(100% - 3.56px) 23.35px,
    calc(100% - 2.34px) 24.34px,
    calc(100% - 1.35px) 25.56px,
    calc(100% - 0.61px) 26.94px,
    calc(100% - 0.15px) 28.44px,
    calc(100% - 0.0px) 30.0px,
    calc(100% - 0.0px) calc(100% - 30.0px),
    calc(100% - 0.15px) calc(100% - 28.44px),
    calc(100% - 0.61px) calc(100% - 26.94px),
    calc(100% - 1.35px) calc(100% - 25.56px),
    calc(100% - 2.34px) calc(100% - 24.34px),
    calc(100% - 3.56px) calc(100% - 23.35px),
    calc(100% - 4.94px) calc(100% - 22.61px),
    calc(100% - 6.44px) calc(100% - 22.15px),
    calc(100% - 8.0px) calc(100% - 22.0px),
    calc(100% - 14px) calc(100% - 22px),
    calc(100% - 14.0px) calc(100% - 22.0px),
    calc(100% - 15.56px) calc(100% - 21.85px),
    calc(100% - 17.06px) calc(100% - 21.39px),
    calc(100% - 18.44px) calc(100% - 20.65px),
    calc(100% - 19.66px) calc(100% - 19.66px),
    calc(100% - 20.65px) calc(100% - 18.44px),
    calc(100% - 21.39px) calc(100% - 17.06px),
    calc(100% - 21.85px) calc(100% - 15.56px),
    calc(100% - 22.0px) calc(100% - 14.0px),
    calc(100% - 22px) calc(100% - 8px),
    calc(100% - 22.0px) calc(100% - 8.0px),
    calc(100% - 22.15px) calc(100% - 6.44px),
    calc(100% - 22.61px) calc(100% - 4.94px),
    calc(100% - 23.35px) calc(100% - 3.56px),
    calc(100% - 24.34px) calc(100% - 2.34px),
    calc(100% - 25.56px) calc(100% - 1.35px),
    calc(100% - 26.94px) calc(100% - 0.61px),
    calc(100% - 28.44px) calc(100% - 0.15px),
    calc(100% - 30.0px) calc(100% - 0.0px),
    30.0px calc(100% - 0.0px),
    28.44px calc(100% - 0.15px),
    26.94px calc(100% - 0.61px),
    25.56px calc(100% - 1.35px),
    24.34px calc(100% - 2.34px),
    23.35px calc(100% - 3.56px),
    22.61px calc(100% - 4.94px),
    22.15px calc(100% - 6.44px),
    22.0px calc(100% - 8.0px),
    22px calc(100% - 8px),
    22.0px calc(100% - 14.0px),
    21.85px calc(100% - 15.56px),
    21.39px calc(100% - 17.06px),
    20.65px calc(100% - 18.44px),
    19.66px calc(100% - 19.66px),
    18.44px calc(100% - 20.65px),
    17.06px calc(100% - 21.39px),
    15.56px calc(100% - 21.85px),
    14.0px calc(100% - 22.0px),
    14px calc(100% - 22px),
    8.0px calc(100% - 22.0px),
    6.44px calc(100% - 22.15px),
    4.94px calc(100% - 22.61px),
    3.56px calc(100% - 23.35px),
    2.34px calc(100% - 24.34px),
    1.35px calc(100% - 25.56px),
    0.61px calc(100% - 26.94px),
    0.15px calc(100% - 28.44px),
    0.0px calc(100% - 30.0px)
  );
}
.aleksA__finale{
  border-radius:0 !important;
  clip-path:polygon(
    0.0px 19.0px,
    0.1px 18.02px,
    0.38px 17.09px,
    0.84px 16.22px,
    1.46px 15.46px,
    2.22px 14.84px,
    3.09px 14.38px,
    4.02px 14.1px,
    5.0px 14.0px,
    9px 14px,
    9.0px 14.0px,
    9.98px 13.9px,
    10.91px 13.62px,
    11.78px 13.16px,
    12.54px 12.54px,
    13.16px 11.78px,
    13.62px 10.91px,
    13.9px 9.98px,
    14.0px 9.0px,
    14px 5px,
    14.0px 5.0px,
    14.1px 4.02px,
    14.38px 3.09px,
    14.84px 2.22px,
    15.46px 1.46px,
    16.22px 0.84px,
    17.09px 0.38px,
    18.02px 0.1px,
    19.0px 0.0px,
    calc(100% - 19.0px) 0.0px,
    calc(100% - 18.02px) 0.1px,
    calc(100% - 17.09px) 0.38px,
    calc(100% - 16.22px) 0.84px,
    calc(100% - 15.46px) 1.46px,
    calc(100% - 14.84px) 2.22px,
    calc(100% - 14.38px) 3.09px,
    calc(100% - 14.1px) 4.02px,
    calc(100% - 14.0px) 5.0px,
    calc(100% - 14px) 5px,
    calc(100% - 14.0px) 9.0px,
    calc(100% - 13.9px) 9.98px,
    calc(100% - 13.62px) 10.91px,
    calc(100% - 13.16px) 11.78px,
    calc(100% - 12.54px) 12.54px,
    calc(100% - 11.78px) 13.16px,
    calc(100% - 10.91px) 13.62px,
    calc(100% - 9.98px) 13.9px,
    calc(100% - 9.0px) 14.0px,
    calc(100% - 9px) 14px,
    calc(100% - 5.0px) 14.0px,
    calc(100% - 4.02px) 14.1px,
    calc(100% - 3.09px) 14.38px,
    calc(100% - 2.22px) 14.84px,
    calc(100% - 1.46px) 15.46px,
    calc(100% - 0.84px) 16.22px,
    calc(100% - 0.38px) 17.09px,
    calc(100% - 0.1px) 18.02px,
    calc(100% - 0.0px) 19.0px,
    calc(100% - 0.0px) calc(100% - 19.0px),
    calc(100% - 0.1px) calc(100% - 18.02px),
    calc(100% - 0.38px) calc(100% - 17.09px),
    calc(100% - 0.84px) calc(100% - 16.22px),
    calc(100% - 1.46px) calc(100% - 15.46px),
    calc(100% - 2.22px) calc(100% - 14.84px),
    calc(100% - 3.09px) calc(100% - 14.38px),
    calc(100% - 4.02px) calc(100% - 14.1px),
    calc(100% - 5.0px) calc(100% - 14.0px),
    calc(100% - 9px) calc(100% - 14px),
    calc(100% - 9.0px) calc(100% - 14.0px),
    calc(100% - 9.98px) calc(100% - 13.9px),
    calc(100% - 10.91px) calc(100% - 13.62px),
    calc(100% - 11.78px) calc(100% - 13.16px),
    calc(100% - 12.54px) calc(100% - 12.54px),
    calc(100% - 13.16px) calc(100% - 11.78px),
    calc(100% - 13.62px) calc(100% - 10.91px),
    calc(100% - 13.9px) calc(100% - 9.98px),
    calc(100% - 14.0px) calc(100% - 9.0px),
    calc(100% - 14px) calc(100% - 5px),
    calc(100% - 14.0px) calc(100% - 5.0px),
    calc(100% - 14.1px) calc(100% - 4.02px),
    calc(100% - 14.38px) calc(100% - 3.09px),
    calc(100% - 14.84px) calc(100% - 2.22px),
    calc(100% - 15.46px) calc(100% - 1.46px),
    calc(100% - 16.22px) calc(100% - 0.84px),
    calc(100% - 17.09px) calc(100% - 0.38px),
    calc(100% - 18.02px) calc(100% - 0.1px),
    calc(100% - 19.0px) calc(100% - 0.0px),
    19.0px calc(100% - 0.0px),
    18.02px calc(100% - 0.1px),
    17.09px calc(100% - 0.38px),
    16.22px calc(100% - 0.84px),
    15.46px calc(100% - 1.46px),
    14.84px calc(100% - 2.22px),
    14.38px calc(100% - 3.09px),
    14.1px calc(100% - 4.02px),
    14.0px calc(100% - 5.0px),
    14px calc(100% - 5px),
    14.0px calc(100% - 9.0px),
    13.9px calc(100% - 9.98px),
    13.62px calc(100% - 10.91px),
    13.16px calc(100% - 11.78px),
    12.54px calc(100% - 12.54px),
    11.78px calc(100% - 13.16px),
    10.91px calc(100% - 13.62px),
    9.98px calc(100% - 13.9px),
    9.0px calc(100% - 14.0px),
    9px calc(100% - 14px),
    5.0px calc(100% - 14.0px),
    4.02px calc(100% - 14.1px),
    3.09px calc(100% - 14.38px),
    2.22px calc(100% - 14.84px),
    1.46px calc(100% - 15.46px),
    0.84px calc(100% - 16.22px),
    0.38px calc(100% - 17.09px),
    0.1px calc(100% - 18.02px),
    0.0px calc(100% - 19.0px)
  );
}
@media (max-width: 720px){
  .aleksA__photo{
    clip-path:polygon(
      0.0px 20.0px,
      0.12px 18.83px,
      0.46px 17.7px,
      1.01px 16.67px,
      1.76px 15.76px,
      2.67px 15.01px,
      3.7px 14.46px,
      4.83px 14.12px,
      6.0px 14.0px,
      8px 14px,
      8.0px 14.0px,
      9.17px 13.88px,
      10.3px 13.54px,
      11.33px 12.99px,
      12.24px 12.24px,
      12.99px 11.33px,
      13.54px 10.3px,
      13.88px 9.17px,
      14.0px 8.0px,
      14px 6px,
      14.0px 6.0px,
      14.12px 4.83px,
      14.46px 3.7px,
      15.01px 2.67px,
      15.76px 1.76px,
      16.67px 1.01px,
      17.7px 0.46px,
      18.83px 0.12px,
      20.0px 0.0px,
      calc(100% - 20.0px) 0.0px,
      calc(100% - 18.83px) 0.12px,
      calc(100% - 17.7px) 0.46px,
      calc(100% - 16.67px) 1.01px,
      calc(100% - 15.76px) 1.76px,
      calc(100% - 15.01px) 2.67px,
      calc(100% - 14.46px) 3.7px,
      calc(100% - 14.12px) 4.83px,
      calc(100% - 14.0px) 6.0px,
      calc(100% - 14px) 6px,
      calc(100% - 14.0px) 8.0px,
      calc(100% - 13.88px) 9.17px,
      calc(100% - 13.54px) 10.3px,
      calc(100% - 12.99px) 11.33px,
      calc(100% - 12.24px) 12.24px,
      calc(100% - 11.33px) 12.99px,
      calc(100% - 10.3px) 13.54px,
      calc(100% - 9.17px) 13.88px,
      calc(100% - 8.0px) 14.0px,
      calc(100% - 8px) 14px,
      calc(100% - 6.0px) 14.0px,
      calc(100% - 4.83px) 14.12px,
      calc(100% - 3.7px) 14.46px,
      calc(100% - 2.67px) 15.01px,
      calc(100% - 1.76px) 15.76px,
      calc(100% - 1.01px) 16.67px,
      calc(100% - 0.46px) 17.7px,
      calc(100% - 0.12px) 18.83px,
      calc(100% - 0.0px) 20.0px,
      calc(100% - 0.0px) calc(100% - 20.0px),
      calc(100% - 0.12px) calc(100% - 18.83px),
      calc(100% - 0.46px) calc(100% - 17.7px),
      calc(100% - 1.01px) calc(100% - 16.67px),
      calc(100% - 1.76px) calc(100% - 15.76px),
      calc(100% - 2.67px) calc(100% - 15.01px),
      calc(100% - 3.7px) calc(100% - 14.46px),
      calc(100% - 4.83px) calc(100% - 14.12px),
      calc(100% - 6.0px) calc(100% - 14.0px),
      calc(100% - 8px) calc(100% - 14px),
      calc(100% - 8.0px) calc(100% - 14.0px),
      calc(100% - 9.17px) calc(100% - 13.88px),
      calc(100% - 10.3px) calc(100% - 13.54px),
      calc(100% - 11.33px) calc(100% - 12.99px),
      calc(100% - 12.24px) calc(100% - 12.24px),
      calc(100% - 12.99px) calc(100% - 11.33px),
      calc(100% - 13.54px) calc(100% - 10.3px),
      calc(100% - 13.88px) calc(100% - 9.17px),
      calc(100% - 14.0px) calc(100% - 8.0px),
      calc(100% - 14px) calc(100% - 6px),
      calc(100% - 14.0px) calc(100% - 6.0px),
      calc(100% - 14.12px) calc(100% - 4.83px),
      calc(100% - 14.46px) calc(100% - 3.7px),
      calc(100% - 15.01px) calc(100% - 2.67px),
      calc(100% - 15.76px) calc(100% - 1.76px),
      calc(100% - 16.67px) calc(100% - 1.01px),
      calc(100% - 17.7px) calc(100% - 0.46px),
      calc(100% - 18.83px) calc(100% - 0.12px),
      calc(100% - 20.0px) calc(100% - 0.0px),
      20.0px calc(100% - 0.0px),
      18.83px calc(100% - 0.12px),
      17.7px calc(100% - 0.46px),
      16.67px calc(100% - 1.01px),
      15.76px calc(100% - 1.76px),
      15.01px calc(100% - 2.67px),
      14.46px calc(100% - 3.7px),
      14.12px calc(100% - 4.83px),
      14.0px calc(100% - 6.0px),
      14px calc(100% - 6px),
      14.0px calc(100% - 8.0px),
      13.88px calc(100% - 9.17px),
      13.54px calc(100% - 10.3px),
      12.99px calc(100% - 11.33px),
      12.24px calc(100% - 12.24px),
      11.33px calc(100% - 12.99px),
      10.3px calc(100% - 13.54px),
      9.17px calc(100% - 13.88px),
      8.0px calc(100% - 14.0px),
      8px calc(100% - 14px),
      6.0px calc(100% - 14.0px),
      4.83px calc(100% - 14.12px),
      3.7px calc(100% - 14.46px),
      2.67px calc(100% - 15.01px),
      1.76px calc(100% - 15.76px),
      1.01px calc(100% - 16.67px),
      0.46px calc(100% - 17.7px),
      0.12px calc(100% - 18.83px),
      0.0px calc(100% - 20.0px)
    );
  }
  .aleksA__finale{
    clip-path:polygon(
      0.0px 14.0px,
      0.08px 13.22px,
      0.3px 12.47px,
      0.67px 11.78px,
      1.17px 11.17px,
      1.78px 10.67px,
      2.47px 10.3px,
      3.22px 10.08px,
      4.0px 10.0px,
      6px 10px,
      6.0px 10.0px,
      6.78px 9.92px,
      7.53px 9.7px,
      8.22px 9.33px,
      8.83px 8.83px,
      9.33px 8.22px,
      9.7px 7.53px,
      9.92px 6.78px,
      10.0px 6.0px,
      10px 4px,
      10.0px 4.0px,
      10.08px 3.22px,
      10.3px 2.47px,
      10.67px 1.78px,
      11.17px 1.17px,
      11.78px 0.67px,
      12.47px 0.3px,
      13.22px 0.08px,
      14.0px 0.0px,
      calc(100% - 14.0px) 0.0px,
      calc(100% - 13.22px) 0.08px,
      calc(100% - 12.47px) 0.3px,
      calc(100% - 11.78px) 0.67px,
      calc(100% - 11.17px) 1.17px,
      calc(100% - 10.67px) 1.78px,
      calc(100% - 10.3px) 2.47px,
      calc(100% - 10.08px) 3.22px,
      calc(100% - 10.0px) 4.0px,
      calc(100% - 10px) 4px,
      calc(100% - 10.0px) 6.0px,
      calc(100% - 9.92px) 6.78px,
      calc(100% - 9.7px) 7.53px,
      calc(100% - 9.33px) 8.22px,
      calc(100% - 8.83px) 8.83px,
      calc(100% - 8.22px) 9.33px,
      calc(100% - 7.53px) 9.7px,
      calc(100% - 6.78px) 9.92px,
      calc(100% - 6.0px) 10.0px,
      calc(100% - 6px) 10px,
      calc(100% - 4.0px) 10.0px,
      calc(100% - 3.22px) 10.08px,
      calc(100% - 2.47px) 10.3px,
      calc(100% - 1.78px) 10.67px,
      calc(100% - 1.17px) 11.17px,
      calc(100% - 0.67px) 11.78px,
      calc(100% - 0.3px) 12.47px,
      calc(100% - 0.08px) 13.22px,
      calc(100% - 0.0px) 14.0px,
      calc(100% - 0.0px) calc(100% - 14.0px),
      calc(100% - 0.08px) calc(100% - 13.22px),
      calc(100% - 0.3px) calc(100% - 12.47px),
      calc(100% - 0.67px) calc(100% - 11.78px),
      calc(100% - 1.17px) calc(100% - 11.17px),
      calc(100% - 1.78px) calc(100% - 10.67px),
      calc(100% - 2.47px) calc(100% - 10.3px),
      calc(100% - 3.22px) calc(100% - 10.08px),
      calc(100% - 4.0px) calc(100% - 10.0px),
      calc(100% - 6px) calc(100% - 10px),
      calc(100% - 6.0px) calc(100% - 10.0px),
      calc(100% - 6.78px) calc(100% - 9.92px),
      calc(100% - 7.53px) calc(100% - 9.7px),
      calc(100% - 8.22px) calc(100% - 9.33px),
      calc(100% - 8.83px) calc(100% - 8.83px),
      calc(100% - 9.33px) calc(100% - 8.22px),
      calc(100% - 9.7px) calc(100% - 7.53px),
      calc(100% - 9.92px) calc(100% - 6.78px),
      calc(100% - 10.0px) calc(100% - 6.0px),
      calc(100% - 10px) calc(100% - 4px),
      calc(100% - 10.0px) calc(100% - 4.0px),
      calc(100% - 10.08px) calc(100% - 3.22px),
      calc(100% - 10.3px) calc(100% - 2.47px),
      calc(100% - 10.67px) calc(100% - 1.78px),
      calc(100% - 11.17px) calc(100% - 1.17px),
      calc(100% - 11.78px) calc(100% - 0.67px),
      calc(100% - 12.47px) calc(100% - 0.3px),
      calc(100% - 13.22px) calc(100% - 0.08px),
      calc(100% - 14.0px) calc(100% - 0.0px),
      14.0px calc(100% - 0.0px),
      13.22px calc(100% - 0.08px),
      12.47px calc(100% - 0.3px),
      11.78px calc(100% - 0.67px),
      11.17px calc(100% - 1.17px),
      10.67px calc(100% - 1.78px),
      10.3px calc(100% - 2.47px),
      10.08px calc(100% - 3.22px),
      10.0px calc(100% - 4.0px),
      10px calc(100% - 4px),
      10.0px calc(100% - 6.0px),
      9.92px calc(100% - 6.78px),
      9.7px calc(100% - 7.53px),
      9.33px calc(100% - 8.22px),
      8.83px calc(100% - 8.83px),
      8.22px calc(100% - 9.33px),
      7.53px calc(100% - 9.7px),
      6.78px calc(100% - 9.92px),
      6.0px calc(100% - 10.0px),
      6px calc(100% - 10px),
      4.0px calc(100% - 10.0px),
      3.22px calc(100% - 10.08px),
      2.47px calc(100% - 10.3px),
      1.78px calc(100% - 10.67px),
      1.17px calc(100% - 11.17px),
      0.67px calc(100% - 11.78px),
      0.3px calc(100% - 12.47px),
      0.08px calc(100% - 13.22px),
      0.0px calc(100% - 14.0px)
    );
  }
}


/* === Mobile: enforce 16px content gutter site-wide === */
@media (max-width: 720px){
  .container{width:min(1280px, 100% - 32px)}
  .container--prose{width:min(760px, 100% - 32px)}
  .hero__top{padding-left:16px;padding-right:16px}
  .hero__content{padding-left:16px;padding-right:16px}
  .mdyn__body{padding-left:16px;padding-right:16px}
}


/* === MOBILE TWEAKS REQUESTED === */
@media (max-width: 720px){
  /* Tighten gap between "Das ist deine Chance." text and the globe by 40px */
  .mdyn__globe{min-height:0;height:300px}

  /* Footer: stack logo + copy centered */
  .footer__row{flex-direction:column;align-items:center;text-align:center;gap:14px}
  .footer__id{flex-direction:column;gap:10px;margin:0 auto;align-items:center}

  /* Final hero: tighten badge top + spacing to title */
  .hero--final .hero__top{padding-top:25px;padding-bottom:0}
  .hero--final .hero__content{padding-top:45px}

  /* Imagine: orange strip — same offsets as stat overlay above (14px) */
  .iccard__overlay--strip{left:14px !important;right:14px !important;bottom:14px !important}

  /* Descriptions under headings: 15–16px */
  .lede,
  .imagine__lede,
  .reality__lede,
  .tband__sub,
  .hero__lede{font-size:15.5px;line-height:1.55}
  .mdyn__muted{font-size:15px;line-height:1.5}
}


/* === Mobile heading width + balance wrap === */
@media (max-width: 720px){
  .d-xl, .d-lg, .d-md, .truth-v__title, .ctab__title,
  .hero__title, .join-v__title, .method__title{
    max-width:28ch;
    margin-left:auto;margin-right:auto;
    text-wrap:balance;
    -webkit-text-wrap:balance;
  }
  .truth-v__head{max-width:28ch;margin-left:auto;margin-right:auto}

  /* On mobile, italic continuation in big headings goes onto its own line
     for a clean "lead / italic-tail" break. Excludes .method__title where
     <em> sits mid-sentence and a block break would create three lines. */
  .d-xl:not(.method__title) > em{display:block;line-height:1.15;padding-bottom:.08em}
  .truth-v__title > em{display:block;line-height:1.15;padding-bottom:.08em}

  /* Problem cards: center body copy on mobile; slightly smaller than desktop
     (+1px vs the original 15px → 16px) - the desktop default is 17px. */
  .problem .pcard__body{font-size:16px}
  .problem .pcard__body,
  .problem .pcard__note{text-align:center}
  .problem .pcard{align-items:center}
  .problem .pcard__art{margin-left:auto;margin-right:auto}
  /* Stack art has no intrinsic width - let it span full card width
     instead of collapsing to min-content under align-items:center.
     Override the auto margins from .problem .pcard__art so stretch
     actually takes effect. */
  .problem .pcard__art--stack{align-self:stretch;margin-left:0;margin-right:0}
  .problem .pcard__split-body{align-items:center;text-align:center}
  .problem .pcard__icon{margin-left:auto;margin-right:auto}

  /* Text-dominant on mobile: shrink decorative graphics further
     (ring, stack-bars, spark, strike-list, plus-grid).
     The two circle icons (.pcard__icon) are left untouched. */
  .problem .pcard__art{height:64px;min-height:64px;margin-bottom:10px}
  .problem .pcard__ring{width:62px;height:62px}
  .problem .pcard__ring-inner{width:44px;height:44px}
  .problem .pcard__ring-num{font-size:18px}
  .problem .pcard__ring::before{inset:-5px}
  .problem .pstack__row{height:5px}
  .problem .pcard__art--stack{gap:5px}
  .problem .pcard__spark{height:42px}
  .problem .pcard__chip{font-size:11.5px;padding:4px 8px}
  .problem .pcard__crossed li{padding:5px 9px;font-size:11.5px}
  .problem .pcard__pluses{max-width:130px}
}

/* Zoom-in avatars where the source photo has dark background showing at edges */
.tcard__avatar[style*="Milan.jpg"],
.tcard__avatar[style*="Rene.jpg"]{
  background-size:120% auto;
  background-position:center 30%;
}
.tcard__avatar[style*="Julia.jpg"]{
  background-size:150% auto;
  background-position:center 30%;
}

/* === Mdyn block: center all text on mobile === */
@media (max-width: 720px){
  .mdyn__body{text-align:center;max-width:none;margin-inline:auto;align-items:center}
  .mdyn__body h2{text-align:center}
  .mdyn__list{align-items:stretch}
  .mdyn__list li{justify-content:flex-start;text-align:left}
  .mdyn__muted{margin-left:auto;margin-right:auto}
  .mdyn__pull{text-align:center}
  .mdyn__body .eyebrow{justify-content:center}
}