.ai-hero-title{font-size:clamp(36px,4.4vw,60px)!important;line-height:1.3!important}.ai-hero-monthly{font-size:24px;font-weight:800;margin:18px 0 10px}.ai-hero-monthly strong{font-size:clamp(34px,3.5vw,48px);color:var(--red)}.ai-hero-monthly small,.ai-hero-metered small{display:block;font-size:14px;line-height:1.65;color:var(--muted);font-weight:400}.ai-hero-metered{font-size:clamp(18px,2vw,23px);margin:12px 0 20px}.ai-hero-metered strong{display:block;margin-bottom:7px}.service-guide{margin:26px 0 70px}.service-photos{position:relative;min-height:360px;background:#eadfd3;overflow:hidden}.service-photo{position:absolute!important;inset:0!important;width:100%;height:100%;background-image:url('images/service-real-scenes-20260917.webp');background-size:200% 200%;background-repeat:no-repeat}.service-photo.photo-0{background-position:0 0}.service-photo.photo-1{background-position:100% 0}.service-photo.photo-2{background-position:0 100%}.service-photo.photo-3{background-position:100% 100%}.service-guide .guide-player[data-step="0"] .photo-0,.service-guide .guide-player[data-step="1"] .photo-1,.service-guide .guide-player[data-step="2"] .photo-2,.service-guide .guide-player[data-step="3"] .photo-3{opacity:1;visibility:visible;animation:service-camera var(--guide-duration,12s) linear forwards}.service-photo-caption{position:absolute;z-index:5;bottom:12px;left:12px;padding:4px 10px;background:#ffffffdf;border-radius:5px;font-size:12px;color:#40362f}.service-guide-note{font-size:14px;line-height:1.8;margin:16px 0 0;color:var(--muted)}.service-guide .guide-stage{min-height:360px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.service-guide .guide-copy{padding:30px}.service-guide .guide-copy h3{font-size:clamp(23px,2.5vw,32px);line-height:1.5}.service-guide .guide-copy p{font-size:17px;line-height:1.9}@keyframes service-camera{from{transform:scale(1)}to{transform:scale(1.035)}}@media(max-width:700px){.service-guide{padding:20px 14px;margin-bottom:40px}.service-guide .guide-stage{display:flex;flex-direction:column}.service-photos{min-height:0!important;height:auto!important;aspect-ratio:16/10;width:100%}.service-guide .guide-copy{padding:22px 20px}.service-guide .guide-copy h3{font-size:25px}.service-guide .guide-copy p{font-size:17px}.service-guide .guide-timeline{grid-template-columns:repeat(2,1fr)}.ai-hero-metered{font-size:19px}.ai-hero-monthly small,.ai-hero-metered small{font-size:14px}}@media(prefers-reduced-motion:reduce){.service-photo{animation:none!important}}

.service-guide .guide-stage{height:auto;overflow:visible}.service-guide .guide-player.is-paused .service-photo{animation-play-state:paused}.service-guide .service-photo{visibility:hidden}.service-guide .service-photos{align-self:stretch}
.table-access-overlay{position:absolute;z-index:6;right:16px;bottom:18px;width:clamp(132px,30%,190px);padding:0;border:3px solid #fff;border-radius:10px;background:#fff;box-shadow:0 8px 18px #321a1326;overflow:hidden;transform:rotate(-2deg);opacity:0;visibility:hidden}.table-access-overlay img{display:block;width:100%;height:auto}.service-guide .guide-player[data-step="0"] .table-access-overlay{opacity:1;visibility:visible;animation:access-card-in .7s ease both}.service-guide .guide-player.is-paused .table-access-overlay{animation-play-state:paused}@keyframes access-card-in{from{opacity:0;transform:translateY(12px) rotate(-2deg)}to{opacity:1;transform:rotate(-2deg)}}

.service-guide .guide-controls button[aria-pressed=true]{color:#fff}.service-guide .animated-guide-head h2{word-break:normal;overflow-wrap:normal}@media(max-width:700px){.service-guide .animated-guide-head h2{font-size:25px;line-height:1.5}.service-guide .animated-guide-head p:last-child{font-size:16px}}
.service-demo-conversation{display:none;margin-top:20px}.service-guide .guide-player[data-step="1"] .service-demo-conversation,.service-guide .guide-player[data-step="2"] .service-demo-conversation{display:block}.service-guide .demo-label{font-size:13px;margin:0 0 12px;color:var(--muted)}.demo-label small{margin-left:8px}.demo-message{width:92%;padding:12px 15px;border-radius:15px;margin-bottom:12px;box-sizing:border-box}.demo-customer{margin-left:auto;background:#ed1027;color:#fff;border-bottom-right-radius:3px}.demo-assistant{background:#f1ece7;color:#28221e;border-bottom-left-radius:3px}.service-guide .guide-player[data-step="1"] .demo-assistant{display:none}.demo-message b{font-size:13px}.service-guide .demo-message p{font-size:18px;line-height:1.5;min-height:27px;margin:8px 0}.demo-message small{font-size:13px;line-height:1.6;display:block}.demo-voice-bars{float:right;opacity:0}.is-speaking .demo-voice-bars{opacity:1;animation:demo-voice .45s alternate infinite}.demo-cursor{display:none}.is-typing .demo-cursor{display:inline;animation:demo-cursor .7s step-end infinite}.is-paused .demo-cursor{animation-play-state:paused}@keyframes demo-voice{to{transform:scaleY(.4)}}@keyframes demo-cursor{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.demo-voice-bars,.demo-cursor{animation:none!important}}
.service-guide .demo-customer small{color:#fff}.service-guide .demo-assistant small{color:#51443d}.service-guide .demo-label small{color:#6f6258;font-weight:400}
/* Keep every scene within one compact, stable presentation frame. */
.service-guide{padding:18px 24px;margin:20px 0 40px;scroll-margin-top:8px}.service-guide .animated-guide-head{gap:20px;margin-bottom:12px;align-items:center}.service-guide .animated-guide-head .eyebrow{margin:0 0 4px;font-size:11px}.service-guide .animated-guide-head h2{font-size:27px;line-height:1.35;margin:0 0 5px}.service-guide .animated-guide-head h2 br{display:none}.service-guide .animated-guide-head p:last-child{font-size:14px;line-height:1.5}.service-guide .guide-player{padding:10px}.service-guide .guide-timeline{margin-bottom:8px}.service-guide .guide-timeline button{min-height:43px;padding:8px 10px}.service-guide .guide-stage{height:340px;min-height:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden}.service-guide .service-photos{min-height:0}.service-guide .guide-copy{padding:16px 20px;min-height:0;justify-content:center}.service-guide .guide-counter,.service-guide [data-guide-copy]>small{display:none}.service-guide .guide-copy h3{font-size:25px;line-height:1.4;margin:0 0 10px}.service-guide .guide-copy p{font-size:16px;line-height:1.6;margin:6px 0}.service-guide .guide-player[data-step="1"] .guide-copy,.service-guide .guide-player[data-step="2"] .guide-copy{justify-content:flex-start}.service-guide [data-guide-copy="1"] h3,.service-guide [data-guide-copy="2"] h3{font-size:21px;margin-bottom:8px}.service-guide [data-guide-copy="1"] h3 br,.service-guide [data-guide-copy="2"] h3 br{display:none}.service-guide [data-guide-copy="1"]>p,.service-guide [data-guide-copy="2"]>p{display:none}.service-guide .service-demo-conversation{margin-top:0}.service-guide .demo-label{font-size:12px;line-height:1.4;margin:0 0 8px}.service-guide .demo-message{padding:9px 12px;margin-bottom:8px;width:94%}.service-guide .demo-message p{font-size:17px;line-height:1.4;margin:5px 0;min-height:24px}.service-guide .demo-message b{font-size:12px}.service-guide .demo-message small{font-size:12px;line-height:1.4;letter-spacing:normal;font-weight:400}.service-guide .demo-customer small{display:none}.service-guide .demo-assistant [data-demo-text]{display:inline-block;min-height:72px}.service-guide .service-guide-note{font-size:12px;line-height:1.5;margin-top:9px}
@media(max-width:760px){.service-guide{padding:12px;margin-top:14px}.service-guide .animated-guide-head{display:block;margin-bottom:10px}.service-guide .animated-guide-head h2{font-size:22px;line-height:1.35}.service-guide .animated-guide-head p:last-child{display:none}.service-guide .guide-controls{margin-top:9px;flex-wrap:nowrap;gap:5px}.service-guide .guide-controls button{flex:1;min-width:0;min-height:36px;padding:7px 5px;font-size:11px}.service-guide .guide-controls [data-guide-sound]{flex:1.5;flex-basis:auto}.service-guide .guide-timeline{grid-template-columns:repeat(4,1fr);gap:4px}.service-guide .guide-timeline button{min-height:42px;padding:5px;gap:2px}.service-guide .guide-timeline b{font-size:10px}.service-guide .guide-stage{display:flex;flex-direction:column;height:470px;min-height:0}.service-guide .service-photos{flex:0 0 120px;height:120px!important;aspect-ratio:auto}.service-guide .guide-copy{flex:1;padding:12px 14px;overflow:hidden}.service-guide .guide-copy h3{font-size:22px}.service-guide [data-guide-copy="1"] h3,.service-guide [data-guide-copy="2"] h3{font-size:20px}.service-guide .demo-message p{font-size:17px}.service-guide .demo-assistant [data-demo-text]{min-height:96px}.service-guide .service-photo-caption{font-size:10px;bottom:6px;left:6px;padding:2px 6px}.service-guide .service-guide-note{font-size:11px;line-height:1.4}}
.service-guide .demo-assistant [data-demo-text]{display:inline;min-height:0}.service-guide .demo-assistant p{min-height:72px}@media(max-width:760px){.service-guide .demo-assistant p{min-height:80px}.service-guide .demo-message p{font-size:16px;line-height:1.35}.service-guide .demo-message{padding:8px 10px;margin-bottom:6px}.service-guide [data-guide-copy="1"] h3,.service-guide [data-guide-copy="2"] h3{font-size:18px;line-height:1.3;margin-bottom:6px}.service-guide .demo-label{margin-bottom:6px}.service-guide .demo-message small{font-size:11px}}
.ai-guide-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:11px 17px;border:1px solid var(--red);border-radius:6px;color:var(--red);font-size:16px;font-weight:800;text-decoration:none}.ai-guide-link:hover{background:#fff0f2}
@media(max-width:760px){.service-guide .guide-stage{height:400px}.service-guide .service-photos{flex-basis:70px;height:70px!important}.service-guide .guide-copy{padding:10px 12px}.service-guide .guide-timeline li{margin:0;padding:0}.service-guide .guide-timeline button{height:42px;min-height:42px;max-height:42px}.service-guide .demo-message p{margin:4px 0}.service-guide .demo-label small{display:none}.service-guide .demo-assistant p{min-height:65px}}

.ai-guide-link-row{display:flex;justify-content:flex-end;margin:4px 0 8px}.ai-guide-link-row .ai-guide-link{margin:0;padding:9px 13px;font-size:14px;background:#fff0f2}.ai-guide-link-row+.ai-hero-monthly{margin-top:8px}@media(max-width:760px){.ai-guide-link-row .ai-guide-link{font-size:13px;padding:9px 10px}}
/* Avoid Android text inflation and fit the complete guide to the visible screen. */
.service-guide{-webkit-text-size-adjust:100%;text-size-adjust:100%}.service-guide-fit{scroll-margin-top:8px}.service-guide-fit .service-guide{margin:0;transform-origin:top center}.service-guide-fit{margin:20px 0 40px}
@media(max-width:760px){.service-guide .guide-stage{height:auto;min-height:400px;overflow:visible}.service-guide .guide-copy{flex:none;min-height:330px;overflow:visible}.service-guide .guide-timeline button{height:auto;max-height:none;min-height:42px;line-height:1.25}.service-guide .guide-controls button{white-space:nowrap}.service-guide-fit{margin-top:14px}}
@media(max-width:760px){.table-access-overlay{right:8px;bottom:8px;width:112px;border-width:2px}}
@media(max-width:760px){.service-guide .animated-guide-head h2{font-size:clamp(12px,3.7vw,16px);white-space:nowrap;line-height:1.45}.service-guide .animated-guide-head .eyebrow{font-size:10px}}
@media(max-width:760px){.service-guide .guide-timeline button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;min-height:44px;height:auto;max-height:none;white-space:nowrap}.service-guide .guide-timeline small{font-size:11px;line-height:1}.service-guide .guide-timeline b{font-size:0;line-height:1.2}.service-guide .guide-timeline b:after{font-size:10px;line-height:1.2}.service-guide [data-guide-step="0"] b:after{content:"QRを読む"}.service-guide [data-guide-step="1"] b:after{content:"声で質問"}.service-guide [data-guide-step="2"] b:after{content:"AIが回答"}.service-guide [data-guide-step="3"] b:after{content:"店員確認"}}
.service-photo{background-image:url('images/service-real-scenes-20260917.webp')}