.line-icon{width:38px;height:38px;color:#008574;flex-shrink:0}.hero{min-height:650px;grid-template-columns:1.05fr 1fr}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-top:45px}.hero-copy .button{align-self:flex-start}.hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.12;letter-spacing:-3px}.hero-foot{margin-top:38px}.visual-hero{display:flex;flex-direction:column;justify-content:center;padding:35px 25px;background:linear-gradient(145deg,#E0EFF2,#EDF4FA);isolation:auto;gap:0}.visual-hero:after{display:none}.visual-label{font-size:9px;letter-spacing:1.6px;color:#426477;align-self:flex-start;margin:0 0 10px}.hero-illustration{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.hero-controls{display:flex;width:100%;gap:7px;margin:18px 0}.hero-controls button{flex:1;border:1px solid #C5DAE1;border-radius:8px;background:#ffffff88;padding:12px 6px;font-size:10px;color:#426477;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px}.hero-controls .line-icon{width:24px;height:24px}.hero-controls button[aria-pressed=true]{background:#142D4E;border-color:#142D4E;color:white}.hero-controls button[aria-pressed=true] svg{color:#70E1D0}.focus-story{width:100%;font-size:13px;text-align:center;min-height:88px}.focus-story>span:first-child{color:#61758a}.focus-story>span:nth-child(2){margin:0 12px;color:#008574}.focus-story strong{color:#008574;font-weight:600}.focus-story p{font-size:11px;line-height:1.7;color:#426477;max-width:360px;margin:10px auto}.concept-caption{font-size:7px;letter-spacing:1.5px;color:#607F92;margin-top:10px}.workflow-demo{grid-column:2/-1;background:#EBF2F7;border:1px solid #D5E3EA;padding:30px;border-radius:16px;margin:20px 0}.demo-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.demo-heading .eyebrow{font-size:9px;margin-bottom:13px}.demo-heading h4{font:500 27px/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:0}.demo-heading p:not(.eyebrow){font-size:13px;line-height:1.7;color:#5F6E80;margin:12px 0}.demo-badge{background:white;border:1px solid #D5E3EA;border-radius:30px;padding:7px 10px;white-space:nowrap;font-size:9px;color:#59788B}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.workflow-steps button{background:white;border:1px solid #D5E3EA;border-radius:9px;padding:16px 8px;color:#426477;font-size:11px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;position:relative}.workflow-steps button>span{position:absolute;right:10px;top:13px;font-size:9px;opacity:.65}.workflow-steps svg{width:26px;height:26px}.workflow-steps button[aria-pressed=true]{background:#142D4E;color:white;border-color:#142D4E}.workflow-steps button[aria-pressed=true] svg{color:#70E1D0}.walkthrough-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.role-pill{font-size:8px;letter-spacing:1.3px;color:#008574}.step-explanation h5{font:500 23px/1.35 Manrope,sans-serif;margin:15px 0;letter-spacing:-.5px}.step-explanation p{font-size:13px;line-height:1.9;color:#5F6E80;min-height:98px}.step-explanation .text-link{margin-top:10px}.demo-screen{background:white;border:1px solid #CBDCE3;border-radius:12px;box-shadow:0 12px 25px #142d4e0d;overflow:hidden;min-height:287px}.demo-toolbar{background:#142D4E;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.demo-screen-brand{font:600 14px Manrope,sans-serif}.demo-screen-brand>span{font:7px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-left:9px;color:#A9E8DE}.demo-dots{font-size:6px;letter-spacing:4px;color:#A9E8DE}.demo-screen-content{padding:22px}.demo-screen-content>p:first-child{font-size:8px;letter-spacing:1.4px;color:#59788B;margin:0 0 12px}.demo-screen h6{font:500 22px Manrope,sans-serif;margin:0 0 22px}.sample-record{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:13px 0;border-top:1px solid #EBF2F7;color:#59788B}.sample-record strong{color:#142D4E;font-size:12px}.demo-status{margin-top:15px;padding:11px;border-radius:6px;background:#E0F4F0;color:#006D60;font-size:10px;text-align:center;line-height:1.6}.sample-note{font-size:8px;color:#61758A;text-align:center;margin:14px 0 0}.demo-mini-chart{display:flex;align-items:end;gap:12px;height:75px;padding-top:18px}.demo-mini-chart span{display:block;flex:1;height:var(--bar);background:#70E1D0;border-radius:4px 4px 0 0}.demo-mini-chart span:nth-child(even){background:#008574}.audience-icon{width:40px;height:40px;margin-bottom:15px;display:block}.cfams-use-grid article{padding:23px 20px;background:#F0F6F9;border:1px solid #D5E3EA;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.cfams-use-grid h5{font-size:16px}.cfams-use-grid p{flex:1}.audience-button{border:0;border-bottom:1px solid #C1D5DA;background:none;color:#008574;font-size:11px;padding:8px 0;margin-top:14px;cursor:pointer}.audience-button span{margin-left:14px}.audience-button[aria-pressed=true]{color:#142D4E;font-weight:700}.cfams-use-grid article:has(button[aria-pressed=true]){border-color:#008574;background:#EAF7F4}.audience-example{display:grid;grid-template-columns:120px 1fr;gap:25px;border:1px solid #B6D5DB;border-radius:12px;background:#fff;padding:25px;margin-top:25px;align-items:center}.audience-art{background:#E0F4F0;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.audience-art svg{width:54px;height:54px}.audience-example .eyebrow{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:12px}.audience-example h5{font:500 23px/1.4 Manrope,sans-serif;margin:0 0 10px;letter-spacing:-.5px}.audience-example p{font-size:13px;line-height:1.8;color:#5F6E80}.audience-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:10px;color:#426477}.audience-flow span{background:#EBF2F7;padding:7px 9px;border-radius:5px}.audience-flow b{color:#008574}.principles .line-icon{display:block;width:45px;height:45px;margin-bottom:22px}.hero-controls button:hover,.workflow-steps button:hover{border-color:#008574}.cfams-capabilities{padding-bottom:0}.cfams-applications{padding-top:40px}@media(max-width:1050px){.hero-copy h1{font-size:53px}.visual-hero{padding:25px 20px}.hero-controls{gap:5px}.hero-controls button{font-size:9px}.workflow-demo{grid-column:1/-1}.demo-heading h4{font-size:26px}.hero-foot{font-size:8px;gap:8px}}@media(max-width:650px){.hero-copy h1{font-size:49px;letter-spacing:-2.3px}.hero-copy{padding-top:40px}.visual-hero{height:auto;min-height:0;padding:25px 20px}.hero-illustration{max-height:280px}.hero-controls button{font-size:10px;padding:12px 6px}.visual-label{font-size:8px}.focus-story{font-size:12px}.workflow-demo{padding:20px 16px;margin:15px 0}.demo-heading{display:block}.demo-badge{display:inline-block;margin-top:5px}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:8px}.workflow-steps button{padding:15px;font-size:11px}.walkthrough-body{grid-template-columns:1fr;gap:25px}.step-explanation p{min-height:0}.demo-screen{min-height:0}.audience-example{grid-template-columns:1fr;gap:16px;padding:23px}.audience-art{width:70px;height:70px}.audience-art svg{width:38px;height:38px}.audience-example h5{font-size:22px}.cfams-applications{padding-top:30px}.hero-foot{display:none}.principles .line-icon{width:38px;height:38px}.hero-controls{margin-top:10px}}
 .cfams-use-grid article{position:relative;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.audience-button::after{content:"";position:absolute;inset:0;border-radius:12px}.cfams-use-grid article:hover{border-color:#008574;box-shadow:0 5px 18px #142D4E0D}.cfams-use-grid article:has(.audience-button:focus-visible){outline:3px solid #008574;outline-offset:4px}.audience-button:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.cfams-use-grid article{transition:none}}
.cfams-use-grid{align-items:start}.cfams-use-grid>article{min-height:350px}.cfams-use-grid article .audience-example{display:block;width:100%;padding:16px 12px;margin-top:18px;border:1px solid #B6D5DB;background:#fff;cursor:default}.cfams-use-grid article .audience-art{display:none}.cfams-use-grid article .audience-example h5{font-size:16px;line-height:1.5;margin:0 0 10px;letter-spacing:0}.cfams-use-grid article .audience-example p{font-size:12px;line-height:1.8;margin:0}.cfams-use-grid article .audience-example .eyebrow{font-size:7px;line-height:1.6;letter-spacing:.8px;margin-bottom:10px}.cfams-use-grid article .audience-flow{font-size:9px;gap:6px;margin-top:12px}.cfams-use-grid article .audience-flow span{padding:6px 7px}@media(max-width:650px){.cfams-use-grid>article{min-height:0}.cfams-use-grid article .audience-example{padding:18px}.cfams-use-grid article .audience-example h5{font-size:18px}}