/* Role-led first screen. Keep the existing page and its forms intact. */
body:has(.marketing-page) { min-width:0; }
.service-hero.hero { display:grid; grid-template-columns:1.02fr 1fr; gap:54px; align-items:center; text-align:left; padding-top:64px; padding-bottom:70px; }
.service-hero-copy,.hero-product > div { min-width:0; overflow-wrap:break-word; }
.service-hero .hero-badge { font-size:11px; letter-spacing:.01em; }
.service-hero.hero h1 { font-size:clamp(34px,3.55vw,51px); line-height:1.14; letter-spacing:-.05em; margin:26px 0; }
.service-hero.hero h1 em { color:#6757e8; }
.service-hero .hero-lead { max-width:510px; margin:0; font-size:16px; line-height:1.7; }
.service-hero .hero-actions { justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:18px; margin:28px 0 0; }
.service-hero .hero-actions .button { min-height:54px; padding:0 25px; font-size:14px; }
.service-hero .play-link { min-height:44px; font-size:12px; gap:8px; }
.service-hero-note { margin:22px 0; color:#6b6579; font-size:12px; line-height:1.7; max-width:420px; }
.service-hero .hero-trust-badges { justify-content:flex-start; gap:12px; flex-direction:column; align-items:flex-start; }
.service-story { min-width:0; border:1px solid #dfd9eb; background:#fff; border-radius:24px; box-shadow:0 26px 75px #2f235017; overflow:hidden; transform:rotate(1deg); }
.story-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px; background:#1d172c; color:#fff; }
.story-brand { font-size:20px; font-weight:800; letter-spacing:-.04em; }
.story-brand small { color:#b4accc; font-size:10px; font-weight:500; letter-spacing:0; }
.story-example { color:#c8f56a; font-size:8px; letter-spacing:.1em; }
.story-chat { padding:24px; background:linear-gradient(155deg,#faf8fe,#fff); }
.story-channel { display:flex; gap:12px; align-items:center; margin-bottom:22px; }
.story-channel > span { background:#eee8ff; color:#6757e8; padding:10px; border-radius:12px; font-size:12px; font-weight:750; }
.story-channel b { display:block; font-size:13px; }
.story-channel small { display:block; margin-top:5px; color:#787082; font-size:10px; }
.story-message { max-width:90%; padding:13px 16px; font-size:12px; line-height:1.6; margin:12px 0; border-radius:15px; }
.client-message { margin-left:auto; background:#eee8ff; border-bottom-right-radius:3px; }
.ai-message { background:#fff; border:1px solid #e9e3f2; border-bottom-left-radius:3px; }
.confirmation-message { width:fit-content; }
.story-receipt { display:flex; align-items:center; gap:12px; padding:16px; margin-top:20px; background:#eff9dc; border-radius:14px; }
.story-receipt > span { display:grid; place-items:center; width:28px; height:28px; background:#c8f56a; border-radius:50%; flex-shrink:0; }
.story-receipt b { display:block; font-size:12px; }.story-receipt small { display:block; margin-top:4px; color:#566545; font-size:10px; }
.story-bottom { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#e9e3f2; border-top:1px solid #e9e3f2; }
.story-bottom article { padding:22px; background:#fff; }.story-bottom article > span { font-size:8px; letter-spacing:.08em; color:#776c8b; }
.story-bottom h2 { font-size:16px; letter-spacing:-.03em; margin:12px 0 8px; }.story-bottom p { font-size:11px; line-height:1.6; color:#6b6378; margin:0 0 14px; }.story-bottom b { color:#6757e8; font-size:10px; }
.story-footnote { margin:0; padding:14px 22px; font-size:9px; line-height:1.6; background:#faf8fc; color:#7c718b; }
.hero-products { display:grid; }
.hero-product { display:flex; gap:16px; padding:24px; background:#faf8ff; }
.hero-product + .hero-product { border-top:1px solid #e9e3f2; }
.hero-product.waitlist-product { background:#f1f8e6; }
.hero-product .product-step { flex-shrink:0; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#e9e2ff; color:#5a46c4; font-size:12px; font-weight:750; }
.waitlist-product .product-step { background:#d3efa5; color:#42542b; }
.product-stage { font-size:8px; letter-spacing:.1em; color:#776b8b; }
.hero-product h2 { margin:7px 0 8px; font-size:21px; letter-spacing:-.035em; }
.hero-product p { margin:0; font-size:12px; line-height:1.7; color:#5d536c; }
.hero-product small { display:block; margin-top:8px; font-size:10px; line-height:1.6; color:#776b8b; }
.product-status { display:inline-block; margin-top:12px; padding:6px 10px; border:1px solid #d9d1e4; border-radius:8px; font-size:10px; color:#655675; background:#fff; }
@media(max-width:900px) { .service-hero.hero { gap:30px; }.story-brand small{display:none;} }
@media(max-width:720px) { .service-hero.hero { grid-template-columns:1fr; padding-top:32px; padding-bottom:44px; gap:32px; }.service-hero.hero h1 { font-size:clamp(28px,7.9vw,48px); margin:22px 0; }.service-hero .hero-lead{font-size:15px;}.service-hero .hero-actions{gap:20px;}.service-hero .hero-actions .button { width:100%; }.service-story{transform:none;border-radius:20px;}.story-top,.story-chat{padding:18px;}.hero-product{padding:20px 18px;gap:12px;}.story-bottom article{padding:18px 14px;}.story-bottom h2{font-size:15px;}.story-example{font-size:8px;} }
@media(prefers-reduced-motion:reduce) { .service-hero *{animation:none!important;transition:none!important;} }