/* Structure and motion: connected workflow, distinct card roles, deliberate interaction. */
.app-workflow[hidden]{display:none!important}.app-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fafbf8;border:1px solid #d7dfd4;border-radius:15px;margin:30px 0 0;padding:6px}
.app-workflow>a{margin:0;padding:18px 14px;display:flex;gap:12px;border-radius:10px;color:#67756a;box-shadow:none;background:none;position:relative;font-size:12px;min-width:0}
.app-workflow>a.current{background:#e4ebe0;color:#274b36}.app-workflow>a:hover{background:#edf1e9;color:#264d37}.workflow-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #d6dfcd;background:#f3f5ee;border-radius:10px}.workflow-icon svg{width:18px;height:18px}.app-workflow small{font:8px monospace;letter-spacing:1px;display:block;color:#8b9b84}.app-workflow strong{display:block;font-size:15px;font-weight:500;margin:4px 0}.app-workflow em{display:block;font-style:normal;font-size:10px;line-height:1.5;color:#7e8b75}.app-workflow b{font-size:15px;font-weight:400;margin-left:auto;color:#819578}
body:not(.on-landing) .page-heading{padding-top:36px}
body:not(.on-landing) .dashboard-grid{gap:24px;align-items:start}
body:not(.on-landing) .side-panel{background:#e8eee4;border:0;box-shadow:none}
.panel-icon{display:inline-grid;place-items:center;vertical-align:middle;width:34px;height:34px;border:1px solid #d6e0ce;background:#edf2e7;border-radius:9px;margin-right:11px;color:#668456}.panel-icon svg{width:17px;height:17px}
body:not(.on-landing) .panel-heading{padding-bottom:20px;border-bottom:1px solid #e0e7da;margin-bottom:24px}
body:not(.on-landing) .round-rules{background:#f0f3ec;padding:22px;border-radius:12px;gap:24px}
body:not(.on-landing) .metric-grid{gap:0;border:1px solid #d8e1d0;border-radius:16px;overflow:hidden;background:#fafbf8}
body:not(.on-landing) .metric-grid>div{border:0;border-radius:0;box-shadow:none;background:transparent;border-right:1px solid #e0e6d9;padding:27px}
body:not(.on-landing) .metric-grid>div:last-child{border-right:0}
body:not(.on-landing) .metric-grid>div:first-child{background:#e0e9d7;border-color:#d5dfca}
body:not(.on-landing) .metric-grid>div:first-child strong{color:#34552a}
body:not(.on-landing) .metric-grid>div:first-child label,body:not(.on-landing) .metric-grid>div:first-child small{color:#6c825b}
body:not(.on-landing) .directory-controls{padding:14px;background:#fafbf8;border:1px solid #dbe3d4;border-radius:13px;gap:12px}
body:not(.on-landing) .offering-card{border:1px solid #d9e2d1;box-shadow:none}
body:not(.on-landing) .offering-body{padding:24px}.offering-image img{object-fit:contain}
body:not(.on-landing) .offering-numbers{background:#eef3e8;padding:15px;border-radius:9px}
body:not(.on-landing) .offering-foot button{display:flex;align-items:center;min-height:34px}
body:not(.on-landing) .docs-contents{padding:8px;gap:5px;background:#f8faf5}
.docs-contents button{border-radius:9px;gap:10px;min-height:65px}.docs-contents button>svg{width:19px;height:19px;flex:none;color:#6d8b5b}.docs-contents button.chapter-current{background:#dfebd4;color:#385e29;box-shadow:inset 0 0 0 1px #c8d9b9}
body:not(.on-landing) .guide-chapter{padding:40px;border-radius:16px}
body:not(.on-landing) .guide-grid article{background:#edf2e7;border:0;border-radius:12px;padding:24px}
body:not(.on-landing) .guide-status>div{padding:24px 0}
.app-next-step{display:grid;grid-template-columns:56px 1fr auto;gap:24px;align-items:center;margin:35px 0 20px;padding:30px;background:#e2ead9;border:1px solid #cfddc2;border-radius:15px;color:#345729}
.next-step-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#f5f8ef;border:1px solid #d3dfc7}.next-step-icon svg{width:24px;height:24px}.app-next-step small{font:9px monospace;letter-spacing:1px;color:#6e875c}.app-next-step h2{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:10px 0}.app-next-step p{font-size:12px;line-height:1.8;color:#708763;margin:0;max-width:580px}.next-step-action{font-size:12px;display:flex;gap:15px;align-items:center}.next-step-action b{font-weight:400;font-size:20px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.app-workflow>a,.docs-contents button{transition:background .25s,box-shadow .25s}.workflow-icon,.next-step-icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}.app-workflow>a:hover .workflow-icon{transform:translateY(-3px)}.app-next-step:hover .next-step-icon{transform:rotate(-6deg)}.app-next-step .next-step-action b{transition:transform .3s}.app-next-step:hover .next-step-action b{transform:translate(3px,-3px)}body:not(.on-landing) .offering-card{transition:transform .35s,box-shadow .35s,border-color .35s}body:not(.on-landing) .offering-card:hover{transform:translateY(-4px);border-color:#aebfa0;box-shadow:0 12px 30px #25471a0c}body:not(.on-landing) .offering-card:hover .company-name{color:#52803a}body:not(.on-landing) tbody tr{transition:background .2s}body:not(.on-landing) tbody tr:hover{background:#eef4e7}.faq details[open] p{animation:guide-open .3s ease both}@keyframes guide-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.app-workflow em{display:none}.app-workflow>a{padding:15px 10px;gap:9px}.app-workflow b{display:none}.app-next-step{grid-template-columns:48px 1fr}.next-step-action{grid-column:2}.app-workflow strong{font-size:13px}}
@media(max-width:600px){.app-workflow{grid-template-columns:repeat(4,1fr);margin-top:20px;padding:5px}.app-workflow>a{flex-direction:column;gap:7px;align-items:center;text-align:center;padding:10px 4px}.app-workflow small{display:none}.app-workflow strong{font-size:10px;margin:0}.workflow-icon{width:30px;height:30px;border-radius:8px}.workflow-icon svg{width:15px;height:15px}body:not(.on-landing) .metric-grid>div{padding:20px 16px;border-bottom:1px solid #e0e6d9}body:not(.on-landing) .directory-controls{padding:10px;gap:8px}body:not(.on-landing) .round-rules{padding:17px;gap:19px}body:not(.on-landing) .guide-chapter{padding:24px 20px}body:not(.on-landing) .guide-grid article{padding:20px}.app-next-step{padding:23px 20px;gap:15px;grid-template-columns:38px 1fr}.next-step-icon{width:38px;height:38px;border-radius:10px}.app-next-step h2{font-size:22px}.app-next-step p{font-size:12px}.docs-contents button{padding:12px 8px;gap:7px}.docs-contents button>span{display:none}}
body:not(.on-landing) .app-workflow a.active svg,body:not(.on-landing) .app-workflow a.current svg{fill:none;stroke:#517343}
body:not(.on-landing) .app-workflow a.active{box-shadow:none;color:#274b36;background:#e4ebe0}
