/* White SAATHEE studio. All product layers use the supplied, unchanged render. */
.saathee-page { --s-page:#090c0e; --s-muted:#929fa5; --s-blue:#64c5dd; --energy:#83d7e6; --s-shell:min(1360px,calc(100% - 96px)); }
.studio-defs { position:absolute; pointer-events:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.signal-dot { display:inline-block; flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:var(--energy); box-shadow:0 0 9px #83d7e64d; }
.saathee-page .s-kicker { color:#9eafb7; font:500 10px/1.6 "Open Sans",sans-serif; letter-spacing:.2em; }
.saathee-page .s-button { border-radius:3px; padding:16px 21px; font-size:10px; letter-spacing:.08em; }
.saathee-page .s-button--primary { color:#091216; background:#a0d7e2; border-color:#a0d7e2; }
.saathee-page .s-button--primary:hover { color:#fff; background:#247da4; border-color:#6eb2cf; }
.saathee-page .s-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; }
.studio-hero { min-height:710px; height:calc(100svh - 80px); max-height:1080px; background:#080b0d; display:block; }
.studio-hero::before { z-index:0; background:linear-gradient(90deg,#080b0d 0%,transparent 65%),radial-gradient(ellipse at 70% 45%,#20313b4d,transparent 60%); }
.studio-hero::after { display:none; }
.studio-hero__light { position:absolute; width:52%; height:110%; top:-15%; right:8%; background:linear-gradient(115deg,transparent 42%,#c2e5f607 50%,transparent 58%); transform:rotate(-20deg); pointer-events:none; animation:studio-light 3s ease-out both; }
.studio-hero__layout { height:100%; position:relative; display:grid; grid-template-columns:40% 60%; align-items:center; padding:44px 0 145px; }
.studio-copy { z-index:3; padding-bottom:15px; pointer-events:none; }
.studio-copy a,.studio-copy button { pointer-events:auto; }
.studio-copy .s-kicker { display:flex; align-items:center; gap:10px; margin-bottom:37px; }
.studio-model { color:#a8b3b9; font:500 17px/1.4 "Open Sans",sans-serif; letter-spacing:.29em; margin:0 0 16px; }
.studio-model span { color:#eef1f1; }
.saathee-page .studio-hero h1 { font:500 clamp(62px,6.6vw,106px)/.96 "Open Sans",sans-serif; letter-spacing:-.075em; text-transform:none; margin:0 0 28px; }
.studio-hero h1 em { color:#b6d9e3; font-style:normal; letter-spacing:-.065em; }
.studio-copy .s-lede { font-size:14px; line-height:1.9; color:#939fa6; }
.studio-copy .s-actions { gap:24px; margin-top:28px; }
.studio-enquire { display:inline-flex; align-items:center; gap:10px; color:#becbd1; font-size:11px; }
.studio-enquire:hover { color:#fff; }
.studio-instruction { font-size:10px; color:#75828a; letter-spacing:.05em; margin:15px 0 0; min-height:16px; }
.studio-stage { position:absolute; width:76%; aspect-ratio:1300/1080; right:-8%; top:50%; transform:translateY(calc(-54% + var(--hero-drift,0px))); --mx:0px; --my:0px; }
.studio-stage::before { content:""; position:absolute; inset:10% 10% 15%; background:radial-gradient(ellipse at 55% 45%,#a6c6d20b,transparent 65%); transform:translate3d(calc(var(--mx) * -3),calc(var(--my) * -3),0); pointer-events:none; }
.studio-object { position:absolute; inset:0; transform:translate3d(var(--mx),var(--my),0); }
.studio-product { position:absolute; inset:0; clip-path:url(#saathee-silhouette); }
.studio-product img,.studio-reflection { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; display:block; }
.studio-product__image { filter:brightness(1.15); animation:studio-illuminate 2.3s cubic-bezier(.2,.65,.3,1) both; }
.studio-product__sheen { filter:brightness(1.6); opacity:0; mask-image:linear-gradient(110deg,transparent 42%,#000 49%,transparent 56%); mask-size:300% 100%; mask-position:100% 0; }
.studio-product__detail { filter:brightness(1.55); opacity:0; mask-image:radial-gradient(circle at var(--focus-x,36%) var(--focus-y,42%),#000 0,transparent 10%); transition:opacity .25s; }
.studio-stage.is-inspecting .studio-product__detail { opacity:.6; }
.studio-stage.is-scanning .studio-reflection { opacity:.42; }
.studio-stage.is-scanning .studio-product__sheen { opacity:.4; animation:studio-sheen 2.2s ease-in-out both; }
.studio-reflection { opacity:.28; clip-path:polygon(26% 79%,56% 83%,77% 65%,80% 100%,25% 100%); mask-image:linear-gradient(transparent 69%,#000 80%,transparent 99%); transform:translate3d(calc(var(--mx) * -.5),calc(var(--my) * -.5),0); }
.studio-stage.is-scanning .studio-rim { opacity:.6; }
.studio-rim { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#d4efff; stroke-width:1; opacity:.3; pointer-events:none; }
.studio-field { position:absolute; inset:0; width:100%; height:100%; stroke:#81b4cc; stroke-width:.7; opacity:.3; transform:translate3d(calc(var(--mx) * -.6),calc(var(--my) * -.6),0); animation:studio-geometry 2.7s ease both; }
.studio-field ellipse { stroke-dasharray:280 40 90 90; }
.studio-field .field-current { stroke-opacity:.65; }
.field-particle { fill:#b6f1ff; stroke:none; }
.studio-coordinate { position:absolute; z-index:2; left:19%; right:15%; top:8%; display:flex; justify-content:space-between; color:#5d707c; font:9px/1.5 monospace; letter-spacing:.12em; }
.studio-coordinate::before { content:""; width:18px; height:18px; border-left:1px solid #586975; border-top:1px solid #586975; position:absolute; left:-25px; top:0; }
.studio-stage__caption { position:absolute; bottom:14%; left:27%; color:#81919a; font:9px/1.5 "Open Sans",sans-serif; letter-spacing:.06em; display:flex; align-items:center; gap:8px; }
.studio-stage__caption > span:last-child { color:#566671; margin-left:14px; }
.studio-scanline { position:absolute; top:0; bottom:0; left:0; width:100%; opacity:0; background:linear-gradient(transparent calc(50% - 1px),#c9f5ff 50%,transparent calc(50% + 1px)); transform:translateY(-50%); }
.is-scanning .studio-scanline { animation:studio-scan 2.2s ease-in-out both; }
.studio-hotspots { position:absolute; inset:0; }
.studio-hotspot { position:absolute; left:var(--hx); top:var(--hy); transform:translate(-50%,-50%); display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:none; color:#bce8f2; cursor:pointer; }
.studio-hotspot__point { width:7px; height:7px; border:1px solid #d8f5ff; background:#8accdf9c; border-radius:50%; box-shadow:0 0 0 5px #14273370; transition:box-shadow .3s,background .3s; }
.studio-hotspot:hover .studio-hotspot__point,.studio-hotspot[aria-expanded="true"] .studio-hotspot__point { background:#fff; box-shadow:0 0 0 12px #b6eafa12,0 0 22px #a9e9ff60; }
.studio-hotspot__label { position:absolute; right:65px; bottom:28px; min-width:138px; text-align:left; padding:10px 12px; background:#0a1014f0; border:1px solid #30434d; border-radius:2px; color:#e1edf2; font:11px/1.5 "Open Sans",sans-serif; opacity:0; visibility:hidden; transform:translateX(6px); transition:opacity .2s,transform .2s,visibility .2s; pointer-events:none; }
.studio-hotspot__label small { display:block; font:8px/1.7 monospace; color:#7da8bb; letter-spacing:.08em; white-space:nowrap; }
.studio-hotspot::after { content:""; position:absolute; width:46px; height:1px; background:#a8d8e5; right:24px; top:19px; transform:rotate(24deg) scaleX(0); transform-origin:right; transition:transform .3s; }
.studio-hotspot--right .studio-hotspot__label { left:65px; right:auto; }
.studio-hotspot--right::after { left:24px; right:auto; transform:rotate(-24deg) scaleX(0); transform-origin:left; }
.studio-hotspot[aria-expanded="true"] .studio-hotspot__label { opacity:1; visibility:visible; transform:none; }
.studio-hotspot[aria-expanded="true"]::after { transform:rotate(24deg) scaleX(1); }
.studio-hotspot--right[aria-expanded="true"]::after { transform:rotate(-24deg) scaleX(1); }
.studio-hero__footer { position:absolute; bottom:30px; left:0; right:0; display:flex; align-items:center; gap:60px; border-top:1px solid #ffffff18; padding-top:25px; }
.studio-hero__footer .s-metrics { flex:1; border:0; padding:0; }
.studio-hero__footer .s-metrics dt { font:400 24px/1.2 "Open Sans",sans-serif; letter-spacing:-1px; }
.studio-hero__footer .s-metrics dd { font-size:10px; color:#75858f; }
.studio-hero__footer .s-metrics div { border:0; padding:0; }
.studio-scroll { color:#8698a4; font:10px/1.5 "Open Sans",sans-serif; white-space:nowrap; display:flex; gap:30px; align-items:center; }
.studio-scroll span { border:1px solid #ffffff26; border-radius:50%; display:grid; place-items:center; width:34px; height:34px; color:#b8dde7; }
.studio-copy > * { animation:studio-copy .9s both; }
.studio-copy > :nth-child(2) { animation-delay:.15s; }.studio-copy > :nth-child(3) { animation-delay:.3s; }.studio-copy > :nth-child(4) { animation-delay:.5s; }.studio-copy > :nth-child(5) { animation-delay:.65s; }.studio-copy > :nth-child(6) { animation-delay:.8s; }
.s-statement { position:relative; background:#0b1014; padding:100px 0; }
.s-statement::before { content:""; position:absolute; top:0; left:50%; width:1px; height:60px; background:linear-gradient(#78b9d7,transparent); }
.saathee-page .s-statement h2 { font:400 clamp(30px,3.2vw,48px)/1.2 "Open Sans",sans-serif; letter-spacing:-.055em; }
.s-statement p { font-size:14px; line-height:1.9; }
/* A schematic with one active capability, never invented internal components. */
.energy-engine { background:#0b1014; padding:40px 0 100px; overflow:hidden; position:relative; }
.experience-heading { position:relative; display:grid; grid-template-columns:1fr 1fr; column-gap:100px; align-items:end; }
.experience-heading .s-kicker { grid-column:1/-1; margin-bottom:25px; }
.saathee-page .experience-heading h2,.saathee-page .s-section-head h2,.saathee-page .app-experience h2,.saathee-page .s-usecases__heading h2,.saathee-page .s-faq h2,.saathee-page .s-final h2 { font:400 clamp(34px,3.3vw,50px)/1.13 "Open Sans",sans-serif; letter-spacing:-.055em; }
.experience-heading h2 span,.app-experience h2 span { color:#7893a2; }
.experience-heading > p:last-child { color:#8c9ca6; font-size:13px; line-height:1.9; margin:0 0 5px; }
.energy-diagram { position:relative; height:530px; margin:35px 0 12px; }
.energy-lines { position:absolute; width:100%; height:100%; inset:0; fill:none; stroke:#32434e; stroke-width:1; }
.energy-lines__current { stroke:#a2d9ea; stroke-dasharray:8 400; stroke-dashoffset:820; animation:energy-flow 8s linear infinite; opacity:.7; }
.energy-node { position:absolute; width:180px; z-index:2; padding:13px 0; background:#0b1014; }
.energy-node > span { font:9px/1.5 monospace; letter-spacing:.15em; color:#607986; }
.energy-node strong { display:block; font:400 21px/1.6 "Open Sans",sans-serif; color:#c7d7df; }
.energy-node p { color:#798c97; font-size:10px; margin:3px 0 0; }
.energy-node--input { top:17%; left:2%; }.energy-node--solar { top:64%; left:2%; }.energy-node--output { top:22%; right:0; }.energy-node--app { top:61%; right:0; }
.energy-core { position:absolute; width:69%; aspect-ratio:1300/1080; top:50%; left:50%; transform:translate(-50%,-53%); }
.energy-core img { position:absolute; width:100%; height:100%; inset:0; object-fit:contain; clip-path:url(#saathee-silhouette); filter:brightness(1.1); }
.energy-core__ring { position:absolute; left:19%; top:20%; width:65%; height:68%; border:1px solid #8bc4d01a; border-radius:50%; transform:rotateX(55deg); }
.energy-core > p { position:absolute; left:40%; bottom:14%; color:#859daa; font:11px/1.5 monospace; letter-spacing:.2em; }.energy-core > p span { color:#c6dbe6; }
.energy-core__annotation { position:absolute; left:35%; top:41%; width:23%; height:19%; border-left:1px solid #a5ddeb; border-bottom:1px solid #a5ddeb; opacity:.75; transition:left .5s,top .5s,width .5s,height .5s; pointer-events:none; }
.energy-core__annotation span { position:absolute; width:7px; height:7px; background:#bae5ef; box-shadow:0 0 18px #a6e9ff50; border-radius:50%; left:-4px; top:-4px; }
.energy-core__annotation b { position:absolute; bottom:-21px; right:0; color:#afd3e2; font:8px/1.5 monospace; letter-spacing:.1em; white-space:nowrap; }
[data-active-feature="1"] .energy-core__annotation { left:47%; top:63%; width:15%; height:10%; }
[data-active-feature="2"] .energy-core__annotation { left:37%; top:39%; width:24%; height:12%; }
[data-active-feature="3"] .energy-core__annotation { left:69%; top:42%; width:10%; height:23%; }
[data-active-feature="4"] .energy-core__annotation { left:34%; top:59%; width:22%; height:15%; }
[data-active-feature="5"] .energy-core__annotation { left:68%; top:58%; width:14%; height:13%; }
.engineering-console { border-top:1px solid #ffffff20; padding-top:24px; }
.engineering-console__heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }.engineering-console__heading .s-kicker { margin:0; }.engineering-console__heading > span:last-child { color:#5f7885; font:8px/1.6 monospace; letter-spacing:.15em; }
.engineering-tabs { display:grid; grid-template-columns:repeat(3,1fr); }
.engineering-tab { padding:20px 18px; display:flex; align-items:center; gap:17px; border:1px solid #ffffff12; margin:-1px 0 0 -1px; color:#738997; background:transparent; text-align:left; cursor:pointer; transition:color .25s,background .25s; }
.engineering-tab small { font:10px/1 monospace; color:#557181; }.engineering-tab span { font-size:13px; }.engineering-tab i { margin-left:auto; font-style:normal; }
.engineering-tab[aria-selected="true"] { background:#a6ddeb0a; color:#d8ebf4; border-bottom-color:#8ed4e6; }.engineering-tab:hover { color:#d8ebf4; }
.engineering-detail { min-height:74px; display:flex; align-items:center; gap:14px; padding:18px; background:#070c104d; }.engineering-detail[hidden] { display:none; }.engineering-detail p { margin:0; color:#9cb3bf; font-size:12px; line-height:1.7; }.engineering-detail > span:last-child { margin-left:auto; white-space:nowrap; font:9px monospace; letter-spacing:.08em; color:#516c7b; }
/* The existing calculator remains the sole source of load and runtime state. */
.s-runtime { background:#0a0e11; }.s-runtime .s-section-head { gap:70px; }.s-runtime .s-section-head > p { font-size:13px; line-height:1.9; }
.runtime-tool { display:grid; grid-template-columns:minmax(0,1fr) 280px; column-gap:25px; border-radius:4px; background:#0e1418; border-color:#ffffff16; }
.runtime-tabs { grid-column:1/-1; border-radius:0; margin-bottom:25px; }.runtime-summary { grid-column:2; grid-row:2/4; margin:0; border-radius:2px; background:#0a1014; align-self:start; padding:20px; position:sticky; top:100px; }
.runtime-grid { grid-column:1; grid-row:2; grid-template-columns:repeat(3,minmax(0,1fr)); }.runtime-estimate-note { grid-column:1; }
.runtime-machine { position:relative; height:224px; --load-energy:#76cddb; color:var(--load-energy); overflow:hidden; }
.runtime-machine img { position:absolute; width:390px; max-width:none; height:auto; left:50%; top:-52px; transform:translateX(-50%); clip-path:url(#saathee-silhouette); filter:brightness(1.1); }
.runtime-machine svg { position:absolute; width:100%; height:40px; bottom:13px; left:0; fill:none; stroke:var(--load-energy); stroke-width:1; stroke-dasharray:12 300; animation:energy-flow 6s linear infinite; opacity:.7; }
.runtime-machine > span { position:absolute; bottom:0; left:0; width:100%; font:9px/1.4 monospace; text-transform:uppercase; letter-spacing:.15em; }
.runtime-summary[data-state="empty"] .runtime-machine svg { animation-play-state:paused; opacity:.2; }.runtime-summary.is-near-limit .runtime-machine svg { animation-duration:2s; }.runtime-summary.is-overload .runtime-machine { --load-energy:#eb8b82; }.runtime-summary.is-overload .runtime-machine svg { animation:none; stroke-dasharray:none; }
.runtime-summary.is-near-limit .runtime-progress span { background:#a2effc; }.runtime-summary__row { font-size:10px; margin-top:25px; }.runtime-result strong { font:400 32px/1.2 "Open Sans",sans-serif; letter-spacing:-.04em; }.runtime-result { gap:6px 12px; }
.appliance { border-radius:3px; background:#111a20; min-height:164px; }.runtime-tab { border-radius:2px; background:none; font-size:12px; }.runtime-tab[aria-selected="true"] { background:#162b35; border-color:#3d6678; }
/* The supplied app screens remain intact, carried by the product connection. */
.app-experience { min-height:720px; background:#0d141a; }.app-experience::after { display:none; }
.app-experience__layout { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:65px; padding:95px 0; }.app-experience__content { max-width:none; }.app-experience__content h2 { margin-bottom:25px; }.app-experience__content > p:not(.s-kicker) { font-size:13px; line-height:1.9; }.app-experience__content li { font-size:11px; padding:15px 0; color:#99b1c0; }
.app-connection { position:relative; min-height:500px; display:grid; grid-template-columns:1fr; align-items:center; }
.app-phones { display:flex; gap:23px; justify-content:center; position:relative; z-index:1; padding-left:30px; }.app-phones figure { width:38%; margin:0; transform:translateY(20px); transition:transform 1s cubic-bezier(.2,.7,.2,1); }.app-phones figure:nth-child(2) { margin-top:65px; transition-delay:.15s; }
.app-experience.is-inview .app-phones figure { transform:translateY(0); }
.app-phones img { display:block; width:100%; height:auto; border:5px solid #27343e; border-radius:25px; box-shadow:0 28px 38px #0005; }.app-phones figcaption { font:8px/1.6 monospace; letter-spacing:.12em; color:#6b899a; text-align:center; padding-top:15px; }
.app-connection__product { position:absolute; bottom:-43px; left:-45px; width:210px; aspect-ratio:1300/1080; z-index:2; }.app-connection__product img { width:100%; clip-path:url(#saathee-silhouette); filter:brightness(1.15); }.app-connection__product span { display:block; position:absolute; bottom:8%; width:100%; text-align:center; color:#7895a6; font:8px monospace; letter-spacing:.12em; }
.app-connection__bridge { position:absolute; bottom:-7px; left:120px; width:165px; height:55px; display:flex; align-items:center; gap:10px; transform:rotate(-23deg); z-index:2; }.app-connection__bridge svg { width:30px; fill:#0d141a; stroke:#7aabbe; stroke-width:1; transform:rotate(23deg); }.app-connection__bridge i { height:1px; flex:1; background:#5a8d9e; position:relative; overflow:hidden; }.app-connection__bridge i::after { content:""; position:absolute; height:1px; width:10px; background:#d9faff; animation:connection-flow 2s linear infinite; }
.s-usecases { background:#0b1014; }.s-usecases__heading p { color:#879ea9; font-size:13px; }.s-usecases__stage { border:1px solid #ffffff15; }.s-usecases__panel img { transition:filter .64s ease,transform .64s ease; }.s-usecases__panel.is-focused img { transform:scale(1.015); }
.s-family { background:#0e1418; }.family-card { border-radius:3px; background:#0b1115; }.family-card--2000 .family-card__media img { object-fit:contain; width:100%; height:100%; mask-image:radial-gradient(ellipse 58% 57% at 51% 48%,#000 45%,transparent 90%); }.family-card__media { background:#0b1115; }.family-card__body h3 { font-family:"Open Sans",sans-serif; font-size:30px; letter-spacing:-.045em; }.s-faq { background:#0a0f13; }.faq-list summary { font-size:15px; }.s-final { min-height:650px; background:#090d10; }.s-final__stage { aspect-ratio:1300/1080; }.s-final__image--dark { filter:brightness(.5); }.s-final__image--light { filter:brightness(1.2); }.s-final__grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.energy-engine:not(.is-inview) .energy-lines__current,.s-runtime:not(.is-inview) .runtime-machine svg,.app-experience:not(.is-inview) .app-connection__bridge i::after { animation-play-state:paused; }
@keyframes studio-light { from { opacity:0; transform:translateX(-12%) rotate(-20deg); } to { opacity:1; transform:translateX(0) rotate(-20deg); } }
@keyframes studio-illuminate { from { filter:brightness(.28); } to { filter:brightness(1.15); } }
@keyframes studio-geometry { 0%,35% { opacity:0; } to { opacity:.3; } }
@keyframes studio-copy { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@keyframes studio-sheen { from { mask-position:100% 0; } to { mask-position:0% 0; } }
@keyframes studio-scan { 0% { opacity:0; transform:translateY(-36%); } 20%,75% { opacity:.75; } 100% { opacity:0; transform:translateY(37%); } }
@keyframes energy-flow { to { stroke-dashoffset:0; } }
@keyframes connection-flow { from { left:-10px; } to { left:100%; } }
@media(min-width:1700px) { .studio-hero__layout { grid-template-columns:38% 62%; }.studio-stage { width:84%; right:-12%; }.studio-hero { min-height:850px; } }
@media(max-width:1100px) { .saathee-page { --s-shell:calc(100% - 64px); }.studio-hero { min-height:660px; }.studio-stage { width:83%; right:-11%; }.saathee-page .studio-hero h1 { font-size:72px; }.studio-copy .s-kicker { margin-bottom:27px; }.studio-hero__footer { gap:25px; }.studio-scroll { gap:12px; }.energy-diagram { height:440px; }.energy-node { width:160px; }.energy-node strong { font-size:18px; }.energy-core { width:73%; }.runtime-tool { grid-template-columns:minmax(0,1fr) 245px; gap:18px; }.runtime-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.app-experience__layout { gap:35px; }.app-connection { min-height:440px; }.app-phones { gap:14px; padding-left:0; }.app-phones figure { width:43%; }.app-connection__product { left:-35px; }.experience-heading { gap:35px; }.studio-hotspot__label { min-width:120px; } }
@media(max-width:767px) {
  .saathee-page .footer-menu { flex-wrap:wrap; gap:16px 20px; }
  .saathee-page .footer-menu li { margin:0; padding:0; }
  .saathee-page { --s-shell:calc(100% - 40px); }.studio-hero { height:auto; min-height:0; max-height:none; }.studio-hero__layout { display:flex; flex-direction:column; padding:35px 0 0; }.studio-copy { width:100%; padding:0; }.studio-copy .s-kicker { margin-bottom:22px; font-size:8px; }.studio-model { font-size:12px; letter-spacing:.24em; margin-bottom:12px; }.saathee-page .studio-hero h1 { font-size:clamp(50px,14.8vw,76px); line-height:.97; margin-bottom:18px; }.studio-hero h1 br { display:block; }.studio-hero h1 em { display:block; }.studio-copy .s-lede { font-size:12px; line-height:1.8; }.studio-copy .s-lede br { display:none; }.studio-copy .s-actions { flex-direction:row; align-items:center; gap:23px; margin-top:22px; }.studio-copy .s-button { width:auto; padding:13px 16px; font-size:9px; }.studio-instruction { margin-top:10px; font-size:9px; }
  .studio-stage { position:relative; flex:none; width:calc(100% + 90px); right:auto; top:auto; aspect-ratio:1300/1080; transform:none; margin:-15px -45px -28px; }.studio-coordinate { top:8%; left:21%; right:15%; font-size:7px; }.studio-coordinate span { display:none; }.studio-stage__caption { left:25%; bottom:7%; font-size:8px; }.studio-stage__caption > span:last-child { display:none; }.studio-field { opacity:.23; }.studio-hotspot__label { min-width:104px; font-size:10px; padding:7px 8px; right:24px; bottom:30px; }.studio-hotspot__label small { font-size:6.5px; }.studio-hotspot--right .studio-hotspot__label { left:42px; }.studio-hotspot::after { width:26px; }.studio-hotspot__point { width:6px; height:6px; }
  .studio-hero__footer { position:relative; bottom:auto; gap:0; width:100%; flex-wrap:wrap; padding:21px 0 25px; }.studio-hero__footer .s-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; flex:auto; gap:10px; }.studio-hero__footer .s-metrics div { border:0; padding:0; }.studio-hero__footer .s-metrics dt { font-size:18px; letter-spacing:-.6px; }.studio-hero__footer .s-metrics dd { font-size:8px; line-height:1.5; }.studio-scroll { margin-top:23px; width:100%; justify-content:space-between; font-size:9px; }.studio-scroll span { width:26px; height:26px; }
  .s-statement { padding:75px 0; }.s-statement::before { height:35px; }.s-statement__grid { gap:24px; }.saathee-page .s-statement h2 { font-size:29px; }.s-statement p { font-size:12px; }.energy-engine { padding:10px 0 60px; }.experience-heading { display:block; }.experience-heading .s-kicker { margin-bottom:22px; }.saathee-page .experience-heading h2,.saathee-page .s-section-head h2,.saathee-page .app-experience h2,.saathee-page .s-usecases__heading h2,.saathee-page .s-faq h2,.saathee-page .s-final h2 { font-size:34px; }.experience-heading > p:last-child { margin-top:22px; font-size:12px; }.energy-diagram { height:460px; margin-top:25px; }.energy-core { width:138%; top:51%; transform:translate(-50%,-48%); }.energy-node { width:46%; padding:8px 0; }.energy-node > span { font-size:8px; }.energy-node strong { font-size:16px; }.energy-node p { font-size:8px; }.energy-node--input { top:0; left:0; }.energy-node--solar { top:0; left:auto; right:0; text-align:right; }.energy-node--output { top:auto; bottom:0; left:0; right:auto; }.energy-node--app { top:auto; bottom:0; right:0; text-align:right; }.energy-lines { transform:rotate(90deg); height:75%; width:125%; left:-12.5%; top:12.5%; opacity:.6; }.energy-core > p { display:none; }.energy-core__annotation b { font-size:7px; }.engineering-console { margin-top:30px; }.engineering-console__heading > span:last-child { font-size:6px; }.engineering-console__heading .s-kicker { font-size:8px; }.engineering-tabs { grid-template-columns:repeat(2,1fr); }.engineering-tab { gap:9px; padding:17px 11px; min-height:70px; }.engineering-tab span { font-size:10px; }.engineering-tab small { font-size:8px; }.engineering-tab i { display:none; }.engineering-detail { min-height:80px; padding:15px 8px; }.engineering-detail p { font-size:11px; }.engineering-detail > span:last-child { display:none; }
  .s-runtime { padding:70px 0; }.s-runtime .s-section-head { gap:20px; margin-bottom:28px; }.s-runtime .s-section-head > p { font-size:12px; }.runtime-tool { display:flex; flex-direction:column; padding:14px; gap:18px; }.runtime-tabs { margin:0; padding-bottom:12px; gap:6px; }.runtime-tab { font-size:10px; padding:8px 10px; }.runtime-summary { position:static; width:100%; padding:14px; display:grid; grid-template-columns:95px minmax(0,1fr); column-gap:12px; }.runtime-machine { grid-row:1/5; height:152px; margin-left:-10px; }.runtime-machine img { width:220px; top:-14px; }.runtime-machine svg { bottom:20px; }.runtime-machine > span { font-size:7px; bottom:10px; letter-spacing:.04em; }.runtime-summary__row { margin-top:5px; gap:5px; font-size:8px; }.runtime-progress { margin-top:8px; height:3px; }.runtime-result { margin-top:10px; min-height:55px; gap:5px; }.runtime-result strong { font-size:24px; }.runtime-result__label { font-size:9px!important; }.runtime-battery { display:none; }.runtime-result { grid-template-columns:1fr; }.runtime-reset { margin:0 auto; }.runtime-info { grid-column:1/-1; font-size:10px; }.runtime-method { grid-column:1/-1; }.runtime-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.appliance { min-height:164px; padding:12px; }.appliance strong { font-size:11px; }.appliance small { font-size:9px; }.appliance__icon { width:30px; height:30px; }.appliance__quantity { right:6px; top:6px; }.runtime-estimate-note { margin:0; font-size:10px; }.runtime-disclaimer { font-size:10px; }
  .app-experience { min-height:0; }.app-experience__layout { display:flex; flex-direction:column-reverse; gap:42px; padding:65px 0 80px; }.app-experience__content h2 { margin-bottom:20px; }.app-experience__content > p:not(.s-kicker) { font-size:12px; }.app-experience__content ul { margin-top:22px; }.app-connection { width:100%; min-height:420px; margin-bottom:35px; }.app-phones { gap:18px; padding-left:12px; }.app-phones figure { width:42%; }.app-phones img { border-width:4px; border-radius:20px; }.app-phones figure:nth-child(2) { margin-top:45px; }.app-connection__product { left:-30px; bottom:-38px; width:180px; }.app-connection__bridge { left:109px; bottom:0; width:125px; }.app-phones figcaption { font-size:7px; }
  .s-usecases__stage { display:grid; grid-template-columns:var(--usecase-split-x) minmax(0,1fr); grid-template-rows:var(--usecase-split-y) minmax(0,1fr); gap:1px; aspect-ratio:1.5; width:calc(100% - 24px); }.s-usecases__panel,.s-usecases__panel.is-focused { height:auto; }.s-usecases__panel img { object-fit:contain; }.s-usecases__stage[data-active="work"] { --usecase-split-x:64%; --usecase-split-y:64%; }.s-usecases__stage[data-active="outdoor"] { --usecase-split-x:36%; --usecase-split-y:64%; }.s-usecases__stage[data-active="backup"] { --usecase-split-x:64%; --usecase-split-y:36%; }.s-usecases__stage[data-active="travel"] { --usecase-split-x:36%; --usecase-split-y:36%; }.s-usecases__heading { margin-bottom:26px; }.s-usecases { padding:65px 0; }.s-final__grid { grid-template-columns:1fr; gap:10px; }.s-final { min-height:0; }.s-family .s-section-head { gap:20px; }.s-family .s-section-head > p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .studio-copy > *,.studio-product__image,.studio-field { animation:none; }.studio-product__image { filter:brightness(1.15); }.studio-field { opacity:.3; }.studio-product__sheen,.studio-scanline,.field-particle { display:none; }.energy-lines__current,.runtime-machine svg,.app-connection__bridge i::after { animation:none; }.studio-object,.studio-field,.studio-reflection { transform:none!important; }.app-phones figure { transform:none; }.studio-hero__light { animation:none; }.energy-lines__current { stroke-dasharray:8 28; }.studio-hotspot__label,.studio-hotspot::after,.energy-core__annotation { transition:none; } }