/* Webflow — design system / publishing workspace */
.wf-canvas {
  min-height:560px;border:1px solid var(--line);border-radius:28px;background:#f8fbfb;
  box-shadow:var(--shadow);padding:16px;position:relative;overflow:hidden
}
.wf-shell {height:528px;border:1px solid #e0e7ea;border-radius:20px;background:#fff;display:grid;grid-template-columns:78px 1fr 120px;overflow:hidden}
.wf-left {background:#0d1727;padding:12px 9px;display:flex;flex-direction:column;gap:8px}
.wf-left i {height:29px;border-radius:8px;background:rgba(255,255,255,.07)}
.wf-left i:first-child {background:rgba(22,184,173,.32)}
.wf-stage {padding:15px;background:#f2f5f6;display:flex;align-items:center;justify-content:center;position:relative}
.wf-page {width:88%;height:91%;border:1px solid #dde5e8;background:#fff;border-radius:10px;box-shadow:0 10px 35px rgba(15,31,55,.08);overflow:hidden}
.wf-page-nav {height:34px;border-bottom:1px solid #e6ecee;display:flex;align-items:center;padding:0 12px;gap:8px}
.wf-page-nav i {height:5px;width:38px;background:#d4dde1;border-radius:99px}
.wf-page-hero {height:145px;margin:10px;border-radius:9px;background:linear-gradient(135deg,#0d1d31,#0a9189);position:relative;overflow:hidden}
.wf-page-hero::after {content:"";position:absolute;width:105px;height:105px;border:18px solid rgba(255,255,255,.13);border-radius:50%;right:10px;top:12px}
.wf-copy {position:absolute;left:15px;bottom:18px;width:48%;z-index:2}
.wf-copy b,.wf-copy i {display:block;height:7px;border-radius:99px;background:#fff;margin-top:8px}
.wf-copy i {width:72%;background:rgba(255,255,255,.5)}
.wf-card-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 10px}
.wf-card-grid span {height:86px;border-radius:8px;background:#eef2f3;border:1px solid #e1e8eb}
.wf-right {border-left:1px solid #e1e8eb;padding:12px;background:#fafcfc}
.wf-right span {display:block;height:9px;border-radius:99px;background:#dde5e8;margin-bottom:10px}
.wf-right span:nth-child(2){width:76%}.wf-right span:nth-child(4){width:58%}.wf-right span:nth-child(6){width:84%}
.wf-status {position:absolute;right:28px;bottom:27px;padding:11px 13px;border:1px solid #dce5e8;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(15,31,55,.11);font-size:11px;font-weight:800;color:#52616f}
.wf-status::before {content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:7px}
.fit-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-card {padding:28px;border:1px solid var(--line);border-radius:19px;background:#fff}
.fit-card.good {border-color:#bde9e4;background:#f8fdfc}
.fit-card .fit-label {color:var(--brand-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.fit-card h3 {font-size:24px;letter-spacing:-.035em;margin:18px 0 14px}
.fit-card ul {list-style:none;margin:0;padding:0}
.fit-card li {padding:11px 0;border-top:1px solid var(--line);font-size:13px;color:#536171}
.fit-card li::before {content:"→";color:var(--brand-dark);margin-right:8px}
.wf-architecture {
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden
}
.wf-architecture article {min-height:320px;padding:25px 18px;background:rgba(7,43,56,.29)}
.wf-architecture span {color:#8bece5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.wf-architecture h3 {margin:60px 0 8px;font-size:17px}
.wf-architecture p {margin:0;color:rgba(255,255,255,.7);font-size:12px;line-height:1.62}
.cms-layout {display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
.cms-model {padding:28px;border:1px solid var(--line);border-radius:23px;background:#fff}
.cms-title {display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.cms-title strong {font-size:15px}.cms-title span {font-size:9px;color:var(--brand-dark);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.cms-row {display:grid;grid-template-columns:1fr 1.25fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.cms-row b {font-size:12px}.cms-row span {font-size:11px;color:var(--muted)}
.wf-pipeline {display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:30px}
.wf-pipeline article {position:relative;padding:20px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:150px}
.wf-pipeline article:not(:last-child)::after {content:"→";position:absolute;right:-9px;top:50%;color:var(--brand-dark);font-weight:900;z-index:2}
.wf-pipeline span {color:var(--brand-dark);font-size:9px;font-weight:900}
.wf-pipeline b {display:block;margin:35px 0 6px;font-size:13px}
.wf-pipeline p {margin:0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:1040px){.wf-architecture{grid-template-columns:1fr 1fr}.wf-architecture article:last-child{grid-column:1/-1}.cms-layout{grid-template-columns:1fr}.wf-pipeline{grid-template-columns:1fr 1fr 1fr}.wf-pipeline article::after{display:none}}
@media(max-width:680px){.wf-shell{grid-template-columns:50px 1fr}.wf-right{display:none}.fit-grid,.wf-architecture,.wf-pipeline{grid-template-columns:1fr}.wf-architecture article:last-child{grid-column:auto}.cms-row{grid-template-columns:1fr;gap:4px}}