.bucket-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:2rem; align-items:center; padding:2rem; border:1px solid var(--pico-muted-border-color); border-radius:8px; background:var(--card-background); }
.home-identity { display:flex; align-items:center; gap:.65rem; color:var(--pico-primary); font-size:.9rem; font-weight:700; margin-bottom:1rem; }
.home-identity img { width:40px; height:40px; }
.bucket-hero-copy h1 { font-size:clamp(2rem,3.6vw,2.8rem); line-height:1.13; margin-bottom:1rem; }
.bucket-hero-copy .hero-lede { color:var(--text-secondary); font-size:1rem; line-height:1.7; }
.bucket-hero-copy .hero-actions { margin-top:1.5rem; flex-wrap:wrap; }
.bucket-hero-art { padding:1rem; border-radius:8px; background:var(--surface-soft); }
.bucket-device-shot { display:block; width:100%; height:auto; max-height:480px; object-fit:contain; border-radius:8px; }
.trust-strip { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; padding:1rem 0; color:var(--text-secondary); font-size:.8rem; }
.trust-strip span::before { content:"✓"; margin-inline-end:.4rem; color:var(--pico-primary); }
.feature-section { padding:2rem 0; }
.feature-section h2 { margin-bottom:1rem; }
.feature-card { height:100%; border:1px solid var(--pico-muted-border-color); }
.feature-card h3 { margin:.75rem 0 .35rem; font-weight:650; }
.feature-card p { line-height:1.65; color:var(--text-secondary); }
.pathways { padding:1rem 0; }
.pathways>div:first-child { margin-bottom:1rem; }
.pathway-card { display:flex; flex-direction:column; gap:.5rem; border:1px solid var(--pico-muted-border-color); color:inherit; text-decoration:none; }
.pathway-card:hover { border-color:var(--pico-primary); background:var(--surface-brand); }
.pathway-card strong { font-size:1rem; }
.pathway-card span { color:var(--text-secondary); font-size:.9rem; line-height:1.6; }
@media(max-width:760px) { .bucket-hero { grid-template-columns:1fr; gap:1.5rem; padding:18px; } .bucket-hero-art { padding:.5rem; } .trust-strip { flex-direction:column; gap:.5rem; } }

.home-identity img { background:linear-gradient(145deg,#6c5ce7,#5a67d8); border-radius:8px; padding:2px; }

/* A companion to the app welcome scene: airy light, clouds and soft shapes. */
.bucket-hero { border:0; border-radius:28px; padding:clamp(1.25rem,3vw,3rem); gap:1.5rem; background:radial-gradient(ellipse at 8% 5%,rgba(108,92,231,.09),transparent 48%),radial-gradient(ellipse at 92% 100%,rgba(0,194,215,.09),transparent 50%),var(--card-background); }
.bucket-hero-art { padding:0; background:transparent; border-radius:24px; overflow:hidden; }
.bucket-device-shot { max-height:none; border-radius:24px; mask-image:radial-gradient(ellipse at center,#000 55%,transparent 74%); }
.bucket-hero-copy h1 { letter-spacing:-.035em; }
.bucket-hero-copy .mud-button { border-radius:14px; }
.feature-card, .pathway-card { border-radius:20px; box-shadow:0 8px 28px rgba(108,92,231,.045); }
.feature-card { background:linear-gradient(145deg,rgba(108,92,231,.035),transparent 65%),var(--card-background); }
.pathways { padding:1.5rem; border-radius:28px; background:linear-gradient(120deg,rgba(108,92,231,.06),rgba(0,194,215,.045)); }
@media(max-width:760px) { .bucket-hero { gap:.5rem; } .bucket-hero-art { max-width:560px; margin-inline:auto; } .pathways { padding:1rem; } }

.product-preview { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:3rem; margin:2rem 0 3rem; padding:2rem; border-radius:24px; background:var(--card-background); }
.product-preview img { width:100%; max-height:460px; object-fit:contain; border-radius:16px; }
.product-preview p { margin:1rem 0 1.5rem; color:var(--text-secondary); line-height:1.7; }
.get-app { text-align:center; padding:3rem 2rem; border-radius:28px; background:linear-gradient(120deg,rgba(108,92,231,.1),rgba(0,194,215,.08)); }
.get-app p { margin:1rem auto 1.5rem; max-width:42rem; color:var(--text-secondary); }
.store-options { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:800px; margin:auto; }
.store-option { display:flex; flex-direction:column; align-items:center; gap:.5rem; padding:1.5rem; border-radius:18px; background:var(--card-background); border:1px solid var(--pico-muted-border-color); }
.store-option span { color:var(--text-secondary); font-size:.85rem; }
.store-option small { color:var(--pico-primary); font-weight:600; }
.home-help-links { display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem; padding:2rem 0 1rem; font-size:.9rem; }
#get-app, #see-it { scroll-margin-top:90px; }
@media(max-width:760px) { .product-preview { grid-template-columns:1fr; padding:1.25rem; gap:1.5rem; } .get-app { padding:2rem 1rem; } .store-options { grid-template-columns:1fr; } }

.product-preview { grid-template-columns:1fr; }
.product-preview>div:first-child { max-width:700px; }
.screenshot-gallery { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:2rem; align-items:start; }
.screenshot-gallery figure { margin:0; padding:1rem; background:var(--surface-soft); border-radius:20px; }
.screenshot-gallery img { display:block; width:100%; height:480px; max-height:none; object-fit:contain; }
.screenshot-gallery figcaption { text-align:center; color:var(--text-secondary); margin-top:1rem; font-weight:600; }
@media(max-width:760px) { .screenshot-gallery { grid-template-columns:1fr; gap:1.5rem; } .screenshot-gallery img { height:auto; max-height:520px; } }

.carousel-slide { margin:0; }
.carousel-image { display:flex; justify-content:center; align-items:center; height:540px; padding:1rem; border-radius:20px; background:var(--surface-soft); }
.carousel-image img { width:100%; height:100%; max-height:100%; object-fit:contain; border-radius:0; }
.carousel-slide figcaption { display:flex; flex-direction:column; gap:.4rem; text-align:center; padding:1rem; }
.carousel-slide figcaption span { color:var(--text-secondary); }
.carousel-controls { display:flex; align-items:center; justify-content:center; gap:1.5rem; }
.carousel-controls button, .carousel-tabs button { font:inherit; cursor:pointer; border:1px solid var(--pico-muted-border-color); border-radius:12px; background:var(--card-background); color:var(--pico-primary); padding:.65rem 1rem; min-height:44px; }
.carousel-controls button { font-size:1.5rem; min-width:48px; }
.carousel-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.carousel-tabs button[aria-pressed="true"] { background:var(--pico-primary); color:white; }
.carousel-controls button:focus-visible, .carousel-tabs button:focus-visible { outline:3px solid var(--pico-primary); outline-offset:3px; }
@media(max-width:760px) { .carousel-image { height:440px; padding:.5rem; } .carousel-tabs button { font-size:.85rem; } }

.store-options { max-width:960px; }
.store-option { flex-direction:row; gap:1rem; text-align:start; padding:1.25rem; }
.store-copy { display:flex; flex-direction:column; gap:.35rem; }
.store-option .store-symbol, .store-option .store-symbol { width:32px; height:36px; flex-shrink:0; color:inherit; }
.store-option .apple-symbol { display:block; background:currentColor; mask:url('/img/auth/apple-logo.svg') center/contain no-repeat; }

/* Keep the three platform choices together, with each logo above its label. */
.store-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.store-option { flex-direction:column; text-align:center; justify-content:flex-start; gap:.75rem; padding:1.25rem .75rem; min-width:0; }
.store-copy { align-items:center; }
@media(max-width:760px) {
    .store-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; }
    .store-option { padding:1rem .35rem; }
    .store-copy strong { font-size:.85rem; }
    .store-option span { font-size:.7rem; }
    .store-option small { font-size:.65rem; }
}

.public-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; margin-top:1.5rem; }
.public-button { display:inline-block; padding:.8rem 1.25rem; border-radius:14px; background:var(--pico-primary); color:white !important; text-decoration:none; }
[hidden] { display:none !important; }
.static-public main:has(.bucket-hero) { background:transparent; border:0; }
@media(max-width:760px) { .public-feature-grid { grid-template-columns:1fr; } }

.public-languages { position:relative; }
.public-languages summary { cursor:pointer; padding:.5rem; }
.public-languages nav { padding:.8rem; background:var(--card-background); border:1px solid var(--pico-muted-border-color); border-radius:.6rem; }
.public-feature-grid > div { min-width:0; }
.hero-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.public-notice { padding:1rem; border-inline-start:4px solid var(--pico-primary); background:var(--surface-soft); }