.records-hero { padding:160px 0 0;background:#050a12;color:#fff;overflow:hidden }
.records-kicker { display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#087b93;margin:0 0 24px }
.records-hero .records-kicker, .records-cta .records-kicker { color:#a8efff }
.records-kicker>span { width:7px;height:7px;border-radius:50%;background:#23c7f4 }
.records-lede { font-size:18px;line-height:1.75;color:#c3cbd4;max-width:480px }
.records-actions { display:flex;align-items:center;gap:24px;flex-wrap:wrap }
.records-button { display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:14px 22px;background:#a8efff;color:#07101a;border:1px solid #a8efff;border-radius:6px;font-size:13px;font-weight:800;text-decoration:none;transition:background .15s }
.records-button:hover { background:#fff }
.records-text-link { display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-underline-offset:6px }
.records-section { padding-top:100px;padding-bottom:100px }
.records-section-heading h2, .records-cta h2 { font-family:var(--home-display);font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px }
.records-section-heading>p:not(.records-kicker) { max-width:490px;font-size:16px;line-height:1.8;color:#586572 }
.records-features { display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:52px }
.records-features article { border-top:1px solid #07101a25;padding-top:26px }
.feature-label { font-size:10px;letter-spacing:.13em;color:#536977;font-weight:700 }
.records-features h3 { font-size:20px;line-height:1.35;letter-spacing:-.03em;margin:22px 0 12px }
.records-features p { font-size:14px;color:#586572;line-height:1.9;margin:0 }
.records-cta { background:#091321;color:#fff;padding:85px 0 }
.records-cta p:not(.records-kicker) { color:#b5c2d0;max-width:580px;font-size:16px;line-height:1.8;margin-bottom:28px }
.records-button-outline { background:transparent;border-color:#627181;color:#fff }
.records-button-outline:hover { background:#243348 }
.records-cta+.site-footer { border-top:1px solid #ffffff20 }
/* Screenshots captured from the live Records application. */

.records-hero{padding-top:145px}.records-hero-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;margin-bottom:55px}.records-hero h1{font-family:var(--home-display);font-size:clamp(46px,5.6vw,78px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:0}.records-hero h1 em{color:#a8efff;font-style:normal}.records-hero-copy>p:not(.records-lede){color:#b7c4d3;font-size:15px;line-height:1.9}.records-hero-copy .records-actions{margin-top:26px}.records-screen{margin:0;background:white;border:1px solid #d6dfe4;border-radius:12px;overflow:hidden;color:#07101a}.hero-screen{box-shadow:0 25px 80px #0004}.screen-bar{display:flex;justify-content:space-between;gap:16px;background:#edf1f4;border-bottom:1px solid #dce3e8;padding:17px 24px;font-size:12px;color:#536574}.screen-bar b{letter-spacing:.1em}.search-capture{padding:32px 28px 8px}.records-screen img{display:block;width:100%;height:auto}.records-screen figcaption{padding:15px 24px;font-size:11px;color:#586572;border-top:1px solid #e8ecef;background:#fff}.records-sections{display:flex;justify-content:space-between;gap:16px;padding:28px 0;margin-top:20px}.records-sections a{color:#cad5df;font-size:12px;text-decoration:none;padding:8px 0}.records-sections a:hover{color:#a8efff}.records-meetings{padding:85px 0;background:#e9eef0;scroll-margin-top:80px}.meeting-showcase{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;margin-top:42px}.meeting-capture{position:relative;aspect-ratio:906/695;overflow:hidden;background:#fff}.meeting-capture img{position:absolute;width:190.73%;max-width:none;height:auto;left:-60.7%;top:-18%}.meeting-explainer article{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #cad4da}.meeting-explainer h3{font-size:19px;letter-spacing:-.03em;margin:0 0 10px}.meeting-explainer p{font-size:14px;line-height:1.8;color:#586572;margin:0}.meeting-explainer .demo-note{font-size:11px;margin-top:12px}.website-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.records-connections article{padding:24px 0;border-bottom:1px solid #cdd6dc}.records-connections article:first-child{padding-top:0}.records-connections h3{font-size:20px;margin:12px 0}.records-connections p{font-size:14px;line-height:1.9;color:#586572}.records-access{padding:80px 0;background:#e9eef0}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.role-grid article{border-top:1px solid #bfcdd5;padding-top:14px}.role-grid h3{font-size:17px}.role-grid p,.access-note{font-size:13px;line-height:1.9;color:#586572}.access-note{margin:30px 0 0}.pricing-section{padding-top:85px;padding-bottom:85px}.pricing-section h2{font-family:var(--home-display);font-size:48px;letter-spacing:-.04em;font-weight:500;margin:0 0 15px}.pricing-lede{color:#586572;max-width:650px}.pricing-section .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.pricing-card{border:1px solid #ccd7de;border-radius:12px;background:#fff;padding:28px}.pricing-tier{font-size:13px;font-weight:800}.pricing-price{display:flex;align-items:baseline;gap:8px;margin:16px 0}.pricing-price strong{font-family:var(--home-display);font-size:46px;font-weight:500;letter-spacing:-.05em}.pricing-price span{font-size:13px;color:#64727f}.pricing-copy{font-size:13px;color:#586572;min-height:42px}.pricing-list{list-style:none;margin:24px 0 0;padding:0}.pricing-list li{font-size:13px;padding:12px 0;border-top:1px solid #e1e7eb;line-height:1.65}.records-cta+.site-footer{border-top:1px solid #ffffff20}
@media(max-width:900px){.records-hero-heading{gap:35px}.meeting-showcase{gap:30px;grid-template-columns:1.3fr 1fr}.website-section{gap:35px}.pricing-section .grid{gap:14px}.pricing-card{padding:20px}.role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.records-hero{padding-top:120px}.records-hero-heading,.meeting-showcase,.website-section{grid-template-columns:1fr;gap:30px}.records-hero-heading{margin-bottom:35px}.records-hero h1{font-size:clamp(46px,10vw,68px)}.records-sections{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:8px}.search-capture{padding:20px 12px 0;overflow-x:auto}.search-capture img{min-width:680px}.screen-bar{padding:14px;font-size:10px}.records-screen figcaption{padding:14px;font-size:10px}.records-meetings,.records-access,.pricing-section{padding-top:60px;padding-bottom:60px}.pricing-section .grid{grid-template-columns:1fr}.pricing-copy{min-height:0}.role-grid{gap:20px}.pricing-section h2{font-size:38px}}

@media(max-width:700px){.records-section{padding-top:60px;padding-bottom:60px}.records-features{grid-template-columns:1fr;gap:28px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.records-button{transition:none}}

.records-screen-link{display:block;color:inherit}.records-screen-link:focus-visible{outline:3px solid #267f6c;outline-offset:-4px}.records-document-preview>.records-screen{margin-top:35px}.records-document-preview{border-bottom:1px solid #d8e1e5}.meeting-showcase{grid-template-columns:1.65fr 1fr;gap:40px}@media(max-width:700px){.meeting-showcase{grid-template-columns:1fr}}