
:root{--blue:#2149ed;--lime:#d9ff76;--ink:#17191d;--muted:#656970;--line:#e1e3e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Switzer,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 5vw}header img{width:155px}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.outline{border:1px solid var(--ink);padding:10px 16px}.mono{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase}.breadcrumb{max-width:1170px;margin:32px auto;color:var(--muted);font-size:12px}.layout{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:minmax(0,850px) 230px;gap:70px}h1{font-size:clamp(40px,4.8vw,68px);letter-spacing:-3px;line-height:1.03;margin:20px 0 22px;font-weight:750;max-width:760px}h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 18px}h3{font-size:20px;line-height:1.35;margin:0 0 12px}p{margin:0 0 20px}.lede{max-width:610px;font-size:19px;color:var(--muted)}.tag{background:var(--lime);padding:6px 10px;display:inline-block}.byline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;margin-top:30px;font-size:12px;color:var(--muted)}.byline strong{color:var(--ink)}.demo{background:var(--blue);color:white;min-height:410px;padding:30px;position:relative;overflow:hidden}.demo-top{display:flex;justify-content:space-between}.demo h2{font-size:44px;max-width:400px;line-height:1.03;letter-spacing:-1.5px;margin:35px 0 25px}.pipeline{display:flex;align-items:center;gap:8px}.node{background:#fff;color:var(--ink);padding:16px 12px;flex:1;font-size:12px;border-radius:3px}.node b{display:block;font-size:18px;margin-bottom:5px}.node:last-child{background:var(--lime)}.demo button{margin-top:25px;border:0;background:white;color:var(--blue);padding:10px 17px;font-size:13px;font-weight:650}.caption{font-size:11px;color:var(--muted);padding:10px 0 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-bottom:1px solid var(--line);gap:15px}.facts strong{display:block;font-size:14px;margin-top:7px}.section{padding:42px 0;border-bottom:1px solid var(--line)}.intro{font-size:19px;line-height:1.7}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:15px}.requirement{background:#f5f6f8;padding:20px;font-size:13px}.requirement b{display:block;font-size:16px;margin-bottom:6px}.step-head{display:flex;gap:18px;align-items:baseline}.number{color:var(--blue);font-size:14px;font-family:monospace}.step-copy{color:var(--muted);max-width:680px}.mock{border:1px solid #cfd3dd;border-radius:5px;overflow:hidden;margin-top:24px}.mock-bar{padding:10px 18px;background:#f3f4f6;font-size:11px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.mock-inner{padding:28px;background:#fafbfc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field div{background:white;border:1px solid var(--line);padding:9px 12px;font-size:13px}.tick{font-size:12px;margin-top:20px}.success{border-left:3px solid var(--blue);margin-top:20px;padding:9px 16px;font-size:13px}.success b{display:block}.resource{background:#f3f5f9;border:1px solid var(--line);margin-top:22px}.resource-head{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid var(--line);font-size:12px}.copy{background:white;border:1px solid #bfc4cf;padding:5px 12px;font-size:11px}.resource pre{white-space:pre-wrap;font:13px/1.8 'IBM Plex Mono',monospace;padding:20px;margin:0}.call-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.question{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px}.question span{color:var(--blue);font-family:monospace}.call-note{background:var(--ink);color:white;padding:24px}.call-note p{font-size:13px;color:#c0c5ce}.call-note .mono{color:var(--lime)}.meeting{background:#f1f5ec;padding:25px;display:flex;gap:23px;align-items:center}.calendar{background:white;border:1px solid #d8decf;padding:12px 25px;text-align:center;font-size:30px;font-weight:700}.calendar small{display:block;font-size:10px}.meeting strong{display:block}.meeting p{font-size:13px;margin:4px 0;color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0;font-size:14px}summary{font-weight:600;cursor:pointer}details p{margin:14px 0 0;color:var(--muted)}aside{padding-top:15px}aside .sticky{position:sticky;top:35px}aside a{display:block;padding:10px 0 10px 15px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}aside a:hover,aside a.active{color:var(--blue);border-left:2px solid var(--blue);background:#f3f6ff}.side-note{margin-top:30px;padding:18px;background:#f5f6f8;font-size:12px}.side-note b{display:block;margin-bottom:8px}.feedback{background:var(--lime);padding:28px;margin:40px 0}.feedback h3{font-size:25px}.feedback button{background:transparent;border:1px solid #667947;padding:9px 15px;margin-right:8px;font-size:12px}.feedback p{font-size:13px;margin:12px 0 0}footer{margin-top:50px;border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{max-width:550px;border:1px solid var(--line);padding:35px}dialog::backdrop{background:#0008}dialog button{padding:9px 20px;background:var(--blue);color:white;border:0}.preview{background:#f3f4f6;text-align:center;padding:7px;font-size:10px;color:#666}.mobile-toc{display:none}@media(max-width:1000px){.layout,.breadcrumb{margin-left:5vw;margin-right:5vw}.layout{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.demo h2{font-size:36px}.node b{font-size:14px}}@media(max-width:720px){header{height:80px}header img{width:125px}nav a:not(:last-child){display:none}nav{font-size:11px}.layout{display:block}aside{display:none}h1{letter-spacing:-1.7px}.demo{padding:20px}.demo h2{font-size:34px}.pipeline{display:grid;grid-template-columns:1fr 1fr}.pipeline>span{display:none}.facts{grid-template-columns:1fr 1fr}.requirements,.call-grid{grid-template-columns:1fr}.byline{gap:20px}.mobile-toc{display:block}.breadcrumb{margin-top:20px}.form-grid{grid-template-columns:1fr}footer{gap:20px}.section{padding:30px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
ol{padding-left:23px}li{margin-bottom:12px}code{font-size:13px;background:#f1f3f7;padding:2px 4px}#evidence a{text-decoration:underline;color:var(--blue)}
.workflow-map{margin:32px 0;background:#f5f7fb;border:1px solid #dde3ee;padding:26px;border-radius:16px;overflow:hidden}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.map-heading h2{font-size:25px;margin:5px 0 0;letter-spacing:-.7px}.map-badge{font-size:10px;border:1px solid #c9d2ed;border-radius:20px;padding:6px 11px;color:#32519d;white-space:nowrap}.map-route{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:0}.map-node{display:block;background:white;border:1px solid #d6deec;border-radius:10px;padding:19px;min-height:120px;position:relative;transition:transform .15s,border-color .15s}.map-node:hover{transform:translateY(-2px);border-color:#2149ed}.map-node:focus-visible{outline:3px solid #2149ed;outline-offset:3px}.map-node .map-num{display:inline-flex;align-items:center;justify-content:center;background:#edf1ff;color:#2149ed;border-radius:6px;width:26px;height:26px;font:11px monospace;margin-bottom:10px}.map-node strong{display:block;font-size:15px;line-height:1.3}.map-node small{display:block;color:#687387;font-size:11px;margin-top:5px}.map-node .jump{position:absolute;right:15px;top:16px;color:#7c8aa2}.map-arrow{text-align:center;color:#7990c5;font-size:20px}.map-down{text-align:center;color:#7990c5;font-size:20px;height:30px}.map-node.call{background:#2149ed;border-color:#2149ed;color:white}.map-node.call small{color:#dbe3ff}.map-node.call .jump{color:white}.map-node.call .map-num{background:#ffffff20;color:white}.map-node.done{background:#d9ff76;border-color:#c6e878}.map-node.done .map-num{background:#ffffff70;color:#24350a}.map-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:20px;border-top:1px dashed #cbd4e4}.branch{background:#ebeff6;padding:14px;border-radius:8px;font-size:11px;color:#5d687b}.branch strong{display:block;color:#28364b;font-size:12px;margin-bottom:5px}.branch a{text-decoration:underline;text-underline-offset:3px}.map-note{font-size:11px;color:#637086;margin:20px 0 0;line-height:1.6}.map-legend{display:flex;gap:16px;font-size:10px;color:#627087;margin-top:20px}.map-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2149ed;margin-right:6px}.map-legend span:last-child:before{background:#91b746}@media(max-width:540px){.workflow-map{padding:17px}.map-heading{align-items:start;flex-direction:column}.map-route{grid-template-columns:1fr}.map-arrow{transform:rotate(90deg);height:28px}.map-node{min-height:100px}.map-branches{grid-template-columns:1fr}.map-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.map-node{transition:none}.map-node:hover{transform:none}}

/* Refined workflow timeline */
.timeline-hint{font-size:12px;color:#667386;margin:-8px 0 22px}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline:before{content:'';position:absolute;left:15px;top:18px;bottom:42px;width:1px;background:#cbd5e5}.timeline-item{position:relative;padding:0 0 14px 47px;margin:0}.timeline-item:last-child{padding-bottom:0}.timeline-number{position:absolute;left:0;top:19px;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #d2dcea;border-radius:50%;background:#f5f7fb;font:11px 'IBM Plex Mono',monospace;color:#64748b;z-index:1}.timeline-card{display:block;padding:18px 21px;background:white;border:1px solid #dce3ed;border-radius:9px;transition:border-color .15s,background .15s}.timeline-card:hover{border-color:#2149ed;background:#f8faff}.timeline-card:focus-visible{outline:3px solid #2149ed;outline-offset:3px}.timeline-card strong{display:block;font-size:15px;line-height:1.35}.timeline-card small{display:block;color:#667386;font-size:11px;line-height:1.5;margin-top:5px}.timeline-item.call .timeline-card{border-left:3px solid #2149ed;padding-left:19px}.timeline-item.call .timeline-number{background:#2149ed;color:white;border-color:#2149ed}.timeline-item.done .timeline-card{background:#d9ff76;border-color:#c6e878}.timeline-item.done .timeline-card small{color:#43552a}.timeline-item.done .timeline-number{background:#d9ff76;color:#314518;border-color:#bad77c}.timeline-condition{font-size:11px;color:#53627b;margin:0 0 11px;padding:2px 0}.timeline-item:has(.timeline-condition) .timeline-number{top:49px}.timeline-exceptions{margin-top:25px;padding:18px 0 0;border-top:1px solid #d8e0eb}.timeline-exceptions summary{font-size:12px;color:#47566c;font-weight:500}.exception-list{padding-top:18px}.exception-list>div{margin-bottom:16px}.exception-list strong{font-size:12px}.exception-list p{font-size:12px;line-height:1.6;margin:5px 0}.exception-list>a{font-size:12px;color:#2149ed;text-decoration:underline;text-underline-offset:3px}.workflow-map .map-note{margin-top:17px;font-size:10px}.map-heading{margin-bottom:21px}@media(max-width:540px){.timeline-item{padding-left:40px}.timeline-card{padding:16px}.timeline-item.call .timeline-card{padding-left:14px}.timeline-card strong{font-size:14px}.timeline-card small{font-size:11px}}@media(prefers-reduced-motion:reduce){.timeline-card{transition:none}}

.build-pack-callout{background:#17191d;color:white;padding:30px;border-radius:12px;margin:32px 0}.build-pack-callout .mono{color:#d9ff76}.build-pack-callout h2{font-size:29px;margin:12px 0}.build-pack-callout p{font-size:14px;color:#d4d8e0;max-width:540px}.pack-open{background:#d9ff76;color:#17191d;border:0;padding:12px 18px;border-radius:5px;font-size:13px;font-weight:650}.pack-direct{font-size:12px;text-decoration:underline;margin-left:18px}.build-pack-callout small{display:block;color:#aab2c2;font-size:10px;margin-top:16px}.build-prompt{margin-top:25px}.build-prompt summary{color:#2149ed;font-size:13px}.prompt-label{font-size:11px}.build-prompt pre{max-height:390px;overflow:auto}.build-prompt .resource-head{gap:15px}#pack-dialog{border-radius:12px;width:min(510px,92vw);max-height:90vh;overflow:auto}#pack-title{font-size:30px;margin:15px 0}#pack-close{float:right;background:transparent;color:#17191d;font-size:23px;padding:0 6px}#pack-dialog p{font-size:13px;color:#667080}#pack-form>label:not(.pack-check){display:block;font-size:12px;font-weight:600}#pack-email,#pack-name{width:100%;padding:12px;border:1px solid #c7cfdd;border-radius:5px;font:inherit;margin:7px 0 15px}.pack-check{display:flex;gap:8px;align-items:start;font-size:12px}.pack-check input{margin-top:4px}.pack-disclosure{font-size:11px!important;margin-top:17px!important}#pack-ready{color:#2149ed;text-decoration:underline}#pack-status{margin-top:15px}#pack-form button{border-radius:5px}button:focus-visible,a:focus-visible{outline:3px solid #718aff;outline-offset:3px}@media(max-width:540px){.pack-direct{display:block;margin:15px 0 0}}

.sidebar-pack{margin-top:24px;padding:20px 17px;background:#17191d;color:white;border-radius:10px}.sidebar-pack .mono{font-size:9px;letter-spacing:.5px;color:#d9ff76}.sidebar-pack h3{font-size:23px;letter-spacing:-.6px;line-height:1.1;margin:13px 0}.sidebar-pack p{font-size:12px;line-height:1.6;color:#c7cfdb;margin:0 0 16px}.sidebar-pack .pack-open{width:100%;font-size:12px;padding:11px 8px}.sidebar-pack small{display:block;margin-top:12px;font-size:10px;line-height:1.6;color:#aab5c6}aside .sticky{max-height:calc(100vh - 55px);overflow-y:auto;scrollbar-width:thin;padding-bottom:8px}aside .sticky>a{padding-top:7px;padding-bottom:7px}.sidebar-pack~.side-note{display:none}

/* One full download pitch per viewport: sidebar on desktop, inline on mobile. */
.build-pack-callout{display:none}.download-anchor{scroll-margin-top:30px}.end-download{padding:30px 0 10px;border-top:1px solid var(--line);margin-top:30px}@media(max-width:720px){.build-pack-callout{display:block}}

.hero-tool{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.3;min-height:28px}.hero-tool img{width:25px;height:25px;object-fit:contain;border-radius:5px;flex-shrink:0}.hero-tool svg{flex-shrink:0}.voice-tools{display:flex;gap:12px;flex-wrap:wrap}.demo .node{min-width:0;align-self:stretch}.demo .node b{margin-bottom:13px}.hero-tool[href]:hover span{text-decoration:underline}.pipeline{align-items:center}@media(min-width:721px) and (max-width:1100px){.voice-tools{gap:7px}.hero-tool{font-size:10px}.hero-tool img{width:22px;height:22px}}

.demo .node .tool-purpose{font-size:11px;line-height:1.5;color:#4b5362;margin:12px 0 0}.demo .node:last-child .tool-purpose{color:#3c4c26}.demo .hero-tool{font-weight:650}

.expected-result{border:1px solid #d8e2d2;border-left:3px solid #a8c950;padding:23px;margin:26px 0;background:#fafcf7}.expected-result h3{margin:9px 0 18px}.result-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result-fields small{display:block;font:9px monospace;color:#65715c;margin-bottom:7px}.result-fields strong{font-size:12px}.expected-result p{font-size:12px;color:#65715c;margin:18px 0 0}.guide-feedback{padding:25px 0}.guide-feedback button{background:white;border:1px solid #d0d7e3;padding:9px 12px;margin:0 6px 8px 0;border-radius:5px;font-size:12px}.guide-feedback p{font-size:11px;color:#667386}.step-media{margin:24px 0}.step-media img{width:100%;height:auto;border:1px solid #d9dfe8;border-radius:8px}.step-media figcaption{font-size:11px;color:#637086;margin-top:8px}@media(max-width:540px){.result-fields{grid-template-columns:1fr}}

.embedded-workflow-demo{margin:12px 0 25px}.demo-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.demo-label>span:last-child{font-size:10px;color:#687387}.workflow-demo-frame{display:block;width:100%;height:auto;aspect-ratio:1.75;border:0;background:transparent}@media(max-width:720px){.workflow-demo-frame{aspect-ratio:auto;height:calc((100vw - 10vw) * 1.453 + 90px)}}@media(min-width:721px) and (max-width:1000px){.workflow-demo-frame{aspect-ratio:auto;height:calc((90vw - 210px) * 1.453 + 90px)}}
.step-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 32px}.step-navigation a{border:1px solid #dce3ed;border-radius:5px;padding:9px 12px;font-size:12px}.step-navigation small{color:#2149ed;margin-right:5px}.cost-table-wrap{overflow-x:auto}.cost-table{width:100%;border-collapse:collapse;font-size:13px}.cost-table th,.cost-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #dce3ed;vertical-align:top}.cost-table th{font-size:11px;color:#64748b}.cost-table a{text-decoration:underline;color:#2149ed}.cost-example{background:#f5f7fb;padding:18px;border-left:3px solid #2149ed;margin:20px 0}.cost-example p{margin:6px 0;font-size:13px}.step-media img[src$="twenty-call-record.png"]{width:350px;max-width:100%}