/* ==========================================================================
   UniFoot — landing publique (unifoot.fr)
   Jeu-concours de pronostics réservé aux adhérents de la coopérative Unipros.
   Tokens Unipros DS + extension "gaming" Unifoot. SPA vanilla, zéro build.
   ========================================================================== */
:root{
  --font: 'Poppins', system-ui, sans-serif;       /* titres / UI / chiffres */
  --font-b: 'Inter', system-ui, sans-serif;        /* corps de texte */
  /* Unipros base + charte Unifoot */
  --blue-500:#1A73E8; --blue-600:#1560c4; --blue-700:#0f4ea3;
  --blue-50:#F0F7FF; --blue-100:#D6E6FF;
  --fg-1:#111827; --fg-2:#6B7280; --fg-3:#9CA3AF;
  --bg-1:#FFFFFF; --bg-2:#F9FAFB; --bg-3:#F3F4F6; --border-1:#E5E7EB;
  --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-pill:999px;
  --shadow-sm:0 1px 4px -2px rgba(65,70,81,.16);
  --shadow-md:0 2px 2px rgba(65,70,81,.02),0 4px 4px rgba(65,70,81,.02),0 14px 14px rgba(65,70,81,.03),0 22px 22px rgba(65,70,81,.02);
  --shadow-lg:0 4px 8px rgba(65,70,81,.04),0 16px 24px rgba(65,70,81,.08),0 24px 48px rgba(65,70,81,.12);
  /* extension gaming Unifoot (charte officielle) */
  --jeu-green:#00E676; --jeu-green-dark:#00B25A;
  --jeu-gold:#FFC107; --jeu-silver:#A8B2C1; --jeu-bronze:#C97B3A;
  --jeu-correct:#00B06B; --jeu-wrong:#FF4D4F; --jeu-exact:#FFC107;
  --jeu-dark:#0A1428; --jeu-dark-2:#1C2433;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);color:#fff;background:var(--jeu-dark);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{display:block;}
button{font-family:inherit;cursor:pointer;}
a{text-decoration:none;color:inherit;}

/* ---------- Drapeaux circulaires (pur CSS) ---------- */
.flag{display:block;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid rgba(255,255,255,.16);background-position:center;background-size:cover;}
.flag.fr{background:linear-gradient(90deg,#0055A4 33.33%,#fff 33.33% 66.66%,#EF4135 66.66%);}
.flag.br{background:#009C3B;}
.flag.br::before{content:"";position:absolute;inset:0;margin:auto;width:62%;height:62%;background:#FFDF00;transform:rotate(45deg);}
.flag.br::after{content:"";position:absolute;inset:0;margin:auto;width:30%;height:30%;border-radius:50%;background:#002776;}

.eyebrow{font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:.14em;}

/* ============================================================
   NAVBAR
   ============================================================ */
.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:32px;
  padding:18px 48px;backdrop-filter:blur(8px);transition:background .25s,border-color .25s;
  background:transparent;border-bottom:1px solid transparent;}
.lp-nav.scrolled{background:rgba(10,20,40,.9);border-bottom-color:rgba(255,255,255,.08);}
.brand{display:flex;align-items:center;gap:11px;}
.lp-nav .links{display:flex;gap:28px;margin-left:8px;}
.lp-nav .links a{font:500 13.5px/1 var(--font);color:rgba(255,255,255,.72);transition:.15s;}
.lp-nav .links a:hover{color:#fff;}
.lp-nav .spacer{flex:1;}
.btn-pill{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--radius-pill);
  font:600 13px/1 var(--font);padding:11px 20px;transition:.15s;cursor:pointer;}
.btn-blue{background:var(--blue-500);color:#fff;}
.btn-blue:hover{background:var(--blue-600);}
.btn-green{background:var(--jeu-green);color:var(--jeu-dark);}
.btn-green:hover{background:var(--jeu-green-dark);color:#fff;}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 48px 70px;overflow:hidden;
  background:radial-gradient(120% 80% at 80% -10%,#15233f 0%,transparent 55%),linear-gradient(170deg,#0A1428 0%,#0D1B2A 55%,#0D1B2A 100%);}
.hero::before{content:"";position:absolute;inset:0;opacity:.5;z-index:1;
  background:
   radial-gradient(40% 60% at 18% -8%,rgba(120,170,255,.18),transparent 70%),
   radial-gradient(36% 56% at 84% -6%,rgba(0,230,118,.12),transparent 70%);}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask:radial-gradient(120% 90% at 50% 30%,#000 30%,transparent 80%);mask:radial-gradient(120% 90% at 50% 30%,#000 30%,transparent 80%);}
.grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.hero-inner{position:relative;z-index:3;width:100%;max-width:1240px;margin:0 auto;display:grid;
  grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
/* photo de stade en fond */
.hero-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;
  background:url("/assets/stadium-hero.png") center/cover no-repeat;}
.hero-shade{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
   linear-gradient(180deg,rgba(6,12,26,.55) 0%,rgba(6,12,26,.42) 38%,rgba(6,12,26,.62) 68%,rgba(10,20,40,.92) 100%),
   linear-gradient(100deg,rgba(6,12,26,.82) 0%,rgba(6,12,26,.58) 40%,rgba(6,12,26,.30) 72%,rgba(6,12,26,.38) 100%);}
.hero h1{font:800 62px/1.04 var(--font);letter-spacing:-.015em;margin:22px 0 0;text-shadow:0 2px 22px rgba(6,12,26,.5);}
.hero h1 .green{color:var(--jeu-green);text-shadow:0 2px 22px rgba(0,40,18,.55);}
.hero .sub{margin:22px 0 0;font:400 16px/1.7 var(--font-b);color:rgba(255,255,255,.78);max-width:480px;text-shadow:0 1px 12px rgba(6,12,26,.55);}
.hero .cta-row{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.cta-lg{padding:16px 26px;font-size:14.5px;letter-spacing:.02em;border-radius:var(--radius-pill);}
.cta-lg.btn-green{box-shadow:0 10px 30px rgba(0,230,118,.28);}
.stats-bar{display:flex;gap:30px;margin-top:46px;flex-wrap:wrap;}
.stat{display:flex;align-items:center;gap:11px;}
.stat .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--jeu-green);flex:none;}
.stat .v{font:700 17px/1.1 var(--font);}
.stat .v small{display:block;font:400 11.5px/1.2 var(--font);color:rgba(255,255,255,.5);font-weight:400;margin-top:2px;}

/* lockup de co-branding dans le hero */
.hero-cobrand{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);padding:7px 15px 7px 9px;}
.hero-cobrand img{width:20px;height:20px;display:block;}
.hero-cobrand .sep{width:1px;height:16px;background:rgba(255,255,255,.18);}
.hero-cobrand span{font:500 12.5px/1 var(--font);color:rgba(255,255,255,.82);letter-spacing:.01em;}
.hero-cobrand span b{color:#fff;font-weight:700;}

/* carte match flottante */
.match-card{background:linear-gradient(180deg,#0f1c33,#0b1426);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}
.match-card::before{content:"";position:absolute;top:-40%;right:-30%;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,230,118,.14),transparent 70%);}
.mc-top{display:flex;justify-content:space-between;align-items:center;position:relative;}
.mc-top .lbl{font:600 11px/1 var(--font);letter-spacing:.1em;color:rgba(255,255,255,.55);text-transform:uppercase;}
.mc-top .grp{font:500 11px/1 var(--font);color:rgba(255,255,255,.45);}
.mc-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:24px 0;}
.mc-team{display:flex;flex-direction:column;align-items:center;gap:10px;}
.mc-team .flag{width:54px;height:54px;}
.mc-team .flag:not([class*=" "]){background:rgba(255,255,255,.08);}
.mc-team .mc-logo{width:54px;height:54px;border-radius:50%;object-fit:contain;
  background:#fff;padding:7px;border:2px solid rgba(255,255,255,.16);}
.mc-team .tn{font:700 14px/1 var(--font);letter-spacing:.02em;text-align:center;}
.mc-vs{font:800 16px/1 var(--font);color:rgba(255,255,255,.4);}
.mc-block{text-align:center;padding:14px;border-top:1px solid rgba(255,255,255,.08);}
.mc-block .k{font:600 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.mc-block .lock{font:800 26px/1 var(--font);color:var(--jeu-green);margin-top:8px;font-variant-numeric:tabular-nums;}
.mc-block .pred{font:800 30px/1 var(--font);margin-top:8px;letter-spacing:.06em;}
.mc-exact{display:block;margin-top:8px;font:600 12px/1 var(--font);color:var(--jeu-exact);}

/* ============================================================
   BANDEAU « 100 % adhérents Unipros »
   ============================================================ */
.coop{background:#fff;color:var(--fg-1);padding:64px 48px;border-bottom:1px solid var(--border-1);}
.coop-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;}
.coop-logo{width:88px;height:88px;border-radius:20px;display:grid;place-items:center;flex:none;
  background:var(--bg-2);border:1px solid var(--border-1);box-shadow:var(--shadow-sm);}
.coop-logo img{width:46px;height:46px;}
.coop-lock{display:flex;align-items:center;gap:18px;flex:none;}
.coop-lock .cl-chip{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(150deg,#0D1B2A,#0A1428);box-shadow:var(--shadow-md);}
.coop-lock .cl-x{font:300 22px/1 var(--font);color:var(--fg-3);}
.coop-lock .cl-uni{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--border-1);}
.coop-lock .cl-uni img{width:38px;height:38px;}
.coop-body h2{font:700 28px/1.2 var(--font);margin:0 0 10px;letter-spacing:-.01em;}
.coop-body h2 .b{color:var(--blue-700);}
.coop-body p{font:400 15px/1.65 var(--font-b);color:var(--fg-2);margin:0 0 18px;max-width:620px;}
.coop-points{display:flex;gap:14px;flex-wrap:wrap;}
.coop-points .cp{display:flex;align-items:center;gap:9px;font:600 13px/1.2 var(--font);color:var(--fg-1);
  background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-pill);padding:9px 16px;}
.coop-points .cp svg{color:var(--jeu-green-dark);flex:none;}

/* ============================================================
   SECTIONS GÉNÉRIQUES
   ============================================================ */
.sec{padding:88px 48px;}
.sec-inner{max-width:1180px;margin:0 auto;}
.sec-head{text-align:center;margin-bottom:54px;}
.sec-head .eyebrow{color:var(--jeu-green);}
.sec h2{font:700 38px/1.1 var(--font);letter-spacing:-.01em;margin:14px 0 0;}
.sec .lead{margin:14px auto 0;max-width:560px;font:400 15px/1.6 var(--font-b);}

/* comment ça marche (clair) */
.how{background:#fff;color:var(--fg-1);}
.how h2{color:var(--fg-1);}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.step{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-xl);padding:30px 26px;position:relative;
  transition:.18s;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d7dbe2;}
.step .num{width:42px;height:42px;border-radius:50%;background:var(--blue-500);color:#fff;
  display:grid;place-items:center;font:700 17px/1 var(--font);box-shadow:0 8px 18px rgba(47,127,253,.32);}
.step .illo{margin:18px 0 20px;height:130px;border-radius:var(--radius-lg);display:grid;place-items:center;
  background:linear-gradient(150deg,#eef4ff,#f6f1ff);border:1px solid var(--border-1);color:var(--blue-500);}
.step .illo svg{width:54px;height:54px;}
.step:nth-child(2) .illo{background:linear-gradient(150deg,#e9f9f0,#eef4ff);color:var(--jeu-green-dark);}
.step:nth-child(3) .illo{background:linear-gradient(150deg,#fff6e2,#fef0f6);color:#b8810f;}
.step h3{font:700 17px/1.3 var(--font);margin:0 0 8px;}
.step p{font:400 14px/1.6 var(--font-b);color:var(--fg-2);margin:0;}
.step .conn{position:absolute;top:50px;right:-26px;width:26px;height:2px;background:repeating-linear-gradient(90deg,var(--border-1) 0 5px,transparent 5px 10px);}
.step:last-child .conn{display:none;}

/* lots / podium (sombre) */
.lots{background:linear-gradient(180deg,#0D1B2A,#0A1428);color:#fff;}
.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr auto;gap:18px;align-items:end;margin-bottom:36px;}
.pod{border-radius:var(--radius-lg);padding:22px 20px;text-align:center;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);}
.pod .rank{position:absolute;top:14px;left:14px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 13px/1 var(--font);}
.pod .prize-ico{margin:6px auto 16px;width:62px;height:62px;border-radius:14px;display:grid;place-items:center;}
.pod .prize-ico svg{width:32px;height:32px;}
.pod .place{font:700 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;}
.pod .title{font:700 16px/1.3 var(--font);margin:8px 0 6px;}
.pod .brand-l{font:500 12px/1 var(--font);color:rgba(255,255,255,.5);}
.pod .price{display:inline-block;margin-top:12px;font:700 15px/1 var(--font);padding:6px 12px;border-radius:var(--radius-pill);}
.pod.p1{background:linear-gradient(180deg,rgba(245,166,35,.22),rgba(245,166,35,.05));border-color:rgba(245,166,35,.4);padding-top:34px;padding-bottom:34px;}
.pod.p1 .rank{background:var(--jeu-gold);color:#3a2a00;}
.pod.p1 .prize-ico{background:linear-gradient(150deg,var(--jeu-gold),#c97f12);color:#fff;width:74px;height:74px;}
.pod.p1 .prize-ico svg{width:38px;height:38px;}
.pod.p1 .price{background:var(--jeu-gold);color:#3a2a00;}
.pod.p2{background:linear-gradient(180deg,rgba(168,178,193,.18),rgba(168,178,193,.04));border-color:rgba(168,178,193,.34);}
.pod.p2 .rank{background:var(--jeu-silver);color:#1a2230;}
.pod.p2 .prize-ico{background:linear-gradient(150deg,var(--jeu-silver),#7d8696);color:#fff;}
.pod.p2 .price{background:rgba(168,178,193,.22);color:var(--jeu-silver);}
.pod.p3{background:linear-gradient(180deg,rgba(201,123,58,.2),rgba(201,123,58,.04));border-color:rgba(201,123,58,.36);}
.pod.p3 .rank{background:var(--jeu-bronze);color:#fff;}
.pod.p3 .prize-ico{background:linear-gradient(150deg,var(--jeu-bronze),#9a5a26);color:#fff;}
.pod.p3 .price{background:rgba(201,123,58,.22);color:#e0a06f;}
.bonus-box{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:210px;}
.bonus-box .eyebrow{color:var(--jeu-green);}
.bonus-row{display:flex;gap:11px;align-items:flex-start;}
.bonus-row .bi{width:30px;height:30px;border-radius:8px;background:rgba(0,230,118,.14);color:var(--jeu-green);display:grid;place-items:center;flex:none;}
.bonus-row .bt{font:600 13px/1.4 var(--font);} .bonus-row .bt small{display:block;font-weight:400;color:rgba(255,255,255,.5);font-size:11.5px;margin-top:2px;}

/* classement live + objectif (sombre, deux colonnes) */
.live-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;}
.panel-dark{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;}
.panel-dark .ph{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.panel-dark .ph h3{font:700 15px/1 var(--font);letter-spacing:.04em;}
.panel-dark .ph a{font:600 12px/1 var(--font);color:var(--jeu-green);}
.lb-row{display:flex;align-items:center;gap:14px;padding:13px 22px;border-bottom:1px solid rgba(255,255,255,.05);}
.lb-row:last-child{border-bottom:0;}
.lb-row .pos{width:24px;font:700 13px/1 var(--font);color:rgba(255,255,255,.45);text-align:center;}
.lb-row.top1 .pos{color:var(--jeu-gold);} .lb-row.top2 .pos{color:var(--jeu-silver);} .lb-row.top3 .pos{color:var(--jeu-bronze);}
.lb-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--font);color:#fff;flex:none;}
.lb-row .who{flex:1;font:600 14px/1.2 var(--font);}
.lb-row .pts{font:700 14px/1 var(--font);color:#fff;}
.lb-row .pts small{color:rgba(255,255,255,.4);font-weight:500;}
.obj-card{padding:26px;display:flex;flex-direction:column;justify-content:center;}
.obj-card .eyebrow{color:rgba(255,255,255,.5);}
.obj-num{font:800 46px/1 var(--font);margin:14px 0 4px;}
.obj-num .g{color:var(--jeu-green);} .obj-num small{font:500 18px/1 var(--font);color:rgba(255,255,255,.4);}
.obj-card .ol{font:400 13px/1 var(--font);color:rgba(255,255,255,.55);}
.bar{height:10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.1);overflow:hidden;margin:18px 0;}
.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jeu-green-dark),var(--jeu-green));box-shadow:0 0 12px rgba(0,230,118,.5);}
.obj-foot{display:flex;align-items:center;gap:10px;font:500 13px/1.4 var(--font);color:rgba(255,255,255,.7);}
.obj-foot svg{color:var(--jeu-green);flex:none;}

/* ============================================================
   BANDEAU « Pas encore adhérent ? » → découvrir Unipros
   ============================================================ */
.discover{padding:52px 48px;background:var(--jeu-dark);}
.discover-inner{max-width:1080px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);
  padding:26px 32px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;
  box-shadow:var(--shadow-lg);}
.discover-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00CCFF,#FF4DE1);}
.disc-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;flex:none;
  background:var(--bg-2);border:1px solid var(--border-1);}
.disc-logo img{width:30px;height:30px;}
.disc-txt{flex:1;min-width:0;}
.disc-txt .eyebrow{color:var(--blue-700);}
.disc-txt h3{font:700 20px/1.35 var(--font);margin:7px 0 0;letter-spacing:-.005em;color:var(--fg-1);}
.disc-txt h3 span{color:var(--blue-700);}
.disc-txt p{font:400 13.5px/1.5 var(--font-b);color:var(--fg-2);margin:5px 0 0;}
.disc-sap{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 6px 0 18px;margin-left:6px;border-left:1px solid var(--border-1);align-self:stretch;justify-content:center;}
.disc-sap img{height:96px;width:auto;display:block;}
.disc-sap .lbl{font:600 9px/1.1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);text-align:center;}
.discover .btn-pill{flex:none;}

/* ============================================================
   CTA FINAL
   ============================================================ */
.cta-final{background:radial-gradient(120% 120% at 50% 0,#15233f,#0A1428 60%);color:#fff;text-align:center;padding:96px 48px;}
.cta-final h2{font:800 44px/1.08 var(--font);letter-spacing:-.01em;}
.cta-final p{margin:18px auto 32px;max-width:480px;font:400 16px/1.6 var(--font-b);color:rgba(255,255,255,.6);}

/* ============================================================
   FOOTER
   ============================================================ */
.lp-foot{background:#040911;color:#fff;padding:46px 48px;}
.lp-foot .fr{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.lp-foot .flinks{display:flex;gap:26px;margin-left:auto;flex-wrap:wrap;}
.lp-foot .flinks a{font:500 13px/1 var(--font);color:rgba(255,255,255,.6);}
.lp-foot .flinks a:hover{color:#fff;}
.lp-foot .disc{max-width:1180px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);
  font:400 12px/1.6 var(--font-b);color:rgba(255,255,255,.38);text-align:center;}
.foot-brand{display:inline-flex;align-items:center;transition:opacity .15s;}
.foot-brand:hover{opacity:.8;}
.foot-brand img{height:64px;width:auto;display:block;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .hero-inner{grid-template-columns:1fr;gap:38px;}
  .live-grid{grid-template-columns:1fr;} .podium{grid-template-columns:1fr 1fr;} .bonus-box{grid-column:1/-1;}
}
@media(max-width:860px){
  .lp-nav{padding:14px 22px;} .lp-nav .links{display:none;}
  .sec,.hero{padding-left:22px;padding-right:22px;} .hero{padding-top:120px;}
  .hero h1{font-size:42px;} .steps{grid-template-columns:1fr;} .step .conn{display:none;}
  .coop{padding:40px 22px;} .coop-inner{grid-template-columns:1fr;gap:24px;}
  .discover{padding:36px 18px;} .discover-inner{flex-direction:column;text-align:center;align-items:center;gap:16px;padding:24px;}
  .discover .btn-pill{width:100%;justify-content:center;}
  .cta-final h2{font-size:32px;}
}
@media(max-width:560px){
  .podium{grid-template-columns:1fr;}
}