.product-hero{background:linear-gradient(120deg,#fff 15%,#edf4ff 100%);padding:42px 0 64px}
.product-hero .breadcrumb{color:#606b80;margin-bottom:38px}
.product-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.product-name{font-size:1rem;font-weight:650;margin:18px 0}
.product-hero h1{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.045em;line-height:1.6;margin:0 0 22px;text-wrap:balance}
.product-hero h1 span{color:#6746d4}
.product-hero .lead{font-size:1rem;line-height:1.95;max-width:640px;color:#3f4b63}
.product-hero .hero-actions{align-items:center;gap:16px 22px}
.product-hero .text-link{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600}
.product-hero .text-link svg{width:17px;height:17px}
.product-delivery{font-size:1rem;color:#53617a;line-height:1.9;margin:26px 0 0;padding-top:20px;border-top:1px solid #d5deec}
.product-concept{margin:0;padding:30px;background:white;border:1px solid #d6dfee;border-radius:12px;box-shadow:0 20px 60px #4b6b9b0b}
.product-concept figcaption{font-size:1rem;font-weight:650;color:#344560;margin-bottom:22px}
.product-concept ol{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.product-concept li{position:relative;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:16px;padding:18px;background:#f3f6fc;border-left:3px solid #b8c7dc}
.product-concept li:last-child{background:#f3effc;border-color:#7557f2}
.concept-label{color:#694ab9;font-size:.875rem;font-weight:650}
.product-concept h2{font-size:1rem;line-height:1.7;margin:0 0 6px;color:#26354f}
.product-concept li p{font-size:1rem;line-height:1.8;margin:0;color:#52617a}
.product-concept li>svg{position:absolute;width:18px;height:18px;left:calc(50% - 9px);bottom:-22px;color:#886ecc}
.concept-note{font-size:1rem;margin:20px 0 0;color:#606b80}
.product-section-heading{max-width:820px;margin-bottom:36px}
.product-section-heading>p:last-child{font-size:1rem;color:#46536c;line-height:1.95;margin-top:18px}
.product-problems .meeting-comparison{margin:0}
.bi-comparison-title{font-size:1.75rem;color:#26354f;font-weight:650;line-height:1.7;margin:0 0 18px;text-wrap:balance}
.bi-comparison-intro{font-size:1rem;line-height:1.9;color:#46536c;max-width:920px;margin:0 0 28px}
.bi-comparison-note{font-size:.875rem;line-height:1.8;color:#53617b;margin-top:18px}
@media(max-width:760px){.bi-comparison-title{font-size:1.5rem}.bi-comparison-intro{margin-bottom:24px}}
.product-problems .meeting-comparison caption{font-size:1.75rem;color:#26354f;font-weight:650;line-height:1.7;margin-bottom:32px;text-align:left}
.product-problems .meeting-comparison tbody th,.product-problems .meeting-comparison td{padding:24px 32px}
.product-problems .meeting-comparison p{font-size:1rem;line-height:1.9;color:#46536c}
.product-kpi-note{margin-top:44px;background:#f2effb;padding:28px;display:flex;align-items:start;gap:20px;border-radius:8px}
.product-kpi-note>svg{width:28px;height:28px;flex-shrink:0;color:#694ab9;margin-top:3px}
.product-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.product-intro-grid .btn{margin-top:24px}
.product-demo-link{display:block;margin-top:20px;color:#6746d4;font-size:1rem;text-decoration:underline;text-underline-offset:4px}
.product-faq{max-width:900px;margin:64px auto 0}
.product-faq>h3{font-size:1.375rem;margin:0 0 20px}
.product-faq details{border-top:1px solid #d6dfee}
.product-faq details:last-child{border-bottom:1px solid #d6dfee}
.product-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:1rem;font-weight:600;list-style:none}
.product-faq summary::-webkit-details-marker{display:none}
.product-faq summary svg{width:20px;height:20px;flex-shrink:0;color:#7557f2;transition:transform .2s}
.product-faq details[open] summary svg{transform:rotate(45deg)}
.product-faq details>p{padding:0 0 24px;margin:0;font-size:1rem;line-height:1.95;color:#46536c}
@media(max-width:1100px){.product-hero-grid{gap:32px;grid-template-columns:1.1fr 1fr}.product-hero h1{font-size:2rem}.product-concept{padding:24px}.product-intro-grid{gap:40px}}
@media(max-width:760px){.product-hero{padding:24px 0 48px}.product-hero .breadcrumb{margin-bottom:28px}.product-hero-grid,.product-intro-grid{grid-template-columns:1fr;gap:32px}.product-hero h1{font-size:1.875rem;line-height:1.65}.product-hero .hero-actions{align-items:start;flex-direction:column}.product-concept{padding:22px}.product-concept li{padding:16px;grid-template-columns:42px 1fr;gap:12px}.product-problems .meeting-comparison caption{font-size:1.5rem;margin-bottom:24px}.product-problems .meeting-comparison tbody th,.product-problems .meeting-comparison td{padding:22px}.product-kpi-note{padding:22px;gap:14px;align-items:start}.product-kpi-note h3{font-size:1rem}.product-intro-grid{gap:20px}.product-faq{margin-top:44px}.product-problems .meeting-comparison td{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.product-faq summary svg{transition:none}}

.product-headline-phrase{display:inline-block}

.product-page .action-card{background:#f3effc;color:#26354f;border:1px solid #d8ceee}
.product-page .action-card .action-card-label,.product-page .action-card dt{color:#694ab9}
.product-page .action-card dd{color:#46536c}

.product-page .action-card .action-meeting-title{color:#694ab9}

.product-kpi-note h3{font-size:1.125rem;line-height:1.75;margin:0 0 14px}
.product-kpi-note p,.product-intro-grid p{font-size:1rem;line-height:1.95;color:#46536c;margin:0}

.product-page .action-card .demo-evidence,.product-page .action-card .demo-evidence p{color:#46536c;background:#ffffff85}

.product-value-links{display:flex;gap:28px;margin-top:32px;padding-top:22px;border-top:1px solid #d5deec;flex-wrap:wrap}
.product-value-links a{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#6544bd;text-decoration:underline;text-underline-offset:5px}
.product-value-links svg{width:20px;height:20px;flex-shrink:0}
.product-value-links svg:last-child{width:16px;height:16px}
.coaching-perspectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:32px 0 0;gap:32px}
.coaching-perspectives>li{border-top:2px solid #b1a2d9;padding-top:20px;display:flex;flex-direction:column}
.coaching-label{display:flex;align-items:center;gap:12px;color:#6c4abb;font-weight:600;font-size:1rem;margin-bottom:16px}
.coaching-label svg{width:26px;height:26px;stroke-width:1.6}
.coaching-perspectives h3{font-size:1.25rem;line-height:1.7;margin:0 0 14px}
.coaching-perspectives p{font-size:1rem;color:#46536c;line-height:1.95}
.coaching-perspectives .coaching-example{margin-top:auto;padding-top:18px;font-size:var(--text-body);color:#6b5296}
.coaching-followup{display:flex;gap:20px;margin-top:34px;padding:24px 28px;background:#f1edfb;border-left:3px solid #7557f2}
.coaching-followup>svg{width:26px;height:26px;flex-shrink:0;color:#6c4abb;margin-top:4px}
.coaching-followup h3{font-size:1.125rem;line-height:1.7;margin:0 0 12px}
.coaching-followup p{font-size:1rem;line-height:1.95;color:#46536c;max-width:880px}
.coaching-note{font-size:.875rem;line-height:1.9;color:#53617b;margin-top:18px;max-width:960px}
.product-contact{margin-top:26px;padding-top:24px;border-top:1px solid #d5deec}
.product-contact .btn{margin-top:18px;gap:10px}.product-contact .btn svg{width:18px;height:18px}
.contact-address{display:block;font-size:1rem;color:#6544bd;overflow-wrap:anywhere;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.product-value-links{gap:18px;margin-top:26px}.coaching-perspectives{grid-template-columns:1fr;gap:26px}.coaching-perspectives h3{font-size:1.125rem}.coaching-followup{padding:22px;gap:14px}.coaching-note{font-size:.875rem}.coaching-perspectives .coaching-example{padding-top:12px}}

.product-coaching .section-title{text-wrap:balance}

/* Real development screens, kept separate from the explanatory demo. */
.product-page .product-screen-overview{padding:48px 0 0}
.product-screen-overview .container{max-width:1080px}
.screen-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:20px}
.screen-heading h2,.screen-heading h3{margin:0;font-size:1.5rem;line-height:1.6;flex-shrink:0}
.screen-heading p{margin:0;color:#46536c;font-size:1rem;line-height:1.85}
.product-screen{margin:0}
.product-screen>a{display:block;border:1px solid #dbe2ed;border-radius:12px;overflow:hidden;background:#fff}
.product-screen img{display:block;width:100%;height:auto}
.product-screen figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:14px;font-size:.875rem;line-height:1.8;color:#53617b}
.product-screen figcaption p{margin:0}
.product-screen figcaption a{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#6544bd;text-decoration:underline;text-underline-offset:4px}
.product-screen figcaption svg{width:16px;height:16px}
.product-ai-screen{margin-top:28px;border-top:1px solid #dbe2ed;border-bottom:1px solid #dbe2ed}
.product-ai-screen summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;font-size:1rem;font-weight:700;color:#6544bd;list-style:none}
.product-ai-screen summary::-webkit-details-marker{display:none}
.product-ai-screen summary svg{width:20px;height:20px;flex-shrink:0}
.product-ai-screen[open] summary svg{transform:rotate(45deg)}
.product-ai-screen[open]{padding-bottom:24px}
@media(max-width:760px){.product-page .product-screen-overview{padding-top:32px}.screen-heading{display:block;margin-bottom:16px}.screen-heading h2,.screen-heading h3{font-size:1.25rem;margin-bottom:10px}.product-screen figcaption{display:block}.product-screen figcaption a{margin-top:10px}.product-screen>a{border-radius:8px}.product-ai-screen summary{padding:18px 0}}

/* One short emphasis; no looping or hidden text. */
.product-concept li{--concept-rest:#f5f7fb}
.product-concept li:last-child{--concept-rest:#f3effc}
.product-concept.concept-playing li{animation:concept-emphasis 1.1s ease-in-out 1}
.product-concept.concept-playing li:nth-child(2){animation-delay:.75s}
.product-concept.concept-playing li:nth-child(3){animation-delay:1.5s}
@keyframes concept-emphasis{0%,100%{background:var(--concept-rest);box-shadow:inset 0 0 0 1px transparent}45%{background:#eae2fb;box-shadow:inset 0 0 0 1px #b7a1ef}}
@media(prefers-reduced-motion:reduce){.product-concept.concept-playing li{animation:none}}

/* Product-wide value first; existing meeting demo is one use case. */
.product-page .section{padding:72px 0}
.product-hero h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.5}
.product-hero h1 .product-headline-phrase{display:block}
.product-concept{border-top:3px solid #7557f2;padding:28px}
.concept-source{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #dce3ee;font-size:.875rem;line-height:1.8;color:#52617a}
.concept-source svg{width:22px;height:22px;flex-shrink:0;color:#6c4abb}
.product-concept li{grid-template-columns:50px 1fr;background:#f5f7fb;padding:16px;gap:16px}
.concept-label{display:flex;flex-direction:column;align-items:center;gap:7px}
.concept-label svg{width:25px;height:25px;stroke-width:1.7}
.product-concept h2{font-size:1.0625rem}
.product-concept .concept-note{font-size:var(--text-body);line-height:1.8}
.product-value-links{justify-content:space-between;gap:20px}
.product-problems .meeting-comparison caption{max-width:920px;text-wrap:balance}
.product-problems .meeting-comparison td{padding-left:40px}
.product-problems .meeting-comparison h3{text-wrap:balance}
.builder-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.builder-intro .section-title{font-size:clamp(1.75rem,2.5vw,2.375rem);text-wrap:balance}
.builder-intro>p{font-size:1rem;line-height:1.95;color:#46536c;margin:0}
.builder-flow{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.builder-flow li{position:relative;padding:24px;border:1px solid #d6dfee;border-radius:8px;background:#f5f8fd}
.builder-step-number{display:block;font-size:.875rem;color:#6c4abb;font-weight:650;margin-bottom:20px}
.builder-flow .builder-step-icon{width:30px;height:30px;color:#6c4abb;stroke-width:1.5;margin-bottom:14px}
.builder-flow h3{font-size:1.25rem;line-height:1.7;margin:0 0 10px}
.builder-flow p{font-size:1rem;line-height:1.9;color:#46536c;margin:0;text-wrap:pretty}
.builder-flow .builder-step-arrow{position:absolute;right:-25px;top:50%;width:19px;height:19px;color:#8e83ac}
.builder-ai{display:flex;gap:18px;align-items:start;background:#f2eefb;border-left:3px solid #7557f2;padding:24px 28px;margin-top:28px}
.builder-ai>svg{width:26px;height:26px;color:#6c4abb;flex-shrink:0;margin-top:3px}
.builder-ai h3{font-size:1.125rem;line-height:1.7;margin:0 0 10px}
.builder-ai p{font-size:1rem;line-height:1.95;color:#46536c;margin:0;max-width:930px}
.builder-note{font-size:.875rem;line-height:1.8;color:#53617b;margin:16px 0 0}
.product-demo-section .product-section-heading{max-width:960px}
.product-demo-section .section-title{font-size:clamp(1.75rem,2.6vw,2.375rem);text-wrap:balance}
.product-section-heading .demo-example-intro{margin-top:16px;color:#6544bd;padding-left:16px;border-left:2px solid #a894d9}
@media(max-width:1100px){.product-hero-grid{gap:32px}.builder-intro{gap:32px}.product-value-links{justify-content:flex-start}}
@media(max-width:760px){.product-page .section{padding:48px 0}.product-hero h1{font-size:2rem;line-height:1.5}.product-concept{padding:22px}.product-concept li{grid-template-columns:44px 1fr;gap:12px;padding:14px}.product-concept h2{font-size:1rem}.product-problems .meeting-comparison td{padding-left:22px}.builder-intro{grid-template-columns:1fr;gap:18px}.builder-intro .section-title,.product-demo-section .section-title{font-size:1.75rem}.builder-flow{grid-template-columns:1fr;gap:28px;margin-top:26px}.builder-flow li{padding:22px 22px 22px 72px}.builder-step-number{position:absolute;left:22px;top:22px;margin:0}.builder-flow .builder-step-icon{position:absolute;left:22px;top:58px;width:28px;height:28px;margin:0}.builder-flow h3{font-size:1.125rem}.builder-flow .builder-step-arrow{right:auto;left:calc(50% - 9px);top:auto;bottom:-24px;transform:rotate(90deg)}.builder-ai{padding:22px;gap:14px}.builder-note{font-size:.875rem}.product-value-links{flex-direction:column;gap:18px}}

.bi-comparison-title>span{display:inline-block;max-width:100%;overflow-wrap:anywhere}

/* Put a development screen beside its intended uses, not another general promise. */
.product-page .product-screen-overview .container{max-width:1248px}
.product-screen-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.product-screen-guide{padding:28px;background:#f5f3fc;border:1px solid #e0d9ed;border-radius:12px}
.product-screen-guide h2{font-size:1.125rem;line-height:1.7;margin:0 0 18px}
.product-screen-guide .product-screen-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:0;border:0}
.product-screen-links a{align-items:start;gap:12px;padding:0;text-decoration:none;border:0}
.product-screen-links a:first-child{padding-top:0;border-top:0}
.product-screen-links a:last-child{padding-bottom:0}
.product-screen-links a>svg{margin-top:3px}
.product-screen-links a>svg:last-child{margin-left:auto;flex-shrink:0}
.product-screen-links a span{min-width:0}
.product-screen-links b{font-size:1rem;line-height:1.7;display:block;text-decoration:underline;text-underline-offset:4px}
.product-screen-links small{display:block;font-size:1rem;line-height:1.8;color:#46536c;margin-top:8px;font-weight:400}
.product-screen-layout .product-screen figcaption{display:block}
.product-screen-layout .product-screen figcaption a{margin-top:8px}
@media(max-width:1100px) and (min-width:761px){.product-screen-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}}
@media(max-width:760px){.product-screen-layout{grid-template-columns:1fr;gap:24px}.product-screen-guide{padding:22px}.product-delivery{margin-top:20px;padding-top:16px}}

@media(min-width:761px){
.product-hero .lead,.product-section-heading>p:last-child,.bi-comparison-intro,.builder-intro>p,.coaching-perspectives>li>p:not(.coaching-example),.coaching-followup p,.product-intro-grid>div>p{font-size:1.125rem;line-height:1.8}
.coaching-perspectives>li>p:not(.coaching-example){text-wrap:pretty}
.coaching-perspectives>li:last-child>p:not(.coaching-example){text-wrap:balance}
}

/* Product status, comparison headings and actions are decision information. */
.product-state,.concept-source,.concept-label,.product-screen figcaption a,.meeting-comparison thead th,.mapping-mobile-label{font-size:var(--text-body)}

/* Product first: a real development screen, then three intended uses. */
.product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 64px;align-items:center}
.product-hero-grid.with-screen .product-hero-screen{grid-column:1/-1;width:100%;max-width:1080px;margin:0 auto}
.product-hero-grid:not(.with-screen) .product-hero-copy{grid-column:1}
.product-hero-grid:not(.with-screen) .product-hero-description{grid-column:1}
.product-hero-grid:not(.with-screen) .product-concept{grid-column:2;grid-row:1/3}
.product-hero-screen .screen-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:16px}
.product-hero-screen .screen-heading h2{font-size:1.25rem;line-height:1.7;color:#5b448c;margin:0}
.product-hero-screen .screen-heading p{font-size:1rem;line-height:1.8}
.product-hero-screen>a{box-shadow:0 20px 48px #27355210}
.product-hero-screen figcaption{display:flex}
.product-page .product-screen-overview{padding:28px 0 48px}
.product-concept-detail{margin-top:32px;border-top:1px solid #d5deec;border-bottom:1px solid #d5deec}
.product-concept-detail summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:1rem;font-weight:650;cursor:pointer;padding:20px 0;list-style:none;color:#6544bd}
.product-concept-detail summary::-webkit-details-marker{display:none}
.product-concept-detail summary svg{width:20px;height:20px;flex:none}
.product-concept-detail[open] summary svg{transform:rotate(45deg)}
.product-concept-detail .product-concept{max-width:680px;margin:0 auto 24px}
@media(max-width:1100px){.product-hero-grid{gap:32px}}
@media(max-width:760px){
 .product-hero-grid{grid-template-columns:1fr;gap:28px}
 .product-screen-guide .product-screen-links{grid-template-columns:1fr;gap:0}
 .product-screen-links a{padding:18px 0;border-top:1px solid #ddd5ec}
 .product-screen-links a:first-child{padding-top:0;border-top:0}
 .product-page .product-screen-overview{padding:24px 0 32px}
 .product-hero-screen>a{box-shadow:none}
 .product-hero-screen .screen-heading{display:block}
 .product-hero-screen .screen-heading h2{margin-bottom:8px}
 .product-hero-screen figcaption{display:block}
 .product-hero-screen figcaption a{margin-top:8px}
 .product-hero-grid:not(.with-screen) .product-concept{grid-column:1;grid-row:auto}
}