/* Moonin v2 — Figma 105:67. Shared components are inherited from style.css. */
body.v2{background:#fff;background-image:none}.v2 .page-shell{overflow:clip}.v2 .hero-block{position:relative;isolation:isolate}.v2.home-page .hero-dawn{position:absolute;inset:0;width:100%;height:100%;z-index:-1;background-size:100% 100%;background-repeat:no-repeat}.v2.home-page .hero-dawn::after{display:none}.v2.home-page .hero-dawn::before{animation-duration:24s;opacity:.25}.v2 .nav .wordmark{width:112px;height:30px}.v2 .hero{padding:96px 24px 96px}.v2 .hero h1{font-size:64px;line-height:1.08}.v2 .hero .intro{margin-top:16px;margin-bottom:36px;font-size:22px;line-height:28px}.v2 .hero .button{padding-inline:24px}.v2 .phone-wrap{width:min(456px,100%);margin:84px auto 0;padding-bottom:40px}.v2 .phone{aspect-ratio:456/932.267}.v2 .replay{position:static;transform:none;display:flex;align-items:center;justify-content:center;gap:4px;height:32px;margin:8px auto -40px;padding:7px 16px 8px;opacity:1;color:#646464;font-size:15px;line-height:20px}.v2 .replay img{max-width:none}.v2 .replay:hover{color:#1a1a1a;background:#ffffff30}.v2 .phone-image{object-fit:contain}.hero-read-aloud{position:absolute;left:45%;top:80%;width:41%;height:4%;border:0;border-radius:20px;background:transparent}.hero-read-aloud:focus-visible{outline:2px solid #395b75}.hero-read-aloud[aria-pressed=true]{background:#ffffff60}
.axle-divider{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;height:0;pointer-events:none}.axle-divider span{display:flex;gap:8px}.axle-divider i{display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(to bottom,#f5f5f7 50%,#fff 50%)}.hero-block>.axle-divider i{background:linear-gradient(to bottom,#f3d3b4 50%,#fff 50%)}.operation-band>.axle-divider:first-child i{background:linear-gradient(to bottom,#fff 50%,#f5f5f7 50%)}.split-sections+.stories-section{position:relative}.stories-section:before{content:none}
.introduction{padding:196px 0;overflow:hidden}.intro-statement{font-size:56px;font-weight:590;line-height:1.18;letter-spacing:-.23px}.intro-statement .muted{color:#8c8c8c}.inline-logos{display:inline-flex;vertical-align:middle;position:relative;margin:0 7px 5px 3px;isolation:isolate}.inline-logos img{width:48px;height:48px;max-width:none;border-radius:50%;margin-right:-8px}.inline-logos img:nth-child(1){z-index:3}.inline-logos img:nth-child(2){z-index:2}.inline-logos img:last-child{margin:0;z-index:1}.inline-alert{vertical-align:-9px;display:inline-block;width:52px;height:52px;margin:0 4px}.category-window{margin-top:64px;overflow:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);padding:2px 0 16px;margin-bottom:-16px}.category-window::-webkit-scrollbar{display:none}.category-track{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;min-width:100%;position:relative;left:50%;transform:translateX(-50%);padding-inline:32px}.category-pill{display:flex;align-items:center;flex:none;gap:8px;height:60px;padding:8px 20px 8px 16px;border:0;border-radius:296px;background:linear-gradient(180deg,#e9e9eb,#fafafa 60%,#fff);box-shadow:1.25px 0 0 -.75px #d0d0d0,-1.25px 0 0 -.75px #d0d0d0,0 0 0 .5px #e8e8e8,0 8px 15px #00000005;color:#1a1a1a;font-size:20px;font-weight:590;line-height:25px;letter-spacing:-.45px}.category-pill img{height:44px;width:auto;max-width:none}.category-pill:hover{box-shadow:0 0 0 1px #ccc,0 10px 24px #00000008}
.operation-band{background:#f5f5f7}.v2 .operation{padding-block:128px}.v2 .product-panel{background:#fff;height:756px}.v2 .feature-option,.v2 .feature-controls button,.v2 .mobile-feature-close,.v2 .mobile-feature-summary{background:#f5f5f7}.v2 .phone-layer{background:#fff}.v2 .mockup-stage{overflow:visible}.v2 .feature-controls button:first-child img,.story-controls button:first-child img{transform:rotate(180deg)}.integrations-wide{padding-top:144px;padding-bottom:48px}.integration-art{position:relative;margin-top:64px;padding:48px 36px 0;background:#f5f5f7;border-radius:36px 36px 0 0;isolation:isolate}.integration-art>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.integration-art:after{content:"";position:absolute;left:-15%;right:-15%;top:126px;bottom:-1px;background:linear-gradient(180deg,#ffffff00,#fff 84%);pointer-events:none}.split-sections{padding-block:144px;display:flex;flex-direction:column;gap:196px}.v2 .split{padding-block:0;gap:84px;align-items:flex-end}.v2 .split h2{white-space:normal}.v2 .parallax-visual{background:linear-gradient(180deg,#082947,#567594);border-radius:36px}.v2 .control-visual .parallax-phone{top:-59.376%;bottom:auto}.v2 .integrations-visual .parallax-phone{top:12.2807%}
.stories-section{padding:128px 0 96px;background:#f5f5f7;overflow:hidden}.stories-section h2{font-size:56px;text-align:left}.stories-window{margin-top:64px;overflow:visible;touch-action:pan-y}.stories-track{display:flex;align-items:flex-start;gap:36px;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.story{flex:0 0 596px;min-width:0}.story-bubble{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:36px 48px;border-radius:36px;background:#fff}.story-bubble blockquote{font-size:30px;line-height:1.18;font-weight:590;letter-spacing:.4px;text-wrap:pretty}.story-bubble p{font-size:22px;line-height:28px;color:#8c8c8c;letter-spacing:-.26px}.quote-tail{position:absolute;left:-25px;bottom:35px;max-width:none}.story-company{display:flex;align-items:center;gap:8px;padding:0 48px;margin-top:24px;color:#111214;font-size:20px;line-height:28px;font-weight:590;text-transform:uppercase}.story-company img{width:32px;height:32px;object-fit:contain}.story-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:48px}.story-controls button{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;background:#fff;flex:none}.story-controls button:hover{background:#eaeaea;}.story-controls button:disabled{opacity:.4;cursor:default;transform:none}.v2 .setup{padding-block:128px}.v2 .faq-section{background:linear-gradient(180deg,#f5f5f7,#fff)}.v2 .faq{padding-block:128px}.v2 .faq-list{margin:64px auto 0;width:min(620px,100%)}.v2 .faq-item{border-top:1px solid #dadada}.v2 .faq-item:first-child{border-top:0}.v2 .faq-item:last-child{border-bottom:0}.v2 .faq-toggle{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:24px;padding:32px 0;font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.26px;align-items:start}.v2 .faq-answer p{padding:0 48px 32px 0;font-size:20px;line-height:25px;color:#595959}.v2 .faq-item.is-open .faq-toggle{padding-bottom:12px}.v2 .dawn-cta .closing-inner{padding:136px 48px;align-items:flex-start;gap:0}.v2 .dawn-cta .closing-copy{gap:24px}.v2 .dawn-cta .closing-copy h2{font-size:56px}.v2 .dawn-cta .closing-inner:before{filter:brightness(.88) contrast(1.12)}.v2 .footer-dictionary{gap:24px}.v2 .footer-dictionary .dictionary-heading-box{width:89px;height:24px}.v2 .footer-wordmark{display:block;width:89px;height:24px;object-fit:contain;filter:brightness(0)}.v2 .dictionary-body{display:flex;flex-direction:column;gap:8px}.v2 .footer-dictionary .dictionary-definitions{gap:4px;font-weight:400}.v2 .footer .footer-top{grid-template-columns:minmax(193px,1fr) repeat(3,156px);gap:84px}.v2 .footer.wrap{padding-block:18px}.v2 .footer .footer-bottom{margin-top:156px}
@media(min-width:801px) and (max-width:1199px){.intro-statement{font-size:46px}.wide-break{display:none}.v2 .split{gap:48px}.v2 .split h2{font-size:46px}.v2 .footer .footer-top{gap:32px;grid-template-columns:minmax(193px,1fr) repeat(3,minmax(110px,140px))}.v2 .feature-column{flex-basis:320px;width:320px}.v2 .product-panel{gap:32px}.stories-section h2{font-size:42px}}
@media(max-width:800px){.v2 .hero{padding:64px 24px 64px}.v2 .hero h1{font-size:clamp(34px,7.4vw,56px)}.v2 .hero .intro{font-size:18px;line-height:25px}.v2 .phone-wrap{width:min(390px,100%);margin-top:56px}.v2 .nav nav{display:flex}.v2 .nav{gap:8px}.v2 .nav .text-link{padding-inline:4px;font-size:13px}.v2 .nav .button{padding-inline:12px;font-size:13px}.v2 .nav .wordmark{width:96px;height:auto}.introduction{padding-block:96px}.intro-statement{font-size:clamp(29px,5.9vw,44px);line-height:1.25}.wide-break{display:none}.inline-logos{margin:0 3px 3px 0}.inline-logos img{width:30px;height:30px;margin-right:-6px}.inline-alert{width:32px;height:32px;vertical-align:-6px;margin:0}.category-window{margin-top:40px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.category-track{left:0;transform:none;justify-content:flex-start;padding-inline:24px;gap:12px}.category-pill{font-size:17px;height:52px;padding:6px 14px 6px 10px;gap:6px}.category-pill img{height:36px}.v2 .operation{padding-block:80px}.v2 .product-panel{height:auto;gap:24px}.v2 .mockup-stage{overflow:hidden}.integrations-wide{padding-top:80px;padding-bottom:24px}.integration-art{margin-top:40px;padding:24px 16px 0;border-radius:24px 24px 0 0}.integration-art:after{top:36%;left:-7%;right:-7%}.split-sections{padding-block:80px;gap:96px}.v2 .split{gap:40px}.v2 .split-copy{gap:32px}.v2 .split .parallax-visual{order:2}.stories-section{padding:80px 0 64px}.stories-section h2{font-size:clamp(32px,7vw,44px)}.stories-window{margin-top:40px}.story{flex-basis:calc(100vw - 64px);max-width:540px}.story-bubble{padding:28px;min-height:258px;border-radius:28px}.story-bubble blockquote{font-size:24px;line-height:1.22;letter-spacing:0}.story-bubble p{font-size:16px;line-height:22px}.story-company{font-size:16px;padding-inline:28px}.quote-tail{left:-16px;width:36px;height:auto}.story-controls{margin-top:32px}.v2 .setup,.v2 .faq{padding-block:80px}.v2 .faq-list{margin-top:40px}.v2 .faq-toggle{font-size:19px;line-height:25px;padding-block:26px;gap:16px}.v2 .faq-answer p{font-size:17px;line-height:24px;padding:0 32px 26px 0}.v2 .dawn-cta .closing-inner{height:540px;min-height:540px;padding:64px 24px 160px}.v2 .dawn-cta .closing-copy h2{font-size:clamp(32px,7vw,44px)}.v2 .dawn-cta .closing-copy{gap:24px}.v2 .footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.v2 .footer .footer-bottom{margin-top:80px}.axle-divider{gap:18px}.axle-divider span{gap:6px}.axle-divider i{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.stories-track{transition:none}.v2.home-page .hero-dawn:before{animation:none}.category-pill:hover{}}

.v2.home-page .hero-dawn{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 1678.3' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-0.0000090905 263.67 -226.24 -0.000013479 720 -342.86)'><stop stop-color='rgba(6,71,181,1)' offset='0.10724'/><stop stop-color='rgba(25,84,184,1)' offset='0.16578'/><stop stop-color='rgba(44,96,186,1)' offset='0.22433'/><stop stop-color='rgba(82,121,191,1)' offset='0.34143'/><stop stop-color='rgba(121,144,198,1)' offset='0.4268'/><stop stop-color='rgba(160,166,205,1)' offset='0.51216'/><stop stop-color='rgba(221,190,201,1)' offset='0.64225'/><stop stop-color='rgba(246,214,181,1)' offset='0.77234'/></radialGradient></defs></svg>")}

.hero-chat-curtain{position:absolute;left:7.7%;right:7.7%;background:#fdfdfd;pointer-events:none;z-index:2}.hero-read-aloud{left:36.6%;top:64.4%;width:29.4%;height:4.2%;z-index:3}
/* Scroll behavior and navigation — Figma 122:407. */
.v2 .hero-block .nav .text-link{color:#f0f0f0}.v2 .hero-block .nav .text-link:hover,.v2 .hero-block .nav .text-link:focus-visible{color:#fff}
.v2 .phone-wrap{animation:hero-phone-arrival 1s cubic-bezier(.25,.1,.25,1) .12s backwards}.v2 .replay,.v2 .replay:hover,.v2 .replay:focus-visible{color:#646464;background:transparent}
@keyframes hero-phone-arrival{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
.floating-nav{position:fixed;top:18px;left:50%;z-index:900;display:flex;align-items:center;gap:24px;width:max-content;max-width:calc(100vw - 32px);padding:12px 12px 12px 22px;border:1px solid rgba(240,240,240,.45);border-radius:45px;background:rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 134px 18.5px rgba(240,240,240,0),0 86px 17px rgba(240,240,240,.03),0 48px 14.5px rgba(240,240,240,.11),0 21px 10.5px rgba(240,240,240,.19),0 5px 6px rgba(240,240,240,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-110px);transition:transform .25s cubic-bezier(.23,1,.32,1),opacity .2s ease,visibility .25s}
.floating-nav.is-shown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.floating-nav>a:first-child{display:flex;flex:none}.floating-nav>a>img{display:block;width:89px;height:24px;object-fit:contain;filter:brightness(0)}.floating-nav nav{display:flex;justify-content:flex-end;width:256px;min-width:0}.floating-nav .text-link{height:32px;padding:7px 16px 8px;color:rgba(39,34,40,.65);font-size:15px;line-height:20px;letter-spacing:-.23px;white-space:nowrap}.floating-nav .text-link:hover{color:#111214}.floating-nav>.button{padding:8px 18px;min-height:36px;background:#eaeaea;color:#1a1a1a;font-size:15px;line-height:20px;letter-spacing:-.23px}.floating-nav>.button:hover{background:#dedede}
.intro-statement,.intro-statement .reading-word{color:#8c8c8c}.intro-statement .reading-word{transition:color .16s linear}.intro-statement .reading-word.is-read{color:#111214}.reading-attachment{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;vertical-align:middle}.reading-attachment .inline-logos{margin:0;vertical-align:initial}.reading-attachment .inline-alert{margin:0;vertical-align:initial}.reading-attachment.motion-pending:not(.has-entered) img{opacity:0;translate:0 10px}.reading-attachment.has-entered img{animation:attached-visual-arrival .7s cubic-bezier(.25,.1,.25,1) backwards}.reading-attachment.has-entered img:nth-child(2){animation-delay:70ms}.reading-attachment.has-entered img:nth-child(3){animation-delay:140ms}@keyframes attached-visual-arrival{from{opacity:0;translate:0 10px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
.category-window{overflow:hidden}.category-track{left:0;transform:none;justify-content:flex-start;padding-inline:0;gap:16px;min-width:0;animation:category-marquee var(--marquee-duration,48s) linear infinite;animation-play-state:paused;will-change:transform}.category-track.motion-running{animation-play-state:running}.category-group{display:flex;align-items:center;gap:16px;flex:none}.category-pill{cursor:default;transition:none}.category-pill:hover{box-shadow:1.25px 0 0 -.75px #d0d0d0,-1.25px 0 0 -.75px #d0d0d0,0 0 0 .5px #e8e8e8,0 8px 15px #00000005}@keyframes category-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-width)))}}
.integration-tile-scene{position:relative;aspect-ratio:1088/274;width:100%;mix-blend-mode:multiply}.integration-tile{position:absolute;left:calc(var(--col) * 12.5%);top:calc(var(--row) * 100% / 3);width:12.5%;height:calc(100% / 3)}.integration-tile-float{display:block;position:absolute;inset:0;overflow:hidden;animation:integration-drift var(--drift-duration) ease-in-out var(--drift-delay) infinite alternate;animation-play-state:paused;will-change:transform}.integration-tile-scene.motion-running .integration-tile-float{animation-play-state:running}.integration-tile img{position:absolute;width:800%;height:300%;max-width:none;object-fit:fill;pointer-events:none}.integration-tile-scene.motion-pending:not(.has-entered) .integration-tile{opacity:0}.integration-tile-scene.has-entered .integration-tile{animation:integration-tile-arrival .85s cubic-bezier(.22,1,.36,1) var(--entrance-delay) backwards}@keyframes integration-tile-arrival{from{opacity:0;translate:0 22px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes integration-drift{from{transform:translate(calc(-1 * var(--drift-x)),calc(-1 * var(--drift-y))) rotate(-.35deg)}to{transform:translate(var(--drift-x),var(--drift-y)) rotate(.35deg)}}
@media(max-width:800px){.floating-nav{width:calc(100vw - 32px);gap:10px;padding:10px 10px 10px 18px}.floating-nav nav{width:auto;flex:1}.floating-nav .text-link{padding-inline:8px}.floating-nav>.button{padding-inline:14px}.category-track{gap:16px;padding:0}.category-group{gap:16px}.reading-attachment{gap:5px}.integration-tile-float{animation-name:integration-drift-mobile}@keyframes integration-drift-mobile{from{transform:translate(-1px,-2px)}to{transform:translate(1px,2px)}}}
@media(max-width:380px){.floating-nav{gap:6px;padding-left:14px}.floating-nav .text-link{font-size:13px;padding-inline:4px}.floating-nav>.button{font-size:13px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.v2 .phone-wrap,.category-track,.integration-tile,.integration-tile-float,.reading-attachment img{animation:none!important}.floating-nav{transition:none}.reading-word{transition:none}.reading-attachment img,.integration-tile{opacity:1!important;translate:none!important;scale:none!important}}