/* SoduWork — one visual language from the hero to the final action. */
:root{
  --paper:#f6f8fe;--paper-2:#eef2fc;--sheet:#fff;
  --ink:#191d2b;--ink-2:#475569;--ink-3:#64748b;
  --blue:#6377ed;--cyan:#7498f5;--violet:#8b67ec;--seal:#8b67ec;
  --line:#e5eaf5;--line-soft:#edf0f7;--grid:rgba(105,126,228,.045);
  --grad:linear-gradient(105deg,#5c7afa,#8b65ee 75%,#bf60e4);
}
.page-content{background:#fff}
.section-space{padding-block:112px}
.section-space+.section-space{border-top:0}
.section-label.eyebrow{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.5px;line-height:1.6;color:#6d65af;border-radius:999px;padding:6px 14px;background:#f1effc}
.section-label.eyebrow:before{display:none}
.soft-gradient{background:linear-gradient(100deg,#547afa,#8b68ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.section-intro,.section-heading,.ecosystem-heading{display:block;text-align:center;max-width:940px;margin:0 auto 64px}
.section-intro h2,.section-heading h2,.ecosystem-heading h2{margin-top:17px;font-size:42px;font-weight:700;line-height:1.45;letter-spacing:-1px}
.section-intro p,.section-heading p,.ecosystem-heading p{margin-top:18px;font-size:16px;line-height:1.9;color:#666c7a;font-weight:400}
.text-link{font-size:14px;font-weight:500;color:#6168b5;border:0;gap:10px;padding:7px 0}
.text-link:hover{color:#5c64cf}
.text-link span{transition:transform .2s}
.text-link:hover span{transform:translateX(4px)}
.sw-button{border-radius:999px}
.sw-button.primary{background:linear-gradient(105deg,#596ffa,#8b65ee 70%,#c25ae4);border:1px solid transparent;box-shadow:0 8px 22px #8477d519}
.sw-button.primary:hover{background:linear-gradient(105deg,#4e66f3,#8059e6 70%,#b84ddc);box-shadow:0 10px 26px #8477d52b}
.sw-button.ghost{border-color:#a0a6bc;color:#6269a9;background:#fff}
.sw-button.ghost:hover{border-color:#717ab9;color:#5b68c5;background:#f8f9ff}

/* The benefits sit gently between the first preview and the feature story. */
.hero .value-strip{margin-top:50px;margin-bottom:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:30px;padding-bottom:64px}
.hero .value-strip>div{padding:15px 20px;align-items:center;justify-content:center}
.hero .value-strip>div+div:before{display:none}
.value-icon{background:#eaf0ff;border:0;color:#606a9d;border-radius:13px;width:43px;height:43px}
.value-strip h3{font-size:15px;color:#626d83;font-weight:600}
.value-strip p{font-size:12px;line-height:1.8;color:#676c79}

/* Workflow: a soft, large product demonstration next to four selectable steps. */
.intro{background:#fff}
.workflow-grid{grid-template-columns:.86fr 1.14fr;gap:74px;align-items:center}
.workflow-story{padding:7px 0}
.workflow-tabs{border:0;gap:8px}
.workflow-tabs button{padding:23px 20px;border:1px solid transparent;border-radius:15px;gap:16px}
.workflow-tabs button:before{display:none}
.workflow-tabs button>span{background:#f4f6fd;border:0;color:#666c7d;border-radius:50%;width:34px;height:34px;font-family:var(--font-body);font-size:12px;font-weight:500}
.workflow-tabs button h3{font-size:17px;font-weight:600;line-height:1.5;color:#626a7e}
.workflow-tabs button p{font-size:13px;line-height:1.8;color:#676c77;margin-top:5px}
.workflow-tabs button>b{font-family:var(--font-body);font-size:20px;color:#676c7a;opacity:0}
.workflow-tabs button:hover{background:#fafbff}
.workflow-tabs button[aria-selected=true]{border:1px solid #e4e7fa;background:linear-gradient(105deg,#f1f4ff,#f6f3ff);box-shadow:none;border-radius:15px}
.workflow-tabs button[aria-selected=true]>span{background:#e0e7ff;border:0;color:#5d6aad}
.workflow-tabs button[aria-selected=true] h3{color:#5d69b7}
.workflow-tabs button[aria-selected=true] b{opacity:1;transform:none;color:#656a97}
.workflow-explore{margin:21px 0 0 70px}
.workflow-visual{min-height:535px;border:0;border-radius:30px;padding:27px 36px 25px;background:radial-gradient(ellipse at 15% 5%,#dceaff90,transparent 68%),linear-gradient(140deg,#edf1ff,#f1edfe);box-shadow:none;overflow:visible}
.preview-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#646d7f;letter-spacing:.2px;margin-bottom:22px;gap:10px}
.preview-topline>span{display:flex;align-items:center;gap:7px}
.preview-topline i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#a2b3eb}
.preview-topline small{font-size:10px;white-space:nowrap}
.floating-tag{align-self:center;background:#ffffffc9;border:1px solid #ffffffd9;box-shadow:none;padding:7px 15px;font-family:var(--font-body);font-size:11px;line-height:1.6;font-weight:500;letter-spacing:0;color:#666b88;gap:7px}
.floating-tag .live-dot{animation:none;background:#a6b4e6;width:5px;height:5px;box-shadow:none}
.standards-card{margin-top:18px;border:1px solid #fff;border-radius:17px;background:#ffffffed;padding:24px 26px;box-shadow:0 15px 35px #7480bd0d;transform:rotate(-1deg)}
.standards-top{font-family:var(--font-body);color:#666c7a;font-size:11px;letter-spacing:0;font-weight:400}
.document-icon{border:0;background:#f0f3ff;color:#636c89;border-radius:8px;width:29px;height:29px}
.standards-top small{border:0;background:#f4f5fc;color:#676c78;font-family:var(--font-body);font-size:9px;font-weight:400;padding:4px 7px;letter-spacing:0}
.standards-card h3{font-size:20px;margin-top:17px;color:#616d86;font-weight:600}
.standard-row{padding:13px 0;border-bottom:1px solid #f0f2f8;font-size:13px;gap:12px}
.standard-row span{font-family:var(--font-body);font-size:11px;color:#686c77;letter-spacing:0;width:80px}
.standard-row b{font-weight:500;color:#636d80}
.standard-row i{width:17px;height:17px;font-size:10px;border:0;background:#eaf7f0;color:#5a7268}
.standard-footer{font-family:var(--font-body);font-size:10px;border-top:0;padding-top:0;margin-top:15px;color:#676c79;letter-spacing:0;line-height:1.8}
.standard-footer>span{color:#626c8a}
.visual-caption{padding-top:19px;margin-top:0;text-align:center}
.visual-caption p{font-size:11px;line-height:1.9;color:#656c81;margin-top:0;max-width:none}
.workflow-mini-track{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:20px;font-size:9px;color:#676c7c}
.workflow-mini-track span{border-radius:999px;padding:5px 9px;white-space:nowrap;transition:background .25s,color .25s}
.workflow-mini-track .active{background:#ffffffb0;color:#646b8a}
.workflow-mini-track i{width:12px;height:1px;background:#ced7ee}

/* Alternating full-width features, with custom light product illustrations. */
.capabilities{background:#fff;padding-top:70px}
.capabilities .section-heading{margin-bottom:78px}
.capability-grid{display:flex;flex-direction:column;gap:96px}
.cap-card.feature-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;grid-row:auto;grid-column:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
.cap-card.feature-row:before{display:none}
.cap-card.feature-row:hover{transform:none;box-shadow:none;border:0}
.feature-reverse .card-copy{order:2}
.feature-reverse .feature-canvas{order:1}
.feature-index{font-family:var(--font-body);font-size:12px;font-weight:400;color:#6e688a;letter-spacing:.5px}
.feature-index:before{display:none}
.feature-row .card-copy h3{font-size:35px;line-height:1.5;letter-spacing:-.8px;font-weight:700;color:#303443;margin-top:16px;text-wrap:initial}
.feature-row .card-copy>p{font-size:15px;line-height:1.95;color:#666c79;max-width:30em;margin-top:18px}
.feature-points{display:flex;flex-direction:column;gap:11px;margin-top:23px}
.feature-points li{display:flex;align-items:center;gap:10px;color:#666c79;font-size:13px;line-height:1.8}
.feature-points li:before{content:'✓';display:grid;place-items:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;color:#646b8c;background:#f0f3ff;font-size:9px}
.feature-row .text-link{margin-top:24px}
.feature-canvas{position:relative;min-width:0;border-radius:30px;padding:32px;background:#f1f2ff;min-height:385px;isolation:isolate;overflow:hidden}
.canvas-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#666c7f;margin-bottom:27px}
.canvas-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#a5b3e4}
.model-canvas{background:radial-gradient(ellipse at 100% 100%,#e9dffc85,transparent 70%),linear-gradient(135deg,#e9f1fe,#f0edfc);padding:29px 36px 35px}
.model-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.model-sources>span{display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffffa8;border:1px solid #ffffffd6;border-radius:11px;padding:12px 5px;color:#646c81;font-size:11px;white-space:nowrap}
.model-sources i{display:flex;font-style:normal;color:#636c8b}
.model-sources .icon{width:16px;height:16px}
.model-routing-lines{height:28px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;justify-items:center;max-width:81%;margin:auto}
.model-routing-lines:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#bdc9ec8c}
.model-routing-lines i{width:1px;height:100%;background:#bdc9ec8c}
.model-routing-lines.bottom:after{top:0;bottom:auto}
.model-hub{display:flex;align-items:center;gap:15px;padding:20px 24px;background:#ffffffd9;border:1px solid #fff;border-radius:15px;box-shadow:0 14px 30px #7283b50a;position:relative;z-index:1}
.model-hub img{width:37px;height:37px;flex-shrink:0;opacity:.85}
.model-hub b{display:block;color:#646a95;font-size:22px;line-height:1.4;letter-spacing:-.5px;font-weight:650}
.model-hub div>span{display:block;font-size:10px;letter-spacing:.5px;margin-top:3px;color:#696c79}
.hub-spark{display:flex;margin-left:auto;color:#6c6b7b}
.hub-spark .icon{width:25px;height:25px}
.agent-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.agent-roles>div{display:flex;flex-direction:column;align-items:center;padding:16px 6px;background:#ffffff9c;border:1px solid #ffffffb8;border-radius:11px;text-align:center;min-width:0}
.agent-roles>div>span{color:#666b85;margin-bottom:8px}
.agent-roles b{font-size:11px;font-weight:500;color:#656c84}
.agent-roles small{font-size:9px;color:#686c7a;margin-top:3px}
.approval-canvas{padding:42px 38px 25px;background:linear-gradient(145deg,#edf0ff,#f4eefd)}
.review-floating{display:flex;align-items:center;gap:10px;margin:0 0 -17px 18px;position:relative;z-index:2;transform:rotate(-3deg);background:#fffffff0;border:1px solid #fff;box-shadow:0 10px 20px #8c81b50a;border-radius:11px;width:max-content;padding:11px 17px}
.review-floating>span{background:#f0ecff;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;color:#73678e}
.review-floating .icon{width:16px;height:16px}
.review-floating b{display:block;font-size:11px;color:#6f6983;font-weight:500}
.review-floating small{font-size:9px;color:#6f6a79;display:block;margin-top:2px}
.review-document{border:1px solid #fff;background:#ffffffde;border-radius:17px;padding:33px 25px 21px;box-shadow:0 15px 35px #8c81b50a}
.review-document-head{display:flex;gap:9px;align-items:center;padding-bottom:17px;border-bottom:1px solid #f0edf8;min-width:0}
.review-document-head>span:first-child{display:grid;place-items:center;width:31px;height:35px;background:#f1f0fc;border-radius:8px;color:#6f6983;flex-shrink:0}
.review-document-head .icon{width:16px;height:16px}
.review-document-head b{display:block;font-size:12px;font-weight:600;color:#6d6a7c}
.review-document-head small{display:block;font-size:9px;color:#6d6a77;margin-top:3px}
.review-status{margin-left:auto;border-radius:999px;background:#f5f0ff;color:#746788;font-size:9px;padding:5px 9px;white-space:nowrap}
.review-check{display:flex;align-items:center;gap:9px;margin-top:18px}
.review-check>i{font-style:normal;font-size:9px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#5f706d;background:#eff7f4;flex-shrink:0}
.review-check b{font-size:10px;font-weight:500;color:#6e6a7a;display:block}
.review-check div>span{font-size:9px;color:#6d6b75;display:block;margin-top:4px}
.review-person{display:flex;align-items:center;gap:8px;background:#faf9fe;border-radius:8px;padding:10px 11px;margin-top:19px}
.person-avatar{background:#eae8f9;color:#6f6985;border:2px solid #fff;display:grid;place-items:center;border-radius:50%;width:27px;height:27px;font-size:10px}
.review-person b{font-size:10px;font-weight:500;color:#6e6a7a;display:block}
.review-person small{font-size:8px;display:block;color:#6d6b76;margin-top:2px}
.review-person>span:last-child{font-size:9px;color:#6f6a7a;margin-left:auto}
.review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.review-actions span{border:1px solid #eeebf7;border-radius:6px;padding:7px 10px;font-size:9px;color:#6f6a7b;background:#fff}
.review-actions span:last-child{background:linear-gradient(100deg,#c4cdf4,#cbbaf0);border-color:transparent;color:#fff}
.canvas-note{margin-top:19px;text-align:center;font-size:9px;color:#6f697d;line-height:1.8}
.trace-canvas{background:linear-gradient(145deg,#e9f2ff,#f0f2fe);padding:38px 32px 24px}
.trace-window{border:1px solid #fff;border-radius:15px;background:#ffffffdc;overflow:hidden;box-shadow:0 15px 35px #768abc0a}
.trace-window-head{display:flex;align-items:center;gap:8px;padding:20px 22px 15px;color:#656c7e}
.trace-window-head>span:first-child{display:flex}
.trace-window-head .icon{width:15px;height:15px}
.trace-window-head b{font-size:12px;font-weight:500}
.trace-window-head>span:last-child{font-size:9px;margin-left:auto;color:#686c76}
.trace-window-tabs{display:flex;gap:24px;font-size:10px;color:#676c77;border-bottom:1px solid #f0f3fa;padding-inline:22px}
.trace-window-tabs>*{padding:7px 0 11px}
.trace-window-tabs b{color:#636c85;font-weight:500;border-bottom:2px solid #b3c1ef}
.evidence-timeline{padding:11px 22px 13px}
.evidence-timeline>div{display:flex;gap:10px;align-items:center;position:relative;padding:11px 0}
.evidence-timeline>div+div:before{content:'';position:absolute;left:13px;top:-8px;width:1px;height:16px;background:#e7edf8}
.evidence-avatar{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:#636c84;font-size:10px;flex-shrink:0}
.evidence-avatar.ai{background:#f2efff;color:#6f6984}
.evidence-avatar.check{background:#eef8f5;color:#5e706d}
.evidence-avatar .icon{width:13px;height:13px}
.evidence-timeline section{flex:1;min-width:0}
.evidence-timeline b{font-size:10px;font-weight:500;color:#656c7c;display:block}
.evidence-timeline p{font-size:9px;line-height:1.8;color:#686c76;margin-top:3px}
.evidence-timeline time{font-family:var(--font-body);font-size:8px;color:#696c74}
.evidence-files{display:flex;align-items:center;gap:8px;margin:0 21px 21px;padding:10px 12px;background:#f5f7fd;border:1px solid #eef1f9;border-radius:8px;color:#666c7a;font-size:9px}
.evidence-files .icon{width:12px;height:12px}
.evidence-files b{font-weight:400}
.evidence-files>span:last-child{font-size:8px;color:#686c76;margin-left:auto;white-space:nowrap}

/* Scenarios: four comfortable tabs and a light application preview. */
.scenarios{background:linear-gradient(180deg,#f8f9ff,#f7f9ff 75%,#fbfcff)}
.scenario-tabs{justify-content:center;gap:14px;margin-bottom:49px}
.scenario-tabs button{border:1px solid #e8ebf8;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:400;color:#676c7b;background:#fff}
.scenario-tabs button>span{background:transparent;color:#676c7c;width:22px;height:22px}
.scenario-tabs button[aria-selected=true]{background:linear-gradient(105deg,#7786ee,#aa85e8);border-color:transparent;box-shadow:0 6px 14px #8e8ad91a;color:#fff}
.scenario-tabs button[aria-selected=true]>span{background:transparent;color:#fff}
.scenario-tabs button:hover{border-color:#9299c0}
.scenario-panel{grid-template-columns:.85fr 1.15fr;gap:68px;border:0;padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;min-height:370px}
.scenario-panel:before{display:none}
.scenario-counter{font-size:10px;letter-spacing:1.7px;color:#696b7c;font-weight:400}
.scenario-copy h3{font-size:34px;line-height:1.5;color:#4f586f;margin-top:18px;font-weight:650;letter-spacing:-.6px;text-wrap:initial}
.scenario-copy p{font-size:14px;line-height:1.95;color:#666c7b;margin-top:18px}
.deliverable{border:0;background:#eef1ff;border-radius:12px;padding:15px 18px;margin-top:23px}
.deliverable>span{font-family:var(--font-body);color:#676c7c;font-size:10px;letter-spacing:0;font-weight:400}
.deliverable strong{font-size:12px;font-weight:500;color:#656c83;line-height:1.9;margin-top:5px}
.scenario-display{padding:30px 22px 36px;border-radius:28px;background:linear-gradient(140deg,#e6ecff,#ece5fc);min-width:0}
.scenario-screen{background:#ffffffed;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 26px #8491c80b;transform:rotate(0);min-height:277px}
.screen-top{padding:12px 14px;background:#fcfcff;border-color:#bebfc5;gap:9px}
.window-dots{gap:4px}.window-dots i{width:6px;height:6px;background:#e4e8f4}.window-dots i:first-child{background:#f3d8de}.window-dots i:nth-child(2){background:#f3e7d6}.window-dots i:nth-child(3){background:#dceee3}
.screen-top span{font-family:var(--font-body);font-size:9px;color:#676c7a;letter-spacing:0}
.screen-top span:last-child{font-size:8px;color:#686c75;border-color:#bbbec4;padding:1px 6px}
.code-preview{padding:19px 17px 15px;font-size:11px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e7eafa transparent}
.code-title{font-size:9px;color:#676c79;border-color:#bec0c6;letter-spacing:0;gap:8px;white-space:nowrap}
.code-title span{color:#5c716a}
.code-line{color:#656c7f;font-size:10px;line-height:2.1;gap:11px}
.code-line>span{color:#686c74;font-size:9px}
.code-line.add{color:#5a726a;background:#eff8f3}
.code-line.minus{color:#80666d;background:#fdf2f4}
.code-line.purple{color:#736788}
.code-bottom{border-color:#bbbec4;color:#686c77;letter-spacing:0;font-size:8px;margin-top:14px;padding-top:13px}
.code-bottom b{font-size:8px;color:#5f706a;font-weight:400}
.floating-result{left:37px;right:37px;bottom:12px;padding:12px 16px;background:#ffffffed;border:1px solid #fff;border-radius:10px;box-shadow:0 9px 20px #838dbe10;gap:10px}
.floating-result>span{background:#eef7f4;border:0;color:#5c716a;width:27px;height:27px;font-size:11px}
.floating-result div{font-size:11px;color:#676c7a;font-weight:500}
.floating-result small{font-family:var(--font-body);font-size:8px;letter-spacing:0;color:#696c76;font-weight:400}
.sample-rows{padding:23px 19px 43px;min-height:265px}
.sample-rows h4{font-family:var(--font-body);letter-spacing:0;font-size:11px;color:#676c7a;font-weight:500;margin-bottom:17px}
.sample-rows>div{color:#656c7e;background:#f7f9fe;border:1px solid #f0f3fa;font-size:10px;padding:11px 10px;gap:8px;border-radius:8px}
.sample-rows>div>span{color:#656c81;background:#eff2fc;width:21px;height:21px;border-radius:6px;font-size:10px}
.sample-rows>div small{font-family:var(--font-body);font-size:8px;color:#676c77;letter-spacing:0}
.sample-rows p{font-family:var(--font-body);font-size:8px;color:#686c76;letter-spacing:0}

/* Reusable methods: a quiet flow visual and a usable plugin gallery. */
.ecosystem{background:#fff}
.reuse-visual{grid-template-columns:1fr 40px 1.15fr 40px 1fr;gap:0;border:0;box-shadow:none;background:linear-gradient(120deg,#f4f7ff,#f7f3ff);border-radius:25px;padding:37px 32px;margin-bottom:58px}
.reuse-origin,.reuse-core,.reuse-teams{border:1px solid #fff;border-left:1px solid #fff;border-radius:13px;padding:20px 17px;background:#ffffffc7;gap:11px;min-width:0;min-height:104px}
.reuse-icon{background:#f0f3ff;border:0;color:#646c86;width:33px;height:36px;border-radius:10px}
.reuse-origin b,.reuse-core b{font-size:13px;font-weight:500;color:#646c81}
.reuse-origin small,.reuse-core small{font-size:10px;color:#686c79;margin-top:5px}
.reuse-core{background:#fff;box-shadow:0 10px 25px #8491c20c;border-color:#babac6}
.reuse-core img{width:31px;height:31px;opacity:.8}
.reuse-connector{height:1px;transform:none}
.reuse-connector i{height:1px;background:repeating-linear-gradient(90deg,#c1cbea 0 4px,transparent 4px 8px)}
.reuse-teams{justify-content:center;gap:7px;align-content:center;padding:17px}
.reuse-teams span{padding:4px 10px;border:0;background:#f4f5fd;color:#666c7b;font-size:10px;font-weight:400}
.reuse-teams small{font-family:var(--font-body);font-size:9px;color:#686c78;letter-spacing:0;text-align:center}
.plugin-toolbar{margin-bottom:25px;gap:20px}
.plugin-toolbar h3{font-size:21px;color:#5c657d;font-weight:600}
.plugin-toolbar>div>span{font-family:var(--font-body);color:#676c78;letter-spacing:0;font-size:11px;font-weight:400;display:block;margin-top:5px}
.plugin-filters{gap:6px;background:#f5f6fc;padding:5px;border-radius:999px}
.plugin-filters button{border:0;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:400;color:#676c79;background:transparent}
.plugin-filters button[aria-pressed=true]{background:#fff;color:#646a94;box-shadow:0 2px 7px #7f8bb111}
.plugin-filters button:hover{color:#616aa2}
.plugin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.plugin-card{border:1px solid #ebedf6;border-radius:17px;padding:25px 23px 19px;gap:16px;box-shadow:none;min-height:191px}
.plugin-card:hover{border-color:#a8abc1;box-shadow:0 15px 35px #8486c213;transform:translateY(-4px)}
.plugin-card-head{gap:12px;flex-wrap:wrap}
.plugin-icon{width:37px;height:37px;background:color-mix(in srgb,var(--plugin-tone) 9%,#fff);border:0;border-radius:11px;color:color-mix(in srgb,var(--plugin-tone) 82%,#929fc1)}
.plugin-icon .icon{width:20px;height:20px}
.plugin-card-head h4{font-size:14px;color:#636c81;font-weight:500;flex:1}
.plugin-card-head>span:last-child{font-family:var(--font-body);font-size:9px;color:#686c77;border:0;background:#f7f8fc;border-radius:5px;padding:3px 7px}
.plugin-card p{font-size:12px;line-height:1.9;color:#666d79}
.plugin-card-bottom{border-top:1px solid #f1f3f9;padding-top:13px;font-family:var(--font-body);font-size:10px;color:#676c78;letter-spacing:0}
.plugin-card-bottom>span:last-child{font-size:15px;color:#686c7b}
.plugin-note{justify-content:center;gap:8px;font-family:var(--font-body);font-size:11px;line-height:1.9;color:#686c77;letter-spacing:0;margin-top:27px;text-align:center}
.plugin-note:before,.plugin-note:after{display:none}
.plugin-note>span{display:flex;color:#676c79}
.plugin-note .icon{width:13px;height:13px}

/* Open architecture: a calm technical diagram inside a soft gradient frame. */
.open-section{background:linear-gradient(180deg,#f9faff,#f6f8ff 80%,#fafbff)}
.open-grid{gap:36px}
.architecture.holo-panel{padding:30px 45px 24px;max-width:1020px;width:100%;margin:auto;background:radial-gradient(ellipse at 100% 100%,#eee8fc88,transparent 70%),linear-gradient(135deg,#eaf0ff,#f1effb);border:0;border-radius:28px;box-shadow:none}
.architecture-top{display:flex;align-items:center;gap:10px;justify-content:center;padding:18px 22px;background:#ffffffbf;border:1px solid #fff;border-radius:12px;color:#646c7f;font-family:var(--font-body);letter-spacing:0;font-size:12px;line-height:1.8}
.architecture-top>span{display:flex;color:#646c82}
.architecture-top .icon{width:17px;height:17px}
.architecture-top b{font-weight:400;margin-right:auto;white-space:nowrap}
.architecture-top>b:last-child{margin-right:0}
.architecture-connectors{grid-template-columns:repeat(3,1fr);padding:0;width:77%;margin:auto;height:30px}
.architecture-connectors i{height:30px;background:repeating-linear-gradient(180deg,#c6cfee 0 4px,transparent 4px 8px)}
.architecture-core{display:flex;flex-direction:column;gap:12px;padding:0}
.architecture-core .wordmark{padding:18px 38px;border:1px solid #fff;border-radius:15px;background:#fff;box-shadow:0 10px 24px #8491bb0b;gap:11px;flex-wrap:wrap;justify-content:center;max-width:330px}
.architecture-core .wordmark img{width:29px;height:29px;opacity:.85}
.architecture-core .wordmark b{font-size:25px;color:#656b8a;letter-spacing:-.4px;font-weight:600;line-height:1.5}
.architecture-core .wordmark>span{flex-basis:100%;font-size:10px;color:#686c79;text-align:center;letter-spacing:.5px;margin-top:-6px}
.architecture-core>span{position:static;font-family:var(--font-body);font-size:10px;color:#666c7d;letter-spacing:1px;font-weight:400;margin-left:0}
.architecture-bottom{grid-template-columns:repeat(3,1fr);border:0;gap:16px;margin-top:0}
.architecture-bottom>div{border:1px solid #ffffffdc;border-radius:11px;background:#ffffffa6;padding:17px 20px;display:grid;grid-template-columns:28px 1fr;column-gap:7px;align-items:center}
.architecture-bottom>div:first-child{border-left:1px solid #ffffffdc}
.architecture-bottom>div>span{grid-row:span 2;color:#666c81;display:flex}
.architecture-bottom .icon{width:18px;height:18px}
.architecture-bottom strong{font-size:11px;font-weight:500;color:#656c81;display:block}
.architecture-bottom small{font-family:var(--font-body);font-size:9px;color:#686c77;letter-spacing:0;margin-top:3px}
.architecture>p{padding:19px 0 0;font-size:10px;text-align:center;color:#666c79;line-height:1.9}
.open-benefits{grid-template-columns:repeat(3,1fr);gap:36px;max-width:1090px;width:100%;margin:auto}
.open-benefits article{border:0;background:transparent;display:flex;gap:15px;align-items:flex-start;border-radius:0;padding:15px 0}
.open-benefits article:hover{transform:none;box-shadow:none}
.open-benefits article>span{border:0;background:#edf0ff;color:#666b88;width:37px;height:37px;border-radius:10px;flex-shrink:0}
.open-benefits article>span .icon{width:17px;height:17px}
.open-benefits article h3{font-size:15px;font-weight:500;color:#656c7d;line-height:1.7;margin-top:2px}
.open-benefits article p{font-size:12px;line-height:1.9;color:#686c77;margin-top:7px}
.deployment{max-width:1090px;margin:43px auto 0;grid-template-columns:1.1fr 1fr;gap:36px;border:1px solid #e9ebf7;background:#ffffffb3;border-radius:20px;padding:30px 32px}
.deployment .section-label{background:transparent;padding:0;font-size:11px;color:#6a6b80}
.deployment h3{font-size:20px;line-height:1.65;font-weight:500;color:#666c7c;letter-spacing:-.2px;margin-top:10px;max-width:330px}
.platform-badges{gap:9px;margin-top:13px}
.platform-badges span{border:0;font-family:var(--font-body);font-size:9px;letter-spacing:0;color:#686c76;background:#f5f7fd;padding:5px 9px;border-radius:5px;font-weight:400}
.deployment-options{gap:10px}
.deployment-options button{padding:13px 15px;gap:12px;box-shadow:none;border-radius:11px;border-color:#bcbec4;background:#fff}
.deployment-options button:hover{border-color:#abafc4;box-shadow:0 8px 18px #a4a8cd0a}
.option-icon{width:32px;height:32px;border:0;background:#f3f4ff;color:#676b83;border-radius:9px}
.option-icon .icon{width:16px;height:16px}
.deployment-options strong{display:block;font-size:12px;color:#656c7e;font-weight:500}
.deployment-options small{font-size:9px;color:#686c76;margin-top:4px}
.deployment-options button>span:last-child{font-size:18px;color:#686c78}

/* Common questions and a welcoming final action. */
.faq-section{background:#fff}
.faq-grid{grid-template-columns:.85fr 1.15fr;gap:96px}
.faq-intro h2{font-size:35px;line-height:1.6;font-weight:650;letter-spacing:-.8px;margin-top:20px;color:#4b5266}
.faq-intro p{font-size:14px;line-height:1.9;color:#676c79;margin-top:19px}
.faq-intro .text-link{margin-top:24px}
.faq-list details{border:1px solid #eef0f7;border-radius:12px;background:#fff;margin-bottom:12px;transition:background .25s,border-color .25s}
.faq-list details:first-child{border-top:1px solid #eef0f7}
.faq-list summary{font-size:14px;line-height:1.8;font-weight:500;color:#656c7d;padding:19px 22px;gap:16px}
.faq-list summary span{border:0;background:#f7f8fd;width:23px;height:23px;border-radius:50%;font-size:14px;color:#686c78}
.faq-list details[open]{background:#fafbff;border-color:#b6b9c5}
.faq-list details[open] summary{color:#646c88}
.faq-list details[open] summary span{background:#ecefff;color:#666c82;border:0}
.faq-list details p{font-size:12px;line-height:2;color:#676c7a;padding:0 23px 21px}
.closing{padding:76px 0 0;background:radial-gradient(ellipse at 10% 15%,#e5eeffb3,transparent 56%),radial-gradient(ellipse at 90% 10%,#f0e8ffae,transparent 50%),linear-gradient(180deg,#fafbff,#f4f6ff);isolation:isolate}
.closing:before,.closing:after{content:'';position:absolute;width:260px;height:260px;border:32px solid #e9edfc80;border-radius:50%;pointer-events:none;z-index:-1}
.closing:before{left:-120px;top:80px}
.closing:after{right:-150px;top:130px;width:310px;height:310px;border-color:#e9e4fb85}
.closing-content{text-align:center;padding:12px 0 63px}
.closing-content>.section-label{background:transparent;padding:0;color:#6d6a7f;font-size:12px}
.closing h2{font-size:49px;line-height:1.5;font-weight:700;color:#41495c;letter-spacing:-1.3px;margin-top:19px}
.closing-content>p{font-size:15px;line-height:1.9;color:#666c7c;margin-top:17px}
.closing-actions{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:31px}
.closing-actions .sw-button{font-size:14px;padding:13px 28px;min-width:170px;justify-content:center;min-height:49px;font-weight:500}
.closing-platforms{display:flex;align-items:center;gap:13px;justify-content:center;font-size:10px;color:#676c79;margin-top:20px}
.closing-platforms i{width:2px;height:2px;border-radius:50%;background:#c7cde0}
.closing .product-signoff{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-top:1px solid #e5e9f7;margin:0;gap:20px;font-size:13px;color:#666c7d}
.product-signoff>span{font-size:14px;font-weight:500}
.product-signoff small{font-size:10px;font-weight:400;color:#676c79;margin-left:10px}
.product-signoff>div{display:flex;align-items:center;gap:23px;margin:0;font-size:10px;color:#676c7b}
.product-signoff button:hover,.product-signoff a:hover{color:#606b9e}

/* Reveal motion remains progressive and respects the system preference. */
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .8s var(--ease);transition-delay:var(--reveal-delay,0s)}
.motion-ready .reveal:not(.visible):not(.is-visible){opacity:0;transform:translateY(26px)}
@media(min-width:1600px){.section-space{padding-block:125px}.feature-row .card-copy h3{font-size:38px}.feature-canvas{min-height:410px}.capability-grid{gap:110px}}
@media(max-width:1199px){
  .section-space{padding-block:88px}
  .workflow-grid{grid-template-columns:.85fr 1.15fr;gap:38px}
  .workflow-tabs button{padding:20px 14px;gap:12px}
  .workflow-tabs button h3{font-size:15px}
  .workflow-tabs button p{font-size:11px}
  .workflow-visual{padding:25px;min-height:520px}
  .cap-card.feature-row{gap:50px;grid-template-columns:1fr 1.12fr}
  .feature-row .card-copy h3{font-size:30px}
  .feature-row .card-copy>p{font-size:14px}
  .feature-points li{font-size:12px}
  .feature-canvas{padding-inline:25px}
  .review-document{padding-inline:19px}
  .review-status{font-size:8px;padding:5px 7px}
  .scenario-panel{grid-template-columns:.88fr 1.12fr;gap:38px}
  .scenario-copy h3{font-size:30px}
  .reuse-visual{padding:27px 21px;grid-template-columns:1fr 25px 1.12fr 25px 1fr}
  .reuse-origin,.reuse-core,.reuse-teams{padding:15px 12px;gap:8px}
  .reuse-origin b,.reuse-core b{font-size:11px}
  .reuse-origin small,.reuse-core small{font-size:9px}
  .plugin-card{padding:23px 19px 18px}
  .faq-grid{grid-template-columns:.85fr 1.15fr;gap:48px}
}
@media(max-width:900px){
  .section-intro h2,.section-heading h2,.ecosystem-heading h2{font-size:34px}
  .section-intro p,.section-heading p,.ecosystem-heading p{font-size:14px}
  .workflow-grid{grid-template-columns:1fr;gap:30px}
  .workflow-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .workflow-tabs button{padding:17px}
  .workflow-explore{display:none}
  .workflow-visual{min-height:0;max-width:600px;width:100%;margin:auto;padding:28px 42px}
  .capability-grid{gap:75px}
  .cap-card.feature-row{gap:33px;grid-template-columns:1fr 1fr}
  .feature-row .card-copy h3{font-size:27px}
  .feature-row .card-copy>p{font-size:13px}
  .feature-points li{font-size:11px}
  .feature-canvas{padding:28px 20px;min-height:350px;border-radius:22px}
  .model-sources>span{font-size:9px;gap:4px}
  .model-sources .icon{width:12px;height:12px}
  .model-hub{padding:17px;gap:10px}
  .model-hub b{font-size:20px}.model-hub div>span{font-size:8px}
  .agent-roles{gap:7px}.agent-roles b{font-size:10px}.agent-roles small{font-size:8px}
  .review-document{padding:29px 14px 17px}.review-document-head b{font-size:10px}
  .review-status{display:none}.review-floating{margin-left:9px;padding:9px 12px}
  .trace-window-head,.trace-window-tabs{padding-inline:16px}
  .evidence-timeline{padding-inline:16px}.evidence-timeline b{font-size:9px}
  .evidence-timeline p{font-size:8px}.evidence-timeline time{display:none}
  .evidence-files{margin-inline:15px;gap:6px}.evidence-files>span:last-child{display:none}
  .scenario-panel{grid-template-columns:1fr;gap:28px;max-width:630px;margin:auto}
  .scenario-copy h3 br{display:none}.scenario-copy h3{font-size:29px}
  .scenario-copy p{max-width:none}.scenario-copy .text-link{margin-top:18px}
  .scenario-tabs{margin-bottom:30px;gap:10px}.scenario-tabs button{padding:10px 18px;font-size:12px}
  .scenario-display{padding:27px 32px 37px}.scenario-screen{min-height:290px}
  .floating-result{left:46px;right:46px}
  .code-preview{font-size:12px}.code-line{font-size:11px}.code-title{font-size:10px}
  .reuse-visual{grid-template-columns:1fr;gap:0;max-width:500px;margin-inline:auto;padding:25px 32px}
  .reuse-origin,.reuse-core,.reuse-teams{min-height:82px;justify-content:center}
  .reuse-origin b,.reuse-core b{font-size:13px}.reuse-origin small,.reuse-core small{font-size:10px}
  .reuse-connector{height:25px;transform:none}.reuse-connector i{height:25px;width:1px;background:repeating-linear-gradient(180deg,#c1cbea 0 4px,transparent 4px 8px)}
  .reuse-core>div{flex:0 1 auto}.reuse-teams small{width:100%}
  .plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .architecture.holo-panel{padding:26px 27px 23px}
  .architecture-bottom>div{padding:15px 12px;grid-template-columns:23px 1fr;column-gap:5px}
  .architecture-bottom small{font-size:8px}
  .open-benefits{gap:20px}.open-benefits article{gap:10px}.open-benefits article h3{font-size:13px}.open-benefits article p{font-size:11px}
  .deployment{grid-template-columns:1fr;gap:22px}.deployment h3{max-width:none}
  .deployment-options{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr;gap:34px;max-width:700px}
  .faq-intro{text-align:center}.faq-intro h2 br{display:none}.faq-intro h2{font-size:31px}
  .faq-intro p br{display:none}.faq-intro p{font-size:13px}.faq-intro .text-link{margin-top:13px}
}
@media(max-width:600px){
  .section-space{padding-block:65px}
  .section-label.eyebrow{font-size:10px;padding:5px 12px}
  .section-intro,.section-heading,.ecosystem-heading{margin-bottom:34px}
  .section-intro h2,.section-heading h2,.ecosystem-heading h2{font-size:27px;line-height:1.6;letter-spacing:-.6px;margin-top:14px;text-wrap:balance}
  .section-intro p,.section-heading p,.ecosystem-heading p{font-size:12px;line-height:2;margin-top:13px}
  .hero .value-strip{grid-template-columns:1fr;gap:3px;margin-top:27px;padding-bottom:30px}
  .hero .value-strip>div{justify-content:flex-start;padding:10px 17px;gap:13px}
  .value-icon{width:35px;height:35px;border-radius:10px}.value-strip h3{font-size:12px}.value-strip p{font-size:10px}
  .workflow-tabs{gap:8px}.workflow-tabs button{padding:13px 11px;gap:8px;align-items:flex-start;border-radius:11px}
  .workflow-tabs button[aria-selected=true]{border-radius:11px}
  .workflow-tabs button>span{width:23px;height:23px;font-size:9px;flex-shrink:0}
  .workflow-tabs button h3{font-size:11px;line-height:1.6;margin-top:2px;text-wrap:initial}
  .workflow-tabs button h3 span{display:none}
  .workflow-tabs button p{font-size:9px;line-height:1.8;margin-top:5px}
  .workflow-tabs button>b{display:none}
  .workflow-visual{border-radius:22px;padding:22px 19px 20px}
  .preview-topline{font-size:8px;margin-bottom:17px;gap:5px}.preview-topline small{font-size:8px}
  .floating-tag{font-size:9px;padding:6px 12px}
  .standards-card{padding:20px 18px;border-radius:13px;margin-top:15px}
  .standards-top{font-size:9px;gap:7px}.standards-top small{font-size:7px;padding:3px 5px}
  .document-icon{width:24px;height:24px}.document-icon .icon{width:14px;height:14px}
  .standards-card h3{font-size:17px}.standard-row{font-size:11px;gap:7px;padding:11px 0}.standard-row span{font-size:9px;width:61px}
  .standard-footer{font-size:8px}.visual-caption p{font-size:9px}.workflow-mini-track{font-size:7px;gap:3px;margin-top:16px}.workflow-mini-track span{padding:5px 6px}.workflow-mini-track i{width:7px}
  .capabilities{padding-top:40px}.capabilities .section-heading{margin-bottom:42px}
  .capability-grid{gap:60px}
  .cap-card.feature-row{grid-template-columns:1fr;gap:26px}
  .feature-reverse .card-copy,.feature-reverse .feature-canvas{order:initial}
  .feature-index{font-size:10px}.feature-row .card-copy h3{font-size:27px;line-height:1.5;margin-top:12px}
  .feature-row .card-copy>p{font-size:12px;max-width:none;margin-top:14px;line-height:2}
  .feature-points{gap:7px;margin-top:16px}.feature-points li{font-size:10px}.feature-points li:before{width:14px;height:14px;font-size:8px}
  .feature-row .text-link{font-size:12px;margin-top:15px}
  .feature-canvas{min-height:0;padding:25px 25px 26px;border-radius:22px}
  .canvas-caption{font-size:9px;margin-bottom:21px}
  .model-sources{gap:7px}.model-sources>span{font-size:9px;padding:10px 4px}
  .model-routing-lines{height:23px}.model-hub{padding:16px 18px}.model-hub img{width:30px;height:30px}.model-hub b{font-size:21px}
  .agent-roles>div{padding:14px 5px}.agent-roles b{font-size:9px}.agent-roles small{font-size:7px}.agent-roles>div>span{margin-bottom:7px}.agent-roles .icon{width:17px;height:17px}
  .approval-canvas{padding:32px 25px 22px}.review-document{padding:31px 18px 18px}.review-status{display:block;font-size:7px;padding:5px 7px}.review-document-head b{font-size:10px}
  .review-floating b{font-size:10px}.review-floating small{font-size:8px}.review-check b{font-size:9px}.review-check div>span{font-size:8px}
  .canvas-note{font-size:8px;margin-top:16px}
  .trace-canvas{padding:26px 21px 23px}.evidence-timeline b{font-size:10px}.evidence-timeline p{font-size:8px}.trace-window-head{padding-top:17px}.trace-window-tabs{gap:22px;font-size:9px}.evidence-files{font-size:8px}
  .scenario-tabs{gap:9px;display:grid;grid-template-columns:repeat(2,1fr);max-width:360px;margin:0 auto 28px}
  .scenario-tabs button{font-size:11px;justify-content:center;padding:10px 14px;gap:6px}.scenario-tabs button .icon{width:14px;height:14px}
  .scenario-tabs button>span{width:18px;height:18px}
  .scenario-panel{gap:24px}.scenario-counter{font-size:8px;letter-spacing:1.2px}.scenario-copy h3{font-size:26px;margin-top:12px}.scenario-copy p{font-size:12px;line-height:2;margin-top:12px}
  .deliverable{margin-top:17px;padding:12px 15px}.deliverable strong{font-size:10px}.deliverable>span{font-size:9px}
  .scenario-copy .text-link{font-size:12px;margin-top:14px}
  .scenario-display{padding:23px 15px 38px;border-radius:21px}.scenario-screen{min-height:250px}
  .code-preview{padding:16px 12px 14px}.code-line{font-size:8px;line-height:2.4;gap:5px}.code-line>span{width:14px;font-size:7px}
  .code-title{font-size:8px}.code-title span{font-size:7px}.code-bottom{font-size:7px;gap:5px}.code-bottom b{font-size:7px}
  .screen-top{padding:10px 11px;gap:8px}.screen-top span{font-size:7px}.screen-top span:last-child{font-size:6px;padding:1px 4px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}
  .floating-result{left:26px;right:26px;bottom:17px;padding:10px 12px;gap:8px}.floating-result div{font-size:9px}.floating-result small{font-size:7px}.floating-result>span{width:23px;height:23px;font-size:9px}
  .sample-rows{padding:17px 13px 40px;min-height:240px}.sample-rows h4{font-size:9px;margin-bottom:12px}.sample-rows>div{font-size:9px;padding:9px 8px;gap:7px}.sample-rows>div small{font-size:7px}.sample-rows p{font-size:7px}
  .reuse-visual{padding:22px;border-radius:21px;margin-bottom:35px}.reuse-origin,.reuse-core,.reuse-teams{padding:17px;min-height:81px}
  .plugin-toolbar{flex-direction:column;align-items:center;gap:20px;margin-bottom:22px;text-align:center}.plugin-toolbar h3{font-size:19px}.plugin-toolbar>div>span{font-size:10px}
  .plugin-filters{padding:4px}.plugin-filters button{padding:8px 21px;font-size:11px}
  .plugin-grid{grid-template-columns:1fr;gap:13px}.plugin-card{padding:23px 22px 18px;min-height:175px;gap:14px}.plugin-card-head h4{font-size:13px}.plugin-card p{font-size:11px}.plugin-card-bottom{font-size:9px}.plugin-note{font-size:9px;gap:6px;margin-top:21px}
  .architecture.holo-panel{padding:23px 16px 22px;border-radius:22px}
  .architecture-top{padding:14px 8px;gap:8px;font-size:9px}.architecture-top .icon{width:11px;height:11px}.architecture-top>span{display:none}.architecture-top b{flex:1;text-align:center;margin-right:0;white-space:normal}
  .architecture-connectors{height:24px}.architecture-connectors i{height:24px}
  .architecture-core .wordmark{padding:17px 25px;gap:9px;max-width:240px}.architecture-core .wordmark img{width:25px;height:25px}.architecture-core .wordmark b{font-size:22px}.architecture-core .wordmark>span{font-size:8px;margin-top:-3px}.architecture-core>span{font-size:8px;letter-spacing:.5px}
  .architecture-bottom{gap:7px}.architecture-bottom>div{display:flex;flex-direction:column;padding:13px 6px;gap:5px;text-align:center;border-radius:8px}.architecture-bottom .icon{width:16px;height:16px}.architecture-bottom strong{font-size:9px}.architecture-bottom small{font-size:7px;line-height:1.8;margin-top:0}.architecture>p{font-size:8px;padding-top:17px}
  .open-benefits{grid-template-columns:1fr;gap:5px;max-width:350px}.open-benefits article{gap:13px;padding:13px 0}.open-benefits article h3{font-size:13px}.open-benefits article p{font-size:11px}.open-benefits article>span{width:34px;height:34px}
  .open-grid{gap:24px}.deployment{padding:23px 22px;gap:22px;margin-top:27px}.deployment h3{font-size:18px;line-height:1.7;margin-top:9px}.platform-badges span{font-size:8px}.deployment-options{grid-template-columns:1fr;gap:9px}.deployment-options button{padding:12px}.deployment-options strong{font-size:11px}.deployment-options small{font-size:8px}
  .faq-grid{gap:30px}.faq-intro h2{font-size:28px;line-height:1.6}.faq-intro p{font-size:12px}.faq-intro .text-link{font-size:12px}.faq-list summary{font-size:12px;padding:17px 16px;gap:12px}.faq-list summary span{width:21px;height:21px;font-size:12px}.faq-list details p{font-size:11px;padding:0 17px 19px;line-height:2}.faq-list details{margin-bottom:10px}
  .closing{padding-top:47px}.closing h2{font-size:clamp(24px,7.5vw,32px);letter-spacing:-.9px;margin-top:16px}.closing-content>p{font-size:12px;margin-top:15px}.closing-content{padding-bottom:40px}.closing-content>.section-label{font-size:10px}
  .closing-actions{gap:12px;margin-top:26px}.closing-actions .sw-button{min-width:0;flex:1;max-width:170px;padding:11px 15px;font-size:12px;min-height:46px}.closing-platforms{font-size:9px;gap:12px;margin-top:18px}
  .closing .product-signoff{padding:21px 0;flex-direction:column;align-items:center;gap:14px;text-align:center}.product-signoff>span{font-size:12px}.product-signoff small{font-size:9px;margin-left:7px}.product-signoff>div{font-size:9px;gap:23px}
}
/* Keep secondary information readable without competing with the main message. */
.section-intro p,.section-heading p,.ecosystem-heading p{color:#646d7d}
.workflow-tabs button h3{color:#55637c}
.workflow-tabs button p{color:#646d7d}
.workflow-tabs button[aria-selected=true] h3{color:#5b6ab5}
.standards-card h3{color:#596b8c}
.standard-row b{color:#626d82}
.standard-row span,.standards-top{color:#646d7c}
.model-hub{border-color:#dbe2fa;box-shadow:0 12px 26px #8799d214}
.model-hub b{color:#5d6b9f}
.model-hub div>span{color:#656c7e}
.model-sources>span,.agent-roles b{color:#626d83}
.agent-roles>div>span,.model-sources i{color:#636c89}
.review-document-head b{color:#6c6986}
.review-check b{color:#6e6a7d}
.trace-window-head{color:#616d84}
.evidence-timeline b{color:#646c7f}
.feature-row .card-copy>p,.feature-points li,.scenario-copy p{color:#636d7d}
.plugin-card-head h4{color:#606d84}
.plugin-card p{color:#646d7c}
.reuse-origin b,.reuse-core b{color:#636c82}
.open-benefits article h3{color:#616d82}
.open-benefits article p{color:#656d7b}
.deployment h3{color:#5f6d84}
.deployment-options strong{color:#626d80}
.faq-list summary{color:#626d81}
.faq-list details p{color:#636d7d}
.faq-list details[open] summary{color:#5f6c91}
.closing-content>p{color:#636d7f}
@media(min-width:901px){
  .model-sources>span{font-size:12px}
  .agent-roles b{font-size:12px}
  .agent-roles small{font-size:10px}
  .model-hub b{font-size:25px}
  .review-document-head b{font-size:13px}
  .review-check b{font-size:11px}
  .evidence-timeline b{font-size:11px}
  .evidence-timeline p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal:not(.visible):not(.is-visible){opacity:1;transform:none}
  .reveal,.workflow-mini-track span,.text-link span{transition:none}
  .plugin-card:hover,.text-link:hover span{transform:none}
}

.closing-title-line{display:block;white-space:nowrap}
.closing .product-signoff{font-family:var(--font-body);letter-spacing:0}

/* Shared identity: use the supplied square logo without stretching or cropping. */
.soduwork-logo{object-fit:contain;flex-shrink:0}
.header__logo.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.header__logo.site-brand .soduwork-logo{width:44px;height:44px}
.site-brand-name{font-family:var(--font-body);font-weight:700;letter-spacing:-.8px;line-height:1.2;white-space:nowrap}
.header__logo .site-brand-name{font-size:26px;color:#1c2639}
.footer__logo.site-brand{display:flex;align-items:center;gap:12px;width:auto;margin-left:0}
.footer__logo.site-brand .soduwork-logo{width:48px;height:48px}
.footer__logo .site-brand-name{font-size:25px;color:#fff}
.demo-brand .soduwork-logo{width:31px;height:31px}
.demo-brand .demo-brand-name{font-size:15px;font-weight:700;color:#38455f;letter-spacing:-.4px;line-height:1.2}
.model-hub .soduwork-logo{width:44px;height:44px;opacity:1}
.reuse-core .soduwork-logo{width:39px;height:39px;opacity:1}
.architecture-core .wordmark .soduwork-logo{width:37px;height:37px;opacity:1}
@media(max-width:1199px){
  .header__logo.site-brand .soduwork-logo{width:39px;height:39px}
  .header__logo .site-brand-name{font-size:24px}
}
@media(max-width:767px){
  .header__logo.site-brand{gap:8px}
  .header__logo.site-brand .soduwork-logo{width:36px;height:36px}
  .header__logo .site-brand-name{font-size:23px}
  .footer__logo.site-brand .soduwork-logo{width:43px;height:43px}
  .footer__logo .site-brand-name{font-size:24px}
  .model-hub .soduwork-logo{width:36px;height:36px}
  .reuse-core .soduwork-logo{width:34px;height:34px}
  .architecture-core .wordmark .soduwork-logo{width:31px;height:31px}
}