/* Apps on Google Play: product cards, store badges, phone screenshot galleries (Slotify.fit + Krishank) */
.play-badge{display:inline-flex;align-items:center;line-height:0;border-radius:8px;transition:transform .25s,box-shadow .25s}
.play-badge img{display:block;width:auto;height:56px}
.play-badge:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.18)}
.play-badge.small img{height:44px}
.store-note{font-size:11px;color:var(--muted);margin:12px 0 0}

/* Two-product section on the home page */
.apps-v2{padding-top:130px;padding-bottom:130px;background:var(--bg)}
.apps-title{max-width:720px}
.apps-title>p:not(.v2-eyebrow){max-width:520px;font-size:14px;color:var(--muted);margin:21px 0 0}
.app-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:56px}
.app-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:28px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--card);transition:transform .35s,box-shadow .35s,border-color .35s}
.app-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line));box-shadow:var(--shadow)}
.app-card-head{display:flex;align-items:center;gap:14px}
.app-icon{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.app-card-head b{display:block;font:800 20px/1.1 Manrope;letter-spacing:-.6px}
.app-card-head small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.app-card>div>p{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:420px}
.app-card ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.app-card ul li{font:600 10px/1 Inter;letter-spacing:.3px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink)}
.app-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.app-card-shot{align-self:end;justify-self:end;width:140px;border-radius:18px;border:5px solid #1c2740;box-shadow:0 24px 40px rgba(10,19,43,.3);overflow:hidden;transform:rotate(2deg) translateY(10px);transition:transform .35s;background:#0b1220}
.app-card-shot img{display:block;width:100%;height:auto}
.app-card:hover .app-card-shot{transform:rotate(0deg) translateY(2px)}
.app-card.krishank{background:linear-gradient(140deg,var(--card),color-mix(in srgb,#2f8f5b 10%,var(--card)))}
.app-card.slotify{background:linear-gradient(140deg,var(--card),color-mix(in srgb,var(--gold) 10%,var(--card)))}

/* App page hero */
.app-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:6vw;padding:160px max(6vw,28px) 90px;background:var(--soft);position:relative;overflow:hidden}
.app-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-200px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,transparent),transparent 68%);pointer-events:none}
.app-hero-copy{position:relative;z-index:1}
.app-hero-brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.app-hero-brand img{width:72px;height:72px;border-radius:18px;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.app-hero-brand b{display:block;font:800 22px/1 Manrope;letter-spacing:-.6px}
.app-hero-brand small{display:block;margin-top:6px;font-size:11px;color:var(--muted);letter-spacing:.4px}
.app-hero h1{max-width:680px;font:700 clamp(40px,5.2vw,72px)/.98 Manrope;letter-spacing:-2.8px;margin:0}
.app-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}
.app-hero .lead{font-size:15px;line-height:1.65;color:var(--muted);max-width:540px;margin:24px 0 0}
.app-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
.app-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin:30px 0 0;padding:0;list-style:none}
.app-facts li{font-size:11px;color:var(--muted)}
.app-facts li b{display:block;font:700 15px Manrope;color:var(--ink);letter-spacing:-.3px}
.app-hero-visual{position:relative;display:flex;justify-content:center;align-items:end;gap:18px;min-height:460px}
.app-hero-visual .shot{width:min(230px,42%)}
.app-hero-visual .shot:first-child{transform:translateY(30px) rotate(-4deg)}
.app-hero-visual .shot:last-child{transform:translateY(-10px) rotate(4deg)}
.app-hero-visual .shot:nth-child(2){z-index:2}

/* Phone screenshot frames */
.shot{position:relative;border-radius:26px;border:6px solid #1c2740;background:#0b1220;overflow:hidden;box-shadow:0 28px 50px rgba(10,19,43,.28);aspect-ratio:540/1169;transition:transform .35s,box-shadow .35s}
.shot img{display:block;width:100%;height:100%;object-fit:cover}
.shot.store{aspect-ratio:9/16;border:0;border-radius:18px;background:#0f3b2c}
.phone-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 20px;margin-top:40px;list-style:none;padding:0}
.phone-gallery li{display:grid;gap:12px}
.phone-gallery li:hover .shot{transform:translateY(-6px);box-shadow:0 34px 60px rgba(10,19,43,.34)}
.phone-gallery figcaption{font-size:12px;line-height:1.45;color:var(--muted)}
.phone-gallery figcaption b{display:block;color:var(--ink);font:700 13px Manrope;letter-spacing:-.3px;margin-bottom:3px}
.gallery-group{margin-top:70px}
.gallery-group:first-of-type{margin-top:24px}
.gallery-group h3{font:800 clamp(20px,2.2vw,26px)/1.15 Manrope;letter-spacing:-.8px;margin:0}
.gallery-group h3 small{display:block;margin-top:6px;font:500 12px Inter;color:var(--muted);letter-spacing:0}

/* Horizontal strip of Play Store graphics */
.store-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(260px,70vw);gap:18px;overflow-x:auto;padding:8px 2px 24px;margin:40px 0 0;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:thin}
.store-strip li{scroll-snap-align:start}
.store-strip .shot img{object-fit:contain;background:#0f3b2c}
.store-strip.slotify .shot img{background:#f7f8fb}

/* Feature list on app pages */
.feature-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px}
.feature-group{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--card)}
.feature-group>b{display:block;font:700 10px Inter;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.feature-group ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.feature-group li b{display:block;font:700 14px Manrope;letter-spacing:-.3px;margin-bottom:4px}
.feature-group li p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}

/* Promise / trust row */
.app-promises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:48px}
.app-promises article{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--card);min-height:150px}
.app-promises svg{width:22px;height:22px;color:var(--gold)}
.app-promises h3{font:700 15px Manrope;letter-spacing:-.3px;margin:20px 0 6px}
.app-promises p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}

/* Krishank accent (green) on its own page */
.krishank-page .page-kicker,.krishank-page .v2-eyebrow{color:#2f8f5b}
[data-theme="dark"] .krishank-page .page-kicker,[data-theme="dark"] .krishank-page .v2-eyebrow{color:#7fd29c}
.krishank-page .app-hero h1 em{color:#2f8f5b}
[data-theme="dark"] .krishank-page .app-hero h1 em{color:#9be0b3}
.krishank-page .app-hero:after{background:radial-gradient(circle,rgba(47,143,91,.28),transparent 68%)}
.krishank-page .app-promises svg,.krishank-page .feature-group>b{color:#2f8f5b}
[data-theme="dark"] .krishank-page .app-promises svg,[data-theme="dark"] .krishank-page .feature-group>b{color:#7fd29c}

.page-section .section-title{max-width:640px}
.page-section .section-title>p:not(.page-kicker){font-size:14px;color:var(--muted);margin:18px 0 0;max-width:520px}

@media(max-width:1180px){.feature-groups{grid-template-columns:repeat(2,1fr)}.app-promises{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.app-cards{grid-template-columns:1fr}.app-hero{grid-template-columns:1fr;padding-top:136px;gap:40px}.app-hero-visual{min-height:380px}.app-hero-visual .shot{width:min(200px,44%)}}
@media(max-width:767px){.apps-v2{padding-top:80px;padding-bottom:80px}.app-cards{margin-top:34px;gap:12px}.app-card{grid-template-columns:1fr;padding:20px;border-radius:16px}.app-card-shot{display:none}.app-card>div>p{font-size:12px}.app-hero{padding:117px 21px 60px}.app-hero h1{letter-spacing:-2px}.app-hero .lead{font-size:13px}.app-hero-visual{min-height:300px;gap:10px}.app-hero-visual .shot{width:31%}.phone-gallery{grid-template-columns:repeat(2,1fr);gap:18px 12px;margin-top:28px}.phone-gallery figcaption{font-size:11px}.feature-groups,.app-promises{grid-template-columns:1fr;gap:10px;margin-top:30px}.feature-group,.app-promises article{padding:18px}.store-strip{grid-auto-columns:min(220px,72vw);margin-top:28px}.play-badge img{height:48px}.gallery-group{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.shot,.app-card,.app-card-shot,.play-badge{transition:none!important}}

/* Shared fixes for pages outside the home layout: icon sizing and the dark CTA band (product + krishank) */
.button svg{width:16px;height:16px}
.pre-footer-cta{position:relative;overflow:hidden;background:#0d1829;color:#fff;text-align:center;padding:125px max(6vw,28px) 130px}
.cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 106%,#d4a45f80,transparent 50%),radial-gradient(circle at 11% 12%,#4a90e226,transparent 30%);pointer-events:none}
.cta-inner{position:relative;max-width:860px;margin:0 auto}
.pre-footer-cta h2{font-size:clamp(40px,5.2vw,76px);line-height:1.02;letter-spacing:-2.6px;margin:0;color:#fff}
.pre-footer-cta .cta-inner>p:not(.v2-eyebrow){color:#b7c4d7;font-size:15px;max-width:560px;margin:22px auto 0}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 26px;margin-top:34px}
.hero-cta .button{margin-top:0}
.pre-footer-cta .v2-text-link{color:#fff}
.pre-footer-cta .v2-text-link svg{color:#d4a45f}
.krishank-page .pre-footer-cta{background:#0f2a21}
.krishank-page .cta-glow{background:radial-gradient(ellipse at 50% 106%,rgba(47,143,91,.55),transparent 50%),radial-gradient(circle at 11% 12%,#d4a45f26,transparent 30%)}
@media(max-width:767px){.pre-footer-cta{padding:80px 21px 100px}.pre-footer-cta h2{font-size:40px;letter-spacing:-2px}.hero-cta .button{width:100%;justify-content:center}}

/* Two-badge CTA on the home page */
.badge-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;margin-top:34px;position:relative}
.badge-pair div{display:grid;gap:10px;justify-items:center}
.badge-pair small{font:700 10px Inter;letter-spacing:1.6px;color:#b7c4d7}
.back-top svg,.menu-toggle svg{width:18px;height:18px}