/* SocialCli customer landing. Shared brand tokens come from style.css. */
body.mascot-landing{background:#f5f7fb;color:var(--ink);min-height:100svh;font-size:16px;line-height:1.5;background-image:radial-gradient(ellipse at 20% 50%,#edf4ff 0,transparent 50%)}
.mascot-landing header,.mascot-landing main,.mascot-landing footer{max-width:1200px;padding-left:40px;padding-right:40px}
.mascot-landing header{padding-top:19px;padding-bottom:15px}.mascot-landing .logo{font-size:23px;letter-spacing:-.7px}.mascot-landing nav a{text-decoration:none}.mascot-landing nav a:hover{text-decoration:underline}
.mascot-landing main{display:flex;flex-direction:column;justify-content:center;text-align:left;gap:13px;padding-top:4px;padding-bottom:0}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);align-items:center;gap:40px;width:100%}
.hero-story{min-width:0}.eyebrow{display:flex;align-items:center;gap:7px;color:#476b9e;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 14px}.status-dot{width:6px;height:6px;background:#2974dd;box-shadow:0 0 0 4px #e1ecfc;border-radius:50%}
.mascot-landing h1{font-size:clamp(38px,4.1vw,59px);line-height:1.04;letter-spacing:-.055em;font-weight:750;margin:0 0 16px;max-width:none}.mascot-landing h1 span{color:#2764cc}
.hero-description{font-size:15px;line-height:1.6;max-width:460px;color:#596d87;margin:0}.hero-description strong{color:#344d70;font-weight:550}
.mascot-stage{position:relative;margin:0 -22px;height:264px;isolation:isolate}.mascot-glow{position:absolute;inset:15% 10% 0;border-radius:50%;background:#dfebfc;filter:blur(30px);z-index:-1}
.mascot-video{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%)}
.network-badge{position:absolute;display:flex;align-items:center;gap:8px;background:#ffffffeb;border:1px solid #fff;border-radius:13px;padding:8px 11px;box-shadow:0 7px 26px #234b7c10;backdrop-filter:blur(8px);font-size:11px;font-weight:600;animation:network-drift 6s ease-in-out infinite}.network-badge img{width:29px;height:29px;object-fit:contain;border-radius:7px}.network-youtube{top:15%;left:5%;transform:rotate(-6deg)}.network-instagram{top:11%;right:1%;animation-delay:-2s;transform:rotate(6deg)}.network-facebook{bottom:16%;left:3%;animation-delay:-3s}.network-tiktok{bottom:19%;right:0;animation-delay:-1s}.mascot-caption{position:absolute;bottom:-12px;left:0;right:0;display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0;padding-left:65px;font-size:10px;font-weight:700;color:#476b9e;letter-spacing:.14em}.mascot-caption span{margin-right:0}
.demo-column{display:flex;flex-direction:column;align-items:center;justify-self:center;position:relative;width:100%;max-width:355px}.demo-overline{display:flex;align-items:center;justify-content:space-between;width:278px;margin:0 0 10px}.demo-label{font-size:9px;letter-spacing:.14em;color:#71809a;font-weight:700}#demo-motion{font:inherit;font-size:10px;color:#48658f;border:0;background:transparent;padding:6px;cursor:pointer}
.phone{padding:6px;border:1px solid #bec8d8;border-radius:41px;background:linear-gradient(130deg,#fdfefe,#b4c0d1 30%,#eef3f9 48%,#a6b6cb 75%,#f2f5fb);box-shadow:0 26px 55px -24px #294d7a55,3px 5px 0 #d8e0eb,inset 0 0 0 2px #ffffffb0;width:278px;position:relative}.phone:before{content:'';position:absolute;width:3px;height:31px;background:#bbc7d7;left:-4px;top:102px;border-radius:3px;box-shadow:0 39px #bbc7d7}.phone-screen{background:#fff;border:2px solid #293446;border-radius:34px;overflow:hidden;height:466px;display:flex;flex-direction:column}.phone-status{height:34px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:750;color:#1f2d40;position:relative}.dynamic-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:73px;height:19px;background:#12151c;border-radius:20px}.phone-signal{font-size:9px;display:flex;align-items:center;gap:5px}.battery{width:15px;height:7px;border:1px solid #566576;display:inline-block;border-radius:2px;background:linear-gradient(90deg,#283749 0 80%,transparent 80%)}
.assistant-header{display:flex;align-items:center;gap:8px;padding:11px 15px 12px;border-bottom:1px solid #f0f3f7}.assistant-avatar{display:grid;place-items:center;background:#edf3fd;border:1px solid #e0e9f9;border-radius:12px;width:38px;height:38px}.assistant-avatar img{border-radius:8px}.assistant-header strong{display:block;font-size:12px}.assistant-header div>span{display:block;color:#7b8ba2;font-size:9px;margin-top:2px}.assistant-online{width:6px;height:6px;background:#59ab91;border-radius:50%;margin-left:auto}
.chat-window{padding:0 13px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.chat-time{text-align:center;font-size:7px;letter-spacing:.09em;color:#93a1b4;margin:15px 0 13px}.bubble{font-size:10.5px;line-height:1.55;max-width:100%;margin:0 0 11px;padding:11px 12px;border-radius:15px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.user-bubble{margin-left:auto;width:fit-content;max-width:91%;color:#fff;background:#2565db;border-bottom-right-radius:4px}.assistant-bubble{background:#f2f5fa;border-bottom-left-radius:4px;color:#334861}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.metric-grid>div{background:#fff;padding:10px 8px;border:1px solid #e6edf7;border-radius:9px}.metric-grid span{display:block;font-size:8px;color:#7889a0}.metric-grid strong{display:block;font-size:22px;line-height:1.35;letter-spacing:-1px;color:#203c67}.metric-grid small{display:block;font-size:7px;color:#7d8da2;line-height:1.4}.chat-insight{font-size:10px}.chat-suggestion{width:100%;font:inherit;font-size:9px;color:#3867b0;border:1px solid #dce7f7;border-radius:10px;background:#fff;padding:11px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.comment-preview{display:flex;align-items:flex-start;gap:7px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #e1e8f2}.comment-preview img{flex:0 0 20px}.comment-preview span{font-size:10px;color:#6c7d94}.assistant-bubble blockquote{margin:9px 0;padding:8px 0 8px 10px;border-left:2px solid #7aa5eb;color:#213d63;font-size:10.5px}.approval-note{font-size:8px!important;color:#657d9c}.demo-approve{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;border:0;border-radius:8px;background:#2565db;color:white;font-size:9px;margin-top:10px;cursor:pointer}.demo-success{width:32px;height:32px;display:grid;place-items:center;background:#e0f0eb;color:#287c62;border-radius:50%;font-size:18px;margin:0 0 8px}.mascot-landing .assistant-bubble h2{font-size:14px;margin:0 0 9px}.demo-disclaimer{border-top:1px solid #dde5f0;padding-top:9px;color:#738399;font-size:9px}
.phone-composer{display:flex;gap:9px;align-items:center;background:#f6f8fb;border:1px solid #e7edf5;border-radius:22px;margin:9px 12px 0;padding:6px 9px;color:#95a2b4;font-size:9px;flex-shrink:0}.phone-composer>span:first-child{font-size:19px;color:#73859d}.send-icon{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e2eaf6;color:#5b7fad;font-size:16px}.home-indicator{width:82px;height:3px;background:#26354a;margin:10px auto 6px;border-radius:6px;flex-shrink:0}.demo-controls{display:flex;gap:5px;margin-top:16px}.demo-controls button{font:inherit;font-size:10px;color:#73839b;padding:7px 10px;border-radius:20px;border:1px solid transparent;background:transparent;cursor:pointer;white-space:nowrap}.demo-controls button span{font-size:8px;margin-right:3px;color:#92a1b6}.demo-controls button[aria-pressed=true]{background:#fff;border-color:#dbe5f3;color:#295eaa;box-shadow:0 3px 10px #2a4a7c06}.demo-footnote{font-size:8px;color:#8292a8;margin:7px 0 0;text-align:center}
.mascot-landing .start-strip{display:grid;grid-template-columns:.8fr 1.6fr;gap:32px;align-items:center;width:100%;border-top:1px solid #dfe7f2;padding-top:18px;margin-top:6px}.offer-kicker{display:block;font-size:8px;font-weight:650;letter-spacing:.13em;color:#70829e}.offer p{margin:3px 0 0;line-height:1.1}.offer p strong{font-size:33px;letter-spacing:-1.5px;font-weight:700}.offer p span{font-size:12px;color:#60748e}.offer>span:last-child{font-size:11px;color:#71839c;display:block;margin-top:5px}.install-area{min-width:0}.mascot-landing .install-label{font-size:11px;color:#5a718e;margin:0 0 7px}.mascot-landing .install-prompt{max-width:none;margin:0;padding:5px;border-radius:12px;border-color:#d7e1ef;box-shadow:0 5px 15px #37639605}.mascot-landing #install-prompt{min-height:38px;font-size:clamp(11px,1.22vw,15px);padding:8px 9px;color:#1d3c69}.mascot-landing .install-prompt button{width:38px;height:38px;flex-basis:38px;border-radius:8px}.mascot-landing .copy-status{height:17px;min-height:17px;margin:4px 0 0;font-size:10px}.pilot-note{font-size:9px;color:#7a8ba3;margin:0;text-align:center;width:100%;max-width:none;line-height:1.5}.pilot-note a{color:#627eaa}.mascot-landing footer{padding-top:13px;padding-bottom:14px;font-size:10px}.mascot-landing footer nav{font-size:10px;gap:15px}
.mascot-landing button:focus-visible,.mascot-landing a:focus-visible,.mascot-landing input:focus-visible{outline:3px solid #759dea;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;padding:12px;border-radius:8px}.skip-link:focus{top:10px}[hidden]{display:none!important}.motion-paused .network-badge{animation-play-state:paused}
@keyframes network-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(min-width:901px) and (max-height:800px){.mascot-landing header{padding-top:12px;padding-bottom:8px}.hero{gap:30px}.mascot-landing h1{font-size:48px;margin-bottom:12px}.hero-description{font-size:14px}.mascot-stage{height:240px}.phone-screen{height:416px}.demo-overline{margin-bottom:6px}.demo-controls{margin-top:9px}.chat-time{margin:10px 0}.bubble{font-size:10px;padding:9px 10px;margin-bottom:9px}.assistant-header{padding-top:7px;padding-bottom:7px}.mascot-landing .start-strip{padding-top:12px;gap:28px}.mascot-landing main{gap:8px}.demo-footnote{margin-top:4px}}
@media(min-width:901px) and (max-height:690px){.mascot-landing h1{font-size:40px}.mascot-stage{height:205px}.phone{width:260px}.phone-screen{height:347px}.demo-overline{width:260px}.phone-status{height:29px}.phone-composer{margin-top:4px}.assistant-header{padding:6px 12px}.chat-time{margin:8px 0}.metric-grid{margin:6px 0}.metric-grid>div{padding:6px}.metric-grid strong{font-size:18px}.mascot-landing .start-strip{margin-top:0}.mascot-landing footer{padding-top:8px;padding-bottom:8px}}
@media(max-width:900px){.mascot-landing header,.mascot-landing main,.mascot-landing footer{padding-left:25px;padding-right:25px}.hero{grid-template-columns:1fr 300px;gap:18px}.mascot-landing h1{font-size:42px}.hero-description{font-size:13px}.mascot-stage{height:225px;margin:12px -10px}.network-badge{padding:6px;gap:5px}.network-badge span{display:none}.network-badge img{width:28px;height:28px}.network-instagram{right:3%}.network-tiktok{right:0}.mascot-landing .start-strip{gap:20px;grid-template-columns:.7fr 1.5fr}.mascot-landing #install-prompt{font-size:11px}.mascot-caption{font-size:9px}.phone-screen{height:425px}}
@media(max-width:640px){.mascot-landing header,.mascot-landing main,.mascot-landing footer{padding-left:20px;padding-right:20px}.mascot-landing header{padding-top:15px;padding-bottom:18px}.mascot-landing .logo{font-size:21px}.mascot-landing nav{font-size:12px;gap:14px}.mascot-landing main{display:flex;gap:15px;padding-top:7px}.hero{display:contents}.hero-story{order:0;text-align:center;width:100%}.eyebrow{justify-content:center;font-size:8px;margin-bottom:12px}.mascot-landing h1{font-size:43px;margin-bottom:13px}.hero-description{font-size:13px;max-width:370px;margin:auto}.mascot-stage{height:198px;max-width:370px;margin:7px auto 13px}.network-badge span{display:inline;font-size:9px}.network-youtube{left:0}.network-instagram{right:0}.network-facebook{left:0;bottom:16%}.network-tiktok{right:0;bottom:18%}.mascot-caption{font-size:8px;bottom:-9px}.mascot-landing .start-strip{order:1;grid-template-columns:1fr;gap:13px;padding-top:14px;margin:0}.offer{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left}.offer-kicker{display:none}.offer p{grid-row:1/3;margin:0}.offer p strong{font-size:29px}.offer>span:last-child{font-size:10px;text-align:right;margin:0}.mascot-landing .install-label{text-align:center;font-size:10px}.mascot-landing #install-prompt{font-size:clamp(10px,2.85vw,14px);padding-left:5px}.mascot-landing .copy-status{text-align:center}.pilot-note{order:2;font-size:8px;margin-top:-8px}.demo-column{order:3;margin:20px auto 10px;max-width:none}.phone{width:286px}.phone-screen{height:470px}.demo-overline{width:286px}.demo-controls{margin-top:14px}.demo-controls button{padding:10px 11px;font-size:11px}.demo-footnote{font-size:9px}.mascot-landing footer{justify-content:center;gap:10px;padding-top:15px;padding-bottom:17px}.mascot-landing footer>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.network-badge{animation:none}}

/* Fixed portrait proportions; viewport changes scale the complete handset. */
.phone-frame{--phone-scale:.9;width:calc(278px * var(--phone-scale));height:calc(600px * var(--phone-scale));flex:none}
.phone-frame .phone{width:278px;height:600px;transform:scale(var(--phone-scale));transform-origin:top left}
.phone-frame .phone-screen{height:100%}
.phone-frame .bubble{font-size:12px;line-height:1.5}
.phone-frame .chat-time{font-size:8px}
.phone-frame .assistant-bubble blockquote{font-size:12px}
.phone-frame .comment-preview span{font-size:11px}
.phone-frame .approval-note{font-size:10px!important}
.phone-frame .demo-approve,.phone-frame .chat-suggestion{font-size:11px}
@media(min-width:901px) and (max-height:800px){.phone-frame{--phone-scale:.7}}
@media(min-width:901px) and (max-height:690px){.phone-frame{--phone-scale:.6}}
@media(max-width:900px){.phone-frame{--phone-scale:.8}}
@media(max-width:640px){.phone-frame{--phone-scale:1}}

/* Large mascot backdrop with a clear text zone above the character. */
.hero-story{position:relative;display:flex;flex-direction:column;align-self:stretch;padding:18px 0 58px;isolation:isolate}
.hero-story>.eyebrow,.hero-story>h1,.hero-story>.hero-description{position:relative;z-index:2}
.hero-story .mascot-stage{position:absolute;inset:0 -65px 60px;margin:0;height:auto;z-index:0;pointer-events:none}
.hero-story .mascot-video{position:absolute;bottom:0;left:50%;width:auto;height:calc(66% + 28px);aspect-ratio:16/9;max-width:100%;transform:translateX(-50%) scale(.92);object-fit:fill;object-position:center bottom}
.hero-story .mascot-glow{inset:36% 6% 0}
.hero-story .mascot-caption{bottom:1px}
@media(min-width:901px) and (max-height:800px){.hero-story{padding-top:5px;padding-bottom:58px}.hero-story .mascot-stage{left:-45px;right:-45px;bottom:60px}.hero-story .mascot-video{height:calc(64% + 29px)}}
@media(max-width:900px){.hero-story{padding-top:18px;padding-bottom:58px}.hero-story .mascot-stage{left:-20px;right:-20px;bottom:60px}.hero-story .mascot-video{height:calc(64% + 29px)}.hero-story .mascot-caption{padding-left:20px}}
@media(max-width:640px){.hero-story{display:block;padding:0}.hero-story .mascot-stage{position:relative;inset:auto;height:250px;margin:8px -10px 10px;max-width:none;pointer-events:auto}.hero-story .mascot-video{position:absolute;bottom:0;left:50%;width:100%;height:auto;aspect-ratio:16/9;transform:translateX(-50%) scale(.92)}.hero-story .mascot-glow{inset:15% 10% 0}.hero-story .mascot-caption{bottom:0;padding-left:10px}}

/* Fade the actual 16:9 picture, not an object-fit letterbox around it. */
.hero-story .mascot-video{mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

/* Conversational pacing: question, typing indicator, then a complete response. */
.typing-bubble{display:flex;align-items:center;gap:5px;width:fit-content;padding:14px!important;min-height:36px}
.typing-bubble span{width:5px;height:5px;background:#8295af;border-radius:50%;animation:typing-pulse 1s ease-in-out infinite}
.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}
.conversation-playing .user-bubble,.conversation-playing .assistant-bubble:not(.typing-bubble){animation:message-arrive .24s ease-out both}
.motion-paused .typing-bubble span,.motion-paused .conversation-playing .bubble{animation-play-state:paused}
@keyframes typing-pulse{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes message-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.typing-bubble span,.conversation-playing .bubble{animation:none!important}}

.schedule-preview{padding:12px;background:#fff;border:1px solid #dce7f5;border-radius:10px;margin:10px 0}
.schedule-preview span,.schedule-preview strong,.schedule-preview small{display:block}
.schedule-preview span{font-size:8px;letter-spacing:.1em;color:#6b82a2}
.schedule-preview strong{font-size:15px;color:#245fb4;margin:4px 0}
.schedule-preview small{font-size:9px;color:#6b7e96}
.demo-controls{gap:2px}.demo-controls button{padding-left:8px;padding-right:8px}
@media(max-width:640px){.demo-controls button{padding-left:7px;padding-right:7px;font-size:10px}}

.mascot-landing .install-label{font-size:12px;line-height:1.5}.compatible-agents{color:#245fb4;font-weight:700}
@media(max-width:640px){.mascot-landing .install-label{font-size:11px}}


/* Make the free trial a clear benefit beside the installation prompt. */
.offer>.trial-offer:last-child{display:inline-flex;flex-direction:column;gap:1px;margin-top:9px;padding:7px 13px;border:1px solid #c8daf7;border-radius:10px;background:#e7f0ff;color:#234f91;text-align:left;line-height:1.3}
.trial-offer strong{font-size:18px;font-weight:750;letter-spacing:-.3px}
.trial-offer>span{font-size:12px;font-weight:600;color:#3a5d8d}
@media(max-width:640px){.offer>.trial-offer:last-child{margin-top:0;justify-self:end;padding:7px 10px}.trial-offer strong{font-size:16px}.trial-offer>span{font-size:11px}}

/* Clear category, next step, and real pilot billing state. */
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.hero-story>.hero-actions{position:absolute;left:0;bottom:0;z-index:2;margin:0}
.hero-cta,.hero-secondary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:650;text-decoration:none}
.hero-cta{background:#2565db;color:#fff;box-shadow:0 5px 14px #2565db24}
.hero-cta:hover{background:#1e55be;text-decoration:none}
.hero-secondary{border:1px solid #d6e1f0;background:#ffffffc9;color:#31577f}
.hero-secondary:hover{background:#fff;text-decoration:none}
.workflow{width:100%;padding:17px 20px 14px;border:1px solid #e0e8f3;border-radius:16px;background:#ffffffd9;box-shadow:0 8px 26px #234b7c08}
.workflow-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.workflow-heading h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.025em;color:#233c5e}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 0;padding:0;list-style:none}
.workflow-steps li{display:flex;align-items:flex-start;gap:10px;min-width:0}
.step-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#e8f0fc;color:#2764cc;font-size:10px;font-weight:750}
.workflow-steps strong{display:block;color:#304b6c;font-size:12px;line-height:1.35}
.workflow-steps p{margin:3px 0 0;color:#687c96;font-size:11px;line-height:1.45}
.workflow-note{margin:11px 0 0;color:#74849a;font-size:10px;line-height:1.4}
.workflow-note a{color:#315f9b}
.offer>.trial-offer{display:inline-flex;flex-direction:column;gap:1px;margin-top:9px;padding:7px 13px;border:1px solid #c8daf7;border-radius:10px;background:#e7f0ff;color:#234f91;text-align:left;line-height:1.3}
.offer .billing-disclosure{margin:8px 0 0;color:#526983;font-size:10px;line-height:1.4}
@media(max-width:900px){.hero-actions{margin-top:15px}.workflow{padding:15px 16px}}
@media(max-width:640px){.hero-actions{justify-content:center;margin-top:15px}.hero-story>.hero-actions{position:static;margin-top:10px}.hero-cta,.hero-secondary{min-height:40px;padding:9px 12px;font-size:12px}.workflow{padding:15px 14px}.workflow-heading{display:block;text-align:center}.workflow-heading .offer-kicker{margin-bottom:4px}.workflow-heading h2{font-size:17px}.workflow-steps{grid-template-columns:1fr;gap:11px;margin-top:13px}.workflow-steps li{align-items:center}.workflow-steps p{margin-top:1px}.workflow-note{text-align:center;margin-top:13px}.offer>.trial-offer{margin-top:0;justify-self:end;padding:7px 10px}.trial-offer strong{font-size:16px}.trial-offer>span{font-size:11px}.offer .billing-disclosure{grid-column:1/-1;text-align:center;margin-top:0;font-size:9px}}

/* YouTube launch availability and responsible company. */
.platform-availability{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid #e0e8f3;padding-top:12px;margin-top:14px;scroll-margin-top:20px}
.platform-availability p{display:flex;flex-direction:column;gap:3px;margin:0;font-size:11px;color:#687c96}
.platform-availability strong{color:#304b6c;font-size:12px}
.platform-availability .availability-now{color:#23694f;font-weight:650}
.footer-brand .company-credit{display:block;margin-top:4px;color:#526983}
.company-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.platform-availability{justify-content:center;text-align:center;gap:14px}.platform-availability p{width:100%}}

/* Installation handoff replaces the hero buttons without resizing the mascot. */
.hero{margin-bottom:38px}
.hero-story>.hero-install{position:absolute;top:calc(100% - 42px);left:0;right:0;z-index:2;scroll-margin-top:20px}
.mascot-landing .hero-install .install-label{font-size:11px;line-height:1.5;margin-bottom:8px}
.mascot-landing .hero-install #install-prompt{display:block;font-family:inherit;font-size:13px;line-height:1.5;height:38px;min-height:38px;padding:8px;overflow:auto}
.mascot-landing .hero-install .install-prompt{align-items:center;text-align:left}
.mascot-landing .hero-install .copy-status{margin-top:2px;height:16px;min-height:16px;line-height:16px}
.mascot-landing .start-strip{display:flex;justify-content:center;padding-top:16px}
.start-strip .offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;text-align:left}
.start-strip .offer>.offer-kicker{display:none}
.start-strip .offer>.trial-offer{margin:0}
@media(min-width:641px) and (max-width:900px){.hero{margin-bottom:62px}}
@media(max-width:900px){.mascot-landing .hero-install #install-prompt{font-size:11px;height:38px;min-height:38px}}
@media(max-width:640px){.hero{margin-bottom:0}.hero-story>.hero-install{position:relative;top:auto;left:auto;right:auto;margin-top:16px}.mascot-landing .hero-install .install-label{font-size:11px}.mascot-landing .start-strip{padding-top:14px}.start-strip .offer{gap:12px 18px}.mascot-landing .hero-install #install-prompt{font-size:11px}}

/* Pricing takes the place of the demo tabs; playback stays inside the handset. */
.phone-offer{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:320px;margin-top:16px;padding:15px 16px;background:#ffffffd9;border:1px solid #dce6f3;border-radius:14px;box-shadow:0 7px 20px #234b7c06}
.phone-offer p{margin:0;display:flex;flex-direction:column;line-height:1.3}
.phone-price strong{font-size:30px;font-weight:750;letter-spacing:-1px;color:#193d6c}
.phone-price span{font-size:10px;color:#60748e}
.phone-trial{padding-left:16px;border-left:1px solid #dce6f3;gap:4px}
.phone-trial strong{font-size:18px;font-weight:750;color:#245fb4;letter-spacing:-.3px}
.phone-trial span{font-size:10px;color:#60748e;white-space:nowrap}
.phone-composer #demo-motion{margin-left:auto;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#e2eaf6;color:#426796;font:700 11px/1 system-ui;cursor:pointer}
.phone-composer #demo-motion:hover{background:#cbdcf5}
@media(max-width:640px){.phone-offer{max-width:300px;margin-top:16px}}

/* Align the offer's bottom edge with the adjacent installation field. */
@media(min-width:901px){.phone-offer{transform:translateY(33px)}}
@media(min-width:641px) and (max-width:900px){.phone-offer{transform:translateY(49px)}}

/* Compact landing retained; SEO detail lives in the linked workflow guides. */
.mascot-image{display:block;width:100%;height:auto}
.hero-story .mascot-image{position:absolute;bottom:0;left:50%;width:100%;height:auto;max-height:76%;object-fit:contain;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);-webkit-mask-composite:source-in}
.mascot-landing .install-prompt .copy-with-label{width:auto;flex-basis:auto;gap:7px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap}
.copy-with-label svg{width:16px;height:16px;flex-shrink:0}
.phone-screen{background:#fcfcfc}.muse-app-header{position:relative;flex-shrink:0;height:85px}.muse-app-header img{display:block;width:100%;height:auto}.muse-app-header #muse-state{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:9px;color:#66676a}
.muse-sample{flex-shrink:0;margin:2px 0 10px;text-align:center;font-size:9px;line-height:1.5;color:#595b5e}
.phone-frame .muse-thread{padding:0 12px;scroll-behavior:auto;overscroll-behavior:contain}.phone-frame .muse-thread .bubble{font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;border-radius:17px;padding:10px 12px;letter-spacing:-.12px}.muse-thread .user-bubble{background:#b0d6ff;color:#171717;max-width:94%}.muse-thread .assistant-bubble{background:#e7e7e9;color:#171717}.muse-thread strong{font-weight:650}.muse-thread p{margin:0 0 9px}.muse-thread ol,.muse-thread ul{padding-left:19px;margin:8px 0 12px}.muse-thread li{padding-left:1px;margin:0 0 5px}.muse-thread .muse-link{color:#0065c7}.muse-thread .muse-result ul{list-style-type:circle;margin-top:5px}.muse-thread .demo-disclaimer{font-size:10px;color:#50545a;border-top:1px solid #c7c8cc;margin-bottom:0}
.muse-approve{font-family:inherit;font-size:11px;line-height:1.4;width:100%;position:relative;text-align:left;border:1px dashed #92969d;background:transparent;color:#171717;border-radius:6px;padding:10px 29px 10px 9px;min-height:44px;cursor:pointer}.muse-approve:hover{background:#dddde1}.muse-approve[aria-pressed=true]{border-style:solid;border-color:#171717;opacity:1}.muse-check{display:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:13px}.muse-approve[aria-pressed=true] .muse-check{display:flex}
.muse-wait{display:flex;gap:4px;width:fit-content;min-height:34px;align-items:center}.muse-wait i{display:block;width:5px;height:5px;border-radius:50%;background:#66676a;animation:typing-pulse 1s ease-in-out infinite}.muse-wait i:nth-child(2){animation-delay:.15s}.muse-wait i:nth-child(3){animation-delay:.3s}.motion-paused .muse-wait i{animation-play-state:paused}
.muse-composer{background:#fff;box-shadow:0 5px 18px #00000008;border:0;margin:9px 12px 3px;font-size:8px;padding:8px 10px;gap:7px}.muse-composer span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muse-composer .muse-mic{font-size:17px;color:#171717}.muse-nav{display:block;width:calc(100% - 18px);height:auto;margin:0 9px;flex-shrink:0}.phone-screen .home-indicator{margin-top:3px;margin-bottom:6px}
.muse-demo-controls{display:flex;justify-content:center;gap:18px;height:24px;align-items:center;margin-top:7px}.muse-demo-controls button{font:inherit;font-size:10px;color:#476b9e;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}.phone-offer{margin-top:6px}
@media(min-width:901px){.hero{margin-bottom:30px}.phone-offer{transform:translateY(18px)}}
@media(max-width:640px){.hero-story .mascot-image{height:100%;max-height:none;object-fit:contain}.hero-story .mascot-stage{height:225px}.mascot-landing .hero-install #install-prompt{font-size:10px}.mascot-landing .install-prompt .copy-with-label{font-size:10px;padding:8px}.copy-with-label svg{display:none}.phone-offer{transform:none}.workflow-note{line-height:1.7}}

/* Visible tap represents the approval shown in this fictional looping demo. */
.muse-tap{position:absolute;left:64%;top:30%;width:22px;height:22px;border-radius:50%;background:#747983;opacity:0;pointer-events:none}
.muse-approve.demo-tapping .muse-tap{animation:muse-demo-tap .5s ease-out both}
@keyframes muse-demo-tap{0%{opacity:0;transform:scale(.3)}35%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
.motion-paused .muse-tap{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.muse-tap{animation:none!important}}

/* Approved silent robot loop overlays the existing, layout-stable fallback. */
.hero-story .mascot-loop{aspect-ratio:1376/768;opacity:0;pointer-events:none}
.hero-story .mascot-loop.is-playing{opacity:1}
.mascot-stage:has(.mascot-loop.is-playing)>img{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero-story .mascot-loop.is-playing{opacity:0}.mascot-stage:has(.mascot-loop.is-playing)>img{visibility:visible}}