/* Aitoma design floor. The existing brand, refined for readable product evidence. */
:root{--a-ink:#192334;--a-muted:#526580;--a-blue:#2454e8;--a-line:#dce4ef;--a-radius:22px;--a-shadow:0 16px 36px -28px #27446566}
:focus-visible{outline:3px solid #2454e8;outline-offset:5px;border-radius:5px}
.button,.menu,.video-fullscreen-toggle,.video-sound-toggle,.dialog-close{min-height:44px;min-width:44px}
.ui-icon{stroke-width:1.7}.section-intro h2 span,.department-heading h2 span,.simple-close h2 span{color:#667d9e}
.department{background:#f2f5fa}.department-panel{border-radius:var(--a-radius);box-shadow:var(--a-shadow);padding:36px;gap:34px}.feature-chapter:nth-child(even) .department-panel{background:#fff}
.feature-visual{background:#f5f8fc;border:none;box-shadow:none;border-radius:16px}.feature-canvas{height:420px;aspect-ratio:auto}.feature-canvas iframe{width:100%;height:100%;position:absolute;inset:0;zoom:1;transform:none}
.department-copy>p:not(.feature-index){color:var(--a-muted);line-height:1.55}.feature-index{font-size:12px;letter-spacing:.05em;margin-bottom:19px;color:#436188}.feature-result{padding-top:17px}.feature-result>strong{font-size:17px;color:#2b4265}
.department-foot{font-size:13px;color:var(--a-muted);padding-top:10px}.format-carousel{background:#203c53!important;color:#fff!important}.format-carousel strong,.format-carousel>span{color:#fff!important}.small-note,.pricing-note{color:var(--a-muted)}
.playbook-offer{padding:32px}.playbook-insights strong{font-size:18px}.playbook-insights p{color:var(--a-muted);line-height:1.5}.ri-learning p{color:var(--a-muted)}
@media(max-width:1100px){.department-panel{padding:26px;gap:24px}.department-copy h3{font-size:34px}.department-copy>p:not(.feature-index){font-size:17px}}
@media(max-width:760px){.department-panel{padding:24px 19px 16px;border-radius:20px;gap:22px}.department-copy h3{font-size:33px;line-height:1.12}.department-copy>p:not(.feature-index){font-size:17px;line-height:1.55}.feature-index{font-size:12px;margin-bottom:14px}.feature-visual{width:calc(100% + 10px);border-radius:12px}.department-foot{font-size:13px}.playbook-offer{padding:25px 22px}.button-small{font-size:14px}.feature-result>strong{font-size:16px}.niche-note h3 span{color:#667d9e}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.video-sound,.video-fullscreen{min-height:44px;min-width:44px}
@media(min-width:761px) and (max-width:960px){.feature-chapter{position:relative;top:auto}.department-panel{display:flex;flex-direction:column;align-items:stretch;gap:24px}.department-copy>p:not(.feature-index){max-width:620px}.feature-visual{width:100%}.feature-result{max-width:none}}
/* Compact navigation before the desktop links become crowded. */
@media(min-width:761px) and (max-width:960px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:16px 28px;background:#fafbfd;border-bottom:1px solid var(--line,#d7e2f1)}.header nav.open{display:flex}.header nav a{font-size:17px;padding:14px 0}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;padding:0}.menu span{height:1px;width:20px;background:#24334a;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-actions .button{white-space:nowrap}.nav-actions .login{display:none}}

.feature-chapter[data-feature=content] .feature-canvas iframe{pointer-events:auto}
#video-dialog.portrait-demo{width:min(470px,calc(100% - 28px))}#video-dialog.portrait-demo video{max-height:73dvh;object-fit:contain}#video-dialog.portrait-demo .dialog-top h2{font-size:14px;letter-spacing:0;line-height:1.35}


/* Reuse finished creative artboards in the three-step introduction. */
.format-visual{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 15px;perspective:none}
.format-visual>.format-post,.format-visual>.format-reel,.format-visual>.format-carousel{position:relative;flex:1;min-width:0;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;aspect-ratio:auto;padding:0;border:3px solid #fff;border-radius:10px;display:block;background:#fff!important;color:#24354a!important}
.format-visual>.format-post{transform:rotate(-5deg)}.format-visual>.format-reel{transform:rotate(0)}.format-visual>.format-carousel{transform:rotate(5deg)}
.format-visual>div>img,.format-visual .reel-art{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;display:block}
.format-visual>div>span{position:static;display:block;inset:auto;transform:none;background:#fff;color:#24354a!important;font-size:11px;line-height:1.3;letter-spacing:0;text-align:center;padding:7px 2px;backdrop-filter:none;border-radius:0}
.format-visual .reel-art{position:relative;overflow:hidden;background:#eee4d5 url(motion/assets/showreel-v3.jpg) center/cover no-repeat}
.format-visual .reel-poster,.format-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.format-visual video{opacity:0}.format-visual .is-preview-playing video{opacity:1}
@media(max-width:760px){.format-visual{padding:16px 12px;gap:8px}.format-visual>div>span{font-size:10px}}

/* One consistent sticky stack. Covered cards retire until reverse scrolling reveals them. */
.department-stack{position:relative;isolation:isolate}.department-stack .feature-chapter{position:relative;top:auto;isolation:isolate}.department-stack .department-panel{background:#fff;transform-origin:center top;min-height:var(--stack-card-height,0px)}.department-stack .feature-visual{background:linear-gradient(140deg,#eff4fd,#e2ebfa);border:1px solid #dbe5f4;padding:17px;border-radius:24px;box-shadow:0 15px 28px -22px #43618c55}.department-stack .feature-canvas{overflow:visible}.department-stack .feature-canvas iframe{border-radius:20px}.department-stack .feature-index{display:flex;gap:14px;align-items:center}.chapter-number{display:inline-flex;padding:7px 9px;border:1px solid #d3e0ff;border-radius:7px;color:#2454e8;font-size:11px;letter-spacing:0;background:#f5f8ff}.department-stack[data-stack-mode=sticky] .feature-chapter{position:sticky;top:100px;will-change:transform}.department-stack[data-stack-mode=sticky] .feature-chapter.is-covered{visibility:hidden;pointer-events:none}.department-stack[data-stack-mode=flow] .feature-chapter{visibility:visible}.department-stack[data-stack-mode=flow] .department-panel{min-height:0;transform:none!important}.feature-chapter[data-feature=content] .department-copy h3{max-width:400px}.feature-chapter[data-feature=content] .feature-result{display:block}
@media(max-width:760px){.department-stack .feature-visual{width:calc(100% + 12px);padding:9px;border-radius:20px}.department-stack .feature-canvas iframe{border-radius:16px}.department-stack .feature-index{gap:10px}.chapter-number{font-size:10px;padding:6px 8px}}
#art-dialog{border:1px solid #d9e3f1;padding:17px;border-radius:20px;max-width:calc(100% - 24px);width:480px;background:#fff;color:#192334}#art-dialog::backdrop{background:#15233abb;backdrop-filter:blur(8px)}#art-dialog .art-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px}#art-dialog .art-close{width:44px;height:44px;border:1px solid #dce5f2;border-radius:50%;background:#f6f9fe;font-size:26px;color:#26364d;cursor:pointer}#art-dialog .art-display{height:min(70dvh,720px);aspect-ratio:9/16;margin:auto;max-width:100%}#art-dialog .art-display img{height:100%;width:100%;object-fit:contain;border-radius:10px}#art-dialog .art-nav{display:flex;justify-content:center;gap:8px;margin-top:14px}#art-dialog .art-nav button{border:1px solid #d9e3f1;border-radius:8px;min-height:44px;min-width:44px;background:#f5f8fd;color:#456086;font:500 14px Geist}#art-dialog .art-nav button[aria-pressed=true]{background:#2454e8;color:white;border-color:#2454e8}#art-dialog .art-nav[hidden]{display:none}

/* Fit all four publishing destinations inside the existing workflow preview. */
.publish-visual{display:flex;flex-direction:column;gap:6px;padding-block:14px}.publish-visual .publish-row{flex:none;padding-block:8px;margin-bottom:0}.publish-visual .next-signal{flex:none;margin-top:auto;padding:8px 4px 0}

/* A single animation surface inside each feature card. */
.department-stack .feature-visual{width:100%;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.department-stack .chapter-number{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}