/* A quieter visual rhythm shared by the hero, sample and everyday-work sections. */
.nav .brand { width:112px; padding:0; background:transparent; border-radius:0; box-shadow:none; }
.nav-contact { border:0; background:transparent; padding-right:0; color:#1f638e; font-weight:600; }
.nav-contact:hover { background:transparent; color:#124e77; }
.nav-links { font-weight:550; }
.hero-pill { background:transparent; box-shadow:none; color:#286e9e; font-weight:600; font-size:14px; padding:0; letter-spacing:-.025em; }
.hero h1 { margin-top:18px; }
.hero-copy>p { font-weight:500; }
.hero .button-white { background:#176aa7; color:#fff; border-radius:999px; font-size:14px; font-weight:650; padding:13px 24px; gap:20px; box-shadow:none; }
.hero .button-white:hover { background:#125e98; transform:translateY(-1px); filter:none; }
.hero .button-white>span { font-size:17px; }
.hero-caption { font-weight:400; color:#386f96; margin-top:12px; }
.hero-bottom { border:0; background:#cceeff70; font-weight:500; }
.kicker { color:#628ba7; letter-spacing:.035em; font-weight:550; font-size:12px; }
.section-title h2,h2 { font-weight:750; letter-spacing:-.055em; }
.section-title>p { line-height:1.85; }
.steps-section { background:linear-gradient(180deg,#def2ff,#e8f5fd); }
.steps-section .kicker { color:#628ba7; }
.workflow-section { background:linear-gradient(180deg,#e8f5fd 0%,#f3f9fd 100%); padding-top:76px; }
.workflow-section .section-title { margin-bottom:32px; }
.workflow-section .section-title h2 { font-size:38px; line-height:1.4; }
.workflow-shell { max-width:880px; margin:auto; border:0; box-shadow:none; border-radius:0; background:transparent; overflow:visible; }
.workflow-toolbar { padding:0 0 21px; background:transparent; border:0; }
.case-tabs { gap:22px; }
.case-tab { padding:7px 0; border:0; border-radius:0; color:#7b99ad; font-weight:550; background:none; font-size:13px; }
.case-tab.active,.case-tab:hover { color:#225d87; background:none; box-shadow:none; }
.case-tab.active { box-shadow:0 1px 0 #377eae; font-weight:700; }
.sample-badge { font-size:10px; color:#8ba5b8; }
.workflow-progress { padding:0 0 22px; border:0; gap:12px; }
.workflow-progress li { justify-content:flex-start; gap:7px; color:#9cb0bf; }
.workflow-progress li:not(:last-child)::after { content:''; height:1px; width:20px; background:#d1e3ef; right:9px; }
.workflow-progress b { background:transparent; width:auto; height:auto; color:inherit; font-size:10px; font-weight:500; }
.workflow-progress li[aria-current] b,.workflow-progress li.completed b { background:none; color:inherit; }
.workflow-progress li[aria-current],.workflow-progress li.completed { color:#3a7ba8; font-weight:650; }
.workflow-documents { display:flex; flex-direction:column; min-height:0; gap:12px; }
.source-fold { order:2; }
.source-fold>summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; padding:12px 4px; font-size:11px; color:#7b98ad; }
.source-fold>summary::-webkit-details-marker { display:none; }
.source-fold>summary>span { font-size:18px; font-weight:400; }
.source-fold[open]>summary>span { transform:rotate(45deg); }
.workflow-document { padding:29px 32px; border:0!important; border-radius:17px; background:#ffffff8c; }
.document-result { background:#ffffffd1; border:1px solid #ffffffc9!important; box-shadow:0 8px 35px #3879a405; }
.document-eyebrow { color:#87a1b3; font-size:10px; }
.stage-badge { background:transparent; color:#8da5b7; padding:0; font-weight:400; font-size:9px; }
.workflow-document h3 { font-size:18px; font-weight:650; margin-top:17px; }
.workflow-document pre { min-height:175px; font-size:13px; line-height:2.05; color:#657f92; margin-block:21px; }
.workflow-document mark { background:#e7f2fb; color:#467eaa; font-weight:550; padding:2px 4px; }
.document-foot { border-color:#edf3f8; font-size:10px; line-height:1.8; padding-top:15px; }
.workflow-controls { border:0; padding:15px 0 0; }
.workflow-controls .button { border-radius:999px; box-shadow:none; background:#3b80b1; font-weight:600; font-size:12px; padding:12px 20px; gap:22px; }
.workflow-controls .button:hover { background:#2a6d9d; transform:translateY(-1px); filter:none; }
.workflow-controls .button>span { font-size:16px; }
.workflow-section>.container>.section-note { max-width:880px; margin:19px auto 0; color:#90a7b9; font-size:10px; }
.free-demo { max-width:880px; margin:27px auto 0; border:0; border-top:1px solid #dceaf4; background:transparent; border-radius:0; }
.free-demo>summary { padding:17px 0; font-weight:550; color:#708ca1; }
.work-section { background:#f3f9fd; border:0; padding-top:74px; }
.work-layout { grid-template-columns:.95fr 1.05fr; gap:75px; }
.work-heading h2 { line-height:1.45; font-size:35px; font-weight:750; }
.work-heading>p { margin-top:20px; font-size:14px; color:#7893a7; }
.work-list>article { gap:18px; padding:28px 0; border-color:#dfedf6; }
.work-number { color:#91afc3; font-weight:500; font-size:10px; margin-top:4px; }
.work-list h3 { font-size:18px; font-weight:650; color:#355d78; }
.work-list p { font-size:13px; margin-top:10px; line-height:1.9; color:#819bad; }
@media(max-width:760px) {
 .nav .brand { width:102px; padding:0; border-radius:0; }
 .nav-contact { padding:8px 0; font-size:10px; }
 .hero-pill { font-size:11px; padding:0; }
 .hero .button-white { font-size:12px; padding:12px 21px; border-radius:999px; gap:19px; }
 .hero .button-white>span { font-size:16px; }
 .hero-caption { font-size:9px; }
 .kicker { font-size:10px; }
 .workflow-section { padding-top:55px; padding-bottom:48px; }
 .workflow-section .section-title h2 { font-size:29px; line-height:1.45; }
 .workflow-section .section-title>p { font-size:12px; max-width:260px; margin-inline:auto; }
 .workflow-toolbar { gap:15px; padding-bottom:18px; }
 .case-tabs { gap:21px; }
 .case-tab { font-size:11px; padding:6px 0; }
 .sample-badge { font-size:9px; }
 .workflow-progress { padding:0 0 19px; gap:10px; }
 .workflow-progress li { font-size:9px; gap:5px; }
 .workflow-progress b { font-size:8px; width:auto; height:auto; }
 .workflow-progress li:not(:last-child)::after { width:9px; right:0; }
 .workflow-document { padding:23px 22px; }
 .workflow-document h3 { font-size:16px; font-weight:650; margin-top:14px; }
 .workflow-document pre { font-size:12px; min-height:162px; margin-block:18px; line-height:2; }
 .document-foot { font-size:9px; }
 .document-eyebrow { font-size:9px; }
 .stage-badge { font-size:8px; }
 .workflow-controls { padding-top:13px; }
 .workflow-controls .button { padding:11px 17px; font-size:11px; }
 .workflow-controls>span { font-size:9px; }
 .workflow-section>.container>.section-note { font-size:9px; line-height:1.9; }
 .free-demo>summary { font-size:10px; }
 .free-demo-inner { padding-inline:0; }
 .work-section { padding-top:39px; }
 .work-layout { grid-template-columns:1fr; gap:30px; }
 .work-heading h2 { font-size:29px; line-height:1.45; }
 .work-heading>p { margin-top:15px; font-size:12px; line-height:1.85; }
 .work-list>article { padding:25px 0; gap:14px; }
 .work-list h3 { font-size:16px; font-weight:650; }
 .work-list p { font-size:12px; line-height:1.9; }
 .work-number { margin-top:3px; font-size:9px; }
}
@media(max-width:370px){.case-tabs{gap:16px}.workflow-progress li{font-size:8px}.workflow-progress li:not(:last-child)::after{display:none}.work-heading h2{font-size:27px}}