/* Pro Screen: product blue, graphite cinema, clean editorial page. */
.product-redesign .nav-links a[aria-current="page"] { color:#0a63f0; }
.recording-guides h2 { font-size:30px; letter-spacing:-.03em; }
.recording-guides>div { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:25px; }
.recording-guides a { color:#0a63f0; }
.recording-guides strong,.recording-guides span { display:block; }
.recording-guides span { color:#657080; font-size:14px; margin-top:10px; line-height:1.6; }
@media(max-width:620px) { .recording-guides>div { grid-template-columns:1fr; } }
.help-card[hidden] { display:none!important; }
.product-redesign .legal li { margin-bottom:12px; line-height:1.65; }
.product-redesign .legal ul,.product-redesign .article ol { padding-left:24px; }
.product-redesign .article li { margin-bottom:12px; line-height:1.65; }
.product-redesign .article table { width:100%; border-collapse:collapse; }
.product-redesign .article th,.product-redesign .article td { text-align:left; padding:10px 8px; border-bottom:1px solid #d8dee5; overflow-wrap:anywhere; }
.product-redesign .article a,.product-redesign .legal a { color:#0a63f0; }
.product-redesign #support,.product-redesign #settings { scroll-margin-top:90px; }
:root { --product-blue:#0a63f0; --paper:#f4f6f8; --ink:#19212b; --graphite:#111419; --subtle:#67717e; --rule:#d8dee5; }
.product-redesign { background:var(--paper); color:var(--ink); font-family:'Segoe UI Variable Text','Segoe UI',sans-serif; }
.product-redesign .nav { background:rgba(244,246,248,.96); border-bottom:1px solid var(--rule); backdrop-filter:blur(12px); }
.product-redesign .nav .brand,.product-redesign .nav-links a { color:var(--ink); }
.product-redesign .nav-toggle span { background:var(--ink); }
.product-redesign .brand b { color:#0a63f0; }
.product-redesign .wrap { width:min(1240px,calc(100% - 72px)); max-width:1240px; padding-inline:0; }
.product-redesign .btn.primary { background:var(--product-blue); color:white; border:1px solid transparent; border-radius:8px; box-shadow:none; padding:14px 22px; font-weight:650; }
.product-redesign .btn.primary:hover { background:#0755d0; transform:translateY(-1px); }
.product-redesign a:focus-visible,.product-redesign button:focus-visible,.product-redesign summary:focus-visible { outline:3px solid #0a63f0; outline-offset:4px; }
.product-redesign .scroll-progress { display:none; }
.product-site section { padding-block:90px; }
.product-site h1,.product-site h2,.product-site h3 { font-family:'Segoe UI Variable Display','Segoe UI',sans-serif; color:inherit; }
.product-site p { color:var(--subtle); line-height:1.7; }
.product-site h2 { font-size:clamp(34px,4.5vw,62px); font-weight:600; letter-spacing:-.045em; line-height:1.08; margin:14px 0 24px; }
.product-site h3 { font-size:27px; letter-spacing:-.025em; font-weight:600; line-height:1.2; }
.product-hero { padding-top:60px!important; padding-bottom:35px!important; }
.hero-topline,.hero-bottom { display:flex; justify-content:space-between; gap:24px; align-items:center; font-size:12px; }
.hero-topline { letter-spacing:.08em; font-weight:650; }
.hero-topline a { color:#0a63f0; letter-spacing:0; }
.hero-heading { display:grid; grid-template-columns:1.25fr 1fr; gap:70px; align-items:end; padding:42px 0 65px; }
.hero-heading h1 { font-size:clamp(58px,7.8vw,108px); line-height:.98; letter-spacing:-.065em; font-weight:600; margin:0; max-width:800px; }
.hero-aside { padding-bottom:6px; }
.hero-aside p { font-size:19px; max-width:400px; margin:0 0 26px; }
.availability { display:block; font-size:12px; color:var(--subtle); margin-top:14px; }
.hero-bottom { padding-top:20px; border-top:1px solid var(--rule); color:var(--subtle); }
.hero-bottom span:first-child { color:var(--ink); font-weight:600; }
.demo-section { background:var(--graphite); color:#f3f5f7; padding-block:64px 74px!important; }
.demo-top { display:flex; justify-content:space-between; gap:36px; align-items:center; margin-bottom:24px; }
.demo-top h2 { font-size:38px; margin-bottom:0; }
.demo-top p { color:#a7afb9; max-width:330px; font-size:14px; }
.eyebrow,.feature-tag,.step-index { font:600 11px/1.6 'Consolas',monospace; letter-spacing:.1em; }
.eyebrow { color:var(--subtle); }
.demo-section .eyebrow { color:#9da7b4; }
.demo-screen { border:1px solid #363c45; border-radius:12px; overflow:hidden; background:#080a0d; }
.demo-screen video { width:100%; display:block; aspect-ratio:1360 / 900; object-fit:contain; max-height:720px; }
.demo-info { display:grid; grid-template-columns:145px 1fr 1fr; gap:24px; align-items:start; padding:24px 0; }
.live-label { border:1px solid #495565; border-radius:4px; padding:5px 8px; width:max-content; font:10px/1.4 Consolas,monospace; color:#aac5e3; }
.demo-info h3 { font-size:21px; margin:0; }
.demo-info p { margin:0; color:#abb3bf; font-size:13px; }
.demo-chapters { display:flex; gap:8px; overflow:auto; padding:4px 0 12px; scrollbar-width:thin; }
.demo-chapters button { flex:none; padding:10px 17px; border:1px solid #363d47; background:#1b2027; color:#b3bcc9; border-radius:7px; font:inherit; font-size:13px; cursor:pointer; }
.demo-chapters button:hover { border-color:#8b99ac; color:white; }
.demo-chapters button.selected { color:white; border-color:var(--product-blue); background:#243b53; }
.demo-status { font-size:12px; color:#98a2b1!important; min-height:20px; margin:0; }
.section-intro { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:35px; align-items:start; margin-bottom:40px; }
.section-intro h2 { margin:0; }.section-intro p { margin:0; }
.workflow-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; border-top:1px solid var(--rule); }
.workflow-grid article { padding:30px; border-right:1px solid var(--rule); }
.workflow-grid article:first-child { padding-left:0; }.workflow-grid article:last-child { border-right:0; padding-right:0; }
.workflow-grid h3 { margin:24px 0 14px; }.workflow-grid p { font-size:15px; }
.workflow-grid img { display:block; width:100%; height:auto; margin-top:26px; border-radius:7px; border:1px solid #333; }
.step-index { color:#3974b2; }
.text-link { display:inline-block; background:none; border:0; border-bottom:1px solid #a8b7c9; padding:5px 0; color:#326b9f; font:600 14px/1.5 'Segoe UI',sans-serif; text-decoration:none; cursor:pointer; }
.text-link:hover { color:#174d81; border-color:currentColor; }
.feature-section { border-top:1px solid var(--rule); }
.feature-heading { margin-bottom:46px; }
.feature-led { display:grid; grid-template-columns:1.55fr 1fr; gap:55px; align-items:center; }
.feature-led img { width:100%; height:auto; border:1px solid #313844; border-radius:10px; background:#111; }
.feature-led h3 { font-size:42px; margin:16px 0; letter-spacing:-.04em; }.feature-led p { font-size:16px; }
.feature-tag { color:#647589; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; margin-top:55px; padding-top:34px; border-top:1px solid var(--rule); }
.feature-grid h3 { font-size:23px; margin:18px 0 12px; }.feature-grid p { font-size:14px; }
.phone-section { background:#e8edf2; }
.phone-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:85px; align-items:center; }
.phone-grid img { width:100%; height:auto; border-radius:12px; box-shadow:0 20px 50px #24364820; }
.honest-note { font-size:12px; border-left:2px solid #a0b0c2; padding-left:14px; }
.faq-section { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; }
.faq-list details { border:0; border-bottom:1px solid var(--rule); border-radius:0; background:none; padding:20px 0; }
.faq-list summary { font-size:17px; font-weight:600; cursor:pointer; color:var(--ink); }.faq-list p { font-size:15px; }
.final-cta { text-align:center; border-top:1px solid var(--rule); }
.final-cta h2 { font-size:clamp(55px,7vw,96px); margin:22px 0 30px; }
.final-cta > span:last-child { display:block; margin-top:18px; color:var(--subtle); font-size:12px; }
.product-redesign footer { background:var(--graphite); color:#dce2e9; border:0; }
.product-redesign footer .brand { color:#fff; }.product-redesign footer .brand b { color:#78abe0; }
.product-redesign .nav-links.open { background:var(--paper); }
.product-docs { --text:#19212b;--muted:#596676;--faint:#67717e;--bg:#f4f6f8;--bg-2:#e8edf2;--panel:#fff;--panel-2:#e8edf2;--line:#d8dee5;--line-strong:#b6c2cf; }
.product-docs .page-hero { background:none; }
.product-docs h1,.product-docs h2,.product-docs h3 { color:var(--ink); }
.product-docs .help-card,.product-docs .callout,.product-docs .specgrid>div,.product-docs .mini-card { background:#fff; border-color:var(--rule); box-shadow:none; }
.product-docs input,.product-docs .help-search { color:var(--ink);background:#fff;border-color:var(--rule); }
.product-docs footer { --text:#e8edf2;--muted:#aab4c2;--faint:#95a1b0;--line:#343b45; }
.feature-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px 28px; }
.feature-directory article { border-top:1px solid var(--rule); padding-top:22px; }
.feature-directory video,.feature-directory img { width:100%; height:auto; aspect-ratio:1360 / 900; object-fit:contain; border-radius:9px; background:#111419; }
.feature-directory p { font-size:15px; }.feature-directory .evidence { font-size:12px; color:#6b7786; }
.download-release { display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-block:1px solid var(--rule); }
.download-release p { margin:18px 0; }.release-details { background:#e8edf2;border:1px solid var(--rule);border-radius:12px;padding:32px; }
.release-details details { margin:22px 0;background:none;color:var(--ink); }.release-details code { overflow-wrap:anywhere;font-size:12px; }
.release-note { font-size:12px;max-width:450px; }.platform-list { display:grid;grid-template-columns:repeat(3,1fr);gap:40px; }.platform-list h3 { margin:14px 0; }
@media(max-width:620px){.download-release,.platform-list{display:block}.release-details{margin-top:28px;padding:22px}.platform-list article{margin-bottom:30px}}
@media(max-width:900px) {
 .product-redesign .wrap { width:calc(100% - 40px); }
 .hero-heading { gap:32px; }.hero-aside p { font-size:16px; }
 .section-intro { grid-template-columns:1fr 2fr; }.section-intro>p { grid-column:2; }
 .feature-grid { grid-template-columns:1fr 1fr; }.phone-grid { gap:32px; }.feature-led { gap:30px; }
 .faq-section { gap:35px; }.demo-info { grid-template-columns:1fr 2fr; }.demo-info p { grid-column:2; }
}
@media(max-width:620px) {
 .product-site section { padding-block:52px; }.hero-topline { font-size:10px; }
 .hero-heading { grid-template-columns:1fr; gap:24px; padding:32px 0; }.hero-heading h1 { font-size:52px; }
 .hero-bottom { font-size:11px; align-items:start; }.hero-bottom span:last-child { text-align:right; }
 .demo-top { display:block; }.demo-top h2 { font-size:31px; }.demo-top p { max-width:none; }
 .demo-info { display:block; }.demo-info h3 { margin:14px 0 8px; }.demo-info p { font-size:13px; }
 .section-intro,.workflow-grid,.feature-led,.phone-grid,.faq-section,.feature-directory { display:block; }
 .section-intro h2 { margin:16px 0; }.workflow-grid article { padding:25px 0!important; border-right:0; border-bottom:1px solid var(--rule); }
 .feature-led img { margin-bottom:25px; }.feature-grid { grid-template-columns:1fr; gap:24px; }
 .phone-grid img { margin-top:30px; }.faq-list { margin-top:24px; }.feature-directory article { margin-bottom:38px; }
 .product-redesign .btn.primary { padding:12px 16px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .product-redesign *, .product-redesign *::before,.product-redesign *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
