/* Presentation refinement: one visual idea per benefit. */
.hero-outcomes svg{width:24px;height:24px;flex:none}
.why-grid .why-point{padding:28px;gap:18px}
.why-grid .why-point h3{font-size:32px;line-height:1.14}
.why-grid .why-point>p{font-size:18px;line-height:1.55}
.simple-memory,.simple-delegate,.simple-adapt{min-height:158px;display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0}
.simple-memory{flex-direction:column;gap:8px}.memory-inputs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.memory-inputs span{padding:8px 12px;border-radius:0;background:#e8e9e2;font-size:15px}.memory-join{font-size:24px}.memory-core{display:flex;align-items:center;gap:12px;font-size:20px}.memory-core img,.simple-adapt>img{width:52px;height:52px;object-fit:contain}
.simple-delegate>div{display:flex;flex-direction:column;gap:14px;text-align:center;font-size:17px}.delegate-checks{font-size:30px;color:#426321;letter-spacing:5px}.decision-dot{font-size:32px}.delegate-arrow,.simple-adapt>span{font-size:28px;color:#73766a}.mini-tools{display:flex;gap:20px}.mini-tools img{width:38px;height:38px}.simple-adapt{gap:36px}
.demo-motion{min-width:44px;min-height:44px;flex:none}.mail-review-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid #e0e4db;font-size:15px}.mail-review-line>div{display:flex;gap:4px;padding:3px;border-radius:0;background:#eef0e9}.mail-review-line button{font:inherit;min-height:44px;padding:8px 12px;border:0;border-radius:0;background:transparent;cursor:pointer}.mail-review-line button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #0001}.mail-review-line small{margin-left:auto;color:#626957;font-size:14px}.story-mail .mail-activity{min-height:64px;padding:12px 20px}.story-mail .mail-background-group .em-person{padding:18px 20px}.story-mail .mail-background-group .em-pair{gap:14px}.mail-needs-decision .em-pair>span:last-child{color:#38531e}.story-mail[data-beat="1"] .mail-needs-decision .em-pair>span:first-child,.story-mail[data-beat="2"] .mail-needs-decision .em-pair>span:last-child{background:#edf5df;border-radius:0}
.analysis-examples{margin:0 0 24px}.analysis-examples summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font-size:16px;list-style:none;color:inherit}.analysis-examples .ax-prompts{padding-top:12px}.analysis-examples button{min-height:44px}.story-analysis-question .story-data-bridge{margin-top:36px}.story-workspace .ax-question{font-size:clamp(23px,2.5vw,32px);line-height:1.3;min-height:2.6em}
.wake-demo{border:1px solid #dbe0d1;border-radius:0;background:#f6f7f0;overflow:hidden}.wake-demo-top{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;font-size:18px}.wake-scene{display:grid;grid-template-columns:1fr 50px 1fr 50px 1.35fr;align-items:center;gap:16px;padding:35px 40px 48px;min-height:270px}.wake-clock{display:flex;flex-direction:column;gap:10px}.wake-clock>span{font-size:16px}.wake-clock strong{font-size:54px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1}.wake-clock small{font-size:15px;line-height:1.5;color:#616956}.wake-agent{text-align:center;display:flex;align-items:center;flex-direction:column;gap:18px}.wake-agent>strong{font-size:18px}.wake-logo{position:relative;display:grid;place-items:center;width:86px;height:86px;background:#e3e7da;border-radius:0;transition:background .4s}.wake-logo img{width:58px;height:58px;object-fit:contain}.wake-logo i{position:absolute;inset:-8px;border:1px solid #83a54b;border-radius:0;opacity:0}.wake-demo[data-phase="1"] .wake-logo,.wake-demo[data-phase="2"] .wake-logo,.wake-demo[data-phase="3"] .wake-logo{background:#d2fa91}.wake-demo[data-phase="1"] .wake-logo i{animation:wake-ring 1s ease-out infinite}.wake-signal{color:#a4ac98;font-size:28px;text-align:center}.wake-demo[data-phase="2"] .wake-signal-work{color:#557c22}.wake-work{display:flex;flex-direction:column;gap:14px}.wake-work>div{display:flex;gap:12px;font-size:17px;line-height:1.5;color:#767e6c;transition:color .3s}.wake-work .is-working{color:#222b19;font-weight:600}.wake-work .is-done{color:#3d601b}.wake-loop-note{border-top:1px solid #dbe0d1;padding:18px 26px;min-height:64px;font-size:17px;line-height:1.5;background:#eef2e5}.autopilot-footnote{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;font-size:17px;line-height:1.6}.autopilot-footnote>p{margin:0}.autopilot-footnote summary{min-height:44px;display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:600}.autopilot-footnote details p{font-size:16px;color:#58614d}.connected-story.tools-simple{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:38px;margin-top:38px}.tools-simple .connected-heading h3{font-size:32px}.tools-simple .connected-heading p{font-size:18px;line-height:1.6}.tools-map{display:grid;grid-template-columns:64px 1fr 82px 1fr 64px;align-items:center;gap:10px;min-height:190px}.tool-node,.tool-hub{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:16px;font-weight:600}.tool-node img{width:40px;height:40px;object-fit:contain}.tool-hub img{width:72px;height:72px;object-fit:contain;padding:10px;background:#d2fa91;border-radius:0}.tool-wire{height:1px;background:#b7c1ab;position:relative;margin-bottom:28px}.tool-wire:after{content:'';width:5px;height:5px;background:#749644;position:absolute;left:50%;top:-2px;border-radius:50%}.managed-heading .managed-scope{font-size:18px;max-width:740px;line-height:1.6}.managed-bottom{margin-top:28px}.wake-demo[data-motion-paused="true"] *{animation-play-state:paused!important}@keyframes wake-ring{from{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.2)}}
@media(max-width:700px){.why-grid .why-point{padding:24px}.why-grid .why-point h3{font-size:29px}.simple-memory,.simple-delegate,.simple-adapt{min-height:130px}.simple-delegate{gap:18px}.mail-review-line{padding:12px;gap:6px}.mail-review-line>span{width:100%}.mail-review-line small{margin-left:0}.mail-review-line button{font-size:14px}.story-mail .mail-background-group .em-person{padding:16px 12px}.wake-demo-top{padding:16px;font-size:16px;gap:12px}.wake-scene{grid-template-columns:1fr 30px 1fr;gap:12px;padding:22px;min-height:0}.wake-clock strong{font-size:46px}.wake-logo{width:74px;height:74px}.wake-logo img{width:50px;height:50px}.wake-clock small{font-size:14px}.wake-signal-work{display:none}.wake-work{grid-column:1/-1;border-top:1px solid #dbe0d1;margin-top:16px;padding-top:20px}.wake-work>div{font-size:17px}.wake-agent>strong{font-size:16px}.wake-loop-note{padding:16px;min-height:90px;font-size:16px}.autopilot-footnote{grid-template-columns:1fr;gap:14px;font-size:17px}.connected-story.tools-simple{grid-template-columns:1fr;gap:8px}.tools-map{min-height:160px;grid-template-columns:54px 1fr 74px 1fr 54px;gap:6px}.tools-simple .connected-heading h3{font-size:29px}.analysis-examples .ax-prompts{display:grid;grid-template-columns:1fr 1fr}.story-workspace .ax-question{font-size:23px}.managed-heading .managed-scope{font-size:17px}}
@media(prefers-reduced-motion:reduce){.wake-demo *{animation:none!important;transition:none!important}}

.wake-logo img,.tool-hub img,.memory-core img,.simple-adapt>img{filter:brightness(0)}
.tool-hub img{background:transparent;padding:8px}.why-point:nth-child(3) .delegate-checks{color:#c5f45b}.why-point:nth-child(3) .delegate-arrow{color:#b5c2a8}
#why .why-point{gap:16px}#why .why-point h3{margin-bottom:0}#why .why-point>p:not(.why-experience){margin-top:0;margin-bottom:0}#why .why-point>.why-experience{font-size:15px;margin:0;line-height:1.5}#why .simple-memory,#why .simple-delegate,#why .simple-adapt{margin:0;flex:1}#why .why-time{margin:8px 0}
/* Reserved for supplied agency work; no fictional client or performance claims. */
.agency-case-reserve{margin:40px 0 32px;border-top:1px solid #cbd2c1}.agency-case-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.agency-case-label h3{font-size:24px;font-weight:500;margin:0}.agency-case-label>span{font-size:15px;color:#59644f}.agency-case-media{min-height:260px;display:grid;place-items:center;background:#e9ede3;color:#697260;font-size:17px;border:1px dashed #b9c3ac}.agency-case-fields{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #cbd2c1}.agency-case-fields>div{display:flex;flex-direction:column;gap:12px}.agency-case-fields span{font-size:16px;color:#58624e}.agency-case-fields strong{font-size:23px;font-weight:400;color:#79836e}
@media(max-width:600px){.agency-case-label{align-items:flex-start;flex-direction:column;gap:8px}.agency-case-media{min-height:210px;font-size:16px;padding:20px;text-align:center}.agency-case-fields{grid-template-columns:1fr;gap:0;padding:8px 0}.agency-case-fields>div{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0}.agency-case-label h3{font-size:23px}}
/* Benefit emphasis: existing surfaces, clearer cause and effect. */
.workflow-flex{flex:1;min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.workflow-flex>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.workflow-flex span{border-bottom:2px solid #a8bd8a;padding:9px 5px;font-size:16px}.workflow-flex>strong{font-size:23px;font-weight:500}.workflow-flex>strong:before{content:'↳';margin-right:12px;color:#596d40}
#outreach .em-person{transition:background .45s,box-shadow .45s}#outreach .mail-background-group .em-person.agent-focus{background:#edf5df;box-shadow:inset 3px 0 #8fbb2e}#outreach .mail-activity{background:#e5eed8}#outreach #mailActivity{font-size:18px;line-height:1.45}#outreach .mail-review-line small{max-width:300px;line-height:1.45}#outreach .mail-review-line{row-gap:10px}
#analytics [data-recording=true] [data-an-funnel="2"],#analytics [data-recording=true] #campaignCommitted,#analytics [data-recording=true] #dashboardRemaining{animation:update-proof 1.8s ease-out}#analytics #dashboardRecord{font-size:16px;font-weight:600;color:#405700;max-width:210px}#analytics .dashboard-reply{border-left:3px solid #8fbb2e}#analytics [data-recording=false] #dashboardRecord{font-weight:400;color:#59644f}@keyframes update-proof{0%,40%{background:#c5f45b;box-shadow:0 0 0 5px #c5f45b}100%{background:transparent;box-shadow:0 0 0 0 transparent}}
.wake-loop-note{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:120px}.wake-next{display:flex;align-items:center;justify-content:space-between;gap:20px}.wake-next[hidden]{display:none}.wake-next>span{font-size:17px;font-weight:600}.wake-next strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.wake-next strong span{font-size:25px}.wake-demo[data-phase="3"] .wake-loop-note{background:#e1edcd}.wake-clock small{font-size:16px;color:#405700}.wake-demo[data-phase="3"] .wake-next{animation:evidence-arrive .4s ease-out}
@media(max-width:700px){#outreach #mailActivity{font-size:16px;min-height:70px;display:flex;align-items:center}.wake-loop-note{min-height:164px}.wake-next>span{font-size:15px;max-width:170px}.wake-next strong{font-size:30px}.workflow-flex{min-height:130px}.workflow-flex span{font-size:15px}#analytics #dashboardRecord{font-size:15px}}
@media(prefers-reduced-motion:reduce){#analytics [data-recording=true] [data-an-funnel="2"],#analytics [data-recording=true] #campaignCommitted,#analytics [data-recording=true] #dashboardRemaining{animation:none}#outreach .em-person{transition:none}}
/* One consistent product workbench, sourced from the actual frontend components. */
#walkExperience.is-running .chat-layout{grid-template-columns:minmax(240px,.65fr) minmax(0,1.6fr);gap:0;align-items:stretch}
#walkExperience.is-running .chat-conversation{background:#f6f5f1;padding:24px;min-width:0}
#walkExperience #chatLog{height:auto;max-height:none;overflow:visible;padding:0}
#walkExperience .chat-user{font-size:14px;line-height:1.55;padding:14px;margin:0 0 22px;background:#fff;border:1px solid #e3e1d9;max-width:100%}
.hero-agent-heading{display:flex;align-items:center;gap:8px;font-size:15px}.hero-agent-heading img{width:26px;height:26px}.hero-agent-heading>span{font-size:12px;color:#62665b;margin-left:auto}
.hero-agent-action{font-size:23px;line-height:1.25;letter-spacing:-.03em;min-height:86px;margin:18px 0}
.hero-agent-plan{list-style:none;padding:0;display:grid;gap:18px;margin:0}.hero-agent-plan li{display:flex;align-items:center;gap:10px;color:#8a8d81;font-size:14px}.hero-agent-plan i{font-style:normal;font-size:18px}.hero-agent-plan [data-state=active]{color:#1c1c18;font-weight:650}.hero-agent-plan [data-state=active] i{color:#597d06}.hero-agent-plan [data-state=done]{color:#3c4c20}.hero-agent-detail{font-size:14px;line-height:1.5;margin-top:22px}
#walkOutput{padding:0!important;min-width:0;border-left:1px solid #e3e1d9;background:#faf9f7!important;display:flex;flex-direction:column}#walkOutput[hidden]{display:none}
.hero-product-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:white;border-bottom:1px solid #e3e1d9;gap:12px;font-weight:600;font-size:15px}.hero-product-toolbar small{font-size:12px;color:#62665b;font-weight:400}
#heroProductFrame{display:block;width:100%;height:560px;border:0;background:#faf9f7}
.hero-product-result{display:flex;align-items:center;gap:9px;padding:15px 20px;min-height:60px;background:#eaf6d4;font-size:15px;line-height:1.4}.hero-product-result i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#597d06}
@media(max-width:760px){#walkExperience.is-running .chat-layout{grid-template-columns:1fr}#walkExperience.is-running .chat-conversation{padding:16px}#walkExperience .chat-user{display:none}.hero-agent-action{min-height:0;margin:10px 0 14px;font-size:21px}.hero-agent-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-agent-plan li{font-size:11px;gap:4px;align-items:flex-start}.hero-agent-detail{display:none}#heroProductFrame{height:510px}#walkOutput{border-left:0;border-top:1px solid #e3e1d9}.hero-product-toolbar{padding:12px}.hero-product-toolbar small{font-size:10px}.hero-product-result{font-size:14px}}
/* Agent actions are visible in the affected record, not only in a caption. */
#emailShowcase[data-beat="1"] #mailGroup2 .em-pair>span:last-child,#emailShowcase[data-beat="2"] #mailGroup0 .em-pair>span:last-child{background:#eaf6d4;box-shadow:inset 3px 0 #597d06;padding-left:12px;animation:agent-reveal .45s ease-out}
.dashboard-agent-update{display:flex;align-items:center;gap:10px;background:#f1f2ed;padding:12px;font-size:14px;line-height:1.4;max-width:280px}.dashboard-agent-update img{width:26px!important;height:26px!important;object-fit:contain!important;flex-shrink:0}#analyticsShowcase[data-recording="true"] .dashboard-agent-update{background:#eaf6d4}#analyticsShowcase[data-recording="true"] .campaign-record{animation:agent-reveal .55s ease-out}#analyticsShowcase[data-recording="true"] [data-an-funnel="2"]{animation:agent-reveal .55s .15s ease-out}#analyticsShowcase[data-recording="true"] #campaignCommitted{animation:agent-reveal .55s .3s ease-out}
@keyframes agent-reveal{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#emailShowcase .em-pair>span,#analyticsShowcase .campaign-record,#analyticsShowcase [data-an-funnel],#analyticsShowcase #campaignCommitted{animation:none!important}}
@media(max-width:760px){#walkExperience.is-running .chat-conversation{min-height:0}#walkExperience.is-running .chat-log{min-height:0}.hero-agent-heading>span{font-size:11px}.walk-controls{gap:10px!important;flex-wrap:nowrap!important}.walk-controls button{font-size:12px!important;white-space:nowrap}}
#heroProductFrame{height:670px}#walkExperience.is-running .chat-layout{grid-template-columns:minmax(235px,.6fr) minmax(0,1.65fr)}
@media(max-width:760px){#walkExperience.is-running .chat-layout{grid-template-columns:1fr}#heroProductFrame{height:610px}.hero-product-toolbar{flex-wrap:wrap}}
/* One conversation changes and approves a batch of outgoing replies. */
.mail-collaboration{background:#faf9f7;color:#1c1c18;border:1px solid #d8ddce}.mail-collaboration-head{display:flex;align-items:center;gap:14px;padding:18px 26px;border-bottom:1px solid #d8ddce;font-size:14px}.mail-collaboration-head>span:first-child{display:flex;gap:9px;align-items:center;font-weight:600}.mail-collaboration-head>span:nth-child(2){color:#62665b;margin-left:auto}.mail-collaboration-head i{width:7px;height:7px;background:#597d06;border-radius:50%}.mail-collaboration-body{display:grid;grid-template-columns:1.15fr 1fr}.mail-agent-chat{padding:28px 32px}.mail-chat-author{display:flex;gap:9px;align-items:center;font-size:16px}.mail-chat-author img,.mail-chat-confirm img,.mail-batch-finish img{width:25px;height:25px;object-fit:contain;filter:brightness(0)}.mail-chat-author>span{margin-left:auto;font-size:13px;color:#62665b}.mail-agent-summary{font-size:20px;line-height:1.4;margin:18px 0}.mail-summary-lines{display:grid;gap:10px;margin:20px 0}.mail-summary-lines p{display:grid;grid-template-columns:48px 1fr;gap:10px;margin:0;font-size:15px;line-height:1.45}.mail-agent-question{font-size:16px;font-weight:600;margin:16px 0}.mail-chat-user{background:#eaf6d4;margin:22px 0 15px 30px;padding:15px 18px}.mail-chat-user small{font-size:12px;color:#597d06}.mail-chat-user p{margin:5px 0 0;font-size:17px;line-height:1.45}.mail-chat-confirm{display:flex;gap:10px;align-items:flex-start;min-height:54px}.mail-chat-confirm p{font-size:15px;line-height:1.45;margin:0}.mail-chat-approve{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;font-size:13px}.mail-chat-approve strong{padding:11px 16px;background:#1c1c18;color:#fff;font-size:15px;font-weight:500}.mail-chat-approve strong span{margin-left:14px}.mail-collaboration [data-mail-reveal]{opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s}.mail-collaboration [data-mail-reveal].revealed{opacity:1;transform:none}.mail-batch{background:#edf0e6;border-left:1px solid #d8ddce;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.mail-batch-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.mail-batch-heading strong{font-weight:500;color:#405700}.mail-batch-envelope{background:#fff;border:1px solid #d8ddce;padding:17px 20px;position:relative;transition:background .35s,border-color .35s,transform .35s}.mail-batch-envelope>div{display:flex;align-items:center;gap:10px;font-size:14px}.mail-batch-envelope img{width:30px;height:30px;object-fit:cover;border-radius:50%}.mail-envelope-status{margin-left:auto;font-size:12px;color:#62665b}.mail-batch-envelope h3{font-size:18px;letter-spacing:-.02em;margin:14px 0 6px}.mail-envelope-terms{font-size:14px;line-height:1.4;margin:0;color:#62665b;transition:color .25s}.mail-batch-envelope.is-updated .mail-envelope-terms{color:#405700}.mail-envelope-check{position:absolute;right:20px;bottom:18px;opacity:0;color:#405700;font-size:21px}.mail-batch-envelope.is-sent{background:#f6ffe9;border-color:#a8c87b;transform:translateX(5px)}.mail-batch-envelope.is-sent .mail-envelope-check{opacity:1}.mail-batch-envelope.is-sent .mail-envelope-status{color:#405700}.mail-batch-finish{display:flex;gap:10px;align-items:center;min-height:46px;font-size:14px;line-height:1.4;margin-top:6px}.mail-collaboration-foot{border-top:1px solid #d8ddce;display:flex;align-items:center;gap:24px;padding:16px 26px;font-size:14px;color:#405700}.mail-story-progress{height:3px;background:#d8ddce;flex:1}.mail-story-progress i{display:block;height:3px;background:#597d06}.mail-collaboration-note{font-size:13px!important;line-height:1.6;color:#bcc5af;max-width:750px;margin:15px 0 0!important}
@media(max-width:760px){.mail-collaboration-body{grid-template-columns:1fr}.mail-agent-chat,.mail-batch{padding:20px}.mail-batch{border-left:0;border-top:1px solid #d8ddce}.mail-chat-author>span{font-size:11px}.mail-collaboration-head{padding:14px;gap:8px;font-size:12px}.mail-collaboration-head>span:nth-child(2){display:none}.mail-collaboration-head button{margin-left:auto}.mail-chat-user{margin-left:15px}.mail-collaboration-foot{padding:14px;gap:12px}.mail-collaboration-foot>span{max-width:70%}}
@media(prefers-reduced-motion:reduce){.mail-collaboration *{animation:none!important;transition:none!important}}
#analyticsShowcase[data-update-step="1"] .campaign-record-person,#analyticsShowcase[data-update-step="2"] .campaign-record-terms,#analyticsShowcase[data-update-step="3"] .campaign-budget{background:#eaf6d4;transition:background .3s}#analyticsShowcase[data-update-step="1"] [data-an-funnel="2"] i{background:#a8d63f}.dashboard-agent-update{min-height:62px;min-width:220px}.wake-plan-author{font-size:13px;color:#405700;margin:0 0 12px}.wake-work [data-wake-task]{display:grid!important;grid-template-columns:24px 1fr;gap:4px 8px;opacity:.2;transform:translateY(5px);transition:opacity .3s,transform .3s}.wake-work [data-wake-task].is-planned{opacity:1;transform:none}.wake-work [data-wake-task]>span{grid-row:1/3}.wake-work [data-wake-task]>b{font-weight:500}.wake-work [data-wake-task]>small{grid-column:2;font-size:12px;line-height:1.4;color:#405700;opacity:0}.wake-work [data-wake-task].is-done>b{text-decoration:line-through;color:#62665b}.wake-work [data-wake-task].is-done>small{opacity:1}.wake-work [data-wake-task].is-working{background:#eaf6d4}.wake-demo[data-phase="0"] .wake-plan-author{opacity:.45}
.hero-mail-dialogue{display:none;font-size:15px;line-height:1.5}.hero-mail-dialogue>p{margin:0 0 20px}#walkExperience[data-stage="2"] .hero-mail-dialogue{display:block}#walkExperience[data-stage="2"] .hero-agent-plan{display:none}.hero-mail-user{background:#eaf6d4;padding:14px;margin:20px 0;opacity:0;transition:opacity .3s}.hero-mail-user p{margin:5px 0 0}.hero-mail-user small{font-size:12px;color:#405700}#heroMailApproval{padding:12px;background:#1c1c18;color:white;opacity:0}#heroMailApproval.shown,.hero-mail-user.shown{opacity:1}.mail-batch-envelope.is-sent{animation:mail-batch-dispatch .55s ease-out}@keyframes mail-batch-dispatch{50%{transform:translateX(20px);opacity:.65}to{transform:translateX(5px);opacity:1}}
.campaign-report-story,.campaign-calendar-story{background:#faf9f7;border:1px solid #dce2d3;overflow:hidden}.campaign-calendar-story{margin-top:26px}.campaign-report-top{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #dce2d3;gap:15px}.campaign-report-top h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:7px 0 0}.campaign-report-top .story-eyebrow{font-size:11px;color:#405700}.campaign-report-frame{display:block;border:0;width:100%;height:625px;background:#faf9f7}.calendar-report-frame{height:690px}.campaign-report-top .demo-motion{flex-shrink:0}@media(max-width:760px){.campaign-report-top{padding:20px}.campaign-report-top h3{font-size:22px}.campaign-report-frame{height:545px}.calendar-report-frame{height:610px}}
@media(max-width:450px){.calendar-report-frame{height:790px}#walkExperience[data-stage="3"] #heroProductFrame{height:820px}}

/* Shared presentation rules. Marketing copy and product UI have separate scales. */
.autopilot-page .ap-hero h1{font-size:var(--home-display);line-height:1.04;letter-spacing:-.065em;text-wrap:balance}
.autopilot-page :is(.why-heading,.discovery-heading,.ap-section-head,.managed-heading,.closing-final) h2,
.autopilot-page #outreach .ap-section-head h2,
.autopilot-page #who.agency-proof .managed-heading h2{font-size:var(--home-heading);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.autopilot-page :is(.ap-section-head,.discovery-heading,.managed-heading)>p:not(.ap-kicker),
.autopilot-page .ap-hero .ap-lead{font-size:var(--type-lead);line-height:1.55;text-wrap:pretty}
.ap-hero .ap-orbit{display:none}
.ap-hero{background:radial-gradient(ellipse at 50% 35%,#e6f5c7 0,transparent 64%)}
.ap-hero .chat-demo:not(.is-running) .walk-composer{border-radius:var(--demo-radius);border-color:#cdd5c1;box-shadow:0 8px 24px #28371b08}
.ap-hero .chat-demo:not(.is-running) textarea{min-height:80px}
.ap-hero .chat-demo:not(.is-running) .walk-launch{margin-top:0}
.ap-hero .chat-demo:not(.is-running) .walk-launch .btn{border-radius:6px}
.ap-hero #heroOutcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:772px;margin:12px auto 24px;gap:0;text-align:left;color:#25341f}
.ap-hero #heroOutcomes[hidden]{display:none}
.hero-preview-item{min-width:0;padding:8px 20px}
.hero-preview-item+article{border-left:1px solid #d2ddbf}
.hero-preview-item>strong{display:block;margin-top:12px;font-size:16px;line-height:1.4;font-weight:550;letter-spacing:-.02em}
.hero-preview-item>p{font-size:14px;line-height:1.5;color:#5c684e;margin:5px 0 0}
.hero-preview-people,.hero-preview-replies,.hero-preview-next{height:48px;display:flex;align-items:center;position:relative}
.hero-preview-people img{width:42px;height:42px;border-radius:50%;border:2px solid #f4f8eb;object-fit:cover;margin-right:-8px}
.hero-preview-people i{display:grid;place-items:center;align-self:flex-end;width:22px;height:22px;border-radius:50%;font-size:14px;font-style:normal;background:#c5f45b;border:2px solid #f4f8eb;margin-left:-4px}
.hero-preview-replies svg{width:38px;height:30px;color:#5c684e;flex:none}
.hero-preview-replies span{display:flex;align-items:center;gap:8px;margin-left:9px;padding:6px 8px;background:#fff;border:1px solid #d8ddce;border-radius:5px;font-size:13px;line-height:1.2}
.hero-preview-replies i{font-style:normal;color:#405700}
.hero-preview-next svg{width:40px;height:40px;color:#5c684e}
.hero-preview-next>span{display:block;font-size:12px;line-height:1.3;margin-left:10px}
.hero-preview-next strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em}
#walkExperience.is-running{border:1px solid var(--demo-rule);border-radius:var(--demo-radius);padding:0;box-shadow:0 20px 60px #28371b0d}
#walkExperience.is-running .chat-conversation{height:auto;padding:var(--demo-pad)}
.hero-product-toolbar,.chat-workspace-heading{min-height:58px}
.hero-agent-heading>span,.hero-product-toolbar small{font-size:13px}
.hero-agent-plan li{font-size:15px;line-height:1.4}
.hero-agent-plan [data-state=done] span{text-decoration:line-through;text-decoration-color:#b7c3a6}
.hero-product-result{font-size:16px}
.autopilot-page :is(.mail-collaboration,.project-workbench){border-radius:var(--demo-radius);overflow:hidden;border-color:var(--demo-rule)}
.autopilot-page :is(.mail-collaboration-head,.project-toolbar){min-height:64px;padding:14px var(--demo-pad)}
.autopilot-page :is(.mail-chat-user small,.mail-envelope-status,.mail-batch-heading,.project-questions button){font-size:14px}
.autopilot-page .mail-collaboration-note{font-size:14px!important}
.autopilot-page .case-controls button{width:44px;height:44px}
@media(max-width:760px){
 :root{--demo-pad:16px}
 .ap-hero #heroOutcomes{max-width:720px}
 .hero-preview-item{padding:8px 12px}
 .hero-preview-replies{gap:3px}
 .hero-preview-replies span{padding:5px;margin-left:3px;font-size:12px}
 .hero-preview-replies svg{width:28px}
 #walkExperience.is-running .hero-agent-plan{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px}
 #walkExperience.is-running .hero-agent-plan li{font-size:14px}
 .hero-agent-action{font-size:23px}
 .chat-workspace-heading{flex-wrap:wrap}
 .chat-phases{font-size:13px}
 .hero-product-toolbar small{font-size:12px}
}
@media(max-width:600px){
 :root{--type-lead:18px;--home-display:clamp(40px,10.5vw,56px);--home-heading:36px}
 .autopilot-page .ap-hero.has-demo h1{font-size:36px}
 .ap-hero #heroOutcomes{grid-template-columns:1fr;margin:18px auto 20px;gap:0;max-width:390px}
 .hero-preview-item{display:grid;grid-template-columns:112px 1fr;column-gap:14px;align-items:center;padding:12px 8px}
 .hero-preview-item+article{border-left:0;border-top:1px solid #d2ddbf}
 .hero-preview-item>div{grid-row:1/3}
 .hero-preview-item>strong{font-size:16px;margin:0}
 .hero-preview-item>p{font-size:14px;margin-top:3px}
 .hero-preview-replies span{display:none}
 .hero-preview-replies svg{width:44px;height:34px;margin-left:18px}
 .hero-preview-people img{width:36px;height:36px}
 .hero-preview-next svg{width:35px;height:35px}
 .hero-preview-next>span{margin-left:6px}
 .ap-hero .ap-platforms{margin:16px 0 20px}
 .ap-hero .chat-demo:not(.is-running) textarea{min-height:150px;overflow:hidden}
 .autopilot-page :is(.mail-collaboration-head,.project-toolbar){min-height:60px}
}
@media(max-width:400px){
 .autopilot-page .nav .nav-row{gap:8px}
 .autopilot-page .nav .brand{gap:6px}
 .autopilot-page .nav .brand-logo{width:30px;height:30px}
 .autopilot-page .nav .bn{font-size:19px}
 .autopilot-page .nav .nav-right .btn{font-size:13px;padding:10px 12px;white-space:nowrap}
 .ap-hero .chat-demo:not(.is-running) textarea{min-height:180px}
}

/* Keep each demo readable before its animation completes. */
.autopilot-page .demo-scan-label{margin:0;padding:18px 26px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:#273020;background:#eaf4da;border-bottom:1px solid #d8ddce}
.autopilot-page .project-analysis>.demo-scan-label{margin:-26px -32px 24px}
.autopilot-page .mail-summary-lines{font-size:15px}
.autopilot-page .mail-agent-summary{font-size:21px;font-weight:550}
.autopilot-page .mail-batch-heading strong{font-size:18px;color:#405700}
.autopilot-page .mail-chat-user p{font-size:19px}
.autopilot-page .mail-envelope-status{font-weight:650}
.autopilot-page .mail-batch-envelope.is-sent{border-color:#8fbb2e;background:#f0f3e8}
.autopilot-page .mail-collaboration-note{font-size:16px!important;line-height:1.6}
@media(max-width:760px){.autopilot-page .demo-scan-label{font-size:17px;padding:16px 20px}.autopilot-page .project-analysis>.demo-scan-label{margin:-20px -14px 20px}.autopilot-page .mail-agent-summary{font-size:19px}.autopilot-page .mail-chat-user p{font-size:18px}}

/* Concrete work examples in the existing four benefit cards. */
#why .benefit-example{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;margin:6px 0;min-width:0}
#why .benefit-example>small{font-size:13px;opacity:.65}
#why .benefit-source{background:rgba(255,255,255,.55);padding:14px 16px;display:grid;gap:6px;border-radius:8px}
#why .benefit-source>span{font-size:14px;color:#565d4d}
#why .benefit-source strong{font-size:18px;font-weight:500;line-height:1.45}
#why .benefit-down{text-align:center;font-size:23px;line-height:1}
#why .benefit-record{padding:14px 16px;background:#eaf4da;border-radius:8px;color:#273020}
#why .benefit-record>strong{font-size:17px}
#why .benefit-record>div{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:16px;line-height:1.5}
#why .benefit-record>strong+div{margin-top:8px}
#why .benefit-done{display:flex;gap:12px;align-items:center;font-size:19px;color:#b8f358;padding:7px 0}
#why .benefit-done span{color:#f4f5ed;font-size:17px}
#why .benefit-approval{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:15px;background:rgba(255,255,255,.1);border-radius:8px;font-size:17px}
#why .benefit-approval strong{font-size:15px;color:#b8f358}
.project-connections>.tools-custom-copy{display:block;max-width:620px}
.project-connections .tools-custom-detail{font-size:16px;font-weight:400;line-height:1.5;margin-top:8px;color:#565d4d}
/* Give the approved benefit-led headline room without shrinking its type. */
.autopilot-page .discovery-heading{display:block}
.autopilot-page .discovery-heading h2{max-width:1050px}
.autopilot-page .discovery-heading>p{max-width:700px;margin-top:24px}
/* Short labels and visual state changes carry the benefit cards. */
#why .benefit-visual{flex:1;min-height:175px;margin:8px 0;display:flex;justify-content:center;flex-direction:column;gap:12px}
#why .sync-message{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;background:rgba(255,255,255,.6);padding:14px 16px;font-size:15px}
#why .sync-message strong{margin-left:auto;font-size:18px;font-weight:500}
#why .mail-symbol{font-size:25px}
#why .visual-transfer{text-align:center;font-size:23px;line-height:1;color:#5c7322}
#why .sync-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#why .sync-fields>div{display:grid;gap:6px;background:#eaf4da;padding:12px 16px}
#why .sync-fields span{font-size:14px;color:#565d4d}
#why .sync-fields strong{font-size:23px;font-weight:550;display:flex;justify-content:space-between;gap:8px}
#why .sync-fields i{font-style:normal;color:#5c7322}
#why .sync-status{font-size:14px;color:#405700;text-align:right}
#why .rules-visual>div{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.15);font-size:18px;gap:12px}
#why .done-state{color:#b8f358;font-size:25px;font-weight:500}
#why .rules-visual>.approval-state{background:rgba(255,255,255,.09);border:0}
#why .approval-state strong{color:#b8f358;font-size:16px;font-weight:550}
#why .tools-visual{flex-direction:row;align-items:center;gap:12px}
#why .tool-node{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:64px;font-size:16px}
#why .tool-node img{height:42px;width:42px;object-fit:contain}
#why .tool-node small{font-size:14px;color:#405700}
#why .tool-creo img{height:60px;width:60px}
#why .tool-line{height:2px;flex:1;max-width:60px;background:#a8bd8a;position:relative;overflow:hidden}
#why .tool-line:after{content:'';position:absolute;inset:0;width:35%;background:#405700;animation:benefit-flow 4s linear infinite}
@keyframes benefit-flow{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@media(prefers-reduced-motion:reduce){#why .tool-line:after{animation:none;left:35%}}
@media(max-width:700px){#why .benefit-visual{min-height:160px}#why .tools-visual{gap:8px}#why .sync-fields strong{font-size:21px}}

#why .tool-creo img{filter:brightness(0)}
