html{scroll-behavior:smooth}
.hasti-demo-hero{background:#211c20;color:#fff;padding:5rem 2rem 4rem;overflow:hidden;position:relative}
.hasti-demo-hero:before{content:'';position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#76525b 1px,transparent 1px),linear-gradient(90deg,#76525b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000)}
.hasti-demo-hero-grid{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:5rem;align-items:center}
.hasti-demo-hero .demo-kicker{color:#ff9e73}
.hasti-demo-hero h1{font:800 clamp(3.6rem,5.8vw,6.6rem)/1.02 var(--sans);letter-spacing:-.075em;margin:1.2rem 0}
.hasti-demo-hero h1 em{display:inline;background:#ff530d;color:#fff;font-style:normal;padding:0 .1em;border-radius:.08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hasti-demo-hero p{font-size:1rem;color:#ddd0d4;line-height:1.75;max-width:600px}
.hasti-demo-hero small{display:block;color:#bdaeb4;margin-top:1.5rem;font-size:.7rem}
.hasti-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}
.hasti-hero-actions .demo-button,.hasti-live-cta .demo-button{display:inline-flex;align-items:center;justify-content:center;font-size:.83rem;padding:.9rem 1.2rem}
.hasti-hero-actions .demo-button{background:#ff530d;border-color:#ff530d}
.hasti-hero-actions .demo-button.secondary{background:transparent;color:#fff;border-color:#95848a}
.hasti-hero-art{background:#f8f2ec;color:#1d1a1e;border-radius:16px;padding:2rem;box-shadow:16px 18px 0 #923a24;transform:rotate(1.5deg)}
.hasti-signal{background:#fff;border:1px solid #e8d4c8;padding:1.3rem;border-radius:10px;display:grid;gap:.5rem}
.hasti-signal span{font-size:.6rem;letter-spacing:.12em;font-weight:800;color:#9e411b}
.hasti-signal strong{font-size:1.25rem;letter-spacing:-.05em;line-height:1.25}
.hasti-signal small{font-size:.68rem;margin:0;color:#777076}
.hasti-signal.accent{background:#ff530d;color:#fff;border-color:#ff530d}
.hasti-signal.accent span,.hasti-signal.accent small{color:#fff}
.hasti-hero-arrow{text-align:center;color:#b84e22;font-size:2rem;line-height:1.5}
.hasti-hero-art-foot{font-size:.57rem;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between;margin-top:1.4rem;color:#a04924}
.hasti-hero-art-foot span{color:#777076}
.hasti-demo-content{padding:5rem 2rem}
.hasti-content-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.hasti-content-head h2,.hasti-live-cta h2{font:800 clamp(2.7rem,4vw,4.5rem)/1.08 var(--sans);letter-spacing:-.065em;margin:.5rem 0}
.hasti-content-head p{color:#625d62;max-width:640px;margin:.5rem 0 0}
.hasti-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0 0 1rem;gap:.6rem}
.hasti-steps li{display:flex;align-items:center;gap:.6rem;border:1px solid #e7ddd7;background:#fff;border-radius:8px;padding:.7rem .9rem;color:#797176;font-size:.73rem}
.hasti-steps li span{color:#af5b38;font-weight:800}
.hasti-steps li.is-current{background:#fff0e6;border-color:#ffb28c;color:#211c20}
.hasti-steps li.is-complete{background:#252024;color:#fff;border-color:#252024}
.hasti-steps li.is-complete span{color:#ff9a6b}
.hasti-demo-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;align-items:start}
.intake-panel,.hasti-workflow-panel{background:#fff;border:1px solid #e7e1dc;border-radius:12px;padding:1.7rem;min-height:570px}
.intake-panel h3,.hasti-workflow-panel h3,.hasti-activity h3{font:800 1.8rem/1.14 var(--sans);letter-spacing:-.05em;margin:.4rem 0}
.intake-panel>p{font-size:.8rem;line-height:1.6;color:#675f63}
.intake-form{margin-top:1.3rem}
.intake-form label{font-size:.77rem}
.intake-form input,.intake-form textarea,.intake-form select{font-size:.83rem;min-height:45px}
.intake-form .demo-button{padding:.85rem 1rem;justify-self:start;font-size:.8rem;background:#ff530d;border-color:#ff530d}
.workflow-panel-top{display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.workflow-panel-top small{font-size:.7rem;letter-spacing:.1em;font-weight:800;color:#a3441d}
.hasti-state{font-size:.63rem;font-weight:800;color:#a3451e;background:#fff0e5;border-radius:99px;padding:.3rem .6rem}
.hasti-request-card{background:#f7f2ee;border:1px solid #e7dcd5;border-radius:10px;padding:1.5rem;margin:1.4rem 0 1rem}
.hasti-request-card>small{color:#a3441d;font-size:.61rem;font-weight:800;letter-spacing:.12em}
.hasti-request-card p{font-size:.83rem;color:#655d61;margin:.5rem 0 1.2rem;line-height:1.6}
.hasti-request-meta{display:flex;gap:.5rem;flex-wrap:wrap}
.hasti-request-meta span{font-size:.67rem;background:#fff;border:1px solid #e7dad1;border-radius:99px;padding:.3rem .55rem;color:#5c5359}
.hasti-next-action{display:grid;gap:.3rem;padding:1rem 0;border-top:1px solid #ebe4de;border-bottom:1px solid #ebe4de}
.hasti-next-action span{font-size:.59rem;color:#a3441d;font-weight:800;letter-spacing:.12em}
.hasti-next-action strong{font-size:.85rem}
.hasti-action-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}
.hasti-action-row .demo-button{font-size:.72rem}
.hasti-action-row .demo-button:disabled{opacity:.43}
.hasti-workflow-note{display:grid;gap:.45rem;margin-top:2rem;padding:1.1rem;border:1px solid #efd2c1;border-radius:9px;background:#fff7f1}
.hasti-workflow-note b{font-size:.73rem;color:#a3441d}
.hasti-workflow-note span{font-size:.9rem;font-weight:800;letter-spacing:-.03em}
.hasti-workflow-note p{font-size:.7rem;line-height:1.6;color:#776b6b;margin:0}
.hasti-outcome{background:#211c20;color:#fff;border-radius:8px;padding:1.2rem;margin-top:1rem}
.hasti-outcome[hidden]{display:none}
.hasti-outcome small{font-size:.58rem;letter-spacing:.12em;color:#ff9d71;font-weight:800}
.hasti-outcome strong{display:block;margin-top:.4rem;font-size:1rem}
.hasti-outcome p{color:#d4c7cb;font-size:.75rem;margin:.5rem 0 0}
.hasti-activity{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;margin-top:1rem;padding:1.7rem;border:1px solid #e7e1dc;border-radius:12px;background:#fff}
.hasti-activity small{font-size:.65rem;letter-spacing:.1em;font-weight:800;color:#a3441d}
.hasti-activity p{font-size:.8rem;color:#665f63;line-height:1.6;max-width:310px}
.hasti-activity ol{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}
.hasti-activity li{padding:.8rem 1rem;background:#fbf7f4;border-left:3px solid #ff530d;border-radius:4px;font-size:.78rem;line-height:1.5}
.hasti-live-cta{background:#f1e6dc;padding:4rem 2rem}
.hasti-live-cta .demo-shell{display:flex;justify-content:space-between;align-items:end;gap:2rem}
.hasti-live-cta small{font-size:.65rem;letter-spacing:.1em;color:#a3441d;font-weight:800}
.hasti-live-cta h2{margin-bottom:0}
.hasti-live-cta .demo-button{background:#211c20;color:#fff;white-space:nowrap}
@media(max-width:950px){.hasti-demo-hero-grid,.hasti-demo-layout{grid-template-columns:1fr}.hasti-hero-art{max-width:570px}.intake-panel,.hasti-workflow-panel{min-height:0}}
@media(max-width:650px){.hasti-demo-hero{padding:3.4rem 1rem 3rem}.hasti-demo-hero h1{font-size:clamp(3.1rem,12vw,4.2rem)}.hasti-hero-art{padding:1.2rem;box-shadow:8px 10px 0 #923a24;transform:none}.hasti-content-head{align-items:start;flex-direction:column}.hasti-demo-content{padding:3rem 1rem}.hasti-steps{grid-template-columns:repeat(2,1fr)}.hasti-steps li{padding:.55rem;font-size:.65rem}.intake-panel,.hasti-workflow-panel,.hasti-activity{padding:1.2rem}.hasti-activity{grid-template-columns:1fr;gap:.6rem}.hasti-live-cta{padding:3rem 1rem}.hasti-live-cta .demo-shell{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}