/* V3 presentation only. Production product visuals remain isolated and unchanged. */
body.landing-home .home-v3 {
  --paper:#f7f6f3; --ink:#202124; --muted:#646568;
  --accent:#5055bb; --accent-hover:#42469d; --line:#dededb;
  --display:clamp(2.5rem,5vw,4.5rem);
  --heading:clamp(2.25rem,4.2vw,3.75rem); --body:1.125rem; --caption:.8125rem;
  margin:0; background:var(--paper); color:var(--ink);
  font:400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body.landing-home .home-v3 *, body.landing-home .home-v3 *::before, body.landing-home .home-v3 *::after {box-sizing:border-box}
body.landing-home .home-v3 a {color:inherit;text-decoration:none}
body.landing-home .home-v3 :focus-visible {outline:3px solid var(--accent);outline-offset:5px}
body.landing-home .home-v3 ::selection {background:#dfdff4;color:var(--ink)}
body.landing-home .home-v3 h1,body.landing-home .home-v3 h2,body.landing-home .home-v3 p,body.landing-home .home-v3 figure {margin:0}
body.landing-home .home-v3 h1,body.landing-home .home-v3 h2 {font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
body.landing-home .home-v3 h1 {font-size:var(--display)}
body.landing-home .home-v3 h2 {font-size:var(--heading)}
body.landing-home .home-v3 p {font-size:var(--body);line-height:1.5;color:var(--muted);text-wrap:pretty}
body.landing-home .home-v3 .header,body.landing-home .home-v3 .footer,body.landing-home .home-v3 .scene {width:min(1152px,calc(100% - 96px));margin-inline:auto}
body.landing-home .home-v3 .header {min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.landing-home .home-v3 .brand {display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:650;letter-spacing:-.035em;min-height:44px}
body.landing-home .home-v3 .brand img {width:30px;height:30px;object-fit:contain}
body.landing-home .home-v3 nav {display:flex;align-items:center;gap:28px;font-size:14px}
body.landing-home .home-v3 nav a {display:inline-flex;align-items:center;min-height:44px}
body.landing-home .home-v3 .scene {padding-block:112px}
body.landing-home .home-v3 .hero {padding-block:32px 88px}
body.landing-home .home-v3 .intro {text-align:center;margin-block-end:36px}
body.landing-home .home-v3 .intro h1 {max-width:17ch;margin-inline:auto}
body.landing-home .home-v3 .intro>div {margin-block-start:22px}
body.landing-home .home-v3 .intro p {max-width:43ch;margin-inline:auto}
body.landing-home .home-v3 .cta {display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:12px 22px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;margin-block-start:24px}
body.landing-home .home-v3 .cta span {font-size:19px;font-weight:400;line-height:1}
body.landing-home .home-v3 .hero-product {display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;align-items:center;max-width:1064px;margin-inline:auto}
body.landing-home .home-v3 .qr-placement {display:flex;flex-direction:column;align-items:center;gap:20px}
body.landing-home .home-v3 .qr-placement a {display:block;padding:8px;background:#fff}
body.landing-home .home-v3 .qr-placement img {display:block;width:136px;height:136px}
body.landing-home .home-v3 .qr-placement>span {font-size:var(--caption);color:var(--muted)}
body.landing-home .home-v3 iframe {display:block;width:100%;border:0}
body.landing-home .home-v3 .chat-frame {height:500px;border-radius:30px}
body.landing-home .home-v3 .visual-caption {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-start:16px;font-size:var(--caption);color:var(--muted)}
body.landing-home .home-v3 .hero>.visual-caption {max-width:1064px;margin-inline:auto}
body.landing-home .home-v3 .visual-caption button {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:44px;padding:10px 15px;color:var(--ink);font:inherit;background:transparent;border:1px solid var(--line);border-radius:24px;cursor:pointer}
body.landing-home .home-v3 .visual-caption button::before {content:"Ⅱ";font-size:12px;width:12px;text-align:center}
body.landing-home .home-v3 .visual-caption button[aria-pressed="true"]::before {content:"▷"}
body.landing-home .home-v3 .action {padding-block-start:112px}
body.landing-home .home-v3 .action h2 {max-width:22ch;margin-block-end:48px}
body.landing-home .home-v3 .action .product-visual iframe {height:540px}
body.landing-home .home-v3 .section-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-block-end:48px}
body.landing-home .home-v3 .section-intro h2 {max-width:20ch}
body.landing-home .home-v3 .section-intro p {max-width:29ch;padding-block-end:4px}
body.landing-home .home-v3 .intelligence .product-visual iframe {height:560px;border-radius:24px}
body.landing-home .home-v3 .final {text-align:center;padding-block:104px 120px}
body.landing-home .home-v3 .final h2 {font-size:var(--display)}
body.landing-home .home-v3 .final p {margin-block-start:16px}
body.landing-home .home-v3 .final .cta {margin-block-start:28px}
body.landing-home .home-v3 .price-note {display:block;width:fit-content;max-width:38ch;margin:24px auto 0;color:var(--muted);font-size:14px;text-wrap:pretty;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:from-font}
body.landing-home .home-v3 .footer {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px 32px;border-block-start:1px solid var(--line);color:var(--muted);font-size:var(--caption)}
body.landing-home .home-v3 .footer .brand {font-size:16px;color:var(--ink)}
body.landing-home .home-v3 .footer nav {font-size:var(--caption);gap:24px}
body.landing-home .home-v3 .skip {position:absolute;inset-block-start:0;inset-inline-start:24px;transform:translateY(-110%);background:var(--paper);padding:12px;z-index:2}
body.landing-home .home-v3 .skip:focus {transform:none}
@media(hover:hover) {
 body.landing-home .home-v3 nav a:hover {text-decoration:underline;text-underline-offset:5px}
 body.landing-home .home-v3 .cta:hover {background:var(--accent-hover)}
 body.landing-home .home-v3 .visual-caption button:hover {background:#eae9e6}
 body.landing-home .home-v3 .price-note:hover {color:var(--ink)}
}
@media(prefers-reduced-motion:no-preference) {
 body.landing-home .home-v3 .cta {transition:background-color 150ms ease-out,transform 150ms cubic-bezier(.2,0,0,1)}
 body.landing-home .home-v3 .cta:active {transform:scale(.96)}
 body.landing-home .home-v3 .visual-caption button {transition:background-color 150ms ease-out}
}
@media(max-width:58rem) {
 body.landing-home .home-v3 .header,body.landing-home .home-v3 .footer,body.landing-home .home-v3 .scene {width:calc(100% - 64px)}
 body.landing-home .home-v3 .hero-product {grid-template-columns:112px minmax(0,1fr);gap:28px}
 body.landing-home .home-v3 .qr-placement img {width:96px;height:96px}
 body.landing-home .home-v3 .chat-frame {height:470px}
 body.landing-home .home-v3 .scene {padding-block:80px}
 body.landing-home .home-v3 .hero {padding-block:44px 64px}
 body.landing-home .home-v3 .section-intro {display:block}
 body.landing-home .home-v3 .section-intro p {margin-block-start:24px}
}
@media(max-width:38rem) {
 body.landing-home .home-v3 {--display:clamp(2.125rem,10.25vw,2.75rem);--heading:clamp(2rem,8.6vw,2.5rem);--body:1rem}
 body.landing-home .home-v3 .header,body.landing-home .home-v3 .footer,body.landing-home .home-v3 .scene {width:calc(100% - 40px)}
 body.landing-home .home-v3 .header {min-height:72px;gap:16px}
 body.landing-home .home-v3 .brand {font-size:17px;gap:6px}
 body.landing-home .home-v3 .brand img {width:26px;height:26px}
 body.landing-home .home-v3 nav {gap:20px;font-size:13px}
 body.landing-home .home-v3 .scene {padding-block:64px}
 body.landing-home .home-v3 .hero {padding-block:32px 48px}
 body.landing-home .home-v3 .intro {margin-block-end:32px}
 body.landing-home .home-v3 .intro h1 {max-width:18ch}
 body.landing-home .home-v3 .intro>div {margin-block-start:18px}
 body.landing-home .home-v3 .intro p br {display:none}
 body.landing-home .home-v3 .cta {margin-block-start:22px}
 body.landing-home .home-v3 .hero-product {display:flex;flex-direction:column;align-items:stretch;gap:20px}
 body.landing-home .home-v3 .qr-placement {flex-direction:row;justify-content:center;gap:16px}
 body.landing-home .home-v3 .qr-placement a {padding:4px}
 body.landing-home .home-v3 .qr-placement img {width:52px;height:52px}
 body.landing-home .home-v3 .chat-frame {height:460px;border-radius:28px}
 body.landing-home .home-v3 .visual-caption {gap:16px;align-items:center}
 body.landing-home .home-v3 .visual-caption button {padding-inline:12px;font-size:12px}
 body.landing-home .home-v3 .action h2 {margin-block-end:32px}
 body.landing-home .home-v3 .action .product-visual iframe {height:490px}
 body.landing-home .home-v3 .section-intro {margin-block-end:32px}
 body.landing-home .home-v3 .section-intro p {margin-block-start:20px}
 body.landing-home .home-v3 .intelligence .product-visual iframe {height:440px}
 body.landing-home .home-v3 .final {padding-block:64px 80px}
 body.landing-home .home-v3 .price-note {font-size:13px;max-width:30ch}
 body.landing-home .home-v3 .footer {gap:12px 20px;flex-wrap:wrap;padding-block:20px}
 body.landing-home .home-v3 .footer nav {gap:20px}
}
@media(forced-colors:active) {body.landing-home .home-v3 :focus-visible {outline-color:Highlight}}
/* Posters are direct captures of the reused components, used before loading and for reduced motion. */
body.landing-home .home-v3 .scene-media {position:relative;min-width:0}
body.landing-home .home-v3 .scene-media>iframe {visibility:hidden}
body.landing-home .home-v3 .scene-media.is-live>iframe {visibility:visible}
body.landing-home .home-v3 .scene-poster {position:absolute;inset:0;display:block}
body.landing-home .home-v3 .scene-poster img {width:100%;height:100%;display:block;object-fit:contain}
body.landing-home .home-v3 .scene-media.is-live>.scene-poster {display:none}
body.landing-home .home-v3 .section-intro h2 {max-width:none;font-size:clamp(2.25rem,3.6vw,3.25rem)}
body.landing-home .home-v3 .section-intro p {flex:0 0 29ch}
@media(max-width:38rem) {
 body.landing-home .home-v3 .section-intro h2 {font-size:var(--heading)}
 body.landing-home .home-v3 .scene-poster img {object-fit:contain}
}
/* Phone-sized customer example; no changes inside the production chat renderer. */
body.landing-home .home-v3 .hero-product{grid-template-columns:160px minmax(0,390px);max-width:622px;gap:72px;justify-content:center}
body.landing-home .home-v3 .hero-product .scene-media{width:100%;max-width:390px;aspect-ratio:390/600}
body.landing-home .home-v3 .chat-frame{height:100%}
body.landing-home .home-v3 .hero>.visual-caption{max-width:622px}
body.landing-home .home-v3 .showroom .section-intro{display:block}
body.landing-home .home-v3 .showroom .section-intro p{max-width:none;margin-block-start:20px}
body.landing-home .home-v3 .showroom iframe{height:760px;border-radius:24px}
body.landing-home .home-v3 .showroom .visual-caption a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:58rem){body.landing-home .home-v3 .hero-product{grid-template-columns:112px minmax(0,390px);gap:32px}}
@media(max-width:38rem){body.landing-home .home-v3 .hero-product{display:flex;align-items:center}body.landing-home .home-v3 .qr-placement{align-self:center}body.landing-home .home-v3 .showroom iframe{height:650px}body.landing-home .home-v3 .hero-product .scene-media{max-width:390px}body.landing-home .home-v3 .chat-frame{height:100%}}

body.landing-home .home-v3{width:100%;min-width:0;text-align:start;isolation:isolate}body.landing-home .home-v3 .scene{display:block;min-height:0;scroll-margin-top:110px}body.landing-home .home-v3 .visual-caption{flex-wrap:wrap}body.landing-home .home-v3 h1,body.landing-home .home-v3 h2{white-space:pre-line;overflow-wrap:break-word}body.landing-home .home-v3 p{white-space:pre-line}body.landing-home .home-v3 .hero .intro,body.landing-home .home-v3 .final{text-align:center}body.landing-home .home-v3:lang(ar),body.landing-home .home-v3:lang(ur){letter-spacing:normal}body.landing-home .home-v3:lang(ar) h1,body.landing-home .home-v3:lang(ar) h2,body.landing-home .home-v3:lang(ur) h1,body.landing-home .home-v3:lang(ur) h2{letter-spacing:normal;line-height:1.4}body.landing-home .home-v3 .section-intro p{flex-basis:auto}body.landing-home .home-v3 .scene-poster{direction:ltr}@media(max-width:600px){body.landing-home .home-v3 .visual-caption{gap:12px}body.landing-home .home-v3 .visual-caption>span{flex:1;min-width:120px}body.landing-home .home-v3 .visual-caption button{max-width:100%;white-space:normal}}
body.landing-home .home-v3 .intro{display:block;width:100%;padding:0;gap:0}body.landing-home .home-v3 .intro>div{width:auto;max-width:none}body.landing-home .home-v3 .cta [data-v3]{font:inherit}body.landing-home .home-v3:lang(ko) h1,body.landing-home .home-v3:lang(ko) h2,body.landing-home .home-v3:lang(ko) p{word-break:keep-all;overflow-wrap:normal}
/* Physical context stays above the QR, independently of its existing caption. */
body.landing-home .home-v3 .qr-source{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:180px;text-align:center}
body.landing-home .home-v3 .qr-source [data-v3="qrContext"]{font-size:13px;line-height:1.45;font-weight:500;color:var(--muted);text-wrap:balance;overflow-wrap:break-word}
@media(max-width:38rem){body.landing-home .home-v3 .qr-source{max-width:148px;gap:8px}body.landing-home .home-v3 .qr-source [data-v3="qrContext"]{font-size:12px}body.landing-home .home-v3 .qr-placement>span{max-width:155px;white-space:normal;text-wrap:balance}}
