.hero-enter h1{animation:hero-rise .9s cubic-bezier(.19,1,.22,1) both}
.hero-visual>video{width:100%;height:100%;object-fit:cover;object-position:center}.service-photo{position:relative}.service-photo>video{width:100%;height:100%;object-fit:cover}.scene-label{position:absolute;bottom:12px;left:12px;z-index:3;padding:4px 9px;background:#fcfaf5e8;color:#49473f;font-size:.65rem;line-height:1.6}.scene-toggle{position:absolute;bottom:12px;right:12px;z-index:4;padding:6px 10px;border:1px solid #d5c8b3;background:#fcfaf5e8;color:#49473f;font-size:.7rem;cursor:pointer;border-radius:3px}.hero-visual:after{pointer-events:none}
.service-photo-list{display:grid;gap:38px}.service-photo-card{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:0;background:var(--paper);border:1px solid var(--line);overflow:hidden;border-radius:7px}.service-photo{height:330px;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.service-photo-desk img{object-position:75% 75%;transform:scale(1.2)}.service-photo-copy{padding:38px 48px}.service-photo-copy h3{font-size:2rem;line-height:1.6;margin:0 0 20px}.service-photo-copy>p:not(.eyebrow){font-size:.94rem;margin:0 0 25px;max-width:540px}.service-photo-button{gap:30px}.service-photo-button span{display:inline-block;transition:transform .4s ease}.service-photo-button:hover span,.service-photo-button:focus-visible span{transform:translateX(6px)}.service-photo-card.reveal-pending{opacity:0;transform:translateY(24px)}.service-photo-card.reveal-pending.is-visible{animation:hero-rise 1s ease-out both}
@media(max-width:820px){.service-photo-card{grid-template-columns:1fr}.service-photo{height:280px}.service-photo-copy{padding:30px}.service-photo-copy h3{font-size:1.6rem}}
@media(max-width:560px){.service-photo-list{gap:28px}.service-photo{height:220px}.service-photo-copy{padding:25px}.service-photo-copy h3{font-size:1.4rem}.service-photo-copy>p:not(.eyebrow){font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.service-photo-card.reveal-pending{opacity:1;transform:none;animation:none!important}.service-photo-button span{transition:none;transform:none!important}}
.worries .worry-grid{grid-template-columns:1fr;gap:0;max-width:1050px}
.worries .worry-grid article{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:22px;align-items:center;padding:22px 0}
.worries .worry-grid article>.worry-check{grid-column:1;grid-row:1 / 3;margin:0}
.worries .worry-grid h3{grid-column:2;margin:0;font-size:1.15rem;line-height:1.7}
.worries .worry-grid p{grid-column:2;margin:4px 0 0;color:#626259;line-height:1.8}
@media(min-width:1100px){.worries .worry-grid article{grid-template-columns:40px minmax(0,1fr) minmax(0,1.3fr)}.worries .worry-grid article>.worry-check{grid-row:1}.worries .worry-grid p{grid-column:3;margin:0}.worries .worry-grid h3{font-size:1.05rem}}
@media(max-width:560px){.worries .worry-grid article{column-gap:16px;padding:20px 0}.worries .worry-grid h3{font-size:1rem}.worries .worry-grid p{font-size:.82rem}}
.hero-enter .hero-lead,.hero-enter .hero-description,.hero-enter .hero-actions,.hero-enter .hero-note{animation:hero-rise .9s cubic-bezier(.19,1,.22,1) .15s both}
.hero-enter .hero-visual{animation:hero-photo 1.2s cubic-bezier(.19,1,.22,1) .2s both}
@keyframes hero-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-photo{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.case-image.scrolling-preview{position:relative;border:1px solid var(--line);box-shadow:0 12px 30px #30291e0a}
.case-image.scrolling-preview img{height:var(--preview-height);max-width:none;object-fit:fill;transition:transform 5s cubic-bezier(.19,1,.22,1)}
.case-image.scrolling-preview:hover img,.case-image.scrolling-preview:focus-visible img{transform:translateY(var(--preview-travel))}
.showcase-tabs{display:none;gap:8px;margin-bottom:28px;flex-wrap:wrap}
.showcase-ready .showcase-tabs{display:flex}
.showcase-tabs button{padding:12px 23px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer;transition:background .25s,color .25s}
.showcase-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.showcase-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;padding:38px;background:var(--cream);border:1px solid var(--line);margin-bottom:24px}
.showcase-panel[hidden]{display:none}.showcase-ready .showcase-panel{animation:hero-rise .5s ease-out both}
.showcase-panel h3{font-size:2rem;line-height:1.6;margin:0 0 18px}.showcase-panel p{font-size:.92rem}.showcase-caption{color:var(--red);font-size:.72rem!important;letter-spacing:.12em}
.demo-window{background:var(--paper);border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 18px 40px #49381f12}
.demo-window-bar{display:flex;gap:6px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.7rem;color:#6c665b}.demo-window-bar i{width:7px;height:7px;background:#c5baaa;border-radius:50%}.demo-window-bar span{margin-left:12px}
.demo-window img{width:100%;height:300px;object-fit:cover;object-position:top}.demo-paper{display:flex;justify-content:center;gap:18px;padding:15px}.demo-paper img{width:43%;height:320px;object-fit:contain;box-shadow:0 9px 25px #49381f14;transform:rotate(-3deg)}.demo-paper img+img{transform:rotate(3deg)}
.demo-flow{display:grid;gap:15px;padding:10px 25px}.demo-flow>div{padding:20px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--red)}.demo-flow small{display:block;color:var(--red);font-size:.7rem}.demo-flow b{font-weight:500}.demo-flow>span{text-align:center;color:var(--red)}
@media(max-width:820px){.showcase-panel{grid-template-columns:1fr;gap:28px;padding:25px}.showcase-panel h3{font-size:1.6rem}.demo-window img{height:250px}.showcase-tabs button{padding:10px 16px;font-size:.8rem}.demo-paper img{height:250px}}
@media(prefers-reduced-motion:reduce){.hero-enter h1,.hero-enter .hero-lead,.hero-enter .hero-description,.hero-enter .hero-actions,.hero-enter .hero-note,.hero-enter .hero-visual,.showcase-ready .showcase-panel{animation:none}.case-image.scrolling-preview img{transition:none;transform:none!important}}
.flyer-gallery{margin:56px 0 40px}.flyer-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.flyer-gallery-heading h3{margin:0;font-size:1.5rem}.flyer-gallery-heading button{background:transparent;color:inherit;border:1px solid currentColor;padding:8px 14px;border-radius:4px;font-size:.75rem;cursor:pointer}.flyer-gallery-track{display:flex;gap:28px;overflow-x:auto;padding:8px 4px 20px;scrollbar-width:thin}.flyer-gallery-track figure{flex:0 0 clamp(240px,32vw,360px);margin:0}.flyer-gallery-track img{display:block;width:100%;height:420px;object-fit:contain;background:#eee8df;box-shadow:0 5px 15px #0002}.flyer-gallery-track figcaption{font-size:.8rem;margin-top:14px}.flyer-gallery .past-note{margin-top:16px}.flyer-gallery-track:focus-visible,.flyer-gallery-heading button:focus-visible{outline:2px solid #b99a5a;outline-offset:4px}@media(max-width:560px){.flyer-gallery-heading{align-items:start;flex-direction:column;gap:12px}.flyer-gallery-track{gap:18px}.flyer-gallery-track figure{flex-basis:76vw}.flyer-gallery-track img{height:360px}}
.automation-demo{margin:48px 0 0;padding:36px;background:#ece8df;color:#303b37;border-radius:12px}.automation-demo header h3{font-size:1.8rem;margin:10px 0}.automation-demo header>p:last-child{margin-bottom:24px}.automation-tabs{display:flex;gap:10px;flex-wrap:wrap}.automation-tabs button,.automation-bottom button{border:1px solid #8b998b;border-radius:6px;padding:10px 18px;background:#faf8f2;color:#303b37;cursor:pointer;font-size:.85rem}.automation-tabs button[aria-pressed=true]{background:#303b37;color:#fffaf0}.automation-mode{margin:20px 0;font-size:.8rem}.automation-mode select{max-width:100%;margin-left:10px;padding:8px;background:#faf8f2;color:#303b37;border:1px solid #bbaa8b;border-radius:4px}.automation-flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:8px;margin:28px 0}.auto-step{padding:22px 16px;background:#faf8f2;border:1px solid #d0c8b8;border-radius:10px;min-height:235px;position:relative;animation:auto-step-glow 1s ease both;animation-delay:var(--delay)}.auto-step small{font-size:.7rem;color:#806329}.auto-step h4{font-size:1rem;margin:16px 0 8px}.auto-step p{font-size:.75rem;margin:0;line-height:1.7}.auto-art{height:75px;margin-top:16px;padding:12px;background:#e6eddf;border-radius:5px;font-size:.7rem;line-height:1.7;overflow:hidden}.auto-art span{display:block;border-bottom:1px solid #a3b39e;margin:3px 0}.auto-connector{height:2px;background:#a7b39f;position:relative}.auto-connector:after{content:'›';position:absolute;right:-2px;top:-17px;font-size:25px}.auto-connector:before{content:'';width:9px;height:9px;position:absolute;top:-4px;left:0;background:#a3833d;border-radius:50%;animation:auto-travel 1s ease both;animation-delay:var(--delay)}.auto-step:last-child{background:#dce7d7;border-color:#7e9675}.automation-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:20px}.automation-bottom p{font-size:.72rem;max-width:600px}.automation-bottom button{flex-shrink:0}.automation-demo button:focus-visible,.automation-demo select:focus-visible{outline:3px solid #a3833d;outline-offset:3px}@keyframes auto-travel{from{left:0;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}@keyframes auto-step-glow{from{opacity:.5;transform:translateY(12px);box-shadow:0 0 0 4px #b8a06b50}to{opacity:1;transform:none;box-shadow:0 0 0 0 transparent}}@media(max-width:820px){.automation-flow{grid-template-columns:1fr;gap:18px}.auto-step{min-height:0}.auto-connector{width:2px;height:25px;justify-self:center}.auto-connector:after{content:'⌄';top:3px;right:-8px}.auto-connector:before{left:-3px;top:0;animation-name:auto-travel-down}.automation-bottom{flex-direction:column;align-items:start}.automation-demo{padding:24px}.automation-mode select{display:block;margin:8px 0 0}.automation-demo header h3{font-size:1.5rem}}@keyframes auto-travel-down{from{top:0;opacity:0}20%{opacity:1}to{top:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.auto-step,.auto-connector:before{animation:none}.auto-connector:before{display:none}}
.automation-demo{padding:42px;background:#e8e6dc;background-image:radial-gradient(#97a18d55 .8px,transparent .8px);background-size:18px 18px}.automation-flow{gap:12px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr)}.auto-step{padding:24px 18px;min-height:390px;box-shadow:0 8px 24px #243b2910;border-radius:14px}.auto-step h4{font-size:1.15rem}.auto-step:last-child{background:#dce7d7}.auto-art.auto-screen{height:220px;padding:0;margin-top:22px;background:#fff;border:1px solid #cbd1c4;border-radius:9px;position:relative;color:#303b37;box-shadow:0 4px 12px #0001}.auto-screen span{border:0;margin:0}.mock-toolbar{display:flex;gap:12px;padding:12px;background:#303b37;color:#f4e7c6;font-size:9px;letter-spacing:.06em}.mock-toolbar em{font-style:normal;color:#fff;font-size:10px;letter-spacing:0}.mock-transcript,.mock-document,.mock-mail,.mock-calendar,.mock-fields,.mock-form{padding:14px}.mock-transcript p{font-size:10px;margin-bottom:12px;animation:mock-appear .8s both}.mock-transcript b{display:block;color:#8d6f2e;font-size:9px}.mock-ai-lines{padding:18px}.mock-ai-lines span{display:block!important;margin:10px 0!important;padding:8px;background:#eee9dc;border-left:3px solid #a88c48;animation:mock-appear .8s both;animation-delay:calc(var(--delay) + .3s)}.mock-ai-lines span:nth-child(2){animation-delay:calc(var(--delay) + .6s)}.mock-ai-lines span:nth-child(3){animation-delay:calc(var(--delay) + .9s)}.mock-document>b{font-size:10px}.mock-document p{font-size:10px;margin:7px 0 12px}.mock-task{padding:6px;background:#e4eddd;margin-top:7px;font-size:10px;animation:mock-appear .8s both;animation-delay:calc(var(--delay) + .5s)}.mock-task small{display:block;padding-left:14px;font-size:8px}.mock-form label{display:block;font-size:9px;margin-bottom:6px}.mock-form label span{display:block;padding:3px 8px;border:1px solid #deded4;background:#faf9f4;animation:mock-appear 1s both;animation-delay:calc(var(--delay) + .4s)}.mock-form strong{display:block;background:#40583f;color:white;text-align:center;padding:6px;font-size:10px;border-radius:3px}.mock-mail small{font-size:9px}.mock-mail h5{font-size:11px;margin:12px 0}.mock-mail p{font-size:10px;margin:8px 0}.mock-badge{display:inline-block!important;background:#dce9d3;color:#3a5836;padding:4px 8px!important;font-size:9px;margin:6px 12px!important}.mock-week{letter-spacing:5px;font-size:10px;border-bottom:1px solid #ddd;padding-bottom:10px}.mock-days{font-size:10px;margin:12px 0}.mock-days b{background:#c1d2b5;padding:6px;border-radius:50%}.mock-event{border-left:3px solid #8f7035;padding:10px;background:#e9e5d8;animation:mock-appear 1s both;animation-delay:calc(var(--delay) + .5s)}.mock-event b,.mock-event span{display:block;font-size:10px}.mock-business-card{background:#f8f4e9;margin:24px 16px 12px;padding:16px;border:1px solid #d9d0bb;transform:rotate(-4deg);box-shadow:0 8px 15px #0002}.mock-business-card b{display:block;font-size:19px;margin:10px 0}.mock-business-card span{display:block;font-size:10px}.mock-business-card small{font-size:8px}.mock-scan-line{position:absolute;left:10px;right:10px;top:65px;height:2px;background:#a88b4b;box-shadow:0 0 14px #a88b4b;animation:mock-scan 2s ease both}.mock-fields p{display:flex;flex-direction:column;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom:9px;animation:mock-appear .8s both;animation-delay:calc(var(--delay) + .4s)}.mock-fields small{font-size:8px}.mock-fields b{font-size:10px}.mock-table{padding:14px 10px}.mock-table>div{display:grid;grid-template-columns:2fr 1fr;gap:5px;padding:9px 5px;font-size:9px;border-bottom:1px solid #dce0d6;animation:mock-appear .8s both;animation-delay:calc(var(--delay) + .4s)}.mock-table>div:first-child{background:#e1e9d9}.mock-table span{display:block}.mock-table>div:nth-child(3){animation-delay:calc(var(--delay) + .7s)}.mock-table>div:nth-child(4){animation-delay:calc(var(--delay) + 1s)}@keyframes mock-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-scan{from{top:60px;opacity:0}20%{opacity:1}to{top:195px;opacity:0}}@media(max-width:820px){.automation-demo{padding:24px}.automation-flow{grid-template-columns:1fr}.auto-step{min-height:0}.auto-art.auto-screen{height:230px}.mock-week{letter-spacing:8px}}@media(prefers-reduced-motion:reduce){.auto-screen *{animation:none!important}.mock-scan-line{display:none}}
.is-image-flow .auto-step{background:transparent;border:0;box-shadow:none;min-height:0;padding:10px;text-align:center}.is-image-flow .auto-step>small,.is-image-flow .auto-step>p{display:none}.is-image-flow .auto-step h4{font-size:1.05rem;font-weight:500}.is-image-flow .auto-step .auto-screen{background:transparent;border:0;box-shadow:none;height:auto;aspect-ratio:1;margin-top:16px;overflow:visible}.auto-sprite{width:100%;height:100%;background-image:url('../../images/automation-card-sprites.webp');background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 12px 16px #263b2520);animation:sprite-arrive 1.2s ease both;animation-delay:var(--delay)}.sprite-0{background-position:left center}.sprite-1{background-position:center}.sprite-2{background-position:right center}.sprite-scan{position:absolute;left:27%;right:27%;height:2px;background:#efd084;box-shadow:0 0 12px 3px #efcc7880;top:30%;animation:sprite-scan 2s ease both;animation-delay:1.8s}.is-image-flow .auto-connector{background:#b39b65}.is-image-flow .auto-connector:before{width:13px;height:13px;top:-6px;box-shadow:0 0 0 5px #b39b6520;animation-duration:1.4s}@keyframes sprite-arrive{from{opacity:0;transform:translateY(25px) scale(.92)}to{opacity:1;transform:none}}@keyframes sprite-scan{from{top:25%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:70%;opacity:0}}@media(max-width:820px){.is-image-flow .auto-step .auto-screen{max-width:300px;margin:16px auto 0}.is-image-flow .auto-connector:before{top:0;left:-5px}}@media(prefers-reduced-motion:reduce){.auto-sprite,.sprite-scan{animation:none}.sprite-scan{display:none}}
/* Use familiar work screens rather than generated illustration textures. */
.automation-demo{background:#edece6;background-image:none}.is-practical-flow .auto-step{border:0;background:transparent;box-shadow:none;min-height:0;padding:12px 6px;animation:none}.is-practical-flow .auto-step:last-child{background:transparent}.is-practical-flow .auto-step>small,.is-practical-flow .auto-step>p{display:none}.is-practical-flow .auto-step h4{font-size:1rem;font-weight:500;margin:0 0 18px}.is-practical-flow .auto-screen{height:260px;background:#fff;border:1px solid #d0d5cf;box-shadow:0 8px 24px #1f302010;border-radius:8px;margin:0;animation:work-screen-arrive .8s ease both;animation-delay:var(--delay)}.mock-toolbar{background:#f1f3f0;color:#586458;border-bottom:1px solid #dce1d9;font-size:9px}.mock-toolbar em{color:#303b37;font-size:11px}.mock-business-card{background:#fff;margin:42px 16px 16px;padding:20px 16px;border:1px solid #d4d9d1;transform:none;box-shadow:0 4px 12px #0001}.mock-business-card b{font-size:20px;margin:14px 0 8px}.mock-business-card small{font-size:10px}.mock-business-card hr{border:0;border-top:1px solid #d7dcd4;margin:14px 0}.mock-fields{padding:22px 16px}.mock-fields p{padding:8px 0 10px;margin:0 0 8px;animation:work-data-arrive .7s ease both;animation-delay:calc(var(--delay) + .2s)}.mock-fields p:nth-child(2){animation-delay:calc(var(--delay) + .5s)}.mock-fields p:nth-child(3){animation-delay:calc(var(--delay) + .8s)}.mock-fields small{font-size:10px;color:#707b6f}.mock-fields b{font-size:12px;font-weight:500;margin-top:4px}.mock-table{padding:24px 10px}.mock-table>div{font-size:11px;padding:12px 5px}.mock-table>div:first-child{background:#f1f3f0;animation:none}.mock-table>div:nth-child(2){background:#edf4e8}.mock-table>div:not(:first-child){animation:work-data-arrive .7s ease both;animation-delay:calc(var(--delay) + .3s)}.mock-table>div:nth-child(3){animation-delay:calc(var(--delay) + .6s)}.mock-table>div:nth-child(4){animation-delay:calc(var(--delay) + .9s)}.is-practical-flow .auto-connector:before{box-shadow:none;background:#87987e}.mock-badge{background:#edf3e8;font-size:10px}.mock-ai-lines span{background:#f1f3ed;border-left:2px solid #809373}.mock-transcript p,.mock-document p,.mock-mail p{font-size:11px}.mock-task{background:#edf3e8}.mock-event{background:#edf3e8;border-color:#819475}.mock-form label{font-size:10px}.mock-form label span{background:#fff;padding:5px 8px}.mock-form{padding:16px}.mock-mail h5{font-size:13px}.mock-document{padding:18px}.mock-document>b{font-size:12px}@keyframes work-screen-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes work-data-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@media(max-width:820px){.is-practical-flow .auto-screen{max-width:420px;margin:auto}.is-practical-flow .auto-step h4{text-align:center}}@media(prefers-reduced-motion:reduce){.is-practical-flow .auto-screen,.is-practical-flow .auto-screen *{animation:none!important}}
.automation-demo{background:transparent;padding:36px 0}.automation-demo header h3{font-family:var(--font-body,sans-serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.4;max-width:700px}.automation-stage{position:relative;aspect-ratio:1.4;background:#dfe7d1;border-radius:30px;overflow:hidden;margin:28px 0 0;color:#303b37;isolation:isolate}.stage-badge{position:absolute;top:6%;left:6%;background:#c5d3b2;padding:7px 16px;border-radius:30px;font-size:.85rem;z-index:4}.stage-path{position:absolute;inset:0;width:100%;height:100%}.stage-source{position:absolute;left:6%;bottom:15%;width:29%;height:34%;transform:rotate(-9deg)}.source-paper{position:absolute;inset:0;background:#faf9f0;border:3px solid #303b37;border-radius:6px;box-shadow:0 4px 0 #303b371a}.back-paper{transform:rotate(-17deg) translate(-5%,-14%);background:#ead585}.middle-paper{transform:rotate(15deg) translate(10%,-10%);background:#b9cba4}.front-paper{padding:12%;animation:source-bob 8s ease-in-out infinite}.source-paper small{font-size:clamp(9px,1.4vw,14px);font-weight:700}.paper-strokes i{display:block;height:4px;width:75%;background:#a5b497;margin-top:9px;border-radius:8px}.paper-strokes i:nth-child(2){width:50%}.paper-face{position:absolute;right:12%;bottom:10%;display:flex;gap:8px;align-items:center}.paper-face b{width:6px;height:8px;background:#303b37;border-radius:50%}.paper-face span{font-size:20px}.stage-chips span{position:absolute;left:14%;top:43%;padding:7px 12px;background:#faf9f0;border-radius:9px;font-size:clamp(10px,1.6vw,16px);font-weight:600;animation:chip-flight 8s ease-in-out infinite;animation-delay:calc(var(--i)*.6s);opacity:0;z-index:5}.stage-result{position:absolute;right:6%;top:33%;width:51%;background:#faf9f0;border:3px solid #303b37;border-radius:14px;overflow:hidden;transform:rotate(2deg);box-shadow:0 8px 0 #303b3712}.result-title{background:#303b37;color:#faf9f0;padding:10px 14px;font-size:clamp(11px,1.7vw,18px)}.result-row{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #d5dccb;animation:row-arrive 8s ease infinite;animation-delay:calc(var(--i)*.5s)}.result-avatar{width:25px;height:25px;background:#a6b997;border-radius:50%;flex-shrink:0}.result-row>div{flex:1}.result-row i,.result-notes i{display:block;height:5px;border-radius:5px;background:#8da17b;width:75%;margin:4px 0}.result-row i:nth-child(2){width:50%;background:#c1ceb6}.result-mail{font-size:18px}.stage-spark{position:absolute;right:9%;top:22%;color:#b2943b;font-size:42px;animation:spark-pop 8s ease infinite}.stage-controls{position:absolute;bottom:5%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:22px}.stage-dots{letter-spacing:8px;font-size:10px;color:#7a8b70}.stage-pause{border:0;background:transparent;color:#303b37;font-size:.7rem;text-decoration:underline;cursor:pointer}.stage-caption{font-size:clamp(1.2rem,3vw,2rem);font-weight:700;text-align:center;margin:20px 0}.automation-tabs{justify-content:center;margin-bottom:24px}.automation-tabs button{border:0;background:#e4e8dc;border-radius:40px;flex:1;max-width:200px;padding:13px 9px;font-weight:600}.result-notes{padding:16px}.result-notes b{font-size:12px;display:block;margin-bottom:9px}.result-notes i{margin-bottom:10px}.result-notes span{display:block;font-size:11px;margin-top:10px;background:#e4ebda;padding:7px;animation:row-arrive 8s ease infinite}.result-envelope{padding:15px;display:flex;gap:10px;align-items:center;font-size:13px;animation:row-arrive 8s ease infinite}.result-envelope>span{font-size:34px}.result-calendar{margin:0 15px 15px;border:1px solid #c1ceb6;border-radius:8px;text-align:center;animation:row-arrive 8s ease infinite;animation-delay:.7s}.result-calendar small{display:block;background:#c5d3b2;font-size:9px;padding:4px}.result-calendar b{display:block;font-size:25px}.result-calendar span{font-size:10px;display:block;padding:5px}.source-meeting{height:42%;bottom:13%}.source-form{height:45%;bottom:12%}.stage-paused *,.stage-offscreen *{animation-play-state:paused!important}@keyframes chip-flight{0%,10%{opacity:0;transform:translate(0,25px) rotate(-6deg)}20%{opacity:1}45%{opacity:1;transform:translate(90px,-70px) rotate(3deg)}65%{opacity:0;transform:translate(180px,0)}100%{opacity:0;transform:translate(180px,0)}}@keyframes row-arrive{0%,30%{opacity:.15;transform:translateX(15px)}55%,90%{opacity:1;transform:none}100%{opacity:.15;transform:translateX(15px)}}@keyframes source-bob{0%,100%{transform:translateY(0)}30%{transform:translateY(-7px)}65%{transform:translateY(0)}}@keyframes spark-pop{0%,45%,100%{opacity:0;transform:scale(.7)}60%,80%{opacity:1;transform:scale(1)}}@media(max-width:820px){.automation-stage{aspect-ratio:1/1.1}.stage-result{top:36%;right:5%;width:55%}.stage-source{left:5%;bottom:18%;width:31%;height:28%}.source-meeting,.source-form{height:35%}.result-row{padding:10px 7px;gap:7px}.result-avatar{width:21px;height:21px}.stage-chips span{padding:6px 9px}.automation-tabs{gap:7px}.automation-tabs button{font-size:.75rem}.automation-demo{padding:28px 0}.stage-badge{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.automation-stage *{animation:none!important}.stage-chips span{display:none}.result-row{opacity:1}.stage-spark{display:none}}
.automation-demo header h3{font-family:var(--ui-font)!important;font-weight:600!important}.stage-caption{font-family:var(--ui-font)!important;font-weight:600!important}
/* 2026-09-13 公開前レビュー：小さな操作ボタンは見た目を変えずに押せる範囲だけ広げる／デモの注意書きを読みやすく */
.scene-toggle::after{content:"";position:absolute;inset:-8px -4px}.stage-pause{position:relative}.stage-pause::after{content:"";position:absolute;inset:-13px -8px}.automation-bottom p{font-size:.8rem}
/* 2026-09-13 自動化デモの色を生成り・墨・金茶に統一（緑をやめる） */
.automation-stage{background:#ece4d3}
.stage-badge{background:#e0d1b1}
.back-paper{background:#e6d3ad}.middle-paper{background:#d8c7a6}
.paper-strokes i,.result-row i,.result-notes i{background:#b59c6e}
.result-row i:nth-child(2){background:#d9ccb0}
.result-avatar{background:#c9b48d}
.result-row{border-bottom-color:#e2d8c4}
.result-notes span{background:#efe6d3}
.result-calendar{border-color:#d5c8b3}.result-calendar small{background:#e0d1b1}
.stage-dots{color:#9a8a6a}
.automation-tabs button{background:#ece4d3;color:var(--ink)}
.automation-tabs button[aria-pressed=true]{background:var(--navy);color:#fcfaf5}
/* 自動化の例：浮世絵のページに合わせた静かな3段の図（2026-09-13・顔／キラッ／点線／飛ぶ札をやめた） */
.flow-plate{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch;margin:28px 0 0;padding:clamp(24px,3.2vw,44px);background:#f6f1e6;border:1px solid var(--line);border-radius:6px;color:var(--ink)}
.fp-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp-step{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:.8rem;letter-spacing:.16em;color:#88652f}
.fp-step::after{content:"";flex:1;height:1px;background:#d5c8b3}
.fp-title{margin:0 0 10px;font-weight:600;font-size:1rem;line-height:1.5}
.fp-art{flex:1;min-height:230px;display:flex;align-items:center;justify-content:center}
.fp-arrow{align-self:center;position:relative;height:1px;margin:40px 10px 0;background:#8a7a5c}
.fp-arrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid #8a7a5c;border-right:1px solid #8a7a5c;transform:rotate(45deg)}
.fp-paper{background:#fcfaf5;border:1px solid #4a4a42;border-radius:2px;box-shadow:3px 3px 0 #e6dcc8}
.fp-lines{display:block;flex:1}
.fp-lines i{display:block;height:2px;margin:7px 0;background:#cdbd9c;border-radius:1px}
.fp-lines i:nth-child(2n){width:70%}
.fp-lines i:nth-child(3n){width:86%}
.fp-cards{position:relative;width:min(100%,230px);aspect-ratio:1.15}
.fp-card{position:absolute;left:8%;width:78%;aspect-ratio:91/55;padding:10% 9%}
.fp-card-0{top:4%;transform:rotate(-7deg)}
.fp-card-1{top:24%;left:14%;transform:rotate(4deg)}
.fp-card-2{top:44%;transform:rotate(-2deg)}
.fp-sheet{width:min(100%,240px);padding:16px 18px}
.fp-transcript .fp-lines i{margin:6px 0}
.fp-form{display:grid;gap:14px}
.fp-field{display:grid;gap:6px}
.fp-field i{display:block;width:38%;height:2px;background:#cdbd9c}
.fp-field em{display:block;height:20px;border:1px solid #b9ab8e;border-radius:2px}
.fp-tags{list-style:none;margin:0;padding:0;width:min(100%,220px);display:grid;gap:12px}
.fp-tags li{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fcfaf5;border:1px solid #b59c6e;border-radius:2px;font-size:.92rem}
.fp-tags li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#88652f}
.fp-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #e2d8c4}
.fp-row:last-child{border-bottom:0}
.fp-row .fp-lines i{margin:5px 0}
.fp-dot{flex:none;width:18px;height:18px;border:1px solid #8a7a5c;border-radius:50%;background:#efe6d3}
.fp-mark{flex:none;font-size:.85rem;color:#88652f}
.fp-notes{display:flex;flex-direction:column;gap:4px;font-size:.82rem}
.fp-notes b{font-weight:600;color:#88652f;font-size:.78rem;margin-top:4px}
.fp-check{padding:5px 8px;background:#efe6d3;border-radius:2px}
.fp-after-form{width:min(100%,240px);display:grid;gap:14px}
.fp-mail{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem}
.fp-mail b{font-weight:600}
.fp-cal{display:grid;text-align:center;overflow:hidden;font-size:.78rem}
.fp-cal small{padding:4px;background:#e0d1b1;letter-spacing:.1em}
.fp-cal b{font-family:var(--display);font-size:2rem;font-weight:600;line-height:1.3;padding-top:6px}
.fp-cal span{padding:0 0 10px;color:#5f5d55}
@keyframes fp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flow-plate.is-ready .fp-anim{opacity:0}
.flow-plate.is-play .fp-anim{animation:fp-in .7s ease forwards;animation-delay:var(--d,0s)}
@media(max-width:820px){.flow-plate{grid-template-columns:1fr;padding:24px 20px}.fp-arrow{justify-self:center;width:1px;height:30px;margin:10px 0}.fp-arrow::after{right:auto;left:-4px;top:auto;bottom:0;transform:rotate(135deg)}.fp-art{min-height:0;padding:4px 0 6px}.fp-tags{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.fp-tags li{padding:8px;font-size:.8rem;gap:6px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.flow-plate .fp-anim{opacity:1!important;animation:none!important;transform:none!important}}