/* Product opening — calm, direct, and product-led. */
.product-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: 88px 0 36px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% -12%, #26262a 0%, transparent 42%),
    radial-gradient(ellipse at 50% 115%, rgba(166,32,25,.14), transparent 46%),
    #050505;
}
.product-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.025), transparent 28%); }
.product-hero::after { content: ""; position: absolute; left: 50%; bottom: 0; width: min(100% - 48px, 1180px); height: 1px; background: rgba(255,255,255,.16); transform: translateX(-50%); }
.product-hero__atmosphere, .product-hero__atmosphere i { position: absolute; pointer-events: none; }
.product-hero__atmosphere { inset: 0; z-index: 1; display: block; overflow: hidden; }
.product-hero__atmosphere::before { content: ""; position: absolute; left: 50%; top: -18%; width: min(118vw,1500px); height: 92%; opacity: .38; background: radial-gradient(ellipse at 50% 0,rgba(255,255,255,.29) 0,rgba(232,236,241,.14) 22%,rgba(211,217,225,.055) 48%,transparent 76%),conic-gradient(from 164deg at 50% -12%,transparent 0 8%,rgba(255,255,255,.08) 12%,rgba(255,255,255,.025) 17%,transparent 22% 100%); filter: blur(46px); mix-blend-mode: screen; mask-image: linear-gradient(180deg,#000 0,rgba(0,0,0,.9) 46%,transparent 100%); -webkit-mask-image: linear-gradient(180deg,#000 0,rgba(0,0,0,.9) 46%,transparent 100%); transform: translateX(-50%) scaleX(.92); animation: hero-shaft-breathe 7.2s ease-in-out infinite; pointer-events: none; }
.product-hero__atmosphere i { display: block; }
.product-hero__atmosphere i:first-child {
  left: 50%;
  top: -240px;
  width: min(72vw,920px);
  height: 690px;
  opacity: .52;
  background: radial-gradient(ellipse at 50% 0,rgba(255,255,255,.36),rgba(230,235,241,.13) 38%,transparent 72%);
  filter: blur(21px);
  transform: translateX(-50%);
  animation: hero-light-breathe 7.2s ease-in-out infinite;
}
.product-hero__atmosphere i:nth-child(2),
.product-hero__atmosphere i:nth-child(3) {
  top: 7%;
  left: -48%;
  width: 76%;
  height: 180px;
  opacity: 0;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 22% 54%,rgba(232,235,240,.1),transparent 29%),
    radial-gradient(ellipse at 56% 46%,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(ellipse at 82% 60%,rgba(210,215,222,.07),transparent 26%);
  filter: blur(27px);
  transform: rotate(-4deg);
  animation: hero-smoke-pass 18s linear infinite;
}
.product-hero__atmosphere i:nth-child(3) {
  top: 18%;
  left: auto;
  right: -55%;
  width: 82%;
  height: 210px;
  filter: blur(35px);
  transform: rotate(5deg) scaleY(.72);
  animation-name: hero-smoke-return;
  animation-delay: -8s;
  animation-duration: 23s;
}
.hero-ui-peek { position: relative; z-index: 1; width: min(84vw,940px); height: clamp(168px,15vw,220px); margin: 28px 0 0; overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: #060707; box-shadow: 0 28px 74px rgba(0,0,0,.58),0 0 42px rgba(230,42,27,.08); clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); pointer-events: none; }
.hero-ui-peek::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%); pointer-events: none; }
.hero-ui-peek picture,
.hero-ui-peek img { width: 100%; height: 100%; }
.hero-ui-peek img { display: block; object-fit: cover; object-position: center 42%; filter: brightness(.84) saturate(.88) contrast(1.04); }
.hero-launch { position: relative; z-index: 2; display: block; max-width: 1320px; text-align: center; }
.hero-launch__content { display: flex; flex-direction: column; align-items: center; max-width: 1280px; margin-inline: auto; }
.hero-launch__icon { position: relative; width: clamp(112px,10.2vw,162px); height: clamp(112px,10.2vw,162px); margin-bottom: 24px; }
.hero-launch__icon::before { content: ""; position: absolute; inset: -42%; z-index: 0; border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.25),rgba(208,24,16,.09) 34%,transparent 70%); filter: blur(18px); animation: hero-logo-breathe 7.2s ease-in-out infinite; }
.hero-launch__icon img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; filter: brightness(.9) drop-shadow(0 24px 32px rgba(0,0,0,.55)); animation: hero-icon-live 7.2s ease-in-out infinite; }
.hero-launch__wordmark { margin: 0 0 40px; }
.hero-launch__wordmark .brand-mark__copy { gap: 7px; }
.hero-launch__wordmark .brand-mark__copy strong { font-size: clamp(16px,1.55vw,23px); letter-spacing: .36em; }
.hero-launch__wordmark .brand-mark__copy em { color: #ef2b1c; font-size: clamp(12px,1.15vw,17px); letter-spacing: .58em; }
.hero-launch__eyebrow { margin: 0 0 20px; color: #e25c50; font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.hero-launch h1 { margin: 0; color: #f5f5f7; font-family: var(--font-sans); font-size: clamp(66px,8.65vw,127px); font-weight: 600; letter-spacing: -.075em; line-height: .82; }
.hero-title > span { display: block; }
.hero-title__meet { margin-bottom: .13em; color: #f5f5f7; }
.hero-title__name { white-space: nowrap; }
.hero-title__name > span { display: inline; }
.hero-launch__category { max-width: 460px; margin: 28px 0 0; color: #f5f5f7; font-size: clamp(20px,2vw,27px); font-weight: 500; letter-spacing: -.03em; line-height: 1.2; }
.hero-launch__copy { max-width: 1000px; margin: 28px 0 0; color: #a1a1a6; font-size: clamp(18px,1.8vw,26px); letter-spacing: -.025em; line-height: 1.38; }
.hero-launch__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 26px; }
.hero-download, .hero-learn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 58px; padding: 0 32px; border-radius: 12px; font-family: var(--font-ui); font-size: 16px; font-weight: 600; letter-spacing: -.02em; transition: transform 180ms var(--ease), background 180ms ease, border-color 180ms ease; }
.hero-download { background: #f5f5f7; color: #1d1d1f; }
.hero-download:hover { background: #fff; transform: translateY(-1px); }
.hero-learn { gap: 8px; border: 1px solid rgba(255,255,255,.28); color: #f5f5f7; }
.hero-learn:hover { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08); transform: translateY(-1px); }
.hero-notify { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; gap: 11px; padding: 0 18px; border: 0; background: transparent; color: rgba(245,245,247,.68); font: 600 13px/1 var(--font-ui); letter-spacing: .01em; cursor: pointer; transition: color 160ms ease,transform 180ms var(--ease); }
.hero-notify i,.notify-rail button i { width: 7px; height: 7px; border-radius: 50%; background: #31df87; box-shadow: 0 0 0 5px rgba(49,223,135,.08),0 0 20px rgba(49,223,135,.7); animation: notify-pulse 2.4s ease-in-out infinite; }
.hero-notify:hover { color: #fff; transform: translateY(-1px); }
.hero-notify:focus-visible { outline: 2px solid #31df87; outline-offset: 3px; }
.hero-launch__product { position: relative; margin: 0; padding: 7px; border: 1px solid rgba(255,255,255,.18); background: #08080a; box-shadow: 0 38px 90px rgba(0,0,0,.46); }
.hero-launch__product::before { content: ""; position: absolute; inset: -1px; border: 1px solid rgba(226,92,80,.18); pointer-events: none; }
.hero-launch__product img { width: 100%; }
.hero-launch__product figcaption { padding: 13px 4px 2px; color: #8d8d94; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.hero-launch__note { display: flex; align-items: center; gap: 8px; margin: 25px 0 0; color: #86868b; font-size: 12px; }
.hero-launch__note i { width: 7px; height: 7px; border-radius: 50%; background: #e34032; }

@keyframes hero-light-breathe {
  0%,100% { opacity: .34; transform: translateX(-50%) scaleX(.9); }
  48% { opacity: .7; transform: translateX(-50%) scaleX(1.08); }
}
@keyframes hero-shaft-breathe {
  0%,100% { opacity: .28; transform: translateX(-50%) scaleX(.9); }
  48% { opacity: .52; transform: translateX(-50%) scaleX(1.06); }
}
@keyframes hero-logo-breathe {
  0%,100% { opacity: .58; transform: scale(.88); }
  48% { opacity: 1; transform: scale(1.06); }
}
@keyframes hero-icon-live {
  0%,100% { filter: brightness(.9) drop-shadow(0 24px 32px rgba(0,0,0,.55)) drop-shadow(0 0 4px rgba(255,255,255,.04)); }
  48% { filter: brightness(1.2) drop-shadow(0 24px 32px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(255,255,255,.24)); }
}
@keyframes hero-smoke-pass {
  0% { opacity: 0; transform: translateX(0) rotate(-4deg) scaleX(.9); }
  12% { opacity: .55; }
  52% { opacity: .32; }
  88% { opacity: .42; }
  100% { opacity: 0; transform: translateX(205%) rotate(2deg) scaleX(1.12); }
}
@keyframes hero-smoke-return {
  0% { opacity: 0; transform: translateX(0) rotate(5deg) scale(1,.72); }
  16% { opacity: .4; }
  55% { opacity: .24; }
  84% { opacity: .34; }
  100% { opacity: 0; transform: translateX(-190%) rotate(-2deg) scale(1.12,.8); }
}

.product-hero:not(.is-motion-active) .product-hero__atmosphere::before,
.product-hero:not(.is-motion-active) .product-hero__atmosphere i,
.product-hero:not(.is-motion-active) .hero-launch__icon::before,
.product-hero:not(.is-motion-active) .hero-launch__icon img { animation-play-state: paused; }

@media (min-width: 721px) and (max-height: 950px) {
  .product-hero { min-height: max(100svh,720px); padding: 68px 0 24px; }
  .hero-launch__icon { width: 96px; height: 96px; margin-bottom: 14px; }
  .hero-launch__wordmark { margin-bottom: 16px; }
  .hero-launch h1 { font-size: clamp(64px,7.4vw,104px); }
  .hero-ui-peek { width: min(78vw,880px); height: 150px; margin-top: 18px; }
  .hero-launch__copy { margin-top: 16px; font-size: clamp(17px,1.55vw,21px); line-height: 1.32; }
  .hero-launch__actions { margin-top: 16px; }
  .hero-download,
  .hero-learn { min-height: 52px; }
}

/* Shared editorial language */
.eyebrow {
  margin: 0;
  color: #9e416a;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.chapter-heading .eyebrow { margin-bottom: 24px; }
.chapter-heading--light .eyebrow { color: #d88eb0; }
.chapter-heading--light h2 { color: #f4f2f5; }
.workspace-legend,
.journey-rail,
.jared-contract { margin-bottom: 0; padding: 0; list-style: none; }
.button--dark { min-height: 48px; background: #17161a; color: #fff; box-shadow: none; }
.text-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding-inline: 4px; color: #555159; font-size: 13px; }
.text-link span { color: #a4426b; transition: transform 180ms var(--ease); }
.text-link:hover span { transform: translateY(3px); }

/* Three authored outcomes: editorial, finishing and campaign work from one project. */
.outcomes { padding: 86px 0 96px; border-bottom: 1px solid var(--line-dark); background: #f5f5f3; }
.outcomes__header { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.outcomes__header p { margin: 0 0 7px; color: #b42318; font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.outcomes__header h2 { max-width: 760px; margin: 0; color: #171619; font-size: clamp(42px,5vw,72px); font-weight: 500; letter-spacing: -.055em; line-height: .94; text-align: right; }
.outcomes__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 48px; }
.outcome-card { min-width: 0; overflow: hidden; border: 1px solid rgba(24,23,27,.2); background: #090909; color: #fff; clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); }
.outcome-card picture { aspect-ratio: 3 / 2; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.14); background: #050505; }
.outcome-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--ease),filter 700ms var(--ease); }
.outcome-card:hover img { transform: scale(1.018); filter: contrast(1.04); }
.outcome-card__copy { min-height: 210px; padding: 24px; }
.outcome-card__copy > span { color: #ef2b1c; font-size: 9px; font-weight: 600; letter-spacing: .16em; }
.outcome-card h3 { margin: 20px 0 0; color: #f4f3f5; font-size: clamp(27px,2.6vw,39px); font-weight: 400; letter-spacing: -.05em; line-height: 1.02; }
.outcome-card h3 strong { font-weight: 600; }
.outcome-card p { max-width: 38ch; margin: 18px 0 0; color: #969299; font-size: 13px; line-height: 1.52; }
.outcome-card--sequencer-ui img { object-position: 50% 54%; }
.outcome-card--atelier-ui img { object-position: 50% 48%; }

/* Work Time — real product evidence, separated into physical depth layers. */
.worktime-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(68px,5.7vw,86px) 0;
  background:
    radial-gradient(circle at 76% 46%,rgba(32,217,134,.08),transparent 27%),
    radial-gradient(circle at 13% 82%,rgba(239,43,28,.1),transparent 31%),
    #070708;
  color: #f5f5f5;
}
.worktime-proof::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: radial-gradient(rgba(255,255,255,.34) .55px,transparent .65px); background-size: 12px 12px; mask-image: linear-gradient(90deg,#000,transparent 43%,#000); -webkit-mask-image: linear-gradient(90deg,#000,transparent 43%,#000); }
.worktime-proof__layout { display: grid; grid-template-columns: minmax(460px,.88fr) minmax(0,1.22fr); align-items: center; gap: clamp(34px,4vw,66px); }
.worktime-proof__copy { position: relative; z-index: 4; }
.worktime-proof__copy .eyebrow { color: #ff3b30; }
.worktime-proof__copy h2 { max-width: 640px; margin: 25px 0 0; color: #f4f4f5; font-size: clamp(58px,5.6vw,90px); font-weight: 560; letter-spacing: -.07em; line-height: .87; }
.worktime-proof__copy > p:not(.eyebrow):not(.worktime-proof__agency) { max-width: 540px; margin: 34px 0 0; color: #9d9da2; font-size: clamp(16px,1.35vw,20px); line-height: 1.55; }
.worktime-proof__agency { display: flex; align-items: center; gap: 10px; margin: 32px 0 0; color: #d1d1d4; font-size: 12px; font-weight: 550; line-height: 1.4; }
.worktime-proof__agency i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: #20d986; box-shadow: 0 0 15px rgba(32,217,134,.62); }

.worktime-stage { --wt-rx: 3.2deg; --wt-ry: -6deg; position: relative; min-height: clamp(530px,42vw,680px); margin: 0; perspective: 1600px; transform-style: preserve-3d; }
.worktime-stage__aura { position: absolute; inset: 10% 1% 8% 5%; border-radius: 50%; opacity: .58; background: radial-gradient(circle at 62% 43%,rgba(32,217,134,.22),rgba(239,43,28,.08) 28%,transparent 67%); filter: blur(40px); transform: translateZ(-120px); }
.worktime-stage__shadow { position: absolute; left: 12%; right: 3%; bottom: 5%; height: 18%; border-radius: 50%; background: rgba(0,0,0,.82); filter: blur(34px); transform: rotateX(72deg) translateZ(-110px); }
.worktime-window { position: absolute; inset: 7% 3% 11% 7%; overflow: hidden; border: 1px solid rgba(255,255,255,.24); background: #050505; box-shadow: -22px 36px 80px rgba(0,0,0,.62),18px 14px 46px rgba(32,217,134,.06),inset 0 1px 0 rgba(255,255,255,.08); clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); transform: rotateX(var(--wt-rx)) rotateY(var(--wt-ry)) translate3d(0,0,0); transform-origin: 52% 58%; transform-style: preserve-3d; transition: transform 520ms cubic-bezier(.2,.86,.23,1),box-shadow 520ms ease; will-change: transform; }
.worktime-window::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(112deg,rgba(255,255,255,.12),transparent 18%,transparent 77%,rgba(32,217,134,.05)); mix-blend-mode: screen; }
.worktime-window picture,.worktime-window img { width: 100%; height: 100%; }
.worktime-window img { object-fit: cover; object-position: center; }
.worktime-layer { position: absolute; z-index: 3; display: grid; min-width: 170px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.24); background: rgba(9,9,10,.89); box-shadow: 0 20px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); clip-path: polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px)); transform-style: preserve-3d; transition: transform 520ms cubic-bezier(.2,.86,.23,1); }
.worktime-layer span { color: #929297; font: 600 8px/1 var(--font-ui); letter-spacing: .18em; }
.worktime-layer strong { margin-top: 7px; color: #f5f5f6; font: 600 18px/1 var(--font-ui); letter-spacing: .02em; }
.worktime-layer i { position: absolute; top: 13px; right: 13px; width: 7px; height: 7px; border-radius: 50%; background: #20d986; box-shadow: 0 0 14px rgba(32,217,134,.7); }
.worktime-layer--clock { top: 2%; left: 1%; transform: translate3d(-4px,0,92px) rotateY(4deg); }
.worktime-layer--billable { left: 3%; bottom: 14%; transform: translate3d(-2px,0,132px) rotateY(5deg); }
.worktime-layer--export { top: 20%; right: 0; min-width: 146px; border-color: rgba(32,217,134,.38); transform: translate3d(8px,0,112px) rotateY(-5deg); }
.worktime-stage.is-worktime-active .worktime-layer--clock { animation: worktime-float 5.8s ease-in-out infinite; }
.worktime-stage.is-worktime-active .worktime-layer--billable { animation: worktime-float 6.6s ease-in-out -1.8s infinite; }
.worktime-stage.is-worktime-active .worktime-layer--export { animation: worktime-float 5.2s ease-in-out -3.1s infinite; }
.worktime-stage figcaption { position: absolute; right: 3%; bottom: 2%; left: 7%; display: flex; align-items: baseline; justify-content: space-between; gap: 22px; color: #707075; font-size: 10px; letter-spacing: .1em; }
.worktime-stage figcaption span { color: #20d986; font: 600 9px/1 var(--font-ui); letter-spacing: .14em; }
.worktime-stage figcaption strong { max-width: 360px; color: #a2a2a7; font-size: 12px; font-weight: 500; letter-spacing: 0; text-align: right; }
@keyframes worktime-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }

@media (max-width: 980px) {
  .worktime-proof__layout { grid-template-columns: 1fr; }
  .worktime-proof__copy { max-width: 720px; }
  .worktime-proof__copy h2 { font-size: clamp(64px,10vw,94px); }
  .worktime-stage { min-height: min(79vw,720px); }
}

@media (max-width: 720px) {
  .worktime-proof { padding-block: 82px 74px; }
  .worktime-proof__layout { gap: 42px; }
  .worktime-proof__copy h2 { font-size: clamp(52px,15vw,68px); }
  .worktime-proof__copy > p:not(.eyebrow):not(.worktime-proof__agency) { margin-top: 25px; font-size: 15px; }
  .worktime-proof__agency { margin-top: 22px; font-size: 11px; }
  .worktime-stage { min-height: 116vw; margin-inline: -10px; }
  .worktime-window { inset: 4% 0 14% 0; transform: none; }
  .worktime-window img { object-position: 54% 50%; }
  .worktime-layer { min-width: 132px; padding: 11px 12px; }
  .worktime-layer strong { font-size: 14px; }
  .worktime-layer--clock { left: 3%; }
  .worktime-layer--billable { left: 3%; bottom: 16%; }
  .worktime-layer--export { top: 17%; right: 2%; min-width: 112px; }
  .worktime-stage figcaption { right: 0; bottom: 1%; left: 0; display: grid; gap: 7px; }
  .worktime-stage figcaption strong { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .worktime-window,.worktime-layer { transition: none; animation: none !important; }
}

/* One connected project — live UI at the center, capabilities moving around it. */
.feature-dump.section-white { padding: 72px 0 88px; overflow: hidden; border-block: 1px solid var(--line-dark); background: #f5f5f3; }
.feature-dump__streams { display: grid; overflow: hidden; border-block: 1px solid rgba(23,22,26,.15); }
.feature-dump__streams--top { grid-template-rows: repeat(3,auto); }
.feature-dump__streams--bottom { grid-template-rows: repeat(4,auto); }
.feature-stream { position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid rgba(23,22,26,.1); mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%); }
.feature-stream:last-child { border-bottom: 0; }
.feature-stream__track { display: flex; width: max-content; animation: feature-stream-left 52s linear infinite; animation-play-state: paused; will-change: transform; }
.feature-stream.is-ready.is-in-view .feature-stream__track { animation-play-state: running; }
.feature-stream--reverse .feature-stream__track { animation-direction: reverse; }
.feature-dump__streams--top .feature-stream:nth-child(2) .feature-stream__track { animation-duration: 59s; }
.feature-dump__streams--top .feature-stream:nth-child(3) .feature-stream__track { animation-duration: 47s; }
.feature-dump__streams--bottom .feature-stream:nth-child(1) .feature-stream__track { animation-duration: 63s; }
.feature-dump__streams--bottom .feature-stream:nth-child(2) .feature-stream__track { animation-duration: 55s; }
.feature-dump__streams--bottom .feature-stream:nth-child(3) .feature-stream__track { animation-duration: 68s; }
.feature-dump__streams--bottom .feature-stream:nth-child(4) .feature-stream__track { animation-duration: 61s; }
.feature-stream__group { display: flex; flex: 0 0 auto; align-items: center; padding-right: 32px; }
.feature-stream__group span { display: inline-flex; min-height: 52px; align-items: center; gap: 10px; padding: 0 25px 0 0; color: #353238; font-family: var(--font-ui); font-size: 16px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }
.feature-stream__group span::after { content: "·"; margin-left: 25px; color: #c52017; font-size: 22px; font-weight: 400; }
.feature-stream__group b { color: #b42318; font-size: 10px; font-weight: 650; letter-spacing: .14em; }
.feature-stream:hover .feature-stream__track { animation-play-state: paused; }
.feature-dump__center { padding-block: clamp(62px,7vw,100px); text-align: center; }
.feature-dump__center h2 { margin: 0; color: #171619; font-family: "Space Grotesk",sans-serif; font-size: clamp(68px,8.6vw,132px); font-weight: 600; letter-spacing: -.075em; line-height: .82; }
.feature-dump__center h2 span { display: block; }
.feature-dump__visual { max-width: 1240px; margin: clamp(46px,5vw,72px) auto 0; text-align: left; }
.feature-dump__screen { position: relative; padding: 5px; border: 1px solid rgba(29,29,31,.24); background: #050505; box-shadow: 0 34px 82px rgba(0,0,0,.17); clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }
.feature-dump__screen::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(204,0,0,.38); pointer-events: none; }
.feature-dump__screen img { width: 100%; }
.feature-dump__visual figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 16px 3px 0; }
.feature-dump__visual figcaption span { color: #b42318; font-family: var(--font-ui); font-size: 10px; font-weight: 600; letter-spacing: .13em; }
.feature-dump__visual figcaption strong { max-width: 560px; color: #5f5b63; font-family: var(--font-ui); font-size: clamp(15px,1.3vw,19px); font-weight: 500; letter-spacing: -.02em; text-align: right; }
@keyframes feature-stream-left { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }

/* A quiet content canvas keeps imagery and film work in focus. */
.section-white,
.section-soft { background: #f5f5f7; color: #1d1d1f; }
.section-soft { background: #fff; }
.project-flow::before,
.finish-proof::before,
.creative-system::before,
.access::before { content: none; }
.eyebrow { color: #b42318; }
.text-link span { color: #b42318; }
.button--dark { border-radius: 10px; background: #1d1d1f; }
.button--dark:hover { background: #000; }
.workspace-stack { background: #0b0b0d; }
.workspace-stack::before { opacity: .08; }
.stack-progress i { background: #b42318; box-shadow: none; }
.jared { background: #0b0b0d; }
.access-card { border-radius: 18px; border-color: rgba(29,29,31,.16); box-shadow: 0 10px 28px rgba(0,0,0,.05); }
.access-card--pro { border-color: rgba(180,35,24,.48); background: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.08); }
.access-card--pro h3 { color: #b42318; }
.access-card--pro > a { background: #1d1d1f; }
.access-card--pro li::before { background: #b42318; }
.access-card--complete { border-color: rgba(29,29,31,.16); background: #fff; }
.access-card--complete > a { background: #1d1d1f; }
.access-badge { background: #f5f5f7; color: #515154; }

/* Scroll-driven real interface stack */
.workspace-stack {
  height: 180svh;
  background:
    radial-gradient(ellipse at 8% 12%, rgba(39,88,178,.39), transparent 34%),
    radial-gradient(ellipse at 92% 80%, rgba(157,44,103,.3), transparent 38%),
    linear-gradient(145deg, #0a1020, #09090f 54%, #150b14);
}

.workspace-stack::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: radial-gradient(rgba(255,255,255,.48) .5px, transparent .7px); background-size: 8px 8px; }
.workspace-stack__sticky { position: sticky; top: 0; display: grid; grid-template-rows: auto 1fr auto; min-height: 86svh; overflow: hidden; padding: 72px 0 26px; }
.workspace-stack__header { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 70px; }
.workspace-stack__header h2 { margin: 18px 0 0; color: #f5f3f6; font-size: clamp(45px,5.5vw,76px); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.workspace-stack__header > p { max-width: 340px; margin: 0 0 7px; color: #9b97a2; font-size: 16px; line-height: 1.5; }
.workspace-stack__stage { position: relative; min-height: 0; margin-top: 8px; }
.workspace-stack canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 500ms ease; }
.workspace-stack.is-three-ready canvas { opacity: 1; }
.stack-fallback { position: absolute; inset: 9% 12% 5%; perspective: 1400px; transition: opacity 350ms ease; }
.stack-fallback img { position: absolute; left: 50%; top: 50%; width: 74%; border: 1px solid rgba(255,255,255,.17); box-shadow: 0 38px 90px rgba(0,0,0,.56); transform-origin: center; }
.stack-fallback img:nth-child(1) { transform: translate(-61%,-50%) rotateY(10deg) translateZ(-80px); }
.stack-fallback img:nth-child(2) { z-index: 2; transform: translate(-50%,-50%) translateZ(80px); }
.stack-fallback img:nth-child(3) { transform: translate(-39%,-50%) rotateY(-10deg) translateZ(-80px); }
.workspace-stack.is-three-ready .stack-fallback { opacity: 0; }
.stack-truth { position: absolute; right: 4px; top: 10px; color: rgba(255,255,255,.49); font-size: 10px; }
.workspace-legend { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 10px; border-top: 1px solid rgba(255,255,255,.13); }
.workspace-legend li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; min-height: 88px; padding: 17px 24px 14px; border-left: 1px solid rgba(255,255,255,.1); opacity: .62; transition: opacity 240ms ease, background 240ms ease; }
.workspace-legend li:first-child { border-left: 0; }
.workspace-legend li.is-active { opacity: 1; background: linear-gradient(180deg,rgba(255,255,255,.04),transparent); }
.workspace-legend li > span { color: #d77d9f; font-size: 11px; }
.workspace-legend strong { color: #f4f2f5; font-size: 18px; font-weight: 500; }
.workspace-legend p { margin: 8px 0 0; color: #8f8b95; font-size: 12px; line-height: 1.4; }
.stack-progress { position: absolute; inset: auto 0 0; height: 3px; background: rgba(255,255,255,.1); }
.stack-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#2b67bd,#8d52a5 55%,#d54579); box-shadow: 0 0 18px rgba(195,57,111,.48); }

/* Product map */
.product-map { padding: 112px 0 118px; }
.product-bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 12px; margin-top: 58px; }
.product-bento__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 278px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(20,19,23,.16);
  background: #fff;
  clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.product-bento__card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #cc0000; }
.product-bento__card--sequencer { grid-column: span 7; min-height: 346px; background: #101010; color: #fff; }
.product-bento__card--finisher { grid-column: span 5; }
.product-bento__card--atelier { grid-column: span 5; }
.product-bento__card--jared { grid-column: span 7; background: #101010; color: #fff; }
.product-bento__card--language { grid-column: span 5; min-height: 230px; }
.product-bento__card--project { grid-column: span 7; min-height: 230px; background: #cc0000; color: #fff; }
.product-bento__index { color: #b42318; font-family: "Space Grotesk",sans-serif; font-size: 10px; letter-spacing: .18em; }
.product-bento__card--sequencer .product-bento__index,
.product-bento__card--jared .product-bento__index { color: #ff3b28; }
.product-bento__card--project .product-bento__index { color: rgba(255,255,255,.68); }
.product-bento__card h3 { margin: 35px 0 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(34px,4vw,54px); font-weight: 400; letter-spacing: -.045em; line-height: .96; }
.product-bento__card > strong { display: block; max-width: 610px; margin-top: 34px; font-family: "Space Grotesk",sans-serif; font-size: clamp(30px,4vw,52px); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.product-bento__card p { max-width: 610px; margin: 18px 0 0; color: #68656d; font-size: 14px; line-height: 1.55; }
.product-bento__card--sequencer p,
.product-bento__card--jared p { color: #a7a7ac; }
.product-bento__card--project p { color: rgba(255,255,255,.78); }
.product-bento__card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 28px 0 0; list-style: none; }
.product-bento__card li { padding: 8px 10px; border: 1px solid rgba(22,21,24,.16); color: #403d43; font-size: 11px; }
.product-bento__card--sequencer li { border-color: rgba(255,255,255,.18); color: #d5d5d8; }
.product-bento__card a { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: auto; padding-top: 25px; color: #1d1d1f; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.product-bento__card--sequencer a,
.product-bento__card--jared a { color: #fff; }
.product-bento__card a span { color: #cc0000; font-size: 18px; }

/* The three product rooms */
.room-hero { padding: 112px 0; }
.room-hero__grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); align-items: center; gap: clamp(48px,6vw,96px); }
.room-hero__grid--reverse { grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr); }
.room-hero__grid--reverse .room-hero__copy { order: 2; }
.room-hero__grid--reverse .room-hero__visual { order: 1; }
.room-hero__copy h2 { max-width: 610px; margin: 24px 0 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(48px,5.5vw,78px); font-weight: 400; letter-spacing: -.055em; line-height: .98; }
.room-hero__copy > p:not(.eyebrow) { max-width: 570px; margin: 27px 0 0; color: #737078; font-size: 17px; line-height: 1.6; }
.room-hero.section-dark .room-hero__copy > p:not(.eyebrow) { color: #9b999f; }
.room-hero__copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 37px 0 0; padding: 0; border-block: 1px solid currentColor; color: rgba(35,33,38,.18); list-style: none; }
.room-hero__copy li { min-height: 63px; padding: 20px 15px 17px 0; border-top: 1px solid currentColor; color: #4e4a52; font-size: 12px; line-height: 1.4; }
.room-hero__copy li:nth-child(-n+2) { border-top: 0; }
.room-hero__copy li:nth-child(even) { padding-left: 15px; border-left: 1px solid rgba(35,33,38,.18); }
.room-hero.section-dark .room-hero__copy ul { color: rgba(255,255,255,.16); }
.room-hero.section-dark .room-hero__copy li { color: #d0ced2; }
.room-hero.section-dark .room-hero__copy li:nth-child(even) { border-left-color: rgba(255,255,255,.16); }
.room-hero__visual { min-width: 0; margin: 0; }
.room-hero__screen { position: relative; padding: 5px; border: 1px solid rgba(29,29,31,.22); background: #050505; clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px)); }
.room-hero.section-dark .room-hero__screen { border-color: rgba(255,255,255,.2); }
.room-hero__screen::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(204,0,0,.42); pointer-events: none; }
.room-hero__screen img { width: 100%; }
.room-hero__visual figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 16px 4px 0; }
.room-hero__visual figcaption span { color: #b42318; font-family: var(--font-ui); font-size: 10px; font-weight: 600; letter-spacing: .13em; }
.room-hero__visual figcaption strong { max-width: 560px; color: #5f5b63; font-family: var(--font-ui); font-size: clamp(16px,1.45vw,21px); font-weight: 500; letter-spacing: -.02em; line-height: 1.25; text-align: right; }
.room-hero.section-dark .room-hero__visual figcaption strong { color: #9b999f; }
.room-hero--sequencer { background: #070707; }
.room-hero--atelier { border-top: 1px solid rgba(255,255,255,.12); background: #0a0a0a; }

/* Color + Momentum FX */
.color-fx-hero {
  padding: 112px 0 118px;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 80% 12%,rgba(186,24,14,.2),transparent 32%),
    radial-gradient(circle at 16% 76%,rgba(29,74,121,.25),transparent 34%),
    #070707;
}
.color-fx-hero__header { display: grid; grid-template-columns: minmax(0,1.34fr) minmax(330px,.66fr); align-items: end; gap: 70px; }
.color-fx-hero__header h2 { max-width: 940px; margin: 24px 0 0; color: #f4f3f5; font-family: "Space Grotesk",sans-serif; font-size: clamp(60px,7.7vw,112px); font-weight: 400; letter-spacing: -.065em; line-height: .88; }
.color-fx-hero__header > p { max-width: 520px; margin: 0 0 7px; color: #9d9aa1; font-size: 16px; line-height: 1.62; }
.color-fx-monitor { width: min(100% - 48px,1540px); margin: 66px auto 0; }
.color-fx-monitor__screen { position: relative; aspect-ratio: 16/9; overflow: hidden; padding: 5px; border: 1px solid rgba(255,255,255,.2); background: radial-gradient(circle at 54% 43%,#242424 0,#0b0b0b 42%,#030303 78%); box-shadow: 0 54px 130px rgba(0,0,0,.64); clip-path: polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px)); }
.color-fx-monitor__screen::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(204,0,0,.45); pointer-events: none; }
.color-fx-monitor__screen canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; transition: opacity 420ms ease; }
.color-fx-stage__fallback { position: absolute; inset: 5px; z-index: 1; overflow: hidden; background: #050505; transition: opacity 420ms ease; }
.color-fx-stage__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .52; filter: brightness(.64) saturate(.78); }
.color-fx-stage__panel { position: absolute; z-index: 2; max-width: none; border: 1px solid rgba(255,255,255,.28); box-shadow: 0 28px 74px rgba(0,0,0,.72); }
.color-fx-stage__panel--masks { left: 5.5%; top: 14%; width: 25%; transform: perspective(1000px) rotateY(10deg) rotateZ(-1deg); transform-origin: right center; }
.color-fx-stage__panel--wheels { right: 6%; top: 24%; width: 45%; transform: perspective(1000px) rotateY(-8deg) rotateZ(.6deg); transform-origin: left center; }
.color-fx-monitor.is-grade-ready canvas { opacity: 1; }
.color-fx-monitor.is-grade-ready .color-fx-stage__fallback { opacity: 0; }
.color-fx-monitor__hud { position: absolute; z-index: 3; left: 22px; right: 22px; bottom: 17px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; color: rgba(255,255,255,.66); font-family: "Space Grotesk",sans-serif; font-size: 9px; letter-spacing: .16em; pointer-events: none; text-shadow: 0 1px 8px #000; }
.color-fx-monitor__hud i { height: 1px; background: linear-gradient(90deg,#cc0000,rgba(255,255,255,.18)); }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.color-fx-monitor figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 17px 4px 0; }
.color-fx-monitor figcaption span { color: #ef2b1c; font-family: "Space Grotesk",sans-serif; font-size: 10px; letter-spacing: .14em; }
.color-fx-monitor figcaption strong { color: #949198; font-size: 12px; font-weight: 400; text-align: right; }
.color-fx-ledger { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 72px; border-block: 1px solid rgba(255,255,255,.14); }
.color-fx-ledger article { min-height: 220px; padding: 27px 24px; border-left: 1px solid rgba(255,255,255,.12); }
.color-fx-ledger article:first-child { border-left: 0; }
.color-fx-ledger article > span { color: #ef2b1c; font-size: 10px; }
.color-fx-ledger strong { display: block; margin-top: 36px; color: #f0eff1; font-family: "Space Grotesk",sans-serif; font-size: 20px; font-weight: 500; }
.color-fx-ledger p { margin: 14px 0 0; color: #949198; font-size: 13px; line-height: 1.56; }

/* Product-flow film */
.project-flow { padding: 126px 0 120px; }
.proof-film { margin: 62px 0 0; }
.proof-film__screen { position: relative; overflow: hidden; border: 1px solid rgba(23,22,26,.18); background: #07070a; box-shadow: 0 36px 95px rgba(26,23,29,.15); }
.proof-film video { width: 100%; aspect-ratio: 8 / 5; object-fit: cover; }
.proof-film__toggle { position: absolute; right: 18px; bottom: 18px; min-width: 70px; min-height: 40px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(6,6,9,.72); color: #fff; font-size: 12px; backdrop-filter: blur(14px); }
.proof-film figcaption,
.section-interface figcaption,
.atelier-interface figcaption,
.jared-capture figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; padding: 17px 3px 0; }
.proof-film figcaption span,
.section-interface figcaption span,
.atelier-interface figcaption span,
.jared-capture figcaption span { color: #9d436b; font-size: 11px; }
.proof-film figcaption span:last-child { color: #6e6a72; }
.journey-rail { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 70px; border-block: 1px solid var(--line-dark); }
.journey-rail li { min-height: 165px; padding: 25px 22px; border-left: 1px solid var(--line-dark); }
.journey-rail li:first-child { border-left: 0; }
.journey-rail li > span { color: #a84870; font-size: 11px; }
.journey-rail strong { display: block; margin-top: 32px; color: #242127; font-size: 20px; font-weight: 500; }
.journey-rail p { margin: 8px 0 0; color: #757179; font-size: 12px; line-height: 1.42; }
.journey-assistant { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 20px 22px; border-bottom: 1px solid var(--line-dark); background: linear-gradient(90deg,rgba(38,91,169,.07),rgba(158,65,106,.08)); }
.journey-assistant span { color: #99466c; font-size: 11px; letter-spacing: .055em; text-transform: uppercase; }
.journey-assistant strong { color: #353139; font-size: 14px; font-weight: 500; }

/* Finisher */
.finish-proof { padding: 126px 0 120px; border-top: 1px solid var(--line-dark); }
.section-interface { margin: 60px 0 0; }
.section-interface > div { overflow: hidden; padding: 6px; border: 1px solid rgba(24,23,27,.17); background: #07080a; box-shadow: 0 30px 84px rgba(25,22,29,.13); }
.section-interface img { width: 100%; }
.section-interface figcaption strong,
.atelier-interface figcaption strong,
.jared-capture figcaption strong { color: #4f4b53; font-size: 13px; font-weight: 400; }
.capability-ledger { margin-top: 60px; border-block: 1px solid var(--line-dark); }
.capability-ledger article { display: grid; grid-template-columns: 110px minmax(260px,.8fr) 1fr; align-items: baseline; gap: 34px; padding: 34px 0; border-top: 1px solid var(--line-dark); }
.capability-ledger article:first-child { border-top: 0; }
.capability-ledger article > span { color: #9f446b; font-size: 11px; }
.capability-ledger h3 { margin: 0; color: #242126; font-size: 25px; font-weight: 500; letter-spacing: -.02em; }
.capability-ledger p { margin: 0; color: #706c74; font-size: 14px; line-height: 1.55; }

/* Atelier */
.creative-system { padding: 126px 0; }
.atelier-interface { margin: 60px 0 0; }
.atelier-interface > img { width: 100%; padding: 6px; border: 1px solid rgba(24,23,27,.17); background: #07080a; box-shadow: 0 30px 84px rgba(25,22,29,.12); }
.project-material { display: grid; grid-template-columns: .78fr 1.22fr; align-items: end; gap: 76px; margin-top: 120px; padding-top: 50px; border-top: 1px solid var(--line-dark); }
.project-material__copy h3 { margin: 24px 0 0; color: #201e23; font-size: clamp(38px,4vw,58px); font-weight: 400; letter-spacing: -.04em; line-height: 1.04; }
.project-material__copy > p:last-child { margin: 24px 0 0; color: #6c6870; font-size: 16px; line-height: 1.6; }
.project-material__frames { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; align-items: end; }
.project-material__frames figure { margin: 0; }
.project-material__frames img { width: 100%; height: 330px; object-fit: cover; background: #15151a; filter: saturate(.9) contrast(1.03); }
.project-material__frames figure:nth-child(2) img { height: 390px; }
.project-material__frames figure:nth-child(3) img { height: 300px; }
.project-material__frames figure:nth-child(4) img { height: 355px; }
.project-material__frames figcaption { padding-top: 10px; color: #6c6870; font-size: 11px; }

/* J.A.R.E.D. */
.jared { padding: 112px 0 108px; border-top: 1px solid rgba(255,255,255,.13); background: #050505; }
.jared::before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: radial-gradient(rgba(255,255,255,.16) .6px,transparent .8px); background-size: 20px 20px; pointer-events: none; }
.jared__intro { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.65fr); align-items: end; gap: clamp(42px,7vw,112px); }
.jared__copy h2 { max-width: 650px; margin: 24px 0 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(54px,6.5vw,92px); font-weight: 400; letter-spacing: -.06em; line-height: .92; }
.jared__intro > p { max-width: 590px; margin: 0 0 5px; color: #9b999f; font-size: 17px; line-height: 1.65; }
.jared-workflow { position: relative; margin-top: 64px; padding: 24px; border: 1px solid rgba(255,255,255,.18); background: #080808; clip-path: polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px)); }
.jared-workflow::before { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(204,0,0,.28); pointer-events: none; }
.jared-workflow__top { display: grid; grid-template-columns: minmax(260px,.72fr) 140px minmax(420px,1.28fr); align-items: stretch; gap: 16px; }
.jared-command { display: flex; flex-direction: column; justify-content: flex-end; gap: 13px; margin: 0; min-height: 268px; padding: 26px; border: 1px solid rgba(255,255,255,.15); border-left: 4px solid #cc0000; background: #111; clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%); transition: border-color 240ms ease,background 240ms ease; }
.jared-command span { color: #ef2b1c; font-family: "Space Grotesk",sans-serif; font-size: 9px; letter-spacing: .18em; }
.jared-command strong { color: #f4f3f5; font-family: "Space Grotesk",sans-serif; font-size: clamp(20px,2vw,28px); font-weight: 400; line-height: 1.32; }
.jared-command small { color: #848187; font-size: 11px; line-height: 1.45; }
.jared-flow-arrow { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 13px; color: #77737b; text-align: center; }
.jared-flow-arrow i { width: 100%; height: 1px; background: #cc0000; box-shadow: 0 0 18px rgba(204,0,0,.55); }
.jared-flow-arrow span { max-width: 100px; font-family: "Space Grotesk",sans-serif; font-size: 8px; letter-spacing: .13em; line-height: 1.5; }
.jared-plan { border: 1px solid rgba(255,255,255,.16); background: #0d0d0d; }
.jared-plan > header { display: flex; justify-content: space-between; gap: 20px; padding: 17px 19px; border-bottom: 1px solid rgba(255,255,255,.13); }
.jared-plan > header span { color: #ef2b1c; font-size: 9px; letter-spacing: .16em; }
.jared-plan > header strong { color: #8b878e; font-size: 10px; font-weight: 400; }
.jared-plan ol { margin: 0; padding: 0; list-style: none; }
.jared-plan li { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 14px; min-height: 58px; padding: 10px 18px; border-top: 1px solid rgba(255,255,255,.09); opacity: .74; transition: opacity 240ms ease,background 240ms ease; }
.jared-plan li:first-child { border-top: 0; }
.jared-plan li > i { width: 6px; height: 6px; background: #4a6fa5; }
.jared-plan li div strong { color: #e9e8ea; font-size: 12px; font-weight: 500; }
.jared-plan li p { margin: 3px 0 0; color: #817e84; font-size: 10px; }
.jared-plan li > span { color: #77737b; font-size: 8px; letter-spacing: .14em; }
.jared-command.is-active,
.jared-plan li.is-active { opacity: 1; border-color: rgba(204,0,0,.58); background: #161010; }
.jared-plan li.is-active > i { background: #cc0000; box-shadow: 0 0 16px rgba(204,0,0,.8); }
.jared-plan li.is-active > span { color: #ef2b1c; }
.jared-route { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin: 22px 0; color: #8b878e; font-family: "Space Grotesk",sans-serif; font-size: 8px; letter-spacing: .18em; text-align: center; }
.jared-route i { height: 1px; background: rgba(255,255,255,.14); }
.jared-rooms { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.jared-rooms article { overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: #0b0b0b; opacity: .72; transition: opacity 260ms ease,border-color 260ms ease,transform 260ms ease; }
.jared-rooms article.is-active,
.jared-rooms article.is-complete { opacity: 1; border-color: rgba(204,0,0,.62); transform: translateY(-3px); }
.jared-rooms article > div { display: flex; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 9px; letter-spacing: .13em; }
.jared-rooms article > div span { color: #f0eff1; }
.jared-rooms article > div b { color: #ef2b1c; font-weight: 400; }
.jared-rooms picture { display: block; aspect-ratio: 16/9; overflow: hidden; }
.jared-rooms img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.8); }
.jared-rooms article > p { min-height: 55px; margin: 0; padding: 12px 14px; color: #8b878e; font-size: 10px; line-height: 1.5; }
.jared-result { display: grid; grid-template-columns: 160px 1fr minmax(220px,.52fr); align-items: center; gap: 24px; margin-top: 14px; padding: 19px 20px; border: 1px solid rgba(255,255,255,.14); background: #0c0c0c; opacity: .58; transition: opacity 260ms ease,border-color 260ms ease; }
.jared-result.is-active { opacity: 1; border-color: #cc0000; }
.jared-result > span { color: #ef2b1c; font-size: 9px; letter-spacing: .15em; }
.jared-result strong { color: #f1f0f2; font-size: 15px; font-weight: 500; }
.jared-result p { margin: 0; color: #868289; font-size: 10px; line-height: 1.45; }
.jared-safety { display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 26px; margin-top: 14px; padding: 18px 20px; border-left: 4px solid #cc0000; background: rgba(255,255,255,.055); }
.jared-safety > strong { color: #fff; font-size: 14px; font-weight: 500; }
.jared-safety ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 0; padding: 0; list-style: none; color: #a19da5; font-size: 10px; }
.jared-safety li { padding: 5px 16px; border-left: 1px solid rgba(255,255,255,.13); }

/* Local truth */
.local-proof { padding: 92px 0 96px; background: #f5f5f3; }
.local-bento { display: grid; grid-template-columns: repeat(5,1fr); gap: 9px; margin-top: 46px; }
.local-bento__card { grid-column: auto; min-height: 170px; padding: 20px; border: 1px solid rgba(24,23,27,.16); background: #fff; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }
.local-bento__card--hero { grid-column: auto; grid-row: auto; min-height: 170px; background: #0a0a0a; color: #fff; }
.local-bento__card--machine { grid-column: auto; min-height: 170px; background: #cc0000; color: #fff; }
.local-bento__card span { color: #b42318; font-family: "Space Grotesk",sans-serif; font-size: 9px; letter-spacing: .17em; }
.local-bento__card--hero span,
.local-bento__card--machine span { color: rgba(255,255,255,.64); }
.local-bento__card strong { display: block; margin-top: 22px; color: #242126; font-family: "Space Grotesk",sans-serif; font-size: clamp(19px,1.7vw,25px); font-weight: 400; letter-spacing: -.035em; line-height: 1.06; }
.local-bento__card--hero strong { max-width: none; color: #fff; font-size: clamp(21px,1.9vw,28px); }
.local-bento__card--machine strong { color: #fff; }
.local-bento__card p { max-width: 600px; margin: 12px 0 0; color: #6d6971; font-size: 10px; line-height: 1.5; }
.local-bento__card--hero p,
.local-bento__card--machine p { color: rgba(255,255,255,.72); }

/* Access and application */
.access { padding: 126px 0 120px; }
.access__heading h2 { font-size: clamp(72px,10vw,140px); }
.download-showcase { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(360px,.9fr) minmax(420px,1.1fr); align-items: center; gap: clamp(38px,6vw,92px); min-height: 640px; margin-top: 46px; padding: clamp(38px,5vw,76px); overflow: hidden; border: 1px solid rgba(49,223,135,.54); background: radial-gradient(circle at 72% 47%,rgba(39,224,132,.18),transparent 31%),linear-gradient(118deg,#020806 0%,#071a10 52%,#052417 100%); color: #fff; clip-path: polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px)); }
.download-showcase::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg,#000,transparent 58%); -webkit-mask-image: linear-gradient(90deg,#000,transparent 58%); pointer-events: none; }
.download-showcase::after { content: ""; position: absolute; z-index: -1; right: -9%; bottom: -36%; width: 64%; aspect-ratio: 1; border-radius: 50%; background: rgba(42,235,139,.16); filter: blur(100px); pointer-events: none; }
.software-box-scene { display: grid; min-height: 500px; place-items: center; perspective: 1080px; perspective-origin: 58% 40%; }
.software-box { --box-width: clamp(235px,22vw,310px); --box-height: calc(var(--box-width) * 1.25); --box-depth: 104px; --box-rx: -11deg; --box-ry: -30deg; --box-y: 0px; position: relative; width: var(--box-width); height: var(--box-height); transform: translate3d(0,var(--box-y),0) rotateX(var(--box-rx)) rotateY(var(--box-ry)); transform-style: preserve-3d; transition: transform 220ms cubic-bezier(.22,.8,.28,1); will-change: transform; }
.software-box__front,.software-box__back,.software-box__spine,.software-box__right,.software-box__top,.software-box__bottom { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background-color: #080909; background-size: cover; backface-visibility: hidden; }
.download-showcase.is-box-ready .software-box__front { background-image: linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url("../assets/img/cinemaos-box-cover-v1.webp"); background-image: linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),image-set(url("../assets/img/cinemaos-box-cover-v1.avif") type("image/avif"),url("../assets/img/cinemaos-box-cover-v1.webp") type("image/webp")); }
.software-box__front { inset: 0; z-index: 2; box-shadow: inset 11px 0 20px rgba(255,255,255,.025),inset -12px 0 25px rgba(0,0,0,.34),0 42px 90px rgba(0,0,0,.58),0 0 42px rgba(220,26,16,.13); transform: translateZ(calc(var(--box-depth) / 2)); }
.software-box__front::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(112deg,rgba(255,255,255,.12),transparent 24%,transparent 67%,rgba(255,255,255,.045)); mix-blend-mode: screen; pointer-events: none; }
.software-box__front::after { content: ""; position: absolute; inset: 8px; z-index: 3; border: 1px solid rgba(235,34,22,.25); pointer-events: none; }
.software-box__spine { left: 50%; top: 0; display: flex; width: var(--box-depth); height: 100%; align-items: center; justify-content: space-between; margin-left: calc(var(--box-depth) / -2); padding: 20px 23px; background-image: linear-gradient(90deg,#020202 0,#202020 30%,#0a0a0a 72%,#020202 100%); transform: rotateY(-90deg) translateZ(calc(var(--box-width) / 2)); writing-mode: vertical-rl; box-shadow: inset -1px 0 rgba(238,37,23,.58),inset 13px 0 28px rgba(0,0,0,.68),inset -8px 0 13px rgba(255,255,255,.035); }
.software-box__spine span { color: #fff; font: 600 11px/1 "Space Grotesk",sans-serif; letter-spacing: .24em; }
.software-box__spine b { color: #ef2b1c; font: 500 9px/1 "Space Grotesk",sans-serif; letter-spacing: .28em; }
.software-box__top { left: 0; top: 50%; width: 100%; height: var(--box-depth); margin-top: calc(var(--box-depth) / -2); background-image: linear-gradient(180deg,#2a2a2a,#090909 68%,#020202); transform: rotateX(90deg) translateZ(calc(var(--box-height) / 2)); box-shadow: inset 0 -1px rgba(238,37,23,.5),inset 0 14px 22px rgba(255,255,255,.025); }
.software-box__back { inset: 0; background-image: linear-gradient(145deg,#090909,#151515 48%,#030303); transform: rotateY(180deg) translateZ(calc(var(--box-depth) / 2)); box-shadow: inset 0 0 0 8px rgba(238,37,23,.08); }
.software-box__right { left: 50%; top: 0; width: var(--box-depth); height: 100%; margin-left: calc(var(--box-depth) / -2); background-image: linear-gradient(90deg,#020202,#111 46%,#252525 100%); transform: rotateY(90deg) translateZ(calc(var(--box-width) / 2)); box-shadow: inset 1px 0 rgba(238,37,23,.46),inset -12px 0 24px rgba(255,255,255,.025); }
.software-box__bottom { left: 0; top: 50%; width: 100%; height: var(--box-depth); margin-top: calc(var(--box-depth) / -2); background-image: linear-gradient(180deg,#020202,#111); transform: rotateX(-90deg) translateZ(calc(var(--box-height) / 2)); box-shadow: inset 0 1px rgba(238,37,23,.3); }
.software-box__shadow { position: absolute; left: 4%; right: -13%; bottom: -13%; height: 17%; border-radius: 50%; background: rgba(0,0,0,.68); filter: blur(22px); transform: translateZ(-46px) rotateX(78deg); }
.software-box__brand { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; text-align: center; }
.software-box__brand img { width: clamp(78px,7vw,112px); filter: drop-shadow(0 18px 24px rgba(0,0,0,.5)); }
.software-box__brand strong { margin-top: 24px; color: #f5f5f5; font-family: "Space Grotesk",sans-serif; font-size: clamp(15px,1.45vw,21px); font-weight: 600; letter-spacing: .31em; text-indent: .31em; }
.software-box__brand em { margin-top: 8px; color: #ef2b1c; font-family: "Space Grotesk",sans-serif; font-size: clamp(11px,1.05vw,15px); font-style: normal; letter-spacing: .48em; text-indent: .48em; }
.software-box__brand small { position: absolute; left: 0; right: 0; bottom: 29px; color: rgba(255,255,255,.6); font: 500 7px/1 "Space Grotesk",sans-serif; letter-spacing: .19em; }
.download-showcase__copy { position: relative; z-index: 2; max-width: 610px; }
.download-showcase__copy > span { color: #79eeb0; font: 600 9px/1 "Space Grotesk",sans-serif; letter-spacing: .2em; }
.download-showcase__copy h3 { margin: 22px 0 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(48px,5.3vw,78px); font-weight: 500; letter-spacing: -.06em; line-height: .88; }
.download-showcase__copy p { max-width: 570px; margin: 30px 0 0; color: rgba(225,255,239,.7); font-size: 15px; line-height: 1.6; }
.download-showcase__copy p > span { display: block; }
.download-showcase__trust { white-space: nowrap; }
.download-showcase__button { position: relative; display: flex; width: min(100%,430px); min-height: 78px; align-items: center; justify-content: center; margin-top: 38px; overflow: hidden; border: 1px solid #a0ffd0; background: #31df87; color: #031a0e; font: 650 20px/1 var(--font-ui); letter-spacing: -.02em; box-shadow: 0 0 0 1px rgba(255,255,255,.12),0 0 46px rgba(31,221,130,.36),0 18px 44px rgba(0,0,0,.28); transition: transform 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.download-showcase__button::before { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 0 35%,rgba(255,255,255,.38) 48%,transparent 61% 100%); transform: translateX(-130%); animation: download-button-sheen 4.6s ease-in-out infinite; animation-play-state: paused; }
.download-showcase.is-motion-active .download-showcase__button::before { animation-play-state: running; }
.download-showcase__button span { position: relative; z-index: 1; }
.download-showcase__button:hover { background: #56f1a4; transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(255,255,255,.18),0 0 68px rgba(31,221,130,.54),0 22px 50px rgba(0,0,0,.32); }
.download-showcase__button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.download-showcase__copy > small { display: block; margin-top: 15px; color: rgba(225,255,239,.5); font-size: 10px; letter-spacing: .04em; }
.notify-rail { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 32px; margin-top: 18px; padding: clamp(24px,3vw,34px) clamp(24px,3.6vw,46px); overflow: hidden; border: 1px solid rgba(49,223,135,.28); background: linear-gradient(100deg,rgba(49,223,135,.08),transparent 42%),#080b0a; color: #f5f5f7; clip-path: polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px); }
.notify-rail::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #31df87; box-shadow: 0 0 24px rgba(49,223,135,.58); }
.notify-rail > div { display: grid; gap: 5px; }
.notify-rail span { color: #79eeb0; font: 650 9px/1 "Space Grotesk",sans-serif; letter-spacing: .2em; }
.notify-rail strong { font: 560 clamp(20px,2.2vw,28px)/1.1 var(--font-ui); letter-spacing: -.025em; }
.notify-rail p { max-width: 64ch; margin: 0; color: rgba(225,255,239,.58); font-size: 14px; line-height: 1.5; }
.notify-rail button { display: inline-flex; min-width: 178px; min-height: 54px; align-items: center; justify-content: center; gap: 10px; border: 1px solid #a0ffd0; background: #31df87; color: #031a0e; font: 700 13px/1 var(--font-ui); letter-spacing: .04em; cursor: pointer; clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); transition: transform 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.notify-rail button i { background: #031a0e; box-shadow: 0 0 0 4px rgba(3,26,14,.1); }
.notify-rail button:hover { background: #56f1a4; transform: translateY(-2px); box-shadow: 0 16px 42px rgba(31,221,130,.2); }
.notify-rail button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.plans-label { margin: 28px 0 0; color: #77737b; font-size: 11px; text-align: center; }
.access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.access-card { position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: start; gap: 24px; min-height: 230px; padding: 28px; border: 1px solid rgba(23,22,26,.15); background: #fff; color: #1a191d; box-shadow: none; }
.access-card__identity { display: grid; gap: 9px; }
.access-card__identity span { font-family: "Space Grotesk",sans-serif; font-size: 17px; font-weight: 600; letter-spacing: .04em; }
.access-card__identity small { color: #77737b; font-size: 11px; }
.access-card__price { display: grid; gap: 4px; justify-items: end; text-align: right; }
.access-card__price strong { font-family: "Space Grotesk",sans-serif; font-size: 32px; font-weight: 400; letter-spacing: -.045em; }
.access-card__price small { color: #76727a; font-size: 11px; }
.access-card ul { grid-column: 1 / -1; align-self: end; display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0; padding: 20px 0 0; border-top: 1px solid rgba(23,22,26,.12); list-style: none; color: #69656d; font-size: 12px; line-height: 1.35; }
.access-card li { position: relative; padding-left: 17px; }
.access-card li::before { content: ""; position: absolute; left: 0; top: .52em; width: 5px; height: 5px; border-radius: 50%; background: #858188; }
.access-card--pro { border-color: rgba(29,29,31,.2); border-radius: 0; box-shadow: none; }
.access-card--pro .access-card__price strong { color: #1d1d1f; }
.access-card--pro li::before { background: #5b5b60; }
.access-card--complete { border-color: rgba(180,35,24,.42); border-radius: 0; background: #fff; color: #1a191d; box-shadow: none; }
.access-card--complete .access-card__identity small,
.access-card--complete .access-card__price small,
.access-card--complete ul { color: #69656d; }
.access-card--complete li::before { background: #ef2b1c; }
@keyframes download-button-sheen { 0%,68% { transform: translateX(-130%); } 82%,100% { transform: translateX(130%); } }
.requirements { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 34px; border-block: 1px solid var(--line-dark); }
.requirements > div { display: grid; gap: 11px; padding: 21px 24px; border-left: 1px solid var(--line-dark); }
.requirements > div:first-child { border-left: 0; }
.requirements span { color: #944765; font-size: 10px; letter-spacing: .08em; }
.requirements strong { color: #4b484f; font-size: 12px; font-weight: 400; }

.application { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; margin-top: 120px; padding: 78px; scroll-margin-top: 72px; background: radial-gradient(ellipse at 8% 12%,rgba(38,83,164,.5),transparent 36%),radial-gradient(ellipse at 90% 88%,rgba(159,42,97,.42),transparent 41%),#090a11; color: #fff; }
.application__intro h2 { margin: 24px 0 0; font-size: clamp(48px,5.3vw,72px); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; }
.application__intro > p:last-child { margin: 26px 0 0; color: #aaa7b0; font-size: 15px; line-height: 1.6; }
.application-form { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 20px 16px; }
.form-field { display: grid; gap: 9px; }
.form-field--wide { grid-column: 1 / -1; }
.form-field label,
.application-form > .form-field > label { color: #c3bec7; font-size: 12px; }
.form-field input,
.form-field select { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid rgba(255,255,255,.19); border-radius: 7px; background: rgba(255,255,255,.055); color: #fff; font: inherit; font-size: 14px; }
.form-field input::placeholder { color: #78747e; }
.form-field select { color-scheme: dark; }
.form-check { display: flex; align-items: flex-start; gap: 12px; color: #c0bbc5; font-size: 13px; line-height: 1.48; }
.form-check input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; accent-color: #cf507c; }
.application-form__actions { display: grid; gap: 12px; margin-top: 8px; }
.application-form__actions button { min-height: 52px; border: 0; border-radius: 10px; background: #f3f3f4; color: #161519; font-weight: 600; transition: transform 180ms var(--ease), filter 180ms ease; }
.application-form__actions button:hover { transform: translateY(-2px); filter: brightness(1.05); }
.application-form__actions p { margin: 0; color: #b6b1bc; font-size: 13px; line-height: 1.48; }
.application-form .is-invalid { border-color: #f06d78; box-shadow: 0 0 0 2px rgba(240,109,120,.12); }

.faq { max-width: 900px; margin: 110px auto 0; }
.faq h2 { margin: 0 0 38px; color: #1d1b20; font-size: 44px; font-weight: 400; letter-spacing: -.03em; }
.faq details { margin-bottom: 10px; overflow: clip; border: 1px solid rgba(28,26,31,.14); background: rgba(255,255,255,.62); box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; transform-origin: 50% 0; transition: border-color 180ms ease,background 180ms ease,box-shadow 260ms ease,transform 260ms cubic-bezier(.22,1.35,.36,1); }
.faq details:last-child { margin-bottom: 0; }
.faq details[open] { border-color: rgba(35,150,91,.38); background: #fff; box-shadow: 0 16px 34px rgba(23,22,26,.08); transform: translateY(-2px); }
.faq details.is-springing { will-change: height,transform; }
.faq summary { position: relative; padding: 23px 58px 23px 22px; color: #27242a; font-size: 17px; list-style: none; cursor: pointer; user-select: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 22px; top: 18px; display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(28,26,31,.14); color: #278e5b; font-size: 22px; line-height: 1; transition: color 180ms ease,background 180ms ease,transform 420ms cubic-bezier(.22,1.4,.36,1); }
.faq details[open] summary::after { color: #fff; background: #24945b; transform: rotate(45deg) scale(1.04); }
.faq details p { max-width: 780px; margin: 0; padding: 0 58px 25px 22px; color: #6f6b73; font-size: 14px; line-height: 1.68; }

@media (max-width: 1120px) {
  .project-material { grid-template-columns: 1fr; gap: 46px; }
  .project-material__copy { max-width: 700px; }
  .application { gap: 52px; padding: 60px; }
}

@media (max-width: 980px) {
  .product-hero { min-height: 100svh; padding: 92px 0 38px; }
  .hero-launch { display: block; }
  .hero-launch__content { max-width: none; }
  .hero-launch__product { max-width: 760px; }
  .hero-launch__icon { width: 145px; height: 145px; margin-bottom: 26px; }
  .workspace-stack { height: auto; }
  .workspace-stack__sticky { position: relative; display: block; min-height: 0; padding: 104px 0 90px; }
  .workspace-stack__header { grid-template-columns: 1fr; gap: 20px; }
  .workspace-stack__header > p { max-width: none; }
  .workspace-stack__stage { height: 570px; margin-top: 35px; }
  .workspace-stack canvas { display: none; }
  .stack-fallback { inset: 0; display: grid; grid-template-columns: 1fr; gap: 12px; overflow: auto; perspective: none; scroll-snap-type: x mandatory; }
  .stack-fallback img { position: relative; left: auto; top: auto; width: 86%; max-width: none; margin-right: 14px; grid-row: 1; border: 1px solid rgba(255,255,255,.17); scroll-snap-align: center; transform: none !important; }
  .stack-fallback img:nth-child(1) { margin-left: 0; }
  .stack-truth { top: auto; bottom: -25px; }
  .workspace-legend { margin-top: 42px; }
  .workspace-legend li { opacity: 1; }
  .stack-progress { display: none; }
  .product-bento { grid-template-columns: 1fr 1fr; }
  .product-bento__card,
  .product-bento__card--sequencer,
  .product-bento__card--finisher,
  .product-bento__card--atelier,
  .product-bento__card--jared,
  .product-bento__card--language,
  .product-bento__card--project { grid-column: auto; min-height: 280px; }
  .room-hero__grid,
  .room-hero__grid--reverse { grid-template-columns: 1fr; gap: 52px; }
  .room-hero__grid--reverse .room-hero__copy,
  .room-hero__grid--reverse .room-hero__visual { order: initial; }
  .room-hero__copy { max-width: 760px; }
  .color-fx-hero__header { grid-template-columns: 1fr; gap: 26px; }
  .color-fx-hero__header > p { max-width: 760px; }
  .color-fx-monitor__screen canvas { display: none; }
  .color-fx-monitor.is-grade-ready .color-fx-stage__fallback { opacity: 1; }
  .color-fx-ledger { grid-template-columns: 1fr 1fr; }
  .color-fx-ledger article:nth-child(3) { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .color-fx-ledger article:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); }
  .jared__intro { grid-template-columns: 1fr; gap: 28px; }
  .jared__copy { max-width: 760px; }
  .jared__intro > p { max-width: 760px; }
  .jared-workflow__top { grid-template-columns: 1fr; }
  .jared-flow-arrow { min-height: 54px; }
  .jared-rooms { grid-template-columns: repeat(3,1fr); }
  .jared-result { grid-template-columns: 130px 1fr; }
  .jared-result p { grid-column: 2; }
  .jared-safety { grid-template-columns: 1fr; }
  .local-bento { grid-template-columns: repeat(3,1fr); }
  .journey-rail { grid-template-columns: repeat(2,1fr); }
  .journey-rail li:nth-child(3) { border-left: 0; border-top: 1px solid var(--line-dark); }
  .journey-rail li:nth-child(4) { border-top: 1px solid var(--line-dark); }
  .capability-ledger article { grid-template-columns: 90px 1fr; }
  .capability-ledger p { grid-column: 2; }
  .download-showcase { grid-template-columns: 1fr; gap: 16px; padding-block: 54px 62px; }
  .software-box-scene { min-height: 430px; }
  .download-showcase__copy { max-width: 650px; margin-inline: auto; text-align: center; }
  .download-showcase__copy p { margin-inline: auto; }
  .download-showcase__button { margin-inline: auto; }
  .access-grid { grid-template-columns: 1fr 1fr; max-width: none; }
  .access-card { grid-template-columns: 1fr; min-height: 0; }
  .access-card__price { justify-items: start; text-align: left; }
  .access-card ul { grid-column: auto; }
  .application { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .product-hero { min-height: 100svh; padding: 74px 0 24px; }
  .hero-launch { display: block; }
  .hero-launch__eyebrow { margin-bottom: 16px; font-size: 10px; }
  .hero-launch__category { margin-top: 24px; font-size: 21px; }
  .hero-launch__copy { margin-top: 16px; font-size: 16px; }
  .hero-launch__product { padding: 4px; }
  .hero-launch__product figcaption { padding: 11px 4px 3px; }
  .hero-launch__icon { width: 96px; height: 96px; margin-bottom: 14px; }
  .hero-launch__wordmark { margin-bottom: 22px; }
  .hero-launch__wordmark .brand-mark__copy strong { font-size: 14px; }
  .hero-launch__wordmark .brand-mark__copy em { font-size: 10px; }
  .hero-launch__eyebrow { max-width: 270px; margin-bottom: 16px; font-size: 9px; line-height: 1.45; }
  .hero-launch h1 { font-size: clamp(50px, 15.2vw, 70px); line-height: .86; }
  .hero-title__name { white-space: normal; }
  .hero-title__name > span { display: block; }
  .hero-launch__copy { max-width: 310px; margin-top: 16px; font-size: 15px; }
  .hero-launch__actions { width: 100%; gap: 9px; margin-top: 18px; }
  .hero-download, .hero-learn, .hero-notify { width: 100%; min-height: 50px; }
  .hero-ui-peek { width: calc(100% + 8px); height: 135px; margin-top: 18px; }
  .hero-launch__note { margin-top: 24px; font-size: 10px; }
  .outcomes { padding-block: 68px 74px; }
  .outcomes__header { display: block; }
  .outcomes__header h2 { margin-top: 18px; font-size: clamp(44px,13vw,60px); text-align: left; }
  .outcomes__grid { grid-template-columns: 1fr; gap: 10px; margin-top: 34px; }
  .outcome-card__copy { min-height: 0; padding: 22px; }
  .outcome-card h3 { font-size: clamp(31px,9vw,42px); }
  .feature-dump { padding-block: 58px 66px; }
  .feature-stream { mask-image: linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%); -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%); }
  .feature-stream__group { padding-right: 22px; }
  .feature-stream__group span { min-height: 46px; padding-right: 18px; font-size: 13px; }
  .feature-stream__group span::after { margin-left: 18px; }
  .feature-stream__group b { font-size: 9px; }
  .feature-dump__center { padding-block: 56px; }
  .feature-dump__center h2 { font-size: clamp(58px,17vw,82px); letter-spacing: -.065em; }
  .feature-dump__visual { margin-top: 40px; }
  .responsive-ui { width: 100%; aspect-ratio: 4 / 3; }
  .responsive-ui img { width: 100%; height: 100%; object-fit: cover; }
  .feature-dump__visual figcaption { display: block; padding-top: 12px; }
  .feature-dump__visual figcaption strong { display: block; margin-top: 8px; text-align: left; }

  .workspace-stack__sticky { padding-block: 86px 72px; }
  .workspace-stack__header h2 { font-size: clamp(44px,12vw,58px); }
  .workspace-stack__stage { height: clamp(245px,58vw,420px); margin-inline: -10px; }
  .stack-fallback { display: flex; padding-inline: 10px; }
  .stack-fallback img { position: relative; inset: auto; flex: 0 0 88vw; width: 88vw; height: auto; aspect-ratio: 1.583; object-fit: contain; align-self: center; transform: none !important; }
  .workspace-legend { grid-template-columns: 1fr; }
  .workspace-legend li { min-height: 88px; border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .workspace-legend li:first-child { border-top: 0; }

  .product-map,
  .room-hero,
  .local-proof { padding-block: 88px; }
  .product-bento { grid-template-columns: 1fr; margin-top: 44px; }
  .product-bento__card,
  .product-bento__card--sequencer,
  .product-bento__card--finisher,
  .product-bento__card--atelier,
  .product-bento__card--jared,
  .product-bento__card--language,
  .product-bento__card--project { min-height: 0; padding: 25px; }
  .product-bento__card h3 { margin-top: 28px; }
  .product-bento__card ul { margin-top: 24px; }
  .product-bento__card a { margin-top: 26px; }
  .room-hero__grid { gap: 38px; }
  .room-hero__copy h2 { font-size: clamp(45px,13vw,62px); }
  .room-hero__copy > p:not(.eyebrow) { font-size: 16px; }
  .room-hero__copy ul { grid-template-columns: 1fr; }
  .room-hero__copy li,
  .room-hero__copy li:nth-child(-n+2) { border-top: 1px solid currentColor; }
  .room-hero__copy li:first-child { border-top: 0; }
  .room-hero__copy li:nth-child(even) { padding-left: 0; border-left: 0; }
  .room-hero__visual figcaption { display: grid; gap: 8px; }
  .room-hero__visual figcaption strong { text-align: left; }
  .color-fx-hero { padding-block: 88px; }
  .color-fx-hero__header h2 { font-size: clamp(52px,15vw,74px); }
  .color-fx-monitor { width: calc(100% - 32px); margin-top: 42px; }
  .color-fx-monitor__screen { aspect-ratio: 4/5; }
  .color-fx-stage__image { left: -52%; width: 185%; max-width: none; }
  .color-fx-stage__panel--masks { left: 4%; top: 7%; width: 45%; }
  .color-fx-stage__panel--wheels { right: 4%; top: 42%; width: 75%; }
  .color-fx-monitor__hud { left: 15px; right: 15px; bottom: 13px; font-size: 7px; }
  .color-fx-monitor figcaption { display: grid; gap: 8px; }
  .color-fx-monitor figcaption strong { text-align: left; }
  .color-fx-ledger { grid-template-columns: 1fr; margin-top: 52px; }
  .color-fx-ledger article,
  .color-fx-ledger article:nth-child(2),
  .color-fx-ledger article:nth-child(3),
  .color-fx-ledger article:nth-child(4) { min-height: 0; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .color-fx-ledger article:first-child { border-top: 0; }
  .jared { padding-block: 88px; }
  .jared__copy h2 { font-size: clamp(52px,15vw,70px); }
  .jared-workflow { margin-top: 42px; padding: 14px; }
  .jared-command { min-height: 230px; padding: 22px; }
  .jared-plan li { grid-template-columns: 8px 1fr; }
  .jared-plan li > span { display: none; }
  .jared-route { margin-block: 18px; }
  .jared-rooms { grid-template-columns: 1fr; }
  .jared-result { grid-template-columns: 1fr; gap: 11px; }
  .jared-result p { grid-column: auto; }
  .jared-safety { padding: 18px; }
  .jared-safety ul { grid-template-columns: 1fr 1fr; }
  .jared-safety li:nth-child(odd) { border-left: 0; }
  .local-bento { grid-template-columns: 1fr 1fr; margin-top: 38px; }
  .local-bento__card,
  .local-bento__card--hero,
  .local-bento__card--machine { grid-column: auto; grid-row: auto; min-height: 165px; padding: 17px; }
  .local-bento__card strong,
  .local-bento__card--hero strong { font-size: 19px; }

  .project-flow,
  .finish-proof,
  .creative-system,
  .jared,
  .access { padding-block: 96px; }
  .proof-film { margin-top: 56px; }
  .proof-film video { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
  .proof-film figcaption,
  .section-interface figcaption,
  .atelier-interface figcaption,
  .jared-capture figcaption { display: grid; gap: 8px; }
  .journey-rail { display: grid; grid-template-columns: 1fr 1fr; }
  .journey-rail li { min-height: 130px; border-top: 1px solid var(--line-dark); }
  .journey-rail li:nth-child(odd) { border-left: 0; }
  .journey-rail li:first-child,
  .journey-rail li:nth-child(2) { border-top: 0; }
  .journey-rail strong { margin-top: 22px; }
  .journey-assistant { align-items: flex-start; flex-direction: column; gap: 8px; }

  .section-interface,
  .atelier-interface,
  .jared-capture { margin-top: 55px; }
  .section-interface > div,
  .atelier-interface,
  .jared-capture { overflow-x: auto; scrollbar-width: thin; }
  .section-interface img,
  .atelier-interface > img,
  .jared-capture > img { width: 860px; max-width: none; }
  .capability-ledger { margin-top: 62px; }
  .capability-ledger article { grid-template-columns: 1fr; gap: 12px; padding-block: 27px; }
  .capability-ledger p { grid-column: auto; }

  .project-material { margin-top: 80px; }
  .project-material__copy h3 { font-size: 40px; }
  .project-material__frames { display: flex; margin-inline: -16px; padding-inline: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .project-material__frames figure { flex: 0 0 58vw; scroll-snap-align: start; }
  .project-material__frames img,
  .project-material__frames figure:nth-child(2) img,
  .project-material__frames figure:nth-child(3) img,
  .project-material__frames figure:nth-child(4) img { height: 330px; }

  .download-showcase { min-height: 0; margin-top: 38px; padding: 34px 22px 42px; }
  .software-box-scene { min-height: 350px; }
  .software-box { --box-width: min(67vw,235px); --box-depth: 78px; }
  .software-box__brand small { bottom: 21px; font-size: 6px; }
  .download-showcase__copy h3 { font-size: 44px; }
  .download-showcase__copy p { margin-top: 22px; font-size: 13px; }
  .download-showcase__button { width: 100%; min-height: 68px; margin-top: 30px; }
  .notify-rail { grid-template-columns: 1fr; gap: 22px; padding: 25px 22px; text-align: left; }
  .notify-rail button { width: 100%; }
  .access-grid { grid-template-columns: 1fr; }
  .access-card { grid-template-columns: 1fr; gap: 18px; min-height: 0; padding: 20px; }
  .access-card ul { grid-column: auto; grid-template-columns: 1fr; }
  .requirements { grid-template-columns: 1fr; }
  .requirements > div { border-top: 1px solid var(--line-dark); border-left: 0; }
  .requirements > div:first-child { border-top: 0; }
  .application { gap: 42px; margin-top: 86px; padding: 48px 22px; }
  .application__intro h2 { font-size: 46px; }
  .application-form { grid-template-columns: 1fr; }
  .form-field--wide { grid-column: auto; }
  .form-check.form-field--wide,
  .application-form__actions.form-field--wide { grid-column: auto; }
  .faq { margin-top: 84px; }
  .faq h2 { font-size: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-stream { overflow-x: auto; mask-image: none; -webkit-mask-image: none; scrollbar-width: thin; }
  .feature-stream__track { animation: none; transform: none; }
  .feature-stream__group[aria-hidden="true"] { display: none; }
  .hero-launch__icon,
  .hero-launch__icon::before,
  .hero-launch__icon img,
  .product-hero__atmosphere::before,
  .product-hero__atmosphere i,
  .download-showcase__button::before { animation: none; }
  .software-box { transition: none; }
  .workspace-stack { height: auto; }
  .workspace-stack__sticky { position: relative; min-height: 100svh; }
  .workspace-stack canvas { display: none; }
  .stack-fallback { opacity: 1 !important; }
}

body:has(.notify-gate[open]) { overflow: hidden; }

@keyframes beta-gate-in {
  from { opacity: 0; transform: translateY(18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Release signal signup — shares the product's physical, cut-corner language. */
.notify-gate { width: min(660px,calc(100% - 34px)); max-width: none; max-height: calc(100svh - 34px); margin: auto; padding: 0; overflow: visible; border: 0; background: transparent; color: #f5f5f7; }
.notify-gate::backdrop { background: rgba(0,0,0,.84); animation: beta-backdrop-in 260ms ease-out both; }
.notify-gate[open] { animation: beta-gate-in 320ms cubic-bezier(.2,.86,.23,1) both; }
.notify-gate__panel { position: relative; overflow: hidden; padding: clamp(32px,5vw,58px); border: 1px solid rgba(255,255,255,.13); background: linear-gradient(145deg,rgba(49,223,135,.055),transparent 36%),radial-gradient(circle at 92% 8%,rgba(198,32,19,.13),transparent 34%),#09090c; box-shadow: 0 44px 140px rgba(0,0,0,.8); clip-path: polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px); }
.notify-gate__panel::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,#31df87,rgba(49,223,135,.05) 64%,transparent); box-shadow: 0 0 28px rgba(49,223,135,.5); }
.notify-gate__close-form { position: absolute; z-index: 3; top: 18px; right: 18px; }
.notify-gate__close { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.12); background: #111116; color: #89898e; font: 300 27px/1 var(--font-ui); cursor: pointer; transition: color 150ms ease,border-color 150ms ease,transform 150ms ease; }
.notify-gate__close:hover,.notify-gate__close:focus-visible { border-color: rgba(255,255,255,.42); color: #fff; transform: rotate(4deg); }
.notify-gate__signal { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin-bottom: 40px; color: #79eeb0; font: 600 9px/1 "Space Grotesk",sans-serif; letter-spacing: .2em; }
.notify-gate__signal i { width: 24px; height: 1px; background: #31df87; box-shadow: 0 0 16px rgba(49,223,135,.8); }
.notify-gate__eyebrow { position: relative; z-index: 1; margin: 0; color: #ff3b30; font: 600 10px/1 "Space Grotesk",sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.notify-gate h2 { position: relative; z-index: 1; max-width: 520px; margin: 16px 0 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(42px,6.4vw,68px); font-weight: 520; letter-spacing: -.06em; line-height: .94; }
.notify-gate__description { position: relative; z-index: 1; max-width: 530px; margin: 22px 0 0; color: #a3a3a6; font-size: 15px; line-height: 1.6; }
.notify-gate__form { position: relative; z-index: 1; margin-top: 30px; }
.notify-gate__form > label { display: block; margin-bottom: 10px; color: #77777b; font: 600 9px/1 "Space Grotesk",sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.notify-gate__entry { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.notify-gate__entry input { min-width: 0; height: 58px; padding: 0 17px; border: 1px solid #39393e; border-radius: 0; background: #08080b; color: #fff; font: 500 16px/1 var(--font-ui); outline: 0; transition: border-color 160ms ease,box-shadow 160ms ease; }
.notify-gate__entry input::placeholder { color: #55555a; opacity: 1; }
.notify-gate__entry input:focus { border-color: #31df87; box-shadow: 0 0 0 1px #31df87; }
.notify-gate__entry button,.notify-gate__success button { display: inline-flex; min-width: 164px; height: 58px; align-items: center; justify-content: center; gap: 20px; padding: 0 20px; border: 0; background: #31df87; color: #031a0e; font: 700 13px/1 var(--font-ui); letter-spacing: .03em; cursor: pointer; clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); transition: transform 160ms ease,background 160ms ease,box-shadow 160ms ease; }
.notify-gate__entry button:hover:not(:disabled),.notify-gate__entry button:focus-visible:not(:disabled),.notify-gate__success button:hover,.notify-gate__success button:focus-visible { transform: translateY(-2px); background: #56f1a4; box-shadow: 0 0 32px rgba(49,223,135,.26); }
.notify-gate__entry button:disabled,.notify-gate__entry input:disabled { cursor: wait; opacity: .58; }
.notify-gate__entry button b { font-size: 19px; font-weight: 400; }
.notify-gate__honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.notify-gate__privacy { max-width: 560px; margin: 12px 0 0; color: #66666b; font-size: 11px; line-height: 1.55; }
.notify-gate__privacy a { color: #95959a; text-decoration: underline; text-underline-offset: 2px; }
.notify-gate__status { position: relative; z-index: 1; min-height: 21px; margin: 12px 0 0; color: #8c8c91; font-size: 12px; line-height: 1.5; }
.notify-gate__status[data-state="error"] { color: #ff6b61; }
.notify-gate__success { position: relative; z-index: 1; display: none; justify-items: start; gap: 18px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(49,223,135,.22); }
.notify-gate__success > i { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(49,223,135,.54); color: #31df87; font-size: 23px; font-style: normal; box-shadow: 0 0 32px rgba(49,223,135,.12); }
.notify-gate__success p { max-width: 470px; margin: 0; color: #c2c2c5; font-size: 15px; line-height: 1.55; }
.notify-gate.is-success .notify-gate__form,.notify-gate.is-success .notify-gate__status { display: none; }
.notify-gate.is-success .notify-gate__success { display: grid; }
.footer-notify { min-height: 24px; padding: 0; border: 0; border-bottom: 1px solid rgba(49,223,135,.58); background: transparent; color: #a3a0aa; font: inherit; cursor: pointer; transition: color 160ms ease; }
.footer-notify:hover { color: #fff; }
.footer-notify:focus-visible { outline: 2px solid #31df87; outline-offset: 4px; }

@keyframes notify-pulse { 0%,100% { opacity: .7; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }

@media (max-width: 620px) {
  .notify-gate { width: calc(100% - 20px); max-height: calc(100svh - 20px); overflow-y: auto; }
  .notify-gate__panel { padding: 28px 20px 25px; clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px)); }
  .notify-gate__close-form { top: 12px; right: 12px; }
  .notify-gate__signal { margin-bottom: 34px; }
  .notify-gate h2 { padding-right: 14px; font-size: clamp(40px,12vw,52px); }
  .notify-gate__description { font-size: 14px; }
  .notify-gate__entry { grid-template-columns: 1fr; }
  .notify-gate__entry button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .notify-gate[open],.hero-notify i,.notify-rail button i { animation: none; }
}

/* Download confirmation — one shared physical state for every acquisition CTA. */
.download-action {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition:
    color 220ms ease,
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 320ms ease,
    transform 180ms cubic-bezier(.2,.86,.23,1);
}

.download-action__content {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0,0,0);
  transition: transform 460ms cubic-bezier(.68,-.42,.24,1.38);
  pointer-events: none;
}

.download-action__label { display: block; white-space: nowrap; }
.download-action__mark {
  position: absolute;
  top: 50%;
  right: calc(100% + 7px);
  width: 21px;
  height: 21px;
  overflow: visible;
  opacity: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translate3d(-7px,-50%,0) scale(.72) rotate(-8deg);
  transform-origin: 50% 50%;
  transition: opacity 120ms ease,transform 460ms cubic-bezier(.68,-.42,.24,1.38);
}

.download-action__halo,
.download-action__arrow,
.download-action__tray,
.download-action__check { stroke-dasharray: 64; stroke-dashoffset: 64; }
.download-action__halo { stroke-width: 1.1; opacity: .36; }
.download-action__check { opacity: 0; }

.download-action.is-download-pending::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 12%;
  right: 12%;
  bottom: 0;
  height: 1px;
  background: #20d986;
  box-shadow: 0 0 13px rgba(32,217,134,.85);
  transform: scaleX(.22);
  animation: download-pending-pulse 1.15s ease-in-out infinite alternate;
}

.download-action.is-download-complete {
  border-color: #8fffc9 !important;
  background: #20d986 !important;
  color: #04130a !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.17),
    0 0 34px rgba(32,217,134,.42),
    0 14px 35px rgba(0,0,0,.24) !important;
  cursor: default;
  transform: translateY(0) scale(1.015);
}

.download-action.is-download-complete::before,
.download-action.is-download-complete::after { animation: none !important; }
.download-action.is-download-complete .download-action__content { transform: translate3d(13px,0,0); }
.download-action.is-download-complete .download-action__mark {
  opacity: 1;
  transform: translate3d(0,-50%,0) scale(1) rotate(0);
}
.download-action.is-download-complete .download-action__halo { animation: download-halo-draw 560ms ease-out both; }
.download-action.is-download-complete .download-action__arrow { animation: download-arrow-draw 520ms ease-out both; }
.download-action.is-download-complete .download-action__tray { animation: download-tray-draw 420ms 70ms ease-out both; }
.download-action.is-download-complete .download-action__check { animation: download-check-draw 430ms 280ms ease-out both; }

.local-nav__links .download-action.is-download-complete,
.footer .download-action.is-download-complete {
  min-height: 36px;
  padding-inline: 16px;
  border: 1px solid #8fffc9;
  border-radius: 9px;
}

@keyframes download-pending-pulse {
  from { opacity: .42; transform: scaleX(.22); }
  to { opacity: 1; transform: scaleX(1); }
}

@keyframes download-halo-draw {
  0% { opacity: 0; stroke-dashoffset: 64; transform: rotate(-55deg); transform-origin: center; }
  58% { opacity: .42; }
  100% { opacity: .24; stroke-dashoffset: 0; transform: rotate(0); transform-origin: center; }
}

@keyframes download-arrow-draw {
  0% { opacity: 0; stroke-dashoffset: 64; transform: translateY(-3px); }
  48% { opacity: 1; stroke-dashoffset: 0; transform: translateY(0); }
  100% { opacity: 0; stroke-dashoffset: 0; transform: translateY(3px); }
}

@keyframes download-tray-draw {
  0% { opacity: 0; stroke-dashoffset: 64; }
  72% { opacity: 1; stroke-dashoffset: 0; }
  100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes download-check-draw {
  0% { opacity: 0; stroke-dashoffset: 64; transform: scale(.72); transform-origin: center; }
  1% { opacity: 1; }
  76% { stroke-dashoffset: 0; transform: scale(1.12); transform-origin: center; }
  100% { opacity: 1; stroke-dashoffset: 0; transform: scale(1); transform-origin: center; }
}

@media (prefers-reduced-motion: reduce) {
  .download-action,
  .download-action__content,
  .download-action__mark { transition: none !important; }
  .download-action.is-download-pending::after { animation: none; transform: scaleX(1); }
  .download-action.is-download-complete .download-action__halo,
  .download-action.is-download-complete .download-action__arrow,
  .download-action.is-download-complete .download-action__tray { display: none; }
  .download-action.is-download-complete .download-action__check { opacity: 1; stroke-dashoffset: 0; animation: none; }
}

.hero-notify--bell {
  width: 58px;
  min-width: 58px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  background: rgba(255,255,255,.045);
  color: #fff;
  font-size: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.hero-notify--bell:hover {
  border-color: rgba(49,223,135,.68);
  background: rgba(49,223,135,.09);
  box-shadow: 0 0 24px rgba(49,223,135,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

@media (max-width: 720px) {
  .hero-launch__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 50px;
  }

  .hero-download {
    grid-column: 1 / -1;
  }

  .hero-learn {
    grid-column: 1;
  }

  .hero-notify--bell {
    grid-column: 2;
    width: 50px;
    min-width: 50px;
    flex: 0 0 50px;
  }
}