@media (min-width:768px){.principles-section .principle-row{min-height:420px;padding:44px 0}.workflow-section .workflow-pair{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);max-width:920px;margin-top:34px}.workflow-section .workflow-product{background:linear-gradient(135deg,#222524,#151716 75%);border-color:#414643;min-height:238px;padding:27px 28px;box-shadow:inset 0 1px #ffffff0c,0 8px 20px #0002}.workflow-section .workflow-product-seaverse{background:linear-gradient(135deg,#242628,#161819 75%)}.workflow-section .workflow-mode{color:#acb4af;font-size:13px}.workflow-section .workflow-actions{gap:13px;margin-top:20px;padding-top:19px}.workflow-section .workflow-actions li{color:#e0e6e2}.workflow-section .workflow-bridge{flex-direction:column;align-items:center;gap:11px;display:flex}.workflow-section .workflow-bridge>span{color:#b8cdc1;font-size:12px;display:block}.workflow-section .workflow-bridge-track{color:#8aad99;align-items:center;gap:0;width:100%;display:flex}.workflow-section .workflow-bridge-track>i{background:#4c6255;flex:1;height:1px;position:relative}.workflow-section .workflow-bridge-track>svg{margin-left:-2px}.workflow-section .workflow-bridge-track>i:after{content:"";background:var(--brand);opacity:0;border-radius:2px;width:24px;height:3px;position:absolute;top:-1px;left:0}.workflow-section .workflow-summary{margin-top:23px}.workflow-section .ecosystem-explore{color:#d0e2d7;font-size:13px}}.workflow-bridge{place-items:center;display:grid}.workflow-bridge>span{display:none}.workflow-bridge-track{color:#7e978a;display:flex}@media (max-width:639px){.workflow-bridge-track{transform:rotate(90deg)}}.principles-section .principle-copy h3>span{color:#f1f1f1}@media (min-width:1024px){.principles-section .principle-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;min-height:430px;padding:48px 0}.principles-section .principle-reversed{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.principles-section .principle-copy h3{font-size:48px;font-weight:500;line-height:1.13}.principles-section .principle-copy p{color:#b6beba;max-width:535px;margin-top:25px;font-size:17px;line-height:1.75}.principles-section .principle-number{color:#a0aaa4;margin-bottom:20px;font-size:12px}.principles-section .principle-row .principle-visual{max-width:410px;padding-block:0}.principles-section .depth-flow{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.3fr);min-height:280px;padding:0}.principles-section .depth-sources{grid-template-columns:1fr;gap:12px}.principles-section .depth-source{text-align:left;flex-direction:row;justify-content:flex-start;gap:7px;height:52px;padding:0 8px}.principles-section .depth-source>span:nth-child(2){min-height:0}.principles-section .depth-source-icon{width:23px;height:25px}.principles-section .depth-connections{height:180px}.principles-section .depth-connections-wide{display:block}.principles-section .depth-connections-stacked{display:none}.principles-section .depth-experience{background:linear-gradient(135deg,#202020,#151515);border-color:#444;width:100%;max-width:none;box-shadow:0 6px 16px #0003}.principles-section .depth-experience-heading{gap:6px;padding:10px;font-size:14px}.principles-section .depth-experience-heading .brand-mark{width:25px;height:25px}.principles-section .depth-capabilities{padding:10px 12px}.principles-section .depth-capability{gap:9px;min-height:39px}.principles-section .ref-project{background:linear-gradient(135deg,#202020,#151515);border-color:#444;box-shadow:0 6px 16px #0003}.principles-section .ref-project-heading{min-height:48px;padding:10px 13px;font-size:14px}.principles-section .ref-stages{padding:24px 10px 0}.principles-section .ref-structure{width:46px;height:46px;margin:12px 0 14px}.principles-section .ref-stage-arrow{top:25px}.principles-section .ref-stage-name{padding:0 3px;font-size:13px}.principles-section .ref-local-loop{margin-top:8px;padding:18px 10px 22px}.principles-section .tpl-flow{grid-template-columns:minmax(0,1.16fr) 54px minmax(0,1fr);min-height:280px;padding:0}.principles-section .tpl-source{background:linear-gradient(135deg,#202020,#151515);border-color:#444;width:100%;max-width:none;box-shadow:0 6px 16px #0003}.principles-section .tpl-source-heading{gap:6px;min-height:48px;padding:10px;font-size:14px}.principles-section .tpl-fixed{gap:5px;margin:10px 10px 4px}.principles-section .tpl-fields{padding:0 10px 8px}.principles-section .tpl-field{gap:6px;min-height:35px}.principles-section .tpl-connections{height:268px}.principles-section .tpl-connections-wide{display:block}.principles-section .tpl-connections-stacked{display:none}.principles-section .tpl-destination{font-size:10px;top:23px;left:0;right:0}.principles-section .tpl-versions{grid-template-columns:1fr;gap:12px}.principles-section .tpl-version{background:#1c1c1c;border-color:#414141;height:128px;box-shadow:0 4px 10px #0002}.principles-section .tpl-version-heading{height:32px;padding:0 12px}.principles-section .tpl-version-body{padding:4px 12px 12px}.principles-section .tpl-image-shape{height:46px;padding:0 8px}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.workspace-sketch,.principle-visual{translate:0 var(--parallax-offset,0px);transition:translate .1s ease-out}.workflow-pair.is-connected .workflow-bridge-track>i:after{animation:1.3s ease-in-out .2s both publish-travel}.workflow-pair.is-connected .workflow-product-seaverse{animation:1.5s ease-out .95s publish-arrival}.action-button>svg,.ecosystem-explore>svg{transition:transform .18s}.action-button:hover>svg{transform:translateY(-2px)}.ecosystem-explore:hover>svg{transform:translate(2px,-2px)}}@keyframes publish-travel{0%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}to{opacity:0;left:calc(100% - 24px)}}@keyframes publish-arrival{0%,to{border-color:#414643}35%{border-color:#719582}}