/* Responsive desktop product story. The existing mobile hero stays independent. */
.desktop-hero{position:relative;display:grid;grid-template-columns:minmax(0,72fr) minmax(290px,28fr);grid-template-rows:minmax(0,1fr) 52px;column-gap:28px;width:min(calc(100% - 48px),1500px)!important;max-width:1500px!important;height:clamp(646px,calc(100vh - 74px),820px);min-height:646px;margin-inline:auto;padding:34px clamp(8px,1.3vw,20px) 0;box-sizing:border-box;overflow:hidden;text-align:left}
.desktop-hero-copy{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column}.desktop-brand-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--coral) 50%,var(--line));border-radius:999px;background:rgba(255,250,252,.72);color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)}
.home-immersive .desktop-hero h1{max-width:820px;margin:0 0 14px;font-size:clamp(44px,4.35vw,70px);line-height:.98;letter-spacing:-.065em;text-align:left;text-shadow:none}.home-immersive .desktop-hero h1>span,.home-immersive .desktop-hero h1 em{display:block}.home-immersive .desktop-hero h1 em{color:var(--coral);font-style:normal}.home-immersive .desktop-hero .lead{max-width:690px;margin:0 0 18px;color:color-mix(in srgb,var(--ink) 66%,var(--muted));font-size:15px;line-height:1.45;text-align:left}
.story-actions{display:flex;min-height:50px;align-items:center;justify-content:flex-start;gap:20px;margin:0 0 24px}.story-actions .primary{display:inline-flex;align-items:center;justify-content:center;height:50px;min-height:50px;padding:0 23px;border-radius:999px;font-size:13px;line-height:1;font-weight:850;text-decoration:none;box-shadow:0 14px 30px color-mix(in srgb,var(--coral) 22%,transparent)}.hero-how-link{display:inline-flex;min-height:50px;align-items:center;padding:0;border:0;background:none;color:var(--ink);font-size:13px;line-height:1;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.desktop-story{display:flex!important;align-items:center;justify-content:center;gap:36px;width:min(100%,760px)!important;margin:0;min-height:0}.desktop-story img,.mobile-sticker-pair img,.mobile-room-compare img,.mobile-story-product-grid img{color:transparent;font-size:0}.desktop-story .story-room{position:relative;flex:0 0 clamp(190px,14vw,215px);width:clamp(190px,14vw,215px)!important;margin:0!important;padding:5px;border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 15px 34px rgba(114,48,78,.14);overflow:hidden;aspect-ratio:3/4}.desktop-story .story-room img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;border-radius:15px;object-fit:cover!important;background:linear-gradient(135deg,#f9e8ef,#fff8f2)}.desktop-story .story-before img{object-position:53% center}.desktop-story .story-after img{object-position:49% center}.desktop-story .story-room>span{position:absolute;z-index:2;left:15px;top:15px;padding:7px 14px;border-radius:999px;background:rgba(255,248,252,.9);color:var(--ink);font-size:11px;font-weight:850;backdrop-filter:blur(8px)}.desktop-story .story-after>span{left:auto;right:15px;color:var(--coral)}
.story-products{position:static;flex:0 0 auto;text-align:center}.story-products p{margin:0 0 12px;color:var(--coral);font-size:13px;line-height:1.3}.story-products p span,.story-products b{display:block}.story-products b{font-size:16px}.story-product-grid{display:grid;grid-template-columns:repeat(3,minmax(58px,68px));justify-content:center;gap:8px;align-items:center}.story-product-grid img{display:block;width:100%;height:auto!important;aspect-ratio:1;object-fit:cover;border:4px solid rgba(255,255,255,.9);border-radius:13px;background:linear-gradient(135deg,#fff8f1,#f8e5ed);box-shadow:0 8px 18px rgba(114,48,78,.12);color:transparent;font-size:0}.story-product-grid img:nth-child(2){transform:none}
.desktop-hero-visual{position:relative;grid-column:2;grid-row:1/3;min-width:0}.desktop-hero-visual .model-happy{position:absolute;left:-28px;bottom:44px;display:block;width:auto;max-width:none;height:68%;object-fit:contain;object-position:left bottom;pointer-events:none;filter:drop-shadow(0 16px 28px rgba(111,49,76,.11))}.mobile-model-happy{display:none}
.desktop-benefits{position:relative;z-index:4;grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:52px;margin:0;padding:0;list-style:none;border:0;background:transparent;backdrop-filter:none}.desktop-benefits li{display:flex;align-items:center;justify-content:center;gap:10px;height:30px;padding:0 16px;border-right:1px solid color-mix(in srgb,var(--coral) 18%,var(--line));font-size:12px;font-weight:800}.desktop-benefits li:first-child{padding-left:0}.desktop-benefits li span{color:var(--coral);font-size:18px}
.mobile-hero-copy,.mobile-sticker-pair,.mobile-room-compare,.mobile-story-products,.mobile-benefits,.hero.landing>.landing-mascot,.hero.landing>.demo-mobile-guide,.hero.landing>.demo-journey{display:none!important}.desktop-hero-copy :is(.desktop-brand-badge,.hero-title-line,h1 em,.lead),.desktop-hero-copy .hero-actions>*{visibility:visible}
.desktop-story{margin-inline:auto}.desktop-hero-visual .model-happy{left:-120px}
@media(min-width:768px){.home-immersive .hero.landing{min-height:0;padding:0!important}.home-immersive .hero.landing>.sticker-cloud,.home-immersive .hero.landing>.nature-flight{display:none!important}}
@media(max-width:1399px) and (min-width:768px){.desktop-hero{grid-template-columns:minmax(0,72fr) minmax(250px,28fr);grid-template-rows:minmax(0,1fr) 48px;height:clamp(600px,calc(100vh - 74px),746px);min-height:600px;padding-top:24px;column-gap:24px}.home-immersive .desktop-hero h1{margin-bottom:10px;font-size:clamp(40px,4.35vw,58px)}.home-immersive .desktop-hero .lead{margin-bottom:13px;font-size:13px}.story-actions{min-height:44px;margin-bottom:16px}.story-actions .primary{height:44px;min-height:44px;padding-inline:18px;font-size:12px}.hero-how-link{min-height:44px;font-size:12px}.desktop-story{gap:28px;width:min(100%,700px)!important}.desktop-story .story-room{flex-basis:clamp(175px,13vw,195px);width:clamp(175px,13vw,195px)!important}.story-product-grid{grid-template-columns:repeat(3,minmax(52px,60px));gap:6px}.desktop-hero-visual .model-happy{left:-20px;height:67%;bottom:40px}.desktop-benefits{height:48px}.desktop-benefits li{font-size:11px}}
@media(max-width:1100px) and (min-width:768px){.home-immersive .desktop-hero h1{font-size:clamp(36px,4.8vw,49px)}.desktop-story{gap:20px}.desktop-story .story-room{flex-basis:160px;width:160px!important}.story-product-grid{grid-template-columns:repeat(3,46px);gap:4px}.desktop-hero-visual .model-happy{height:61%}.desktop-benefits li{padding-inline:18px;font-size:11px}}
@media(max-width:767px){
 .home-immersive .hero.landing{padding:24px 16px 42px!important}
 .desktop-hero{display:none!important}
 .mobile-hero-copy{display:block!important;width:100%;max-width:390px;margin-inline:auto;text-align:center}
 .home-immersive .hero.landing .mobile-hero-copy>.eyebrow{display:none!important}
 .home-immersive .hero.landing .mobile-hero-copy h1{--hero-line:clamp(31px,8.3vw,34px);margin-top:0!important;margin-bottom:16px!important}
 .home-immersive .hero.landing .mobile-hero-copy .lead{margin-bottom:18px}
 .hero.landing>.landing-mascot{display:none!important}
 .hero.landing>.demo-mobile-guide,.hero.landing>.demo-journey{display:none!important}
 .home-immersive .hero.landing>.mobile-sticker-pair{position:relative;display:flex!important;align-items:flex-end;justify-content:space-between;width:min(calc(100% - 16px),344px);height:158px;margin:14px auto -12px;gap:18px;overflow:visible;pointer-events:none;transform:translateY(8px)}
 .mobile-sticker-pair img{display:block;flex:0 0 auto;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(111,49,76,.13))}
 .mobile-sticker-pair .mobile-sticker-thinking{width:146px;transform:translate(-5px,8px)}
 .mobile-sticker-pair .mobile-sticker-happy{width:118px;max-height:198px;transform:translate(6px,26px)}
 .mobile-sticker-pair>span{display:none!important}
 .home-immersive .hero.landing>.mobile-room-compare{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:min(calc(100% - 60px),286px);margin:0 auto;gap:10px}
 .mobile-room-compare figure{position:relative;width:100%;margin:0;padding:0;border:4px solid #fff;border-radius:17px;background:#fff;box-shadow:0 13px 28px color-mix(in srgb,var(--ink) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--coral) 18%,var(--line));overflow:hidden;aspect-ratio:3/4}
 .mobile-room-compare figure img{display:block;width:100%!important;height:100%!important;border-radius:13px;object-fit:cover!important}
 .mobile-room-compare figure:first-child img{object-position:53% center}
 .mobile-room-compare figure:last-child img{object-position:49% center}
 .mobile-room-compare figure span{position:absolute;z-index:2;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font-size:9px;font-weight:850;backdrop-filter:blur(7px)}
 .mobile-room-compare figure:last-child span{left:auto;right:10px;color:var(--coral)}
 .mobile-room-compare>i{display:none!important}
 .home-immersive .hero.landing>.mobile-story-products{display:block!important;width:min(calc(100% - 48px),286px);margin:9px auto 0;text-align:center}
 .mobile-story-products p{margin:0 0 9px;color:var(--coral);font-size:9px;line-height:1.25}.mobile-story-products p span,.mobile-story-products p b{display:block}.mobile-story-products p b{font-size:10px}
 .mobile-story-product-grid{display:grid;grid-template-columns:repeat(3,54px);justify-content:center;gap:8px}.mobile-story-product-grid img{display:block;width:54px;height:54px;border:3px solid rgba(255,255,255,.92);border-radius:11px;background:#fff8f1;box-shadow:0 7px 16px rgba(114,48,78,.13);object-fit:cover}
 .home-immersive .hero.landing>.mobile-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:min(calc(100% - 4px),358px);min-height:44px;margin:18px auto 0;padding:0;list-style:none;border-top:1px solid color-mix(in srgb,var(--coral) 20%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--coral) 12%,var(--line));background:transparent;backdrop-filter:none}
 .mobile-benefits li{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:0 5px;border-right:1px solid color-mix(in srgb,var(--coral) 17%,var(--line));font-size:8px;font-weight:800;line-height:1.2;text-align:center}
 .mobile-benefits li:last-child{border-right:0}
 .mobile-benefits li span{flex:0 0 auto;color:var(--coral);font-size:11px}
 .mobile-model-happy{display:none!important}
}
@media(min-width:768px){.desktop-hero{grid-template-columns:1fr;column-gap:0;padding-top:30px}.desktop-hero-copy{align-items:center;transform:translateY(17px)}.home-immersive .desktop-hero h1{max-width:1040px;margin-inline:auto;text-align:center}.home-immersive .desktop-hero .lead{margin-inline:auto;text-align:center}.story-actions{justify-content:center}.desktop-story{display:flex!important;align-items:center;justify-content:center;gap:30px;width:min(100%,1240px)!important;margin-inline:auto}.desktop-story .story-room{flex-basis:164px;width:164px!important}.model-thinking{position:static;display:block;flex:0 0 auto;width:222px;max-width:none;height:auto;pointer-events:none;transform:none}.desktop-story .model-happy{position:static;display:block;flex:0 0 auto;width:286px;max-width:none;height:auto;max-height:500px;object-fit:contain;pointer-events:none;transform:translate(24px,-62px);filter:drop-shadow(0 14px 24px rgba(111,49,76,.1))}.desktop-benefits{grid-column:1;width:min(100%,1240px);margin-inline:auto;transform:translateY(-18px)}}
@media(max-width:1399px) and (min-width:768px){.desktop-hero{grid-template-columns:1fr;padding-top:22px}.desktop-hero-copy{transform:translateY(15px)}.desktop-story{gap:24px;width:min(100%,1160px)!important}.desktop-story .story-room{flex-basis:148px;width:148px!important}.model-thinking{width:198px}.desktop-story .model-happy{width:258px;max-height:455px;transform:translate(18px,-50px)}.story-product-grid{grid-template-columns:repeat(3,56px);gap:6px}.desktop-benefits{width:min(100%,1160px);transform:translateY(-14px)}}
@media(min-width:1400px) and (min-height:930px){.desktop-hero{height:clamp(820px,calc(100vh - 74px),860px)}.desktop-hero-copy{transform:translateY(27px)}.desktop-benefits{transform:translateY(-8px)}}
@media(min-width:768px) and (max-height:820px){.desktop-hero-copy{transform:translateY(3px)}.desktop-story .model-happy{width:245px;max-height:430px;transform:translate(18px,-78px)}.desktop-benefits{transform:translateY(-26px)}}
@media(min-width:768px) and (prefers-reduced-motion:reduce){.desktop-hero-copy :is(.hero-title-line,h1 em,.lead),.desktop-hero-copy .hero-actions>*{animation:none!important}}
.section-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:min(calc(100% - 48px),1080px);min-height:72px;margin:56px auto;padding:0;list-style:none;background:transparent;transform:translateY(-56px)}.section-benefits li{display:flex;min-width:0;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:0 18px;border-right:1px solid color-mix(in srgb,var(--coral) 22%,var(--line));font-size:17px;font-weight:800;line-height:1.2;text-align:center}.section-benefits li:last-child{border-right:0}.section-benefits li span{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;color:var(--coral)}.section-benefits li span svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){.home-immersive .hero.landing{padding-bottom:0!important}.section-benefits{width:calc(100% - 2px);max-width:420px;min-height:54px;margin:42px auto;grid-template-columns:repeat(3,minmax(0,1fr));transform:translateY(-18px)}.section-benefits li{gap:4px;min-height:36px;padding:0 1px;font-size:11px;white-space:nowrap}.section-benefits li span{width:14px;height:14px;flex-basis:14px}}
