/* FILE-O Meeting: original editorial layouts inspired by BRIEF, not copied.
   Shared tone: neutral white, disciplined typography, functional UI previews. */
:root{--bg:#fff;--ink:#1f2022;--muted:#666971;--sub:#8c8e93;--line:#e7e8e9;--line-strong:#d6d7d9;--brand:#624bc0;--brand-ink:#4b359d;--soft:#f7f7f7;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}html,body{max-width:100%;overflow-x:clip}
body{margin:0;background:#fff;color:var(--ink);font:14px/1.66 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}
[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ae9aec;outline-offset:3px}
::selection{background:#e7dfff;color:#2d2460}
.landing-shell{max-width:1380px;margin:auto;padding:0 clamp(20px,4vw,62px)}
.site-header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0}
.brand img{height:32px!important;width:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain}
.brand-text{font-size:24px;font-weight:810;letter-spacing:-.07em;line-height:1}.brand-text span{color:var(--brand)}
.brand-product{font-size:15px;font-weight:700;letter-spacing:-.03em;padding-left:13px;border-left:1px solid var(--line-strong);margin-left:5px}
.site-nav{display:flex;gap:29px;align-items:center;margin-left:auto}
.site-nav a{font-size:12px;color:#5b5d61;font-weight:600}.site-nav a:hover{color:var(--brand)}
.account-link{font-size:12px;font-weight:700;background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:11px 14px;white-space:nowrap}
.account-link span{padding-left:9px;color:var(--brand)}.account-link:hover{background:#faf9ff;border-color:#b8abe6}
.eyebrow{font-size:10.5px;font-weight:790;letter-spacing:.15em;color:var(--brand);line-height:1.5;text-transform:uppercase;margin:0 0 17px}
.eyebrow span{color:#aaabb0;padding:0 8px}
.hero{display:grid;grid-template-columns:41% minmax(0,59%);gap:18px;align-items:center;min-height:625px;padding:65px 0 65px}
.hero-copy{position:relative;z-index:1;padding-right:12px}
.hero h1{font-size:clamp(46px,4.15vw,65px);letter-spacing:-.078em;line-height:1.075;margin:0 0 25px;font-weight:795;max-width:585px}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero-lead{max-width:485px;color:#696b71;font-size:15.2px;line-height:1.8;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 19px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;padding:12px 17px;border:1px solid var(--line-strong);border-radius:8px;font-size:12.2px;font-weight:720;transition:background .16s,transform .16s}
.btn:hover{transform:translateY(-1px)}
.btn-accent{color:#fff;border-color:var(--brand);background:var(--brand)}.btn-accent:hover{background:var(--brand-ink)}
.btn-light{background:#fff;color:#303039}.btn-light:hover{background:#f8f7fb}
.compatibility{font-size:10.5px;color:#8a8d92;line-height:1.6;margin:0}
.compatibility span{padding:0 6px;color:#bbbcc0}
.hero-product{margin:0;min-width:0;position:relative;isolation:isolate}
.desktop-frame{border:1px solid #dadbe0;background:#fff;border-radius:13px;padding:6px;box-shadow:0 26px 75px #25223524,0 2px 15px #17151b0d}
.desktop-frame img{height:auto;width:100%;border-radius:8px;aspect-ratio:1120/710;object-fit:cover;object-position:center}
.hero-product figcaption{text-align:right;color:#999a9f;font-size:9.7px;letter-spacing:.04em;margin:12px 0 0}
.section{padding:105px 0;border-top:1px solid var(--line)}
.section-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 34px}
.section-header .eyebrow{margin-bottom:13px}
.section-header h2,.account-section h2,.faq-section h2,.final-cta h2{font-size:clamp(35px,3.65vw,53px);font-weight:775;letter-spacing:-.065em;line-height:1.125;margin:0}
.section-header h2 em{font-style:normal;color:var(--brand)}
.section-header>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.78;margin:0}
.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.workflow-step{padding:25px 22px 0 0;min-width:0}
.workflow-step+.workflow-step{border-left:1px solid var(--line);padding-left:23px}
.step-num{font:740 10px ui-monospace,Consolas,monospace;letter-spacing:.025em;color:var(--brand);margin:0 0 19px}
.step-num span{color:#b0afb5;padding:0 5px}
.workflow-step h3{font-size:20px;font-weight:735;letter-spacing:-.038em;line-height:1.25;margin:0 0 9px}
.workflow-step>p:not(.step-num){font-size:12.3px;color:#71737a;line-height:1.75;min-height:86px;margin:0 0 20px}
.workflow-step>img{width:100%;height:185px;object-fit:contain;object-position:center;border-radius:8px;border:1px solid var(--line);box-shadow:0 6px 16px #26222b0b;background:#fafafa}
.showcase-section{border-radius:0}
.showcase-section .section-header{display:block;margin-bottom:25px}
.showcase-section .section-header>p:last-child{max-width:620px;margin-top:15px}
.showcase-ui{border:1px solid var(--line-strong);border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 12px 40px #1615220b}
.showcase-topline{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:25px 28px;border-bottom:1px solid var(--line)}
.showcase-subtitle,.document-overline{font-size:9.3px;font-weight:800;letter-spacing:.11em;color:#74727a}
.showcase-topline h3{font-size:22px;font-weight:750;letter-spacing:-.045em;line-height:1.3;margin:8px 0 5px}
.showcase-topline p{color:#929196;font-size:11.2px;margin:0}
.showcase-demo-state{border:1px solid #e6deec;background:#faf7fc;color:#866b9d;padding:7px 10px;border-radius:5px;font:770 9px system-ui;white-space:nowrap}
.showcase-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);padding:0 20px}
.showcase-tabs button{background:none;color:#7e7d84;border:0;border-bottom:2px solid transparent;padding:14px 16px 12px;font-size:11.6px;font-weight:650;transition:color .15s,border-color .15s}
.showcase-tabs button:hover{color:var(--brand)}
.showcase-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:775}
.showcase-pane{min-height:255px;padding:13px 29px}
.transcript-line{display:grid;grid-template-columns:63px minmax(0,1fr);gap:20px;align-items:start;border-bottom:1px solid #f0f0f1;padding:14px 0}
.transcript-line:last-child{border-bottom:0}
.transcript-line time{font:760 11.8px ui-monospace,Consolas,monospace;color:var(--brand)}
.transcript-line p{font-size:12.5px;line-height:1.72;margin:0;color:#38383c}
.showcase-summary{max-width:930px;font-size:14px;line-height:1.9;margin:17px 0 24px}
.clean-list{margin:10px 0 5px;padding-left:20px;font-size:12.5px;line-height:1.9}
.showcase-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:22px}
.showcase-decision-grid>div+div{border-left:1px solid var(--line);padding-left:26px}
.showcase-decision-grid ol{padding-left:20px;font-size:13px;line-height:1.9}
.showcase-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;background:#fafafa;padding:13px 29px;border-top:1px solid var(--line)}
.showcase-bottom span{color:#96959b;font-size:10px}.showcase-bottom a{font-size:11px;color:var(--brand);font-weight:750}
.features-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:13px}
.features-layout article{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px 24px;overflow:hidden}
.features-layout .feature-transcript{grid-row:span 2;background:#f9f9f9;min-height:390px}
.feature-heading{display:flex;align-items:center;gap:16px}
.feature-heading>span{color:var(--brand);font:760 11px ui-monospace,Consolas,monospace}
.feature-heading h3{font-size:19px;line-height:1.3;letter-spacing:-.035em;font-weight:760;margin:0}
.features-layout article>p{font-size:12px;color:#7b7c82;line-height:1.75;max-width:480px;margin:14px 0 21px}
.feature-transcript-lines{border-top:1px solid var(--line);padding-top:7px}
.feature-transcript-lines p{border-bottom:1px solid var(--line);padding:15px 0;margin:0;font-size:12.5px;line-height:1.7}
.feature-transcript-lines time{display:block;font:730 11px ui-monospace,Consolas,monospace;color:#6650ba;margin-bottom:5px}
.feature-protocol-preview{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:13px}
.feature-protocol-preview strong{font-size:12px;margin-bottom:4px}
.feature-protocol-preview span{font-size:11.6px;color:#66666a}
.feature-task-rows{border-top:1px solid var(--line)}
.feature-task-rows div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}
.feature-task-rows div>span{font:740 10px ui-monospace,Consolas,monospace;color:var(--brand)}
.feature-task-rows strong{flex:1;min-width:0;font-weight:660}
.feature-task-rows small{color:#85878c;font-size:10px}
.feature-export .format-line{display:flex;gap:7px;flex-wrap:wrap}
.format-line span{padding:7px 11px;border:1px solid #d9dadd;border-radius:5px;font:760 11px ui-monospace,Consolas,monospace;color:#39363e}
.compat-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:23px}
.compat-columns h3{font-size:20px;letter-spacing:-.035em;margin:0 0 12px}
.compat-columns p{font-size:12.5px;line-height:1.82;color:var(--muted);margin:0}
.compat-caution{border-left:2px solid #c3b3e6;color:#807b88;font-size:11px;line-height:1.8;margin:29px 0 0;padding:3px 0 3px 16px;max-width:950px}
.paper-document{border:1px solid #dedfe1;background:#fff;padding:36px 50px 20px;max-width:1050px;margin:auto;box-shadow:0 21px 58px #25212d0b}
.paper-header,.paper-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8b8b91;font:730 9.5px ui-monospace,Consolas,monospace;letter-spacing:.06em}
.paper-header{padding-bottom:25px;border-bottom:1px solid var(--line)}
.paper-document h3{font-size:clamp(25px,2.8vw,35px);line-height:1.25;letter-spacing:-.055em;margin:26px 0 12px}
.paper-meta{font-size:11.5px;color:#89888f;margin:0 0 29px}.paper-meta span{padding:0 6px}
.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 36px}
.paper-grid>div{border-top:1px solid var(--line);padding-top:12px;min-height:100px}
.paper-index{font-size:10px;letter-spacing:.08em;color:var(--brand);font-weight:790}
.paper-grid p{font-size:12.2px;line-height:1.78;color:#4d4b52}
.paper-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:25px}
.paper-footer a{color:var(--brand);font-family:Inter,system-ui,sans-serif;letter-spacing:normal}
.download-list{border-top:1px solid #d9dadd}
.download-row{display:grid;grid-template-columns:minmax(180px,1fr) 175px 184px;gap:15px;align-items:center;padding:24px 0;border-bottom:1px solid #e1e1e3}
.download-row h3{font-size:20px;letter-spacing:-.03em;margin:0 0 5px}
.download-row p,.download-version{font-size:11.5px;color:#86868b;margin:0}
.download-row a{padding:10px 13px;border:1px solid var(--line-strong);border-radius:7px;font-size:11.5px;font-weight:725;text-align:center}
.download-row a:hover{border-color:#b9a8dd;background:#f9f7ff;color:var(--brand)}
.download-warning{font-size:10.8px;color:#83818a;line-height:1.8;margin:23px 0 0;max-width:1060px}
.account-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.account-section h2{margin:15px 0 15px}
.account-section>div:first-child>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#7b7b82;max-width:465px}
.text-link{font-size:12.3px;font-weight:775;color:var(--brand);display:inline-block;margin-top:10px}
.account-table-preview{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fff;box-shadow:var(--shadow,0 14px 36px rgba(10,10,20,.04))}
.account-table-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:750;padding:0 0 20px}
.account-table-title span{font-size:9px;color:#9684ac;letter-spacing:.1em}
.account-table-head,.account-table-preview>div:not(.account-table-title){display:grid;grid-template-columns:76px minmax(0,1fr) 63px;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:12px 5px}
.account-table-head{font-size:9px;font-weight:750;color:#96979b;letter-spacing:.06em}
.account-table-preview>div:not(.account-table-title):not(.account-table-head){font-size:11.2px;color:#5d5c65}
.account-table-preview strong{font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-table-preview>div>span:last-child{font-size:10px;color:#4c9077}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 55px;border-top:1px solid var(--line);padding-top:26px}
.privacy-grid strong{font-size:14px}.privacy-grid p{font-size:12.2px;line-height:1.8;color:#72737b;margin:10px 0 0}
.faq-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;padding:19px 28px 19px 0;font-size:13.6px;font-weight:690;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:4px;top:15px;font-size:20px;font-weight:350;color:#787881}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{color:#74747c;font-size:12.2px;line-height:1.85;margin:-1px 0 22px;max-width:690px}
.final-cta{background:#26232f;color:#fff;padding:54px clamp(26px,5vw,72px);border-radius:10px}
.final-cta .eyebrow{color:#bdb2e8}
.final-cta h2{margin:12px 0 24px;max-width:960px}
.final-cta .btn-accent{background:#fff;border-color:#fff;color:#26232f}
.final-cta .btn-accent:hover{background:#ebe7f9}
.page-disclaimer{color:#929198;font-size:10.5px;line-height:1.85;max-width:1060px;margin:22px 0 0}
.footer{border-top:1px solid var(--line);margin-top:67px;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer .brand img{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;max-width:27px!important;max-height:27px!important}
.footer .brand-text{font-size:21px}
.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.footer nav a{font-size:11.3px;color:#77777c}
.footer small{font-size:10px;color:#a0a0a4}
@media(max-width:1150px){
 .site-nav{gap:15px}
 .hero{grid-template-columns:44% minmax(0,56%);gap:10px}
 .hero h1{font-size:clamp(38px,4.2vw,50px)}
 .workflow-step>img{height:160px}
}
@media(max-width:900px){
 .site-nav{display:none}
 .site-header{height:75px}
 .hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:72px 0}
 .hero-copy{padding:0}
 .hero h1{font-size:clamp(45px,6.8vw,65px);max-width:650px}
 .hero-lead{max-width:700px}
 .hero-product{max-width:820px}
 .section{padding:72px 0}
 .workflow-step>img{height:135px}
 .features-layout{grid-template-columns:1fr 1fr}
 .paper-document{padding:30px}
 .account-section{grid-template-columns:1fr;gap:25px}
 .faq-section{grid-template-columns:1fr;gap:25px}
}
@media(max-width:650px){
 .landing-shell{padding:0 18px}
 .brand img{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;max-width:29px!important;max-height:29px!important}
 .brand-text{font-size:22px}
 .brand-product{font-size:13px}
 .account-link{font-size:10px;padding:9px 10px}
 .hero{padding:58px 0 65px}
 .hero h1{font-size:clamp(38px,9.5vw,52px)}
 .hero-lead{font-size:14px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .btn{width:100%}
 .hero-product figcaption{text-align:left;font-size:9px}
 .section{padding:57px 0}
 .section-header{flex-direction:column;align-items:start}
 .section-header h2,.account-section h2,.faq-section h2,.final-cta h2{font-size:34px}
 .workflow{grid-template-columns:1fr}
 .workflow-step,.workflow-step+.workflow-step{padding:21px 0;border-left:0;border-bottom:1px solid var(--line)}
 .workflow-step>p:not(.step-num){min-height:0}
 .workflow-step>img{height:180px}
 .showcase-topline{padding:17px;flex-direction:column}
 .showcase-topline h3{font-size:17px}
 .showcase-tabs{padding:0 8px}
 .showcase-tabs button{font-size:10.2px;padding:12px 8px}
 .showcase-pane{padding:11px 17px}
 .transcript-line{grid-template-columns:51px minmax(0,1fr);gap:10px}
 .transcript-line p{font-size:11.6px}
 .showcase-decision-grid{grid-template-columns:1fr;gap:8px}
 .showcase-decision-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}
 .showcase-bottom{padding:12px 17px}
 .features-layout{grid-template-columns:1fr}
 .features-layout .feature-transcript{grid-row:auto;min-height:0}
 .compat-columns{grid-template-columns:1fr;gap:26px}
 .paper-document{padding:21px}
 .paper-grid{grid-template-columns:1fr;gap:13px}
 .paper-grid>div{min-height:0}
 .paper-footer{align-items:start;flex-direction:column}
 .download-row{grid-template-columns:1fr;gap:9px;padding:20px 0}
 .download-row a{justify-self:start}
 .privacy-grid{grid-template-columns:1fr;gap:25px}
 .faq-list summary{font-size:12.5px}
 .final-cta{padding:36px 21px}
 .footer{gap:16px}
 .footer nav{width:100%}
}
@media(max-width:340px){
 .landing-shell{padding:0 12px}
 .brand-product{display:none}
 .hero h1{font-size:35px}
 .compatibility{font-size:9.5px}
 .showcase-tabs button{font-size:9px;padding:10px 6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* One-time account pairing is an actual API action, not a mock control. */
.pair-connect{margin-top:25px;padding-top:21px;border-top:1px solid var(--line);max-width:490px}
.pair-connect h3{font-size:16px;font-weight:750;margin:0 0 8px;letter-spacing:-.02em}
.pair-connect>p:first-of-type{font-size:11.7px;line-height:1.7;color:#77767f;margin:0 0 13px}
.pair-button{border:1px solid #ccc1e7;border-radius:7px;padding:9px 13px;background:#fff;color:var(--brand);font-size:11.5px;font-weight:760}
.pair-button:hover{background:#f6f3ff}.pair-button:disabled{opacity:.55;cursor:wait}
.meeting-code-result{margin-top:12px;background:#faf9fe;border:1px solid #e5ddf1;padding:12px;border-radius:8px}
.meeting-code-result>span{font:780 9px ui-monospace,Consolas,monospace;color:#8979a5;letter-spacing:.07em}
.meeting-code-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px}
.meeting-code-row strong{font:820 23px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--brand);overflow-wrap:anywhere}
.meeting-code-row button{border:1px solid #d4cce7;background:#fff;padding:8px 10px;border-radius:6px;color:#5e4e80;font-size:10.5px;font-weight:740}
.pair-status{font-size:10.7px;min-height:14px;line-height:1.6;margin:9px 0 0;color:var(--brand)}


/* Narrow-screen transcript isn't an unreadable shrunken screenshot:
   the desktop capture remains intact, followed by its source-grounded
   readable excerpt on smaller devices. */
.hero-mobile-readable{display:none}
@media(max-width:700px){
.hero-mobile-readable{display:block;margin-top:14px;border:1px solid #dedee2;border-radius:9px;background:#fff;padding:13px 15px}
.hero-mobile-readable-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid #ededee}
.hero-mobile-readable-head strong{font-size:12px;font-weight:760;letter-spacing:-.02em}
.hero-mobile-readable-head span{font-size:8.5px;letter-spacing:.07em;font-weight:750;color:#80738e}
.hero-mobile-phrase{display:grid;grid-template-columns:43px minmax(0,1fr);gap:9px;border-bottom:1px solid #f0f0f2;padding:12px 0}
.hero-mobile-phrase time{font:760 10.5px ui-monospace,Consolas,monospace;color:var(--brand)}
.hero-mobile-phrase p{margin:0;color:#45434a;font-size:11.5px;line-height:1.62}
.hero-mobile-readable-result{font-size:11.5px;line-height:1.65;color:#46414c;padding-top:12px}
.hero-mobile-readable-result span{display:block;font-size:9px;letter-spacing:.11em;font-weight:780;color:var(--brand);margin-bottom:3px}
}