/* Preserve the original homepage's inline story and scroll rhythm. */
.home-page .page{overflow:hidden;padding-bottom:60vh}
.home-page .word{opacity:.25;transition:opacity .5s}
.home-page .word.active{opacity:1}
.home-page .creative-stack{width:0}
.home-page .creative-stack.active{width:132px}
.home-page .icon-product{width:0;transition:width .5s var(--spring)}
.home-page .icon-product.active{width:100px}
.calendar-art{display:contents}

/* A small AI aside stays in the same word-and-decoration scroll story. */
.ai-section{margin:0}
.ai-tool{--ai-icon-size:44px;display:inline;white-space:nowrap;opacity:.25;transition:opacity .5s}
.ai-tool.active{opacity:1}
/* Center each image on the visible capital letters, rather than the x-height. */
.ai-tool img{display:inline-block;width:var(--ai-icon-size);height:var(--ai-icon-size);margin-right:8px;vertical-align:calc(.36em - var(--ai-icon-size)/2);vertical-align:calc(.5cap - var(--ai-icon-size)/2);transform:rotate(-5deg);transition:transform .5s var(--spring)}
.ai-tool--codex img{transform:rotate(5deg)}
.ai-tool.active img{transform:rotate(0)}
.prompt-speech{position:relative;display:block;width:340px;max-width:100%;margin:22px 0 12px;padding:20px;border:1px solid #e8e3ef;border-radius:23px;background:#f8f6fb;color:#51485f;box-shadow:0 3px 6px #33234605,0 10px 24px #33234606;font-size:15px;line-height:1.5;opacity:.25;transform:translateY(8px) scale(.94) rotate(-2deg);transform-origin:32px bottom;transition:opacity .5s,transform .6s var(--spring)}
.prompt-speech:after{content:"";position:absolute;left:28px;bottom:-7px;width:13px;height:13px;border-right:1px solid #e8e3ef;border-bottom:1px solid #e8e3ef;background:#f8f6fb;transform:rotate(45deg);border-bottom-right-radius:3px}
.prompt-speech.active{opacity:1;transform:none}
.prompt-speech-title{display:block;font-size:20px;line-height:1.4;letter-spacing:-.3px}
.prompt-speech-note{display:block;margin-top:5px;color:#756b81}
.prompt-play{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:40px;margin:15px 0 0;padding:0 12px;border:1px solid #e8e3ef;border-radius:12px;background:#fff;color:#635d70;font-size:13px;line-height:20px;overflow:hidden}
.prompt-caret{color:#9785b7;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
#ai-prompt-label{display:inline-block;white-space:pre;transition:opacity .18s,transform .18s}
#ai-prompt-label.fading{opacity:0;transform:translateY(-3px)}
.prompt-letter{display:inline-block;white-space:pre}
.flowing .prompt-letter{animation:prompt-letter-in .45s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--letter-delay)}
.prompt-progress{display:inline-flex;gap:3px;margin-left:auto;flex:none}
.prompt-progress i{width:3px;height:3px;border-radius:50%;background:#d9d2e4}
.prompt-speech[data-prompt-index="0"] .prompt-progress i:nth-child(1),.prompt-speech[data-prompt-index="1"] .prompt-progress i:nth-child(2),.prompt-speech[data-prompt-index="2"] .prompt-progress i:nth-child(3){background:#9785b7}
@keyframes prompt-letter-in{from{opacity:0;filter:blur(3px);transform:translate(6px,7px)}to{opacity:1;filter:blur(0);transform:translate(0,0)}}

.home-page footer .footer-social{display:flex;align-items:center;gap:6px;margin:4px 0}
.home-page .footer-social>a:first-child{margin-right:4px}
.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;transition:background .2s,transform .2s}
.footer-social-link:hover{background:#00000005;transform:translateY(-2px)}
.footer-social-link img{width:20px;height:20px;object-fit:contain}
.footer-email{text-decoration:underline;text-underline-offset:3px}

@media(min-width:1024px){
  .home-page .creative-stack.active{width:172px}
  .ai-tool{--ai-icon-size:52px}
  .ai-tool img{margin-right:10px}
}
@media(max-width:700px){
  /* Keep the complete calendar and its shadow within the mobile page. */
  .home-page .calendar-art{display:block;position:absolute;inset:-24px;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .home-page .word{opacity:1}
  .home-page .mini-reel,.home-page .mini-reel.active,.home-page .mini-reel.active:hover{transform:none}
  .ai-tool{opacity:1}
  .ai-tool img,.ai-tool--codex img,.ai-tool.active img{transform:none}
  .prompt-speech{opacity:1;transform:none}
  .footer-social-link:hover{transform:none}
  #ai-prompt-label,#ai-prompt-label.fading{opacity:1;transform:none}
}