/* Shared product pages: real product evidence, calm typography and readable controls. */
.product-refined { --product-line:rgba(40,44,48,.13); --product-surface:rgba(255,255,255,.48); }
.product-refined[data-theme="dark"] { --product-line:rgba(235,243,250,.15); --product-surface:rgba(255,255,255,.035); }
.product-refined body { background:#f5f3ee; }
.product-refined body::before { opacity:.35; }
.product-refined[data-theme="dark"] body { background:#0b0d11; }
.product-refined .wrap { max-width:1560px; padding-inline:clamp(26px,2.2vw,44px); }
.product-refined .wrap-wide { max-width:1840px; padding-inline:clamp(28px,2.5vw,52px); }
.product-refined .nav-shell .wrap-wide { max-width:1680px; }
.product-refined .nav { padding:8px 10px 8px 20px; box-shadow:0 4px 24px rgba(22,26,30,.04); }
.product-refined .nav .nav-wordmark { font-size:36px; }
.product-refined .nav-brand img { height:29px; }
.product-refined .nav-links a,.product-refined .nav-signin,.product-refined .nav .btn { font-size:13px; }
.product-subnav { display:flex; gap:24px; align-items:center; justify-content:center; padding:18px 0; margin:0 0 42px; border-bottom:1px solid var(--product-line); overflow:auto; scrollbar-width:thin; }
.product-subnav a { flex-shrink:0; font:500 13px var(--font-sans); color:var(--text-body); text-decoration:none; padding:8px 0; border-bottom:2px solid transparent; }
.product-subnav a:hover { color:var(--brand-hover); }
.product-subnav a[aria-current="page"] { color:var(--text-heading); border-color:var(--brand); }
.product-hero { padding-top:18px; padding-bottom:72px; }
.product-hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:50px; align-items:center; }
.product-refined .product-hero h1,.product-refined .subhero h1 { font-family:var(--font-serif); font-size:clamp(44px,4.7vw,64px); font-weight:400; line-height:1.04; letter-spacing:-.035em; max-width:16ch; margin:0; text-wrap:balance; }
.product-refined .product-intro .lead { font-size:18px; line-height:1.65; max-width:43ch; margin:25px 0 28px; }
.product-actions { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.product-actions .btn { padding:15px 23px; font-size:14px; }
.product-tour,.product-related a { color:var(--brand-hover); font:500 14px var(--font-sans); text-underline-offset:5px; }
.product-tour:hover,.product-related a:hover { text-decoration:underline; }
.product-evidence { min-width:0; margin:0; }
.evidence-window { border:1px solid var(--product-line); border-radius:20px; overflow:auto; background:#f5f7fa; box-shadow:0 14px 40px rgba(16,22,29,.065); }
.product-evidence img { display:block; width:100%; max-width:none; height:auto; }
.hero-evidence .evidence-window { min-height:240px; display:flex; align-items:center; }
.product-evidence figcaption { display:flex; justify-content:flex-end; margin:12px 0 0; }
.product-evidence button { background:var(--product-surface); border:1px solid var(--product-line); border-radius:999px; padding:9px 15px; font:500 12px var(--font-sans); color:var(--text-heading); cursor:pointer; transition:background .18s,box-shadow .18s; }
.product-evidence button:hover { box-shadow:0 2px 10px rgba(0,0,0,.08); background:var(--glass-bg); }
.product-refined :is(a,button):focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
.product-content { padding-bottom:45px; }
.product-story { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:75px; padding:88px 0; border-top:1px solid var(--product-line); }
.product-story.reverse { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.product-story.reverse .product-story-copy { order:2; }
.product-refined .product-story h2,.product-refined .product-summary h2,.product-refined .trust-section h2 { font:500 clamp(30px,3.1vw,42px)/1.13 var(--font-sans); letter-spacing:-.045em; margin:0 0 24px; text-wrap:balance; }
.product-story p,.product-summary p,.trust-section p { color:var(--text-body); font-size:16px; line-height:1.75; margin:0; max-width:56ch; }
.product-summary { max-width:740px; padding:60px 0 90px; margin:auto; text-align:center; }
.product-summary p { margin:auto; }
.product-related { display:flex; align-items:center; justify-content:space-between; gap:28px; border-top:1px solid var(--product-line); padding:28px 0; }
.product-related p { font-size:15px; color:var(--text-body); }
.product-refined .subhero { padding:18px 0 32px; }
.product-refined .subhero h1 { max-width:19ch; margin:0 auto; text-align:center; }
.product-refined .subhero .lead { max-width:62ch; font-size:18px; line-height:1.65; margin:24px auto; }
.product-refined .subhero .hero-cta { margin:25px auto 0; }
.product-refined #how { padding-top:45px; }
.product-refined #how .sec-head h2,.product-refined .debate h2,.product-refined .usecases h2 { font:500 clamp(32px,3.5vw,46px)/1.12 var(--font-sans); letter-spacing:-.045em; }
.product-refined #how .sec-head p { max-width:58ch; margin:22px auto 0; font-size:17px; line-height:1.7; }
.product-refined .debate-card { box-shadow:none; background:none; border:0; padding:20px 0; }
.product-refined .debate-card .lead { font-size:17px; line-height:1.7; }
.product-refined .debate-card .eyebrow { display:none; }
.product-refined main .eyebrow { display:none; }
.product-refined .trust-hero { padding-top:74px; padding-bottom:66px; text-align:center; }
.product-refined .trust-hero h1 { max-width:19ch; margin:auto; }
.product-refined .trust-hero .lead { max-width:58ch; margin:24px auto 30px; font-size:18px; line-height:1.7; }
.trust-jumps { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.trust-jumps a { border:1px solid var(--product-line); border-radius:999px; background:var(--product-surface); padding:12px 20px; color:var(--text-heading); font-size:14px; text-decoration:none; }
.trust-jumps a:hover { border-color:var(--brand); }
.trust-section { padding-block:68px; scroll-margin-top:120px; }
.trust-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-block:1px solid var(--product-line); margin-top:36px; }
.trust-flow article { padding:36px 30px; position:relative; }
.trust-flow article+article { border-left:1px solid var(--product-line); }
.flow-number { display:block; font-size:12px; font-family:var(--font-sans); letter-spacing:.04em; color:var(--brand-hover); margin-bottom:26px; }
.trust-flow h3,.trust-assurance h3 { font:500 22px/1.25 var(--font-sans); letter-spacing:-.025em; color:var(--text-heading); margin:0 0 18px; }
.trust-flow p { font-size:15px; }
.trust-two { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.trust-two .cert-note { margin-top:22px; display:block; line-height:1.7; border:0; background:none; padding:0; }
.trust-two .product-tour { display:inline-block; margin-top:24px; }
.retention-table { align-self:center; }
.retention-table table { width:100%; border-collapse:collapse; font-size:15px; }
.retention-table th,.retention-table td { padding:19px 12px; border-bottom:1px solid var(--product-line); text-align:left; vertical-align:top; color:var(--text-body); }
.retention-table thead th { color:var(--text-heading); font-weight:600; }
.retention-table tbody th { font-weight:500; color:var(--text-heading); }
.trust-documents { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:34px 0 60px; }
.trust-documents>a { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:24px; border:1px solid var(--product-line); background:var(--product-surface); border-radius:16px; font-size:16px; color:var(--text-heading); text-decoration:none; }
.trust-documents>a:hover { border-color:var(--brand); }
.trust-documents span { color:var(--brand-hover); }
.trust-assurance { display:grid; grid-template-columns:1.4fr 1fr; gap:80px; padding-top:30px; border-top:1px solid var(--product-line); }
.trust-assurance .cert-note { border:0; background:none; padding:0; margin:0 0 14px; }
.trust-assurance p { font-size:14px; }
.product-lightbox { padding:0; border:1px solid var(--product-line); border-radius:20px; background:var(--surface,#f5f3ee); color:var(--text-heading); max-width:calc(100vw - 40px); width:1500px; max-height:90dvh; }
.product-lightbox::backdrop { background:rgba(8,11,15,.72); backdrop-filter:blur(6px); }
.product-lightbox header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:15px 22px; background:var(--bg,#f5f3ee); }
.product-lightbox header h2 { font:500 16px var(--font-sans); margin:0; }
.product-lightbox button { padding:9px 15px; background:none; color:inherit; border:1px solid var(--product-line); border-radius:99px; cursor:pointer; }
.product-lightbox-scroll { overflow:auto; max-height:calc(90dvh - 70px); background:#fff; }
.product-lightbox img { display:block; max-width:none; height:auto; }
@media(max-width:900px) {
 .product-refined .wrap,.product-refined .wrap-wide { padding-inline:24px; }
 .product-subnav { justify-content:flex-start; gap:22px; }
 .product-hero-grid { gap:30px; }
 .product-refined .product-hero h1 { font-size:46px; }
 .product-story,.product-story.reverse { gap:35px; }
 .trust-two { gap:40px; }
}
@media(max-width:650px) {
 .product-refined .wrap,.product-refined .wrap-wide { padding-inline:20px; }
 .product-subnav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 12px; margin-bottom:30px; padding-block:12px; overflow:visible; }
 .product-subnav a { text-align:center; white-space:normal; padding:10px 0; min-height:44px; display:grid; place-items:center; font-size:12px; }
 .product-hero-grid,.product-story,.product-story.reverse,.trust-two,.trust-assurance { grid-template-columns:1fr; }
 .product-hero { padding-bottom:42px; }
 .product-refined .product-hero h1,.product-refined .subhero h1 { font-size:43px; max-width:17ch; }
 .product-refined .product-intro .lead,.product-refined .subhero .lead { font-size:16px; margin:20px 0 24px; }
 .product-actions { gap:18px; }
 .hero-evidence { margin-top:12px; }
 .hero-evidence .evidence-window { min-height:0; }
 .evidence-window { border-radius:13px; }
 .product-story { padding-block:50px; gap:26px; }
 .product-story.reverse .product-story-copy { order:0; }
 .product-story p,.product-summary p { font-size:15px; }
 .product-refined .product-story h2,.product-refined .product-summary h2,.product-refined .trust-section h2 { font-size:32px; }
 .product-related { align-items:flex-start; flex-direction:column; gap:12px; }
 .product-refined .trust-hero { padding-top:42px; }
 .trust-section { padding-block:44px; }
 .trust-flow,.trust-documents { grid-template-columns:1fr; }
 .trust-flow article { padding:26px 0; }
 .trust-flow article+article { border-left:0; border-top:1px solid var(--product-line); }
 .flow-number { margin-bottom:16px; }
 .trust-documents { margin-bottom:36px; }
 .trust-assurance { gap:35px; }
 .product-lightbox { max-width:calc(100vw - 16px); }
 .product-refined .subhero .lead { margin-inline:auto; }
}
@media(prefers-reduced-motion:reduce) { .product-refined *, .product-refined *::before { scroll-behavior:auto!important; } }

/* Text-only overview detail after retiring its outdated screenshot. */
.product-story.product-story-text { display:block; }
.product-story-text .product-story-copy { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:75px; align-items:start; }
@media(max-width:900px) { .product-story-text .product-story-copy { gap:35px; } }
@media(max-width:650px) { .product-story-text .product-story-copy { grid-template-columns:1fr; gap:0; } }
