/* Scroll storytelling only. Existing pages never load this stylesheet. */
body.home-scroll-story header.landing-topbar{isolation:isolate;transform:translate3d(0,0,1px);will-change:transform;backface-visibility:hidden}
body.home-scroll-story .home-v3{--story-view:100svh;--story-progress:0;--paper:#f7f6f3;--display:clamp(3.5rem,5.7vw,5.6rem);position:relative;z-index:0;isolation:isolate;overflow-x:clip}
body.home-scroll-story .home-v3 .scene{position:relative;width:100%;margin-inline:auto;padding:110px 6%;scroll-margin-top:96px}
body.home-scroll-story .home-v3 .story-sticky{position:sticky;top:94px;height:calc(var(--story-view) - 96px);min-height:520px;isolation:isolate;overflow:hidden}
body.home-scroll-story .home-v3 .story-film{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#e5e0d6;overflow:hidden}
body.home-scroll-story .home-v3 .story-film picture,body.home-scroll-story .home-v3 .story-film img,body.home-scroll-story .home-v3 .story-film video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
body.home-scroll-story .home-v3 .story-film video{opacity:0}
body.home-scroll-story .home-v3 .story-film video[data-frame-ready]{opacity:1}
body.home-scroll-story .home-v3 .story-film::after{content:"";position:absolute;inset:0;pointer-events:none}
body.home-scroll-story .home-v3 .story-progress{position:absolute;inset-inline:0;bottom:0;height:2px;background:#20212416;pointer-events:none}
body.home-scroll-story .home-v3 .story-progress i{display:block;height:100%;background:#5055bb;transform-origin:left;transform:scaleX(var(--story-progress))}
body.home-scroll-story .home-v3 .visual-caption{position:relative;z-index:6}
body.home-scroll-story .home-v3 .cta{border-radius:99px;padding-inline:25px}
body.home-scroll-story .home-v3 [id]{scroll-margin-top:115px}

/* Scene 1: a full-bleed paper world with the real QR and phone in front. */
body.home-scroll-story .home-v3 .hero{height:calc(var(--story-view)*1.8);padding:0;z-index:1}
body.home-scroll-story .home-v3 .story-hero-stage{background:#eeeae2}
body.home-scroll-story .home-v3 .hero .story-film{transform:translate3d(var(--hero-bg-x,0px),0,0) scale(var(--hero-bg-scale,1.03));transform-origin:58% 62%}
body.home-scroll-story .home-v3 .hero .story-film::after{background:linear-gradient(90deg,#f7f6f3f2 0%,#f7f6f3d9 33%,#f7f6f359 66%,#f7f6f312 100%)}
body.home-scroll-story .home-v3[dir=rtl] .hero .story-film::after{background:linear-gradient(270deg,#f7f6f3f2 0%,#f7f6f3d9 33%,#f7f6f359 66%,#f7f6f312 100%)}
body.home-scroll-story .home-v3 .hero .intro{position:absolute;inset-inline-start:6%;top:46%;width:46%;max-width:670px;margin:0;text-align:start;transform:translateY(calc(-50% + var(--hero-copy-y,0px)));opacity:var(--hero-copy-opacity,1);z-index:3}
body.home-scroll-story .home-v3 .hero .intro h1{max-width:17ch;margin:0;font-size:var(--display);line-height:1.04;letter-spacing:-.055em;text-align:start}
body.home-scroll-story .home-v3 .hero .intro p{max-width:38ch;margin:0;font-size:clamp(16px,1.3vw,19px);color:#555951;text-align:start}
body.home-scroll-story .home-v3 .hero .intro>div{margin-top:28px}
body.home-scroll-story .home-v3 .hero .intro:focus-within{opacity:1;transform:translateY(-50%)}
body.home-scroll-story .home-v3 .hero-product{display:contents}
body.home-scroll-story .home-v3 .hero-product .scene-media{position:absolute;inset-inline-end:7%;top:48%;width:min(360px,calc((var(--story-view) - 230px)*.64));max-width:390px;aspect-ratio:390/600;border-radius:30px;box-shadow:0 26px 70px -38px #27272380;overflow:hidden;z-index:4;transform:translate3d(var(--hero-phone-x,0px),calc(-50% + var(--hero-phone-y,0px)),0) scale(var(--hero-phone-scale,1));transform-origin:50% 50%;background:#eeece6}
body.home-scroll-story .home-v3 .hero-product .chat-frame{height:100%;border-radius:30px}
/* The photo is the surface: no CSS card, artificial edge, or drawn shadow. */
body.home-scroll-story .home-v3 .hero-product .qr-placement{position:absolute;--print-width:min(var(--print-fit-width,500px),clamp(300px,min(34vw,calc((var(--story-view) - 180px)*.72)),500px));inset-inline-start:calc(93% - min(360px,calc((var(--story-view) - 230px)*.64)) - var(--print-width)*.88);top:calc(100% - var(--print-width)*.666667 - 166px);display:block;width:var(--print-width);max-width:none;min-height:0;padding:0;background:none;border-radius:0;isolation:isolate;z-index:3;transform:translate3d(var(--hero-qr-x,0px),var(--hero-qr-y,0px),0);opacity:var(--hero-qr-opacity,1);color:#363933}
body.home-scroll-story .home-v3 .hero-product .qr-source{position:relative;display:block;max-width:none;width:100%}
body.home-scroll-story .home-v3 .hero-product .qr-source [data-v3="qrContext"]{position:absolute;inset-inline-start:28%;top:7%;display:block;width:54%;padding:0;max-width:none;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:500;color:#555950;text-align:center;text-wrap:balance;z-index:1;pointer-events:none}
body.home-scroll-story .home-v3:lang(ko) .qr-source [data-v3="qrContext"]{word-break:keep-all;overflow-wrap:normal}
body.home-scroll-story .home-v3 .story-print{position:relative;width:100%;aspect-ratio:3/2;direction:ltr}
body.home-scroll-story .home-v3 .story-print-photo,body.home-scroll-story .home-v3 .story-print-photo img{display:block;width:100%;height:100%;object-fit:contain}
body.home-scroll-story .home-v3 .story-print-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply}
body.home-scroll-story .home-v3 .story-print-face{position:relative;width:900px;height:500px;font-family:Arial,sans-serif;color:#232936;text-align:left}
body.home-scroll-story .home-v3 .story-print-brand{position:absolute;left:68px;top:80px;display:flex;align-items:center;gap:17px;white-space:nowrap}
body.home-scroll-story .home-v3 .story-print-brand img{display:block;width:64px;height:64px;object-fit:contain}
body.home-scroll-story .home-v3 .story-print-brand b{font-size:52px;line-height:1;font-weight:700;letter-spacing:-2px;color:#232936}
body.home-scroll-story .home-v3 .story-print-address{position:absolute;left:73px;bottom:72px;font-size:25px;letter-spacing:1px;color:#555f68}
body.home-scroll-story .home-v3 .hero-product .qr-source a{position:absolute;left:510px;top:90px;display:block;width:320px;height:320px;padding:0;background:none;border-radius:0;transition:opacity .2s ease}
body.home-scroll-story .home-v3 .hero-product .qr-source a:focus-visible{outline:8px solid #5055bb;outline-offset:8px}
body.home-scroll-story .home-v3 .hero-product .qr-source a:hover{opacity:.8}
body.home-scroll-story .home-v3 .hero-product .qr-source a img{display:block;width:100%;height:100%}
body.home-scroll-story .home-v3 .hero-product .qr-placement>span{display:block;margin-top:-4px;padding-inline:10%;max-width:none;font-size:12px;line-height:1.5;font-weight:500;color:#555950;text-align:center;text-wrap:balance}
body.home-scroll-story .home-v3 .hero .visual-caption{position:absolute;inset-inline-end:6%;bottom:88px;display:flex;gap:18px;max-width:48%;margin:0;font-size:12px}
body.home-scroll-story .home-v3 .hero .visual-caption>span{display:none}

/* Scene 2: the next product enters before the previous stage has left. */
/* Preserve breathing room where the next section overlaps the hero. */
body.home-scroll-story .home-v3 .action{margin-top:-32px;padding-block:72px 140px;z-index:3;background:var(--paper);border-radius:42px 42px 0 0}
body.home-scroll-story .home-v3 .action h2{max-width:24ch;font-size:clamp(40px,4.9vw,72px);margin-bottom:56px;transform:translateY(var(--action-copy-y,0px));opacity:var(--action-copy-opacity,1)}
body.home-scroll-story .home-v3 .action .product-visual{max-width:1400px;margin-inline:auto;transform:translateY(var(--action-product-y,0px));clip-path:inset(0 var(--action-mask,0%) round 24px);background:#efefed}
body.home-scroll-story .home-v3 .action .product-visual iframe{height:560px}
body.home-scroll-story .home-v3 .action .visual-caption{max-width:1400px;margin-inline:auto}

/* Scene 3: the printed page wipes into the actual Grand showroom. */
body.home-scroll-story .home-v3 .showroom{height:calc(var(--story-view)*2.15);padding:0;z-index:4;background:#ede9df}
body.home-scroll-story .home-v3 .story-showroom-stage{top:92px;background:#ede9df}
body.home-scroll-story .home-v3 .showroom .story-film{z-index:4;opacity:var(--catalog-opacity,1);clip-path:inset(0 0 var(--catalog-clip,0%) 0);background:#171c20}
/* Fit the native frame; never stretch or scroll-zoom the printed catalog. */
body.home-scroll-story .home-v3 .showroom .story-film img,body.home-scroll-story .home-v3 .showroom .story-film video{object-fit:contain;object-position:center;filter:none;transform:none}
body.home-scroll-story .home-v3 .showroom .story-film::after{background:linear-gradient(90deg,#171c20f2 0%,#171c20b0 36%,#171c2012 75%)}
body.home-scroll-story .home-v3[dir=rtl] .showroom .story-film::after{background:linear-gradient(270deg,#171c20f2 0%,#171c20b0 36%,#171c2012 75%)}
body.home-scroll-story .home-v3 .showroom .section-intro{position:absolute;top:24%;inset-inline-start:6%;max-width:700px;width:55%;margin:0;z-index:6;transform:translateY(var(--showroom-copy-y,0px));opacity:var(--showroom-copy-opacity,1);pointer-events:none}
body.home-scroll-story .home-v3 .showroom .section-intro h2{font-size:clamp(42px,4.4vw,66px);line-height:1.1;color:white;max-width:21ch}
body.home-scroll-story .home-v3 .showroom .section-intro p{color:#e8e8df;max-width:34ch;font-size:18px;margin-top:26px}
body.home-scroll-story .home-v3 .story-paper{position:absolute;inset:0 -20% auto;height:24%;z-index:7;background:#ede9df;pointer-events:none;opacity:var(--paper-opacity,0);transform:translate3d(0,var(--paper-y,120%),0) rotate(-8deg)}
body.home-scroll-story .home-v3 .showroom .product-visual{position:absolute;inset:24px 3.5% 134px;z-index:1;contain:paint;transform:scale(var(--showroom-scale,.94));clip-path:inset(var(--showroom-clip,100%) 0 0);opacity:var(--showroom-opacity,0);pointer-events:var(--showroom-pointer,none);border-radius:16px;overflow:hidden}
body.home-scroll-story .home-v3 .showroom .scene-media,body.home-scroll-story .home-v3 .showroom iframe{height:100%;border-radius:0}
body.home-scroll-story .home-v3 .showroom .visual-caption{position:absolute;inset-inline:4%;bottom:86px;margin:0;opacity:var(--showroom-opacity,0);pointer-events:var(--showroom-pointer,none)}
body.home-scroll-story .home-v3 .showroom .story-progress{z-index:9}

/* Scene 4: the original question map supplies the visual and its color. */
body.home-scroll-story .home-v3 .intelligence{z-index:5;background:#101b2d;color:white;margin-top:-32px;padding-block:100px 120px;border-radius:40px 40px 0 0}
body.home-scroll-story .home-v3 .intelligence .section-intro{align-items:end;gap:56px;transform:translateY(var(--insight-copy-y,0px));opacity:var(--insight-copy-opacity,1)}
body.home-scroll-story .home-v3 .intelligence h2{font-size:clamp(40px,4.5vw,66px);color:#f5f7fa;max-width:22ch}
body.home-scroll-story .home-v3 .intelligence p{color:#c0c9d6;max-width:32ch;font-size:17px}
body.home-scroll-story .home-v3 .intelligence .product-visual{clip-path:inset(var(--insight-mask,0%) 0 0 round 20px);transform:translateY(var(--insight-product-y,0px));max-width:1400px;margin-inline:auto}
body.home-scroll-story .home-v3 .intelligence iframe{height:560px;border-radius:20px}
body.home-scroll-story .home-v3 .intelligence .visual-caption{color:#c0c9d6;max-width:1400px;margin-inline:auto}

/* Existing concluding content; reveal entire blocks so translations can wrap. */
html body.landing-home.landing-c-variant.home-scroll-story #home-pricing{width:100%!important;left:auto!important;right:auto!important;transform:none!important;margin-inline:0!important;isolation:isolate;overflow:hidden;padding-block:116px!important;border-radius:0!important}
body.home-scroll-story .home-v3 .final::before{content:"";position:absolute;inset:0;background:#101b2d;z-index:-1;transform:translateY(var(--final-wipe,-101%));pointer-events:none}
body.home-scroll-story .home-v3 .story-final-inner{transform:translateY(var(--final-y,0px));opacity:var(--final-opacity,1)}
body.home-scroll-story .home-v3 .final h2{color:#fff}
body.home-scroll-story .home-v3 .scenarios{padding-block:104px 130px}
body.home-scroll-story .home-v3 .scenario-options{display:none}
body.home-scroll-story .home-v3 .scenario-select{display:block}
body.home-scroll-story .home-v3 .scenario-layout{gap:70px}
body.home-scroll-story .home-v3 .scenarios-heading{transform:translateY(var(--case-heading-y,0px));opacity:var(--case-heading-opacity,1)}
body.home-scroll-story .home-v3 .scenario-layout{transform:translateY(var(--case-card-y,0px));opacity:var(--case-card-opacity,1)}
body.home-scroll-story .home-v3 .scenario-card.is-changing{animation:story-case .25s ease-out}
@keyframes story-case{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
body.home-scroll-story .home-v3 .scene:focus-within .section-intro,body.home-scroll-story .home-v3 .scene:focus-within h2,body.home-scroll-story .home-v3 .scene:focus-within .story-final-inner,body.home-scroll-story .home-v3 .scene:focus-within .scenario-layout{opacity:1}

@media(max-width:980px){
 body.home-scroll-story .home-v3{--display:clamp(38px,6.8vw,64px)}
 body.home-scroll-story .home-v3 .story-sticky{top:84px;height:calc(var(--story-view) - 86px);min-height:520px}
 body.home-scroll-story .home-v3 .hero{height:calc(var(--story-view)*1.85)}
 body.home-scroll-story .home-v3 .hero .intro{top:60px;inset-inline:6%;width:auto;max-width:none;text-align:center;transform:translateY(var(--hero-copy-y,0px))}
 body.home-scroll-story .home-v3 .hero .intro h1{text-align:center;margin-inline:auto;max-width:19ch;font-size:var(--display)}
 body.home-scroll-story .home-v3 .hero .intro p{text-align:center;margin-inline:auto;max-width:46ch}
 body.home-scroll-story .home-v3 .hero .intro>div{margin-top:20px}
 body.home-scroll-story .home-v3 .hero-product .scene-media{top:var(--hero-phone-start,490px);inset-inline-start:auto;inset-inline-end:auto;left:50%;right:auto;width:min(340px,76vw);transform:translate3d(-50%,var(--hero-phone-y,0px),0);aspect-ratio:390/600}
 body.home-scroll-story .home-v3 .hero-product .qr-placement{top:var(--hero-qr-start,360px);inset-inline-start:auto;left:50%;right:auto;min-height:0;width:min(350px,88vw);max-width:none;padding:0;transform:translate3d(calc(-50% + var(--hero-qr-x,0px)),var(--hero-qr-y,0px),0)}
 body.home-scroll-story .home-v3 .hero-product .qr-source [data-v3="qrContext"]{font-size:12px;inset-inline-start:10%;width:70%;top:0;padding:0}
 body.home-scroll-story .home-v3 .hero-product .qr-placement>span{font-size:11px;text-align:center;margin-top:-10px}
 body.home-scroll-story .home-v3 .hero .story-film::after,body.home-scroll-story .home-v3[dir=rtl] .hero .story-film::after{background:linear-gradient(180deg,#f7f6f3f5 0%,#f7f6f3dd 34%,#f7f6f340 65%,transparent 100%)}
 body.home-scroll-story .home-v3 .hero .visual-caption{inset-inline-end:4%;bottom:132px;max-width:47%}
 body.home-scroll-story .home-v3 .action{margin-top:-50px;padding-top:56px;border-radius:28px 28px 0 0}
 body.home-scroll-story .home-v3 .action h2{font-size:clamp(36px,5.2vw,52px)}
 body.home-scroll-story .home-v3 .showroom{height:calc(var(--story-view)*2.05)}
 body.home-scroll-story .home-v3 .showroom .section-intro{top:18%;width:77%}
 body.home-scroll-story .home-v3 .showroom .section-intro h2{font-size:clamp(36px,5.3vw,52px)}
 body.home-scroll-story .home-v3 .showroom .product-visual{inset:25px 2% 185px}
 body.home-scroll-story .home-v3 .showroom .visual-caption{bottom:134px;gap:12px}
 body.home-scroll-story .home-v3 .showroom .visual-caption>span{font-size:11px;max-width:43%}
 body.home-scroll-story .home-v3 .intelligence .section-intro{display:block}
 body.home-scroll-story .home-v3 .intelligence p{margin-top:24px;max-width:45ch}
}
@media(max-width:600px){
 body.home-scroll-story .home-v3 .scene{padding-inline:22px}
 body.home-scroll-story .home-v3 .hero,body.home-scroll-story .home-v3 .showroom{padding:0}
 body.home-scroll-story .home-v3 .hero .intro{inset-inline:22px;top:50px}
 body.home-scroll-story .home-v3 .hero .intro h1{font-size:clamp(32px,9vw,40px);max-width:19ch;line-height:1.12}
 body.home-scroll-story .home-v3 .hero .intro p{font-size:16px;line-height:1.6}
 body.home-scroll-story .home-v3 .hero .cta{margin-top:20px}
 body.home-scroll-story .home-v3 .hero-product .scene-media{width:min(302px,78vw);border-radius:26px}
 body.home-scroll-story .home-v3 .action{padding-block:44px 90px}
 body.home-scroll-story .home-v3 .action h2{font-size:34px;line-height:1.17;margin-bottom:36px}
 body.home-scroll-story .home-v3 .action .product-visual iframe{height:490px}
 body.home-scroll-story .home-v3 .showroom .section-intro{inset-inline:24px;top:17%;width:auto}
 body.home-scroll-story .home-v3 .showroom .section-intro h2{font-size:clamp(33px,9vw,40px);max-width:20ch}
 body.home-scroll-story .home-v3 .showroom .section-intro p{font-size:16px;max-width:30ch}
 body.home-scroll-story .home-v3 .showroom .story-film::after,body.home-scroll-story .home-v3[dir=rtl] .showroom .story-film::after{background:linear-gradient(180deg,#171c20ed 0%,#171c20bb 42%,#171c2015 85%)}
 body.home-scroll-story .home-v3 .showroom .story-film picture,body.home-scroll-story .home-v3 .showroom .story-film video{inset:auto 0 0;height:auto;aspect-ratio:4/3;mask-image:linear-gradient(180deg,transparent,#000 22%)}
 body.home-scroll-story .home-v3 .showroom .product-visual{inset:20px 0 184px;border-radius:0}
 body.home-scroll-story .home-v3 .intelligence{padding-block:64px 80px;border-radius:28px 28px 0 0}
 body.home-scroll-story .home-v3 .intelligence h2{font-size:36px;line-height:1.15}
 body.home-scroll-story .home-v3 .intelligence .section-intro{margin-bottom:30px}
 body.home-scroll-story .home-v3 .intelligence .section-intro p{font-size:16px}
 body.home-scroll-story .home-v3 .intelligence iframe{height:440px}
 html body.landing-home.landing-c-variant.home-scroll-story #home-pricing{padding-block:84px!important}
 body.home-scroll-story .home-v3 .scenarios{padding-block:70px 90px}
 body.home-scroll-story .home-v3 .scenario-layout{display:block}
}
/* Data saving and script failure keep the actual examples in normal flow. */
@media all{
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom{height:auto}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .story-sticky{position:relative;top:auto;height:auto;min-height:0;padding:70px 6% 140px}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero .intro,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .section-intro{position:relative;inset:auto;width:100%;max-width:780px;margin:0 auto 40px;transform:none;opacity:1;text-align:center}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero .intro h1,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero .intro p{text-align:center;margin-inline:auto}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero-product{display:flex;flex-direction:column;gap:24px}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero-product .qr-placement,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero-product .scene-media{position:relative;inset:auto;transform:none;opacity:1;margin-inline:auto}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .story-paper{display:none}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .story-film{opacity:.1;transform:none}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .section-intro h2,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .section-intro p{color:#202124}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .product-visual{position:relative;inset:auto;opacity:1;transform:none;clip-path:none;height:650px;pointer-events:auto}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .hero .story-film{transform:none}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .showroom .visual-caption{position:relative;inset:auto;opacity:1;pointer-events:auto;margin-top:24px}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .action,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .intelligence{margin-top:0}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .action h2,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .action .product-visual,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .intelligence .section-intro,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .intelligence .product-visual,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .story-final-inner,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .scenarios-heading,body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .scenario-layout{transform:none;clip-path:none;opacity:1;animation:none}
 body.home-scroll-story:is(.story-still,:not(.story-ready)) .home-v3 .final::before{display:none}
}

/* Keep long translated labels above a fitted photograph. */
body.home-scroll-story .home-v3 .hero-product .qr-placement[style*="--print-fit-width"] .qr-source [data-v3="qrContext"]{top:0;inset-inline-start:0;width:80%;transform:translateY(-100%)}