:root {
  --s-page: #0d0f10;
  --s-surface: #141617;
  --s-surface-2: #191b1c;
  --s-text: #f0efeb;
  --s-muted: #9a9fa2;
  --s-blue: #247da4;
  --s-border: rgba(255,255,255,.14);
  --s-focus: #8edcff;
  --s-error: #ef6b63;
  --s-shell: min(1280px, calc(100% - 48px));
}

@property --reveal-core { syntax: "<length>"; inherits: true; initial-value: 36px; }
@property --reveal-feather { syntax: "<length>"; inherits: true; initial-value: 78px; }

html { scroll-behavior: smooth; scroll-padding-top: 92px; }
.saathee-page { margin: 0; padding-top: 80px; overflow-x: hidden; background: var(--s-page); color: var(--s-text); font-family: "Open Sans", sans-serif; }
.saathee-page *, .saathee-page *::before, .saathee-page *::after { box-sizing: border-box; }
.saathee-page main { background: var(--s-page); }
.saathee-page h1, .saathee-page h2, .saathee-page h3 { margin: 0; color: var(--s-text); font-family: "babes-neue-pro-bold", sans-serif; font-weight: 400; }
.saathee-page p { margin-top: 0; }
.saathee-page a { text-decoration: none; }
.s-shell { width: var(--s-shell); margin-inline: auto; }
.s-kicker { margin: 0 0 14px; color: #67afd0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.s-section-head { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(280px,.75fr); gap: 64px; align-items: end; margin-bottom: 42px; }
.s-section-head h2, .s-usecases > .s-shell h2, .s-faq h2, .s-final h2, .app-experience h2 { font-size: clamp(3rem,4.5vw,4.5rem); line-height: .96; letter-spacing: 1px; }
.s-section-head > p, .app-experience__content > p:not(.s-kicker) { max-width: 560px; margin-bottom: 0; color: var(--s-muted); font-size: 16px; line-height: 26px; }
:focus-visible { outline: 2px solid #fff !important; outline-offset: 4px; }

.s-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 13px 24px; border: 1px solid var(--s-blue); border-radius: 8px; background: var(--s-blue); color: #fff; font-family: Inter,sans-serif; font-size: 12px; font-weight: 600; line-height: 12px; letter-spacing: .04em; text-transform: uppercase; transition: background .2s ease,border-color .2s ease,color .2s ease; }
.s-button:hover { border-color: #fff; background: transparent; color: #70b4d2; }
.s-button--quiet { background: transparent; color: #fff; }
.s-button--quiet:hover { border-color: var(--s-blue); background: var(--s-blue); color: #fff; }
.s-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 30px; }

/* Hero */
.s-hero { position: relative; min-height: max(760px,calc(100svh - 80px)); display: flex; align-items: center; overflow: hidden; isolation: isolate; background: #090b0c; }
.s-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(3,7,9,.9) 0%,rgba(3,7,9,.72) 34%,rgba(3,7,9,.24) 65%,rgba(3,7,9,.08) 100%),linear-gradient(180deg,rgba(3,7,9,.3) 0%,rgba(3,7,9,.04) 22%,rgba(3,7,9,.12) 68%,rgba(3,7,9,.76) 100%),rgba(3,7,9,.28); pointer-events: none; }
.s-hero::after { content: ""; position: absolute; z-index: 1; inset: auto 0 0; height: 22%; background: linear-gradient(transparent,#121415); pointer-events: none; }
.s-hero__ambient { position: absolute; z-index: 0; inset: -4%; overflow: hidden; background: #090b0c; }
.s-hero__ambient::after { content: ""; position: absolute; inset: 0; background: rgba(3,7,9,.34); pointer-events: none; }
.s-hero__ambient video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .28; filter: blur(36px); transform: scale(1.08); }
.s-hero__primary { position: absolute; z-index: 0; top: 50%; right: 0; width: min(58vw,calc(100svh - 80px),900px); max-height: 100%; aspect-ratio: 1 / 1; transform: translateY(-50%); isolation: isolate; -webkit-mask-image: linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 8%,#000 20%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 8%,#000 20%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%); mask-composite: intersect; }
.s-hero__primary::after { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg,#090b0c 0%,rgba(9,11,12,.78) 7%,transparent 22%),linear-gradient(180deg,#090b0c 0%,transparent 9% 91%,#090b0c 100%); pointer-events: none; }
.s-hero__primary video,.s-hero__poster { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.s-hero__poster { display: none; }
@supports ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))) { .s-hero__primary::after { display: none; } }
.s-hero__content { position: relative; z-index: 2; min-height: inherit; display: flex; align-items: center; padding: 74px 0 132px; }
.s-hero__copy { position: relative; z-index: 2; }
.s-hero h1 { max-width: 760px; margin-bottom: 22px; font-size: clamp(4.5rem,6.2vw,6.5rem); line-height: .92; letter-spacing: 1px; text-transform: uppercase; }
.s-hero h1 em { display: block; color: #70b4d2; font-style: normal; }
.s-lede { max-width: 570px; margin-bottom: 0; color: #b7bbbd; font-size: 18px; line-height: 29px; }
.s-hero__bottom { position: absolute; right: 0; bottom: 20px; left: 0; display: grid; gap: 24px; }
.s-metrics { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 18px 0 0; border-top: 1px solid var(--s-border); }
.s-metrics div { padding: 0 20px; border-right: 1px solid var(--s-border); }
.s-metrics div:first-child { padding-left: 0; }
.s-metrics div:last-child { border-right: 0; }
.s-metrics dt { font-family: "babes-neue-pro-bold",sans-serif; font-size: 28px; line-height: 1; }
.s-metrics dd { margin: 6px 0 0; color: var(--s-muted); font-size: 12px; line-height: 18px; }
.s-scroll-cue { z-index: 2; display: inline-flex; align-items: center; justify-self: center; color: var(--s-muted); font-size: 12px; }
.s-scroll-cue span { display: inline-block; width: 30px; height: 1px; margin-right: 10px; background: var(--s-blue); vertical-align: middle; }

/* Editorial introduction and static product overview */
.s-statement { padding: clamp(96px,11vw,160px) 0; background: #121415; }
.s-statement__grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 72px; align-items: end; }
.s-statement h2 { font-size: clamp(3.6rem,5.8vw,5.3rem); line-height: .95; }
.s-scroll-text { --line-one-progress: 0%; --line-two-progress: 0%; color: #606467; }
.s-scroll-text__line { display: block; color: #606467; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.s-scroll-text__line--one { background-image: linear-gradient(90deg,#f1f1ee 0%,#f1f1ee var(--line-one-progress),#606467 var(--line-one-progress),#606467 100%); }
.s-scroll-text__line--two { background-image: linear-gradient(90deg,var(--s-blue) 0%,var(--s-blue) var(--line-two-progress),#606467 var(--line-two-progress),#606467 100%); }
@supports not (background-clip: text) { .s-scroll-text__line { background: none; -webkit-text-fill-color: currentColor; } .s-scroll-text__line--one { color: #f1f1ee; } .s-scroll-text__line--two { color: var(--s-blue); } }
.s-statement p { max-width: 430px; margin-bottom: 4px; color: #abb0b2; font-size: 18px; line-height: 30px; }
.s-assembly { position: relative; background: #090b0c; }
.s-assembly__stage { position: relative; height: 100svh; min-height: 760px; max-height: 1000px; overflow: hidden; isolation: isolate; background: #090b0c; }
.s-assembly__media { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: #090b0c; }
.s-assembly__media video,.s-assembly__poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.s-assembly__poster { display: none; }
.s-assembly__veil { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,#090b0c 0%,rgba(4,7,8,.1) 12%,rgba(4,7,8,.12) 78%,#090b0c 100%),rgba(3,6,8,.2); pointer-events: none; }
.s-assembly.is-beat-0 .s-assembly__veil { background: linear-gradient(180deg,#090b0c 0%,rgba(4,7,8,.1) 12%,rgba(4,7,8,.12) 78%,#090b0c 100%),linear-gradient(270deg,rgba(3,6,8,.72) 0%,rgba(3,6,8,.24) 34%,transparent 68%),rgba(3,6,8,.2); }
.s-assembly.is-beat-1 .s-assembly__veil,.s-assembly.is-beat-2 .s-assembly__veil { background: linear-gradient(180deg,#090b0c 0%,rgba(4,7,8,.1) 12%,rgba(4,7,8,.12) 78%,#090b0c 100%),linear-gradient(90deg,rgba(3,6,8,.72) 0%,rgba(3,6,8,.24) 34%,transparent 68%),rgba(3,6,8,.2); }
.s-assembly__messages { position: relative; z-index: 2; height: 100%; pointer-events: none; }
.s-assembly__beat { position: absolute; width: min(520px,42vw); opacity: 0; transform: translateY(20px); transition: opacity .42s ease,transform .42s ease; }
.s-assembly__beat.is-active { opacity: 1; transform: translateY(0); }
.s-assembly__beat h2 { font-size: clamp(3.5rem,5.4vw,5.5rem); line-height: .94; text-wrap: balance; }
.s-assembly__beat--one { top: 25%; right: 0; }
.s-assembly__beat--two { top: 48%; left: 0; }
.s-assembly__beat--three { bottom: 17%; left: 0; }

/* Reliable lifestyle chapters */
.s-usecases { padding-top: 96px; background: #101213; }
.s-usecases > .s-shell { margin-bottom: 46px; }
.s-usecase { position: relative; min-height: clamp(680px,88vh,900px); overflow: hidden; isolation: isolate; }
.s-usecase__background { position: absolute; z-index: 0; inset: 0; display: block; }
.s-usecase__background img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; visibility: visible; }
.s-usecase__shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.s-usecase__inner { position: relative; z-index: 2; width: min(calc(100% - 48px),1440px); min-height: inherit; margin-inline: auto; display: grid; grid-template-columns: minmax(0,42%) minmax(0,58%); align-items: center; }
.s-usecase__copy { width: 100%; max-width: 540px; }
.s-usecase__copy > span { color: #82bfd8; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.s-usecase__copy h3 { margin: 18px 0; font-size: clamp(3.3rem,5vw,5.25rem); line-height: .94; text-wrap: balance; }
.s-usecase__copy p { max-width: 500px; margin-bottom: 0; color: #d0d2d2; font-size: 17px; line-height: 28px; }
.s-usecase__copy a { display: inline-block; margin-top: 22px; color: #82bfd8; font-size: 14px; font-weight: 700; }
.s-usecase__product-wrap { position: relative; display: grid; align-self: end; justify-self: end; isolation: isolate; }
.s-usecase__product { position: relative; z-index: 2; display: block; width: 100%; height: auto; object-fit: contain; filter: brightness(.86) contrast(1.03) drop-shadow(-7px 11px 8px rgba(0,0,0,.46)); }
.s-usecase__product-glow { position: absolute; z-index: 1; inset: -18%; background: radial-gradient(ellipse at center,rgba(81,174,214,.22) 0%,rgba(36,125,164,.13) 32%,rgba(36,125,164,.05) 52%,transparent 72%); pointer-events: none; }
.s-usecase--home .s-usecase__product-wrap { width: clamp(270px,17.7vw,340px); margin: 0 5vw 5.5vh 0; }
.s-usecase--home .s-usecase__product-glow { opacity: .72; }
.s-usecase--work .s-usecase__product-wrap { width: clamp(240px,15.5vw,300px); margin: 0 0 13vh 6vw; }
.s-usecase--work .s-usecase__product-glow { inset: -16%; opacity: .94; }
.s-usecase--outdoor .s-usecase__product-wrap { width: clamp(250px,16.4vw,315px); margin: 0 4vw 8.5vh 0; }
.s-usecase--outdoor .s-usecase__product-glow { opacity: .78; }
.s-usecase--home .s-usecase__shade,.s-usecase--outdoor .s-usecase__shade { background: linear-gradient(90deg,rgba(3,6,9,.84) 0%,rgba(3,6,9,.52) 35%,transparent 66%),linear-gradient(180deg,transparent 68%,rgba(3,5,7,.28)); }
.s-usecase--work .s-usecase__shade { background: linear-gradient(270deg,rgba(4,6,8,.86) 0%,rgba(4,6,8,.52) 35%,transparent 66%),linear-gradient(180deg,transparent 68%,rgba(3,5,7,.3)); }
.s-usecase--work .s-usecase__copy { grid-column: 2; justify-self: end; }
.s-usecase--work .s-usecase__product-wrap { grid-column: 1; grid-row: 1; justify-self: start; }
.s-usecase--work .s-usecase__product { filter: brightness(.82) contrast(1.03) drop-shadow(7px 11px 8px rgba(0,0,0,.46)); }

/* Runtime calculator */
.s-runtime { padding: clamp(88px,9vw,128px) 0; background: #0b0d0e; }
/* Restrained quantity estimator */
.runtime-tool { padding: clamp(18px,2.4vw,30px); border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: #101314; }
.runtime-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.runtime-tab { min-width: max-content; min-height: 44px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: #151819; color: #8f9698; font: 600 14px/22px "Open Sans",sans-serif; text-align: center; cursor: pointer; }
.runtime-tab::after { display: none; }
.runtime-tab[aria-selected="true"] { border-color: rgba(31,202,225,.38); background: #092c31; color: #ecf9fa; }
.runtime-summary { min-height: 0; margin: 22px 0 20px; padding: clamp(18px,2.4vw,26px); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: linear-gradient(145deg,#171a1b,#111415); box-shadow: none; color: #e9edec; text-align: center; }
.runtime-summary::before,.runtime-summary::after { display: none; }
.runtime-summary__row { display: flex; justify-content: space-between; gap: 18px; color: #b6bdbe; font-size: 13px; font-weight: 600; }
.runtime-summary__row strong { color: #edf6f7; font: inherit; }
.runtime-progress { height: 4px; margin-top: 14px; overflow: hidden; border-radius: 999px; background: #292e30; }
.runtime-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: #25b8ca; transition: width .2s ease,background .2s ease; }
.runtime-summary.is-near-limit .runtime-progress span { background: #d6a54d; }
.runtime-summary.is-overload { border-color: rgba(218,85,70,.4); background: linear-gradient(145deg,#211817,#151617); }
.runtime-summary.is-overload .runtime-progress span { background: #d75a4e; }
.runtime-result { min-height: 74px; display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; gap: 0 12px; margin-top: 21px; }
.runtime-result strong { display: block; color: #f1f0ec; font-family: "babes-neue-pro-bold",sans-serif; font-size: clamp(2.5rem,4vw,3.6rem); font-weight: 400; line-height: .95; text-shadow: none; }
.runtime-result__label { grid-column: 1/-1; margin-top: 2px !important; color: #858d8f; font-size: 11px !important; }
.runtime-battery { position: relative; width: 25px; height: 14px; display: block; border: 1px solid #48b8c8; border-radius: 3px; }
.runtime-battery::after { content: ""; position: absolute; top: 3px; right: -4px; width: 3px; height: 6px; border-radius: 0 2px 2px 0; background: #48b8c8; }
.runtime-battery i { position: absolute; inset: 2px; display: block; background: rgba(72,184,200,.55); }
.runtime-reset,.runtime-info { min-height: 44px; border: 0; background: transparent; color: #7dbac3; font: 600 11px/17px "Open Sans",sans-serif; cursor: pointer; }
.runtime-reset { display: block; margin: 4px auto 0; padding: 8px 18px; }
.runtime-reset:disabled { color: #555c5e; cursor: default; }
.runtime-info { display: block; margin: 0 auto; padding: 8px; color: #858d8f; }
.runtime-method { max-width: 680px; margin: 8px auto 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.09); color: #939a9c; text-align: left; }
.runtime-method p,.runtime-estimate-note,.runtime-disclaimer { margin-bottom: 0; color: #8f9598; font-size: 12px; line-height: 18px; }
.runtime-method p { color: inherit; }
.runtime-estimate-note { margin-top: 14px; }
.runtime-disclaimer { max-width: 860px; margin-top: 22px; }
.runtime-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.appliance { position: relative; isolation: isolate; overflow: hidden; min-height: 164px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: #141718; color: #e8e8e5; box-shadow: none; transition: border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.appliance::before { display: none; }
.appliance:hover { border-color: rgba(255,255,255,.18); background: #161a1b; }
.appliance.is-active { border-color: rgba(31,202,225,.38); background: radial-gradient(circle at 18% 12%,rgba(25,190,215,.1),transparent 42%),linear-gradient(145deg,rgba(4,54,61,.96),rgba(5,35,40,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 20px rgba(20,178,203,.04),0 0 14px rgba(20,178,203,.06); }
.appliance__icon { position: relative; z-index: 1; width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: auto; border-radius: 8px; background: #202526; transition: background .25s ease; }
.appliance__icon svg { width: 21px; height: 21px; margin: 0; fill: none; stroke: #8a9294; stroke-width: 1.5; }
.appliance.is-active .appliance__icon { background: rgba(24,104,114,.22); }
.appliance.is-active .appliance__icon svg { stroke: #57c8d7; filter: none; }
.appliance strong { position: relative; z-index: 1; max-width: calc(100% - 54px); color: #aeb4b5; font-size: 14px; line-height: 20px; transition: color .25s ease; }
.appliance.is-active strong { color: #fff; }
.appliance small { color: #737b7d; font-size: 11px; line-height: 17px; }
.appliance.is-active small { color: #a5cdd2; }
.appliance__quantity { position: absolute; top: 10px; right: 10px; display: grid; justify-items: center; gap: 2px; }
.appliance__quantity button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: #1d2223; color: #c2c8c9; font-size: 20px; line-height: 1; cursor: pointer; }
.appliance__quantity button:hover:not(:disabled) { border-color: rgba(54,198,217,.44); color: #66d0dd; }
.appliance__quantity button:disabled { opacity: .28; cursor: default; }
.appliance__quantity output { min-width: 24px; color: #e8eded; font-size: 13px; font-weight: 700; text-align: center; }
.appliance__warning { margin-top: 4px; color: #ef8b78; font-size: 10px; font-weight: 700; line-height: 14px; }

/* Verified essentials */
.s-features { position: relative; padding: clamp(80px,8vw,112px) 0; overflow: hidden; background: radial-gradient(circle at 82% 30%,rgba(25,105,137,.12),transparent 34%),#111415; }
.feature-matrix { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.feature-matrix__path { position: absolute; z-index: 0; inset: -24px; width: calc(100% + 48px); height: calc(100% + 48px); fill: none; stroke: rgba(93,190,227,.13); stroke-width: 1; pointer-events: none; }
.feature-tile { position: relative; z-index: 1; min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 25px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; outline: none; background: radial-gradient(circle at 15% 18%,rgba(50,126,157,.08),transparent 38%),linear-gradient(145deg,#1a1d1f,#101314); box-shadow: inset 0 1px rgba(255,255,255,.035); opacity: 0; transform: translateY(16px); transition: opacity .5s ease calc(var(--feature-index) * 75ms),transform .5s ease calc(var(--feature-index) * 75ms),border-color .25s ease,box-shadow .25s ease; }
.feature-matrix.is-visible .feature-tile { opacity: 1; transform: none; }
.feature-tile::after { content: ""; position: absolute; top: 0; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg,transparent,rgba(118,214,249,.42),transparent); opacity: .55; }
.feature-tile:hover,.feature-tile:focus-visible { border-color: rgba(104,202,239,.42); box-shadow: inset 0 1px rgba(255,255,255,.07),0 18px 42px rgba(0,70,99,.15); transform: translateY(-4px); }
.feature-matrix.is-visible .feature-tile:hover,.feature-matrix.is-visible .feature-tile:focus-visible { transform: translateY(-4px); }
.feature-tile:focus-visible { outline: 2px solid var(--s-focus); outline-offset: 3px; }
.feature-tile--prominent { min-height: 246px; background: radial-gradient(circle at 18% 18%,rgba(45,137,174,.15),transparent 44%),linear-gradient(145deg,#1b2022,#101314); }
.feature-tile--energized { border-color: rgba(89,190,229,.32); box-shadow: inset 0 1px rgba(255,255,255,.07),0 18px 45px rgba(0,80,112,.14); }
.feature-tile__index { position: absolute; top: 20px; right: 22px; color: rgba(184,219,232,.48); font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.feature-tile__icon { position: relative; width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: auto; border: 1px solid rgba(111,203,237,.35); border-radius: 50%; color: #75c8e7; }
.feature-tile__icon::before,.feature-tile__icon i { content: ""; display: block; width: 17px; height: 17px; border: 1px solid currentColor; border-radius: 3px; transform: rotate(45deg); }
.feature-tile__icon i { position: absolute; width: 6px; height: 6px; border-radius: 50%; transform: none; }
.feature-tile:hover .feature-tile__icon,.feature-tile:focus-visible .feature-tile__icon,.feature-tile--energized .feature-tile__icon { background: radial-gradient(circle,rgba(97,206,246,.2),transparent 70%); box-shadow: 0 0 24px rgba(67,175,216,.2); }
.feature-tile strong { display: block; margin-top: 28px; color: #f3f2ee; font-family: "babes-neue-pro-bold",sans-serif; font-size: 29px; font-weight: 400; letter-spacing: 1px; }
.feature-tile--prominent strong { font-size: 34px; }
.feature-tile p { max-width: 340px; margin: 9px 0 0; color: var(--s-muted); font-size: 13px; line-height: 21px; }
.app-experience { position: relative; min-height: clamp(640px,82vh,820px); overflow: hidden; isolation: isolate; background: #090b0c; }
.app-experience::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(4,6,7,.06) 0%,rgba(5,7,8,.16) 42%,rgba(5,7,8,.76) 66%,rgba(5,7,8,.94) 100%),linear-gradient(180deg,#090b0c 0%,transparent 12% 86%,#090b0c 100%); pointer-events: none; }
.app-experience__layout { position: relative; z-index: 2; min-height: inherit; display: grid; grid-template-columns: minmax(0,58fr) minmax(300px,42fr); align-items: center; padding: 72px 0; }
.app-experience__media { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: #050606; }
.app-experience__media video,.app-experience__poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.app-experience__poster { display: none; }
.app-experience__content { grid-column: 2; max-width: 520px; justify-self: end; }
.app-experience__content ul { margin: 26px 0 0; padding: 0; list-style: none; }
.app-experience__content li { padding: 11px 0; border-top: 1px solid var(--s-border); color: #d5d6d4; font-size: 14px; }
.app-experience__content li:last-child { border-bottom: 1px solid var(--s-border); }

/* Saathee family and technical content */
.s-family,.s-faq { padding: clamp(80px,8vw,112px) 0; }
.s-family { background: #17191a; }
.s-family__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.family-card { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; outline: none; background: linear-gradient(150deg,#191d1f,#101213); transition: border-color .3s ease,box-shadow .3s ease; }
.family-card--2000 { background: radial-gradient(circle at 70% 18%,rgba(35,137,177,.17),transparent 38%),linear-gradient(150deg,#191d1f,#101213); }
.family-card--1000 { background: radial-gradient(circle at 88% 8%,rgba(68,123,145,.1),transparent 34%),linear-gradient(150deg,#171a1c,#0e1011); }
.family-card:hover,.family-card:focus-visible { border-color: rgba(101,190,225,.38); box-shadow: 0 24px 65px rgba(0,0,0,.28),0 0 40px rgba(19,101,133,.08); }
.family-card:focus-visible { outline: 2px solid var(--s-focus); outline-offset: 3px; }
.family-card__media { height: clamp(310px,32vw,470px); display: grid; place-items: center; overflow: hidden; background: linear-gradient(180deg,rgba(255,255,255,.018),transparent); }
.family-card__media img { width: min(88%,520px); height: 88%; object-fit: contain; filter: drop-shadow(0 28px 24px rgba(0,0,0,.34)); transition: transform .35s ease; }
.family-card:hover .family-card__media img,.family-card:focus-visible .family-card__media img { transform: translateY(-6px); }
.family-card__placeholder { color: rgba(225,235,238,.46); font-family: "babes-neue-pro-bold",sans-serif; font-size: clamp(3.2rem,6vw,5.8rem); letter-spacing: .04em; background: linear-gradient(135deg,transparent 0 48%,rgba(100,178,207,.07) 48% 49%,transparent 49% 100%),radial-gradient(circle at 50% 50%,rgba(62,128,153,.12),transparent 42%); }
.family-card__body { padding: clamp(26px,3.5vw,42px); border-top: 1px solid rgba(255,255,255,.07); }
.family-card__eyebrow { margin: 0 0 7px; color: #6bb9d7; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.family-card h3 { font-size: clamp(2.6rem,4vw,4rem); letter-spacing: .02em; }
.family-card__body > p:not(.family-card__eyebrow) { max-width: 480px; margin: 10px 0 0; color: var(--s-muted); font-size: 14px; line-height: 23px; }
.family-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin: 26px 0 0; padding: 0; list-style: none; }
.family-card li { padding: 10px 0 10px 17px; border-top: 1px solid rgba(255,255,255,.07); color: #d7dbdc; font-size: 12px; line-height: 18px; }
.family-card li::before { content: ""; width: 5px; height: 5px; display: inline-block; margin: 0 11px 2px -16px; border-radius: 50%; background: #58b7dc; box-shadow: 0 0 8px rgba(88,183,220,.48); }
.family-card__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.s-faq { background: #151718; }
.s-faq__grid { display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: 72px; }
.faq-list details { border-top: 1px solid var(--s-border); }
.faq-list details:last-child { border-bottom: 1px solid var(--s-border); }
.faq-list summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--s-text); font-size: 16px; font-weight: 700; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { font-size: 20px; transition: transform .2s ease; }
.faq-list details[open] summary span { color: #65aeca; transform: rotate(45deg); }
.faq-list details p { max-width: 680px; margin: -2px 40px 26px 0; color: var(--s-muted); font-size: 14px; line-height: 22px; }
.s-final { min-height: clamp(780px,88svh,900px); display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 74% 48%,rgba(24,91,119,.09),transparent 32%),#090b0c; }
.s-final__grid { display: grid; grid-template-columns: minmax(0,40%) minmax(0,60%); align-items: center; gap: clamp(24px,3vw,52px); padding-block: clamp(72px,8vw,110px); }
.s-final__content { position: relative; z-index: 3; }
.s-final__content .s-kicker { margin-bottom: 18px; }
.s-final__content h2 { max-width: 580px; }
.s-final__content h2 span { color: #88bfd5; }
.s-final__content > p:not(.s-kicker) { max-width: 520px; margin: 22px 0 0; color: var(--s-muted); font-size: 16px; line-height: 26px; }
.s-final__stage { --reveal-x: 43%; --reveal-y: 45%; --reveal-core: 36px; --reveal-feather: 78px; position: relative; width: 100%; aspect-ratio: 32 / 25; display: block; overflow: hidden; isolation: isolate; padding: 0; border: 0; border-radius: 24px; outline: none; background: transparent; box-shadow: none; color: #99a1a4; cursor: crosshair; }
.s-final__media { position: absolute; z-index: 1; inset: 0; display: block; overflow: hidden; border-radius: inherit; -webkit-mask-image: radial-gradient(ellipse 78% 82% at 54% 48%,#000 0%,#000 57%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.48) 82%,transparent 100%); mask-image: radial-gradient(ellipse 78% 82% at 54% 48%,#000 0%,#000 57%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.48) 82%,transparent 100%); }
.s-final__media::after { content: ""; position: absolute; z-index: 3; inset: 0; background: rgba(3,5,6,.13); pointer-events: none; }
.s-final__ambient { position: absolute; z-index: 0; inset: 8% 4%; background: radial-gradient(circle at 43% 44%,rgba(43,146,188,.12),transparent 38%); pointer-events: none; }
.s-final__image { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; pointer-events: none; }
.s-final__image--light { z-index: 2; opacity: .38; -webkit-mask-image: radial-gradient(circle at var(--reveal-x) var(--reveal-y),#000 0 var(--reveal-core),rgba(0,0,0,.72) calc(var(--reveal-core) + 32px),transparent calc(var(--reveal-core) + var(--reveal-feather))); mask-image: radial-gradient(circle at var(--reveal-x) var(--reveal-y),#000 0 var(--reveal-core),rgba(0,0,0,.72) calc(var(--reveal-core) + 32px),transparent calc(var(--reveal-core) + var(--reveal-feather))); transition: opacity .3s ease,--reveal-core .36s ease,--reveal-feather .36s ease; }
.s-final__stage:not([data-final-reveal-initialized]) .s-final__image--light { opacity: .68; -webkit-mask-image: radial-gradient(circle at 43% 45%,#000 0 30%,transparent 68%); mask-image: radial-gradient(circle at 43% 45%,#000 0 30%,transparent 68%); }
.s-final__stage.is-ready .s-final__image--light { opacity: 1; }
.s-final__stage.is-interacting { --reveal-core: clamp(92px,7.5vw,136px); --reveal-feather: clamp(82px,6.2vw,110px); }
.s-final__bloom { position: absolute; z-index: 4; width: clamp(230px,23vw,360px); aspect-ratio: 1; left: var(--reveal-x); top: var(--reveal-y); border-radius: 50%; background: radial-gradient(circle,rgba(53,161,204,.07),transparent 70%); opacity: .55; transform: translate(-50%,-50%); pointer-events: none; transition: opacity .3s ease; }
.s-final__stage.is-interacting .s-final__bloom { opacity: .9; }
.s-final__helper { position: absolute; z-index: 6; right: 9%; bottom: 7%; display: inline-flex; align-items: center; gap: 8px; color: #838b8d; font: 700 10px/1.4 "Open Sans",sans-serif; letter-spacing: .13em; text-transform: uppercase; pointer-events: none; transition: opacity .3s ease; }
.s-final__helper svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.s-final__stage.has-interacted .s-final__helper { opacity: .32; }
.s-final__helper-touch { display: none; }
.s-final__stage:focus-visible { outline: none; }
.s-final__stage:focus-visible .s-final__helper { color: #c7e7f3; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.s-text-link { display: inline-flex; align-items: center; gap: 9px; color: #6eb2cf; font-size: 14px; font-weight: 700; }
.s-cta-icon { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.s-button:hover .s-cta-icon--north-east,.s-button:focus-visible .s-cta-icon--north-east,.s-text-link:hover .s-cta-icon--north-east,.s-text-link:focus-visible .s-cta-icon--north-east { transform: translate(2px,-2px); }
.s-button:hover .s-cta-icon--down,.s-button:focus-visible .s-cta-icon--down,.s-text-link:hover .s-cta-icon--down,.s-text-link:focus-visible .s-cta-icon--down { transform: translateY(3px); }

@media (hover: hover) and (pointer: fine) {
  .appliance[data-quantity="0"]:hover { border-color: rgba(70,180,220,.28); background: radial-gradient(circle at 26px 26px,rgba(45,172,214,.09),transparent 72px),#141718; box-shadow: 0 0 18px rgba(36,125,164,.08); }
  .appliance[data-quantity="0"]:hover .appliance__icon { background: #222b2d; }
  .appliance[data-quantity="0"]:hover .appliance__icon svg { stroke: #9ebbc1; }
  .appliance[data-quantity="0"]:hover strong { color: #c4d1d3; }
}
@supports selector(.appliance:has(button:focus-visible)) {
  .appliance[data-quantity="0"]:has(button:focus-visible) { border-color: rgba(70,180,220,.28); background: radial-gradient(circle at 26px 26px,rgba(45,172,214,.09),transparent 72px),#141718; box-shadow: 0 0 18px rgba(36,125,164,.08); }
  .appliance[data-quantity="0"]:has(button:focus-visible) .appliance__icon { background: #222b2d; }
  .appliance[data-quantity="0"]:has(button:focus-visible) .appliance__icon svg { stroke: #9ebbc1; }
  .appliance[data-quantity="0"]:has(button:focus-visible) strong { color: #c4d1d3; }
}

[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .45s ease,transform .45s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

@media (max-width: 991px) {
  .s-hero__primary { width: min(68vw,calc(100svh - 66px),720px); }
  .s-hero__copy { max-width: 650px; }
  .s-section-head,.s-faq__grid { grid-template-columns: 1fr; gap: 42px; }
  .s-assembly__beat { width: min(500px,58vw); }
  .runtime-summary { min-height: 0; }
  .runtime-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .feature-matrix { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .s-family__grid { grid-template-columns: 1fr; }
  .family-card__media { height: clamp(340px,58vw,500px); }
}

@media (max-width: 767px) {
  :root { --s-shell: calc(100% - 40px); }
  html { scroll-padding-top: 78px; }
  .saathee-page { padding-top: 66px; }
  .s-hero { min-height: max(680px,calc(100svh - 66px)); }
  .s-hero::before { background: linear-gradient(180deg,rgba(3,7,9,.64) 0%,rgba(3,7,9,.3) 42%,rgba(3,7,9,.76) 100%),rgba(3,7,9,.26); }
  .s-hero__ambient video { opacity: .24; filter: blur(30px); }
  .s-hero__primary { right: 0; width: min(100vw,calc(100svh - 66px)); }
  .s-hero__content { align-items: flex-start; padding: 64px 0 232px; }
  .s-hero h1 { font-size: clamp(3.3rem,15vw,4.2rem); }
  .s-hero__copy { max-width: 100%; }
  .s-lede { font-size: 16px; line-height: 25px; }
  .s-metrics { grid-template-columns: 1fr 1fr; }
  .s-metrics div { padding: 15px 10px; border-bottom: 1px solid var(--s-border); }
  .s-actions { align-items: stretch; flex-direction: column; }
  .s-button { width: 100%; }
  .s-scroll-cue { display: inline-flex; }
  .s-statement__grid { grid-template-columns: 1fr; gap: 28px; }
  .s-statement h2 { font-size: clamp(3rem,13vw,3.8rem); }
  .s-assembly__stage { height: 82svh; min-height: 620px; max-height: none; }
  .s-assembly__media video,.s-assembly__poster { object-position: 50% center; }
  .s-assembly__veil,.s-assembly.is-beat-0 .s-assembly__veil,.s-assembly.is-beat-1 .s-assembly__veil,.s-assembly.is-beat-2 .s-assembly__veil { background: linear-gradient(180deg,#090b0c 0%,rgba(4,7,8,.08) 14%,rgba(4,7,8,.18) 70%,#090b0c 100%),rgba(3,6,8,.24); }
  .s-assembly__beat { top: auto; right: 0; bottom: 11%; left: 0; width: 100%; }
  .s-assembly__beat h2 { max-width: 560px; font-size: clamp(3rem,13vw,4rem); }
  .s-usecases { padding-top: 72px; }
  .s-usecase { min-height: clamp(700px,100svh,800px); }
  .s-usecase__background img { object-position: center; }
  .s-usecase__shade,.s-usecase--work .s-usecase__shade { background: linear-gradient(180deg,rgba(3,6,9,.72) 0%,rgba(3,6,9,.44) 38%,transparent 60%,rgba(3,5,7,.42)); }
  .s-usecase__inner { width: calc(100% - 40px); min-height: inherit; grid-template-columns: 1fr; align-content: space-between; padding: 42px 0 22px; }
  .s-usecase__copy,.s-usecase--work .s-usecase__copy { grid-column: 1; grid-row: 1; justify-self: stretch; }
  .s-usecase__copy h3 { max-width: 620px; font-size: clamp(2.75rem,12.5vw,3.65rem); }
  .s-usecase__copy p { font-size: 15px; line-height: 24px; }
  .s-usecase__product-wrap,.s-usecase--home .s-usecase__product-wrap,.s-usecase--work .s-usecase__product-wrap,.s-usecase--outdoor .s-usecase__product-wrap { grid-column: 1; grid-row: 2; width: clamp(210px,66vw,300px); max-height: 38vh; margin: 0 0 3vh; align-self: end; justify-self: center; }
  .s-usecase__product,.s-usecase--work .s-usecase__product { filter: brightness(.86) contrast(1.03) drop-shadow(-6px 10px 8px rgba(0,0,0,.45)); }
  .runtime-grid { grid-template-columns: 1fr 1fr; }
  .appliance { min-height: 112px; }
  .runtime-summary { padding: 22px; }
  .feature-matrix { grid-template-columns: 1fr; }
  .feature-matrix__path { display: none; }
  .feature-tile,.feature-tile--prominent { min-height: 205px; }
  .app-experience { min-height: clamp(620px,88svh,760px); }
  .app-experience::after { background: linear-gradient(180deg,rgba(4,6,7,.02) 0%,rgba(4,6,7,.12) 42%,rgba(5,7,8,.82) 68%,#090b0c 100%),linear-gradient(90deg,transparent 0%,rgba(5,7,8,.12) 70%,rgba(5,7,8,.35) 100%); }
  .app-experience__layout { grid-template-columns: 1fr; align-items: end; padding: 48px 0 54px; }
  .app-experience__media video,.app-experience__poster { object-fit: contain; object-position: center top; }
  .app-experience__content { grid-column: 1; max-width: 560px; justify-self: stretch; }
  .family-card { border-radius: 24px; }
  .family-card__media { height: clamp(290px,82vw,410px); }
  .family-card ul { grid-template-columns: 1fr; }
  .s-final { min-height: 0; }
  .s-final__grid { grid-template-columns: 1fr; gap: 42px; padding-block: 80px; }
  .s-final__content { grid-row: 1; }
  .s-final__stage { grid-row: 2; width: min(100%,calc(100vw - 40px)); justify-self: center; border-radius: 16px; cursor: pointer; }
  .s-final__media { -webkit-mask-image: radial-gradient(ellipse 84% 80% at 52% 48%,#000 0%,#000 60%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.46) 86%,transparent 100%); mask-image: radial-gradient(ellipse 84% 80% at 52% 48%,#000 0%,#000 60%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.46) 86%,transparent 100%); }
  .s-final__helper-desktop { display: none; }
  .s-final__helper-touch { display: inline; }
  .s-final__stage.is-illuminated .s-final__image--light { opacity: 1; -webkit-mask-image: none; mask-image: none; }
  .s-final__stage.is-illuminated .s-final__bloom { opacity: .8; }
}

@media (max-width: 360px) { .runtime-grid { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
  .feature-tile,.feature-matrix.is-visible .feature-tile,.feature-tile:hover,.feature-tile:focus-visible,.feature-matrix.is-visible .feature-tile:hover,.feature-matrix.is-visible .feature-tile:focus-visible { opacity: 1; transform: none; }
  .runtime-progress span { transition: none; }
  .s-cta-icon { transition: none; }
  .s-button:hover .s-cta-icon,.s-button:focus-visible .s-cta-icon,.s-text-link:hover .s-cta-icon,.s-text-link:focus-visible .s-cta-icon { transform: none; }
  .family-card:hover .family-card__media img,.family-card:focus-visible .family-card__media img { transform: none; }
  .s-scroll-text__line { background: none; -webkit-text-fill-color: currentColor; }
  .s-scroll-text__line--one { color: #f1f1ee; }
  .s-scroll-text__line--two { color: var(--s-blue); }
  .app-experience__media video { display: none; }
  .app-experience__poster { display: block; }
  .s-hero__ambient video,.s-hero__primary video,.s-assembly__media video { display: none; }
  .s-hero__poster,.s-assembly__poster { display: block; }
  .s-assembly__beat { display: none; }
  .s-assembly__beat--three { display: block; opacity: 1; transform: none; }
  .s-final__stage { cursor: default; }
  .s-final__image--light,.s-final__stage.is-ready .s-final__image--light { opacity: 1; -webkit-mask-image: radial-gradient(circle at 43% 45%,#000 0 34%,transparent 64%); mask-image: radial-gradient(circle at 43% 45%,#000 0 34%,transparent 64%); transition: none; }
  .s-final__bloom,.s-final__helper { display: none; }
}