/* Compact development background, before the real product screen. */
.product-page .product-hero-grid{gap:24px 64px}
.product-hero-copy>.eyebrow{margin-bottom:12px}
.product-hero-copy>.product-name{margin:0 0 12px}
.product-hero-copy h1{font-size:clamp(2rem,2.8vw,2.5rem);margin-bottom:0}
.product-hero-copy h1 .product-headline-phrase{display:inline-block}
.product-background{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:32px 40px;padding:28px 32px;background:#fff;border:1px solid #d6dfee;border-radius:12px}
.product-background .eyebrow{font-size:16px;letter-spacing:.08em;margin:0 0 12px}
.product-background h2{font-size:28px;line-height:1.65;margin:0;color:var(--ink);letter-spacing:-.025em}
.product-background h2 span{display:inline-block;max-width:100%;vertical-align:top;text-wrap:pretty}
.product-background-copy p{font-size:18px;line-height:1.85;color:#46536c;margin:0;text-wrap:pretty}
.product-background-copy p+p{margin-top:16px}
.product-background-details{margin-top:12px;border-top:1px solid #d6dfee}
.product-background-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 0;font-size:16px;font-weight:600;color:var(--purple-ink);cursor:pointer}
.product-background-details summary svg{width:20px;height:20px;flex:none}
.product-background-details[open] summary svg{transform:rotate(45deg)}
.product-background-details p{margin-bottom:16px}
.product-hero-grid:not(.with-screen) .product-concept{grid-column:1/-1;grid-row:auto}
@media(max-width:760px){.product-background{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px}.product-background .eyebrow{font-size:14px;margin-bottom:10px}.product-background h2{font-size:24px}.product-background-copy p{font-size:16px}}
/* Real AI response: the original image, a faithful readable excerpt, shared tabs. */
.screen-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}
.screen-tabs button{padding:11px 24px;min-height:44px;border:1px solid #cec4e7;border-radius:24px;background:white;color:var(--ink);font:inherit;font-size:16px;font-weight:650;cursor:pointer}
.screen-tabs button[aria-selected=true]{background:var(--purple);border-color:var(--purple);color:white}
.ai-focus-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border:1px solid #d6dfee;border-radius:12px;padding:24px;background:white}
.ai-focus-image{aspect-ratio:460/480;overflow:hidden;border:1px solid #d6dfee;border-radius:8px;background:#f8faff}
.ai-focus-image img{display:block;width:313.043478%;max-width:none;height:auto;margin-left:-213.043478%}
.ai-answer-excerpt{margin:0;padding:0}
.ai-answer-excerpt p{font-size:20px;line-height:1.9;color:var(--ink);margin:0 0 24px}
.ai-answer-excerpt .excerpt-label{font-size:16px;font-weight:650;color:var(--purple-ink);margin:0 0 16px}
.ai-answer-excerpt .text-link{font:inherit;font-size:16px;display:inline-flex;gap:10px;align-items:center;color:var(--purple-ink);background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.screen-image-button{display:block;width:100%;padding:0;border:1px solid #d6dfee;border-radius:12px;overflow:hidden;cursor:zoom-in;background:white}
.product-screen [hidden]{display:none}
.screen-dialog{max-width:calc(100vw - 32px);width:1200px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d6dfee;border-radius:12px;color:var(--ink)}
.screen-dialog::backdrop{background:#080b1fa6}
.screen-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #d6dfee;background:white}
.screen-dialog-head h2{font-size:20px;margin:0}
.screen-dialog-head .btn{padding:8px 16px;min-height:44px;font-size:16px}
.screen-dialog-scroll{overflow:auto;max-height:calc(100dvh - 130px);background:#f8faff}
.screen-dialog-scroll img{display:block;width:1800px;max-width:none;height:auto}
.demo-interaction-instruction{display:flex;align-items:center;gap:12px;font-size:18px!important;font-weight:650;color:var(--purple-ink)!important;margin:0 0 24px}
.demo-interaction-instruction svg{width:24px;flex:none}
.hypothesis-context{margin:24px 0 0;border-bottom:1px solid var(--line)}
.hypothesis-context summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 16px;cursor:pointer;font-size:16px}
.hypothesis-context summary svg{width:20px;flex:none;color:var(--purple-ink)}
.hypothesis-context[open] summary svg{transform:rotate(45deg)}
.hypothesis-context p{margin:0 0 16px}
.hypothesis-intro .demo-evidence{margin-top:16px;margin-bottom:8px;font-size:16px}
@media(max-width:760px){
.product-page .product-hero-grid{gap:20px}
.product-page .product-hero-description .lead{margin-top:0}
.product-page .product-hero-screen{margin-top:8px}
.ai-focus-panel{grid-template-columns:minmax(0,1fr);padding:16px;gap:20px}
.ai-focus-image{aspect-ratio:460/360}
.ai-focus-image img{margin-top:-52.173913%}
.ai-answer-excerpt p{font-size:18px;line-height:1.8;margin-bottom:16px}
.ai-answer-excerpt .excerpt-label{font-size:14px;margin-bottom:12px}
.screen-tabs{margin-bottom:16px}
.screen-tabs button{padding:10px 20px}
.screen-dialog-head{padding:12px}
.screen-dialog-head h2{font-size:16px}
.demo-interaction-instruction{font-size:16px!important;align-items:start}
.demo-context [data-chosen-hypothesis]{display:none}
.product-demo-section .demo-panel{padding:20px 18px;min-height:0}
.hypothesis-workspace .hypothesis-item{padding:10px 12px}
.hypothesis-workspace .hypothesis-title{margin-bottom:0}
.hypothesis-workspace .hypothesis-detail{font-size:14px;line-height:1.7}
.hypothesis-workspace .hypothesis-feedback{gap:12px}
.hypothesis-workspace .hypothesis-update{padding:14px 16px}
}

/* Move existing uses before the background; each link leads to one existing section. */
.product-page .product-quick-links{grid-column:1/-1;margin:0;padding:14px 0;gap:12px 36px;border-top:1px solid #d5deec;border-bottom:1px solid #d5deec}.product-quick-links a{min-height:44px;text-decoration:none}.product-quick-links a span{text-decoration:underline;text-underline-offset:4px}.product-page .product-screen-overview{padding-top:0;padding-bottom:48px}.product-screen-overview .product-ai-screen{margin-top:0}
@media(max-width:760px){.product-page .product-quick-links{gap:4px 20px;padding:10px 0}.product-quick-links a{font-size:16px;gap:8px}.product-page .product-screen-overview{padding-bottom:32px}}