:root{
  --bg:#070707;
  --bg-soft:#0b0b0b;
  --panel:#101010;
  --panel-2:#151515;
  --panel-3:#191815;
  --text:#f4f1ea;
  --muted:#aaa69e;
  --muted-2:#74716a;
  --gold:#c8a34a;
  --gold-soft:#e1c36f;
  --gold-dark:#6f5722;
  --line:#292722;
  --line-strong:#3a362c;
  --green:#a8c5a3;
  --max:1240px;
  --radius:28px;
  --shadow:0 30px 80px rgba(0,0,0,.44);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  background:
    radial-gradient(circle at 80% 8%,rgba(200,163,74,.08),transparent 26%),
    var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 20%);
}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%}
.shell{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.noise{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.024;
  z-index:999;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")
}
.nav-wrap{
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid rgba(255,255,255,.045);
  background:rgba(7,7,7,.78);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-logo-image{
  display:block;
  width:214px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  flex:0 1 auto;
  filter:none;
  transform:none;
}
.brand-logo-link{gap:11px}
.product-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #403923;
  color:var(--gold-soft);
  background:rgba(29,24,14,.74);
  border-radius:999px;
  padding:6px 9px 6px 10px;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  flex:0 0 auto;
}
.nav-links{display:flex;align-items:center;gap:28px;font-size:12px;color:#bdb9b0}
.nav-links a{transition:color .2s ease}
.nav-links a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:11px}
.lang-toggle{
  appearance:none;
  border:1px solid var(--line);
  background:#111;
  color:#77736b;
  border-radius:999px;
  padding:4px;
  display:flex;
  gap:1px;
  cursor:pointer
}
.lang-toggle span{font-size:9px;padding:6px 8px;border-radius:999px}
.lang-toggle .active{background:#29271f;color:#fff}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:13px 20px;
  min-height:44px;
  font-size:13px;
  font-weight:750;
  letter-spacing:-.01em;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease
}
.button:hover{transform:translateY(-1px);border-color:#514b3c}
.button.small{padding:10px 16px;min-height:38px}
.button.primary{
  color:#080808;
  border-color:var(--gold);
  background:linear-gradient(135deg,#e0c26c,var(--gold) 55%,#a98531);
  box-shadow:0 10px 30px rgba(200,163,74,.13)
}
.button.primary:hover{box-shadow:0 14px 38px rgba(200,163,74,.2)}
.button.ghost{background:rgba(15,15,15,.72);color:#e7e3db}
.large-button{padding:16px 24px;min-width:224px}
.text-link{font-size:12px;color:#9c978d;transition:color .2s ease}
.text-link:hover{color:#fff}

.hero{
  min-height:820px;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  align-items:center;
  gap:72px;
  padding-top:72px;
  padding-bottom:110px
}
.eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  color:#c8c3b9;
  font-size:10px;
  letter-spacing:.16em;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase
}
.dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(200,163,74,.075);
  flex:0 0 auto
}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(58px,6.7vw,96px);
  line-height:.91;
  letter-spacing:-.062em;
  margin:25px 0 30px;
  max-width:770px
}
h1 span,h1 em{display:block}
h1 em{font-style:normal;color:var(--gold-soft)}
.lead{
  font-size:19px;
  line-height:1.62;
  color:#bbb6ad;
  max-width:660px
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 32px}
.hero-meta{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta span{
  border:1px solid #25231e;
  border-radius:999px;
  background:#0d0d0c;
  color:#817d74;
  font-size:10px;
  letter-spacing:.035em;
  padding:7px 10px
}
.hero-stage{
  position:relative;
  height:640px;
  overflow:hidden;
  border:1px solid #2a2925;
  border-radius:38px;
  background:#0c0c0b;
  box-shadow:var(--shadow)
}
.hero-photo{
  position:absolute;
  inset:0;
  background:
    url("./assets/home-hero.jpg") center/cover no-repeat;
  transform:scale(1.025)
}
.hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,6,6,.18),rgba(6,6,6,.05) 50%,rgba(6,6,6,.2)),
    linear-gradient(180deg,rgba(4,4,4,.04) 35%,rgba(4,4,4,.8) 100%)
}
.phone{
  position:absolute;
  border:1px solid rgba(255,255,255,.18);
  border-radius:42px;
  background:#0f0f0f;
  box-shadow:0 32px 70px rgba(0,0,0,.48);
  overflow:hidden
}
.phone:before{
  content:"";
  position:absolute;
  inset:7px;
  z-index:3;
  pointer-events:none;
  border:1px solid #252525;
  border-radius:35px
}
.phone-top{
  position:absolute;
  z-index:4;
  top:0;
  left:50%;
  width:88px;
  height:25px;
  transform:translateX(-50%);
  border-radius:0 0 17px 17px;
  background:#050505
}
.phone-front{
  width:322px;
  height:596px;
  right:44px;
  bottom:-24px;
  transform:rotate(-2deg)
}
.screen{
  height:100%;
  padding:44px 23px 24px;
  background:linear-gradient(180deg,#111,#090909)
}
.mini-brand{font-size:7px;letter-spacing:.14em;color:#8f8b84}
.mini-brand b{color:var(--gold)}
.hello{font-size:12px;color:#8a867e;margin-top:27px}
.today-tag{font-size:8px;letter-spacing:.15em;color:var(--gold);margin-top:34px}
.workout-name{font-size:31px;line-height:1.02;font-weight:800;letter-spacing:-.035em;margin-top:8px}
.workout-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:19px}
.workout-meta div{
  padding:11px;
  border:1px solid #272727;
  border-radius:15px;
  background:#161616
}
.workout-meta small{display:block;font-size:6px;letter-spacing:.12em;color:#6e6a64}
.workout-meta strong{display:block;font-size:12px;margin-top:4px}
.why-card{
  margin-top:16px;
  padding:15px;
  border:1px solid #3a3425;
  border-radius:17px;
  background:linear-gradient(180deg,#18150f,#11100e)
}
.why-card small{font-size:7px;color:var(--gold);letter-spacing:.13em}
.why-card p{font-size:10px;line-height:1.48;color:#b4afa6;margin:7px 0 0}
.pace-pill{
  margin-top:16px;
  border:1px solid #2b2a27;
  border-radius:999px;
  padding:11px;
  text-align:center;
  font-size:12px;
  background:#0e0e0e
}
.start-button{
  margin-top:10px;
  padding:13px;
  border-radius:15px;
  background:var(--gold);
  color:#080808;
  text-align:center;
  font-size:11px;
  font-weight:800
}
.floating-card{
  position:absolute;
  z-index:6;
  width:215px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(10,10,10,.78);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}
.floating-card small{display:block;color:#8e887e;font-size:7px;letter-spacing:.14em}
.floating-card strong{display:block;font-size:16px;margin-top:7px}
.floating-card span{display:block;color:#8f8a82;font-size:9px;line-height:1.4;margin-top:4px}
.readiness-card{left:27px;top:42px}
.readiness-card strong{color:#d1e0cd}
.plan-card{left:34px;bottom:36px;width:238px}
.plan-card strong{color:var(--gold-soft)}

.problem-section{
  border-top:1px solid #201f1c;
  border-bottom:1px solid #201f1c;
  background:#090909;
  padding:118px 0
}
.statement{max-width:980px}
.statement h2,.section-head h2,.race-intro h2,.watch-copy h2,.audience-card h2{
  font-size:clamp(43px,5.2vw,72px);
  line-height:.98;
  letter-spacing:-.049em;
  margin:20px 0 25px
}
.statement p,.section-head p,.race-intro p,.watch-copy>p{
  font-size:18px;
  line-height:1.62;
  color:#aaa59c;
  max-width:780px
}
.pain-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:58px
}
.pain-card,.loop-step,.trust-card{
  border:1px solid #23221e;
  border-radius:24px;
  background:linear-gradient(180deg,#101010,#0c0c0c);
  padding:28px
}
.card-kicker,.panel-label{
  color:var(--gold);
  font-size:8px;
  letter-spacing:.16em;
  font-weight:800
}
.pain-card h3,.loop-step h3,.trust-card h3{
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.035em;
  margin:50px 0 13px
}
.pain-card p,.loop-step p,.trust-card p{
  color:#8f8b83;
  font-size:13px;
  line-height:1.58;
  margin:0
}

.loop-section{padding:130px 0}
.section-head{max-width:790px}
.section-head.centered{margin:0 auto;text-align:center}
.centered .eyebrow{justify-content:center}
.loop-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
  margin-top:58px
}
.loop-step{position:relative;min-height:270px}
.loop-step>span{
  color:#454139;
  font-size:11px;
  letter-spacing:.08em
}
.loop-step h3{margin-top:62px}
.loop-step:after{
  content:"";
  position:absolute;
  top:34px;
  right:-9px;
  width:18px;
  height:1px;
  background:#474238
}
.loop-step:last-child:after{display:none}

.engine-section{
  padding:132px 0;
  border-top:1px solid #211f1b;
  border-bottom:1px solid #211f1b;
  background:
    radial-gradient(circle at 78% 25%,rgba(200,163,74,.08),transparent 22%),
    #090909
}
.feature-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
  margin-top:60px
}
.feature-card{
  position:relative;
  min-height:330px;
  padding:30px;
  overflow:hidden;
  border:1px solid #25231f;
  border-radius:var(--radius);
  background:linear-gradient(180deg,#121212,#0d0d0d)
}
.feature-wide{grid-row:span 2;min-height:676px}
.card-top{display:flex;justify-content:space-between;align-items:center}
.status-dot{
  width:8px;height:8px;border-radius:50%;
  background:#aec4a9;box-shadow:0 0 0 5px rgba(174,196,169,.05)
}
.feature-card h3{
  max-width:560px;
  margin:64px 0 16px;
  font-size:31px;
  line-height:1.05;
  letter-spacing:-.038em
}
.feature-card p{
  max-width:520px;
  margin:0;
  color:#959188;
  font-size:14px;
  line-height:1.6
}
.week-ui{
  position:absolute;
  left:30px;
  right:30px;
  bottom:30px;
  padding:18px;
  border:1px solid #27251f;
  border-radius:21px;
  background:#0a0a0a
}
.week-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  padding-bottom:16px;
  border-bottom:1px solid #201f1b
}
.week-summary span{display:flex;flex-direction:column;gap:5px}
.week-summary small{font-size:6px;color:#65615a;letter-spacing:.12em}
.week-summary strong{font-size:18px}
.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px}
.week-days span{
  min-height:70px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:6px;
  padding:10px 7px;
  border:1px solid #20201d;
  border-radius:11px;
  background:#111
}
.week-days small{font-size:6px;color:#68645d}
.week-days b{font-size:8px;font-weight:650;color:#b1aca3}
.week-days .key{border-color:#5e4d27;background:#18150e}
.week-days .key b{color:var(--gold-soft)}
.signal-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:34px}
.signal-row span,.insight-chips span{
  border:1px solid #272620;
  border-radius:999px;
  padding:8px 10px;
  color:#77736c;
  background:#0d0d0c;
  font-size:9px
}
.forecast-ui{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid #22211d
}
.forecast-ui small{display:block;color:#6b675f;font-size:7px;letter-spacing:.13em}
.forecast-ui strong{display:block;font-size:36px;letter-spacing:-.04em;margin:5px 0 1px}
.forecast-ui span{font-size:9px;color:#68645c}
.engine-note{
  display:flex;
  align-items:center;
  gap:16px;
  max-width:850px;
  margin:24px auto 0;
  padding:17px 20px;
  border:1px solid #28251d;
  border-radius:18px;
  background:#0d0c0a
}
.note-icon{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  flex:0 0 auto;
  color:var(--gold);
  border:1px solid #453a22
}
.engine-note p{margin:0;color:#9b968d;font-size:12px;line-height:1.5}

.race-section{padding:132px 0}
.race-intro{max-width:790px}
.race-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:18px;
  margin-top:58px
}
.race-panel{
  min-height:480px;
  padding:30px;
  border:1px solid #26241f;
  border-radius:var(--radius);
  background:linear-gradient(180deg,#121212,#0d0d0d)
}
.strategy-panel{
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 50% 100%,rgba(200,163,74,.12),transparent 34%),
    linear-gradient(180deg,#12110e,#0d0d0c)
}
.strategy-panel h3{
  font-size:35px;
  line-height:1.03;
  letter-spacing:-.04em;
  margin:78px 0 18px
}
.strategy-panel p{color:#97928a;line-height:1.6;font-size:14px}
.strategy-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:auto
}
.strategy-strip span{
  padding:13px;
  border:1px solid #2a271f;
  border-radius:14px;
  background:#0b0b0a
}
.strategy-strip small{display:block;color:#656158;font-size:7px}
.strategy-strip b{display:block;color:var(--gold-soft);font-size:10px;margin-top:5px}
.race-card-head{display:flex;justify-content:space-between;gap:12px;color:#777269;font-size:8px;letter-spacing:.1em}
.race-main{display:flex;align-items:flex-end;gap:14px;margin:38px 0}
.race-main strong{font-size:58px;line-height:.9;letter-spacing:-.055em}
.race-main span{color:var(--gold);padding-bottom:6px;font-size:13px}
.race-bars{display:grid;gap:12px}
.race-bars div{display:grid;grid-template-columns:62px 1fr 39px;gap:10px;align-items:center;font-size:9px;color:#6f6a62}
.race-bars i{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--gold),#4c4128)}
.race-bars b{text-align:right;color:#d3cfc8}
.insight-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:31px}

.watch-section{
  padding:132px 0;
  border-top:1px solid #22201c;
  border-bottom:1px solid #22201c;
  background:#090909
}
.watch-inner{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:80px;
  align-items:center
}
.check-list{list-style:none;padding:0;margin:31px 0 0;display:grid;gap:12px}
.check-list li{font-size:13px;color:#c6c1b7}
.check-list li:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  display:inline-block;margin-right:11px;
  background:var(--gold)
}
.watch-stage{
  position:relative;
  height:510px;
  overflow:hidden;
  border:1px solid #292722;
  border-radius:34px;
  background:#0d0d0d;
  box-shadow:var(--shadow)
}
.workout-photo{position:absolute;inset:0;background:url("./assets/workout-hero.jpg") center/cover no-repeat}
.watch-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.62),rgba(4,4,4,.04) 60%),linear-gradient(180deg,transparent,rgba(4,4,4,.45))}
.watch{
  position:absolute;
  left:58px;
  top:78px;
  width:238px;
  height:282px;
  padding:10px;
  border:12px solid #282828;
  border-radius:64px;
  background:#181818;
  box-shadow:0 30px 70px rgba(0,0,0,.48)
}
.watch-screen{
  position:relative;
  height:100%;
  overflow:hidden;
  border-radius:43px;
  background:#080808;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:28px
}
.watch-screen small{font-size:7px;letter-spacing:.12em;color:#777}
.watch-screen b{font-size:11px;color:var(--gold);margin-top:36px}
.watch-screen strong{font-size:52px;line-height:1;margin-top:9px}
.watch-screen span{font-size:11px;color:#6e6a64}
.hr{font-size:12px;margin-top:13px}
.progress-ring{
  position:absolute;
  width:165px;height:165px;border-radius:50%;
  border:4px solid #191919;border-top-color:var(--gold);
  bottom:-92px
}
.watch-caption{
  position:absolute;
  right:28px;
  bottom:27px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:rgba(8,8,8,.77);
  backdrop-filter:blur(12px)
}
.watch-caption small{display:block;color:#8b857b;font-size:7px;letter-spacing:.12em}
.watch-caption strong{display:block;font-size:18px;margin-top:4px}

.trust-section{padding:132px 0}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:57px
}
.trust-card{min-height:300px}
.trust-icon{
  width:36px;height:36px;border:1px solid #373225;border-radius:50%;
  display:grid;place-items:center;color:var(--gold);font-size:9px
}
.trust-card h3{margin-top:56px}

.system-section{
  padding:116px 0;
  border-top:1px solid #211f1b;
  border-bottom:1px solid #211f1b;
  background:#090909
}
.pill-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  max-width:1000px;
  margin:52px auto 0
}
.pill-grid span{
  padding:13px 17px;
  border:1px solid #282620;
  border-radius:999px;
  background:#0e0e0d;
  color:#b4afa5;
  font-size:12px
}

.audience-section{padding:110px 0 60px}
.audience-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
  padding:48px;
  border:1px solid #2d2920;
  border-radius:34px;
  background:
    radial-gradient(circle at 8% 100%,rgba(200,163,74,.11),transparent 25%),
    linear-gradient(135deg,#12110e,#0d0d0d)
}
.audience-card h2{font-size:clamp(40px,4.8vw,66px);margin-bottom:0}
.audience-points{display:grid;align-content:center;gap:0}
.audience-points p{
  margin:0;
  padding:18px 0;
  border-bottom:1px solid #29261f;
  color:#aba69d;
  font-size:14px;
  line-height:1.55
}
.audience-points p:last-child{border-bottom:0}

.cta-section{padding:58px 0 120px}
.cta-card{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:70px;
  padding:52px;
  border:1px solid #40351f;
  border-radius:34px;
  background:
    radial-gradient(circle at 100% 0%,rgba(200,163,74,.16),transparent 25%),
    linear-gradient(135deg,#17130d,#0e0e0e 65%)
}
.cta-card h2{
  margin:17px 0 12px;
  font-size:clamp(46px,5.6vw,75px);
  line-height:.95;
  letter-spacing:-.05em
}
.cta-card p{max-width:690px;color:#aaa49a;margin:0;line-height:1.6}
.cta-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.cta-meta span{
  padding:7px 10px;border:1px solid #342f24;border-radius:999px;
  color:#827c71;font-size:9px
}
.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

.footer{
  min-height:110px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  border-top:1px solid #211f1b;
  color:#6f6a62;
  font-size:9px
}
.footer-brand .brand-logo-image{width:184px}
.footer p{margin:0}
.footer-links{justify-self:end;text-align:right;display:flex;flex-direction:column;gap:4px}
.footer-links a{color:#aca69c}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1)
}
.reveal.in-view{opacity:1;transform:none}

@media (max-width:1100px){
  .nav-links{display:none}
  .hero{grid-template-columns:1fr;gap:52px;min-height:auto}
  .hero-copy{max-width:840px}
  .hero-stage{max-width:760px;width:100%;margin:0 auto}
  .pain-grid,.trust-grid{grid-template-columns:1fr}
  .pain-card,.trust-card{min-height:auto}
  .loop-grid{grid-template-columns:repeat(2,1fr)}
  .loop-step:nth-child(2):after{display:none}
  .feature-grid{grid-template-columns:1fr}
  .feature-wide{grid-row:auto;min-height:630px}
  .race-grid,.watch-inner,.audience-card,.cta-card{grid-template-columns:1fr}
  .watch-inner{gap:48px}
  .watch-stage{max-width:760px;width:100%}
  .audience-card,.cta-card{gap:38px}
  .cta-actions{align-items:flex-start}
}
@media (max-width:720px){
  .shell{width:min(calc(100% - 24px),var(--max))}
  .nav{height:72px}
  .brand-logo-image{width:160px}
  .product-label{font-size:7px;padding:5px 7px}
  .nav-actions .button{display:none}
  .hero{padding-top:54px;padding-bottom:82px}
  h1{font-size:clamp(49px,14vw,70px)}
  .lead{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .button{width:100%}
  .hero-stage{height:570px;border-radius:28px}
  .phone-front{width:276px;height:518px;right:10px;bottom:-25px}
  .screen{padding:41px 19px 20px}
  .workout-name{font-size:27px}
  .workout-meta{gap:5px}
  .workout-meta div{padding:9px}
  .why-card{padding:12px}
  .why-card p{font-size:9px}
  .readiness-card{left:12px;top:18px;width:180px}
  .plan-card{left:12px;bottom:14px;width:190px}
  .problem-section,.engine-section,.watch-section{padding:88px 0}
  .loop-section,.race-section,.trust-section{padding:92px 0}
  .statement h2,.section-head h2,.race-intro h2,.watch-copy h2,.audience-card h2{font-size:clamp(38px,11vw,55px)}
  .statement p,.section-head p,.race-intro p,.watch-copy>p{font-size:16px}
  .pain-grid{margin-top:38px}
  .pain-card,.loop-step,.trust-card{padding:22px}
  .pain-card h3,.loop-step h3,.trust-card h3{font-size:22px}
  .loop-grid{grid-template-columns:1fr}
  .loop-step:after{display:none}
  .feature-card{padding:22px}
  .feature-wide{min-height:700px}
  .feature-card h3{font-size:27px;margin-top:48px}
  .week-ui{left:22px;right:22px;bottom:22px;padding:13px}
  .week-summary{grid-template-columns:1fr 1fr}
  .week-summary span:nth-child(3){display:none}
  .week-days{grid-template-columns:repeat(4,1fr)}
  .week-days span:nth-child(n+5){display:none}
  .engine-note{align-items:flex-start}
  .race-panel{padding:22px;min-height:auto}
  .strategy-panel h3{font-size:31px;margin-top:55px}
  .strategy-strip{margin-top:55px}
  .race-main strong{font-size:49px}
  .watch-stage{height:500px}
  .watch{left:24px;top:64px;transform:scale(.88);transform-origin:left top}
  .watch-caption{right:14px;bottom:16px}
  .system-section{padding:88px 0}
  .audience-section{padding:82px 0 36px}
  .audience-card,.cta-card{padding:28px 22px;border-radius:28px}
  .cta-section{padding-bottom:88px}
  .large-button{width:100%}
  .footer{grid-template-columns:1fr;justify-items:start;padding:30px 0 44px}
  .footer-links{justify-self:start;text-align:left}
  .footer-brand .brand-logo-image{width:165px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
}

/* Real app captures */
.device-shot,
.plan-shot-wrap,
.strategy-shot-wrap{
  border:1px solid rgba(255,255,255,.13);
  background:#090909;
  box-shadow:0 28px 70px rgba(0,0,0,.48);
  overflow:hidden;
}
.localized-shot{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  image-rendering:auto;
}
.app-preview-stage .hero-photo{
  filter:saturate(.82) brightness(.72);
  transform:scale(1.035);
}
.hero-device-shot{
  position:absolute;
  right:46px;
  bottom:-72px;
  z-index:5;
  width:300px;
  border-radius:38px 38px 0 0;
  transform:none;
}
.hero-device-shot:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 7px rgba(10,10,10,.82);
}
.plan-shot-wrap{
  position:absolute;
  left:30px;
  right:30px;
  bottom:0;
  height:355px;
  border-radius:24px 24px 0 0;
  border-bottom:0;
}
.plan-shot-wrap .localized-shot{
  width:min(100%,300px);
  margin:0 auto;
}
.screenshot-panel{
  min-height:700px;
}
.screenshot-panel h3{
  margin:38px 0 16px;
}
.strategy-shot-wrap{
  width:min(100%,285px);
  height:395px;
  margin:34px auto 0;
  border-radius:28px 28px 0 0;
  border-bottom:0;
}
.strategy-shot-wrap .localized-shot{
  width:100%;
}
@media (max-width:1100px){
  .hero-device-shot{right:64px;width:300px}
  .plan-shot-wrap .localized-shot{width:300px}
  .strategy-shot-wrap{width:285px}
}
@media (max-width:720px){
  .hero-device-shot{
    width:255px;
    right:10px;
    bottom:-45px;
    border-radius:30px 30px 0 0;
  }
  .app-preview-stage .readiness-card{left:12px;top:18px;width:174px}
  .app-preview-stage .plan-card{left:12px;bottom:14px;width:178px}
  .plan-shot-wrap{
    left:18px;
    right:18px;
    height:385px;
  }
  .plan-shot-wrap .localized-shot{width:250px}
  .screenshot-panel{min-height:650px}
  .strategy-shot-wrap{width:250px;height:350px}
}


/* Positioning / differentiation */
.difference-section{padding:132px 0}
.difference-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:58px
}
.difference-card{
  position:relative;
  min-height:360px;
  padding:30px;
  border:1px solid #25231f;
  border-radius:var(--radius);
  background:linear-gradient(180deg,#111,#0c0c0c);
  overflow:hidden
}
.difference-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#3a352b,transparent)
}
.difference-kicker{
  color:#817a6d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em
}
.difference-card h3{
  margin:88px 0 16px;
  font-size:30px;
  line-height:1.04;
  letter-spacing:-.04em
}
.difference-card p{
  margin:0;
  color:#918c83;
  font-size:13px;
  line-height:1.62
}
.pace-difference{
  border-color:#5b4825;
  background:
    radial-gradient(circle at 80% 10%,rgba(200,163,74,.15),transparent 30%),
    linear-gradient(180deg,#15120c,#0d0c0a)
}
.pace-difference .difference-kicker{color:var(--gold)}
.pace-difference h3{color:var(--gold-soft)}
.intensity-story{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:70px;
  align-items:center;
  margin-top:18px;
  padding:42px;
  border:1px solid #2c2922;
  border-radius:30px;
  background:linear-gradient(135deg,#11100d,#0b0b0b)
}
.intensity-story h3{
  margin:17px 0 14px;
  font-size:35px;
  line-height:1.04;
  letter-spacing:-.04em
}
.intensity-story p{
  margin:0;
  max-width:650px;
  color:#98938a;
  font-size:14px;
  line-height:1.62
}
.intensity-visual{display:grid;gap:16px}
.intensity-visual div{
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:center;
  gap:14px
}
.intensity-visual span{
  color:#777168;
  font-size:8px;
  letter-spacing:.12em
}
.intensity-visual i{
  position:relative;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#24221d
}
.intensity-visual i:after{
  content:"";
  display:block;
  width:var(--w);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),#6e5b2f)
}
.intensity-visual small{
  display:block;
  color:#5f5b54;
  font-size:8px;
  line-height:1.45;
  margin-top:4px
}

/* Race-day desire / conversion bridge */
.desire-section{padding:44px 0 28px}
.desire-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:68px;
  align-items:center;
  padding:52px;
  border:1px solid #46391f;
  border-radius:34px;
  background:
    radial-gradient(circle at 100% 0%,rgba(200,163,74,.18),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(200,163,74,.08),transparent 28%),
    linear-gradient(135deg,#17130c,#0d0d0c 68%);
  box-shadow:0 38px 90px rgba(0,0,0,.28)
}
.desire-copy h2{
  margin:19px 0 17px;
  font-size:clamp(44px,5vw,70px);
  line-height:.96;
  letter-spacing:-.05em
}
.desire-copy p{
  margin:0;
  color:#a49e94;
  font-size:16px;
  line-height:1.62
}
.desire-line{
  display:block;
  margin-top:28px;
  color:var(--gold-soft);
  font-size:16px;
  line-height:1.35
}
.desire-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #342d20;
  border-radius:24px;
  overflow:hidden;
  background:rgba(7,7,7,.56)
}
.desire-metrics div{
  min-height:156px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px;
  border-right:1px solid #302a1f
}
.desire-metrics div:last-child{border-right:0}
.desire-metrics small{
  color:#736b5d;
  font-size:7px;
  letter-spacing:.13em
}
.desire-metrics strong{
  margin-top:10px;
  font-size:31px;
  line-height:1;
  letter-spacing:-.04em
}
.desire-metrics span{
  margin-top:5px;
  color:#8b8479;
  font-size:9px
}
.cta-micro{
  color:#777066;
  font-size:9px;
  line-height:1.45
}

@media (max-width:1100px){
  .difference-grid{grid-template-columns:1fr}
  .difference-card{min-height:auto}
  .difference-card h3{margin-top:52px}
  .intensity-story,.desire-card{grid-template-columns:1fr;gap:38px}
}
@media (max-width:720px){
  .difference-section{padding:92px 0}
  .difference-grid{margin-top:38px}
  .difference-card{padding:22px}
  .difference-card h3{font-size:26px;margin-top:46px}
  .intensity-story{padding:27px 22px;gap:32px;border-radius:27px}
  .intensity-story h3{font-size:29px}
  .desire-section{padding:28px 0 18px}
  .desire-card{padding:30px 22px;gap:32px;border-radius:28px}
  .desire-copy h2{font-size:clamp(42px,12vw,58px)}
  .desire-copy p{font-size:15px}
  .desire-metrics{grid-template-columns:1fr}
  .desire-metrics div{min-height:104px;border-right:0;border-bottom:1px solid #302a1f}
  .desire-metrics div:last-child{border-bottom:0}
}


/* Legal notice */
.legal-page{background:#070707}
.legal-back{
  color:#918b80;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  transition:color .2s ease
}
.legal-back:hover{color:var(--gold-soft)}
.legal-main{padding-top:154px;padding-bottom:112px}
.legal-hero{
  max-width:820px;
  padding-bottom:58px;
  border-bottom:1px solid #24221e
}
.legal-hero h1{
  margin:20px 0 14px;
  font-size:clamp(64px,9vw,126px);
  line-height:.86;
  letter-spacing:-.065em
}
.legal-hero p{
  margin:0;
  color:#837e75;
  font-size:13px;
  line-height:1.55
}
.legal-layout{
  display:grid;
  grid-template-columns:300px minmax(0,720px);
  gap:100px;
  padding-top:66px
}
.legal-brand-card{
  position:sticky;
  top:130px;
  align-self:start;
  padding:28px;
  border:1px solid #29261f;
  border-radius:24px;
  background:linear-gradient(145deg,#12110e,#0b0b0b)
}
.legal-brand-card img{display:block;width:100%;height:auto}
.legal-brand-card span{
  display:block;
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid #28251f;
  color:#716b60;
  font-size:8px;
  font-weight:800;
  line-height:1.55;
  letter-spacing:.13em
}
.legal-content{display:grid;gap:0}
.legal-content section{
  position:relative;
  padding:4px 0 46px 72px;
  margin-bottom:42px;
  border-bottom:1px solid #24221e
}
.legal-content section:last-child{margin-bottom:0}
.legal-number{
  position:absolute;
  left:0;
  top:8px;
  color:var(--gold);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em
}
.legal-content h2{
  margin:0 0 20px;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.035em
}
.legal-content p{
  margin:0 0 12px;
  color:#a29d94;
  font-size:14px;
  line-height:1.75
}
.legal-content strong{color:#f0ece4;font-weight:700}
.legal-content a{
  color:#cbb679;
  text-decoration:none;
  border-bottom:1px solid rgba(203,182,121,.28)
}
.legal-content a:hover{border-color:#cbb679}
@media(max-width:900px){
  .legal-main{padding-top:126px}
  .legal-layout{grid-template-columns:1fr;gap:44px}
  .legal-brand-card{position:relative;top:auto;max-width:300px}
}
@media(max-width:620px){
  .legal-back{font-size:8px}
  .legal-main{padding-top:112px;padding-bottom:78px}
  .legal-hero{padding-bottom:42px}
  .legal-hero h1{font-size:clamp(58px,19vw,82px)}
  .legal-layout{padding-top:44px}
  .legal-content section{padding-left:46px;padding-bottom:34px;margin-bottom:34px}
  .legal-content h2{font-size:24px}
  .legal-content p{font-size:13px}
}


/* Real Race Analysis marketing story */
.analysis-de{display:block}
.analysis-en{display:none}
html[lang="en"] .analysis-de{display:none!important}
html[lang="en"] .analysis-en{display:block}
.real-analysis-panel{
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 12%,rgba(200,163,74,.10),transparent 28%),
    linear-gradient(180deg,#141310,#0d0d0c)
}
.real-analysis-panel .analysis-de h3,
.real-analysis-panel .analysis-en h3{
  margin:20px 0 12px;
  max-width:560px;
  font-size:31px;
  line-height:1.03;
  letter-spacing:-.04em
}
.real-analysis-panel .analysis-de>p,
.real-analysis-panel .analysis-en>p{
  margin:0 0 28px;
  color:#99938a;
  font-size:13px;
  line-height:1.62
}
.analysis-primary-shot{
  width:min(100%,390px);
  margin:0 auto -52px;
  padding:9px;
  border:1px solid #3b3324;
  border-radius:34px 34px 0 0;
  background:#080808;
  box-shadow:0 32px 80px rgba(0,0,0,.45)
}
.analysis-primary-shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:25px 25px 0 0
}
.race-analysis-story{
  margin-top:34px;
  padding:54px;
  border:1px solid #40351f;
  border-radius:34px;
  background:
    radial-gradient(circle at 82% 8%,rgba(200,163,74,.14),transparent 25%),
    linear-gradient(135deg,#15120c,#0b0b0b 62%);
  overflow:hidden
}
.race-analysis-story-copy{
  max-width:780px;
  margin-bottom:44px
}
.race-analysis-story-copy h3{
  margin:18px 0 15px;
  max-width:720px;
  font-size:clamp(34px,4.4vw,62px);
  line-height:.96;
  letter-spacing:-.05em
}
.race-analysis-story-copy p{
  max-width:700px;
  margin:0;
  color:#9c968c;
  font-size:15px;
  line-height:1.62
}
.analysis-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px
}
.analysis-proof span{
  padding:8px 11px;
  border:1px solid #3a3325;
  border-radius:999px;
  color:#b5a67e;
  background:rgba(12,12,11,.68);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.race-analysis-gallery{
  display:grid;
  grid-template-columns:.82fr 1fr 1fr;
  gap:22px;
  align-items:end
}
.analysis-shot{
  margin:0;
  padding:8px;
  overflow:hidden;
  border:1px solid #343029;
  border-radius:28px 28px 0 0;
  background:#090909;
  box-shadow:0 28px 70px rgba(0,0,0,.38)
}
.analysis-shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px 20px 0 0
}
.analysis-shot-overview{transform:translateY(34px)}
.analysis-shot-potential{transform:translateY(18px)}

@media(max-width:900px){
  .race-analysis-story{padding:38px 28px}
  .race-analysis-gallery{
    grid-template-columns:1fr 1fr;
    align-items:start
  }
  .analysis-shot-overview{display:none}
  .analysis-shot-phases,.analysis-shot-potential{transform:none}
}
@media(max-width:620px){
  .real-analysis-panel .analysis-de h3,
.real-analysis-panel .analysis-en h3{font-size:27px}
  .analysis-primary-shot{width:min(100%,330px);margin-bottom:-38px}
  .race-analysis-story{margin-top:22px;padding:30px 20px;border-radius:28px}
  .race-analysis-story-copy{margin-bottom:30px}
  .race-analysis-story-copy h3{font-size:39px}
  .race-analysis-story-copy p{font-size:14px}
  .race-analysis-gallery{gap:10px}
  .analysis-shot{padding:5px;border-radius:20px 20px 0 0}
  .analysis-shot img{border-radius:15px 15px 0 0}
}


/* PACE CULTURE performance imagery · 26.09.2026 */
.hero-photo{
  background:url("./assets/hero-runner-track.webp") 48% 42%/cover no-repeat;
  transform:scale(1.012);
  filter:saturate(.94) contrast(1.03) brightness(.88);
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(5,5,5,.06),rgba(5,5,5,.18) 55%,rgba(5,5,5,.34)),
    linear-gradient(180deg,rgba(4,4,4,.04) 28%,rgba(4,4,4,.82) 100%);
}
.why-visual{
  margin:54px 0 34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  align-items:stretch;
  min-height:300px;
  overflow:hidden;
  border:1px solid #2b2924;
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 12%,rgba(200,163,74,.11),transparent 32%),
    linear-gradient(135deg,#13110d,#0c0c0b 62%);
  box-shadow:var(--shadow);
}
.why-visual-copy{
  padding:44px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:16px;
}
.why-visual-copy p{
  margin:0;
  max-width:650px;
  font-size:clamp(25px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
  color:#f4f1ea;
  font-weight:650;
}
.why-visual-photo{
  min-height:300px;
  background:
    linear-gradient(90deg,#0c0c0b 0%,rgba(12,12,11,.12) 24%,transparent 45%),
    url("./assets/performance-runner-coast.webp") center/cover no-repeat;
}
.brand-moment{padding:42px 0 50px}
.brand-moment-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px);
  overflow:hidden;
  border:1px solid #302b20;
  border-radius:34px;
  background:
    radial-gradient(circle at 15% 10%,rgba(200,163,74,.13),transparent 28%),
    linear-gradient(135deg,#11100d,#090909);
  box-shadow:var(--shadow);
}
.brand-moment-copy{
  padding:52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.brand-moment-copy h2{
  margin:12px 0 14px;
  font-size:clamp(42px,6vw,84px);
  line-height:.94;
  letter-spacing:-.05em;
}
.brand-moment-copy p{
  margin:0;
  max-width:580px;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
}
.brand-moment-photo{
  position:relative;
  min-height:360px;
  background:
    linear-gradient(90deg,#0b0b0a 0%,rgba(11,11,10,.1) 30%,transparent 50%),
    url("./assets/brand-runner-city-back.webp") center/cover no-repeat;
}
.cta-card{
  grid-template-columns:minmax(0,1fr) minmax(230px,300px) minmax(210px,.55fr);
  gap:34px;
  overflow:hidden;
}
.cta-photo{
  min-height:250px;
  border:1px solid rgba(200,163,74,.18);
  border-radius:24px;
  background:
    linear-gradient(180deg,transparent 55%,rgba(6,6,6,.28)),
    url("./assets/brand-runner-coast-back.webp") center/cover no-repeat;
}
.cta-copy,.cta-actions{position:relative;z-index:1}

@media (max-width:1100px){
  .why-visual,.brand-moment-card{grid-template-columns:1fr}
  .why-visual-photo{min-height:360px;background-position:center 43%}
  .brand-moment-photo{min-height:360px;background-position:center 44%}
  .cta-card{grid-template-columns:minmax(0,1fr) minmax(250px,320px)}
  .cta-actions{grid-column:1/-1}
}
@media (max-width:720px){
  .hero-photo{background-position:50% 38%}
  .why-visual{margin-top:38px;border-radius:24px}
  .why-visual-copy{padding:28px}
  .why-visual-photo{min-height:255px}
  .brand-moment{padding:30px 0 36px}
  .brand-moment-card{border-radius:26px}
  .brand-moment-copy{padding:32px 28px}
  .brand-moment-photo{min-height:270px}
  .cta-card{grid-template-columns:1fr}
  .cta-photo{min-height:240px}
  .cta-actions{grid-column:auto}
}


/* Premium runner imagery v2 · Retina-first · 26.09.2026
   No raster upscaling, no raster transforms/filters, explicit focal crops. */
.hero-image-stage{
  position:relative;
  justify-self:end;
  width:100%;
  max-width:540px;
  height:auto;
  aspect-ratio:1122/1402;
  overflow:hidden;
  border:1px solid #2f2c25;
  border-radius:38px;
  background:#0b0b0a;
  box-shadow:0 34px 90px rgba(0,0,0,.46)
}
.hero-runner-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  image-rendering:auto;
  transform:none!important;
  filter:none!important
}
.hero-image-stage .hero-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,4,4,0) 56%,rgba(4,4,4,.68) 100%),
    linear-gradient(90deg,rgba(4,4,4,.06),transparent 25%,transparent 78%,rgba(4,4,4,.08))
}
.hero-image-caption{
  position:absolute;
  left:26px;
  bottom:24px;
  z-index:2;
  display:grid;
  gap:4px;
  text-shadow:0 2px 18px rgba(0,0,0,.55)
}
.hero-image-caption small{
  color:#d0c7b3;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em
}
.hero-image-caption strong{
  color:#fff;
  font-size:17px;
  line-height:1;
  letter-spacing:-.02em
}

/* Product proof is deliberately separated from the emotional hero image. */
.hero-proof{
  min-height:650px;
  margin-top:-46px;
  margin-bottom:104px;
  padding:34px 44px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);
  align-items:center;
  gap:42px;
  overflow:hidden;
  border:1px solid #2b2923;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 10%,rgba(200,163,74,.11),transparent 30%),
    linear-gradient(135deg,#11100d,#090909 68%);
  box-shadow:0 34px 90px rgba(0,0,0,.30)
}
.hero-proof-device{
  position:relative;
  align-self:end;
  width:300px;
  height:620px;
  border-radius:38px 38px 0 0;
  border-bottom:0;
  transform:none!important
}
.hero-proof-device .localized-shot{
  width:300px;
  max-width:300px;
  height:auto;
  transform:none!important;
  filter:none!important;
  image-rendering:auto
}
.hero-proof-device:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 7px rgba(10,10,10,.82)
}
.hero-proof-note{
  max-width:300px;
  padding:23px;
  border:1px solid #302d26;
  border-radius:22px;
  background:rgba(12,12,11,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.hero-proof-note small{
  display:block;
  color:#8f887a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em
}
.hero-proof-note strong{
  display:block;
  margin-top:10px;
  color:#f1eee7;
  font-size:23px;
  line-height:1.08;
  letter-spacing:-.035em
}
.hero-proof-note span{
  display:block;
  margin-top:10px;
  color:#969087;
  font-size:12px;
  line-height:1.55
}
.hero-proof-engine{justify-self:end}
.hero-proof-engine strong{color:var(--gold-soft)}

/* Native <img> rendering keeps the campaign assets sharp and focal points predictable. */
.why-visual{
  grid-template-columns:minmax(0,1fr) minmax(320px,400px);
  align-items:center
}
.why-visual-photo,
.brand-moment-photo,
.cta-photo{
  position:relative;
  overflow:hidden;
  background:#0b0b0a!important
}
.why-visual-photo img,
.brand-moment-photo img,
.cta-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:auto;
  transform:none!important;
  filter:none!important
}
.why-visual-photo{
  min-height:0;
  aspect-ratio:4/3;
  align-self:center
}
.why-visual-photo img{
  object-position:50% 45%
}
.brand-moment-card{
  grid-template-columns:minmax(0,1fr) minmax(340px,400px);
  align-items:center
}
.brand-moment-photo{
  min-height:0;
  aspect-ratio:4/3;
  align-self:center
}
.brand-moment-photo img{
  object-position:50% 45%
}
.cta-card{
  grid-template-columns:minmax(0,1fr) minmax(280px,340px) minmax(210px,.55fr)
}
.cta-photo{
  min-height:0;
  aspect-ratio:4/3;
  align-self:center
}
.cta-photo img{
  object-position:42% 45%
}

@media (max-width:1100px){
  .hero{
    grid-template-columns:1fr;
    gap:44px
  }
  .hero-image-stage{
    order:-1;
    justify-self:center;
    max-width:540px
  }
  .hero-copy{
    order:1;
    max-width:840px;
    margin:0 auto
  }
  .hero-proof{
    grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);
    gap:24px;
    padding-left:28px;
    padding-right:28px
  }
  .why-visual,.brand-moment-card{
    grid-template-columns:1fr
  }
  .why-visual-photo{
    min-height:0;
    aspect-ratio:4/3
  }
  .brand-moment-photo{
    min-height:0;
    aspect-ratio:4/3
  }
  .cta-card{
    grid-template-columns:minmax(0,1fr) minmax(280px,340px)
  }
  .cta-actions{grid-column:1/-1}
}
@media (max-width:820px){
  .hero-proof{
    grid-template-columns:1fr 280px;
    align-items:center;
    min-height:610px
  }
  .hero-proof-device{
    width:280px;
    height:578px;
    grid-row:1/3;
    grid-column:2
  }
  .hero-proof-device .localized-shot{
    width:280px;
    max-width:280px
  }
  .hero-proof-note{max-width:none}
  .hero-proof-engine{justify-self:stretch}
}
@media (max-width:720px){
  .hero{
    padding-top:16px;
    gap:34px
  }
  .hero-image-stage{
    order:-1;
    width:100%;
    max-width:none;
    border-radius:28px
  }
  .hero-image-caption{
    left:18px;
    bottom:17px
  }
  .hero-image-caption strong{font-size:15px}
  .hero-copy{order:1}
  .hero-proof{
    min-height:0;
    margin-top:-28px;
    margin-bottom:82px;
    padding:26px 18px 0;
    grid-template-columns:1fr;
    gap:18px;
    border-radius:28px
  }
  .hero-proof-device{
    grid-row:auto;
    grid-column:auto;
    order:-1;
    justify-self:center;
    width:255px;
    height:555px;
    border-radius:30px 30px 0 0
  }
  .hero-proof-device .localized-shot{
    width:255px;
    max-width:255px
  }
  .hero-proof-note{
    padding:19px;
    max-width:none
  }
  .hero-proof-note strong{font-size:21px}
  .hero-proof-engine{
    margin-bottom:24px
  }
  .why-visual-photo{
    aspect-ratio:4/3
  }
  .why-visual-photo img{
    object-position:50% 44%
  }
  .brand-moment-photo{
    aspect-ratio:4/3
  }
  .brand-moment-photo img{
    object-position:50% 44%
  }
  .cta-photo{
    min-height:0;
    aspect-ratio:4/3
  }
  .cta-photo img{
    object-position:44% 45%
  }
}


/* Hero overlay + mobile CTA correction · premium v7 · 26.09.2026 */
.hero-brand-lockup{
  position:absolute;
  left:22px;
  bottom:20px;
  z-index:3;
  display:block;
  width:178px;
  max-width:34%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.48));
  pointer-events:none
}
.hero-today-mini{
  position:absolute;
  right:20px;
  bottom:18px;
  z-index:4;
  display:block;
  width:112px!important;
  max-width:24%!important;
  height:auto!important;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:#0a0a0a;
  box-shadow:0 18px 42px rgba(0,0,0,.48);
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto
}
.hero-image-stage .hero-shade{
  background:
    linear-gradient(180deg,rgba(4,4,4,0) 58%,rgba(4,4,4,.42) 100%),
    linear-gradient(90deg,rgba(4,4,4,.05),transparent 28%,transparent 80%,rgba(4,4,4,.05))
}

@media (max-width:720px){
  .hero-brand-lockup{
    left:14px;
    bottom:15px;
    width:146px;
    max-width:43%
  }
  .hero-today-mini{
    right:14px;
    bottom:14px;
    width:82px!important;
    max-width:25%!important;
    border-radius:13px;
    box-shadow:0 12px 28px rgba(0,0,0,.44)
  }

  /* Must override the later <=1100px two-column rule from the premium image layout. */
  .cta-section .cta-card{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px;
    align-items:start;
    padding:28px 22px;
    overflow:hidden
  }
  .cta-section .cta-copy,
  .cta-section .cta-photo,
  .cta-section .cta-actions{
    grid-column:1/-1!important;
    width:100%;
    max-width:100%;
    min-width:0;
    justify-self:stretch
  }
  .cta-section .cta-copy{order:1}
  .cta-section .cta-photo{
    order:2;
    margin:0;
    aspect-ratio:4/3;
    min-height:0
  }
  .cta-section .cta-actions{
    order:3;
    align-items:stretch
  }
  .cta-section .cta-copy p,
  .cta-section .cta-copy h2{
    width:100%;
    max-width:none;
    overflow-wrap:normal;
    word-break:normal
  }
  .cta-section .cta-actions .button{
    width:100%
  }
}


/* Readiness + Training Anchors · Real App Proof · 26.09.2026 */
.readiness-story{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  gap:52px;
  align-items:center;
  padding:46px;
  overflow:hidden;
  border:1px solid #3a3224;
  border-radius:34px;
  background:
    radial-gradient(circle at 84% 10%,rgba(200,163,74,.13),transparent 27%),
    radial-gradient(circle at 8% 92%,rgba(200,163,74,.06),transparent 24%),
    linear-gradient(135deg,#14120e,#0a0a0a 67%);
  box-shadow:0 34px 90px rgba(0,0,0,.28)
}
.readiness-story-copy{
  max-width:560px
}
.readiness-story-copy h3{
  margin:18px 0 16px;
  color:#f4f1ea;
  font-size:clamp(38px,4.4vw,61px);
  line-height:.98;
  letter-spacing:-.05em
}
.readiness-story-copy p{
  margin:0;
  color:#9d978d;
  font-size:15px;
  line-height:1.64
}
.readiness-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:25px
}
.readiness-proof span{
  padding:8px 11px;
  border:1px solid #3a3325;
  border-radius:999px;
  color:#b9aa7d;
  background:rgba(10,10,10,.64);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.readiness-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:start;
  min-width:0
}
.readiness-shot{
  min-width:0;
  margin:0;
  padding:7px;
  overflow:hidden;
  border:1px solid #373229;
  border-radius:26px;
  background:#080808;
  box-shadow:0 28px 70px rgba(0,0,0,.42)
}
.readiness-shot figcaption{
  padding:8px 8px 10px;
  color:#837c70;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em
}
.readiness-shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  image-rendering:auto;
  transform:none!important;
  filter:none!important
}
.readiness-shot-secondary{
  margin-top:54px
}

@media(max-width:1100px){
  .readiness-story{
    grid-template-columns:1fr;
    gap:36px;
    padding:40px 34px
  }
  .readiness-story-copy{
    max-width:760px
  }
  .readiness-gallery{
    width:100%;
    max-width:790px;
    margin:0 auto
  }
}
@media(max-width:720px){
  .readiness-story{
    margin-top:22px;
    padding:28px 18px;
    gap:26px;
    border-radius:28px
  }
  .readiness-story-copy h3{
    font-size:38px
  }
  .readiness-story-copy p{
    font-size:14px
  }
  .readiness-gallery{
    grid-template-columns:1fr;
    gap:14px
  }
  .readiness-shot,
  .readiness-shot-secondary{
    margin-top:0
  }
  .readiness-shot{
    padding:5px;
    border-radius:22px
  }
  .readiness-shot img{
    border-radius:16px
  }
}


/* Readiness proof density correction · v2 · 26.09.2026
   Core UI crops only; keep source pixels at ~2x rendered width. */
.readiness-gallery{
  width:100%;
  max-width:350px;
  justify-self:end;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px
}
.readiness-shot-secondary{
  margin-top:32px
}
@media(max-width:1100px){
  .readiness-gallery{
    max-width:350px;
    justify-self:center;
    margin:0 auto
  }
}
@media(max-width:720px){
  .readiness-gallery{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    max-width:100%;
    gap:8px
  }
  .readiness-shot-secondary{
    margin-top:22px
  }
  .readiness-shot{
    padding:4px;
    border-radius:18px
  }
  .readiness-shot figcaption{
    padding:6px 5px 8px;
    font-size:6px;
    letter-spacing:.10em
  }
  .readiness-shot img{
    border-radius:14px
  }
}


/* Readiness proof · premium high-resolution presentation · v3 · 26.09.2026
   807px source crops stay above 2x rendered width on phone and desktop. */
.readiness-story{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:44px
}
.readiness-gallery{
  width:100%;
  max-width:680px;
  justify-self:end;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px
}
.readiness-shot{
  padding:6px;
  border-radius:25px;
  background:linear-gradient(180deg,#0d0d0d,#070707);
  box-shadow:0 28px 72px rgba(0,0,0,.42)
}
.readiness-shot figcaption{
  padding:9px 9px 11px;
  font-size:7px;
  letter-spacing:.13em
}
.readiness-shot img{
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:18px
}
.readiness-shot-secondary{
  margin-top:44px
}
@media(max-width:1100px){
  .readiness-gallery{
    max-width:720px;
    justify-self:center
  }
}
@media(max-width:720px){
  .readiness-gallery{
    grid-template-columns:1fr!important;
    max-width:380px;
    gap:18px
  }
  .readiness-shot-secondary{
    margin-top:0
  }
  .readiness-shot{
    padding:6px;
    border-radius:22px
  }
  .readiness-shot figcaption{
    padding:8px 8px 10px;
    font-size:7px;
    letter-spacing:.12em
  }
  .readiness-shot img{
    border-radius:16px
  }
}


/* Workout coaching proof · real app screenshots · 26.09.2026 */
.workout-coaching-story{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
  gap:44px;
  align-items:center;
  padding:46px;
  overflow:hidden;
  border:1px solid #3a3224;
  border-radius:34px;
  background:
    radial-gradient(circle at 82% 12%,rgba(200,163,74,.14),transparent 28%),
    radial-gradient(circle at 11% 88%,rgba(200,163,74,.055),transparent 24%),
    linear-gradient(135deg,#13110d,#090909 68%);
  box-shadow:0 34px 90px rgba(0,0,0,.3)
}
.workout-coaching-copy{
  max-width:560px
}
.workout-coaching-copy h3{
  margin:18px 0 16px;
  color:#f4f1ea;
  font-size:clamp(38px,4.4vw,61px);
  line-height:.98;
  letter-spacing:-.05em
}
.workout-coaching-copy p{
  margin:0;
  color:#9d978d;
  font-size:15px;
  line-height:1.64
}
.workout-coaching-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:25px
}
.workout-coaching-proof span{
  padding:8px 11px;
  border:1px solid #3a3325;
  border-radius:999px;
  color:#b9aa7d;
  background:rgba(10,10,10,.64);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.workout-coaching-gallery{
  width:100%;
  max-width:700px;
  justify-self:end;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-width:0
}
.workout-coaching-shot{
  min-width:0;
  margin:0;
  padding:6px;
  overflow:hidden;
  border:1px solid #373229;
  border-radius:25px;
  background:linear-gradient(180deg,#0d0d0d,#070707);
  box-shadow:0 28px 72px rgba(0,0,0,.42)
}
.workout-coaching-shot figcaption{
  padding:9px 9px 11px;
  color:#837c70;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em
}
.workout-coaching-shot img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:18px;
  image-rendering:auto;
  transform:none!important;
  filter:none!important
}
.workout-coaching-shot-secondary{
  margin-top:58px
}
@media(max-width:1100px){
  .workout-coaching-story{
    grid-template-columns:1fr;
    gap:36px;
    padding:40px 34px
  }
  .workout-coaching-copy{
    max-width:760px
  }
  .workout-coaching-gallery{
    max-width:700px;
    justify-self:center;
    margin:0 auto
  }
}
@media(max-width:720px){
  .workout-coaching-story{
    margin-top:22px;
    padding:28px 18px;
    gap:26px;
    border-radius:28px
  }
  .workout-coaching-copy h3{
    font-size:38px
  }
  .workout-coaching-copy p{
    font-size:14px
  }
  .workout-coaching-gallery{
    grid-template-columns:1fr;
    max-width:360px;
    gap:18px
  }
  .workout-coaching-shot,
  .workout-coaching-shot-secondary{
    margin-top:0
  }
  .workout-coaching-shot{
    padding:6px;
    border-radius:22px
  }
  .workout-coaching-shot figcaption{
    padding:8px 8px 10px;
    font-size:7px;
    letter-spacing:.12em
  }
  .workout-coaching-shot img{
    border-radius:16px
  }
}


/* Hero message hierarchy · 26.09.2026 */
.hero-promise{
  margin:-8px 0 18px;
  max-width:680px;
  color:#f0ece4;
  font-size:clamp(22px,2.25vw,31px);
  line-height:1.16;
  letter-spacing:-.032em;
  font-weight:760
}
.hero .lead{
  max-width:690px;
  margin-bottom:0
}
@media(max-width:1100px){
  .hero-copy{
    text-align:left
  }
}
@media(max-width:720px){
  .hero{
    gap:32px
  }
  .hero-copy{
    margin:0;
  }
  .hero-copy h1{
    margin-top:20px;
    margin-bottom:22px
  }
  .hero-promise{
    margin:-2px 0 15px;
    font-size:22px;
    line-height:1.18
  }
  .hero .lead{
    font-size:16px;
    line-height:1.55
  }
}


/* Runner-first messaging + tighter page rhythm · 27.09.2026 */
.difference-section{
  padding:104px 0 86px
}
.difference-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1000px;
  margin:44px auto 0
}
.difference-grid-compact .difference-card{
  min-height:270px
}
.difference-grid-compact .difference-card h3{
  margin-top:58px
}
.adaptive-scenarios{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  max-width:950px;
  margin:18px auto 0
}
.adaptive-scenarios span{
  padding:10px 14px;
  border:1px solid #302c22;
  border-radius:999px;
  background:#0d0d0c;
  color:#9f988a;
  font-size:10px;
  font-weight:650
}

.start-section{
  padding:86px 0 104px
}
.start-section .section-head{
  max-width:860px
}
.start-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:44px
}
.start-card{
  min-height:250px;
  padding:28px;
  border:1px solid #28251f;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(200,163,74,.08),transparent 30%),
    linear-gradient(180deg,#111,#0c0c0c)
}
.start-card>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #493b22;
  border-radius:50%;
  color:var(--gold);
  font-size:9px
}
.start-card h3{
  margin:48px 0 12px;
  font-size:27px;
  line-height:1.04;
  letter-spacing:-.04em
}
.start-card p{
  margin:0;
  color:#938e85;
  font-size:13px;
  line-height:1.58
}
.start-note{
  max-width:850px;
  margin:16px auto 0;
  padding:16px 20px;
  text-align:center;
  border:1px solid #352e20;
  border-radius:18px;
  background:#0e0d0a;
  color:#b8aa81;
  font-size:12px;
  font-weight:700
}

.problem-section{
  padding:100px 0
}
.engine-section,.race-section,.watch-section,.trust-section{
  padding-top:108px;
  padding-bottom:108px
}
.privacy-link{
  display:inline-block;
  margin-top:18px;
  color:var(--gold-soft);
  font-size:10px;
  font-weight:700;
  text-decoration:none
}
.privacy-link:hover{
  color:#f0cf72
}

@media(max-width:1100px){
  .difference-grid-compact{
    grid-template-columns:1fr
  }
  .start-grid{
    grid-template-columns:1fr
  }
  .start-card{
    min-height:auto
  }
}
@media(max-width:720px){
  .difference-section{
    padding:76px 0 68px
  }
  .difference-grid-compact{
    margin-top:30px
  }
  .difference-grid-compact .difference-card{
    min-height:auto
  }
  .difference-grid-compact .difference-card h3{
    margin-top:38px
  }
  .adaptive-scenarios{
    justify-content:flex-start;
    margin-top:14px
  }
  .adaptive-scenarios span{
    font-size:9px
  }
  .start-section{
    padding:64px 0 78px
  }
  .start-grid{
    margin-top:30px
  }
  .start-card{
    padding:22px
  }
  .start-card h3{
    margin-top:34px;
    font-size:24px
  }
  .start-note{
    text-align:left;
    font-size:11px
  }
  .problem-section,.engine-section,.race-section,.watch-section,.trust-section{
    padding-top:78px;
    padding-bottom:78px
  }
}


/* Real Apple Watch product proof · 27.09.2026 */
.watch-stage-real{
  min-height:510px;
  height:auto;
  display:flex;
  align-items:center;
  padding:34px 38px;
}
.watch-stage-real .workout-photo,
.watch-stage-real .watch-overlay{
  z-index:0
}
.watch-real-shot{
  position:relative;
  z-index:2;
  width:min(57%,320px);
  margin:0;
  padding:7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:32px;
  background:rgba(7,7,7,.88);
  box-shadow:0 34px 80px rgba(0,0,0,.52);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)
}
.watch-real-shot figcaption{
  padding:9px 10px 11px;
  color:#948c7d;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em
}
.watch-real-shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:25px;
  image-rendering:auto;
  transform:none!important;
  filter:none!important
}
.watch-real-caption{
  z-index:3;
  max-width:210px
}
.watch-real-caption strong{
  max-width:180px;
  line-height:1.2
}
@media(max-width:1100px){
  .watch-stage-real{
    justify-content:center
  }
  .watch-real-shot{
    width:min(60%,330px)
  }
}
@media(max-width:720px){
  .watch-stage-real{
    min-height:590px;
    height:auto;
    padding:24px 18px 92px;
    justify-content:center;
    align-items:flex-start
  }
  .watch-real-shot{
    width:min(100%,310px);
    margin-top:4px;
    border-radius:28px
  }
  .watch-real-shot img{
    border-radius:22px
  }
  .watch-real-caption{
    left:18px;
    right:18px;
    bottom:18px;
    max-width:none
  }
  .watch-real-caption strong{
    max-width:none;
    font-size:16px
  }
}


/* Early Access modal · 28.09.2026 */
body.early-access-open{
  overflow:hidden
}
.early-access-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px
}
.early-access-modal.is-open{
  display:flex
}
.early-access-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,2,2,.82);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px)
}
.early-access-dialog{
  position:relative;
  z-index:1;
  width:min(100%,680px);
  max-height:min(92vh,850px);
  overflow:auto;
  padding:34px;
  border:1px solid #443820;
  border-radius:34px;
  background:
    radial-gradient(circle at 82% 0%,rgba(200,163,74,.14),transparent 28%),
    linear-gradient(145deg,#17130d 0%,#0b0b0b 48%,#070707 100%);
  box-shadow:0 42px 120px rgba(0,0,0,.72)
}
.early-access-close{
  position:absolute;
  top:18px;
  right:18px;
  width:38px;
  height:38px;
  border:1px solid #373229;
  border-radius:50%;
  background:rgba(12,12,12,.84);
  color:#d7d2c8;
  font:400 25px/1 system-ui,sans-serif;
  cursor:pointer
}
.early-access-close:hover{
  border-color:#65502a;
  color:#fff
}
.early-access-brand{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 54px 34px 0
}
.early-access-brand img{
  display:block;
  width:220px;
  max-width:60%;
  height:auto
}
.early-access-brand span{
  padding:6px 10px;
  border:1px solid #5a4727;
  border-radius:999px;
  color:#d7b65a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em
}
.early-access-dialog h2{
  margin:17px 0 14px;
  max-width:590px;
  color:#f7f3eb;
  font-size:clamp(38px,5vw,56px);
  line-height:.96;
  letter-spacing:-.05em
}
.early-access-intro{
  max-width:570px;
  margin:0 0 28px;
  color:#a29c91;
  font-size:14px;
  line-height:1.6
}
.early-access-form{
  margin-top:4px
}
.early-access-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}
.early-access-field{
  display:grid;
  gap:8px;
  min-width:0
}
.early-access-field-wide{
  grid-column:1/-1
}
.early-access-field>span{
  color:#aaa398;
  font-size:9px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase
}
.early-access-field input,
.early-access-field select{
  width:100%;
  min-width:0;
  min-height:52px;
  padding:0 15px;
  border:1px solid #302d27;
  border-radius:15px;
  outline:none;
  background:#10100f;
  color:#f2eee6;
  font:inherit;
  font-size:14px;
  transition:border-color .2s,box-shadow .2s,background .2s
}
.early-access-field input::placeholder{
  color:#5f5b54
}
.early-access-field select{
  appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#9d8b5d 50%),
    linear-gradient(135deg,#9d8b5d 50%,transparent 50%);
  background-position:
    calc(100% - 19px) 22px,
    calc(100% - 14px) 22px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat
}
.early-access-field input:focus,
.early-access-field select:focus{
  border-color:#8e7137;
  box-shadow:0 0 0 3px rgba(200,163,74,.1);
  background:#13120f
}
.early-access-consent{
  display:grid;
  grid-template-columns:19px 1fr;
  gap:11px;
  align-items:start;
  margin-top:20px;
  color:#8e887f;
  font-size:10px;
  line-height:1.5;
  cursor:pointer
}
.early-access-consent input{
  width:17px;
  height:17px;
  margin:1px 0 0;
  accent-color:#c8a34a
}
.early-access-privacy{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  margin:10px 0 21px 30px;
  color:#69655f;
  font-size:9px
}
.early-access-privacy a{
  color:#b69a58;
  text-decoration:none
}
.early-access-submit{
  width:100%;
  min-height:54px;
  justify-content:center
}
.early-access-submit[disabled]{
  opacity:.55;
  cursor:wait
}
.early-access-status{
  min-height:18px;
  margin:10px 0 0;
  color:#c7a753;
  font-size:10px;
  text-align:center
}
.early-access-status.is-error{
  color:#e39b8d
}
.early-access-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important
}
.early-access-success{
  padding:26px 4px 10px;
  text-align:center
}
.early-access-success-mark{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  margin:0 auto 26px;
  border:1px solid #745d2e;
  border-radius:50%;
  background:linear-gradient(145deg,#d9b857,#a68132);
  color:#0a0907;
  font-size:30px;
  font-weight:900;
  box-shadow:0 16px 44px rgba(200,163,74,.18)
}
.early-access-success .eyebrow{
  justify-content:center
}
.early-access-success h2{
  margin-left:auto;
  margin-right:auto
}
.early-access-success p{
  max-width:480px;
  margin:0 auto 28px;
  color:#a29c91;
  line-height:1.6
}

@media(max-width:720px){
  .early-access-modal{
    align-items:flex-end;
    padding:0
  }
  .early-access-dialog{
    width:100%;
    max-height:94vh;
    padding:28px 20px 24px;
    border-radius:30px 30px 0 0;
    border-left:0;
    border-right:0;
    border-bottom:0
  }
  .early-access-close{
    top:14px;
    right:14px
  }
  .early-access-brand{
    margin-bottom:27px
  }
  .early-access-brand img{
    width:190px;
    max-width:63%
  }
  .early-access-dialog h2{
    font-size:39px
  }
  .early-access-grid{
    grid-template-columns:1fr
  }
  .early-access-field-wide{
    grid-column:auto
  }
  .early-access-field input,
  .early-access-field select{
    min-height:50px
  }
}