:root {
  --ink: #151412;
  --ink-soft: #34302c;
  --ivory: #f8f4ed;
  --cream: #efe6da;
  --champagne: #c6a87e;
  --sand: #d8c5ad;
  --mist: #e8e4de;
  --line: rgba(21, 20, 18, .14);
  --serif: "Libre Baskerville", Georgia, serif;
  --sans: "Work Sans", Arial, sans-serif;
  --radius-xl: clamp(2rem, 5vw, 5.5rem);
  --shadow: 0 26px 80px rgba(57, 44, 31, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 6% 5%, rgba(198,168,126,.33), transparent 23rem),
    radial-gradient(circle at 92% 14%, rgba(207,221,220,.7), transparent 30rem),
    var(--ivory);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { color: inherit; }
button { color: inherit; font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; line-height: 1.05; }
h1 em, h2 em, h3 em { color: var(--champagne); font-weight: 400; }

.sr-only, .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link:focus { position: fixed; z-index: 100; top: 1rem; left: 1rem; background: var(--ink); color: white; padding: .75rem 1rem; border-radius: 999px; }

.site-header {
  position: fixed;
  z-index: 50;
  top: 1rem;
  left: 50%;
  width: min(1180px, calc(100% - 2rem));
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 68px;
  padding: .6rem .7rem .6rem 1rem;
  border: 1px solid rgba(255,255,255,.7);
  border-bottom-color: rgba(21,20,18,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.44);
  box-shadow: 0 12px 35px rgba(47,36,24,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

.brand { display: flex; align-items: center; gap: .7rem; text-decoration: none; }
.brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  object-fit: cover;
  flex: 0 0 auto;
}
.brand-logo { display: block; width: auto; object-fit: contain; }
.brand-logo-nav { height: 50px; max-width: 150px; }

#site-nav { display: flex; align-items: center; gap: 1.7rem; }
#site-nav a { font-size: .9rem; text-decoration: none; font-weight: 500; }
#site-nav .nav-login { background: var(--ink); color: var(--ivory); padding: .85rem 1.2rem; border-radius: 999px; }
.menu-button { display: none; border: 0; background: transparent; padding: .6rem; }

.section-shell { width: min(1280px, calc(100% - 2rem)); margin-inline: auto; }
.eyebrow { margin-bottom: 1.1rem; color: #736557; font-size: .75rem; font-weight: 700; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .9rem; min-height: 54px; padding: .9rem 1.3rem; border: 1px solid transparent; border-radius: 999px; font-weight: 600; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 16px 26px rgba(21,20,18,.14); }
.button-dark { background: var(--ink); color: var(--ivory); }
.button-light { background: var(--ivory); color: var(--ink); }
.text-link { font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: .18rem; }

.clear-glass {
  background: linear-gradient(125deg, rgba(255,255,255,.38), rgba(255,255,255,.12));
  border: 1px solid rgba(255,255,255,.78);
  border-right-color: rgba(21,20,18,.14);
  border-bottom-color: rgba(21,20,18,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 1px 0 0 rgba(255,255,255,.46), 0 18px 50px rgba(64,49,31,.12);
}

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(160px, .72fr) minmax(520px, 1.8fr) minmax(220px, .85fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 4rem);
  min-height: 920px;
  padding: 8.5rem max(1rem, calc((100vw - 1440px)/2)) 6rem;
  isolation: isolate;
  overflow: hidden;
}
.hero::before { content:""; position:absolute; inset: 8% 8% 7%; z-index:-3; border:1px solid rgba(21,20,18,.09); border-radius: 12rem 12rem 4rem 4rem; transform: rotate(-2deg); }
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(248,244,237,.1),rgba(248,244,237,.5) 35%,rgba(248,244,237,.52) 64%,rgba(248,244,237,.08)),
    linear-gradient(180deg,rgba(248,244,237,.05),rgba(248,244,237,.18)),
    url("assets/paid-squad-hero-scene.webp") center/cover no-repeat;
  box-shadow:inset 0 -100px 100px rgba(248,244,237,.38);
  opacity:1;
}
.hero-orb { position: absolute; z-index: -2; border-radius: 50%; filter: saturate(.8); }
.orb-one { width: 34rem; height: 34rem; right: 8%; top: 12%; background: radial-gradient(circle at 32% 27%, rgba(255,255,255,.58), rgba(198,168,126,.2) 36%, rgba(206,195,180,.01) 70%); }
.orb-two { width: 28rem; height: 28rem; left: 5%; bottom: 4%; background: radial-gradient(circle at 40% 35%, rgba(255,255,255,.48), rgba(171,197,196,.2) 40%, transparent 72%); }

.portrait-column { position: relative; z-index: 2; }
.portrait { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.85); box-shadow: var(--shadow); }
.portrait img { width: 100%; height: 100%; object-fit: cover; }
.portrait-tall { height: 420px; border-radius: 9rem 2rem 8rem 2rem; transform: translateX(-12%); }
.portrait-tall img { object-position: 58% center; }
.portrait-small { position: absolute; right: -20%; bottom: -5rem; width: 150px; height: 180px; border-radius: 5rem 2rem 5rem 2rem; transform: rotate(5deg); }
.portrait-main { position: relative; height: 475px; border-radius: 3rem 10rem 3rem 10rem; transform: translateX(8%); overflow: visible; }
.portrait-main > img { border-radius: inherit; object-position: 50% 35%; }
.portrait-main figcaption { position: absolute; left: -28%; bottom: 2.2rem; width: 290px; padding: 1rem 1.1rem; border-radius: 1.4rem; }
.portrait-main figcaption span, .portrait-main figcaption strong { display: block; }
.portrait-main figcaption span { color: #6e6257; font-size: .72rem; text-transform: uppercase; letter-spacing: .13em; }
.portrait-main figcaption strong { margin-top: .25rem; line-height: 1.3; }
.named-portrait { position:relative; }
.named-portrait:focus-visible { outline:3px solid var(--champagne); outline-offset:5px; }
.portrait-name { position:absolute; z-index:5; top:1rem; left:1rem; padding:.55rem .95rem; border:1px solid rgba(255,255,255,.78); border-radius:999px; background:rgba(255,255,255,.7); box-shadow:0 8px 24px rgba(21,20,18,.17),inset 0 1px 0 white; color:var(--ink); font-size:.8rem; font-weight:700; letter-spacing:.04em; line-height:1.2; opacity:0; transform:translateY(8px); transition:opacity .25s ease,transform .25s ease; pointer-events:none; }
.named-portrait:hover .portrait-name,.named-portrait:focus-visible .portrait-name { opacity:1; transform:translateY(0); }
.portrait-tall .portrait-name { left:auto; right:1rem; }
.portrait-main .portrait-name { top:1.1rem; left:1.1rem; }
.cta-portrait .portrait-name { top:1rem; left:1rem; }

.hero-copy { position: relative; z-index: 3; text-align: center; }
.hero-copy h1 { margin-bottom: 1.8rem; font-size: clamp(3.8rem, 6.6vw, 7.6rem); }
.hero-lede { max-width: 690px; margin: 0 auto 2rem; color: #4f4841; font-size: clamp(1.05rem, 1.45vw, 1.3rem); }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; }
.trust-line { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 3.2rem; color: #5e554c; text-align: left; }
.trust-line p { margin: 0; font-size: .86rem; line-height: 1.45; }
.avatar-stack { display: flex; }
.avatar-stack img { width: 42px; height: 42px; margin-left: -10px; border: 3px solid var(--ivory); border-radius: 50%; object-fit: cover; }
.avatar-stack img:first-child { margin-left: 0; }

.proof-chip { position: absolute; right: 10%; bottom: -3.5rem; display: flex; align-items: center; gap: .7rem; border-radius: 1.4rem; padding: .8rem; text-align: left; cursor: pointer; }
.proof-chip-number { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 1rem; background: var(--ink); color: var(--ivory); font-family: var(--serif); font-size: 1.35rem; }
.proof-chip > span:last-child { font-size: .75rem; line-height: 1.4; }
.proof-chip b { font-size: .7rem; }

.staircase { position: absolute; z-index: -1; left: 50%; bottom: 3.3rem; display: flex; align-items: flex-end; transform: translateX(-50%) rotate(-4deg); opacity: .6; }
.staircase span { width: 62px; height: calc(var(--n) * 14px + 12px); border: 1px solid rgba(255,255,255,.7); border-bottom-color: rgba(21,20,18,.14); border-radius: 1rem 1rem 0 0; background: rgba(255,255,255,.25); box-shadow: inset 0 1px 0 white; }
.staircase span:nth-child(1){--n:1}.staircase span:nth-child(2){--n:2}.staircase span:nth-child(3){--n:3}.staircase span:nth-child(4){--n:4}.staircase span:nth-child(5){--n:5}

.diagnosis { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; gap: 5rem; padding: clamp(4rem, 8vw, 8rem); border-radius: var(--radius-xl); background: var(--ink); color: var(--ivory); }
.diagnosis h2 { margin: 0; font-size: clamp(2.7rem, 5vw, 5.8rem); }
.diagnosis .eyebrow { color: var(--sand); }
.diagnosis-card { padding: clamp(2rem, 4vw, 4rem); border-radius: 2.5rem; color: var(--ivory); font-family: var(--serif); font-size: clamp(1.2rem, 2vw, 1.7rem); }
.diagnosis-card p:last-child { margin-bottom: 0; }
.diagnosis-answer { color: var(--sand); font-style: italic; }

.section-heading { max-width: 850px; margin-bottom: 4.5rem; }
.section-heading h2, .proof-heading h2, .inside h2, .final-cta h2 { font-size: clamp(2.8rem, 5.3vw, 6rem); }
.section-heading > p:last-child { max-width: 670px; color: #5d544c; font-size: 1.12rem; }

.method { padding-block: clamp(6rem, 10vw, 10rem); }
.flywheel { position: relative; display: grid; place-items: center; min-height: 850px; }
.flywheel-track { position: relative; width: min(850px, 100%); height: min(850px, 80vw); min-height: 720px; margin: 0; padding: 0; list-style: none; border: 1px solid rgba(21,20,18,.15); border-radius: 50%; animation: flywheel-orbit 52s linear infinite; }
.flywheel-track::before, .flywheel-track::after { content:""; position:absolute; inset: 8%; border:1px solid rgba(21,20,18,.08); border-radius:50%; }
.flywheel-track::after { inset: 16%; }
.flywheel-track li { position: absolute; left: 50%; top: 50%; width: 175px; transform: translate(-50%,-50%) rotate(calc((var(--i) - 1) * 40deg)) translateY(-385px) rotate(calc((var(--i) - 1) * -40deg)); }
.flywheel-step-card { display:flex; flex-direction:column; width:100%; padding:1rem; border:1px solid rgba(255,255,255,.78); border-radius:1.6rem; background:rgba(255,255,255,.62); box-shadow:0 14px 38px rgba(47,36,24,.08), inset 0 1px 0 #fff; animation:flywheel-counter-orbit 52s linear infinite; transition:background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.flywheel-step-card:hover, .flywheel-step-card:focus-visible { outline:none; border-color:rgba(198,168,126,.92); background:rgba(255,252,246,.94); box-shadow:0 0 0 1px rgba(198,168,126,.45), 0 0 34px rgba(198,168,126,.72), 0 18px 46px rgba(47,36,24,.16); }
.flywheel-track:has(.flywheel-step-card:hover), .flywheel-track:has(.flywheel-step-card:focus-visible), .flywheel-track:has(.flywheel-step-card:hover) .flywheel-step-card, .flywheel-track:has(.flywheel-step-card:focus-visible) .flywheel-step-card { animation-play-state:paused; }
.flywheel-step-card strong { text-transform: uppercase; font-size: .82rem; letter-spacing: .08em; }
.flywheel-step-card small { color: #71665c; font-size: .75rem; }
.step-number { color: var(--champagne); font-family: var(--serif); font-size: 1.45rem; }
.flywheel-core { position: absolute; display: grid; place-items: center; width: 330px; height: 330px; padding: 2rem; border-radius: 50%; text-align: center; }
.flywheel-core strong { font-family: var(--serif); font-size: 1.7rem; line-height: 1.35; }
.flywheel-core small { color: #756a60; }
.spark { color: var(--champagne); font-size: 2rem; }

@keyframes flywheel-orbit { to { transform:rotate(360deg); } }
@keyframes flywheel-counter-orbit { to { transform:rotate(-360deg); } }

.paths {
  position:relative;
  width:100%;
  max-width:none;
  padding:clamp(5rem,8vw,8rem) max(1rem,calc((100vw - 1340px)/2));
  margin-bottom:clamp(6rem,10vw,10rem);
  border:0;
  border-radius:0;
  background:
    linear-gradient(rgba(248,244,237,.2),rgba(248,244,237,.12)),
    url("assets/paid-squad-path-scene.webp") center/cover no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -80px 90px rgba(248,244,237,.18);
  overflow:hidden;
}
.paths .section-heading { max-width:920px; margin-bottom:3rem; }
.paths .section-heading h2 { margin-bottom:1rem; color:var(--ink); }
.paths .section-heading h2 em { color:#7f6750; }
.paths .section-heading > p:last-child { color:#4f4841; }
.path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.path-card { display: flex; flex-direction: column; min-height: 760px; padding: clamp(2rem, 3.6vw, 4rem); border:1px solid rgba(255,255,255,.8); border-radius:clamp(2.2rem,4vw,4.2rem); overflow: hidden; box-shadow:0 24px 65px rgba(57,44,31,.14),inset 0 1px 0 rgba(255,255,255,.9); }
.path-pillars { background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.38)); color:var(--ink); }
.path-membership { position:relative; background:linear-gradient(145deg,rgba(21,20,18,.97),rgba(21,20,18,.88)); color:var(--ivory); }
.path-topline { display: flex; justify-content: space-between; margin-bottom: 3.5rem; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.path-card h3 { font-size: clamp(2.6rem, 4vw, 4.8rem); }
.path-card > p { max-width: 580px; font-size: 1.07rem; opacity: .8; }
.path-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 0; list-style: none; }
.path-card li { position: relative; padding-left: 1.35rem; font-size: .88rem; }
.path-card li::before { content:"✦"; position:absolute; left:0; color:var(--champagne); }
.path-membership > :not(.membership-community-call) { position:relative; z-index:2; }
.path-membership > p { max-width:100%; }
.path-card .path-qualifier { margin-top:.2rem; font-size:.93rem; font-weight:600; opacity:.9; }
.path-membership { min-height:890px; }
.path-membership .membership-community-call { top:29rem; }
.path-membership ul { width:40%; grid-template-columns:1fr; gap:.72rem; margin-block:1.55rem; }
.membership-community-call { position:absolute; z-index:1; top:25.5rem; right:-1.4rem; width:min(55%,380px); margin:0; border:1px solid rgba(255,255,255,.38); border-radius:1.8rem; background:#111; box-shadow:0 24px 54px rgba(0,0,0,.42),0 0 0 1px rgba(198,168,126,.12); overflow:hidden; transform:rotate(-5deg); transform-origin:center; transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease; }
.membership-community-call::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px 0 rgba(255,255,255,.34); }
.membership-community-call:hover { transform:rotate(-1deg) translateY(-7px) scale(1.015); border-color:rgba(198,168,126,.84); box-shadow:0 0 42px rgba(198,168,126,.42),0 30px 68px rgba(0,0,0,.5); }
.community-window-bar { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:46px; padding:.55rem .8rem; border-width:0 0 1px; border-radius:0; background:rgba(232,226,217,.14); color:rgba(255,252,246,.88); }
.community-window-app { display:flex; align-items:center; gap:.5rem; min-width:0; font-size:.69rem; font-weight:750; letter-spacing:.015em; }
.community-window-app img { width:26px; height:26px; aspect-ratio:1; border-radius:.55rem; object-fit:cover; }
.community-window-meta { flex:0 0 auto; padding:.32rem .48rem; border:1px solid rgba(198,168,126,.36); border-radius:999px; background:rgba(198,168,126,.08); color:#d9c4a5; font-size:.52rem; font-weight:800; letter-spacing:.11em; }
.membership-community-call > img { display:block; width:100%; aspect-ratio:1000/592; object-fit:cover; }
.membership-community-call figcaption { position:absolute; right:.7rem; bottom:.7rem; left:.7rem; display:flex; align-items:center; gap:.65rem; padding:.7rem .85rem; border-radius:1.15rem; background:rgba(14,14,13,.66); color:var(--ivory); text-align:left; }
.membership-community-call figcaption span:last-child { min-width:0; }
.membership-community-call strong,.membership-community-call small { display:block; }
.membership-community-call strong { font-size:.78rem; letter-spacing:.02em; }
.membership-community-call small { margin-top:.12rem; color:rgba(255,252,246,.7); font-size:.64rem; line-height:1.35; }
.community-caption-mark { flex:0 0 auto; width:30px; height:30px; border-radius:.65rem; box-shadow:0 0 18px rgba(198,168,126,.42); }
.path-proof { width: 100%; margin: auto 0 1.5rem; padding: 1.25rem; border-radius: 1.6rem; text-align: left; }
.path-proof span, .path-proof strong { display: block; }
.path-proof span { margin-bottom: .25rem; font-size: .68rem; letter-spacing: .11em; text-transform: uppercase; opacity: .75; }
.path-proof strong { line-height: 1.35; }
.proof-button { color: inherit; cursor: pointer; }
.path-card .button { align-self: flex-start; }

.proof { padding-block: clamp(6rem, 10vw, 10rem); }
.proof-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 3rem; margin-bottom: 4.5rem; }
.proof-heading h2 { margin-bottom: 0; }
.proof-heading > p, .proof-intro-actions > p { max-width: 430px; color: #655c54; }
.proof-intro-actions { display:flex; align-items:flex-start; flex-direction:column; gap:1.3rem; }
.proof-stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin-bottom:4.5rem; }
.proof-story { display:flex; flex-direction:column; gap:1.4rem; min-width:0; padding:clamp(1.3rem,2.4vw,2.3rem); border:1px solid rgba(255,255,255,.82); border-radius:clamp(2rem,3.4vw,3.5rem); background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,230,218,.47)); box-shadow:0 20px 55px rgba(57,44,31,.09),inset 0 1px 0 white; }
.proof-story-sihle { grid-column:1 / -1; display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; background:linear-gradient(125deg,#e5d5c0,#f6f0e8 46%,#e4edea); }
.proof-story-bailey { background:linear-gradient(140deg,#1b1a18,#39322b); color:var(--ivory); }
.proof-story-ogs { grid-column:1 / -1; display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; }
.story-index { color:#846d51; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.proof-story-bailey .story-index { color:#d3b68e; }
.proof-story h3 { margin:.8rem 0 1rem; font-size:clamp(2rem,3vw,3.7rem); }
.proof-story p { max-width:46ch; margin:0; color:#514a42; font-size:1rem; }
.proof-story-bailey p { color:#e2d9cb; }
.story-receipts { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; min-height:340px; }
.amiel-portrait { position:absolute; z-index:3; top:50%; left:50%; width:clamp(74px,8vw,112px); height:clamp(74px,8vw,112px); border:5px solid var(--ivory); border-radius:50%; background:var(--ivory); box-shadow:0 0 0 1px var(--champagne),0 12px 35px rgba(21,20,18,.24); object-fit:cover; transform:translate(-50%,-50%); pointer-events:none; }
.story-receipts-single { grid-template-columns:1fr; }
.story-receipt { display:flex; flex-direction:column; min-width:0; padding:.65rem; border:1px solid rgba(255,255,255,.82); border-radius:1.7rem; background:rgba(255,255,255,.72); box-shadow:0 12px 32px rgba(45,37,30,.12); text-align:left; cursor:pointer; transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.story-receipt:hover,.story-receipt:focus-visible { outline:none; transform:translateY(-6px) rotate(-1deg); border-color:var(--champagne); box-shadow:0 0 28px rgba(198,168,126,.55),0 18px 38px rgba(45,37,30,.2); }
.story-receipt img { width:100%; height:290px; border-radius:1.2rem; object-fit:contain; background:#f7f3ec; }
.story-receipt > span { display:flex; justify-content:space-between; gap:.4rem; padding:.85rem .55rem .3rem; color:var(--ink); font-size:.83rem; font-weight:700; line-height:1.3; }
.proof-story-bailey .story-receipt img { height:290px; }
.receipt-stage { display:grid; grid-template-columns:1.02fr .98fr; grid-template-rows:270px 470px; gap:1rem; margin-bottom:4rem; }
.receipt-feature { position:relative; min-width:0; padding:0; border:1px solid rgba(255,255,255,.78); border-radius:2.8rem; background:#090909; box-shadow:0 22px 64px rgba(57,44,31,.12),inset 0 1px 0 rgba(255,255,255,.75); color:var(--ivory); overflow:hidden; cursor:pointer; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
.receipt-feature:hover,.receipt-feature:focus-visible { outline:none; transform:translateY(-7px); border-color:rgba(198,168,126,.94); box-shadow:0 0 0 1px rgba(198,168,126,.42),0 0 38px rgba(198,168,126,.5),0 30px 72px rgba(57,44,31,.18); }
.receipt-feature img { width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .5s ease,opacity .35s ease; }
.receipt-feature:hover img,.receipt-feature:focus-visible img { transform:scale(1.015); opacity:.78; }
.receipt-feature-mention { grid-row:1 / span 2; }
.receipt-feature-label { position:absolute; right:1rem; bottom:1rem; left:1rem; padding:1rem 1.15rem; border:1px solid rgba(255,255,255,.28); border-radius:1.35rem; background:rgba(15,14,13,.82); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 32px rgba(0,0,0,.25); text-align:left; }
.receipt-feature-label b,.receipt-feature-label small { display:block; }
.receipt-feature-label b { font-family:var(--serif); font-size:1rem; font-weight:400; line-height:1.25; }
.receipt-feature-label small { margin-top:.3rem; color:#d7cdc1; font-size:.72rem; line-height:1.4; }
.proof-carousel-shell { overflow:hidden; }
.proof-carousel-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; color:#6b6158; font-size:.8rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.proof-carousel-controls { display:flex; gap:.55rem; }
.carousel-arrow { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(21,20,18,.12); border-radius:50%; background:var(--ink); color:var(--ivory); font-size:1.25rem; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; }
.proof-carousel { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(290px, 32%); gap:1.15rem; overflow-x:auto; padding:.2rem .1rem 1.5rem; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.proof-carousel::-webkit-scrollbar { display:none; }
.proof-slide { display:flex; flex-direction:column; min-width:0; padding:0; border:1px solid rgba(21,20,18,.1); border-radius:2.4rem; background:rgba(255,255,255,.62); box-shadow:0 20px 52px rgba(57,44,31,.09), inset 0 1px 0 rgba(255,255,255,.9); color:var(--ink); text-align:left; overflow:hidden; cursor:pointer; scroll-snap-align:start; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.proof-slide:hover, .proof-slide:focus-visible { outline:none; transform:translateY(-7px); border-color:rgba(198,168,126,.9); box-shadow:0 0 0 1px rgba(198,168,126,.38), 0 0 36px rgba(198,168,126,.42), 0 28px 66px rgba(57,44,31,.15); }
.proof-image-frame { display:block; height:500px; margin:.8rem; border-radius:1.8rem; background:#eeeae4; overflow:hidden; }
.proof-image-frame img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.proof-slide-copy { display:block; padding:1rem 1.35rem 1.45rem; }
.proof-slide-copy strong, .proof-slide-copy span { display:block; }
.proof-slide-copy strong { font-family:var(--serif); font-size:1.18rem; line-height:1.3; }
.proof-slide-copy span { margin-top:.35rem; color:#6b6158; font-size:.78rem; line-height:1.45; }
.proof-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1.2rem; }
.result-card { display: flex; flex-direction: column; min-height: 480px; padding: 2rem; border: 1px solid rgba(21,20,18,.1); border-radius: 2.8rem; background: rgba(255,255,255,.56); box-shadow: 0 20px 60px rgba(57,44,31,.08), inset 0 1px 0 rgba(255,255,255,.9); }
.result-feature { background: linear-gradient(145deg, #d6c0a5, #efe6d9); }
.result-person { display: flex; align-items: center; gap: .8rem; }
.result-person img, .initial-avatar { width: 52px; height: 52px; border-radius: 17px; object-fit: cover; }
.initial-avatar { display: grid; place-items: center; background: var(--ink); color: var(--ivory); font-weight: 700; }
.result-person strong, .result-person span { display: block; }
.result-person span { color: #6e6359; font-size: .76rem; }
.result-number { margin: auto 0 .7rem; font-family: var(--serif); font-size: clamp(3.2rem, 5vw, 6rem); letter-spacing: -.07em; line-height: 1; }
.result-number small { font-family: var(--sans); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.result-card > p:not(.result-number) { color: #564e47; }
.result-card button { align-self: flex-start; padding: 0 0 .2rem; border: 0; border-bottom: 1px solid currentColor; background: none; font-size: .83rem; font-weight: 600; cursor: pointer; }
.results-note { max-width: 720px; margin: 2rem 0 0; color: #71675e; font-size: .76rem; }

.button:hover, #site-nav .nav-login:hover, .access-overlay a:hover, .proof-chip:hover, .proof-button:hover, .result-card button:hover, .carousel-arrow:hover, .dialog-close:hover, .menu-button:hover {
  box-shadow:0 0 0 1px rgba(198,168,126,.55), 0 0 30px rgba(198,168,126,.65), 0 16px 32px rgba(31,24,18,.16);
}
.carousel-arrow:hover { transform:translateY(-2px); }

.inside { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(2rem, 6vw, 7rem); padding: clamp(3rem, 7vw, 7rem); border-radius: var(--radius-xl); background: linear-gradient(145deg, #e8ddd0, #cedddb); }
.inside-copy > p:not(.eyebrow) { max-width: 530px; color: #554e47; font-size: 1.08rem; }
.inside-actions { display: flex; align-items: center; gap: 1.3rem; flex-wrap: wrap; margin-top: 2rem; }
.dashboard-preview { position: relative; min-height: 590px; padding: 1.1rem; border: 1px solid rgba(255,255,255,.8); border-radius: 3rem; background: rgba(247,243,237,.7); box-shadow: var(--shadow); overflow: hidden; transform: rotate(1.5deg); }
.dashboard-top { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-bottom: 1rem; padding: .6rem; font-size: .8rem; }
.dash-brand { width:42px; height:42px; border-radius:14px; object-fit:cover; }
.member-pill { padding: .5rem .75rem; border-radius:999px; background:#fff; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.dashboard-card { min-height: 170px; padding: 1.2rem; border: 1px solid rgba(21,20,18,.08); border-radius: 1.6rem; background: rgba(255,255,255,.68); }
.dashboard-card span, .dashboard-card strong, .dashboard-card small { display:block; }
.dashboard-card span { color:#71675e; font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; }
.dashboard-card strong { margin-top:.7rem; font-family:var(--serif); font-size:1.15rem; line-height:1.3; }
.dashboard-card small { margin-top:.5rem; color:#71675e; }
.dashboard-live { background: var(--ink); color: white; }
.dashboard-live span, .dashboard-live small { color: #d9c5aa; }
.progress { height:8px; margin-top:1rem; border-radius:999px; background:#ddd2c5; overflow:hidden; }.progress i{display:block;width:44%;height:100%;background:var(--champagne);}
.access-overlay {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 7%;
  padding: 1.5rem;
  border-radius: 2rem;
  background: linear-gradient(135deg, rgba(250,248,244,.96), rgba(242,239,233,.91));
  border-color: rgba(255,255,255,.94);
  border-right-color: rgba(21,20,18,.14);
  border-bottom-color: rgba(21,20,18,.18);
  box-shadow: inset 0 1px 0 #fff, inset 1px 0 0 rgba(255,255,255,.72), 0 22px 55px rgba(45,37,28,.16);
  text-align: center;
}
.access-overlay strong { display:block; font-family:var(--serif); font-size:1.25rem; }
.access-overlay p { margin:.5rem auto 1rem; max-width:430px; font-size:.78rem; line-height:1.5; }
.access-overlay a { display:inline-block; padding:.65rem 1rem; border-radius:999px; background:var(--ink); color:white; font-size:.75rem; font-weight:600; text-decoration:none; }
.lock-icon { color:var(--champagne); font-size:1.4rem; }

.final-cta { position: relative; display: grid; place-items: center; min-height: 650px; margin-block: clamp(6rem,10vw,10rem) 2rem; padding: 4rem; border:1px solid rgba(255,255,255,.85); border-radius: var(--radius-xl); background:linear-gradient(rgba(248,244,237,.2),rgba(248,244,237,.28)),url("assets/paid-squad-editorial-scene.webp") center/cover no-repeat; color:var(--ink); box-shadow:0 28px 80px rgba(57,44,31,.13),inset 0 1px 0 white; overflow: hidden; }
.final-cta::before { content:""; position:absolute; z-index:1; width:min(780px,78%); height:390px; border:1px solid rgba(255,255,255,.9); border-right-color:rgba(21,20,18,.13); border-bottom-color:rgba(21,20,18,.18); border-radius:5rem; background:linear-gradient(125deg,rgba(255,255,255,.58),rgba(255,255,255,.2)); box-shadow:inset 0 1px 0 white,0 24px 64px rgba(57,44,31,.12); }
.final-cta::after { content:""; position:absolute; z-index:0; width:180px; height:180px; right:8%; top:10%; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.62),rgba(255,255,255,.08) 55%,rgba(198,168,126,.15)); }
.final-cta-copy { position:relative; z-index:2; max-width:680px; text-align:center; }
.final-cta-copy > p:not(.eyebrow) { max-width:580px; margin-inline:auto; color:#564d45; font-size:1.02rem; }
.final-cta .eyebrow { color:#6b5d50; }
.cta-portrait { position:absolute; z-index:1; width:260px; height:360px; border:1px solid rgba(255,255,255,.35); overflow:hidden; }
.cta-portrait img { width:100%; height:100%; object-fit:cover; }
.cta-portrait-left { left:-3rem; bottom:-2rem; border-radius:8rem 2rem 8rem 2rem; transform:rotate(8deg); }
.cta-portrait-right { right:-3rem; top:-2rem; border-radius:2rem 8rem 2rem 8rem; transform:rotate(-8deg); }
.cta-portrait-left .portrait-name { left:auto; right:1rem; }
.founder { display:grid; grid-template-columns:minmax(220px,.7fr) 1.3fr; align-items:center; gap:clamp(2rem,6vw,7rem); padding:clamp(5rem,9vw,9rem) clamp(1rem,6vw,7rem); }
.founder-photo { height:clamp(320px,42vw,580px); border:1px solid rgba(255,255,255,.85); border-radius:10rem 3rem 10rem 3rem; overflow:hidden; box-shadow:var(--shadow); }
.founder-photo img { width:100%; height:100%; object-fit:cover; }
.founder h2 { max-width:16ch; font-size:clamp(2.8rem,5vw,5.6rem); }
.founder-copy > p:not(.eyebrow) { max-width:60ch; color:#564d45; font-size:1.08rem; }
.founder-copy .text-link { display:inline-block; margin-top:1rem; }

footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; width:min(1280px, calc(100% - 2rem)); margin:auto; padding:2rem 0 3rem; }
.footer-brand { display:flex; align-items:center; gap:.8rem; }.footer-brand span{display:block}.brand-logo-footer{height:52px;max-width:150px}.footer-brand div span{font-size:.72rem;color:#71675e}
.footer-links { display:flex; gap:1.3rem; }.footer-links a{font-size:.78rem;text-decoration:none}
footer > p { margin:0; color:#71675e; font-size:.72rem; text-align:right; }
.legal-mini-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem 2rem; padding:1.5rem 4vw 2rem; border-top:1px solid rgba(21,20,18,.12); color:#695f55; font-size:.72rem; }
.legal-mini-footer nav { display:flex; flex-wrap:wrap; gap:.6rem 1.1rem; }
.legal-mini-footer a { text-decoration:none; }
.legal-mini-footer a:hover,.legal-mini-footer a:focus-visible { color:var(--ink); text-decoration:underline; }

.analytics-consent {
  position:fixed;
  z-index:1000;
  right:clamp(1rem,3vw,2.5rem);
  bottom:clamp(1rem,3vw,2.5rem);
  display:none;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1.4rem;
  width:min(720px,calc(100% - 2rem));
  padding:1.15rem 1.25rem;
  border:1px solid rgba(255,255,255,.88);
  border-right-color:rgba(21,20,18,.16);
  border-bottom-color:rgba(21,20,18,.18);
  border-radius:1.7rem;
  background:rgba(250,247,241,.97);
  box-shadow:inset 0 1px 0 #fff,0 24px 70px rgba(39,30,23,.24);
}
.analytics-consent.visible { display:grid; }
.analytics-consent strong { display:block; font-family:var(--serif); font-size:1.08rem; }
.analytics-consent p { margin:.35rem 0 .25rem; color:#5f554c; font-size:.8rem; line-height:1.5; }
.analytics-consent a { color:#5f554c; font-size:.72rem; }
.analytics-consent-actions { display:flex; align-items:center; gap:.75rem; }
.analytics-consent .button { white-space:nowrap; }
.analytics-decline { padding:.35rem 0; border:0; border-bottom:1px solid currentColor; background:transparent; color:#534a42; font-size:.73rem; cursor:pointer; }
.analytics-decline:hover,.analytics-decline:focus-visible { color:var(--ink); }

.proof-dialog { width:min(920px, calc(100% - 2rem)); max-height:90vh; padding:0; border:1px solid rgba(255,255,255,.8); border-radius:2.5rem; background:rgba(248,244,237,.96); color:var(--ink); box-shadow:0 30px 100px rgba(0,0,0,.3); overflow:auto; }
.proof-dialog::backdrop { background:rgba(21,20,18,.72); }
.dialog-close { position:sticky; z-index:2; top:1rem; float:right; margin:1rem 1rem 0 0; width:44px; height:44px; border:0; border-radius:50%; background:var(--ink); color:white; font-size:1.6rem; cursor:pointer; }
.dialog-copy { padding:3rem 3rem 1rem; }.dialog-copy h2{font-size:2.4rem}.dialog-copy p:last-child{color:#62584f}
.proof-image-wrap { display:grid; place-items:center; padding:1rem 3rem 3rem; }.proof-image-wrap img{max-height:65vh;border-radius:1.4rem;box-shadow:0 15px 40px rgba(0,0,0,.14)}

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

@media (max-width: 1050px) {
  .hero { grid-template-columns: .65fr 1.5fr .65fr; min-height:820px; }
  .hero-copy h1 { font-size:clamp(3.8rem,8vw,6rem); }
  .portrait-tall { height:340px; }.portrait-main{height:390px}.portrait-small{display:none}.proof-chip{right:2%}
  .flywheel { min-height:auto; }.flywheel-track{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%;height:auto;min-height:0;border:0;border-radius:0;animation:none}.flywheel-track::before,.flywheel-track::after{display:none}.flywheel-track li{position:static;width:auto;transform:none!important}.flywheel-step-card{height:100%;animation:none}.flywheel-core{position:static;width:260px;height:260px;margin:2rem auto 0}.flywheel{display:block}
  .proof-grid { grid-template-columns:1fr 1fr; }.result-feature{grid-column:span 2}.result-card{min-height:390px}
  .inside { grid-template-columns:1fr; }.inside-copy{max-width:720px}.dashboard-preview{transform:none}
}

@media (max-width: 760px) {
  body { font-size:16px; }
  .site-header { top:.6rem; min-height:58px; }.brand-mark{width:40px;height:40px;border-radius:13px}.brand-logo-nav{height:42px;max-width:124px}
  .menu-button { display:grid; gap:4px; }.menu-button span:not(.sr-only){display:block;width:22px;height:2px;background:var(--ink)}
  #site-nav { position:absolute; top:calc(100% + .55rem); right:0; left:0; display:none; flex-direction:column; align-items:stretch; padding:1rem; border:1px solid rgba(255,255,255,.8); border-radius:1.7rem; background:rgba(248,244,237,.97); box-shadow:var(--shadow); }
  #site-nav.open { display:flex; }.nav-login{text-align:center}
  .hero { display:block; min-height:auto; padding:9rem 1rem 5rem; text-align:center; }
  .hero::before{inset:5rem .5rem 2rem;border-radius:5rem 5rem 2rem 2rem}.hero::after{inset:0;border-radius:0;background:linear-gradient(rgba(248,244,237,.5),rgba(248,244,237,.22)),url("assets/paid-squad-hero-scene.webp") center/cover no-repeat}.portrait-column-left{display:none}.portrait-column-right{width:min(330px,80vw);margin:3.5rem auto 0}.portrait-main{height:380px;transform:none}.portrait-main figcaption{left:-12%;width:250px}.proof-chip{right:-7%;bottom:-3rem}.staircase{display:none}
  .hero-copy h1 { font-size:clamp(3.2rem,15vw,5.2rem); }.hero-lede{font-size:1rem}.hero-actions{flex-direction:column}.trust-line{text-align:left}
  .diagnosis { grid-template-columns:1fr; gap:2rem; padding:3rem 1.5rem; border-radius:3rem; }
  .section-heading { margin-bottom:2.5rem; }.method{padding-block:5rem}.flywheel-track{grid-template-columns:1fr 1fr}.flywheel-track li{min-height:118px}.flywheel-core{width:230px;height:230px}
  .paths{width:100%;padding:4rem .7rem;border-radius:0}.paths .section-heading{padding-inline:.7rem}.path-grid { grid-template-columns:1fr; }.path-card,.path-membership{min-height:auto;padding:2rem 1.4rem;border-radius:3rem}.path-topline{margin-bottom:3rem}.path-card ul,.path-membership ul{width:100%;grid-template-columns:1fr}.path-membership>p{max-width:100%}.path-membership .membership-community-call{position:relative;top:auto;right:auto;align-self:flex-end;width:96%;margin:1rem -1.1rem 1.8rem 0;transform:rotate(-3deg);border-radius:1.35rem}.membership-community-call figcaption{position:static;border-width:0;border-radius:0;background:rgba(24,23,21,.92)}.path-proof{margin-top:2rem}
  .proof-heading { grid-template-columns:1fr; gap:1rem; }.proof-stories{grid-template-columns:1fr}.proof-story-sihle,.proof-story-ogs{grid-column:auto;display:flex}.story-receipts{min-height:0}.story-receipt img{height:260px}.receipt-stage{grid-template-columns:1fr;grid-template-rows:auto;gap:.8rem}.receipt-feature,.receipt-feature-mention{grid-row:auto;height:420px;border-radius:2.2rem}.receipt-feature-budget{height:260px}.proof-carousel{grid-auto-columns:86%}.proof-image-frame{height:470px}.proof-carousel-toolbar>span{display:none}.proof-grid{grid-template-columns:1fr}.result-feature{grid-column:auto}.result-card{min-height:370px}
  .founder{grid-template-columns:1fr;padding:5rem 1rem}.founder-photo{width:min(400px,100%);height:410px}.portrait-name{opacity:1;transform:none}
  .inside { padding:3rem 1.2rem; border-radius:3rem; }.inside-actions{align-items:flex-start;flex-direction:column}.dashboard-preview{min-height:640px;padding:.7rem}.dashboard-top>span:nth-child(2){display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{min-height:120px}.dashboard-win{display:none}.access-overlay{left:4%;right:4%;bottom:3%}
  .final-cta{min-height:700px;padding:3rem 1rem;border-radius:3rem}.final-cta::before{width:92%;height:450px;border-radius:3rem}.cta-portrait{width:135px;height:200px;opacity:.7}.cta-portrait-left{left:-2rem}.cta-portrait-right{right:-2rem}.final-cta-copy{padding-top:8rem}
  footer { grid-template-columns:1fr; text-align:center; }.footer-brand,.footer-links{justify-content:center}footer>p{text-align:center}.footer-links{flex-wrap:wrap}
  .analytics-consent { left:1rem; right:1rem; grid-template-columns:1fr; width:auto; border-radius:1.5rem; }
  .analytics-consent-actions { align-items:stretch; flex-direction:column; }
  .analytics-consent .button { width:100%; text-align:center; }
  .dialog-copy{padding:3rem 1.3rem 1rem}.proof-image-wrap{padding:1rem 1rem 2rem}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}

/* Responsive preview of the planned member feed. */
.squad-ui-preview { position:relative; min-width:0; width:100%; margin:0; padding:.55rem; border:1px solid rgba(255,255,255,.75); border-radius:2.4rem; background:rgba(255,255,255,.58); box-shadow:var(--shadow); overflow:hidden; transform:rotate(1.5deg); }
.squad-ui-preview picture,.squad-ui-preview img { display:block; width:100%; }
.squad-ui-preview img { height:auto; border-radius:1.85rem; }
.squad-ui-preview figcaption { position:absolute; right:1.2rem; bottom:1.2rem; max-width:calc(100% - 2.4rem); padding:.55rem .8rem; border:1px solid rgba(255,255,255,.8); border-radius:999px; background:rgba(255,255,255,.88); color:#3b322b; font-size:.7rem; font-weight:700; letter-spacing:.04em; box-shadow:0 8px 24px rgba(0,0,0,.12); }
@media (max-width:760px) { .squad-ui-preview { max-width:420px; margin-inline:auto; padding:.4rem; border-radius:2rem; transform:none; } .squad-ui-preview img { border-radius:1.65rem; } .squad-ui-preview figcaption { position:static; display:block; width:max-content; max-width:100%; margin:.6rem auto .2rem; text-align:center; white-space:normal; } }