/* Reference lock: research/MONDAY-REFERO-DIRECTION.md.
   Workdocs owns the introduction and editorial rhythm; Dev owns process modules;
   Integrations owns catalogue structure. Existing Netofficials assets are retained. */
:root {
  --reference-shadow:rgba(205,208,223,.4) 0 2px 48px;
  --reference-border:#c6c8d8;
  --reference-ink:#333;
  --reference-muted:#676879;
  --reference-surface:#f5f6f8;
  --duration-fast:140ms;
  --duration-state:220ms;
}
h2 { font-weight:400; text-wrap:balance; }
h3 { text-wrap:balance; }
.section-head p,.editorial-copy p,.catalogue-intro p { text-wrap:pretty; }
.btn { transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast); }
.btn--v { background:#4c58b8; }
.btn--v:hover { background:#4251a2; }
.breadcrumb { font-size:13px; }
.refero-hero { padding:36px 0 40px; overflow:visible; }
.refero-hero:before { display:none; }
.hero-introduction { text-align:center; max-width:1000px; margin:0 auto; }
.hero-introduction .hero-label { color:#535768; background:transparent; padding:0; font-size:14px; gap:9px; margin-bottom:20px; }
.hero-introduction .hero-label svg { color:#4c58b8; width:19px; height:19px; }
.refero-hero h1 { color:#333; font-size:clamp(44px,4.8vw,64px); font-weight:400; letter-spacing:-.045em; line-height:1.13; margin:0 auto 24px; max-width:1000px; text-wrap:balance; }
.refero-hero h1 span { display:block; }
.refero-hero .intro { font-size:18px; line-height:1.65; max-width:810px; margin:0 auto; color:#676879; }
.refero-hero .intro strong { font-weight:400; color:#333; }
.refero-hero .hero-actions { justify-content:center; margin-top:26px; gap:13px; }
.refero-hero .hero-actions .btn { font-size:16px; min-height:50px; padding:13px 25px; }
.project-picker { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:36px auto 25px; }
.project-picker button { display:inline-flex; align-items:center; gap:9px; min-height:50px; padding:9px 17px; border:1px solid #e4e5ec; border-radius:160px; background:#fff; font:400 14px var(--font); color:#535768; cursor:pointer; transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast); }
.project-picker button img { width:28px; height:28px; object-fit:contain; }
.project-picker button:hover { background:#fafaff; border-color:#707dc4; }
.project-picker button[aria-pressed=true] { border-color:#7280c6; background:#f1f3fe; color:#525b96; box-shadow:0 0 0 2px #4c58b80d; }
.workspace-stage.hero-visual { margin:0 auto; width:100%; max-width:1120px; border:1px solid #e5e6ed; background:#fff; border-radius:24px; box-shadow:var(--reference-shadow); overflow:hidden; }
.workspace-chrome { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 25px; font-size:12px; color:#676879; border-bottom:1px solid #eeeef4; background:#fff; }
.workspace-chrome>span:first-child { display:flex; align-items:center; gap:9px; color:#535768; font-weight:500; }
.workspace-chrome i { width:7px; height:7px; background:#4c58b8; border-radius:50%; }
.workspace-chrome>span:last-child { font-size:11px; }
.workspace-body { display:grid; grid-template-columns:.9fr 1.1fr; }
.workspace-art { min-width:0; background:#e9ebfa; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; padding-bottom:30px; }
.workspace-art>img { display:block; width:100%; height:auto; max-width:100%; }
.workspace-caption { position:absolute; left:22px; right:22px; bottom:19px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; color:#53566a; }
.workspace-caption svg { width:15px; height:15px; color:#5c6493; }
.workspace-plan { min-width:0; padding:29px 32px 23px; }
.plan-eyebrow { font-size:11px; text-transform:uppercase; color:#71758f; letter-spacing:.1em; display:block; margin-bottom:10px; }
.workspace-plan h2 { font-size:25px; line-height:1.3; font-weight:500; letter-spacing:-.03em; max-width:420px; min-height:2.6em; }
.workspace-plan>p { font-size:14px; line-height:1.65; color:#676879; margin-top:12px; max-width:430px; min-height:3.3em; }
.workspace-table { width:100%; border-collapse:collapse; margin-top:21px; text-align:left; font-size:12px; }
.workspace-table thead { color:#878395; font-size:10px; }
.workspace-table th { font-weight:400; }
.workspace-table thead th { padding:0 0 9px; }
.workspace-table tbody th,.workspace-table td { padding:12px 0; border-top:1px solid #eeeef4; }
.workspace-table tbody th { color:#444151; width:48%; white-space:nowrap; padding-right:15px; }
.workspace-table td { color:#676879; }
.work-dot { display:inline-block; width:5px; height:22px; border-radius:3px; vertical-align:middle; margin-right:9px; }
.work-dot.violet { background:#5969bb; }.work-dot.sky { background:#80c9ef; }.work-dot.mint { background:#89cfaa; }
.workspace-bottom { border-top:1px solid #eeeef4; padding-top:15px; margin-top:2px; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.workspace-bottom>span { display:flex; align-items:center; font-size:10px; color:#777082; }
.workspace-bottom img { width:27px; height:27px; margin-right:-7px; border:2px solid #fff; border-radius:50%; }
.workspace-bottom img:last-of-type { margin-right:9px; }
.workspace-bottom>a { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; border:1px solid #dcdde7; color:#4c58b8; flex:none; }
.workspace-bottom>a svg { width:15px; height:15px; }
.project-status { text-align:center; font-size:11px; color:#807b8a; margin-top:14px; min-height:20px; }
.workspace-plan.is-changing { animation:reference-state 220ms ease both; }
@keyframes reference-state { from{opacity:.35;transform:translateY(5px)} to{opacity:1;transform:none} }

.service-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.service-card { display:flex; padding:0 0 25px; min-height:385px; border-radius:24px; border:1px solid #ececf1; overflow:hidden; background:#fff; transform:none; transition:box-shadow var(--duration-state),border-color var(--duration-state); }
.service-card:hover { transform:none; box-shadow:var(--reference-shadow); border-color:#dee0ee; }
.service-icon { width:100%; height:155px; margin-bottom:24px; background:#e1e3f5; border-radius:0; }
.service-card:nth-child(2) .service-icon { background:#abf0ff; }
.service-card:nth-child(3) .service-icon { background:#e9ebfd; }
.service-card:nth-child(4) .service-icon { background:#bcfe90; }
.service-icon img { width:84px; height:84px; filter:none; }
.service-card:hover .service-icon img { transform:translateY(-3px); }
.service-card h3 { font-size:22px; padding:0 23px; max-width:100%; min-height:2.7em; }
.service-card p { padding:0 23px; margin-top:12px; font-size:16px; }
.service-card .arrow-link { padding:23px 23px 0; font-size:14px; }
.service-groups { margin-top:40px; padding-top:34px; }
.service-groups h3 { color:#333; font-size:16px; }
.help-strip { box-shadow:none; background:#f5f6f8; border-color:transparent; border-radius:16px; }

.editorial-feature { padding:75px 0 90px; }
.editorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.editorial-media { min-width:0; border-radius:24px; background:#eef0fc; position:relative; padding:25px 0 35px; }
.editorial-media>img { width:100%; height:auto; display:block; }
.editorial-caption { position:absolute; bottom:21px; left:20px; right:20px; font-size:12px; color:#5c6078; display:flex; align-items:center; justify-content:center; gap:8px; }
.editorial-caption svg { width:16px; height:16px; }
.editorial-copy h2 { font-size:40px; line-height:1.2; }
.editorial-copy>p { font-size:17px; color:#676879; margin-top:21px; }
.editorial-copy ul { display:grid; gap:22px; margin:30px 0; }
.editorial-copy li { display:flex; align-items:start; gap:16px; }
.editorial-copy li>span { color:#7f84a7; font-size:12px; padding-top:4px; }
.editorial-copy h3 { font-size:17px; font-weight:500; }
.editorial-copy li p { font-size:15px; color:#676879; margin-top:6px; }
.editorial-copy .arrow-link { color:#59629e; }

.delivery-shell { background:#1d1f2d; border-radius:24px; padding:75px 0; }
.delivery-shell .wrap>div:first-child { text-align:center; }
.delivery-shell h2 { max-width:750px; margin:0 auto; font-size:44px; }
.delivery-intro { max-width:730px; margin:20px auto 0; }
.delivery-grid { display:block; margin-top:36px; }
.process-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:27px; }
.process-tab { min-height:128px; padding:20px 15px; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:1px solid #5f6171; border-radius:14px; color:#c0c2d1; text-align:center; }
.process-tab:hover { transform:none; border-color:#9ea2bf; background:#ffffff05; }
.process-tab[aria-selected=true] { border-color:#717ec5; background:#313342; box-shadow:inset 0 -3px #bcfe90; }
.process-tab strong { font-size:16px; padding-top:0; }
.process-tab small,.tab-arrow { display:none!important; }
.step-number,.process-tab[aria-selected=true] .step-number { width:42px; height:42px; }
.step-number img { width:42px; height:42px; opacity:.7; }
.process-tab[aria-selected=true] .step-number img { transform:none; }
.process-panel { min-height:340px; padding:26px 34px 34px; box-shadow:none; background:#282a38; border:1px solid #4f5162; border-radius:20px; }
.process-panel:not([hidden]) { animation:reference-state 220ms ease both; }
.process-panel-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; padding-top:23px; }
.panel-top { border-bottom-color:#ffffff15; color:#b0b2c5; padding-bottom:17px; font-size:13px; }
.panel-top span { border:0; background:#ffffff09; }
.panel-icon { width:48px; height:48px; margin:0 0 18px; }
.panel-icon img { width:48px; height:48px; }
.panel-story h3 { font-size:27px; max-width:430px; }
.panel-story p { max-width:440px; color:#bcbece; }
.panel-artifacts { border:1px solid #505262; border-radius:16px; background:#1d1f2d; padding:27px; }
.artifact-heading { font-size:11px; text-transform:uppercase; letter-spacing:.13em; color:#9a9ebb; }
.panel-artifacts .deliverables { margin-top:23px; gap:18px; }
.panel-artifacts .deliverables li { font-size:15px; line-height:1.6; }
.process-panel:not([hidden]) .deliverables li { animation:none; }
.process-footnote { margin-top:17px; text-align:center; }

.technology-section { background:#f5f6f8; margin-top:65px; padding:75px 0; }
.catalogue-intro { max-width:800px; margin:0 auto; text-align:center; }
.catalogue-intro h2 { font-size:44px; }
.catalogue-intro p { font-size:18px; color:#676879; line-height:1.65; margin:22px auto 0; max-width:740px; }
.technology-filters { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin:32px 0 0; }
.technology-filters button { min-height:44px; padding:10px 21px; border-radius:160px; border:1px solid #c6c8d8; background:transparent; color:#535768; font:400 14px var(--font); cursor:pointer; transition:background 140ms,color 140ms,border-color 140ms; }
.technology-filters button:hover { background:#e9eaf4; }
.technology-filters button[aria-pressed=true] { background:#4c58b8; color:#fff; border-color:#4c58b8; }
.technology-status { font-size:12px; color:#787582; text-align:center; margin:18px 0 27px; }
.technology-catalogue { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; align-items:stretch; }
.technology-card { border-radius:20px; padding:0 23px 23px; background:#fff; display:flex; align-items:start; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #ebebf0; transition:box-shadow 220ms,border-color 220ms; }
.technology-card:hover { box-shadow:var(--reference-shadow); border-color:#c6c8d8; }
.technology-card[hidden] { display:none; }
.technology-card:not([hidden]) { animation:reference-state 220ms ease both; }
.technology-media { width:calc(100% + 46px); margin:0 -23px 22px; height:118px; display:grid; place-items:center; background:#fafbff; border-bottom:1px solid #f0f1f5; }
.technology-media img { width:54px; height:54px; object-fit:contain; }
.technology-card h3 { font-size:22px; font-weight:500; }
.technology-card p { font-size:15px; line-height:1.65; color:#676879; margin:10px 0 22px; }
.technology-card .arrow-link { font-size:14px; margin-top:auto; color:#535768; }
.technology-note { display:flex; justify-content:center; align-items:start; gap:12px; margin:35px auto 0; max-width:780px; color:#676879; }
.technology-note>svg { width:21px; height:21px; flex:none; color:#4c58b8; margin-top:3px; }
.technology-note p { font-size:14px; line-height:1.7; }
.technology-note strong { font-weight:500; color:#333; }
.closing-cta { background:#e9ebfd; color:#333; box-shadow:none; border-radius:24px; }
.closing-cta:before { display:none; }
.closing-cta h2 { color:#333; }
.closing-cta .eyebrow { color:#4c58b8; }
.closing-cta p,.closing-cta .small-note { color:#676879; }
.closing-cta .btn { color:#fff; background:#4c58b8; }
.closing-cta .btn:hover { background:#4251a2; }
.closing-art-frame { transform:none; box-shadow:var(--reference-shadow); border-radius:24px; }
.closing-art { height:auto; aspect-ratio:1400/933; object-fit:contain; }
.section-indicator { transition:transform 220ms var(--motion),width 220ms var(--motion); }
.motion-ready .reveal { transition:opacity 360ms var(--motion),transform 360ms var(--motion); transition-delay:var(--reveal-delay,0ms); }

@media(max-width:1100px) {
  .refero-hero h1{font-size:54px}.workspace-body{grid-template-columns:.85fr 1.15fr}.workspace-plan{padding:25px}.workspace-plan h2{font-size:23px}.workspace-plan>p{font-size:14px}.workspace-table{font-size:11px}.workspace-chrome{padding:17px 22px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:380px}.service-card h3{font-size:24px}.service-icon{height:170px}.editorial-grid{gap:42px}.editorial-copy h2{font-size:35px}.process-panel-grid{gap:30px}.technology-catalogue{gap:16px}.technology-card{padding:0 18px 20px}.technology-media{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}.technology-card h3{font-size:20px}.technology-card p{font-size:14px}
}
@media(max-width:900px) {
  .workspace-body{grid-template-columns:1fr 1fr}.workspace-art{padding-bottom:45px}.workspace-plan{padding:23px}.workspace-plan h2{font-size:22px}.workspace-table tbody th{white-space:normal}.workspace-bottom>span{font-size:0}.workspace-bottom img:last-of-type{margin-right:0}.workspace-chrome>span:last-child{font-size:10px}.project-picker button{font-size:13px;padding:9px 13px}.editorial-grid{grid-template-columns:1fr;gap:40px}.editorial-media{max-width:620px;width:100%;margin:auto}.editorial-copy{max-width:720px}.editorial-copy h2{font-size:40px}.process-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.process-tab{min-height:130px;padding:17px 10px}.process-tab strong{font-size:14px}.process-panel{min-height:360px;padding:24px}.process-panel-grid{gap:25px}.panel-artifacts{padding:22px}.panel-artifacts .deliverables li{font-size:14px}.technology-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-card{padding:0 25px 25px}.technology-media{width:calc(100% + 50px);margin-left:-25px;margin-right:-25px;height:130px}.technology-card h3{font-size:23px}.technology-card p{font-size:16px}
}
@media(max-width:600px) {
  .refero-hero{padding-top:30px;padding-bottom:30px}.hero-introduction .hero-label{font-size:12px;margin-bottom:18px}.refero-hero h1{font-size:38px;line-height:1.15;letter-spacing:-.045em;margin-bottom:22px}.refero-hero .intro{font-size:17px;text-align:left}.refero-hero .hero-actions{gap:10px;margin-top:24px}.refero-hero .hero-actions .btn{font-size:14px;padding:12px 19px;min-height:47px}.project-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:29px 0 20px}.project-picker button{justify-content:start;border-radius:14px;padding:10px;font-size:12px;line-height:1.5;text-align:left;min-height:63px;gap:7px}.project-picker button img{width:25px;height:25px;flex:none}.workspace-stage.hero-visual{border-radius:20px}.workspace-chrome{padding:14px 17px;display:block;font-size:11px}.workspace-chrome>span:last-child{display:block;padding-left:16px;margin-top:6px;font-size:10px}.workspace-body{grid-template-columns:1fr}.workspace-art{padding-bottom:33px}.workspace-art>img{max-width:500px;margin:0 auto}.workspace-caption{font-size:10px;bottom:13px;gap:6px}.workspace-plan{padding:23px}.workspace-plan h2{font-size:24px}.workspace-plan>p{font-size:15px}.workspace-table{font-size:12px}.workspace-table tbody th{white-space:nowrap}.workspace-bottom>span{font-size:10px}.workspace-bottom img:last-of-type{margin-right:9px}.project-status{font-size:10px;margin-top:13px}.service-grid{grid-template-columns:1fr}.service-card{min-height:365px;padding-bottom:25px}.service-icon{height:160px}.service-card h3{font-size:24px}.service-card p{font-size:16px}.service-card .arrow-link{font-size:15px}.editorial-feature{padding:35px 0 58px}.editorial-grid{gap:35px}.editorial-copy h2{font-size:34px}.editorial-copy>p{font-size:16px}.editorial-copy ul{gap:23px;margin:28px 0}.editorial-copy h3{font-size:17px}.editorial-copy li p{font-size:15px}.editorial-caption{font-size:11px}.delivery-shell{padding:55px 0;border-radius:24px}.delivery-shell h2{font-size:35px}.delivery-intro{font-size:16px;text-align:left}.process-tabs{grid-template-columns:1fr 1fr;gap:10px}.process-tab{min-height:118px;padding:17px 12px;gap:11px}.process-tab strong{font-size:15px}.process-panel{padding:22px;min-height:0}.process-panel-grid{grid-template-columns:1fr;gap:26px}.panel-story h3{font-size:26px}.panel-story p{font-size:16px}.panel-top{font-size:12px}.panel-top span{font-size:10px}.panel-artifacts{padding:23px}.panel-artifacts .deliverables li{font-size:15px}.process-footnote{font-size:11px}.technology-section{margin-top:45px;padding:58px 0}.catalogue-intro h2{font-size:35px}.catalogue-intro p{font-size:17px;text-align:left}.technology-filters{justify-content:start;gap:7px}.technology-filters button{font-size:13px;padding:9px 15px}.technology-status{text-align:left;font-size:12px}.technology-catalogue{gap:13px}.technology-card{padding:0 17px 21px;border-radius:16px}.technology-media{height:104px;width:calc(100% + 34px);margin-left:-17px;margin-right:-17px;margin-bottom:19px}.technology-media img{width:45px;height:45px}.technology-card h3{font-size:19px}.technology-card p{font-size:14px;line-height:1.6}.technology-card .arrow-link{font-size:13px}.technology-note p{font-size:14px}.closing-cta{border-radius:24px}.closing-cta h2{font-size:35px}.closing-art-frame{border-radius:20px}
}
@media(max-width:360px) {
  .refero-hero h1{font-size:34px}.refero-hero .hero-actions{flex-direction:column}.refero-hero .hero-actions .btn{width:100%}.project-picker button{font-size:11px}.workspace-plan{padding:20px}.workspace-table{font-size:11px}.workspace-table tbody th{padding-right:8px}.workspace-bottom>span{font-size:0}.technology-catalogue{grid-template-columns:1fr}.technology-card p{font-size:16px}.technology-card h3{font-size:23px}
}
@media(max-width:600px) { .service-card h3 { min-height:0; } }
@media(prefers-reduced-motion:reduce) {
  .workspace-plan.is-changing,.process-panel:not([hidden]),.technology-card:not([hidden]){animation:none!important}.section-indicator{transition:none}.motion-ready .reveal{transition:none;opacity:1;transform:none}
}

/* Revision 4: readable workspace, service-model comparisons and a focused close. */
.workspace-chrome { font-size:17px; padding:20px 27px; }
.workspace-chrome>span:last-child { font-size:14px; }
.workspace-body { grid-template-columns:.85fr 1.15fr; }
.workspace-caption { font-size:15px; line-height:1.6; }
.workspace-plan { padding:32px; }
.plan-eyebrow { font-size:14px; color:#5e6176; letter-spacing:.065em; }
.workspace-plan h2 { font-size:30px; min-height:0; }
.workspace-plan>p { font-size:17px; max-width:none; min-height:0; }
.workspace-table { font-size:16px; margin-top:26px; }
.workspace-table thead { font-size:14px; color:#655e74; }
.workspace-table tbody th { width:45%; white-space:normal; }
.workspace-table tbody th,.workspace-table td { padding-top:15px; padding-bottom:15px; line-height:1.65; }
.work-dot { height:16px; width:4px; margin-right:7px; }
.workspace-bottom>span { font-size:14px; line-height:1.6; flex-wrap:wrap; }
.workspace-bottom>a { width:42px; height:42px; }
.project-status { font-size:14px; color:#676879; }

#engagement { padding:90px 0 78px; }
.models-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:46px; }
.model-card { --model-accent:#4d5eb6; padding:0 27px 28px; border:1px solid #e0e1ea; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 3px 8px #272a3f04; transition:box-shadow 220ms,border-color 220ms; }
.model-card:nth-child(2) { --model-accent:#56ae88; }
.model-card:nth-child(3) { --model-accent:#56a9d1; }
.model-card.featured { background:#fff; border-color:#e0e1ea; }
.model-card:hover { transform:none; border-color:var(--model-accent); box-shadow:var(--reference-shadow); }
.model-visual { display:flex; align-items:center; gap:16px; margin:0 -27px 28px; padding:25px 24px; min-height:135px; border-top:5px solid var(--model-accent); background:#eceefd; }
.model-card:nth-child(2) .model-visual { background:#e8f7eb; }
.model-card:nth-child(3) .model-visual { background:#e9f5fd; }
.model-visual img { width:64px; height:64px; flex:none; }
.model-visual>span { font-size:14px; line-height:1.6; color:#595767; }
.model-visual strong { display:block; font-size:16px; line-height:1.5; font-weight:500; color:#333; }
.model-card .model-label { font-size:14px; line-height:1.5; margin-bottom:14px; color:#676879; }
.model-label i { background:var(--model-accent); }
.model-card h3 { font-size:27px; font-weight:500; letter-spacing:-.035em; text-wrap:initial; }
.model-card>p { font-size:16px; line-height:1.75; margin-top:15px; min-height:5.25em; }
.model-card ul { gap:14px; margin:25px 0 30px; }
.model-card li { font-size:15px; line-height:1.65; }
.model-card li svg { color:var(--model-accent); }
.model-card .btn { font-size:15px; max-width:none; margin-top:auto; min-height:49px; padding:12px; }
.engagement-help { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:30px; padding:23px 28px; background:#f5f6f8; border-radius:14px; font-size:15px; color:#676879; }
.engagement-help strong { color:#333; font-weight:500; }
.engagement-help .arrow-link { flex:none; font-size:15px; color:#3c4992; }
.models-note { font-size:14px; line-height:1.7; margin-top:22px; }

#faq { background:#f7f8fa; padding:85px 0; }
.faq-grid { display:block; max-width:940px; }
.faq-intro { text-align:center; margin:0 auto 45px; max-width:700px; }
.faq-intro h2 { font-size:44px; }
.faq-intro p { font-size:18px; line-height:1.7; max-width:620px; margin:23px auto 0; }
.faq-list { counter-reset:question; }
.faq-list details { border:1px solid #e2e3ea; border-radius:14px; background:#fff; margin-bottom:12px; overflow:hidden; transition:border-color 180ms,box-shadow 180ms; }
.faq-list details:first-child { border-top:1px solid #e2e3ea; }
.faq-list details[open] { border-color:#7784c8; box-shadow:0 5px 24px #34364306; }
.faq-list summary { display:flex; align-items:center; gap:20px; padding:25px 70px 25px 26px; font-size:18px; font-weight:400; min-height:85px; }
.faq-list summary:before { counter-increment:question; content:counter(question,decimal-leading-zero); color:#77778d; font-size:14px; font-variant-numeric:tabular-nums; flex:none; }
.faq-list summary:after { right:25px; top:25px; width:32px; height:32px; display:grid; place-items:center; border:1px solid #dee0ea; border-radius:50%; background:#f8f9fc; font-size:24px; line-height:1; color:#5d5f6f; }
.faq-list details[open] summary { color:#545d9f; }
.faq-list details[open] summary:after { background:#eff1fe; border-color:#d3d7f1; color:#545d9f; }
.faq-list details p { font-size:17px; line-height:1.8; padding:0 70px 28px 66px; max-width:none; }
.faq-followup { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 20px; margin-top:32px; font-size:16px; color:#676879; }
.faq-followup .arrow-link { font-size:16px; color:#3c4992; }

.connected-section { background:#f0f2fe; padding:85px 0 95px; }
.related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:44px; }
.related-card { display:flex; flex-direction:column; align-items:stretch; padding:0; gap:0; overflow:hidden; background:#fff; border:1px solid #e2e4f1; border-radius:20px; transition:border-color 220ms,box-shadow 220ms; }
.related-card:hover { transform:none; border-color:#6d7bc3; box-shadow:var(--reference-shadow); }
.related-card img { width:100%; height:auto; max-width:none; aspect-ratio:1400/933; object-fit:contain; border-radius:0; background:var(--card-bg); transition:transform 220ms; }
.related-card:hover img { transform:scale(1.025); }
.related-card>div { padding:28px; display:flex; flex:1; flex-direction:column; background:#fff; position:relative; }
.related-card h3 { font-size:25px; line-height:1.35; font-weight:500; text-wrap:initial; letter-spacing:-.025em; }
.related-card p { font-size:17px; line-height:1.7; margin:16px 0 28px; }
.related-card .arrow-link { font-size:16px; margin-top:auto; color:#3c4992; }

.cta-section { padding:0; background:#1c1e31; }
.closing-cta { background:#1c1e31; color:#fff; border-radius:0; overflow:hidden; }
.closing-grid { grid-template-columns:1.15fr .85fr; padding:80px 32px; gap:70px; }
.closing-copy { padding:10px 0; }
.closing-cta .eyebrow { color:#818dcc; font-size:14px; }
.closing-cta h2 { font-size:clamp(42px,4.5vw,60px); line-height:1.15; letter-spacing:-.04em; color:#fff; margin-top:20px; max-width:650px; }
.closing-cta h2 em { font-style:normal; color:#bcfe90; }
.closing-cta p { color:#caccdb; font-size:18px; line-height:1.75; max-width:500px; margin-top:24px; }
.closing-cta .btn { font-size:16px; padding:15px 25px; margin-top:30px; min-height:54px; }
.closing-cta .small-note { font-size:14px; color:#b5b8c9; margin-top:19px; }
.conversation-card { border-radius:24px; overflow:hidden; background:#fff; color:#333; border:1px solid #ffffff20; }
.closing-art-frame { max-width:none; width:100%; border-radius:0; box-shadow:none; background:#eef0fe; }
.closing-art { width:100%; max-width:none; height:auto; aspect-ratio:1400/933; object-fit:contain; }
.conversation-content { padding:27px 30px 30px; }
.conversation-content h3 { font-size:22px; line-height:1.5; font-weight:500; text-wrap:initial; }
.conversation-content ol { list-style:none; display:grid; gap:17px; margin-top:24px; }
.conversation-content li { display:flex; align-items:start; gap:13px; font-size:15px; line-height:1.65; }
.conversation-content li span { color:#646c9f; font-size:13px; border-radius:50%; background:#f0f2fe; width:28px; height:28px; flex:none; display:grid; place-items:center; }

@media(max-width:1100px) {
  .workspace-body{grid-template-columns:1fr 1.15fr}.workspace-plan{padding:27px}.workspace-plan h2{font-size:28px}
  .models-grid,.related-grid{gap:18px}.model-card{padding-left:23px;padding-right:23px}.model-visual{margin-left:-23px;margin-right:-23px;padding-left:20px;padding-right:20px;gap:11px}.model-visual img{width:50px;height:50px}.model-card h3{font-size:25px}.model-card>p{min-height:7em}.related-card>div{padding:24px}.related-card h3{font-size:23px}.closing-grid{gap:45px;padding:65px 32px}
}
@media(max-width:900px) {
  .workspace-body{grid-template-columns:1fr}.workspace-art{max-height:350px;padding-bottom:48px}.workspace-art>img{width:100%;max-width:520px}.workspace-chrome{flex-wrap:wrap;gap:8px 24px}.workspace-chrome>span:last-child{font-size:14px}.workspace-plan{padding:30px}.workspace-plan h2{max-width:none}.workspace-bottom>span{font-size:14px}
  .models-grid{grid-template-columns:1fr;gap:24px;max-width:640px;margin-left:auto;margin-right:auto}.model-card{padding:0 30px 30px}.model-visual{margin:0 -30px 27px;padding:24px 30px;min-height:120px}.model-visual img{width:64px;height:64px}.model-card>p{min-height:0;max-width:none}.model-card .btn{max-width:100%}.model-card h3{font-size:28px}.engagement-help{flex-direction:column;align-items:start;gap:15px;max-width:640px;margin-left:auto;margin-right:auto}.model-card li{font-size:16px}
  .related-grid{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto;gap:25px}.related-card{display:grid;grid-template-columns:.85fr 1.15fr}.related-card img{height:100%;aspect-ratio:auto;object-fit:contain}.related-card h3{font-size:25px}.related-card p{font-size:16px}.closing-grid{grid-template-columns:1fr 1fr;gap:35px}.closing-cta h2{font-size:44px}.closing-cta p{font-size:17px}.conversation-content{padding:23px}.conversation-content h3{font-size:20px}
}
@media(max-width:600px) {
  .workspace-chrome{display:block;padding:18px 22px;font-size:16px}.workspace-chrome>span:last-child{padding-left:16px;margin-top:8px;font-size:14px}.workspace-caption{font-size:14px;bottom:16px}.workspace-art{padding-bottom:48px;max-height:none}.workspace-plan{padding:25px 22px}.plan-eyebrow{font-size:14px}.workspace-plan h2{font-size:28px}.workspace-plan>p{font-size:17px}.workspace-table{font-size:15px;table-layout:fixed}.workspace-table thead{font-size:14px}.workspace-table tbody th{white-space:normal;padding-right:13px;width:46%}.workspace-table td{overflow-wrap:anywhere}.workspace-bottom>span{font-size:14px;gap:0}.workspace-bottom img:last-of-type{margin-right:9px}.workspace-bottom{gap:10px}.project-status{font-size:14px;line-height:1.65;padding:0 8px}
  #engagement,#faq{padding:60px 0}.models-grid{margin-top:30px}.model-card{padding:0 24px 27px}.model-visual{margin-left:-24px;margin-right:-24px;padding:23px 24px}.model-card>p{font-size:17px}.model-card li{font-size:16px}.model-card .btn{font-size:15px}.engagement-help{padding:23px;font-size:16px;line-height:1.7}.engagement-help .arrow-link{font-size:15px}.models-note{font-size:14px}
  .faq-grid{max-width:none}.faq-intro{margin-bottom:30px}.faq-intro h2{font-size:35px}.faq-intro p{font-size:17px;text-align:left}.faq-list summary{font-size:17px;gap:12px;padding:23px 55px 23px 18px;line-height:1.65}.faq-list summary:before{font-size:13px}.faq-list summary:after{right:15px;top:25px;width:28px;height:28px;font-size:22px}.faq-list details p{font-size:16px;padding:0 23px 25px 18px}.faq-followup{font-size:16px;gap:10px;margin-top:27px;text-align:center}
  .connected-section{padding:60px 0}.related-grid{margin-top:32px}.related-card{display:flex}.related-card img{height:auto;aspect-ratio:1400/933}.related-card>div{padding:26px}.related-card h3{font-size:26px}.related-card p{font-size:17px}.related-card .arrow-link{font-size:16px}
  .closing-grid{grid-template-columns:1fr;gap:35px;padding:55px 24px 60px}.closing-cta{border-radius:0}.closing-cta h2{font-size:45px;max-width:none}.closing-cta p{font-size:17px}.closing-cta .btn{font-size:15px;padding:14px 20px}.closing-cta .small-note{font-size:14px}.closing-art-frame{border-radius:0}.conversation-card{max-width:430px;width:100%;margin:auto}.conversation-content{padding:26px}.conversation-content h3{font-size:23px}.conversation-content li{font-size:16px}
}
@media(max-width:360px) {
  .workspace-plan{padding:23px 17px}.workspace-plan h2{font-size:26px}.workspace-bottom>span{font-size:14px}.workspace-table{font-size:15px}.workspace-table tbody th{padding-right:9px}.work-dot{display:none}.workspace-chrome{padding:18px}.workspace-caption{left:10px;right:10px;gap:5px;font-size:14px}.model-visual{gap:12px}.model-visual img{width:52px;height:52px}.model-card{padding-left:21px;padding-right:21px}.model-visual{margin-left:-21px;margin-right:-21px;padding-left:21px;padding-right:21px}.closing-cta h2{font-size:39px}.conversation-content{padding:23px}.conversation-content h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce) {
  .model-card,.related-card,.related-card img,.faq-list details{transition:none}.related-card:hover img{transform:none}
}