/* Round 2: blue-led sections, readable type, and a wider shared canvas. */
:root { --navy:#071d42; --navy-light:#12376b; --muted:#455b77; }
body { font-size:17px; background:#f6f9ff; color:var(--ink); }
.wrap { width:calc(100% - 96px); max-width:1400px; }
.section { padding:100px 0; }
p { line-height:1.65; }
.eyebrow,.hero .eyebrow { font-size:12px; letter-spacing:.1em; }
.text-link,.button,.button.blue,.screen-play { font-size:16px; }
.button,.button.blue { background:linear-gradient(120deg,#2563eb,#1d4ed8); border-color:#6598ff; color:white; }
.button:hover { background:linear-gradient(120deg,#3475fa,#2153d8); }
.demo-promise { font-size:12px; max-width:340px; }
.desktop-nav,.signin { font-size:14px; }
.nav-cta .button { font-size:14px; }
.nav-cta .demo-promise { font-size:12px; max-width:230px; }
.nav-actions .nav-cta { max-width:230px; }
.nav-row { min-height:108px; }
.site-header { background:#f7fafff5; }
.hero,.page-intro,.product-hero,.hiw-hero,body[data-page="/get-started"] main>.section {
  background:radial-gradient(ellipse at 100% 0,#3179f599,transparent 60%),linear-gradient(115deg,#071d42,#123e83 62%,#1d58c4);
  color:#fff;
}
.hero { padding:85px 0 90px; }
.hero:before { background:radial-gradient(ellipse at 85% 15%,#367ff533,transparent 65%); }
.hero h1,.hero h1 .hero-first { color:#fff; }
.hero h1 { font-size:clamp(54px,5.4vw,92px); }
.hero h1 .hero-line:last-child { color:#8cbeff; }
.hero h1 .hero-line:last-child::after { background:#4085eb55; }
.hero .hero-support { color:#fff; font-size:28px; }
.hero-detail { font-size:17px; color:#d5e5ff; }
.hero .eyebrow,.page-intro .eyebrow,.product-hero .eyebrow,.hiw-hero .eyebrow { color:#b6d6ff; }
.hero .demo-promise,.product-hero .demo-promise,body[data-page="/get-started"] main>.section>.wrap>div { color:#d5e5ff; }
.hero-grid:has(.calendar-preview) { grid-template-columns:1.15fr 1fr; gap:64px; }
.calendar-preview { color:#fff; padding:28px; background:linear-gradient(135deg,#071a38,#143563); }
.calendar-heading h2 { font-size:28px; }
.calendar-heading p,.calendar-event>p { font-size:14px; }
.calendar-event h3 { font-size:24px; }
.calendar-scores strong { font-size:34px; }
.demo-section { padding:64px 0 80px; background:linear-gradient(120deg,#fff,#e7f0ff); }
.demo-section>.wrap { max-width:1400px; }
.demo-label { font-size:12px; }
.pain-card p,.security-item p,.feature-card p,.faq-list details p,
.editorial-row>div>p,.integration-panel>div>p,.section-copy,.access-flow p,
.page-intro p,.operators p,.intro-text,.hiw-mobile-scene-heading p { font-size:17px; }
.pain-card h3,.security-item h3,.feature-card h3 { font-size:28px; }
.section-head h2,.security-head h2,.faq-layout h2,.editorial-row h2 { font-size:clamp(38px,4vw,64px); }
.story,.screen-section,.decision-section { background:radial-gradient(ellipse at 100% 0,#20519b55,transparent 65%),linear-gradient(115deg,#061a3b,#102e59); color:#fff; }
.story .text-link,.screen-section .text-link { color:#a8d0ff; }
.home-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.home-steps article { border-top:1px solid #ffffff45; padding-top:26px; }
.home-steps h3 { font-size:42px; margin:20px 0 14px; }
.home-steps article:last-child h3 { color:#94c2ff; }
.home-steps p { font-size:17px; color:#d1e1f7; min-height:58px; max-width:370px; }
.home-step-ui { padding:25px; margin-top:32px; border:1px solid #37639d; border-radius:14px; min-height:158px; background:linear-gradient(115deg,#183761,#10294e); display:flex; flex-direction:column; justify-content:center; gap:8px; }
.home-step-ui>strong { font-size:23px; }
.home-step-ui>span { font-size:14px; color:#c7dcf7; }
.home-step-ui .tiny-badge { align-self:flex-start; font-size:12px; color:#c5e0ff; background:#22579b; }
.home-scores { flex-direction:row; justify-content:space-around; gap:20px; }
.home-scores>div { display:flex; flex-direction:column; }
.home-scores strong { font-size:42px; line-height:1.3; font-weight:500; }
.home-scores small { font-size:12px; color:#b9ceea; margin-left:4px; }
.home-modes strong { font-size:18px; color:#9dcaff; }
.security-item p { color:#415672; }
.final-cta { background:radial-gradient(ellipse at 80% 10%,#347df588,transparent 60%),linear-gradient(115deg,#09295b,#174ca7); color:#fff; }
.final-cta h2 { font-size:clamp(44px,5.8vw,82px); }
.final-cta .eyebrow,.final-cta .demo-promise,.final-cta .text-link { color:#c3dcff; }
body[data-page="/"] .final-cta .operator-line { margin-top:24px; font-size:16px; color:#c3dcff; }
.site-footer { background:linear-gradient(115deg,#051329,#0b2346); }
.footer-top p,.footer-top nav,.footer-note { font-size:14px; }
.footer-bottom { font-size:12px; flex-wrap:wrap; }
.page-intro { padding:100px 0 84px; }
.page-intro h1 { font-size:clamp(48px,5.8vw,88px); max-width:1100px; }
.page-intro p { color:#d3e4fc; max-width:670px; }
body[data-page="/faq"] .page-intro { background:radial-gradient(ellipse at 100% 0,#20519b55,transparent 65%),linear-gradient(115deg,#061a3b,#102e59); }
body[data-page="/demo"] .page-intro { background:linear-gradient(130deg,#092147,#124da5); }
body[data-page="/security"] .page-intro { background:radial-gradient(ellipse at 90% 30%,#2b66c477,transparent 55%),linear-gradient(115deg,#061932,#123b73); }
.product-hero { padding:85px 0; }
.product-hero h1 { font-size:clamp(48px,5.2vw,78px); }
.product-hero .editorial-row { gap:70px; }
.product-hero .editorial-row>div>p { color:#d0e2fd; font-size:18px; margin-top:24px; }
.product-hero .cta-group { margin-top:30px; }
.evidence-preview { color:var(--ink); }
.evidence-preview h3 { font-size:30px; }
.review-finding p { font-size:16px; }
.review-score-grid strong { font-size:48px; }
.review-score-grid strong>span { font-size:16px; }
.review-score-grid small { font-size:14px; }
.evidence-preview .topic-chips span { color:#214e8b; border-color:#aac5ec; font-size:12px; }
.integration-card { padding:32px; border:1px solid #bdcee6; border-radius:18px; background:#fff; box-shadow:0 18px 55px #10346612; }
.integration-card>div { border-color:#d7e2f1; font-size:18px; }
.integration-card small,.integration-card>p { color:#4a6282; font-size:14px; }
.integration-mark { background:#f2f6fd; border-color:#b9cce7; width:48px; height:48px; }
.handoff-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.handoff-pills span { border:1px solid #a9c3e7; padding:8px 14px; border-radius:30px; font-size:14px; color:#184e9d; }
.faq-list summary { font-size:19px; }
.faq-directory>nav a { font-size:15px; }
.faq-topic h2 { font-size:38px; }
.field { font-size:14px; }
.field input,.field select,.field textarea { font-size:16px; }
.demo-form>p,.consent,.form-note { font-size:12px; }
.demo-form h2 { font-size:30px; }
body[data-page="/get-started"] .form-grid .demo-form h2 { color:var(--ink); }
.form-grid .intro-text { font-size:18px; color:#d3e4fc; }
body[data-page="/get-started"] .eyebrow { color:#b5d4ff; }
body[data-page="/get-started"] .form-grid>div>.text-link { color:#bddbff; }
.caption-box p,.transcript p { font-size:16px; }
.call-title h2 { font-size:28px; }
@media(min-width:1280px) {
  body[data-page="/"] .faq-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; }
  body[data-page="/"] .faq-layout h2,body[data-page="/"] .security-head h2 { max-width:none; }
  body[data-page="/"] .security-head>div { flex:1; min-width:0; }
  body[data-page="/"] .security-head>.text-link { flex-shrink:0; }
}
@media(min-width:1920px) {
  .wrap { max-width:1400px; }
  .section { padding:116px 0; }
  .hero-grid:has(.calendar-preview) { gap:80px; }
}
@media(max-width:1100px) {
  .wrap { width:calc(100% - 64px); }
  .desktop-nav { gap:18px; }
  .nav-actions { gap:16px; }
  .hero-grid:has(.calendar-preview) { gap:32px; }
  .home-steps { gap:24px; }
  .home-step-ui { padding:18px; }
}
@media(max-width:850px) {
  .hero-grid:has(.calendar-preview),.product-hero .editorial-row { grid-template-columns:1fr; gap:44px; }
  .hero h1 { font-size:clamp(54px,8.8vw,78px); }
  .calendar-preview { max-width:650px; width:100%; }
  .home-steps { grid-template-columns:1fr; gap:40px; }
  .home-steps article { display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
  .home-steps .step-kicker,.home-steps h3,.home-steps p { grid-column:1; }
  .home-step-ui { grid-column:2; grid-row:1/4; margin-top:0; }
  .home-steps p { min-height:0; }
  .section,.page-intro,.product-hero { padding:72px 0; }
  .editorial-row { gap:40px; }
  .faq-directory>nav { grid-template-columns:1fr; }
  .form-grid { gap:40px; }
}
@media(max-width:600px) {
  .wrap { width:calc(100% - 40px); }
  .hero { padding:52px 0 60px; }
  .hero h1 { font-size:50px; }
  .hero .hero-support { font-size:26px; }
  .hero-detail { font-size:16px; }
  .hero .eyebrow { max-width:290px; }
  .nav-row { min-height:80px; }
  .demo-label { align-items:flex-start; gap:20px; font-size:12px; }
  .demo-label>span { max-width:50%; }
  .demo-section { padding:36px 0 56px; }
  .demo-section>.wrap { width:calc(100% - 40px); }
  .section,.product-hero,.page-intro { padding:60px 0; }
  .home-steps article { display:block; }
  .home-step-ui { margin-top:24px; }
  .home-steps h3 { font-size:38px; }
  .home-steps p { font-size:16px; }
  .home-steps .step-kicker { margin-bottom:0; }
  .page-intro h1,.product-hero h1 { font-size:46px; }
  .section-head h2,.security-head h2,.faq-layout h2,.editorial-row h2 { font-size:38px; }
  .pain-card p,.security-item p,.feature-card p,.faq-list details p,.editorial-row>div>p,.page-intro p { font-size:16px; }
  .integration-card { padding:22px; }
  .integration-card>div { font-size:16px; gap:12px; }
  .evidence-preview { padding:22px; }
  .evidence-preview .mini-header { flex-wrap:wrap; gap:8px; }
  .final-cta { padding:72px 0; }
  .footer-bottom>div { flex-wrap:wrap; gap:14px; }
  .calendar-preview { padding:20px; }
  .calendar-hour { grid-template-columns:1fr; }
  .calendar-hour>time { display:none; }
  .calendar-top { flex-wrap:wrap; }
  .calendar-event { padding:18px; }
  .form-grid h1 { font-size:48px; }
}