:root {
      color-scheme: light;
      --navy: #082b4c;
      --navy-deep: #061e36;
      --teal: #00a8ad;
      --teal-dark: #087d85;
      --ink: #1d2d3a;
      --muted: #65747f;
      --paper: #f5f8f7;
      --white: #fff;
      --line: #dce6e5;
      --shadow: 0 20px 60px rgba(8, 43, 76, .10);
      --radius: 22px;
      --content: 1160px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 90px; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--white);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; max-width: 100%; }
    a { color: inherit; }
    .wrap { width: min(var(--content), calc(100% - 48px)); margin-inline: auto; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 17px;
      color: var(--teal-dark);
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .16em;
      line-height: 1.3;
      text-transform: uppercase;
    }
    .eyebrow::before { width: 26px; height: 2px; background: currentColor; content: ""; }
    .section-heading { max-width: 720px; margin-bottom: 42px; }
    .section-heading h2, .section-heading h3 {
      margin: 0;
      color: var(--navy);
      font-size: clamp(2rem, 4.4vw, 3.55rem);
      font-weight: 750;
      letter-spacing: -.055em;
      line-height: 1.08;
    }
    .section-heading > p:last-child { max-width: 640px; margin: 18px 0 0; color: var(--muted); font-size: 1.05rem; }
    .section-heading.center { margin-inline: auto; text-align: center; }
    .section-heading.center .eyebrow { justify-content: center; }
    .section-heading.center > p:last-child { margin-inline: auto; }
    .button {
      display: inline-flex;
      min-height: 52px;
      align-items: center;
      justify-content: center;
      gap: 11px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: 999px;
      background: var(--teal);
      color: var(--navy-deep);
      font-size: .82rem;
      font-weight: 850;
      letter-spacing: .055em;
      line-height: 1.2;
      text-align: center;
      text-decoration: none;
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .button:hover { transform: translateY(-2px); background: #20c2c1; box-shadow: 0 10px 24px rgba(0, 168, 173, .22); }
    .button svg { width: 17px; height: 17px; flex: none; }
    .button-outline { border-color: rgba(255,255,255,.42); background: transparent; color: var(--white); }
    .button-outline:hover { border-color: var(--white); background: rgba(255,255,255,.08); box-shadow: none; }
    .button-light { background: var(--white); color: var(--navy); }
    .button-light:hover { background: #eaf6f5; }

    .site-header {
      position: sticky;
      z-index: 20;
      top: 0;
      border-bottom: 1px solid rgba(8, 43, 76, .08);
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(16px);
    }
    .nav-row { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 28px; }
    .brand { display: inline-flex; width: 176px; flex: none; align-items: center; }
    .brand img { width: 100%; height: auto; }
    .nav-links { display: flex; align-items: center; gap: clamp(17px, 2.5vw, 34px); }
    .nav-links a:not(.button) {
      color: #435360;
      font-size: .77rem;
      font-weight: 750;
      letter-spacing: .045em;
      text-decoration: none;
      transition: color .18s ease;
    }
    .nav-links a:not(.button):hover { color: var(--teal-dark); }
    .nav-links .button { min-height: 43px; padding-inline: 17px; font-size: .72rem; }
    .menu-toggle {
      display: none;
      width: 45px;
      height: 45px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: var(--white);
      color: var(--navy);
      cursor: pointer;
    }
    .menu-toggle svg { width: 21px; height: 21px; }

    .hero {
      position: relative;
      overflow: hidden;
      padding: 88px 0 86px;
      background:
        radial-gradient(ellipse at 86% 14%, rgba(0,168,173,.18), transparent 33%),
        linear-gradient(122deg, var(--navy-deep) 0%, #0a355a 55%, #092c4a 100%);
      color: var(--white);
    }
    .hero::before, .hero::after { position: absolute; border: 1px solid rgba(114,215,211,.12); border-radius: 50%; content: ""; pointer-events: none; }
    .hero::before { width: 610px; height: 610px; top: -370px; right: -100px; }
    .hero::after { width: 440px; height: 440px; top: -285px; right: -12px; }
    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 52px; }
    .hero-copy { max-width: 670px; }
    .hero .eyebrow { color: #61d5d1; }
    .hero h1 {
      margin: 0;
      font-size: clamp(3.15rem, 7.2vw, 6.4rem);
      font-weight: 760;
      letter-spacing: -.075em;
      line-height: .98;
    }
    .hero h1 span { display: block; color: #49c9c8; }
    .hero-lead { max-width: 630px; margin: 27px 0 14px; color: #e6f1f5; font-size: clamp(1.14rem, 2vw, 1.45rem); font-weight: 650; line-height: 1.42; }
    .hero-text { max-width: 590px; margin: 0; color: #c3d4df; font-size: 1rem; }
    .hero-motto { margin: 24px 0 27px; color: var(--white); font-size: .9rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero-art { position: relative; display: grid; min-height: 440px; place-items: center; }
    .orbit { position: absolute; width: min(390px, 90%); aspect-ratio: 1; border: 1px solid rgba(91, 211, 208, .26); border-radius: 50%; transform: rotate(-20deg) scaleY(.72); }
    .orbit::before, .orbit::after { position: absolute; border: 1px solid rgba(91,211,208,.22); border-radius: 50%; content: ""; }
    .orbit::before { inset: 30px -32px; transform: rotate(46deg); }
    .orbit::after { inset: -4px 40px; transform: rotate(-58deg); }
    .orbit-dot { position: absolute; z-index: 2; width: 15px; height: 15px; border-radius: 50%; background: #56d5d0; box-shadow: 0 0 24px rgba(0,208,201,.6); }
    .dot-one { top: 32px; left: 25%; }
    .dot-two { right: 5%; bottom: 39%; width: 11px; height: 11px; background: #fff; }
    .dot-three { bottom: 18%; left: 20%; width: 10px; height: 10px; }
    .hero-logo-card { position: relative; z-index: 3; width: min(340px, 78%); overflow: hidden; border: 1px solid rgba(255,255,255,.65); border-radius: 24px; background: var(--white); box-shadow: 0 26px 80px rgba(0,0,0,.23); transform: rotate(2deg); }
    .hero-logo-card img { width: 100%; height: auto; }
    .art-label { position: absolute; z-index: 4; padding: 10px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(6,30,54,.75); color: #e6f7f6; font-size: .7rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
    .label-top { top: 45px; right: 4px; }
    .label-bottom { bottom: 52px; left: 0; }
    .hero-ribbon { position: relative; z-index: 2; margin-top: 63px; border-top: 1px solid rgba(255,255,255,.13); }
    .hero-ribbon-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 21px; color: #b9cbd7; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    .hero-ribbon-inner span { display: inline-flex; align-items: center; gap: 9px; }
    .hero-ribbon-inner span::before { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); content: ""; }

    section { padding: 100px 0; }
    .intro { background: var(--paper); }
    .intro-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 80px; align-items: start; }
    .intro-aside { position: sticky; top: 125px; }
    .intro-aside .eyebrow { margin-bottom: 20px; }
    .intro-aside h2 { margin: 0; color: var(--navy); font-size: clamp(2.2rem, 4vw, 3.5rem); letter-spacing: -.065em; line-height: 1.03; }
    .intro-aside h2 em { color: var(--teal-dark); font-style: normal; }
    .intro-aside .button { margin-top: 29px; }
    .intro-body { padding: 4px 0; }
    .intro-body h3 { margin: 0 0 19px; color: var(--navy); font-size: 1.55rem; letter-spacing: -.035em; }
    .intro-body p { margin: 0 0 18px; color: #53636e; font-size: 1.02rem; }
    .statement { margin-top: 28px !important; padding: 24px 26px; border-left: 3px solid var(--teal); border-radius: 0 15px 15px 0; background: var(--white); color: var(--navy) !important; font-weight: 730; }
    .intro-body .closing-line { color: var(--navy); font-weight: 650; }

    .community-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
    .community-card { min-height: 234px; padding: 23px 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
    .community-card:hover { transform: translateY(-5px); border-color: rgba(0,168,173,.48); box-shadow: var(--shadow); }
    .card-index { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 26px; border-radius: 12px; background: #e7f6f4; color: var(--teal-dark); font-size: .7rem; font-weight: 850; }
    .community-card h3 { margin: 0 0 10px; color: var(--navy); font-size: 1.02rem; line-height: 1.25; }
    .community-card p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.55; }
    .section-note { max-width: 730px; margin: 28px auto 0; color: var(--navy); font-weight: 750; text-align: center; }

    .ecosystem { background: var(--paper); }
    .ecosystem-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    .feature-card { min-height: 218px; padding: 25px; border: 1px solid rgba(8,43,76,.07); border-radius: 18px; background: var(--white); }
    .feature-icon { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: 22px; border-radius: 14px; background: var(--navy); color: #72ded9; font-size: .74rem; font-weight: 850; letter-spacing: .04em; }
    .feature-card h3 { margin: 0 0 9px; color: var(--navy); font-size: 1.03rem; line-height: 1.3; }
    .feature-card p { margin: 0; color: var(--muted); font-size: .88rem; }

    .opportunities { padding: 0; background: var(--teal); }
    .opportunity-grid { display: grid; min-height: 455px; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; padding-block: 83px; }
    .opportunity-copy .eyebrow { color: #063b51; }
    .opportunity-copy h2 { max-width: 530px; margin: 0; color: var(--navy-deep); font-size: clamp(2.7rem, 5.6vw, 4.9rem); letter-spacing: -.07em; line-height: .99; }
    .opportunity-copy h2 span { color: var(--white); }
    .opportunity-copy p { max-width: 440px; margin: 20px 0 0; color: #104958; font-weight: 600; }
    .opportunity-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; }
    .opportunity-item { display: flex; gap: 13px; align-items: flex-start; padding: 17px 0; border-bottom: 1px solid rgba(6,30,54,.17); color: #07364c; font-size: .96rem; font-weight: 650; }
    .opportunity-item::before { display: grid; width: 24px; height: 24px; flex: none; place-items: center; border-radius: 50%; background: rgba(255,255,255,.54); color: var(--navy); font-size: .75rem; font-weight: 900; content: "✓"; }
    .opportunity-item strong { color: var(--navy); }
    .opportunity-foot { grid-column: 1 / -1; margin-top: 19px; color: var(--navy-deep); font-size: 1.08rem; font-weight: 850; }

    .congress { position: relative; overflow: hidden; background: var(--navy-deep); color: var(--white); }
    .congress::after { position: absolute; width: 510px; height: 510px; right: -230px; bottom: -320px; border: 1px solid rgba(0,168,173,.25); border-radius: 50%; box-shadow: 0 0 0 60px rgba(0,168,173,.035), 0 0 0 120px rgba(0,168,173,.025); content: ""; }
    .congress .eyebrow { color: #5fd7d2; }
    .congress .section-heading h2 { color: var(--white); }
    .congress .section-heading > p:last-child { color: #bdcbd5; }
    .congress-intro { display: grid; grid-template-columns: 1fr .78fr; gap: 52px; align-items: end; margin-bottom: 45px; }
    .congress-intro .section-heading { margin: 0; }
    .congress-description { position: relative; z-index: 1; max-width: 820px; margin: -15px 0 28px; color: #d1dce3; }
    .congress-evolution { padding: 27px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.045); }
    .congress-evolution .small-label { display: block; margin-bottom: 7px; color: #92abbc; font-size: .69rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
    .congress-evolution h3 { margin: 0 0 11px; color: #5fd7d2; font-size: 1.65rem; letter-spacing: -.04em; }
    .congress-evolution p { margin: 0; color: #d1dce3; font-size: .91rem; }
    .congress-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
    .congress-card { min-height: 157px; padding: 23px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.045); }
    .congress-card h3 { margin: 0 0 8px; color: #fff; font-size: 1rem; }
    .congress-card p { margin: 0; color: #b8c9d4; font-size: .86rem; line-height: 1.55; }
    .congress-bottom { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; margin-top: 55px; padding-top: 33px; border-top: 1px solid rgba(255,255,255,.15); }
    .congress-bottom h3 { margin: 0 0 12px; color: var(--white); font-size: clamp(1.7rem, 3.4vw, 2.7rem); letter-spacing: -.05em; }
    .congress-bottom p { max-width: 730px; margin: 0 0 12px; color: #c4d2dc; }
    .congress-bottom .bold-line { color: #67d9d4; font-weight: 750; }

    .hybrid { background: var(--paper); }
    .hybrid-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
    .hybrid-copy h2 { margin: 0; color: var(--navy); font-size: clamp(2.6rem, 5vw, 4.4rem); letter-spacing: -.07em; line-height: 1; }
    .hybrid-copy h2 span { display: block; color: var(--teal-dark); }
    .hybrid-copy p { max-width: 430px; margin: 20px 0 0; color: var(--muted); }
    .hybrid-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .hybrid-panel { padding: 29px; border-radius: 20px; background: var(--navy); color: var(--white); }
    .hybrid-panel.digital { background: #e4f4f2; color: var(--navy); }
    .hybrid-panel h3 { margin: 0 0 20px; font-size: 1.23rem; }
    .hybrid-panel ul { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
    .hybrid-panel li { display: flex; align-items: center; gap: 10px; font-size: .91rem; }
    .hybrid-panel li::before { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #5dd5cf; content: ""; }
    .digital li::before { background: var(--teal-dark); }
    .hybrid-close { margin: 32px 0 0; color: var(--navy); font-size: 1.05rem; font-weight: 750; }
    .hybrid-close span { display: block; color: var(--teal-dark); }

    .brands-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 74px; align-items: start; }
    .brands-copy h2 { margin: 0; color: var(--navy); font-size: clamp(2.3rem, 4.8vw, 4.2rem); letter-spacing: -.065em; line-height: 1.02; }
    .brands-copy p { margin: 20px 0 0; color: var(--muted); }
    .brand-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .brand-option { padding: 20px; border: 1px solid var(--line); border-radius: 15px; }
    .brand-option h3 { margin: 0 0 7px; color: var(--navy); font-size: .98rem; }
    .brand-option p { margin: 0; color: var(--muted); font-size: .84rem; }
    .brands-cta { margin-top: 24px; }

    .reasons { background: var(--paper); }
    .reasons-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
    .reasons-layout .section-heading { position: sticky; top: 130px; margin: 0; }
    .reasons-layout .section-heading h2 { font-size: clamp(2.5rem, 4.7vw, 4rem); }
    .reasons-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin: 0; padding: 0; list-style: none; }
    .reasons-list li { display: flex; gap: 12px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid var(--line); color: #435460; font-size: .93rem; }
    .reasons-list li::before { width: 20px; height: 20px; flex: none; margin-top: 2px; border: 1px solid rgba(0,168,173,.35); border-radius: 50%; background: #e2f4f2; content: ""; }

    .story { background: var(--white); }
    .story-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 80px; align-items: start; }
    .story-title { position: sticky; top: 130px; }
    .story-title h2 { margin: 0; color: var(--navy); font-size: clamp(2.4rem, 4.8vw, 4.2rem); letter-spacing: -.07em; line-height: 1.02; }
    .story-title h2 span { display: block; color: var(--teal-dark); }
    .story-body p { margin: 0 0 19px; color: #566671; }
    .story-body .emphasis { padding: 20px 24px; border-radius: 0 16px 16px 0; border-left: 3px solid var(--teal); background: var(--paper); color: var(--navy); font-size: 1.13rem; font-weight: 800; }
    .story-values { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
    .story-values span { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--navy); font-size: .74rem; font-weight: 800; letter-spacing: .04em; }

    .action { background: linear-gradient(135deg, #e5f5f2, #f6f9f8 56%, #e8f1f4); }
    .action-banner { display: grid; grid-template-columns: .75fr 1.25fr; gap: 65px; align-items: center; margin-bottom: 43px; }
    .action-banner h2 { margin: 0; color: var(--navy); font-size: clamp(2.8rem, 5.6vw, 5.1rem); letter-spacing: -.075em; line-height: .98; }
    .action-banner h2 span { display: block; color: var(--teal-dark); }
    .action-banner p { max-width: 580px; margin: 0; color: #52636e; font-size: 1.05rem; }
    .action-banner-followup { margin-top: 65px; margin-bottom: 34px; }
    .action-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    .action-step { display: flex; min-height: 198px; flex-direction: column; align-items: flex-start; padding: 22px; border: 1px solid rgba(8,43,76,.10); border-radius: 18px; background: rgba(255,255,255,.8); }
    .action-step h3 { margin: 0 0 7px; color: var(--navy); font-size: 1rem; }
    .action-step p { flex: 1; margin: 0 0 22px; color: var(--muted); font-size: .85rem; }
    .text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--teal-dark); font-size: .77rem; font-weight: 850; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
    .text-link:hover { color: var(--navy); }
    .text-link svg { width: 15px; height: 15px; transition: transform .18s ease; }
    .text-link:hover svg { transform: translateX(4px); }

    .final-cta { position: relative; overflow: hidden; padding: 83px 0; background: var(--navy); color: var(--white); }
    .final-cta::before { position: absolute; width: 470px; height: 470px; top: -300px; left: calc(50% - 235px); border: 1px solid rgba(105,216,210,.22); border-radius: 50%; box-shadow: 0 0 0 55px rgba(105,216,210,.035), 0 0 0 110px rgba(105,216,210,.025); content: ""; }
    .final-content { position: relative; z-index: 1; text-align: center; }
    .final-content .eyebrow { color: #65d4d0; }
    .final-content .eyebrow::before { background: currentColor; }
    .final-content h2 { margin: 0; color: var(--white); font-size: clamp(2.9rem, 6.6vw, 6rem); letter-spacing: -.075em; line-height: .99; }
    .final-content h2 span { display: block; color: #60d5d1; }
    .final-content > p { max-width: 650px; margin: 20px auto 28px; color: #c2d1dc; font-size: 1.08rem; }
    .final-tagline { margin: 0 auto 30px; color: #f2f8fa; font-size: .92rem; font-weight: 700; line-height: 1.85; }
    .footer { padding: 25px 0; background: #04182a; color: #99adbb; }
    .footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; }
    .footer-brand { display: inline-flex; width: 118px; overflow: hidden; border-radius: 5px; background: var(--white); }
    .footer-brand img { width: 100%; }
    .footer p { margin: 0; font-size: .75rem; }
    .footer-links { display: flex; gap: 18px; }
    .footer-links a { color: #c0d0da; font-size: .74rem; text-decoration: none; }
    .footer-links a:hover { color: #65d4d0; }
    .skip-link { position: absolute; z-index: 50; top: 8px; left: 8px; padding: 12px 16px; transform: translateY(-160%); border-radius: 8px; background: var(--white); color: var(--navy); }
    .skip-link:focus { transform: translateY(0); }

    @media (max-width: 980px) {
      .nav-links { gap: 17px; }
      .nav-links a:not(.button) { font-size: .7rem; }
      .brand { width: 150px; }
      .hero-grid { gap: 20px; }
      .hero-art { min-height: 370px; }
      .community-grid { grid-template-columns: repeat(3, 1fr); }
      .ecosystem-grid { grid-template-columns: repeat(2, 1fr); }
      .intro-grid, .story-grid { gap: 50px; }
      .opportunity-grid { gap: 40px; }
      .action-steps { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 740px) {
      html { scroll-padding-top: 72px; }
      .wrap { width: min(var(--content), calc(100% - 36px)); }
      .nav-row { min-height: 70px; }
      .brand { width: 142px; }
      .menu-toggle { display: inline-flex; }
      .nav-links {
        position: absolute;
        top: calc(100% + 1px);
        right: 0;
        left: 0;
        display: none;
        align-items: stretch;
        gap: 0;
        padding: 8px 18px 18px;
        border-bottom: 1px solid var(--line);
        background: var(--white);
        box-shadow: 0 18px 24px rgba(8,43,76,.08);
      }
      .nav-links.open { display: flex; flex-direction: column; }
      .nav-links a:not(.button) { padding: 13px 4px; border-bottom: 1px solid #edf1f1; font-size: .82rem; }
      .nav-links .button { margin-top: 13px; }
      .hero { padding: 65px 0 53px; }
      .hero-grid { grid-template-columns: 1fr; gap: 22px; }
      .hero h1 { font-size: clamp(3.1rem, 14vw, 5.1rem); }
      .hero-art { min-height: 300px; }
      .hero-logo-card { width: min(280px, 72%); }
      .orbit { width: min(330px, 85%); }
      .label-top { top: 20px; right: 0; }
      .label-bottom { bottom: 22px; left: 1%; }
      .hero-ribbon { margin-top: 34px; }
      .hero-ribbon-inner { justify-content: flex-start; gap: 12px 22px; font-size: .68rem; }
      section { padding: 74px 0; }
      .intro-grid, .story-grid, .brands-grid, .reasons-layout, .hybrid-grid { grid-template-columns: 1fr; gap: 35px; }
      .intro-aside, .story-title, .reasons-layout .section-heading { position: static; }
      .intro-aside h2 br { display: none; }
      .community-grid { grid-template-columns: repeat(2, 1fr); }
      .community-card { min-height: 205px; padding: 19px 16px; }
      .opportunity-grid { grid-template-columns: 1fr; gap: 22px; padding-block: 67px; }
      .opportunity-list { gap: 0 16px; }
      .congress-intro { grid-template-columns: 1fr; gap: 25px; }
      .congress-grid { grid-template-columns: repeat(2, 1fr); }
      .congress-bottom { grid-template-columns: 1fr; align-items: start; margin-top: 38px; }
      .hybrid-grid { gap: 28px; }
      .brands-grid { gap: 28px; }
      .reasons-layout { gap: 20px; }
      .action-banner { grid-template-columns: 1fr; gap: 17px; }
      .action-steps { gap: 10px; }
    }
    @media (max-width: 480px) {
      .wrap { width: calc(100% - 32px); }
      .hero-actions { flex-direction: column; align-items: stretch; }
      .hero-actions .button { width: 100%; }
      .hero-art { min-height: 265px; }
      .hero-logo-card { width: min(240px, 70%); border-radius: 17px; }
      .art-label { font-size: .61rem; }
      .hero-ribbon-inner { display: grid; grid-template-columns: 1fr 1fr; }
      .community-grid, .ecosystem-grid, .congress-grid, .hybrid-panels, .brand-options, .reasons-list, .action-steps { grid-template-columns: 1fr; }
      .community-card { min-height: auto; }
      .card-index { margin-bottom: 17px; }
      .feature-card { min-height: auto; }
      .feature-icon { margin-bottom: 16px; }
      .opportunity-list { grid-template-columns: 1fr; }
      .opportunity-foot { grid-column: 1; }
      .congress-card { min-height: auto; }
      .hybrid-panel { padding: 24px; }
      .action-step { min-height: auto; }
      .action-step p { margin-bottom: 18px; }
      .footer-inner { justify-content: center; text-align: center; }
      .footer-inner > * { width: 100%; justify-content: center; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
    }