/* Standalone product page: deliberately independent of the band homepage. */
:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f7fa;color:#243748;line-height:1.5}
a{color:#155e75}
a:focus-visible,button:focus-visible{outline:3px solid #0e7490;outline-offset:3px}
/* Site additions: band story and public product page. Scoped to avoid altering the existing signup form. */
.our-story, .product-section, .product-hero, .last-cta { box-sizing:border-box; }
.our-story { display:grid; grid-template-columns:minmax(0, 1.65fr) minmax(230px, 1fr); gap:clamp(18px,4vw,42px); align-items:center; margin:28px 0; padding:clamp(22px,4vw,40px); background:#f8fafc; color:#1e293b; border:1px solid #dbe4eb; border-radius:22px; box-shadow:0 12px 28px rgba(20,48,67,.07); }
.our-story h2 { font-size:clamp(1.55rem,3vw,2.25rem); margin:0 0 14px; line-height:1.15; color:#14364c; }
.our-story p { line-height:1.65; margin:0 0 13px; }
.our-story .eyebrow { color:#0f766e; font-weight:800; letter-spacing:.09em; text-transform:uppercase; font-size:.78rem; }
.story-link, .story-aside a, .primary-link, .public-price a { display:inline-block; text-decoration:none; background:#0e7490; color:white !important; border-radius:10px; padding:12px 18px; font-weight:800; }
.story-link:hover, .story-aside a:hover, .primary-link:hover, .public-price a:hover { background:#155e75; }
.story-aside { background:#12364d; color:#f0f9ff; padding:24px; border-radius:18px; }
.story-aside .aside-label { color:#99f6e4; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.story-aside strong { display:block; font-size:clamp(1.5rem,3vw,2.2rem); line-height:1.12; margin:12px 0; }
.story-aside p { color:#e2e8f0; }
.story-aside a { background:#e4f8fa; color:#12364d !important; }
.story-aside a:hover { background:white; }
.product-page { max-width:1100px; margin:0 auto; padding:20px clamp(14px,3vw,30px) 60px; }
.product-page .eyebrow { font-size:.78rem; text-transform:uppercase; font-weight:850; letter-spacing:.11em; color:#0e7490; }
.product-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:4px 0 20px; }
.product-nav .brand-link { display:flex; align-items:center; gap:10px; font-weight:850; font-size:1.05rem; color:#153e55; text-decoration:none; }
.product-nav img { width:42px; height:42px; object-fit:contain; border-radius:10px; }
.product-nav>div { display:flex; gap:20px; }
.product-nav a { color:#14546c; font-weight:750; }
.product-hero { padding:clamp(30px,6vw,72px) clamp(23px,5vw,64px); background:linear-gradient(135deg,#12364d,#175d69); border-radius:24px; color:white; }
.product-hero .eyebrow { color:#99f6e4; }
.product-hero h1 { max-width:830px; margin:9px 0 20px; font-size:clamp(2.05rem,5vw,3.7rem); line-height:1.1; color:white; }
.product-hero .product-lead { max-width:790px; font-size:clamp(1.05rem,2vw,1.22rem); line-height:1.65; color:#e2f3f6; }
.product-ctas { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:26px; }
.product-hero .primary-link { background:#fff; color:#12455a !important; }
.product-hero .primary-link:hover { background:#dff7f9; }
.product-hero .quiet-link { color:#e4faff; font-weight:750; }
.tiny-note { color:#cce7ed; font-size:.82rem; margin:14px 0 0; }
.product-section { margin:54px 0; }
.product-section h2, .last-cta h2 { font-size:clamp(1.55rem,3vw,2.4rem); color:#153e55; line-height:1.2; margin:9px 0 22px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.feature-grid article { padding:22px; border:1px solid #dbe4eb; border-radius:16px; background:#f8fafc; }
.feature-grid h3 { color:#155e75; margin:0 0 10px; font-size:1.04rem; }
.feature-grid p { margin:0; color:#475569; line-height:1.6; }
.public-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.public-price { background:#fff; border:1px solid #cedde6; border-radius:18px; padding:28px; color:#203449; }
.public-price-pro { border:2px solid #0e7490; }
.public-price .plan-name { text-transform:uppercase; letter-spacing:.1em; font-weight:850; color:#0e7490; margin:0 0 12px; }
.plan-amount { font-size:2.3rem; font-weight:900; color:#153e55; line-height:1.1; }
.plan-amount span { font-size:.95rem; font-weight:500; color:#64748b; }
.public-price h3 { margin:16px 0 10px; font-size:1.2rem; }
.public-price>p:not(.plan-name) { line-height:1.6; color:#475569; min-height:75px; }
.public-price a { margin-top:8px; }
.pricing-footnote { color:#64748b; font-size:.9rem; line-height:1.6; }
.last-cta { text-align:center; padding:34px 25px; background:#eaf6f5; border-radius:20px; }
.last-cta p { color:#475569; line-height:1.6; margin:0 0 22px; }
.product-footer { text-align:center; color:#64748b; padding:12px 20px 30px; }
.product-footer a { color:#155e75; }
@media(max-width:760px) { .our-story { grid-template-columns:1fr; }.feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .feature-grid,.public-prices { grid-template-columns:1fr; }.public-price>p:not(.plan-name) { min-height:0; }.our-story { padding:20px; }.product-nav>div { gap:12px; } }

/* Expanded product features and three-step workflow */
.feature-grid article{background:#fff;box-shadow:0 5px 18px rgba(17,52,74,.045)}
.feature-note{font-size:.81rem;color:#64748b;line-height:1.6;margin:17px 0 0}
.workflow-section{padding:clamp(22px,4vw,35px);background:#e8f4f6;border-radius:20px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workflow-grid article{border:1px solid #cee0e6;background:#fff;border-radius:14px;padding:22px}
.workflow-grid h3{margin:9px 0;color:#155e75;font-size:1.03rem}
.workflow-grid p{margin:0;color:#475569;line-height:1.6}
.step-number{display:inline-block;font-size:.79rem;letter-spacing:.12em;font-weight:850;color:#0f766e}
@media(max-width:760px){.workflow-grid{grid-template-columns:1fr}.workflow-grid article{padding:18px}}
@media(max-width:520px){.product-nav{align-items:flex-start}.product-nav>div{flex-wrap:wrap;justify-content:flex-end;row-gap:4px}.product-nav>div a{font-size:.85rem}}