/* hero: photo as background, overlay only strong enough to hold the type */
  .hero{position:relative;isolation:isolate;overflow:hidden}
  .hero-bg{position:absolute;inset:0;z-index:-2}
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block;filter:brightness(0.86) contrast(1.04)}
  .hero-bg::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.18) 32%, rgba(0,0,0,0.58) 72%, rgba(0,0,0,0.88) 100%);
    mix-blend-mode:multiply;
  }
  .hero-bg::after{
    content:"";position:absolute;inset:0;z-index:2;
    background:linear-gradient(180deg, rgba(10,18,33,0) 0%, rgba(10,18,33,0.28) 55%, var(--navy) 100%);
  }
  .hero-copy{padding:88px 40px 64px;position:relative}
  .hero-inner{max-width:740px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
  .hero h1{font-size:52px;line-height:1.08;font-weight:800;color:#fff;margin:0;letter-spacing:-0.01em;text-shadow:0 2px 18px rgba(0,0,0,0.25)}
  .hero p{font-size:18px;line-height:1.6;color:#E4E9F1;max-width:600px;margin:0;text-shadow:0 1px 10px rgba(0,0,0,0.2)}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:4px}

  @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .hero h1{animation:fadeUp .7s ease-out both}
  .hero p{animation:fadeUp .7s ease-out .12s both}
  .hero-ctas{animation:fadeUp .7s ease-out .24s both}
  @media (prefers-reduced-motion:reduce){
    .hero h1,.hero p,.hero-ctas{animation:none}
  }

  /* soft decorative depth: blurred color blobs behind a section's content */
  .decor{position:relative;isolation:isolate;overflow:hidden}
  .decor::before,.decor::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}
  .decor-orange::before{background:rgba(255,114,13,0.16);width:440px;height:440px;top:-180px;right:-140px}
  .decor-blue::after{background:rgba(4,107,210,0.13);width:400px;height:400px;bottom:-160px;left:-120px}

  .stats{background:radial-gradient(900px 260px at 50% -60%, rgba(255,114,13,0.10), transparent 70%), var(--navy);border-top:1px solid rgba(255,255,255,0.1)}
  .stats-row{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
  .stat{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;align-items:center;gap:6px}
  .stat:last-child{border-right:none}
  .stat-icon{width:26px;height:26px;color:var(--orange);margin-bottom:4px}
  .stat b{display:block;font-size:30px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
  .stat span{font-size:13px;color:#8FA0BA;margin-top:2px;display:block}

  section{padding:100px 0}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  h2{font-size:34px;font-weight:800;color:var(--ink);line-height:1.16;margin:0;letter-spacing:-0.01em}
  .lede{font-size:15.5px;line-height:1.75;color:var(--ink-soft);margin:0}
  .bullets{display:flex;flex-direction:column;gap:10px;margin-top:4px}
  .bullets li{font-size:14.5px;color:var(--ink-soft);display:flex;gap:10px;align-items:center}
  .bullets li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0}

  .about-photo{aspect-ratio:4/3;width:100%}
  .credit-row{display:flex;gap:14px;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
  .credit-photo{width:46px;height:46px;border-radius:50%;flex-shrink:0}
  .credit-row p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.5}

  /* big statement break: full-bleed orange panel, giant numeral */
  .statement{background:var(--orange);padding:0;position:relative;isolation:isolate;overflow:hidden}
  .statement::before{
    content:"";position:absolute;inset:0;z-index:0;
    background-image:radial-gradient(circle, rgba(255,255,255,0.28) 1.5px, transparent 1.5px);
    background-size:26px 26px;
  }
  .statement-inner{max-width:1200px;margin:0 auto;padding:88px 40px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;position:relative;z-index:1}
  .statement .num{font-size:180px;font-weight:800;line-height:0.78;color:#fff;letter-spacing:-0.03em}
  .statement p{font-size:28px;line-height:1.3;font-weight:700;color:#FFE4CC;margin:0;max-width:460px}
  .statement p b{color:#fff}

  /* ecosystem: alternating accent bar, hover lift, no uniform SaaS-card sameness */
  .ecosystem{background:var(--white)}
  .eco-head{text-align:center;max-width:560px;margin:0 auto 48px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .eco-card{
    background:var(--paper);border-radius:4px;padding:0 0 26px;overflow:hidden;
    display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--orange);
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .eco-card > svg, .eco-card > h3, .eco-card > p, .eco-card > a{margin-inline:24px}
  .eco-card:nth-child(2n){border-top-color:var(--blue)}
  .eco-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(15,26,46,0.10)}
  .eco-photo{aspect-ratio:16/10;border-radius:0;margin:0 0 6px}
  .eco-card svg{width:32px;height:32px;color:var(--orange);margin-top:22px}
  .eco-card:nth-child(2n) svg{color:var(--blue-deep)}
  .eco-card h3{font-size:18px;font-weight:700;color:var(--ink);margin:0}
  .eco-card p{font-size:13px;line-height:1.6;color:var(--ink-soft);margin:0;flex-grow:1}
  .eco-card a{font-size:13px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
  .eco-card a svg{width:14px;height:14px;transition:transform .2s ease}
  .eco-card a:hover svg{transform:translateX(3px)}

  .audience{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
  .pill{font-size:13px;font-weight:600;color:var(--ink);background:var(--white);border:1px solid var(--line);padding:9px 16px;border-radius:999px;transition:transform .18s ease, border-color .18s ease, background .18s ease}
  .pill:hover{transform:translateY(-2px);border-color:var(--orange);background:rgba(255,114,13,0.06)}

  /* events */
  .event-card{border-radius:6px;overflow:hidden;background:var(--white);transition:transform .22s ease, box-shadow .22s ease}
  .event-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(15,26,46,0.12)}
  .event-photo{aspect-ratio:4/3;width:100%;border-radius:0}
  .event-body{padding:16px}
  .event-body .kind{font-size:10.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--orange)}
  .event-body h3{font-size:15.5px;font-weight:700;color:var(--ink);margin:6px 0 4px}
  .event-body .place{font-size:12.5px;color:var(--ink-soft);display:block}
  .event-body .date{font-size:12.5px;color:var(--ink-soft);font-weight:700;display:block;margin-top:2px}
  .card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .more-link{text-align:center;margin-top:36px}
  .more-link a{font-size:14px;font-weight:700;color:var(--orange);display:inline-flex;align-items:center;gap:6px}
  .more-link a svg{width:14px;height:14px;transition:transform .2s ease}
  .more-link a:hover svg{transform:translateX(3px)}

  .intl{background:var(--navy)}
  .intl h2{color:#fff}
  .intl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .intl-card{border-radius:6px;overflow:hidden;background:var(--navy-card);display:grid;grid-template-columns:190px 1fr;transition:transform .22s ease}
  .intl-card:hover{transform:translateY(-6px)}
  .intl-photo{border-radius:0}
  .intl-body{padding:24px;display:flex;flex-direction:column;gap:6px;justify-content:center}
  .intl-body .kind{font-size:10.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--orange)}
  .intl-body h3{font-size:16.5px;font-weight:700;color:#fff;margin:0}
  .intl-body p{font-size:13px;color:#9FADC4;margin:0;line-height:1.5}
  .intl-body a{font-size:12.5px;font-weight:700;color:#fff;margin-top:4px;display:inline-flex;align-items:center;gap:5px}

  /* courses */
  .course-card{border-radius:6px;overflow:hidden;background:var(--white);transition:transform .22s ease, box-shadow .22s ease}
  .course-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(15,26,46,0.10)}
  .course-photo{aspect-ratio:1/1}
  .course-body{padding:14px}
  .course-body .tag2{font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--blue-deep)}
  .course-body h3{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35;margin:5px 0 0}

  /* conasiflix */
  .streaming{background:var(--navy)}
  .streaming h2{color:#fff}
  .streaming p{color:#B7C3D6}
  .streaming .bullets li{color:#D7DEEA}
  .streaming-photo{aspect-ratio:16/10}

  /* founder: real cutout photo bleeding to the edge, floating card, like the CONASI reference */
  .founder{background:var(--navy);position:relative;overflow:hidden;padding:0}
  .founder-grid{position:relative;min-height:560px;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;padding-inline:40px}
  .founder-copy{padding:88px 0;display:flex;flex-direction:column;gap:22px;justify-content:center;position:relative;z-index:2}
  .founder-copy h2{font-size:38px;line-height:1.15}
  .founder-copy h2 .line1{display:block;color:#fff}
  .founder-copy h2 .line2{display:block;color:var(--orange)}
  .founder-card{
    background:#fff;border-radius:10px;padding:26px 28px;max-width:420px;
    box-shadow:0 24px 48px rgba(0,0,0,0.28);
  }
  .founder-card b{font-size:19px;color:var(--ink);display:block}
  .founder-card .role{font-size:14px;color:var(--orange);font-weight:700;display:block;margin-top:2px}
  .founder-card p{font-size:13.5px;line-height:1.65;color:var(--ink-soft);margin:12px 0 0}
  .founder-photo-bleed{position:relative}
  .founder-photo-bleed img{
    position:absolute;right:0;bottom:0;height:100%;max-width:100%;width:auto;
    object-fit:contain;object-position:bottom right;
  }

  @media (max-width:960px){
    .founder-grid{grid-template-columns:1fr;min-height:0}
    .founder-photo-bleed{order:-1;height:340px}
    .founder-photo-bleed img{position:static;height:100%;margin:0 auto;display:block}
    .founder-copy{padding:44px 22px;text-align:center;align-items:center}
    .founder-card{max-width:none;margin:0 auto}
  }

  /* media */
  .media{padding:64px 0}
  .media-head{text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .media-head p{font-size:13px;color:var(--ink-soft);max-width:480px;margin:0}
  /* media logo marquee */
  .media-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .media-track{display:flex;align-items:center;gap:56px;width:max-content;animation:marquee 26s linear infinite}
  .media-marquee:hover .media-track{animation-play-state:paused}
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .media-track img{height:26px;width:auto;flex-shrink:0;filter:grayscale(1) opacity(0.55);transition:filter .25s ease,transform .25s ease}
  .media-track img:hover{filter:grayscale(0) opacity(1);transform:translateY(-2px)}
  @media (prefers-reduced-motion:reduce){
    .media-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
    .media-track .dup{display:none}
    .media-track img{margin:0 22px}
  }

  /* final CTA */
  .final-cta{background:var(--orange);text-align:center}
  .final-cta h2{color:#fff;max-width:640px;margin:0 auto}
  .final-cta .hero-ctas{margin-top:28px}
  .final-cta .btn-primary{background:var(--navy)}
  .final-cta .btn-primary:hover{background:#0a1220;box-shadow:0 10px 24px rgba(0,0,0,0.28)}
  .final-cta .btn-outline-dark{border-color:rgba(255,255,255,0.6)}

  @media (max-width:960px){
    .wrap{padding-inline:22px}
    nav.primary{display:none}
    .menu-btn{display:block}
    .hero h1{font-size:36px}
    .hero-copy{padding:48px 22px 40px}
    .stats-row{grid-template-columns:repeat(2,1fr)}
    .stat{border-bottom:1px solid rgba(255,255,255,0.1)}
    section{padding:64px 0}
    .split{grid-template-columns:1fr;gap:32px}
    .split > .photo{order:-1}
    .statement-inner{grid-template-columns:1fr;text-align:center;padding:56px 22px}
    .statement .num{font-size:110px}
    .statement p{font-size:22px;margin:0 auto}
    .eco-grid{grid-template-columns:repeat(2,1fr)}
    .card-grid-4{grid-template-columns:repeat(2,1fr)}
    .intl-grid{grid-template-columns:1fr}
    .intl-card{grid-template-columns:1fr}
    .intl-photo{aspect-ratio:16/9}
    .foot-grid{grid-template-columns:1fr;gap:28px}
  }

  .hphoto{display:block;object-fit:cover;border-radius:10px;max-width:100%}
  .eco-photo.hphoto{width:100%;aspect-ratio:16/10;border-radius:0}
  .event-photo.hphoto,.course-photo.hphoto{border-radius:0}
  .streaming-photo.hphoto,.about-photo.hphoto{width:100%}
  a.event-card,a.course-card{display:block;color:inherit;text-decoration:none}
  .home-cgrid{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.home-cgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.home-cgrid{grid-template-columns:1fr}}
  .streaming .chip,.split .chip{width:fit-content;align-self:flex-start}
  .hphoto[src*=melhores]{aspect-ratio:4/3;object-fit:cover}
  .streaming-photo.hphoto{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:14px}
  .founder-chip-fix .chip,.founder-copy .chip{width:fit-content}
  @media(max-width:900px){.founder-grid{padding-inline:22px}.founder-copy{padding:44px 0}}