.feature-depth-page { background: #fff; }
.fd-family-index { max-width: 1440px; margin: 0 auto; padding: 90px clamp(22px, 5vw, 80px); }
.fd-family-index > h2 { max-width: 14ch; margin: 0 0 30px; font: 500 clamp(2.25rem, 4.3vw, 64px)/1.04 var(--font-display, "Newsreader", serif); letter-spacing: -.03em; }
.fd-family-index > p { max-width: 68ch; margin: 0 0 45px; font: 400 1.125rem/1.6 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-family-index ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d5dfdb; }
.fd-family-index li { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 10px 60px; padding: 34px 0 39px; border-bottom: 1px solid #d5dfdb; }
.fd-family-index li > strong { grid-row: 1 / 4; font: 500 clamp(1.875rem, 3.2vw, 48px)/1.07 var(--font-display, "Newsreader", serif); letter-spacing: -.025em; color: #0e2c2e; }
.fd-family-index li > span { font: 600 1.125rem/1.4 var(--font-ui, 'Public Sans', sans-serif); color: #0e2c2e; }
.fd-family-index li > p { max-width: 62ch; margin: 0; font: 400 1.0625rem/1.55 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-family-index li > a { justify-self: start; margin-top: 8px; font: 600 0.9375rem/1.4 var(--font-ui, 'Public Sans', sans-serif); color: #0e654a; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }
.ft-deep-link { display: inline-flex; align-items: center; margin-top: 16px; font: 650 0.9375rem/1.4 var(--font-ui, 'Public Sans', sans-serif); color: #0e654a; text-decoration: underline; text-underline-offset: 5px; }
.nt-group-links{display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:13px}
.nt-group-links a{color:#0e654a;font:650 0.9375rem/1.4 var(--font-ui,'Public Sans',sans-serif);text-decoration:underline;text-underline-offset:4px}
.nt-group-links a:focus-visible{outline:3px solid #0e654a;outline-offset:4px}
.fd-family-index a:focus-visible, .ft-deep-link:focus-visible { outline: 3px solid #0e654a; outline-offset: 4px; }
.feature-depth-page .fd-hero,
.feature-depth-page .fd-path,
.feature-depth-page .fd-handoff,
.feature-depth-page .fd-cta { max-width: 1440px; margin-inline: auto; }
.fd-hero { padding: clamp(72px, 10vw, 150px) clamp(22px, 5vw, 80px) 70px; }
.fd-hero nav { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; font: 500 0.9375rem/1.4 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-hero nav a { color: #117957; text-underline-offset: 4px; }
.foundation-page .fd-hero h1 { max-width: 13ch; margin: 0; font: 500 clamp(3rem, 7.2vw, 100px)/.99 var(--font-display, "Newsreader", serif); letter-spacing: -.035em; color: #0e2c2e; text-wrap: balance; }
.fd-hero > p { max-width: 780px; margin: 27px 0 0; font: 400 clamp(1.125rem, 1.55vw, 23px)/1.48 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 34px; }
.fd-path { padding: 0 clamp(22px, 5vw, 80px) 88px; }
.fd-path ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5dfdb; }
.fd-path li { display: grid; grid-template-columns: minmax(90px, .35fr) minmax(0, 2fr); gap: 32px; align-items: baseline; border-bottom: 1px solid #d5dfdb; padding: 22px 0 26px; }
.fd-path li > span { font: 600 0.9375rem/1.4 var(--font-ui, 'Public Sans', sans-serif); text-transform: uppercase; letter-spacing: .08em; color: #117957; }
.fd-path h2 { margin: 0 0 7px; font: 500 clamp(1.5625rem, 2.5vw, 38px)/1.1 var(--font-display, "Newsreader", serif); letter-spacing: -.02em; }
.fd-path p { max-width: 65ch; margin: 0; font: 400 1.0625rem/1.55 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-experience { scroll-margin-top: 90px; }
.fd-experience > .ft-lead,
.fd-experience > .aw-section { margin-inline: auto; }
.fd-experience .ft-lead-heading { scroll-margin-top: 90px; }
.fd-handoff { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 70px; padding: 80px clamp(22px, 5vw, 80px); border-top: 1px solid #d5dfdb; }
.fd-handoff span { font: 600 0.9375rem/1.4 var(--font-ui, 'Public Sans', sans-serif); color: #117957; }
.fd-handoff h2 { max-width: 11ch; margin: 18px 0 0; font: 500 clamp(2.4375rem, 4vw, 60px)/1.04 var(--font-display, "Newsreader", serif); letter-spacing: -.03em; }
.fd-handoff > p { align-self: end; max-width: 60ch; margin: 0; font: 400 1.125rem/1.55 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-handoff > a { grid-column: 2; justify-self: start; }
.fd-cta { padding: 85px clamp(22px, 5vw, 80px) 105px; background: #e1f7e2; border-radius: 20px 20px 0 0; }
.fd-cta h2 { max-width: 12ch; margin: 0; font: 500 clamp(2.5rem, 5vw, 70px)/1.03 var(--font-display, "Newsreader", serif); letter-spacing: -.03em; }
.fd-cta p { max-width: 62ch; margin: 20px 0 28px; font: 400 1.125rem/1.55 var(--font-ui, 'Public Sans', sans-serif); color: #4f6466; }
.fd-hero :focus-visible, .fd-handoff :focus-visible, .fd-cta :focus-visible { outline: 3px solid #117957; outline-offset: 4px; }
@media (max-width: 760px) {
  .fd-family-index { padding: 60px 22px; }
  .fd-family-index > p { font-size:1.0625rem; }
  .fd-family-index li { grid-template-columns: 1fr; gap: 8px; }
  .fd-family-index li > strong { grid-row: auto; font-size:2.25rem; margin-bottom: 8px; }
  .fd-family-index li > a { margin-top: 5px; }
  .fd-hero { padding: 54px 22px 48px; }
  .foundation-page .fd-hero h1 { font-size: clamp(36px, 10vw, 64px); }
  .fd-hero > p { font-size:1.0625rem; }
  .fd-path { padding: 0 22px 60px; }
  .fd-path li { grid-template-columns: 1fr; gap: 7px; padding: 21px 0; }
  .fd-handoff { grid-template-columns: 1fr; padding: 60px 22px; gap: 20px; }
  .fd-handoff > a { grid-column: 1; }
  .fd-cta { padding: 65px 22px 75px; border-radius: 20px 20px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-depth-page *, .feature-depth-page *::before, .feature-depth-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Agentic CRM connective tissue on the primary features page. */
.ft-agentic-network{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,96px);max-width:1440px;margin:0 auto;padding:clamp(80px,10vw,150px) clamp(22px,5vw,80px);border-top:1px solid #d7e1d9;color:#0e2c2e}
.ft-agentic-intro{align-self:start;position:sticky;top:100px}.ft-agentic-intro h2{max-width:12ch;margin:22px 0;font:500 clamp(2.625rem,4.5vw,68px)/1.01 'Newsreader',Georgia,serif;letter-spacing:-.035em}.ft-agentic-intro p{max-width:46ch;color:#4f6466;font:400 1.0625rem/1.65 'Public Sans',Arial,sans-serif}.ft-agentic-intro a{display:inline-flex;gap:14px;align-items:center;margin-top:20px;padding-bottom:8px;border-bottom:1px solid #117957;color:#117957;text-decoration:none;font:700 0.9375rem 'Public Sans',Arial,sans-serif}.ft-agentic-lines{border-top:1px solid #bacdc4}.ft-agentic-lines>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px 28px;padding:25px 0;border-bottom:1px solid #bacdc4}.ft-agentic-lines span{grid-row:span 2;padding-top:6px;color:#117957;font:700 0.8125rem 'Public Sans',Arial,sans-serif;letter-spacing:.1em}.ft-agentic-lines strong{font:500 1.625rem/1.1 'Newsreader',Georgia,serif}.ft-agentic-lines p{max-width:42ch;margin:0;color:#4f6466;font:400 0.9375rem/1.5 'Public Sans',Arial,sans-serif}
@media(max-width:760px){.ft-agentic-network{display:block;padding:72px 20px}.ft-agentic-intro{position:static;margin-bottom:36px}.ft-agentic-intro h2{font-size:2.9375rem}.ft-agentic-lines>div{grid-template-columns:1fr;gap:8px}.ft-agentic-lines span{grid-row:auto}}

/* Phone-sized product scenes use a composed app view instead of a tall desktop canvas. */
.aw-chapter-links{display:flex;flex-wrap:wrap;gap:4px 22px}
@media(max-width:600px){
  .aw-chapter-links{gap:2px 16px}
  .aw-chapter-links .ft-deep-link{margin-top:12px;font-size:0.9375rem}
  .ft-jump{scroll-snap-type:x proximity;scroll-padding-inline:22px}
  .ft-jump a{scroll-snap-align:start}
  .aw-section .ft-flagship .ft-stage{padding:12px}
  .aw-section .ap-modulebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 10px}
  .aw-section .ap-modulebar>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:0.9375rem}
  .aw-section .ap-modulebar .ap-module-action{display:inline-flex;grid-column:2;grid-row:1;align-items:center;margin:0;font-size:0.875rem;min-height:27px}
  .aw-section .ap-modulebar .ap-tabs{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;margin:0;overflow-x:auto}
  .aw-section .ap-modulebar .ap-tabs span{font-size:0.875rem;padding:6px 8px}
  .aw-section .ap-modulebar .ap-tabs .is-current{order:-1}
  .aw-section .aw-app{font-size:0.9375rem}
  .aw-section .aw-agent-app{height:540px;min-height:540px}
  .aw-section .ft-canvas.ft-agent-studio{height:540px;min-height:540px}
  .aw-section .aw-topbar{height:46px;gap:8px;padding-inline:10px}
  .aw-section .aw-topbar>strong{font-size:0.9375rem;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .aw-section .aw-top-actions{gap:5px}
  .aw-section .aw-top-actions button{font-size:0.875rem;padding:5px 7px}
  .aw-section .aw-status{font-size:0.875rem;padding:4px 6px}
  .aw-section .aw-rail button{font-size:0.875rem;padding:8px 10px}
  .aw-section .aw-toolstrip span{font-size:0.875rem}
  .aw-section .aw-editor p,.aw-section .aw-editor li{font-size:0.9375rem}
  .aw-section .aw-view-head p,.aw-section .aw-message{font-size:0.9375rem!important}
  .aw-section .aw-tool-table>div{font-size:0.875rem;grid-template-columns:minmax(0,35%) minmax(0,1fr) 26px;gap:6px}
  .aw-section .aw-tool-table .aw-table-head{font-size:0.875rem}
  .aw-section .aw-test-view{overflow:auto}
  .aw-section .aw-prompt-view,.aw-section .aw-tools-view{overflow-y:auto}
  .aw-section .aw-sim-grid{gap:8px}
  .aw-section .aw-sim-chat,.aw-section .aw-sim-receipt{padding:10px;min-height:0}
  .aw-section .aw-sim-chat .aw-message:nth-of-type(-n+3){display:none}
  .aw-section .aw-sim-chat .aw-sim-label::after{content:' · Latest reply';letter-spacing:0;text-transform:none}
  .aw-section .aw-sim-chat .aw-message{margin:6px 0!important;padding:7px 9px!important}
  .aw-section .aw-sim-receipt dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:2px 7px;margin:6px 0 0;padding-top:7px;font-size:0.875rem}
  .aw-section .aw-sim-receipt dd{font-size:0.875rem;overflow-wrap:anywhere}
  .aw-section .aw-sim-receipt>strong{margin:4px 0;font-size:0.9375rem}
  .aw-section .aw-sim-receipt{position:relative}
  .aw-section .aw-sim-receipt .aw-review{position:absolute;top:8px;right:9px;margin:0;padding:3px 5px;font-size:0.875rem}
  .aw-section .ft-canvas.ft-flow-studio,.aw-section .aw-flow-app{height:420px;min-height:420px}
  .aw-section .aw-flow-app .aw-workarea{grid-template-rows:42px minmax(0,1fr);height:100%}
  .aw-section .aw-flow-app .aw-rail{height:42px;padding-block:3px}
  .aw-section .aw-canvas-top{top:9px;left:10px;right:10px;font-size:0.875rem}
  .aw-section .aw-canvas-top span{padding:5px 6px}
  .aw-section .aw-flow-frame{top:55px;bottom:12px;left:9px;right:9px;padding:9px}
  .aw-section .aw-flow-heading{font-size:0.875rem}
  .aw-section .aw-nodes{margin-top:25px;gap:0}
  .aw-section .aw-node{width:min(100%,215px);min-height:66px;padding:7px 10px}
  .aw-section .aw-node small{font-size:0.875rem}
  .aw-section .aw-node strong{font-size:0.9375rem;margin:4px 0 2px}
  .aw-section .aw-node span{font-size:0.875rem}
  .aw-section .aw-connector,.aw-section .aw-flow-app .aw-connector{height:15px}
  .aw-section .ft-scene[data-scene="flow-studio"][data-state="0"] :is(.aw-node.classify,.aw-node.action,.aw-connector.two),
  .aw-section .ft-scene[data-scene="flow-studio"][data-state="1"] :is(.aw-node.action,.aw-connector.two){visibility:visible!important;opacity:.38!important}
  .aw-section .ft-scene[data-scene="flow-studio"][data-state="0"] :is(.aw-node.classify,.aw-node.action),
  .aw-section .ft-scene[data-scene="flow-studio"][data-state="1"] .aw-node.action{clip-path:none!important;transform:none!important}
  .aw-section .aw-flow-bottom{display:flex;bottom:7px;left:10px;right:10px;font-size:0.875rem}
  .aw-section .aw-flow-bottom span:last-child{display:none}
  .aw-section .aw-mini-map{display:none}
  #panel-workflows .ft-flow-canvas{padding:14px 12px}
  #panel-workflows .ft-flow-node{width:min(100%,250px);min-width:0;padding:8px 10px}
  #panel-workflows .ft-flow-node>span{font-size:0.875rem}
  #panel-workflows .ft-flow-node>strong{font-size:0.9375rem;margin:3px 0}
  #panel-workflows .ft-flow-node>small{font-size:0.875rem}
  #panel-workflows .ft-flow-line{height:13px}
  #panel-workflows .ft-flow-branches{margin-top:9px;gap:8px;max-width:100%}
  #panel-workflows .ft-flow-branches>div>span{font-size:0.875rem;margin-bottom:5px;color:#366d91}
  #panel-workflows .ft-flow-branches .ft-flow-node{width:100%;min-height:60px;padding:8px}
  #panel-workflows .ft-flow-result{margin-top:10px;font-size:0.875rem;color:#117957}
  #panel-workflows .ft-flow-inspector{padding:13px 16px}
  #panel-workflows .ft-flow-inspector ol{margin:7px 0}
  #panel-workflows .ft-flow-inspector li{padding:6px 0;font-size:0.875rem}
  #panel-workflows .ft-flow-inspector li b{font-size:0.875rem}
  #panel-workflows .ft-flow-inspector>p{margin-top:8px;font-size:0.875rem}
  #panel-workflows .ft-flow-node.ft-worker{width:min(100%,250px);min-height:58px;padding:7px 10px;grid-template-columns:28px minmax(0,1fr)}
  #panel-workflows .ft-flow-node.ft-worker>img{width:28px;height:28px}
}