.hiw-root{background:var(--sidebar-blue);color:var(--hiw-paper);font-family:var(--sans)}.hiw-root *{box-sizing:border-box}.hiw-root a{color:inherit;text-underline-offset:5px}.hiw-root button{font:inherit}.hiw-root :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:5px}.hiw-skip{position:fixed;left:20px;top:-80px;z-index:40;padding:14px;background:var(--hiw-paper);color:var(--hiw-ink)}.hiw-skip:focus{top:20px}.hiw-journey{height:2400vh}.hiw-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.hiw-stage{position:absolute;width:1440px;height:810px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--fit,1));overflow:hidden;isolation:isolate}.hiw-environment,.hiw-intro,.hiw-shade{position:absolute;inset:0}.hiw-environment{background:url(room-clean.webp) center/cover no-repeat;filter:brightness(.65)}.hiw-intro{transform-origin:720px 400px;will-change:transform,opacity}.hiw-intro video{width:100%;height:100%;object-fit:cover;display:block}.hiw-tracked-screen{position:absolute;left:0;top:0;width:1440px;height:1000px;transform-origin:0 0;border-radius:16px;overflow:hidden;will-change:transform}.hiw-tracked-screen img{width:100%;height:100%;display:block}.hiw-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--sidebar-blue) 82%,transparent),transparent 78%);pointer-events:none}.hiw-stage header{position:absolute;left:56px;right:56px;top:30px;height:40px;display:flex;justify-content:space-between;align-items:center;z-index:8}.hiw-brand{width:170px;max-height:40px}.hiw-stage nav{display:flex;gap:28px;align-items:center;font-size:13px}.hiw-stage nav a{text-decoration:none}.hiw-stage nav span{padding:8px 0;border-bottom:1px solid var(--hiw-paper)}.hiw-copy{position:absolute;left:64px;top:220px;width:350px;z-index:5;will-change:transform,opacity}.hiw-copy h1,.hiw-copy h2{font:600 61px/1.08 var(--sans);letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}.hiw-copy p{font-size:20px;line-height:1.55;margin:0}.hiw-eyebrow{display:block;font-size:12px;letter-spacing:.05em;margin-bottom:22px}.hiw-opening{width:650px}.hiw-opening h1,.hiw-ending h2{font-size:80px}.hiw-ending{width:650px;opacity:0;pointer-events:none}.hiw-text-link{display:inline-block;border:0;background:none;padding:0;font-size:16px;margin-top:30px;color:var(--hiw-paper);cursor:pointer}.hiw-restart{display:block;text-decoration:underline}.hiw-cta,.hiw-try-card{display:inline-flex;align-items:center;gap:24px;background:var(--hiw-paper);color:var(--hiw-ink);padding:15px 23px;border-radius:100px;font-size:16px;font-weight:600;border:0;margin-top:25px;text-decoration:none;cursor:pointer;min-height:48px}.hiw-device{position:absolute;left:0;top:0;width:920px;padding:13px;border:1px solid var(--ink-soft);border-radius:29px;background:var(--sidebar-blue);box-shadow:0 28px 70px color-mix(in srgb,var(--sidebar-blue) 30%,transparent);transform-origin:50% 50%;will-change:transform,width;opacity:0}.hiw-device::before{content:'';position:absolute;left:50%;top:4px;width:5px;height:5px;border-radius:100%;background:var(--ink-soft)}.hiw-screen{aspect-ratio:1440/1000;position:relative;overflow:hidden;border-radius:16px;background:var(--hiw-paper)}.hiw-screen img{position:absolute;inset:0;width:100%;height:100%;display:block}.hiw-screen-b{opacity:0}.hiw-chapter-copy{opacity:0;pointer-events:none}.hiw-try-card{display:none}.hiw-stage footer{position:absolute;left:64px;right:64px;bottom:24px;display:flex;align-items:center;gap:28px;font-size:12px;z-index:9}.hiw-progress{height:2px;flex:1;background:color-mix(in srgb,var(--hiw-paper) 25%,transparent)}.hiw-progress i{display:block;height:100%;width:0;background:var(--hiw-paper)}.hiw-page-count{min-width:45px;text-align:right}.hiw-still-story{display:none;max-width:1000px;margin:auto;padding:30px;background:var(--hiw-paper);color:var(--hiw-ink)}.hiw-still-story section{margin:50px 0}.hiw-still-story img{width:100%}.hiw-still-story:target{display:block}.hiw-demo{width:min(1240px,96vw);max-width:none;max-height:96svh;padding:0;border:1px solid var(--ink-soft);border-radius:24px;background:var(--sidebar-blue);color:var(--hiw-paper);overflow:hidden}.hiw-demo::backdrop{background:color-mix(in srgb,var(--sidebar-blue) 75%,transparent);backdrop-filter:blur(8px)}.hiw-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:14px}.hiw-demo-bar div{display:flex;gap:12px}.hiw-demo button{border:1px solid var(--ink-soft);background:var(--hiw-paper);color:var(--hiw-ink);border-radius:100px;padding:12px 18px;min-height:44px;cursor:pointer}.hiw-demo-device{margin:0 13px 13px;height:min(760px,78svh);border-radius:14px;overflow:hidden}.hiw-demo iframe{width:100%;height:100%;border:0;display:block;background:var(--hiw-paper)}
body.hiw-phone .hiw-stage{width:390px;height:844px}.hiw-phone .hiw-environment{background-position:48% center}.hiw-phone .hiw-stage header{left:22px;right:22px;top:25px}.hiw-phone .hiw-brand{width:132px}.hiw-phone .hiw-stage nav{font-size:11px}.hiw-phone .hiw-stage nav a{display:none}.hiw-phone .hiw-copy{left:25px;top:128px;width:340px}.hiw-phone .hiw-copy h1,.hiw-phone .hiw-copy h2{font-size:46px}.hiw-phone .hiw-copy p{font-size:17px}.hiw-phone .hiw-eyebrow{margin-bottom:16px;font-size:11px}.hiw-phone .hiw-stage footer{left:25px;right:25px;gap:12px;font-size:11px}.hiw-phone .hiw-intro{width:1500px;height:844px;left:-555px;transform-origin:750px 400px}.hiw-phone .hiw-intro video{width:1500px;height:844px}.hiw-phone .hiw-tracked-screen{width:1440px;height:1000px}.hiw-phone .hiw-device{padding:7px;border-radius:18px}.hiw-phone .hiw-screen{border-radius:11px}.hiw-phone .hiw-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar-blue) 78%,transparent),transparent 88%)}.hiw-phone .hiw-try-card{font-size:15px;margin-top:18px;padding:12px 18px}.hiw-phone .hiw-demo{width:100vw;max-height:100svh;border-radius:0}.hiw-phone .hiw-demo-bar{align-items:flex-start;flex-direction:column;font-size:12px}.hiw-phone .hiw-demo-device{height:calc(100svh - 115px);margin:0 6px 6px}.hiw-phone .hiw-demo-bar button{font-size:13px}.hiw-phone .hiw-ending .hiw-cta{font-size:15px}
@media(prefers-reduced-motion:reduce){.hiw-journey{display:none}.hiw-still-story{display:block}.hiw-demo::backdrop{backdrop-filter:none}}

.hiw-tracked-screen{display:none} /* Real UI is composited into the video with foreground occlusion preserved. */
/* During the handoff the screen follows the filmed plane's changing aspect ratio. */
.hiw-device .hiw-screen{width:100%;aspect-ratio:auto}

.hiw-root{--hiw-paper:var(--paper);--hiw-ink:var(--ink)}html[data-theme="dark"] .hiw-root{--hiw-paper:var(--ink);--hiw-ink:var(--paper)}
.hiw-root .hiw-copy h1,.hiw-root .hiw-copy h2,.hiw-root .hiw-copy p{color:inherit}.hiw-root .hiw-device img{max-width:none}.hiw-root .hiw-stage header,.hiw-root .hiw-stage footer{background:none;border:0;box-shadow:none}.hiw-tracked-screen{display:block;pointer-events:none;border-radius:0}.hiw-root a.hiw-cta{color:var(--hiw-ink);background:var(--hiw-paper)}.hiw-root .hiw-brand{height:auto}.hiw-root .hiw-stage header>a{display:none}.hiw-root .hiw-stage header nav{margin-left:auto}.hiw-root .hiw-stage header nav{display:flex;position:static;width:auto;background:none;padding:0;border:0}.hiw-root .hiw-stage .hiw-progress{overflow:hidden}.hiw-root .hiw-still-story h2{font-size:clamp(28px,4vw,48px)}
.hiw-root .hiw-journey{display:none}.hiw-root .hiw-still-story{display:block}.hiw-root.hiw-ready .hiw-journey{display:block}.hiw-root.hiw-ready .hiw-still-story{display:none}.hiw-root.hiw-ready .hiw-still-story:target{display:block}.hiw-root .hiw-still-story button{display:inline-flex}
@media(prefers-reduced-motion:reduce){.hiw-root.hiw-ready .hiw-journey{display:none}.hiw-root.hiw-ready .hiw-still-story{display:block}}

/* The closing scene is centered text only; undo stage scaling for readable type at every viewport. */
.hiw-root .hiw-ending{left:50%;width:min(760px,calc(100vw - 48px));text-align:center;transform-origin:center}
.hiw-root .hiw-ending h2{font-size:clamp(36px,5.5vw,80px)}
.hiw-root .hiw-ending p{font-size:clamp(17px,1.8vw,20px)}
.hiw-root .hiw-ending .hiw-restart{margin-left:auto;margin-right:auto;min-height:44px}
@media(max-height:500px) and (orientation:landscape){
 .hiw-root .hiw-ending{width:min(760px,calc(100vw - 64px))}
 .hiw-root .hiw-ending h2{font-size:28px;margin-bottom:12px}
 .hiw-root .hiw-ending p{font-size:14px}
 .hiw-root .hiw-ending .hiw-eyebrow{font-size:10px;margin-bottom:8px}
 .hiw-root .hiw-ending .hiw-cta{font-size:14px;margin-top:14px;padding:10px 16px;min-height:44px}
 .hiw-root .hiw-ending .hiw-restart{font-size:12px;margin-top:8px}
}