/* NIO Journey Home — restore the approved photo-led Nusantara direction.
   Visual-only layer: keeps Stage 5 Finder logic and the five-item app navigation intact. */
:root{--nio-home-ref-mint:#22cbb4;--nio-home-ref-black:#080a09}
body.nio-home-mode,body.nio-home-mode #app,body.nio-home-mode #view{background:#080a09!important}
body.nio-home-mode #view{padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(96px + env(safe-area-inset-bottom,0px))!important;overflow-x:clip!important}
body.nio-home-mode .nio-home-screen{position:relative!important;isolation:isolate!important;overflow:visible!important;width:min(100%,610px)!important;max-width:610px!important;margin:0 auto!important;min-height:calc(100svh - 18px)!important;color:#f5f4f0!important}
/* One continuous cinematic image behind logo, headline and search; it fades into charcoal. */
body.nio-home-mode .nio-home-screen::before{
 content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
 top:-10px!important;left:-14px!important;right:-14px!important;height:min(590px,72svh)!important;
 pointer-events:none!important;opacity:1!important;
 background-image:linear-gradient(90deg,#080a09 0%,rgba(8,10,9,.97) 22%,rgba(8,10,9,.76) 47%,rgba(8,10,9,.18) 100%),linear-gradient(0deg,#080a09 0%,rgba(8,10,9,.12) 34%,rgba(8,10,9,.04) 100%),url('/assets/onboarding/onboarding-1.webp')!important;
 background-size:cover,cover,cover!important;background-position:center,center,center right!important;background-repeat:no-repeat!important;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%)!important;
 mask-image:linear-gradient(180deg,#000 0%,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%)!important;
}
body.nio-home-mode .nio-home-header{min-height:52px!important;margin:0 2px 18px!important;gap:14px!important}
body.nio-home-mode .nio-home-logo{width:clamp(112px,30vw,142px)!important;max-height:66px!important;object-fit:contain!important}
body.nio-home-mode .nio-home-notice{width:44px!important;height:44px!important;flex-basis:44px!important;border-color:rgba(233,241,238,.18)!important;background:rgba(16,21,19,.72)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
body.nio-home-mode .nio-home-hero{padding:2px 2px 12px!important;margin:0 0 16px!important;min-width:0!important}
body.nio-home-mode .nio-home-hero h1{max-width:500px!important;margin:0!important;color:#f5f1e8!important;font-family:"Iowan Old Style","Palatino Linotype","Baskerville",Georgia,serif!important;font-size:clamp(37px,8.8vw,56px)!important;font-weight:500!important;line-height:.98!important;letter-spacing:-.045em!important;text-wrap:balance!important}
body.nio-home-mode .nio-home-hero h1 span{display:block!important}
body.nio-home-mode .nio-home-hero h1 .nio-home-accent{color:#20cdb0!important}
body.nio-home-mode .nio-home-hero p{max-width:300px!important;margin:13px 0 0!important;color:rgba(235,238,234,.78)!important;font-size:clamp(13px,2.1vw,15px)!important;line-height:1.48!important}
body.nio-home-mode .nio-home-search{min-height:54px!important;margin:0 0 15px!important;padding:8px 13px!important;gap:11px!important;border:1px solid rgba(232,240,236,.15)!important;border-radius:18px!important;background:linear-gradient(110deg,rgba(28,32,30,.90),rgba(17,20,19,.84))!important;color:#f3f4f1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.12)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
body.nio-home-mode .nio-home-search-copy{font-size:clamp(12px,2vw,14px)!important;color:rgba(240,242,239,.76)!important}
body.nio-home-mode .nio-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:0!important;min-width:0!important}
body.nio-home-mode .nio-home-tile{position:relative!important;isolation:isolate!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:11px!important;min-width:0!important;min-height:clamp(145px,31.5vw,218px)!important;padding:15px 9px!important;border:1px solid rgba(240,240,235,.19)!important;border-radius:22px!important;background:rgba(14,16,15,.94)!important;color:#f7f5ef!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.18)!important;transition:transform .16s ease,border-color .16s ease,filter .16s ease!important}
body.nio-home-mode .nio-home-tile::before{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:1!important;filter:saturate(.91) contrast(1.04)!important}
body.nio-home-mode .nio-home-tile::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important;pointer-events:none!important;opacity:.29!important;background-image:repeating-radial-gradient(ellipse at 0% 100%,transparent 0 19px,rgba(235,240,235,.18) 20px,transparent 21px 39px)!important}
body.nio-home-mode .nio-home-tile-library{border-color:rgba(32,205,176,.58)!important}
body.nio-home-mode .nio-home-tile-library::before{background-image:linear-gradient(180deg,rgba(7,18,16,.08) 0%,rgba(5,14,12,.28) 43%,rgba(4,11,10,.88) 100%),url('https://images.unsplash.com/photo-1512820790803-83ca734da794?auto=format&fit=crop&w=900&q=85')!important;background-position:center,center 52%!important}
body.nio-home-mode .nio-home-tile-finder{border-color:rgba(191,139,82,.55)!important}
body.nio-home-mode .nio-home-tile-finder::before{background-image:linear-gradient(180deg,rgba(12,10,7,.10) 0%,rgba(15,11,7,.27) 42%,rgba(9,9,8,.86) 100%),url('/assets/onboarding/onboarding-1.webp')!important;background-position:center,center 64%!important}
body.nio-home-mode .nio-home-tile-shop{border-color:rgba(183,101,75,.57)!important}
body.nio-home-mode .nio-home-tile-shop::before{background-image:linear-gradient(180deg,rgba(30,14,10,.08) 0%,rgba(28,13,10,.30) 42%,rgba(16,8,7,.88) 100%),url('https://images.unsplash.com/photo-1442512595331-e89e73853f31?auto=format&fit=crop&w=900&q=85')!important;background-position:center,center 55%!important}
body.nio-home-mode .nio-home-tile-program{border-color:rgba(102,148,178,.59)!important}
body.nio-home-mode .nio-home-tile-program::before{background-image:linear-gradient(180deg,rgba(6,18,25,.12) 0%,rgba(7,19,27,.30) 42%,rgba(5,12,17,.88) 100%),url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=900&q=85')!important;background-position:center,center 50%!important}
body.nio-home-mode .nio-home-tile-icon{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:62px!important;height:62px!important;flex:0 0 62px!important;border:1px solid rgba(242,244,237,.21)!important;border-radius:19px!important;background:rgba(11,16,14,.45)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;-webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important}
body.nio-home-mode .nio-home-tile-icon .nio-icon{width:36px!important;height:36px!important;stroke-width:1.8!important}
body.nio-home-mode .nio-home-tile-label{position:relative!important;z-index:1!important;display:block!important;max-width:100%!important;color:#f7f4ed!important;font-family:"Iowan Old Style","Palatino Linotype","Baskerville",Georgia,serif!important;font-size:clamp(16px,2.5vw,20px)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.025em!important;text-shadow:0 2px 10px rgba(0,0,0,.6)!important;overflow-wrap:anywhere!important}
/* Keep the Finder continuation actionable, but replace dead black space with a photo-led panel. */
body.nio-home-mode .nio-home-next{position:relative!important;isolation:isolate!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-areas:"kicker icon" "copy icon"!important;align-items:center!important;gap:7px 12px!important;width:100%!important;min-height:116px!important;margin:18px 0 10px!important;padding:16px!important;text-align:left!important;border:1px solid rgba(32,205,176,.34)!important;border-radius:21px!important;background-image:linear-gradient(90deg,rgba(7,10,9,.92) 0%,rgba(7,10,9,.64) 52%,rgba(7,10,9,.12) 100%),url('/assets/onboarding/onboarding-1.webp')!important;background-size:cover!important;background-position:center 67%!important;background-color:#0c1110!important;color:#f6f5ef!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
body.nio-home-mode .nio-home-next-kicker{grid-area:kicker!important;color:#7fe1d1!important;font-size:9px!important;font-weight:750!important;letter-spacing:.14em!important}
body.nio-home-mode .nio-home-next-copy{grid-area:copy!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
body.nio-home-mode .nio-home-next-copy strong{font-size:15px!important;font-weight:650!important;line-height:1.25!important}
body.nio-home-mode .nio-home-next-copy small{font-size:11px!important;line-height:1.4!important;color:rgba(243,243,237,.80)!important}
body.nio-home-mode .nio-home-next-icon{grid-area:icon!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid rgba(220,241,234,.42)!important;border-radius:50%!important;background:rgba(3,14,12,.56)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
body.nio-home-mode .nio-home-next-icon .nio-icon{width:21px!important;height:21px!important}
body.nio-home-mode .bottom-nav{display:flex!important;position:fixed!important;z-index:100!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:calc(100% - 24px)!important;max-width:560px!important;height:68px!important;min-height:68px!important;padding:5px!important;gap:2px!important;border:1px solid #303533!important;border-radius:21px!important;background:rgba(10,12,11,.95)!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important;backdrop-filter:blur(20px) saturate(140%)!important}
body.nio-home-mode .bottom-nav>a[data-route]{flex:1 1 0!important;min-width:0!important;height:100%!important}
body.nio-home-mode .bottom-nav>a.nav-finder:not(.active){background:rgba(32,205,176,.09)!important;color:#b6f2e8!important}
body.nio-home-mode .bottom-nav>a.nav-finder.active{background:#f3f3ef!important;color:#090b0a!important}
body.nio-home-mode .bottom-nav>a[data-route]:not(.nav-finder).active{background:#f3f3ef!important;color:#090b0a!important}
@media(max-width:390px){
 body.nio-home-mode #view{padding-inline:12px!important}
 body.nio-home-mode .nio-home-header{margin-bottom:13px!important}
 body.nio-home-mode .nio-home-hero h1{font-size:clamp(34px,9.1vw,40px)!important}
 body.nio-home-mode .nio-home-hero p{max-width:265px!important;font-size:12.5px!important}
 body.nio-home-mode .nio-home-grid{gap:9px!important}
 body.nio-home-mode .nio-home-tile{min-height:clamp(136px,38vw,154px)!important;border-radius:18px!important}
 body.nio-home-mode .nio-home-tile-icon{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:15px!important}
 body.nio-home-mode .nio-home-tile-icon .nio-icon{width:30px!important;height:30px!important}
 body.nio-home-mode .nio-home-next{min-height:104px!important;padding:13px!important}
 body.nio-home-mode .nio-home-next-copy strong{font-size:13px!important}
}
@media(min-width:700px){
 body.nio-home-mode #view{padding-top:18px!important}
 body.nio-home-mode .nio-home-screen{max-width:610px!important}
 body.nio-home-mode .nio-home-hero h1{font-size:52px!important}
 body.nio-home-mode .nio-home-tile{min-height:208px!important}
}
@media(prefers-reduced-motion:reduce){body.nio-home-mode .nio-home-tile{transition:none!important}}