@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");

:root{
  --navy:#071022;
  --navy2:#0c1830;
  --blue:#2463ff;
  --blue2:#4f8cff;
  --ink:#101728;
  --muted:#647087;
  --bg:#f4f7fc;
  --white:#fff;
  --line:#dfe5ef;
  --soft:#edf3ff;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.section{padding:120px max(24px,calc((100% - 1180px)/2))}
.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--blue);z-index:9999;width:0}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:78px;padding:0 34px;
  display:flex;align-items:center;gap:28px;
  background:rgba(5,12,26,.72);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{width:154px;height:auto;display:block}
.brand>span{display:none;color:#fff;font-family:"Space Grotesk";font-size:12px;font-weight:700;letter-spacing:.12em}
.main-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}
.main-nav a{
  font-size:11px;text-transform:uppercase;letter-spacing:.14em;
  color:#e8edf7;opacity:.86;transition:.25s
}
.main-nav a:hover{color:#fff;opacity:1}
.header-social{display:flex;align-items:center;gap:9px}
.header-social a{
  width:32px;height:32px;border:1px solid rgba(255,255,255,.24);
  border-radius:50%;display:grid;place-items:center;
  color:#fff;font-size:9px;font-weight:700
}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{width:22px;height:1px;background:#fff;display:block}

.hero{
  min-height:860px;position:relative;color:#fff;overflow:hidden;
  background:#071022 url("assets/hero-altin.jpg") center 37%/cover no-repeat;
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(4,10,23,.93) 0%,rgba(4,10,23,.72) 35%,rgba(4,10,23,.18) 65%,rgba(4,10,23,.18) 100%),
    linear-gradient(0deg,rgba(4,10,23,.76),transparent 36%);
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:120px 100%;
}
.hero-overlay{display:none}
.hero-content{position:relative;z-index:2;padding:190px 24px 180px;max-width:1180px;margin:auto}
.eyebrow,.section-kicker{
  font-size:11px;letter-spacing:.3em;font-weight:700;color:#9eb9ff
}
.eyebrow{color:#fff;opacity:.88}
.hero h1{
  font-family:"Space Grotesk",sans-serif;font-size:clamp(58px,7.7vw,108px);
  line-height:.9;text-transform:uppercase;letter-spacing:-.055em;
  margin:22px 0 26px;max-width:720px
}
.hero h1 span{font-weight:300;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.75)}
.hero h1 em{font-style:normal;font-weight:700;color:#fff}
.hero h1 .accent-dot{color:var(--blue);-webkit-text-stroke:0}
.hero-subtitle{font-size:17px;color:#dbe3f3;margin:0 0 30px}
.hero-actions{display:flex;align-items:center;gap:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:18px;
  padding:16px 22px;border-radius:10px;text-transform:uppercase;
  letter-spacing:.08em;font-size:11px;font-weight:800;border:0;cursor:pointer;transition:.25s
}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 35px rgba(36,99,255,.25)}
.btn-primary:hover{background:#1b56ec;transform:translateY(-1px)}
.btn-play{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff;display:flex;align-items:center;gap:10px}
.play-circle{
  width:38px;height:38px;border:1px solid rgba(255,255,255,.55);
  border-radius:50%;display:grid;place-items:center;font-size:10px
}
.hero-side-text{
  position:absolute;right:28px;top:50%;z-index:3;
  transform:translateY(-50%) rotate(90deg);
  transform-origin:center;color:rgba(255,255,255,.65);
  font-size:9px;letter-spacing:.3em;font-weight:700
}
.hero-stats{
  position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);
  display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(4,10,23,.72);border:1px solid rgba(255,255,255,.22);
  border-radius:12px;overflow:hidden;backdrop-filter:blur(12px)
}
.hero-stats .stat{padding:21px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.14)}
.hero-stats .stat:last-child{border-right:0}
.hero-stats .stat strong{font-family:"Space Grotesk";font-size:40px;line-height:1;color:#fff;display:block}
.hero-stats .stat span{display:block;color:#b9c5db;font-size:9px;letter-spacing:.17em;margin-top:7px}

.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.about h2,.vision h2,.events h2,.team h2,.contact h2{
  font-family:"Space Grotesk";font-size:clamp(42px,5vw,68px);
  line-height:1.03;letter-spacing:-.045em;margin:18px 0 0
}
.about h2 strong,.vision h2 strong,.events h2 strong,.team h2 strong,.contact h2 strong{color:var(--blue)}
.about-copy p{font-size:18px;color:var(--muted);margin:0 0 16px;max-width:560px}

.story{background:#fff;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}
.story-image{position:relative;overflow:hidden;border-radius:3px;box-shadow:0 28px 80px rgba(14,24,48,.12)}
.story-image img{display:block;width:100%;aspect-ratio:1.34/1;object-fit:cover}
.image-caption{position:absolute;left:24px;bottom:22px;color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 15px #000}
.story-content h2{font-family:"Space Grotesk";font-size:clamp(48px,5vw,70px);line-height:.98;text-transform:uppercase;letter-spacing:-.045em;margin:16px 0 26px}
.story-content h2 strong{color:var(--blue)}
.story-content p{color:#5d687c;font-size:16px;margin:0 0 15px}
.story-content p strong{font-weight:700;color:var(--ink)}
.text-link{display:inline-flex;gap:10px;margin-top:15px;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}

.vision{background:#fff}
.vision-heading,.section-title-row,.team-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}
.vision-heading>p,.section-title-row>p,.team-heading>p{margin:0;color:var(--muted);font-size:16px}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{
  border:1px solid var(--line);border-radius:16px;padding:30px;
  transition:.25s;background:#fff;min-height:245px
}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(19,33,66,.08);border-color:#bfd0ff}
.card-number{font-size:10px;letter-spacing:.22em;color:var(--blue);font-weight:800}
.feature-card h3{font-family:"Space Grotesk";font-size:23px;margin:22px 0 8px}
.feature-card p{color:var(--muted);font-size:14px;margin:0}

.opportunity{background:#eef3fa}
.opportunity-inner{
  background:#0a1327;color:#fff;border-radius:24px;padding:65px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:35px 70px;
  box-shadow:0 30px 80px rgba(9,20,44,.12)
}
.opportunity-inner .section-kicker{grid-column:1/-1;color:#7da3ff}
.opportunity-inner h2{margin:0;font-family:"Space Grotesk";font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.045em}
.opportunity-inner h2 strong{color:#8db0ff}
.opportunity-inner p{color:#b9c4d8;font-size:16px;margin:0;align-self:center}
.opportunity-inner .btn{width:max-content}

.events{background:#fff}
.events-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.event-card{
  border:1px solid var(--line);border-radius:18px;padding:27px;background:#fff;
  min-height:260px;display:flex;flex-direction:column
}
.event-date{color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:800}
.event-card h3{font-family:"Space Grotesk";font-size:28px;margin:14px 0 8px}
.event-card p{color:var(--muted);font-size:14px;margin:0 0 22px}
.event-card a{margin-top:auto;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}

.team{background:#f5f8fd}
.team-heading{margin-bottom:35px}
.team-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.team-stats div{padding:42px 24px;text-align:center;border-right:1px solid var(--line)}
.team-stats div:last-child{border-right:0}
.team-stats strong{display:block;font-family:"Space Grotesk";font-size:44px;color:var(--blue)}
.team-stats span{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:9px}
.team-photo-placeholder{
  margin-top:20px;min-height:180px;border:1px dashed #b8c3d6;border-radius:16px;
  background:#fff;display:grid;place-items:center;text-align:center;padding:30px;color:var(--blue);
  font-size:11px;letter-spacing:.16em;font-weight:800
}
.team-photo-placeholder p{margin:6px 0 0;color:#8a95a7;letter-spacing:.05em;font-weight:500;font-size:12px}

.contact{background:linear-gradient(180deg,#eef3fb,#e9eff8)}
.contact-shell{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}
.contact-intro h2{margin-bottom:25px}
.contact-intro>p{font-size:17px;color:var(--muted);max-width:520px}
.contact-links{margin-top:38px;border-top:1px solid #cfd7e4}
.contact-links a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #cfd7e4;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}
.contact-links a strong{color:var(--blue)}
.contact-form-wrap{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;
  box-shadow:0 25px 70px rgba(15,30,60,.08)
}
.form-label{color:var(--blue);font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
form label{display:block;color:#536075;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:15px}
input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6ddea;border-radius:10px;padding:13px 14px;color:var(--ink);background:#fbfcfe;outline:none}
input:focus,textarea:focus{border-color:#7ca0ff;box-shadow:0 0 0 3px rgba(36,99,255,.09)}
textarea{resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:500;font-size:11px;color:#707b8e}
.consent input{width:17px;height:17px;margin:2px 0 0;flex:0 0 17px}
.consent a{color:var(--blue);text-decoration:underline}
.btn-submit{width:100%;margin-top:5px}
.form-note{font-size:10px!important;color:#8a94a6!important;margin:13px 0 0!important;line-height:1.5}

.site-footer{background:#071022;color:#fff;padding:48px max(24px,calc((100% - 1180px)/2)) 22px}
.footer-top{display:flex;justify-content:space-between;align-items:end;gap:30px}
.footer-top .brand img{width:150px}
.footer-top>p{color:#8896ad;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0}
.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#718098;font-size:10px;letter-spacing:.08em}
.footer-bottom>div{display:flex;gap:20px}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .site-header{padding:0 20px}
  .main-nav{gap:14px}
  .main-nav a{font-size:9px}
  .header-social{display:none}
  .hero{min-height:820px}
  .hero-stats{width:calc(100% - 48px)}
  .hero-stats .stat strong{font-size:31px}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .events-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .section{padding:82px 15px}
  .site-header{height:70px;padding:0 15px}
  .brand img{width:135px}
  .menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px}
  .main-nav{
    position:absolute;top:70px;left:15px;right:15px;
    background:rgba(5,12,26,.97);border:1px solid rgba(255,255,255,.12);
    border-radius:14px;padding:15px;display:none;flex-direction:column;
    align-items:stretch;gap:0
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:13px;font-size:11px}
  .hero{min-height:940px;background-position:58% 35%}
  .hero:before{
    background:linear-gradient(90deg,rgba(4,10,23,.9),rgba(4,10,23,.32)),
               linear-gradient(0deg,rgba(4,10,23,.95),transparent 55%)
  }
  .hero-content{padding:145px 15px 200px}
  .hero h1{font-size:clamp(52px,14vw,78px)}
  .hero-subtitle{font-size:15px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:17px}
  .hero-side-text{display:none}
  .hero-stats{bottom:15px;grid-template-columns:repeat(2,1fr);width:calc(100% - 30px)}
  .hero-stats .stat{padding:15px 8px}
  .hero-stats .stat:nth-child(2){border-right:0}
  .hero-stats .stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
  .hero-stats .stat strong{font-size:27px}
  .hero-stats .stat span{font-size:7px}
  .about-grid,.story,.vision-heading,.section-title-row,.team-heading,.opportunity-inner,.contact-shell{grid-template-columns:1fr;gap:35px}
  .about h2,.vision h2,.events h2,.team h2,.contact h2{font-size:44px}
  .story-content h2{font-size:50px}
  .opportunity-inner{padding:35px}
  .opportunity-inner .section-kicker{grid-column:auto}
  .team-stats{grid-template-columns:1fr 1fr}
  .team-stats div:nth-child(2){border-right:0}
  .team-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .events-list{grid-template-columns:1fr 1fr}
  .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom>div{flex-wrap:wrap}
}
@media(max-width:520px){
  .cards-grid,.events-list{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .about h2,.vision h2,.events h2,.team h2,.contact h2{font-size:39px}
  .story-content h2{font-size:45px}
  .hero h1{font-size:55px}
  .hero-stats .stat strong{font-size:24px}
  .quote-band p{font-size:9px;letter-spacing:.2em}
  .contact-form-wrap{padding:24px}
}
/* =========================================
   TEAM CAROUSEL - ANIMAZIONE AUTOMATICA
   ========================================= */

.team-carousel-container {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
}

.team-carousel {
  display: flex;
  gap: 20px;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  padding: 10px 0 20px;
}

.team-carousel::-webkit-scrollbar {
  display: none;
}

.team-card {
  flex: 0 0 calc(25% - 15px);
  height: 420px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  scroll-snap-align: start;
  background: #10182b;
}

.team-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.2s ease;
}

.team-card:hover img {
  transform: scale(1.035);
}

/* Frecce */

.team-arrow {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  color: #10182b;
  font-size: 24px;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 8px 25px rgba(0,0,0,.12);
  transition: all .3s ease;
}

.team-arrow:hover {
  background: #2864f0;
  color: #ffffff;
  transform: scale(1.08);
}

/* Mobile */

@media (max-width: 900px) {

  .team-card {
    flex: 0 0 78%;
    height: 430px;
  }

  .team-arrow {
    display: none;
  }

}
/* =========================================================
   EVENT CARD
   ========================================================= */

.event-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  margin-top: 55px;
}

.event-card {
  position: relative;
  display: grid;
  grid-template-columns: 220px 1fr 80px;
  align-items: center;
  gap: 45px;

  width: 100%;
  max-width: 1100px;
  margin: 0 auto;

  padding: 42px 48px;

  background: #071126;
  color: #ffffff;

  border-radius: 22px;

  overflow: hidden;

  box-shadow:
    0 25px 70px rgba(0, 20, 60, 0.15);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.event-card::before {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;

  right: -120px;
  top: -180px;

  background: rgba(76, 116, 255, .18);

  border-radius: 50%;
  filter: blur(20px);
}

.event-card-link:hover .event-card {
  transform: translateY(-6px);

  box-shadow:
    0 35px 90px rgba(0, 20, 60, 0.22);
}


/* DATA */

.event-card-date {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 18px;
}

.event-card-date > span {
  font-size: 82px;
  line-height: .8;
  font-weight: 700;
  letter-spacing: -5px;
}

.event-card-date div {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.event-card-date strong {
  font-size: 15px;
  letter-spacing: .08em;
}

.event-card-date small {
  font-size: 12px;
  opacity: .6;
  letter-spacing: .08em;
}


/* CONTENUTO */

.event-card-main {
  position: relative;
  z-index: 2;
}

.event-label {
  display: inline-block;

  margin-bottom: 14px;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: .18em;

  opacity: .65;
}

.event-card-main h3 {
  margin: 0;

  font-size: clamp(34px, 4vw, 58px);
  line-height: .92;

  letter-spacing: -.04em;
}

.event-card-main h3 strong {
  font-weight: 700;
}

.event-card-main p {
  max-width: 560px;

  margin: 22px 0 25px;

  font-size: 15px;
  line-height: 1.7;

  color: rgba(255,255,255,.68);
}


/* LOCATION */

.event-card-location {
  display: flex;
  align-items: center;
  gap: 10px;
}

.event-card-location > span {
  font-size: 18px;
}

.event-card-location div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.event-card-location strong {
  font-size: 14px;
}

.event-card-location small {
  font-size: 12px;
  opacity: .55;
}


/* FRECCIA */

.event-card-arrow {
  position: relative;
  z-index: 2;

  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;

  font-size: 25px;

  transition:
    background .3s ease,
    transform .3s ease;
}

.event-card-link:hover .event-card-arrow {
  background: #ffffff;
  color: #071126;
  transform: translateX(5px);
}


/* MOBILE */

@media (max-width: 700px) {

  .event-card-link {
    margin-top: 35px;
  }

  .event-card {
    display: block;

    padding: 30px 25px;

    border-radius: 18px;
  }

  .event-card-date {
    margin-bottom: 35px;
  }

  .event-card-date > span {
    font-size: 64px;
  }

  .event-card-date strong {
    font-size: 13px;
  }

  .event-card-main h3 {
    font-size: 42px;
  }

  .event-card-main p {
    font-size: 14px;
    margin-top: 18px;
  }

  .event-card-arrow {
    margin-top: 28px;

    width: 48px;
    height: 48px;
  }
}
/* =========================
   PARTNER CTA
========================= */

.partner-cta {
  position: relative;
  overflow: hidden;
  background: #07111f;
  color: #ffffff;
  padding: 110px 7vw;
}

.partner-cta::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  right: -180px;
  top: -180px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(79, 70, 229, 0.30) 0%,
    rgba(79, 70, 229, 0) 70%
  );
  pointer-events: none;
}

.partner-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 80px;
  align-items: center;
}

.partner-cta .section-kicker {
  color: #8ea7ff;
  margin-bottom: 22px;
}

.partner-cta h2 {
  margin: 0 0 28px;
  font-size: clamp(42px, 5vw, 78px);
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.partner-cta h2 strong {
  color: #8ea7ff;
}

.partner-cta > .partner-cta-inner > div:first-child > p {
  max-width: 650px;
  margin: 0 0 35px;
  color: rgba(255,255,255,0.72);
  font-size: 18px;
  line-height: 1.7;
}

.partner-cta .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

/* PUNTI */

.partner-cta-points {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,0.16);
}

.partner-cta-points > div {
  padding: 25px 0;
  border-bottom: 1px solid rgba(255,255,255,0.16);
  display: grid;
  grid-template-columns: 55px 1fr;
  column-gap: 15px;
}

.partner-cta-points span {
  grid-row: span 2;
  font-size: 13px;
  color: #8ea7ff;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.partner-cta-points strong {
  font-size: 17px;
  letter-spacing: 0.05em;
}

.partner-cta-points p {
  margin: 7px 0 0;
  color: rgba(255,255,255,0.55);
  font-size: 14px;
  line-height: 1.5;
}

/* MOBILE */

@media (max-width: 800px) {

  .partner-cta {
    padding: 75px 24px;
  }

  .partner-cta-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .partner-cta h2 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .partner-cta > .partner-cta-inner > div:first-child > p {
    font-size: 16px;
    line-height: 1.6;
  }

  .partner-cta-points > div {
    padding: 22px 0;
  }

  .partner-cta .btn-primary {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* =========================
   FINAL CTA - PARTNER
========================= */

.final-cta {
  position: relative;
  overflow: hidden;
  padding: 110px 30px 70px;
  background: #f7f9fd;
}

.final-cta::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  top: -250px;
  right: -120px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(120, 91, 255, 0.28) 0%,
    rgba(120, 91, 255, 0) 70%
  );
  pointer-events: none;
}

.final-cta::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  bottom: -280px;
  left: -150px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(70, 120, 255, 0.18) 0%,
    rgba(70, 120, 255, 0) 70%
  );
  pointer-events: none;
}

.final-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 40px 55px;
  text-align: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e1e6f0;
  border-radius: 28px;
  box-shadow: 0 20px 70px rgba(20, 35, 70, 0.08);
}

.final-cta-kicker {
  margin-bottom: 30px;
  color: #3478f6;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.final-cta-title {
  margin: 0;
  color: #0b1428;
  font-size: clamp(58px, 9vw, 105px);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.065em;
}

.final-cta-title span {
  color: #3478f6;
}

.final-cta-text {
  max-width: 700px;
  margin: 35px auto 32px;
  color: #62708a;
  font-size: 18px;
  line-height: 1.65;
}

.final-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  background: #071126;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.final-cta-button strong {
  font-size: 20px;
  line-height: 1;
}

.final-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(7, 17, 38, 0.20);
}

.final-cta-note {
  max-width: 760px;
  margin: 35px auto 0;
  color: #8994a8;
  font-size: 11px;
  line-height: 1.5;
}

/* MOBILE */

@media (max-width: 700px) {

  .final-cta {
    padding: 60px 16px 40px;
  }

  .final-cta-inner {
    padding: 55px 20px 40px;
    border-radius: 22px;
  }

  .final-cta-kicker {
    font-size: 10px;
    margin-bottom: 25px;
  }

  .final-cta-title {
    font-size: clamp(54px, 17vw, 78px);
    line-height: 0.9;
  }

  .final-cta-text {
    margin: 28px auto;
    font-size: 16px;
    line-height: 1.55;
  }

  .final-cta-button {
    width: 100%;
    padding: 0 18px;
    gap: 12px;
    font-size: 12px;
  }

  .final-cta-note {
    margin-top: 28px;
    font-size: 10px;
  }
}
/* =========================================
   CREATOR PAGE
========================================= */

.creator-header {
  position: relative;
  z-index: 10;
  height: 82px;
  padding: 0 6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #071126;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.creator-logo {
  color: #ffffff;
  text-decoration: none;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.creator-logo span {
  color: #3478f6;
}

.creator-back {
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  transition: color 0.25s ease;
}

.creator-back:hover {
  color: #ffffff;
}


/* HERO */

.creator-hero {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  padding: 130px 7vw;
  display: flex;
  align-items: center;
  background: #071126;
  color: #ffffff;
}

.creator-hero-glow {
  position: absolute;
  width: 650px;
  height: 650px;
  right: -180px;
  top: -220px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(70,120,255,0.35) 0%,
    rgba(70,120,255,0) 70%
  );
  pointer-events: none;
}

.creator-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.creator-kicker {
  margin-bottom: 25px;
  color: #6fa0ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.creator-hero h1 {
  margin: 0;
  font-size: clamp(64px, 10vw, 125px);
  line-height: 0.86;
  letter-spacing: -0.065em;
  font-weight: 900;
}

.creator-hero h1 span {
  color: #3478f6;
}

.creator-hero p {
  max-width: 690px;
  margin: 42px 0 35px;
  color: rgba(255,255,255,0.68);
  font-size: 19px;
  line-height: 1.7;
}

.creator-primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 56px;
  padding: 0 27px;
  border-radius: 999px;
  background: #ffffff;
  color: #071126;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.03em;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.creator-primary-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.22);
}

.creator-primary-btn span {
  color: #3478f6;
  font-size: 18px;
}


/* VIDEO */

.creator-video-section {
  padding: 120px 7vw;
  background: #f7f9fd;
}

.creator-video-heading {
  max-width: 1000px;
  margin: 0 auto 55px;
}

.creator-video-heading h2,
.creator-section-title h2 {
  margin: 0;
  color: #0b1428;
  font-size: clamp(48px, 7vw, 85px);
  line-height: 0.92;
  letter-spacing: -0.055em;
  font-weight: 900;
}

.creator-video-heading h2 strong,
.creator-section-title h2 strong {
  color: #3478f6;
}

.creator-video-heading p {
  max-width: 650px;
  margin-top: 28px;
  color: #65738c;
  font-size: 17px;
  line-height: 1.7;
}

.creator-video-box {
  max-width: 1000px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 25px;
  background: #071126;
  box-shadow: 0 25px 70px rgba(12,28,60,0.14);
}

.creator-video-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: rgba(255,255,255,0.55);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.creator-play {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #3478f6;
  color: #ffffff;
  font-size: 24px;
  padding-left: 4px;
}


/* IDEA */

.creator-idea {
  padding: 120px 7vw;
  background: #ffffff;
}

.creator-idea-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 90px;
  align-items: center;
}

.creator-idea h2 {
  margin: 0;
  color: #0b1428;
  font-size: clamp(48px, 6vw, 78px);
  line-height: 0.9;
  letter-spacing: -0.055em;
}

.creator-idea h2 strong {
  color: #3478f6;
}

.creator-idea-text p {
  margin: 0 0 22px;
  color: #65738c;
  font-size: 18px;
  line-height: 1.7;
}

.creator-idea-text p:last-child {
  margin-bottom: 0;
}


/* PILLARS */

.creator-pillars {
  padding: 120px 7vw;
  background: #f7f9fd;
}

.creator-section-title {
  max-width: 1200px;
  margin: 0 auto 60px;
}

.creator-pillars-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #dce2ec;
  border-left: 1px solid #dce2ec;
}

.creator-pillar {
  min-height: 280px;
  padding: 30px;
  border-right: 1px solid #dce2ec;
  border-bottom: 1px solid #dce2ec;
  background: #ffffff;
}

.creator-pillar span {
  display: block;
  margin-bottom: 70px;
  color: #3478f6;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.creator-pillar h3 {
  margin: 0 0 15px;
  color: #0b1428;
  font-size: 17px;
  letter-spacing: 0.05em;
}

.creator-pillar p {
  margin: 0;
  color: #718098;
  font-size: 14px;
  line-height: 1.6;
}


/* FINAL CTA */

.creator-final-cta {
  position: relative;
  overflow: hidden;
  padding: 110px 30px 70px;
  background: #f7f9fd;
}

.creator-final-cta::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  top: -250px;
  right: -120px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(120,91,255,0.28) 0%,
    rgba(120,91,255,0) 70%
  );
  pointer-events: none;
}

.creator-final-cta::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  bottom: -280px;
  left: -150px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(70,120,255,0.18) 0%,
    rgba(70,120,255,0) 70%
  );
  pointer-events: none;
}

.creator-final-inner {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 40px 55px;
  text-align: center;
  background: rgba(255,255,255,0.94);
  border: 1px solid #e1e6f0;
  border-radius: 28px;
  box-shadow: 0 20px 70px rgba(20,35,70,0.08);
}

.creator-final-inner h2 {
  margin: 0;
  color: #0b1428;
  font-size: clamp(48px, 7vw, 82px);
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.creator-final-inner h2 strong {
  color: #3478f6;
}

.creator-final-inner > p:not(.creator-note) {
  max-width: 650px;
  margin: 30px auto;
  color: #65738c;
  font-size: 17px;
  line-height: 1.65;
}

.creator-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 55px;
  padding: 0 28px;
  border-radius: 999px;
  background: #071126;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.creator-whatsapp-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(7,17,38,0.20);
}

.creator-whatsapp-btn span {
  font-size: 19px;
}

.creator-note {
  margin: 35px auto 0;
  color: #8994a8;
  font-size: 10px;
  line-height: 1.5;
}


/* FOOTER */

.creator-footer {
  padding: 28px 6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #071126;
  color: rgba(255,255,255,0.5);
  font-size: 10px;
  letter-spacing: 0.08em;
}

.creator-footer a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
}


/* MOBILE */

@media (max-width: 800px) {

  .creator-header {
    height: 70px;
    padding: 0 20px;
  }

  .creator-logo {
    font-size: 21px;
  }

  .creator-back {
    font-size: 9px;
  }

  .creator-hero {
    min-height: 620px;
    padding: 90px 24px;
  }

  .creator-hero h1 {
    font-size: clamp(58px, 17vw, 88px);
  }

  .creator-hero p {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.6;
  }

  .creator-primary-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 0 18px;
    font-size: 11px;
  }

  .creator-video-section,
  .creator-idea,
  .creator-pillars {
    padding: 75px 24px;
  }

  .creator-video-heading h2,
  .creator-section-title h2 {
    font-size: clamp(45px, 13vw, 65px);
  }

  .creator-video-box {
    border-radius: 18px;
  }

  .creator-idea-inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .creator-idea h2 {
    font-size: clamp(45px, 13vw, 65px);
  }

  .creator-pillars-grid {
    grid-template-columns: 1fr;
  }

  .creator-pillar {
    min-height: auto;
    padding: 26px;
  }

  .creator-pillar span {
    margin-bottom: 45px;
  }

  .creator-final-cta {
    padding: 60px 16px 40px;
  }

  .creator-final-inner {
    padding: 55px 20px 40px;
    border-radius: 22px;
  }

  .creator-final-inner h2 {
    font-size: clamp(45px, 13vw, 68px);
  }

  .creator-whatsapp-btn {
    width: 100%;
    padding: 0 18px;
    font-size: 11px;
  }

  .creator-footer {
    padding: 24px 20px;
  }

}
/* =========================
   CREATOR CTA
========================= */

.creator-cta {
  position: relative;
  overflow: hidden;
  background: #f4f6fa;
  color: #07111f;
  padding: 110px 7vw;
}

.creator-cta::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  right: -180px;
  top: -180px;
  background: radial-gradient(
    circle,
    rgba(40, 110, 255, 0.18),
    transparent 70%
  );
  pointer-events: none;
}

.creator-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1250px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 80px;
  align-items: center;
}

.creator-cta .section-kicker {
  color: #315cff;
  margin-bottom: 22px;
}

.creator-cta h2 {
  margin: 0 0 28px;
  font-size: clamp(44px, 5vw, 78px);
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.creator-cta h2 strong {
  color: #315cff;
}

.creator-cta-content p {
  max-width: 680px;
  margin: 0 0 35px;

  color: rgba(7, 17, 31, 0.68);
  font-size: 18px;
  line-height: 1.7;
}

.creator-cta .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.creator-cta-side {
  border-top: 1px solid rgba(7, 17, 31, 0.16);
  border-bottom: 1px solid rgba(7, 17, 31, 0.16);

  padding: 28px 0;

  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 20px;
}

.creator-cta-number {
  color: #315cff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.creator-cta-side strong {
  font-size: 18px;
  letter-spacing: 0.05em;
}

.creator-cta-side p {
  margin: 8px 0 0;
  color: rgba(7, 17, 31, 0.55);
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 800px) {

  .creator-cta {
    padding: 75px 24px;
  }

  .creator-cta-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .creator-cta h2 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .creator-cta-content p {
    font-size: 16px;
    line-height: 1.6;
  }

  .creator-cta .btn-primary {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

}
/* =========================
   CREATOR VIDEO
========================= */

.creator-video-box {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 24px;
  background: #050b16;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

.creator-video-box iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

@media (max-width: 800px) {
  .creator-video-box {
    border-radius: 16px;
  }
}