:root {
  color-scheme: dark;
  --ink: #f8f5ff;
  --mist: #cac4d7;
  --dim: #948eaa;
  --night: #0d0a20;
  --night-deep: #070614;
  --plum: #251544;
  --violet: #9d7dff;
  --pink: #ff94c5;
  --peach: #ffc3a7;
  --cyan: #74ebff;
  --lime: #b7ffb1;
  --line: rgba(236, 221, 255, 0.14);
  --line-strong: rgba(255, 170, 217, 0.34);
  --card: rgba(255, 255, 255, 0.055);
  --radius: 26px;
  --shadow: 0 30px 100px rgba(0, 0, 0, 0.38);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--night-deep); }
body::before { position: fixed; z-index: -3; inset: 0; content: ""; background: radial-gradient(circle at 16% 3%, rgba(106, 62, 166, 0.24), transparent 27rem), radial-gradient(circle at 84% 17%, rgba(255, 102, 181, 0.13), transparent 34rem), linear-gradient(180deg, #0d0a20 0%, #0a071a 55%, #070614 100%); }
body::after { position: fixed; z-index: -2; inset: 0; pointer-events: none; content: ""; background-image: radial-gradient(rgba(255,255,255,0.17) 0.6px, transparent 0.8px); background-size: 22px 22px; opacity: 0.08; mix-blend-mode: screen; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }

.page-glow { position: fixed; z-index: -1; width: 38vw; min-width: 320px; aspect-ratio: 1; border-radius: 50%; filter: blur(80px); opacity: 0.25; pointer-events: none; }
.glow-one { top: 36vh; left: -20vw; background: #7154ff; }
.glow-two { right: -19vw; bottom: 10vh; background: #d451a6; }
.grain { position: fixed; z-index: 9; inset: 0; pointer-events: none; opacity: 0.045; 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='.9'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 20; top: 16px; left: 50%; display: flex; align-items: center; justify-content: space-between; gap: 28px; width: min(1230px, calc(100% - 32px)); min-height: 68px; padding: 10px 12px 10px 18px; border: 1px solid transparent; border-radius: 20px; transform: translateX(-50%); transition: background 220ms ease, border-color 220ms ease, box-shadow 220ms ease, top 220ms ease; }
.site-header.is-scrolled { top: 10px; border-color: rgba(255, 255, 255, 0.12); background: rgba(12, 9, 29, 0.74); box-shadow: 0 12px 50px rgba(0,0,0,.24); backdrop-filter: blur(22px); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; box-shadow: 0 0 28px rgba(250, 126, 199, 0.32); }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.brand-mark-leo { position: relative; background: radial-gradient(circle at 50% 48%, rgba(255, 157, 208, .38), rgba(64, 35, 103, .86) 56%, #0e0b24); box-shadow: 0 0 0 1px rgba(255, 183, 222, .16), 0 0 26px rgba(250, 126, 199, .36); }
.brand-mark-leo img { width: 100%; height: 100%; max-width: none; object-fit: contain; filter: saturate(1.12) contrast(1.07) drop-shadow(0 1px 4px rgba(255, 143, 205, .65)); }
.brand-copy { display: grid; gap: 2px; }
.brand-copy strong { font-size: 16px; font-weight: 800; letter-spacing: -0.03em; }
.brand-copy small { color: var(--dim); font-size: 9px; letter-spacing: .075em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.3vw, 32px); color: rgba(240,235,251,.72); font-size: 13px; font-weight: 600; }
.nav-links a { position: relative; padding: 9px 0; transition: color .18s ease; }
.nav-links a::after { position: absolute; right: 0; bottom: 4px; left: 0; height: 1px; content: ""; background: linear-gradient(90deg, var(--pink), var(--cyan)); transform: scaleX(0); transform-origin: right; transition: transform .22s ease; }
.nav-links a:hover { color: var(--ink); }
.nav-links a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.language-toggle { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 0 11px; color: var(--ink); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.04); cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.language-toggle:hover { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.toggle-primary { font-size: 12px; font-weight: 800; }.toggle-dot { color: var(--dim); font-size: 11px; }.toggle-secondary { color: var(--dim); font-size: 10px; font-weight: 700; }
.header-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 13px; color: #190d27; border-radius: 12px; background: linear-gradient(125deg, #ffc5dd, #ffc2a8 75%); font-size: 12px; font-weight: 850; box-shadow: 0 8px 26px rgba(255, 157, 201, 0.18); transition: transform .2s ease, box-shadow .2s ease; }
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255, 157, 201, .3); }
.header-cta i, .button i { font-style: normal; font-size: 15px; line-height: 1; }
.menu-toggle { display: none; }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); align-items: center; gap: clamp(30px, 6vw, 112px); width: min(1180px, calc(100% - 40px)); min-height: 780px; margin: 0 auto; padding: 144px 0 68px; }
.hero-copy { position: relative; z-index: 2; max-width: 590px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 19px; color: var(--pink); font-size: 12px; font-weight: 750; letter-spacing: .08em; }
.eyebrow-spark { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(255,164,211,.38); border-radius: 50%; color: #ffc8e4; font-size: 9px; letter-spacing: 0; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; font-size: clamp(53px, 6.3vw, 92px); font-weight: 780; line-height: .99; letter-spacing: -0.075em; }
.hero-intro { max-width: 535px; margin-bottom: 31px; color: var(--mist); font-size: clamp(16px, 1.45vw, 19px); line-height: 1.78; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 56px; padding: 0 20px; border: 1px solid transparent; border-radius: 17px; font-size: 14px; font-weight: 780; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button-primary { color: #1b0d2a; background: linear-gradient(115deg, #ffb6d9 0%, #ffc9b1 100%); box-shadow: 0 16px 44px rgba(255,123,184,.24); }
.button-primary:hover { transform: translateY(-3px); box-shadow: 0 22px 52px rgba(255,123,184,.34); }
.button-quiet { color: var(--mist); border-color: var(--line); background: rgba(255,255,255,.025); }
.button-quiet:hover { color: var(--ink); border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.07); }
.button-stage-signal { color: #ffd8eb; border-color: rgba(255, 188, 223, .26); background: rgba(116, 61, 139, .14); cursor: pointer; }
.button-stage-signal:hover { border-color: rgba(255, 195, 227, .65); background: rgba(153, 74, 151, .25); box-shadow: 0 12px 30px rgba(255, 123, 184, .16); transform: translateY(-3px); }
.button-stage-signal:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.signal-button-mark { display: inline-grid; place-items: center; width: 21px; height: 21px; border-radius: 8px; color: #32133f; background: linear-gradient(135deg, #ffc2e2, #ffd1ae); font-style: normal; font-size: 11px; box-shadow: 0 0 15px rgba(255, 182, 224, .28); }
.hero-footnote { display: inline-flex; align-items: center; gap: 8px; margin-top: 29px; color: var(--dim); font-size: 12px; }
.status-light { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(182,255,177,.08), 0 0 18px rgba(182,255,177,.75); }

.hero-scene { position: relative; min-height: 600px; perspective: 1000px; }
.scene-rings { position: absolute; inset: 15% 4% 8%; border-radius: 50%; transform: rotate(-18deg); }
.scene-rings span { position: absolute; border: 1px solid rgba(215,197,255,.22); border-radius: 50%; }
.scene-rings span:nth-child(1) { inset: 0; border-left-color: rgba(255,151,203,.6); }
.scene-rings span:nth-child(2) { inset: 9%; border-right-color: rgba(116,235,255,.42); transform: rotate(52deg); }.scene-rings span:nth-child(3) { inset: 19%; border-color: rgba(255,255,255,.14); transform: rotate(-28deg); }
.scene-orb { position: absolute; border-radius: 50%; filter: blur(.2px); }
.orb-a { top: 10%; right: 6%; width: 47px; height: 47px; border: 1px solid rgba(255,210,233,.5); background: radial-gradient(circle at 35% 30%, #fff5fb, #fba5cd 24%, #7c4ff5 80%); box-shadow: 0 0 35px rgba(255,142,201,.5); animation: drift 5.2s ease-in-out infinite; }
.orb-b { bottom: 15%; left: 4%; width: 22px; height: 22px; background: #b5f6ff; box-shadow: 0 0 26px rgba(115,235,255,.75); animation: drift 4s -1.3s ease-in-out infinite reverse; }
.life-core { position: absolute; top: 49%; left: 50%; width: min(430px, 92%); aspect-ratio: 1; border-radius: 46% 54% 57% 43% / 48% 47% 53% 52%; background: radial-gradient(circle at 49% 48%, rgba(255,224,244,.2), transparent 28%), radial-gradient(circle at 50% 50%, rgba(226,94,192,.44), rgba(91,55,173,.1) 56%, transparent 69%); transform: translate(-50%,-50%); filter: drop-shadow(0 0 48px rgba(237,106,201,.26)); animation: breathe 6s ease-in-out infinite; }
.core-halo { position: absolute; inset: 13%; border: 1px solid rgba(255,255,255,.25); border-radius: inherit; box-shadow: inset 0 0 33px rgba(255,201,232,.15), 0 0 54px rgba(184,131,255,.18); }
.hero-mascot { position: absolute; z-index: 1; top: 50%; left: 50%; width: 112%; max-width: none; mix-blend-mode: screen; transform: translate(-50%, -50%) scale(1.08); filter: saturate(1.08) contrast(1.04) drop-shadow(0 30px 44px rgba(17,2,39,.58)); }
.signal-card { position: absolute; z-index: 4; border: 1px solid rgba(255,255,255,.2); border-radius: 17px; background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.055)); box-shadow: 0 18px 44px rgba(0,0,0,.2); backdrop-filter: blur(13px); }
.card-top { top: 10%; left: 0; width: 166px; padding: 16px; transform: rotate(-8deg); animation: cardFloat 5.2s ease-in-out infinite; }.signal-label { display: block; color: var(--pink); font-size: 8px; font-weight: 800; letter-spacing: .16em; }.card-top strong { display: block; margin: 5px 0 12px; font-size: 21px; letter-spacing: -.04em; }.card-top small { display: block; color: var(--dim); font-size: 8px; }.signal-line { display: flex; align-items: end; gap: 3px; height: 19px; margin-bottom: 6px; }.signal-line i { width: 3px; border-radius: 99px; background: linear-gradient(#ffb8dc, #9d7dff); }.signal-line i:nth-child(1){height: 30%}.signal-line i:nth-child(2){height: 75%}.signal-line i:nth-child(3){height: 46%}.signal-line i:nth-child(4){height: 90%}.signal-line i:nth-child(5){height: 54%}.signal-line i:nth-child(6){height: 67%}
.card-bottom { right: -1%; bottom: 9%; display: flex; align-items: center; gap: 10px; max-width: 206px; padding: 12px 14px; transform: rotate(7deg); animation: cardFloat 6s -2.1s ease-in-out infinite reverse; }.signal-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 11px; color: #2f1642; background: linear-gradient(135deg, #ffb4dd, #ffdeba); }.card-bottom small { display: block; margin-bottom: 2px; color: var(--dim); font-size: 7px; font-weight: 800; letter-spacing: .11em; }.card-bottom strong { display: block; font-size: 10px; line-height: 1.3; }
.mini-orbit { position: absolute; z-index: 3; display: grid; place-items: center; width: 49px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(40,27,75,.66); box-shadow: 0 0 30px rgba(143,106,255,.25); backdrop-filter: blur(7px); font-size: 13px; font-weight: 800; }.orbit-left { bottom: 24%; left: 9%; animation: drift 5.4s .5s ease-in-out infinite; }.orbit-right { top: 25%; right: 1%; animation: drift 4.7s -.8s ease-in-out infinite reverse; }
.scene-caption { position: absolute; z-index: 5; bottom: 0; left: 7%; display: flex; align-items: center; gap: 10px; color: rgba(233,221,250,.8); font-size: 11px; letter-spacing: .04em; }.caption-line { width: 31px; height: 1px; background: linear-gradient(90deg, var(--pink), transparent); }

.section-frame { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.manifesto { display: grid; grid-template-columns: 1.07fr .93fr; gap: clamp(32px, 7vw, 108px); align-items: end; padding: 120px 0 132px; }
.section-lead { max-width: 650px; }.section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2 { margin-bottom: 24px; font-size: clamp(38px, 4.7vw, 67px); font-weight: 750; line-height: 1.08; letter-spacing: -.065em; }.section-lead > p:last-child, .dimension-intro, .experience-copy > p { max-width: 600px; margin-bottom: 0; color: var(--mist); font-size: 16px; line-height: 1.85; }
.manifesto-quote { position: relative; min-height: 350px; padding: 58px 42px 33px; overflow: hidden; border: 1px solid rgba(255,194,220,.26); border-radius: var(--radius); background: radial-gradient(circle at 100% 0%, rgba(255,162,205,.27), transparent 34%), linear-gradient(145deg, rgba(137,75,190,.32), rgba(44,22,75,.6)); box-shadow: var(--shadow); }.manifesto-quote::after { position: absolute; right: -13%; bottom: -30%; width: 270px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; box-shadow: inset 0 0 80px rgba(255,185,227,.13); }.quote-mark { position: absolute; top: 25px; left: 31px; color: rgba(255,232,245,.34); font-family: Georgia, serif; font-size: 88px; line-height: .5; }.manifesto-quote p { position: relative; z-index: 1; margin: 15px 0 46px; font-size: clamp(29px, 3vw, 43px); font-weight: 720; line-height: 1.22; letter-spacing: -.055em; }.quote-tail { position: relative; z-index: 1; color: rgba(255,238,248,.67); font-size: 11px; }.quote-tail i { margin-left: 7px; color: var(--pink); font-style: normal; }

.care-section { position: relative; padding: 123px max(20px, calc((100% - 1180px) / 2)) 136px; overflow: hidden; background: linear-gradient(180deg, rgba(47,28,78,.32), rgba(12,8,29,.16)); }.care-section::before { position: absolute; top: 16%; right: -9%; width: 470px; aspect-ratio: 1; content: ""; border: 1px solid rgba(156,125,255,.17); border-radius: 50%; box-shadow: inset 0 0 120px rgba(146,94,235,.07); }
.section-heading { position: relative; z-index: 1; max-width: 790px; margin-bottom: 45px; }.section-heading.narrow { max-width: 680px; }.section-heading h2 { margin-bottom: 0; }
.care-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.03fr .97fr .97fr; gap: 16px; }.care-card { position: relative; display: flex; flex-direction: column; min-height: 470px; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); box-shadow: 0 16px 50px rgba(0,0,0,.12); transition: transform .25s ease, border-color .25s ease, background .25s ease; }.care-card:hover { z-index: 2; border-color: rgba(255,213,235,.36); background: rgba(255,255,255,.085); transform: translateY(-7px); }.card-index { position: absolute; z-index: 2; top: 20px; left: 22px; color: rgba(255,255,255,.45); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.card-image { position: relative; height: 232px; margin: -23px -23px 0; overflow: hidden; background: radial-gradient(circle at 50% 48%, rgba(255,153,205,.2), transparent 40%), linear-gradient(145deg, #2a174d, #100c26); }.card-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 52%, rgba(20,11,40,.86)); }.card-image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; transform: scale(1.18) translateY(5%); filter: saturate(1.1); transition: transform .4s ease; }.care-card:hover .card-image img { transform: scale(1.25) translateY(5%); }.card-copy { position: relative; z-index: 2; margin-top: auto; }.card-tag { margin-bottom: 9px; color: var(--pink); font-size: 11px; font-weight: 750; letter-spacing: .08em; }.card-copy h3 { margin-bottom: 12px; font-size: 24px; font-weight: 720; letter-spacing: -.05em; }.card-copy > p:last-child { margin: 0; color: var(--mist); font-size: 14px; line-height: 1.7; }
.card-rest { justify-content: space-between; background: linear-gradient(155deg, rgba(68,47,111,.52), rgba(17,13,39,.42)); }.card-rest .card-copy { margin-top: 0; }.rest-visual { position: relative; height: 214px; margin: 12px -3px 0; overflow: hidden; }.moon { position: absolute; top: 28px; right: 24px; width: 104px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 33% 27%, #fffdf3, #ffe2be 29%, #c895ff 70%); box-shadow: 0 0 55px rgba(239,190,255,.45); }.moon::after { position: absolute; top: -10px; left: -12px; width: 87px; aspect-ratio: 1; content: ""; border-radius: 50%; background: #312157; }.rest-line { position: absolute; left: 0; height: 1px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(166,239,255,.74), transparent); transform: rotate(-16deg); }.rest-line.one { top: 71%; width: 92%; }.rest-line.two { top: 82%; left: 11%; width: 76%; opacity: .72; }.rest-line.three { top: 59%; left: 22%; width: 62%; opacity: .35; }.rest-note { position: absolute; bottom: 11px; left: 0; color: rgba(226,217,246,.47); font-size: 10px; font-style: italic; letter-spacing: .1em; }
.card-memory { background: linear-gradient(165deg, rgba(20,33,67,.64), rgba(31,17,66,.42)); }.memory-orbit { position: relative; width: 190px; height: 190px; margin: 22px auto 15px; border: 1px solid rgba(159,235,255,.26); border-radius: 50%; transform: rotate(-14deg); }.memory-orbit::before, .memory-orbit::after { position: absolute; content: ""; border: 1px solid rgba(255,178,216,.25); border-radius: 50%; }.memory-orbit::before { inset: 22px -11px; }.memory-orbit::after { top: 39px; right: -19px; bottom: 39px; left: -19px; border-color: rgba(190,154,255,.24); }.memory-dot { position: absolute; z-index: 1; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }.dot-one { top: 26px; left: 27px; }.dot-two { right: 18px; bottom: 38px; background: var(--pink); box-shadow: 0 0 18px var(--pink); }.dot-three { top: 49%; left: -4px; width: 5px; height: 5px; }.memory-node { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 55px; height: 55px; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; color: #ffe2f0; background: radial-gradient(circle, rgba(255,161,211,.5), rgba(140,92,242,.35)); box-shadow: 0 0 35px rgba(189,126,255,.43); transform: translate(-50%,-50%) rotate(14deg); }

.dimensions { display: grid; grid-template-columns: minmax(380px,.92fr) minmax(0,1.08fr); gap: clamp(45px, 9vw, 145px); align-items: center; padding: 139px 0; }.dimension-visual { min-height: 480px; display: grid; place-items: center; }.dimension-radar { position: relative; width: min(410px, 92vw); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: radial-gradient(circle, rgba(255,172,217,.18), transparent 31%), radial-gradient(circle at 26% 74%, rgba(118,230,255,.1), transparent 28%); transform: rotate(-17deg); }.radar-ring { position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }.ring-one { inset: 12%; }.ring-two { inset: 26%; border-color: rgba(255,180,222,.2); }.ring-three { inset: 39%; }.radar-center { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 71px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.36); border-radius: 50%; color: #28133b; background: linear-gradient(135deg, #ffbfdc, #bb98ff); box-shadow: 0 0 50px rgba(255,156,209,.35); font-size: 13px; font-weight: 900; transform: translate(-50%,-50%) rotate(17deg); }.radar-point { position: absolute; display: grid; place-items: center; width: 44px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.37); border-radius: 50%; color: var(--ink); background: rgba(25,14,50,.82); box-shadow: 0 0 30px rgba(150,104,255,.22); font-size: 13px; font-weight: 800; transform: rotate(17deg); }.point-one { top: 1%; left: 43%; }.point-two { top: 29%; right: 2%; }.point-three { right: 14%; bottom: 9%; }.point-four { bottom: 7%; left: 17%; }.point-five { top: 32%; left: -3%; }.dimension-copy { max-width: 610px; }.dimension-intro { margin-bottom: 27px; }.dimension-list { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--line); }.dimension-list span { display: grid; grid-template-columns: 32px 1fr 1.4fr; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; background: rgba(20,14,42,.8); }.dimension-list b { color: var(--dim); font-size: 9px; letter-spacing: .08em; }.dimension-list i { width: 100%; height: 1px; background: linear-gradient(90deg, var(--pink), transparent); }.dimension-list strong { font-size: 13px; font-weight: 700; }

.path-section { position: relative; padding: 128px max(20px, calc((100% - 1180px) / 2)) 137px; background: radial-gradient(circle at 16% 89%, rgba(127,81,255,.2), transparent 33rem), linear-gradient(180deg, rgba(14,9,32,.2), rgba(41,23,73,.52)); }.path-list { display: grid; gap: 0; margin: 49px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.path-list li { display: grid; grid-template-columns: 74px minmax(0,1fr) 40px; align-items: center; gap: 19px; min-height: 144px; padding: 20px 0; border-bottom: 1px solid var(--line); transition: padding .25s ease, background .25s ease; }.path-list li:hover { padding-right: 14px; padding-left: 14px; background: rgba(255,255,255,.035); }.path-number { color: var(--pink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }.path-eyebrow { margin-bottom: 7px; color: var(--dim); font-size: 11px; font-weight: 700; letter-spacing: .08em; }.path-list h3 { margin: 0; font-size: clamp(21px, 2.4vw, 31px); font-weight: 680; letter-spacing: -.05em; }.path-arrow { color: var(--pink); font-size: 27px; transition: transform .25s ease; }.path-list li:hover .path-arrow { transform: translate(4px, 4px); }

.experience-section { position: relative; display: grid; grid-template-columns: minmax(420px,.96fr) minmax(0,1.04fr); align-items: center; gap: clamp(36px, 9vw, 142px); width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 137px 0 140px; }.experience-visual { position: relative; min-height: 500px; overflow: hidden; border: 1px solid rgba(255,180,220,.23); border-radius: 50% 50% 46% 46% / 39% 39% 56% 56%; background: radial-gradient(circle at 47% 34%, rgba(255,196,230,.22), transparent 20%), radial-gradient(circle at 65% 67%, rgba(122,82,236,.35), transparent 47%), linear-gradient(155deg, #351749, #101028); box-shadow: var(--shadow); }.experience-visual::before { position: absolute; top: 11%; left: 9%; width: 70%; aspect-ratio: 1; content: ""; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }.experience-glow { position: absolute; top: 19%; left: 22%; width: 59%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255,239,250,.84) 0%, rgba(255,163,214,.46) 20%, rgba(132,101,250,.1) 57%, transparent 72%); filter: blur(4px); }.experience-visual img { position: absolute; z-index: 1; top: 45%; left: 50%; width: 112%; max-width: none; mix-blend-mode: screen; opacity: .84; transform: translate(-49%,-49%) scale(1.15) rotate(-10deg); filter: saturate(1.18) contrast(1.02) drop-shadow(0 24px 31px rgba(27,2,40,.6)); }.origin-chip { position: absolute; z-index: 2; padding: 8px 11px; border: 1px solid rgba(255,255,255,.27); border-radius: 999px; color: rgba(255,250,255,.82); background: rgba(45,22,71,.54); box-shadow: 0 10px 25px rgba(0,0,0,.15); backdrop-filter: blur(8px); font-size: 10px; letter-spacing: .08em; }.chip-one { top: 17%; left: 8%; }.chip-two { right: 6%; bottom: 23%; }.chip-three { bottom: 12%; left: 19%; }.experience-copy > p { margin-bottom: 30px; }.button-wide { min-width: 204px; }.experience-note { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: var(--dim); font-size: 11px; }

.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; min-height: 119px; padding: 27px max(20px, calc((100% - 1180px) / 2)); border-top: 1px solid var(--line); background: rgba(3,3,11,.38); }.footer-brand { display: grid; gap: 4px; }.footer-brand strong { font-size: 16px; letter-spacing: -.03em; }.footer-brand span { color: var(--dim); font-size: 10px; }.footer-links { display: flex; gap: 20px; color: var(--mist); font-size: 11px; }.footer-links a:hover { color: var(--pink); }.site-footer > p { margin: 0; color: var(--dim); font-size: 10px; text-align: right; }

.guide-widget { position: fixed; z-index: 30; right: 20px; bottom: 20px; }.guide-launcher { display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 7px 10px 7px 7px; color: var(--ink); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(20,13,44,.78); box-shadow: 0 15px 42px rgba(0,0,0,.33); backdrop-filter: blur(17px); cursor: pointer; transition: transform .2s ease, border-color .2s ease; }.guide-launcher:hover { border-color: rgba(255,181,221,.44); transform: translateY(-3px); }.guide-avatar { display: grid; place-items: center; width: 44px; height: 44px; overflow: hidden; border-radius: 13px; background: radial-gradient(circle, #55356e, #17112e); }.guide-avatar img { width: 135%; max-width: none; mix-blend-mode: screen; transform: scale(1.1); }.guide-launcher-copy { display: grid; gap: 3px; min-width: 87px; text-align: left; }.guide-launcher-copy strong { font-size: 12px; }.guide-launcher-copy small { color: var(--dim); font-size: 9px; }.guide-plus { display: grid; place-items: center; width: 20px; height: 20px; margin-left: 3px; border-radius: 50%; color: #241139; background: var(--pink); font-size: 18px; line-height: 1; transition: transform .2s ease; }.guide-launcher[aria-expanded="true"] .guide-plus { transform: rotate(45deg); }
.guide-panel { width: min(358px, calc(100vw - 32px)); margin-bottom: 10px; overflow: hidden; border: 1px solid rgba(255,194,224,.32); border-radius: 22px; background: rgba(18,12,39,.94); box-shadow: 0 28px 90px rgba(0,0,0,.52); backdrop-filter: blur(25px); }.guide-head { display: grid; grid-template-columns: 44px 1fr 29px; align-items: center; gap: 9px; padding: 14px; border-bottom: 1px solid var(--line); }.guide-head > div { display: grid; gap: 3px; }.guide-head strong { font-size: 13px; }.guide-head small { color: var(--dim); font-size: 9px; }.guide-head button { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; color: var(--mist); background: rgba(255,255,255,.08); font-size: 18px; cursor: pointer; }.guide-log { display: grid; gap: 8px; min-height: 111px; max-height: 230px; overflow-y: auto; padding: 13px; }.guide-message { max-width: 88%; padding: 9px 11px; border-radius: 13px; font-size: 12px; line-height: 1.55; }.guide-message.leo { justify-self: start; color: var(--mist); border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.055); }.guide-message.user { justify-self: end; color: #241134; background: linear-gradient(120deg, #ffbada, #ffc8ad); }.guide-prompts { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 13px 11px; }.guide-prompts button { padding: 6px 9px; border: 1px solid rgba(255,182,222,.25); border-radius: 999px; color: #ecdff1; background: rgba(255,255,255,.035); font-size: 10px; cursor: pointer; transition: background .18s ease; }.guide-prompts button:hover { background: rgba(255,255,255,.12); }.guide-form { display: grid; grid-template-columns: 1fr 37px; gap: 7px; padding: 11px; border-top: 1px solid var(--line); }.guide-form input { min-width: 0; height: 37px; padding: 0 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; outline: none; color: var(--ink); background: rgba(0,0,0,.2); font-size: 11px; }.guide-form input:focus { border-color: rgba(255,179,220,.55); }.guide-form button { border: 0; border-radius: 10px; color: #1b0d2a; background: var(--pink); font-size: 16px; cursor: pointer; }

[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.is-visible { opacity: 1; transform: translateY(0); }.care-grid [data-reveal]:nth-child(2) { transition-delay: .12s; }.care-grid [data-reveal]:nth-child(3) { transition-delay: .22s; }.path-list [data-reveal]:nth-child(2) { transition-delay: .1s; }.path-list [data-reveal]:nth-child(3) { transition-delay: .2s; }
@keyframes breathe { 0%,100% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(1.04); } }
@keyframes drift { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-13px,0); } }
@keyframes cardFloat { 0%,100% { margin-top: 0; } 50% { margin-top: -9px; } }

@media (max-width: 1050px) {
  .hero { grid-template-columns: .86fr 1.14fr; gap: 18px; }.hero-scene { min-height: 520px; }.care-grid { grid-template-columns: 1fr 1fr; }.care-card:first-child { grid-row: span 2; }.care-card:first-child .card-image { height: 54%; }.card-memory { min-height: 350px; }.dimensions { gap: 45px; }.experience-section { gap: 50px; }
}
@media (max-width: 810px) {
  .site-header { top: 9px; width: calc(100% - 20px); min-height: 59px; padding: 7px 9px 7px 12px; border-color: rgba(255,255,255,.1); background: rgba(12,9,29,.68); backdrop-filter: blur(20px); }.site-header.is-scrolled { top: 7px; }.brand-mark { width: 34px; height: 34px; border-radius: 10px; }.brand-copy small { display: none; }.nav-links { position: absolute; top: calc(100% + 9px); right: 0; left: 0; display: grid; gap: 0; padding: 8px; border: 1px solid rgba(255,255,255,.11); border-radius: 16px; opacity: 0; visibility: hidden; background: rgba(17,12,38,.95); box-shadow: 0 20px 50px rgba(0,0,0,.35); transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; backdrop-filter: blur(22px); }.site-header.nav-open .nav-links { opacity: 1; visibility: visible; transform: translateY(0); }.nav-links a { padding: 12px; border-radius: 9px; }.nav-links a:hover { background: rgba(255,255,255,.06); }.nav-links a::after { display: none; }.menu-toggle { display: grid; gap: 5px; width: 37px; height: 37px; padding: 0 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.04); cursor: pointer; }.menu-toggle span { height: 1px; background: var(--ink); transition: transform .2s ease; }.site-header.nav-open .menu-toggle span:first-child { transform: translateY(3px) rotate(45deg); }.site-header.nav-open .menu-toggle span:last-child { transform: translateY(-3px) rotate(-45deg); }.header-actions { margin-left: auto; }.language-toggle { min-height: 37px; padding: 0 8px; }.header-cta { display: none; }
  .manifesto, .dimensions, .experience-section { grid-template-columns: 1fr; }.manifesto { gap: 38px; padding: 91px 0; }.manifesto-quote { min-height: 300px; }.dimensions { padding: 91px 0; }.dimension-visual { min-height: 385px; order: 2; }.dimension-copy { order: 1; }.experience-section { gap: 37px; padding: 91px 0; }.experience-visual { min-height: 420px; width: min(560px, 100%); }.experience-copy { max-width: 620px; }
  .care-section, .path-section { padding-top: 91px; padding-bottom: 91px; }.site-footer { grid-template-columns: 1fr; gap: 15px; padding-top: 30px; padding-bottom: 30px; }.site-footer > p { text-align: left; }.footer-links { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .hero { grid-template-columns: 1fr; gap: 0; min-height: 0; width: min(620px, calc(100% - 36px)); padding: 126px 0 76px; }
  .hero-copy { max-width: 100%; }.hero h1 { font-size: clamp(50px, 14vw, 76px); }.hero-intro { max-width: 570px; }
  .hero-scene { width: min(600px, 100%); min-height: 470px; margin: 10px auto -29px; order: -1; }
  .scene-rings { inset: 10% 8% 7%; }.life-core { width: min(360px, 82%); }.card-top { top: 4%; left: 0; }.card-bottom { right: 0; bottom: 5%; }.scene-caption { bottom: 7px; }.orbit-left { left: 8%; }.orbit-right { right: 4%; }
}
@media (max-width: 560px) {
  html { scroll-padding-top: 78px; }.brand-copy strong { font-size: 14px; }.header-actions { gap: 6px; }.language-toggle { padding: 0 7px; }.toggle-secondary { display: none; }.toggle-dot { display: none; }.hero { width: calc(100% - 32px); padding-top: 100px; }.eyebrow { margin-bottom: 15px; font-size: 11px; }.hero h1 { margin-bottom: 18px; font-size: clamp(46px, 14vw, 63px); }.hero-intro { margin-bottom: 24px; font-size: 15px; line-height: 1.72; }.hero-actions { display: grid; grid-template-columns: 1fr; }.button { width: 100%; min-height: 53px; }.hero-footnote { margin-top: 22px; }.hero-scene { min-height: 360px; margin-top: 0; }.life-core { width: min(295px, 83%); }.card-top { width: 133px; padding: 12px; }.card-top strong { font-size: 17px; }.card-bottom { max-width: 174px; padding: 10px; }.card-bottom strong { font-size: 8px; }.mini-orbit { width: 37px; font-size: 11px; }.scene-caption { left: 3%; font-size: 9px; }.scene-rings { inset: 8% 3% 12%; }.manifesto, .dimensions, .experience-section { width: calc(100% - 32px); }.manifesto { padding: 72px 0; }.section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2 { margin-bottom: 18px; font-size: clamp(34px, 10vw, 49px); }.section-lead > p:last-child, .dimension-intro, .experience-copy > p { font-size: 14px; line-height: 1.75; }.manifesto-quote { min-height: 260px; padding: 45px 25px 28px; border-radius: 21px; }.manifesto-quote p { margin: 10px 0 35px; font-size: 30px; }.quote-mark { left: 16px; }.care-section, .path-section { padding-right: 16px; padding-left: 16px; }.section-heading { margin-bottom: 30px; }.care-grid { grid-template-columns: 1fr; }.care-card, .care-card:first-child { min-height: 410px; }.care-card:first-child { grid-row: auto; }.care-card:first-child .card-image { height: 220px; }.card-memory { min-height: 387px; }.card-rest { min-height: 385px; }.memory-orbit { width: 155px; height: 155px; margin-top: 8px; }.rest-visual { height: 170px; }.moon { width: 83px; }.dimensions { padding: 72px 0; }.dimension-visual { min-height: 310px; }.dimension-radar { width: min(294px, 83vw); }.radar-point { width: 36px; font-size: 11px; }.radar-center { width: 58px; font-size: 11px; }.dimension-list span { grid-template-columns: 25px 1fr 1.2fr; padding: 0 12px; }.path-section { padding-top: 72px; padding-bottom: 72px; }.path-list { margin-top: 30px; }.path-list li { grid-template-columns: 32px 1fr 21px; gap: 9px; min-height: 116px; }.path-list h3 { font-size: 19px; line-height: 1.35; }.path-arrow { font-size: 20px; }.experience-section { padding: 72px 0; }.experience-visual { min-height: 340px; }.origin-chip { font-size: 8px; }.guide-widget { right: 11px; bottom: 11px; }.guide-launcher { min-height: 52px; padding: 5px; border-radius: 16px; }.guide-avatar { width: 40px; height: 40px; }.guide-launcher-copy, .guide-plus { display: none; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.orb-a, .orb-b, .life-core, .card-top, .card-bottom, .orbit-left, .orbit-right { animation: none; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }


/* Full 3D character stage */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0; }
.stage-viewport { position: absolute; z-index: 0; inset: -8% -10% -10% -9%; overflow: hidden; border-radius: 50%; opacity: 0; pointer-events: none; transition: opacity 850ms ease; }
.stage-canvas { display: block; width: 100%; height: 100%; mix-blend-mode: screen; filter: saturate(1.12) contrast(1.05); }
.hero-scene.stage-ready { isolation: isolate; cursor: crosshair; }
.hero-scene.stage-ready .stage-viewport { opacity: 1; }
.hero-scene.stage-ready .scene-rings,
.hero-scene.stage-ready .scene-orb,
.hero-scene.stage-ready .life-core { visibility: hidden; }
.hero-scene.stage-ready .signal-card,
.hero-scene.stage-ready .mini-orbit,
.hero-scene.stage-ready .scene-caption { z-index: 5; }
.stage-pulsed .button-stage-signal .signal-button-mark { animation: stageSpark 900ms cubic-bezier(.15,.8,.25,1); }
.stage-pulsed::after { position: absolute; z-index: 10; top: 50%; left: 50%; width: 40px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 230, 245, .96); border-radius: 50%; box-shadow: 0 0 48px rgba(255, 151, 213, .7), inset 0 0 22px rgba(255, 218, 241, .4); transform: translate(-50%, -50%); pointer-events: none; animation: scenePulse 1180ms cubic-bezier(.12,.73,.28,1) forwards; }
@keyframes stageSpark { 0% { transform: scale(1); } 34% { transform: scale(.82) rotate(-10deg); } 68% { transform: scale(1.22) rotate(12deg); } 100% { transform: scale(1); } }
@keyframes scenePulse { 0% { opacity: .95; transform: translate(-50%, -50%) scale(.3); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(12); } }
@media (max-width: 810px) { .stage-viewport { inset: -11% -13% -12%; }.hero-scene.stage-ready { margin-bottom: 14px; }.hero-scene.stage-ready .scene-caption { display: none; } }
@media (max-width: 520px) { .stage-viewport { inset: -7% -18% -8%; } }
@media (prefers-reduced-motion: reduce) { .stage-viewport { display: none; }.hero-scene.stage-ready .scene-rings, .hero-scene.stage-ready .scene-orb, .hero-scene.stage-ready .life-core { visibility: visible; } }


/* Five nourishment dimensions: readable radar chart */
.dimension-visual { overflow: visible; }
.dimension-radar { width: min(462px, 86vw); overflow: visible; border: 0; border-radius: 0; background: radial-gradient(circle at 50% 50%, rgba(255, 173, 219, .16), rgba(120, 88, 220, .06) 47%, transparent 70%); transform: none; }
.radar-svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 35px rgba(187, 113, 255, .17)); }
.radar-grid polygon { fill: rgba(41, 24, 77, .17); stroke: rgba(246, 224, 255, .24); stroke-width: 1.1; }
.radar-grid polygon:nth-child(2) { stroke: rgba(255, 179, 218, .24); }.radar-grid polygon:nth-child(3) { stroke: rgba(128, 234, 255, .18); }.radar-grid polygon:nth-child(4) { stroke: rgba(255, 255, 255, .11); }
.radar-grid line { stroke: rgba(238, 222, 255, .2); stroke-width: 1; }
.radar-value { fill: url(#radarFill); stroke: url(#radarLine); stroke-width: 2.5; filter: drop-shadow(0 0 17px rgba(255, 151, 210, .25)); }
.radar-dots circle { fill: #fff3fa; stroke: #ff9bcf; stroke-width: 3; filter: drop-shadow(0 0 7px rgba(255, 169, 215, .85)); }
.radar-center { width: 74px; height: 74px; gap: 0; color: #27113b; border-color: rgba(255,255,255,.47); background: radial-gradient(circle at 34% 27%, #fffafc, #ffc4e2 43%, #b799ff 100%); box-shadow: 0 0 44px rgba(255, 156, 209, .4); transform: translate(-50%, -50%); }
.radar-center i { font-style: normal; font-size: 19px; font-weight: 900; letter-spacing: -.07em; }.radar-center small { font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.radar-label { position: absolute; z-index: 3; display: grid; gap: 1px; min-width: 80px; color: var(--ink); text-shadow: 0 2px 15px rgba(13, 7, 31, .86); line-height: 1.04; }
.radar-label b { font-size: 15px; font-weight: 850; letter-spacing: -.04em; }.radar-label small { color: var(--pink); font-size: 11px; font-weight: 750; letter-spacing: .12em; }
.label-body { top: -5%; left: 50%; text-align: center; transform: translateX(-50%); }.label-mind { top: 24%; right: -20%; text-align: left; }.label-soul { right: -7%; bottom: -2%; text-align: left; }.label-material { bottom: -2%; left: -7%; text-align: right; }.label-life { top: 24%; left: -20%; text-align: right; }
.dimension-list { gap: 1px; }.dimension-list .dimension-item { display: grid; grid-template-columns: 32px 1fr minmax(126px, 1.4fr); align-items: center; gap: 10px; min-height: 62px; padding: 8px 16px; background: rgba(20,14,42,.8); transition: background .2s ease, padding .2s ease; }.dimension-list .dimension-item:hover { padding-right: 20px; padding-left: 20px; background: rgba(255,255,255,.075); }.dimension-list .dimension-item > b { color: var(--dim); font-size: 9px; letter-spacing: .08em; }.dimension-list .dimension-item > i { width: 100%; height: 1px; background: linear-gradient(90deg, var(--pink), transparent); }.dimension-list .dimension-item > div { display: grid; gap: 3px; }.dimension-list .dimension-item strong { font-size: 14px; font-weight: 760; letter-spacing: -.03em; }.dimension-list .dimension-item small { color: var(--dim); font-size: 10px; line-height: 1.2; }
@media (max-width: 810px) { .dimension-visual { min-height: 465px; }.dimension-radar { width: min(440px, 78vw); }.label-mind { right: -16%; }.label-life { left: -16%; } }
@media (max-width: 560px) { .dimension-visual { min-height: 405px; }.dimension-radar { width: min(338px, 78vw); }.radar-label { min-width: 62px; }.radar-label b { font-size: 12px; }.radar-label small { font-size: 9px; }.label-mind { top: 26%; right: -24%; }.label-life { top: 26%; left: -24%; }.label-soul { right: -15%; }.label-material { left: -15%; }.dimension-list .dimension-item { grid-template-columns: 27px 1fr minmax(116px, 1.35fr); padding-right: 12px; padding-left: 12px; } }

/* Keep the digital-embryo artwork wholly visible inside the oval stage. */
.experience-visual img { top: 49%; left: 50%; width: 76%; max-height: 72%; object-fit: contain; opacity: .88; transform: translate(-50%, -50%) rotate(-7deg); }
@media (max-width: 810px) { .experience-visual img { width: 78%; max-height: 74%; } }


/* Dedicated WeChat Mini Program entry beside the experience CTA. */
.mini-program-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 15px; max-width: 448px; margin-top: 24px; padding: 10px; border: 1px solid rgba(255, 190, 224, .28); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(135, 83, 190, .14)); box-shadow: 0 16px 42px rgba(0, 0, 0, .15); backdrop-filter: blur(13px); }
.mini-program-code { display: grid; place-items: center; padding: 5px; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 9px 24px rgba(0, 0, 0, .23); }.mini-program-code img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 9px; }
.mini-program-copy { display: grid; gap: 5px; min-width: 0; }.mini-program-copy > span { color: var(--pink); font-size: 9px; font-weight: 850; letter-spacing: .15em; }.mini-program-copy strong { font-size: 16px; font-weight: 780; letter-spacing: -.04em; }.mini-program-copy p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.55; }
@media (max-width: 560px) { .mini-program-card { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; max-width: 100%; padding: 8px; border-radius: 17px; }.mini-program-copy strong { font-size: 14px; }.mini-program-copy p { font-size: 11px; } }


/* Interactive nutrition-recognition website demo */
.nutrition-demo-section { position: relative; padding: 0 0 138px; }.nutrition-demo-lead { max-width: 675px; margin-bottom: 47px; }.nutrition-demo-lead h2 { margin-bottom: 22px; font-size: clamp(38px, 4.7vw, 67px); font-weight: 750; line-height: 1.08; letter-spacing: -.065em; }.nutrition-demo-lead > p:last-child { max-width: 610px; margin-bottom: 0; color: var(--mist); font-size: 16px; line-height: 1.85; }
.nutrition-demo-shell { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); overflow: hidden; border: 1px solid rgba(255, 188, 226, .28); border-radius: 30px; background: linear-gradient(135deg, rgba(70, 37, 110, .68), rgba(11, 12, 32, .86)); box-shadow: var(--shadow); }.nutrition-meal-stage { position: relative; min-height: 568px; padding: 24px; overflow: hidden; background: radial-gradient(circle at 44% 43%, rgba(255, 147, 206, .2), transparent 30%), radial-gradient(circle at 85% 25%, rgba(121, 235, 255, .13), transparent 25%), linear-gradient(145deg, rgba(47, 24, 80, .88), rgba(15, 14, 39, .82)); }.nutrition-meal-stage::after { position: absolute; right: -12%; bottom: -30%; width: 330px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: inset 0 0 80px rgba(157, 126, 255, .12); pointer-events: none; }.meal-stage-top { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgba(243, 233, 255, .63); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.demo-data-badge { padding: 6px 8px; border: 1px solid rgba(255, 180, 222, .24); border-radius: 999px; color: var(--pink); background: rgba(255,255,255,.04); font-family: inherit; font-size: 8px; }
.demo-photo-frame { position: relative; display: grid; place-items: center; height: 270px; margin-top: 8px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .11); border-radius: 23px; background: radial-gradient(circle at 50% 47%, rgba(255, 245, 250, .17), transparent 29%), rgba(6, 8, 27, .4); }.demo-photo-frame::before, .demo-photo-frame::after { position: absolute; z-index: 3; width: 19px; height: 19px; content: ""; border-color: rgba(147, 239, 255, .8); pointer-events: none; }.demo-photo-frame::before { top: 15px; left: 15px; border-top: 1px solid; border-left: 1px solid; }.demo-photo-frame::after { right: 15px; bottom: 15px; border-right: 1px solid; border-bottom: 1px solid; }.demo-plate { position: relative; z-index: 1; width: 242px; height: 192px; transform: rotate(-5deg); transition: opacity .25s ease, transform .25s ease; }.demo-plate[hidden] { display: none; }.plate-shadow { position: absolute; bottom: 5px; left: 12%; width: 76%; height: 32px; border-radius: 50%; background: rgba(0,0,0,.45); filter: blur(15px); }.plate-base { position: absolute; inset: 12px 4px 15px; border: 8px solid rgba(255, 242, 250, .86); border-radius: 50%; background: radial-gradient(ellipse at 50% 49%, #f1b9dd 0 20%, #f9e7f3 21% 60%, #d38ebc 61% 68%, rgba(255,255,255,.22) 69%); box-shadow: inset 0 0 20px rgba(103, 48, 111, .18), 0 13px 25px rgba(0,0,0,.22); }.food-rice, .food-protein, .food-green, .food-orange { position: absolute; z-index: 1; display: block; }.food-rice { top: 55px; left: 48px; width: 91px; height: 68px; border-radius: 50%; background: radial-gradient(circle at 30% 32%, #fffdf8 0 7%, transparent 8%), radial-gradient(circle at 57% 39%, #fffdf8 0 6%, transparent 7%), radial-gradient(circle at 46% 60%, #f7e9c4 0 7%, transparent 8%), #ede0ba; box-shadow: inset -9px -8px 15px rgba(180,134,95,.18); }.food-protein { top: 60px; right: 46px; width: 87px; height: 62px; border-radius: 50% 42% 46% 50%; background: linear-gradient(145deg, #f2be91, #d47565 52%, #a84555); box-shadow: inset 7px 6px 9px rgba(255,235,195,.32), 0 4px 11px rgba(89,32,47,.23); }.food-green { width: 42px; height: 36px; border-radius: 50% 50% 45% 43%; background: radial-gradient(circle at 50% 28%, #b8f47c 0 12%, #5bca72 13% 46%, #22865e 47%); box-shadow: 0 3px 8px rgba(27,109,73,.32); }.food-green.one { top: 44px; right: 96px; }.food-green.two { bottom: 31px; left: 89px; transform: scale(.78); }.food-orange { bottom: 35px; right: 69px; width: 45px; height: 28px; border-radius: 50% 48% 42% 49%; background: linear-gradient(145deg, #ffc566, #ec824f); box-shadow: inset 6px 5px 8px rgba(255,238,169,.3); }.nutrition-preview-image { position: absolute; z-index: 2; width: 100%; height: 100%; object-fit: cover; }
.demo-scan-companion { position: absolute; z-index: 4; right: -26px; bottom: -47px; width: 194px; aspect-ratio: 1; pointer-events: none; }.demo-scan-companion img { position: absolute; right: 0; bottom: 0; width: 100%; max-width: none; mix-blend-mode: screen; filter: saturate(1.12) drop-shadow(0 11px 25px rgba(255, 108, 190, .28)); }.scan-halo { position: absolute; right: 41px; bottom: 40px; width: 88px; aspect-ratio: 1; border: 1px solid rgba(108, 236, 255, .36); border-radius: 50%; animation: scanOrbit 3.7s linear infinite; }.scan-halo.two { right: 28px; bottom: 27px; width: 116px; border-color: rgba(255, 171, 218, .19); animation-direction: reverse; animation-duration: 5.4s; }
.meal-caption { position: relative; z-index: 4; display: grid; gap: 4px; margin-top: 17px; }.meal-caption small { color: var(--pink); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.meal-caption strong { font-size: 25px; font-weight: 770; letter-spacing: -.05em; }.meal-caption > span { color: var(--mist); font-size: 12px; }.nutrition-upload { position: relative; z-index: 4; display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: rgba(239, 229, 250, .7); font-size: 11px; cursor: pointer; }.nutrition-upload:hover { color: var(--ink); }.nutrition-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }.nutrition-upload i { display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid rgba(255, 188, 225, .35); border-radius: 6px; color: var(--pink); font-style: normal; font-size: 15px; }.nutrition-samples { position: relative; z-index: 4; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 11px; margin-top: 17px; }.nutrition-samples > span { color: rgba(238, 226, 250, .48); font-size: 10px; }.nutrition-samples > div { display: flex; flex-wrap: wrap; gap: 6px; }.nutrition-sample { min-height: 27px; padding: 0 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: rgba(239,232,249,.72); background: rgba(255,255,255,.035); font-size: 10px; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }.nutrition-sample:hover, .nutrition-sample.is-active { border-color: rgba(255, 177, 220, .62); color: #fff8fc; background: rgba(255, 159, 209, .16); transform: translateY(-1px); }
.nutrition-result { display: flex; flex-direction: column; align-items: flex-start; padding: 42px 34px 33px; background: linear-gradient(160deg, rgba(24, 16, 52, .82), rgba(12, 17, 41, .93)); }.nutrition-result-status { display: inline-flex; align-items: center; gap: 8px; color: rgba(224, 216, 241, .68); font-size: 10px; font-weight: 700; letter-spacing: .06em; }.result-status-light { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(115,235,255,.07), 0 0 16px rgba(115,235,255,.7); }.nutrition-result h3 { max-width: 340px; margin: 16px 0 12px; font-size: clamp(28px, 2.6vw, 39px); font-weight: 760; line-height: 1.12; letter-spacing: -.06em; }.nutrition-result-intro { max-width: 365px; margin-bottom: 24px; color: var(--mist); font-size: 14px; line-height: 1.72; }.nutrition-macro-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.035); }.nutrition-macro-grid article { display: grid; gap: 5px; min-width: 0; padding: 14px 12px; border-right: 1px solid rgba(255,255,255,.1); }.nutrition-macro-grid article:last-child { border-right: 0; }.nutrition-macro-grid span { color: var(--dim); font-size: 9px; letter-spacing: .04em; }.nutrition-macro-grid strong { display: flex; align-items: baseline; gap: 3px; }.nutrition-macro-grid b { font-size: 23px; letter-spacing: -.05em; }.nutrition-macro-grid small { color: var(--pink); font-size: 10px; }.nutrition-balance { width: 100%; margin-top: 20px; }.nutrition-balance > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--mist); font-size: 11px; }.nutrition-balance strong { color: var(--ink); font-size: 12px; }.nutrition-progress { height: 7px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.09); }.nutrition-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pink), #bc9dff 52%, var(--cyan)); box-shadow: 0 0 14px rgba(255, 160, 211, .48); transition: width .48s cubic-bezier(.2,.8,.2,1); }.nutrition-suggestion { display: grid; grid-template-columns: 21px 1fr; gap: 8px; width: 100%; margin-top: 21px; padding: 13px; border: 1px solid rgba(255, 185, 222, .18); border-radius: 14px; background: rgba(255, 158, 210, .07); }.nutrition-suggestion > span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 7px; color: #411d53; background: linear-gradient(135deg, #ffbddf, #ffd0a6); font-size: 10px; }.nutrition-suggestion p { margin: 0; color: rgba(247, 236, 251, .82); font-size: 12px; line-height: 1.58; }.nutrition-disclaimer { margin: 14px 0 0; color: rgba(217, 207, 234, .48); font-size: 10px; line-height: 1.5; }.demo-entry-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 23px; color: var(--pink); font-size: 12px; font-weight: 800; }.demo-entry-link:hover { color: #fff0f8; }.demo-entry-link i { font-style: normal; font-size: 15px; transition: transform .2s ease; }.demo-entry-link:hover i { transform: translate(3px, -3px); }.nutrition-demo-shell.is-scanning .demo-scan-companion { animation: demoScanPulse .52s ease-in-out 1; }.nutrition-demo-shell.is-scanning .demo-photo-frame { box-shadow: inset 0 0 40px rgba(115,235,255,.12); }
@keyframes scanOrbit { to { transform: rotate(360deg); } } @keyframes demoScanPulse { 50% { transform: translate(-9px, -9px) scale(1.07); } }
@media (max-width: 920px) { .nutrition-demo-shell { grid-template-columns: 1fr; }.nutrition-result { min-height: 470px; }.nutrition-demo-section { padding-bottom: 96px; } }
@media (max-width: 560px) { .nutrition-demo-shell { border-radius: 22px; }.nutrition-meal-stage { min-height: 531px; padding: 17px; }.demo-photo-frame { height: 237px; }.demo-plate { transform: scale(.88) rotate(-5deg); }.demo-scan-companion { right: -34px; bottom: -39px; width: 164px; }.meal-caption strong { font-size: 22px; }.nutrition-samples { display: grid; gap: 8px; }.nutrition-result { padding: 30px 20px 25px; }.nutrition-result h3 { font-size: 31px; }.nutrition-macro-grid article { padding: 12px 8px; }.nutrition-macro-grid b { font-size: 20px; }.nutrition-suggestion { padding: 11px; } }


/* Recompose the plate when a visitor changes the demo meal. */
.demo-plate[data-sample="breakfast"] .plate-base { background: radial-gradient(ellipse at 50% 49%, #f4edf9 0 22%, #ffeef7 23% 60%, #bc8fd9 61% 68%, rgba(255,255,255,.22) 69%); }.demo-plate[data-sample="breakfast"] .food-rice { top: 47px; left: 64px; width: 106px; height: 76px; background: radial-gradient(circle at 31% 34%, #ffffff 0 7%, transparent 8%), radial-gradient(circle at 58% 36%, #ffffff 0 6%, transparent 7%), #eee6fa; box-shadow: inset -10px -9px 15px rgba(123, 76, 163, .16); }.demo-plate[data-sample="breakfast"] .food-protein { top: 49px; right: 54px; width: 26px; height: 26px; border-radius: 50%; background: #4b4f9b; box-shadow: -23px 19px 0 #5360b8, 9px 34px 0 #7551ad, 28px 12px 0 #3c4384; }.demo-plate[data-sample="breakfast"] .food-green { background: radial-gradient(circle at 50% 42%, #e8c689 0 14%, #d49858 15% 54%, #a35b44 55%); box-shadow: 0 3px 8px rgba(117, 67, 45, .3); }.demo-plate[data-sample="breakfast"] .food-green.one { top: 88px; right: 49px; transform: scale(.52); }.demo-plate[data-sample="breakfast"] .food-green.two { bottom: 33px; left: 69px; transform: scale(.58); }.demo-plate[data-sample="breakfast"] .food-orange { right: 45px; bottom: 36px; width: 34px; height: 21px; background: #e9bf6d; }
.demo-plate[data-sample="snack"] .plate-base { background: radial-gradient(ellipse at 50% 49%, #fbdfd7 0 20%, #fff2eb 21% 60%, #df9d9a 61% 68%, rgba(255,255,255,.22) 69%); }.demo-plate[data-sample="snack"] .food-rice { top: 45px; left: 76px; width: 76px; height: 81px; border-radius: 48% 52% 48% 52%; background: radial-gradient(circle at 67% 20%, #7cbf61 0 8%, transparent 9%), radial-gradient(circle at 58% 38%, #ffd0ae 0 4%, transparent 5%), linear-gradient(145deg, #ff9b80, #df4c61); box-shadow: inset -10px -12px 15px rgba(128, 21, 50, .18); }.demo-plate[data-sample="snack"] .food-protein { top: 65px; right: 50px; width: 42px; height: 30px; border-radius: 46% 54% 48% 52%; background: #b37851; box-shadow: -17px 19px 0 #d4a06f, 4px 32px 0 #8e563c, 31px 8px 0 #deb177; }.demo-plate[data-sample="snack"] .food-green { background: #f4f0e8; box-shadow: inset -5px -5px 8px rgba(132,105,89,.18), 0 3px 8px rgba(54,41,31,.22); }.demo-plate[data-sample="snack"] .food-green.one { top: 44px; right: 101px; transform: scale(.54); }.demo-plate[data-sample="snack"] .food-green.two { bottom: 34px; left: 64px; transform: scale(.5); }.demo-plate[data-sample="snack"] .food-orange { right: 72px; bottom: 32px; width: 34px; background: #f2dea8; }


/* Photographic balanced-meal default for the nutrition demo. */
.nutrition-default-photo { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(1.1) contrast(1.04) brightness(.9); transition: opacity .28s ease; }.nutrition-default-photo[hidden] { display: none; }
.demo-photo-frame:has(.nutrition-default-photo:not([hidden]))::after { position: absolute; z-index: 2; inset: 0; content: ""; background: linear-gradient(115deg, rgba(8, 6, 24, .14), transparent 35%, rgba(8, 6, 24, .2)); pointer-events: none; }


/* Little Six daily motion cards: animated character scenes with protected copy space. */
.care-card { min-height: 520px; }.care-motion { position: relative; display: grid; place-items: center; height: 270px; margin: -23px -23px 0; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% 40%, rgba(255, 176, 220, .22), transparent 43%), linear-gradient(145deg, #29164b, #0d0b25); }.care-motion::before { position: absolute; z-index: -1; width: 190px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 195, 228, .2); border-radius: 50%; box-shadow: inset 0 0 60px rgba(237, 132, 211, .1), 0 0 70px rgba(118, 86, 232, .15); }.care-motion::after { position: absolute; z-index: 2; inset: 0; content: ""; background: linear-gradient(180deg, transparent 56%, rgba(15, 9, 35, .42) 74%, rgba(15, 9, 35, .96) 100%); pointer-events: none; }.care-motion img { position: relative; z-index: 1; width: min(89%, 286px); height: 100%; max-width: none; object-fit: contain; filter: saturate(1.08) drop-shadow(0 18px 24px rgba(0, 0, 0, .28)); }.card-meal { background: linear-gradient(155deg, rgba(74, 37, 91, .66), rgba(21, 13, 44, .6)); }.care-motion-eating img { width: min(79%, 250px); transform: translateY(18px); animation: xiaoliuNibble 3.4s ease-in-out infinite; }.motion-orb { position: absolute; z-index: 0; border-radius: 50%; filter: blur(1px); }.orb-meal-one { top: 21%; left: 17%; width: 17px; height: 17px; background: var(--peach); box-shadow: 0 0 28px rgba(255, 195, 167, .7); animation: xiaoliuBubble 3.1s ease-in-out infinite; }.orb-meal-two { top: 36%; right: 16%; width: 9px; height: 9px; background: var(--cyan); box-shadow: 0 0 24px rgba(116, 235, 255, .75); animation: xiaoliuBubble 3.1s .85s ease-in-out infinite; }.card-move { background: linear-gradient(155deg, rgba(24, 62, 88, .58), rgba(25, 17, 61, .62)); }.care-motion-exercise { background: radial-gradient(circle at 50% 35%, rgba(116, 235, 255, .17), transparent 43%), linear-gradient(145deg, #122744, #151033 75%); }.care-motion-exercise img { width: min(93%, 292px); transform: translateY(13px); animation: xiaoliuExerciseGlow 4s ease-in-out infinite; }.motion-track { position: absolute; z-index: 0; bottom: 23px; left: 10%; width: 80%; height: 24px; border: 1px solid rgba(116, 235, 255, .23); border-radius: 50%; transform: perspective(80px) rotateX(55deg); box-shadow: 0 0 35px rgba(116, 235, 255, .12); }.orb-move-one { top: 22%; right: 17%; width: 13px; height: 13px; background: var(--cyan); box-shadow: 0 0 28px rgba(116, 235, 255, .66); animation: xiaoliuOrbit 5.3s linear infinite; }.card-swing { background: linear-gradient(155deg, rgba(55, 38, 108, .68), rgba(28, 16, 61, .68)); }.care-motion-swing { background: radial-gradient(circle at 50% 57%, rgba(255, 170, 216, .2), transparent 37%), linear-gradient(145deg, #2d1a58, #110d2c); }.care-motion-swing img { width: min(96%, 309px); transform: translateY(15px); }.swing-halo { position: absolute; z-index: 0; bottom: 20px; width: 70%; height: 58px; border: 1px solid rgba(255, 181, 224, .18); border-radius: 50%; box-shadow: 0 0 45px rgba(195, 137, 255, .17); }.swing-star { position: absolute; z-index: 1; color: #ffd5eb; text-shadow: 0 0 18px rgba(255, 163, 215, .78); font-size: 14px; animation: xiaoliuStar 2.8s ease-in-out infinite; }.star-one { top: 27%; left: 20%; }.star-two { top: 39%; right: 17%; animation-delay: 1.1s; }.care-card .card-copy { z-index: 3; margin-top: auto; padding-top: 28px; }.card-meal .card-copy { padding-top: 35px; }.care-card:hover .care-motion img { filter: saturate(1.17) drop-shadow(0 21px 27px rgba(0, 0, 0, .34)); }.care-card:hover .care-motion-eating img { animation-duration: 2.5s; }
@keyframes xiaoliuNibble { 0%, 100% { transform: translateY(18px) rotate(0deg); } 22% { transform: translateY(12px) rotate(-1.5deg); } 48% { transform: translateY(20px) rotate(1.2deg); } 70% { transform: translateY(14px) rotate(-.8deg); } } @keyframes xiaoliuBubble { 0%,100% { transform: translate3d(0,0,0) scale(.8); opacity: .35; } 55% { transform: translate3d(5px,-19px,0) scale(1.14); opacity: 1; } } @keyframes xiaoliuExerciseGlow { 0%,100% { transform: translateY(13px) scale(1); } 50% { transform: translateY(7px) scale(1.025); } } @keyframes xiaoliuOrbit { from { transform: rotate(0deg) translateX(19px) rotate(0deg); } to { transform: rotate(360deg) translateX(19px) rotate(-360deg); } } @keyframes xiaoliuStar { 0%,100% { opacity: .34; transform: scale(.74) rotate(0deg); } 52% { opacity: 1; transform: scale(1.16) rotate(22deg); } }
@media (max-width: 1050px) { .care-card { min-height: 490px; }.care-card:first-child .care-motion { height: 285px; } }
@media (max-width: 560px) { .care-card, .care-card:first-child { min-height: 466px; }.care-card:first-child .care-motion, .care-motion { height: 224px; }.care-motion img { width: min(88%, 262px); }.care-motion-swing img { width: min(94%, 284px); }.care-card .card-copy, .card-meal .card-copy { padding-top: 25px; } }


/* The first motion card should not inherit the old two-row span at tablet widths. */
@media (max-width: 1050px) { .care-card:first-child { grid-row: auto; } }


/* Let the animated characters reach lower into the card; copy follows without a forced empty gap. */
.care-motion { height: 300px; }.care-motion::after { background: linear-gradient(180deg, transparent 68%, rgba(15, 9, 35, .12) 84%, rgba(15, 9, 35, .42) 100%); }.care-card .card-copy, .card-meal .card-copy { margin-top: 0; padding-top: 18px; }.care-motion-eating img { transform: translateY(28px); }.care-motion-exercise img { transform: translateY(22px); }.care-motion-swing img { transform: translateY(24px); }
@media (max-width: 1050px) { .care-card:first-child .care-motion, .care-motion { height: 292px; } }
@media (max-width: 560px) { .care-card:first-child .care-motion, .care-motion { height: 250px; }.care-motion-eating img { transform: translateY(20px); }.care-motion-exercise img { transform: translateY(16px); }.care-motion-swing img { transform: translateY(18px); }.care-card .card-copy, .card-meal .card-copy { padding-top: 16px; } }


/* App-aligned nutrition progress: each recognized value is shown against a daily target. */
.nutrition-goal-heading { display: flex; align-items: end; justify-content: space-between; gap: 12px; width: 100%; margin: 2px 0 12px; }.nutrition-goal-heading > div { display: grid; gap: 3px; }.nutrition-goal-heading span { color: var(--ink); font-size: 13px; font-weight: 800; letter-spacing: -.03em; }.nutrition-goal-heading small { color: var(--dim); font-size: 9px; letter-spacing: .04em; }.nutrition-goal-heading > strong { max-width: 134px; color: var(--cyan); font-size: 9px; font-weight: 800; line-height: 1.35; text-align: right; }.nutrition-progress-list { display: grid; gap: 10px; width: 100%; padding: 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 16px; background: rgba(4, 8, 26, .24); }.nutrition-target-item { display: grid; grid-template-columns: 1fr 38px; gap: 6px 10px; align-items: center; }.nutrition-target-item > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; }.nutrition-target-item > div:first-child > span { color: rgba(239,232,249,.75); font-size: 10px; font-weight: 750; }.nutrition-target-item strong { display: inline-flex; align-items: baseline; flex-shrink: 0; color: var(--ink); font-size: 12px; font-weight: 800; letter-spacing: -.03em; }.nutrition-target-item strong b { font-size: 14px; }.nutrition-target-item strong small { color: var(--dim); font-size: 9px; font-weight: 700; letter-spacing: 0; }.nutrition-target-item strong i { font-style: normal; }.nutrition-target-track { grid-column: 1 / 2; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); box-shadow: inset 0 1px 2px rgba(0,0,0,.18); }.nutrition-target-track i { display: block; height: 100%; min-width: 5px; border-radius: inherit; background: linear-gradient(90deg, color-mix(in srgb, var(--metric-color) 63%, #fff 37%), var(--metric-color)); box-shadow: 0 0 12px color-mix(in srgb, var(--metric-color) 58%, transparent); transition: width .48s cubic-bezier(.2,.8,.2,1); }.nutrition-target-item > small { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--dim); font-size: 10px; font-weight: 800; text-align: right; }.nutrition-demo-shell.is-scanning .nutrition-target-track i { opacity: .42; }
@media (max-width: 560px) { .nutrition-goal-heading > strong { max-width: 110px; }.nutrition-progress-list { gap: 9px; padding: 13px; }.nutrition-target-item { grid-template-columns: 1fr 34px; gap: 5px 8px; } }


/* Keep the revised seven-character hero statement on two balanced lines at tablet widths. */
@media (min-width: 701px) and (max-width: 1050px) { .hero h1 { font-size: 46px; letter-spacing: -.065em; } }


/* Audience hub: one FeedSelf, three deliberate paths in. */
.audience-hub { position: relative; overflow: hidden; padding: 132px 0 140px; background: radial-gradient(circle at 82% 18%, rgba(119, 95, 241, .19), transparent 25rem), radial-gradient(circle at 13% 78%, rgba(255, 146, 202, .12), transparent 30rem), linear-gradient(180deg, rgba(38, 21, 68, .16), rgba(12, 8, 29, .08)); }
.audience-hub::before { position: absolute; top: 19%; right: -12%; width: 560px; aspect-ratio: 1; content: ""; border: 1px solid rgba(155, 129, 255, .14); border-radius: 50%; box-shadow: inset 0 0 140px rgba(137, 93, 224, .07); }
.audience-heading { position: relative; z-index: 1; max-width: 720px; margin-bottom: 43px; }
.audience-heading h2 { max-width: 690px; margin: 0 0 24px; font-size: clamp(38px, 4.7vw, 67px); font-weight: 750; line-height: 1.08; letter-spacing: -.065em; }
.audience-heading > p:last-child { max-width: 620px; margin: 0; color: var(--mist); font-size: 16px; line-height: 1.85; }
.audience-switch { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.audience-tab { position: relative; display: grid; grid-template-columns: 27px 1fr; align-items: center; column-gap: 10px; min-height: 92px; padding: 16px 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; color: var(--mist); background: rgba(255, 255, 255, .026); text-align: left; cursor: pointer; transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease; }
.audience-tab::before { position: absolute; top: 0; right: 18px; left: 18px; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(255, 186, 224, .78), transparent); opacity: 0; transition: opacity .22s ease; }
.audience-tab:hover { transform: translateY(-3px); border-color: rgba(255, 203, 229, .34); background: rgba(255, 255, 255, .055); }
.audience-tab.is-active { color: var(--ink); border-color: rgba(255, 201, 229, .54); background: linear-gradient(125deg, rgba(255, 166, 208, .17), rgba(122, 104, 237, .16)); box-shadow: 0 16px 36px rgba(0, 0, 0, .17); }
.audience-tab.is-active::before { opacity: 1; }
.audience-tab b { align-self: start; color: rgba(255, 221, 240, .63); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: .08em; }
.audience-tab span { align-self: end; font-size: 16px; font-weight: 780; letter-spacing: -.035em; }
.audience-tab small { grid-column: 2; color: var(--dim); font-size: 10px; letter-spacing: .04em; }
.audience-tab.is-active small { color: rgba(255, 226, 243, .72); }
.audience-panels { position: relative; z-index: 1; }
.audience-panel { display: grid; grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr); align-items: stretch; gap: clamp(34px, 6.2vw, 94px); min-height: 535px; padding: clamp(26px, 4vw, 52px); overflow: hidden; border: 1px solid rgba(255, 202, 228, .24); border-radius: 28px; background: radial-gradient(circle at 0% 100%, rgba(161, 108, 255, .2), transparent 31%), linear-gradient(136deg, rgba(57, 32, 92, .65), rgba(15, 11, 36, .82)); box-shadow: 0 28px 80px rgba(0, 0, 0, .22); }
.audience-panel[hidden] { display: none !important; }
.audience-panel::after { position: absolute; right: -7%; bottom: -42%; width: 405px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; box-shadow: inset 0 0 100px rgba(255, 164, 215, .06); pointer-events: none; }
.audience-panel#audiencePartners { background: radial-gradient(circle at 0% 100%, rgba(89, 214, 198, .14), transparent 31%), linear-gradient(136deg, rgba(30, 67, 90, .58), rgba(13, 18, 39, .86)); }
.audience-panel#audienceInvestors { background: radial-gradient(circle at 0% 100%, rgba(255, 182, 112, .15), transparent 31%), linear-gradient(136deg, rgba(67, 42, 86, .68), rgba(19, 12, 38, .86)); }
.audience-orbit { position: relative; display: grid; place-items: center; align-self: center; width: min(100%, 400px); aspect-ratio: 1; margin: 0 auto; border: 1px solid rgba(255, 255, 255, .17); border-radius: 50%; background: radial-gradient(circle at 50% 46%, rgba(255, 205, 231, .18), transparent 25%), radial-gradient(circle at 45% 58%, rgba(128, 164, 255, .14), transparent 48%); box-shadow: inset 0 0 85px rgba(186, 132, 255, .14), 0 0 70px rgba(100, 82, 210, .12); }
.audience-orbit::before, .audience-orbit::after { position: absolute; content: ""; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; }
.audience-orbit::before { inset: 13%; }.audience-orbit::after { inset: 28%; border-color: rgba(255, 184, 221, .23); }
.orbit-grid { position: absolute; width: 75%; height: 30%; border-top: 1px solid rgba(177, 224, 255, .28); border-bottom: 1px solid rgba(255, 190, 224, .24); border-radius: 50%; transform: rotate(-24deg); }
.orbit-grid::before { position: absolute; top: 50%; left: -13%; width: 126%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent); }
.orbit-core { position: relative; z-index: 2; display: grid; place-items: center; width: 29%; aspect-ratio: 1; border: 1px solid rgba(255, 255, 255, .52); border-radius: 50%; color: #2c153d; background: linear-gradient(135deg, #ffd2e6, #c7aeff 58%, #93edff); box-shadow: 0 0 38px rgba(255, 157, 207, .48); font-size: clamp(18px, 2vw, 27px); font-weight: 900; letter-spacing: -.08em; }
.orbit-tag { position: absolute; z-index: 2; display: grid; place-items: center; min-width: 43px; height: 31px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, .34); border-radius: 999px; color: rgba(255, 249, 255, .9); background: rgba(25, 15, 54, .68); box-shadow: 0 10px 26px rgba(0, 0, 0, .2); backdrop-filter: blur(8px); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.tag-meal { top: 16%; left: 12%; }.tag-rest { top: 27%; right: 7%; }.tag-move { bottom: 18%; left: 13%; }
.orbit-pulse { position: absolute; width: 70%; aspect-ratio: 1; border: 1px solid rgba(253, 171, 218, .22); border-radius: 50%; animation: audiencePulse 4.8s ease-out infinite; }
.audience-orbit-partners { background: radial-gradient(circle at 50% 46%, rgba(176, 255, 236, .15), transparent 25%), radial-gradient(circle at 45% 58%, rgba(100, 194, 255, .15), transparent 48%); }.audience-orbit-partners .orbit-core { background: linear-gradient(135deg, #c6fff0, #82d9e5 58%, #c3b1ff); box-shadow: 0 0 38px rgba(113, 235, 210, .42); }.audience-orbit-partners .orbit-pulse { border-color: rgba(129, 239, 211, .26); }
.audience-orbit-investors { background: radial-gradient(circle at 50% 46%, rgba(255, 232, 194, .18), transparent 25%), radial-gradient(circle at 45% 58%, rgba(224, 145, 255, .15), transparent 48%); }.audience-orbit-investors .orbit-core { background: linear-gradient(135deg, #ffdeb0, #ffb7cf 58%, #bfabff); box-shadow: 0 0 38px rgba(255, 191, 128, .45); }.audience-orbit-investors .orbit-pulse { border-color: rgba(255, 201, 132, .29); }
.audience-copy { position: relative; z-index: 2; align-self: center; max-width: 650px; }
.audience-kicker { margin-bottom: 13px; color: var(--pink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.audience-copy h3 { max-width: 620px; margin: 0 0 17px; font-size: clamp(32px, 3.4vw, 52px); font-weight: 740; line-height: 1.11; letter-spacing: -.07em; }
.audience-summary { max-width: 625px; margin: 0 0 24px; color: var(--mist); font-size: 15px; line-height: 1.82; }
.audience-points { display: grid; gap: 1px; margin: 0 0 23px; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; background: rgba(255, 255, 255, .1); }
.audience-points li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 12px 14px; background: rgba(14, 11, 34, .58); }
.audience-points i { padding-top: 2px; color: rgba(255, 210, 235, .73); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-style: normal; letter-spacing: .08em; }
.audience-points div { display: grid; gap: 4px; }.audience-points strong { font-size: 13px; font-weight: 780; }.audience-points span { color: var(--dim); font-size: 12px; line-height: 1.55; }
.audience-entry { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 0 17px; border: 1px solid rgba(255, 203, 229, .43); border-radius: 15px; color: #30143e; background: linear-gradient(115deg, #ffc1de, #ffc8b1); box-shadow: 0 12px 30px rgba(255, 136, 193, .16); font-size: 13px; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.audience-entry:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(255, 136, 193, .27); }.audience-entry i { font-style: normal; font-size: 15px; }.audience-guide-entry { border: 0; font-family: inherit; }
.audience-disclaimer { margin: -4px 0 18px; color: rgba(228, 218, 244, .57); font-size: 10px; line-height: 1.6; }
@keyframes audiencePulse { 0% { transform: scale(.74); opacity: .8; } 70%, 100% { transform: scale(1.13); opacity: 0; } }
@media (max-width: 1050px) { .audience-panel { grid-template-columns: minmax(285px, .78fr) minmax(0, 1.22fr); gap: 30px; min-height: 510px; padding: 31px; }.audience-copy h3 { font-size: clamp(33px, 4.1vw, 45px); }.audience-orbit { width: min(100%, 330px); } }
@media (max-width: 700px) { .audience-hub { padding: 78px 0 82px; }.audience-heading { width: min(620px, calc(100% - 36px)); margin-bottom: 30px; }.audience-heading h2 { margin-bottom: 17px; font-size: clamp(34px, 10vw, 49px); }.audience-heading > p:last-child { font-size: 14px; line-height: 1.75; }.audience-switch, .audience-panels { width: min(620px, calc(100% - 36px)); }.audience-switch { gap: 7px; margin-bottom: 10px; }.audience-tab { grid-template-columns: 1fr; min-height: 68px; padding: 11px 8px; border-radius: 15px; text-align: center; }.audience-tab b, .audience-tab small { display: none; }.audience-tab span { align-self: center; font-size: 13px; }.audience-panel { grid-template-columns: 1fr; gap: 25px; min-height: 0; padding: 25px 21px 27px; border-radius: 22px; }.audience-orbit { width: min(285px, 82vw); }.audience-copy h3 { margin-bottom: 15px; font-size: clamp(32px, 9vw, 43px); }.audience-summary { margin-bottom: 19px; font-size: 14px; line-height: 1.72; }.audience-points li { grid-template-columns: 25px 1fr; gap: 7px; padding: 11px; }.audience-points strong { font-size: 12px; }.audience-points span { font-size: 11px; }.audience-entry { width: 100%; min-height: 51px; }.audience-disclaimer { margin-top: -2px; } }


/* Bottom site network: secondary audience narratives move to their own pages. */
.station-directory { position: relative; padding: 116px 0 122px; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .06); background: radial-gradient(circle at 88% 66%, rgba(255, 135, 195, .12), transparent 26rem), linear-gradient(180deg, rgba(11, 8, 29, .12), rgba(36, 20, 65, .4)); }
.station-directory::after { position: absolute; top: 22%; left: -11%; width: 420px; aspect-ratio: 1; content: ""; border: 1px solid rgba(151, 126, 255, .14); border-radius: 50%; box-shadow: inset 0 0 110px rgba(120, 92, 222, .08); }
.station-directory-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, .84fr) minmax(0, 1.16fr); align-items: start; gap: clamp(36px, 8vw, 138px); }
.station-directory-copy { max-width: 510px; }.station-directory-copy h2 { margin: 0 0 22px; font-size: clamp(36px, 4.5vw, 61px); font-weight: 750; line-height: 1.1; letter-spacing: -.07em; }.station-directory-copy > p:last-child { margin: 0; color: var(--mist); font-size: 15px; line-height: 1.85; }
.station-directory-links { display: grid; gap: 10px; }.station-link { display: grid; grid-template-columns: 34px minmax(0, 1fr) 22px; align-items: center; gap: 13px; min-height: 102px; padding: 18px 19px; border: 1px solid var(--line); border-radius: 19px; color: var(--mist); background: rgba(255, 255, 255, .035); transition: transform .22s ease, border-color .22s ease, background .22s ease; }.station-link:hover { border-color: rgba(255, 205, 231, .43); background: rgba(255, 255, 255, .08); transform: translateX(7px); }.station-link-home { border-color: rgba(255, 195, 225, .38); background: linear-gradient(120deg, rgba(255, 172, 210, .14), rgba(130, 108, 242, .13)); }.station-link-index { align-self: start; color: rgba(255, 219, 239, .65); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: .08em; }.station-link div { display: grid; gap: 4px; }.station-link small { color: var(--pink); font-size: 9px; font-weight: 800; letter-spacing: .11em; }.station-link strong { color: var(--ink); font-size: 17px; letter-spacing: -.04em; }.station-link p { margin: 0; color: var(--dim); font-size: 11px; line-height: 1.5; }.station-link i { color: var(--pink); font-size: 19px; font-style: normal; transition: transform .2s ease; }.station-link:hover i { transform: translate(3px, -3px); }

/* Dedicated secondary pages retain the visual language without bringing their full content into the home page. */
.secondary-page .site-header { border-color: rgba(255, 255, 255, .11); background: rgba(12, 9, 29, .72); box-shadow: 0 12px 50px rgba(0, 0, 0, .2); backdrop-filter: blur(22px); }.secondary-page .nav-links .is-current { color: var(--ink); }.secondary-page .nav-links .is-current::after { transform: scaleX(1); transform-origin: left; }
.secondary-main { padding-top: 128px; }.secondary-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); align-items: center; gap: clamp(36px, 9vw, 140px); min-height: 620px; padding: 58px 0 96px; }.secondary-hero-copy { max-width: 640px; }.secondary-hero-copy h1 { margin: 0 0 25px; font-size: clamp(52px, 6.2vw, 90px); font-weight: 780; line-height: .99; letter-spacing: -.08em; }.secondary-hero-copy > p:last-of-type { max-width: 590px; margin: 0 0 28px; color: var(--mist); font-size: 16px; line-height: 1.85; }.secondary-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; }.secondary-hero-tags span { padding: 8px 10px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; color: rgba(246, 233, 250, .78); background: rgba(255, 255, 255, .045); font-size: 10px; font-weight: 700; letter-spacing: .04em; }.secondary-hero-visual { display: grid; place-items: center; min-height: 400px; }.secondary-hero-visual .audience-orbit { width: min(400px, 92%); }
.secondary-section { position: relative; padding: 106px 0 118px; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .07); background: linear-gradient(180deg, rgba(57, 32, 92, .18), rgba(8, 6, 20, .18)); }.secondary-section-partners { background: radial-gradient(circle at 77% 32%, rgba(80, 225, 203, .11), transparent 28rem), linear-gradient(180deg, rgba(28, 63, 83, .22), rgba(8, 6, 20, .24)); }.secondary-section-investors { background: radial-gradient(circle at 77% 32%, rgba(255, 190, 116, .11), transparent 28rem), linear-gradient(180deg, rgba(75, 41, 83, .24), rgba(8, 6, 20, .25)); }.secondary-section-heading { max-width: 690px; margin-bottom: 37px; }.secondary-section-heading h2 { margin: 0 0 18px; font-size: clamp(35px, 4vw, 56px); font-weight: 740; line-height: 1.12; letter-spacing: -.065em; }.secondary-section-heading > p:last-child { max-width: 625px; margin: 0; color: var(--mist); font-size: 15px; line-height: 1.8; }
.secondary-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.secondary-card { min-height: 250px; padding: 25px; border: 1px solid var(--line); border-radius: 23px; background: rgba(255, 255, 255, .045); box-shadow: 0 16px 42px rgba(0, 0, 0, .14); }.secondary-card-index { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-bottom: 36px; border: 1px solid rgba(255, 203, 229, .34); border-radius: 50%; color: var(--pink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 800; }.secondary-card h3 { margin: 0 0 11px; font-size: 22px; font-weight: 740; letter-spacing: -.05em; }.secondary-card p { margin: 0; color: var(--mist); font-size: 13px; line-height: 1.75; }
.secondary-disclaimer { display: flex; align-items: flex-start; gap: 10px; margin-top: 19px; color: rgba(227, 218, 242, .65); font-size: 11px; line-height: 1.65; }.secondary-disclaimer i { flex: 0 0 auto; color: var(--peach); font-style: normal; }.secondary-bottom { padding: 87px 0 102px; }.secondary-bottom-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 28px 31px; border: 1px solid rgba(255, 202, 229, .25); border-radius: 23px; background: linear-gradient(120deg, rgba(255, 163, 211, .12), rgba(122, 107, 238, .1)); }.secondary-bottom-card p { max-width: 620px; margin: 0; color: var(--mist); font-size: 14px; line-height: 1.7; }.secondary-back-link { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; min-height: 45px; padding: 0 15px; border: 1px solid rgba(255, 209, 232, .34); border-radius: 14px; color: var(--ink); background: rgba(255, 255, 255, .06); font-size: 12px; font-weight: 800; }.secondary-back-link i { color: var(--pink); font-style: normal; }
.secondary-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 106px; padding: 25px max(20px, calc((100% - 1180px) / 2)); border-top: 1px solid var(--line); color: var(--dim); background: rgba(3, 3, 11, .38); font-size: 10px; }.secondary-footer-links { display: flex; flex-wrap: wrap; gap: 16px; }.secondary-footer-links a:hover { color: var(--pink); }
@media (max-width: 850px) { .station-directory-inner, .secondary-hero { grid-template-columns: 1fr; }.station-directory-copy { max-width: 670px; }.secondary-hero { min-height: 0; padding-top: 45px; }.secondary-hero-visual { order: -1; min-height: 305px; }.secondary-card-grid { grid-template-columns: 1fr; }.secondary-card { min-height: 0; }.secondary-card-index { margin-bottom: 22px; } }
@media (max-width: 700px) { .station-directory { padding: 76px 0 80px; }.station-directory-inner { width: min(620px, calc(100% - 36px)); gap: 30px; }.station-directory-copy h2 { margin-bottom: 17px; font-size: clamp(34px, 10vw, 49px); }.station-directory-copy > p:last-child { font-size: 14px; line-height: 1.75; }.station-link { grid-template-columns: 27px minmax(0, 1fr) 18px; min-height: 91px; gap: 9px; padding: 14px; }.station-link strong { font-size: 15px; }.station-link p { font-size: 10px; }.secondary-main { padding-top: 105px; }.secondary-hero { width: min(620px, calc(100% - 36px)); padding-bottom: 69px; }.secondary-hero-copy h1 { margin-bottom: 18px; font-size: clamp(46px, 13vw, 66px); }.secondary-hero-copy > p:last-of-type { margin-bottom: 22px; font-size: 14px; line-height: 1.75; }.secondary-hero-visual { min-height: 280px; }.secondary-section { padding: 72px 0 78px; }.secondary-section > .section-frame { width: min(620px, calc(100% - 36px)); }.secondary-section-heading { margin-bottom: 27px; }.secondary-section-heading h2 { margin-bottom: 14px; font-size: clamp(32px, 9vw, 44px); }.secondary-section-heading > p:last-child { font-size: 14px; line-height: 1.74; }.secondary-card-grid { gap: 10px; }.secondary-card { padding: 20px; border-radius: 18px; }.secondary-bottom { width: min(620px, calc(100% - 36px)); padding: 61px 0 72px; }.secondary-bottom-card { display: grid; gap: 17px; padding: 21px; border-radius: 18px; }.secondary-back-link { justify-content: center; width: 100%; }.secondary-footer { align-items: flex-start; flex-direction: column; padding: 25px 18px; } }


/* Investor page: structured narrative plus a clearly-labeled illustrative dashboard. */
.investor-main { overflow: clip; }
.investor-hero { min-height: 640px; }
.investor-hero-status { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: rgba(255, 222, 194, .78); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #ffc586; box-shadow: 0 0 0 0 rgba(255, 197, 134, .55); animation: investorStatus 2.1s infinite; }
@keyframes investorStatus { 70% { box-shadow: 0 0 0 8px rgba(255, 197, 134, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 197, 134, 0); } }
.investor-simulation-banner { position: relative; z-index: 2; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 222, 184, .24); background: linear-gradient(94deg, rgba(255, 158, 192, .13), rgba(246, 170, 110, .1), rgba(147, 109, 250, .1)); }
.simulation-banner-inner { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding: 19px 0; }
.simulation-banner-stamp { display: grid; place-items: center; min-width: 104px; min-height: 32px; border: 1px solid rgba(255, 213, 174, .66); border-radius: 6px; color: #ffd8aa; background: rgba(55, 23, 49, .35); box-shadow: inset 0 0 19px rgba(255, 218, 166, .08); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .12em; transform: rotate(-2deg); }
.simulation-banner-inner strong { color: var(--ink); font-size: 13px; }.simulation-banner-inner p { margin: 4px 0 0; color: var(--mist); font-size: 12px; line-height: 1.7; }.simulation-banner-inner b { color: #ffd8ae; }
.investor-section { position: relative; padding: 112px 0; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .07); }.investor-company-section { background: radial-gradient(circle at 93% 15%, rgba(255, 162, 212, .1), transparent 28rem), linear-gradient(180deg, rgba(72, 39, 91, .17), rgba(8, 6, 20, .16)); }.investor-metrics-section { background: radial-gradient(circle at 8% 18%, rgba(144, 107, 255, .16), transparent 29rem), radial-gradient(circle at 91% 70%, rgba(255, 183, 112, .11), transparent 27rem), linear-gradient(180deg, rgba(26, 17, 56, .75), rgba(7, 6, 19, .8)); }.investor-economics-section { background: radial-gradient(circle at 82% 25%, rgba(255, 158, 200, .11), transparent 27rem), linear-gradient(180deg, rgba(61, 35, 82, .22), rgba(10, 7, 25, .42)); }.investor-team-section { background: radial-gradient(circle at 4% 70%, rgba(122, 204, 255, .1), transparent 25rem), linear-gradient(180deg, rgba(20, 31, 58, .25), rgba(8, 6, 20, .18)); }
.investor-section-heading { display: grid; gap: 30px; margin-bottom: 42px; }.split-heading { grid-template-columns: minmax(0, 1fr) minmax(280px, .54fr); align-items: end; }.investor-section-heading h2 { margin: 0; font-size: clamp(38px, 4.6vw, 64px); font-weight: 760; line-height: 1.05; letter-spacing: -.075em; }.investor-section-heading > p { max-width: 465px; margin: 0 0 4px; color: var(--mist); font-size: 14px; line-height: 1.85; }.metrics-heading { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }.metric-data-note { display: grid; gap: 5px; justify-items: end; padding-bottom: 5px; color: rgba(230, 219, 250, .64); font-size: 10px; }.metric-data-note b { color: #ffd5a2; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }.metric-data-note span { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.card-kicker { display: block; margin-bottom: 13px; color: #ffb8d9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.company-thesis-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 14px; }.company-thesis-primary, .company-thesis-note { position: relative; min-height: 300px; padding: clamp(25px, 3.3vw, 42px); overflow: hidden; border: 1px solid rgba(255, 211, 234, .25); border-radius: 25px; }.company-thesis-primary { background: radial-gradient(circle at 84% 92%, rgba(255, 195, 128, .18), transparent 28%), linear-gradient(130deg, rgba(106, 62, 124, .62), rgba(27, 19, 57, .88)); }.company-thesis-primary::after { position: absolute; right: -7%; bottom: -55%; width: 350px; aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; }.company-thesis-note { background: linear-gradient(150deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .022)); }.company-thesis-primary h3 { position: relative; z-index: 1; max-width: 690px; margin: 0 0 17px; font-size: clamp(28px, 3.5vw, 46px); font-weight: 750; line-height: 1.15; letter-spacing: -.065em; }.company-thesis-note h3 { margin: 0 0 14px; font-size: 24px; font-weight: 730; line-height: 1.2; letter-spacing: -.055em; }.company-thesis-primary p, .company-thesis-note p { position: relative; z-index: 1; max-width: 610px; margin: 0; color: var(--mist); font-size: 14px; line-height: 1.82; }.company-thesis-line { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 34px; color: rgba(255, 239, 249, .85); font-size: 11px; font-weight: 800; }.company-thesis-line span { padding: 7px 9px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(12, 9, 32, .2); }.company-thesis-line i { color: #ffc997; font-style: normal; }
.product-loop { display: grid; grid-template-columns: 154px 1fr; gap: 24px; margin-top: 14px; padding: 25px 28px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 21px; background: rgba(255, 255, 255, .033); }.product-loop-label { display: grid; align-content: start; gap: 5px; color: var(--mist); }.product-loop-label span { color: var(--pink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; letter-spacing: .11em; }.product-loop-label b { font-size: 15px; letter-spacing: -.03em; }.product-loop ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; counter-reset: none; }.product-loop li { position: relative; display: grid; gap: 7px; min-height: 92px; padding: 0 8px 0 0; }.product-loop li:not(:last-child)::after { position: absolute; top: 26px; right: -6px; width: 12px; height: 1px; content: ""; background: linear-gradient(90deg, rgba(255, 202, 229, .55), transparent); }.product-loop li i { color: #ffb8d9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-style: normal; font-weight: 800; }.product-loop li strong { font-size: 13px; letter-spacing: -.035em; }.product-loop li span { color: var(--dim); font-size: 11px; line-height: 1.55; }
.metric-dashboard { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); gap: 12px; }.metric-hero-card, .metric-card { min-height: 218px; padding: 24px; border: 1px solid rgba(255, 217, 239, .18); border-radius: 21px; background: rgba(255, 255, 255, .045); box-shadow: 0 18px 48px rgba(0, 0, 0, .13); }.metric-hero-card { position: relative; overflow: hidden; background: radial-gradient(circle at 92% 14%, rgba(255, 202, 165, .38), transparent 19%), linear-gradient(136deg, rgba(156, 93, 150, .68), rgba(57, 37, 104, .84)); }.metric-card-rose { background: radial-gradient(circle at 80% 80%, rgba(255, 147, 206, .16), transparent 33%), rgba(255, 255, 255, .05); }.metric-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: rgba(245, 227, 251, .65); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 800; letter-spacing: .09em; }.metric-card-head i { padding: 4px 5px; border: 1px solid rgba(255, 225, 185, .3); border-radius: 5px; color: rgba(255, 215, 171, .82); font-size: 8px; font-style: normal; }.metric-hero-card > strong, .metric-card > strong { display: block; margin-top: 35px; font-size: clamp(33px, 3.6vw, 54px); font-weight: 760; line-height: 1; letter-spacing: -.075em; }.metric-card > strong { margin-top: 38px; font-size: clamp(30px, 2.8vw, 39px); }.metric-hero-card > p, .metric-card > p { margin: 8px 0 0; color: var(--mist); font-size: 12px; }.metric-card > small { display: block; margin-top: 13px; color: rgba(223, 211, 241, .52); font-size: 10px; line-height: 1.5; }.metric-wave { position: absolute; right: 20px; bottom: 19px; display: flex; align-items: end; gap: 4px; height: 41px; }.metric-wave span { width: 7px; border-radius: 8px; background: linear-gradient(180deg, #ffd5a8, #ff91c6); animation: investorBars 2.6s ease-in-out infinite alternate; }.metric-wave span:nth-child(1) { height: 22%; }.metric-wave span:nth-child(2) { height: 50%; animation-delay: .2s; }.metric-wave span:nth-child(3) { height: 79%; animation-delay: .5s; }.metric-wave span:nth-child(4) { height: 43%; animation-delay: .8s; }.metric-wave span:nth-child(5) { height: 91%; animation-delay: 1.1s; }.metric-wave span:nth-child(6) { height: 62%; animation-delay: 1.35s; } @keyframes investorBars { to { transform: scaleY(.57); opacity: .56; } }
.signal-board { display: grid; grid-template-columns: minmax(260px, .83fr) minmax(0, 1.17fr); gap: clamp(30px, 7vw, 100px); align-items: center; margin-top: 14px; padding: clamp(27px, 4vw, 48px); border: 1px solid rgba(255, 255, 255, .1); border-radius: 25px; background: linear-gradient(121deg, rgba(53, 39, 105, .64), rgba(21, 16, 51, .67)); }.signal-board-copy h3 { max-width: 370px; margin: 0 0 14px; font-size: clamp(25px, 2.7vw, 37px); line-height: 1.15; letter-spacing: -.06em; }.signal-board-copy p { max-width: 440px; margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }.signal-bars { display: grid; gap: 17px; }.signal-bars > div { display: grid; gap: 8px; }.signal-bars span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.signal-bars b { color: rgba(246, 235, 254, .84); font-size: 12px; }.signal-bars em { color: #ffc598; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-style: normal; font-weight: 800; }.signal-bars i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .08); }.signal-bars u { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #bca1ff, #ff9cc9, #ffd090); text-decoration: none; box-shadow: 0 0 14px rgba(255, 163, 210, .34); }.investor-inline-disclaimer { display: flex; gap: 8px; max-width: 765px; margin: 16px 0 0; color: rgba(229, 218, 244, .61); font-size: 10px; line-height: 1.7; }.investor-inline-disclaimer i { color: #ffca94; font-style: normal; }
.economics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.business-path-card { min-height: 260px; padding: 25px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 22px; background: rgba(255, 255, 255, .035); }.business-path-card.current { background: linear-gradient(145deg, rgba(139, 104, 232, .24), rgba(255, 255, 255, .035)); }.business-path-card.beta { background: linear-gradient(145deg, rgba(255, 149, 198, .18), rgba(255, 255, 255, .035)); }.business-path-card.planned { background: linear-gradient(145deg, rgba(101, 213, 227, .14), rgba(255, 255, 255, .035)); }.path-status { display: inline-flex; padding: 6px 7px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 7px; color: rgba(255, 221, 188, .9); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; font-weight: 800; letter-spacing: .1em; }.business-path-card h3 { margin: 46px 0 10px; font-size: 24px; letter-spacing: -.055em; }.business-path-card p { margin: 0; color: var(--mist); font-size: 13px; line-height: 1.77; }.business-path-card small { display: block; margin-top: 18px; color: rgba(223, 210, 240, .56); font-size: 10px; }.cost-board { margin-top: 14px; padding: clamp(26px, 4.2vw, 50px); border: 1px solid rgba(255, 217, 239, .18); border-radius: 26px; background: radial-gradient(circle at 4% 96%, rgba(231, 165, 255, .1), transparent 26%), rgba(255, 255, 255, .033); }.cost-board-head { display: grid; grid-template-columns: 1fr minmax(270px, .55fr); gap: 25px; align-items: end; padding-bottom: 27px; border-bottom: 1px solid rgba(255, 255, 255, .09); }.cost-board-head h3 { margin: 0; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.065em; }.cost-board-head p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.7; }.cost-board-head b { color: #ffc892; }.cost-bars { display: grid; gap: 15px; margin-top: 28px; }.cost-row { display: grid; grid-template-columns: minmax(150px, .65fr) 42px minmax(120px, 1.35fr); gap: 12px; align-items: center; }.cost-row span { color: rgba(248, 238, 252, .84); font-size: 12px; }.cost-row b { color: #ffbedc; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }.cost-row i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .08); }.cost-row u { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #c5a4ff, #ff9ccc); box-shadow: 0 0 12px rgba(224, 143, 255, .3); text-decoration: none; }.cost-controls { display: grid; grid-template-columns: 157px 1fr; gap: 15px; margin-top: 28px; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, .09); }.cost-controls span { color: #ffcca0; font-size: 11px; font-weight: 800; }.cost-controls p { margin: 0; color: rgba(227, 217, 243, .69); font-size: 11px; line-height: 1.75; }
.team-capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.team-capability-grid article { min-height: 242px; padding: 23px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 21px; background: rgba(255, 255, 255, .035); }.team-capability-grid span { display: block; color: #ffbad9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.team-capability-grid h3 { margin: 37px 0 11px; font-size: 20px; line-height: 1.18; letter-spacing: -.05em; }.team-capability-grid p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.75; }.team-capability-grid small { display: block; margin-top: 17px; color: rgba(225, 213, 243, .52); font-size: 10px; }
.investor-next-section { padding-top: 92px; padding-bottom: 108px; }.investor-next-card { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(28px, 4vw, 50px); border: 1px solid rgba(255, 205, 232, .28); border-radius: 27px; background: radial-gradient(circle at 90% 0%, rgba(255, 191, 135, .16), transparent 24%), linear-gradient(120deg, rgba(255, 154, 209, .13), rgba(119, 103, 240, .14)); }.investor-next-card h2 { margin: 0 0 14px; font-size: clamp(29px, 3.3vw, 44px); letter-spacing: -.065em; }.investor-next-card p:last-of-type { max-width: 725px; margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }
@media (max-width: 1050px) { .metric-dashboard { grid-template-columns: repeat(2, 1fr); }.metric-hero-card { grid-column: span 2; }.team-capability-grid { grid-template-columns: repeat(2, 1fr); }.split-heading { grid-template-columns: 1fr; }.investor-section-heading > p { max-width: 650px; }.product-loop { grid-template-columns: 1fr; }.product-loop ol { grid-template-columns: repeat(5, minmax(110px, 1fr)); overflow-x: auto; padding-bottom: 4px; }.company-thesis-grid { grid-template-columns: 1fr; }.company-thesis-note { min-height: 210px; } }
@media (max-width: 700px) { .investor-hero { min-height: 0; }.simulation-banner-inner { align-items: start; grid-template-columns: 1fr; gap: 10px; padding: 15px 0; }.simulation-banner-stamp { justify-self: start; }.investor-section { padding: 75px 0; }.investor-section-heading { margin-bottom: 29px; }.metrics-heading { grid-template-columns: 1fr; }.metric-data-note { justify-items: start; }.metric-dashboard { grid-template-columns: 1fr; }.metric-hero-card { grid-column: auto; }.metric-hero-card, .metric-card { min-height: 180px; }.metric-hero-card > strong, .metric-card > strong { margin-top: 27px; }.signal-board { grid-template-columns: 1fr; gap: 30px; padding: 25px 19px; }.economics-grid { grid-template-columns: 1fr; }.business-path-card { min-height: 0; }.business-path-card h3 { margin-top: 27px; }.cost-board { padding: 25px 19px; }.cost-board-head { grid-template-columns: 1fr; }.cost-row { grid-template-columns: 1fr 37px; gap: 7px; }.cost-row i { grid-column: 1 / -1; }.cost-controls { grid-template-columns: 1fr; gap: 7px; }.team-capability-grid { grid-template-columns: 1fr; }.team-capability-grid article { min-height: 0; }.team-capability-grid h3 { margin-top: 23px; }.investor-next-section { padding-top: 63px; padding-bottom: 75px; }.investor-next-card { align-items: flex-start; flex-direction: column; gap: 24px; }.investor-next-card .secondary-back-link { width: 100%; justify-content: center; } }


/* Partner page: concrete co-experiment paths for hardware, joint marketing, and healthy meals. */
.partner-main { overflow: clip; }.partner-hero { min-height: 640px; }.partner-hero-status { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: rgba(192, 255, 235, .75); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 800; letter-spacing: .09em; }.partner-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #8fe8d4; box-shadow: 0 0 0 0 rgba(143, 232, 212, .55); animation: partnerStatus 2.1s infinite; } @keyframes partnerStatus { 70% { box-shadow: 0 0 0 8px rgba(143, 232, 212, 0); } 100% { box-shadow: 0 0 0 0 rgba(143, 232, 212, 0); } }
.partner-disclosure-banner { position: relative; z-index: 2; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(157, 239, 216, .24); background: linear-gradient(94deg, rgba(76, 188, 173, .15), rgba(76, 147, 219, .1), rgba(141, 114, 230, .1)); }.partner-disclosure-inner { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding: 19px 0; }.partner-disclosure-stamp { display: grid; place-items: center; min-width: 90px; min-height: 32px; border: 1px solid rgba(166, 249, 226, .66); border-radius: 6px; color: #bff9e7; background: rgba(18, 64, 70, .36); box-shadow: inset 0 0 19px rgba(166, 249, 226, .08); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .12em; transform: rotate(-2deg); }.partner-disclosure-inner strong { color: var(--ink); font-size: 13px; }.partner-disclosure-inner p { margin: 4px 0 0; color: var(--mist); font-size: 12px; line-height: 1.7; }
.partner-section { position: relative; padding: 112px 0; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, .07); }.partner-routes-section { background: radial-gradient(circle at 88% 10%, rgba(96, 234, 211, .12), transparent 27rem), linear-gradient(180deg, rgba(22, 70, 83, .27), rgba(8, 8, 22, .23)); }.partner-pilot-section { background: radial-gradient(circle at 7% 64%, rgba(116, 176, 255, .15), transparent 28rem), linear-gradient(180deg, rgba(34, 45, 85, .4), rgba(8, 6, 20, .2)); }.partner-boundary-section { background: radial-gradient(circle at 93% 38%, rgba(139, 108, 245, .12), transparent 29rem), linear-gradient(180deg, rgba(44, 32, 74, .24), rgba(8, 6, 20, .24)); }.partner-section-heading { display: grid; gap: 20px; max-width: 730px; margin-bottom: 40px; }.partner-section-heading h2 { margin: 0; font-size: clamp(38px, 4.5vw, 62px); font-weight: 760; line-height: 1.07; letter-spacing: -.075em; }.partner-section-heading > p { max-width: 650px; margin: 0; color: var(--mist); font-size: 14px; line-height: 1.85; }.partner-split-heading { grid-template-columns: minmax(0, 1fr) minmax(270px, .55fr); align-items: end; max-width: none; gap: 35px; }.partner-split-heading > p { padding-bottom: 4px; }
.partner-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.partner-route-card { display: grid; align-content: start; min-height: 575px; padding: 25px; border: 1px solid rgba(225, 255, 248, .17); border-radius: 24px; background: rgba(255, 255, 255, .035); box-shadow: 0 18px 44px rgba(0, 0, 0, .14); }.partner-route-card.route-scale { background: radial-gradient(circle at 90% 4%, rgba(130, 244, 220, .18), transparent 26%), linear-gradient(147deg, rgba(42, 99, 106, .44), rgba(14, 24, 45, .82)); }.partner-route-card.route-marketing { background: radial-gradient(circle at 90% 4%, rgba(255, 175, 218, .17), transparent 26%), linear-gradient(147deg, rgba(90, 51, 102, .52), rgba(22, 15, 46, .84)); }.partner-route-card.route-meal { background: radial-gradient(circle at 90% 4%, rgba(255, 209, 137, .16), transparent 26%), linear-gradient(147deg, rgba(93, 70, 50, .44), rgba(22, 17, 44, .84)); }.partner-route-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.route-index { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, .29); border-radius: 50%; color: #cffff1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; }.route-type { color: rgba(219, 255, 246, .72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; font-weight: 900; letter-spacing: .1em; }.partner-route-card h3 { margin: 43px 0 10px; font-size: 26px; font-weight: 750; letter-spacing: -.06em; }.route-lead { min-height: 69px; margin: 0; color: var(--mist); font-size: 13px; line-height: 1.75; }.route-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 23px 0 19px; padding: 14px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 15px; background: rgba(7, 11, 25, .3); }.route-flow span { color: rgba(243, 251, 249, .83); font-size: 10px; font-weight: 750; line-height: 1.4; }.route-flow i { color: #9af2da; font-size: 12px; font-style: normal; }.route-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.route-columns > div { padding: 12px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; background: rgba(255, 255, 255, .035); }.route-columns b { color: #bdf8e5; font-size: 10px; }.route-columns p { margin: 6px 0 0; color: rgba(224, 216, 239, .7); font-size: 10px; line-height: 1.6; }.route-check { display: grid; gap: 7px; margin-top: 18px; padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, .1); }.route-check b { color: #ffd5aa; font-size: 11px; }.route-check span { color: rgba(228, 217, 244, .75); font-size: 10px; line-height: 1.6; }.partner-route-card > small { align-self: end; margin-top: 12px; color: rgba(221, 210, 240, .5); font-size: 10px; line-height: 1.55; }
.partner-pilot-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 0; padding: 0; list-style: none; }.partner-pilot-steps li { display: grid; grid-template-columns: 33px 1fr; gap: 14px; min-height: 178px; padding: 23px; border: 1px solid rgba(185, 221, 255, .17); border-radius: 21px; background: rgba(255, 255, 255, .037); }.partner-pilot-steps span { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(158, 235, 216, .35); border-radius: 50%; color: #bffce8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; }.partner-pilot-steps b { display: block; margin-top: 2px; font-size: 18px; letter-spacing: -.045em; }.partner-pilot-steps p { margin: 10px 0 0; color: var(--mist); font-size: 12px; line-height: 1.75; }
.partner-boundary-card { display: grid; grid-template-columns: minmax(0, .78fr) minmax(310px, 1.22fr); gap: clamp(32px, 8vw, 128px); padding: clamp(29px, 5vw, 58px); border: 1px solid rgba(201, 185, 255, .22); border-radius: 28px; background: radial-gradient(circle at 2% 100%, rgba(123, 161, 255, .13), transparent 25%), linear-gradient(130deg, rgba(60, 45, 93, .69), rgba(13, 12, 33, .82)); }.partner-boundary-card h2 { margin: 0; font-size: clamp(34px, 3.8vw, 54px); font-weight: 750; line-height: 1.1; letter-spacing: -.07em; }.partner-boundary-points { display: grid; gap: 0; align-content: center; border-top: 1px solid rgba(255, 255, 255, .1); }.partner-boundary-points p { margin: 0; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); color: var(--mist); font-size: 12px; line-height: 1.75; }.partner-boundary-points b { color: #c9eaff; }.partner-next-section { padding-top: 92px; padding-bottom: 108px; }.partner-next-card { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(28px, 4vw, 50px); border: 1px solid rgba(171, 248, 225, .24); border-radius: 27px; background: radial-gradient(circle at 89% 0%, rgba(134, 243, 217, .15), transparent 24%), linear-gradient(120deg, rgba(73, 179, 165, .15), rgba(109, 92, 229, .14)); }.partner-next-card h2 { margin: 0 0 14px; font-size: clamp(29px, 3.3vw, 44px); letter-spacing: -.065em; }.partner-next-card p:last-of-type { max-width: 725px; margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }
@media (max-width: 1050px) { .partner-route-grid { grid-template-columns: 1fr; }.partner-route-card { min-height: 0; }.route-lead { min-height: 0; }.partner-split-heading { grid-template-columns: 1fr; }.partner-split-heading > p { max-width: 650px; }.partner-pilot-steps { grid-template-columns: 1fr; }.partner-pilot-steps li { min-height: 0; }.partner-boundary-card { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 700px) { .partner-hero { min-height: 0; }.partner-disclosure-inner { align-items: start; grid-template-columns: 1fr; gap: 10px; padding: 15px 0; }.partner-disclosure-stamp { justify-self: start; }.partner-section { padding: 75px 0; }.partner-section-heading { margin-bottom: 29px; }.partner-section-heading h2 { font-size: clamp(34px, 9vw, 47px); }.partner-route-card { padding: 20px; border-radius: 20px; }.partner-route-card h3 { margin-top: 27px; font-size: 24px; }.route-columns { grid-template-columns: 1fr; }.route-flow { gap: 5px; }.partner-pilot-steps li { padding: 20px; }.partner-boundary-card { padding: 25px 20px; border-radius: 22px; }.partner-next-section { padding-top: 63px; padding-bottom: 75px; }.partner-next-card { align-items: flex-start; flex-direction: column; gap: 24px; }.partner-next-card .secondary-back-link { width: 100%; justify-content: center; } }


/* Audience pages, revised for people rather than internal project handoffs. */
.visitor-heading { max-width: 760px; }.visitor-heading h2 { max-width: 830px; }.visitor-heading > p { max-width: 610px; }
.visitor-belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.visitor-belief-grid article { min-height: 270px; padding: 26px; border: 1px solid rgba(255, 218, 240, .18); border-radius: 24px; background: rgba(255, 255, 255, .042); }.visitor-belief-grid article:nth-child(1) { background: radial-gradient(circle at 93% 4%, rgba(255, 208, 156, .18), transparent 26%), rgba(255, 255, 255, .045); }.visitor-belief-grid article:nth-child(2) { background: radial-gradient(circle at 92% 5%, rgba(255, 157, 211, .18), transparent 26%), rgba(255, 255, 255, .045); }.visitor-belief-grid article:nth-child(3) { background: radial-gradient(circle at 92% 5%, rgba(168, 144, 255, .2), transparent 26%), rgba(255, 255, 255, .045); }.visitor-belief-grid span { display: block; color: #ffbbd8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .11em; }.visitor-belief-grid h3 { margin: 57px 0 12px; font-size: 27px; letter-spacing: -.06em; }.visitor-belief-grid p { margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }
.investor-world-section { background: radial-gradient(circle at 8% 20%, rgba(119, 150, 255, .14), transparent 27rem), linear-gradient(180deg, rgba(19, 28, 62, .36), rgba(8, 6, 20, .3)); }.visitor-story-layout { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr); align-items: center; gap: clamp(35px, 10vw, 150px); }.visitor-story-copy h2 { margin: 0 0 18px; font-size: clamp(38px, 4.4vw, 62px); line-height: 1.08; letter-spacing: -.075em; }.visitor-story-copy p:last-child { margin: 0; color: var(--mist); font-size: 14px; line-height: 1.85; }.visitor-life-arc { display: grid; gap: 8px; padding: 13px; border: 1px solid rgba(206, 220, 255, .16); border-radius: 27px; background: rgba(255, 255, 255, .035); }.life-moment { display: grid; grid-template-columns: 45px 1fr; align-items: center; gap: 17px; min-height: 84px; padding: 16px; border-radius: 17px; background: rgba(255, 255, 255, .035); }.life-moment i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; color: #ffd1a5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-style: normal; font-weight: 800; }.life-moment b { display: block; margin-bottom: 5px; color: var(--ink); font-size: 15px; }.life-moment span { color: var(--mist); font-size: 12px; line-height: 1.55; }.life-moment-highlight { background: linear-gradient(100deg, rgba(255, 164, 209, .16), rgba(139, 119, 241, .17)); }.life-moment-highlight i { border-color: rgba(255, 201, 226, .5); color: #ffb9dd; }
.investor-possibility-section { background: radial-gradient(circle at 94% 51%, rgba(255, 177, 130, .12), transparent 25rem), linear-gradient(180deg, rgba(73, 39, 85, .18), rgba(8, 6, 20, .22)); }.visitor-possibility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.visitor-possibility-grid article { min-height: 298px; padding: 27px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 24px; background: rgba(255, 255, 255, .035); }.visitor-possibility-grid article:nth-child(1) { background: linear-gradient(145deg, rgba(142, 113, 232, .21), rgba(255, 255, 255, .035)); }.visitor-possibility-grid article:nth-child(2) { background: linear-gradient(145deg, rgba(255, 164, 203, .16), rgba(255, 255, 255, .035)); }.visitor-possibility-grid article:nth-child(3) { background: linear-gradient(145deg, rgba(111, 206, 224, .15), rgba(255, 255, 255, .035)); }.visitor-possibility-grid h3 { margin: 49px 0 14px; font-size: 24px; line-height: 1.2; letter-spacing: -.06em; }.visitor-possibility-grid p { margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }.investor-value-section { background: radial-gradient(circle at 8% 84%, rgba(147, 100, 255, .15), transparent 27rem), linear-gradient(180deg, rgba(35, 27, 67, .4), rgba(7, 6, 20, .25)); }.visitor-value-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.visitor-value-steps > div { padding: 23px; border-top: 1px solid rgba(255, 204, 230, .45); background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .016)); }.visitor-value-steps span { color: #ffb8d9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .1em; }.visitor-value-steps b { display: block; margin-top: 46px; font-size: 21px; letter-spacing: -.05em; }.visitor-value-steps p { margin: 10px 0 0; color: var(--mist); font-size: 12px; line-height: 1.75; }.visitor-next-card h2 { max-width: 750px; }
.partner-human-section { background: radial-gradient(circle at 88% 5%, rgba(93, 236, 210, .12), transparent 28rem), linear-gradient(180deg, rgba(20, 67, 81, .28), rgba(8, 6, 20, .23)); }.partner-human-heading { max-width: 760px; }.partner-human-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.partner-human-card { display: grid; align-content: start; min-height: 410px; padding: 26px; overflow: hidden; border: 1px solid rgba(214, 255, 246, .18); border-radius: 25px; background: rgba(255, 255, 255, .035); }.partner-human-scale { background: radial-gradient(circle at 92% 3%, rgba(122, 239, 216, .2), transparent 28%), linear-gradient(146deg, rgba(39, 102, 102, .54), rgba(13, 22, 42, .86)); }.partner-human-brand { background: radial-gradient(circle at 92% 3%, rgba(255, 161, 211, .18), transparent 28%), linear-gradient(146deg, rgba(91, 48, 105, .54), rgba(20, 14, 48, .87)); }.partner-human-meal { background: radial-gradient(circle at 92% 3%, rgba(255, 209, 135, .18), transparent 28%), linear-gradient(146deg, rgba(92, 68, 49, .55), rgba(21, 15, 43, .87)); }.partner-human-card > span { color: rgba(205, 255, 238, .78); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .11em; }.partner-human-card h3 { margin: 45px 0 7px; color: #caffec; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: .11em; }.partner-human-card h4 { margin: 0; font-size: 26px; line-height: 1.16; letter-spacing: -.06em; }.partner-human-card > p { margin: 16px 0 0; color: var(--mist); font-size: 13px; line-height: 1.78; }.human-card-note { align-self: end; margin-top: 24px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, .14); }.human-card-note b { display: block; color: #ffd4a5; font-size: 10px; }.human-card-note em { display: block; margin-top: 7px; color: rgba(249, 239, 253, .84); font-size: 12px; font-style: normal; line-height: 1.55; }
.partner-scenes-section { background: radial-gradient(circle at 7% 78%, rgba(121, 145, 253, .16), transparent 28rem), linear-gradient(180deg, rgba(28, 37, 82, .42), rgba(8, 6, 20, .23)); }.partner-scenes-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr); gap: clamp(40px, 11vw, 160px); align-items: center; }.partner-scenes-copy h2 { margin: 0 0 18px; font-size: clamp(38px, 4.4vw, 61px); line-height: 1.08; letter-spacing: -.075em; }.partner-scenes-copy p:last-child { margin: 0; color: var(--mist); font-size: 14px; line-height: 1.85; }.partner-scenes-list { display: grid; gap: 9px; }.partner-scenes-list article { display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: center; padding: 18px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 18px; background: rgba(255, 255, 255, .038); }.partner-scenes-list i { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(190, 250, 234, .38); border-radius: 50%; color: #b9f9e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-style: normal; font-weight: 800; }.partner-scenes-list b { display: block; margin-bottom: 5px; font-size: 15px; }.partner-scenes-list p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.65; }.partner-together-section { background: radial-gradient(circle at 91% 40%, rgba(248, 169, 215, .12), transparent 27rem), linear-gradient(180deg, rgba(70, 38, 88, .24), rgba(8, 6, 20, .23)); }.partner-together-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.partner-together-grid > div { min-height: 166px; padding: 23px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 22px; background: rgba(255, 255, 255, .04); }.partner-together-grid span { color: #baf9e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .1em; }.partner-together-grid b { display: block; max-width: 245px; margin-top: 46px; font-size: 20px; line-height: 1.25; letter-spacing: -.05em; }.partner-visitor-next small { display: block; margin-top: 14px; color: rgba(230, 219, 245, .52); font-size: 10px; line-height: 1.55; }
@media (max-width: 1050px) { .visitor-belief-grid, .visitor-possibility-grid, .visitor-value-steps, .partner-human-grid, .partner-together-grid { grid-template-columns: 1fr; }.visitor-belief-grid article, .visitor-possibility-grid article, .partner-human-card { min-height: 0; }.visitor-belief-grid h3, .visitor-possibility-grid h3, .partner-human-card h3 { margin-top: 28px; }.visitor-story-layout, .partner-scenes-layout { grid-template-columns: 1fr; }.visitor-story-copy, .partner-scenes-copy { max-width: 680px; } }
@media (max-width: 700px) { .visitor-story-layout, .partner-scenes-layout { gap: 29px; }.visitor-life-arc { padding: 9px; border-radius: 21px; }.life-moment { grid-template-columns: 36px 1fr; gap: 12px; min-height: 0; padding: 14px; }.life-moment i { width: 32px; height: 32px; }.visitor-value-steps > div { padding: 20px 0; }.visitor-value-steps b, .partner-together-grid b { margin-top: 24px; }.partner-human-card { padding: 21px; }.partner-scenes-list article { grid-template-columns: 39px 1fr; gap: 12px; padding: 15px; }.partner-scenes-list i { width: 33px; height: 33px; }.partner-together-grid > div { min-height: 0; padding: 20px; } }


/* Decision-grade layers: real product facts, data slots, commercial logic, and partner offers. */
.business-split-heading { grid-template-columns: minmax(0, 1fr) minmax(260px, .56fr); align-items: end; max-width: none; gap: 34px; }.business-split-heading > p { max-width: 500px; margin: 0 0 5px; color: var(--mist); font-size: 14px; line-height: 1.82; }
.investor-product-facts-section { background: radial-gradient(circle at 89% 15%, rgba(101, 223, 211, .11), transparent 28rem), linear-gradient(180deg, rgba(19, 56, 73, .25), rgba(8, 6, 20, .24)); }.product-facts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.product-facts-grid article { min-height: 275px; padding: 24px; border: 1px solid rgba(207, 255, 241, .16); border-radius: 22px; background: rgba(255, 255, 255, .035); }.product-facts-grid article:nth-child(1) { background: linear-gradient(145deg, rgba(82, 198, 179, .19), rgba(255, 255, 255, .035)); }.product-facts-grid article:nth-child(2) { background: linear-gradient(145deg, rgba(132, 121, 239, .18), rgba(255, 255, 255, .035)); }.product-facts-grid article:nth-child(3) { background: linear-gradient(145deg, rgba(255, 150, 204, .16), rgba(255, 255, 255, .035)); }.product-facts-grid article:nth-child(4) { background: linear-gradient(145deg, rgba(255, 203, 140, .14), rgba(255, 255, 255, .035)); }.product-facts-grid span { display: block; color: #b9f9e6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .1em; }.product-facts-grid h3 { margin: 41px 0 12px; font-size: 21px; letter-spacing: -.055em; }.product-facts-grid p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.75; }.product-facts-grid small { display: block; margin-top: 18px; color: rgba(210, 255, 239, .63); font-size: 10px; }
.investor-data-section { background: radial-gradient(circle at 7% 20%, rgba(255, 164, 210, .14), transparent 27rem), linear-gradient(180deg, rgba(64, 31, 80, .28), rgba(9, 6, 22, .26)); }.data-room-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.data-room-grid article { min-height: 184px; padding: 22px; border: 1px solid rgba(255, 215, 237, .18); border-radius: 21px; background: rgba(255, 255, 255, .04); }.data-room-grid b { display: block; color: rgba(255, 227, 245, .72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; letter-spacing: .09em; }.data-room-grid strong { display: block; margin: 38px 0 8px; color: #ffd5a9; font-size: 26px; letter-spacing: -.06em; }.data-room-grid p { margin: 0; color: var(--mist); font-size: 11px; line-height: 1.65; }.data-room-note { display: grid; grid-template-columns: 118px 1fr; gap: 17px; margin-top: 13px; padding: 17px 20px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 16px; background: rgba(255, 255, 255, .026); }.data-room-note span { color: #ffb9dc; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; letter-spacing: .1em; }.data-room-note p { margin: 0; color: rgba(232, 221, 246, .65); font-size: 11px; line-height: 1.7; }
.business-model-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.business-model-grid article { min-height: 268px; padding: 26px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 23px; background: rgba(255, 255, 255, .038); }.business-model-grid article:nth-child(1) { background: linear-gradient(145deg, rgba(116, 114, 244, .21), rgba(255, 255, 255, .035)); }.business-model-grid article:nth-child(2) { background: linear-gradient(145deg, rgba(255, 149, 199, .17), rgba(255, 255, 255, .035)); }.business-model-grid article:nth-child(3) { background: linear-gradient(145deg, rgba(93, 211, 194, .16), rgba(255, 255, 255, .035)); }.business-model-grid span { color: #ffbad9; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; letter-spacing: .1em; }.business-model-grid h3 { margin: 47px 0 11px; font-size: 23px; line-height: 1.17; letter-spacing: -.055em; }.business-model-grid p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.78; }.business-model-grid small { display: block; margin-top: 17px; color: rgba(235, 221, 247, .55); font-size: 10px; }
.investor-cost-section { background: radial-gradient(circle at 92% 56%, rgba(120, 194, 250, .12), transparent 27rem), linear-gradient(180deg, rgba(22, 40, 71, .32), rgba(8, 6, 20, .24)); }.cost-logic-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.cost-logic-grid article { display: grid; grid-template-columns: 43px 1fr; gap: 15px; min-height: 118px; padding: 22px; border: 1px solid rgba(203, 228, 255, .15); border-radius: 20px; background: rgba(255, 255, 255, .035); }.cost-logic-grid i { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(181, 241, 227, .34); border-radius: 50%; color: #baf8e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-style: normal; }.cost-logic-grid b { display: block; margin: 2px 0 7px; font-size: 15px; }.cost-logic-grid p { margin: 0; color: var(--mist); font-size: 11px; line-height: 1.7; }.cost-principle { max-width: 900px; margin: 16px 0 0; color: rgba(230, 220, 244, .63); font-size: 11px; line-height: 1.7; }
.partner-offer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.partner-offer-card { display: grid; align-content: start; min-height: 550px; padding: 25px; overflow: hidden; border: 1px solid rgba(208, 255, 244, .18); border-radius: 25px; background: rgba(255, 255, 255, .035); }.offer-scale { background: radial-gradient(circle at 91% 5%, rgba(124, 242, 217, .2), transparent 27%), linear-gradient(146deg, rgba(38, 101, 102, .56), rgba(13, 22, 42, .86)); }.offer-brand { background: radial-gradient(circle at 91% 5%, rgba(255, 160, 209, .19), transparent 27%), linear-gradient(146deg, rgba(88, 46, 104, .56), rgba(20, 14, 48, .87)); }.offer-meal { background: radial-gradient(circle at 91% 5%, rgba(255, 208, 134, .18), transparent 27%), linear-gradient(146deg, rgba(92, 68, 49, .57), rgba(21, 15, 43, .87)); }.partner-offer-head { display: flex; align-items: center; justify-content: space-between; gap: 11px; }.partner-offer-head span { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; color: #caffec; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 900; }.partner-offer-head small { color: rgba(208, 255, 244, .67); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; font-weight: 900; letter-spacing: .09em; }.partner-offer-card h3 { margin: 38px 0 10px; color: #bdf8e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; letter-spacing: .11em; }.partner-offer-line { margin: 0; font-size: 26px; font-weight: 740; line-height: 1.15; letter-spacing: -.06em; }.partner-offer-block { margin-top: 22px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, .13); }.partner-offer-block b { color: #ffd4a8; font-size: 10px; }.partner-offer-block p { margin: 7px 0 0; color: var(--mist); font-size: 12px; line-height: 1.7; }.partner-offer-scenes { display: flex; flex-wrap: wrap; gap: 6px; align-self: end; margin-top: 20px; }.partner-offer-scenes span { padding: 6px 8px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; color: rgba(245, 238, 249, .78); font-size: 9px; }
.partner-delivery-section { background: radial-gradient(circle at 7% 66%, rgba(107, 150, 253, .14), transparent 28rem), linear-gradient(180deg, rgba(27, 38, 81, .41), rgba(8, 6, 20, .23)); }.partner-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.partner-delivery-grid article { min-height: 212px; padding: 24px; border: 1px solid rgba(184, 232, 255, .16); border-radius: 22px; background: rgba(255, 255, 255, .04); }.partner-delivery-grid span { color: #b9f9e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 900; letter-spacing: .1em; }.partner-delivery-grid h3 { margin: 46px 0 11px; font-size: 21px; letter-spacing: -.05em; }.partner-delivery-grid p { margin: 0; color: var(--mist); font-size: 12px; line-height: 1.75; }.partner-result-section { background: radial-gradient(circle at 90% 33%, rgba(249, 164, 214, .13), transparent 27rem), linear-gradient(180deg, rgba(67, 37, 87, .26), rgba(8, 6, 20, .22)); }.partner-result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.partner-result-grid > div { display: grid; gap: 11px; min-height: 135px; padding: 22px; border-top: 1px solid rgba(181, 248, 229, .48); background: rgba(255, 255, 255, .03); }.partner-result-grid b { color: #bdf8e5; font-size: 16px; }.partner-result-grid span { color: var(--mist); font-size: 12px; line-height: 1.7; }.partner-result-note { margin: 16px 0 0; color: rgba(231, 220, 245, .6); font-size: 11px; line-height: 1.7; }
@media (max-width: 1050px) { .business-split-heading { grid-template-columns: 1fr; }.business-split-heading > p { max-width: 650px; }.product-facts-grid { grid-template-columns: repeat(2, 1fr); }.data-room-grid { grid-template-columns: repeat(2, 1fr); }.business-model-grid, .partner-offer-grid, .partner-delivery-grid, .partner-result-grid { grid-template-columns: 1fr; }.business-model-grid article, .partner-offer-card { min-height: 0; }.business-model-grid h3, .partner-offer-card h3 { margin-top: 29px; } }
@media (max-width: 700px) { .product-facts-grid, .data-room-grid, .cost-logic-grid { grid-template-columns: 1fr; }.product-facts-grid article { min-height: 0; }.product-facts-grid h3 { margin-top: 28px; }.data-room-grid strong { margin-top: 25px; }.data-room-note { grid-template-columns: 1fr; gap: 8px; }.cost-logic-grid article { grid-template-columns: 37px 1fr; gap: 12px; padding: 18px; }.partner-offer-card { padding: 21px; }.partner-offer-line { font-size: 24px; }.partner-delivery-grid article { min-height: 0; }.partner-delivery-grid h3 { margin-top: 25px; }.partner-result-grid > div { min-height: 0; } }


/* Responsive display type system: large headings stay confident on desktop and composed on small screens. */
h1, h2, h3 { text-wrap: balance; }
.hero h1 { max-inline-size: 9.2em; font-size: clamp(60px, 5.7vw, 86px); line-height: 1.03; letter-spacing: -.078em; }
.section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2, .nutrition-demo-lead h2, .audience-heading h2 { max-inline-size: 15em; font-size: clamp(42px, 4.15vw, 60px); line-height: 1.13; letter-spacing: -.07em; }
.station-directory-copy h2 { max-inline-size: 12em; font-size: clamp(40px, 4vw, 58px); line-height: 1.14; letter-spacing: -.07em; }
.secondary-hero-copy h1 { max-inline-size: 9.5em; font-size: clamp(58px, 5.45vw, 82px); line-height: 1.03; letter-spacing: -.078em; }
.investor-section-heading h2, .partner-section-heading h2, .visitor-story-copy h2, .partner-scenes-copy h2 { max-inline-size: 14em; font-size: clamp(40px, 3.9vw, 58px); line-height: 1.12; letter-spacing: -.072em; }
.investor-next-card h2, .partner-next-card h2, .partner-boundary-card h2 { max-inline-size: 16em; font-size: clamp(31px, 3vw, 42px); line-height: 1.15; letter-spacing: -.065em; }
.nutrition-result h3, .visitor-possibility-grid h3, .product-facts-grid h3, .business-model-grid h3, .partner-delivery-grid h3, .partner-offer-line { text-wrap: pretty; }

@media (min-width: 701px) and (max-width: 1050px) {
  .hero h1 { font-size: clamp(50px, 6.15vw, 64px); line-height: 1.04; }
  .section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2, .nutrition-demo-lead h2, .audience-heading h2 { font-size: clamp(40px, 5.1vw, 52px); }
  .station-directory-copy h2 { font-size: clamp(38px, 4.9vw, 50px); }
  .secondary-hero-copy h1 { font-size: clamp(51px, 6.4vw, 66px); line-height: 1.04; }
  .investor-section-heading h2, .partner-section-heading h2, .visitor-story-copy h2, .partner-scenes-copy h2 { font-size: clamp(38px, 4.9vw, 51px); }
}

@media (max-width: 700px) {
  h1, h2, h3 { text-wrap: pretty; }
  .hero h1 { max-inline-size: 100%; margin-bottom: 17px; font-size: clamp(42px, 10.6vw, 56px); line-height: 1.06; letter-spacing: -.07em; }
  .section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2, .nutrition-demo-lead h2, .audience-heading h2 { max-inline-size: 100%; margin-bottom: 17px; font-size: clamp(31px, 8.6vw, 43px); line-height: 1.16; letter-spacing: -.06em; }
  .station-directory-copy h2 { max-inline-size: 100%; font-size: clamp(31px, 8.35vw, 42px); line-height: 1.16; }
  .secondary-hero-copy h1 { max-inline-size: 100%; margin-bottom: 17px; font-size: clamp(42px, 10.7vw, 56px); line-height: 1.06; letter-spacing: -.07em; }
  .investor-section-heading h2, .partner-section-heading h2, .visitor-story-copy h2, .partner-scenes-copy h2 { max-inline-size: 100%; font-size: clamp(31px, 8.6vw, 43px); line-height: 1.16; letter-spacing: -.06em; }
  .investor-next-card h2, .partner-next-card h2, .partner-boundary-card h2 { font-size: clamp(27px, 7.4vw, 35px); line-height: 1.17; }
  .manifesto-quote p { font-size: clamp(26px, 7.5vw, 34px); line-height: 1.22; }
}

@media (max-width: 380px) {
  .hero h1, .secondary-hero-copy h1 { font-size: 42px; }
  .section-lead h2, .section-heading h2, .dimension-copy h2, .experience-copy h2, .nutrition-demo-lead h2, .audience-heading h2, .station-directory-copy h2, .investor-section-heading h2, .partner-section-heading h2, .visitor-story-copy h2, .partner-scenes-copy h2 { font-size: 31px; }
}


/* Give display copy enough room before enlarging a scene; prevents orphaned Chinese characters on desktop. */
.hero h1 { font-size: clamp(54px, 4.8vw, 76px); }
.secondary-hero-copy h1 { font-size: clamp(54px, 4.8vw, 76px); }
@media (min-width: 851px) {
  .hero { grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); }
  .secondary-hero { grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .hero h1 { font-size: clamp(50px, 5.5vw, 60px); }
  .secondary-hero-copy h1 { font-size: clamp(50px, 5.5vw, 60px); }
}


@media (min-width: 851px) {
  .hero { grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: clamp(30px, 4.5vw, 78px); }
  .secondary-hero { grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); gap: clamp(32px, 6vw, 96px); }
}


/* Mobile navigation: place the control with the utility actions and make its purpose visually intentional. */
@media (max-width: 810px) {
  .menu-toggle { order: 3; display: flex; align-items: center; justify-content: center; flex: 0 0 42px; gap: 6px; width: 42px; height: 42px; margin-left: 0; padding: 0; border-color: rgba(255, 191, 225, .24); border-radius: 14px; background: radial-gradient(circle at 72% 20%, rgba(255, 174, 215, .16), transparent 38%), rgba(255, 255, 255, .055); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 23px rgba(0, 0, 0, .16); }
  .menu-toggle span { display: block; width: 18px; height: 1.5px; border-radius: 99px; background: linear-gradient(90deg, #fff7fd, #ffb4da); transform-origin: center; }
  .menu-toggle span:last-child { width: 12px; }
  .menu-toggle:hover { border-color: rgba(255, 199, 230, .56); background: rgba(255, 255, 255, .1); }
  .menu-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
  .site-header.nav-open .menu-toggle { border-color: rgba(255, 204, 232, .58); background: rgba(255, 159, 209, .12); }
  .site-header.nav-open .menu-toggle span { width: 18px; }
  .site-header.nav-open .menu-toggle span:first-child { transform: translateY(3.75px) rotate(45deg); }
  .site-header.nav-open .menu-toggle span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
  .header-actions { order: 2; margin-left: auto; }
}


/* At tablet and mobile widths, let the statement lead and move the character stage below it. */
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; gap: 22px; min-height: 0; padding-top: 118px; padding-bottom: 42px; }
  .hero-copy { max-width: 620px; }
  .hero-scene { width: min(560px, 100%); min-height: 415px; margin: 0 auto; }
}
@media (max-width: 700px) {
  .hero { gap: 14px; padding-top: 100px; padding-bottom: 28px; }
  .hero-scene { min-height: 360px; }
}


@media (max-width: 900px) {
  .hero-copy { order: 0; }
  .hero-scene { order: 1; }
}


/* Product showcase: an interactive, game-like ribbon of real FeedSelf screens. */
.product-showcase { position: relative; padding: 136px 0 144px; overflow: hidden; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); background: radial-gradient(circle at 13% 77%, rgba(110, 85, 228, .21), transparent 26rem), radial-gradient(circle at 86% 30%, rgba(255, 116, 186, .13), transparent 29rem), linear-gradient(180deg, rgba(44, 27, 79, .23), rgba(10, 7, 25, .36)); }
.product-showcase::before { position: absolute; top: 12%; right: -9%; width: min(49vw, 680px); aspect-ratio: 1; content: ""; border: 1px solid rgba(255, 202, 232, .12); border-radius: 50%; box-shadow: inset 0 0 130px rgba(255, 157, 211, .08); pointer-events: none; }
.product-showcase::after { position: absolute; bottom: -30%; left: 41%; width: 610px; height: 160px; content: ""; border: 1px solid rgba(135, 204, 255, .14); border-radius: 50%; transform: rotate(-12deg); pointer-events: none; }
.product-showcase-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, .63fr) minmax(0, 1.37fr); align-items: center; gap: clamp(35px, 6vw, 92px); }
.product-showcase-lead { max-width: 490px; }.product-showcase-lead h2 { margin: 0 0 21px; font-size: clamp(39px, 4.9vw, 66px); font-weight: 760; line-height: 1.06; letter-spacing: -.075em; }.product-showcase-lead > p:not(.eyebrow):not(.product-showcase-note) { margin: 0; color: var(--mist); font-size: 15px; line-height: 1.85; }.product-showcase-actions { margin-top: 28px; }.product-showcase-note { display: flex; align-items: center; gap: 10px; margin: 21px 0 0; color: rgba(233, 223, 247, .61); font-size: 11px; line-height: 1.65; }.product-showcase-note .status-light { flex: 0 0 auto; width: 6px; height: 6px; }
.product-showcase-stage { position: relative; min-width: 0; padding: 24px 0 0; }.product-showcase-stage::before { position: absolute; top: 58px; right: 5%; left: 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(255, 196, 223, .36), rgba(130, 224, 255, .28), transparent); }.product-showcase-stage-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 0 19px 0 9px; color: rgba(244, 224, 243, .75); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 800; letter-spacing: .11em; }.product-showcase-stage-head small { color: rgba(169, 222, 255, .63); font-size: 8px; letter-spacing: .09em; }
.product-showcase-ribbon { display: flex; align-items: flex-end; gap: 15px; min-height: 556px; padding: 53px 38px 28px 22px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%); }.product-showcase-ribbon::-webkit-scrollbar { display: none; }
.showcase-card { position: relative; display: grid; flex: 0 0 164px; gap: 10px; padding: 0; color: var(--ink); border: 0; background: transparent; text-align: left; cursor: pointer; scroll-snap-align: center; transform: translateY(0) rotate(var(--card-tilt)); transition: flex-basis .36s cubic-bezier(.2,.75,.25,1), transform .36s cubic-bezier(.2,.75,.25,1), opacity .3s ease, filter .3s ease; }.showcase-card:nth-child(1) { --card-tilt: -8deg; }.showcase-card:nth-child(2) { --card-tilt: -3deg; }.showcase-card:nth-child(3) { --card-tilt: 0deg; }.showcase-card:nth-child(4) { --card-tilt: 4deg; }.showcase-card:nth-child(5) { --card-tilt: 8deg; }.showcase-card:not(.is-active) { filter: saturate(.76) brightness(.78); opacity: .74; }.showcase-card.is-active { z-index: 2; flex-basis: 218px; filter: saturate(1.1) brightness(1.04); opacity: 1; transform: translateY(-28px) rotate(0deg); }.showcase-card:focus-visible { outline: 2px solid var(--cyan); outline-offset: 8px; border-radius: 27px; }
.showcase-card-index { padding-left: 7px; color: rgba(255, 197, 225, .84); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; font-weight: 900; letter-spacing: .12em; }.showcase-card.is-active .showcase-card-index { color: #ffd0e8; text-shadow: 0 0 18px rgba(255, 154, 208, .62); }
.showcase-phone { position: relative; display: block; aspect-ratio: .462; padding: 6px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .37); border-radius: 25px; background: linear-gradient(145deg, rgba(255, 235, 247, .68), rgba(187, 168, 250, .41) 45%, rgba(46, 31, 91, .78)); box-shadow: 0 24px 40px rgba(0,0,0,.34), inset 0 0 0 1px rgba(44, 24, 71, .76); }.showcase-phone::before { position: absolute; z-index: 2; top: 6px; left: 50%; width: 42%; height: 13px; content: ""; border-radius: 0 0 10px 10px; background: #050510; transform: translateX(-50%); box-shadow: 0 1px 2px rgba(255,255,255,.08); }.showcase-phone::after { position: absolute; z-index: 3; inset: 0; content: ""; border-radius: inherit; background: linear-gradient(112deg, rgba(255,255,255,.27), transparent 15%, transparent 69%, rgba(255, 183, 223, .08)); pointer-events: none; }.showcase-phone img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; object-position: center; }.showcase-card.is-active .showcase-phone { border-color: rgba(255, 222, 242, .72); box-shadow: 0 32px 64px rgba(0,0,0,.46), 0 0 0 1px rgba(255, 177, 223, .21), 0 0 50px rgba(188, 126, 255, .23); }
.showcase-card-copy { display: grid; gap: 2px; padding: 0 8px; }.showcase-card-copy strong { font-size: 15px; letter-spacing: -.04em; }.showcase-card-copy small { color: rgba(224, 213, 242, .62); font-size: 10px; line-height: 1.45; }.showcase-card.is-active .showcase-card-copy strong { color: #ffd7ec; }.showcase-card.is-active .showcase-card-copy small { color: rgba(238, 229, 251, .82); }
.showcase-stage-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 15px 0 9px; color: rgba(228, 216, 244, .64); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; font-weight: 800; letter-spacing: .09em; }.showcase-stage-footer p { flex: 1; margin: 0; text-align: center; }.showcase-signal { display: flex; align-items: end; gap: 3px; height: 16px; }.showcase-signal i { width: 3px; border-radius: 99px; background: linear-gradient(#ffafd9, #89eaff); box-shadow: 0 0 8px rgba(255,166,215,.32); animation: showcaseSignal 1.85s ease-in-out infinite alternate; }.showcase-signal i:nth-child(1) { height: 45%; }.showcase-signal i:nth-child(2) { height: 100%; animation-delay: .24s; }.showcase-signal i:nth-child(3) { height: 65%; animation-delay: .52s; } @keyframes showcaseSignal { to { transform: scaleY(.55); opacity: .5; } }
@media (max-width: 980px) { .product-showcase { padding: 105px 0 112px; }.product-showcase-inner { grid-template-columns: 1fr; gap: 28px; }.product-showcase-lead { max-width: 675px; }.product-showcase-stage { width: calc(100% + 40px); margin-left: -20px; }.product-showcase-ribbon { min-height: 540px; padding-left: 28px; }.showcase-card { flex-basis: 174px; }.showcase-card.is-active { flex-basis: 224px; }.showcase-stage-footer { padding-right: 24px; } }
@media (max-width: 700px) { .product-showcase { padding: 80px 0 86px; }.product-showcase-inner { width: min(620px, calc(100% - 36px)); gap: 21px; }.product-showcase-lead h2 { margin-bottom: 17px; font-size: clamp(35px, 10vw, 51px); }.product-showcase-lead > p:not(.eyebrow):not(.product-showcase-note) { font-size: 14px; line-height: 1.78; }.product-showcase-actions { margin-top: 22px; }.product-showcase-actions .button { width: 100%; }.product-showcase-note { font-size: 10px; }.product-showcase-stage { width: calc(100% + 36px); margin-left: -18px; }.product-showcase-stage-head { padding: 0 25px 0 18px; }.product-showcase-stage-head small { display: none; }.product-showcase-ribbon { min-height: 510px; gap: 13px; padding: 48px 23px 23px 21px; }.showcase-card { flex-basis: 152px; gap: 8px; }.showcase-card.is-active { flex-basis: 201px; transform: translateY(-20px) rotate(0deg); }.showcase-phone { padding: 5px; border-radius: 22px; }.showcase-phone img { border-radius: 17px; }.showcase-card-copy { padding: 0 4px; }.showcase-card-copy strong { font-size: 13px; }.showcase-card-copy small { font-size: 9px; }.showcase-stage-footer { padding: 0 23px 0 18px; font-size: 8px; }.showcase-stage-footer p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
@media (prefers-reduced-motion: reduce) { .showcase-card, .showcase-signal i { transition: none; animation: none; } }