/* Crocodiler product page: editorial hierarchy, quiet rhythm, working demos. */
.grid-redesign{--product-width:1120px;--product-accent:#acc1c8;background:#191c1d!important;color:#eeeee8}
html[data-theme=light] .grid-redesign{--product-accent:#34565e;background:#f4f3ee!important;color:#242a2b}
.grid-redesign .landing-hero .hero-inner{width:min(calc(100% - 64px),var(--product-width))!important}
.grid-redesign .mountain-hero-scene{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;min-height:650px;padding-block:84px}
.grid-redesign .mountain-copy{max-width:460px}
.grid-redesign .hero-title-row{max-width:260px;padding-left:48px}
.grid-redesign .hero-title-row h1{margin:0!important}
.grid-redesign .mountain-flyer{width:40px!important;margin-top:-29px}
.product-promise{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.1vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:30px 0 0;max-width:440px;text-wrap:balance}
.grid-redesign .mountain-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:22px 0 26px;max-width:410px}
.player-primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 18px;background:var(--product-accent);color:#182427;text-decoration:none;font-size:13px;font-weight:600;border-radius:7px;transition:background .2s,transform .2s}
.player-primary-action img{width:18px;height:18px;filter:none}.player-primary-action:hover{transform:translateY(-2px);background:#cad9d9}.player-primary-action:active{transform:none}.player-primary-action:focus-visible{outline:2px solid var(--text);outline-offset:4px}
html[data-theme=light] .player-primary-action{color:#fff}html[data-theme=light] .player-primary-action img{filter:invert(1)}html[data-theme=light] .player-primary-action:hover{background:#263f45}
.grid-redesign .mountain-copy .download-cards{margin-top:24px;gap:10px}.grid-redesign .store-badge{height:30px!important;opacity:.85}
.grid-redesign .sky-orb{width:52px!important;height:52px!important;right:7%;top:0}
.grid-redesign .landing-hero:before,.grid-redesign .product-experience:after{opacity:.12}
.editorial-index{width:min(calc(100% - 64px),var(--product-width));border-block:1px solid var(--line)}
.editorial-index a,.editorial-index a:nth-child(n){background:transparent;padding-block:30px}.editorial-index a+a{border-left:0}.editorial-index .index-number{display:none}.editorial-index b{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:21px}.editorial-index small{font-size:13px;max-width:260px}.editorial-index img{width:16px;opacity:.65}
.grid-redesign .product-experience{padding:108px 0!important}
.grid-redesign .app-intro{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(calc(100% - 64px),var(--product-width));text-align:center}
.section-caption{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--muted)}
.grid-redesign .app-intro h2,.grid-redesign .share-copy h2,.collection-heading h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:clamp(32px,3.4vw,46px)!important;letter-spacing:-.035em;line-height:1.16!important;text-wrap:balance}
.grid-redesign .app-intro p{font-size:15px;line-height:1.7;max-width:520px;margin:0;color:var(--muted)}
.grid-redesign .experience-stage{width:min(calc(100% - 64px),var(--product-width));margin-top:52px!important}
.grid-redesign .showcase-shell{border-radius:18px!important;box-shadow:0 24px 40px -32px #0007!important}
.grid-redesign .share-finale{border:0}
.grid-redesign .share-sketch{width:min(calc(100% - 64px),900px);padding:70px 0 110px;gap:90px;grid-template-columns:.8fr 1.2fr}.grid-redesign .share-copy p{font-size:15px;color:var(--muted);max-width:410px}.grid-redesign .share-qr-sketch{width:200px!important}
.tape-collection{width:min(calc(100% - 64px),var(--product-width));padding-top:75px;border-top:1px solid var(--line);margin-bottom:72px;color:inherit}
.collection-heading{max-width:640px;margin:auto}.collection-heading h2{white-space:normal}.collection-heading p{color:var(--muted);font-size:15px;line-height:1.7;max-width:430px}
.tape-shelf{gap:14px;max-width:900px;margin:22px auto 0}.collection-tape,.collection-tape[aria-pressed=true]{flex-basis:200px;height:153px}.tape-face,.collection-tape[aria-pressed=true] .tape-face{width:200px;height:145px}.tape-paper{left:22px;right:22px;top:30px;bottom:50px}.tape-paper b{font-size:9px}.tape-paper small{display:none}
.grid-redesign .site-footer{padding-top:0!important}.grid-redesign .site-footer .footer-row{width:min(calc(100% - 64px),var(--product-width));padding-block:38px}.grid-redesign .footer-logo img{max-width:145px}
@media(max-width:800px){.grid-redesign .landing-hero .hero-inner,.editorial-index,.grid-redesign .app-intro,.grid-redesign .experience-stage,.grid-redesign .share-sketch,.tape-collection{width:calc(100% - 40px)!important}.grid-redesign .mountain-hero-scene{grid-template-columns:1fr;gap:40px;padding:46px 0 38px;min-height:0}.grid-redesign .mountain-copy{max-width:100%;text-align:center}.grid-redesign .hero-title-row{max-width:250px;margin:auto}.product-promise{font-size:40px;margin:28px auto 0;max-width:350px}.grid-redesign .mountain-copy p{margin:20px auto 24px}.grid-redesign .mountain-copy .download-cards{margin-top:22px}.grid-redesign .mountain-visual{max-width:600px;margin:auto}.editorial-index a:nth-child(n){padding:22px 0}.editorial-index b{font-size:20px}.grid-redesign .product-experience{padding:72px 0!important}.grid-redesign .app-intro{gap:16px}.grid-redesign .share-sketch{grid-template-columns:1fr;text-align:center;gap:32px;padding:32px 0 72px}.grid-redesign .share-qr-sketch{justify-self:center;width:170px!important}.grid-redesign .share-copy p{margin-inline:auto}.tape-collection{padding-top:56px}.tape-shelf{height:190px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.collection-tape,.collection-tape[aria-pressed=true]{flex-basis:200px;height:153px}.tape-face,.collection-tape[aria-pressed=true] .tape-face{width:200px;height:145px}.grid-redesign .site-footer .footer-row{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.player-primary-action{transition:none}}
