body { font-family: Poppins,sans-serif }
     


      {} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        @media (max-width: 639px) {
          
        .global-style-vtw69z6b2 {
          background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-vtw69z6b2 {
          background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-vtw69z6b2 {
          background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-vtw69z6b2 {
          background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-vtw69z6b2 {
          background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat;
      }
        }

 :root { --ink: #171717; --coal: #0c1515; --forest: #17302e; --paper: #f7f0e4; --cream: #fffaf0; --gold: #d9ad45; --gold-soft: #f4d37b; --clay: #b84a36; --line: rgba(255, 250, 240, 0.22); --shadow: 0 24px 70px rgba(0, 0, 0, 0.28); --max: 1180px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; } img { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } .page { overflow: hidden; background: radial-gradient(circle at 8% 12%, rgba(217, 173, 69, 0.12), transparent 24rem), linear-gradient(180deg, #fff7e9 0%, #f6efe3 42%, #ffffff 100%); } .wrap { width: min(100% - 40px, var(--max)); margin: 0 auto; } .topbar { position: fixed; z-index: 20; inset: 0 0 auto 0; padding: 18px 0; color: var(--cream); background: transparent; transition: background 220ms ease, color 220ms ease, box-shadow 220ms ease, border-color 220ms ease, padding 220ms ease; } .topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .topbar.is-scrolled { padding: 12px 0; border-bottom: 1px solid rgba(255, 250, 240, 0.14); box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18); backdrop-filter: blur(14px); } .topbar.theme-dark, .topbar.theme-forest { background: rgba(12, 21, 21, 0.92); color: var(--cream); } .topbar.theme-paper { background: rgba(255, 250, 240, 0.94); color: var(--ink); border-bottom-color: rgba(23, 23, 23, 0.1); } .topbar.theme-white { background: rgba(255, 255, 255, 0.94); color: var(--ink); border-bottom-color: rgba(23, 23, 23, 0.1); } .topbar.theme-gold { background: rgba(217, 173, 69, 0.94); color: #111; border-bottom-color: rgba(17, 17, 17, 0.12); } .topbar:not(.is-scrolled) { background: transparent; border-bottom-color: transparent; box-shadow: none; backdrop-filter: none; } .brand { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; } .nav { display: flex; align-items: center; gap: 18px; font-size: 0.86rem; font-weight: 700; } .nav a { opacity: 0.84; transition: opacity 180ms ease, color 180ms ease; } .nav a:hover, .nav a.is-active { opacity: 1; } .nav .nav-cta { min-height: 42px; padding: 11px 18px; border: 1px solid rgba(255, 250, 240, 0.58); border-radius: 999px; opacity: 1; } .theme-paper .nav .nav-cta, .theme-white .nav .nav-cta, .theme-gold .nav .nav-cta { border-color: rgba(17, 17, 17, 0.26); } .menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; cursor: pointer; opacity: 0.92; } .menu-toggle-lines, .menu-toggle-lines::before, .menu-toggle-lines::after { display: block; width: 18px; height: 2px; border-radius: 999px; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; } .menu-toggle-lines { position: relative; } .menu-toggle-lines::before, .menu-toggle-lines::after { content: ""; position: absolute; left: 0; } .menu-toggle-lines::before { top: -6px; } .menu-toggle-lines::after { top: 6px; } .topbar.menu-open .menu-toggle-lines { transform: rotate(45deg); } .topbar.menu-open .menu-toggle-lines::before { transform: translateY(6px) rotate(90deg); } .topbar.menu-open .menu-toggle-lines::after { transform: translateY(-6px); opacity: 0; } .hero { position: relative; min-height: 94vh; display: grid; align-items: end; color: var(--cream); isolation: isolate; padding: 118px 0 42px; background: var(--coal); } .hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(7, 14, 14, 0.96) 0%, rgba(7, 14, 14, 0.76) 42%, rgba(7, 14, 14, 0.24) 74%, rgba(7, 14, 14, 0.52) 100%), linear-gradient(180deg, rgba(7, 14, 14, 0.22) 0%, rgba(7, 14, 14, 0.72) 100%), url("https://images.groovetech.io/0qfCIpp0wUHa_iH2b9pd9gD_5WxJsj2_5z6wFYSYAeY/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzc5ODU3NjAwX0ZvbmRvUEMxLnBuZw.webp") center / cover no-repeat; } .hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 22vh; z-index: -1; background: linear-gradient(180deg, transparent, rgba(12, 21, 21, 0.92)); } .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 56px; align-items: end; } .eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 22px; color: var(--gold-soft); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.28em; text-transform: uppercase; } .eyebrow::before, .eyebrow::after { content: ""; width: 42px; height: 1px; background: currentColor; } h1, h2, h3, p { margin-top: 0; } h1 { max-width: 920px; margin-bottom: 22px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(4rem, 10vw, 8.4rem); line-height: 0.88; font-weight: 500; text-wrap: balance; } .hero-gold { color: var(--gold-soft); } .hero-copy { max-width: 720px; margin-bottom: 32px; color: rgba(255, 250, 240, 0.86); font-size: clamp(1.05rem, 2vw, 1.32rem); } .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 34px; } .button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; padding: 15px 24px; background: var(--gold); color: #111; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; box-shadow: 0 16px 36px rgba(217, 173, 69, 0.28); transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; } .button:hover { transform: translateY(-2px); background: var(--gold-soft); box-shadow: 0 20px 48px rgba(217, 173, 69, 0.34); } .button.secondary { border: 1px solid rgba(255, 250, 240, 0.42); background: rgba(255, 250, 240, 0.06); color: var(--cream); box-shadow: none; } .hero-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 820px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .meta-item { min-height: 96px; padding: 20px 22px; border-right: 1px solid var(--line); } .meta-item:last-child { border-right: 0; } .meta-label { display: block; margin-bottom: 4px; color: var(--gold-soft); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .meta-value { display: block; color: rgba(255, 250, 240, 0.92); font-size: 1.03rem; font-weight: 700; } .quote-panel { align-self: stretch; display: grid; align-content: end; gap: 18px; padding-bottom: 10px; } .quote { padding: 24px; border: 1px solid rgba(244, 211, 123, 0.42); background: rgba(7, 14, 14, 0.56); backdrop-filter: blur(8px); box-shadow: var(--shadow); } .quote p { margin-bottom: 12px; color: rgba(255, 250, 240, 0.92); font-size: 1.06rem; } .quote strong { color: var(--gold-soft); font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; } .signal-strip { background: var(--gold); color: #111; } .signal-strip .wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; padding: 18px 0; font-size: clamp(1rem, 2vw, 1.32rem); font-weight: 800; } section { padding: 92px 0; } .section-kicker { margin-bottom: 14px; color: var(--clay); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; } h2 { max-width: 820px; margin-bottom: 20px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.2rem, 5vw, 4.7rem); line-height: 1; font-weight: 500; text-wrap: balance; } .lead { max-width: 780px; color: #43403b; font-size: clamp(1.04rem, 2vw, 1.24rem); } .split { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.72fr); gap: 54px; align-items: center; } .coach-section { background: #ffffff; } .coach-photo { overflow: hidden; border-radius: 6px; background: #e9e2d7; box-shadow: 0 22px 64px rgba(17, 17, 17, 0.14); } .coach-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 62% center; } .pill-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; padding: 0; list-style: none; } .pill-list li { padding: 9px 13px; border: 1px solid #dfcfae; border-radius: 999px; color: #27231e; background: #fff8e8; font-size: 0.9rem; font-weight: 800; } .article-jump { margin-top: 24px; background: var(--coal); color: var(--cream); box-shadow: 0 16px 36px rgba(12, 21, 21, 0.18); } .article-jump:hover { background: var(--forest); } .outcomes { background: var(--forest); color: var(--cream); } .article-section { background: #fffaf0; } .article-shell { max-width: 860px; margin: 0 auto; } .article-card { margin-top: 34px; padding: clamp(26px, 5vw, 54px); border-top: 5px solid var(--gold); background: #ffffff; box-shadow: 0 22px 58px rgba(23, 23, 23, 0.08); } .article-card h3 { margin: 0 0 18px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.9rem, 4vw, 3.2rem); line-height: 1.05; font-weight: 500; } .article-card h4 { margin: 34px 0 12px; color: var(--clay); font-size: 0.92rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .article-card p { color: #3f3a33; font-size: 1.06rem; } .article-card blockquote { margin: 24px 0; padding: 20px 24px; border-left: 4px solid var(--gold); background: #fff7e7; color: #2a251f; font-family: Georgia, "Times New Roman", serif; font-size: 1.24rem; } .article-more { margin-top: 22px; border-top: 1px solid #eadbbd; padding-top: 22px; } .article-more summary { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; padding: 13px 22px; background: var(--coal); color: var(--cream); cursor: pointer; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; list-style: none; } .article-more summary::-webkit-details-marker { display: none; } .article-more summary::after { content: "+"; color: var(--gold-soft); font-size: 1.2rem; line-height: 1; } .article-more[open] summary::after { content: "-"; } .article-hidden { margin-top: 28px; } .outcomes .lead { color: rgba(255, 250, 240, 0.76); } .outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 42px; background: rgba(255, 250, 240, 0.18); border: 1px solid rgba(255, 250, 240, 0.18); } .outcome { min-height: 218px; padding: 28px; background: var(--forest); } .outcome span { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 22px; border: 1px solid rgba(244, 211, 123, 0.58); border-radius: 50%; color: var(--gold-soft); font-weight: 900; } .outcome h3 { margin-bottom: 10px; color: var(--gold-soft); font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; } .outcome p { margin-bottom: 0; color: rgba(255, 250, 240, 0.78); } .agenda { background: #fffaf0; } .agenda-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 38px 0 0; padding: 0; list-style: none; } .agenda-list li { display: block; gap: 18px; min-height: 74px; padding: 20px; border-left: 4px solid var(--gold); background: #ffffff; box-shadow: 0 12px 30px rgba(23, 23, 23, 0.06); } .agenda-title { display: block; margin-bottom: 0; font-weight: 900; } .kintsugi { position: relative; color: var(--cream); background: linear-gradient(90deg, rgba(12, 21, 21, 0.94), rgba(12, 21, 21, 0.72)), url("https://images.groovetech.io/6T1Iyv_6pRMoSSYo6D75DgqkY5MGWD9lV7kYRPyGfWc/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzc5ODU3NjE2X0ZvbmRvUEMyLnBuZw.webp") center / cover no-repeat; } .kintsugi .lead { color: rgba(255, 250, 240, 0.82); } .kintsugi-line { width: min(100%, 700px); height: 3px; margin: 34px 0; background: linear-gradient(90deg, transparent, var(--gold-soft), transparent); } .three-questions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 38px; } .question { min-height: 230px; padding: 28px; border-top: 4px solid var(--clay); background: #ffffff; box-shadow: 0 18px 46px rgba(23, 23, 23, 0.08); } .question small { display: block; margin-bottom: 18px; color: var(--clay); font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .question h3 { margin-bottom: 12px; font-family: Georgia, "Times New Roman", serif; font-size: 1.8rem; line-height: 1.08; font-weight: 500; } .question p { margin-bottom: 0; color: #514c45; } .who { background: #ffffff; } .trainer { position: relative; min-height: 820px; display: grid; align-items: end; overflow: hidden; padding: 104px 0 54px; color: var(--ink); background: linear-gradient(90deg, rgba(247, 240, 228, 0.98) 0%, rgba(247, 240, 228, 0.92) 48%, rgba(247, 240, 228, 0.34) 72%, rgba(247, 240, 228, 0.1) 100%), radial-gradient(circle at 18% 15%, rgba(184, 74, 54, 0.1), transparent 18rem), #eee6da; } .trainer::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(23, 23, 23, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 23, 23, 0.028) 1px, transparent 1px); background-size: 42px 42px; pointer-events: none; mix-blend-mode: multiply; } .trainer::after { content: ""; position: absolute; inset: 0 0 0 auto; width: min(54vw, 760px); background: linear-gradient(180deg, transparent 78%, #eee6da 100%); pointer-events: none; } .trainer-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 480px); gap: clamp(28px, 5vw, 64px); align-items: end; } .trainer-copy { min-width: 0; max-width: 100%; padding-bottom: 22px; } .trainer-script { display: block; margin: 0 0 -24px; color: var(--clay); font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(3.2rem, 8vw, 6rem); font-weight: 400; line-height: 1; transform: rotate(-5deg); } .trainer-name { margin: 0 0 12px; color: #252321; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(4.2rem, 8vw, 7.8rem); font-weight: 900; letter-spacing: 0.01em; line-height: 0.82; text-transform: uppercase; max-width: 100%; overflow-wrap: break-word; } .trainer-signature { display: inline-flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; color: #2d2a26; font-size: 0.82rem; font-weight: 900; letter-spacing: 0.28em; text-transform: uppercase; } .trainer-signature span:not(:last-child)::after { content: "|"; margin-left: 8px; color: var(--clay); } .trainer-rule { width: 46px; height: 3px; margin: 0 0 26px; background: var(--clay); } .trainer .lead { max-width: 500px; color: #34312d; font-size: clamp(1.05rem, 2vw, 1.22rem); } .trainer-photo { position: relative; z-index: 1; width: 100%; max-width: 480px; justify-self: end; align-self: end; overflow: hidden; border-radius: 6px; background: #e4d9cc; box-shadow: 0 24px 64px rgba(23, 23, 23, 0.14); } .trainer-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; } .trainer-action { margin-top: 24px; border: 1px solid var(--clay); border-radius: 0; background: transparent; color: var(--clay); box-shadow: none; } .trainer-action:hover { background: var(--clay); color: var(--cream); box-shadow: 0 18px 38px rgba(184, 74, 54, 0.18); } .trainer-points { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; width: 100%; max-width: 620px; margin: 58px 0 0; padding: 0; list-style: none; } .trainer-points li { min-height: 112px; padding: 0 22px; border-right: 1px solid rgba(184, 74, 54, 0.28); border-bottom: 1px solid rgba(184, 74, 54, 0.2); display: grid; align-content: start; gap: 10px; } .trainer-points li:nth-child(odd) { padding-left: 0; } .trainer-points li:nth-child(even) { border-right: 0; } .trainer-points li:nth-last-child(-n + 2) { padding-top: 18px; border-bottom: 0; } .trainer-icon { width: 42px; height: 42px; color: var(--clay); } .trainer-icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .trainer-points strong { display: block; color: #2f2c28; font-size: 0.82rem; letter-spacing: 0.04em; line-height: 1.16; text-transform: uppercase; } .checks { display: grid; gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; } .checks li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; color: #36312b; font-size: 1.04rem; } .checks li::before { content: ""; width: 16px; height: 16px; margin-top: 5px; border: 4px solid var(--gold); border-radius: 50%; background: #fff; } .register { padding: 96px 0; color: var(--cream); background: var(--coal); } .register-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); gap: 42px; align-items: center; padding: 44px; border: 1px solid rgba(255, 250, 240, 0.18); background: linear-gradient(135deg, rgba(217, 173, 69, 0.14), transparent 42%), #101f1e; box-shadow: var(--shadow); } .register h2 { margin-bottom: 16px; } .register p { max-width: 680px; color: rgba(255, 250, 240, 0.78); } .whatsapp-box { padding: 28px; border: 1px solid rgba(255, 250, 240, 0.16); background: rgba(255, 250, 240, 0.07); } .whatsapp-box strong { display: block; margin-bottom: 10px; color: var(--gold-soft); font-size: 0.84rem; letter-spacing: 0.14em; text-transform: uppercase; } .whatsapp-box p { margin-bottom: 20px; color: rgba(255, 250, 240, 0.74); font-size: 0.96rem; } .whatsapp-button { width: 100%; background: #25d366; color: #06130b; box-shadow: 0 18px 42px rgba(37, 211, 102, 0.22); } .whatsapp-button:hover { background: #39e27a; box-shadow: 0 20px 48px rgba(37, 211, 102, 0.28); } .footer { padding: 32px 0; color: rgba(255, 250, 240, 0.7); background: #071010; font-size: 0.9rem; } .footer .wrap { display: flex; justify-content: space-between; gap: 18px; } @media (max-width: 1100px) { .trainer-grid { grid-template-columns: 1fr; } .trainer-copy { padding-bottom: 0; } .trainer-photo { width: min(100%, 520px); max-width: 520px; justify-self: center; margin-top: 26px; } } @media (max-width: 980px) { .menu-toggle { display: inline-flex; flex: 0 0 auto; } .nav { position: fixed; top: 70px; right: 14px; left: 14px; display: grid; gap: 0; padding: 10px; border: 1px solid rgba(255, 250, 240, 0.16); border-radius: 8px; background: rgba(12, 21, 21, 0.96); color: var(--cream); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28); transform: translateY(-12px); opacity: 0; pointer-events: none; transition: transform 180ms ease, opacity 180ms ease; } .topbar.menu-open .nav { transform: translateY(0); opacity: 1; pointer-events: auto; } .nav a { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid rgba(255, 250, 240, 0.1); opacity: 1; } .nav a:last-child { border-bottom: 0; } .topbar .nav .nav-cta { margin-top: 8px; justify-content: center; border-color: rgba(244, 211, 123, 0.55); } .hero-grid, .split, .register-box { grid-template-columns: 1fr; } .trainer { min-height: auto; padding-bottom: 0; background: linear-gradient(180deg, rgba(247, 240, 228, 0.98) 0%, rgba(247, 240, 228, 0.92) 72%, #eee6da 100%), #eee6da; } .trainer::after { display: none; } .trainer-copy { max-width: none; padding-bottom: 0; } .trainer-photo { width: min(100%, 480px); max-width: 480px; justify-self: center; margin-top: 22px; } .quote-panel { max-width: 620px; } .outcome-grid, .three-questions, .trainer-points { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agenda-list { grid-template-columns: 1fr; } } @media (max-width: 680px) { .wrap { width: min(100% - 28px, var(--max)); } .topbar { padding: 18px 0; } .brand { max-width: 160px; letter-spacing: 0.12em; } .nav .nav-cta { min-height: 38px; padding: 9px 13px; font-size: 0.78rem; } .hero { min-height: auto; padding: 104px 0 28px; } .hero::before { background: linear-gradient(180deg, rgba(7, 14, 14, 0.88) 0%, rgba(7, 14, 14, 0.78) 48%, rgba(7, 14, 14, 0.96) 100%), url("https://images.groovetech.io/xWqyrJp0lc9NPsSsSTheqG_N3yT7jh4S4w-Ye1XBDAc/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzc5ODU3NjQ5X0ZvbmRvbW92aWxDYXJhY3RlcjEucG5n.webp") center / cover no-repeat; } .kintsugi { background: linear-gradient(180deg, rgba(12, 21, 21, 0.9), rgba(12, 21, 21, 0.74)), url("https://images.groovetech.io/yDbW-upPhRkWqmLX7SB824s-QqcG9MhgPwLC8V6dRNQ/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzc5ODU3NjcxX0ZvbmRvbW92aWxjYXJhY3RlcjIucG5n.webp") center / cover no-repeat; } h1 { font-size: clamp(3.2rem, 18vw, 5.2rem); } h2 { font-size: clamp(2.1rem, 12vw, 3.2rem); } .hero-meta, .outcome-grid, .three-questions, .trainer-points { grid-template-columns: 1fr; } .trainer-points { margin-top: 34px; } .trainer-points li, .trainer-points li:first-child { min-height: 86px; grid-template-columns: 44px 1fr; align-items: center; padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(184, 74, 54, 0.24); } .trainer-points li:last-child { border-bottom: 0; } .meta-item { min-height: 82px; border-right: 0; border-bottom: 1px solid var(--line); } .meta-item:last-child { border-bottom: 0; } .signal-strip .wrap, .footer .wrap { display: grid; } section { padding: 68px 0; } .register-box { padding: 24px; } }