/* Scoped concept previews. Existing cinematic site and shared motion remain intact. */
.v17-coming{display:inline-block;color:#befa96;border:1px solid #426440;background:#14251b;border-radius:999px;padding:.5rem 1rem;font-weight:750;letter-spacing:.035em}
.v17-platform{color:#d5eadf;font-weight:650;max-width:40ch}
.v17-preview{scroll-margin-top:100px}
.v17-preview .apps-lead{max-width:65ch}
.v17-features{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
.v17-flex-sample{display:flex;align-items:center;gap:28px;max-width:820px;margin:22px 0 30px;padding:clamp(22px,4vw,48px);border:1px solid #335e42;border-radius:24px;background:radial-gradient(ellipse at 5% 100%,#2c673e55,transparent 65%),#07150d;box-shadow:0 20px 60px #0005}
.v17-flex-sample img{object-fit:contain;flex:0 0 128px}
.v17-flex-sample p{color:#b9f899;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.v17-flex-sample h2{font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.15;margin:.65rem 0 0;max-width:20ch}
.v17-pet-stage{position:relative;min-width:0;border:1px solid #355443;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#317d3755,transparent 64%),radial-gradient(ellipse at 85% 95%,#64368444,transparent 48%),#09160f;display:flex;flex-direction:column;align-items:center;padding:18px}
.v17-pet-main{width:min(100%,320px);height:auto;object-fit:contain;display:block}
.v17-pet-friends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:-42px}
.v17-pet-friends img{width:100%;height:auto;object-fit:contain}
.v17-pet-card .apps-art{background:radial-gradient(ellipse at center,#37733566,transparent 70%),#07140d}
.v17-pet-card .v17-card-pet{display:block;width:100%;height:100%;object-fit:contain;position:relative;padding:18px}
.v17-pet-card h2{color:#eaf7e9;font-weight:800;letter-spacing:-.04em}
@media(max-width:720px){.v17-features{grid-template-columns:1fr}.v17-flex-sample{gap:16px;align-items:flex-start}.v17-flex-sample img{width:72px;height:72px;flex-basis:72px}.v17-pet-stage{max-width:520px;margin-inline:auto;width:100%}}
@media(max-width:380px){.v17-flex-sample{flex-direction:column}}