/* One grid and one coordinate system for the floating landscape. */
.grid-redesign{--scene-gouache:#6b7d87;--scene-back:#18191a;--scene-mid:#1c1d1e;--scene-front:#212224;--scene-ink:#c3c4c2;--scene-mid-ink:#8e908f;--scene-faint:#646765;--grid-width:1200px;padding-top:72px!important}
html[data-theme=light] .grid-redesign{--scene-back:#e9e9e6;--scene-mid:#e3e3df;--scene-front:#dcdcd7;--scene-ink:#343633;--scene-mid-ink:#696c66;--scene-faint:#969a92}
.grid-redesign .landing-hero{min-height:0!important;padding:0!important;overflow:visible!important}
.grid-redesign .landing-hero .hero-inner{width:min(calc(100% - 64px),var(--grid-width))!important;margin-inline:auto;min-height:0!important}
.grid-redesign .mountain-hero-scene{height:auto;min-height:650px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:64px 0 56px}
.grid-redesign .mountain-visual{position:relative;grid-column:1/8;grid-row:1;inset:auto!important;transform:none!important;translate:none!important;width:100%;aspect-ratio:1000/740;overflow:visible!important;isolation:isolate}
.grid-redesign .mountain-visual>.hero-cloud-field,.grid-redesign .marker-mountain-group,.grid-redesign .pencil-island-underlay{display:none!important}
.island-scene{display:block;width:100%;height:auto;overflow:visible;color:var(--scene-ink);user-select:none;pointer-events:none}
.island-scene>g{transform-box:view-box;will-change:translate}
.scene-clouds{translate:calc(var(--px,0)*-5px) calc(var(--py,0)*-3px)}
.scene-far{translate:calc(var(--px,0)*-9px) calc(var(--py,0)*-5px)}
.scene-mid{translate:calc(var(--px,0)*-17px) calc(var(--py,0)*-9px)}
.scene-island{translate:calc(var(--px,0)*-24px) calc(var(--py,0)*-13px)}
.grid-redesign .sky-orb{left:auto!important;right:11%;top:7%;width:38px;translate:none!important;animation:none;filter:none;opacity:.8}
.grid-redesign .sky-orb svg{width:100%;height:100%}
.grid-redesign .mountain-copy{position:relative;grid-column:8/13;grid-row:1;inset:auto;align-self:center;padding:0;translate:none!important;text-align:left;min-width:0}
.grid-redesign .mountain-copy:before{display:none}
.grid-redesign .hero-title-row{justify-content:flex-start;gap:0}
.grid-redesign .mountain-flyer{display:none}
.grid-redesign .hero-title-row h1{width:100%;max-width:400px;margin:0;translate:none}
.grid-redesign .mountain-copy p{font-size:clamp(15px,1.35vw,18px);line-height:1.65;margin:28px 0 24px;translate:none!important;max-width:390px}
.grid-redesign .mountain-copy .download-cards{justify-content:flex-start;translate:none!important;flex-wrap:wrap;gap:10px}
.grid-redesign .store-badge{height:38px!important;border-radius:8px;box-shadow:none!important}
.grid-redesign .product-experience{min-height:0!important;padding:64px 0 96px!important}
.grid-redesign .app-intro{width:min(calc(100% - 64px),1200px);margin:auto;padding:0!important;justify-content:center;translate:none!important;text-align:center}
.grid-redesign .app-intro h2{font-size:clamp(26px,3.2vw,42px)!important;line-height:1.18;letter-spacing:-.045em;max-width:700px;margin-inline:auto!important;text-align:center!important}
.grid-redesign .experience-stage{min-height:0!important;margin:48px auto 0!important;width:min(calc(100% - 64px),1120px)}
.grid-redesign .showcase-parallax-plane{width:100%!important;margin:auto!important;translate:none!important}
.grid-redesign .showcase-shell{width:100%!important;max-width:100%!important;padding:16px!important;border-radius:28px!important;border:1px solid var(--line)!important;box-shadow:0 28px 48px -32px #000!important;overflow:hidden}
.grid-redesign .preview-cloud{opacity:.1;animation:none;max-width:170px;left:0;right:auto}
.grid-redesign .preview-cloud-right{left:auto;right:0}
.grid-redesign .share-finale{min-height:0!important;padding-top:0!important}
.grid-redesign .share-sketch{width:min(calc(100% - 64px),1000px);min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;margin:auto;padding:96px 0;align-items:center}
.grid-redesign .share-qr-sketch{width:min(100%,280px)!important;justify-self:center;rotate:-4deg;transition:rotate .6s cubic-bezier(.2,.8,.2,1),transform .6s;filter:none;box-shadow:0 28px 48px -32px #000!important}
.grid-redesign .share-qr-sketch:before{display:none}
.grid-redesign .share-qr-sketch:hover{rotate:0deg;transform:translateY(-5px)}
.grid-redesign .share-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.05}
.grid-redesign .share-copy p{font-size:16px;line-height:1.65}
.grid-redesign .signup-frame{width:min(calc(100% - 64px),1000px);margin:0 auto 96px;padding:32px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;border-radius:20px;background:transparent!important;box-shadow:none!important}
.grid-redesign .signup-frame h2{font-size:clamp(26px,2.8vw,36px)!important;line-height:1.15!important;overflow-wrap:normal}
.grid-redesign .signup-app-only{border:0;background:transparent!important;padding:0;gap:16px}
.grid-redesign .signup-app-only p{font-size:14px;line-height:1.6}
.grid-redesign .site-footer .footer-row{width:min(calc(100% - 64px),1200px);margin:auto}
.grid-redesign .site-footer:before,.grid-redesign .site-footer:after{display:none}
@media(max-width:800px){
 .grid-redesign .landing-hero .hero-inner{width:calc(100% - 40px)!important}
 .grid-redesign .mountain-hero-scene{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:48px 0 24px;min-height:0}
 .grid-redesign .mountain-copy{grid-column:1/-1;grid-row:1;text-align:center}
 .grid-redesign .hero-title-row{justify-content:center}
 .grid-redesign .hero-title-row h1{width:min(80%,330px)}
 .grid-redesign .mountain-copy p{margin:24px auto;font-size:15px;max-width:360px}
 .grid-redesign .mountain-copy .download-cards{justify-content:center}
 .grid-redesign .mountain-visual{grid-column:1/-1;grid-row:2;max-width:600px;margin:0 auto}
 .grid-redesign .product-experience{padding:40px 0 64px!important}
 .grid-redesign .app-intro,.grid-redesign .experience-stage{width:calc(100% - 32px)}
 .grid-redesign .experience-stage{margin-top:32px!important}
 .grid-redesign .showcase-shell{padding:10px!important;border-radius:18px!important}
 .grid-redesign .share-sketch{width:calc(100% - 40px);grid-template-columns:1fr;gap:40px;padding:64px 0;text-align:center}
 .grid-redesign .share-qr-sketch{width:220px!important}
 .grid-redesign .share-copy p{margin-inline:auto}
 .grid-redesign .signup-frame{width:calc(100% - 40px);padding:24px!important;grid-template-columns:1fr;gap:20px;margin-bottom:64px}
 .grid-redesign .site-footer .footer-row{width:calc(100% - 40px)}
}
@media(prefers-reduced-motion:reduce){.island-scene>g{translate:none!important;will-change:auto}.grid-redesign *{scroll-behavior:auto!important}}