:root{color-scheme:dark;--bg: #0c0d10;--phone: #14161c;--line: #2a2e38;--text: #f2f3f5;--muted: #8b919c;--accent: #f5f6f8;--fab: #e8eaed;--fab-ink: #12141a;--strip-sep: #5c6370;font-family:SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a.cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.brand-mark{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.brand-mark .on{color:var(--accent);font-weight:600}.brand-mark .dot{letter-spacing:0}.headline{margin:0;font-weight:650;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.lede{margin:0;font-size:16px;line-height:1.45;color:var(--muted);font-weight:400}.cta{padding:14px 22px;border-radius:12px;background:var(--fab);color:var(--fab-ink);font-weight:600;font-size:15px;box-shadow:0 8px 24px #00000059;transition:transform .18s ease,box-shadow .18s ease}.cta:hover,.cta:focus-visible{transform:translateY(-1px);box-shadow:0 12px 28px #0006}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cta-stack{display:flex;flex-direction:column;align-items:center;gap:28px}.cta-support-block{order:1;display:flex;flex-direction:column;align-items:center;gap:12px}.cta-mail{margin:0;font-size:14px;line-height:1.4;color:var(--muted);text-align:center}.cta-mail a{color:var(--text);text-decoration:underline;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--text) 45%,transparent);transition:text-decoration-color .16s ease}.cta-mail a:hover,.cta-mail a:focus-visible{text-decoration-color:var(--text)}.cta-play{order:2;position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.cta-play-links{display:flex;flex-direction:column-reverse;align-items:center;gap:12px}.cta-live-arrow{display:flex;color:var(--muted);pointer-events:none}.cta-live-arrow-svg{width:56px;height:31px;transform:rotate(90deg);transform-origin:center;animation:arrow-nudge-down 2.4s ease-in-out infinite}@media(min-width:900px){.cta-stack{gap:32px}.cta-play{order:1;flex-direction:row;align-items:flex-start;gap:18px}.cta-play-links{flex-direction:column;align-items:stretch}.cta-live-arrow{min-height:calc(28px + 1.2em);align-items:center}.cta-support-block{order:2;align-items:flex-start}.cta-mail{text-align:left}.cta-live-arrow-svg{width:72px;height:40px;transform:none;animation:arrow-nudge-right 2.4s ease-in-out infinite}}@keyframes arrow-nudge-right{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes arrow-nudge-down{0%,to{transform:rotate(90deg) translate(0)}50%{transform:rotate(90deg) translate(6px)}}@media(prefers-reduced-motion:reduce){.cta-live-arrow-svg{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-float{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.a-page{min-height:100dvh;width:100%;display:grid;grid-template-columns:1fr;gap:36px;align-items:center;justify-items:center;padding:32px 20px 48px;box-sizing:border-box;background:radial-gradient(ellipse 70% 55% at 50% 28%,#1a1d26 0%,var(--bg) 64%)}@media(min-width:900px){.a-page{grid-template-columns:minmax(0,1fr) minmax(260px,390px) minmax(0,1fr);justify-items:stretch;align-items:center;column-gap:clamp(28px,4vw,56px);row-gap:0;padding:40px clamp(20px,4vw,40px)}.a-copy{grid-column:1}.phone-embed{grid-column:2}.a-philosophy{grid-column:3}}.a-copy{max-width:26rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:rise .6s ease both}@media(min-width:900px){.a-copy{text-align:left;align-items:flex-start;justify-self:end}.a-copy .brand-mark{text-align:left}.a-copy .cta-row{justify-content:flex-start}.a-copy .cta-stack{align-items:flex-start}}.a-copy .headline{font-size:clamp(28px,5vw,40px)}.a-copy .lede{max-width:22rem}.a-copy .cta-row{justify-content:center;margin-top:4px}.a-copy .cta-stack{margin-top:4px}.phone-embed{--phone-max-h: calc(100dvh - 80px) ;width:min(390px,92vw,calc(var(--phone-max-h) * 390 / 780));aspect-ratio:390 / 780;height:auto;background:var(--phone);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 80px #00000073;overflow:hidden;position:relative;justify-self:center;animation:phone-float .8s .12s ease both}@media(min-width:900px){.phone-embed{width:min(100%,390px,calc(var(--phone-max-h) * 390 / 780));max-width:390px}}@media(max-width:899px)and (orientation:landscape){.a-page{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;row-gap:24px;padding:16px 16px 24px}.a-copy{grid-column:1;grid-row:1;max-width:none;justify-self:stretch}.phone-embed{--phone-max-h: calc(100dvh - 32px) ;grid-column:2;grid-row:1;width:min(280px,42vw,calc(var(--phone-max-h) * 390 / 780))}.a-philosophy{grid-column:1 / -1;grid-row:2;max-width:36rem}.cta-live-arrow{display:none}}.phone-embed-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:var(--phone)}.phone-embed-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;font-size:13px;color:var(--muted);background:var(--phone);pointer-events:none}.phone-embed-status a{pointer-events:auto;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.a-philosophy{max-width:22rem;width:100%;display:flex;flex-direction:column;gap:20px;text-align:center;animation:rise .7s .16s ease both}.philosophy-heading{margin:0;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.philosophy-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px}.philosophy-item{display:flex;flex-direction:column;gap:4px}.philosophy-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text)}.philosophy-body{margin:0;font-size:14px;line-height:1.45;color:var(--muted);font-weight:400}@media(min-width:900px){.a-philosophy{text-align:left;justify-self:start;max-width:20rem}}
