:root {
  color-scheme: dark;
  --ink: #09090b;
  --ink-soft: #101013;
  --ink-card: #151417;
  --white: #f2efed;
  --muted: #9a9494;
  --quiet: #625e61;
  --line: rgba(240, 230, 228, .13);
  --berry: #f0445d;
  --berry-light: #ff8891;
  --berry-dark: #9e1837;
  --lime: #c1e5a6;
  --font-body: "DM Sans", "Segoe UI", Arial, sans-serif;
  --font-display: "Space Grotesk", "Arial Black", "Segoe UI", sans-serif;
  --page-gutter: clamp(22px, 6.5vw, 102px);
  --max-width: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: var(--font-body); font-size: 15px; line-height: 1.55; overflow-x: hidden; }
body.dialog-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
::selection { color: white; background: var(--berry-dark); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-150%); background: white; color: var(--ink); padding: 12px 18px; border-radius: 4px; }
.skip-link:focus { transform: translateY(0); }
.site-noise { position: fixed; inset: 0; z-index: 4; pointer-events: none; opacity: .025; 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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.section-pad { padding: clamp(82px, 10vw, 156px) var(--page-gutter); }
.section-pad > *, .section-heading, .intro-layout, .club-layout, .pricing-layout, .founders-section > *, .stories-section > * { max-width: var(--max-width); margin-left: auto; margin-right: auto; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: #c8c1c1; font-size: 10px; font-weight: 700; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.eyebrow-dot, .live-pulse { display: inline-block; width: 7px; height: 7px; background: var(--berry); border-radius: 50%; box-shadow: 0 0 15px rgba(240, 68, 93, .75); }
.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 3px; padding: 0 24px; font-size: 11px; font-weight: 700; letter-spacing: .09em; line-height: 1.2; text-align: center; text-transform: uppercase; cursor: pointer; transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, summary:focus-visible, .menu-toggle:focus-visible { outline: 2px solid var(--berry-light); outline-offset: 4px; }
.button-primary { color: #fff; background: linear-gradient(125deg, #fb5268, #d92347); box-shadow: 0 8px 36px rgba(210, 25, 61, .2); }
.button-primary:hover { background: linear-gradient(125deg, #ff7080, #ec3153); box-shadow: 0 12px 42px rgba(210, 25, 61, .3); }
.button-outline { color: #fff; background: rgba(255,255,255,.025); border-color: rgba(255,255,255,.27); }
.button-outline:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.55); }
.button-small { min-height: 42px; padding: 0 18px; font-size: 9px; }
.button-wide { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 11px; color: #e3dfdd; font-size: 10px; font-weight: 700; letter-spacing: .13em; transition: color .2s ease; }
.text-link:hover { color: var(--berry-light); }
.text-link span { font-size: 17px; font-weight: 400; }
.wordmark { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-display); font-size: 15px; font-weight: 700; letter-spacing: .16em; white-space: nowrap; }
.wordmark-light { font-weight: 400; color: #aaa5a7; }
.wordmark-orbit { position: relative; width: 18px; height: 18px; border: 1px solid rgba(255,255,255,.68); border-radius: 50%; }
.wordmark-orbit::before, .wordmark-orbit::after { content: ""; position: absolute; background: var(--berry); border-radius: 50%; }
.wordmark-orbit::before { width: 5px; height: 5px; top: -2px; right: -2px; box-shadow: 0 0 10px var(--berry); }
.wordmark-orbit::after { width: 3px; height: 3px; bottom: 2px; left: -2px; }

/* Navigation */
.navbar { height: 78px; position: fixed; z-index: 50; inset: 0 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; padding: 0 var(--page-gutter); border-bottom: 1px solid transparent; background: rgba(9,9,11,.1); transition: background .25s ease, backdrop-filter .25s ease, border-color .25s ease; }
.navbar.scrolled { background: rgba(9,9,11,.78); border-color: var(--line); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.nav-links { display: flex; align-items: center; gap: clamp(22px, 3.3vw, 52px); }
.nav-links a { color: #beb9b9; font-size: 9px; font-weight: 700; letter-spacing: .13em; transition: color .2s ease; white-space: nowrap; }
.nav-links a:hover { color: white; }
.nav-cta { justify-self: end; }
.menu-toggle { display: none; }

/* Hero */
.hero { position: relative; min-height: min(900px, 100svh); min-height: max(730px, min(950px, 100svh)); overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, .95fr); align-items: center; padding: 125px var(--page-gutter) 82px; background: radial-gradient(ellipse at 76% 53%, rgba(115,34,49,.13), transparent 38%), linear-gradient(115deg, #0b0a0d 13%, #101013 63%, #0a090b); }
.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .48; background-image: linear-gradient(90deg, transparent 0 49.95%, rgba(255,255,255,.035) 50%, transparent 50.05%), linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px); background-size: 100% 100%, 100% 88px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000 85%, transparent); }
.hero-halo { position: absolute; z-index: -1; width: 51vw; height: 51vw; max-width: 760px; max-height: 760px; right: 6%; top: 12%; border-radius: 50%; background: radial-gradient(circle, rgba(229,46,80,.12), rgba(110,27,47,.035) 39%, transparent 71%); filter: blur(14px); }
.hero-copy { z-index: 2; width: min(670px, 100%); padding-bottom: 5px; }
.hero-copy .eyebrow { margin-bottom: 24px; }
.hero-title { margin: 0 0 22px; font-family: var(--font-display); font-size: clamp(78px, 11.5vw, 162px); font-weight: 700; letter-spacing: -.09em; line-height: .76; }
.hero-title.hero-state { font-size: clamp(55px, 7.4vw, 98px); letter-spacing: -.075em; line-height: .86; }
.hero-title span:first-child { display: inline-block; margin-right: .08em; font-size: .52em; vertical-align: .11em; filter: drop-shadow(0 0 20px rgba(245,65,88,.32)); }
.title-period { color: var(--berry); }
.hero-deck { max-width: 570px; margin: 0 0 15px; color: #f3eeee; font-size: clamp(19px, 2vw, 25px); font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
.hero-description { max-width: 505px; margin: 0; color: #a6a0a1; font-size: 14px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 32px; }
.hero-actions .button { min-height: 58px; }
.hero-offer { display: flex; align-items: flex-end; gap: 25px; margin-top: 27px; }
.hero-offer > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.micro-label { flex-basis: 100%; color: #8f8889; font-size: 9px; letter-spacing: .15em; font-weight: 700; }
.price-hero { font-family: var(--font-display); font-size: 23px; letter-spacing: -.04em; }
.hero-offer s { color: #777174; font-size: 12px; }
.saving-tag { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: #b1abae; font-size: 8px; letter-spacing: .09em; }
.saving-tag b { color: #ff9aa0; }
.hero-launch { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 8px; margin-top: 34px; padding-top: 15px; border-top: 1px solid var(--line); width: min(390px, 100%); }
.launch-heading { display: flex; align-items: center; gap: 8px; color: #b7b0b2; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.live-pulse { width: 6px; height: 6px; }
.countdown { display: flex; align-items: flex-start; gap: 10px; }
.countdown div { min-width: 37px; display: flex; flex-direction: column; align-items: center; }
.countdown strong { color: #f7f2f1; font-family: var(--font-display); font-size: 21px; font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.3; }
.countdown div span { color: #777174; font-size: 7px; letter-spacing: .13em; }
.countdown i { padding-top: 3px; color: #6e696a; font-style: normal; }
.status-pill { padding: 5px 8px; color: #f4a3aa; background: rgba(222,47,76,.11); border: 1px solid rgba(222,47,76,.22); font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.hero-art { position: relative; align-self: stretch; min-height: 580px; margin: -33px -1vw -28px -5vw; display: flex; align-items: center; justify-content: center; perspective: 1200px; }
.hero-art img { position: relative; z-index: 1; width: min(100%, 690px); max-height: 790px; object-fit: contain; filter: drop-shadow(0 35px 80px rgba(0,0,0,.5)); animation: float-fruit 7.5s ease-in-out infinite; transform: translateZ(0); }
.art-caption { position: absolute; z-index: 2; right: 5%; bottom: 8%; left: 15%; display: flex; justify-content: space-between; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(238,224,223,.48); font-size: 8px; letter-spacing: .18em; }
.art-crosshair { position: absolute; z-index: 3; color: rgba(255,255,255,.37); font-family: var(--font-display); font-size: 17px; }
.crosshair-a { top: 20%; right: 16%; }.crosshair-b { bottom: 23%; left: 7%; }
.hero-bottom { position: absolute; right: var(--page-gutter); bottom: 23px; left: var(--page-gutter); display: flex; justify-content: space-between; color: #696467; font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.hero-bottom a { color: #a5a0a1; }
.hero-bottom a span { margin-left: 8px; color: var(--berry-light); font-size: 14px; }
.hero-live-copy { display: none; }
@keyframes float-fruit { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-12px) rotate(.6deg); } }

/* Hook and concept */
.intro-section { position: relative; background: #f0ece7; color: #1a1718; overflow: hidden; }
.section-index { max-width: var(--max-width); margin-bottom: 48px; display: flex; align-items: center; gap: 14px; color: #716b69; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
.section-index span:first-child { color: var(--berry-dark); font-family: var(--font-display); font-size: 12px; }
.section-index i { width: 42px; height: 1px; background: rgba(40,25,25,.22); }
.intro-layout { display: grid; grid-template-columns: 1.1fr .7fr; gap: 10vw; align-items: end; }
.intro-section .eyebrow { color: #776e6e; }
.intro-head h2, .character-copy h2, .tools-heading h2, .faq-heading h2 { margin: 0; font-family: var(--font-display); font-size: clamp(40px, 6.3vw, 85px); font-weight: 600; letter-spacing: -.075em; line-height: .98; }
.intro-head h2 em, .character-copy h2 em, .tools-heading h2 em, .stories-heading h2 em { color: #a42a3e; font-family: Georgia, serif; font-weight: 400; }
.intro-body { max-width: 370px; padding-bottom: 7px; color: #676161; font-size: 15px; line-height: 1.85; }
.intro-body p { margin: 0 0 14px; }
.intro-body strong { color: #211b1d; font-weight: 700; }
.pipeline { max-width: var(--max-width); display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 91px auto 0; padding: 23px 0; border-top: 1px solid rgba(40,25,25,.18); border-bottom: 1px solid rgba(40,25,25,.18); }
.pipeline-step { display: flex; min-width: 78px; flex-direction: column; align-items: center; gap: 12px; color: #363132; font-size: 8px; font-weight: 700; letter-spacing: .11em; text-align: center; }
.pipeline-icon { min-height: 36px; display: grid; place-items: center; color: #a34149; font-family: var(--font-display); font-size: 31px; font-weight: 500; }
.strawberry-icon { font-size: 27px; }.money-icon { color: #547c54; }
.pipeline-arrow { color: #aaa29f; font-size: 20px; }
.process-note { margin-top: 17px; display: flex; align-items: center; justify-content: center; gap: 14px; color: #807876; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.note-line { width: 24px; height: 1px; background: #bcb4b1; }
.character-section { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 9vw; min-height: 640px; overflow: hidden; background: radial-gradient(ellipse at 76% 53%, rgba(137,43,61,.1), transparent 44%), #0d0c0f; }
.character-copy { max-width: 650px; }
.character-copy h2 { font-size: clamp(43px, 6.2vw, 79px); }
.character-copy h2 em { color: #ec7181; }
.stagger-copy { margin-top: 30px; }
.stagger-copy p { margin: 0; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.09); color: #b6afb0; font-size: 13px; }
.stagger-copy p:first-child { color: #f4eeee; }
.evolution { position: relative; min-height: 460px; padding: 55px 46px 38px; border: 1px solid rgba(255,255,255,.14); background: radial-gradient(circle at 47% 39%, rgba(234,54,83,.18), transparent 28%), linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.008)); overflow: hidden; }
.evolution::before { content: ""; position: absolute; top: 0; right: 0; width: 68px; height: 68px; border-top: 1px solid rgba(255,128,143,.58); border-right: 1px solid rgba(255,128,143,.58); }
.evolution-orbit { position: absolute; width: 255px; height: 255px; top: 10px; left: 50%; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.11); border-radius: 50%; }
.evolution-orbit::before, .evolution-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.075); border-radius: 50%; }
.evolution-orbit::before { inset: 17px; }.evolution-orbit::after { inset: 36px; }
.evolution-berry { position: relative; z-index: 1; margin: 19px auto 10px; text-align: center; font-size: 92px; filter: drop-shadow(0 14px 18px rgba(235,50,75,.28)); animation: small-float 6s ease-in-out infinite; }
@keyframes small-float { 50% { transform: translateY(-7px); } }
.evolution-label { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; color: #a9a1a3; font-size: 7px; letter-spacing: .2em; }
.evolution-label strong { color: #fff; font-family: var(--font-display); font-size: 13px; letter-spacing: .13em; }
.evolution-steps { position: relative; margin-top: 28px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.evolution-steps div { position: relative; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.18); color: #ece5e5; font-size: 8px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.evolution-steps span { position: absolute; top: -20px; left: 0; color: #b6777f; font-size: 7px; }
.evolution-steps i { position: absolute; right: 2px; color: #b5747d; font-size: 12px; font-style: normal; }
.evolution-stamp { position: absolute; right: 26px; bottom: 30px; color: rgba(255,255,255,.25); font-size: 7px; line-height: 1.6; letter-spacing: .14em; text-align: right; }

/* Course */
.course-section { background: #0a090b; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 48px; }
.section-heading .eyebrow { color: #b0aaac; }
.section-heading h2 { margin: 0; font-family: var(--font-display); font-size: clamp(36px, 5.5vw, 68px); font-weight: 600; letter-spacing: -.07em; line-height: 1.02; }
.heading-aside { margin: 0 0 5px; color: #777174; font-size: 9px; font-weight: 700; letter-spacing: .15em; line-height: 1.8; text-align: right; }
.module-grid { max-width: var(--max-width); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 auto; }
.module-card { position: relative; min-height: 335px; display: flex; flex-direction: column; padding: 22px 22px 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); background: linear-gradient(150deg, rgba(255,255,255,.045), rgba(255,255,255,.008)); transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.module-card:hover { z-index: 1; transform: translateY(-5px); border-color: rgba(255,126,140,.48); background: linear-gradient(150deg, rgba(219,47,75,.1), rgba(255,255,255,.014)); }
.module-top { display: flex; justify-content: space-between; align-items: center; color: #9b9396; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.module-fruit { color: #ec7581; font-size: 21px; filter: drop-shadow(0 0 10px rgba(240,68,93,.23)); }
.module-card h3 { margin: 26px 0 12px; font-family: var(--font-display); font-size: clamp(22px, 2.15vw, 29px); font-weight: 600; letter-spacing: -.06em; line-height: 1.05; }
.module-card > p { margin: 0; color: #aaa3a5; font-size: 12px; line-height: 1.65; }
.module-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 16px 0 21px; }
.module-tags span { padding: 4px 6px; border: 1px solid rgba(255,255,255,.12); color: #a9a1a3; font-size: 8px; }
.module-foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); color: #797276; font-size: 7px; font-weight: 700; letter-spacing: .13em; }
.module-foot span:last-child { color: #e56b7b; font-size: 15px; }
.module-card-story { grid-column: span 2; }
.module-card-story h3 { margin-top: 14px; }
.story-flow { display: flex; justify-content: space-between; align-items: center; gap: 7px; margin: 18px 0 20px; padding: 11px 12px; background: rgba(236,68,93,.06); color: #eddfe0; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.story-flow i { color: #c95d6c; font-style: normal; }
.content-formula { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; margin: 19px 0 20px; color: #aaa2a4; font-size: 8px; letter-spacing: .05em; }
.content-formula b { color: #fff; font-family: var(--font-display); font-size: 18px; }
.content-formula i { color: var(--berry-light); font-style: normal; }
.module-disclaimer { padding-top: 10px; color: #8f888a !important; font-size: 9px !important; }
.production-note { max-width: var(--max-width); margin: 25px auto 0; color: #8d8688; font-size: 11px; }
.production-note span { margin-right: 7px; color: var(--berry); }

/* Big idea */
.big-idea { position: relative; min-height: 700px; display: grid; place-items: center; padding: 100px var(--page-gutter); overflow: hidden; background: #171013; }
.big-idea::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 58%, rgba(226,44,74,.13), transparent 57%), linear-gradient(90deg, rgba(11,9,11,.6), transparent 50%, rgba(11,9,11,.55)); }
.big-idea-bg { position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%) rotate(-13deg); color: rgba(241,74,95,.055); font-size: clamp(300px, 50vw, 690px); filter: blur(1px); }
.big-idea-inner { position: relative; z-index: 1; width: 100%; max-width: 1160px; text-align: center; }
.big-idea .eyebrow { justify-content: center; color: #b6a6a9; }
.big-idea h2 { margin: 0; font-family: var(--font-display); font-size: clamp(37px, 7.8vw, 105px); font-weight: 700; letter-spacing: -.085em; line-height: .96; }
.big-idea h2 span { color: #ff7b89; }
.big-idea h3 { margin: 29px 0 40px; color: #d5cccd; font-family: var(--font-display); font-size: clamp(22px, 4.2vw, 54px); font-weight: 500; letter-spacing: -.06em; line-height: 1.03; }
.big-idea h3 em { color: #ff8792; font-family: Georgia,serif; font-weight: 400; }
.sequence { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px; color: #f0e8e8; font-family: var(--font-display); font-size: clamp(14px, 1.7vw, 20px); }
.sequence i { color: #ee6b7c; font-family: var(--font-body); font-size: 18px; font-style: normal; }
.big-idea-copy { max-width: 500px; margin: 32px auto 0; color: #b1a6a8; font-size: 13px; line-height: 1.8; }

/* Tool section */
.tools-section { display: grid; grid-template-columns: .8fr 1fr; align-items: center; column-gap: 10vw; background: #eeebe6; color: #211b1d; }
.tools-heading { max-width: 560px; }
.tools-heading .eyebrow { color: #777071; }
.tools-heading h2 { font-size: clamp(40px, 5.4vw, 72px); }
.tools-heading h2 em { color: #dc4f59; }
.tools-heading > p:last-child { max-width: 440px; margin: 24px 0 0; color: #6c6565; font-size: 13px; line-height: 1.8; }
.tools-compare { position: relative; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgba(36,24,25,.17); background: rgba(255,255,255,.37); }
.tools-column { padding: 33px clamp(20px, 3vw, 42px); }
.tools-column h3 { margin: 0 0 23px; color: #70686a; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.tools-column p { display: flex; align-items: center; gap: 12px; margin: 13px 0; color: #383133; font-size: 12px; }
.tools-column p span { width: 18px; color: #bb565e; font-size: 15px; }
.tools-yes { background: rgba(228,77,89,.055); }
.tools-yes p span { color: #567d55; }
.tools-divider { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(36,24,25,.17); }
.tools-divider span { position: absolute; top: 50%; left: 50%; width: 80px; transform: translate(-50%,-50%) rotate(-90deg); padding: 6px 0; background: #eeebe6; color: #958b8b; font-size: 7px; font-weight: 700; letter-spacing: .12em; text-align: center; }
.fine-print { grid-column: 2; max-width: 620px; margin: 14px 0 0; color: #807879; font-size: 9px; line-height: 1.7; }

/* Fruit Club */
.club-section { position: relative; overflow: hidden; background: radial-gradient(ellipse at 12% 70%, rgba(175,30,57,.13), transparent 38%), radial-gradient(ellipse at 81% 18%, rgba(73,51,59,.18), transparent 32%), #111013; }
.club-bg-mark { position: absolute; top: 23%; right: -4%; color: rgba(239,63,88,.035); font-size: clamp(270px, 44vw, 640px); transform: rotate(15deg); }
.section-index-light { position: relative; color: #9a9295; }
.club-layout { position: relative; display: grid; grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.28fr); align-items: center; gap: 8vw; }
.club-copy { max-width: 440px; }
.club-copy .eyebrow { color: #b1a5a8; }
.club-copy h2 { margin: 0; font-family: var(--font-display); font-size: clamp(56px, 7.8vw, 102px); font-weight: 700; letter-spacing: -.1em; line-height: .77; }
.club-copy h3 { margin: 26px 0 17px; color: #d2c9ca; font-family: var(--font-display); font-size: 21px; font-weight: 500; letter-spacing: -.045em; line-height: 1.24; }
.club-copy > p:not(.eyebrow) { margin: 0; color: #a39a9d; font-size: 12px; line-height: 1.8; }
.club-highlight { display: flex; gap: 13px; align-items: flex-start; margin: 25px 0; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.club-star { color: var(--berry-light); font-size: 19px; }
.club-highlight div { display: flex; flex-direction: column; gap: 4px; }
.club-highlight strong { color: #f3e9e9; font-size: 12px; }
.club-highlight div span { color: #8e8588; font-size: 10px; }
.club-copy .button { min-height: 49px; font-size: 9px; }
.club-copy .button span { font-size: 15px; }
.club-access-note { display: block; margin-top: 10px; color: #777174; font-size: 9px; }
.discord-window { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #1b1b21; box-shadow: 0 38px 90px rgba(0,0,0,.3); transform: perspective(1300px) rotateY(-3deg) rotateX(1deg); }
.discord-bar { height: 43px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.07); color: #aaa7af; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.window-dots { display: flex; gap: 5px; }.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #59565d; }.window-dots i:first-child { background: #a94853; }
.window-lock { color: #79757d; font-size: 14px; }
.discord-body { min-height: 346px; display: grid; grid-template-columns: 34% 66%; }
.discord-sidebar { display: flex; flex-direction: column; padding: 17px 12px; background: #15151a; border-right: 1px solid rgba(255,255,255,.05); }
.discord-side-label { margin-bottom: 7px; color: #737079; font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.discord-sidebar > strong { margin-bottom: 12px; color: #e6e2e5; font-size: 11px; }
.discord-gap { margin-top: 13px; }
.channel { margin: 1px 0; padding: 6px 7px; border-radius: 3px; color: #9996a0; font-size: 9px; }
.channel.active { color: #fff; background: #32303a; }
.online-member { display: flex; align-items: center; gap: 7px; margin: 4px 0; color: #98949c; font-size: 8px; }
.online-member i { width: 6px; height: 6px; border-radius: 50%; background: #74a87f; }
.discord-chat { position: relative; min-width: 0; padding: 16px 16px 57px; }
.chat-head { padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.075); color: #f0ecef; font-size: 10px; font-weight: 700; }
.chat-head > span { margin-right: 5px; color: #85818a; }
.chat-head small { color: #77737b; font-size: 8px; font-weight: 400; }
.chat-message { display: flex; gap: 9px; margin-top: 20px; }
.chat-avatar { width: 27px; height: 27px; flex: 0 0 27px; display: grid; place-items: center; border-radius: 50%; background: #603943; font-size: 14px; }
.lime-avatar { background: #365548; }
.chat-message b { color: #e7e1e5; font-size: 8px; }.chat-message b small { margin-left: 6px; color: #77737b; font-size: 7px; font-weight: 400; }
.chat-message p { margin: 4px 0 0; color: #b8b3bc; font-size: 9px; line-height: 1.6; }
.chat-reaction { display: inline-block; margin-top: 7px; padding: 3px 7px; border-radius: 8px; background: #292730; color: #d1c9d3; font-size: 8px; }
.chat-system { margin: 21px 0 0 36px; color: #867f8b; font-size: 8px; }
.chat-input { position: absolute; right: 14px; bottom: 14px; left: 14px; display: flex; justify-content: space-between; padding: 9px 11px; border-radius: 4px; background: #2a2931; color: #827e87; font-size: 8px; }
.chat-input b { color: #d0cad3; font-size: 14px; }
.discord-foot { display: flex; justify-content: space-between; padding: 10px 13px; border-top: 1px solid rgba(255,255,255,.075); color: #716d76; font-size: 7px; letter-spacing: .12em; }

/* Presale and pricing */
.presale-section { background: #eeebe6; color: #1e191b; }
.presale-section .section-index { color: #756e6f; }
.presale-heading { text-align: center; }
.presale-heading .eyebrow { justify-content: center; color: #716a6c; }
.presale-heading h2 { margin: 0; font-family: var(--font-display); font-size: clamp(51px, 9.1vw, 120px); font-weight: 700; letter-spacing: -.09em; line-height: .82; }
.presale-heading h2 span { color: #ae263d; }
.presale-heading > p:last-child { max-width: 590px; margin: 24px auto 0; color: #71696a; font-size: 13px; line-height: 1.8; }
.presale-dashboard { max-width: 820px; margin: 52px auto 0; padding: clamp(22px, 4vw, 45px); color: var(--white); background: #151316; box-shadow: 0 25px 70px rgba(35,22,24,.12); }
.dashboard-top { display: flex; justify-content: space-between; color: #999195; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.dashboard-live { display: flex; align-items: center; gap: 6px; color: #9cae95; }
.dashboard-live i { width: 5px; height: 5px; background: #91c487; border-radius: 50%; box-shadow: 0 0 8px #91c487; }
.counter-line { display: flex; align-items: baseline; gap: 8px; margin: 22px 0 15px; }
.counter-line > strong { color: #ff8591; font-family: var(--font-display); font-size: clamp(55px, 8vw, 96px); font-weight: 600; letter-spacing: -.08em; line-height: 1; font-variant-numeric: tabular-nums; }
.counter-line > span:nth-child(2) { color: #8b8387; font-family: var(--font-display); font-size: clamp(22px, 3.3vw, 37px); }
.counter-line > span:nth-child(2) b { color: #ddd5d7; font-weight: 500; }
.counter-label { margin-left: auto; color: #b4aaad; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.progress-track { position: relative; height: 9px; overflow: hidden; background: #3b3438; }
.progress-track > span { position: relative; z-index: 1; display: block; width: 0%; height: 100%; background: linear-gradient(90deg, #c82443, #ff7a89); box-shadow: 0 0 20px rgba(243,67,93,.38); transition: width 1s cubic-bezier(.2,.7,.2,1); }
.progress-track > i { position: absolute; z-index: 2; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.24); }
.progress-track > i:nth-of-type(1) { left: 20%; }.progress-track > i:nth-of-type(2) { left: 40%; }.progress-track > i:nth-of-type(3) { left: 60%; }.progress-track > i:nth-of-type(4) { left: 80%; }.progress-track > i:nth-of-type(5) { right: 0; }
.progress-ends { display: flex; justify-content: space-between; margin-top: 8px; color: #7e777b; font-size: 8px; letter-spacing: .1em; }
.outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 31px; }
.outcome { min-height: 145px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 20px 22px; border: 1px solid rgba(255,255,255,.14); }
.outcome > span { margin-bottom: 11px; color: #aca4a8; font-size: 8px; font-weight: 700; letter-spacing: .13em; }
.outcome strong { font-family: var(--font-display); font-size: clamp(25px, 3.3vw, 38px); letter-spacing: -.06em; line-height: .97; }
.outcome small { margin-top: 8px; color: #9b9396; font-size: 9px; }
.outcome-yes { background: rgba(193,229,166,.055); }.outcome-yes strong { color: #d3ecc4; }
.outcome-refund { background: rgba(237,54,84,.1); border-color: rgba(244,88,106,.5); box-shadow: inset 0 0 34px rgba(229,44,72,.055); }
.outcome-refund > span { color: #f49aa4; }.outcome-refund strong { color: #ff9ca4; }.outcome-refund small { color: #d5bfc1; }
.dashboard-foot { margin: 19px 0 0; color: #898185; font-size: 9px; }.dashboard-foot span { margin-right: 6px; color: #f58a96; }
.refund-strip { max-width: 820px; margin: 17px auto 0; padding: 13px 15px; border-left: 3px solid var(--berry); background: rgba(225,49,75,.075); color: #3d3033; font-size: 11px; line-height: 1.6; }
.refund-strip span { display: block; margin-bottom: 3px; color: #9c283a; font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.founders-section { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 8vw; background: #111013; }
.founders-copy { max-width: 490px; }
.founders-copy h2 { margin: 0; font-family: var(--font-display); font-size: clamp(39px, 5.6vw, 72px); letter-spacing: -.08em; line-height: .96; }
.founders-italic { margin: 18px 0 21px !important; color: #ff8792 !important; font-family: Georgia, serif; font-size: clamp(24px, 3.2vw, 39px) !important; font-style: italic; line-height: 1.05 !important; }
.founders-copy > p:last-child { max-width: 375px; margin: 0; color: #a69da0; font-size: 12px; line-height: 1.8; }
.founder-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.founder-card { min-height: 270px; display: flex; flex-direction: column; padding: 19px 16px; border: 1px solid rgba(255,255,255,.13); background: linear-gradient(150deg, rgba(255,255,255,.04), transparent); }
.founder-card > span:first-child { color: #8f878a; font-size: 7px; font-weight: 700; letter-spacing: .11em; }
.founder-icon { margin: 28px 0 16px; color: #f77d89; font-size: 25px; }
.founder-card h3 { margin: 0 0 7px; font-family: var(--font-display); font-size: 17px; letter-spacing: -.045em; }
.founder-card p { margin: 0 0 17px; color: #a39a9d; font-size: 10px; line-height: 1.65; }
.founder-card-end { margin-top: auto; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.12); color: #bb7b83; font-size: 7px; font-weight: 700; letter-spacing: .11em; }
.pricing-section { background: #e9e5e0; color: #201a1c; }
.pricing-topline { max-width: var(--max-width); display: flex; justify-content: space-between; margin: 0 auto 60px; padding-bottom: 13px; border-bottom: 1px solid rgba(38,24,26,.21); color: #736c6c; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.pricing-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 10vw; align-items: center; }
.pricing-copy { max-width: 510px; }
.pricing-copy .eyebrow { color: #71696b; }
.pricing-copy h2 { margin: 0; font-family: var(--font-display); font-size: clamp(66px, 9.3vw, 122px); letter-spacing: -.1em; line-height: .78; }
.pricing-copy h2 em { color: #a92a40; font-family: Georgia,serif; font-weight: 400; }
.pricing-copy > p:not(.eyebrow) { max-width: 420px; margin: 25px 0; color: #696162; font-size: 12px; line-height: 1.8; }
.price-large { display: flex; align-items: center; gap: 20px; }
.price-large > strong { font-family: var(--font-display); font-size: clamp(29px, 4vw, 48px); letter-spacing: -.07em; }
.price-large > div { display: flex; flex-direction: column; gap: 4px; }
.price-large s { color: #8c8283; font-size: 12px; }
.price-large span { color: #9d3544; font-size: 7px; font-weight: 700; letter-spacing: .08em; }
.presale-label { display: inline-block; margin-top: 12px; padding: 6px 8px; border: 1px solid rgba(148,40,58,.36); color: #8c2639; font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.pricing-card { padding: clamp(23px, 4vw, 44px); background: #faf7f4; box-shadow: 0 25px 75px rgba(31,19,21,.13); }
.pricing-card-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid rgba(37,24,26,.15); font-family: var(--font-display); font-size: 15px; font-weight: 700; letter-spacing: .06em; }
.founding-badge { padding: 6px 7px; background: rgba(184,47,66,.08); color: #9d3444; font-family: var(--font-body); font-size: 7px; letter-spacing: .1em; }
.included-list { margin: 14px 0 24px; padding: 0; list-style: none; }
.included-list li { display: flex; gap: 11px; padding: 9px 0; border-bottom: 1px solid rgba(36,23,25,.07); color: #484042; font-size: 11px; }
.included-list li i { color: #8c3444; font-size: 13px; font-style: normal; }
.pricing-card .button { min-height: 58px; font-size: 9px; }
.pricing-trust { margin-top: 18px; padding-top: 7px; border-top: 1px solid rgba(36,23,25,.13); }
.pricing-trust p { display: flex; gap: 10px; margin: 10px 0; color: #645b5e; font-size: 9px; line-height: 1.55; }
.pricing-trust span { color: #a43a4a; font-family: var(--font-display); font-size: 10px; }
.price-legal { margin: 16px 0 0; color: #817779; font-size: 8px; line-height: 1.65; }

/* Building in public, FAQ and finish */
.stories-section { background: #0c0b0d; }
.stories-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 38px; }
.stories-heading .eyebrow { color: #a69da0; }
.stories-heading h2 { margin: 0; font-family: var(--font-display); font-size: clamp(48px, 7vw, 89px); letter-spacing: -.09em; line-height: .86; }
.stories-heading h2 em { color: #ff8590; }
.stories-heading > p { max-width: 365px; margin: 0 0 4px; color: #aaa1a4; font-size: 12px; line-height: 1.8; }
.stories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.story-placeholder { min-height: 260px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; border: 1px dashed rgba(255,255,255,.23); background: radial-gradient(circle at 50% 50%, rgba(227,50,79,.09), transparent 48%), #111013; text-align: center; }
.story-placeholder::before, .story-placeholder::after { content: ""; position: absolute; width: 26px; height: 26px; border-color: rgba(255,130,144,.42); }
.story-placeholder::before { top: 10px; left: 10px; border-top: 1px solid; border-left: 1px solid; }.story-placeholder::after { right: 10px; bottom: 10px; border-right: 1px solid; border-bottom: 1px solid; }
.story-placeholder > span { position: absolute; top: 19px; left: 18px; color: #8d8488; font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.placeholder-icon { margin-bottom: 9px; color: #ff7786; font-size: 26px; }
.story-placeholder b { color: #e8dfe1; font-family: var(--font-display); font-size: 16px; letter-spacing: -.04em; line-height: 1.08; }
.story-placeholder small { margin-top: 10px; color: #81787b; font-size: 7px; letter-spacing: .12em; }
.stories-bottom { grid-column: 1/-1; display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.11); color: #837b7e; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.faq-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 11vw; align-items: start; background: #eeebe6; color: #201a1c; }
.faq-heading { position: sticky; top: 125px; }
.faq-heading .eyebrow { color: #756d6d; }
.faq-heading h2 { font-size: clamp(45px, 6vw, 77px); }
.faq-heading > p:last-child { max-width: 310px; margin: 21px 0 0; color: #756d6d; font-size: 12px; line-height: 1.8; }
.faq-list { border-top: 1px solid rgba(36,24,25,.22); }
.faq-item { border-bottom: 1px solid rgba(36,24,25,.18); }
.faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 20px 0; color: #282122; font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary span { color: #a33b4b; font-size: 19px; font-weight: 400; transition: transform .2s ease; }
.faq-item[open] summary span { transform: rotate(45deg); }
.faq-answer { max-width: 660px; padding: 0 34px 22px 0; color: #70686a; font-size: 11px; line-height: 1.8; }
.final-cta-section { position: relative; min-height: 760px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at 72% 50%, rgba(170,29,53,.13), transparent 40%), #0b0a0c; }
.final-cta-glow { position: absolute; top: 50%; right: 5%; width: min(64vw, 760px); aspect-ratio: 1; transform: translateY(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(234,48,78,.17), transparent 68%); }
.final-berry { position: absolute; top: 50%; right: 6%; width: min(62vw, 760px); transform: translateY(-49%); opacity: .83; filter: drop-shadow(0 40px 80px rgba(0,0,0,.45)); }
.final-cta-content { position: relative; width: min(600px, 80%); margin-left: -36%; padding: 90px 0; }
.final-cta-content .eyebrow { color: #c0b3b6; }
.final-cta-content h2 { margin: 0; font-family: var(--font-display); font-size: clamp(80px, 12vw, 158px); font-weight: 700; letter-spacing: -.1em; line-height: .75; }
.final-cta-content h2 span { color: var(--berry); }
.final-manifesto { margin: 26px 0 20px; color: #c1b9bb; font-size: 16px; line-height: 1.7; }
.final-offer { display: flex; align-items: baseline; gap: 13px; margin-bottom: 7px; }
.final-offer strong { font-family: var(--font-display); font-size: 21px; }
.final-offer s { color: #7f777a; font-size: 11px; }
.final-offer > span { margin-left: auto; color: #f697a0; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.final-countdown { margin-bottom: 16px; color: #a1989b; font-size: 8px; font-weight: 700; letter-spacing: .13em; }
.final-cta-content .button { min-height: 56px; width: min(390px, 100%); }
.final-refund { max-width: 390px; margin: 12px 0 0; color: #92898c; font-size: 9px; line-height: 1.6; }
.footer { padding: 64px var(--page-gutter) 22px; background: #08080a; }
.footer-main { max-width: var(--max-width); display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 30px; margin: 0 auto 47px; }
.wordmark-footer { font-size: 14px; }
.footer-brand p { margin: 14px 0 0; color: #81797c; font-size: 11px; line-height: 1.7; }
.footer-col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-col > span { margin-bottom: 7px; color: #696366; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.footer-col a { color: #b7afb2; font-size: 10px; transition: color .2s ease; }.footer-col a:hover { color: white; }
.footer-legal { max-width: var(--max-width); display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 28px; margin: 0 auto 32px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.footer-legal p { margin: 0; color: #777174; font-size: 8px; line-height: 1.75; }.footer-legal strong { color: #aaa1a4; font-weight: 600; }
.footer-bottom { max-width: var(--max-width); display: flex; justify-content: space-between; gap: 15px; margin: 0 auto; color: #686265; font-size: 7px; font-weight: 700; letter-spacing: .13em; }
.footer-bottom a { color: #a0979a; }.footer-bottom i { margin-left: 5px; color: var(--berry); font-size: 11px; font-style: normal; }

/* Email capture */
.signup-dialog { width: min(480px, calc(100% - 28px)); max-width: unset; max-height: calc(100% - 28px); padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 5px; color: var(--white); background: #141215; box-shadow: 0 30px 100px rgba(0,0,0,.65); }
.signup-dialog::backdrop { background: rgba(3,3,5,.78); backdrop-filter: blur(5px); }
.dialog-shell { position: relative; padding: 42px; }
.dialog-close { position: absolute; top: 15px; right: 17px; border: 0; background: transparent; color: #b2a8ac; font-size: 25px; line-height: 1; cursor: pointer; }
.dialog-fruit { display: block; margin-bottom: 18px; font-size: 35px; }
.dialog-shell .eyebrow { margin-bottom: 10px; color: #b19ea2; font-size: 8px; }
.dialog-shell h2 { margin: 0; font-family: var(--font-display); font-size: 34px; letter-spacing: -.07em; }
.dialog-shell > p:not(.eyebrow):not(.form-feedback) { margin: 10px 0 21px; color: #aaa1a4; font-size: 12px; line-height: 1.7; }
.email-field { display: block; margin-bottom: 11px; }
.email-field input { width: 100%; min-height: 52px; padding: 0 15px; border: 1px solid rgba(255,255,255,.19); border-radius: 2px; color: white; background: #0d0c0f; outline: none; }
.email-field input:focus { border-color: #ec6073; box-shadow: 0 0 0 3px rgba(236,96,115,.11); }
.email-field input::placeholder { color: #81787c; }
.dialog-shell .button { min-height: 52px; }
.dialog-shell > small { display: block; margin-top: 12px; color: #81787c; font-size: 9px; text-align: center; }
.form-feedback { min-height: 18px; margin: 10px 0 0; color: #f5a6ae; font-size: 10px; line-height: 1.5; }
.form-feedback.success { color: #c5e7b4; }
.mobile-sticky { position: fixed; z-index: 45; right: 0; bottom: 0; left: 0; padding: 11px max(16px, env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.12); background: rgba(12,11,13,.89); backdrop-filter: blur(15px); }
.mobile-sticky .button { width: 100%; min-height: 49px; }

/* Checkout integration placeholder */
.checkout-page { min-height: 100vh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 72% 38%, rgba(170,29,53,.1), transparent 39%), #0b0a0c; }
.checkout-header { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--page-gutter); border-bottom: 1px solid var(--line); }
.checkout-header > a:last-child { color: #a59da0; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.checkout-main { flex: 1; width: min(1080px, calc(100% - 2 * var(--page-gutter))); display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; align-items: center; margin: 0 auto; padding: 85px 0; }
.checkout-copy .eyebrow { color: #b4a9ac; }
.checkout-copy h1 { margin: 0; font-family: var(--font-display); font-size: clamp(58px, 8vw, 100px); letter-spacing: -.1em; line-height: .8; }
.checkout-copy h1 em { color: #f17b89; font-family: Georgia,serif; font-weight: 400; }
.checkout-copy > p { max-width: 430px; margin: 26px 0; color: #aaa1a4; font-size: 13px; line-height: 1.8; }
.checkout-card { padding: clamp(25px, 4vw, 46px); border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.035); }
.checkout-card-head { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.checkout-card-head strong { font-family: var(--font-display); font-size: 15px; letter-spacing: .03em; }
.checkout-card-head span { color: #da8991; font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.checkout-price { display: flex; align-items: baseline; gap: 12px; margin: 22px 0; }
.checkout-price strong { font-family: var(--font-display); font-size: 39px; letter-spacing: -.08em; }
.checkout-price s { color: #878084; font-size: 12px; }
.checkout-message { display: flex; gap: 12px; margin: 19px 0; padding: 15px; border-left: 3px solid var(--berry); background: rgba(235,56,82,.09); color: #d8c9cc; font-size: 11px; line-height: 1.7; }
.checkout-message span { color: #ff8a97; font-size: 16px; }
.checkout-legal { margin: 18px 0; padding-top: 14px; border-top: 1px solid var(--line); color: #9d9497; font-size: 9px; line-height: 1.8; }
.checkout-legal strong { color: #d8cdd0; }
.checkout-disabled { width: 100%; min-height: 54px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: #999195; font-size: 9px; font-weight: 700; letter-spacing: .12em; cursor: not-allowed; }
.checkout-assurance { margin: 11px 0 0; color: #777174; font-size: 8px; text-align: center; }
.checkout-footer { padding: 18px var(--page-gutter); border-top: 1px solid var(--line); color: #746d70; font-size: 8px; letter-spacing: .1em; text-align: center; }

/* Reveal motion */
.reveal { transition: opacity .7s ease, transform .7s cubic-bezier(.2,.65,.2,1); }
.motion-ready .reveal { opacity: 0; transform: translateY(18px); }
.motion-ready .reveal.in-view, .no-reveal .reveal { opacity: 1; transform: translateY(0); }
.module-card:nth-child(2), .pipeline-step:nth-of-type(3), .founder-card:nth-child(2), .story-placeholder:nth-child(2) { transition-delay: .07s; }
.module-card:nth-child(3), .pipeline-step:nth-of-type(5), .founder-card:nth-child(3), .story-placeholder:nth-child(3) { transition-delay: .12s; }

@media (min-width: 1500px) {
  .hero { padding-right: max(var(--page-gutter), calc((100vw - 1440px)/2)); padding-left: max(var(--page-gutter), calc((100vw - 1440px)/2)); }
}
@media (max-width: 1060px) {
  :root { --page-gutter: clamp(24px, 5vw, 55px); }
  .navbar { grid-template-columns: 1fr auto auto; gap: 20px; }
  .nav-links { gap: 18px; }
  .hero { grid-template-columns: 1.1fr .9fr; }
  .hero-art { margin-left: -10vw; margin-right: -6vw; }
  .hero-title { font-size: clamp(78px, 10vw, 120px); }
  .intro-layout { gap: 7vw; }
  .pipeline { gap: 6px; }
  .pipeline-step { min-width: 60px; font-size: 7px; }
  .club-layout { grid-template-columns: minmax(260px, .7fr) minmax(460px, 1.3fr); gap: 5vw; }
  .module-card { padding: 19px 16px 16px; }
  .module-card h3 { font-size: 23px; }
  .founders-section { grid-template-columns: .65fr 1.35fr; gap: 5vw; }
  .founder-card { padding: 16px 13px; }
  .pricing-layout { gap: 6vw; }
}
@media (max-width: 760px) {
  :root { --page-gutter: 22px; }
  html { scroll-padding-top: 72px; }
  body { font-size: 14px; }
  .section-pad { padding-top: 79px; padding-bottom: 82px; }
  .navbar { height: 68px; display: flex; justify-content: space-between; padding: 0 20px; }
  .wordmark { font-size: 13px; }
  .wordmark-orbit { width: 16px; height: 16px; }
  .nav-links { position: absolute; top: 68px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px 22px 18px; border-bottom: 1px solid var(--line); background: rgba(12,11,13,.96); backdrop-filter: blur(16px); }
  .navbar.menu-open .nav-links { display: flex; }
  .nav-links a { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 10px; }
  .nav-links a:last-child { border-bottom: 0; }
  .nav-cta { display: none; }
  .menu-toggle { width: 42px; height: 42px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.035); }
  .menu-toggle span { width: 15px; height: 1px; background: #f5eeee; transition: transform .2s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .hero { min-height: 870px; min-height: max(850px, 100svh); grid-template-columns: 1fr; align-content: start; padding: 108px 22px 90px; }
  .hero-copy { position: relative; z-index: 4; width: 100%; }
  .hero-copy .eyebrow { margin-bottom: 19px; font-size: 8px; }
  .hero-title { font-size: clamp(79px, 18vw, 128px); line-height: .74; }
  .hero-title.hero-state { font-size: clamp(48px, 12.7vw, 78px); line-height: .88; }
  .hero-deck { max-width: 490px; font-size: clamp(17px, 5vw, 21px); }
  .hero-description { max-width: 390px; font-size: 12px; line-height: 1.7; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; margin-top: 22px; }
  .hero-actions .button { width: 100%; min-height: 54px; }
  .hero-offer { gap: 15px; margin-top: 21px; }
  .price-hero { font-size: 20px; }
  .saving-tag { flex-wrap: wrap; max-width: 112px; font-size: 7px; line-height: 1.5; }
  .hero-launch { width: 100%; max-width: 390px; margin-top: 21px; padding-top: 12px; column-gap: 12px; }
  .launch-heading { flex: 0 0 100%; margin-bottom: 1px; }
  .countdown { gap: 7px; }
  .countdown div { min-width: 35px; }
  .countdown strong { font-size: 19px; }
  .status-pill { margin-left: auto; }
  .hero-art { position: absolute; z-index: 1; top: 42%; right: -21%; bottom: 30px; left: 27%; min-height: 0; margin: 0; opacity: .68; pointer-events: none; }
  .hero-art img { width: 100%; height: 100%; max-height: none; object-fit: contain; object-position: center; mask-image: linear-gradient(to bottom, #000 0%, #000 75%, transparent 100%); }
  .art-caption { right: 10%; bottom: 6%; left: 8%; font-size: 6px; }
  .crosshair-a { top: 14%; right: 25%; }.crosshair-b { bottom: 22%; left: 2%; }
  .hero-bottom { bottom: 14px; font-size: 6px; letter-spacing: .09em; }
  .hero-bottom span { max-width: 46%; }
  .hero-bottom a { text-align: right; }
  .section-index { margin-bottom: 35px; font-size: 7px; }
  .intro-layout { grid-template-columns: 1fr; gap: 21px; }
  .intro-head h2, .character-copy h2 { font-size: clamp(42px, 11vw, 68px); }
  .intro-body { max-width: 540px; font-size: 13px; }
  .pipeline { justify-content: flex-start; gap: 12px; margin-top: 43px; padding: 16px 0; overflow-x: auto; scrollbar-width: none; }
  .pipeline::-webkit-scrollbar { display: none; }
  .pipeline-step { min-width: 68px; gap: 9px; font-size: 7px; }
  .pipeline-icon { font-size: 26px; }
  .pipeline-arrow { font-size: 15px; }
  .process-note { gap: 8px; font-size: 6px; letter-spacing: .08em; }
  .note-line { width: 15px; }
  .character-section { grid-template-columns: 1fr; gap: 38px; }
  .stagger-copy { margin-top: 20px; }
  .stagger-copy p { padding: 9px 0; font-size: 12px; }
  .evolution { min-height: 380px; padding: 39px 18px 26px; }
  .evolution-orbit { width: 210px; height: 210px; }
  .evolution-berry { margin-top: 14px; font-size: 76px; }
  .evolution-steps { gap: 2px; margin-top: 23px; }
  .evolution-steps div { font-size: 7px; letter-spacing: 0; }
  .evolution-steps i { right: 0; font-size: 9px; }
  .evolution-stamp { right: 15px; bottom: 15px; font-size: 6px; }
  .section-heading { display: block; margin-bottom: 31px; }
  .section-heading h2 { font-size: clamp(34px, 8.8vw, 55px); }
  .heading-aside { display: none; }
  .module-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .module-card { min-height: 300px; padding: 15px 13px 13px; }
  .module-top { font-size: 6px; letter-spacing: .11em; }
  .module-fruit { font-size: 17px; }
  .module-card h3 { margin: 22px 0 10px; font-size: clamp(19px, 5.3vw, 25px); }
  .module-card > p { font-size: 10px; }
  .module-tags { gap: 4px; margin: 13px 0 15px; }
  .module-tags span { padding: 3px 4px; font-size: 7px; }
  .module-foot { font-size: 6px; letter-spacing: .06em; }
  .module-card-story { grid-column: span 2; min-height: 255px; }
  .story-flow { flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 7px; }
  .content-formula { gap: 4px; font-size: 7px; }.content-formula b { font-size: 16px; }
  .module-card-money { min-height: 330px; }
  .module-disclaimer { font-size: 8px !important; }
  .production-note { font-size: 9px; line-height: 1.65; }
  .big-idea { min-height: 590px; padding-top: 80px; padding-bottom: 80px; }
  .big-idea h2 { font-size: clamp(38px, 10vw, 70px); }
  .big-idea h3 { margin: 26px 0 30px; font-size: clamp(22px, 6vw, 39px); }
  .sequence { gap: 8px; font-size: 12px; }.sequence i { font-size: 13px; }
  .big-idea-copy { margin-top: 25px; font-size: 11px; }
  .tools-section { grid-template-columns: 1fr; gap: 34px; }
  .tools-heading h2 { font-size: clamp(39px, 10vw, 64px); }
  .tools-heading > p:last-child { margin-top: 17px; font-size: 12px; }
  .tools-column { padding: 24px 17px; }
  .tools-column h3 { font-size: 7px; letter-spacing: .11em; }
  .tools-column p { gap: 8px; font-size: 10px; }
  .tools-column p span { width: 13px; }
  .tools-divider span { width: 65px; font-size: 6px; }
  .fine-print { grid-column: 1; margin-top: -22px; font-size: 8px; }
  .club-layout { grid-template-columns: 1fr; gap: 37px; }
  .club-copy h2 { font-size: clamp(64px, 18vw, 94px); }
  .club-copy h3 { font-size: 19px; }
  .discord-window { transform: none; }
  .discord-body { min-height: 322px; grid-template-columns: 37% 63%; }
  .discord-sidebar { padding: 13px 8px; }
  .discord-side-label { font-size: 6px; }
  .discord-sidebar > strong { font-size: 9px; }
  .channel { padding: 6px 5px; font-size: 7px; }
  .online-member { font-size: 7px; }
  .discord-chat { padding: 13px 10px 53px; }
  .chat-head { font-size: 9px; }.chat-head small { display: block; margin: 5px 0 0 9px; }
  .chat-message { gap: 6px; margin-top: 16px; }.chat-avatar { width: 22px; height: 22px; flex-basis: 22px; font-size: 11px; }
  .chat-message b { font-size: 7px; }.chat-message p { font-size: 8px; }
  .chat-system { margin: 18px 0 0 28px; font-size: 7px; }
  .discord-foot { font-size: 6px; }
  .presale-heading h2 { font-size: clamp(48px, 12vw, 82px); }
  .presale-heading > p:last-child { font-size: 11px; }
  .presale-dashboard { margin-top: 34px; padding: 20px 16px; }
  .dashboard-top { font-size: 7px; }.counter-line { gap: 5px; }
  .counter-label { max-width: 80px; font-size: 6px; line-height: 1.5; text-align: right; }
  .outcome-grid { gap: 7px; margin-top: 23px; }
  .outcome { min-height: 133px; padding: 13px 12px; }
  .outcome > span { font-size: 6px; letter-spacing: .09em; }.outcome strong { font-size: clamp(23px, 6vw, 32px); }
  .outcome small { font-size: 8px; }
  .dashboard-foot { font-size: 8px; line-height: 1.6; }
  .refund-strip { font-size: 10px; }
  .founders-section { grid-template-columns: 1fr; gap: 31px; }
  .founders-copy h2 { font-size: clamp(39px, 10vw, 65px); }
  .founders-italic { font-size: 31px !important; }
  .founder-cards { grid-template-columns: 1fr; gap: 8px; }
  .founder-card { min-height: 180px; display: grid; grid-template-columns: 45px 1fr; grid-template-rows: auto auto 1fr auto; column-gap: 10px; padding: 14px; }
  .founder-card > span:first-child { grid-column: 1/-1; }
  .founder-icon { grid-column: 1; grid-row: 2/4; align-self: start; margin: 17px 0 0; }
  .founder-card h3 { grid-column: 2; margin: 14px 0 4px; }
  .founder-card p { grid-column: 2; margin: 0 0 13px; }
  .founder-card-end { grid-column: 1/-1; }
  .pricing-topline { margin-bottom: 37px; font-size: 6px; letter-spacing: .1em; }
  .pricing-layout { grid-template-columns: 1fr; gap: 33px; }
  .pricing-copy h2 { font-size: clamp(67px, 18vw, 108px); }
  .pricing-copy > p:not(.eyebrow) { font-size: 11px; }
  .price-large { gap: 14px; }.price-large > strong { font-size: 38px; }
  .pricing-card { padding: 21px 16px; }
  .pricing-card-head { font-size: 13px; }.founding-badge { font-size: 6px; }
  .included-list li { font-size: 10px; }
  .stories-heading { display: block; margin-bottom: 27px; }
  .stories-heading h2 { font-size: clamp(53px, 14vw, 80px); }
  .stories-heading > p { margin-top: 17px; font-size: 11px; }
  .stories-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .story-placeholder { min-height: 200px; }
  .story-placeholder:last-of-type { grid-column: 1/-1; min-height: 180px; }
  .stories-bottom { flex-direction: column; gap: 6px; font-size: 7px; }
  .faq-section { grid-template-columns: 1fr; gap: 29px; }
  .faq-heading { position: static; }
  .faq-heading h2 { font-size: clamp(47px, 12vw, 72px); }
  .faq-heading > p:last-child { margin-top: 12px; font-size: 11px; }
  .faq-item summary { padding: 17px 0; font-size: 12px; }
  .faq-answer { padding-bottom: 18px; font-size: 10px; }
  .final-cta-section { min-height: 740px; place-items: start center; }
  .final-berry { top: auto; right: -28%; bottom: -5%; width: 103vw; transform: none; opacity: .68; }
  .final-cta-glow { top: auto; right: -20%; bottom: -2%; width: 110vw; transform: none; }
  .final-cta-content { width: calc(100% - 44px); margin: 0; padding: 78px 0 290px; }
  .final-cta-content h2 { font-size: clamp(90px, 22vw, 134px); }
  .final-manifesto { font-size: 14px; }
  .final-offer strong { font-size: 19px; }.final-offer > span { font-size: 8px; }
  .final-cta-content .button { width: 100%; }
  .footer { padding: 48px 22px 86px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 32px 18px; margin-bottom: 33px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-legal { grid-template-columns: 1fr; gap: 12px; margin-bottom: 19px; }
  .footer-legal p { font-size: 8px; }
  .footer-bottom { flex-wrap: wrap; font-size: 6px; }.footer-bottom span:last-child { flex-basis: 100%; }
  .mobile-sticky:not([hidden]) { display: block; }
  .dialog-shell { padding: 36px 24px 27px; }
  .checkout-header { height: 68px; padding: 0 20px; }
  .checkout-header > a:last-child { font-size: 8px; }
  .checkout-main { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 35px; padding: 58px 0; }
  .checkout-copy h1 { font-size: clamp(62px, 16vw, 94px); }
  .checkout-copy > p { margin: 18px 0; font-size: 11px; }
  .checkout-card { padding: 22px 17px; }
  .checkout-price strong { font-size: 33px; }
}
@media (max-width: 390px) {
  :root { --page-gutter: 18px; }
  .hero { padding-right: 18px; padding-left: 18px; }
  .hero-title { font-size: 76px; }
  .hero-art { top: 45%; right: -32%; left: 20%; opacity: .62; }
  .hero-bottom { right: 18px; left: 18px; }
  .hero-bottom span { font-size: 5px; }
  .button { padding: 0 15px; font-size: 9px; }
  .module-card { padding-right: 10px; padding-left: 10px; }
  .story-flow { font-size: 6px; }
  .tools-column { padding: 21px 12px; }
  .tools-column p { font-size: 9px; }
  .evolution { padding-right: 12px; padding-left: 12px; }
  .evolution-steps div { font-size: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Product UI refresh: softer surfaces, fruit colors, and a little more bounce. */
:root {
  --berry: #f45470;
  --berry-light: #ff9aa9;
  --berry-dark: #a52c4a;
  --lime: #c8ee9b;
  --violet: #a697ff;
  --mango: #ffc86d;
  --sky: #91dff0;
}

body { background: #0d0c12; }
.site-noise { opacity: .016; }
.button { min-height: 54px; border-radius: 999px; letter-spacing: .055em; }
.button-small { min-height: 42px; }
.button-primary { background: linear-gradient(110deg, #ff657d, #e9345e 54%, #d82754); box-shadow: 0 9px 30px rgba(236,57,91,.24), inset 0 1px rgba(255,255,255,.24); }
.button-primary:hover { box-shadow: 0 12px 38px rgba(236,57,91,.36), inset 0 1px rgba(255,255,255,.3); }
.button-outline { border-radius: 999px; }
.wordmark-orbit { background: rgba(255,255,255,.07); box-shadow: inset 0 0 12px rgba(255,255,255,.08); }

.navbar { height: 76px; }
.navbar.scrolled { background: rgba(14,13,20,.83); border-color: rgba(255,255,255,.09); box-shadow: 0 10px 36px rgba(0,0,0,.15); }
.nav-links a { padding: 9px 13px; border-radius: 999px; letter-spacing: .08em; transition: color .2s ease, background .2s ease; }
.nav-links a:hover { color: #fff; background: rgba(255,255,255,.085); }
.nav-cta { box-shadow: 0 6px 24px rgba(230,47,85,.24); }

.hero {
  background:
    radial-gradient(ellipse at 78% 48%, rgba(224,64,120,.2), transparent 33%),
    radial-gradient(ellipse at 66% 30%, rgba(122,108,230,.13), transparent 35%),
    linear-gradient(120deg, #0d0c12 5%, #15111b 58%, #100e16);
}
.hero-grid { opacity: .2; background-image: radial-gradient(rgba(255,255,255,.38) .7px, transparent .7px); background-size: 24px 24px; mask-image: linear-gradient(90deg, transparent, #000 42%, #000 87%, transparent); }
.hero-halo { width: 60vw; height: 60vw; max-width: 810px; max-height: 810px; right: 4%; top: 9%; background: radial-gradient(circle, rgba(249,70,112,.22), rgba(132,96,218,.07) 42%, transparent 70%); }
.hero-copy .eyebrow { width: fit-content; margin-bottom: 25px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.045); color: #e3dce4; font-size: 9px; letter-spacing: .12em; }
.eyebrow-dot { width: 7px; height: 7px; background: #ff7d97; box-shadow: 0 0 14px rgba(255,95,133,.7); }
.hero-title { letter-spacing: -.075em; }
.hero-deck { max-width: 540px; font-size: clamp(20px, 2.15vw, 27px); }
.hero-description { max-width: 490px; color: #b8b0bd; }
.hero-art { margin-right: -2vw; }
.hero-art::before { content: ""; position: absolute; z-index: 0; width: min(76%, 520px); aspect-ratio: 1; border-radius: 45% 55% 50% 50%; background: radial-gradient(circle at 35% 36%, rgba(255,128,148,.25), rgba(142,115,240,.12) 44%, rgba(237,81,115,.06) 65%, transparent 73%); filter: blur(1px); animation: blob-breathe 9s ease-in-out infinite; }
.hero-art img { z-index: 1; }
@keyframes blob-breathe { 0%, 100% { transform: scale(.98) rotate(-4deg); border-radius: 45% 55% 50% 50%; } 50% { transform: scale(1.04) rotate(4deg); border-radius: 54% 46% 43% 57%; } }
.hero-actions { gap: 19px; }
.hero-actions .button { min-height: 58px; padding-inline: 25px; }
.hero-actions .text-link { padding: 12px 3px; border-bottom: 1px solid rgba(255,255,255,.18); letter-spacing: .09em; }
.hero-offer { width: fit-content; align-items: center; gap: 18px; margin-top: 24px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.045); }
.hero-offer > div { min-width: 182px; }
.hero-launch { width: fit-content; min-width: 360px; column-gap: 14px; margin-top: 22px; padding: 13px 15px 12px; border: 1px solid rgba(255,255,255,.105); border-radius: 17px; background: rgba(255,255,255,.045); }
.launch-heading { flex: 0 0 100%; font-size: 8px; letter-spacing: .12em; }
.countdown { gap: 6px; }
.countdown div { min-width: 48px; padding: 6px 6px 4px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(255,255,255,.045); }
.countdown strong { font-size: 20px; }
.status-pill { margin-left: auto; border-radius: 999px; }
.art-caption { border-color: rgba(255,255,255,.23); }

.intro-section { background: linear-gradient(135deg, #f3f0ff 0%, #fff3ef 100%); }
.intro-section .eyebrow { color: #75586b; }
.intro-head h2 { letter-spacing: -.065em; }
.intro-head h2 em { color: #bd3d69; }
.intro-body { color: #625864; }
.intro-body strong { color: #32253a; }
.section-index { width: fit-content; padding: 8px 12px; border: 1px solid rgba(56,38,56,.12); border-radius: 999px; background: rgba(255,255,255,.5); }
.pipeline { gap: 8px; margin-top: 72px; padding: 24px 0; border-color: rgba(49,37,50,.13); }
.pipeline-step { gap: 9px; min-width: 80px; color: #4b414e; letter-spacing: .08em; }
.pipeline-icon { width: 50px; min-height: 50px; border: 1px solid rgba(80,62,90,.08); border-radius: 16px; background: rgba(255,255,255,.76); box-shadow: 0 8px 22px rgba(60,40,70,.08); }
.pipeline-step:nth-of-type(1) .pipeline-icon { background: #ffe3e7; }
.pipeline-step:nth-of-type(3) .pipeline-icon { background: #eee8ff; color: #8067d2; }
.pipeline-step:nth-of-type(5) .pipeline-icon { background: #fff0ce; color: #c47b20; }
.pipeline-step:nth-of-type(7) .pipeline-icon { background: #dff6ee; color: #4c9877; }
.pipeline-step:nth-of-type(9) .pipeline-icon { background: #dff4fb; color: #4a91a7; }
.pipeline-step:nth-of-type(11) .pipeline-icon { background: #eeebff; color: #7763bb; }
.pipeline-arrow { color: #b094a4; font-size: 16px; }
.process-note { color: #88788a; letter-spacing: .1em; }

.character-section { background: radial-gradient(ellipse at 75% 52%, rgba(164,91,221,.18), transparent 43%), radial-gradient(ellipse at 15% 89%, rgba(239,72,114,.13), transparent 36%), #111018; }
.character-copy h2 em { color: #ff91ab; }
.evolution { border: 1px solid rgba(255,255,255,.17); border-radius: 27px; background: radial-gradient(circle at 47% 39%, rgba(255,92,132,.18), transparent 28%), linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)); box-shadow: 0 24px 70px rgba(0,0,0,.19); }
.evolution::before { border-top-right-radius: 27px; }
.evolution-orbit { border-color: rgba(255,255,255,.14); }
.evolution-berry { filter: drop-shadow(0 15px 22px rgba(245,72,112,.36)); }

.course-section { background: #f4f2fa; color: #24202c; }
.course-section .section-index { color: #796f83; background: #fff; }
.section-heading .eyebrow { color: #786d80; }
.section-heading h2 { color: #24202c; }
.heading-aside { color: #8a8091; }
.module-grid { gap: 15px; }
.module-card {
  min-height: 345px;
  padding: 23px 22px 18px;
  border: 1px solid rgba(62,46,75,.1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(48,36,66,.045);
}
.module-card::before { content: ""; position: absolute; top: -43px; right: -39px; width: 104px; height: 104px; border-radius: 50%; background: var(--module-glow, #ffe2e8); opacity: .65; transition: transform .3s ease; }
.module-card:hover { transform: translateY(-6px); border-color: rgba(159,112,213,.27); background: #fff; box-shadow: 0 18px 40px rgba(70,49,98,.11); }
.module-card:hover::before { transform: scale(1.18); }
.module-card:nth-child(2) { --module-glow: #ffedc7; }
.module-card:nth-child(3) { --module-glow: #dff5fd; }
.module-card:nth-child(4) { --module-glow: #e8e3ff; }
.module-card:nth-child(5) { --module-glow: #ffe5d7; }
.module-card:nth-child(6) { --module-glow: #dff4e2; }
.module-card:nth-child(7) { --module-glow: #e9e5ff; }
.module-card:nth-child(8) { --module-glow: #dff4ef; }
.module-top, .module-card > * { position: relative; }
.module-top { color: #8e8492; }
.module-fruit { filter: none; }
.module-card h3 { color: #292331; }
.module-card > p { color: #716a79; }
.module-tags { gap: 6px; margin: 15px 0 20px; }
.module-tags span { padding: 5px 8px; border: 1px solid #eee8f2; border-radius: 999px; background: #f8f5fb; color: #766c7c; }
.module-foot { border-color: #eee8f0; color: #8a8190; }
.module-foot span:last-child { color: #de5778; }
.module-card-story { background: linear-gradient(125deg, #fff 0%, #fff 66%, #fff3f4 100%); }
.story-flow { border-radius: 12px; background: #fbf3f6; color: #574653; }
.story-flow i { color: #cc5c7a; }
.content-formula { color: #756b7b; }
.content-formula b { color: #37293a; }
.module-disclaimer { color: #877d89 !important; }
.production-note { color: #827989; }
.production-note span { color: #dc4c6a; }

.big-idea { background: radial-gradient(ellipse at 50% 54%, #29151f, #171018 61%, #111018); }
.big-idea::before { background: radial-gradient(ellipse at 50% 57%, rgba(228,72,126,.16), transparent 57%), linear-gradient(90deg, rgba(11,9,11,.42), transparent 50%, rgba(11,9,11,.32)); }
.big-idea-bg { color: rgba(255,121,156,.07); }
.big-idea h2 span, .big-idea h3 em { color: #ff8da7; }
.sequence span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.045); }
.sequence i { color: #ff8da7; }

.tools-section { background: linear-gradient(125deg, #effbf5, #f2efff 53%, #fff4ef); }
.tools-heading .eyebrow { color: #6f7482; }
.tools-heading h2 em { color: #d34668; }
.tools-compare { border: 1px solid rgba(59,59,83,.13); border-radius: 22px; background: rgba(255,255,255,.7); box-shadow: 0 16px 42px rgba(70,58,88,.07); }
.tools-yes { background: rgba(219,245,231,.54); }
.tools-no p span { color: #dc6c7d; }
.tools-yes p span { color: #5e9e77; }
.tools-divider { background: rgba(59,59,83,.13); }
.tools-divider span { border-radius: 999px; background: #f5f3fa; color: #837c91; }
.fine-print { color: #797482; }

.club-section { background: radial-gradient(ellipse at 12% 70%, rgba(227,48,104,.16), transparent 38%), radial-gradient(ellipse at 83% 17%, rgba(113,100,211,.19), transparent 34%), #111018; }
.club-copy h2 { letter-spacing: -.08em; }
.club-copy h3 { color: #e0d9e8; }
.club-copy > p:not(.eyebrow) { color: #b3aab9; }
.club-highlight { padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.045); }
.club-star { color: #ff9aad; }
.discord-window { border: 1px solid rgba(255,255,255,.16); border-radius: 20px; box-shadow: 0 28px 85px rgba(0,0,0,.38); }
.discord-bar { border-radius: 19px 19px 0 0; }
.discord-foot { background: rgba(255,255,255,.018); }

.presale-section { background: linear-gradient(130deg, #f5f1ff 0%, #fff6f1 100%); }
.presale-heading .eyebrow { color: #796f84; }
.presale-heading h2 span { color: #ad3456; }
.presale-dashboard { border: 1px solid rgba(255,255,255,.11); border-radius: 28px; background: radial-gradient(ellipse at 87% 13%, rgba(163,112,227,.14), transparent 31%), linear-gradient(140deg, #191620, #141218); box-shadow: 0 25px 70px rgba(58,39,78,.19); }
.dashboard-live { color: #c6dcae; }
.progress-track { height: 11px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: #38313e; }
.progress-track > span { border-radius: inherit; background: linear-gradient(90deg, #ff7b96, #f23f75 51%, #bd83f4); }
.outcome { border-radius: 17px; }
.outcome-yes { background: rgba(188,229,166,.08); }
.outcome-refund { background: linear-gradient(130deg, rgba(234,66,99,.15), rgba(234,66,99,.08)); }
.refund-strip { border-left-width: 4px; border-radius: 0 14px 14px 0; background: rgba(225,49,75,.09); }

.founders-section { background: radial-gradient(ellipse at 93% 24%, rgba(120,91,222,.13), transparent 38%), #111018; }
.founder-card { min-height: 280px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.founder-card:hover { transform: translateY(-5px); border-color: rgba(255,146,169,.42); background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); }
.founder-card:nth-child(2) .founder-icon { color: var(--lime); }
.founder-card:nth-child(3) .founder-icon { color: var(--violet); }
.founder-card-end { color: #dfa0ad; }

.pricing-section { background: linear-gradient(130deg, #fff0f1, #f2efff 62%, #f2fbf4); }
.pricing-topline { border-color: rgba(61,44,67,.16); color: #7c7182; }
.pricing-copy .eyebrow { color: #806e81; }
.pricing-copy h2 em { color: #c33f64; }
.pricing-card { border: 1px solid rgba(68,44,73,.1); border-radius: 26px; background: rgba(255,255,255,.88); box-shadow: 0 24px 70px rgba(71,49,83,.14); }
.pricing-card-head { border-color: rgba(54,37,63,.12); }
.founding-badge { border-radius: 999px; background: #fde4e9; color: #a13250; }
.included-list li { border-color: rgba(54,37,63,.08); }
.included-list li i { color: #47926c; }
.pricing-card .button { box-shadow: 0 9px 23px rgba(224,51,91,.19); }
.pricing-trust { border-color: rgba(54,37,63,.12); }
.pricing-trust p { color: #695e6b; }
.pricing-trust span { color: #ad4968; }
.price-legal { color: #7f7480; }

.stories-section { background: radial-gradient(ellipse at 14% 80%, rgba(115,93,200,.13), transparent 35%), #0f0e15; }
.stories-heading h2 em { color: #ff91a8; }
.story-placeholder { min-height: 270px; border: 1px dashed rgba(255,255,255,.26); border-radius: 22px; background: radial-gradient(circle at 50% 53%, rgba(226,73,125,.12), rgba(142,104,221,.04) 50%, transparent 76%), rgba(255,255,255,.025); transition: border-color .25s ease, transform .25s ease, background .25s ease; }
.story-placeholder:hover { transform: translateY(-4px); border-color: rgba(255,152,174,.55); background-color: rgba(255,255,255,.045); }
.story-placeholder::before { border-top-left-radius: 9px; }.story-placeholder::after { border-bottom-right-radius: 9px; }
.placeholder-icon { display: grid; width: 53px; height: 53px; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.06); color: #ff879e; }
.stories-bottom { color: #a197a4; }

.faq-section { background: linear-gradient(130deg, #f7f3ff, #fff7f0); }
.faq-heading .eyebrow { color: #796e84; }
.faq-heading > p:last-child { color: #736a7a; }
.faq-list { border: 1px solid rgba(61,44,67,.12); border-radius: 20px; background: rgba(255,255,255,.61); padding: 0 24px; }
.faq-item { border-color: rgba(61,44,67,.12); }
.faq-item:last-child { border-bottom: 0; }
.faq-item summary { color: #302736; }
.faq-item summary span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; border-radius: 50%; background: #f4e9f3; color: #a54368; }
.faq-answer { color: #716777; }

.final-cta-section { background: radial-gradient(ellipse at 68% 47%, rgba(227,65,116,.19), transparent 41%), radial-gradient(ellipse at 83% 65%, rgba(120,93,219,.13), transparent 39%), #0d0c12; }
.final-cta-content .eyebrow { width: fit-content; padding: 8px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.045); }
.final-manifesto { color: #d0c7d4; }
.final-countdown { width: fit-content; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.045); }
.final-refund { color: #aaa0ae; }
.footer { background: #09080e; }
.footer-legal { border-color: rgba(255,255,255,.11); }
.footer-col a:hover { color: #ff9aaf; }
.signup-dialog { border-radius: 24px; background: linear-gradient(145deg, #1c1721, #121016); }
.dialog-close { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: rgba(255,255,255,.04); }
.email-field input { border-radius: 13px; background: rgba(255,255,255,.055); }
.dialog-shell .button { border-radius: 13px; }
.mobile-sticky { border-top-color: rgba(255,255,255,.13); background: rgba(14,13,20,.9); }

.checkout-header { background: rgba(255,255,255,.015); }
.checkout-card { border-radius: 26px; background: linear-gradient(150deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); box-shadow: 0 28px 80px rgba(0,0,0,.24); }
.checkout-message { border-radius: 0 14px 14px 0; }
.checkout-disabled { border-radius: 999px; }

@media (max-width: 760px) {
  .nav-links { border-radius: 0 0 20px 20px; }
  .nav-links a { border-radius: 12px; }
  .hero-actions .button { border-radius: 16px; }
  .hero-offer { max-width: 100%; border-radius: 15px; }
  .hero-launch { width: 100%; min-width: 0; }
  .pipeline { padding-inline: 3px; }
  .pipeline-step { min-width: 68px; }
  .pipeline-icon { width: 44px; min-height: 44px; border-radius: 14px; }
  .module-card { border-radius: 18px; }
  .module-card-story { border-radius: 20px; }
  .presale-dashboard { border-radius: 22px; }
  .outcome { border-radius: 14px; }
  .founder-card { border-radius: 17px; }
  .pricing-card { border-radius: 21px; }
  .story-placeholder { border-radius: 18px; }
  .faq-list { padding-inline: 15px; border-radius: 17px; }
  .faq-item summary { gap: 9px; }
  .final-cta-content .button { border-radius: 16px; }
  .mobile-sticky .button { border-radius: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-art::before { animation: none; }
}

/* Hero: compact SaaS-style offer panel, contained artwork, predictable responsive flow. */
.hero {
  min-height: max(680px, min(850px, 100svh));
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  column-gap: clamp(22px, 3.4vw, 48px);
  padding-top: clamp(78px, 7vw, 92px);
  padding-bottom: 64px;
  background:
    radial-gradient(ellipse at 78% 48%, rgba(224,64,120,.2), transparent 33%),
    radial-gradient(ellipse at 66% 30%, rgba(122,108,230,.13), transparent 35%),
    linear-gradient(120deg, #0d0c12 5%, #15111b 58%, #100e16);
}
.hero-copy { position: relative; z-index: 2; width: min(680px, 100%); min-width: 0; }
.hero-copy .eyebrow { margin-bottom: 19px; }
.hero-title {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 14px;
  font-size: clamp(82px, 9vw, 122px);
  line-height: .76;
  letter-spacing: -.078em;
}
.hero-title.hero-state { font-size: clamp(48px, 5.4vw, 70px); line-height: .91; }
.hero-title span:first-child {
  position: absolute;
  z-index: 2;
  top: -.13em;
  right: -.28em;
  display: grid;
  width: 1.42em;
  height: 1.42em;
  place-items: center;
  margin: 0;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffd7dd, #ff9cb5);
  box-shadow: 0 9px 22px rgba(240,86,129,.28);
  font-size: .36em;
  line-height: 1;
  vertical-align: initial;
  filter: none;
}
.hero-title.hero-state span:first-child { display: none; }
.hero-deck { max-width: 510px; margin-bottom: 11px; font-size: clamp(19px, 1.9vw, 24px); line-height: 1.38; }
.hero-description { max-width: 470px; font-size: 13px; line-height: 1.7; }
.hero-actions { gap: 16px; margin-top: 23px; }
.hero-actions .button { min-height: 54px; border-radius: 16px; box-shadow: 0 12px 35px rgba(232,49,99,.24); }
.hero-actions .text-link { padding: 10px 2px; letter-spacing: .07em; }
.hero-signals {
  display: block;
  width: min(100%, 370px);
  margin-top: 18px;
}
.hero-offer {
  min-width: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
.hero-offer > div { min-width: 0; gap: 5px 8px; }
.micro-label { color: #b2aab8; font-size: 8px; letter-spacing: .12em; }
.price-hero { font-size: 21px; }
.hero-offer s { color: #9b929f; }
.saving-tag { flex-wrap: wrap; max-width: 78px; gap: 3px; margin: 0; font-size: 7px; line-height: 1.4; }
.saving-tag b { color: #ff9bb7; }
.hero-launch {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 11px 12px 10px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.launch-heading { min-width: 0; margin-bottom: 7px; font-size: 8px; letter-spacing: .1em; }
.countdown { gap: 4px; }
.countdown div { min-width: 38px; padding: 4px 5px 3px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(255,255,255,.045); }
.countdown strong { font-size: 18px; }
.countdown div span { font-size: 6px; }
.countdown i { padding-top: 2px; }
.status-pill { width: fit-content; max-width: 100%; margin-top: 7px; border-radius: 999px; font-size: 7px; }
.hero-art {
  position: relative;
  z-index: 1;
  align-self: center;
  min-width: 0;
  width: 100%;
  height: min(630px, calc(100svh - 170px));
  min-height: 470px;
  margin: 0;
  padding: 14px 12px 45px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 34px;
  background:
    radial-gradient(ellipse at 48% 45%, rgba(246,99,137,.16), transparent 54%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: 0 30px 90px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055);
  perspective: 1200px;
}
.hero-art::before { width: min(88%, 520px); }
.hero-art img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  mix-blend-mode: normal;
  -webkit-mask-image: none;
  mask-image: none;
  filter: drop-shadow(0 22px 35px rgba(0,0,0,.3));
}
.art-caption {
  right: 17px;
  bottom: 13px;
  left: 17px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(14,12,20,.52);
  color: #d4c9d5;
  font-size: 7px;
  letter-spacing: .12em;
  backdrop-filter: blur(14px);
}
.art-crosshair { display: none; }
.hero-bottom { bottom: 18px; color: #817986; }
.hero-bottom a { color: #c1b7c6; }
.mobile-sticky { display: none; }

@media (min-width: 761px) and (max-width: 1060px) {
  .hero {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    column-gap: 18px;
    padding-right: clamp(28px, 4vw, 48px);
    padding-left: clamp(28px, 4vw, 48px);
  }
  .hero-title { font-size: clamp(66px, 8.2vw, 88px); }
  .hero-title.hero-state { font-size: clamp(42px, 5.4vw, 58px); }
  .hero-deck { font-size: clamp(18px, 2.15vw, 22px); }
  .hero-description { max-width: 410px; font-size: 12px; }
  .hero-signals { grid-template-columns: 1fr; max-width: 390px; }
  .hero-offer { justify-content: flex-start; }
  .hero-launch { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .launch-heading { grid-column: 1 / -1; }
  .status-pill { margin-top: 0; }
  .hero-art { height: min(560px, calc(100svh - 160px)); min-height: 440px; padding-bottom: 42px; border-radius: 28px; }
}

@media (max-width: 760px) {
  .hero {
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 94px 22px 28px;
  }
  .hero-copy { width: 100%; }
  .hero-title { font-size: clamp(74px, 17vw, 112px); }
  .hero-title.hero-state { font-size: clamp(43px, 11vw, 66px); }
  .hero-deck { max-width: 490px; font-size: clamp(17px, 4.8vw, 21px); }
  .hero-description { max-width: 440px; font-size: 12px; line-height: 1.7; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 19px; }
  .hero-actions .button { width: 100%; min-height: 53px; }
  .hero-signals { width: 100%; max-width: 390px; margin-top: 15px; }
  .hero-offer { flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px; }
  .hero-offer > div { gap: 4px 6px; }
  .micro-label { font-size: 7px; }
  .price-hero { font-size: 18px; }
  .saving-tag { max-width: none; }
  .hero-launch { padding: 10px; }
  .launch-heading { font-size: 7px; }
  .countdown { gap: 3px; }
  .countdown div { min-width: 31px; padding: 4px 3px 3px; }
  .countdown strong { font-size: 16px; }
  .countdown div span { font-size: 5px; }
  .status-pill { padding: 5px 7px; font-size: 6px; }
  .hero-art {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: clamp(285px, 78vw, 360px);
    min-height: 0;
    margin: 20px 0 0;
    padding: 8px 6px 42px;
    border-radius: 27px;
    opacity: 1;
    pointer-events: none;
  }
  .hero-art::before { width: min(90%, 340px); }
  .hero-art img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  .art-caption { right: 12px; bottom: 10px; left: 12px; font-size: 6px; }
  .hero-halo { top: 52%; right: -22%; bottom: auto; width: 112vw; height: 112vw; }
  .hero-bottom { position: static; margin-top: 15px; font-size: 7px; }
  .hero-bottom > span { max-width: 48%; }
  .hero-bottom a { text-align: right; }
}

@media (max-width: 380px) {
  .hero-signals { grid-template-columns: 1fr; }
  .hero-offer { flex-direction: row; align-items: center; }
  .hero-offer > div { flex: 1; }
  .price-hero { white-space: nowrap; }
  .saving-tag { max-width: 100px; }
}