/* Original Fieldwork film language, with an illustrative text conversation. */
.fw-ai-section { position:relative; isolation:isolate; padding:70px var(--page-pad,4.2vw) 42px; overflow:hidden; color:#fff; background:#060a11; border-top:1px solid #ffffff18; border-bottom:1px solid #ffffff18; font-family:Manrope,Arial,sans-serif; }
.fw-ai-section *, .fw-ai-section *::before, .fw-ai-section *::after { box-sizing:border-box; }
.fw-ai-section [hidden] { display:none!important; }
.fw-ai-background, .fw-ai-background-shade { position:absolute; top:0; left:0; right:0; height:850px; z-index:-2; pointer-events:none; }
.fw-ai-background { overflow:hidden; background:#171d20; }
.fw-ai-background > img, .fw-ai-background > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 28%; }
.fw-ai-background > video { opacity:0; transition:opacity .5s; }
.fw-ai-film-ready .fw-ai-background > video { opacity:1; }
.fw-ai-background-shade { z-index:-1; background:linear-gradient(90deg,#03070dcc 0%,#03070d9c 35%,#03070d28 60%,#03070d52 100%),linear-gradient(180deg,#060a1140 0%,transparent 28%,#060a1159 65%,#060a11 100%); }
.fw-ai-main { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(38px,7vw,110px); align-items:center; }
.fw-ai-intro, .fw-ai-example { min-width:0; }
.fw-ai-intro { padding-bottom:20px; text-shadow:0 2px 22px #0003; }
.fw-ai-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:#91baff; font-size:10px; font-weight:700; letter-spacing:1.7px; line-height:1.5; }
.fw-ai-eyebrow > span { width:7px; height:7px; flex:0 0 auto; background:#2674ff; }
.fw-ai-intro h2 { margin:0; color:#fff; font:800 clamp(56px,5.4vw,78px)/.95 Barlow,Impact,'Arial Narrow',sans-serif; letter-spacing:-.025em; }
.fw-ai-intro h2 > span { color:#85adff; }
.fw-ai-lead { max-width:490px; margin:25px 0 28px; color:#e0e7ef; font-size:16px; line-height:1.75; letter-spacing:-.15px; }
.fw-ai-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:18px 28px; }
.fw-ai-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:60px; max-width:100%; padding:17px 23px; border:0; border-radius:3px; background:#005bff; color:#fff; font:700 14px/1.5 Manrope,Arial,sans-serif; text-align:left; cursor:pointer; transition:background .2s; box-shadow:0 8px 26px #0003; }
.fw-ai-cta > span { font-size:23px; line-height:1; }
.fw-ai-cta:hover { background:#004ee0; }
.fw-ai-link { display:inline-flex; justify-content:space-between; align-items:center; gap:25px; min-height:44px; max-width:100%; padding:9px 0; border-bottom:1px solid #a9c4e76b; color:#f0f5fc; text-decoration:none; font-size:13px; font-weight:700; line-height:1.5; }
.fw-ai-link > span { color:#92baff; font-size:22px; line-height:1; }
.fw-ai-link:hover { color:#b7d2ff; border-bottom-color:#b7d2ff; }
.fw-ai-section button:focus-visible, .fw-ai-section a:focus-visible { outline:3px solid #a7c9ff; outline-offset:5px; }
.fw-ai-example { width:100%; max-width:420px; justify-self:center; }
.fw-ai-example-label { margin:0 0 16px; text-align:center; }
.fw-ai-example-label > p { margin:0; color:#e0e8f3; font-size:9px; font-weight:700; line-height:1.7; letter-spacing:1px; text-shadow:0 1px 8px #000; }
.fw-ai-example-label > p > span { margin:0 3px; color:#93b9ff; }
.fw-ai-phone { position:relative; width:330px; max-width:100%; height:580px; margin:0 auto; padding:9px; border:1px solid #9d9fa5; border-radius:43px; background:linear-gradient(135deg,#43484e,#101318 12%,#060708 70%,#555b64); box-shadow:0 28px 65px #0009,0 4px 12px #000a,inset 0 0 0 2px #ffffff17; transform:none; }
.fw-ai-phone::before { content:''; position:absolute; right:-3px; top:133px; width:3px; height:58px; border-radius:0 3px 3px 0; background:#676a71; box-shadow:inset -1px 0 #b3b5b9; }
.fw-ai-phone::after { content:''; position:absolute; left:-3px; top:110px; width:3px; height:46px; border-radius:3px 0 0 3px; background:#676a71; }
.fw-ai-phone-screen { display:flex; flex-direction:column; height:100%; overflow:hidden; border-radius:34px; background:#f5f4f0; color:#18212e; box-shadow:inset 0 0 0 1px #fff8; }
.fw-ai-phone-top { position:relative; display:flex; justify-content:space-between; align-items:center; flex:0 0 34px; padding:7px 24px 0; color:#334051; font-size:8px; font-weight:700; letter-spacing:.5px; }
.fw-ai-phone-top > i { position:absolute; top:9px; left:50%; width:82px; height:20px; border-radius:14px; transform:translateX(-50%); background:#0a0d12; }
.fw-ai-phone-battery { position:relative; width:19px; height:9px; border:1px solid #69717b; border-radius:2px; }
.fw-ai-phone-battery::before { content:''; position:absolute; inset:1px 3px 1px 1px; background:#69717b; border-radius:1px; }
.fw-ai-phone-battery::after { content:''; position:absolute; top:2px; right:-3px; width:2px; height:3px; border-radius:0 1px 1px 0; background:#69717b; }
.fw-ai-contact { display:flex; align-items:center; gap:9px; flex:0 0 73px; padding:13px 17px 14px; border-bottom:1px solid #d9dce0; background:#efefed; }
.fw-ai-contact-back { margin-right:2px; color:#005bff; font:29px/1 Arial,sans-serif; }
.fw-ai-contact-avatar { display:grid; place-items:center; flex:0 0 auto; width:37px; height:37px; border-radius:50%; color:#fff; background:#1864df; }
.fw-ai-contact-avatar svg { width:22px; height:22px; }
.fw-ai-contact strong { display:block; color:#18212e; font-size:14px; font-weight:700; line-height:1.5; }
.fw-ai-contact div > span { display:block; margin-top:2px; color:#616d7c; font-size:10px; line-height:1.5; }
.fw-ai-phone-date { flex:0 0 auto; padding:18px 12px 5px; color:#78818c; font-size:8px; font-weight:700; letter-spacing:.85px; text-align:center; }
.fw-ai-scenes { flex:1 1 auto; min-height:0; padding:15px 16px 8px; }
.fw-ai-scene { min-width:0; }
.fw-ai-message { position:relative; width:88%; margin-bottom:18px; color:#233044; }
.fw-ai-message-label { display:block; margin:0 2px 6px; color:#748090; font-size:8px; font-weight:700; letter-spacing:.8px; line-height:1.4; }
.fw-ai-message > p { position:relative; margin:0; padding:12px 14px; border-radius:16px 16px 16px 4px; background:#e3e5e8; color:#243043; font-size:13px; line-height:1.55; letter-spacing:-.15px; }
.fw-ai-message[data-ai-speaker='assistant'] { margin-left:auto; }
.fw-ai-message[data-ai-speaker='assistant'] > .fw-ai-message-label { color:#1c5bb6; text-align:right; }
.fw-ai-message[data-ai-speaker='assistant'] > p { border-radius:16px 16px 4px 16px; color:#fff; background:#075ee8; box-shadow:0 3px 8px #005bff18; }
.fw-ai-request-status { display:flex; align-items:center; gap:8px; margin:0 2px 0 auto; width:91%; padding-top:3px; }
.fw-ai-request-status > span { display:grid; place-items:center; width:22px; height:22px; flex:0 0 auto; border:1px solid #8da7cb; border-radius:50%; color:#245b9c; font-size:15px; }
.fw-ai-request-status > p { margin:0; color:#677383; font-size:9px; line-height:1.5; }
.fw-ai-request-status strong { display:block; color:#334861; font-size:10px; font-weight:700; }
.fw-ai-phone-compose { display:flex; align-items:center; gap:9px; flex:0 0 43px; margin:0 15px; color:#8692a1; }
.fw-ai-compose-plus { font:25px/1 Arial,sans-serif; }
.fw-ai-compose-field { flex:1; padding:8px 11px; border:1px solid #cbd0d6; border-radius:17px; font-size:10px; }
.fw-ai-compose-arrow { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#d0d5dc; color:#f5f6f8; font:20px/1 Arial,sans-serif; }
.fw-ai-phone-home { flex:0 0 auto; width:100px; height:4px; margin:10px auto 8px; border-radius:4px; background:#17202c; }
.fw-ai-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:20px 0 0; }
.fw-ai-step { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:10px 5px; border:0; border-bottom:1px solid #ffffff3b; background:transparent; color:#c6d0de; font:700 10px/1.5 Manrope,Arial,sans-serif; text-align:center; cursor:pointer; }
.fw-ai-step > span { color:#a0b1c8; font-size:9px; font-weight:400; }
.fw-ai-step::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#5e9aff; transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.fw-ai-step[aria-pressed='true'], .fw-ai-step:hover { color:#fff; }
.fw-ai-step[aria-pressed='true'] > span { color:#9ec3ff; }
.fw-ai-step[aria-pressed='true']::after { transform:scaleX(1); }
.fw-ai-demo-controls { display:flex; justify-content:center; align-items:center; gap:25px; padding-top:10px; }
.fw-ai-demo-toggle, .fw-ai-demo-replay { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:40px; padding:7px 0; border:0; background:transparent; color:#eef3fb; font:700 11px/1.6 Manrope,Arial,sans-serif; cursor:pointer; }
.fw-ai-demo-symbol { display:grid; place-items:center; width:25px; height:25px; border:1px solid #7899c7; border-radius:50%; color:#a8caff; font-size:8px; }
.fw-ai-demo-replay { color:#bbc9dc; }
.fw-ai-demo-replay > span { color:#93b9ff; font-size:18px; font-weight:400; }
.fw-ai-demo-toggle:hover, .fw-ai-demo-replay:hover { color:#a8caff; }
.fw-ai-example-caption { margin:8px 0 0; color:#aebed5; font-size:11px; line-height:1.7; text-align:center; }
.fw-ai-example-footer { display:none; }
.fw-ai-film-caption { position:absolute; top:20px; left:var(--page-pad,4.2vw); right:var(--page-pad,4.2vw); display:flex; justify-content:space-between; align-items:center; gap:20px; }
.fw-ai-film-caption > span { color:#bdc9d8; font-size:8px; font-weight:700; line-height:1.5; letter-spacing:1.5px; text-shadow:0 1px 8px #000; }
.fw-ai-motion { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:5px 9px; border:1px solid #ffffff35; border-radius:3px; background:#03080f6b; color:#e1ebfa; font:700 9px/1.5 Manrope,Arial,sans-serif; cursor:pointer; }
.fw-ai-motion-symbol { font-size:8px; }
.fw-ai-capabilities { position:relative; margin-top:38px; border-top:1px solid #ffffff2a; padding-top:27px; }
.fw-ai-capabilities > .fw-ai-eyebrow { margin-bottom:24px; }
.fw-ai-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(25px,4vw,65px); }
.fw-ai-benefits article { display:flex; gap:16px; min-width:0; }
.fw-ai-benefit-number { flex:0 0 auto; padding-top:4px; color:#649cff; font:800 20px/1 Barlow,Impact,sans-serif; }
.fw-ai-benefits h3 { margin:0 0 9px; color:#f4f7ff; font:800 27px/1.1 Barlow,Impact,sans-serif; letter-spacing:-.25px; }
.fw-ai-benefits p { margin:0; color:#9fadc3; font-size:12px; line-height:1.85; }
.fw-ai-benefits ul { margin:16px 0 0; padding:0; list-style:none; }
.fw-ai-benefits li { position:relative; padding:0 0 0 14px; margin-top:9px; color:#ccd7e8; font-size:12px; line-height:1.75; }
.fw-ai-benefits li::before { content:''; width:4px; height:4px; background:#629bff; position:absolute; left:0; top:.7em; }
.fw-ai-scope { margin:28px 0 0; color:#8596b0; font-size:11px; line-height:1.8; max-width:1000px; }
.fw-ai-scope strong { color:#b2c2da; font-weight:700; }
.fw-ai-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.fw-ai-demo-playing .fw-ai-scene:not([hidden]) .fw-ai-message { animation:fw-ai-message-arrive .48s cubic-bezier(.2,.7,.2,1) both; animation-delay:.12s; }
.fw-ai-demo-playing .fw-ai-scene:not([hidden]) .fw-ai-message[data-ai-speaker='assistant'] { animation-delay:1.35s; }
.fw-ai-demo-playing .fw-ai-scene:not([hidden]) .fw-ai-request-status { animation:fw-ai-message-arrive .4s ease both; animation-delay:2.05s; }
@keyframes fw-ai-message-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1600px) {
  .fw-ai-phone { width:350px; height:610px; }
  .fw-ai-example { max-width:440px; }
  .fw-ai-intro h2 { font-size:78px; }
  .fw-ai-lead { font-size:18px; max-width:560px; }
  .fw-ai-message > p { font-size:14px; }
  .fw-ai-benefits p { font-size:14px; }
}
@media (max-width:1100px) and (min-width:861px) {
  .fw-ai-main { gap:32px; }
  .fw-ai-intro h2 { font-size:57px; }
  .fw-ai-lead { font-size:15px; }
  .fw-ai-example-label > p { font-size:8px; letter-spacing:.7px; }
  .fw-ai-phone { width:310px; height:560px; }
  .fw-ai-message > p { font-size:12px; }
  .fw-ai-step { font-size:9px; }
}
@media (max-width:860px) {
  .fw-ai-section { padding-top:80px; }
  .fw-ai-main { grid-template-columns:minmax(0,1fr); gap:38px; }
  .fw-ai-background, .fw-ai-background-shade { height:740px; }
  .fw-ai-background > img, .fw-ai-background > video { object-position:50% 24%; }
  .fw-ai-background-shade { background:linear-gradient(90deg,#03070dbf,#03070d50),linear-gradient(180deg,#060a1130 0%,#060a113d 38%,#060a11 100%); }
  .fw-ai-intro { max-width:680px; padding-bottom:0; }
  .fw-ai-intro h2 { font-size:clamp(52px,7.8vw,72px); }
  .fw-ai-lead { max-width:600px; }
  .fw-ai-actions { align-items:center; }
  .fw-ai-example { max-width:420px; width:100%; }
  .fw-ai-phone { transform:none; }
  .fw-ai-capabilities { margin-top:36px; }
  .fw-ai-benefits { gap:22px; }
  .fw-ai-benefits article { gap:12px; }
  .fw-ai-benefits h3 { font-size:24px; }
}
@media (max-width:700px) {
  .fw-ai-section { padding:79px 22px 35px; }
  .fw-ai-background, .fw-ai-background-shade { height:700px; }
  .fw-ai-background > img, .fw-ai-background > video { object-position:50% 22%; }
  .fw-ai-background-shade { background:linear-gradient(90deg,#03070da1,#03070d50),linear-gradient(180deg,#060a1124, #060a114a 45%,#060a11 100%); }
  .fw-ai-film-caption { top:18px; left:22px; right:22px; gap:10px; }
  .fw-ai-film-caption > span { max-width:155px; font-size:7px; letter-spacing:1px; }
  .fw-ai-motion { font-size:8px; padding-left:7px; padding-right:7px; }
  .fw-ai-eyebrow { font-size:9px; letter-spacing:1.3px; margin-bottom:22px; }
  .fw-ai-intro h2 { font-size:clamp(43px,11.7vw,68px); line-height:.98; }
  .fw-ai-lead { margin-top:22px; margin-bottom:25px; font-size:15px; line-height:1.8; }
  .fw-ai-actions { gap:16px 24px; }
  .fw-ai-cta { min-height:56px; font-size:13px; gap:24px; padding:15px 21px; }
  .fw-ai-link { font-size:12px; }
  .fw-ai-main { gap:34px; }
  .fw-ai-example-label { margin-bottom:17px; }
  .fw-ai-example-label > p { font-size:8px; letter-spacing:.6px; line-height:1.8; }
  .fw-ai-phone { width:320px; height:570px; padding:8px; border-radius:40px; }
  .fw-ai-phone-screen { border-radius:32px; }
  .fw-ai-message > p { font-size:12.5px; }
  .fw-ai-step { min-height:48px; font-size:9px; gap:5px; }
  .fw-ai-step > span { font-size:8px; }
  .fw-ai-demo-controls { gap:24px; }
  .fw-ai-demo-toggle, .fw-ai-demo-replay { font-size:10px; }
  .fw-ai-example-caption { font-size:10px; }
  .fw-ai-capabilities { margin-top:32px; padding-top:24px; }
  .fw-ai-capabilities > .fw-ai-eyebrow { margin-bottom:0; }
  .fw-ai-benefits { grid-template-columns:minmax(0,1fr); gap:0; }
  .fw-ai-benefits article { padding:21px 0; gap:17px; border-bottom:1px solid #ffffff17; }
  .fw-ai-benefit-number { font-size:19px; }
  .fw-ai-benefits h3 { font-size:26px; margin-bottom:7px; }
  .fw-ai-benefits p { font-size:12px; line-height:1.8; max-width:480px; }
  .fw-ai-scope { font-size:10px; line-height:1.9; margin-top:23px; }
}
@media (max-width:360px) {
  .fw-ai-section { padding-left:18px; padding-right:18px; }
  .fw-ai-intro h2 { font-size:41px; }
  .fw-ai-phone { width:calc(100% - 6px); max-width:300px; height:565px; }
  .fw-ai-contact { padding-left:12px; gap:7px; }
  .fw-ai-scenes { padding-left:12px; padding-right:12px; }
  .fw-ai-message { width:91%; }
  .fw-ai-message > p { padding:11px 12px; font-size:12px; }
  .fw-ai-phone-compose { margin-left:12px; margin-right:12px; }
  .fw-ai-example-label > p { max-width:250px; margin:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .fw-ai-cta, .fw-ai-step::after, .fw-ai-background > video { transition:none; }
  .fw-ai-demo-playing .fw-ai-scene:not([hidden]) .fw-ai-message, .fw-ai-demo-playing .fw-ai-scene:not([hidden]) .fw-ai-request-status { animation:none!important; opacity:1!important; transform:none!important; }
}