:root{color:#17211f;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}a{color:inherit}.marketing-shell{max-width:1240px;margin:0 auto;padding:28px}.marketing-nav{justify-content:space-between;align-items:center;gap:24px;margin-bottom:56px;display:flex}.brand-mark{color:#fff;letter-spacing:-.03em;background:#0f766e;border-radius:16px;padding:12px 14px;font-size:1.15rem;font-weight:950;text-decoration:none}.marketing-nav nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.marketing-nav nav a{color:#40524f;font-weight:850;text-decoration:none}.marketing-nav nav a:hover{color:#0f766e}.login-button,.marketing-primary-action,.marketing-secondary-action{cursor:pointer;white-space:nowrap;border-radius:999px;font-weight:900;text-decoration:none}.login-button{color:#fff;background:#17211f;border:0;padding:10px 16px}.marketing-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);align-items:center;gap:48px;margin-bottom:56px;display:grid}.marketing-hero h1{max-width:820px}.hero-copy{color:#4f6561;max-width:760px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.marketing-primary-action{color:#fff;background:#0f766e;padding:14px 20px;display:inline-flex}.marketing-secondary-action{color:#123f39;background:#fff;border:1px solid #cfe0dc;padding:13px 20px;display:inline-flex}.hero-visual{background:radial-gradient(circle at 10% 20%,#0f766e2e,#0000 28%),linear-gradient(135deg,#e6f6f2,#fff);border:1px solid #d4e8e4;border-radius:36px;justify-items:center;padding:34px;display:grid}.hero-phone{background:#f8fbfa;border:8px solid #0f766e;border-radius:34px;width:100%;max-width:330px;overflow:hidden;box-shadow:0 24px 80px #0f766e2e}.hero-phone-header{color:#fff;background:#0f766e;gap:4px;padding:22px;display:grid}.hero-phone-header span{font-weight:950}.hero-phone-header small{opacity:.82}.hero-phone-card{gap:12px;padding:22px;display:grid}.hero-phone-card h2{margin-bottom:8px;font-size:1.6rem;line-height:1.1}.hero-phone-card button{color:#123f39;text-align:left;background:#fff;border:1px solid #c8dcd8;border-radius:16px;padding:14px;font-weight:850}.marketing-section,.marketing-card,.final-cta{background:#fff;border:1px solid #dce7e4;border-radius:30px;margin-bottom:24px;padding:clamp(24px,4vw,44px);box-shadow:0 18px 50px #0f231f14}.marketing-section h2,.marketing-card h2,.final-cta h2{margin-bottom:18px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}.marketing-section p,.marketing-card p,.final-cta p{color:#526763;font-size:1.05rem;line-height:1.65}.check-list,.feature-grid,.benefit-list{margin:0;padding:0;list-style:none}.check-list{gap:10px;display:grid}.check-list li,.feature-grid li,.benefit-list li{color:#23413c;align-items:flex-start;gap:10px;font-weight:800;line-height:1.35;display:flex}.check-list li:before,.feature-grid li:before,.benefit-list li:before{color:#0f766e;content:"✓";text-align:center;background:#dff5f0;border-radius:999px;flex:none;width:22px;height:22px;font-size:.78rem;font-weight:950;line-height:22px}.problem-list li:before{color:#9f1d16;content:"—";background:#fff1f0}.context-callout{background:#edf7f5;border:1px solid #c8dcd8;border-radius:22px;gap:8px;margin-top:28px;padding:20px;display:grid}.context-callout strong{color:#123f39;font-size:1.25rem}.context-callout span{color:#526763;font-weight:800}.better-experience{grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);align-items:start;gap:32px;display:grid}.feature-grid,.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature-grid li,.benefit-list li{background:#f7faf9;border-radius:18px;padding:16px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.marketing-card strong{color:#0f625c;margin-top:20px;font-size:1.2rem;display:block}.marketing-card .check-list{margin:18px 0}.systems-section{background:#10201d}.systems-section h2,.systems-section .eyebrow{color:#fff}.systems-section p{color:#c8dcd8;max-width:840px}.final-cta{color:#fff;text-align:center;background:radial-gradient(circle at 10% 10%,#ffffff2e,#0000 26%),linear-gradient(135deg,#0f766e,#123f39)}.final-cta h2{max-width:980px;margin-left:auto;margin-right:auto}.final-cta p,.final-cta .eyebrow{color:#e5fbf7}.final-cta .marketing-primary-action{color:#0f625c;background:#fff;margin-top:10px}.admin-shell{max-width:1440px;margin:0 auto;padding:32px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:16px;font-size:clamp(2rem,4vw,4rem);line-height:1}h2{margin-bottom:0;font-size:1.1rem}.header-copy{color:#5d6f6c;max-width:760px;font-size:1.05rem;line-height:1.6}.status-pill{color:#0f625c;white-space:nowrap;background:#dff5f0;border:1px solid #b9e2da;border-radius:999px;padding:10px 14px;font-weight:800}.workspace-grid{grid-template-columns:minmax(220px,.7fr) minmax(500px,1.6fr) minmax(320px,1fr);gap:20px;display:grid}.panel{background:#fff;border:1px solid #dce7e4;border-radius:24px;padding:22px;box-shadow:0 18px 50px #0f231f14}.panel-heading{border-bottom:1px solid #e3ece9;margin-bottom:18px;padding-bottom:16px}.workflow-card{border:1px solid #d8e8e4;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:16px;display:flex}.workflow-card.selected{background:#f1fbf8;border-color:#8fd2c7}.workflow-card h3{margin-bottom:8px}.workflow-card p{color:#60736f;margin-bottom:0;line-height:1.5}.workflow-card span{color:#fff;background:#0f766e;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900}.metadata-list{gap:12px;margin:0 0 22px;display:grid}.metadata-list div{background:#f7faf9;border-radius:14px;padding:12px}.metadata-list dt{color:#71817e;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:800}.metadata-list dd{overflow-wrap:anywhere;margin:0;font-weight:800}.node-types div{flex-wrap:wrap;gap:8px;display:flex}.node-types span{color:#0f625c;background:#edf7f5;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:800}.node-list{gap:10px;display:grid}.graph-panel{min-width:0}.graph-instructions{color:#60736f;margin:-4px 0 16px;font-size:.92rem;line-height:1.45}.graph-actions{background:#f7faf9;border:1px solid #dce7e4;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px;display:flex}.graph-actions .eyebrow{margin-bottom:4px}.graph-actions p:last-child{color:#60736f;margin-bottom:0;font-size:.84rem}.graph-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.graph-action-buttons button{color:#0f625c;cursor:pointer;background:#fff;border:1px solid #b9d8d1;border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:850}.graph-action-buttons button:hover:not(:disabled){background:#edf7f5}.graph-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.graph-columns{scroll-snap-type:x proximity;border:1px solid #dce7e4;border-radius:18px;min-height:520px;display:flex;overflow-x:auto}.graph-column{scroll-snap-align:start;border-right:1px solid #dce7e4;flex:0 0 255px;min-height:518px;padding:14px}.graph-column:last-child{border-right:0}.graph-column header{border-bottom:1px solid #e3ece9;gap:5px;margin-bottom:12px;padding:0 2px 12px;display:grid}.graph-column header span{color:#71817e;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.graph-column header strong{font-size:.92rem;line-height:1.35}.graph-end{color:#71817e;margin:8px 2px;font-size:.88rem;line-height:1.45}.node-button{color:#17211f;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce7e4;border-radius:16px;gap:6px;width:100%;padding:14px;display:grid}.node-button.active{color:#fff;background:#0f766e;border-color:#0f766e}.node-button small{color:inherit;opacity:.72}.preview-panel{flex-direction:column;align-items:center;display:flex}.preview-panel .panel-heading{width:100%}.phone-frame{background:#f8fbfa;border:8px solid #0f766e;border-radius:36px;width:100%;max-width:360px;min-height:620px;overflow:hidden;box-shadow:0 24px 80px #0f766e2e}.runtime-header{color:#fff;flex-direction:column;gap:4px;padding:24px 22px 20px;display:flex}.runtime-header span{font-weight:900}.runtime-header small{opacity:.86}.runtime-card{padding:24px 22px}.runtime-card h3{margin-bottom:14px;font-size:1.8rem;line-height:1.1}.body-copy{color:#526763;margin-bottom:24px;line-height:1.55}.primary-action,.choice-button{cursor:default;border-radius:16px;width:100%;font-weight:850}.primary-action{color:#fff;background:#0f766e;border:0;padding:15px 18px}.choice-list{gap:12px;display:grid}.choice-button{color:#123f39;text-align:left;background:#fff;border:1px solid #c8dcd8;gap:6px;padding:16px;display:grid}.choice-button small{color:#6d817d;font-size:.78rem}.completion-panel{color:#123f39;background:#eef7f5;border:1px solid #c8dcd8;border-radius:20px;padding:18px}.completion-panel p{color:#526763;margin:8px 0 0}@media (width<=1100px){.marketing-hero,.better-experience,.audience-grid{grid-template-columns:1fr}.hero-visual{order:-1}.workspace-grid{grid-template-columns:1fr}.preview-panel,.json-panel{grid-column:auto}.admin-header{flex-direction:column}.publish-status-grid{grid-template-columns:1fr}.header-actions{align-items:flex-start}}@media (width<=720px){.marketing-shell{padding:20px}.marketing-nav{flex-direction:column;align-items:flex-start;margin-bottom:36px}.marketing-nav nav{justify-content:flex-start}.feature-grid,.benefit-list{grid-template-columns:1fr}.hero-visual{padding:18px}}.header-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.reset-button{color:#fff;cursor:pointer;white-space:nowrap;background:#17211f;border:0;border-radius:999px;padding:10px 14px;font-weight:850}.reset-button:hover{filter:brightness(1.08)}.editor-panel{align-self:start}.readonly-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.readonly-grid div{background:#f7faf9;border-radius:14px;padding:12px}.readonly-grid span,.field-label span{color:#71817e;font-size:.78rem;font-weight:800}.readonly-grid strong{overflow-wrap:anywhere;margin-top:4px;display:block}.field-label{color:#40524f;gap:8px;margin-bottom:14px;font-size:.86rem;font-weight:850;display:grid}.field-label input,.field-label textarea{color:#17211f;font:inherit;background:#fbfdfc;border:1px solid #cfe0dc;border-radius:14px;width:100%;padding:12px 14px}.field-label textarea{resize:vertical;line-height:1.5}.field-label input:focus,.field-label textarea:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e24}.option-editor,.node-settings{border-top:1px solid #e3ece9;margin-top:18px;padding-top:18px}.preview-article-link{color:#0f625c;text-align:center;background:#eef7f5;border:1px solid #c8dcd8;border-radius:16px;padding:14px;font-weight:850;text-decoration:none}.invalid-link{color:#9f1d16;background:#fff1f0;border:1px solid #ffccc7;border-radius:12px;padding:12px;font-size:.82rem;font-weight:800}.preview-field{color:#40524f;gap:7px;font-size:.82rem;font-weight:850;display:grid}.preview-field input{font:inherit;background:#fff;border:1px solid #c8dcd8;border-radius:12px;width:100%;padding:10px}.editor-note{color:#735c18;background:#fff8e5;border:1px solid #f0dfaa;border-radius:14px;margin:18px 0 0;padding:12px;font-size:.88rem;line-height:1.45}@media (width<=1100px){.preview-panel,.json-panel{grid-column:auto}}.json-panel pre{color:#d7fff8;background:#10201d;border-radius:18px;max-height:520px;margin:0;padding:18px;font-size:.86rem;line-height:1.5;overflow:auto}.publish-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0f766e;border:0;border-radius:999px;padding:10px 14px;font-weight:850}.publish-button:hover{filter:brightness(1.06)}.publish-status-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.status-card{border:1px solid #dce7e4;border-radius:20px;padding:18px}.status-card span{color:#71817e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.status-card strong{margin-bottom:8px;font-size:1.1rem;display:block}.status-card p{color:#5d6f6c;margin-bottom:0;line-height:1.45}.status-card.good{background:#effbf6;border-color:#a9ddc7}.status-card.warning{background:#fff8e5;border-color:#f0dfaa}.status-card.muted-card{background:#f7faf9}.validation-panel{color:#735c18;background:#fff8e5;border:1px solid #f0dfaa;border-radius:22px;margin-bottom:20px;padding:20px}.validation-panel h2{color:#5f4a0e;margin-bottom:12px}.validation-panel ul{margin:0;padding-left:20px}.validation-panel li+li{margin-top:6px}.preview-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.segmented-control{background:#edf7f5;border-radius:999px;gap:4px;padding:4px;display:flex}.segmented-control button{color:#0f625c;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:900}.segmented-control button.active{color:#fff;background:#0f766e}.segmented-control button:disabled{cursor:not-allowed;opacity:.45}.schema-pill{color:#0f625c;background:#edf7f5;border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:900}.notice-panel{border-radius:20px;margin-bottom:20px;padding:18px 20px}.notice-panel p:last-child{margin-bottom:0;line-height:1.45}.notice-panel.success{color:#0f625c;background:#effbf6;border:1px solid #a9ddc7}.notice-panel.error-notice{color:#9f1d16;background:#fff1f0;border:1px solid #ffccc7}.publish-button:disabled{cursor:wait;opacity:.65}.admin-app-shell{background:#f4f7f6;grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#d7ebe6;background:#10201d;flex-direction:column;gap:28px;min-height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.admin-brand{color:#fff;letter-spacing:-.03em;background:#0f766e;border-radius:12px;align-self:flex-start;padding:10px 12px;font-size:1.1rem;font-weight:950;text-decoration:none}.company-switcher{gap:8px;display:grid}.company-switcher span,.sidebar-note{color:#92aea8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.company-switcher select{appearance:none;color:#fff;cursor:pointer;font:inherit;background:#1b3430;border:1px solid #31514b;border-radius:10px;padding:11px 34px 11px 12px;font-weight:800}.company-switcher select:focus{border-color:#53b6a8;outline:none;box-shadow:0 0 0 3px #53b6a838}.admin-nav{gap:4px;display:grid}.admin-nav a{color:#d7ebe6;border-radius:10px;padding:11px 12px;font-size:.94rem;font-weight:800;text-decoration:none}.admin-nav a:hover,.admin-nav a:focus-visible{color:#fff;background:#1b3430;outline:none}.admin-nav a.active{color:#fff;background:#0f766e}.sidebar-note{border-top:1px solid #31514b;margin-top:auto;padding:18px 12px 0}.admin-content{width:100%;min-width:0;max-width:1540px;margin:0 auto;padding:32px clamp(22px,4vw,56px) 56px}.admin-header{border-bottom:1px solid #dce7e4;align-items:center;margin-bottom:12px;padding-bottom:20px}.admin-header h1{margin-bottom:6px;font-size:clamp(1.55rem,3vw,2.35rem)}.header-copy{margin-bottom:0;font-size:.96rem}.header-actions{flex-direction:row;align-items:center}.development-indicators{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.repository-panel{background:#fff;border:1px solid #dce7e4;border-radius:20px;margin-bottom:20px;padding:20px}.repository-panel button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:10px;padding:10px 12px;font-weight:900}.repository-panel button:disabled{color:#78908a;cursor:not-allowed;background:#d7e4e1}.repository-panel .danger-action{background:#b42318;align-self:end}.repository-panel .danger-action:hover:not(:disabled){background:#8f1c13}.repository-selectors,.repository-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.repository-summary,.repository-hint,.repository-empty{color:#60736f;font-size:.9rem}.repository-error,.repository-message{border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:.9rem;font-weight:800}.repository-error{color:#9f1d16;background:#fff0ee}.repository-message{color:#0f625c;background:#e9f8f4}.repository-history,.repository-actions{border:1px solid #e3ece9;border-radius:16px;padding:16px}.repository-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.repository-section-heading h3{margin:0}.repository-section-heading span{color:#0f625c;background:#edf7f5;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.version-list,.repository-action-group{gap:10px;display:grid}.version-row{text-align:left;color:#23413c!important;background:#f8fbfa!important;border:1px solid #dce7e4!important}.version-row.active{background:#e9f8f4!important;border-color:#0f766e!important}.version-row span,.version-row small,.selected-version-card small{display:block}.version-row small,.selected-version-card small{color:#60736f;margin-top:4px;font-weight:700}.selected-version-card{background:#f8fbfa;border-radius:14px;margin-bottom:12px;padding:12px}.selected-version-card p{margin:0;font-weight:900}.repository-action-group{border-top:1px solid #e3ece9;margin-top:12px;padding-top:12px}.repository-action-group.split{grid-template-columns:minmax(0,1fr) auto}.repository-action-group.split button:last-child:nth-child(3){grid-column:1/-1}@media (width<=900px){.repository-selectors,.repository-grid,.repository-action-group.split{grid-template-columns:1fr}}.indicator{color:#60736f;background:#edf2f1;border:1px solid #dce7e4;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:700}.indicator strong{color:#23413c}.indicator.good{background:#e9f8f4;border-color:#b9e2da}.indicator.warning{background:#fff8e5;border-color:#f0dfaa}.indicator.muted{background:#f7faf9}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);align-items:start}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.workflow-version{color:#0f625c;white-space:nowrap;background:#edf7f5;border-radius:999px;padding:7px 9px;font-size:.76rem;font-weight:900}.preview-panel{grid-column:1/2}.json-panel{grid-column:1/-1}@media (width<=1100px){.admin-app-shell{grid-template-columns:1fr}.admin-sidebar{gap:16px;min-height:auto;padding:18px 22px;position:static}.company-switcher{max-width:320px}.admin-nav{flex-wrap:wrap;display:flex}.sidebar-note{display:none}.workspace-grid,.preview-panel,.json-panel{grid-column:auto;grid-template-columns:1fr}}@media (width<=640px){.admin-content{padding:24px 16px 40px}.admin-header{align-items:flex-start}.header-actions{flex-wrap:wrap}.panel-heading{align-items:flex-start}.graph-actions{flex-direction:column;align-items:flex-start}.graph-action-buttons{justify-content:flex-start}}
