/*
Read: Mac app homepage for Indian founders and solo operators. The visitor should download Morrow.
Experience model: product demo, carried by real app screens.
Signature: a spoken request becomes a native voice island, then a file to review.
Accent: #F5D33F on primary downloads, the character and listening only.
Theme: white, zero-tint greys, with one black Made in Bharat payoff.
Adapted from mono-premium-web/assets/starter.html: tokens, reveals, pin, inversion and safety.
*/
@font-face{font-family:Satoshi;src:url(fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url(fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url(fonts/satoshi-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Mukta;src:url(fonts/mukta-devanagari-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0900-097F}
:root{color-scheme:light;--white:#FFFFFF;--black:#000000;--ink:#0A0A0A;--secondary:#525252;--muted:#737373;--surface:#F5F5F5;--line:#EBEBEB;--strong-line:#D4D4D4;--accent:#F5D33F;--gutter:clamp(20px,4vw,64px);--max:1328px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.25,1,.5,1);--ease-io:cubic-bezier(.65,0,.35,1);--t-press:120ms;--t-hover:240ms;--t-state:400ms;--t-roll:520ms;--radius:24px;--font:Satoshi,-apple-system,"Helvetica Neue",Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:92px}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--white);color:var(--ink);font:500 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}img{height:auto}figure,p,h1,h2,h3,dl,dd{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,summary,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--ink);color:var(--white)}:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:4px}
.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}
.display,.section-title{font-weight:700;letter-spacing:-.045em;line-height:1.02}.section-title{font-size:clamp(56px,5.55vw,80px)}
.split-line{padding-bottom:.075em;margin-bottom:-.075em}.section-space{padding-block:clamp(112px,12vw,176px)}
.skip-link{position:fixed;top:12px;left:20px;transform:translateY(-160%);z-index:100;background:var(--ink);color:var(--white);padding:12px 20px;border-radius:12px}.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;border:0;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;transition:transform var(--t-press) var(--ease-soft),background var(--t-hover) var(--ease-soft)}
.button.primary{background:var(--accent);color:var(--ink)}.button.secondary{background:var(--ink);color:var(--white)}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button:active{transform:scale(.97)}
.roll{display:inline-block;height:1.25em;line-height:1.25;overflow:hidden}.roll>span{display:block;transition:transform var(--t-roll) var(--ease-out)}.roll>span::after{content:attr(data-text);display:block}
@media(hover:hover){a:hover .roll>span,button:hover .roll>span{transform:translateY(-50%)}.button.primary:hover{background:#EBEBEB}.text-link:hover{gap:20px}}
a:focus-visible .roll>span,button:focus-visible .roll>span{transform:translateY(-50%)}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:700;transition:gap var(--t-hover) var(--ease-soft)}.text-link span{font-size:21px}.text-link:focus-visible{text-decoration:underline;text-underline-offset:5px}
.nav{position:fixed;inset:0 0 auto;z-index:50;background:var(--white);color:var(--ink);transition:background var(--t-state) var(--ease-io),color var(--t-state) var(--ease-io);border-bottom:1px solid transparent}
.nav.is-scrolled{border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.brand{display:flex;align-items:center;min-height:44px}.brand img{width:116px;height:auto}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:24px;font-size:15px}.nav-links a{display:flex;align-items:center;min-height:44px}.nav .button{min-height:42px;font-size:14px;padding-inline:18px}.nav .button svg{width:16px;height:16px}.nav.is-dark{background:var(--black);color:var(--white);border-bottom-color:#262626}.nav.is-dark .brand img{filter:invert(1)}
.hero{padding-top:128px;overflow:hidden}.hero-copy{text-align:center}.hero-mascot{width:52px;height:52px;margin:0 auto 24px}.hero h1{font-size:clamp(56px,7.25vw,104px);line-height:1.025;letter-spacing:-.052em}.hero-description{font-size:18px;line-height:1.5;color:var(--secondary);max-width:530px;margin:24px auto 0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px}.hero-note{font-size:13px;line-height:1.5;color:var(--secondary);margin-top:16px;min-height:20px}.hero-media{margin-top:56px;max-width:1240px}.window{background:var(--white);border:1px solid var(--strong-line);border-radius:var(--radius);overflow:hidden}.window-bar{height:34px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:14px;font-size:11px;color:var(--secondary)}.window-dots{display:flex;gap:5px;width:56px}.window-dots i{width:7px;height:7px;border:1px solid #A3A3A3;border-radius:50%;background:#D4D4D4}.window-bar-end{width:56px}.window picture,.window img{display:block;width:100%;height:auto}.media-note{text-align:center;color:var(--muted);font-size:13px;margin-top:16px}.js .hero [data-hide]{visibility:hidden}
.demo{margin-top:120px}.demo-pin{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;padding-block:32px 24px;gap:28px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:48px}.demo-heading h2{font-size:clamp(48px,4.1vw,60px);line-height:1.04}.spoken-wrap{max-width:390px}.spoken{font-size:26px;line-height:1.25;letter-spacing:-.02em}.demo-kind{display:block;color:var(--muted);font-size:12px;margin-top:16px}.demo-stage{position:relative;height:min(53vh,510px);width:100%;background:var(--surface);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;padding:22px}.demo-screen{width:auto;max-width:100%;height:100%;aspect-ratio:1320/489;border-radius:16px}.demo-screen picture{height:calc(100% - 34px)}.demo-screen img{height:100%;object-fit:contain}.demo-result{display:none}.demo-island{display:none;text-align:center}.demo-island img{width:424px;border-radius:28px;max-width:100%;margin-inline:auto}.demo-island p{font-size:32px;line-height:1.25;letter-spacing:-.02em;margin-top:48px}.demo.is-live .demo-result,.demo.is-live .demo-island{display:block;position:absolute;top:22px;bottom:22px;left:50%;transform:translateX(-50%)}.demo.is-live .demo-result{height:calc(100% - 44px);max-width:calc(100% - 44px);opacity:0}.demo.is-live .demo-island{display:flex;flex-direction:column;justify-content:center;width:min(480px,calc(100% - 44px));opacity:0;pointer-events:none}.demo.is-live .demo-screen{position:absolute;top:22px;bottom:22px;left:50%;transform:translateX(-50%);height:calc(100% - 44px)}
.demo:not(.is-live) .demo-stage{height:auto;min-height:0;padding:24px;display:flex;flex-direction:column;gap:32px}.demo:not(.is-live) .demo-screen{width:100%;height:auto;aspect-ratio:auto}.demo:not(.is-live) .demo-screen picture{height:auto}.demo:not(.is-live) .demo-screen img{height:auto}.demo:not(.is-live) .demo-result,.demo:not(.is-live) .demo-island{display:block}.demo:not(.is-live) .demo-island p{font-size:24px;margin-top:20px}
.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.demo-steps{display:flex;gap:24px;list-style:none;margin:0;padding:0}.demo-steps button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;font-size:14px;color:var(--secondary);transition:color var(--t-hover)}.demo-steps button span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--strong-line);font-size:11px}.demo-steps button[aria-pressed=true]{color:var(--ink)}.demo-steps button[aria-pressed=true] span{background:var(--ink);color:var(--white);border-color:var(--ink)}.demo-caption{font-size:12px;color:var(--muted)}
.offset-pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.files-copy{padding-top:16px}.files-copy p{max-width:350px;color:var(--secondary);font-size:18px;margin-top:28px}.files-copy .text-link{margin-top:24px}.files-media{padding-top:64px;min-width:0}.files-media img{width:100%;border-radius:var(--radius);background:var(--surface)}.files-media figcaption{font-size:14px;color:var(--secondary);margin-top:16px}
.control{padding-top:48px}.statement{font-size:clamp(40px,4.8vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1.13;max-width:900px}.control-rows{max-width:920px;margin-top:64px}.control-rows>div{display:grid;grid-template-columns:280px 1fr;gap:32px;border-top:1px solid var(--line);padding-block:24px}.control-rows dt{font-weight:700}.control-rows dd{color:var(--secondary);max-width:560px}.control .text-link{margin-top:12px}
.bharat{background:var(--black);color:var(--white);padding-block:72px;overflow:hidden}.bharat-inner{position:relative}.bharat-top{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#A3A3A3;font-size:14px}.deva{font-family:Mukta,sans-serif;font-weight:700;font-size:26px;color:var(--white)}.bharat-title{font-size:clamp(80px,11.2vw,160px);line-height:.96;letter-spacing:-.055em;font-weight:700;margin-block:64px}.bharat-bottom{display:flex;justify-content:space-between;align-items:flex-end}.bharat-bottom p{font-size:21px;line-height:1.45;color:#D4D4D4}.bharat-mascot{width:88px;height:88px;margin-right:4px}.bharat-line{margin-top:48px;width:100%;height:24px}.bharat-line path{fill:none;stroke:#525252;stroke-width:1;vector-effect:non-scaling-stroke}
.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}.pricing-intro p{max-width:350px;color:var(--secondary);font-size:18px;margin-top:28px}.pricing-intro .text-link{margin-top:24px;max-width:360px;align-items:flex-start}.plan{padding:32px 36px;background:var(--surface);border-radius:var(--radius);min-width:0}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.plan-top h3{font-size:20px;line-height:1.2;letter-spacing:-.02em}.plan-top>span{font-size:13px;color:var(--secondary)}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:32px;font-variant-numeric:tabular-nums}.price>[data-plan-price]{font-size:clamp(34px,4.5vw,62px);letter-spacing:-.055em;line-height:1.08;font-weight:700}.price-term{font-size:15px;color:var(--secondary)}.plan-total{color:var(--secondary);font-size:14px;margin-top:14px}.plan-trial{font-size:15px;margin-top:20px;line-height:1.5}.plan-includes{list-style:none;padding:0;margin:28px 0}.plan-includes li{border-top:1px solid var(--strong-line);padding:12px 0;font-size:15px}.plan .button{width:100%}.plan-note{font-size:12px;color:var(--secondary);text-align:center;margin-top:14px}
.faq{padding-top:40px}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:64px}.faq-rows details{border-top:1px solid var(--line)}.faq-rows details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:19px;line-height:1.3}.faq summary>span,.beta-disclosure summary>span{font-size:24px;font-weight:500;transition:transform var(--t-hover) var(--ease-soft)}details[open]>summary>span{transform:rotate(45deg)}.faq details p{padding:0 36px 28px 0;color:var(--secondary);font-size:16px;line-height:1.6;max-width:630px}.faq details a{text-decoration:underline;text-underline-offset:3px}
footer{padding-block:96px 32px;background:var(--surface);overflow:hidden}.closing{display:flex;justify-content:space-between;align-items:flex-end;gap:56px}.closing h2{font-size:clamp(52px,5vw,72px)}.closing>div{max-width:320px}.closing>div p{font-size:13px;color:var(--secondary);margin-top:16px}.beta-disclosure{margin-top:64px;border-top:1px solid var(--strong-line);border-bottom:1px solid var(--strong-line);scroll-margin-top:96px}.beta-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:68px;font-size:16px}.beta-disclosure form{padding:12px 0 32px}.honeypot{display:none}.form-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.form-fields label{display:grid;gap:8px;font-size:14px}.form-fields input,.form-fields select{display:block;width:100%;min-width:0;height:48px;background:var(--white);border:1px solid var(--strong-line);border-radius:12px;padding:0 14px;font-size:16px}.workflow-field{grid-column:1/-1}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.form-bottom p{font-size:14px;max-width:440px;color:var(--secondary)}.footer-wordmark{font-size:clamp(96px,20.5vw,288px);font-weight:900;line-height:.95;letter-spacing:-.065em;margin-block:64px 48px;text-align:center}.footer-links{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--secondary)}.footer-links>div{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{display:flex;align-items:center;min-height:44px}.motion-toggle{border:0;padding:8px 0;background:transparent;min-height:44px;font-size:12px;color:inherit;white-space:nowrap}
@media(max-width:1000px){.nav-links{gap:20px;margin-right:0}.offset-pair{gap:40px}.pricing-layout{gap:56px}.demo-heading{gap:24px}.spoken-wrap{max-width:320px}.spoken{font-size:23px}.demo-caption{display:none}.plan{padding:28px}.faq-layout{gap:40px}.closing{gap:32px}}
@media(max-width:700px){:root{--gutter:20px;--radius:20px}.nav-inner{height:64px;gap:12px}.brand img{width:96px}.nav-links{display:none}.nav .button{font-size:12px;min-height:40px;padding-inline:14px;gap:8px}.nav .button svg{width:14px;height:14px}.hero{padding-top:104px}.hero-mascot{width:42px;height:42px;margin-bottom:24px}.hero h1{font-size:56px;line-height:1.02;letter-spacing:-.055em}.hero-description{font-size:17px;max-width:340px;margin-top:24px}.hero-actions{gap:16px;margin-top:26px}.hero-actions .button{font-size:14px;padding-inline:16px;gap:9px}.hero-actions .text-link{font-size:14px;gap:8px}.hero-note{font-size:12px;max-width:280px;margin:14px auto 0;min-height:36px}.hero-media{margin-top:36px}.window-bar{height:28px;font-size:10px;padding-inline:12px}.window{border-radius:16px}.window-dots i{width:6px;height:6px}.media-note{font-size:11px;margin-top:12px}.section-space{padding-block:96px}.section-title{font-size:56px;letter-spacing:-.05em}.demo{margin-top:80px}.demo-pin{min-height:calc(100svh - 64px);padding-block:24px 20px;gap:24px}.demo-heading{display:block}.demo-heading h2{font-size:42px;line-height:1.05}.spoken-wrap{max-width:100%;margin-top:22px}.spoken{font-size:22px;max-width:330px;line-height:1.25}.demo-kind{margin-top:8px;font-size:11px}.demo-stage{height:350px;padding:16px;flex:none}.demo-screen{width:100%;height:auto;aspect-ratio:auto}.demo-screen picture{height:auto}.demo-screen img{height:auto}.demo.is-live .demo-screen{max-width:calc(100% - 32px);width:calc(100% - 32px);height:auto;top:50%;bottom:auto;transform:translate(-50%,-50%)}.demo.is-live .demo-result{height:auto}.demo.is-live .demo-island{top:16px;bottom:16px;width:calc(100% - 32px)}.demo-island img{width:100%;border-radius:20px}.demo-island p{font-size:24px;margin-top:32px}.demo-steps{width:100%;justify-content:space-between;gap:8px}.demo-steps button{font-size:11px;gap:5px;min-height:44px}.demo-steps button span{width:18px;height:18px;font-size:10px}.offset-pair{grid-template-columns:1fr;gap:32px}.files-copy{padding-top:0}.files-copy p{font-size:17px}.files-media{padding-top:0}.files-media figcaption{font-size:13px}.control{padding-top:12px}.statement{font-size:36px;line-height:1.2;letter-spacing:-.035em}.control-rows{margin-top:40px}.control-rows>div{grid-template-columns:1fr;gap:12px;padding-block:22px}.control-rows dd{font-size:16px}.bharat{padding-block:48px}.bharat-top{font-size:12px;gap:16px}.deva{font-size:22px}.bharat-title{font-size:88px;line-height:1;letter-spacing:-.055em;margin-block:56px}.bharat-bottom p{font-size:17px}.bharat-mascot{width:64px;height:64px}.bharat-line{margin-top:32px}.pricing-layout{grid-template-columns:1fr;gap:40px}.pricing-intro p{font-size:17px}.pricing-intro .text-link{font-size:14px}.plan{padding:24px}.plan-top h3{font-size:18px}.price{margin-top:28px;gap:8px}.price>[data-plan-price]{font-size:48px}.price-term{font-size:13px}.plan-total{font-size:13px}.plan-trial{font-size:14px}.plan-includes li{font-size:14px}.faq{padding-top:0}.faq-layout{grid-template-columns:1fr;gap:40px}.faq summary{font-size:17px;padding-block:22px}.faq details p{padding-right:16px}.closing{display:block}.closing h2{font-size:52px}.closing>div{margin-top:28px}.closing>div p{font-size:12px;max-width:280px}.beta-disclosure{margin-top:48px}.beta-disclosure summary{font-size:15px;padding-block:16px}.form-fields{grid-template-columns:1fr;gap:16px}.form-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-wordmark{font-size:24vw;margin-block:48px 32px;letter-spacing:-.07em}.footer-links{flex-wrap:wrap;gap:8px 20px}.footer-links>div{order:3;width:100%;gap:4px 20px}.footer-links>span{flex:1}.footer-links a{font-size:12px}footer{padding-top:64px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:1ms!important;animation-duration:1ms!important}.js .hero [data-hide]{visibility:visible}.roll>span{transform:none!important}}
html.motion-off .roll>span{transform:none!important}

.demo:not(.is-live) .demo-steps{display:none}

.nav .button.primary{background:var(--ink);color:var(--white)}.nav.is-dark .button.primary{background:var(--white);color:var(--ink)}

/* A native island over the real Library, rather than an empty stage. */
.demo.is-live .demo-island{width:calc(100% - 44px);overflow:hidden;border-radius:16px}
.demo-island .island-context{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%;opacity:.38;border-radius:0;margin:0}
.island-content{position:relative;z-index:1;width:min(640px,calc(100% - 48px));margin:auto;text-align:center}
.demo-island .island-content img{width:640px;max-width:100%;border-radius:28px}
.demo-island .island-content p{display:inline-block;background:var(--white);padding:12px 24px;border-radius:12px;font-size:28px;margin-top:28px}
.demo:not(.is-live) .demo-island{position:relative;width:100%;min-height:420px;display:flex;overflow:hidden;border-radius:16px}
.bharat-title{font-size:clamp(120px,17.8vw,256px);line-height:.92;margin-block:48px}
.bharat-line{width:100%;height:0;border-top:1px solid #525252;margin-top:40px}
.pricing-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}.pricing-intro .pricing-links .text-link{margin-top:0}
@media(max-width:700px){.demo.is-live .demo-island{width:calc(100% - 32px)}.island-content{width:calc(100% - 24px)}.demo-island .island-content img{border-radius:20px}.demo-island .island-content p{font-size:22px;padding:10px 12px;margin-top:20px}.demo:not(.is-live) .demo-island{min-height:350px}.bharat-title{font-size:88px;line-height:1;margin-block:56px}.bharat-line{margin-top:32px}}

/* ---------- Two editions of one page. Elements marked data-only belong to one computer. ---------- */
html[data-os="windows"] [data-only="mac"]{display:none!important}
html[data-os="mac"] [data-only="windows"]{display:none!important}
.os-switch{position:relative;display:inline-flex;align-items:center;background:var(--surface);border-radius:999px;padding:3px;margin-right:16px;isolation:isolate}
.os-switch button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:999px;min-height:36px;padding:0 13px;font-size:13px;font-weight:700;color:var(--secondary);transition:color var(--t-state) var(--ease-soft)}
.os-switch button svg{width:13px;height:13px;fill:currentColor}
.os-switch button[aria-pressed="true"]{color:var(--white)}
.os-thumb{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:60px;background:var(--ink);border-radius:999px;transform:translateX(3px);transition:transform var(--t-state) var(--ease-io),width var(--t-state) var(--ease-io)}
.nav.is-dark .os-switch{background:#262626}.nav.is-dark .os-switch button{color:#A3A3A3}.nav.is-dark .os-switch button[aria-pressed="true"]{color:var(--ink)}.nav.is-dark .os-thumb{background:var(--white)}
.switch-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;min-height:36px;font-size:inherit;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;transition:text-underline-offset var(--t-hover) var(--ease-soft)}
@media(hover:hover){.switch-link:hover{text-underline-offset:7px}}
.hero-other{font-size:13px;color:var(--secondary);margin-top:10px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.hero-spec{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;font-size:13px;color:var(--secondary);margin-top:6px;font-variant-numeric:tabular-nums;min-height:20px}
.hero-spec span+span::before{content:"·";margin:0 9px;color:#A3A3A3}
.hero-spec b{color:var(--ink);font-weight:700}
.hero-spec:empty{display:none}
.hero-mascot-button{display:block;margin:0 auto 24px;border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
.hero-mascot-button .hero-mascot{margin:0}
.bubble{position:absolute;left:50%;top:92px;transform:translate(-50%,0);background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:9px 14px;border-radius:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:3}
.bubble.is-on{opacity:1;visibility:visible;transition:opacity var(--t-state)}
.hero-copy{position:relative}
.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:16px}
/* Windows window chrome: the three buttons sit at the right, like every Windows app. */
.win-controls{display:none;height:100%;margin-right:-14px}
.win-controls i{width:40px;height:34px;display:grid;place-items:center;color:var(--secondary);cursor:pointer;transition:background var(--t-hover) var(--ease-soft),color var(--t-hover) var(--ease-soft)}
.win-controls i svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.1}
.win-controls i:hover{background:var(--line);color:var(--ink)}
.win-controls i.x:hover{background:#C42B1C;color:var(--white)}
html[data-os="windows"] .window-dots{visibility:hidden}
html[data-os="windows"] .window-bar-end{width:auto;display:flex;justify-content:flex-end;height:100%}
html[data-os="windows"] .win-controls{display:flex}
html[data-os="windows"] .window{border-radius:10px}
html[data-os="windows"] .window-bar{justify-content:flex-start;gap:14px}
html[data-os="windows"] .window-bar-end{margin-left:auto}
html[data-os="windows"] .demo-screen{border-radius:10px}
html[data-os="windows"] .button{border-radius:10px}
html[data-os="windows"] .demo-island .island-context{opacity:.6}
html[data-os="windows"] .demo-island .island-content p{font-size:28px}
@media(max-width:700px){.nav .button svg{display:none}.nav .button{padding-inline:14px}.win-controls i{width:34px;height:28px}html[data-os="windows"] .window-dots{display:none}.os-switch{margin-right:0}.os-switch button{padding:0 10px}.os-switch button span{display:none}.hero-other{font-size:12px}}

/* ---------- The edition for this computer ---------- */
.edition{padding-top:0}
.edition-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,112px);align-items:start}
.edition-copy{position:sticky;top:104px}
.edition-copy p:not(.eyebrow){max-width:380px;color:var(--secondary);font-size:18px;margin-top:28px}
.edition-copy .text-link{margin-top:24px}
.edition-rows{margin:0}
.edition-rows>div{display:grid;grid-template-columns:96px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:24px}
.edition-rows>div:last-child{border-bottom:1px solid var(--line)}
.edition-rows dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:5px;font-variant-numeric:tabular-nums}
.edition-rows dd strong{display:block;font-size:19px;letter-spacing:-.015em;margin-bottom:6px}
.edition-rows dd{color:var(--secondary);max-width:560px}
.edition-rows dd a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
@media(max-width:1000px){.edition-layout{gap:48px}}
@media(max-width:700px){.edition-layout{grid-template-columns:1fr;gap:32px}.edition-copy{position:static}.edition-copy p:not(.eyebrow){font-size:17px}.edition-rows>div{grid-template-columns:1fr;gap:8px;padding-block:20px}}

/* ---------- tomorrow becomes morrow ---------- */
.tomorrow{padding-top:clamp(64px,8vw,112px);overflow:hidden;border-top:1px solid var(--line)}
.tomorrow-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.tomorrow-head p{max-width:360px;color:var(--secondary);font-size:18px}
.stage{position:relative;height:clamp(360px,68vh,720px);margin-top:8px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.word{position:absolute;left:50%;top:26%;transform:translateX(-50%);display:flex;font-weight:900;font-size:clamp(4.4rem,17.5vw,19rem);line-height:1;letter-spacing:-.06em;white-space:nowrap;margin:0}
.ch{display:inline-block;will-change:transform}
.ch.is-free{cursor:grab}.ch.is-free:active{cursor:grabbing}
.ball{position:absolute;left:0;top:0;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;will-change:transform;cursor:grab;opacity:0;visibility:hidden}
.ball:active{cursor:grabbing}.ball img{width:100%;height:100%}
.floor{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink)}
.tomorrow-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:24px clamp(64px,8vw,112px)}
.tomorrow-foot span{font-size:14px;color:var(--secondary)}
.no-physics .word{top:32%}.no-physics .ball,.no-physics .tomorrow-foot .button{display:none}
@media(max-width:700px){.tomorrow-head{display:block}.tomorrow-head p{margin-top:20px;font-size:16px}.stage{height:clamp(300px,56vh,480px)}.word{letter-spacing:-.05em}}

/* ---------- Liquid glass on the Mac nav (switched on by the engine once WebGL is confirmed) ---------- */
.glass-on .nav{background:transparent;border-bottom:0;padding-top:10px}
.glass-on .nav.is-scrolled{border-bottom-color:transparent}
.glass-on .nav-inner{height:60px;border-radius:999px;padding-inline:14px 8px;background:transparent}
.glass-on .nav .wrap.nav-inner{max-width:calc(var(--max) - 24px)}
.glass-on .nav.is-dark{background:transparent}
.glass-on .nav .os-switch{background:rgba(0,0,0,.07)}
.glass-on .nav.is-dark .os-switch{background:rgba(255,255,255,.16)}
/* liquidGL switches pointer events off on each lens; the things inside still need to be clickable. */
.glass *{pointer-events:auto}

/* ---------- Morrow, alive (vendor/alive.js) ---------- */
.mw{display:inline-block;line-height:0;vertical-align:middle}
.mw svg{display:block;width:100%;height:100%;overflow:visible}
.mw-body path{fill:var(--accent)}
.mw-eye ellipse{fill:var(--ink)}
.hero-mascot-button .mw{width:52px;height:52px}
.hero-mascot-button{position:relative;z-index:2}
/* The companion */
.buddy{position:fixed;right:22px;bottom:22px;z-index:80;width:68px;height:68px}
.buddy-hit{display:block;width:100%;height:100%;border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
.buddy-hit .mw{width:100%;height:100%;filter:drop-shadow(0 6px 0 rgba(0,0,0,.08))}
.buddy-say{position:absolute;right:6px;bottom:78px;margin:0;width:max-content;max-width:230px;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;line-height:1.35;padding:10px 14px;border-radius:16px 16px 4px 16px;opacity:0;visibility:hidden;pointer-events:none}
.buddy.on-dark .buddy-say{background:var(--white);color:var(--ink)}
.buddy-hide{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--ink);color:var(--white);font-size:14px;line-height:1;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity var(--t-hover) var(--ease-soft),transform var(--t-hover) var(--ease-soft)}
.buddy:hover .buddy-hide,.buddy:focus-within .buddy-hide{opacity:1;transform:none}
.buddy.on-dark .buddy-hide{background:var(--white);color:var(--ink)}
@media(max-width:700px){.buddy{right:12px;bottom:12px;width:52px;height:52px}.buddy-say{bottom:60px;font-size:13px;max-width:200px}.buddy-hide{opacity:1;transform:none;width:20px;height:20px;font-size:12px}}
/* Sparks and ripples */
.spark{position:fixed;z-index:95;pointer-events:none;display:block}
.spark svg{width:100%;height:100%;display:block}
.spark path{fill:var(--accent)}
.spark.ink path{fill:var(--ink)}
.button,.os-switch button,.demo-steps button,.switch-link{position:relative;overflow:hidden;isolation:isolate}
.ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;z-index:-1}
/* A quick shine across primary buttons on hover */
.button.primary::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:26%;background:rgba(255,255,255,.55);transform:skewX(-20deg) translateX(-120%);pointer-events:none;z-index:-1}
@media(hover:hover){.button.primary:hover::after{transform:skewX(-20deg) translateX(620%);transition:transform .7s var(--ease-out)}}
.button:hover svg{animation:nudge-down .7s var(--ease-soft)}
@keyframes nudge-down{0%,100%{transform:none}40%{transform:translateY(3px)}70%{transform:translateY(-1px)}}
.text-link span{display:inline-block;transition:transform var(--t-hover) var(--ease-soft)}
@media(hover:hover){.text-link:hover span{transform:translate(2px,-2px) rotate(-8deg)}}
/* Demo: Morrow listens beside the request */
.listen{display:flex;align-items:center;gap:10px;margin-top:16px}
.listen .mw{width:34px;height:34px}
.listen-bars{display:flex;align-items:center;gap:3px;height:18px}
.listen-bars i{display:block;width:3px;height:18px;border-radius:2px;background:var(--accent);transform:scaleY(.35)}
.listen-text{font-size:13px;font-weight:700;color:var(--secondary)}
/* Library: a Morrow sits on the picture */
.files-media{position:relative}
.mw-perch{position:absolute;top:30px;right:28px;width:62px;height:62px;z-index:2}
@media(max-width:700px){.mw-perch{top:-26px;right:18px;width:50px;height:50px}}
/* Bharat */
.mw-bharat{width:88px;height:88px;margin-right:4px;cursor:pointer}
@media(max-width:700px){.mw-bharat{width:64px;height:64px}}
/* Pricing: the peek */
.plan-wrap{position:relative;min-width:0}
.plan-wrap .plan{position:relative;z-index:1}
.mw-peek{position:absolute;top:0;right:48px;width:78px;height:78px;z-index:0}
@media(max-width:700px){.mw-peek{right:24px;width:60px;height:60px}}
/* Footer wordmark: the o's are eyes */
.o-eyes{position:absolute;left:50%;display:flex;gap:.035em;margin-left:-.0625em;margin-top:-.0425em;pointer-events:none}
.o-eyes i{display:block;width:.045em;height:.085em;border-radius:50%;background:var(--ink)}
/* Scroll progress rider */
.rider{position:fixed;top:0;left:0;right:0;height:0;z-index:70;pointer-events:none}
.rider-line{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}
.rider .mw{position:absolute;top:3px;left:0;width:20px;height:20px}
/* Rows answer the pointer */
.control-rows>div,.edition-rows>div{transition:background var(--t-hover) var(--ease-soft)}
.control-rows dt,.control-rows dd,.edition-rows dd{transition:transform var(--t-state) var(--ease-out)}
.control-rows dt::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;background:url(assets/morrow-mark-112.png) center/contain no-repeat;transition:transform var(--t-state) var(--ease-out)}
.edition-rows dt{transition:background var(--t-hover) var(--ease-soft),color var(--t-hover) var(--ease-soft),padding var(--t-hover) var(--ease-soft);border-radius:999px;align-self:start;justify-self:start}
@media(hover:hover){
  .control-rows>div:hover dt,.control-rows>div:hover dd,.edition-rows>div:hover dd{transform:translateX(8px)}
  .control-rows>div:hover dt::before{transform:rotate(180deg) scale(1.25)}
  .edition-rows>div:hover dt{background:var(--accent);color:var(--ink);padding:4px 10px}
  .faq summary{transition:padding var(--t-hover) var(--ease-soft)}
  .faq summary:hover{padding-left:8px}
  .demo-steps button:hover span{transform:scale(1.15)}
  .footer-wordmark{cursor:default}
}
.demo-steps button span{transition:transform var(--t-hover) var(--ease-soft),background var(--t-hover),color var(--t-hover)}
/* A tiny Morrow pops in when an answer opens */
.faq details[open] summary::after{content:"";width:22px;height:22px;margin-left:auto;margin-right:14px;background:url(assets/morrow-mark-112.png) center/contain no-repeat;animation:pop-in .5s var(--ease-out)}
@keyframes pop-in{0%{transform:scale(0) rotate(-120deg)}70%{transform:scale(1.2) rotate(10deg)}100%{transform:none}}
.ball.mini{opacity:1;visibility:visible}
.ball.mini img{width:100%;height:100%}
.brand img{transform-origin:20% 60%}
.faq details[open] summary::after{order:2}
.faq details[open] summary>span{order:3}