/* Concept-derived experience: Inter hierarchy, Fraunces accents, native workflow UI. */
:root{--orange:var(--accent)}
@media(max-width:640px){.demo-actions .button,.demo-actions .text-link{flex:1 1 calc(50% - 10px)!important;white-space:nowrap}.demo-actions .button{min-width:0}}
.section-heading.centered p{max-width:none}
#pricing.section{padding-block:64px}
#pricing .section-heading{margin-bottom:28px}
.price-card h3{min-height:0!important;margin-bottom:16px}
.price-card{min-height:450px!important}
.price-card .price-icon .icon{width:28px;height:28px}
.lab-section .section{padding-block:64px}
.lab-section .section-heading{margin-bottom:25px}
.featured-workflow{padding-block:28px!important;margin-bottom:18px!important}
.workflow-row{min-height:106px!important;padding-block:18px!important}


.sample-contact{border:1px solid var(--line);border-radius:7px;padding:18px 20px;background:var(--card);margin-bottom:14px}
.sample-contact>strong{font-size:15px}.sample-contact>.small-note{float:right}
.sample-contact dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 0}
.sample-contact dt{font-size:10px;color:var(--muted)}.sample-contact dd{margin:3px 0 0;font-size:13px}
.demo-output:has(.sample-contact) .execution-log{max-height:74px}
.process-icon{margin-top:18px}.process-icon .icon{width:28px;height:28px}
.process-grid article>span{border:1px solid #a8b3a2;border-radius:50%;width:34px;height:34px;align-items:center;justify-content:center;padding:0;color:var(--paper);font-size:11px;position:relative}
.process-grid article>span:after{content:'';position:absolute;left:45px;top:16px;width:130px;height:1px;background:#79877d}
.process-grid article:last-child>span:after{display:none}
@media(max-width:1100px){.process-grid article>span:after{width:100px}}
@media(max-width:900px){.process-grid article>span:after{display:none}}
@media(max-width:640px){.sample-contact{padding:16px}.sample-contact dl{gap:12px}.sample-contact dd{font-size:12px;overflow-wrap:anywhere}.price-card{min-height:0!important}}
.demo-dialog{max-width:1120px;border-radius:10px}
.demo-modal-heading{padding:32px 36px 26px}.demo-modal-heading h2{font-size:36px;letter-spacing:-1.4px;margin-top:13px}
.demo-modal-heading p{font-size:15px;max-width:850px}
.demo-modal-body{grid-template-columns:.78fr 1.22fr;min-height:410px}
.demo-controls{padding:28px 32px}.demo-controls label{font-size:14px}.demo-controls select{font-size:14px;margin-bottom:30px}
.step-list{margin:0}.step-list li{padding:0;display:block}.step-list li:before{display:none}
.step-list button{display:flex;align-items:center;gap:16px;text-align:left;padding:14px 0;font-size:13px;line-height:1.45;width:100%;min-height:68px}
.step-number{width:32px;height:32px;border:1px solid #c8bfaf;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:11px;font-weight:500}
.step-list .done .step-number{background:var(--accent);border-color:var(--accent);color:#fff}
.step-list .current .step-number{outline:1px solid var(--accent);outline-offset:3px}
.demo-controls>.small-note{margin-top:26px}
.demo-output{display:flex;flex-direction:column;padding:30px 34px;min-width:0}
.output-label{font-size:9px}.output-card{background:none;border:0;box-shadow:none;padding:0;margin:22px 0}
.output-card h3{font-size:29px;line-height:1.2;letter-spacing:-1px}.output-card p{font-size:15px;line-height:1.75}
.execution-log{padding:12px 18px;border:1px solid var(--line);border-radius:7px;max-height:180px;min-height:48px;background:var(--card);font-size:11px}
.execution-log:empty{display:none}
.playback-area{margin-top:auto;padding-top:25px}
progress{width:100%;height:6px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--line);display:block;margin-bottom:22px}
progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}
.demo-actions{flex-wrap:wrap;gap:14px}.demo-actions .button{padding:10px 15px;font-size:12px}.demo-actions .text-link{font-size:11px;color:var(--ink);min-height:44px;gap:7px}
.demo-actions .icon{width:17px;height:17px}
.demo-modal-footer{padding:20px 32px;gap:20px}.demo-modal-footer>span{max-width:360px}.demo-modal-footer .text-link{white-space:nowrap}
.close-button{border:0;background:transparent;width:40px;height:40px}.close-button .icon{width:22px;height:22px}
.brief-dialog{border-radius:10px}.brief-dialog h2{font-size:35px;letter-spacing:-1.5px}
@media(max-width:760px){.demo-modal-body{grid-template-columns:1fr}.demo-controls{border-right:0;border-bottom:1px solid var(--line);padding:22px}.demo-controls select{margin-bottom:15px}.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step-list button{flex-direction:column;gap:10px;text-align:center;font-size:10px;padding:6px 0}.demo-controls>.small-note{display:none}.demo-output{padding:24px}.demo-modal-heading{padding:28px 24px 22px}.demo-modal-heading h2{font-size:28px;margin-right:24px}.output-card h3{font-size:25px}.demo-modal-footer{flex-wrap:wrap;padding:20px 24px}.demo-modal-footer>span{max-width:none;width:100%}}
@media(max-width:640px){.demo-controls select{font-size:16px}.demo-actions{gap:10px}.demo-actions .button{flex:1}.demo-actions .text-link{flex:1;justify-content:center;white-space:nowrap}.demo-modal-heading p{font-size:13px}.demo-output{padding:22px}.output-card p{font-size:14px}.demo-dialog{width:calc(100% - 20px)}.demo-modal-footer .text-link{font-size:10px}.demo-modal-footer{gap:15px}.step-list button{font-size:9px}.step-number{width:28px;height:28px}}
.hero{padding-block:48px 40px!important}
.hero h1{font-size:clamp(46px,5.6vw,84px)!important}
.hero-description{max-width:600px!important}
.hero-actions .outline{border-color:transparent}
.window-header{display:block!important;text-align:center;border:0;padding-top:26px!important}
.window-header strong{display:block;font-size:21px!important;letter-spacing:-.6px}
.window-header>span{display:block;font-size:12px!important;margin-top:2px}
.workflow-canvas{padding-top:12px!important}
.flow-node{max-width:250px!important;min-height:66px}
.flow-node .node-icon{background:none;color:var(--ink)}
.connector{height:34px!important;background:var(--accent)!important}
.branch-lines{height:32px!important;margin-top:0!important;max-width:200px!important}
.flow-branches{gap:25px!important}.branch-node{flex-direction:row!important;justify-content:center;gap:12px;min-height:67px}
.branch-node strong{margin:0!important;font-weight:500}
.canvas-footer{border:0!important;justify-content:center!important;padding:8px 24px 28px!important}
.canvas-footer .button{font-size:14px!important;padding:14px 22px!important}
.centered{justify-content:center;text-align:center}.centered p{max-width:none;margin:18px 0 0}
.service-selector{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.starting-grid{display:flex;flex-direction:column;gap:0;background:var(--card)}
.starting-card{display:flex;gap:22px;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:32px 28px;flex:1}
.starting-card:last-child{border-bottom:0}
.starting-card:hover,.starting-card.selected{transform:none;box-shadow:none;background:var(--accent-soft)}
.starting-card.selected{box-shadow:inset 3px 0 var(--accent)}
.starting-card>span:nth-child(2){flex:1}
.starting-card strong{display:block;font-size:17px;letter-spacing:-.4px}
.starting-card small{display:block;color:var(--muted);font-size:13px;margin-top:7px}
.choice-number{font-size:12px;color:var(--accent-deep)}
.starting-card>.icon,.starting-card>span:last-child{color:var(--accent-deep)}
.persona-result{margin:0;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;padding:38px 42px}
.persona-result h3{font-size:30px;line-height:1.18;margin:0 0 15px}.persona-result h3 em{font-family:var(--serif);color:var(--accent);font-weight:480}
.persona-result p{font-size:14px;color:var(--muted);margin-bottom:22px}
.persona-price{font-size:30px;font-weight:600;letter-spacing:-1px}.persona-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:10px}
.persona-result ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;margin:20px 0 28px}
.persona-result li{display:flex;gap:8px;align-items:center}.persona-result li .icon{width:16px;color:var(--accent)}
.persona-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.persona-foot{display:block;border-top:1px solid var(--line);margin-top:26px;padding-top:15px;font-size:12px;color:var(--muted)}
.lab-section{background:var(--paper-deep)}
.lab-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d0be;gap:20px;margin-bottom:30px}
.filter-row{gap:25px;margin:0;flex-wrap:nowrap}
.filter,.filter.active{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:18px 0;font-size:13px;color:var(--muted);white-space:nowrap}
.filter.active{color:var(--ink);border-bottom-color:var(--accent)}
.workflow-search{display:flex;align-items:center;gap:10px;color:var(--muted);max-width:230px}
.workflow-search input{background:none;border:0;margin:0;padding:10px 0;font-size:13px;border-radius:0;min-width:0}
.workflow-search .icon{width:18px}
.featured-workflow{display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid #ddd4c4;background:var(--paper);padding:36px 42px;border-radius:8px;margin-bottom:30px;align-items:center}
.featured-workflow h3{font-size:25px;margin:10px 0}.featured-workflow p{font-size:14px;color:var(--muted);max-width:430px}
.featured-journey{display:flex;align-items:center;justify-content:center;padding-bottom:26px}
.featured-journey>div{position:relative;flex-shrink:0}
.featured-journey>div>span{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1px solid var(--line);background:var(--card);border-radius:50%;color:var(--accent-deep)}
.featured-journey>div:last-child>span{background:var(--dark);color:var(--paper);border-color:var(--dark)}
.featured-journey small{position:absolute;top:80px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap}
.journey-line{height:1px;background:#cfc4b2;flex:1;max-width:70px}
.demo-grid{grid-template-columns:1fr 1fr;column-gap:48px;row-gap:0}
.demo-card{border:0;border-bottom:1px solid #dcd3c3;background:none;border-radius:0;overflow:visible}
.demo-card:hover{transform:none;box-shadow:none}
.workflow-row{width:100%;display:flex;align-items:center;text-align:left;gap:18px;padding:24px 8px;min-height:122px;border-radius:5px}
.workflow-row:hover{background:#faf7f280}.workflow-row>span:nth-child(2){flex:1;min-width:0}
.workflow-row h3{font-size:17px;margin:5px 0;line-height:1.4}.workflow-row p{font-size:12px;color:var(--muted);margin:0}
.workflow-row>.icon{color:var(--accent);width:18px}
.workflow-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);border-radius:7px;color:var(--accent-deep);flex-shrink:0}
.demo-category{font-size:9px;letter-spacing:1.2px}
.empty-workflows{padding:30px 0;grid-column:1/-1}.empty-workflows h3{margin-top:0}
#demo-count{margin:20px 0 0}.lab-bottom{padding-top:15px}
#pricing{text-align:center}.pricing-switch{border-radius:7px;padding:0;background:none;overflow:hidden}
.pricing-switch button{border-radius:0;padding:13px 30px}.pricing-switch button.active{background:var(--dark);box-shadow:none}
.pricing-grid{text-align:left;gap:14px}.price-card{border-radius:8px;padding:25px 22px;background:transparent;min-height:470px}
.price-card:hover{transform:none;box-shadow:none}.price-card.featured{border:1px solid var(--dark);background:var(--dark);color:var(--paper)}
.price-card h3{font-size:18px;min-height:48px;margin-top:14px}.price{font-size:36px}.price-card .price-icon{height:34px;color:var(--ink)}
.price-card.featured .price-icon{color:var(--paper)}.price-card.featured p,.price-card.featured .billing{color:#c8d0c8}
.price-card.featured ul{border-color:#68756b}.price-card li:before{color:var(--accent)}
.price-card.featured .recommended{position:static;background:none;padding:0;color:#c8d0c8;font-size:8px;letter-spacing:1.2px;order:-1;margin-bottom:10px}
.price-card:not(.featured){padding-top:47px}
.price-card.featured .button{background:var(--paper);color:var(--ink)}
.price-card .button{justify-content:center}.pricing-note{max-width:none;font-size:12px}
.transfer-banner{text-align:left;border-radius:7px;background:none;padding:22px}.transfer-banner .outline-icon{background:none}
.process-grid h3{font-size:16px;line-height:1.4}.process-grid article>span{font-family:var(--sans)}
.process-grid p{font-size:13px}.process-section h2{max-width:720px}
.faq-section{grid-template-columns:1fr 1.35fr;gap:70px;align-items:start}
.faq-list details{border:1px solid var(--line);border-radius:6px;padding-inline:20px;margin-bottom:12px}
.faq-list summary{font-size:14px;min-height:64px;align-items:center;padding-block:18px}
.faq-list summary .icon{width:18px;height:18px}.faq-list summary span{display:flex}
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:none;border:0;border-block:1px solid var(--line);border-radius:0;padding:64px 0;margin-bottom:0}
.final-cta h2{font-size:38px;margin:0}.final-cta .button{margin:0;white-space:nowrap}
.final-cta p{font-size:15px;margin-bottom:0}
@media(max-width:1100px){.hero h1{font-size:58px!important}.lab-toolbar{flex-wrap:wrap;gap:5px;padding-bottom:10px}.workflow-search{max-width:100%}.price-card{padding-inline:18px}.pricing-switch button{padding-inline:24px}.persona-result{padding:30px}.starting-card{padding:25px 20px;gap:15px}}
@media(max-width:900px){.service-selector{grid-template-columns:1fr}.starting-grid{flex-direction:row}.starting-card{border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:block}.starting-card:last-child{border-bottom:1px solid var(--line)}.starting-card>span:last-child{display:none}.starting-card strong{font-size:15px;margin-top:10px}.persona-result{border-left:0}.price-card{min-height:440px}.featured-workflow{padding:28px;gap:30px}.featured-journey>div>span{width:54px;height:54px}.featured-journey small{top:65px}.faq-section{gap:30px}}
@media(max-width:760px){.hero h1{font-size:clamp(39px,8.8vw,66px)!important}.hero{padding-block:46px!important}.hero-art{max-width:520px}.hero-description{max-width:540px}.demo-grid{column-gap:24px}.workflow-row{gap:12px}.workflow-row h3{font-size:15px}.workflow-row p{font-size:11px}.workflow-icon{width:36px;height:36px}.featured-workflow{grid-template-columns:1fr;gap:40px}.featured-journey{max-width:430px;width:100%;margin:auto}.final-cta{display:block}.final-cta .button{margin-top:25px}.final-cta h2{font-size:34px}}
@media(max-width:640px){.starting-grid{flex-direction:column}.starting-card{display:flex;padding:24px 20px;gap:14px}.starting-card strong{margin:0;font-size:15px}.starting-card small{font-size:12px}.starting-card>span:last-child{display:block}.persona-result{padding:28px 22px}.persona-result h3{font-size:28px}.persona-result ul{grid-template-columns:1fr}.persona-actions{gap:18px}.centered{text-align:left}.filter-row{width:100%;gap:20px;overflow:auto}.filter{font-size:11px;flex-shrink:0;padding-block:15px}.workflow-search{width:100%;max-width:none;padding-block:5px}.workflow-search input{font-size:16px}.demo-grid{grid-template-columns:1fr}.workflow-row{padding:21px 2px;min-height:110px}.workflow-row h3{font-size:16px}.workflow-row p{font-size:12px}.workflow-icon{width:40px;height:40px}.featured-workflow{padding:26px 22px}.featured-workflow h3{font-size:23px}.price-card{min-height:0;padding:25px!important}.price-card h3{min-height:0}.pricing-switch button{padding-inline:12px}.pricing-grid{text-align:left}.transfer-banner button{margin:0}.transfer-banner h3{font-size:16px}.faq-section{grid-template-columns:1fr}.final-cta{padding-block:42px}.final-cta p{max-width:none}.window-header strong{font-size:18px!important}.flow-node{min-height:60px}.flow-branches{gap:15px!important}.branch-node{gap:8px;min-height:60px}.branch-node strong{font-size:11px}.branch-node .icon{width:19px}.hero h1 em{white-space:normal}input,select,textarea{font-size:16px}}
h1,h2,h3,.brand,.price{font-family:var(--sans);font-weight:600}
h1 em,h2 em{font-family:var(--serif);font-weight:480}
h2{font-size:52px;letter-spacing:-2px;line-height:1.08;margin:0}
h3{letter-spacing:-.6px}
.section{padding-block:100px}
.section-heading p{font-size:16px;max-width:390px}
.icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.button{border-radius:7px;box-shadow:none!important;min-height:46px}
.button:hover{transform:none}
.button .icon,.text-link .icon{width:18px;height:18px}
.nav-wrap nav{font-size:14px}
.brand{letter-spacing:-1px}
.hero{grid-template-columns:1.08fr 1fr;gap:70px;padding-block:84px}
.hero h1{font-size:clamp(46px,4.65vw,67px);line-height:1.06;margin:0 0 24px;letter-spacing:-2.9px}
.hero h1 em{white-space:nowrap;letter-spacing:-2.4px}
.hero-description{font-size:17px;line-height:1.75;max-width:440px}
.hero-trust{font-size:12px;margin-top:24px}.hero-trust>span{margin-inline:12px}
.hero-art{padding:0}
.workflow-window,.hero-art:hover .workflow-window{transform:none;border-radius:10px;box-shadow:0 12px 28px -20px #40361f45}
.window-header{padding:20px 24px;font-size:10px;background:transparent}
.window-header>span:first-child{display:block}.window-header strong{font-size:13px;color:var(--ink)}
.workflow-canvas{padding:28px 35px 25px;background:none}
.flow-node{max-width:320px;padding:15px;animation:none;box-shadow:none;border-radius:7px;background:var(--card)}
.flow-node strong{font-size:13px}.flow-node p{font-size:11px}
.node-icon{border-radius:50%;width:36px;height:36px}.node-icon .icon{width:19px;height:19px}
.node-check .icon{width:16px;height:16px}
.connector{height:24px;width:1px;background:var(--line);margin:auto}
.condition{background:transparent;border:0;padding:0;font-size:11px}
.branch-lines{margin-top:20px;max-width:170px}.branch-lines span{font-size:8px}
.flow-branches{gap:18px}.branch-node{animation:none;box-shadow:none;width:160px;padding:18px 8px;border-radius:7px;background:transparent}
.branch-node:first-child{background:var(--dark);color:var(--on-dark);border-color:var(--dark)}
.branch-node strong{font-size:13px}.branch-node small{font-size:10px;margin-top:3px}
.branch-node:first-child small{color:var(--on-dark-muted)}
.canvas-footer{margin:0;padding:18px 24px;border-top:1px solid var(--line);justify-content:space-between;font-size:11px}
.canvas-footer .button{font-size:12px;padding:10px 14px;min-height:40px}

@media(max-width:1100px){.hero{gap:32px}.hero h1{font-size:49px}.workflow-canvas{padding-inline:20px}h2{font-size:44px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:48px;gap:35px}.hero h1{font-size:clamp(39px,8vw,60px)}.hero-description{max-width:520px}.hero-art{max-width:550px;width:100%;margin:auto}.section{padding-block:64px}h2{font-size:38px;letter-spacing:-1.5px}}
@media(max-width:640px){.hero h1{letter-spacing:-1.8px}.hero h1 em{letter-spacing:-1.7px}.hero-actions .button{width:auto;flex:1;padding-inline:14px;font-size:12px}.hero-description{font-size:16px}.window-header{padding:16px}.window-header strong{font-size:11px}.window-header>span{font-size:8px}.canvas-footer{padding:14px;font-size:9px;gap:8px}.canvas-footer .button{font-size:10px;padding:9px 10px}.flow-node strong{font-size:12px}.flow-node p{font-size:10px}.branch-node strong{font-size:12px}.workflow-canvas{padding:24px 20px}.section-heading p{font-size:15px}.hero-trust{font-size:11px}}