/* The public light palette. Components consume semantic roles, never theme
   names. */
:root {
  color-scheme: light;
  --ui-ink: #30394a;
  --ui-muted: #566174;
  --ui-subtle: #596274;
  --ui-link: #614184;
  --ui-purple: #7453a6;
  --ui-focus: #7042b7;
  --ui-canvas-start: #eaf0f1;
  --ui-canvas-mid: #f4eee2;
  --ui-canvas-end: #f2dfce;
  --ui-screen-background: linear-gradient(165deg, var(--ui-canvas-start) 0, var(--ui-canvas-mid) 30rem, var(--ui-canvas-end) 56rem);
  --ui-surface: #ffffff57;
  --ui-surface-raised: #ffffff9c;
  /* Opaque reading surface for anchored menus that must hide content behind them. */
  --ui-surface-solid: #fffdf8;
  --ui-surface-inset: #ffffff1f;
  --ui-surface-glass: #ffffff59;
  /* Inner glass must not accumulate the outer panel's white opacity. */
  --ui-surface-glass-nested: #ffffff1f;
  --ui-surface-glass-detail: #ffffff14;
  --ui-edge-glass-nested: #ffffff66;
  --ui-shadow-glass-nested: inset 0 1px 0 #ffffff40, 0 4px 16px #49365505;
  /* Match the savings CTA's rendered cream, without accumulating nested white. */
  --ui-surface-control: #f8efe3;
  --ui-surface-control-hover: #fbf3e9;
  --ui-surface-hover: #ffffffb3;
  --ui-surface-selected: #ffffffa6;
  --ui-surface-featured: #ffffff85;
  --ui-surface-success: #e8f1e3b3;
  --ui-surface-warning: #fff2d4b3;
  --ui-surface-danger: #fbe9e8b3;
  --ui-edge: #ffffffb8;
  --ui-control-edge: #807889;
  --ui-edge-strong: #a99aad80;
  --ui-edge-soft: #5d496626;
  --ui-success: #426747;
  --ui-warning: #765716;
  --ui-danger: #943f4a;
  --ui-primary: #674693;
  --ui-primary-foreground: #ffffff;
  --ui-primary-start: #8765b4;
  --ui-primary-end: #674693;
  --ui-primary-background: linear-gradient(135deg, var(--ui-primary-start), var(--ui-primary-end));
  --ui-primary-border: #8a6bac;
  --ui-primary-shadow: inset 0 1px 0 #ffffff59, 0 7px 22px #71509c2b;
  --ui-primary-hover-shade: 6%;
  --ui-primary-transition: 160ms ease;
  --ui-shadow: 0 10px 30px #4936550d;
  --ui-panel: linear-gradient(140deg, #ffffff9e, #ffffff42);
  --ui-panel-shadow: inset 0 1px 0 #ffffffd9, 0 18px 60px #52435812;
  /* Settled field material: borderless white surface with a layered neutral
     shadow; focus deepens the shadow instead of painting an outline. */
  --ui-field-shadow: 0 1px 2px rgb(41 41 41 / .05), 0 4px 10px -2px rgb(41 41 41 / .06), 0 0 0 1px rgb(41 41 41 / .05), inset 0 -1px 1px -.5px rgb(51 51 51 / .06);
  --ui-field-shadow-focus: 0 2px 4px rgb(41 41 41 / .06), 0 8px 18px -4px rgb(41 41 41 / .1), 0 0 0 1px rgb(41 41 41 / .6), inset 0 -1px 1px -.5px rgb(51 51 51 / .06);
  --ui-font: 'Proxima Nova', 'Avenir Next', Avenir, Arial, sans-serif;
}

/* Solid fallbacks also serve the standalone auth proof document. */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --ui-surface: #fffaf2;
    --ui-surface-raised: #fffdf8;
    --ui-surface-inset: #f2eee9;
    --ui-surface-glass: #fffaf2;
    --ui-surface-glass-nested: #fffaf2;
    --ui-surface-glass-detail: #fffaf2;
    --ui-panel: #fffdf8;
  }
}
@supports not (backdrop-filter: blur(1px)) {
  :root {
    --ui-surface: #fffaf2;
    --ui-surface-raised: #fffdf8;
    --ui-surface-glass: #fffaf2;
    --ui-surface-glass-nested: #fffaf2;
    --ui-surface-glass-detail: #fffaf2;
    --ui-panel: #fffdf8;
  }
}

* { scrollbar-color: var(--ui-edge-strong) transparent; }
html { min-height: 100%; background: var(--ui-screen-background); }
body { min-height: 100vh; margin: 0; color: var(--ui-ink); background: var(--ui-screen-background); }
button, input, textarea, select { color-scheme: inherit; }
/* Baseline design tokens from the original Grunt Work prototype. Maintained directly. */
body{margin:0}button,a{-webkit-tap-highlight-color:transparent}:root{--background:#fff;--foreground:#29282f;--card:#fff;--card-foreground:#29282f;--popover:#fff;--popover-foreground:#29282f;--primary:#7850d9;--primary-foreground:#fff;--secondary:#f3effc;--secondary-foreground:#6241ab;--muted:#f5f5f7;--muted-foreground:#81808b;--accent:#f2ecff;--accent-foreground:#6c46bd;--destructive:#ba4343;--border:#e8e7ed;--input:#dedce5;--ring:#aa8fe8;--sidebar:#fbfaf7;--sidebar-foreground:#5d5b66;--sidebar-primary:#7850d9;--sidebar-primary-foreground:#fff;--sidebar-accent:#eee6fb;--sidebar-accent-foreground:#7144c6;--sidebar-border:#e9e6e0;--sidebar-ring:#aa8fe8;--radius:.7rem;--yellow:#ffdf6c;--purple:#7850d9;--ink:#29282f}

*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:white;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #a17ce7;outline-offset:3px}h1,h2,h3,p{margin:0}button{transition:background .16s,border-color .16s,box-shadow .16s}p{line-height:1.6}.app-shell{height:100dvh;min-height:650px!important;overflow:hidden}.main-app{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;background:#fff}.app-sidebar [data-slot=sidebar-inner]{background:#fbfaf7}.brand-header{height:70px;padding:0 22px!important;justify-content:center;border-bottom:1px solid #e9e6e0}.brand{display:flex;align-items:center;gap:8px;color:#29282f;font-size:24px;font-weight:800;letter-spacing:-1.4px}.brand b{font-weight:400}.brand i{font-style:normal;color:var(--purple)}.brand-icon{width:31px;height:31px;border-radius:9px;background:#ffdf6c;display:grid;place-items:center;box-shadow:0 1px 0 #d7b849}.brand-icon svg{width:19px}.workspace-chip{margin:24px 17px 16px;display:flex;gap:10px;align-items:center}.workspace-avatar{height:32px;width:32px;flex-shrink:0;border:1px solid #ded9e6;border-radius:8px;background:#fff;display:grid;place-items:center;font-weight:700;color:#786396;font-size:14px}.workspace-chip strong{display:block;font-size:13px;color:#44424b}.workspace-chip div>span{display:block;font-size:12px;margin-top:4px;line-height:1.4;color:#8b8691}.navigation-group{padding:11px 14px!important}.navigation-group [data-slot=sidebar-group-label]{font-size:12px;letter-spacing:1px;font-weight:600;color:#9a949f;padding:0 10px;height:25px;margin-bottom:10px}.navigation-group [data-slot=sidebar-menu-button]{height:39px;border-radius:7px;padding:0 10px;font-size:14px;font-weight:500}.main-nav-button{color:#7044c6!important;background:#eee6fa!important}.main-nav-button span:nth-child(2){font-weight:600}.nav-count{display:grid;place-items:center;width:22px;height:20px;border-radius:5px;background:#ddcef4;color:#7750b5;font-size:12px;margin-left:auto}.collections{margin-top:13px}.collections [data-slot=sidebar-menu]{gap:5px}.collection-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%;margin-left:4px;margin-right:6px}.dot-0{background:#ada5b8}.dot-1{background:#a984dd}.dot-2{background:#7dbaa0}.dot-3{background:#81a8d5}.collection-count{margin-left:auto;font-size:12px;color:#a19aa8}.collection-active{background:#eeece8!important;color:#47424f!important}.approval-notice{display:flex;gap:7px;align-items:center;margin:16px 15px 0;padding:11px 10px;border:1px solid #e8d27e;border-radius:8px;background:#fff1b4;color:#806721;font-size:12px;font-weight:600}.sidebar-bottom{padding:0 15px 0!important;gap:0!important}.mascot-note{background:#fff0b8;border:1px solid #f1df9b;border-radius:10px;text-align:center;position:relative;padding:95px 7px 15px;margin:65px 0 17px}.mascot-note img{position:absolute;top:-48px;left:50%;transform:translateX(-50%);width:142px;height:142px;object-fit:contain}.mascot-note strong{display:block;color:#6d5425;font-size:15px;letter-spacing:-.2px}.mascot-note p{font-size:12px;color:#a18242;margin-top:5px;line-height:1.4}.help-button{border:0;background:none;display:flex;align-items:center;gap:9px;padding:13px 5px 20px;font-size:13px;color:#7c7683;text-align:left}.help-button>svg:last-child{margin-left:auto}.help-button:hover{color:#7850d9}.profile{border-top:1px solid #e6e2dc;padding:17px 1px;display:flex;gap:10px;align-items:center}.profile-avatar{height:31px;width:31px;border-radius:50%;background:#e7dff4;color:#786197;font-size:13px;display:grid;place-items:center}.profile strong{display:block;font-size:12px;color:#5d5665;font-weight:600}.profile div>span{display:block;font-size:12px;color:#9a93a1;margin-top:3px}.profile-spark{margin-left:auto;color:#98919f}.topbar{height:70px;min-height:70px;border-bottom:1px solid #eeedf1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:#96919d}.breadcrumbs>span:last-child{color:#55505e;font-weight:500}.topbar-right{display:flex;align-items:center;gap:20px}.demo-badge{font-size:12px;color:#8b7b55;display:flex;align-items:center;gap:7px;border:1px solid #ede5d2;background:#fffbf1;padding:6px 9px;border-radius:6px}.demo-badge>span{width:5px;height:5px;border-radius:50%;background:#c7ad66}.top-avatar{height:30px;width:30px;background:#f2e6c8;color:#9b8350;border-radius:50%;display:grid;place-items:center;font-size:12px}.mobile-sidebar-toggle{display:none!important}.work-area{display:flex;flex:1;min-height:0;min-width:0}.workflow-library{width:326px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid #e9e7ef;background:#fff}.library-heading{padding:28px 21px 0}.library-heading h1{font-size:25px;font-weight:700;letter-spacing:-.8px;display:flex;align-items:center;gap:9px;line-height:1.2}.library-heading h1 span{font-size:12px;letter-spacing:0;background:#f0eef3;color:#928a9e;border-radius:5px;padding:4px 6px;font-weight:500}.library-heading>div>p{font-size:13px;color:#9a939f;margin-top:9px;line-height:1.5}.new-flow-button{width:100%;margin-top:22px;border:1px solid #e8ca64;border-bottom-width:2px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:#ffdf6c;color:#66501e;padding:10px;font-size:14px;font-weight:600}.new-flow-button:hover{background:#ffd34a}.search-field{position:relative;margin-top:21px;display:flex;align-items:center;color:#a29ba9}.search-field>svg{position:absolute;left:11px}.search-field input{padding-left:35px;border-color:#e6e2eb;border-radius:7px;height:37px;font-size:13px;background:#fdfcfe;box-shadow:none}.search-field>span{position:absolute;right:9px;border:1px solid #e9e6ee;border-radius:3px;padding:0 5px;font-size:12px;color:#aba5b3;background:white}.list-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a59eac;padding:21px 1px 12px}.list-heading>span:first-child{color:#7d748a;font-weight:600}.workflow-list{flex:1;overflow:auto;padding:0 17px 20px;scrollbar-width:thin;scrollbar-color:#e9e3f0 transparent}.workflow-card{border:1px solid #e6e2eb;border-radius:9px;margin-bottom:12px;overflow:hidden;background:white;transition:border-color .16s,box-shadow .16s}.workflow-card.selected{border-color:#ac8cdd;box-shadow:0 0 0 1px #b192de28;background:#fcfaff}.workflow-card:hover{border-color:#b6a4cd}.card-content{width:100%;border:0;background:transparent;text-align:left;padding:15px 14px 8px;display:block}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:11px}.card-icon{height:29px;width:29px;border-radius:7px;display:grid;place-items:center}.card-category{font-size:12px;color:#9a90a5}.editing-badge{font-size:12px;color:#9b79c9;margin-left:auto;background:#f1eafa;border-radius:4px;padding:2px 5px}.card-content h2{font-size:14px;font-weight:600;letter-spacing:-.15px;line-height:1.45;color:#4c405d}.card-content p{font-size:13px;color:#978c9f;line-height:1.6;margin-top:5px;max-width:245px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 12px 11px 14px}.card-footer>span{font-size:12px;color:#aaa0b2;display:flex;align-items:center;gap:5px;line-height:1.4}.meta-divider{margin-inline:3px}.card-play{height:30px;width:30px;border-radius:50%;border:1px solid #e8e1f0;background:#fff;display:grid;place-items:center;color:#8c739f;flex-shrink:0;padding-left:2px}.selected .card-play{background:#8558d0;color:white;border-color:#8558d0;box-shadow:0 2px 5px #8558d028}.card-play:hover{background:#eee5fc;color:#7950bd}.card-play.playing{background:#eee3fe;color:#8352ca;padding-left:0}.live-dot{display:inline-block;height:6px;width:6px;min-width:6px;border-radius:50%;background:#a276d9;animation:pulse 1s infinite}.library-footer{font-size:12px;color:#a29aa9;display:flex;gap:7px;align-items:center;justify-content:center;padding:15px 10px;border-top:1px solid #f0edf4}.empty-list{padding:40px 10px;text-align:center;color:#9c90aa;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-list strong{font-size:15px;color:#6e5d80}.empty-list p{font-size:14px}.empty-list button{background:#f1e9fc;border:0;border-radius:6px;padding:9px 12px;font-size:13px;color:#7850bc;margin-top:6px}
.editor-area{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;min-height:0}.editor-heading{padding:27px 29px 22px;border-bottom:1px solid #efedf3}.editor-title-row{display:flex;align-items:center;gap:12px}.editor-title-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.editor-title{flex:1;min-width:0}.editor-title>div{display:flex;align-items:center;gap:10px}.editor-title h2{font-size:20px;letter-spacing:-.5px;font-weight:600;color:#3d3549;line-height:1.4}.editor-title p{font-size:13px;color:#a298ad;margin-top:5px;line-height:1.5}.draft-badge{border:1px solid #e6e0ed;color:#9f92ac;font-size:12px;font-weight:500;border-radius:5px;padding:2px 6px}.primary-button{background:#7c50ce;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #7345c5;border-radius:7px;padding:11px 14px;font-size:14px;font-weight:600;box-shadow:0 2px 2px #5b32a212;line-height:1.4}.primary-button:hover{background:#6d3dbe}.run-workflow{white-space:nowrap;margin-left:10px}.editor-tabs{display:flex!important;flex-direction:column;flex:1;gap:0!important;min-height:0}.editor-toolbar{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e9e6ee;background:#fff;gap:15px}.editor-tab-list{height:100%!important;padding:0!important;background:transparent!important;border-radius:0!important;gap:22px!important}.editor-tab-list [data-slot=tabs-trigger]{font-size:13px;font-weight:500;padding:0 1px!important;color:#a79bad;gap:7px!important;border-radius:0!important;height:100%!important}.editor-tab-list [data-slot=tabs-trigger][data-state=active]{color:#875abe!important}.editor-tab-list [data-slot=tabs-trigger]:after{background:#9a70d0!important;bottom:0!important}.output-count{font-size:12px;background:#f1e8fc;border-radius:4px;padding:1px 4px;color:#9c75cc}.editor-tools{display:flex;align-items:center;gap:20px}.session-label{font-size:12px;color:#aaa1b1;display:flex;align-items:center;gap:5px;white-space:nowrap}.session-label svg{color:#9cad9f}.add-node{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#8b739e;font-size:13px;white-space:nowrap;padding:8px 0}.add-node:hover{color:#7850d9}.editor-panel{margin:0!important;min-height:0;display:flex;flex:1}.editor-panel[data-state=inactive]{display:none}.canvas-container{position:relative;flex:1;min-width:0;min-height:0;background:#faf9fc}.canvas-viewport{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ddd4e8 transparent;background-image:radial-gradient(#d7d2df .8px,transparent .8px);background-size:18px 18px}.canvas-space{position:relative;width:100%;height:100%}.node-stage{position:absolute;left:50%;top:50%;transform-origin:center}.node-connections{position:absolute;inset:0;overflow:visible;pointer-events:none;color:#c4b5d8}.node-connections>path{fill:none;stroke:#c2b2d3;stroke-width:1.6}.node-connections>path.edge-done{stroke:#80b496}.node-connections>path.edge-approval{stroke-dasharray:5 5;stroke:#cfc3a4}.canvas-phase{position:absolute;left:35px;font-size:12px;letter-spacing:1px;color:#a79db2;display:flex;gap:8px;align-items:center}.canvas-phase span{font-size:12px;color:#b6a7c6;background:#f2eef7;padding:2px 5px;border-radius:4px;letter-spacing:0}.phase-one{top:181px}.phase-two{top:374px}.flow-node{position:absolute;width:220px;height:126px;text-align:left;background:white;border:1px solid #ded6e8;border-radius:9px;padding:12px 13px 0;box-shadow:0 3px 7px #66507708;touch-action:none;cursor:grab;color:#766484;user-select:none;transition:box-shadow .16s,border-color .16s}.flow-node:active{cursor:grabbing}.flow-node:hover{border-color:#b599d5;box-shadow:0 4px 11px #66507716}.flow-node.node-selected{border-color:#a078d0;box-shadow:0 0 0 3px #c9b3e536}.flow-node.node-running{border-color:#9c67df;box-shadow:0 0 0 4px #b891e836}.flow-node.node-done{border-color:#aad1b7}.node-label-row{display:flex;align-items:center;gap:7px;font-size:12px;color:#ac9ab7}.node-kind-icon{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.node-grip{margin-left:auto;color:#cfbfd9}.node-check{margin-left:auto;color:#83b796}.flow-node strong{display:block;font-size:15px;color:#665273;font-weight:600;margin:9px 0 0;letter-spacing:-.15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-description{font-size:12px;color:#ad9cba;margin-top:6px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-bottom{display:flex;align-items:center;gap:5px;font-size:12px;color:#b0a1ba;border-top:1px solid #f1ebf7;margin:10px -13px 0;padding:6px 13px;height:26px;line-height:1.3;border-radius:0 0 8px 8px;background:#fdfbff}.node-done .node-bottom{color:#7aa58b;background:#f7fbf8}.ready-dot{width:4px;height:4px;border-radius:50%;background:#c5b7d1}.connection-port{width:7px;height:7px;position:absolute;top:59px;border-radius:50%;border:1.5px solid #c1aad8;background:#fff;z-index:3}.port-left{left:-4px}.port-right{right:-4px}.trigger-node .connection-port{display:none}.trigger-node:after{content:'';position:absolute;left:calc(50% - 3px);bottom:-4px;width:7px;height:7px;border:1.5px solid #c1aad8;background:#fff;border-radius:50%}.color-node-yellow{background:#fffcf0;border-color:#e4ce85}.color-node-yellow strong{color:#8a7442}.color-node-yellow .node-label-row,.color-node-yellow .node-description{color:#bba36a}.color-node-yellow .node-bottom{background:#fff7dd;color:#bea16a;border-color:#f0e2b8}.color-node-yellow.node-selected{border-color:#d7b957;box-shadow:0 0 0 3px #f2df9b55}.color-node-yellow .connection-port{border-color:#d7bd77}.trigger-node{height:126px;background:#fefefe}.trigger-node strong{color:#897e95}.trigger-node .node-bottom{background:#faf8fd}.first-node{position:absolute;left:295px;top:230px;width:220px;height:125px;border:1.5px dashed #d0bbdf;border-radius:9px;background:#fffaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a18ab8}.first-node strong{font-size:14px}.first-node span{font-size:12px}.canvas-controls{position:absolute;bottom:20px;left:22px;display:flex;align-items:center;gap:1px;padding:4px;border:1px solid #e3dbe9;border-radius:7px;background:#ffffffed;box-shadow:0 2px 6px #6b547210}.canvas-controls button{border:0;background:transparent;width:29px;height:28px;display:grid;place-items:center;color:#a997b9;border-radius:4px}.canvas-controls button:hover{background:#f2ebf9;color:#8551bd}.canvas-controls>span:not(.control-divider){font-size:12px;color:#a193af;min-width:41px;text-align:center}.control-divider{height:15px;border-left:1px solid #eee7f4;margin-inline:4px}.minimap{position:absolute;right:21px;bottom:20px;width:116px;height:80px;background:#fffdfef2;border:1px solid #e4dcec;border-radius:7px;padding:6px;box-shadow:0 2px 6px #6b547208}.minimap svg{width:100%;height:100%}.configure-node{position:absolute;top:17px;right:20px;background:#fff;border:1px solid #e7dcef;border-radius:6px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:12px;color:#a486bd;box-shadow:0 2px 7px #77518908}.configure-node:hover{border-color:#bba3d0;color:#8552b3}.run-banner{display:flex;align-items:center;gap:13px;padding:18px 25px;border-top:1px solid #e9e5ef;background:#fff;min-height:81px}.run-banner-icon{display:grid;place-items:center;border:1px solid #ece5f4;background:#f8f4fd;color:#b8a0cf;border-radius:9px;width:37px;height:37px;flex-shrink:0}.run-banner>div{flex:1;min-width:0}.run-banner strong{display:block;font-size:14px;color:#877396;font-weight:600;line-height:1.4}.run-banner p{font-size:12px;color:#b1a3bb;margin-top:3px;line-height:1.4}.needs-approval{background:#fffcf0;border-top-color:#ede0b3}.needs-approval .run-banner-icon{background:#fff0b9;border-color:#eddda3;color:#b39a58}.needs-approval strong{color:#9e864b}.needs-approval p{color:#bca771}.run-complete .run-banner-icon{background:#f0f9f0;border-color:#d9e9dc;color:#87af8c}.run-complete strong{color:#71947a}.approval-button{display:flex;align-items:center;gap:7px;background:#ffe286;border:1px solid #e8c76f;border-radius:6px;padding:10px 11px;font-size:13px;font-weight:600;color:#917738;white-space:nowrap}.text-action{border:0;background:transparent;color:#926bbd;display:flex;gap:7px;align-items:center;font-size:13px;white-space:nowrap}.reset-run{padding:7px;border:0;background:transparent;color:#b7a8c4}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 25px;border-top:1px solid #f1edf5;min-height:37px;font-size:12px;color:#b8aabe}.editor-footer>span{display:flex;align-items:center;gap:7px}.editor-footer>span>span:not(.status-dot){color:#d2c9d9}.status-dot{height:5px;width:5px;border-radius:50%;background:#94baa0}.back-to-list{display:none}.output-panel{overflow:auto;min-height:0;padding:35px 35px 50px;flex:1;background:#fdfcfe}.output-heading{display:flex;gap:15px;align-items:center;margin-bottom:30px}.output-icon{display:grid;place-items:center;background:#f1eafb;color:#a287bc;width:48px;height:48px;border-radius:10px}.output-heading h3{font-size:20px;letter-spacing:-.5px;color:#766285;font-weight:600}.output-heading p{font-size:14px;color:#a99ab6;margin-top:5px}.run-log{list-style:none;margin:0;padding:0}.run-log li{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid #f0ebf6;font-size:14px;line-height:1.6;color:#9b87ae}.run-log li>span{font-size:12px;color:#baacc7;width:22px;padding-top:2px;flex-shrink:0}.run-log li>svg{margin-top:4px;color:#a0bda6;flex-shrink:0}.sample-result{margin-top:28px;padding:24px;background:#fff;border:1px solid #e6ddef;border-radius:10px}.sample-result>span{font-size:12px;letter-spacing:1px;color:#b09bc4}.sample-result p{font-size:16px;color:#8e7a9e;margin-top:12px}
.color-purple{background:#eee4ff;color:#9774c9}.color-blue{background:#e8f0ff;color:#85a0cc}.color-pink{background:#fae7f0;color:#c68caa}.color-yellow{background:#fff0b4;color:#c4a152}.color-green{background:#e9f6eb;color:#8cb498}.color-orange{background:#fff0e2;color:#cda476}.color-neutral{background:#f0ebf6;color:#ae9cbe}.loading-ring{width:17px;height:17px;border:2px solid #ded0ed;border-top-color:#a478ca;border-radius:50%;animation:spin 1s linear infinite}.node-sheet{padding:0!important;max-width:430px!important;width:min(430px,100%)!important;overflow:auto;border-color:#e1d5eb!important}.node-sheet [data-slot=sheet-header]{padding:32px 27px 25px;border-bottom:1px solid #f0eaf6}.sheet-kind{height:45px;width:45px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.node-sheet [data-slot=sheet-title]{font-size:24px;letter-spacing:-.5px;color:#5f4a70}.node-sheet [data-slot=sheet-description]{font-size:14px;line-height:1.65;color:#a693b4}.sheet-body{padding:12px 27px 30px}.sheet-body label,.new-flow-form label{font-size:14px;font-weight:600;color:#887195;display:block;margin-bottom:9px}.sheet-body input{height:42px;font-size:14px;color:#8b729e}.sheet-body textarea{font-size:14px;line-height:1.7;color:#9a81ad;resize:vertical;min-height:180px}.sheet-body label:not(:first-child){margin-top:24px}.human-note{display:flex;align-items:flex-start;gap:9px;padding:16px;background:#f8f3fd;border:1px solid #eee5f7;border-radius:8px;margin:23px 0;color:#b89ccb}.human-note svg{flex-shrink:0;margin-top:2px}.human-note p{font-size:13px;line-height:1.6;color:#ac94be}.sheet-primary{width:100%}.secondary-button{border:1px solid #e4d6ee;background:white;border-radius:7px;width:100%;padding:11px;font-size:14px;color:#a285b7;margin-top:10px}.review-preview{border:1px solid #ecddb8;background:#fffcf2;border-radius:9px;padding:21px}.review-preview>span{font-size:12px;letter-spacing:1px;color:#bda265}.review-preview h3{font-size:20px;color:#9c824c;line-height:1.4;margin-top:16px}.review-preview p{font-size:16px;color:#af996c;margin-top:13px}.app-dialog{padding:28px!important;border-radius:13px!important;border-color:#e6dcef!important;max-height:90dvh;overflow:auto}.app-dialog [data-slot=dialog-title]{font-size:23px;letter-spacing:-.7px;color:#725880;line-height:1.25;padding-right:15px}.app-dialog [data-slot=dialog-description]{font-size:14px;line-height:1.6;color:#a48cb4;margin-top:4px}.new-flow-form{margin-top:10px}.new-flow-form input{height:43px;font-size:14px}.new-flow-form .primary-button{width:100%;margin-top:23px}.node-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.node-picker button{display:flex;align-items:center;gap:9px;padding:13px 10px;border:1px solid #eadff1;background:#fdfbff;border-radius:8px;color:#9979ae;font-size:13px;text-align:left}.node-picker button>svg{margin-left:auto;flex-shrink:0}.node-picker button:hover{border-color:#bd9fd2;background:#f6eefd}.help-content{font-size:16px;color:#9e85ae;line-height:1.7}.help-content>p{margin-top:18px}.help-content strong{color:#80608f}.help-content .human-note p{font-size:14px}
/* Contrast and hierarchy: keep the gentle surfaces, use dark readable ink. */
.card-content h2,.editor-title h2,.flow-node strong{color:#544260}.card-content p,.node-description{color:#82708f}.card-footer>span,.node-bottom,.node-label-row{color:#8b7799}.editor-title p,.library-heading>div>p,.session-label{color:#8a7a97}.run-banner strong{color:#736080}.run-banner p,.editor-footer,.output-heading p{color:#8b7899}.color-node-yellow strong{color:#8a7033}.color-node-yellow .node-description,.color-node-yellow .node-label-row,.color-node-yellow .node-bottom{color:#9f8240}.review-preview h3{color:#80662f}.review-preview p{color:#947b43}.sheet-body label,.new-flow-form label{color:#765b87}.sheet-body input,.sheet-body textarea{color:#785f8c}.node-sheet [data-slot=sheet-description],.app-dialog [data-slot=dialog-description],.help-content{color:#8b709d}.sample-result p,.run-log li{color:#80688f}.human-note p{color:#8e71a1}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1600px){.workflow-library{width:355px}.library-heading{padding-inline:25px}.workflow-list{padding-inline:21px}.card-content p{max-width:280px}.editor-heading{padding:29px 36px 25px}.editor-toolbar{padding-inline:36px}.flow-node{box-shadow:0 3px 9px #6650770d}}
@media(max-width:1250px){.app-shell{--sidebar-width:190px!important}.brand-header{padding-inline:15px!important}.brand{font-size:23px}.workflow-library{width:290px}.library-heading{padding-inline:17px}.workflow-list{padding-inline:13px}.editor-heading{padding:23px 21px 20px}.editor-title-icon{display:none}.editor-title h2{font-size:18px}.editor-title p{max-width:300px}.editor-toolbar{padding-inline:20px}.session-label{display:none}.topbar{padding-inline:22px}.editor-footer>span:last-child{display:none}.run-banner{padding:16px 20px}.run-banner-icon{width:33px;height:33px}.run-workflow{padding:10px;font-size:13px;gap:6px}.draft-badge{display:none}.approval-button{font-size:12px;padding:9px}.mascot-note{margin-top:65px}.editor-tools{gap:0}.node-stage{transform-origin:center}}
@media(max-width:1000px) and (min-width:768px){.app-shell{--sidebar-width:172px!important}.brand{font-size:21px}.brand-icon{height:27px;width:27px}.brand-header{padding-inline:12px!important}.workspace-chip{margin-inline:12px;gap:7px}.workspace-chip div>span{font-size:12px}.workspace-avatar{display:none}.navigation-group{padding-inline:10px!important}.navigation-group [data-slot=sidebar-menu-button]{font-size:13px;gap:7px}.workflow-library{width:264px}.card-content{padding-inline:12px}.card-content p{font-size:12px}.library-heading h1{font-size:23px}.editor-title-row{align-items:flex-start;flex-wrap:wrap}.editor-title{flex-basis:100%}.run-workflow{margin-left:0;margin-top:3px}.editor-heading{padding-block:18px 15px}.editor-title p{max-width:none}.mascot-note{margin-inline:-2px}.mascot-note p{font-size:12px}.sidebar-bottom{padding-inline:12px!important}.profile-spark{display:none}.run-banner{flex-wrap:wrap;padding-block:12px;gap:9px}.run-banner>div{flex-basis:calc(100% - 50px)}.approval-button{margin-left:42px}.minimap{width:88px;height:62px;right:14px;bottom:17px}.canvas-controls{left:14px;bottom:17px}.configure-node{right:14px;font-size:12px}.topbar{height:62px;min-height:62px}.brand-header{height:62px}.editor-toolbar{padding-inline:15px}.editor-tab-list{gap:13px!important}.add-node{font-size:12px}.topbar-right{gap:12px}.editor-footer{padding-inline:17px}}
@media(max-height:850px){.mascot-note{padding-top:79px;margin-top:40px}.mascot-note img{width:121px;height:121px;top:-43px}.sidebar-bottom{gap:0!important}.collections{margin-top:3px}.workspace-chip{margin-top:18px;margin-bottom:7px}.navigation-group{padding-top:9px!important;padding-bottom:9px!important}.mascot-note p{display:none}.mascot-note{padding-bottom:11px;margin-bottom:10px}.help-button{padding-bottom:15px}.library-heading{padding-top:23px}.new-flow-button{margin-top:18px}.search-field{margin-top:17px}}
@media(max-width:767px){.app-shell{height:100dvh;min-height:600px!important}.main-app{width:100%}.mobile-sidebar-toggle{display:inline-flex!important;margin-left:-8px}.desktop-workspace{display:none!important}.topbar{height:59px;min-height:59px;padding:0 20px 0 17px}.topbar-right{gap:12px}.demo-badge{font-size:12px;padding:5px 7px}.breadcrumbs{gap:7px}.top-avatar{width:27px;height:27px}.work-area{display:block;position:relative;min-height:0;flex:1}.workflow-library{width:100%;height:100%;border-right:0}.library-heading{padding:26px 23px 0}.library-heading h1{font-size:28px}.library-heading>div>p{font-size:14px}.new-flow-button{margin-top:22px;height:43px;font-size:14px}.search-field{margin-top:19px}.search-field input{height:41px;font-size:16px}.list-heading{font-size:13px}.workflow-list{padding:0 21px 15px}.workflow-card{margin-bottom:13px}.card-content{padding:16px 16px 8px}.card-content h2{font-size:16px}.card-content p{font-size:14px;max-width:none}.card-footer{padding:4px 15px 13px 16px}.card-play{width:34px;height:34px}.card-content .card-icon{height:32px;width:32px}.card-category{font-size:13px}.card-top{margin-bottom:12px}.card-footer>span{font-size:13px}.library-footer{padding:13px}.mobile-library .editor-area{display:none}.mobile-editor .workflow-library{display:none}.editor-area{height:100%}.editor-heading{padding:14px 19px 17px}.back-to-list{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:#a080b8;font-size:13px;margin-bottom:15px}.editor-title-row{flex-wrap:wrap;gap:10px}.editor-title{min-width:180px}.editor-title h2{font-size:18px}.editor-title p{font-size:12px;max-width:260px}.run-workflow{font-size:12px;padding:9px;margin:0;gap:5px}.run-workflow svg{width:12px}.editor-toolbar{height:48px;min-height:48px;padding:0 19px;gap:7px}.editor-tab-list{gap:18px!important}.editor-tab-list [data-slot=tabs-trigger]{font-size:13px;gap:5px!important}.add-node{font-size:12px;gap:4px}.editor-tabs{min-height:0}.canvas-viewport{background-size:15px 15px}.minimap{display:none}.canvas-controls{left:16px;bottom:15px}.configure-node{font-size:12px;right:14px;top:12px;padding:7px}.run-banner{padding:13px 17px;gap:9px;min-height:80px;flex-wrap:wrap}.run-banner-icon{width:32px;height:32px}.run-banner>div{flex-basis:calc(100% - 60px)}.run-banner strong{font-size:14px}.run-banner p{font-size:12px;line-height:1.6}.approval-button{margin-left:41px;font-size:13px;padding:9px}.text-action{margin-left:41px}.reset-run{margin-left:auto}.editor-footer{padding:10px 17px;min-height:34px;font-size:12px}.node-sheet [data-slot=sheet-header]{padding:27px 23px 22px}.sheet-body{padding:10px 23px 25px}.sheet-body input,.sheet-body textarea{font-size:16px}.app-dialog{padding:25px!important}.app-dialog [data-slot=dialog-title]{font-size:21px}.node-picker{gap:8px}.node-picker button{padding:12px 8px;font-size:12px;gap:7px}.node-picker button>svg{display:none}.output-panel{padding:25px 21px}.output-heading{align-items:flex-start;gap:10px}.output-heading h3{font-size:18px}.output-heading p{font-size:13px}.output-icon{height:37px;width:37px;flex-shrink:0}.sample-result{padding:18px}.run-log li{font-size:13px}.new-flow-form input{font-size:16px}.sidebar-bottom{padding-inline:20px!important}.brand-header{padding-inline:24px!important}.workspace-chip{margin-inline:22px}.navigation-group{padding-inline:20px!important}.mascot-note{max-width:185px;width:100%;align-self:center}.profile{padding-block:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable text against the light brand surfaces. */
.workspace-chip div>span,.navigation-group [data-slot=sidebar-group-label],.collection-count,.profile div>span,.card-category,.editing-badge,.list-heading,.library-heading>div>p,.library-footer,.card-footer>span,.session-label,.editor-footer,.editor-title p{color:#78707f}
.card-content p,.run-banner p,.node-description,.node-label-row,.node-bottom,.output-heading p{color:#7b6c86}
.canvas-phase,.canvas-phase span,.canvas-controls>span:not(.control-divider),.configure-node,.add-node,.editor-tab-list [data-slot=tabs-trigger]{color:#82718f}
.draft-badge,.demo-badge,.mascot-note p{color:#857042}.mascot-note strong{color:#705726}
.run-banner strong{color:#65536f}.needs-approval p,.color-node-yellow .node-description,.color-node-yellow .node-label-row,.color-node-yellow .node-bottom{color:#94752f}
.help-content,.human-note p,.node-sheet [data-slot=sheet-description],.app-dialog [data-slot=dialog-description]{color:#7e658f}

.signin-app-link{font-size:13px;color:#7850d9;white-space:nowrap}.signin-app-link:hover{text-decoration:underline}@media(max-width:767px){.signin-app-link{font-size:12px}.topbar-right{gap:9px}.topbar-right .top-avatar{display:none}}

.signin-page{--signin-ink:#292530;--signin-purple:#7144c6;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff;color:var(--signin-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.signin-page *{box-sizing:border-box}.signin-page a{text-decoration:none;color:inherit}.signin-page button{font:inherit}.signin-page h1,.signin-page h2,.signin-page p{margin:0}.signin-page a:focus-visible,.signin-page button:focus-visible{outline:3px solid var(--signin-purple);outline-offset:5px}
.signin-brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;background:#ffdf6c;padding:42px 9% 36px;overflow:hidden;min-width:0}
.signin-wordmark{display:inline-flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1.1;position:relative;z-index:2}.signin-brand-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--signin-ink);border-radius:11px;color:#ffdf6c}.signin-wordmark-light{font-weight:400}.signin-wordmark-dot{color:var(--signin-purple)}
.signin-brand-copy{position:relative;z-index:2;margin-top:64px}.signin-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.65px;color:#695522;line-height:1.5}.signin-brand-copy h1{font-size:clamp(38px,4.3vw,68px);letter-spacing:-2.8px;font-weight:800;line-height:1.06;margin-top:18px}.signin-brand-copy h1 span{color:var(--signin-purple)}.signin-brand-copy>p:last-child{font-size:18px;line-height:1.55;margin-top:23px;color:#69582f}
.signin-mascot-stage{width:100%;flex:1;position:relative;min-height:335px;margin:0 auto;max-width:540px;display:flex;align-items:center;justify-content:center}.signin-mascot-halo{width:83%;aspect-ratio:1;position:absolute;border-radius:50%;background:#ffe992;left:8%;top:50%;transform:translateY(-44%);z-index:-1}.signin-mascot{width:115%;max-width:none;height:auto;max-height:470px;object-fit:contain;display:block;position:relative;z-index:1;margin:8px -7.5% 0}.signin-mascot-message{position:absolute;z-index:2;bottom:19%;left:0;display:flex;align-items:center;gap:8px;padding:13px 17px;border:1px solid #e8d7a0;border-radius:13px 13px 13px 2px;transform:rotate(-6deg);box-shadow:0 6px 0 #d7b03a1f;background:white;font-size:15px;font-weight:700;color:#4f4860}.signin-mascot-message svg{color:#669638}
.signin-mini-workflow{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;align-self:center;width:100%;max-width:440px;gap:0;margin-top:13px;flex-shrink:0}.signin-mini-workflow>span{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #d3b959;border-radius:8px;background:#ffe98e;padding:11px 12px;font-size:13px;color:#756132;font-weight:600}.signin-mini-workflow>i{width:24px;height:1px;background:#b89c46;flex-shrink:1;position:relative}.signin-mini-workflow>i:after{content:'';height:5px;width:5px;position:absolute;right:-2px;top:-2px;border-radius:50%;background:#a99045}.signin-mini-workflow>span.signin-mini-grunt{background:#7850d9;border-color:#7047cf;color:#fff;position:relative;z-index:1;box-shadow:0 3px 0 #6543bb18}
.signin-form-panel{display:flex;flex-direction:column;padding:43px 8% 30px;min-width:0}.signin-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:13px}.signin-preview-label{color:#756a85;background:#f4f0fb;border:1px solid #e9e1f3;border-radius:5px;padding:5px 8px;font-size:12px;white-space:nowrap}.signin-panel-header>a{display:flex;align-items:center;gap:7px;color:#746b80;font-size:13px}.signin-panel-header>a:hover,.signin-panel-footer>a:hover{color:var(--signin-purple)}
.signin-form-wrap{width:100%;max-width:385px;margin:auto;position:relative;padding:72px 0 63px}.signin-welcome-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e6dcf5;border-radius:17px;background:#f3edfc;color:#8758d1;margin-bottom:26px;transform:rotate(-7deg)}.signin-welcome-icon svg{transform:rotate(7deg)}.signin-form-wrap h2{font-size:clamp(30px,3vw,42px);font-weight:750;letter-spacing:-1.4px;line-height:1.13}.signin-description{font-size:17px;line-height:1.6;color:#7d7488;margin-top:16px!important}.signin-providers{display:flex;flex-direction:column;gap:13px;margin-top:36px}.signin-provider{display:flex;align-items:center;gap:15px;min-height:56px;width:100%;background:#fff;border:1px solid #ded8e8;border-radius:9px;padding:14px 18px;color:#453c51;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.signin-provider>svg{flex-shrink:0}.signin-provider:hover{border-color:#b49bd9;box-shadow:0 3px 10px #7150920b;background:#fcfaff}.signin-provider:active{background:#f5edff}.signin-provider-arrow{margin-left:auto;color:#ad9fb9}.signin-password-note{font-size:13px!important;text-align:center;color:#8b8095;margin-top:16px!important;line-height:1.5}.signin-provider-notice{border:1px solid #e7ddf6;background:#faf7ff;border-radius:9px;padding:14px 16px;margin-top:20px;color:#746584;font-size:14px;line-height:1.5}.signin-provider-notice[hidden]{display:none}.signin-provider-notice strong{font-size:14px;color:#60467e}.signin-provider-notice p{font-size:14px;line-height:1.6;margin-top:4px}.signin-provider-notice a{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--signin-purple);margin-top:11px}.signin-new-account{text-align:center;margin-top:34px;border-top:1px solid #eeebf2;padding-top:28px}.signin-new-account p{font-size:14px;font-weight:600;color:#675c75;line-height:1.5}.signin-new-account span{display:block;color:#8a8095;font-size:13px;line-height:1.6;margin-top:5px}.signin-account-note{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:33px;color:#8d819b}.signin-account-note>svg{flex-shrink:0;color:#9c8eac}.signin-account-note p{font-size:12px;line-height:1.65}.signin-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;font-size:12px;color:#918799}.signin-panel-footer>a{display:flex;align-items:center;gap:6px;color:#776783}
@media(min-width:1600px){.signin-brand-panel{padding-left:13%;padding-right:13%}.signin-brand-copy{margin-top:80px}.signin-mascot-stage{min-height:440px}.signin-mascot{max-height:540px}.signin-form-panel{padding-left:11%;padding-right:11%}}
@media(max-height:850px) and (min-width:851px){.signin-brand-panel{padding-top:31px;padding-bottom:25px}.signin-brand-copy{margin-top:39px}.signin-brand-copy h1{font-size:clamp(38px,4.2vw,61px)}.signin-brand-copy>p:last-child{margin-top:17px;font-size:17px}.signin-mascot-stage{min-height:270px}.signin-mascot{max-height:350px}.signin-form-panel{padding-top:32px;padding-bottom:25px}.signin-form-wrap{padding:46px 0}.signin-welcome-icon{margin-bottom:22px}.signin-providers{margin-top:29px}.signin-new-account{margin-top:28px;padding-top:23px}.signin-account-note{margin-top:26px}}
@media(max-width:1100px){.signin-brand-panel{padding-left:8%;padding-right:8%}.signin-form-panel{padding-left:8%;padding-right:8%}.signin-brand-copy h1{letter-spacing:-1.8px}.signin-mini-workflow>span{font-size:12px;padding:10px 8px;gap:5px}.signin-mini-workflow>i{width:17px}.signin-panel-header>a{font-size:12px}.signin-panel-header{gap:12px}.signin-mascot-message{left:-2%;font-size:14px;padding:11px 12px}}
@media(max-width:850px){.signin-page{grid-template-columns:42% 58%}.signin-brand-panel{padding:30px 9%}.signin-brand-copy{margin-top:75px}.signin-eyebrow{font-size:12px;max-width:200px;letter-spacing:1px}.signin-brand-copy h1{font-size:38px;letter-spacing:-1.8px;line-height:1.12}.signin-brand-copy>p:last-child{font-size:16px}.signin-wordmark{font-size:26px}.signin-brand-icon{width:33px;height:33px}.signin-mascot{width:140%;margin-inline:-20%;max-height:380px}.signin-mascot-stage{min-height:280px}.signin-mascot-message{bottom:16%;font-size:12px;padding:10px}.signin-mini-workflow{display:none}.signin-form-panel{padding:33px 9% 25px}.signin-form-wrap{padding:70px 0 56px}.signin-form-wrap h2{font-size:34px}.signin-panel-header>a{display:none}.signin-description{font-size:16px}.signin-panel-footer{flex-wrap:wrap;gap:10px}}
@media(max-width:600px){.signin-page{display:flex;flex-direction:column}.signin-brand-panel{min-height:0;padding:23px 25px 28px;overflow:hidden}.signin-wordmark{font-size:26px;gap:8px}.signin-brand-icon{width:32px;height:32px;border-radius:9px}.signin-brand-icon svg{width:18px}.signin-brand-copy{margin-top:30px;max-width:66%}.signin-eyebrow{display:none}.signin-brand-copy h1{font-size:clamp(28px,7.5vw,39px);letter-spacing:-1.4px;line-height:1.11;margin-top:0}.signin-brand-copy>p:last-child{font-size:14px;line-height:1.5;margin-top:13px;max-width:200px}.signin-mascot-stage{position:absolute;right:-26px;bottom:-12px;width:48%;height:210px;min-height:0;margin:0;z-index:-1}.signin-mascot{width:118%;height:100%;max-height:none;margin:0 -9%;object-fit:contain}.signin-mascot-halo{top:55%;width:100%;left:0}.signin-mascot-message{display:none}.signin-form-panel{padding:26px 25px 23px;flex:1}.signin-panel-header{justify-content:flex-end}.signin-preview-label{font-size:12px;padding:4px 7px}.signin-form-wrap{max-width:410px;padding:15px 0 35px}.signin-welcome-icon{display:none}.signin-form-wrap h2{font-size:32px;letter-spacing:-1px}.signin-description{margin-top:11px!important;font-size:16px}.signin-desktop-break{display:none}.signin-providers{margin-top:25px;gap:12px}.signin-provider{min-height:54px;padding:13px 15px;font-size:15px}.signin-password-note{font-size:12px!important;margin-top:14px!important}.signin-new-account{margin-top:27px;padding-top:23px}.signin-account-note{margin-top:25px;justify-content:flex-start}.signin-account-note p{font-size:12px}.signin-panel-footer{border-top:1px solid #eeebf2;padding-top:18px;max-width:410px;align-self:center}}
.signin-brand-panel{background:#ffe168}.signin-mascot-halo{display:none}.signin-mascot{width:min(115%,470px);max-height:none;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
@media(max-height:850px) and (min-width:851px){.signin-mascot{width:min(115%,350px);max-height:none}}
@media(max-width:850px){.signin-mascot{width:140%;max-height:none}}
@media(max-width:600px){.signin-mascot{width:118%;height:auto}}
.signin-setup-preview{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--signin-purple);margin-top:11px;padding:0;border:0;background:none;cursor:pointer;text-align:left;line-height:1.5}
@media(prefers-reduced-motion:reduce){.signin-page button{transition:none}}

.company-page{--company-ink:#302738;--company-purple:#7850d9;--company-border:#e7deed;min-height:100dvh;display:flex;flex-direction:column;background:#fdfcfe;color:var(--company-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.company-page *{box-sizing:border-box}.company-page h1,.company-page p,.company-page ol{margin:0}.company-page button,.company-page input{font:inherit}.company-page a{color:inherit;text-decoration:none}.company-page a:focus-visible,.company-page button:focus-visible{outline:3px solid #ab87e1;outline-offset:4px}.company-page button{cursor:pointer}.company-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.company-header{display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;gap:30px;width:100%;max-width:1500px;margin:0 auto;padding:31px 4.5% 27px}.company-wordmark{display:flex;align-items:center;gap:9px;width:max-content;font-size:28px;font-weight:800;letter-spacing:-1.6px;line-height:1.2}.company-brand-icon{display:grid;place-items:center;width:35px;height:35px;background:#ffdf6c;border:1px solid #f0d063;border-radius:10px;color:#3a303c}.company-wordmark-light{font-weight:400}.company-wordmark-dot{color:var(--company-purple)}.company-progress-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin-bottom:10px}.company-progress-caption strong{font-size:13px;font-weight:600;color:#6b507f}.company-progress-caption>span{color:#92839d;font-size:12px}.company-progress ol{display:flex;list-style:none;gap:6px;padding:0}.company-progress li{height:5px;flex:1;background:#ebe5f0;border-radius:8px}.company-progress li.company-step-filled{background:#a17ade}.company-progress li[aria-current=step]{background:#7850d9}.company-preview-badge{justify-self:end;font-size:12px;color:#83728f;border:1px solid #e8def2;border-radius:5px;background:#f7f2fd;padding:5px 8px;white-space:nowrap}
.company-content{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1140px;margin:0 auto;padding:29px 28px 60px}.company-back-row{margin:0 0 21px 8px}.company-back-row>a,.company-back-row>button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:6px 0;font-size:14px;color:#8c7c98}.company-back-row>a:hover,.company-back-row>button:hover{color:var(--company-purple)}.company-conversation{display:grid;grid-template-columns:minmax(270px,.87fr) minmax(0,1.13fr);gap:39px;align-items:center}.company-mascot-column{min-width:0;padding-top:16px}.company-mascot-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin:0 -6%}.company-mascot-sun{position:absolute;width:87%;height:87%;border-radius:50%;background:#ffdf6c;top:8%;left:6%;z-index:-1}.company-mascot-stage img{width:105%;height:auto;display:block;position:relative;transform:rotate(-3deg);filter:drop-shadow(0 13px 10px #8a591619)}.company-mascot-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;color:#9b8aaa;font-size:14px}.company-mascot-caption>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#fff1b7;color:#a6852f;transform:rotate(-9deg)}.company-mascot-caption p{line-height:1.5}.company-mascot-caption strong{font-weight:500;color:#6d5a7e}
.company-question-column{position:relative;min-width:0}.company-speech{position:relative;padding:32px 35px 28px;background:white;border:1px solid #e6deee;border-radius:21px;box-shadow:0 5px 0 #eee8f536,0 12px 40px #74548906}.company-speech:before{content:'';position:absolute;left:-12px;top:111px;width:22px;height:22px;background:white;border-left:1px solid #e6deee;border-bottom:1px solid #e6deee;transform:rotate(45deg);border-bottom-left-radius:3px}.company-speaker{display:flex;align-items:center;gap:7px;color:#9a75c5;font-size:12px;font-weight:700;letter-spacing:1.25px;line-height:1.5}.company-speech h1{font-size:clamp(30px,3.1vw,41px);line-height:1.16;letter-spacing:-1.45px;font-weight:750;margin-top:16px}.company-explanation{font-size:17px;color:#85758f;line-height:1.65;margin-top:20px!important;max-width:450px}.company-explanation strong{font-weight:600;color:#7951a4}.company-speech-signoff{font-size:14px;line-height:1.6;color:#a08bad;margin-top:12px!important}.company-form{padding:28px 18px 0}.company-form>label{display:block;font-size:14px;font-weight:600;color:#645171;line-height:1.5;margin-bottom:10px}.company-url-field{display:flex;align-items:center;gap:12px;min-height:58px;background:white;border:1.5px solid #d5c1eb;border-radius:9px;padding:0 17px;box-shadow:0 0 0 3px #f5eefc}.company-url-field>svg{flex-shrink:0;color:#b39bc6}.company-url-field input{font-family:inherit;display:block;flex:1;min-width:0;width:100%;border:0!important;border-radius:0;outline:none!important;padding:15px 0!important;height:auto;background:transparent;box-shadow:none!important;font-size:17px;color:#513d64;line-height:1.5}.company-url-field input::placeholder{color:#aa96ba;opacity:1}.company-url-field:focus-within{border-color:#9368c7;box-shadow:0 0 0 3px #eee2fd}.company-url-field.company-url-invalid{border-color:#c75e6c;box-shadow:0 0 0 3px #fceff1}.company-url-field.company-url-ready{border-color:#86a96f;box-shadow:0 0 0 3px #f3f7ef}.company-url-ready>svg:last-child{color:#74985d}.company-url-hint{font-size:13px;line-height:1.5;color:#9b89a8;margin-top:9px!important}.company-url-error{font-size:14px;line-height:1.5;color:#b34b5b;margin-top:9px!important}.company-continue{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;background:#7850d9;color:white;border:1px solid #7046cf;border-radius:9px;min-height:54px;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin-top:24px;box-shadow:0 3px 0 #643cb71a;transition:background .16s,box-shadow .16s;white-space:normal}.company-continue:hover{background:#6940c7;box-shadow:0 4px 12px #7145bc25}.company-continue:active{background:#6037bf}.company-continue svg{width:18px;height:18px;flex-shrink:0}.company-public-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.6;color:#a092ab;margin-top:15px!important}.company-public-note svg{color:#b09fc0;flex-shrink:0}.company-ready-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #e6daef;border-radius:9px;padding:14px;background:#f8f3fc;margin-top:18px}.company-ready-note[hidden]{display:none}.company-ready-note>span{color:#7c6294;background:#ede3f5;border-radius:50%;padding:3px;display:flex;margin-top:1px}.company-ready-note strong{display:block;color:#6c4c84;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.company-ready-note p{font-size:13px;color:#91799f;line-height:1.6;margin-top:4px}
.company-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1500px;width:100%;margin:0 auto;padding:24px 4.5% 27px;border-top:1px solid #f0ebf5;font-size:12px;color:#a398ac}.company-footer>p{display:flex;align-items:center;gap:8px;color:#9d8bab;line-height:1.5}.company-footer svg{color:#b8a7c5;flex-shrink:0}
@media(min-width:1600px){.company-content{max-width:1260px}.company-conversation{gap:65px}.company-speech{padding:38px 40px 34px}.company-speech h1{font-size:46px}.company-explanation{font-size:19px}.company-form{padding-top:33px}}
@media(max-height:850px) and (min-width:761px){.company-header{padding-top:25px;padding-bottom:20px}.company-content{padding-top:14px;padding-bottom:35px}.company-back-row{margin-bottom:12px}.company-speech{padding-top:26px;padding-bottom:23px}.company-speech h1{font-size:36px;margin-top:13px}.company-explanation{margin-top:16px!important;font-size:16px}.company-speech-signoff{margin-top:9px!important}.company-form{padding-top:24px}.company-continue{margin-top:21px}.company-footer{padding-top:19px;padding-bottom:22px}}
@media(max-width:1000px){.company-header{grid-template-columns:1fr 250px 1fr;gap:20px}.company-wordmark{font-size:25px}.company-brand-icon{width:32px;height:32px}.company-conversation{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:30px}.company-content{padding-inline:30px}.company-speech{padding-inline:27px}.company-speech h1{font-size:35px}.company-explanation{font-size:16px}.company-mascot-caption{font-size:12px;gap:6px}}
@media(max-width:760px){.company-header{grid-template-columns:1fr auto;padding:23px 25px 20px;gap:23px}.company-progress{grid-column:1/-1;grid-row:2;width:100%;max-width:460px;justify-self:center}.company-progress-caption{margin-bottom:10px}.company-preview-badge{grid-column:2;grid-row:1}.company-wordmark{font-size:26px}.company-content{padding:8px 25px 36px;max-width:600px;justify-content:flex-start}.company-back-row{margin:0 0 8px}.company-conversation{grid-template-columns:1fr;gap:0;position:relative}.company-mascot-column{padding:0;align-self:start;display:flex;align-items:center;gap:9px}.company-mascot-stage{width:130px;aspect-ratio:1;flex-shrink:0;margin:0 0 -3px -5px}.company-mascot-stage img{width:104%}.company-mascot-caption{margin-top:20px;justify-content:flex-start;font-size:13px;gap:7px}.company-question-column{margin-top:17px}.company-speech{padding:25px 25px 23px;border-radius:17px}.company-speech:before{left:50px;top:-10px;width:18px;height:18px;transform:rotate(135deg)}.company-speaker{font-size:12px;letter-spacing:1px}.company-speech h1{font-size:33px;letter-spacing:-1.2px;line-height:1.17;margin-top:13px}.company-explanation{font-size:16px;margin-top:16px!important}.company-speech-signoff{font-size:13px;margin-top:10px!important}.company-form{padding:25px 1px 0}.company-url-field{min-height:57px;padding-inline:14px}.company-url-field input{font-size:16px}.company-continue{margin-top:21px}.company-footer{padding:20px 25px;flex-direction:column;gap:10px;text-align:center;font-size:12px}.company-footer>p{justify-content:center}}
@media(max-width:370px){.company-header{padding-inline:20px}.company-content{padding-inline:20px}.company-speech{padding-inline:20px}.company-speech h1{font-size:29px}.company-question-break{display:none}.company-mascot-caption{font-size:12px}.company-mascot-stage{width:115px}}
.company-edit-website{display:block;margin:12px auto 0;border:0;background:none;padding:5px 8px;color:#9477a8;font-size:13px!important;text-decoration:underline;text-underline-offset:3px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.company-page button{transition:none}}

.goals-page{background:#fdfcfe;min-height:100dvh}.goals-page h2{margin:0}.goals-workspace{width:100%;max-width:1390px;padding:23px 4.5% 38px;margin:0 auto;display:grid;grid-template-columns:305px minmax(0,1fr);gap:52px;flex:1;align-items:start}.goals-guide{position:sticky;top:25px;min-width:0}.goals-guide .company-back-row{margin:0 0 23px 1px}.goals-speech{border:1px solid #e4d9ed;border-radius:19px;background:#fff;padding:28px 26px 26px;position:relative;box-shadow:0 5px 0 #eee8f550}.goals-speech:after{content:'';position:absolute;bottom:-11px;left:62%;height:20px;width:20px;transform:rotate(-45deg);background:#fff;border-left:1px solid #e4d9ed;border-bottom:1px solid #e4d9ed;border-bottom-left-radius:3px}.goals-speaker{display:flex;align-items:center;gap:7px;color:#9670bd;font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:1.5}.goals-speech h1{font-size:33px;font-weight:750;letter-spacing:-1.2px;line-height:1.14;margin-top:16px}.goals-speech>p:not(.goals-speaker){font-size:16px;color:#82718e;line-height:1.65;margin-top:19px}.goals-speech-note{display:flex;align-items:center;gap:6px;font-size:13px;color:#936cba;margin-top:19px;line-height:1.5}.goals-speech-note svg{flex-shrink:0}.goals-mascot-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin:30px -12px 0}.goals-mascot-stage>div{position:absolute;width:87%;height:87%;left:6%;top:8%;background:#ffdf6c;border-radius:50%;z-index:-1}.goals-mascot-stage img{display:block;width:105%;height:auto;transform:rotate(-3deg);filter:drop-shadow(0 9px 8px #97682113)}.goals-mascot-caption{font-size:13px;color:#9a87a7;text-align:center;margin-top:13px!important;line-height:1.5}.goals-mascot-caption strong{font-weight:500;color:#7a608c}
.goals-selection-form{min-width:0;padding-top:9px}.goals-options-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.goals-options-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:650;color:#51415e;line-height:1.35}.goals-options-heading p{font-size:14px;color:#9a86a8;margin-top:7px;line-height:1.5}.goals-options-count{font-size:12px;color:#9a84aa;white-space:nowrap;border:1px solid #e8deef;background:#faf6fe;border-radius:6px;padding:6px 8px}.goals-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:27px;row-gap:29px}.goals-group{min-width:0;border:0;margin:0;padding:0}.goals-group legend{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#6c557d;padding:0;margin:0 0 13px;line-height:1.5}.goals-group legend>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#f0e5fc;color:#a37cc6;flex-shrink:0}.goals-sales legend>span{background:#f9e9e0;color:#c09278}.goals-customers legend>span{background:#fce6ed;color:#bd8397}.goals-finance legend>span{background:#e9f3e3;color:#8aab73}.goals-research legend>span{background:#e5eefb;color:#81a1c5}.goals-operations legend>span{background:#fff2d4;color:#bba263}.goals-bubbles{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.goals-bubble{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 12px 10px 14px;min-height:41px;max-width:100%;border:1px solid #e5ddeb;border-radius:999px;background:#fff;color:#8c759c;cursor:pointer;line-height:1.35;user-select:none;transition:background .14s,border-color .14s,color .14s;box-shadow:0 1px 1px #75558703}.goals-bubble>span:not(.goals-bubble-mark){font-size:13px;overflow-wrap:anywhere}.goals-bubble:hover{border-color:#c6a9df;background:#fbf7ff;color:#735088}.goals-bubble:focus-within{outline:3px solid #cdb4eb;outline-offset:3px}.goals-bubble.goals-bubble-selected{background:#eee3fc;border-color:#b18bd7;color:#70449c}.goals-bubble .goals-checkbox{position:absolute;opacity:0;width:1px;height:1px;min-width:0;border:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);box-shadow:none}.goals-bubble-mark{width:17px;height:17px;display:grid;place-items:center;flex-shrink:0;color:#b9a4c8}.goals-bubble-selected .goals-bubble-mark{background:#9869c8;border-radius:50%;color:white}.goals-custom-section{display:flex;align-items:center;gap:13px;margin-top:29px;padding-top:22px;border-top:1px solid #eee7f3;flex-wrap:wrap}.goals-custom-toggle{display:flex;align-items:center;gap:7px;font-size:13px!important;color:#9a80ad;padding:9px 13px;border:1px dashed #d7c5e5;border-radius:999px;background:transparent;line-height:1.4}.goals-custom-toggle:hover,.goals-custom-toggle.goals-custom-open{background:#f4edfd;color:#805aa1;border-color:#bd9ad6}.goals-custom-section>span{font-size:12px;color:#a493af;line-height:1.5}.goals-custom-field{margin-top:19px}.goals-custom-field label{display:block;font-size:14px;font-weight:600;color:#705985;margin-bottom:9px;line-height:1.5}.goals-custom-field input{display:block;width:100%;min-width:0;height:auto;font-size:16px;font-family:inherit;padding:13px 15px;background:white;border:1px solid #d6c1e6;border-radius:9px;color:#614877;outline:none;line-height:1.5;box-shadow:none}.goals-custom-field input::placeholder{color:#ad97ba}.goals-custom-field input:focus-visible{outline:3px solid #e1cefa;outline-offset:1px}.goals-custom-field p{font-size:12px;color:#a18aac;margin-top:7px;line-height:1.5}
.goals-action-bar{position:sticky;bottom:0;z-index:10;border-top:1px solid #e9e0f0;background:#fffffffa;box-shadow:0 -5px 20px #84639604;margin-top:8px;backdrop-filter:blur(14px)}.goals-action-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;max-width:1390px;margin:0 auto;padding:20px 4.5% 22px}.goals-selection-summary{display:flex;align-items:center;gap:12px;min-width:0}.goals-selection-icon{height:39px;width:39px;display:grid;place-items:center;flex-shrink:0;background:#f3eff8;color:#c4b4d2;border:1px solid #ebe2f1;border-radius:11px}.goals-selection-icon.goals-has-selection{background:#f0e4fe;color:#a47acf;border-color:#e7d4f6}.goals-selection-summary p{font-size:14px;line-height:1.5;color:#71607f}.goals-selection-summary strong{font-weight:600}.goals-selection-summary>div>span{font-size:12px;color:#a090ac;display:block;margin-top:3px;line-height:1.5}.goals-selection-summary>button{align-self:center;background:none;border:0;color:#a384b9;font-size:12px;padding:7px 10px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.goals-continue{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;background:#7850d9;border:1px solid #7048cc;color:#fff;border-radius:8px;font-size:14px!important;font-weight:600;padding:12px 21px;line-height:1.5;white-space:normal;transition:background .15s;box-shadow:0 2px 0 #5c369e0d}.goals-continue:hover{background:#6941c5}.goals-continue:disabled{cursor:not-allowed;opacity:1;background:#cbb9e3;border-color:#c4b2df;color:white;box-shadow:none}.goals-continue svg{width:18px;height:18px;flex-shrink:0}.goals-confirmation{display:flex;align-items:flex-start;gap:9px;flex-basis:100%;font-size:13px;color:#91799e;background:#faf6fd;border:1px solid #ebdff3;border-radius:8px;padding:12px 15px;line-height:1.6}.goals-confirmation p{line-height:1.6}.goals-confirmation strong{font-weight:600;color:#78568c}.goals-confirmation svg{flex-shrink:0;margin-top:3px;color:#9371b0}
@media(min-width:1600px){.goals-workspace{max-width:1530px;grid-template-columns:340px minmax(0,1fr);gap:65px}.goals-action-inner{max-width:1530px}.goals-speech{padding:31px 29px}.goals-speech h1{font-size:37px}.goals-bubble{min-height:44px;padding:11px 14px}.goals-bubble>span:not(.goals-bubble-mark){font-size:14px}.goals-groups{gap:33px}.goals-options-heading{margin-bottom:34px}}
@media(max-width:1180px){.goals-workspace{grid-template-columns:270px minmax(0,1fr);gap:32px;padding-inline:4%}.goals-speech{padding:25px 23px}.goals-speech h1{font-size:30px}.goals-speech>p:not(.goals-speaker){font-size:15px}.goals-options-count{display:none}.goals-groups{column-gap:19px}.goals-bubble{padding:9px 11px;gap:6px}.goals-bubble>span:not(.goals-bubble-mark){font-size:13px}.goals-options-heading h2{font-size:21px}}
@media(max-width:1000px) and (min-width:761px){.goals-workspace{grid-template-columns:240px minmax(0,1fr);gap:31px}.goals-groups{grid-template-columns:1fr;gap:25px}.goals-speech{padding:23px 20px}.goals-speech h1{font-size:28px;letter-spacing:-1px}.goals-guide{top:20px}.goals-bubble{min-height:43px}.goals-action-inner{gap:14px}.goals-selection-summary>div>span{max-width:290px}.goals-continue{padding-inline:16px}.goals-selection-summary>button{padding-inline:1px}.goals-selection-summary{gap:9px}}
@media(max-width:760px){.goals-workspace{display:block;padding:6px 25px 30px;max-width:640px}.goals-guide{position:relative;top:auto;padding:0 0 4px;display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:18px;align-items:center}.goals-guide .company-back-row{grid-column:1/-1;margin:0 0 18px}.goals-speech{grid-column:2;grid-row:2;padding:20px 21px;border-radius:16px}.goals-speech:after{bottom:auto;top:65px;left:-9px;height:16px;width:16px;transform:rotate(45deg)}.goals-speaker{font-size:12px;letter-spacing:.8px}.goals-speech h1{font-size:27px;letter-spacing:-.8px;margin-top:11px}.goals-speech>p:not(.goals-speaker){font-size:14px;margin-top:13px;line-height:1.6}.goals-speech-note{display:none}.goals-mascot-stage{grid-column:1;grid-row:2;margin:0 -8px;width:125%;transform:translateX(-7%)}.goals-mascot-caption{display:none}.goals-selection-form{padding-top:29px}.goals-options-heading{margin-bottom:23px}.goals-options-heading h2{font-size:22px}.goals-options-heading p{font-size:14px;margin-top:6px}.goals-groups{grid-template-columns:1fr;gap:25px}.goals-group legend{font-size:14px;margin-bottom:12px}.goals-bubble{min-height:44px;padding:11px 13px;gap:8px}.goals-bubble>span:not(.goals-bubble-mark){font-size:14px}.goals-bubbles{gap:8px}.goals-custom-section{margin-top:26px;gap:10px}.goals-custom-toggle{min-height:44px}.goals-action-inner{padding:15px 25px calc(16px + env(safe-area-inset-bottom));gap:14px;max-width:640px}.goals-selection-summary{width:100%;gap:10px}.goals-selection-icon{width:33px;height:33px;border-radius:9px}.goals-selection-summary p{font-size:13px}.goals-selection-summary>div>span{font-size:12px}.goals-selection-summary>button{margin-left:auto;padding:5px 0}.goals-continue{width:100%;min-height:47px;font-size:14px!important}.goals-confirmation{font-size:12px;padding:10px 12px}.goals-action-bar{margin-top:0}.goals-page{scroll-padding-bottom:160px}}
@media(max-width:420px){.goals-workspace{padding-inline:20px}.goals-guide{grid-template-columns:70px minmax(0,1fr);gap:14px}.goals-speech{padding:19px 18px}.goals-speech h1{font-size:26px}.goals-speech>p:not(.goals-speaker){font-size:14px}.goals-mascot-stage{width:145%;margin-left:-13px}.goals-bubble{padding-inline:12px}.goals-bubble>span:not(.goals-bubble-mark){font-size:13px}.goals-action-inner{padding-inline:20px}.goals-selection-summary>div>span{max-width:245px}.goals-selection-icon{display:none}}
@media(prefers-reduced-motion:reduce){.goals-bubble,.goals-continue{transition:none}}

.template-page{background:#fff;min-height:100dvh}.template-page h2{margin:0}.template-workspace{display:grid;grid-template-columns:335px minmax(0,1fr);align-items:start;gap:64px;width:100%;max-width:1360px;margin:0 auto;flex:1;padding:20px 4.5% 33px}.template-guide{position:sticky;top:20px;min-width:0}.template-guide .company-back-row{margin:0 0 22px 2px}.template-speech{position:relative;padding:28px 28px 25px;border:1px solid #edd99a;background:#fff7d7;border-radius:20px;box-shadow:0 4px 0 #f2dea72e}.template-speech:after{content:'';position:absolute;bottom:-10px;left:43%;height:18px;width:18px;transform:rotate(-45deg);background:#fff7d7;border-left:1px solid #edd99a;border-bottom:1px solid #edd99a;border-bottom-left-radius:3px}.template-speaker{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:1px;color:#997638;line-height:1.5}.template-speech h1{font-size:34px;line-height:1.14;letter-spacing:-1.2px;margin-top:17px;font-weight:750;color:#47344c}.template-speech h1 span{color:#7950bb}.template-speech>p:not(.template-speaker){font-size:16px;line-height:1.65;color:#796848;margin-top:19px}.template-grunt-tip{display:flex;align-items:center;gap:9px;padding-top:18px;margin-top:20px;border-top:1px solid #e8dba8;color:#9b7b3c}.template-grunt-tip>svg{flex-shrink:0}.template-grunt-tip p{font-size:13px;line-height:1.6;color:#8a713e}.template-mascot-stage{display:flex;justify-content:center;align-items:center;position:relative;margin:25px -28px 0}.template-mascot-stage img{display:block;width:100%;height:auto;max-width:400px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}.template-mascot-caption{font-size:13px;text-align:center;color:#8b7798;margin-top:8px!important;line-height:1.5}.template-mascot-caption strong{font-weight:500;color:#6e557e}
.template-choices{min-width:0;padding-top:9px}.template-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:22px}.template-heading h2{font-size:25px;font-weight:650;letter-spacing:-.65px;color:#45334f;line-height:1.3}.template-heading p{font-size:14px;line-height:1.5;color:#897394;margin-top:7px}.template-heading>span{font-size:12px;letter-spacing:1px;color:#9b88a8;white-space:nowrap}.template-radio-group{display:flex!important;flex-direction:column;gap:13px!important}.template-card{border:1px solid #e5dceb;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.template-card:hover{border-color:#bda0d8}.template-card-selected{border-color:#b18cd6;box-shadow:0 0 0 2px #ecdff966}.template-recommendation{display:flex;align-items:center;gap:7px;padding:9px 18px;background:#fff5ca;color:#927030;border-bottom:1px solid #eedfa9;font-size:12px;line-height:1.4}.template-recommendation strong{font-size:12px;font-weight:700;white-space:nowrap}.template-recommendation>svg{flex-shrink:0}.template-recommendation>span{margin-left:5px;color:#927949;font-size:12px}.template-card-select{display:block;position:relative;padding:19px 20px 17px;cursor:pointer;outline:none}.template-card:has(.template-radio:focus-visible){outline:3px solid #c5a3e4;outline-offset:4px}.template-card-selected .template-card-select{background:#fcf9ff}.template-card-select .template-radio{position:absolute;width:1px;height:1px;opacity:0;min-width:0;border:0;padding:0;margin:0;clip-path:inset(50%);overflow:hidden;box-shadow:none}.template-card-heading{display:flex;align-items:center;gap:11px}.template-icon{display:grid;place-items:center;height:42px;width:42px;flex-shrink:0;background:#efe4fd;color:#a17ac8;border:1px solid #e6d8f4;border-radius:11px}.template-icon-spend{background:#edf5e8;color:#8ea879;border-color:#e1ead9}.template-icon-meeting{background:#eaf0fc;color:#8ca5d0;border-color:#dce5f5}.template-icon-feedback{background:#fcedf3;color:#bf859d;border-color:#f3dfeb}.template-icon-outreach{background:#fff0df;color:#bd9066;border-color:#f2e4d4}.template-icon-research{background:#e6f5f4;color:#71a7a4;border-color:#d7eae9}.template-icon-report{background:#f1edfc;color:#ab94d0;border-color:#e5dff1}.template-title{flex:1;min-width:0;display:block}.template-category{display:block;color:#917ba0;font-size:12px;line-height:1.4;margin-bottom:5px}.template-category>span{color:#9876b3}.template-title>strong{display:block;font-size:17px;font-weight:650;letter-spacing:-.3px;line-height:1.35;color:#554063}.template-select-mark{display:grid;place-items:center;height:21px;width:21px;flex-shrink:0;border:1px solid #d8c9e3;border-radius:50%;background:#fff;color:#fff;margin-left:4px}.template-card-selected .template-select-mark{border-color:#9468c7;background:#9468c7;box-shadow:0 0 0 3px #f2e9fd}.template-description{display:block;font-size:14px;color:#85718f;line-height:1.6;margin:13px 0 0}.template-result{display:flex;align-items:center;gap:8px;font-size:13px;color:#79628a;margin-top:12px;line-height:1.5}.template-result>svg{color:#a98abb;flex-shrink:0}.template-result b{font-size:12px;font-weight:600;color:#a58bb3;margin-right:6px}.template-account-line{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c759c;line-height:1.5;margin-top:8px}.template-account-line>svg{color:#af9bbe;flex-shrink:0}
.template-flow-preview{padding:14px 20px 15px;background:#f9f5fe;border-top:1px solid #eadef4}.template-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a48bad;margin-bottom:12px}.template-flow-heading strong{font-size:12px;font-weight:600;color:#9372a8}.template-flow-preview ol{display:flex;gap:0;list-style:none;padding:0;margin:0!important}.template-flow-preview li{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.template-flow-preview li:last-child{flex:.9}.template-mini-node{display:flex;align-items:center;gap:6px;min-height:43px;background:#fff;border:1px solid #e4d8ef;border-radius:7px;padding:7px;flex:1;min-width:0}.template-mini-node>span{display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;border-radius:5px;background:#f0e8f8;color:#b49ccb;font-size:12px;font-weight:600}.template-mini-node>strong{font-size:12px;font-weight:500;color:#8b6e9d;line-height:1.35}.template-mini-review{background:#fff6d6;border-color:#ead493}.template-mini-review>span{color:#b59b58;background:#fff0b6}.template-mini-review>strong{color:#9b834e}.template-step-arrow{color:#c4abd6;flex-shrink:0;margin-right:7px;width:13px}.template-flow-preview>p{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#987fa8;line-height:1.5;margin-top:11px}.template-flow-preview>p>svg{flex-shrink:0;margin-top:2px}.template-human-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#9c87a8;line-height:1.5;margin-top:18px!important}.template-human-note>svg{flex-shrink:0;color:#ac96bb}
.template-action-bar{position:sticky;bottom:0;z-index:10;background:#fffffffa;border-top:1px solid #eae1f0;box-shadow:0 -5px 20px #77539304;backdrop-filter:blur(14px)}.template-action-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px 25px;padding:18px 4.5% 20px}.template-current-selection{display:flex;align-items:center;gap:11px;min-width:0}.template-current-selection>span{display:grid;place-items:center;flex-shrink:0;height:38px;width:38px;background:#f2e9fc;border:1px solid #e7d9f3;border-radius:10px;color:#aa85c8}.template-current-selection p{font-size:14px;font-weight:600;line-height:1.5;color:#70597f}.template-current-selection>div>span{display:block;font-size:12px;line-height:1.5;color:#9983a6;margin-top:3px}.template-continue{display:flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:12px 23px;background:#7850d9;border:1px solid #7048cc;border-radius:8px;color:white;font-size:14px!important;font-weight:600;line-height:1.5;white-space:normal;cursor:pointer}.template-continue:hover{background:#6a42c7}.template-continue>svg{width:18px;height:18px;flex-shrink:0}.template-confirmation{display:flex;align-items:flex-start;gap:9px;flex-basis:100%;border:1px solid #e9dcef;border-radius:8px;background:#faf6fd;padding:12px 15px;color:#8f719e;font-size:13px;line-height:1.6}.template-confirmation p{line-height:1.6}.template-confirmation strong{color:#715383;font-weight:600}.template-confirmation>svg{flex-shrink:0;margin-top:3px;color:#a185b6}
@media(min-width:1600px){.template-workspace{max-width:1490px;grid-template-columns:375px minmax(0,1fr);gap:74px}.template-action-inner{max-width:1490px}.template-speech{padding:33px 32px 29px}.template-speech h1{font-size:39px}.template-speech>p:not(.template-speaker){font-size:18px}.template-mascot-stage img{max-width:440px}.template-card-select{padding:21px 23px 19px}.template-title>strong{font-size:19px}.template-description{font-size:16px}.template-mini-node>strong{font-size:13px}}
@media(max-width:1150px){.template-workspace{grid-template-columns:290px minmax(0,1fr);gap:36px;padding-inline:4%}.template-speech{padding:26px 24px}.template-speech h1{font-size:30px}.template-speaker{font-size:12px;letter-spacing:.7px}.template-recommendation{padding-inline:17px}.template-recommendation>span{font-size:12px}.template-title>strong{font-size:16px}.template-card-select{padding:17px}.template-flow-preview{padding-inline:17px}.template-mini-node{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px}.template-mascot-stage{margin-inline:-20px}.template-heading>span{display:none}}
@media(max-width:930px) and (min-width:761px){.template-workspace{grid-template-columns:245px minmax(0,1fr);gap:29px}.template-speech{padding:23px 20px}.template-speech h1{font-size:27px;letter-spacing:-.8px}.template-speech>p:not(.template-speaker){font-size:15px}.template-grunt-tip p{font-size:12px}.template-speaker{font-size:12px;letter-spacing:.3px;gap:5px}.template-recommendation>span{display:none}.template-category>span{display:none}.template-icon{width:35px;height:35px;border-radius:9px}.template-title>strong{font-size:15px}.template-mini-node>strong{font-size:12px}.template-flow-preview ol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-flow-preview li{gap:5px}.template-mini-node{flex-direction:row;align-items:center;min-height:40px}.template-flow-preview li:nth-child(2n) .template-step-arrow{display:none}.template-step-arrow{margin-right:0}.template-action-inner{gap:15px}.template-current-selection>div>span{max-width:320px}.template-continue{padding-inline:17px}}
@media(max-width:760px){.template-workspace{display:block;max-width:650px;padding:7px 25px 29px}.template-guide{position:relative;top:auto;display:grid;grid-template-columns:105px minmax(0,1fr);gap:0 16px;align-items:center}.template-guide .company-back-row{grid-column:1/-1;margin:0 0 18px}.template-speech{grid-column:2;grid-row:2;padding:22px 22px 21px;border-radius:17px}.template-speech:after{bottom:auto;left:-9px;top:68px;transform:rotate(45deg);height:16px;width:16px}.template-speaker{font-size:12px;letter-spacing:.3px}.template-speech h1{font-size:28px;margin-top:12px;letter-spacing:-.9px}.template-speech>p:not(.template-speaker){font-size:14px;margin-top:13px;line-height:1.6}.template-grunt-tip{display:none}.template-mascot-stage{grid-row:2;grid-column:1;margin:0 -22px 0 -16px;width:150px;z-index:1}.template-mascot-stage img{width:100%}.template-mascot-caption{display:none}.template-choices{padding-top:31px}.template-heading{margin-bottom:19px}.template-heading h2{font-size:24px}.template-heading p{font-size:14px;margin-top:6px}.template-recommendation{padding:9px 14px;gap:6px}.template-recommendation>span{display:none}.template-card-select{padding:17px 16px 16px}.template-card-heading{gap:10px}.template-icon{height:37px;width:37px;border-radius:9px}.template-icon svg{width:19px}.template-category{font-size:12px;margin-bottom:4px}.template-title>strong{font-size:16px;letter-spacing:-.2px}.template-category>span{display:none}.template-description{font-size:14px;margin-top:12px}.template-result{font-size:13px;align-items:flex-start;margin-top:11px}.template-result>svg{margin-top:2px}.template-result b{display:block;margin:0 0 2px}.template-account-line{font-size:12px;margin-top:9px}.template-flow-preview{padding:14px 16px}.template-flow-preview ol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-flow-preview li{gap:6px}.template-mini-node{flex-direction:row;align-items:center;gap:6px;padding:9px 8px;min-height:43px}.template-mini-node>strong{font-size:12px}.template-flow-preview li:nth-child(2n) .template-step-arrow{display:none}.template-step-arrow{margin-right:0}.template-flow-preview>p{font-size:12px}.template-human-note{font-size:12px;align-items:flex-start;justify-content:flex-start;margin-top:17px!important}.template-human-note>svg{margin-top:1px}.template-action-inner{max-width:650px;padding:15px 25px calc(16px + env(safe-area-inset-bottom));gap:14px}.template-current-selection{width:100%;gap:9px}.template-current-selection p{font-size:13px}.template-current-selection>div>span{font-size:12px}.template-current-selection>span{height:32px;width:32px;border-radius:8px}.template-continue{width:100%;min-height:47px}.template-confirmation{font-size:12px;padding:11px 13px}}
@media(max-width:420px){.template-workspace{padding-inline:20px}.template-guide{grid-template-columns:68px minmax(0,1fr);gap:0 15px}.template-speech{padding:20px 18px}.template-speech h1{font-size:25px}.template-speaker{font-size:12px;letter-spacing:0;gap:5px}.template-speaker svg{display:none}.template-mascot-stage{width:112px;margin-left:-20px}.template-card-select{padding-inline:14px}.template-title>strong{font-size:15px}.template-select-mark{width:19px;height:19px;margin-left:1px}.template-flow-preview{padding-inline:14px}.template-current-selection>span{display:none}.template-action-inner{padding-inline:20px}.template-mini-node>span{width:17px;height:17px}.template-mini-node{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.template-card,.template-continue{transition:none}}

.onboarding-editor{--oe-ink:#51405f;--oe-purple:#7850d9;--oe-line:#e8e0ef;font-family:Arial,Helvetica,sans-serif;color:var(--oe-ink);font-size:16px;-webkit-font-smoothing:antialiased}.onboarding-editor *{box-sizing:border-box}.onboarding-editor h1,.onboarding-editor h2,.onboarding-editor h3,.onboarding-editor h4,.onboarding-editor p{margin:0}.onboarding-editor button,.onboarding-editor input,.onboarding-editor textarea{font-family:inherit}.onboarding-editor a{text-decoration:none}.oe-shell{display:flex!important;width:100%;height:100dvh;min-height:720px!important;overflow:hidden;background:white}.oe-sidebar{width:266px!important;min-width:266px;flex:0 0 266px;display:flex;flex-direction:column;background:#fbfaf7;border-right:1px solid #e6e1eb;min-height:0}.oe-brand-header{height:72px;min-height:72px;display:flex;justify-content:center;padding:0 24px!important;border-bottom:1px solid #e8e3dc}.oe-brand-header .brand{font-size:26px}.oe-sidebar-content{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;padding:21px 17px 20px;gap:0}.oe-back{display:flex;align-items:center;gap:6px;background:none;border:0;color:#897492;font-size:.75rem!important;text-align:left;padding:4px 0;line-height:1.5}.oe-back:hover{color:#7850d9}.oe-checklist-heading{padding:23px 4px 0}.oe-checklist-heading>span{font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.8px;color:#a58aaa}.oe-checklist-heading h1{font-size:1.35rem;font-weight:650;line-height:1.3;letter-spacing:-.5px;color:#5c4668;margin-top:10px}.oe-checklist-heading p{font-size:.875rem;line-height:1.65;color:#927d9c;margin-top:10px}.oe-setup-progress{padding:21px 4px 17px}.oe-setup-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;color:#a18bac;line-height:1.5;margin-bottom:10px}.oe-setup-progress strong{font-weight:500;color:#8c709f}.onboarding-editor .oe-progress{height:5px;width:100%;position:relative;border-radius:10px;background:#e9e0f0;overflow:hidden}.oe-progress [data-slot=progress-indicator]{height:100%;width:100%;background:#ad89d7;transition:transform .2s}.oe-checklist{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:5px}.oe-checklist-item{display:flex!important;align-items:center;width:100%;height:auto!important;min-height:62px;padding:11px 9px!important;gap:9px!important;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:#8a729b;cursor:pointer}.oe-checklist-item:hover{background:#f2edf7}.oe-checklist-item[data-active=true]{background:#f0e8fa;border-color:#e3d4f0}.oe-checklist-item.oe-needs-setup[data-active=true]{background:#fff4ce;border-color:#ecdba4}.oe-checkmark{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #e6d4a1;background:#fff4d0;border-radius:7px;color:#ad8a3f;font-size:.75rem}.oe-checkmark-ready{background:#f0f3eb;border-color:#dce5d0;color:#8ca675}.oe-checklist-item>span:nth-child(2){display:block;min-width:0;flex:1}.oe-checklist-item strong{display:block;font-size:.875rem;font-weight:550;line-height:1.35;color:#775f89;white-space:normal}.oe-checklist-item small{display:block;font-size:.75rem;line-height:1.5;color:#a28dae;margin-top:4px;white-space:normal}.oe-needs-setup small{color:#b18b3f}.oe-checklist-item>svg{flex-shrink:0;color:#b6a1c6}.oe-guide{position:relative;margin:0 17px 0;padding:9px 0 0!important;min-height:166px;display:block!important}.oe-grunt-bubble{padding:15px 14px 19px;border:1px solid #e9d691;border-radius:11px;background:#fff2bc;position:relative;width:100%}.oe-grunt-bubble strong{display:block;color:#927031;font-weight:600;font-size:.875rem;line-height:1.5}.oe-grunt-bubble p{font-size:.75rem;line-height:1.5;color:#a08242;max-width:125px;margin-top:5px}.oe-guide img{position:absolute;right:-30px;bottom:-4px;width:139px;height:139px;object-fit:contain;pointer-events:none}.oe-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:white}.oe-topbar{height:72px;min-height:72px;padding:0 25px;border-bottom:1px solid #eee8f2;display:flex;gap:15px;align-items:center}.oe-topbar>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#a18cab;font-size:.875rem;line-height:1.5}.oe-topbar strong{font-size:.875rem;color:#846990;font-weight:500}.oe-topbar svg{flex-shrink:0}.oe-step-count{font-size:.875rem;line-height:1.5;color:#8f719f;white-space:nowrap}.oe-demo-badge{font-size:.75rem;line-height:1.5;color:#a08854;background:#fffae9;border:1px solid #eee1b9;border-radius:6px;padding:5px 8px;white-space:nowrap}.oe-editor-heading{padding:24px 26px 23px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ece4f2}.oe-flow-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e7dcf3;border-radius:12px;flex-shrink:0}.oe-editor-heading>div:nth-child(2){min-width:0;flex:1}.oe-editor-heading h2{font-size:1.35rem;font-weight:650;letter-spacing:-.4px;line-height:1.4;color:#624771;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.oe-editor-heading h2>span{font-size:.75rem;letter-spacing:0;font-weight:500;padding:3px 7px;border:1px solid #eddda2;border-radius:5px;background:#fff7d5;color:#ad8d45}.oe-editor-heading p{font-size:.875rem;line-height:1.6;color:#95829f;margin-top:5px}.onboarding-editor .oe-primary,.oe-dialog .oe-primary{display:flex;align-items:center;justify-content:center;gap:9px;background:#7850d9;color:white;font-size:.875rem!important;font-weight:600;border:1px solid #7048cb;border-radius:8px;min-height:44px;height:auto;padding:11px 16px;line-height:1.5;white-space:normal;box-shadow:none;cursor:pointer}.onboarding-editor .oe-primary:hover,.oe-dialog .oe-primary:hover{background:#6941c6}.onboarding-editor .oe-primary svg,.oe-dialog .oe-primary svg{flex-shrink:0}.onboarding-editor button:disabled,.oe-dialog button:disabled{opacity:.45;cursor:not-allowed}.oe-main-action{flex-shrink:0;max-width:220px}.oe-guidance-bar{display:flex;align-items:center;gap:11px;padding:14px 26px;background:#fff9e6;border-bottom:1px solid #ece0bb}.oe-guidance-bar>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #ebd798;border-radius:8px;background:#fff0bb;color:#b19755}.oe-guidance-bar>div{flex:1;min-width:0}.oe-guidance-bar strong{display:block;font-size:.875rem;font-weight:600;color:#967b40;line-height:1.5}.oe-guidance-bar p{font-size:.75rem;line-height:1.6;color:#ad935d;margin-top:3px}.oe-guidance-bar>button{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:.75rem!important;color:#a3813f;border:0;background:none;padding:7px 0;line-height:1.5}.oe-run-guidance{background:#faf5ff;border-color:#e6d9f0}.oe-run-guidance>span{background:#f1e6fd;border-color:#e4d3f1;color:#a180b9}.oe-run-guidance strong{color:#866399}.oe-run-guidance p{color:#a389b2}.oe-run-guidance>button{color:#9777ab}.oe-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;flex:1;min-height:0;min-width:0}.oe-canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0}.oe-canvas-toolbar{height:49px;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 21px;border-bottom:1px solid #e9e1f0;background:#fff}.oe-canvas-toolbar>span:first-child{display:flex;align-items:center;gap:7px;color:#a07aba;font-size:.875rem}.oe-canvas-toolbar>span:last-child{font-size:.75rem;color:#b39cbf;white-space:nowrap}.oe-canvas-column .canvas-container{min-height:0;flex:1}.oe-canvas-column .canvas-viewport{background-color:#faf8fd}.oe-canvas-column .canvas-space{min-height:650px}.onboarding-editor .node-needs-setup{border-color:#dbc389}.onboarding-editor .node-needs-setup .node-bottom{background:#fff7dd;color:#ac8640;border-color:#eddeb4}.onboarding-editor .node-needs-setup.node-selected{border-color:#d3ad57;box-shadow:0 0 0 3px #f1ddb077}.onboarding-editor .flow-node .node-bottom{font-size:12px}.onboarding-editor .flow-node.node-selected{box-shadow:0 0 0 4px #cbb3e647}.oe-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;height:35px;min-height:35px;padding:0 18px;font-size:.75rem;color:#ad98b8;border-top:1px solid #eee6f3}.oe-canvas-footer>span:first-child{display:flex;align-items:center;gap:6px}.oe-canvas-footer>span:last-child{font-size:.75rem}.oe-inspector{display:flex;flex-direction:column;border-left:1px solid #e4d7ef;min-width:0;min-height:0;background:white;box-shadow:-3px 0 15px #67468603}.oe-inspector-heading{display:flex;align-items:center;gap:10px;padding:20px 20px 17px;border-bottom:1px solid #eee5f4;position:relative;min-height:95px}.oe-node-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.oe-inspector-heading>div{flex:1;min-width:0}.oe-inspector-heading>div>span{display:block;font-size:.75rem;line-height:1.4;color:#ae97bb}.oe-inspector-heading h3{font-size:1rem;font-weight:600;line-height:1.45;color:#735183;margin-top:5px}.oe-node-status{display:none;font-size:.75rem;color:#8ba873}.oe-inspector-tabs{display:flex;flex:1;min-height:0;flex-direction:column;gap:0!important}.oe-inspector-tab-list{display:flex!important;height:48px!important;min-height:48px;background:#fff!important;border-radius:0!important;justify-content:flex-start!important;gap:22px!important;width:100%;padding:0 20px!important;border-bottom:1px solid #e9e0f0}.oe-inspector-tab-list [data-slot=tabs-trigger]{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto!important;height:100%;border:0;border-bottom:2px solid transparent;background:none!important;box-shadow:none!important;border-radius:0;color:#ae96bd;font-size:.875rem;padding:0;line-height:1.5}.oe-inspector-tab-list [data-state=active]{border-bottom-color:#a27ad1;color:#9564b9}.oe-output-dot{height:5px;width:5px;border-radius:50%;background:#d2b66e}.oe-inspector-content{padding:21px 20px 25px;overflow:auto;flex:1;min-height:0;margin:0!important}.oe-inspector-content[data-state=inactive]{display:none}.oe-node-fields{padding:0;margin:0;border:0;min-width:0}.oe-node-fields label:not(.oe-choices label):not(.oe-day-choices label),.oe-output-content>label{display:block;font-size:.875rem;font-weight:500;line-height:1.5;color:#8d6fa0;margin:21px 0 8px}.oe-node-fields label:first-child{margin-top:0!important}.oe-node-fields input,.oe-node-fields textarea,.oe-output-content textarea{display:block;width:100%;font-size:.875rem;line-height:1.6;color:#81618f;padding:10px 11px;border:1px solid #decee9;border-radius:7px;background:#fff;box-shadow:none;outline:none;min-width:0;min-height:42px;height:auto}.oe-node-fields input:focus-visible,.oe-node-fields textarea:focus-visible,.oe-output-content textarea:focus-visible{border-color:#af89cb;box-shadow:0 0 0 3px #f0e6fb}.oe-node-fields input::placeholder{color:#b6a0c2}.oe-node-fields textarea{min-height:155px;resize:vertical;field-sizing:fixed}.oe-input-hint{font-size:.75rem!important;color:#aa93b7;line-height:1.65!important;margin-top:9px!important;overflow-wrap:anywhere}.oe-account{padding:15px;border:1px solid #e3d3ef;border-radius:10px;background:#fcf9ff;margin:21px 0}.oe-account>div{display:flex;align-items:center;gap:10px}.oe-provider-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e2d7ec;background:#f3ecfb;color:#a189b9;border-radius:9px;flex-shrink:0;font-size:1.2rem}.oe-x-icon{background:#403846;color:#fff;border-color:#403846;font-family:Arial,sans-serif}.oe-account>div>div{flex:1;min-width:0}.oe-account strong{display:block;font-weight:600;font-size:1rem;line-height:1.4;color:#7e5e91}.oe-account>div>div>span{display:block;font-size:.75rem;line-height:1.5;color:#b09abb;margin-top:4px}.oe-account>div>svg{color:#90ac77}.oe-account>p{font-size:.875rem;line-height:1.6;color:#a186b0;margin-top:12px}.onboarding-editor .oe-connect-button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:40px;width:100%;border:1px solid #bba0d0;background:#fff;color:#9a75b5;border-radius:7px;padding:9px 11px;font-size:.875rem;line-height:1.5;font-weight:500;margin-top:15px;white-space:normal}.oe-connect-button:hover{background:#f3eafa}.oe-disconnect{border:0;background:none;padding:0;font-size:.75rem!important;line-height:1.5;color:#b08ec4;margin-top:13px;text-decoration:underline;text-underline-offset:3px}.oe-choices{display:flex!important;flex-direction:column;gap:8px!important}.oe-choices label{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #e2d5ec;border-radius:7px;font-size:.875rem;line-height:1.5;color:#a084b3;cursor:pointer}.oe-choices label.oe-choice-selected,.oe-day-choices label.oe-choice-selected{border-color:#bb95d6;background:#f9f3ff;color:#9267af}.oe-choices button[role=radio],.oe-day-choices button[role=radio]{appearance:none;display:block;width:16px;height:16px;min-width:16px;border:1px solid #d3bade;border-radius:50%;background:#fff;padding:0;box-shadow:none;flex-shrink:0}.oe-choices button[role=radio][data-state=checked],.oe-day-choices button[role=radio][data-state=checked]{background:#af89c8;border:4px solid #fff;outline:1px solid #af89c8}.oe-choices button[role=radio]>span,.oe-day-choices button[role=radio]>span{display:none}.oe-day-choices{display:flex!important;gap:5px!important}.oe-day-choices label{display:flex;align-items:center;justify-content:center;position:relative;flex:1;border:1px solid #e1d4eb;padding:9px 3px;border-radius:6px;font-size:.75rem;color:#ac8fbd;cursor:pointer}.oe-day-choices button[role=radio]{position:absolute;opacity:0;width:1px;height:1px}.oe-day-choices label:has(:focus-visible){outline:3px solid #c8a7e0;outline-offset:2px}.oe-human-card{display:flex;align-items:center;gap:10px;margin-top:22px;padding:15px 12px;border:1px solid #ecdda9;border-radius:8px;background:#fff9e3;color:#b49a5c}.oe-human-card>svg{flex-shrink:0}.oe-human-card>div{flex:1}.oe-human-card strong{font-weight:600;font-size:.875rem;line-height:1.5;color:#a1874c}.oe-human-card p{font-size:.875rem;line-height:1.6;color:#b1995f;margin-top:5px}.oe-included{display:flex;align-items:center;gap:9px;border:1px solid #e6d9f0;border-radius:8px;padding:14px 12px;margin-top:22px;background:#fbf7fe;color:#b094c3}.oe-included>div{flex:1;min-width:0}.oe-included strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5;color:#9674aa}.oe-included span{display:block;font-size:.75rem;line-height:1.5;margin-top:4px;color:#b49bbf}.oe-included svg{flex-shrink:0}.oe-node-bottom{display:flex;flex-direction:column;gap:13px;margin-top:23px;padding-top:17px;border-top:1px solid #eee6f3}.oe-node-bottom>span{display:flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.5;color:#a088ae}.onboarding-editor .oe-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:41px;height:auto;border:1px solid #d7bfe7;background:white;color:#9b77b2;border-radius:7px;padding:9px 12px;font-size:.875rem;line-height:1.5;white-space:normal;box-shadow:none}.oe-secondary:hover{background:#f9f2ff}.oe-locked-note{display:flex;align-items:flex-start;gap:7px;font-size:.75rem;line-height:1.6!important;color:#b094c0;border-top:1px solid #ece3f4;padding-top:15px;margin-top:20px!important}.oe-locked-note svg{flex-shrink:0}.oe-sample-label{display:block;font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.5px;color:#b092c3;margin-bottom:17px}.oe-review-callout{display:flex;gap:9px;align-items:flex-start;border:1px solid #ecdcaa;background:#fff8de;border-radius:8px;padding:13px;margin-bottom:19px;color:#b59b5b}.oe-review-callout svg{flex-shrink:0;margin-top:2px}.oe-review-callout p{font-size:.875rem;line-height:1.6;color:#aa8c4f}.oe-sample-text{display:flex;flex-direction:column;gap:20px}.oe-sample-text p{white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.75;color:#967da6}.oe-approval-actions{position:sticky;bottom:-25px;background:#fff;padding:20px 0 10px;border-top:1px solid #ece2f4;margin-top:23px;display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 15px #ffffffed}.oe-text-button{border:0;background:none;font-size:.875rem!important;line-height:1.5;padding:7px;color:#aa8fbc}.oe-draft{min-height:360px!important;font-size:1rem!important;line-height:1.7!important;resize:vertical;field-sizing:fixed}.oe-edit-actions{display:flex;gap:12px;align-items:center;margin-top:14px}.oe-edit-actions>button:last-child{border:0;background:none;font-size:.875rem;color:#b198c1}.oe-empty-output{padding:33px 8px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#b8a0cb;gap:15px}.oe-empty-output h4{font-size:1rem;font-weight:600;line-height:1.5;color:#a080b3}.oe-empty-output p{font-size:1rem;line-height:1.7;color:#b095c0}.oe-output-complete{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;padding:22px 15px;background:#f4f8ed;border:1px solid #dde7cf;border-radius:10px;color:#9bad7e;margin-top:25px}.oe-output-complete strong{font-size:1rem;line-height:1.5;color:#8c9d6d}.oe-output-complete p{font-size:.875rem;line-height:1.65;color:#a4af8b}.oe-output-complete button{width:100%;margin-top:5px}.oe-bottom-bar{display:flex;align-items:center;gap:8px;padding:11px 23px;border-top:1px solid #ece4f3;font-size:.75rem;line-height:1.5;color:#ad96b9;background:#fff;min-height:39px}.oe-bottom-bar>span:last-child{margin-left:auto}.oe-mobile-tabs{display:none!important}.oe-spin{animation:oe-spin 1.2s linear infinite}@keyframes oe-spin{to{transform:rotate(360deg)}}
.oe-dialog{position:fixed!important;top:50%!important;left:50%!important;translate:none!important;transform:translate(-50%,-50%)!important;z-index:80!important;width:calc(100% - 36px)!important;max-width:460px!important;max-height:90dvh;overflow:auto;border:1px solid #dfcdec!important;border-radius:17px!important;background:#fff!important;color:#8e6b9f;padding:32px!important;box-shadow:0 28px 100px #38264333;display:flex!important;flex-direction:column;gap:0!important;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;outline:none}.oe-dialog *{box-sizing:border-box}.oe-dialog button{font-family:inherit;cursor:pointer}.oe-dialog p{margin:0;line-height:1.7}.oe-dialog [data-slot=dialog-title]{font-size:1.6rem;line-height:1.3;font-weight:650;color:#755283;letter-spacing:-.5px;margin:18px 0 12px}.oe-dialog [data-slot=dialog-description]{font-size:1rem;color:#a083af;line-height:1.7;margin:0}.oe-dialog-close{position:absolute;top:13px;right:13px;width:31px;height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b498c4}.oe-dialog-close:hover{background:#f7f0fc;color:#9974b1}.oe-dialog-label{display:flex;align-items:center;gap:7px;font-size:.75rem;font-weight:600;letter-spacing:.6px;line-height:1.5;color:#ad8cbf;margin-top:5px}.oe-permission-note{display:flex;align-items:flex-start;gap:9px;border:1px solid #e9daf1;border-radius:9px;background:#fcf7ff;padding:15px;margin:23px 0;color:#b89ac9}.oe-permission-note svg{flex-shrink:0;margin-top:2px}.oe-permission-note p{font-size:.875rem;color:#a68ab6;line-height:1.7}.oe-dialog-footnote{font-size:.75rem!important;line-height:1.6!important;color:#b49bbf!important;text-align:center;margin:13px 0 0!important}.oe-success-dialog{max-width:550px!important;padding:25px 35px 27px!important;text-align:center;align-items:center;background:linear-gradient(180deg,#fffdf5,#fff 55%)!important}.oe-success-art{height:220px;width:100%;display:grid;place-items:center;position:relative;margin-bottom:8px}.oe-success-art>span{position:absolute;width:192px;height:172px;background:#ffe78d;border:1px solid #f0d677;border-radius:50%;bottom:13px}.oe-success-art img{position:relative;width:238px;height:238px;object-fit:contain;margin-top:-5px;filter:drop-shadow(0 7px 6px #97713112)}.oe-success-eyebrow{display:flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.7px;color:#b0944d}.oe-success-dialog [data-slot=dialog-title]{font-size:2.15rem;line-height:1.13;color:#745080;margin:13px 0 15px;letter-spacing:-.9px}.oe-success-dialog [data-slot=dialog-description]{max-width:400px}.oe-success-workflow{width:100%;display:flex;align-items:center;gap:11px;border:1px solid #e8dcee;border-radius:10px;background:#fff;padding:16px 14px;text-align:left;margin-top:24px}.oe-success-workflow>span{display:grid;place-items:center;flex-shrink:0;height:37px;width:37px;border-radius:9px;background:#f5ecfc;color:#b28ec9}.oe-success-workflow>div{flex:1;min-width:0}.oe-success-workflow strong{display:block;font-size:.875rem;font-weight:600;line-height:1.5;color:#9c77ab}.oe-success-workflow p{font-size:.75rem;line-height:1.5;color:#b49abe;margin-top:4px;overflow-wrap:anywhere}.oe-success-workflow>svg{flex-shrink:0;color:#a0b67e}.oe-success-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 16px;margin:19px 0 22px;font-size:.75rem;line-height:1.5;color:#a593ad}.oe-success-checks>span{display:flex;align-items:center;gap:4px}.oe-success-checks svg{color:#abc08d}.oe-success-dialog>.oe-primary{width:100%}body:has(.oe-dialog) [data-slot=dialog-overlay]{position:fixed;inset:0;z-index:70;background:#39284638;backdrop-filter:blur(4px)}
@media(min-width:1650px){.oe-sidebar{width:285px!important;min-width:285px;flex-basis:285px}.oe-editor-grid{grid-template-columns:minmax(0,1fr) 390px}.oe-inspector-content{padding-inline:25px}.oe-editor-heading{padding-block:29px}.oe-grunt-bubble p{max-width:150px}}
@media(max-width:1280px){.oe-sidebar{width:230px!important;min-width:230px;flex-basis:230px}.oe-brand-header{padding-inline:18px!important}.oe-brand-header .brand{font-size:23px}.oe-sidebar-content{padding-inline:12px}.oe-editor-grid{grid-template-columns:minmax(0,1fr) 320px}.oe-topbar{padding-inline:20px}.oe-topbar>div>span,.oe-topbar>div>svg:first-child{display:none}.oe-editor-heading{padding:21px 20px;gap:10px}.oe-flow-icon{display:none}.oe-editor-heading h2{font-size:1.2rem}.oe-editor-heading h2>span{display:none}.oe-main-action{max-width:190px}.oe-guidance-bar{padding-inline:20px}.oe-guidance-bar p{max-width:440px}.oe-guidance-bar>button{max-width:95px;text-align:left}.oe-inspector-content{padding-inline:17px}.oe-checklist-item{padding-inline:7px!important;gap:7px!important}.oe-checklist-item strong{font-size:.875rem}.oe-guide{margin-inline:12px}.oe-grunt-bubble p{max-width:107px}.oe-guide img{width:118px;height:118px;right:-20px;bottom:7px}.oe-canvas-toolbar>span:last-child{display:none}.oe-canvas-footer>span:last-child{display:none}.oe-bottom-bar{padding-inline:19px}}
@media(max-width:1050px){.oe-sidebar{width:215px!important;min-width:215px;flex-basis:215px}.oe-editor-grid{grid-template-columns:minmax(0,1fr) 300px}.oe-topbar{gap:10px}.oe-topbar>div>strong{font-size:.8125rem}.oe-demo-badge{font-size:.75rem}.oe-editor-heading{align-items:flex-start;flex-wrap:wrap}.oe-editor-heading>div:nth-child(2){flex-basis:100%}.oe-main-action{max-width:none}.oe-editor-heading p{font-size:.8125rem}.oe-checklist-heading{padding-inline:3px}.oe-checklist-heading h1{font-size:1.2rem}.oe-checklist-item>svg{display:none}.oe-guidance-bar>button{display:none}.oe-inspector-heading{padding-inline:17px}.oe-guide{min-height:148px}.oe-grunt-bubble p{max-width:113px}.oe-guide img{width:108px;height:108px;right:-23px}.oe-bottom-bar>span:last-child{max-width:230px;text-align:right}}
@media(max-width:850px){.oe-sidebar{display:none!important}.oe-topbar>div>span{display:inline}.oe-topbar{height:60px;min-height:60px}.oe-editor-heading{flex-wrap:nowrap;align-items:center}.oe-editor-heading>div:nth-child(2){flex-basis:auto}.oe-main-action{max-width:190px}.oe-shell{min-height:690px!important}.oe-editor-grid{grid-template-columns:minmax(0,1fr) 320px}.oe-bottom-bar{font-size:.75rem}.oe-editor-heading p{max-width:390px}}
@media(max-width:650px){.oe-shell{height:auto;min-height:100dvh!important;overflow:visible;display:block!important}.oe-main{min-height:100dvh}.oe-topbar{padding-inline:17px;gap:10px}.oe-topbar>div>span,.oe-topbar>div>svg{display:none}.oe-topbar>div>strong{font-size:.875rem}.oe-step-count{font-size:.75rem}.oe-demo-badge{font-size:.75rem}.oe-editor-heading{padding:20px 18px;flex-wrap:wrap;gap:15px}.oe-editor-heading>div:nth-child(2){flex-basis:100%}.oe-editor-heading h2{font-size:1.25rem}.oe-editor-heading p{font-size:.875rem;max-width:none}.oe-main-action{width:100%;max-width:none}.oe-guidance-bar{padding:15px 18px;align-items:flex-start}.oe-guidance-bar p{font-size:.75rem}.oe-guidance-bar>span{margin-top:2px}.oe-mobile-tabs{display:flex!important;padding:13px 18px;border-bottom:1px solid #e7ddef}.oe-mobile-tabs [data-slot=tabs-list]{display:flex;gap:5px;width:100%;border:1px solid #e5d7ee;background:#faf5ff;padding:4px;border-radius:8px;height:auto}.oe-mobile-tabs [data-slot=tabs-trigger]{display:flex;justify-content:center;align-items:center;flex:1;padding:10px 8px;border:1px solid transparent;border-radius:5px;color:#a385b6;font-size:.875rem;line-height:1.4;background:transparent;white-space:normal;height:auto}.oe-mobile-tabs [data-slot=tabs-trigger][data-state=active]{background:#fff;border-color:#e9ddf2;color:#8d62ac;box-shadow:0 2px 5px #87628e08}.oe-editor-grid{display:block}.oe-mobile-canvas .oe-inspector{display:none}.oe-mobile-settings .oe-canvas-column{display:none}.oe-canvas-column{height:580px}.oe-inspector{border-left:0;min-height:550px}.oe-inspector-content{overflow:visible;padding:23px 22px}.oe-inspector-tabs{min-height:450px}.oe-inspector-heading{padding:19px 22px;min-height:85px}.oe-node-status{display:block}.oe-node-status-needed{color:#b19354}.oe-node-fields input,.oe-node-fields textarea{font-size:1rem}.oe-account{padding:17px}.oe-account>p{font-size:1rem}.oe-inspector-tab-list{padding-inline:22px!important}.oe-approval-actions{bottom:0}.oe-bottom-bar{flex-wrap:wrap;padding:13px 18px}.oe-bottom-bar>span:last-child{margin-left:24px;text-align:left;max-width:none;flex-basis:100%}.oe-dialog{padding:27px!important}.oe-success-dialog{padding:21px 24px 25px!important}.oe-success-art{height:185px}.oe-success-art img{width:203px;height:203px}.oe-success-art>span{width:166px;height:148px}.oe-success-dialog [data-slot=dialog-title]{font-size:1.9rem}.oe-success-checks{gap:8px 13px}.oe-success-dialog [data-slot=dialog-description]{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.oe-spin{animation:none}.oe-progress [data-slot=progress-indicator]{transition:none}}
/* Live-demo behavior and layout on top of the supplied visual reference. */
.template-card-select{font-weight:400}.template-card-select .demo-template-description{margin-top:14px;font-weight:400}.template-card-select .field-hint{margin-top:8px;font-weight:400}.signin-page .company-wordmark-dot{color:#7850d9}
:root{font-family:Arial,Helvetica,sans-serif;color:#302738;background:#fdfcfe;font-synthesis:none}
body{margin:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ab87e1}h1:focus{outline:none}button svg{flex-shrink:0}input,textarea,select{width:100%;border:1px solid #ded4e7;border-radius:8px;background:#fff;padding:11px 13px;color:#45334f;line-height:1.5}textarea{resize:vertical}label{font-size:14px;font-weight:600;color:#645171}small{font-size:12px}h1,h2,h3,p{overflow-wrap:anywhere}.wide{width:100%}.muted{color:#7d7087;font-size:14px;line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.primary-button{min-height:44px}.text-button,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#7850bd;padding:8px 0;font-size:13px}.text-button:hover{text-decoration:underline}.quiet-button{padding:7px 9px;border-radius:7px}.quiet-button:hover{background:#f2ebfb}.field-hint{font-size:12px;line-height:1.6;color:#7a6b85;margin-top:8px}.field-error{color:#aa334a;font-size:13px;margin-top:10px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.company-header{max-width:none}.company-wordmark{color:#302738}.company-progress li[aria-current=step]{background:#7850d9}.company-progress li.company-step-filled{background:#a17ade}.company-preview-badge{color:#725e83}.company-footer{color:#7a6b85}.company-footer>p{color:#7a6b85}.company-back-row>button{min-height:36px;color:#766183}
.signin-brand-panel .company-brand-icon{background:#292530;color:#ffe168;border:0}.signin-brand-panel .company-wordmark{font-size:29px}.signin-title{font-size:42px;letter-spacing:-1.4px;line-height:1.15}.signin-panel-header>.muted{font-size:12px}.signin-panel-footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#81718f}.demo-note{display:flex;gap:10px;align-items:flex-start;padding:15px;background:#f7f2fc;border:1px solid #eadff4;border-radius:9px;color:#8a65b1;margin:22px 0}.demo-note svg{flex-shrink:0;margin-top:2px}.demo-note p{font-size:13px;line-height:1.6;color:#7c658b}.google-mark{font-size:24px;font-weight:800;color:#4285f4;line-height:1;width:24px;text-align:center}.microsoft-mark{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:2px;width:24px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}
.demo-dialog{margin:auto;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #e3d9ed;border-radius:18px;color:#45334f;padding:0;box-shadow:0 20px 100px #33204033;overflow:auto}.demo-dialog::backdrop{background:#29203166;backdrop-filter:blur(3px)}.dialog-interior{position:relative;padding:32px}.dialog-close{position:absolute;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:#f6f0fc;color:#806492}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#f0e7fc;color:#926ac8;margin-bottom:22px}.demo-dialog h2{font-size:27px;letter-spacing:-.6px;margin:0 0 12px;line-height:1.2}.demo-dialog>.dialog-interior>.muted{margin-bottom:25px}.demo-dialog .secondary-button{color:#735686;min-height:42px}.demo-account{display:flex;align-items:center;gap:13px;border:1px solid #e4d9ed;border-radius:11px;background:#fcf9ff;padding:18px;margin:22px 0;width:100%;text-align:left;color:#544060}.demo-account>div,.demo-account>span:nth-child(2){flex:1}.demo-account strong,.demo-account p,.demo-account small,.account-choice>span>span{display:block;line-height:1.6}.demo-account p,.account-choice>span>span{font-size:14px;color:#7f6b8e}.demo-account small,.demo-account div>span{font-size:12px;color:#8d769d}.account-choice:hover{border-color:#9e77c7;background:#f6edff}.account-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ddcdeb;border-radius:12px;background:#f0e4fc;color:#8056a4;font-weight:700}.permission-list{font-size:14px;color:#6d577d;margin:22px 0}.permission-list p{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:12px}.permission-list svg{color:#799463;flex-shrink:0}.demo-sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);height:100dvh;max-height:100dvh;border-radius:0;border:0;border-left:1px solid #e4d8ed}.demo-sheet .dialog-interior{padding:36px 27px}.node-settings label{display:block;margin:23px 0 9px}.node-settings .demo-note{margin-bottom:20px}
.company-review{margin-top:16px}.company-profile{border:1px solid #e5dbed;border-radius:12px;background:#fff;padding:22px;margin:24px 18px 0}.profile-heading{display:flex;align-items:center;gap:8px;font-size:13px;color:#6e8b58;margin-bottom:19px}.profile-heading span{margin-left:auto;font-size:11px;border:1px solid #e6dcee;padding:3px 6px;border-radius:5px;color:#8b6ba3}.company-profile label{display:block;margin:17px 0 8px}.company-profile .primary-button{margin-top:20px}.company-speech-signoff{color:#897296}.company-mascot-caption{color:#867394}.custom-goal{margin:30px 0 5px;padding:23px;background:#f8f5fc;border:1px solid #e9e1f0;border-radius:12px}.custom-goal p{font-size:13px;color:#8a7498;margin:7px 0 12px}.goals-bubble{font-weight:400;color:#776181}.goals-selection-summary>div>span{color:#877392}.goals-options-heading p{color:#857090}.goals-continue:disabled{color:#fff}.demo-template-heading{display:flex;align-items:center;gap:13px}.demo-template-heading>div{flex:1}.demo-template-heading strong{display:block;font-size:18px;color:#554062}.demo-template-heading small{display:block;margin-top:6px;color:#8c739c}.demo-template-description{font-size:15px;color:#796287;margin-top:14px}.radio-dot{width:20px;height:20px;border:1px solid #d6c8e2;border-radius:50%;display:grid;place-items:center}.radio-dot.checked{color:#fff;background:#9564c6;border-color:#9564c6}.template-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 12px}.template-card-actions>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b769a}.template-flow-preview .demo-mini-flow{display:flex;flex-wrap:wrap;gap:8px}.template-flow-preview .demo-mini-flow li{flex:auto;font-size:12px}.demo-mini-flow li>span{padding:8px;border:1px solid #e7dced;border-radius:5px;background:#fff;color:#7c638b}.demo-mini-flow li>span.mini-approval{background:#fff6d3;border-color:#e9d79e}.template-current-selection>div>span{color:#826b91}
.demo-editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);flex:1;border-top:1px solid #ebe4f1}.demo-editor-sidebar{display:flex;flex-direction:column;padding:21px 20px;background:#fbfaf7;border-right:1px solid #ebe5ee;min-width:0}.demo-editor-sidebar .company-back-row{margin:0 0 20px}.workspace-card{display:flex;gap:10px;align-items:center;padding-bottom:24px;border-bottom:1px solid #e9e1ed}.workspace-card strong{font-size:13px;display:block}.workspace-card small{color:#8a7a94;display:block;margin-top:5px;line-height:1.4}.editor-side-title{display:flex;gap:8px;align-items:center;margin:24px -6px 19px;padding:12px 10px;border-radius:7px;background:#f0e7fa;color:#8153b4;font-size:13px;font-weight:600}.side-flow-name{font-size:16px;line-height:1.5;margin-bottom:8px}.demo-editor-sidebar>.muted{font-size:13px}.setup-checklist{list-style:none;padding:0;margin:27px 0;display:grid;gap:17px;font-size:12px;color:#857392}.setup-checklist li{display:flex;gap:9px;align-items:center}.setup-checklist svg,.setup-checklist .done{color:#759356}.empty-check{width:15px;height:15px;border:1px solid #d7cedf;border-radius:50%;display:inline-block}.sidebar-grunt{margin-top:auto;text-align:center;padding-top:20px}.sidebar-grunt img{width:190px;max-width:100%;height:auto}.sidebar-grunt strong{display:block;color:#816837;font-size:15px}.sidebar-grunt p{font-size:12px;color:#9a855a;margin-top:7px}.sidebar-demo-note{display:flex;gap:7px;align-items:center;font-size:11px;line-height:1.6;color:#8b7a95;margin-top:28px}.sidebar-demo-note svg{flex-shrink:0}.demo-editor-main{min-width:0;background:#fff}.demo-editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 30px;border-bottom:1px solid #ede6f2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.1px;color:#9a77b6;margin-bottom:10px}.demo-editor-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;color:#51405e}.demo-editor-heading>div>p:last-child{font-size:13px;color:#8a7399;margin-top:9px}.demo-status-pill{font-size:11px;border:1px solid #dfd5e8;border-radius:5px;color:#8a719d;padding:5px 8px;white-space:nowrap}.demo-status-pill.success{color:#638246;background:#f0f7e9;border-color:#d7e5ca}.setup-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fffbeb;border-bottom:1px solid #efe5c4;padding:19px 30px}.setup-strip>div{display:flex;gap:12px;align-items:center;color:#a68639}.setup-strip strong{font-size:13px;color:#79612f}.setup-strip p{font-size:12px;color:#928055;margin-top:6px}.setup-strip .primary-button{font-size:12px;white-space:nowrap;background:#fff;border-color:#ddc99b;color:#8b6c34;box-shadow:none}.demo-canvas-toolbar{display:flex;align-items:center;gap:20px;padding:13px 26px;border-bottom:1px solid #ebe2f3;font-size:12px;color:#90799e}.demo-canvas-toolbar>span:first-child{display:flex;align-items:center;gap:7px;color:#7f56a0}.demo-canvas-toolbar>div{display:flex;align-items:center;gap:9px;margin-left:auto}.demo-canvas-toolbar button{display:grid;place-items:center;border:0;background:transparent;color:#8b71a0;width:28px;height:28px;border-radius:5px}.demo-canvas-toolbar button:hover{background:#f4ecfc}.demo-canvas{position:relative;overflow:auto;background-color:#fbf8ff;background-image:radial-gradient(#e1d4ed 1px,transparent 1px);background-size:18px 18px;max-height:620px;min-height:320px}.demo-canvas-space{position:relative;margin:0 auto;min-height:320px}.demo-node-stage{position:absolute;left:20px;top:15px;transform-origin:0 0}.demo-connections{position:absolute;inset:0;pointer-events:none;color:#d0b9e4;overflow:visible}.demo-connections>path{fill:none;stroke:currentColor;stroke-width:2}.demo-connections>path.edge-done{color:#a3bc8d}.demo-flow-node{position:absolute;width:220px;height:126px;text-align:left;padding:13px 14px 0;background:#fff;border:1px solid #d9c5e9;border-radius:11px;box-shadow:0 3px 0 #e8ddf16b;color:#856b96;touch-action:none;user-select:none}.demo-flow-node:hover{border-color:#b592d0;box-shadow:0 3px 0 #dbc8ee70}.demo-flow-node>strong{display:block;color:#685076;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px 0 5px}.demo-node-top{display:flex;align-items:center;gap:8px;font-size:11px}.demo-node-top>svg:last-child{margin-left:auto;color:#b6a1c6}.node-symbol{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#f0e6fc;color:#a27dc4}.kind-research,.kind-calendar{background:#e9effc;color:#839dcb}.kind-mail{background:#fff0e1;color:#c89c6f}.kind-bank{background:#edf4e7;color:#94af7c}.kind-approval{background:#ffedac;color:#b49a4e}.demo-node-detail{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-node-bottom{display:flex;gap:5px;align-items:center;font-size:10px;border-top:1px solid #f0e7f6;margin-top:9px;padding-top:7px;color:#9a83ab}.approval-node{background:#fff9e6;border-color:#e8d69d}.approval-node>strong{color:#92783c}.active-node{outline:2px solid #a777d2;outline-offset:3px}.done-node{border-color:#aac492}.done-node .demo-node-bottom{color:#739057}.demo-node-bottom .ready-dot,.demo-node-bottom .live-dot{width:5px;height:5px;background:#b092c8;border-radius:50%;display:inline-block}.demo-node-bottom .live-dot{animation:pulse 1.5s infinite}.editor-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 30px;border-top:1px solid #e9dff0}.editor-next strong{font-size:14px;color:#725585}.editor-next p,.editor-next ul{color:#8c7599;font-size:12px;line-height:1.6;margin:7px 0 0}.editor-next ul{padding-left:17px}.editor-next .primary-button{white-space:nowrap}.connection-card{padding:20px;background:#faf7fe;border:1px solid #e8dced;border-radius:10px;margin:24px 0}.connection-card strong{font-size:14px;color:#755783}.connection-card p{font-size:13px;color:#8c729e;margin:9px 0 12px}
.demo-run-banner{display:flex;align-items:center;gap:15px;padding:24px 30px;background:#f8f3fd;border-top:1px solid #e9dcef;border-bottom:1px solid #e9dcef}.demo-run-banner.waiting{background:#fff8df;border-color:#eddfad}.demo-run-banner.success{background:#f3f8ef;border-color:#e0ead7}.demo-run-banner>div{flex:1}.demo-run-banner h2{font-size:17px;font-weight:600;color:#725582}.demo-run-banner p{font-size:13px;color:#90759e;margin-top:6px}.run-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#efe4fa;color:#a07bbe;flex-shrink:0}.waiting .run-symbol{background:#ffedac;color:#b59a4e}.success .run-symbol{background:#e7f0dc;color:#8ba76a}.demo-run-banner .primary-button{white-space:nowrap}.demo-output{padding:30px;max-width:1100px;margin:0 auto}.output-title{display:flex;align-items:center;gap:13px;color:#997ab3;margin-bottom:25px}.output-title h2{font-size:23px;color:#705281;letter-spacing:-.5px}.output-title p{font-size:10px;letter-spacing:1px;color:#9d83ac;margin-top:7px}.demo-output>label{display:block;margin-bottom:10px}.demo-output textarea{line-height:1.8;background:#fffdf6;border-color:#e7d7b2;color:#806d47;font-size:14px}.approval-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.approval-actions p{display:flex;gap:7px;align-items:center;font-size:12px;color:#9b8149}.run-context{padding:17px 0;border-top:1px solid #e8dfee;color:#887097;font-size:13px;margin-top:25px}.run-context summary{cursor:pointer}.run-context pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.8;background:#faf7fc;border-radius:8px;padding:17px}.output-placeholder{display:flex;gap:20px;align-items:center;padding:40px;background:#faf7fd;border:1px dashed #e1d5eb;border-radius:12px;color:#9e86af;font-size:14px}.output-placeholder svg{flex-shrink:0}.approved-output{padding:26px;border:1px solid #e1d5b5;background:#fffdf5;border-radius:12px}.approved-output>span{display:flex;gap:8px;align-items:center;color:#78945b;font-size:12px;font-weight:600}.approved-output>p{white-space:pre-wrap;font-size:15px;color:#806e4f;line-height:1.9;margin-top:19px}.approved-output>p.field-hint{font-size:12px;color:#99856b}.demo-complete{margin-top:25px;text-align:center;padding:35px 20px;background:#faf7ff;border:1px solid #e8dcf3;border-radius:15px}.completion-icon{display:grid;place-items:center;margin:0 auto 17px;width:56px;height:56px;background:#ebe0fa;color:#936ac1;border-radius:17px;transform:rotate(-5deg)}.demo-complete h2{font-size:28px;color:#68457d;letter-spacing:-.8px}.demo-complete p{font-size:14px;color:#927a9e;line-height:1.8;margin:15px 0 22px}.demo-complete>div{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap}.demo-complete small{display:block;color:#9b87a8;margin-top:24px;font-size:11px}.persistence-warning,.persistence-notice{padding:12px 22px;font-size:13px;line-height:1.6;background:#fff5d1;color:#8a6932;border-bottom:1px solid #e9d6a2}.persistence-notice{background:#f4edfc;color:#805ba0;border-color:#e4d6f1}
@media(min-width:1600px){.demo-editor-layout{grid-template-columns:270px minmax(0,1fr)}.demo-editor-sidebar{padding-inline:26px}.demo-canvas{max-height:720px}.demo-editor-heading{padding-block:33px}}
@media(max-width:1050px){.demo-editor-layout{grid-template-columns:205px minmax(0,1fr)}.demo-editor-sidebar{padding-inline:15px}.demo-canvas-toolbar>span:nth-child(2){display:none}.setup-strip{padding:17px 22px}.setup-strip>div>svg{display:none}.setup-strip{flex-wrap:wrap;gap:12px}.demo-run-banner{flex-wrap:wrap}.demo-run-banner>div{flex-basis:calc(100% - 65px)}.demo-run-banner>.primary-button{margin-left:59px}.demo-run-banner>.text-button{margin-left:auto}.company-profile{margin-inline:0}.approval-actions{flex-wrap:wrap}.editor-next{flex-wrap:wrap;gap:15px}}
@media(max-width:760px){.header-actions{grid-column:2;grid-row:1;gap:3px}.header-actions .company-preview-badge{display:none}.company-header{padding:20px;gap:20px}.company-progress{max-width:none}.quiet-button span{display:none}.quiet-button{width:36px;height:36px}.signin-title{font-size:34px}.signin-panel-footer{line-height:1.6}.company-profile{padding:18px}.goals-bubble{font-size:13px}.template-card-actions{flex-wrap:wrap;gap:2px}.template-card-actions>span{font-size:11px}.demo-template-heading strong{font-size:16px}.demo-template-description{font-size:14px}.template-current-selection{max-width:100%}.template-current-selection p{overflow-wrap:anywhere}.demo-editor-layout{display:block}.demo-editor-sidebar{padding:12px 20px;border-right:0;border-bottom:1px solid #e9dfef}.demo-editor-sidebar .company-back-row{margin:0}.demo-editor-sidebar>*:not(.company-back-row){display:none}.demo-editor-heading{padding:23px 20px;gap:12px}.demo-editor-heading h1{font-size:23px}.demo-editor-heading p{line-height:1.6}.demo-status-pill{display:none}.demo-canvas-toolbar{padding-inline:15px;gap:10px}.demo-canvas-toolbar>div{gap:4px}.demo-canvas-toolbar>span:first-child{font-size:11px}.demo-canvas{max-height:520px}.demo-canvas-space{margin:0}.demo-run-banner{padding:20px;gap:12px}.demo-run-banner h2{font-size:16px}.demo-run-banner p{font-size:12px}.demo-run-banner>.primary-button{margin-left:0;width:100%}.demo-run-banner>.text-button{margin-left:0}.editor-next{padding:20px}.editor-next>.primary-button{width:100%}.demo-output{padding:25px 20px}.demo-output textarea{font-size:16px}.output-title h2{font-size:21px}.approval-actions>.primary-button{width:100%}.demo-complete{padding:27px 18px}.demo-complete h2{font-size:25px}.demo-complete p{font-size:13px}.demo-complete .primary-button{font-size:12px;width:100%}.dialog-interior{padding:27px 22px}.demo-dialog h2{font-size:25px}.output-placeholder{padding:25px;gap:14px;font-size:13px}.approved-output{padding:21px}.custom-goal{padding:18px}.company-form .company-url-field input{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared marketing foundations, loaded after the application and before page styles. */
@font-face { font-family: 'Proxima Nova'; src: local('Proxima Nova'), local('ProximaNova-Regular'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Proxima Nova'; src: local('Proxima Nova Bold'), local('ProximaNova-Bold'); font-weight: 700 900; font-display: swap; }
.landing { position: relative; color: var(--ui-ink); background: var(--ui-screen-background); font-family: 'Proxima Nova', 'Avenir Next', Avenir, Arial, sans-serif; font-size: 17px; overflow: clip; }
.landing h1, .landing h2, .landing h3 { color: var(--ui-ink); text-wrap: balance; }
.landing h2 { font-size: clamp(34px, 3.7vw, 52px); line-height: 1.08; letter-spacing: -1.8px; font-weight: 700; }
.landing p { line-height: 1.65; }
.landing a, .landing button, .landing summary { -webkit-tap-highlight-color: transparent; }
.landing :is(a, button, summary):focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 5px; }
.landing section[id] { scroll-margin-top: 32px; }
.landing-container { width: min(1120px, calc(100% - 96px)); margin-inline: auto; }
.landing-skip { position: fixed; top: 12px; left: 20px; z-index: 20; background: var(--ui-surface-control); color: var(--ui-ink); padding: 16px; border-radius: 8px; }
.landing-skip:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; }
.landing-header { height: 100px; padding: 0 4.5%; display: flex; align-items: center; gap: 38px; position: relative; z-index: 5; background: var(--ui-surface-glass); }
.landing-logo { display: inline-flex; align-items: center; min-height: 44px; margin-right: auto; flex-shrink: 0; }
.landing-logo img { display: block; object-fit: contain; }
.landing-desktop-nav { display: flex; align-items: center; gap: 29px; font-size: 14px; font-weight: 600; }
.landing-product { --product-menu-gap: 18px; position: relative; }
.landing-product-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.landing-product-toggle svg { transform: rotate(0deg); transition: transform .2s cubic-bezier(.16, 1, .3, 1); }
.landing-product-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.landing-product-links { position: absolute; top: calc(100% + var(--product-menu-gap)); left: -14px; min-width: 380px; padding: 8px; border-radius: 20px; background-clip: padding-box; }
/* Use an opaque reading surface plus the shared popup's visible edge so content
   behind the menu does not interfere with its labels. `.p2-glass` keeps this
   above the shared control-surface rule in daylight.css. */
.marketing .landing-product-links.p2-glass { border-color: color-mix(in srgb, var(--ui-ink) 8%, transparent); border-radius: 20px; background: var(--ui-surface-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
.landing-product-links::before { content: ''; position: absolute; inset-inline: 0; bottom: 100%; height: var(--product-menu-gap); }
.landing-product-links a { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 12px; font-size: 14px; line-height: 1.35; transition: background .16s ease; }
.landing-product-links a + a { margin-top: 8px; }
.landing-product-link-text { flex: 1; min-width: 0; }
.landing-product-link-title { display: block; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -.006em; color: var(--ui-ink); }
.landing-product-link-description { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; line-height: 16px; color: var(--ui-muted); }
.landing-product-link-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid var(--ui-edge-soft); border-radius: 11px; background: var(--ui-surface-solid); color: color-mix(in srgb, var(--ui-ink) 52%, transparent); transition: border-color .16s ease, box-shadow .16s ease, color .16s ease; }
.landing-product-links a > svg { flex-shrink: 0; color: color-mix(in srgb, var(--ui-ink) 40%, transparent); }
.landing-product-links a:hover .landing-product-link-icon, .landing-product-links a:focus-visible .landing-product-link-icon { border-color: transparent; box-shadow: 0 1px 2px color-mix(in srgb, var(--ui-ink) 14%, transparent); color: var(--ui-purple); }
.landing-desktop-nav .landing-product-links a:hover, .landing-mobile-nav .landing-product-links a:hover { background: color-mix(in srgb, var(--ui-ink) 4%, transparent); color: var(--ui-ink); text-decoration: none; }
.landing-mobile-nav .landing-product-toggle { width: 100%; justify-content: space-between; }
.landing-mobile-nav .landing-product-links { position: static; margin-top: 12px; min-width: 0; box-shadow: none; }
.marketing .landing-mobile-nav .landing-product-links.p2-glass { padding: 0 0 0 12px; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.landing-mobile-nav .landing-product-links::before { display: none; }
.landing-desktop-nav a:hover, .landing-product-toggle[aria-expanded="true"] { color: var(--ui-purple); }
@media (hover: hover) { .landing-product-toggle:hover { color: var(--ui-purple); } }
.landing-nav-actions { display: flex; align-items: center; gap: 27px; }
.landing-login { font-size: 14px; font-weight: 600; }
.landing .landing-button { display: inline-flex; justify-content: center; align-items: center; gap: 22px; border-radius: 8px; padding: 17px 25px; font-size: 16px; font-weight: 700; }
.landing .landing-button-small { padding: 12px 17px; gap: 15px; font-size: 14px; }
.landing .landing-button-secondary { color: #fff; background: var(--ui-ink); border: 1px solid color-mix(in srgb, var(--ui-ink), white 22%); box-shadow: inset 0 1px 0 #ffffff2b, 0 7px 22px #30394a2b; }
.landing .landing-button-secondary:hover { color: #fff; background: color-mix(in srgb, var(--ui-ink), black 6%); }
.landing-menu-toggle { display: none; border: 0; background: transparent; color: var(--ui-ink); padding: 8px; }
.landing-mobile-nav { position: absolute; top: 100%; left: 0; right: 0; display: grid; gap: 22px; padding: 25px; background: var(--ui-surface-raised); color: var(--ui-ink); border-block: 1px solid var(--ui-edge); box-shadow: var(--ui-shadow); }
.landing-eyebrow { text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 2px; line-height: 1.6; }
.landing-centered-heading { text-align: center; }
.landing-centered-heading h2 { margin-top: 17px; }
.landing-centered-heading > p:last-child { margin-top: 18px; color: var(--ui-muted); }
@media (max-width: 1100px) {
  .landing-header { gap: 20px; padding-inline: 3%; } .landing-desktop-nav { gap: 18px; font-size: 12px; } .landing-nav-actions { gap: 17px; }
  .landing-container { width: calc(100% - 64px); }
}
@media (max-width: 800px) {
  .landing-header { height: 80px; padding-inline: 24px; } .landing-logo img { width: 126px; height: auto; } .landing-desktop-nav, .landing-login { display: none; } .landing-menu-toggle { display: inline-flex; } .landing-nav-actions { gap: 12px; }
}
@media (max-width: 560px) {
  .landing-container { width: calc(100% - 44px); } .landing-header { padding-inline: 17px; gap: 10px; height: 75px; } .landing-logo img { width: 105px; } .landing .landing-button-small { font-size: 12px; padding: 10px 12px; gap: 10px; } .landing-menu-toggle { padding: 5px; } .landing-nav-actions { gap: 6px; }
  .landing-eyebrow { font-size: 9px; letter-spacing: 1.65px; }
  .landing-desktop-break { display: none; }
  .landing-centered-heading > p:last-child { font-size: 15px; }
  .landing .landing-button { padding: 15px 22px; font-size: 15px; } .landing .landing-button-small { padding: 10px 12px; font-size: 12px; }
  .landing h2 { font-size: 35px; letter-spacing: -1.2px; }
}
@media (prefers-reduced-motion: reduce) { .landing *, .landing *::before, .landing *::after { transition: none !important; } }

/* Compact header overrides retain the original post-foundation cascade. */
.landing-header-compact { position: absolute; inset: 18px 0 auto; margin-inline: auto; width: min(1440px, calc(100% - 64px)); height: 58px; padding: 0 18px; border: 1px solid var(--ui-edge); border-radius: 12px; background: var(--ui-surface-glass); box-shadow: var(--ui-shadow); gap: 30px; }
.landing-header-compact .landing-logo img { width: 115px; height: 46px; }
.landing-header-compact .landing-desktop-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); gap: 25px; font-size: 12px; }
.landing-header-compact .landing-nav-actions { gap: 20px; }
.landing-header-compact .landing-login { font-size: 12px; }
.landing-header-compact .landing-button-small { padding: 10px 14px; font-size: 12px; gap: 14px; border-radius: 7px; }
.landing-header-compact .landing-desktop-nav a, .landing-header-compact .landing-login,
.landing-header-compact .landing-button-small { white-space: nowrap; }
.landing-header-compact .landing-desktop-nav, .landing-header-compact .landing-nav-actions,
.landing-header-compact .landing-desktop-nav a, .landing-header-compact .landing-login,
.landing-header-compact .landing-button-small { flex-shrink: 0; }
.landing-header-compact .landing-mobile-nav { border-radius: 0 0 12px 12px; top: calc(100% + 5px); }
@media (max-width: 1000px) {
  .landing-header-compact { width: calc(100% - 40px); gap: 16px; }
  .landing-header-compact .landing-desktop-nav { gap: 12px; font-size: 11px; }
  .landing-header-compact .landing-nav-actions { gap: 12px; }
}
@media (max-width: 900px) {
  .landing-header-compact .landing-desktop-nav, .landing-header-compact .landing-login { display: none; }
  .landing-header-compact .landing-menu-toggle { display: inline-flex; flex: 0 0 auto; }
  .landing-header-compact .landing-nav-actions { gap: 10px; margin-left: auto; }
}
@media (max-width: 800px) {
  .landing-header-compact { inset-block-start: 12px; height: 54px; padding-inline: 13px; }
  .landing-header-compact .landing-logo img { width: 105px; height: 40px; }
  .landing-header-compact .landing-desktop-nav, .landing-header-compact .landing-login { display: none; }
  .landing-header-compact .landing-menu-toggle { display: inline-flex; flex: 0 0 auto; }
  .landing-header-compact .landing-nav-actions { gap: 10px; margin-left: auto; }
  .landing-header-compact .landing-button-small { white-space: nowrap; flex: 0 0 auto; }
}
@media (max-width: 560px) {
  .landing-header-compact { width: calc(100% - 24px); padding-inline: 10px; }
  .landing-header-compact .landing-logo img { width: 93px; height: 38px; }
  .landing-header-compact .landing-nav-actions { gap: 7px; }
  .landing-header-compact .landing-button-small { padding: 9px 10px; font-size: 11px; gap: 8px; white-space: nowrap; }
}

@media (max-width: 1100px) {
  .marketing .landing-header-compact { gap: 12px; }
  .marketing .landing-header-compact .landing-desktop-nav { gap: 9px; }
  .marketing .landing-header-compact .landing-nav-actions { gap: 10px; }
  .marketing .landing-header-compact .landing-button-small { padding-inline: 10px; gap: 7px; }
}
@media (max-width: 960px) {
  .marketing .landing-header-compact .landing-desktop-nav,
  .marketing .landing-header-compact .landing-login { display: none; }
  .marketing .landing-header-compact .landing-menu-toggle { display: inline-flex; flex: 0 0 auto; }
  .marketing .landing-header-compact .landing-nav-actions { margin-left: auto; }
}
/* Light marketing canvas and reusable component treatments. */
.marketing {
  --p2-ink: var(--ui-ink); --p2-muted: var(--ui-muted); --p2-purple: var(--ui-purple); --p2-glass: var(--ui-surface-glass); --p2-edge: var(--ui-edge);
  display: flow-root; position: relative; isolation: isolate; min-height: 100vh; color: var(--ui-ink);
  background: var(--ui-screen-background);
}
.marketing :is(h1,h2,h3) { color: inherit; }
.marketing h2 { font-size: clamp(32px, 3.7vw, 51px); letter-spacing: -1.9px; line-height: 1.12; }
.marketing :is(a,button,summary):focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 5px; }
.marketing section[id] { scroll-margin-top: 36px; }
.p2-container { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
.marketing-header { position: relative; z-index: 5; margin-top: 24px; }
.marketing .landing-header { position: relative; inset: auto; width: 100%; height: 78px; margin: 0; padding: 0 25px; border-radius: 24px; background: var(--ui-surface-glass); border: 1px solid var(--ui-edge); box-shadow: var(--ui-shadow); backdrop-filter: blur(22px); }
.marketing .landing-logo img { width: 125px; height: 52px; }
.marketing .landing-desktop-nav { gap: 27px; }
.marketing .landing-button-small { border-radius: 13px; }
.marketing .landing-mobile-nav { border-radius: 20px; top: calc(100% + 10px); background: var(--ui-surface-raised); backdrop-filter: blur(22px); border: 1px solid var(--ui-edge); color: var(--ui-ink); }
.marketing .landing-menu-toggle { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
.marketing .landing-mobile-nav { max-height: calc(100dvh - 120px); overflow-y: auto; }
.marketing .landing-mobile-nav :is(a, button) { min-height: 44px; display: flex; align-items: center; }
@media (min-width: 961px) {
  .marketing .landing-header.landing-header-compact { gap: 27px; }
  .marketing .landing-header-compact .landing-desktop-nav { position: static; transform: none; }
  .marketing .landing-header-compact .landing-nav-actions { gap: 10px; }
}
@media (min-width: 1101px) and (max-width: 1200px) {
  .marketing .landing-header.landing-header-compact { gap: 10px; }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .marketing .landing-header.landing-header-compact { gap: 9px; }
}
@media (any-pointer: coarse) {
  .marketing .landing-product-toggle, .marketing .landing-desktop-nav > a,
  .marketing .landing-login, .p2-footer a, .p2-text-link, .p2-closing-demo { min-height: 44px; }
  .marketing .landing-desktop-nav > a, .marketing .landing-login { display: inline-flex; align-items: center; }
}
.landing .landing-mobile-cta { display: none; }
.p2-badge { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 99px; font-size: 12px; font-weight: 600; letter-spacing: .25px; }
.p2-badge svg { color: var(--ui-warning); }
.p2-lead { color: var(--ui-muted); font-size: 18px; }
.p2-button { display: inline-flex; justify-content: center; align-items: center; gap: 13px; min-height: 49px; padding: 13px 21px; border-radius: 14px; font-size: 14px; font-weight: 600; }
.p2-button.p2-glass { transition: transform .25s, box-shadow .25s, background .25s; }
.p2-button.p2-glass:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 #ffffff70, 0 10px 30px #62428833; }
.p2-dot { display: inline-block; width: 6px; height: 6px; background: var(--ui-success); border-radius: 50%; }
.p2-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--ui-surface-selected); border: 1px solid var(--ui-edge); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 7%, transparent); color: var(--ui-purple); flex-shrink: 0; }
.p2-section { padding-block: 64px; }
.p2-section-heading { text-align: center; margin-bottom: 38px; }
.p2-eyebrow { display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--ui-muted); font-size: 10px; font-weight: 600; letter-spacing: 1.8px; margin-bottom: 19px; }
.p2-section-heading > p:last-child { color: var(--p2-muted); margin-top: 18px; font-size: 16px; }
.p2-section-heading > p:last-child, .p2-together .p2-section-heading > .p2-mode-description { font-size: 16px; line-height: 1.65; }
.p2-text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--ui-link); margin-top: 24px; }
.p2-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.p2-dot { margin-right: 6px; }

.p2-faq { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: start; }
.p2-faq .p2-eyebrow { justify-content: flex-start; }
.p2-faq h2 { font-size: 42px; }
.p2-question-list { display: grid; gap: 10px; }
.p2-question-item { border-radius: 16px; }
.p2-question-trigger { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; padding: 20px 21px; border: 0; border-radius: 16px; background: transparent; color: inherit; text-align: left; font: inherit; font-size: 14px; cursor: pointer; }
.p2-question-trigger svg { transition: transform .28s ease; flex-shrink: 0; }
.p2-faq-answer { color: var(--p2-muted); font-size: 13px; }
.p2-faq-answer p { padding: 0 21px 20px; }
/* Centered FAQ layout: heading, category pills, and questions in one column,
   as on the home, pricing, and FAQ pages. The section is wider than the
   question column so a full row of category pills fits. */
.p2-faq-centered { display: block; width: min(1320px, calc(100% - 64px)); margin-inline: auto; text-align: center; }
.p2-faq-centered .p2-eyebrow { justify-content: center; }
.p2-faq-centered h2 { font-size: 42px; }
.p2-faq-centered .p2-faq-intro { max-width: 620px; margin: 20px auto 0; color: var(--p2-muted); font-size: 16px; line-height: 1.65; }
.p2-faq-centered .p2-questions { margin: 34px auto 0; text-align: left; }
.p2-faq-centered .p2-question-list { max-width: 720px; margin-inline: auto; }
/* Section switcher for grouped FAQs: a scriptless radio group styled as a
   capsule of pills, with the checked label raised and its matching panel
   revealed. The panel rules cover eight sections; a ninth needs one more
   selector. Without :has() the capsule hides and every section stacks. */
.p2-faq-sections { display: block; text-align: center; }
.p2-faq-tabs { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 4px; max-width: 100%; padding: 4px; border-radius: 99px; background: var(--ui-surface-control); }
.p2-faq-tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 12px; border-radius: 99px; color: var(--ui-muted); font-size: 14px; font-weight: 600; cursor: pointer; transition: color .2s, background-color .2s, box-shadow .2s; }
.p2-faq-tab:hover { color: var(--ui-ink); background: var(--ui-surface-raised); }
.p2-faq-tabs input:checked + .p2-faq-tab { color: var(--ui-ink); background: var(--ui-surface-raised); box-shadow: 0 1px 2px #49365514, 0 2px 6px #4936551f; }
.p2-faq-tabs input:focus-visible + .p2-faq-tab { outline: 3px solid var(--ui-focus); outline-offset: 3px; }
/* Icons stay muted until their tab is active, then take the primary color. */
.p2-faq-tab-icon { display: inline-grid; place-items: center; flex-shrink: 0; color: color-mix(in srgb, var(--ui-muted) 42%, transparent); transition: color .2s; }
.p2-faq-tab:hover .p2-faq-tab-icon { color: color-mix(in srgb, var(--ui-muted) 70%, transparent); }
.p2-faq-tabs input:checked + .p2-faq-tab .p2-faq-tab-icon { color: var(--ui-primary); }
.p2-faq-section { display: none; margin-top: 26px; min-width: 0; animation: p2-mode-content-arrive .38s cubic-bezier(.22,.68,0,1) both; }
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(1):checked) > .p2-faq-section:nth-of-type(1),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(2):checked) > .p2-faq-section:nth-of-type(2),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(3):checked) > .p2-faq-section:nth-of-type(3),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(4):checked) > .p2-faq-section:nth-of-type(4),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(5):checked) > .p2-faq-section:nth-of-type(5),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(6):checked) > .p2-faq-section:nth-of-type(6),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(7):checked) > .p2-faq-section:nth-of-type(7),
.p2-faq-sections:has(.p2-faq-tabs input:nth-of-type(8):checked) > .p2-faq-section:nth-of-type(8) { display: block; }
@supports not selector(:has(*)) {
  .p2-faq-tabs { display: none; }
  .p2-faq-section { display: block; }
}
/* Standalone FAQ page hero and contact line. */
.p2-faq-hero { text-align: center; padding-block: 70px 0; }
.p2-faq-hero .p2-badge { margin-bottom: 24px; }
.p2-faq-hero h1 { font-size: clamp(40px, 5.5vw, 66px); line-height: 1.05; letter-spacing: -2.4px; font-weight: 600; }
.p2-faq-hero .p2-lead { max-width: 560px; margin: 22px auto 0; }
.p2-faq-contact { text-align: center; padding-block: 12px 70px; }
.p2-faq-contact p { color: var(--p2-muted); font-size: 15px; }
.p2-faq-contact .p2-text-link { margin-top: 14px; }
.p2-closing { position: relative; isolation: isolate; display: grid; place-items: center; }
.p2-closing-card { width: min(680px, 100%); text-align: center; border-radius: 30px; padding: 45px 25px; }
.p2-closing-card .p2-badge { color: var(--ui-muted); font-size: 10px; }
.p2-closing-card .p2-badge svg { color: var(--ui-purple); }
.p2-closing-card h2 { margin-top: 24px; }
.p2-closing-card > p { color: var(--ui-muted); font-size: 15px; margin: 18px 0 25px; }
.p2-closing-demo { display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 11px; margin-top: 20px; color: var(--ui-link); }
.p2-closing-demo:hover { text-decoration: underline; }
.p2-footer { padding-block: 40px 28px; }
.p2-footer-top { display: grid; grid-template-columns: 1fr 2.4fr; gap: 64px; padding-block: 48px 56px; border-top: 1px solid var(--p2-edge); }
.p2-footer-brand { position: relative; display: block; width: 125px; height: 52px; flex-shrink: 0; }
.p2-footer-top img { display: block; object-fit: contain; }
.p2-footer-brand img { position: absolute; inset: 0; width: 125px; height: 52px; }
.p2-footer-intro p { color: var(--p2-muted); font-size: 14px; line-height: 1.8; margin-top: 18px; }
.p2-footer nav { display: grid; grid-template-columns: .8fr 2fr; gap: 32px; padding-top: 12px; font-size: 13px; line-height: 1.6; }
.p2-footer-comparisons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; }
.p2-footer-column h3 { margin: 0 0 22px; font-size: 13px; font-weight: 600; line-height: 1.6; }
.p2-footer-column ul { display: grid; gap: 14px; list-style: none; margin: 0; padding: 0; }
.p2-footer-column a { color: var(--p2-muted); }
.p2-footer a { display: inline-flex; align-items: center; gap: 6px; }
.p2-footer nav a:hover, .p2-footer nav a[aria-current=page] { color: var(--ui-link); text-decoration: underline; text-underline-offset: 5px; }
.p2-footer .p2-footer-all { grid-column: 1 / -1; justify-self: start; gap: 10px; color: var(--ui-link); font-weight: 600; }
.p2-footer-bottom { display: flex; justify-content: space-between; gap: 15px; color: var(--ui-muted); font-size: 11px; border-top: 1px solid var(--p2-edge); padding-top: 24px; }
.p2-visible { animation: p2-arrive .85s cubic-bezier(.2,.65,.3,1) both; }
@keyframes p2-arrive { from { opacity: 0; translate: 0 22px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 1200px) {
  .marketing .landing-header-compact { gap: 12px; padding-inline: 14px; }
  .marketing .landing-logo img { width: 100px; height: 42px; }
  .marketing .landing-desktop-nav { gap: 10px; }
  .marketing .landing-nav-actions { gap: 10px; }
  .marketing .landing-button-small { padding-inline: 11px; gap: 8px; white-space: nowrap; }
  .p2-footer-top { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 760px) {
  .p2-container { width: calc(100% - 36px); }
  .p2-faq-centered { width: calc(100% - 36px); }
  .p2-faq-tabs { border-radius: 30px; }
  .marketing-header { margin-top: 14px; }
  .marketing .landing-header { border-radius: 19px; height: 68px; padding-inline: 16px; }
  .marketing .landing-logo img { width: 84px; height: 35px; }
  .marketing .landing-desktop-nav, .marketing .landing-login { display: none; }
  .marketing .landing-menu-toggle { display: inline-flex; }
  .marketing .landing-nav-actions { gap: 9px; }
  .marketing .landing-button-small { font-size: 11px; padding: 10px 12px; gap: 8px; }
  .p2-lead { font-size: 15px; max-width: 400px; margin-inline: auto; }
  .p2-button { font-size: 12px; padding: 12px 15px; gap: 8px; }
  .p2-section { padding-block: 44px; }
  .p2-section-heading { margin-bottom: 28px; }
  .marketing h2 { font-size: 34px; letter-spacing: -1.4px; }
  .p2-eyebrow { font-size: 9px; letter-spacing: 1.2px; }
  .p2-section-heading > p:last-child, .p2-together .p2-section-heading > .p2-mode-description { font-size: 14px; }
  .p2-faq { grid-template-columns: 1fr; gap: 28px; }
  .p2-question-trigger { font-size: 13px; }
  .p2-closing-card { padding: 35px 18px; }
  .p2-footer { padding-top: 24px; }
  .p2-footer-top { padding-block: 32px 40px; }
  .p2-footer nav { grid-template-columns: 1fr; gap: 36px; padding-top: 0; }
  .p2-footer-comparisons { gap: 26px 20px; }
  .p2-footer-column h3 { margin-bottom: 18px; }
  .p2-footer-bottom { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .marketing .landing-nav-actions .landing-button-small { display: none; }
  .landing .landing-mobile-cta { display: inline-flex; }
}
@media (max-width: 380px) {
  .marketing .landing-header-compact { gap: 8px; padding-inline: 10px; }
  .marketing .landing-logo img { width: 64px; height: 27px; }
  .marketing .landing-button-small svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing *, .marketing *::before, .marketing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Landing-only hero, repeatable-work comparison, and workspace sections.
   Loaded after the shared marketing theme; retain feature rule order and breakpoints. */
.p2-hero { text-align: center; padding-top: 65px; }
.p2-hero h1 { font-size: clamp(52px, 6.9vw, 94px); letter-spacing: -.035em; line-height: 1.06; margin: 26px 0 22px; font-weight: 600; text-wrap: balance; }
.p2-hero h1 > span { color: var(--ui-purple); }
.p2-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; }
.p2-actions .p2-glass { transition: background .25s, box-shadow .25s; }
.p2-actions .p2-glass:hover { transform: none; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 7%, transparent), var(--ui-shadow); }
.p2-fine { margin-top: 16px; font-size: 12px; color: var(--ui-muted); }
.marketing .hero-explorer { width: 100%; margin-top: 48px; }
.marketing .hero-explorer-heading { color: var(--p2-muted); }
.marketing .demo-caption-space { display: none; }
.marketing :is(.demo-workspace, .demo-node, .demo-artifact, .demo-source-preview, .demo-audiences button, .demo-channel-message, .demo-report-attachment) { background: var(--ui-surface-glass); border-color: var(--ui-edge); color: var(--ui-ink); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 6%, transparent), var(--ui-shadow); -webkit-backdrop-filter: blur(20px) saturate(125%); backdrop-filter: blur(20px) saturate(125%); }
.marketing .demo-workspace { height: 700px; grid-template-rows: 48px 92px minmax(0, 1fr); border-radius: 26px; color: var(--ui-ink); background: var(--ui-surface-glass); box-shadow: var(--ui-shadow); }
.marketing .demo-toolbar { background: var(--ui-surface-inset); border-color: var(--ui-edge); }
.marketing .hero-demo-canvas { padding-block: 20px; background: var(--ui-surface-inset); border-color: var(--ui-edge); }
.marketing .demo-flow { padding-top: 0; }
.marketing .demo-source-node { height: auto; min-height: 72px; }
.marketing .demo-config-node { padding: 14px; }
.marketing .demo-node-heading { height: auto; min-height: 36px; }
.marketing .demo-config-node label { margin: 12px 0 6px; }
.marketing .demo-config-node select { padding: 9px; }
.marketing .demo-delivery { margin-top: 10px; }
.marketing .demo-approval-setting { margin-block: 12px; padding-top: 10px; }
.marketing .demo-node + .demo-node { margin-top: 18px; }
.marketing .demo-node + .demo-node::before { top: -19px; height: 18px; }
.marketing :is(.demo-node, .demo-artifact, .demo-source-preview) { border-radius: 17px; }
.marketing .demo-node-active { border-color: var(--ui-edge-strong); background: var(--ui-surface-selected); }
.marketing .demo-node-complete { border-color: var(--ui-edge-strong); background: var(--ui-surface-success); }
.marketing .demo-audiences button { border-radius: 13px; transition: background .25s, box-shadow .25s; }
.marketing .demo-audiences button:not([aria-pressed=true]) { border-color: var(--ui-edge); }
.marketing .demo-audiences button > svg { flex-shrink: 0; }
.marketing :is(.demo-run, .demo-review-actions button, .demo-config-node select) { border-radius: 10px; }
.marketing .demo-config-node select, .marketing .demo-review-actions .demo-pause { background: var(--ui-surface-control); border-color: var(--ui-edge); color: var(--ui-ink); }
.marketing :is(.demo-document-heading h4, .demo-source-copy h4, .demo-dispatch-heading h4) { font-family: inherit; font-weight: 600; color: var(--p2-ink); }
.marketing :is(.demo-node-detail, .demo-heading p, .demo-source-copy p, .demo-source-footnote, .demo-document-kicker, .demo-document-heading p, .demo-document-meta, .demo-document-footer, .demo-review-actions div > span, .demo-channel-message > p, .demo-channel-header small, .demo-report-attachment div > span, .demo-dispatch-heading p, .demo-channel-status) { color: var(--ui-muted); }
.marketing .demo-node-icon, .marketing .demo-source-app, .marketing .demo-source-packet, .marketing .demo-dispatch-route > span { background: var(--ui-surface-selected); border: 1px solid var(--ui-edge); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 5%, transparent); }
.marketing .demo-insight { background: var(--ui-surface-success); border-color: var(--ui-edge); border-radius: 11px; }
.marketing .demo-heading-controls { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.marketing .demo-heading-controls .demo-run { width: 138px; min-height: 40px; padding: 11px 16px; white-space: nowrap; }
.marketing .demo-heading-controls .demo-run > svg { margin: 0; }
.marketing .demo-action-state { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 34px; border: 1px solid var(--ui-edge); border-radius: 10px; background: var(--ui-surface-selected); color: var(--ui-link); font-size: 11px; }
.marketing .demo-action-state[data-complete=true] { background: var(--ui-surface-success); color: var(--ui-success); }
.marketing .demo-review-node { height: auto; min-height: 72px; flex-wrap: wrap; }
.marketing .demo-approve { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 36px; border-radius: 10px; font-size: 11px; }
.marketing .demo-source-progress { margin-bottom: 20px; }
.marketing .demo-dispatch-progress { margin-bottom: 20px; }
.p2-scroll { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; margin-top: 57px; font-size: 11px; color: var(--ui-muted); }
.p2-scroll svg { width: 33px; height: 33px; padding: 8px; border: 1px solid var(--ui-edge); border-radius: 50%; background: var(--ui-surface-glass); }
.p2-templates { color: var(--p2-ink); }
.p2-template-explorer { overflow: visible; border-radius: 26px; }
.p2-template-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 58px; padding: 0 24px; border-bottom: 1px solid var(--ui-edge); color: var(--ui-ink); font-size: 13px; font-weight: 600; }
.p2-template-toolbar > span, .p2-template-ready { display: inline-flex; align-items: center; gap: 9px; }
.p2-template-ready { color: var(--ui-success); font-size: 11px; font-weight: 500; }
.p2-template-ready i { width: 7px; height: 7px; border-radius: 50%; background: var(--ui-success); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-success) 18%, transparent); }
.p2-template-content { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 26px; padding: 24px; }
.p2-template-picker { display: flex; flex-direction: column; gap: 8px; }
.p2-template-picker > p, .p2-template-builder-heading > div > span { margin: 3px 0 5px; color: var(--ui-muted); font-size: 12px; font-weight: 600; letter-spacing: .04em; }
.p2-template-picker > button { display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--ui-edge); border-radius: 12px; background: var(--ui-surface-glass); color: var(--ui-ink); font: inherit; font-size: 12px; text-align: left; cursor: pointer; transition: background .25s, box-shadow .25s; }
.p2-template-picker > button[aria-pressed=true] { font-weight: 600; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 7%, transparent), var(--ui-shadow); }
.p2-template-picker > button > svg { flex: 0 0 auto; }
.p2-template-picker > button > svg:first-child { color: var(--ui-ink); }
.p2-template-picker > button > span { flex: 1; }
.p2-template-picker > button > svg:last-child { color: var(--ui-success); visibility: hidden; }
.p2-template-picker > button[aria-pressed=true] > svg:last-child { visibility: visible; }
.p2-template-description { min-height: 55px; margin-top: 8px; padding: 13px 12px; border-top: 1px solid var(--ui-edge); color: var(--ui-muted); font-size: 11px; line-height: 1.55; }
.p2-template-builder { container-type: inline-size; min-width: 0; overflow: visible; border: 1px solid var(--ui-edge); border-radius: 19px; background: var(--ui-surface); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 5%, transparent); }
.p2-template-builder-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 17px 20px 15px; border-bottom: 1px solid var(--ui-edge); }
.p2-template-builder-heading > div > span { display: block; margin: 0 0 5px; }
.p2-template-builder-heading h3 { font-size: 16px; letter-spacing: -.3px; }
.p2-template-reset { display: inline-flex; flex-shrink: 0; align-items: center; gap: 5px; min-height: 44px; padding: 7px 9px; border: 1px solid var(--ui-edge); border-radius: 9px; background: var(--ui-surface-control); color: var(--ui-muted); font: inherit; font-size: 14px; cursor: pointer; }
.p2-template-flow { position: relative; display: grid; gap: 0; min-height: 185px; padding: 27px 20px; overflow: visible; background: radial-gradient(color-mix(in srgb, var(--ui-edge-strong) 30%, transparent) .8px, transparent .8px) 0 0 / 14px 14px, var(--ui-surface-inset); }
.p2-template-row { display: flex; align-items: stretch; gap: 8px; }
.p2-template-row + .p2-template-row { animation: p2-template-row-arrive .42s cubic-bezier(.22,.68,0,1) both; }
.p2-template-row-connector { position: relative; height: 34px; margin-inline: 0; }
.p2-template-wires { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.p2-template-wires path { fill: none; stroke: var(--ui-edge-strong); stroke-width: 1; vector-effect: non-scaling-stroke; }
.p2-template-row { position: relative; }
.p2-template-node { position: relative; display: flex; flex: 1 1 130px; align-items: center; gap: 10px; min-width: 130px; min-height: 83px; padding: 12px; border: 1px solid var(--ui-edge); border-radius: 14px; background: var(--ui-surface-raised); color: var(--ui-ink); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 5%, transparent), var(--ui-shadow); }
.p2-template-node-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border: 1px solid var(--ui-edge); border-radius: 11px; background: var(--ui-surface-glass); color: var(--ui-ink); }
.p2-template-node > span:nth-child(2) { display: grid; min-width: 0; gap: 6px; }
.p2-template-node small { color: var(--ui-muted); font-size: 8px; font-weight: 700; letter-spacing: .7px; }
.p2-template-node strong { color: var(--ui-ink); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.p2-template-node-added { border-color: var(--ui-edge-strong); background: var(--ui-surface-success); animation: p2-template-pop .28s ease both; }
.p2-template-node-added .p2-template-node-icon { color: var(--ui-success); background: var(--ui-surface-success); }
.p2-template-node-check { flex: 0 0 auto; margin-left: auto; color: var(--ui-success); }
.p2-template-add-wrap { position: relative; z-index: 1; display: grid; flex: 0 0 44px; align-content: center; justify-items: center; }
.p2-template-add { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid var(--ui-control-edge); border-radius: 50%; background: var(--ui-surface-glass); color: var(--ui-ink); cursor: pointer; box-shadow: var(--ui-shadow); transition: background .25s, box-shadow .25s; }
.p2-template-add-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.p2-template-add-wrap .p2-template-add { display: grid; }
.p2-template-add-wrap .ui-dropdown-menu { width: 230px; }
.p2-template-placeholder-wrap { position: relative; display: flex; flex: 1 1 130px; min-width: 130px; align-items: center; }
.p2-template-placeholder { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; min-height: 83px; padding: 12px; border: 1px dashed var(--ui-control-edge); border-radius: 14px; background: var(--ui-surface-glass); color: var(--ui-ink); text-align: left; cursor: pointer; transition: background .25s, box-shadow .25s; }
.p2-template-placeholder-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border: 1px solid var(--ui-edge); border-radius: 11px; background: var(--ui-surface-glass); color: var(--ui-ink); }
.p2-template-picker > button, .p2-template-add, .p2-template-placeholder, .p2-template-node-icon, .p2-template-placeholder-icon { -webkit-backdrop-filter: blur(20px) saturate(125%); backdrop-filter: blur(20px) saturate(125%); }
.p2-template-add[aria-expanded=true], .p2-template-placeholder[aria-expanded=true] { box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 12%, transparent), var(--ui-shadow); }
.p2-template-placeholder > span:last-child { display: grid; min-width: 0; gap: 6px; }
.p2-template-placeholder small { color: var(--ui-muted); font-size: 8px; font-weight: 700; letter-spacing: .7px; }
.p2-template-placeholder strong { font-size: 11px; line-height: 1.35; }
.p2-template-placeholder-wrap { position: relative; display: flex; flex: 1 1 130px; min-width: 130px; align-items: center; }
.p2-template-builder-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 49px; padding: 10px 18px; border-top: 1px solid var(--ui-edge); color: var(--ui-muted); font-size: 10px; }
.p2-template-builder-footer > span:first-child { min-width: 0; line-height: 1.6; }
.p2-template-builder-footer > span:first-child > svg { display: inline-block; vertical-align: -.15em; margin-right: 6px; }
.p2-template-builder-footer svg { flex: 0 0 auto; color: var(--ui-purple); }
.p2-template-builder-footer strong { color: var(--ui-ink); }
.p2-template-builder-footer > span:last-child { color: var(--ui-muted); white-space: nowrap; }
@keyframes p2-template-pop { from { opacity: 0; } to { opacity: 1; } }
@keyframes p2-template-row-arrive { from { opacity: .55; } to { opacity: 1; } }
.p2-connections { text-align: center; }
.p2-integration-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 28px; margin-top: 24px; }
.p2-integration-links svg { flex-shrink: 0; }
.integration-logo-cloud { width: 100%; }
/* Clip the scrolling tracks horizontally, but let tile shadows fade naturally vertically. */
.integration-logo-rows { display: grid; gap: 14px; overflow-x: clip; overflow-y: visible; padding-block: 20px; }
.integration-logo-row { min-width: 0; }
.integration-logo-track { display: flex; width: max-content; animation: integration-logo-scroll 64s linear infinite; }
.integration-logo-row:nth-child(2) .integration-logo-track { animation-direction: reverse; }
/* Compositor transform animations keep running for offscreen layers and hidden
   tabs. Pausing there avoids needless background work without restarting the
   animation or touching the DOM. */
.integration-logo-cloud[data-paused] .integration-logo-track { animation-play-state: paused; }
.integration-logo-group { display: flex; flex-shrink: 0; gap: 12px; list-style: none; padding: 0 12px 0 0; margin: 0; }
.integration-logo-tile { display: grid; place-items: center; flex: 0 0 82px; width: 82px; height: 68px; border-radius: 17px; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
/* Tiles traverse the viewport in a transform animation, so a live backdrop
   filter makes the compositor re-sample the backdrop for every tile every
   frame. The cloud keeps the translucent fill, edge, and highlight, but paints
   a static surface instead. Scoped above the shared glass rules (which load
   later and would otherwise restore the blur) so every other surface keeps it. */
.marketing .integration-logo-cloud .integration-logo-tile.p2-glass {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.integration-logo-tile img { width: 32px; height: 30px; object-fit: contain; transition: transform .25s ease; }
@media (hover: hover) {
  .integration-logo-tile:hover,
  .p2-actions .p2-glass:hover,
  .p2-template-picker > button:hover,
  .p2-template-add:hover,
  .p2-template-placeholder:hover,
  .p2-template-reset:hover,
  .marketing .demo-audiences button:not([aria-pressed=true]):hover { background: color-mix(in srgb, var(--ui-surface-hover) 70%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 12%, transparent), var(--ui-shadow); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .integration-logo-tile:hover { transform: translateY(-4px); }
  .integration-logo-tile:hover img { transform: scale(1.12) rotate(-3deg); }
}
/* Shift by exactly one repetition so the loop restarts seamlessly; the other
   repetitions keep both rows filled on wide viewports. */
@keyframes integration-logo-scroll { to { transform: translateX(calc(-100% / var(--integration-logo-copies))); } }
.p2-together { color: var(--p2-ink); }
.p2-mode-switch { display: flex; width: fit-content; min-inline-size: 0; padding: 5px; gap: 4px; margin: 27px auto 23px; border: 1px solid var(--ui-control-edge); border-radius: 99px; background: var(--ui-surface-inset); }
.p2-mode-switch label { display: grid; place-items: center; min-width: 103px; min-height: 42px; padding: 10px 24px; border-radius: 99px; font-size: 14px; color: var(--ui-muted); cursor: pointer; transition: background .2s, color .2s; }
.p2-mode-switch label:hover { background: #ffffff1c; }
.p2-mode-switch input:checked + label { color: var(--ui-ink); background: var(--ui-surface-raised); box-shadow: 0 2px 8px #17283b24; }
.p2-mode-switch input:focus-visible + label { outline: 3px solid var(--ui-focus); outline-offset: 3px; }
/* Both modes render server-side; the checked radio picks one without script.
   Scenes are block-level, so the reveal restores that display value. */
.p2-together .p2-mode-description[data-mode=team], .p2-together .p2-shared-scene[data-mode=team] { display: none; }
.p2-together:has(#p2-mode-team:checked) .p2-mode-description[data-mode=team], .p2-together:has(#p2-mode-team:checked) .p2-shared-scene[data-mode=team] { display: block; }
.p2-together:has(#p2-mode-team:checked) .p2-mode-description[data-mode=solo], .p2-together:has(#p2-mode-team:checked) .p2-shared-scene[data-mode=solo] { display: none; }
/* Without :has() the checked state cannot pick a panel, so hide the control
   instead of leaving it visibly selected with nothing changing. */
@supports not selector(:has(*)) {
  .p2-mode-switch { display: none; }
}
.p2-together .p2-section-heading > .p2-mode-description { max-width: 650px; margin: 0 auto; color: var(--p2-muted); font-size: 16px; line-height: 1.65; }
.p2-shared-scene { position: relative; overflow: hidden; padding: 28px; border: 1px solid var(--ui-edge); border-radius: 30px; color: var(--ui-ink); background: var(--ui-surface-glass); box-shadow: var(--ui-shadow); -webkit-backdrop-filter: blur(20px) saturate(125%); backdrop-filter: blur(20px) saturate(125%); }
.p2-workspace-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 3px 4px 22px; border-bottom: 1px solid var(--ui-edge); }
.p2-workspace-toolbar-title { display: flex; align-items: center; gap: 11px; }
.p2-workspace-toolbar-title > svg { color: var(--ui-purple); }
.p2-workspace-toolbar-title strong { font-size: 17px; font-weight: 600; letter-spacing: -.3px; }
.p2-workspace-branches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-top: 22px; }
.p2-space-card { min-width: 0; padding: 23px; border: 1px solid var(--ui-edge); border-radius: 21px; background: var(--ui-surface); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ui-ink) 5%, transparent); transition: background .25s, box-shadow .25s; }
/* Arrival animations restart whenever a mode's panel goes from display:none to
   visible, which is the switch itself and the initial below-the-fold paint. */
.p2-together .p2-mode-description, .p2-together .p2-workspace-toolbar-title { animation: p2-mode-content-arrive .38s cubic-bezier(.22,.68,0,1) both; }
.p2-together .p2-workspace-branches > .p2-space-card { animation: p2-mode-card-arrive .44s cubic-bezier(.22,.68,0,1) both; }
.p2-together .p2-workspace-branches > .p2-space-card:nth-child(2) { animation-delay: .07s; }
.p2-together .p2-workspace-branches > .p2-space-card:nth-child(3) { animation-delay: .14s; }
@keyframes p2-mode-content-arrive { from { opacity: 0; translate: 0 7px; } to { opacity: 1; translate: 0 0; } }
@keyframes p2-mode-card-arrive { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
.p2-space-category { color: var(--ui-muted); font-size: 10px; font-weight: 600; letter-spacing: 1.2px; }
.p2-space-card h3 { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; margin-top: 8px; color: var(--ui-ink); font-size: 22px; font-weight: 600; letter-spacing: -.5px; line-height: 1.2; }
.p2-space-card h3 svg { flex-shrink: 0; color: var(--ui-purple); }
.p2-space-card ul { display: grid; gap: 9px; list-style: none; padding: 18px 0 0; margin: 0; }
.p2-space-card li { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 11px; border: 1px solid var(--ui-edge-soft); border-radius: 12px; color: var(--ui-ink); background: var(--ui-surface-control); font-size: 13px; line-height: 1.4; }
.p2-space-card li svg { flex-shrink: 0; color: var(--ui-success); }
@media (max-width: 1100px) {
  .p2-template-content { grid-template-columns: minmax(0, 1fr); }
  .p2-template-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p2-template-picker > p, .p2-template-description { grid-column: 1 / -1; }
  .p2-shared-scene { padding: 22px; }
  .p2-workspace-branches { gap: 16px; }
  .p2-space-card { padding: 18px; }
}
@media (max-width: 760px) {
  .p2-hero { padding-top: 46px; }
  .p2-hero h1 { font-size: clamp(40px, 8.6vw, 64px); margin-top: 24px; }
  .p2-actions { gap: 9px; }
  .p2-fine { font-size: 10px; }
  .marketing .hero-explorer { margin-top: 35px; }
  .marketing .demo-workspace { border-radius: 20px; }
  .p2-scroll { margin-top: 65px; font-size: 10px; }
  .p2-template-content { grid-template-columns: 1fr; gap: 12px; padding: 18px; }
  .p2-template-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .p2-template-picker > p, .p2-template-description { grid-column: 1 / -1; }
  .p2-template-picker > button { justify-content: center; flex-direction: column; gap: 7px; min-height: 76px; padding: 8px 5px; font-size: 10px; text-align: center; }
  .p2-template-picker > button > span { flex: initial; }
  .p2-template-picker > button > svg:last-child { display: none; }
  .p2-template-description { min-height: 0; margin-top: 0; padding: 9px 3px 12px; }
  .p2-template-flow { gap: 20px; padding: 18px; }
  .p2-template-row { flex-direction: column; gap: 20px; }
  .p2-template-row-connector { display: none; }
  .p2-template-node { flex: initial; min-width: 0; min-height: 67px; }
  .p2-template-add-wrap { flex-basis: 44px; justify-items: center; margin-block: -8px; }
  .p2-template-placeholder-wrap { flex: initial; min-width: 0; min-height: 67px; margin-top: -8px; }
  .p2-template-placeholder { min-height: 67px; }
  .integration-logo-rows { gap: 10px; }
  .integration-logo-group { gap: 8px; padding-right: 8px; }
  .integration-logo-tile { flex-basis: 64px; width: 64px; height: 56px; border-radius: 15px; }
  .integration-logo-tile img { width: 26px; height: 25px; }
  .p2-workspace-branches { grid-template-columns: 1fr; gap: 10px; }
  .p2-space-card { padding: 19px; }
  .p2-space-card ul { grid-template-columns: 1fr; }
  .p2-workspace-toolbar { align-items: flex-start; flex-direction: column; gap: 16px; }
  .p2-workspace-workflow-link { max-width: 100%; }
  .p2-shared-scene { padding: 28px 18px 24px; border-radius: 25px; }
  .p2-workspace-root { width: 195px; }
  .p2-workspace-branches { grid-template-columns: 1fr; gap: 16px; padding-top: 22px; }
  .p2-space-card { padding: 20px; }
  .p2-space-card h3 { min-height: 0; margin-top: 10px; }
  .p2-space-card ul { padding-bottom: 10px; }
  .p2-shared-note { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .p2-together .p2-mode-description, .p2-together .p2-workspace-toolbar-title, .p2-together .p2-workspace-branches > .p2-space-card { animation: none; }
  .integration-logo-rows { overflow: visible; }
  .integration-logo-track { width: 100%; animation: none; }
  .integration-logo-group { width: 100%; flex-wrap: wrap; justify-content: center; padding: 0; }
  .integration-logo-group[aria-hidden=true], .integration-logo-item[data-duplicate=true] { display: none; }
}
@media (max-width: 640px) {
  .marketing .hero-explorer .demo-workspace { height: auto; min-height: 0; grid-template-rows: auto auto auto; }
  .marketing .demo-heading-controls { margin-top: 14px; justify-content: flex-end; }
  .marketing .hero-demo-canvas { grid-template-rows: auto auto; padding-block: 16px; }
  .marketing .hero-demo-output { min-height: 440px; }
  .marketing .demo-artifact, .marketing .demo-source-preview { height: auto; min-height: 440px; overflow: visible; }
  .marketing .demo-heading p { max-width: none; }
  .marketing .demo-document-meta, .marketing .demo-document-footer,
  .marketing .demo-source-records > div, .marketing .demo-channel-header { flex-wrap: wrap; }
  .p2-template-toolbar { padding-inline: 15px; font-size: 11px; }
  .p2-template-content { padding: 13px; }
  .p2-template-builder-heading { padding-inline: 14px; }
  .p2-template-builder-footer { align-items: flex-start; flex-direction: column; }
}

/* Keep interactive previews usable with fingers as well as a pointer. */
@container (min-width: 741px) {
  .p2-template-node, .p2-template-placeholder { flex-direction: column; align-items: flex-start; justify-content: center; }
  .p2-template-node-check { position: absolute; top: 12px; right: 12px; }
}
@container (max-width: 740px) {
  .p2-template-flow { gap: 20px; }
  .p2-template-row { flex-direction: column; gap: 20px; }
  .p2-template-row-connector { display: none; }
  .p2-template-node, .p2-template-placeholder-wrap { flex: initial; min-width: 0; }
  .p2-template-add-wrap { flex-basis: 44px; justify-items: center; }
  .p2-template-builder-footer { flex-direction: column; align-items: flex-start; }
}
.marketing .demo-audiences button,
.marketing .demo-heading-controls .demo-run,
.marketing .demo-approve,
.marketing .demo-workflow-select .ui-select-trigger,
.p2-mode-switch label { min-height: 44px; }
.p2-template-picker > button,
.p2-template-description,
.p2-template-node strong,
.p2-template-placeholder strong,
.p2-template-builder-footer { font-size: 14px; }
.p2-template-node small, .p2-template-placeholder small { font-size: 12px; letter-spacing: .04em; }

@media (max-width: 480px) {
  .p2-actions { flex-direction: column; align-items: stretch; }
  .p2-actions > a { width: 100%; }
  .p2-template-picker { grid-template-columns: minmax(0, 1fr); }
  .p2-template-picker > button { flex-direction: row; justify-content: flex-start; min-height: 48px; padding: 12px; text-align: left; }
  .p2-template-picker > button > span { flex: 1; }
  .p2-template-picker > button > svg:last-child { display: block; }
  .p2-template-builder-heading, .p2-template-toolbar { flex-wrap: wrap; padding-block: 14px; }
  .p2-template-flow { padding: 14px; }
}

/* Shared search field for the integrations and workflows pages. The React
   entry kept these rules in integration-search.css; the server renders the
   control from three templates, so the rules live here and every marketing
   page that links this sheet gets the same field. The material matches the
   AlignUI blocks search: white, soft shadow, inset icon, no focus outline. */
.integration-search {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 64px;
  border-radius: 17px;
  background: #fff;
  color: var(--ui-muted);
  box-shadow: var(--ui-field-shadow);
  transition: box-shadow .16s ease;
}
/* Focus deepens the field shadow instead of painting an outline. */
.integration-search:focus-within {
  box-shadow: var(--ui-field-shadow-focus);
}
.integration-search > svg { position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); pointer-events: none; }
.integration-search input { min-width: 0; width: 100%; min-height: 62px; padding: .75rem 1.25rem .75rem 3.25rem; border: 0; outline: none; border-radius: inherit; background: transparent; color: var(--ui-ink); caret-color: var(--ui-purple); font: inherit; font-size: 1rem; }
/* The enclosing field owns the visible focus treatment, including the clear action. */
.integration-search input:focus-visible { outline: none; }
.integration-search input::placeholder { color: var(--ui-muted); opacity: 1; }
.integration-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.integration-search button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin-inline-end: .625rem; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--ui-muted); cursor: pointer; }
.integration-search button:hover { color: var(--ui-ink); background: rgb(41 41 41 / .06); }
@media (prefers-reduced-motion: reduce) {
  .integration-search { transition: none; }
}
/* Forced colors suppress box-shadow; restore a boundary and focus ring. */
@media (forced-colors: active) {
  .integration-search { border: 1px solid ButtonBorder; }
  .integration-search:focus-within { outline: 2px solid Highlight; outline-offset: 2px; }
}