/* A sequence of recognisable moments, at the reader's pace. */
.audience-fit{background:#fff6de;color:#172b3b}
.audience-fit-intro{margin-bottom:40px}
.fit-scroll-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:8%;align-items:start}
.fit-art-column{position:sticky;top:40px;padding:28px 0}
.fit-art-stage{--fit-bg:#2e50d1;background:var(--fit-bg);color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 22px 50px #172b3b17;isolation:isolate}
.fit-stage-top,.fit-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;font-size:13px;position:relative;z-index:1}
.fit-stage-top{border-bottom:1px solid #ffffff30}.fit-stage-bottom{border-top:1px solid #ffffff30}.fit-stage-bottom span:last-child{white-space:nowrap}
.fit-scene-stack{height:365px;position:relative}
.fit-scene{position:absolute;inset:0;padding:34px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .38s;pointer-events:none}
.fit-scene.active{opacity:1;visibility:visible;transform:none}
.fit-art-stage[data-moment="1"],.fit-art-stage[data-moment="5"]{background:#ad3d30}
.fit-art-stage[data-moment="2"],.fit-art-stage[data-moment="6"]{background:#244e45}
.fit-art-stage[data-moment="3"],.fit-art-stage[data-moment="7"]{background:#39326c}
.audience-fit .audience-fit-list{display:block;margin:0}
.audience-fit .fit-beat{min-height:65vh;display:flex;justify-content:center;flex-direction:column;border-top:1px solid #172b3b25;padding:60px 0;position:relative}
.audience-fit .fit-beat h3{font-size:clamp(25px,2.5vw,36px)!important;max-width:23ch;line-height:1.25!important;margin:16px 0 20px}
.audience-fit .fit-beat p{font-size:18px;max-width:37ch;color:#465465}
.fit-moment{font-size:13px;font-weight:600;color:#304cc4;display:flex;align-items:center;gap:10px}
.fit-moment:before{content:'';width:10px;height:10px;border-radius:50%;background:#ffda48;border:1px solid #172b3b}
.fit-beat.active .fit-moment:before{background:#304cc4}
.fit-beat.active h3{animation:fit-copy-in .5s cubic-bezier(.16,1,.3,1) both}
.fit-notes,.fit-start,.fit-teach,.fit-path{background:#fff6de;color:#172b3b;padding:26px;border-radius:10px;width:100%;max-width:350px;box-shadow:8px 9px 0 #13254330;transform:rotate(-3deg)}
.fit-notes>span,.fit-start>span,.fit-teach>span,.fit-path>span,.fit-reuse span{display:block;font-size:12px;margin-bottom:18px}
.fit-notes strong,.fit-start strong,.fit-teach strong,.fit-path strong,.fit-reuse strong{display:block;font:700 clamp(23px,2.1vw,32px)/1.2 var(--heading-font);letter-spacing:-.03em}
.fit-notes i{display:block;background:#172b3b20;height:2px;margin-top:14px;width:90%;transform-origin:left}
.fit-notes i:nth-of-type(2){width:72%}.fit-notes i:nth-of-type(3){width:48%}.fit-notes small{display:block;font-size:12px;margin-top:18px}
.fit-sticker{display:block;background:#ffda48;color:#172b3b;padding:12px 18px;transform:rotate(2deg);font-size:14px;border-radius:5px}
.fit-camera{width:170px;background:#fff6de;border-radius:28px;padding:16px;transform:rotate(-6deg)}
.fit-camera svg{width:100%;fill:none;stroke:#172b3b;stroke-width:4;stroke-linecap:round}.fit-camera .camera-slash{stroke:#b44130;stroke-width:7}
.fit-art-title{font:600 clamp(20px,1.8vw,26px)/1.35 var(--heading-font);text-align:center;letter-spacing:-.02em}
.fit-chat{width:100%;max-width:350px;display:grid;gap:18px}.fit-chat-you,.fit-chat-ai{font:500 clamp(19px,1.8vw,25px)/1.35 var(--body-font);padding:20px;border-radius:18px;box-shadow:0 5px 10px #172b3b15}
.fit-chat-you{background:#ffda48;color:#172b3b;margin-left:30px;border-bottom-right-radius:3px}.fit-chat-ai{background:#fff6de;color:#172b3b;margin-right:20px;border-bottom-left-radius:3px}.fit-chat-reply{font-size:13px;text-align:center}
.fit-start{transform:rotate(2deg)}.fit-start-play{display:grid;place-items:center;width:60px;height:60px;margin:22px auto;background:#2e50d1;color:#fff;border-radius:50%;padding-left:3px;font-size:22px}.fit-start small{font-size:12px}
.fit-teach{transform:rotate(-2deg)}.fit-teach-steps{display:flex;gap:8px;margin-top:28px}.fit-teach-steps i{font-style:normal;background:#ffda48;font-size:12px;padding:10px;border-radius:5px}
.fit-product{display:flex;align-items:center;gap:20px}.fit-book{background:#ffda48;color:#172b3b;padding:22px 24px;border-left:8px solid #d6ad21;box-shadow:8px 6px 0 #fff6de;transform:rotate(-7deg)}.fit-book small{font-size:10px}.fit-book strong{display:block;font:800 38px/1.1 var(--heading-font);margin-top:20px}.fit-product-note{font-size:17px;line-height:1.6;max-width:13ch}
.fit-reuse{width:100%}.fit-reuse>div:first-child{padding:28px;background:#fff6de;color:#172b3b;border-radius:12px;transform:rotate(-2deg)}.fit-reuse-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.fit-reuse-tags i{font-style:normal;background:#ffda48;color:#172b3b;padding:12px;font-size:13px;border-radius:6px}
.fit-path{transform:rotate(1deg)}.fit-path>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:30px}.fit-path i{font-size:12px;font-style:normal;background:#ffda48;padding:10px;border-radius:5px}
.fit-mobile-art{display:none}.audience-fit-next{margin-top:40px}
.active .fit-notes i{animation:fit-ink .6s .2s cubic-bezier(.16,1,.3,1) both}.active .fit-chat-ai{animation:fit-copy-in .5s .2s cubic-bezier(.16,1,.3,1) both}
@keyframes fit-copy-in{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fit-ink{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
.motion-off .fit-scene,.motion-off .fit-beat h3,.motion-off .fit-scene *{animation:none!important;transition:none!important}
@media(min-width:801px) and (max-height:680px){.fit-art-column{top:10px;padding:12px 0}.fit-scene-stack{height:300px}.fit-scene{padding:25px}.fit-stage-top,.fit-stage-bottom{padding:14px 20px}}
@media(max-width:800px){.fit-scroll-layout{display:block}.fit-art-column{display:none}.audience-fit .fit-beat{min-height:0;padding:36px 0 44px}.audience-fit .fit-beat h3{font-size:28px!important;max-width:26ch}.audience-fit .fit-beat p{font-size:17px}.fit-mobile-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#2e50d1;color:white;border-radius:18px;margin-top:26px;padding:28px 22px;overflow:hidden;min-height:280px}.fit-beat:nth-child(4n+2) .fit-mobile-art{background:#ad3d30}.fit-beat:nth-child(4n+3) .fit-mobile-art{background:#244e45}.fit-beat:nth-child(4n+4) .fit-mobile-art{background:#39326c}.fit-product{gap:16px}.fit-product-note{font-size:14px}.fit-book{padding:16px}.fit-book strong{font-size:30px}.fit-art-title{font-size:20px}.fit-sticker{font-size:12px;text-align:center}.fit-notes,.fit-start,.fit-teach,.fit-path{padding:20px}.fit-path i{padding:7px;font-size:11px}.fit-stage-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fit-scene,.fit-beat h3,.fit-scene *,.fit-mobile-art *{animation:none!important;transition:none!important}}
.hero-example-link{display:block;color:#fff;margin-top:18px;padding:16px 0;border-top:1px solid #ffffff55;font-size:14px;text-underline-offset:4px}.hero .hero-play-result{min-height:0;text-decoration:none}