.landing-hero{--px:0;--py:0;position:relative;min-height:clamp(660px,47vw,800px)!important;padding:0!important;overflow:hidden!important;isolation:isolate;background:#0d0f12!important}.landing-hero:after{content:"";position:absolute;z-index:5;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,#0d0f12 94%);pointer-events:none}.landing-hero .hero-inner{position:relative!important;display:block!important;width:100%!important;min-height:inherit!important}.landing-hero .hero-art-mask,.landing-hero .hero-art,.landing-hero .hero-divider,.landing-hero .hero-vinyl,.landing-hero .hero-sleeve{display:none!important}.landing-hero .download-cards{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.mountain-hero-scene{position:relative;width:100%;height:clamp(660px,47vw,800px);display:grid;grid-template-columns:minmax(0,62%) minmax(370px,38%);align-items:center}.mountain-visual{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.mountain-copy{position:relative;z-index:12;grid-column:2;align-self:center;padding:0 clamp(24px,5vw,92px) 7vh 0}.mountain-copy h1{width:clamp(300px,28vw,520px);margin:0 0 28px;line-height:0}.mountain-copy h1 img{display:block;width:100%;filter:invert(1)}.mountain-copy p{max-width:600px;margin:0;color:#a6a7aa;font-size:clamp(15px,1.25vw,21px);line-height:1.55}
.marker-mountain-group{position:absolute;z-index:4;left:-4%;bottom:-8%;width:min(72vw,1340px);height:74%;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0 72%,rgba(0,0,0,.86) 82%,transparent 100%);opacity:0;animation:marker-scene-in 1s .12s var(--ease) forwards}.marker-mountain{position:absolute;left:0;width:100%;height:auto;object-fit:contain;object-position:center bottom;filter:invert(1);transform-origin:50% 100%;will-change:translate}.marker-mountain-far{z-index:1;bottom:17%;opacity:.28;translate:calc(var(--px)*-4px) calc(var(--py)*-2px);scale:.92}.marker-mountain-mid{z-index:2;bottom:7%;opacity:.62;translate:calc(var(--px)*-9px) calc(var(--py)*-5px);scale:1.02}.marker-mountain-front{z-index:3;bottom:-2%;opacity:.92;translate:calc(var(--px)*-16px) calc(var(--py)*-9px);scale:1.09}
.hero-cloud-field{position:absolute;z-index:2;inset:22px 0 0;overflow:hidden;pointer-events:none}.ink-cloud{position:absolute;width:clamp(180px,20vw,390px);height:auto;opacity:0;filter:grayscale(1) brightness(.72);animation:ink-cloud-enter .9s var(--ease) forwards,ink-cloud-drift 20s 1.2s ease-in-out infinite alternate;will-change:translate}.cloud-one{left:4%;top:7%;width:clamp(140px,16vw,300px);translate:calc(var(--px)*-5px) calc(var(--py)*-3px);animation-delay:.12s,1.2s}.cloud-two{left:31%;top:2%;translate:calc(var(--px)*-8px) calc(var(--py)*-4px);animation-delay:.28s,1.2s}.cloud-three{right:5%;top:19%;width:clamp(125px,14vw,255px);scale:-1 1;translate:calc(var(--px)*-6px) calc(var(--py)*-3px);animation-delay:.42s,1.2s}
.mountain-flyer{position:absolute;z-index:9;left:25%;top:20%;width:clamp(190px,16vw,290px);aspect-ratio:1/.98;opacity:1;translate:calc(var(--px)*-13px) calc(var(--py)*-8px);transform-origin:53% 15%;animation:flyer-wind 7.8s ease-in-out infinite;will-change:translate,transform}.mountain-umbrella{position:absolute;z-index:2;left:0;top:0;width:100%;filter:brightness(.94) contrast(1.08)}.mountain-crocodile{position:absolute;z-index:1;left:31%;top:53%;width:58%;filter:invert(1);transform:rotate(-57deg);transform-origin:50% 4%}
.sky-orb{position:absolute;z-index:10;left:49%;top:15%;width:clamp(68px,6.5vw,112px);aspect-ratio:1;border:0;background:transparent;color:#f4f3ef;pointer-events:auto;cursor:pointer;translate:calc(var(--px)*-7px) calc(var(--py)*-4px);transition:translate .3s var(--ease),scale .3s var(--ease);animation:orb-enter .7s .2s backwards}.sky-orb:hover{scale:1.08}.sky-orb svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:center;transition:transform .72s cubic-bezier(.2,.8,.2,1)}.sky-orb circle,.sky-orb path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sun-glyph,.moon-glyph{transform-origin:48px 48px;transition:opacity .38s ease,transform .68s cubic-bezier(.2,.8,.2,1)}.moon-glyph{opacity:0;transform:rotate(-35deg) scale(.45)}.sky-orb.is-night svg{transform:rotate(180deg)}.sky-orb.is-night .sun-glyph{opacity:0;transform:rotate(90deg) scale(.42)}.sky-orb.is-night .moon-glyph{opacity:1;transform:rotate(0) scale(1)}.sky-orb.is-switching svg{transform:rotate(360deg)}
.ink-pixel-shader,.hero-rain{position:absolute;z-index:7;inset:0;width:100%;height:100%;pointer-events:none}.ink-pixel-shader{z-index:6;opacity:.3;mix-blend-mode:screen}.rain-drop{position:absolute;top:-10%;width:1px;height:var(--rain-length);border-radius:2px;background:rgba(255,255,255,var(--rain-alpha));animation:rain-fall var(--rain-duration) linear var(--rain-delay) infinite;transform:rotate(12deg)}
[data-app-parallax]{--app-x:0px;--app-y:0px;translate:var(--app-x) var(--app-y);transition:translate .08s linear;will-change:translate}.product-experience{position:relative}.preview-cloud{position:absolute;z-index:1;width:clamp(170px,18vw,320px);opacity:.12;filter:grayscale(1) brightness(.55);pointer-events:none;animation:ink-cloud-drift 28s ease-in-out infinite alternate}.preview-cloud-left{left:-4%;top:18%}.preview-cloud-right{right:-5%;top:54%;scale:-1 1}.frame-dots{position:absolute;z-index:4;left:34px;top:11px;display:flex;gap:8px}.frame-dots i{width:9px;height:9px;border-radius:50%;background:#5a5b60;transition:width .25s var(--ease),background .25s}.frame-dots i:hover{width:24px;background:#f4f3ef}
@keyframes marker-scene-in{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes ink-cloud-enter{from{opacity:0}to{opacity:.48}}@keyframes ink-cloud-drift{from{margin-left:-7px}to{margin-left:15px}}@keyframes flyer-wind{0%,100%{transform:translate3d(-7px,5px,0) rotate(-5deg)}45%{transform:translate3d(13px,-11px,0) rotate(-1deg)}72%{transform:translate3d(5px,-3px,0) rotate(-3deg)}}@keyframes orb-enter{from{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes rain-fall{0%{opacity:0;translate:0 -20px}10%,68%{opacity:1}100%{opacity:0;translate:-72px 760px}}
html[data-theme=light] .landing-hero{background:#f1f1ee!important}html[data-theme=light] .mountain-copy h1 img{filter:none}html[data-theme=light] .mountain-copy p{color:#66676b}html[data-theme=light] .marker-mountain{filter:none}html[data-theme=light] .mountain-crocodile{filter:none}html[data-theme=light] .ink-cloud{filter:grayscale(1) brightness(.9)}html[data-theme=light] .sky-orb{color:#fff;filter:drop-shadow(0 0 1px #17191d) drop-shadow(0 1px 2px rgba(0,0,0,.3))}html[data-theme=light] .ink-pixel-shader{opacity:.14;mix-blend-mode:multiply}
html[data-theme=light] .sky-orb{color:#24262a;filter:none}
@media(max-width:900px){.landing-hero{min-height:680px!important;cursor:auto}.landing-v2:not(.intro-ready) .mountain-hero-scene{opacity:1!important}.intro-ready .mountain-hero-scene{animation:none!important}.mountain-hero-scene{display:block;height:680px}.mountain-copy{position:absolute;z-index:14;left:24px;right:24px;top:66px;padding:0;text-align:center}.mountain-copy h1{width:min(70vw,340px);margin:0 auto 18px}.mountain-visual{top:158px}.marker-mountain-group{left:-35%;bottom:-7%;width:170%;height:65%;animation:none;opacity:1}.ink-cloud,.sky-orb{animation:none;opacity:1}.mountain-flyer{left:26%;top:20%;width:155px}.sky-orb{left:70%;top:15%;width:68px;cursor:pointer}.hero-cloud-field{inset:110px 0 0}.cloud-one{left:-12%;top:8%}.cloud-two{left:46%;top:2%;width:210px}.cloud-three{display:none}.site-cursor{display:none}[data-app-parallax]{translate:none!important}}
@media(prefers-reduced-motion:reduce){.hero-rain{display:none}.marker-mountain-group,.ink-cloud,.mountain-flyer,.sky-orb,.preview-cloud{animation:none!important;opacity:1!important}.ink-pixel-shader{display:none}[data-app-parallax]{translate:none!important}}

/* Marker-scene refinement: static interactive plane, lower app, continuous mountains. */
.hero-cloud-field{inset:8% 0 0;contain:paint}.ink-cloud{opacity:0;filter:invert(1);width:clamp(150px,17vw,310px)}
.cloud-one{left:2%;top:18%;width:clamp(125px,13vw,235px)}.cloud-two{left:35%;top:3%;width:clamp(180px,19vw,340px)}.cloud-three{right:4%;top:25%;width:clamp(135px,14vw,250px)}
.mountain-flyer{left:27%;top:23%;width:clamp(114px,9.6vw,174px)}.mountain-crocodile{left:31%;top:53%;width:58%;transform:rotate(-7deg)}
.sky-orb{z-index:3;left:46%;top:34%;width:clamp(104px,9vw,160px)}.sky-orb svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.12))}.sky-orb circle,.sky-orb path{stroke-width:3.2}
.marker-mountain-group{z-index:5}
.product-experience{min-height:1260px!important;padding:150px 0 170px!important;overflow:hidden}
.experience-stage{z-index:2;min-height:1080px!important;margin-top:70px!important}.showcase-parallax-plane{position:relative;z-index:2;width:max-content;max-width:100%;margin-inline:auto;padding:34px 0}
.showcase-shell{min-height:900px!important;padding-top:35px!important;padding-bottom:35px!important}
.showcase-ink-outline{position:absolute;z-index:-1;inset:6px -28px -8px;width:calc(100% + 56px);height:calc(100% + 2px);overflow:visible;color:rgba(255,255,255,.76);pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.12))}.showcase-ink-outline path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.frame-dots{top:4px}.frame-dots i{transition:transform .22s var(--ease),background .22s;width:9px}.frame-dots i:hover{width:9px;transform:scale(1.22);background:#f4f3ef}
html[data-theme=light] .ink-cloud{filter:none}.preview-cloud{filter:invert(1);opacity:.17}.preview-cloud-left{left:2%;top:10%}.preview-cloud-right{right:1%;top:62%}
@media(max-width:1180px){.product-experience{min-height:980px!important;padding:90px 0 110px!important}.experience-stage{min-height:800px!important;margin-top:45px!important}.showcase-parallax-plane{width:100%;padding-inline:10px}.showcase-ink-outline{display:none}}

/* V2 marker cleanup: one complete ridge, distinct clouds, detached frame ink. */
.marker-mountain-group{bottom:1%;height:71%;mask-image:none!important}
.ink-cloud{filter:none!important}.mountain-umbrella{filter:none;object-fit:contain}
.cloud-one{left:3%;top:17%;width:clamp(135px,15vw,270px)}.cloud-two{left:36%;top:2%;width:clamp(145px,16vw,290px)}.cloud-three{right:3%;top:24%;width:clamp(155px,17vw,305px)}
.sky-orb{z-index:4;left:36%;top:42%;width:clamp(112px,9.5vw,172px)}
.product-experience{padding-top:190px!important}
.showcase-ink-outline{inset:-34px -52px -38px;width:calc(100% + 104px);height:calc(100% + 72px);color:rgba(255,255,255,.84);filter:drop-shadow(0 0 6px rgba(255,255,255,.13))}.showcase-ink-outline path{stroke-width:3.6}
.frame-dots{top:19px;gap:9px}.frame-dots i{background:#ff5f57}.frame-dots i:nth-child(2){background:#febc2e}.frame-dots i:nth-child(3){background:#28c840}.frame-dots i:hover{background:inherit;transform:scale(1.2)}
.preview-cloud{filter:none!important}
html[data-theme=light] .ink-cloud,html[data-theme=light] .preview-cloud,html[data-theme=light] .mountain-umbrella{filter:invert(1)!important}
@media(max-width:900px){.marker-mountain-group{bottom:2%;height:61%}.sky-orb{left:65%;top:42%;width:82px}.mountain-flyer{top:21%}.product-experience{padding-top:110px!important}}

/* V8: final editorial composition. */
body.home-page,body.home-page *{cursor:auto!important}body.home-page a,body.home-page button,body.home-page [role=button]{cursor:pointer!important}.site-cursor{display:none!important}
.landing-hero{background:linear-gradient(180deg,#f1f1ee 0%,#dddeda 54%,#0d0f12 100%)!important}.mountain-visual{overflow:visible}.hero-cloud-field{overflow:hidden}
.mountain-copy{padding-bottom:2vh}.hero-title-row{display:flex;align-items:center;gap:24px}.hero-title-row h1{margin:0;width:clamp(280px,25vw,470px)}
.mountain-copy p{margin:24px 0 18px}.mountain-copy .download-cards{position:static!important;display:flex!important;width:auto!important;height:auto!important;justify-content:flex-start;gap:8px;margin:0;opacity:1!important;transform:none!important}.mountain-copy .store-badge{height:42px!important}.mountain-copy .store-badge img{height:100%;width:auto}
.sky-orb{position:relative;left:auto;top:auto;flex:0 0 clamp(82px,7vw,122px);width:clamp(82px,7vw,122px);color:#f6f6f2!important;filter:drop-shadow(0 0 1px #444) drop-shadow(0 0 9px rgba(255,255,255,.18))!important;translate:none}.sky-orb:after{content:"";position:absolute;inset:-9px;border:1px dashed currentColor;border-radius:50%;opacity:.22;animation:orb-hint 7s ease-in-out infinite}.sky-orb svg{animation:orb-drift 9s ease-in-out infinite}.sky-orb circle,.sky-orb path{stroke-width:3.8}
.marker-mountain-group{top:-5%;bottom:auto;height:102%;overflow:visible;mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%)!important}.marker-mountain{filter:brightness(0) invert(1);opacity:.75}.mountain-flyer{transform:rotate(-2deg)}
.ink-cloud{width:clamp(210px,20vw,380px);opacity:.58!important}.cloud-two{width:clamp(220px,22vw,410px)}
.product-experience{background:var(--landing-bg)!important;color:var(--landing-ink);min-height:1110px!important;padding:96px 0 120px!important}.app-intro{position:relative;z-index:5;display:flex;align-items:center;gap:18px;padding-left:22px}.app-intro>img{width:46px;height:46px;padding:12px;border:1px solid rgba(255,255,255,.24);border-radius:50%;filter:invert(1)}.app-intro span,.share-copy>span,.signup-frame span{color:#8e929a;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.app-intro h2{margin:5px 0 0;font-size:clamp(30px,3.2vw,50px);line-height:.98;letter-spacing:-.045em}.experience-stage{margin-top:88px!important;min-height:960px!important}
.showcase-ink-outline{inset:-58px -84px -62px;width:calc(100% + 168px);height:calc(100% + 120px)}.showcase-ink-outline path{stroke-width:4.4}.frame-dots{top:15px;left:34px;padding:8px 48px 8px 12px;border:1px solid rgba(255,255,255,.18);border-bottom:0;border-radius:12px 12px 0 0;background:#151516}.frame-dots:after{content:"+";position:absolute;right:13px;top:2px;color:#aaa;font:300 22px/1 sans-serif}.showcase-shell{background:var(--landing-panel)!important}
.share-finale{position:relative;background:var(--landing-bg)!important;color:var(--landing-ink)!important;border-top:1px solid var(--landing-hair);overflow:hidden}.share-sketch{min-height:620px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1fr);align-items:center;gap:clamp(60px,9vw,160px);padding-block:90px}.share-qr-sketch{position:relative;width:min(36vw,390px);aspect-ratio:1;rotate:-7deg;padding:26px;border:3px solid rgba(255,255,255,.72);border-radius:5% 8% 4% 7%;filter:drop-shadow(0 22px 40px rgba(0,0,0,.35))}.share-qr-sketch:before{content:"";position:absolute;inset:-18px;border:2px dashed rgba(255,255,255,.25);rotate:3deg}.share-qr-sketch img{display:block;width:100%;height:100%;background:#fff;clip-path:inset(0 0 100% 0);animation:qr-draw 7s ease-in-out infinite}.share-copy h2{margin:10px 0 18px;font-size:clamp(48px,6vw,88px);line-height:.88;letter-spacing:-.055em}.share-copy p{max-width:520px;color:#a4a6ac;font-size:17px;line-height:1.65}
.signup-frame{display:grid;grid-template-columns:1fr minmax(420px,.9fr);align-items:center;gap:50px;margin-bottom:100px;padding:48px 54px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:#202123}.signup-frame h2{margin:8px 0 0;font-size:clamp(30px,3vw,48px);line-height:1}.signup-frame form{display:flex;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.17);border-radius:15px}.signup-frame input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:0 13px;outline:0}.signup-frame button{border:0;border-radius:10px;background:#f4f3ef;color:#111;padding:15px 20px;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-footer{border-top:1px solid var(--landing-hair)!important;background:var(--landing-bg)!important;padding:28px 0!important}.site-footer .footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-footer nav{display:flex;gap:24px}.site-footer nav a{color:#a7a9af;text-decoration:none}.site-footer>div>span{justify-self:end;color:#777b82}.site-footer:before,.site-footer:after{content:"";position:absolute;bottom:58px;width:220px;height:85px;background:url('/hero/marker-mountains-far-v1.png') center bottom/contain no-repeat;filter:brightness(0) invert(1);opacity:.12}.site-footer:before{left:2%}.site-footer:after{right:2%;scale:-1 1}
html[data-theme=light] .landing-hero{background:linear-gradient(180deg,var(--landing-bg) 0%,color-mix(in srgb,var(--landing-bg) 88%,var(--scene-ink)) 62%,var(--landing-bg) 100%)!important}html[data-theme=light] .marker-mountain{filter:none}.landing-hero .mountain-copy h1 img{filter:invert(1)}html[data-theme=light] .landing-hero .mountain-copy h1 img{filter:none}.landing-hero .mountain-copy p{color:#a6a7aa}html[data-theme=light] .landing-hero .mountain-copy p{color:#66686d}html[data-theme=light] .sky-orb{color:#3d4045!important}
@keyframes orb-hint{0%,70%,100%{scale:1;opacity:.18}82%{scale:1.08;opacity:.42}}@keyframes orb-drift{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes qr-draw{0%,10%{clip-path:inset(0 0 100% 0)}42%,82%{clip-path:inset(0)}100%{clip-path:inset(100% 0 0)}}
@media(max-width:900px){.mountain-copy{top:48px}.hero-title-row{justify-content:center;gap:12px}.hero-title-row h1{margin:0;width:min(62vw,300px)}.sky-orb{flex-basis:70px;width:70px}.mountain-copy .download-cards{justify-content:center}.marker-mountain-group{top:4%;height:91%}.app-intro{padding-inline:24px}.share-sketch{grid-template-columns:1fr;text-align:center;padding-inline:24px}.share-qr-sketch{width:min(72vw,330px);margin:auto}.share-copy p{margin-inline:auto}.signup-frame{grid-template-columns:1fr;margin-inline:18px;padding:30px 22px}.signup-frame form{display:grid}.site-footer .footer-row{grid-template-columns:1fr;gap:18px}.site-footer nav,.site-footer>div>span{justify-self:start}}
.showcase-parallax-plane{margin-top:70px}
.marker-mountain-group{mask-image:linear-gradient(to right,#000 0 58%,rgba(0,0,0,.88) 64%,transparent 72%)!important}

/* V11: theme correction and visibility pass. */
.landing-hero{background:linear-gradient(180deg,var(--landing-bg) 0%,color-mix(in srgb,var(--landing-bg) 86%,var(--scene-ink)) 62%,var(--landing-bg) 100%)!important}
html[data-theme=light] .landing-hero{background:linear-gradient(180deg,var(--landing-bg) 0%,color-mix(in srgb,var(--landing-bg) 88%,var(--scene-ink)) 62%,var(--landing-bg) 100%)!important}
.mountain-copy{text-align:center}.hero-title-row{justify-content:center}.mountain-copy p{margin:24px auto 18px}.mountain-copy .download-cards{justify-content:center}
.sky-orb:after{display:none!important}.sky-orb circle{transform-origin:center}.sky-orb svg{overflow:visible}
.marker-mountain-group{left:-6%;width:min(82vw,1540px);mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.8) 87%,transparent 100%)!important}
.cloud-one{left:2%;top:12%}.cloud-two{left:31%;top:0}.cloud-three{right:-9%;top:8%;width:clamp(180px,17vw,300px)}
.product-experience,html[data-theme=light] .product-experience{padding-top:52px!important;min-height:1050px!important}.experience-stage{margin-top:32px!important}.showcase-parallax-plane{margin-top:0!important}.showcase-ink-outline{inset:-28px -84px -62px;height:calc(100% + 90px)}
.app-intro h2,.share-copy h2,.signup-frame h2{font-family:"Instrument Serif",Georgia,serif;font-weight:500;letter-spacing:-.035em}.app-intro h2{font-size:clamp(38px,4vw,62px)}
.share-qr-sketch:before{display:none}.share-qr-sketch img{clip-path:none;mask-image:linear-gradient(#000 0 0);mask-repeat:no-repeat;mask-position:top;mask-size:100% 0;animation:qr-pixel-draw 3.8s steps(18,end) .35s forwards}
.site-footer:before,.site-footer:after{bottom:-5px;opacity:.1}
@keyframes qr-pixel-draw{to{mask-size:100% 100%}}
@media(max-width:900px){.marker-mountain-group{left:-38%;width:185%;mask-image:linear-gradient(to bottom,#000 0 76%,transparent 100%)!important}.cloud-one{left:-18%;top:4%}.cloud-two{left:50%;top:0}.product-experience{padding-top:42px!important}.experience-stage{margin-top:22px!important}}

/* V12: final scene staging and resilient application surface. */
.mountain-copy{translate:0 -28px}
.mountain-flyer{left:55%;top:15%;width:clamp(104px,7.4vw,138px)}
.sky-orb{position:absolute;left:49%;top:13%;width:clamp(94px,7vw,126px);flex:none}
.mountain-copy p{translate:0 -8px}
.mountain-copy .download-cards{translate:0 -7px}
.app-intro{translate:0 -20px;gap:22px;padding-left:0}
.app-intro-mark{position:relative;display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:2px solid #f4f3ef;border-radius:50%;box-shadow:0 0 14px rgba(255,255,255,.08)}
.app-intro-mark:after{content:"";width:0;height:0;margin-left:5px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #f4f3ef}
.app-intro h2{margin:0;white-space:nowrap}
.experience-stage{margin-top:76px!important}
.production-device{opacity:1!important;transform:none!important}
.product-experience,html[data-theme=light] .product-experience{min-height:1220px!important;padding-bottom:190px!important}
.share-finale{min-height:1540px}
.share-sketch{grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);min-height:690px}
.share-copy h2{white-space:nowrap;font-size:clamp(46px,5.5vw,82px)}
.signup-frame{grid-template-columns:max-content minmax(520px,1fr);max-width:1360px;margin-bottom:180px;padding-inline:64px}
.signup-frame h2{white-space:nowrap}
.signup-frame form{justify-self:stretch}
.signup-frame button{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 52px;width:52px;min-width:52px;height:52px;margin-left:auto;padding:0 17px;overflow:hidden;white-space:nowrap;transition:width .3s var(--ease),background .2s,color .2s}
.signup-frame button span{max-width:0;overflow:hidden;opacity:0;transition:max-width .3s var(--ease),opacity .18s ease}
.signup-frame button b{font:400 25px/1 Georgia,serif}
.signup-frame button:hover,.signup-frame button:focus-visible{width:210px}
.signup-frame button:hover span,.signup-frame button:focus-visible span{max-width:155px;opacity:1}
.site-footer{padding:72px 0 88px!important}
.site-footer:before,.site-footer:after{bottom:-30px;width:300px;height:120px;opacity:.26;filter:brightness(0) invert(1)}
html[data-theme=light] .mountain-flyer img{filter:none}
html[data-theme=dark] .mountain-flyer img{filter:invert(1)}
.mountain-copy .store-badge{border-radius:7px;outline:1px solid color-mix(in srgb,currentColor 18%,transparent)}
@media(max-width:1180px){.mountain-flyer{left:58%;top:25%}.sky-orb{left:47%;top:14%}.app-intro h2,.share-copy h2,.signup-frame h2{white-space:normal}.share-sketch{grid-template-columns:1fr}.signup-frame{grid-template-columns:1fr;min-width:0}.share-finale{min-height:1320px}}
@media(max-width:900px){.mountain-copy{translate:none}.mountain-copy p,.mountain-copy .download-cards{translate:none}.mountain-flyer{left:10%;top:16%}.sky-orb{left:72%;top:17%}.app-intro{translate:none}.app-intro-mark{flex-basis:48px;width:48px;height:48px}.share-finale{min-height:1500px}.signup-frame button{width:100%;justify-content:center}.signup-frame button span{max-width:none;opacity:1}.site-footer:before,.site-footer:after{width:180px}}

/* V13: centered application heading, anchored frame chrome, unified scene ink. */
body.home-page{--scene-ink:#f1f1ee;--scene-raster:brightness(0) invert(1)}
html[data-theme=light] body.home-page{--scene-ink:#2f3135;--scene-raster:brightness(0)}
.mountain-visual{transform:translateY(64px)}
.marker-mountain,.ink-cloud,.preview-cloud,.mountain-umbrella,.mountain-crocodile{filter:var(--scene-raster)!important}
.sky-orb{left:42%;color:var(--scene-ink)!important;filter:none!important}
.sky-orb svg{filter:none!important}
.mountain-flyer{left:61.5%;top:7%}
.app-intro{display:block;text-align:center;translate:0 -34px;padding:0}
.app-intro h2{font-family:Inter,Arial,sans-serif;font-size:clamp(28px,2.8vw,44px);font-weight:700;letter-spacing:-.04em}
.showcase-parallax-plane{--frame-x:84px;--frame-top:28px;--frame-bottom:62px}
.showcase-ink-outline{inset:calc(-1 * var(--frame-top)) calc(-1 * var(--frame-x)) calc(-1 * var(--frame-bottom));width:calc(100% + 2 * var(--frame-x));height:calc(100% + var(--frame-top) + var(--frame-bottom));color:color-mix(in srgb,var(--scene-ink) 82%,transparent)}
.showcase-parallax-plane>.frame-dots{top:calc(-1 * var(--frame-top) - 5px);left:50px;height:27px;padding:5px 40px 5px 11px;border-color:color-mix(in srgb,var(--scene-ink) 42%,transparent);background:#151516}
.showcase-parallax-plane>.frame-dots:after{top:0;font-size:19px}
.signup-frame h2{translate:0 -9px}
.signup-frame button>img{width:24px;height:24px;flex:none;transform:rotate(180deg)}
.site-footer:before,.site-footer:after{bottom:-10px;filter:var(--scene-raster)!important}
html[data-theme=light] .product-experience{background:#f1f1ee!important;color:#18191c!important}
html[data-theme=light] .app-intro-mark{border-color:#202226}
html[data-theme=light] .app-intro-mark:after{border-left-color:#202226}
html[data-theme=light] .showcase-ink-outline{color:rgba(30,32,36,.72)}
html[data-theme=light] .share-finale{background:#f1f1ee!important;color:#18191c!important;border-top-color:rgba(20,22,25,.16)}
html[data-theme=light] .share-copy p{color:#60636a}

/* V14: coherent light scene, app-bound window chrome, and composited views. */
.mountain-flyer{top:12%}
.showcase-parallax-plane>.frame-dots{top:9px}
html[data-theme=light] .landing-hero{background:linear-gradient(180deg,#f3f3f0 0%,#dedfdb 64%,var(--landing-bg) 100%)!important}
html[data-theme=light] .landing-hero:after{background:linear-gradient(180deg,transparent,var(--landing-bg) 94%)}
html[data-theme=light] .showcase-shell{background:#d8d8d4!important;border-color:#a9aaa7!important;box-shadow:0 16px 15px rgba(23,24,26,.2),inset 0 1px rgba(255,255,255,.72)!important}
html[data-theme=light] .production-view-grid,html[data-theme=light] .production-device,html[data-theme=light] .flutter-view-host{background:#f1f1ee!important}
.preview-cloud{translate:calc(var(--app-x,0px)*.18) calc(var(--app-y,0px)*.18)}
html[data-theme=light] .share-qr-sketch{border-color:rgba(25,27,31,.72);filter:none}
html[data-theme=light] .signup-frame{background:#fff;border-color:rgba(20,22,25,.18)}
html[data-theme=light] .signup-frame form{border-color:rgba(20,22,25,.2)}
html[data-theme=light] .signup-frame input{color:#17191c}
html[data-theme=light] .signup-frame button{background:#17191c;color:#fff}
html[data-theme=light] .signup-frame button>img{filter:invert(1)}
html[data-theme=light] .site-footer{background:#f1f1ee!important;border-top-color:rgba(20,22,25,.16)!important}
html[data-theme=light] .site-footer:before,html[data-theme=light] .site-footer:after{opacity:.18}

/* V15: structural anchors; no viewport-owned character/chrome offsets. */
.hero-title-row{
  position:relative;
  width:fit-content;
  margin-inline:auto;
}
.hero-title-row .mountain-flyer{
  position:absolute;
  left:auto;
  right:calc(100% + clamp(10px,1.2vw,22px));
  top:auto;
  bottom:18%;
  width:clamp(92px,7vw,132px);
  translate:calc(var(--px)*-4px) calc(var(--py)*-3px);
}
.sky-orb{left:31%;color:var(--scene-ink)!important}
.mountain-visual{transform:translateY(clamp(72px,6vw,108px))}
.marker-mountain-group{
  mask-image:linear-gradient(to bottom,#000 0 80%,rgba(0,0,0,.82) 88%,transparent 100%)!important;
}
.showcase-parallax-plane>.frame-dots{
  top:calc(-1 * var(--frame-top) - 4px);
  left:50px;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.showcase-parallax-plane>.frame-dots:after{display:none}
.frame-dots i{width:9px;height:9px;box-shadow:0 0 0 3px var(--landing-bg)}
.product-experience,html[data-theme=light] .product-experience{padding-top:142px!important}
html[data-theme=light] .landing-hero{
  background:linear-gradient(180deg,var(--landing-bg) 0%,color-mix(in srgb,var(--landing-bg) 88%,var(--scene-ink)) 68%,var(--landing-bg) 100%)!important;
}
html[data-theme=light] .landing-hero:after{
  background:linear-gradient(180deg,transparent,var(--landing-bg) 94%)!important;
}
html[data-theme=light] .showcase-shell{background:#d8d8d4!important}

@media(max-width:900px){
  .hero-title-row .mountain-flyer{
    right:calc(100% - 22px);
    bottom:8%;
    width:82px;
  }
  .mountain-visual{transform:translateY(92px)}
  .sky-orb{left:58%;top:30%}
  .product-experience,html[data-theme=light] .product-experience{padding-top:96px!important}
}

@media(max-width:1180px){
  .production-view-grid{
    grid-template-columns:390px!important;
    width:390px!important;
    height:844px!important;
  }
  .production-device:first-child,.production-device:last-child{
    position:absolute!important;
    inset:0 auto auto 0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .production-device:nth-child(2),
  .production-device:nth-child(2) .flutter-view-host{
    border-radius:17px!important;
  }
  .showcase-shell{overflow:hidden!important}
  .showcase-ink-outline{display:block;inset:-18px -12px -24px;width:calc(100% + 24px);height:calc(100% + 42px)}
  .showcase-parallax-plane{padding-inline:0}
}

/* Mobile navigation must never wait for decorative intro/canvas work. */
@media(max-width:900px){
  .landing-v2 .site-header{
    opacity:1!important;
    animation:none!important;
  }
  .ink-pixel-shader,.hero-rain{display:none!important}
}

/* V16: compact layout keeps title artwork in its local flex row and retains the app demo. */
@media(max-width:900px){
  .mountain-copy{top:82px}
  .hero-title-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
  .hero-title-row .mountain-flyer{
    position:relative;
    inset:auto;
    flex:0 0 66px;
    width:66px;
    margin:0 -7px 0 0;
    translate:none;
  }
  .hero-title-row h1{flex:0 1 282px;width:auto;max-width:calc(100% - 67px)}
  .mountain-copy p{margin-top:18px}
  .mountain-visual{transform:translateY(118px)}
}
@media(max-width:1180px){
  .product-experience{display:block!important}
}
@media(min-width:901px){
  .marker-mountain-group{
    -webkit-mask-image:linear-gradient(to right,#000 0 78%,transparent 100%),linear-gradient(to bottom,#000 0 80%,rgba(0,0,0,.82) 88%,transparent 100%)!important;
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,#000 0 78%,transparent 100%),linear-gradient(to bottom,#000 0 80%,rgba(0,0,0,.82) 88%,transparent 100%)!important;
    mask-composite:intersect;
  }
}


/* V20: branded QR center mark stays subordinate to data modules. */
.share-qr-sketch{border-color:color-mix(in srgb,var(--scene-ink) 72%,transparent);}
.share-qr-sketch>span{position:absolute;z-index:3;left:50%;top:50%;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);padding:1.5%;border-radius:22%;background:var(--landing-panel);box-shadow:0 0 0 4px var(--landing-panel);pointer-events:none;}
.share-qr-sketch>span::before{content:"";display:block;width:100%;height:100%;border-radius:18%;background:url('/brand-light.svg') center/contain no-repeat;}
@media(max-width:900px){.share-qr-sketch>span{box-shadow:0 0 0 3px var(--landing-panel);}}

/* V21: stable theme plane and integrated application frame. */
.landing-hero{padding-bottom:clamp(84px,7vw,112px)!important;overflow:hidden}
.landing-hero,.landing-hero:after{background:#1b1d1f!important}
html[data-theme=light] .landing-hero,html[data-theme=light] .landing-hero:after{background:#f1f1ee!important}
.mountain-visual,.hero-cloud-field{overflow:visible!important}
.marker-mountain-group{-webkit-mask-image:linear-gradient(to right,#000 0 76%,rgba(0,0,0,.92) 84%,transparent 96%)!important;mask-image:linear-gradient(to right,#000 0 76%,rgba(0,0,0,.92) 84%,transparent 96%)!important;overflow:visible!important}
.marker-mountain-group:before,.marker-mountain-group:after{content:"";position:absolute;left:0;width:100%;background:#1b1d1f;pointer-events:none;transform-origin:50% 100%}
html[data-theme=light] .marker-mountain-group:before,html[data-theme=light] .marker-mountain-group:after{background:#f1f1ee}
.marker-mountain-group:before{z-index:2;bottom:7%;height:94%;translate:calc(var(--px)*-9px) calc(var(--py)*-5px);scale:1.02;clip-path:polygon(0 100%,0 80%,7% 74%,17% 43%,31% 71%,48% 10%,65% 74%,76% 36%,96% 76%,100% 82%,100% 100%)}
.marker-mountain-group:after{z-index:4;bottom:-2%;height:64%;translate:calc(var(--px)*-16px) calc(var(--py)*-9px);scale:1.09;clip-path:polygon(0 100%,0 84%,8% 77%,16% 50%,28% 79%,44% 18%,58% 79%,65% 44%,76% 80%,84% 60%,94% 80%,100% 86%,100% 100%)}
.marker-mountain-far{z-index:1}.marker-mountain-mid{z-index:3}.marker-mountain-front{z-index:5}
.sky-orb{left:47%!important}
.frame-dots{display:none!important}
.showcase-parallax-plane{--frame-top:62px}
.showcase-ink-outline{inset:calc(-1 * var(--frame-top)) calc(-1 * var(--frame-x)) calc(-1 * var(--frame-bottom));height:calc(100% + var(--frame-top) + var(--frame-bottom))}
.share-qr-sketch{padding:10px;border:2px solid color-mix(in srgb,var(--scene-ink) 58%,transparent);border-radius:9%;background:transparent;rotate:-5deg}
.share-qr-sketch img{clip-path:none!important;-webkit-mask:none!important;mask:none!important;animation:none!important;border:1px solid color-mix(in srgb,#131314 70%,transparent);border-radius:7%;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.share-qr-sketch>span{width:17%;padding:1.2%;border-radius:25%;background:#131314;box-shadow:0 0 0 8px #fff}
.share-qr-sketch>span::before{border-radius:21%}
.signup-frame button>img{width:20px;height:20px}
@media(max-width:900px){
  .marker-mountain-group{-webkit-mask-image:linear-gradient(to bottom,#000 0 92%,rgba(0,0,0,.92) 96%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0 92%,rgba(0,0,0,.92) 96%,transparent 100%)!important}
  .sky-orb{left:76%!important}
  .showcase-parallax-plane{--frame-top:42px}
}

/* Avoid first-paint disappearance and staggered application tiles. */
.landing-v2:not(.intro-ready) .site-header,.landing-v2:not(.intro-ready) .hero-step{opacity:1!important}
.landing-v2.intro-ready .site-header,.intro-ready .hero-step{animation:none!important}
.showcase-shell,.production-device{transition:none!important;transform:none!important;animation:none!important}
.production-device{opacity:1!important}
.ink-pixel-shader,.hero-rain{display:none!important}

/* V22: solid scene plane, depth by layer, no cropped baseline, balanced preview. */
.landing-hero,.landing-hero:after,html[data-theme=light] .landing-hero,html[data-theme=light] .landing-hero:after{background:var(--landing-bg)!important}
.mountain-visual{bottom:-1px!important;overflow:visible!important}
.marker-mountain-group{bottom:-1%!important;width:min(66vw,1220px)!important;height:78%!important;-webkit-mask-image:linear-gradient(to right,#000 0 84%,rgba(0,0,0,.9) 91%,transparent 100%),linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.88) 94%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 0 84%,rgba(0,0,0,.9) 91%,transparent 100%),linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.88) 94%,transparent 100%)!important;mask-composite:intersect}
.marker-mountain-group:before,.marker-mountain-group:after{display:none!important}
.marker-mountain-far{opacity:.32}.marker-mountain-mid{opacity:.66}.marker-mountain-front{opacity:.96}
.hero-cloud-field{contain:layout style;overflow:visible!important}.ink-cloud{animation:ink-cloud-enter .45s var(--ease) forwards!important;will-change:transform,translate;backface-visibility:hidden}.cloud-one{opacity:.38}.cloud-two{opacity:.58}.cloud-three{opacity:.76}
@keyframes ink-cloud-enter{from{opacity:0;transform:translate3d(-6px,0,0)}to{transform:translate3d(0,0,0)}}
.showcase-ink-outline{display:none!important}.showcase-shell{box-sizing:border-box!important;padding:22px!important;background:var(--landing-panel)!important;border:1px solid var(--line)!important}
.production-scale-slot{margin:0!important}.store-badge{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.store-badge:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 7px 18px rgba(0,0,0,.24)}.store-badge:active{transform:translateY(0) scale(.97)}
.mountain-visual,.hero-cloud-field,.marker-mountain-group,.marker-mountain,.ink-cloud,.mountain-flyer,.preview-cloud,.showcase-parallax-plane,.showcase-shell,.production-view-grid{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.flutter-view-host,flutter-view{user-select:none!important;-webkit-user-select:none!important;cursor:default}
@media(max-width:900px){.marker-mountain-group{height:66%!important;bottom:0!important;-webkit-mask-image:none!important;mask-image:none!important}.showcase-shell{padding:14px!important}}

/* V23: mountains settle onto an organic floating forest base. */
.floating-island-base{display:none!important}
.marker-mountain-group{z-index:5;bottom:0!important;height:82%!important;-webkit-mask-image:linear-gradient(to right,#000 0 82%,rgba(0,0,0,.86) 90%,transparent 100%),linear-gradient(to bottom,#000 0 84%,rgba(0,0,0,.76) 92%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 0 82%,rgba(0,0,0,.86) 90%,transparent 100%),linear-gradient(to bottom,#000 0 84%,rgba(0,0,0,.76) 92%,transparent 100%)!important;mask-composite:intersect}.marker-mountain-far{opacity:.28}.marker-mountain-mid{opacity:.55}.marker-mountain-front{opacity:.84}
.mountain-copy{isolation:isolate}.mountain-copy:before{content:"";position:absolute;z-index:-1;inset:-28px -30px;background:radial-gradient(ellipse at center,var(--landing-bg) 0 58%,transparent 78%);opacity:.9;pointer-events:none}
.signup-frame{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:38px;padding:34px;border-color:var(--line-strong);background:#131314!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.signup-frame h2{min-width:0;font-size:clamp(30px,3vw,48px)!important;line-height:1!important;overflow-wrap:anywhere}
.signup-frame form{padding:7px;border:1px solid var(--line);border-radius:16px;background:#0d0d0d}.signup-frame input{height:54px;padding-inline:16px;border:0!important;background:transparent!important}.signup-frame button{width:48px;height:48px;border-radius:12px}.signup-frame button:hover{transform:translateX(2px);box-shadow:0 0 0 1px #fff,0 0 18px rgba(255,255,255,.16)}
@media(max-width:900px){.marker-mountain-group{bottom:0!important;height:72%!important;-webkit-mask-image:linear-gradient(to bottom,#000 0 86%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0 86%,transparent 100%)!important}.mountain-copy:before{inset:-20px;background:var(--landing-bg);opacity:.72}}
.signup-app-only{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#0d0d0d}.signup-app-only>img{width:26px;height:26px;filter:invert(1);opacity:.9}.signup-app-only p{min-width:0;margin:0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:760px){.signup-frame{grid-template-columns:1fr;gap:20px}}
.share-qr-sketch{padding:12px!important;border:0!important;border-radius:20px!important;background:#151516!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}.share-qr-sketch img{border:0!important;border-radius:15px!important;box-shadow:none!important}.share-qr-sketch>span{background:#131314!important;border-radius:9px!important;box-shadow:0 0 0 7px #fff!important}.share-qr-sketch>span::before{border-radius:7px!important}
.landing-hero:after{display:none!important}.pencil-island-underlay{position:absolute;z-index:6;left:-2%;bottom:-1%;width:min(66vw,1220px);height:auto;opacity:.72;filter:invert(1);pointer-events:none;translate:calc(var(--px)*-13px) calc(var(--py)*-7px);will-change:translate}.marker-mountain-group{bottom:16%!important;height:72%!important}.pencil-island-underlay,.marker-mountain-group{-webkit-mask-image:linear-gradient(to right,#000 0 83%,rgba(0,0,0,.88) 91%,transparent 100%)!important;mask-image:linear-gradient(to right,#000 0 83%,rgba(0,0,0,.88) 91%,transparent 100%)!important}html[data-theme=light] .pencil-island-underlay{filter:none;opacity:.6}
html[data-theme=light] .signup-frame{background:#e4e4df!important;border-color:#b9bab7!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}html[data-theme=light] .signup-app-only{background:#f2f2ee;border-color:#c7c8c4}html[data-theme=light] .signup-app-only>img{filter:none}html[data-theme=light] .signup-app-only p{color:#55575a}
@media(max-width:900px){.pencil-island-underlay{left:-32%;bottom:0;width:150%;opacity:.58}.marker-mountain-group{bottom:14%!important}}

/* V27: watercolor-gray depth washes, explicit layer masks, no opaque island fill. */
.marker-mountain{isolation:isolate;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.84) 95%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.84) 95%,transparent 100%)!important}
.mountain-wash{display:none!important;position:absolute;inset:0;z-index:0;pointer-events:none;background:#212224;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:100% auto;mask-size:100% auto;filter:blur(5px);opacity:.16;mix-blend-mode:multiply}
.mountain-wash-far{-webkit-mask-image:url('/hero/marker-mountains-far-v1.png');mask-image:url('/hero/marker-mountains-far-v1.png');opacity:.035}
.mountain-wash-mid{-webkit-mask-image:url('/hero/marker-mountains-mid-v1.png');mask-image:url('/hero/marker-mountains-mid-v1.png');opacity:.05}
.mountain-wash-front{-webkit-mask-image:url('/hero/marker-mountains-front-v1.png');mask-image:url('/hero/marker-mountains-front-v1.png');opacity:.07}
html[data-theme=dark] .mountain-wash{mix-blend-mode:screen;filter:invert(1) blur(5px);opacity:.06}
.marker-mountain-far,.marker-mountain-mid,.marker-mountain-front{opacity:1!important}
html[data-theme=dark] .marker-mountain-far{opacity:.1!important}html[data-theme=dark] .marker-mountain-mid{opacity:.3!important}html[data-theme=dark] .marker-mountain-front{opacity:.9!important}
html[data-theme=light] .marker-mountain-far{opacity:.16!important}html[data-theme=light] .marker-mountain-mid{opacity:.4!important}html[data-theme=light] .marker-mountain-front{opacity:.9!important}
.marker-mountain-far{-webkit-mask-image:linear-gradient(to bottom,#000 0 35%,rgba(0,0,0,.62) 46%,transparent 59%)!important;mask-image:linear-gradient(to bottom,#000 0 35%,rgba(0,0,0,.62) 46%,transparent 59%)!important}
.marker-mountain-mid{-webkit-mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.62) 67%,transparent 76%)!important;mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.62) 67%,transparent 76%)!important}
.marker-mountain-front{-webkit-mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.9) 95%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0 88%,rgba(0,0,0,.9) 95%,transparent 100%)!important}
.marker-mountain-group:after{display:block!important;content:"";position:absolute;z-index:4;inset:58% 0 0;background:var(--landing-bg);pointer-events:none;clip-path:polygon(0 10%,8% 6%,18% 16%,29% 8%,40% 19%,52% 12%,65% 20%,77% 10%,88% 15%,100% 8%,100% 100%,0 100%)}
html[data-theme=light] .marker-mountain-group:after{background:#f1f1ee}
@media(max-width:900px){
  .marker-mountain-group:after{display:none!important}
  .marker-mountain-far{display:none!important}
  .marker-mountain-mid,.marker-mountain-front{-webkit-mask-image:none!important;mask-image:none!important}
  .marker-mountain-mid{opacity:.2!important}
  .marker-mountain-front{opacity:.92!important}
}
.showcase-shell,.signup-frame,.share-qr-sketch{box-shadow:var(--object-shadow)!important}

/* V35: one opaque pencil composite. Transparent line-art layers were never able
   to occlude each other reliably; this sprite owns the fills and contours. */
.marker-mountain,.mountain-wash,.marker-mountain-group:before,.marker-mountain-group:after{display:none!important}
.marker-mountain-group{left:0!important;bottom:0!important;width:min(66vw,1220px)!important;height:72%!important;opacity:1!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}
.mountain-composite{display:block!important;position:absolute;z-index:5;left:0;bottom:0;width:100%;height:auto;object-fit:contain;object-position:center bottom;filter:invert(1);pointer-events:none;user-select:none;-webkit-user-drag:none}
html[data-theme=light] .mountain-composite{filter:none}
@media(max-width:900px){
  .marker-mountain-group{left:-35%!important;bottom:0!important;width:170%!important;height:72%!important}
  .mountain-composite{width:100%;left:0;bottom:0}
}

/* V36: restore the established pencil sprite language. Keep the scene compact,
   and keep the floating-island sketch behind it instead of over the artwork. */
.marker-mountain-group{left:0!important;bottom:5%!important;width:min(56vw,900px)!important;height:62%!important}
.mountain-composite{filter:invert(1)!important;opacity:.9!important}
.pencil-island-underlay{z-index:2!important;left:0!important;bottom:-14%!important;width:min(56vw,900px)!important;opacity:.2!important;filter:invert(1) brightness(.65)!important;mask-image:linear-gradient(to bottom,transparent 0 15%,#000 38% 78%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0 15%,#000 38% 78%,transparent 100%)!important}
html[data-theme=light] .mountain-composite{filter:none!important;opacity:.7!important}
html[data-theme=light] .pencil-island-underlay{filter:none!important;opacity:.15!important}
@media(max-width:900px){
  .marker-mountain-group{left:-28%!important;bottom:3%!important;width:145%!important;height:62%!important}
  .pencil-island-underlay{display:none!important}
}

/* V38: keep the floating island intact. No edge fade, no parallax drift, and
   enough inset from the hero bounds so its right/bottom outline is visible. */
.pencil-island-underlay{left:0!important;right:auto!important;bottom:0!important;width:min(56vw,900px)!important;opacity:.24!important;translate:none!important;transform:none!important;mask:none!important;-webkit-mask:none!important}
html[data-theme=light] .pencil-island-underlay{opacity:.18!important}

/* V37: pixel-traced occlusion. Each real PNG keeps its pencil strokes; the
   matching background silhouette sits immediately underneath and hides only
   the lower layer, with no visible mountain fill. */
.marker-mountain-group{left:0!important;bottom:5%!important;width:min(56vw,900px)!important;height:62%!important;opacity:1!important;mask:none!important;-webkit-mask:none!important;overflow:visible!important}
.mountain-composite{display:none!important}
.mountain-layer{position:absolute;inset:0;pointer-events:none;isolation:isolate}
.mountain-layer-far{z-index:1}.mountain-layer-mid{z-index:3}.mountain-layer-front{z-index:5}
.mountain-occluder{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;fill:var(--landing-bg);pointer-events:none}
.mountain-layer .marker-mountain{display:block!important;position:absolute;left:0;width:100%;height:auto;object-fit:contain;object-position:center bottom;filter:invert(1)!important;mask:none!important;-webkit-mask:none!important;transform-origin:50% 100%;opacity:1!important}
.mountain-layer .marker-mountain-far{z-index:1;bottom:17%;scale:.92;opacity:.26!important;translate:calc(var(--px)*-4px) calc(var(--py)*-2px)}
.mountain-layer .marker-mountain-mid{z-index:1;bottom:7%;scale:1.02;opacity:.5!important;translate:calc(var(--px)*-9px) calc(var(--py)*-5px)}
.mountain-layer .marker-mountain-front{z-index:1;bottom:-2%;scale:1.09;opacity:.9!important;translate:calc(var(--px)*-16px) calc(var(--py)*-9px)}
html[data-theme=light] .mountain-layer .marker-mountain{filter:none!important}
html[data-theme=light] .mountain-layer .marker-mountain-far{opacity:.18!important}
html[data-theme=light] .mountain-layer .marker-mountain-mid{opacity:.4!important}
html[data-theme=light] .mountain-layer .marker-mountain-front{opacity:.86!important}
@media(max-width:900px){
  .marker-mountain-group{left:-28%!important;bottom:3%!important;width:145%!important;height:62%!important}
  .mountain-layer .marker-mountain-far{display:block!important}
}
