.fluid-showcase{position:relative}.showcase-deck{position:relative;display:grid;border:1px solid #d3cadd;border-radius:24px;background:#eeebf4;overflow:clip;isolation:isolate}.showcase-slide{grid-area:1 / 1;display:grid;grid-template-columns:1fr 1.05fr;min-width:0;min-height:440px;gap:4%;align-items:center;padding:48px 6% 66px;opacity:0;visibility:hidden;transform:translate3d(0,18px,0);pointer-events:none;transition:opacity .58s cubic-bezier(.22,.68,0,1),transform .58s cubic-bezier(.22,.68,0,1),visibility .58s}.showcase-slide.is-active{opacity:1;visibility:visible;transform:translateZ(0)}.showcase-copy{max-width:520px;position:relative;z-index:2}.showcase-question{font-size:clamp(.92rem,1.3vw,1.12rem);color:#6d627b;margin-bottom:24px}.showcase-copy h3{font-size:clamp(1.85rem,3.5vw,3.4rem);line-height:1.14;font-weight:500;letter-spacing:-.045em;margin-bottom:25px;max-width:11em}.showcase-detail{font-size:.93rem;line-height:1.9;color:#61566d;max-width:420px}.showcase-visual{position:relative;min-width:0;min-height:300px;display:grid;place-items:center;perspective:1000px}.showcase-halo{position:absolute;width:95%;aspect-ratio:1.15;border-radius:50%;background:radial-gradient(ellipse,#cab9e1aa,transparent 69%);transform:rotate(-25deg);z-index:-1}.showcase-system-diagram{width:min(100%,350px);transform:rotate(-4deg)}.showcase-inputs{display:flex;justify-content:space-around;gap:10px}.showcase-inputs span{background:#faf9fc;border:1px solid #d8cde8;padding:8px 18px;border-radius:24px;font-size:.76rem;box-shadow:0 6px 14px #58407308}.showcase-connectors{display:flex;justify-content:space-around;padding-inline:16px;height:30px}.showcase-connectors i{width:1px;height:100%;background:#ae9cbe}.showcase-dashboard{position:relative;background:#fdfcff;border:1px solid #d9cfe5;padding:24px;border-radius:14px;box-shadow:0 24px 45px -22px #39244e55}.dashboard-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.dashboard-heading img{width:48px;height:auto;filter:grayscale(1)}.dashboard-heading>span{font-size:.9rem;font-weight:500}.dashboard-row{display:flex;align-items:center;justify-content:space-between;padding-block:12px;border-top:1px solid #eee8f3;font-size:.73rem}.dashboard-row>span{display:flex;align-items:center;gap:9px}.dashboard-row>span:last-child{color:#675577}.dashboard-row svg{width:13px;height:13px}.dashboard-dot{width:6px;height:6px;border-radius:50%;background:#b9a3d6}.dashboard-progress{display:flex;gap:6px;align-items:end;height:28px;margin-top:14px}.dashboard-progress span{height:5px;border-radius:8px;flex:1;background:#cdbbdf}.dashboard-progress span:nth-child(2){height:9px}.dashboard-progress span:nth-child(3){height:8px}.dashboard-progress span:nth-child(4){height:14px}.dashboard-progress span:nth-child(5){height:17px}.dashboard-progress span:nth-child(6){height:21px}.dashboard-progress span:nth-child(7){height:27px;background:#8e68be}.showcase-workflow{width:min(100%,345px);transform:rotate(3deg)}.showcase-workflow-node{display:flex;align-items:center;gap:17px;padding:17px 20px;background:#faf9fe;border:1px solid #d5c9e4;border-radius:13px;box-shadow:0 16px 28px -20px #35244b66;font-size:.9rem}.workflow-symbol{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#e9e1f5;border-radius:9px;font-size:23px;line-height:1;color:#7c54b4}.workflow-check{margin-inline-start:auto;color:#8a73a9}.workflow-check svg{width:17px;height:17px}.showcase-workflow-path{height:30px;width:1px;background:#a68dbf;margin-inline-start:39px}.workflow-finish{background:#32283f;color:#f8f3ff;border-color:#493656}.workflow-finish .workflow-symbol{background:#554269;color:#ddcbf2}.workflow-finish .workflow-check{color:#ddcbf2}.showcase-browser{width:min(100%,360px);background:#faf7ff;border:1px solid #c7b6dc;border-radius:13px;transform:rotate(-5deg);overflow:hidden;box-shadow:0 30px 40px -22px #38214760}.showcase-browser-bar{height:30px;padding:10px 12px;display:flex;gap:5px;direction:ltr;align-items:center;border-bottom:1px solid #ded3e8}.showcase-browser-bar i{width:4px;height:4px;background:#ab9bbc;border-radius:50%}.showcase-browser-bar span{width:55%;height:9px;background:#eee7f5;border-radius:10px;margin-inline:auto}.showcase-webpage{position:relative;padding:25px 27px 30px;min-height:240px;overflow:hidden}.showcase-site-mark{font-size:27px;line-height:1;color:#725097}.showcase-webpage strong{position:relative;display:block;font-size:clamp(1.65rem,2.1vw,2.2rem);line-height:1.05;font-weight:500;letter-spacing:-.05em;margin-block:24px;z-index:1}.showcase-site-button{position:relative;display:flex;align-items:center;gap:14px;width:max-content;padding:7px 12px;background:#d7b8ed;font-size:.65rem;border-radius:20px;z-index:1}.showcase-site-button svg{width:12px;height:12px}.showcase-web-sculpture{position:absolute;left:-24px;bottom:33px;display:flex;flex-direction:column;gap:6px;transform:rotate(-30deg)}.showcase-web-sculpture i{display:block;width:130px;height:45px;border-radius:50%;border:11px solid #b695d2;box-shadow:inset -4px 6px 7px #76539135,3px 4px 9px #4c295126}.showcase-web-sculpture i:nth-child(2){transform:translate(15px)}.showcase-card-next{position:absolute;inset:0;width:100%;border:0;background:transparent;z-index:3;padding:0;cursor:pointer;border-radius:inherit}.showcase-card-next>span{position:absolute;bottom:23px;left:30px;display:flex;align-items:center;gap:17px;font-size:.78rem;color:#665476}.showcase-card-next svg{width:21px;height:21px;transition:transform .35s var(--ease)}.showcase-card-next:hover svg{transform:translate(-6px)}.showcase-card-next:focus-visible{outline-offset:-7px;outline-color:var(--violet)}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:18px}.showcase-arrow{width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:transparent;color:#6b577d;transition:background .25s}.showcase-arrow:hover{background:#d5c7e5}.showcase-arrow svg{width:20px;height:20px}.showcase-previous svg{transform:rotate(180deg)}.showcase-selectors{display:flex;align-items:center;gap:0}.showcase-selector{display:grid;place-items:center;width:36px;height:44px;padding:8px;border:0;background:transparent}.showcase-selector span{display:block;width:7px;height:7px;border-radius:10px;background:#aa99bc;transition:width .4s var(--ease),background .3s}.showcase-selector[aria-pressed=true] span{width:22px;background:#70518d}.showcase-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:1000px){.showcase-slide{gap:5%;padding:35px 5% 65px}.showcase-copy h3{font-size:2.2rem}.showcase-question{font-size:.88rem}.showcase-detail{font-size:.83rem}.showcase-inputs span{padding:7px 12px}.showcase-dashboard{padding:18px}.showcase-workflow-node{padding:14px;gap:10px;font-size:.78rem}}@media(max-width:700px){.showcase-deck{border-radius:20px}.showcase-slide{grid-template-columns:minmax(0,1fr);gap:15px;padding:27px 24px 66px;align-content:start}.showcase-copy{min-width:0}.showcase-question{font-size:.82rem;margin-bottom:17px}.showcase-copy h3{font-size:clamp(1.8rem,7.2vw,2.4rem);max-width:12em;margin-bottom:18px}.showcase-detail{font-size:.83rem;line-height:1.8}.showcase-visual{margin-top:8px;min-height:290px;padding-inline:10px}.showcase-dashboard{padding:20px}.dashboard-row{font-size:.68rem}.showcase-inputs span{font-size:.68rem;padding:6px 12px}.showcase-workflow-node{padding:15px;font-size:.8rem}.showcase-browser{max-width:310px}.showcase-webpage strong{font-size:2rem}.showcase-card-next>span{left:24px;bottom:21px;font-size:.72rem}.showcase-controls{padding-top:10px}}@media(max-width:370px){.showcase-slide{padding-inline:18px}.showcase-visual{padding-inline:0}.showcase-dashboard{padding:16px}.dashboard-heading{gap:10px}.dashboard-heading>span{font-size:.8rem}.showcase-inputs{gap:5px}.showcase-inputs span{padding-inline:9px}.showcase-workflow-node{gap:10px;padding-inline:13px}.workflow-symbol{width:30px;height:30px}.showcase-webpage{padding-inline:20px}.showcase-web-sculpture{left:-50px}}@media(prefers-reduced-motion:reduce){.showcase-slide{transform:none;transition:none}.showcase-selector span,.showcase-card-next svg{transition:none}}@layer refinements{.flow-story{position:relative;background:var(--night);color:var(--paper);border-radius:65px 65px 0 0;margin-top:-35px;padding:clamp(80px,8vw,125px) var(--gutter) 145px;overflow:clip;isolation:isolate}.flow-story-heading{position:relative;z-index:8;text-align:center}.flow-story-title{display:flex;justify-content:center;flex-wrap:wrap;column-gap:.22em;margin:0;font-size:clamp(2.4rem,4.8vw,4.7rem);font-weight:550;line-height:1.18;letter-spacing:-.065em}.flow-word-mask{display:inline-block;overflow:clip;padding:.12em .06em .2em;margin:-.12em -.06em -.2em}.flow-word{display:block;transform-origin:50% 100%}.flow-story-subtitle{color:#bdb2cd;font-size:clamp(.9rem,1.35vw,1.1rem);margin-top:24px}.flow-board{position:relative;width:min(100%,1210px);aspect-ratio:2 / 1;margin:clamp(65px,6.5vw,100px) auto 0;direction:ltr;perspective:1400px}.flow-card{position:absolute;margin:0;transform-origin:50% 55%}.flow-card-surface{width:100%;transform-origin:center}.flow-card svg{width:100%;height:auto;overflow:visible}.flow-card svg text{font-family:var(--font)}.flow-card svg [data-counter]{direction:ltr;unicode-bidi:bidi-override;font-family:var(--font);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;dominant-baseline:alphabetic;white-space:nowrap;letter-spacing:-.045em}.flow-card svg [data-draw]{stroke-dasharray:1;stroke-dashoffset:0}.flow-card svg [data-bar]{transform-box:fill-box;transform-origin:center bottom}.flow-card-income{width:29%;left:2%;top:3%;z-index:2}.flow-card-balance{width:23%;left:11%;top:48%;z-index:3}.flow-card-growth{width:27%;left:37%;top:18%;z-index:6}.flow-card-customers{width:25%;left:73%;top:0;z-index:4}.flow-card-time{width:26%;left:73%;top:65%;z-index:5}.flow-example-note{margin:58px auto 0;text-align:center;font-size:.72rem;color:#b3a8c0}.flow-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flow-story[data-enhanced] .flow-word{opacity:0;transform:translateY(115%)}.flow-story[data-enhanced] .flow-story-subtitle,.flow-story[data-enhanced] .flow-card{opacity:0}.flow-story[data-state=settled] .flow-card{opacity:1}.flow-story[data-state=opening] .flow-card{will-change:transform,opacity}@media(max-width:760px){.flow-story{border-radius:32px 32px 0 0;margin-top:-25px;padding:70px 22px 95px}.flow-story-title{font-size:clamp(2.25rem,7.8vw,3.5rem);max-width:540px;margin-inline:auto}.flow-story-subtitle{margin-top:20px;font-size:.9rem}.flow-board{width:min(100%,540px);aspect-ratio:1 / 1.46;margin-top:58px}.flow-card-income{width:52%;left:0;top:2%}.flow-card-customers{width:42%;left:58%;top:0}.flow-card-growth{width:48%;left:25%;top:27%}.flow-card-balance{width:43%;left:0;top:68%}.flow-card-time{width:49%;left:51%;top:78%}.flow-example-note{margin-top:55px;font-size:.66rem}}@media(prefers-reduced-motion:reduce){.flow-story[data-enhanced] .flow-word,.flow-story[data-enhanced] .flow-story-subtitle,.flow-story[data-enhanced] .flow-card{opacity:1;transform:none}}}
