/* Concrete website scenes: voice-led and embedded conversation entry points. */
.entry-scene{position:relative;height:385px;margin:-35px -45px 32px;padding:28px 26px 35px;overflow:hidden;background:radial-gradient(ellipse at 80% 90%,#b4c9ed80,transparent 68%),#edf2fa;color:#304566;isolation:isolate}
.entry-scene.entry-scene-inline{height:auto;min-height:385px;background:radial-gradient(ellipse at 10% 100%,#afd4c990,transparent 65%),#edf4f1}
.entry-scene-inline .entry-browser{height:auto}
.entry-browser{position:relative;height:100%;border:1px solid #c7d2e4;border-radius:14px;background:#fff;box-shadow:0 17px 35px #39547d17;overflow:hidden}
.entry-browser-bar{height:29px;background:#f8faff;border-bottom:1px solid #e1e6f0;display:flex;align-items:center;gap:5px;padding:0 12px;color:#8390a6;font-size:9px}
.entry-browser-bar>i{width:4px;height:4px;border-radius:50%;background:#c1cbda}.entry-browser-bar>span{margin-left:7px}
.entry-site-nav{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ecf0f5;font-size:11px;letter-spacing:.04em}
.entry-site-nav>span{font-size:8px;word-spacing:9px;color:#94a0b0}
.entry-page-hero{position:relative;margin:14px 16px;padding:18px;background:#eaf0f9;border-radius:6px;min-height:104px}
.entry-page-hero>small{font-size:8px;letter-spacing:.05em;color:#7f93ae}.entry-page-hero>strong{display:block;font-size:19px;font-weight:500;line-height:1.5;margin-top:6px;letter-spacing:.02em}
.entry-book{position:absolute;right:17px;bottom:10px;width:85px;height:76px;opacity:.8}
.entry-page-rows{display:flex;gap:10px;margin:0 17px}.entry-page-rows>span{height:34px;flex:1;background:#f2f5fa;border-radius:5px;border:1px solid #e7edf6}
.entry-invitation{position:absolute;z-index:2;left:10%;right:28%;bottom:68px;padding:16px 17px;border:1px solid #b1c5e4;border-radius:16px 16px 3px 16px;background:#fff;box-shadow:0 10px 28px #45689c25}
.entry-invitation>small{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#537cae;margin-bottom:8px}.entry-invitation p{font-size:15px;line-height:1.65;color:#2d466a;font-weight:500;letter-spacing:0}
.entry-voice-bars{height:14px;display:flex;align-items:center;gap:2px}.entry-voice-bars i{display:block;width:2px;height:5px;border-radius:2px;background:#7199cc;animation:entry-voice 1.7s ease-in-out infinite alternate}.entry-voice-bars i:nth-child(2),.entry-voice-bars i:nth-child(4){height:10px;animation-delay:-.6s}.entry-voice-bars i:nth-child(3){height:14px;animation-delay:-1s}
.entry-avatar{position:absolute;z-index:3;right:5%;bottom:37px;width:104px;height:147px;filter:drop-shadow(0 5px 8px #28436320)}
.entry-avatar svg{display:block;width:100%;height:100%}.entry-avatar>span{position:absolute;bottom:0;left:5px;right:5px;border-radius:16px;background:#315c98;color:white;box-shadow:0 4px 12px #385b9026;text-align:center;font-size:10px;padding:5px 8px;letter-spacing:.03em}
.entry-scene-label{position:absolute;left:0;right:0;bottom:11px;font-size:10px;text-align:center;color:#58739a;letter-spacing:.04em}
.entry-scene-label>b{color:#3d679c;font-weight:600}.entry-scene-note{display:block;margin:-12px 0 24px!important;font-size:10px!important;color:#8a96a6!important;line-height:1.6!important}
.entry-inline-content{padding:15px 18px}.entry-inline-content>small{font-size:8px;letter-spacing:.08em;color:#8b9d96}.entry-inline-content>strong{display:block;font-size:19px;font-weight:500;margin:5px 0 10px;color:#426553}.entry-home-line{height:1px;background:#d6e2dc;margin:10px 0 15px}
.entry-inline-summary{display:flex;gap:8px}.entry-inline-summary span{font-size:9px;padding:8px 11px;background:#edf4ef;border-radius:4px;color:#628575}
.entry-embedded{position:relative;margin-top:16px;padding:13px;border:1.5px solid #68a897;border-radius:9px;background:linear-gradient(135deg,#f0faf7,#fff);box-shadow:0 0 0 4px #77b7a513}
.entry-embedded-label{font-size:10px;color:#538979;font-weight:600;display:flex;gap:6px;align-items:center}.entry-embedded-label>b{font-size:14px}
.entry-input-demo{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;padding:10px 9px;background:white;border:1px solid #b9d4cb;border-radius:6px;color:#355c4f;font-size:12px;line-height:1.5}.entry-input-demo>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#397d68;color:white;font-size:14px}
.entry-inline-reply{font-size:11px;line-height:1.75;color:#57796b;margin-top:10px!important}.entry-inline-reply>b{color:#42725f;font-size:10px;display:block;margin-bottom:3px}
.entry-cursor{position:absolute;width:23px;height:28px;right:5px;top:65px;filter:drop-shadow(0 2px 3px #244e3930)}
.entry-scene-inline .entry-scene-label,.entry-scene-inline .entry-scene-label>b{color:#4d806e}
@keyframes entry-voice{to{transform:scaleY(.45);opacity:.65}}
@media(prefers-reduced-motion:reduce){.entry-voice-bars i{animation:none}}

/* Each setup illustration travels with its explanation, rather than shrinking a whole diagram. */
.setup-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin:55px 0 0;padding:0;list-style:none;counter-reset:setup}
.setup-flow>li{position:relative;min-width:0;counter-increment:setup}
.setup-art{position:relative;width:100%;max-width:165px;height:155px;display:grid;place-items:center;margin:0 auto 27px;background:radial-gradient(ellipse at 50% 70%,#344a6d4d,transparent 70%)}
.setup-art:after{content:counter(setup,decimal-leading-zero);position:absolute;left:8px;top:0;font-size:11px;letter-spacing:.06em;color:#a9bdd8}
.setup-art>svg{width:128px;height:128px;filter:drop-shadow(0 12px 12px #0003)}
.setup-flow>li:not(:last-child) .setup-art:before{content:"→";position:absolute;right:-23px;top:59px;color:#627a9c;font-size:20px}
.setup-copy{padding-top:22px;border-top:1px solid #7897bf42}.setup-copy>small{font-size:12px;color:#8fa8ca;letter-spacing:.04em}
.setup-copy h3{font-size:21px;line-height:1.55;color:#bed6f5;margin:12px 0}.setup-copy p{font-size:14px;line-height:1.9;color:#98a6bb}
.setup-diagnosis .setup-art{background:radial-gradient(ellipse at 50% 60%,#7065d451,transparent 68%)}.setup-diagnosis .setup-copy{border-top-color:#a797f6}.setup-diagnosis .setup-copy>small{color:#c9baff}.setup-diagnosis .setup-copy h3{color:#dfd5ff}
.setup-personal-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;padding:24px 27px;border:1px solid #7e80b43d;border-radius:15px;background:linear-gradient(105deg,#161c2a,#24213d65)}
.setup-personal-note strong{font-size:18px;color:#d6dcf3;font-weight:550}.setup-personal-note p{font-size:13px;line-height:1.9;color:#9dabc1;margin-top:7px}.setup-personal-note .detail-link{color:#bfccec;white-space:nowrap;font-size:13px}.setup-personal-note .detail-link>span{background:#ffffff0a;color:#bfccec}

/* Brand-inspired palettes; the independent reference labels remain unchanged. */
.reference-card[data-brand="ana"]{--brand-rgb:6,43,122;--brand-deep:4,16,52;--brand-accent:#55bbff}
.reference-card[data-brand="bmw"]{--brand-rgb:25,37,53;--brand-deep:5,16,28;--brand-accent:#339bfa}
.reference-card[data-brand="hoshino"]{--brand-rgb:39,73,47;--brand-deep:9,27,16;--brand-accent:#b0cc8e}
.reference-card[data-brand="sekisui"]{--brand-rgb:119,29,55;--brand-deep:45,9,23;--brand-accent:#ffa3b8}
.reference-card[data-brand="amazon"]{--brand-rgb:112,65,16;--brand-deep:33,22,12;--brand-accent:#ffb84d}
.reference-card[data-brand="uniqlo"]{--brand-rgb:162,13,28;--brand-deep:53,5,11;--brand-accent:#ff9c9c}
.reference-card[data-brand]{background:linear-gradient(145deg,rgb(var(--brand-rgb)),rgb(var(--brand-deep)));border-color:color-mix(in srgb,var(--brand-accent) 40%,transparent);box-shadow:inset 0 3px var(--brand-accent)}
.reference-card[data-brand] .reference-card-head{border-color:color-mix(in srgb,var(--brand-accent) 35%,transparent)}
.reference-card[data-brand] .reference-card-head h3{color:#fff}.reference-card[data-brand] .reference-card-head>span{color:color-mix(in srgb,var(--brand-accent) 38%,white)}
.reference-card[data-brand]>p{color:#e2e7ed}.reference-card[data-brand] h4{color:#fff}.reference-card[data-brand] .reference-image-note{color:#e3e7ed}
.reference-with-image[data-brand]::after{background:linear-gradient(180deg,rgb(var(--brand-rgb)) 0%,rgb(var(--brand-rgb)) 29%,rgba(var(--brand-rgb),.95) 39%,rgba(var(--brand-rgb),.54) 60%,rgba(var(--brand-rgb),.18) 74%,rgba(var(--brand-deep),.9) 94%,rgb(var(--brand-deep)) 100%)}
.reference-with-image[data-brand] .reference-image{opacity:.9}
@media(max-width:1050px){
 .entry-scene{margin:-30px -30px 30px;padding-left:20px;padding-right:20px;height:365px}
 .entry-invitation{left:8%;right:29%;padding:14px}.entry-invitation p{font-size:13px}.entry-avatar{width:89px;height:128px}
 .entry-page-hero>strong{font-size:17px}.entry-book{width:65px;opacity:.65}
 .entry-inline-content{padding:14px}.entry-inline-content>strong{font-size:17px}.entry-inline-summary span{padding:7px 8px}.entry-input-demo{font-size:11px}
 .setup-flow{gap:18px}.setup-art{height:133px}.setup-art>svg{width:106px;height:106px}.setup-flow>li:not(:last-child) .setup-art:before{right:-16px;top:51px}.setup-copy h3{font-size:19px}.setup-copy p{font-size:13px}
}
@media(max-width:760px){
 .entry-scene{height:365px}.entry-site-nav{padding:0 14px}.entry-site-nav>span{word-spacing:4px;font-size:7px}.entry-page-hero{padding:16px 14px}.entry-invitation{bottom:70px;right:29%;left:8%;padding:14px 12px}.entry-invitation p{font-size:14px}.entry-avatar{right:6%;width:94px;height:137px}.entry-inline-content{padding:13px}.entry-inline-summary span{font-size:9px}.entry-input-demo{font-size:12px;padding:10px 8px}.entry-inline-reply{font-size:11px}
 .setup-flow{display:flex;flex-direction:column;gap:0;margin-top:40px}
 .setup-flow>li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:27px 0;border-top:1px solid #7588a429}
 .setup-flow>li:last-child{border-bottom:1px solid #7588a429}.setup-art{height:110px;width:96px;margin:0}.setup-art>svg{height:94px;width:94px}.setup-art:after{left:4px;top:-8px;font-size:11px}
 .setup-flow>li:not(:last-child) .setup-art:before{content:none}.setup-copy{border:0;padding:0}.setup-copy>small{font-size:12px}.setup-copy h3{font-size:22px;margin:8px 0 12px;line-height:1.5}.setup-copy p{font-size:14px;line-height:1.85}
 .setup-diagnosis{background:linear-gradient(90deg,#7f6bd415,transparent);border-top-color:#b0a2f35c!important}
 .setup-personal-note{display:block;margin-top:28px;padding:24px 22px}.setup-personal-note strong{font-size:18px;line-height:1.7}.setup-personal-note .detail-link{margin-top:17px;white-space:normal}.setup-personal-note p{font-size:13px}
 .reference-with-image[data-brand]::after{background:linear-gradient(180deg,rgb(var(--brand-rgb)) 0%,rgb(var(--brand-rgb)) 38%,rgba(var(--brand-rgb),.88) 48%,rgba(var(--brand-rgb),.4) 69%,rgba(var(--brand-rgb),.13) 78%,rgba(var(--brand-deep),.92) 95%,rgb(var(--brand-deep)) 100%)}
}
@media(max-width:360px){
 .entry-scene{padding-left:14px;padding-right:14px}.entry-site-nav>span{display:none}.entry-page-hero>strong{font-size:16px}.entry-book{width:52px;right:10px}.entry-invitation{left:7%;right:28%;padding:13px 10px}.entry-invitation p{font-size:12px}.entry-invitation>small{font-size:9px}.entry-avatar{width:78px;height:118px;right:4%;bottom:46px}.entry-inline-content>strong{font-size:16px}.entry-inline-summary span{font-size:8px;padding:7px}.entry-embedded{padding:11px}.entry-input-demo{font-size:10px}.entry-inline-reply{font-size:10px}
 .setup-flow>li{grid-template-columns:80px minmax(0,1fr);gap:15px}.setup-art{width:80px;height:98px}.setup-art>svg{width:80px;height:80px}.setup-copy h3{font-size:20px}.setup-copy p{font-size:13px}
}