@import "tailwindcss";

:root {
  --ink: #060a08;
  --navy: #071a2e;
  --forest: #0a2218;
  --signal: #d7ff00;
  --motion: #ff4b00;
  --paper: #f7f8f3;
  --ball: #f1f0e8;
  --sand: #ebece4;
  --stone: #dfe1da;
  --mist: #eef3e5;
  --white: #ffffff;
  --muted: #87928c;
  --line-dark: rgba(255,255,255,.12);
  --line-light: rgba(6,10,8,.13);
  --shell: min(100% - 64px, 1340px);
  --display: "Manrope", "Inter", Arial, sans-serif;
  --body: "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased; }
body, button, input { font-family: var(--body); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; }
main { overflow: clip; }
::selection { color: var(--ink); background: var(--signal); }
.page-shell { width: var(--shell); margin-inline: auto; }

.site-header { position: absolute; z-index: 30; top: 0; left: 0; display: grid; grid-template-columns: 230px 1fr 230px; align-items: center; width: 100%; height: 96px; padding: 0 40px; color: var(--ink); border-bottom: 1px solid var(--line-light); background: rgba(241,240,232,.78); backdrop-filter: blur(18px); }
.brand { width: max-content; }
.brand img { width: 174px; height: auto; }
.desktop-nav { display: flex; justify-content: center; gap: clamp(24px, 3vw, 50px); }
.desktop-nav a { color: rgba(6,10,8,.58); font-size: 12px; font-weight: 650; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--ink); }
.header-cta { display: flex; align-items: center; justify-content: space-between; justify-self: end; width: 220px; min-height: 48px; padding: 0 17px; color: var(--white); background: var(--motion); font-size: 12px; font-weight: 800; }

.kicker { display: flex; align-items: center; gap: 11px; margin: 0 0 25px; color: rgba(255,255,255,.7); font-size: 10px; font-weight: 780; letter-spacing: .16em; text-transform: uppercase; }
.kicker i { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; box-shadow: 0 0 0 5px rgba(215,255,0,.12); }
.kicker--ink { color: #506059; }
h1, h2, h3 { margin: 0; font-family: var(--display); letter-spacing: -.06em; }
h2 { font-size: clamp(49px, 5.7vw, 88px); line-height: .96; }
h1 em, h2 em { color: var(--motion); font-style: normal; }
.section-index { margin: 0; color: #69756e; font-size: 9px; font-weight: 760; letter-spacing: .16em; text-transform: uppercase; }
.section-index--dark { color: rgba(255,255,255,.4); }

.brain-hero { position: relative; min-height: 900px; color: var(--ink); background: radial-gradient(circle at 82% 25%, rgba(215,255,0,.25), transparent 28%), radial-gradient(circle at 58% 88%, rgba(255,75,0,.16), transparent 33%), linear-gradient(128deg, #f5f3ec 0%, var(--ball) 58%, #e4e5dd 100%); }
.brain-hero::before { position: absolute; top: -95px; right: -110px; width: 890px; height: 690px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.08); mask-image: radial-gradient(ellipse at 56% 49%, black 0, rgba(0,0,0,.92) 37%, transparent 72%); mix-blend-mode: multiply; opacity: .28; transform: rotate(-8deg); content: ""; }
.hero-gradient { position: absolute; right: -12vw; bottom: -33vw; width: 72vw; height: 72vw; border: 1px solid rgba(255,75,0,.18); border-radius: 50%; box-shadow: 0 0 0 9vw rgba(255,75,0,.025), 0 0 0 18vw rgba(215,255,0,.018); pointer-events: none; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(48px, 6vw, 100px); min-height: 900px; padding: 145px 0 90px; }
.hero-copy-block { max-width: 680px; }
.hero-copy-block h1 { font-size: clamp(67px, 6.8vw, 108px); font-weight: 650; line-height: .88; }
.hero-copy-block h1 em { color: var(--motion); }
.brain-hero .kicker { color: #4d5b54; }
.hero-lede { max-width: 600px; margin: 34px 0 0; color: #536159; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.62; }
.hero-actions { display: flex; gap: 13px; margin-top: 40px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; min-width: 185px; min-height: 58px; padding: 0 19px; border: 1px solid transparent; font-size: 12px; font-weight: 790; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--signal { color: var(--white); background: var(--motion); }
.button--ghost { color: var(--ink); border-color: rgba(6,10,8,.2); }
.button--motion { color: var(--white); background: var(--motion); }
.button--ghost-light { color: var(--white); border-color: rgba(255,255,255,.24); }
.hero-proof { display: flex; align-items: center; gap: 12px; margin-top: 50px; color: rgba(6,10,8,.48); font-size: 8px; font-weight: 720; letter-spacing: .12em; text-transform: uppercase; }
.hero-proof i { width: 4px; height: 4px; background: var(--motion); border-radius: 50%; }
.hero-proof i:nth-of-type(2) { background: var(--signal); }

.brain-experience { position: relative; min-width: 0; padding: 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 34px; background: rgba(10,21,16,.76); box-shadow: 0 55px 130px rgba(0,0,0,.43); backdrop-filter: blur(22px); }
.experience-top { display: flex; align-items: center; justify-content: space-between; padding: 3px 5px 18px; color: rgba(255,255,255,.38); font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.experience-top span { color: var(--signal); }
.experience-body { position: relative; min-height: 650px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: radial-gradient(circle at 50% 38%, rgba(215,255,0,.1), transparent 28%), linear-gradient(160deg, #0c261a, #07110d 70%); overflow: hidden; }
.experience-body::before { position: absolute; inset: 0; background: repeating-radial-gradient(circle at 52% 40%, transparent 0 52px, rgba(255,255,255,.035) 53px 54px); content: ""; }
.experience-tabs { position: absolute; z-index: 6; top: 26px; left: 26px; display: flex; gap: 7px; }
.experience-tabs button { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 13px; color: rgba(255,255,255,.48); background: rgba(6,10,8,.42); border: 1px solid rgba(255,255,255,.13); border-radius: 99px; font-size: 9px; font-weight: 720; }
.experience-tabs button i { width: 5px; height: 5px; background: currentColor; border-radius: 50%; }
.experience-tabs button.is-active { color: var(--ink); background: var(--signal); border-color: var(--signal); }
.context-orbit { position: absolute; top: 83px; left: 50%; width: 390px; height: 390px; transform: translateX(-50%); }
.orbit { position: absolute; inset: 0; border: 1px solid rgba(215,255,0,.18); border-radius: 50%; }
.orbit--one::before, .orbit--two::before { position: absolute; width: 9px; height: 9px; background: var(--signal); border-radius: 50%; box-shadow: 0 0 14px rgba(215,255,0,.7); content: ""; }
.orbit--one::before { top: 23px; left: 80px; }
.orbit--two { inset: 52px; border-color: rgba(255,75,0,.18); }
.orbit--two::before { right: 3px; bottom: 70px; background: var(--motion); box-shadow: 0 0 14px rgba(255,75,0,.55); }
.hole-shape { position: absolute; top: 50%; left: 50%; width: 142px; height: 282px; background: linear-gradient(150deg, #416a4f, #183b29); border: 1px solid rgba(255,255,255,.13); border-radius: 58% 42% 48% 52% / 17% 20% 80% 83%; box-shadow: inset 0 0 48px rgba(0,0,0,.24); transform: translate(-50%, -50%) rotate(7deg); }
.hole-shape::after { position: absolute; top: 20px; left: 50%; width: 56px; height: 35px; background: #719265; border-radius: 50%; content: ""; transform: translateX(-50%); }
.hole-shape > i { position: absolute; width: 27px; height: 13px; background: #d8d0a2; border-radius: 50%; }
.hole-shape > i:nth-child(1) { top: 75px; left: -9px; }
.hole-shape > i:nth-child(2) { top: 133px; right: -8px; }
.hole-shape > i:nth-child(3) { top: 188px; left: 2px; }
.hole-shape > span { position: absolute; z-index: 3; bottom: 19px; left: 54%; width: 10px; height: 10px; background: var(--motion); border: 3px solid var(--white); border-radius: 50%; box-shadow: 0 0 0 7px rgba(255,75,0,.17); }
.brain-badge { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 93px; height: 93px; padding: 15px; background: rgba(6,10,8,.86); border: 1px solid rgba(215,255,0,.24); border-radius: 50%; box-shadow: 0 20px 40px rgba(0,0,0,.35); transform: translate(-50%, -50%); }
.brain-badge img { width: 45px; height: 45px; object-fit: contain; }
.brain-badge small { color: rgba(255,255,255,.58); font-size: 6px; font-weight: 770; letter-spacing: .1em; text-transform: uppercase; }
.experience-insight { position: absolute; z-index: 5; right: 22px; bottom: 22px; left: 22px; min-height: 190px; padding: 23px 25px; color: var(--ink); background: var(--paper); border-radius: 20px; box-shadow: 0 25px 60px rgba(0,0,0,.25); }
.experience-insight > div { display: flex; justify-content: space-between; color: #66736b; font-size: 8px; font-weight: 740; letter-spacing: .1em; text-transform: uppercase; }
.experience-insight > div span { color: var(--motion); }
.experience-insight h2 { max-width: 440px; margin-top: 14px; font-size: clamp(28px, 2.2vw, 38px); line-height: 1; }
.experience-insight p { margin: 11px 0 0; color: #5c6962; font-size: 11px; line-height: 1.5; }
.experience-insight > strong { display: inline-block; margin-top: 15px; padding: 8px 10px; color: var(--ink); background: var(--signal); font-size: 9px; }

.app-gateway-section { position: relative; padding: 112px 0; color: var(--white); background: radial-gradient(circle at 82% 32%, rgba(215,255,0,.14), transparent 24%), radial-gradient(circle at 8% 110%, rgba(255,75,0,.22), transparent 37%), linear-gradient(135deg, #061a2f, #07140f 72%); overflow: hidden; }
.app-gateway-section::before { position: absolute; top: -210px; right: -120px; width: 610px; height: 610px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.76) 45%, transparent 73%); mix-blend-mode: screen; opacity: .13; transform: rotate(-11deg); content: ""; }
.app-gateway-shell { position: relative; z-index: 1; display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(60px, 8vw, 130px); align-items: center; }
.app-gateway-copy { max-width: 660px; }
.app-gateway-status { display: flex; align-items: center; gap: 10px; margin: 0 0 27px; color: rgba(255,255,255,.58); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.app-gateway-status i { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; box-shadow: 0 0 16px rgba(215,255,0,.75); }
.app-gateway-copy h2 { font-size: clamp(58px, 6.2vw, 94px); }
.app-gateway-copy h2 em { color: var(--motion); }
.app-gateway-copy > p:not(.app-gateway-status) { max-width: 610px; margin: 31px 0 0; color: rgba(255,255,255,.61); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.65; }
.app-gateway-actions { display: flex; gap: 13px; margin-top: 38px; }
.app-gateway-copy > small { display: block; margin-top: 19px; color: rgba(255,255,255,.34); font-size: 8px; letter-spacing: .08em; }
.app-gateway-device { position: relative; display: block; min-height: 660px; padding: 34px 34px 30px; color: var(--white); background: linear-gradient(145deg, rgba(15,49,33,.96), rgba(4,16,11,.98)); border: 1px solid rgba(255,255,255,.15); border-radius: 38px; box-shadow: 0 52px 110px rgba(0,0,0,.38); overflow: hidden; }
.app-gateway-device::after { position: absolute; inset: auto -20% -32% 20%; height: 52%; background: radial-gradient(circle, rgba(215,255,0,.2), transparent 67%); content: ""; }
.app-gateway-device > span { position: absolute; z-index: 3; top: 28px; left: 28px; padding: 8px 12px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.app-gateway-device img { position: absolute; z-index: 1; top: 45px; right: 32px; width: min(340px, 56%); height: auto; border: 7px solid #07110d; border-radius: 48px; box-shadow: 0 32px 75px rgba(0,0,0,.52); transform: rotate(4deg); }
.app-gateway-device strong { position: absolute; z-index: 3; bottom: 70px; left: 34px; font-family: var(--display); font-size: clamp(38px, 4vw, 61px); letter-spacing: -.055em; line-height: .92; }
.app-gateway-device > small { position: absolute; z-index: 3; right: 34px; bottom: 34px; color: rgba(255,255,255,.46); font-size: 8px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }

.one-app-section { position: relative; padding: 118px 0 0; color: var(--ink); background: var(--motion); overflow: hidden; }
.one-app-section::before { position: absolute; top: -155px; right: -135px; width: 650px; height: 560px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 48%; filter: grayscale(1) contrast(1.16); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.9) 43%, transparent 74%); mix-blend-mode: soft-light; opacity: .78; transform: rotate(-12deg); content: ""; pointer-events: none; }
.one-app-section::after { position: absolute; top: -320px; right: -260px; width: 760px; height: 760px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 85px rgba(255,255,255,.035), 0 0 0 170px rgba(255,255,255,.025); content: ""; pointer-events: none; }
.one-app-head { position: relative; z-index: 2; display: grid; grid-template-columns: 1.4fr .6fr; gap: 90px; align-items: end; }
.one-app-label { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: rgba(6,10,8,.62); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.one-app-label i { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; }
.one-app-head h2 { display: flex; align-items: baseline; gap: clamp(14px, 2vw, 34px); font-size: clamp(61px, 7.1vw, 112px); white-space: nowrap; }
.one-app-head h2 span { color: var(--white); word-spacing: .12em; }
.one-app-head h2 b { color: rgba(6,10,8,.34); font-weight: 500; }
.one-app-head h2 em { color: var(--ink); }
.one-app-promise { max-width: 430px; padding-bottom: 9px; }
.one-app-promise strong { display: block; font-family: var(--display); font-size: 27px; letter-spacing: -.04em; line-height: 1.05; }
.one-app-promise p { margin: 17px 0 0; color: rgba(6,10,8,.65); font-size: 12px; line-height: 1.62; }
.one-app-product { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; min-height: 680px; margin-top: 82px; padding: 62px 70px; color: var(--white); background: radial-gradient(circle at 76% 40%, rgba(215,255,0,.16), transparent 24%), radial-gradient(circle at 58% 100%, rgba(255,75,0,.22), transparent 31%), linear-gradient(145deg, #081b31, #061322); border: 1px solid rgba(255,255,255,.13); border-radius: 38px; box-shadow: 0 45px 100px rgba(6,10,8,.22); overflow: hidden; }
.one-app-product::before { position: absolute; top: -190px; left: -140px; width: 530px; height: 530px; border: 1px solid rgba(215,255,0,.14); border-radius: 50%; box-shadow: 0 0 0 75px rgba(215,255,0,.025), 0 0 0 150px rgba(255,255,255,.018); content: ""; }
.one-app-product-copy { position: relative; z-index: 3; max-width: 540px; }
.one-app-product-copy > p { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; color: var(--signal); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.one-app-product-copy > p i { width: 7px; height: 7px; background: var(--motion); border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,75,0,.12); }
.one-app-product-copy h3 { font-size: clamp(47px, 4.7vw, 76px); line-height: .94; }
.one-app-product-copy h3 em { color: var(--motion); font-style: normal; }
.one-app-product-copy > span { display: block; max-width: 500px; margin-top: 28px; color: rgba(255,255,255,.55); font-size: 14px; line-height: 1.7; }
.app-source-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; max-width: 440px; margin-top: 38px; }
.app-source-grid small { display: flex; align-items: center; min-height: 42px; padding: 0 14px; color: rgba(255,255,255,.68); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); border-radius: 99px; font-size: 8px; font-weight: 720; letter-spacing: .07em; text-transform: uppercase; }
.app-source-grid small::before { width: 5px; height: 5px; margin-right: 9px; background: var(--signal); border-radius: 50%; content: ""; }.app-source-grid small:nth-child(even)::before { background: var(--motion); }
.phone-stage { position: relative; min-height: 590px; }
.phone-glow { position: absolute; top: 50%; left: 54%; width: 520px; height: 520px; background: radial-gradient(circle, rgba(215,255,0,.17), rgba(255,75,0,.07) 36%, transparent 68%); border: 1px solid rgba(215,255,0,.12); border-radius: 50%; transform: translate(-50%, -50%); }
.swyng-phone { position: absolute; z-index: 3; top: 50%; left: 53%; width: 318px; height: 638px; padding: 9px; background: linear-gradient(145deg, #34423d, #050807 38%, #1e2a25 74%, #050807); border: 1px solid rgba(255,255,255,.32); border-radius: 52px; box-shadow: -22px 44px 70px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.13); transform: translate(-50%, -50%) rotate(4deg); }
.phone-shell { position: relative; height: 100%; padding: 13px 15px 11px; color: var(--white); background: #07110d; border-radius: 43px; overflow: hidden; }
.phone-shell::before { position: absolute; top: 10px; left: 50%; width: 88px; height: 24px; background: #020403; border-radius: 99px; content: ""; transform: translateX(-50%); }
.phone-status { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; height: 27px; padding: 0 7px; font-size: 7px; }.phone-status i { width: 5px; height: 5px; margin-left: auto; margin-right: 8px; background: var(--signal); border-radius: 50%; }.phone-status b { color: rgba(255,255,255,.6); font-size: 6px; letter-spacing: .08em; }
.phone-shell > header { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; min-height: 48px; border-bottom: 1px solid rgba(255,255,255,.09); }.phone-shell > header img { width: 24px; height: 24px; object-fit: contain; }.phone-shell > header strong { font-family: var(--display); font-size: 14px; letter-spacing: -.04em; }.phone-shell > header span { color: rgba(255,255,255,.45); font-size: 8px; }
.phone-course-head { display: flex; align-items: end; justify-content: space-between; padding: 17px 4px 13px; }.phone-course-head small, .phone-course-head strong { display: block; }.phone-course-head small { color: rgba(255,255,255,.42); font-size: 7px; }.phone-course-head strong { margin-top: 4px; font-family: var(--display); font-size: 13px; letter-spacing: -.025em; }.phone-course-head > b { color: var(--signal); font-family: var(--display); font-size: 13px; }
.phone-course-map { position: relative; height: 305px; background: radial-gradient(circle at 50% 45%, rgba(215,255,0,.07), transparent 42%), linear-gradient(145deg, #122d20, #081a12); border: 1px solid rgba(255,255,255,.09); border-radius: 25px; overflow: hidden; }
.phone-course-map::before { position: absolute; inset: 0; background: repeating-radial-gradient(circle at 50% 40%, transparent 0 42px, rgba(255,255,255,.035) 43px 44px); content: ""; }
.phone-fairway { position: absolute; top: 20px; left: 50%; width: 106px; height: 265px; background: linear-gradient(150deg, #729566, #305c3d 62%, #183b29); border: 1px solid rgba(255,255,255,.15); border-radius: 52% 48% 47% 53% / 15% 20% 80% 85%; transform: translateX(-50%) rotate(4deg); }.phone-fairway::before { position: absolute; top: 10px; left: 50%; width: 58px; height: 31px; background: #a5b47a; border-radius: 50%; content: ""; transform: translateX(-50%); }.phone-fairway > i { position: absolute; width: 27px; height: 12px; background: #ded8b0; border-radius: 50%; }.phone-fairway > i:nth-child(1) { top: 75px; left: -9px; }.phone-fairway > i:nth-child(2) { top: 137px; right: -10px; }.phone-fairway > i:nth-child(3) { top: 194px; left: 2px; }.phone-fairway > span { position: absolute; bottom: 15px; left: 48%; width: 10px; height: 10px; background: var(--motion); border: 2px solid var(--white); border-radius: 50%; }
.shot-path { position: absolute; z-index: 2; top: 52px; left: 50%; width: 2px; height: 210px; background: linear-gradient(var(--signal), rgba(215,255,0,.18)); box-shadow: 0 0 10px rgba(215,255,0,.34); transform: translateX(-50%) rotate(3deg); transform-origin: bottom; }.shot-path i { position: absolute; left: 50%; width: 8px; height: 8px; background: var(--signal); border: 2px solid #20331e; border-radius: 50%; transform: translate(-50%, -50%); }.shot-path i:nth-child(1) { top: 0; }.shot-path i:nth-child(2) { top: 50%; }.shot-path i:nth-child(3) { top: 100%; }
.phone-course-map > small { position: absolute; z-index: 4; top: 51%; left: 57%; padding: 5px 7px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 7px; font-weight: 800; }
.phone-recommendation { display: grid; grid-template-columns: 1fr 42px; gap: 9px; align-items: center; margin-top: 10px; padding: 13px 14px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; }.phone-recommendation small, .phone-recommendation strong { display: block; }.phone-recommendation small { color: var(--signal); font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }.phone-recommendation strong { margin-top: 5px; font-size: 9px; }.phone-recommendation > b { display: grid; place-items: center; width: 40px; height: 40px; color: var(--ink); background: var(--signal); border-radius: 50%; font-size: 8px; }
.phone-shell > nav { position: absolute; right: 13px; bottom: 8px; left: 13px; display: grid; grid-template-columns: repeat(5, 1fr); min-height: 46px; padding-top: 7px; background: rgba(7,17,13,.94); border-top: 1px solid rgba(255,255,255,.09); }.phone-shell > nav span { display: grid; place-items: center; gap: 3px; color: rgba(255,255,255,.35); font-size: 5px; }.phone-shell > nav span i { width: 8px; height: 8px; border: 1px solid currentColor; border-radius: 50%; }.phone-shell > nav span.is-active { color: var(--signal); }
.phone-note { position: absolute; z-index: 4; display: flex; align-items: center; min-height: 42px; padding: 0 14px; color: rgba(255,255,255,.72); background: rgba(5,13,10,.78); border: 1px solid rgba(255,255,255,.14); border-radius: 99px; box-shadow: 0 16px 36px rgba(0,0,0,.28); backdrop-filter: blur(12px); font-size: 8px; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }.phone-note i { width: 6px; height: 6px; margin-right: 9px; background: var(--signal); border-radius: 50%; }.phone-note--one { top: 118px; left: 4%; }.phone-note--two { right: 0; bottom: 118px; }.phone-note--two i { background: var(--motion); }
.app-jobs { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 82px; border-top: 1px solid rgba(6,10,8,.5); }
.app-jobs::before { position: absolute; z-index: 0; bottom: -115px; left: -135px; width: 430px; height: 350px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.2); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.88) 42%, transparent 72%); mix-blend-mode: soft-light; opacity: .44; transform: rotate(15deg); content: ""; pointer-events: none; }
.app-jobs article { position: relative; z-index: 1; display: flex; flex-direction: column; min-height: 240px; padding: 23px 18px 28px 0; }
.app-jobs article + article { padding-left: 18px; border-left: 1px solid rgba(6,10,8,.22); }
.app-jobs article > span { color: rgba(6,10,8,.48); font-size: 8px; font-weight: 800; }
.app-jobs article > .job-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 43px; color: var(--ink); background: rgba(255,255,255,.14); border: 1px solid rgba(6,10,8,.48); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.26); font-style: normal; transform: rotate(-3deg); }
.app-jobs article:nth-child(even) > .job-icon { transform: rotate(3deg); }
.job-icon svg { width: 24px; height: 24px; stroke-width: 1.7; }
.app-jobs strong { margin-top: auto; font-family: var(--display); font-size: 15px; letter-spacing: -.025em; line-height: 1.25; }

.why-section, .brain-story, .product-section, .coach-section, .europe-section, .beta-section { position: relative; isolation: isolate; overflow: hidden; }
.why-section > *, .brain-story > *, .product-section > *, .coach-section > *, .europe-section > *, .beta-section > * { position: relative; z-index: 1; }
.why-section { padding: 145px 0 130px; color: var(--white); background: radial-gradient(circle at 84% 28%, rgba(215,255,0,.11), transparent 25%), radial-gradient(circle at 7% 83%, rgba(255,75,0,.14), transparent 31%), linear-gradient(145deg, #081b31, var(--navy) 58%, #061322); }
.why-section .section-index { color: rgba(255,255,255,.46); }
.why-head { display: grid; grid-template-columns: .46fr 1.54fr; align-items: start; }
.why-head h2 em { color: var(--motion); }
.chaos-system { display: grid; grid-template-columns: .88fr 1.12fr; gap: 90px; margin-top: 100px; }
.chaos-list { border-top: 1px solid rgba(255,255,255,.48); }
.chaos-list article { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; min-height: 105px; border-bottom: 1px solid rgba(255,255,255,.13); }
.chaos-list article > span { color: var(--motion); font-size: 9px; font-weight: 800; }
.chaos-list strong { font-family: var(--display); font-size: 20px; letter-spacing: -.025em; }
.chaos-list p { margin: 5px 0 0; color: rgba(255,255,255,.52); font-size: 11px; }
.chaos-list small { color: rgba(255,255,255,.38); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.connection-field { position: relative; min-height: 620px; background: linear-gradient(145deg, #0b2118, #06150f); border: 1px solid rgba(215,255,0,.14); border-radius: 34px; box-shadow: 0 40px 100px rgba(0,0,0,.28); overflow: hidden; }
.connection-field > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.connection-field > svg circle { fill: none; stroke: rgba(255,255,255,.07); stroke-dasharray: 3 9; }
.connection-field > svg path { fill: none; stroke: var(--signal); stroke-width: 1.4; stroke-dasharray: 4 7; filter: drop-shadow(0 0 5px rgba(215,255,0,.25)); }
.brain-core { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 216px; height: 216px; color: var(--white); background: radial-gradient(circle, #183b29, #08120d 72%); border: 1px solid rgba(215,255,0,.23); border-radius: 50%; transform: translate(-50%, -50%); }
.brain-core img { width: 65px; height: 65px; object-fit: contain; }
.brain-core small { margin-top: 11px; color: var(--signal); font-size: 8px; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
.brain-core strong { margin-top: 6px; font-family: var(--display); font-size: 15px; letter-spacing: -.02em; }
.memory-card { position: absolute; min-width: 176px; padding: 14px 16px; color: var(--white); border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(6,10,8,.74); backdrop-filter: blur(10px); }
.memory-card small, .memory-card strong { display: block; }
.memory-card small { color: var(--signal); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.memory-card strong { margin-top: 6px; font-size: 10px; }
.memory-card--top { top: 55px; left: 50%; transform: translateX(-50%); }
.memory-card--right { top: 50%; right: 23px; transform: translateY(-50%); }
.memory-card--bottom { bottom: 48px; left: 50%; transform: translateX(-50%); }

.brain-story { padding: 145px 0 155px; color: var(--ink); background: radial-gradient(circle at 10% 12%, rgba(215,255,0,.18), transparent 23%), linear-gradient(135deg, var(--mist), #f5f4ed 57%, #e5e8df); }
.brain-story::before { position: absolute; top: -175px; right: -105px; width: 610px; height: 610px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.08); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.82) 42%, transparent 70%); mix-blend-mode: multiply; opacity: .24; transform: rotate(9deg); content: ""; }
.story-intro { display: grid; grid-template-columns: .46fr 1.54fr; }
.brain-story .section-index--dark { color: #69756e; }
.brain-story .kicker { color: #506059; }
.story-intro h2 em { color: var(--motion); }
.decision-sequence { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 110px; border-top: 1px solid var(--ink); }
.decision-sequence article { min-height: 350px; padding: 23px 35px 35px 0; border-bottom: 1px solid var(--line-light); }
.decision-sequence article + article { padding-left: 35px; border-left: 1px solid var(--line-light); }
.decision-sequence article > span { color: var(--motion); font-size: 9px; font-weight: 800; }
.decision-sequence small { display: block; margin-top: 70px; color: var(--motion); font-size: 9px; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
.decision-sequence h3 { margin-top: 13px; font-size: clamp(28px, 2.7vw, 42px); line-height: 1.02; }
.decision-sequence p { max-width: 340px; margin: 19px 0 0; color: #5d6962; font-size: 13px; line-height: 1.65; }

.product-section { padding: 145px 0 160px; background: radial-gradient(circle at 93% 8%, rgba(255,75,0,.1), transparent 23%), linear-gradient(132deg, #deddd4, #f0eee6 49%, var(--stone)); }
.product-section::before { position: absolute; top: -80px; right: -55px; width: 540px; height: 440px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.08); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.72) 43%, transparent 74%); mix-blend-mode: multiply; opacity: .22; transform: rotate(-11deg); content: ""; }
.product-section::after { position: absolute; top: 235px; left: 2.5%; width: 210px; height: 560px; background: linear-gradient(172deg, rgba(7,26,46,.16), rgba(7,26,46,.035) 67%, transparent); clip-path: polygon(18% 0, 82% 0, 70% 3%, 57% 8%, 55% 78%, 71% 100%, 29% 100%, 45% 78%, 43% 8%, 30% 3%); filter: blur(2px); opacity: .46; transform: rotate(-17deg); transform-origin: 50% 10%; content: ""; }
.product-heading { display: grid; grid-template-columns: .55fr 1fr .7fr; gap: 55px; align-items: end; }
.product-heading .kicker { margin: 65px 0 0; }
.product-heading h2 em { color: var(--motion); }
.product-heading > p { margin: 0 0 6px; color: #5e6963; font-size: 15px; line-height: 1.65; }
.os-frame { display: grid; grid-template-columns: 210px 1fr; min-height: 820px; margin-top: 90px; color: var(--white); background: var(--ink); border: 1px solid rgba(6,10,8,.15); border-radius: 30px; box-shadow: 0 50px 100px rgba(6,10,8,.19); overflow: hidden; }
.os-sidebar { display: flex; flex-direction: column; padding: 28px 20px; background: #0a1711; border-right: 1px solid var(--line-dark); }
.os-sidebar > img { width: 45px; height: 45px; object-fit: contain; margin: 6px 5px 48px; }
.os-sidebar nav { display: grid; gap: 6px; }
.os-sidebar nav a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 12px; color: rgba(255,255,255,.44); border-radius: 10px; font-size: 10px; font-weight: 650; }
.os-sidebar nav a i { width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; }
.os-sidebar nav a.is-active { color: var(--ink); background: var(--signal); }
.os-sidebar > small { margin-top: auto; padding: 0 6px; color: rgba(255,255,255,.28); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.os-main { padding: 32px; }
.os-main > header { display: flex; align-items: center; justify-content: space-between; min-height: 74px; border-bottom: 1px solid var(--line-dark); }
.os-main header small, .os-main header strong { display: block; }
.os-main header small { color: rgba(255,255,255,.4); font-size: 9px; }
.os-main header strong { margin-top: 5px; font-family: var(--display); font-size: 20px; letter-spacing: -.03em; }
.os-main header > span { display: grid; place-items: center; width: 40px; height: 40px; color: var(--ink); background: var(--signal); border-radius: 50%; font-size: 9px; font-weight: 800; }
.today-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; margin-top: 24px; }
.today-grid article { border: 1px solid var(--line-dark); border-radius: 20px; }
.card-label { display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,.52); font-size: 8px; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.card-label > i { width: 7px; height: 7px; margin-right: 8px; background: var(--motion); border-radius: 50%; }
.card-label span { margin-left: auto; color: rgba(255,255,255,.3); }
.next-best-card { min-height: 500px; padding: 28px; background: linear-gradient(145deg, #153525, #0b1b13); }
.next-best-card h3 { max-width: 590px; margin-top: 70px; font-size: clamp(39px, 4vw, 62px); line-height: .97; }
.next-best-card > p { max-width: 580px; margin: 22px 0 0; color: rgba(255,255,255,.53); font-size: 13px; line-height: 1.62; }
.action-spec { display: grid; grid-template-columns: 58px 1fr 1fr; gap: 0; margin-top: 40px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.action-spec > span { display: grid; place-items: center; color: var(--signal); font-family: var(--display); font-size: 22px; border-right: 1px solid var(--line-dark); }
.action-spec > div { padding: 16px 19px; }
.action-spec > div + div { border-left: 1px solid var(--line-dark); }
.action-spec small, .action-spec strong { display: block; }
.action-spec small { color: rgba(255,255,255,.35); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.action-spec strong { margin-top: 6px; font-size: 10px; }
.next-best-card > button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; margin-top: 25px; padding: 0 16px; color: var(--ink); background: var(--signal); border: 0; font-size: 11px; font-weight: 800; }
.round-context-card { min-height: 500px; padding: 28px; background: linear-gradient(155deg, #182d22, #0a1510); }
.mini-hole { position: relative; width: 164px; height: 315px; margin: 28px auto 22px; background: linear-gradient(150deg, #476c4f, #214431); border-radius: 56% 44% 51% 49% / 19% 22% 78% 81%; transform: rotate(4deg); }
.mini-hole::after { position: absolute; top: 17px; left: 50%; width: 68px; height: 40px; background: #7f9d68; border-radius: 50%; content: ""; transform: translateX(-50%); }
.mini-hole i { position: absolute; width: 35px; height: 16px; background: #ddd4a6; border-radius: 50%; }
.mini-hole i:nth-child(1) { top: 91px; left: -8px; }.mini-hole i:nth-child(2) { top: 155px; right: -8px; }.mini-hole i:nth-child(3) { top: 215px; left: 4px; }
.mini-hole span { position: absolute; bottom: 22px; left: 45%; width: 12px; height: 12px; background: var(--motion); border: 3px solid var(--white); border-radius: 50%; }
.round-facts { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-dark); }
.round-facts div { padding-top: 15px; }.round-facts div + div { padding-left: 15px; border-left: 1px solid var(--line-dark); }
.round-facts small, .round-facts strong { display: block; }.round-facts small { color: rgba(255,255,255,.32); font-size: 7px; text-transform: uppercase; }.round-facts strong { margin-top: 5px; font-size: 10px; }
.memory-stream { grid-column: 1 / -1; padding: 22px 27px; background: #0b1510; }
.memory-stream > div:not(.card-label) { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line-dark); }
.memory-stream > div:nth-child(2) { margin-top: 15px; }
.memory-stream i { width: 7px; height: 7px; background: #8cc8ff; border-radius: 50%; }.memory-stream i.green { background: var(--signal); }.memory-stream i.orange { background: var(--motion); }
.memory-stream p { margin: 0; }.memory-stream p small, .memory-stream p strong { display: block; }.memory-stream p small { color: rgba(255,255,255,.3); font-size: 7px; text-transform: uppercase; }.memory-stream p strong { margin-top: 4px; font-size: 10px; }
.memory-stream time { color: rgba(255,255,255,.28); font-size: 8px; }

.coach-section { padding: 150px 0; color: var(--ink); background: radial-gradient(circle at 12% 38%, rgba(215,255,0,.27), transparent 29%), radial-gradient(circle at 92% 88%, rgba(255,75,0,.08), transparent 27%), linear-gradient(140deg, #edf2df, #f5f3eb 62%, #e0e5da); }
.coach-section::before { position: absolute; bottom: -230px; left: -170px; width: 650px; height: 650px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.08); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.78) 41%, transparent 70%); mix-blend-mode: multiply; opacity: .23; transform: rotate(12deg); content: ""; }
.coach-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; }
.coach-copy .kicker { margin-top: 75px; }
.coach-copy .kicker { color: #506059; }
.coach-copy .section-index--dark { color: #69756e; }
.coach-copy h2 { font-size: clamp(49px, 5vw, 78px); }
.coach-copy h2 em { color: var(--motion); }
.coach-copy > p:last-child { max-width: 590px; margin: 30px 0 0; color: #5d6962; font-size: 15px; line-height: 1.7; }
.coach-workspace { border: 1px solid var(--line-dark); border-radius: 26px; background: #0c1c14; box-shadow: 0 40px 90px rgba(0,0,0,.3); overflow: hidden; }
.workspace-top { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; min-height: 84px; padding: 0 26px; border-bottom: 1px solid var(--line-dark); }
.workspace-top span { color: rgba(255,255,255,.35); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.workspace-top strong { font-size: 10px; }.workspace-top i { padding: 7px 9px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 7px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.workspace-timeline { padding: 26px; }
.workspace-timeline article { display: grid; grid-template-columns: 42px 42px 1fr; gap: 13px; padding: 22px 0; border-bottom: 1px solid var(--line-dark); }
.workspace-timeline time { padding-top: 13px; color: rgba(255,255,255,.26); font-size: 8px; }
.avatar { display: grid; place-items: center; width: 42px; height: 42px; color: var(--white); background: #33413a; border-radius: 50%; font-size: 8px; font-weight: 800; }.avatar--ai { color: var(--ink); background: var(--signal); }.avatar--player { background: var(--motion); }
.workspace-timeline small, .workspace-timeline strong { display: block; }.workspace-timeline small { color: var(--signal); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }.workspace-timeline strong { margin-top: 7px; font-size: 12px; line-height: 1.4; }.workspace-timeline p { margin: 7px 0 0; color: rgba(255,255,255,.34); font-size: 8px; }

.europe-section { padding: 140px 0 120px; background: radial-gradient(circle at 76% 35%, rgba(215,255,0,.12), transparent 24%), linear-gradient(122deg, #e4e6e1, #f3f1e9 56%, #dce0dc); }
.europe-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 100px; align-items: end; }
.europe-grid h2 { margin-top: 75px; }.europe-grid h2 em { color: var(--motion); }.europe-grid > p { margin: 0 0 7px; color: #5d6862; font-size: 17px; line-height: 1.7; }
.trust-row { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 90px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line-light); }
.trust-row span { min-height: 100px; padding: 27px 20px 20px 0; font-family: var(--display); font-size: 16px; font-weight: 650; letter-spacing: -.02em; }.trust-row span + span { padding-left: 20px; border-left: 1px solid var(--line-light); }

.beta-section { padding: 140px 0; color: var(--white); background: radial-gradient(circle at 82% 38%, rgba(215,255,0,.12), transparent 24%), radial-gradient(circle at 15% 110%, rgba(255,75,0,.2), transparent 34%), linear-gradient(145deg, #061526, var(--navy) 55%, #04101d); }
.beta-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 110px; align-items: end; }
.beta-grid h2 { font-size: clamp(55px, 6vw, 92px); }.beta-grid > div:last-child > p { margin: 0 0 45px; color: rgba(255,255,255,.55); font-size: 15px; line-height: 1.7; }
.beta-grid label { display: block; margin-bottom: 10px; color: rgba(255,255,255,.38); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.beta-grid form > div { display: grid; grid-template-columns: 1fr 58px; border-bottom: 1px solid rgba(255,255,255,.4); }
.beta-grid input { min-width: 0; padding: 15px 0; color: var(--white); background: transparent; border: 0; outline: 0; font-family: var(--display); font-size: 24px; }.beta-grid input::placeholder { color: rgba(255,255,255,.25); }.beta-grid form button { display: grid; place-items: center; color: var(--ink); background: var(--signal); border: 0; }
.beta-grid > div:last-child > small { display: block; margin-top: 12px; color: rgba(255,255,255,.3); font-size: 8px; }

.site-footer { padding: 72px 0 24px; color: var(--white); background: var(--ink); }
.footer-main { display: grid; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 58px; }.footer-main img { width: 190px; height: auto; }.footer-main > p { margin: 7px 0 0; color: rgba(255,255,255,.42); font-family: var(--display); font-size: 14px; line-height: 1.45; }.footer-main nav { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.footer-main nav a { font-size: 10px; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 21px; color: rgba(255,255,255,.26); border-top: 1px solid var(--line-dark); font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 1080px) {
  :root { --shell: min(100% - 44px, 1340px); }
  .site-header { grid-template-columns: 1fr auto; height: 82px; padding-inline: 22px; }.desktop-nav { display: none; }.header-cta { width: 178px; }
  .hero-grid { grid-template-columns: 1fr; padding-top: 145px; }.hero-copy-block { max-width: 850px; }.brain-experience { max-width: 760px; width: 100%; margin-inline: auto; }
  .app-gateway-shell { grid-template-columns: 1fr; }.app-gateway-copy { max-width: 850px; }.app-gateway-device { max-width: 780px; width: 100%; }
  .one-app-head { grid-template-columns: 1fr; }.one-app-head h2 { white-space: normal; }.one-app-promise { max-width: 620px; margin-top: 22px; }.one-app-product { grid-template-columns: 1fr; padding: 58px 54px 20px; }.one-app-product-copy { max-width: 670px; }.phone-stage { min-height: 690px; }.phone-note--one { left: 12%; }.phone-note--two { right: 10%; }.app-jobs { grid-template-columns: repeat(3, 1fr); }.app-jobs article:nth-child(4) { padding-left: 0; border-top: 1px solid rgba(6,10,8,.22); border-left: 0; }.app-jobs article:nth-child(5), .app-jobs article:nth-child(6) { border-top: 1px solid rgba(6,10,8,.22); }
  .why-head, .story-intro { grid-template-columns: .3fr 1.7fr; }
  .chaos-system { grid-template-columns: 1fr; }.connection-field { min-height: 700px; }
  .product-heading { grid-template-columns: .45fr 1fr; }.product-heading > p { grid-column: 2; }.product-heading .kicker { margin-top: 35px; }
  .os-frame { grid-template-columns: 160px 1fr; }.today-grid { grid-template-columns: 1fr; }.round-context-card { min-height: 450px; }.mini-hole { height: 270px; }.memory-stream { grid-column: auto; }
  .coach-grid { grid-template-columns: 1fr; }.coach-copy { max-width: 850px; }.coach-workspace { max-width: 800px; width: 100%; }
}

@media (max-width: 720px) {
  :root { --shell: calc(100% - 36px); }
  h2 { font-size: clamp(43px, 13.4vw, 61px); }
  .site-header { padding-inline: 18px; }.brand img { width: 140px; }.header-cta { width: auto; min-width: 48px; padding: 0 14px; font-size: 0; }.header-cta svg { width: 19px; }
  .brain-hero { min-height: 0; }.brain-hero::before { top: 22px; right: -185px; width: 430px; height: 350px; opacity: .5; }.hero-grid { gap: 55px; min-height: 0; padding: 122px 0 80px; }.hero-copy-block h1 { font-size: clamp(58px, 17vw, 76px); }.hero-lede { font-size: 16px; }.hero-actions { flex-direction: column; }.button { width: 100%; }.hero-proof { flex-wrap: wrap; line-height: 1.8; }
  .brain-experience { padding: 10px; border-radius: 24px; }.experience-top { padding: 6px 5px 14px; }.experience-body { min-height: 585px; border-radius: 18px; }.experience-tabs { top: 18px; left: 16px; right: 16px; justify-content: stretch; }.experience-tabs button { flex: 1; justify-content: center; padding: 0 7px; }.context-orbit { top: 78px; width: 310px; height: 310px; }.experience-insight { right: 12px; bottom: 12px; left: 12px; padding: 20px; }.experience-insight h2 { font-size: 31px; }
  .app-gateway-section { padding: 86px 0; }.app-gateway-shell { gap: 54px; }.app-gateway-copy h2 { font-size: clamp(53px, 15vw, 68px); }.app-gateway-copy > p:not(.app-gateway-status) { font-size: 16px; }.app-gateway-actions { flex-direction: column; }.app-gateway-device { min-height: 610px; padding: 25px 20px; border-radius: 26px; }.app-gateway-device > span { top: 20px; left: 20px; }.app-gateway-device img { top: 58px; right: -7px; width: 73%; border-width: 5px; border-radius: 40px; transform: rotate(3deg); }.app-gateway-device strong { bottom: 75px; left: 22px; font-size: 44px; }.app-gateway-device > small { right: 22px; bottom: 25px; left: 22px; line-height: 1.5; }
  .one-app-section { padding-top: 82px; }.one-app-head h2 { display: block; font-size: clamp(59px, 17vw, 76px); line-height: .9; }.one-app-head h2 span, .one-app-head h2 b, .one-app-head h2 em { display: block; }.one-app-head h2 b { margin: 9px 0; font-size: .58em; }.one-app-promise { margin-top: 34px; }.one-app-promise strong { font-size: 25px; }.one-app-product { min-height: 0; margin-top: 58px; padding: 40px 18px 0; border-radius: 26px; }.one-app-product-copy { padding: 0 8px; }.one-app-product-copy h3 { font-size: 45px; }.one-app-product-copy > span { font-size: 13px; }.app-source-grid { grid-template-columns: 1fr 1fr; gap: 7px; }.app-source-grid small { min-height: 38px; padding: 0 10px; font-size: 7px; }.phone-stage { min-height: 630px; margin-top: 20px; }.swyng-phone { left: 50%; width: 286px; height: 575px; border-radius: 47px; }.phone-shell { border-radius: 39px; }.phone-course-map { height: 260px; }.phone-fairway { height: 222px; }.shot-path { height: 174px; }.phone-note { display: none; }.app-jobs { grid-template-columns: 1fr 1fr; margin-top: 55px; }.app-jobs article { min-height: 200px; padding: 20px 14px 24px 0; border-top: 1px solid rgba(6,10,8,.22); }.app-jobs article:nth-child(odd) { padding-left: 0; border-left: 0; }.app-jobs article:nth-child(even) { padding-left: 14px; border-left: 1px solid rgba(6,10,8,.22); }.app-jobs article > i { margin-top: 33px; }
  .why-section, .brain-story, .product-section, .coach-section, .europe-section, .beta-section { padding: 92px 0; }
  .brain-story::before { top: -70px; right: -155px; width: 340px; height: 340px; opacity: .4; }.product-section::before { top: -40px; right: -155px; width: 340px; height: 280px; opacity: .38; }.coach-section::before { bottom: -170px; left: -205px; width: 390px; height: 390px; opacity: .42; }.product-section::after { top: 255px; right: -50px; left: auto; width: 145px; height: 390px; opacity: .28; transform: rotate(14deg); }
  .why-head, .story-intro, .product-heading, .europe-grid, .beta-grid { display: block; }.section-index { margin-bottom: 52px; }.story-intro .kicker, .product-heading .kicker { margin-top: 0; }.product-heading > p, .europe-grid > p { margin-top: 28px; }
  .chaos-system { gap: 55px; margin-top: 65px; }.chaos-list article { grid-template-columns: 32px 1fr; min-height: 95px; }.chaos-list small { display: none; }.connection-field { min-height: 560px; border-radius: 24px; }.memory-card--right { right: 10px; }.memory-card { min-width: 150px; }.brain-core { width: 180px; height: 180px; }
  .decision-sequence { grid-template-columns: 1fr; margin-top: 65px; }.decision-sequence article { min-height: 0; padding: 22px 0 45px; }.decision-sequence article + article { padding-left: 0; border-top: 0; border-left: 0; }.decision-sequence small { margin-top: 45px; }
  .os-frame { display: block; width: calc(100% - 18px); min-height: 0; margin-top: 55px; border-radius: 22px; }.os-sidebar { display: none; }.os-main { padding: 16px; }.os-main > header { padding: 0 6px; }.today-grid { display: block; }.today-grid article + article { margin-top: 12px; }.next-best-card { min-height: 0; padding: 22px; }.next-best-card h3 { margin-top: 50px; font-size: 42px; }.action-spec { grid-template-columns: 48px 1fr; }.action-spec > div:last-child { grid-column: 2; border-top: 1px solid var(--line-dark); border-left: 0; }.round-context-card { min-height: 0; }.memory-stream { margin-bottom: 0; }
  .coach-grid { display: block; }.coach-copy .kicker { margin-top: 0; }.coach-copy h2 { font-size: 46px; }.coach-workspace { margin-top: 60px; border-radius: 20px; }.workspace-top { grid-template-columns: 1fr auto; padding: 0 18px; }.workspace-top strong { display: none; }.workspace-timeline { padding: 14px 18px; }.workspace-timeline article { grid-template-columns: 34px 34px 1fr; gap: 9px; }.avatar { width: 34px; height: 34px; }.workspace-timeline time { font-size: 7px; }
  .trust-row { grid-template-columns: 1fr 1fr; margin-top: 55px; }.trust-row span { min-height: 85px; }.trust-row span:nth-child(3) { padding-left: 0; border-top: 1px solid var(--line-light); border-left: 0; }.trust-row span:nth-child(4) { border-top: 1px solid var(--line-light); }
  .beta-grid { display: block; }.beta-grid > div:last-child { margin-top: 45px; }.beta-grid h2 { font-size: 50px; }
  .footer-main { grid-template-columns: 1fr; gap: 30px; }.footer-main nav { margin-top: 12px; }.footer-bottom { gap: 12px; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: no-preference) {
  .orbit--one { animation: orbit 18s linear infinite; }.orbit--two { animation: orbit 13s linear infinite reverse; }
  .brain-badge { animation: breathe 4s ease-in-out infinite; }
  .memory-card { animation: float 5s ease-in-out infinite; }.memory-card--right { animation-delay: -1.6s; }.memory-card--bottom { animation-delay: -3.1s; }
}
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes breathe { 0%,100% { box-shadow: 0 20px 40px rgba(0,0,0,.35), 0 0 0 0 rgba(215,255,0,.08); } 50% { box-shadow: 0 20px 40px rgba(0,0,0,.35), 0 0 0 15px rgba(215,255,0,0); } }
@keyframes float { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }

/* WordPress FSE block wrappers: preserve the approved composition. */
.site-header > .wp-block-buttons { justify-self: end; }
.site-header .header-cta { width: auto; height: auto; padding: 0; background: transparent; }
.site-header .header-cta .wp-block-button__link { display: flex; width: 220px; height: 52px; align-items: center; justify-content: center; padding: 0 18px; background: var(--ink); color: #fff; }
.site-header .wp-block-navigation-item__content,
.site-header .header-cta .wp-block-button__link { font-family: var(--body) !important; }
.site-footer .footer-main { display: flex; width: min(1340px, calc(100% - 56px)); align-items: flex-start; justify-content: space-between; margin-inline: auto; }
.site-footer .footer-main img { width: 188px; }
.site-footer .footer-legal { margin-top: 34px; color: rgba(255,255,255,.38); }
.site-footer .footer-contact { display: flex; width: min(900px, calc(100% - 36px)); align-items: stretch; justify-content: center; gap: 0; margin: 24px auto 0; padding: 0; color: var(--white); background: linear-gradient(135deg, rgba(7,26,46,.84), rgba(8,25,18,.9)); border: 1px solid rgba(215,255,0,.15); border-radius: 18px; box-shadow: 0 22px 55px rgba(0,0,0,.2); overflow: hidden; }
.site-footer .footer-contact a { display: grid; flex: 1; min-width: 0; gap: 5px; padding: 18px 24px; color: inherit; text-align: left; transition: background .2s ease, color .2s ease; }
.site-footer .footer-contact small { color: var(--motion); font-size: 7px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.site-footer .footer-contact strong { overflow: hidden; font-family: var(--display); font-size: 14px; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.site-footer .footer-contact > i { align-self: center; width: 7px; height: 7px; background: var(--signal); border-radius: 50%; box-shadow: 0 0 16px rgba(215,255,0,.72); }
.site-footer .footer-contact a:hover { color: var(--signal); background: rgba(255,255,255,.035); }

/* Editorial visual system — approved SWYNG golf photography leads the story. */
.editorial-hero { position: relative; display: grid; min-height: calc(100svh - 92px); overflow: hidden; background: var(--navy); color: #fff; }
.editorial-hero::before { display: none; }
.editorial-hero__image,
.ecosystem-section__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.editorial-hero__image { object-position: 58% center; }
.editorial-hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,11,20,.96) 0%, rgba(3,11,20,.82) 34%, rgba(3,11,20,.32) 62%, rgba(3,11,20,.08) 100%), linear-gradient(0deg, rgba(3,11,20,.5), transparent 48%); }
.editorial-hero .hero-grid { position: relative; z-index: 2; display: flex; min-height: calc(100svh - 92px); align-items: center; padding-block: clamp(110px, 14vh, 180px); }
.editorial-hero .hero-copy-block { max-width: 820px; }
.editorial-hero .hero-copy-block h1 { max-width: 800px; color: #fff; text-wrap: balance; }
.editorial-hero .hero-lede { max-width: 650px; color: rgba(255,255,255,.72); }
.editorial-hero .kicker { color: rgba(255,255,255,.74); }
.editorial-hero .hero-proof { color: rgba(255,255,255,.5); }
.editorial-hero .button--ghost-light { border-color: rgba(255,255,255,.42); color: #fff; background: rgba(3,11,20,.16); backdrop-filter: blur(12px); }

.why-visual-system { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); gap: clamp(32px,5vw,76px); align-items: stretch; margin-top: 92px; }
.why-visual-system .chaos-list { align-self: center; }
.context-photo,
.coach-photo,
.swing-lab-visual { position: relative; margin: 0; border-radius: 30px; box-shadow: 0 42px 100px rgba(0,0,0,.26); overflow: hidden; }
.context-photo { min-height: 640px; }
.context-photo::after,
.coach-photo::after,
.swing-lab-visual::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,11,20,.88), transparent 58%); content: ""; pointer-events: none; }
.context-photo img,
.coach-photo img,
.swing-lab-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.context-photo img { position: absolute; inset: 0; object-position: 56% center; }
.context-photo figcaption,
.coach-photo figcaption,
.swing-lab-visual figcaption { position: absolute; z-index: 2; right: clamp(22px,4vw,48px); bottom: clamp(22px,4vw,46px); left: clamp(22px,4vw,48px); color: #fff; }
.context-photo figcaption small,
.coach-photo figcaption small,
.swing-lab-visual figcaption small { display: block; color: var(--signal); font-size: 9px; font-weight: 820; letter-spacing: .14em; text-transform: uppercase; }
.context-photo figcaption strong,
.coach-photo figcaption strong,
.swing-lab-visual figcaption strong { display: block; max-width: 760px; margin-top: 10px; font-family: var(--display); font-size: clamp(27px,3.2vw,48px); letter-spacing: -.05em; line-height: .98; }
.context-photo figcaption span { display: block; margin-top: 14px; color: rgba(255,255,255,.62); font-size: 13px; }

.product-vision::after { display: none; }
.product-vision .product-heading { position: relative; z-index: 2; }
.swing-lab-visual { min-height: min(72vw,820px); margin-top: 86px; background: #050909; }
.swing-lab-visual img { position: absolute; inset: 0; object-position: center; }
.swing-lab-visual figcaption { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 24px; }
.swing-lab-visual figcaption small { grid-column: 1 / -1; }
.swing-lab-visual figcaption a { display: inline-flex; min-height: 52px; align-items: center; padding: 0 20px; color: var(--ink); background: var(--signal); font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }

.coach-intelligence-section { position: relative; padding: clamp(110px,12vw,180px) 0; color: var(--ink); background: radial-gradient(circle at 7% 10%, rgba(215,255,0,.18), transparent 20%), radial-gradient(circle at 92% 74%, rgba(255,75,0,.14), transparent 24%), linear-gradient(145deg,#f5f2e8,#ebece5); overflow: hidden; }
.coach-intelligence-section::before { position: absolute; right: -155px; bottom: -210px; width: 600px; height: 600px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.05); mask-image: radial-gradient(circle,black 0,rgba(0,0,0,.65) 48%,transparent 72%); mix-blend-mode: multiply; opacity: .16; transform: rotate(18deg); content: ""; }
.coach-intelligence-heading { position: relative; z-index: 1; display: grid; grid-template-columns: .34fr 1.35fr auto; gap: clamp(28px,5vw,74px); align-items: start; }
.coach-intelligence-heading .kicker { margin: 0 0 28px; color: #536059; }
.coach-intelligence-heading h2 em { color: var(--motion); }
.coach-intelligence-heading > div > p:last-child { max-width: 760px; margin: 30px 0 0; color: #59655f; font-size: clamp(16px,1.4vw,20px); line-height: 1.65; }
.coach-intelligence-state { display: inline-flex; min-height: 34px; align-items: center; padding: 0 13px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 8px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; white-space: nowrap; }
.coach-paths { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 82px; }
.coach-path { position: relative; display: flex; min-height: 690px; flex-direction: column; padding: 30px; border-radius: 30px; box-shadow: 0 34px 76px rgba(6,10,8,.16); overflow: hidden; }
.coach-path header { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.coach-path header small { font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.coach-path header span { padding: 7px 9px; border: 1px solid currentColor; border-radius: 99px; font-size: 7px; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.coach-path h3 { margin-top: 55px; font-size: clamp(36px,3.1vw,51px); line-height: .96; }
.coach-path > p,.coach-path-overlay > p { margin: 22px 0 0; font-size: 14px; line-height: 1.65; }
.coach-path > a,.coach-path-overlay > a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 20px; border-top: 1px solid currentColor; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.coach-path > a i,.coach-path-overlay > a i,.coach-intelligence-foot a i { font-size: 18px; font-style: normal; }
.coach-path--library { color: var(--white); background: radial-gradient(circle at 90% 8%,rgba(215,255,0,.15),transparent 26%),var(--navy); }
.coach-path--library header,.coach-path--library > p { color: rgba(255,255,255,.62); }
.coach-path--library header span,.coach-path--library > a { color: var(--signal); }
.coach-style-stack { display: grid; gap: 9px; margin: 44px 0 34px; }
.coach-style-stack > span { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 58px; padding: 0 16px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; }
.coach-style-stack b { color: #fff; font-size: 12px; }
.coach-style-stack i { color: rgba(255,255,255,.43); font-size: 8px; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.coach-path-product-shot { position: relative; height: 260px; margin: 28px 0 26px; border: 5px solid #15212a; border-radius: 24px; background: #f7f5ed; box-shadow: 0 25px 48px rgba(0,0,0,.28); overflow: hidden; }
.coach-path-product-shot > span { position: absolute; z-index: 2; top: 0; right: 0; left: 0; display: flex; min-height: 34px; align-items: center; padding: 0 13px; color: rgba(255,255,255,.7); background: #071321; font-size: 7px; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.coach-path-product-shot picture,.coach-path-product-shot img { display: block; width: 100%; height: auto; }
.coach-path-product-shot picture { margin-top: 0; }
.coach-path-product-shot img { transform: translateY(-105px); }
.coach-path-product-shot--studio { border-color: rgba(6,10,8,.8); box-shadow: 0 25px 48px rgba(74,18,0,.25); }
.coach-path-product-shot--studio > span { color: var(--signal); background: var(--ink); }
.coach-path-product-shot--studio img { transform: translateY(-150px); }
.coach-path--marketplace { padding: 0; color: #fff; background: #08110d; }
.coach-path-photo,.coach-path-photo picture,.coach-path-photo img { position: absolute; inset: 0; width: 100%; height: 100%; }
.coach-path-photo img { object-fit: cover; object-position: 63% center; }
.coach-path--marketplace::after { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(2,8,5,.98) 0%,rgba(2,8,5,.65) 55%,rgba(2,8,5,.08) 100%); content: ""; }
.coach-path-overlay { position: relative; z-index: 1; display: flex; height: 100%; flex-direction: column; padding: 30px; }
.coach-path-overlay header,.coach-path-overlay > p { color: rgba(255,255,255,.67); }
.coach-path-overlay header span { color: var(--signal); }
.coach-path-overlay > a { color: var(--signal); }
.coach-path--studio { color: var(--ink); background: linear-gradient(152deg,#ff5c20,var(--motion)); }
.coach-path--studio header,.coach-path--studio > p { color: rgba(6,10,8,.66); }
.coach-traits { display: grid; gap: 22px; margin: 46px 0 30px; }
.coach-traits > div { display: grid; grid-template-columns: 54px 1fr 54px; gap: 10px; align-items: center; color: rgba(6,10,8,.68); font-size: 7px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.coach-traits > div span:last-child { text-align: right; }
.coach-traits i { position: relative; height: 4px; background: rgba(6,10,8,.2); border-radius: 99px; }
.coach-traits b { position: absolute; top: -3px; left: 0; height: 10px; background: var(--ink); border-radius: 99px; }
.coach-method-note { margin-top: 2px; color: rgba(6,10,8,.6); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.coach-intelligence-foot { position: relative; z-index: 1; display: grid; grid-template-columns: .34fr 1fr auto; gap: 34px; align-items: center; margin-top: 26px; padding: 28px 0; border-top: 1px solid rgba(6,10,8,.25); border-bottom: 1px solid rgba(6,10,8,.12); }
.coach-intelligence-foot > span { color: var(--motion); font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.coach-intelligence-foot p { max-width: 720px; margin: 0; color: #59655f; font-size: 11px; line-height: 1.6; }
.coach-intelligence-foot a { display: inline-flex; min-height: 50px; align-items: center; gap: 20px; padding: 0 18px; color: #fff; background: var(--ink); font-size: 9px; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.coach-path a:focus-visible,.coach-intelligence-foot a:focus-visible { outline: 3px solid var(--signal); outline-offset: 4px; }

.ecosystem-section { position: relative; min-height: 900px; padding: clamp(110px,12vw,180px) 0; color: #fff; background: var(--navy); overflow: hidden; }
.ecosystem-section__image { object-position: 62% center; }
.ecosystem-section__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,11,20,.96), rgba(3,11,20,.72) 45%, rgba(3,11,20,.28)), linear-gradient(0deg, rgba(3,11,20,.92), transparent 68%); }
.ecosystem-shell { position: relative; z-index: 2; }
.ecosystem-shell .section-index { color: rgba(255,255,255,.5); }
.ecosystem-shell h2 { max-width: 900px; margin-top: 58px; color: #fff; }
.ecosystem-shell h2 em { color: var(--signal); }
.ecosystem-shell > p { max-width: 690px; margin: 34px 0 0; color: rgba(255,255,255,.68); font-size: clamp(16px,1.4vw,20px); line-height: 1.65; }
.ecosystem-links { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 92px; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.2); }
.ecosystem-links a { display: grid; min-height: 190px; align-content: space-between; padding: 23px 24px 26px 0; color: #fff; }
.ecosystem-links a + a { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.2); }
.ecosystem-links small { color: var(--motion); font-size: 9px; font-weight: 850; }
.ecosystem-links strong { margin-top: 32px; font-family: var(--display); font-size: clamp(28px,2.8vw,42px); letter-spacing: -.05em; }
.ecosystem-links span { margin-top: 18px; color: rgba(255,255,255,.54); font-size: 11px; line-height: 1.5; }
.ecosystem-links a:hover strong { color: var(--signal); }
.ecosystem-market-cta { margin-top: 30px; }

@media (max-width:1080px) {
  .editorial-hero .hero-grid { padding-top: 130px; }
  .why-visual-system { grid-template-columns: 1fr; }
  .context-photo { min-height: 680px; }
  .coach-intelligence-heading { grid-template-columns: .3fr 1fr; }
  .coach-intelligence-state { grid-column: 2; justify-self: start; }
  .coach-paths { grid-template-columns: 1fr; }
  .coach-path { min-height: 680px; }
  .coach-intelligence-foot { grid-template-columns: .3fr 1fr; }
  .coach-intelligence-foot a { grid-column: 2; justify-self: start; }
  .ecosystem-links { grid-template-columns: 1fr 1fr; }
  .ecosystem-links a:nth-child(3) { padding-left: 0; border-top: 1px solid rgba(255,255,255,.2); border-left: 0; }
  .ecosystem-links a:nth-child(4) { border-top: 1px solid rgba(255,255,255,.2); }
}

@media (max-width:720px) {
  .editorial-hero { min-height: 760px; }
  .editorial-hero__image { object-position: 68% center; }
  .editorial-hero__veil { background: linear-gradient(0deg, rgba(3,11,20,.96) 0%, rgba(3,11,20,.78) 58%, rgba(3,11,20,.16) 100%); }
  .editorial-hero .hero-grid { min-height: 760px; align-items: end; padding: 150px 0 72px; }
  .editorial-hero .hero-copy-block h1 { font-size: clamp(55px,15.4vw,72px); }
  .editorial-hero .hero-actions { gap: 10px; }
  .why-visual-system { gap: 42px; margin-top: 56px; }
  .context-photo { min-height: 560px; border-radius: 22px; }
  .context-photo img { object-position: 61% center; }
  .swing-lab-visual { min-height: 620px; margin-top: 52px; border-radius: 22px; }
  .swing-lab-visual img { object-position: 34% center; }
  .swing-lab-visual figcaption { display: block; }
  .swing-lab-visual figcaption a { width: 100%; justify-content: space-between; margin-top: 24px; }
  .coach-intelligence-section { padding: 94px 0; }
  .coach-intelligence-section::before { right: -190px; bottom: -90px; width: 430px; height: 430px; opacity: .22; }
  .coach-intelligence-heading { display: block; }
  .coach-intelligence-heading .kicker { margin-top: 38px; }
  .coach-intelligence-state { margin-top: 28px; }
  .coach-paths { gap: 16px; margin-top: 54px; }
  .coach-path { min-height: 650px; padding: 24px 21px; border-radius: 24px; }
  .coach-path h3 { margin-top: 44px; font-size: 38px; }
  .coach-path-overlay { padding: 24px 21px; }
  .coach-path-photo img { object-position: 61% center; }
  .coach-style-stack { margin-top: 36px; }
  .coach-path-product-shot { height: 330px; margin: 30px 0 25px; border-radius: 21px; }
  .coach-path-product-shot img { transform: translateY(-82px); }
  .coach-path-product-shot--studio img { transform: translateY(-118px); }
  .coach-intelligence-foot { display: block; margin-top: 18px; }
  .coach-intelligence-foot p { margin-top: 14px; }
  .coach-intelligence-foot a { justify-content: space-between; width: 100%; margin-top: 22px; }
  .ecosystem-section { min-height: 0; padding: 100px 0; }
  .ecosystem-section__image { object-position: 68% center; }
  .ecosystem-section__veil { background: linear-gradient(0deg, rgba(3,11,20,.98), rgba(3,11,20,.7) 72%, rgba(3,11,20,.25)); }
  .ecosystem-shell h2 { margin-top: 45px; }
  .ecosystem-links { grid-template-columns: 1fr; margin-top: 62px; }
  .ecosystem-links a { min-height: 155px; padding: 22px 0; }
  .ecosystem-links a + a { padding-left: 0; border-top: 1px solid rgba(255,255,255,.2); border-left: 0; }
}
.beta-section .swyng-beta-form { margin-top: 26px; color: var(--ink); }
@media (max-width: 1080px) { .site-header > .wp-block-buttons { display: block; } }
@media (max-width: 720px) { .site-header > .wp-block-buttons { position: absolute; top: 14px; right: 72px; z-index: 2; display: block; } .site-header .header-cta .wp-block-button__link { width: auto; height: 46px; padding: 0 13px; font-size: 10px; } .site-footer .footer-main { width: calc(100% - 36px); } }
@media (max-width: 720px) { .site-footer .footer-contact { display: grid; grid-template-columns: 1fr; } .site-footer .footer-contact > i { display: none; } .site-footer .footer-contact a { padding: 17px 22px; } .site-footer .footer-contact a:not(:first-child) { border-top: 1px solid rgba(255,255,255,.08); } }

/* Real product UI: the phone is a frame for the running beta, not a decorative mockup. */
.real-app-stage { isolation: isolate; }
.real-app-device { position: absolute; top: 44px; left: 50%; z-index: 2; width: min(335px, 76%); margin: 0; padding: 9px; background: linear-gradient(145deg, #14231d, #020806 62%, #223329); border: 1px solid rgba(255,255,255,.26); border-radius: 54px; box-shadow: 0 54px 95px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,255,.05); transform: translateX(-50%) rotate(2.5deg); }
.real-app-device::before { position: absolute; top: 16px; left: 50%; z-index: 2; width: 92px; height: 22px; background: #020504; border-radius: 99px; transform: translateX(-50%); content: ""; }
.real-app-device img { display: block; width: 100%; height: auto; aspect-ratio: 375 / 812; object-fit: cover; border-radius: 45px; }
.real-app-device figcaption { position: absolute; right: -24px; bottom: 74px; display: flex; align-items: center; gap: 8px; padding: 10px 13px; color: rgba(255,255,255,.72); background: rgba(3,13,9,.82); border: 1px solid rgba(215,255,0,.27); border-radius: 99px; box-shadow: 0 12px 30px rgba(0,0,0,.28); backdrop-filter: blur(12px); font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.real-app-device figcaption i { width: 7px; height: 7px; background: var(--signal); border-radius: 50%; box-shadow: 0 0 12px rgba(215,255,0,.72); }

/* Product proof: evidence-led storytelling using the actual app surfaces. */
.product-proof-section { position: relative; padding: 150px 0 160px; color: var(--ink); background: radial-gradient(circle at 8% 8%, rgba(215,255,0,.14), transparent 23%), radial-gradient(circle at 92% 29%, rgba(255,75,0,.11), transparent 24%), linear-gradient(137deg, #efeee7, #f8f6ee 53%, #e6e8e1); overflow: hidden; }
.product-proof-section::before { position: absolute; top: -155px; right: -120px; width: 560px; height: 560px; background: image-set(url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.avif") type("image/avif"),url("../../images/brand/swyng-golfball-dimple-texture-v2-1024.webp") type("image/webp")) center / cover no-repeat; border-radius: 50%; filter: grayscale(1) contrast(1.08); mask-image: radial-gradient(ellipse, black 0, rgba(0,0,0,.72) 45%, transparent 73%); mix-blend-mode: multiply; opacity: .2; transform: rotate(-14deg); content: ""; }
.product-proof-heading { position: relative; z-index: 1; display: grid; grid-template-columns: .5fr 1fr .72fr; gap: 54px; align-items: end; }
.product-proof-heading .kicker { margin: 62px 0 0; color: #51615a; }
.product-proof-heading h2 em { color: var(--motion); }
.product-proof-heading > p { margin: 0 0 6px; color: #59675f; font-size: 15px; line-height: 1.7; }
.product-proof-apps { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 92px; }
.product-proof-app { position: relative; min-height: 730px; padding: 38px 38px 0; color: var(--white); border: 1px solid rgba(255,255,255,.11); border-radius: 32px; box-shadow: 0 42px 90px rgba(6,10,8,.2); overflow: hidden; }
.product-proof-app::after { position: absolute; right: -90px; bottom: -130px; width: 340px; height: 340px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.025), 0 0 0 90px rgba(255,255,255,.016); content: ""; }
.product-proof-app--course { background: radial-gradient(circle at 80% 20%, rgba(215,255,0,.12), transparent 25%), linear-gradient(145deg, #07172a, #06111e 70%); }
.product-proof-app--visual { background: radial-gradient(circle at 80% 18%, rgba(255,75,0,.17), transparent 26%), linear-gradient(145deg, #13271d, #06120d 72%); }
.product-proof-app header { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.product-proof-app small { color: rgba(255,255,255,.4); font-size: 8px; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
.product-proof-app h3 { margin-top: 16px; font-size: clamp(34px, 3.25vw, 52px); line-height: .96; }
.product-proof-app h3 em { color: var(--signal); }
.product-proof-app--visual h3 em { color: var(--motion); }
.product-proof-app header > span { padding: 8px 11px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 7px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.product-proof-app--visual header > span { color: var(--white); background: var(--motion); }
.product-proof-deep-link { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; margin-top: 22px; padding: 0 16px; color: var(--ink); background: var(--signal); font-size: 9px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.product-proof-app--visual .product-proof-deep-link { color: var(--white); background: var(--motion); }
.product-proof-deep-link:focus-visible { outline: 3px solid var(--white); outline-offset: 3px; }
.product-proof-app picture { position: absolute; right: 10px; bottom: -14px; left: 10px; z-index: 1; display: block; }
.product-proof-app picture::after { position: absolute; right: 6%; bottom: 0; left: 6%; height: 38px; background: rgba(0,0,0,.44); filter: blur(24px); content: ""; }
.product-proof-app picture img { position: relative; z-index: 1; display: block; width: 100%; height: auto; object-fit: contain; }
.product-proof-features { position: relative; z-index: 1; display: grid; gap: 28px; margin-top: 28px; }
.product-proof-feature { position: relative; min-height: 0; margin: 0; background: var(--ink); border: 1px solid rgba(6,10,8,.12); border-radius: 32px; box-shadow: 0 36px 80px rgba(6,10,8,.18); overflow: hidden; }
.product-proof-feature img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.product-proof-feature::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,8,5,.75), rgba(2,8,5,.04) 54%, transparent 76%); pointer-events: none; content: ""; }
.product-proof-feature figcaption { position: absolute; bottom: 48px; left: 48px; z-index: 2; max-width: 400px; color: var(--white); }
.product-proof-feature figcaption span { display: inline-flex; padding: 7px 10px; color: var(--ink); background: var(--signal); border-radius: 99px; font-size: 7px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.product-proof-feature + .product-proof-feature figcaption span { color: var(--white); background: var(--motion); }
.product-proof-feature figcaption strong { display: block; margin-top: 16px; font-family: var(--display); font-size: clamp(31px, 3.4vw, 52px); letter-spacing: -.045em; line-height: .98; }
.product-proof-feature figcaption small { display: block; margin-top: 14px; color: rgba(255,255,255,.58); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.product-proof-evidence { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 28px; }
.product-proof-evidence-card { margin: 0; background: #07111e; border: 1px solid rgba(6,10,8,.12); border-radius: 28px; box-shadow: 0 28px 64px rgba(6,10,8,.16); overflow: hidden; }
.product-proof-evidence-card picture,
.product-proof-evidence-card img { display: block; width: 100%; }
.product-proof-evidence-card img { height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.product-proof-evidence-card figcaption { display: grid; gap: 8px; padding: 23px 24px 26px; color: var(--white); }
.product-proof-evidence-card strong { font-family: var(--display); font-size: clamp(23px,2vw,32px); letter-spacing: -.035em; }
.product-proof-evidence-card span { color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.55; }
.product-proof-evidence-card a { display: inline-flex; min-height: 48px; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 12px; color: var(--signal); border-top: 1px solid rgba(255,255,255,.12); font-size: 9px; font-weight: 820; letter-spacing: .05em; text-transform: uppercase; }
.product-proof-foot { position: relative; z-index: 1; display: grid; grid-template-columns: .3fr 1.25fr auto; gap: 30px; align-items: center; margin-top: 30px; padding: 28px 0; border-top: 1px solid rgba(6,10,8,.28); border-bottom: 1px solid rgba(6,10,8,.13); }
.product-proof-foot > span { color: var(--motion); font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.product-proof-foot p { max-width: 760px; margin: 0; color: #647068; font-size: 11px; line-height: 1.65; }
.product-proof-foot a { display: inline-flex; align-items: center; gap: 20px; min-height: 50px; padding: 0 18px; color: var(--white); background: var(--ink); font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-proof-foot a i { color: var(--signal); font-size: 16px; }

@media (hover: hover) {
  .product-proof-feature:hover img { transform: scale(1.018); }
}

@media (max-width: 1080px) {
  .product-proof-heading { grid-template-columns: .35fr 1.4fr; }
  .product-proof-heading > p { grid-column: 2; max-width: 650px; }
  .product-proof-heading .kicker { margin-top: 30px; }
  .product-proof-app { min-height: 630px; padding: 30px 28px 0; }
  .product-proof-foot { grid-template-columns: .25fr 1fr; }
  .product-proof-foot a { grid-column: 2; justify-self: start; }
}

@media (max-width: 720px) {
  .real-app-device { top: 30px; width: 286px; padding: 7px; border-radius: 48px; transform: translateX(-50%) rotate(1deg); }
  .real-app-device::before { top: 13px; width: 78px; height: 18px; }
  .real-app-device img { border-radius: 41px; }
  .real-app-device figcaption { right: -5px; bottom: 45px; font-size: 6px; }
  .product-proof-section { padding: 92px 0; }
  .product-proof-section::before { top: -72px; right: -170px; width: 380px; height: 380px; opacity: .32; }
  .product-proof-heading { display: block; }
  .product-proof-heading .kicker { margin-top: 0; }
  .product-proof-heading > p { margin-top: 26px; font-size: 14px; }
  .product-proof-apps { grid-template-columns: 1fr; gap: 18px; margin-top: 55px; }
  .product-proof-app { min-height: 720px; padding: 26px 20px 0; border-radius: 24px; }
  .product-proof-app header { display: block; }
  .product-proof-app header > span { position: absolute; top: 0; right: 0; }
  .product-proof-app h3 { padding-right: 10px; font-size: 39px; }
  .product-proof-app picture { right: 8px; bottom: -8px; left: 8px; }
  .product-proof-features { gap: 18px; margin-top: 18px; }
  .product-proof-evidence { grid-template-columns: 1fr; gap: 18px; margin-top: 18px; }
  .product-proof-evidence-card { border-radius: 24px; }
  .product-proof-evidence-card img { aspect-ratio: 9 / 16; }
  .product-proof-feature { background: #07130e; border-radius: 24px; }
  .product-proof-feature::after { display: none; }
  .product-proof-feature img { aspect-ratio: 16 / 9; }
  .product-proof-feature figcaption { position: static; max-width: none; padding: 24px 22px 28px; }
  .product-proof-feature figcaption strong { font-size: 31px; }
  .product-proof-foot { display: block; margin-top: 18px; padding: 24px 0; }
  .product-proof-foot p { margin-top: 13px; }
  .product-proof-foot a { justify-content: space-between; width: 100%; margin-top: 22px; }
}