@font-face{font-family:Inter;src:url(/brand/fonts/InterLatin.woff2) format('woff2');font-weight:100 900;font-display:swap}:root{--ink:#171b37;--muted:#5d6381;--violet:#6554e8;--lavender:#efedff;--mint:#e4f3ec;--peach:#fff0e3;--line:#e7e8f1;--white:#fff;font-family:Inter,Arial,system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}[hidden]{display:none!important}button,a,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}a:hover{color:var(--violet)}.skip{position:absolute;top:-80px;left:20px;background:#fff;z-index:100;padding:12px}.skip:focus{top:10px}.wrap{width:min(1216px,calc(100% - 64px));margin-inline:auto}.site-header{height:96px;display:flex;align-items:center;gap:42px;padding:0 max(32px,calc((100% - 1230px)/2));border-bottom:1px solid transparent;background:rgba(255,255,255,.97);position:relative;z-index:20}.wordmark{flex-shrink:0}.wordmark img{display:block}.site-header nav{display:flex;gap:30px;margin-inline:auto}.site-header a{font-size:14px;font-weight:600;white-space:nowrap}.nav-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--violet);color:white;box-shadow:0 4px 12px #6554e81a}.primary:hover{background:#5342cf;color:#fff;box-shadow:0 8px 18px #6554e829}.secondary{background:var(--lavender)}.outline{border-color:#6c708a;color:#fff;background:transparent}.outline:hover{background:#ffffff15;color:white}.actions{display:flex;justify-content:center;gap:16px}.menu-toggle{display:none}.hero{text-align:center;padding-top:34px}.hero h1,.products-hero h1{font-size:clamp(44px,5.6vw,80px);letter-spacing:-.065em;line-height:1.04;font-weight:800;margin:0 auto 22px;max-width:1100px}.hero h1 span,.section-title span,.products-hero h1 span{color:var(--violet)}.hero>p,.products-hero>p{color:var(--muted);font-size:20px;line-height:1.6;margin:0 auto 26px;max-width:880px}.mobile-break{display:none}.showcase{margin-top:32px}.product-tabs{display:inline-flex;padding:6px;border-radius:15px;background:var(--lavender);gap:6px}.product-tabs button{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:10px;min-height:44px;padding:0 30px;color:var(--ink);font-size:14px;font-weight:600}.product-tabs button[aria-selected=true]{background:#fff;color:var(--violet);box-shadow:0 4px 15px #171b3708}.product-tabs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.showcase-stage{position:relative;margin-top:22px;padding:0 50px}.preview-frame{display:grid;grid-template-columns:135px 1fr;min-height:390px;border:14px solid #1d223e;border-radius:22px;box-shadow:0 24px 40px #171b371a;position:relative;z-index:2;background:#fff;text-align:left;overflow:hidden}.preview-nav{display:flex;flex-direction:column;gap:6px;padding:12px 9px;background:#1d223e;color:#dadced;font-size:11px}.preview-nav img{margin:0 8px 20px}.preview-nav span{padding:10px 12px;border-radius:6px}.preview-nav .preview-selected{background:var(--violet);color:white}.preview-content{padding:18px 20px;min-width:0;background:#fff}.preview-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #eeeef4;font-size:12px;color:var(--muted)}.sample-chip{background:#f5f6fa;padding:5px 8px;border-radius:6px;font-size:10px}.preview-panel{animation:panel-in .28s ease-out}.preview-panel h2{font-size:18px;margin:18px 0}.preview-panel h2>span{font-size:11px;margin-left:14px;color:var(--violet);font-weight:600}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.board section{background:#f5f6fa;padding:12px;border-radius:13px;min-height:210px}.board h3{font-size:12px;display:flex;gap:8px;align-items:center;margin:0 0 14px}.board h3 small{font-size:10px;font-weight:400;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%}.blue{background:#64a8ec}.purple{background:#a78beb}.green{background:#48b48d}.board article{background:white;border:1px solid #eef0f5;border-radius:10px;padding:12px;margin-bottom:8px}.board b{font-size:11px;display:block}.board p{font-size:10px;color:var(--muted);margin:7px 0 12px}.board article>div{display:flex;justify-content:space-between;gap:3px;align-items:center;font-size:9px;color:var(--muted)}em{font-style:normal;border-radius:5px;background:var(--lavender);color:#5744b7;font-size:10px;padding:5px 7px}.board section:last-child em,.done{background:var(--mint);color:#1d7858}.preview-link{display:inline-block;margin-top:18px;color:var(--violet);font-size:11px;font-weight:700}.preview-caption{font-size:11px;color:#737993;margin:16px 0 0;position:relative;z-index:3}.orbit{position:absolute;width:420px;height:220px;border-radius:80px;background:var(--lavender);transform:rotate(-18deg);z-index:0}.orbit-one{left:-50px;top:65px}.orbit-two{right:-40px;top:40px;transform:rotate(-25deg)}.float-note{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 18px;font-size:13px;font-weight:700;border-radius:15px;z-index:4;box-shadow:0 8px 18px #171b3708;animation:float 7s ease-in-out infinite;pointer-events:none}.float-note span{font-size:20px}.approved{left:-24px;top:-42px;background:#dcf5e9;transform:rotate(-7deg)}.milestone{right:-18px;bottom:74px;background:#ffe7de;animation-delay:-3s}.plan-row{display:grid;grid-template-columns:1.4fr .6fr .7fr;align-items:center;gap:12px;padding:15px 10px;border-bottom:1px solid var(--line);font-size:12px}.plan-row em{justify-self:start}.plan-head{font-size:10px;color:var(--muted);background:#f5f6fa;border-radius:8px}.waiting{background:var(--peach);color:#925322}.timeline-preview{display:flex;margin-top:24px;gap:8px}.timeline-preview span{flex:1;background:var(--lavender);padding:10px;text-align:center;border-radius:5px;font-size:10px}.timeline-preview span:nth-child(2){background:var(--mint)}.timeline-preview span:nth-child(3){background:var(--peach)}.sample-message{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.sample-avatar{background:var(--lavender);font-size:10px;font-weight:700;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px}.sample-message b{font-size:12px}.sample-message small{font-weight:400;color:var(--muted);margin-left:12px;font-size:10px}.sample-message p{font-size:12px;line-height:1.6;color:var(--muted)}.sample-file{font-size:10px;background:#f5f6fa;border-radius:6px;padding:7px 10px;display:inline-block}.journey{padding-top:78px;padding-bottom:80px}.section-title{font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.045em;text-align:center;margin:0 0 44px}.journey-banner{background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;gap:20px;border-radius:20px;padding:35px 55px;align-items:center;min-height:310px}.journey-banner h3{font-size:38px;letter-spacing:-.04em;line-height:1.12;margin:0 0 18px}.journey-banner p{color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 20px;max-width:470px}.journey-banner a{color:var(--violet);font-size:14px;font-weight:700}.journey-banner img{width:100%;height:auto;max-height:290px;object-fit:contain}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin:48px 20px 0}.feature-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;font-size:17px;font-weight:700;color:var(--ink)}.lavender{background:var(--lavender)}.mint{background:var(--mint)}.peach{background:var(--peach)}.feature-columns h3{font-size:23px;letter-spacing:-.03em;margin:18px 0 12px}.feature-columns p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 18px}.feature-columns a{font-size:13px;font-weight:700;color:var(--violet)}.cta{padding:64px 24px;background:#171b37;color:#fff;text-align:center;border-radius:24px 24px 0 0}.cta h2{font-size:44px;line-height:1.12;letter-spacing:-.045em;margin:0 0 26px}.cta p{font-size:13px;color:#c7cadd;margin:24px 0 0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:30px;padding:30px max(32px,calc((100% - 1216px)/2));font-size:12px;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}.site-footer small{width:100%;font-size:11px}.faq{max-width:820px;margin-bottom:80px}.faq h2{font-size:30px;letter-spacing:-.035em}.faq details{border-bottom:1px solid var(--line);padding:20px 0;font-size:16px}.faq summary{font-weight:600;cursor:pointer}.faq p{line-height:1.7;color:var(--muted);font-size:15px}.faq a{color:var(--violet);text-decoration:underline}.products-hero{text-align:center;padding-top:40px}.products-hero h1{font-size:clamp(38px,4.3vw,64px)}.product-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0}.product-jump a{font-size:13px;background:var(--lavender);padding:10px 15px;border-radius:8px}.product-directory{padding-block:60px}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:45px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.product-number{font-size:12px;color:var(--violet);font-weight:700}.product-row h2{font-size:34px;letter-spacing:-.04em;margin:12px 0}.product-row p{color:var(--muted);line-height:1.6}.product-row a,.availability a{color:var(--violet);font-size:14px;font-weight:600}.product-row ul{list-style:none;padding:0;margin:0;align-self:center}.product-row li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}.product-row li::before{content:'✓';color:var(--violet);margin-right:15px}.availability{font-size:13px;color:var(--muted);margin-top:28px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes panel-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1000px){.site-header{gap:20px;padding-inline:24px}.site-header nav{gap:20px}.nav-actions{gap:16px}.nav-actions .button{padding:0 16px}.preview-frame{grid-template-columns:105px 1fr}.board section{padding:10px}.board article{padding:10px}.showcase-stage{padding:0 20px}.float-note{font-size:11px;padding:10px}.hero h1{font-size:64px}.feature-columns{gap:30px}.journey-banner{padding:30px}.journey-banner h3{font-size:32px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;padding:0 20px;gap:14px;flex-wrap:wrap}.wordmark img{width:132px;height:auto}.menu-toggle{display:block;background:var(--lavender);border:0;border-radius:7px;padding:9px 12px;margin-left:auto;font-size:12px;font-weight:700}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:white;box-shadow:0 14px 18px #171b3710;z-index:40;flex-direction:column;gap:22px;margin:0}.site-header nav.open{display:flex}.nav-actions>a:first-child{display:none}.nav-actions .button{min-height:38px;padding:0 12px;font-size:12px;gap:8px}.hero{padding-top:30px}.hero h1{font-size:clamp(38px,9vw,58px);letter-spacing:-.055em}.hero>p,.products-hero>p{font-size:16px;line-height:1.6}.mobile-break{display:block}.button{min-height:46px;padding:0 18px;font-size:13px;gap:12px}.actions{gap:10px}.showcase{margin-top:28px}.product-tabs{gap:3px;width:100%;justify-content:center}.product-tabs button{flex:1;justify-content:center;font-size:12px;padding:0 10px;gap:7px}.product-tabs svg{width:15px}.showcase-stage{padding:0;margin-top:16px}.preview-frame{border-width:7px;grid-template-columns:1fr;border-radius:15px;min-height:350px}.preview-nav{display:none}.preview-content{padding:15px 12px}.board{gap:5px}.board section{padding:8px 5px;min-height:222px}.board article{padding:9px 5px}.board h3{font-size:10px;gap:5px}.board b{font-size:10px;line-height:1.4}.board p{font-size:9px;line-height:1.4}.board article>div{flex-wrap:wrap;gap:6px;font-size:9px}.board article em{font-size:8px}.preview-top{font-size:10px}.preview-panel h2{font-size:16px}.float-note{display:none}.orbit{width:250px;height:130px;left:0;max-width:100%}.orbit-two{right:0;left:auto}.preview-caption{font-size:10px;line-height:1.6}.journey{padding-top:50px;padding-bottom:40px}.section-title{font-size:36px;margin-bottom:30px}.journey-banner{grid-template-columns:1fr;gap:12px;padding:28px;min-height:0}.journey-banner h3{font-size:30px}.journey-banner p{font-size:16px}.journey-banner img{max-height:210px}.feature-columns{grid-template-columns:1fr;gap:28px;margin:32px 8px}.feature-columns article{display:grid;grid-template-columns:52px 1fr;gap:0 16px}.feature-icon{grid-row:1/4;width:48px;height:48px;font-size:14px}.feature-columns h3{margin:0 0 10px;font-size:22px}.feature-columns p{font-size:15px;margin-bottom:12px}.cta{padding:44px 20px}.cta h2{font-size:33px}.site-footer{padding:28px 22px;gap:24px}.site-footer nav{margin:0;gap:18px}.faq{margin-bottom:44px}.faq h2{font-size:28px}.faq details{font-size:15px}.product-row{grid-template-columns:1fr;gap:10px;padding-block:32px}.product-row h2{font-size:30px}.product-row li{font-size:15px}.products-hero{padding-top:30px}.plan-row{font-size:10px;gap:7px}.sample-message p{font-size:11px}.sample-message small{display:block;margin:4px 0}.product-jump{gap:7px}.product-jump a{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.orbit-one{left:0}.orbit-two{right:0}


/* Light first dashboard */
.crm-light-dashboard{min-height:315px;padding-bottom:6px}.crm-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:18px 0 14px}.dashboard-kicker,.dashboard-label{display:block;margin:0 0 6px;color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.crm-dashboard-head h2{margin:0;font-size:22px;letter-spacing:-.035em}.crm-dashboard-head h2 span{display:block;margin:5px 0 0;font-size:11px;color:var(--muted);font-weight:600}.dashboard-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9eee4;background:#f5fcf8;color:#277b5f;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap}.dashboard-status i{width:6px;height:6px;background:#4fbd92;border-radius:50%;box-shadow:0 0 0 4px #dff5e9}.crm-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px}.crm-focus-card{position:relative;overflow:hidden;min-height:132px;border:1px solid #e5e0fb;border-radius:14px;padding:16px;background:linear-gradient(135deg,#fbfaff 0%,#f4f0ff 55%,#fff4eb 100%)}.crm-focus-copy{position:relative;z-index:1;max-width:72%}.crm-focus-copy strong{display:block;font-size:17px;line-height:1.15;letter-spacing:-.025em}.crm-focus-copy p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.crm-focus-copy .preview-link{margin-top:10px;font-size:10px}.crm-pip{position:absolute;right:14px;bottom:13px;width:46px;height:34px;border-radius:15px 15px 13px 13px;background:#7966e9;box-shadow:0 7px 14px #6554e833;transform:rotate(-4deg);animation:crm-pip-float 3.4s ease-in-out infinite}.crm-pip:before{content:"";position:absolute;inset:5px 5px 7px;border-radius:11px;background:#20274b}.crm-pip-eye{position:absolute;top:14px;width:4px;height:6px;border-radius:4px;background:#b9f4dd;z-index:1}.crm-pip-eye.left{left:15px}.crm-pip-eye.right{right:15px}.crm-pip-smile{position:absolute;left:20px;top:23px;width:7px;height:3px;border-bottom:1px solid #b9f4dd;border-radius:0 0 8px 8px;z-index:1}.crm-pip-flame{position:absolute;left:20px;top:-9px;width:7px;height:11px;border-radius:70% 30% 65% 35%;background:#f3a78e;box-shadow:0 -4px 0 -1px #f7c6a7;transform:rotate(18deg);z-index:2}.crm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crm-metrics article{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;box-shadow:0 5px 16px #171b3708}.crm-metrics span,.crm-metrics small{display:block;color:var(--muted);font-size:9px;line-height:1.35}.crm-metrics strong{display:block;margin:8px 0 4px;color:var(--ink);font-size:22px;letter-spacing:-.04em}.crm-metrics small{color:#3c9878}.crm-activity-card{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;box-shadow:0 5px 16px #171b3708}.crm-card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.crm-card-heading strong{display:block;font-size:12px}.crm-chart-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.crm-chart-legend i{width:7px;height:7px;border-radius:50%;background:#8b7ae9}.crm-chart{display:block;width:100%;height:74px;margin:5px 0 0;overflow:visible}.crm-chart-area{fill:url(#crm-chart-fill)}.crm-chart-line{fill:none;stroke:#7d6be7;stroke-width:3;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:crm-chart-draw 1.4s ease-out forwards}.crm-chart-points circle{fill:#fff;stroke:#7d6be7;stroke-width:2;animation:crm-point-pop .35s ease-out both}.crm-chart-points circle:nth-child(1){animation-delay:.25s}.crm-chart-points circle:nth-child(2){animation-delay:.45s}.crm-chart-points circle:nth-child(3){animation-delay:.65s}.crm-chart-points circle:nth-child(4){animation-delay:.85s}.crm-activity-list{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:4px;border-top:1px solid #f0eff6;color:var(--ink);font-size:9px}.crm-activity-list span{display:flex;align-items:center;gap:5px}.crm-activity-list small{color:var(--muted)}.activity-dot{width:6px;height:6px;border-radius:50%}.activity-dot.mint{background:#79cfab}.activity-dot.peach{background:#f1b49a}.activity-dot.violet{background:#9b8bea}@keyframes crm-chart-draw{to{stroke-dashoffset:0}}@keyframes crm-point-pop{from{opacity:0;transform:scale(.2);transform-origin:center}to{opacity:1;transform:scale(1)}}@keyframes crm-pip-float{0%,100%{translate:0 0}50%{translate:0 -4px}}@media(max-width:760px){.crm-dashboard-head{margin-top:14px}.crm-dashboard-head h2{font-size:18px}.crm-dashboard-grid{grid-template-columns:1fr}.crm-focus-card{min-height:126px}.crm-metrics{order:2}.crm-activity-card{order:3}.crm-metrics strong{font-size:19px}.crm-activity-list{gap:7px 10px}.crm-chart{height:64px}}@media(prefers-reduced-motion:reduce){.crm-chart-line,.crm-chart-points circle,.crm-pip{animation:none!important}.crm-chart-line{stroke-dashoffset:0}}
.showcase-stage.crm-light-mode .preview-frame{border-color:#fff;box-shadow:0 24px 40px #6554e81a}.showcase-stage.crm-light-mode .preview-nav{background:#fff;color:var(--ink);border-right:1px solid var(--line)}.showcase-stage.crm-light-mode .preview-nav button{color:var(--muted)}.showcase-stage.crm-light-mode .preview-nav button:hover{background:var(--lavender)}.showcase-stage.crm-light-mode .preview-nav button[aria-pressed=true]{background:var(--violet);color:#fff}.showcase-stage.crm-light-mode .preview-nav button:focus-visible{outline-color:var(--violet)}

/* Content remains visible without JavaScript or when reduced motion is on. */
.reveal-pending{opacity:0;transform:translateY(44px) scale(.98);transition:opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal-pending.is-visible{opacity:1;transform:none}
.journey-banner{overflow:hidden;position:relative;isolation:isolate}
.ribbon-motion{position:relative;animation:ribbon-drift 8s ease-in-out infinite;animation-play-state:paused;transform-origin:center;will-change:transform}
.journey-banner.motion-in-view .ribbon-motion{animation-play-state:running}
.ribbon-motion img{position:relative;z-index:1;transition:transform .12s linear;will-change:transform}
.ribbon-motion::before{content:'';position:absolute;inset:5% 0;border-radius:50%;background:radial-gradient(ellipse,#ac9dfc44,transparent 70%);animation:graphic-glow 7s ease-in-out infinite;animation-play-state:inherit}
.showcase-stage .float-note,.showcase-stage .orbit{animation-play-state:paused}
.showcase-stage.motion-in-view .float-note,.showcase-stage.motion-in-view .orbit{animation-play-state:running}
.orbit{animation:orbit-sweep 12s ease-in-out infinite}.orbit-two{animation-delay:-6s}
.workflow{margin-top:0;margin-bottom:100px;padding:42px;border-radius:24px;background:#f7f6ff;border:1px solid #e6e1ff}
.workflow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.workflow h2{font-size:42px;letter-spacing:-.045em;margin:0 0 12px}
.workflow-heading p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;max-width:630px}
.motion-toggle{white-space:nowrap;border:1px solid #d9d3f3;background:white;border-radius:8px;min-height:40px;padding:0 16px;font-size:12px;color:var(--ink)}
.motion-toggle:disabled{color:var(--muted);cursor:default}
.flow-graphic{position:relative;margin:42px 0 30px}
.flow-line{position:absolute;left:12%;top:20px;width:76%;height:40px;overflow:visible;pointer-events:none}
.flow-base{fill:none;stroke:#dad3f7;stroke-width:3}
.flow-trace{fill:none;stroke:var(--violet);stroke-width:4;stroke-dasharray:40 110;animation:flow-current 8s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px #6554e835)}
.workflow.motion-in-view .flow-trace{animation-play-state:running}
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.flow-steps button{border:0;background:transparent;text-align:center;font-size:15px;color:var(--ink);display:flex;align-items:center;flex-direction:column;padding:0 8px}
.flow-node{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ded8f9;border-radius:18px;background:#fff;font-size:18px;font-weight:700;margin-bottom:16px;transition:transform .3s,background .3s,color .3s,box-shadow .3s}
.flow-steps button[aria-selected=true] .flow-node{background:var(--violet);color:white;box-shadow:0 12px 25px #6554e830;transform:translateY(-5px)}
.flow-steps button:hover .flow-node{transform:translateY(-5px) rotate(-5deg)}
.flow-steps small{font-size:11px;color:var(--muted);margin-top:8px}
.flow-detail{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;background:white;border-radius:14px;min-height:130px}
.flow-detail h3{margin:0 0 8px;font-size:21px;letter-spacing:-.025em}
.flow-detail p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:680px}
.flow-detail a{font-size:13px;color:var(--violet);font-weight:700;white-space:nowrap}
.home-pricing{padding-bottom:90px;scroll-margin-top:40px}.home-pricing .section-title{margin-bottom:20px}
.pricing-intro{text-align:center;color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 42px}
.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-plan{border:1px solid var(--line);border-radius:20px;padding:30px;background:white}
.home-plan.plan-platinum{border:2px solid var(--violet);background:#f7f5ff}
.home-plan h3{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}.plan-purpose{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.home-price{display:flex;flex-direction:column;gap:10px;margin:26px 0}.home-price strong{font-size:52px;letter-spacing:-.055em}.home-price span{font-size:12px;color:var(--muted)}
.home-plan .button{width:100%}.home-plan ul{list-style:none;padding:0;margin:26px 0 0}.home-plan li{font-size:13px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line)}.home-plan li::before{content:'✓';color:var(--violet);margin-right:10px}
.pricing-note{font-size:13px;line-height:1.7;color:var(--muted);text-align:center;margin-top:28px}.pricing-note a{color:var(--violet);text-decoration:underline}
html[data-motion=paused] .reveal-pending{opacity:1;transform:none}
html[data-motion=paused] .float-note,html[data-motion=paused] .orbit,html[data-motion=paused] .ribbon-motion,html[data-motion=paused] .ribbon-motion::before,html[data-motion=paused] .flow-trace{animation-play-state:paused!important}
@keyframes ribbon-drift{0%,100%{transform:translate3d(0,0,0) rotate(-2deg) scale(1)}50%{transform:translate3d(0,-18px,0) rotate(3deg) scale(1.07)}}
@keyframes graphic-glow{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.85;transform:scale(1.15)}}
@keyframes orbit-sweep{0%,100%{translate:0 0;scale:1}50%{translate:10px -12px;scale:1.06}}
@keyframes flow-current{to{stroke-dashoffset:-600}}
@media(max-width:900px){.home-plan-grid{gap:16px}.home-plan{padding:24px}.workflow{padding:32px}.workflow h2{font-size:35px}.flow-steps small{font-size:10px}.flow-detail{padding:20px}}
@media(max-width:650px){.workflow{padding:26px 20px;margin-bottom:55px}.workflow-heading{display:block}.workflow h2{font-size:30px}.workflow-heading p{font-size:14px}.motion-toggle{margin-top:20px}.flow-graphic{margin:32px 0 24px}.flow-steps{gap:2px}.flow-steps button{padding:0 2px;font-size:12px}.flow-node{width:48px;height:48px;border-radius:13px;font-size:14px}.flow-line{top:5px}.flow-steps small{font-size:9px;line-height:1.5;max-width:68px}.flow-detail{display:block;min-height:190px;padding:20px}.flow-detail h3{font-size:19px}.flow-detail p{font-size:13px;margin-bottom:16px}.home-plan-grid{grid-template-columns:1fr;gap:18px}.home-plan{padding:28px}.pricing-intro{font-size:16px}.home-pricing{padding-bottom:50px}.home-price{margin:20px 0}.ribbon-motion{animation-name:ribbon-drift-mobile}.reveal-pending{transform:translateY(26px)}}
@keyframes ribbon-drift-mobile{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.ribbon-motion img{transform:none!important}.flow-node{transform:none!important}}

.orbit{width:55%;max-width:340px;height:180px}.orbit-one{left:20px}.orbit-two{right:20px}

.site-header{position:sticky;top:0;border-bottom:1px solid #eeeef6;backdrop-filter:blur(14px)}
.board article{transition:transform .25s,box-shadow .25s}.board article:hover{transform:translateY(-4px);box-shadow:0 12px 22px #171b3712}
.orbit{animation:morph-contour 14s ease-in-out infinite}.orbit-two{animation-delay:-7s}
@keyframes morph-contour{0%,100%{border-radius:42% 58% 68% 32% / 36% 45% 55% 64%;transform:rotate(-16deg)}35%{border-radius:70% 30% 42% 58% / 65% 55% 45% 35%;transform:rotate(10deg)}70%{border-radius:28% 72% 35% 65% / 48% 28% 72% 52%;transform:rotate(-5deg)}}
.morph-section{margin-top:70px;background:#171b37;color:#fff;overflow:hidden;position:relative}
.morph-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;min-height:630px;padding-block:64px}
.morph-copy{position:relative;z-index:2}.morph-copy h2{font-size:clamp(42px,4.8vw,66px);letter-spacing:-.055em;line-height:1.05;margin:0 0 26px}.morph-copy h2 span{color:#c5b8ff}
.morph-copy>p{font-size:18px;color:#cbd0e4;line-height:1.7;max-width:440px;margin:0 0 28px}
.scene-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.scene-tabs button{background:#ffffff0c;color:#dcd9f1;border:1px solid #ffffff25;border-radius:24px;padding:11px 17px;font-size:12px;font-weight:600;transition:background .25s,color .25s}.scene-tabs button[aria-selected=true]{background:#c5b8ff;color:#171b37;border-color:#c5b8ff}.scene-tabs button:hover{border-color:#c5b8ff}
.scene-cta{background:#fff;color:#171b37}.scene-cta:hover{background:#efedff;color:#171b37}
.morph-art{position:relative;width:100%;min-width:0;aspect-ratio:600/520}.morph-canvas{display:block;width:100%;height:auto;overflow:visible;transition:filter .5s}
.morph-art[data-scene-state=projects] .morph-canvas{filter:hue-rotate(24deg)}.morph-art[data-scene-state=spaces] .morph-canvas{filter:hue-rotate(-25deg)}
.scene-ticket{position:absolute;display:flex;align-items:center;gap:13px;background:#fff;color:#171b37;padding:17px 21px;box-shadow:0 16px 38px #080a2040;border-radius:15px;animation:ticket-drift 7s ease-in-out infinite;animation-play-state:paused;max-width:85%}
.graphic-visible .scene-ticket{animation-play-state:running}.ticket-top{top:10%;left:2%;transform:rotate(-5deg)}.ticket-bottom{bottom:13%;right:0;transform:rotate(4deg);animation-delay:-3s}.ticket-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#efedff;color:#6554e8;font-weight:750;flex-shrink:0}.ticket-icon.mint{background:#e4f3ec;color:#216e50}.scene-ticket b{display:block;font-size:13px}.scene-ticket small{display:block;font-size:10px;color:#69718b;margin-top:5px;line-height:1.5}.scene-caption{font-size:10px;color:#a9abc7;position:absolute;bottom:-12px;left:0;width:100%;text-align:center}
.morph-orbits{transform-origin:300px 265px;animation:scene-orbit 35s linear infinite;animation-play-state:paused}.graphic-visible .morph-orbits{animation-play-state:running}.scene-particle{animation:particle-orbit 9s ease-in-out infinite;animation-play-state:paused}.graphic-visible .scene-particle{animation-play-state:running}.scene-particle:nth-last-child(2){animation-delay:-3s}.scene-particle:last-child{animation-delay:-6s}
.corporate-footer{background:#fff;padding-top:65px;color:#171b37}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:50px}.footer-brand p{font-size:22px;letter-spacing:-.025em;line-height:1.35;margin:24px 0;color:#171b37}.footer-demo{display:inline-flex;color:#6554e8;font-size:13px;font-weight:650;gap:18px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-grid nav h2{font-size:13px;margin:5px 0 10px;font-weight:700}.footer-grid nav a{font-size:12px;color:#666c83;line-height:1.5}.footer-grid nav a:hover{color:#6554e8}.footer-motion-toggle{font-size:11px;color:#6554e8;background:#efedff;border:0;border-radius:6px;padding:9px 12px;text-align:left}.footer-note{display:flex;gap:20px;align-items:center;background:#f6f5ff;border-radius:12px;padding:22px 26px;margin-bottom:35px}.footer-note p{font-size:14px;margin:0;color:#424765;line-height:1.6}.footer-note>a{font-size:12px;white-space:nowrap;color:#6554e8;font-weight:650;margin-left:auto}.footer-shapes{display:flex;align-items:center;gap:6px;flex-shrink:0}.footer-shapes span{width:28px;height:28px;background:#b2a3f4;border-radius:8px;animation:footer-form 9s ease-in-out infinite;animation-play-state:paused}.graphic-visible .footer-shapes span{animation-play-state:running}.footer-shapes span:nth-child(2){background:#91d9bb;animation-delay:-2s}.footer-shapes span:nth-child(3){background:#f1c9ad;animation-delay:-4s}.footer-shapes span:nth-child(4){background:#8e83cb;animation-delay:-6s}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:11px;color:#777d93;padding:24px 0 32px;border-top:1px solid #e7e8f1}.footer-bottom small{font-size:11px}.footer-bottom>div{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a:hover{color:#6554e8}
html[data-motion=paused] .scene-ticket,html[data-motion=paused] .morph-orbits,html[data-motion=paused] .scene-particle,html[data-motion=paused] .footer-shapes span{animation-play-state:paused!important}
@keyframes ticket-drift{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes scene-orbit{to{rotate:360deg}}
@keyframes particle-orbit{0%,100%{translate:0 0;opacity:.65}50%{translate:12px -16px;opacity:1}}
@keyframes footer-form{0%,100%{border-radius:8px;rotate:0deg}33%{border-radius:50%;rotate:90deg}66%{border-radius:3px 14px 3px 14px;rotate:180deg}}
@media(max-width:1000px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-brand{grid-row:span 2}.morph-copy h2{font-size:48px}.scene-ticket{padding:14px;gap:10px}.scene-ticket b{font-size:12px}}
@media(max-width:650px){.morph-section{margin-top:44px}.morph-layout{grid-template-columns:1fr;gap:28px;padding-block:44px;min-height:0}.morph-copy h2{font-size:46px}.morph-copy>p{font-size:16px;max-width:none}.scene-tabs button{padding:10px 12px;font-size:11px}.morph-art{max-width:430px;margin:auto}.scene-ticket{padding:12px;max-width:85%;gap:8px}.ticket-icon{width:28px;height:28px;border-radius:8px}.scene-ticket b{font-size:10px}.scene-ticket small{font-size:9px}.ticket-top{top:5%;left:0}.ticket-bottom{right:0;bottom:12%}.scene-caption{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-brand p{font-size:25px}.corporate-footer{padding-top:42px}.footer-grid nav a{font-size:12px}.footer-note{flex-wrap:wrap;gap:16px;padding:20px}.footer-note p{width:100%;font-size:13px}.footer-note>a{margin:0}.footer-bottom{font-size:10px;gap:20px}.footer-bottom>div{gap:14px}.morph-copy .scene-cta{min-height:46px}}
@media(prefers-reduced-motion:reduce){.morph-canvas{transition:none}.scene-ticket,.morph-orbits,.scene-particle,.footer-shapes span{animation:none!important}}

.feature-art{width:100%;height:140px;background:#faf9ff;border-radius:17px;margin-bottom:22px;overflow:hidden}.feature-art svg{display:block;width:100%;height:100%}.feature-art-projects{background:#f5faf7}.feature-art-documents{background:#fffbf7}.feature-satellite{animation:feature-pulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;animation-play-state:paused}.feature-satellite:last-of-type{animation-delay:-2.5s}.graphic-visible .feature-satellite,.graphic-visible .feature-progress,.graphic-visible .feature-doc-front,.graphic-visible .feature-doc-back{animation-play-state:running}.feature-progress{stroke-dasharray:116;animation:feature-draw 7s ease-in-out infinite;animation-play-state:paused}.feature-doc-front{animation:doc-slide 7s ease-in-out infinite;animation-play-state:paused}.feature-doc-back{animation:doc-slide 7s ease-in-out infinite reverse;animation-play-state:paused}html[data-motion=paused] .feature-art *{animation-play-state:paused!important}@keyframes feature-pulse{50%{scale:1.17}}@keyframes feature-draw{0%,100%{stroke-dashoffset:90}50%{stroke-dashoffset:0}}@keyframes doc-slide{50%{translate:8px -5px}}@media(max-width:760px){.feature-columns .feature-art{grid-column:1/-1;height:150px;margin-bottom:18px}.feature-columns h3,.feature-columns p,.feature-columns a{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.feature-art *{animation:none!important}}

#main,#plans,#how-it-works,.product-row{scroll-margin-top:116px}@media(max-width:760px){#main,#plans,#how-it-works,.product-row{scroll-margin-top:92px}}

.pip-slot{width:200px;max-width:100%;margin:0 auto;line-height:0}
.pip-slot svg{display:block;width:100%;height:auto;overflow:visible}
.pip-slot svg{transform-origin:50% 60%;transition:transform .16s ease-out}
.pip-slot,.auth-art,.float-note,.feature-art,.morph-card{transition:translate .24s ease-out,rotate .24s ease-out}
.pip-welcome{animation:pip-peek .5s ease-out both}
html[data-motion=paused] .pip-float,html[data-motion=paused] .pip-tail,html[data-motion=paused] .pip-eye{animation-play-state:paused!important}
#pip-login{margin:0 auto 12px}
.pip-empty{margin-bottom:12px}
.pip-celebration{position:fixed;right:24px;bottom:24px;z-index:1100;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--line,#d8ddeb);border-radius:20px;background:var(--card,#fff);color:var(--ink,#182035);box-shadow:0 12px 36px #0002;text-align:center;pointer-events:none}
.pip-celebration p{margin:8px 0 0;line-height:1.5}
@media(max-width:979px){.pip-slot{width:120px}#pip-login{margin-bottom:8px}.pip-celebration{right:16px;bottom:16px}}
.hero{position:relative}
.pip-welcome{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 24px;max-width:430px;text-align:left}
.pip-welcome .pip-slot{flex:0 0 200px;margin:0}
.pip-bubble{position:relative;background:#fff;color:#182035;border:1px solid #d8ddeb;border-radius:20px;padding:18px 28px 18px 18px;box-shadow:0 8px 28px #29225d0d;font-size:16px}
.pip-bubble p{font-size:16px;line-height:1.5;margin:0 0 8px}
.pip-bubble a{font-weight:700;color:#5044cf;white-space:nowrap}
.pip-bubble button{position:absolute;right:0;top:0;min-width:32px;min-height:32px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:22px}
.feature-columns>article{position:relative}
.feature-art{position:relative;overflow:hidden}
.pip-card-peek{position:absolute;right:10px;bottom:0;width:140px;height:84px;overflow:hidden;pointer-events:none;animation:pip-card-rise .4s ease-out both;z-index:2}
.feature-art .pip-card-peek svg{width:140px;height:146px;max-width:none;animation:pip-scan 3.8s ease-in-out infinite;transform-origin:50% 65%}
@keyframes pip-card-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes pip-scan{0%,100%{transform:perspective(500px) rotateY(-14deg) rotateZ(-3deg)}50%{transform:perspective(500px) rotateY(14deg) rotateZ(3deg)}}
html[data-motion=paused] .pip-card-peek svg{animation-play-state:paused!important}
@keyframes pip-peek{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:979px){.pip-welcome .pip-slot{flex-basis:120px}.pip-welcome{gap:4px}.pip-bubble{padding:14px 26px 14px 14px}}
@media(prefers-reduced-motion:reduce){.pip-arm,.pip-ant,.pip-ear{transition:none!important}.pip-card-peek{animation:none}}
@media(prefers-reduced-motion:reduce){.pip-slot,.auth-art,.float-note,.feature-art,.morph-card{transition:none!important}.pip-welcome{animation:none}}
@media(prefers-reduced-motion:reduce){.pip-slot svg{transition:none!important}.pip-card-peek svg{animation:none!important}}

/* Product demonstrations and continuous brand motion. */
.preview-nav button{font:inherit;text-align:left;border:0;background:transparent;color:#e8e9fa;padding:12px 15px;border-radius:9px;cursor:pointer;width:100%}
.preview-nav button:hover{background:#ffffff15}.preview-nav button[aria-pressed=true]{background:#6652e6;color:white}
.preview-nav button:focus-visible{outline:3px solid #b9adff;outline-offset:2px}
.preview-panel:not([hidden]){animation:demo-enter .45s ease both}.preview-panel{min-height:315px}
.preview-panel:not([hidden]) .board article,.preview-panel:not([hidden]) .plan-row,.preview-panel:not([hidden]) .sample-message,.preview-panel:not([hidden]) .demo-document{animation:demo-enter .6s both}
.preview-panel:not([hidden]) :is(article,.plan-row,.sample-message,.demo-document):nth-child(2){animation-delay:.1s}
.preview-panel:not([hidden]) :is(article,.plan-row,.sample-message,.demo-document):nth-child(3){animation-delay:.2s}
.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 30px}.demo-summary article{background:#f5f4fa;padding:18px;border-radius:12px;display:grid;gap:10px}.demo-summary strong{font-size:28px}.demo-summary small,.demo-summary span{color:var(--muted);font-size:12px}
.demo-progress{display:grid;grid-template-columns:150px 1fr 40px;gap:15px;align-items:center;margin:18px 0;font-size:12px}.demo-progress i{height:10px;border-radius:9px;background:#eeebfc;overflow:hidden}.demo-progress i:after{content:'';display:block;height:100%;width:var(--progress);background:#8f7aee;border-radius:9px;transform-origin:left;animation:demo-bar 4s ease-in-out infinite}
.demo-document{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.demo-document p{font-size:13px;color:var(--muted);margin:8px 0}.demo-document .sample-chip{margin-left:auto}.document-icon{padding:15px;background:#eeeafd;border-radius:12px;color:#6452cd;font-weight:800}
@keyframes demo-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes demo-bar{0%,100%{transform:scaleX(.86)}50%{transform:scaleX(1)}}
.journey-banner{position:relative;isolation:isolate;overflow:hidden;min-height:310px}.journey-banner>div:first-child{position:relative;z-index:2}.journey-banner .ribbon-flow{position:absolute;inset:0;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent 12%,#0001 35%,#000 60%);overflow:hidden}
.ribbon-track{height:100%;width:max-content;display:flex;align-items:center;animation:ribbon-conveyor 16s linear infinite}.ribbon-track img{width:680px;height:450px;max-width:none;flex:0 0 680px;object-fit:contain}.ribbon-track img+img{margin-left:-60px}
@keyframes ribbon-conveyor{from{transform:translateX(-620px)}to{transform:translateX(0)}}
.orbital-dot{offset-path:path('M 56 86 C 35 37 203 5 224 44 C 245 93 77 125 56 86');offset-position:0px 0px;offset-anchor:0px 0px;animation:crm-orbit 8s linear infinite}.orbital-b{animation-delay:-4s}.orbital-c{animation-delay:-2s;animation-duration:12s}@keyframes crm-orbit{to{offset-distance:100%}}
.flow-segment{fill:none;stroke:#6951e8;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1;animation:connect-one 12s linear infinite}.flow-segment-2{animation-name:connect-two}.flow-segment-3{animation-name:connect-three}
@keyframes connect-one{0%{stroke-dashoffset:1}19%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
@keyframes connect-two{0%,25%{stroke-dashoffset:1}44%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
@keyframes connect-three{0%,50%{stroke-dashoffset:1}69%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
.flow-node{position:relative}.flow-node:after{content:'';position:absolute;inset:-3px;border:2px solid #aa96f4;border-radius:inherit;opacity:0;animation:node-arrive 12s linear infinite}.flow-steps button:nth-child(2) .flow-node:after{animation-delay:2.3s}.flow-steps button:nth-child(3) .flow-node:after{animation-delay:5.3s}.flow-steps button:nth-child(4) .flow-node:after{animation-delay:8.3s}
@keyframes node-arrive{0%{opacity:.8;transform:scale(1)}7%{opacity:0;transform:scale(1.45)}8%,100%{opacity:0}}
.flow-graphic:after{content:'';position:absolute;inset:-12px 5% 28px;border:1px solid #b6a5f3;border-radius:24px;pointer-events:none;animation:journey-complete 12s linear infinite;opacity:0}.flow-graphic{position:relative}@keyframes journey-complete{75%{opacity:0;transform:scale(.99)}79%{opacity:.65}88%,100%{opacity:0;transform:scale(1.04)}}
.flow-node:before{content:'';position:absolute;inset:-3px;border:2px solid #aa96f4;border-radius:inherit;opacity:0;animation:all-arrive 12s linear infinite}@keyframes all-arrive{75%{opacity:.8;transform:scale(1)}84%,100%{opacity:0;transform:scale(1.4)}}
.homepage-pricing{text-align:center;padding:80px 24px;position:relative}.homepage-pricing .section-copy{max-width:760px;margin:0 auto 26px;line-height:1.7;font-size:18px;color:var(--muted)}.homepage-pricing .actions{justify-content:center}.homepage-pricing .section-title{margin-bottom:30px}.free-connected{display:flex;align-items:center;justify-content:center;max-width:680px;margin:48px auto 0;gap:12px}.free-connected span{padding:16px 20px;border-radius:14px;background:#f1eefe;font-weight:650;font-size:14px;white-space:nowrap}.free-connected i{flex:1;height:2px;background:#ded5fc;position:relative;overflow:hidden;min-width:18px}.free-connected i:after{content:'';position:absolute;width:14px;height:2px;background:#6c51de;animation:signal 2s linear infinite}.free-connected i:nth-of-type(2):after{animation-delay:.6s}.free-connected i:nth-of-type(3):after{animation-delay:1.2s}@keyframes signal{from{left:-20px}to{left:100%}}
.cta{position:relative;padding-top:40px}.pip-cta{margin:0 auto 10px;width:160px}.pip-card-peek{height:90px}
@media(max-width:700px){.preview-nav{display:flex!important;flex-direction:row;overflow:auto;width:auto;padding:10px!important;gap:3px}.preview-nav img{display:none}.preview-nav button{white-space:nowrap;width:auto;font-size:11px;padding:10px 8px;flex:1}.preview-frame{display:flex;flex-direction:column}.demo-summary{gap:6px}.demo-summary article{padding:10px}.demo-summary strong{font-size:21px}.demo-summary span{font-size:10px}.demo-progress{grid-template-columns:110px 1fr 30px;gap:8px}.preview-panel{min-height:330px}.demo-document{gap:8px;padding:12px 0}.demo-document .sample-chip{display:none}.homepage-pricing{padding:50px 20px}.homepage-pricing .section-copy{font-size:16px}.free-connected{gap:5px}.free-connected span{padding:12px 8px;font-size:11px}.free-connected i{min-width:5px}.journey-banner{padding-bottom:170px!important}.journey-banner .ribbon-flow{mask-image:linear-gradient(180deg,transparent 28%,#000 85%)}.ribbon-track{align-items:flex-end}.ribbon-track img{height:280px;width:440px;flex-basis:440px}.ribbon-track img+img{margin-left:-60px}@keyframes ribbon-conveyor{from{transform:translateX(-380px)}to{transform:translateX(0)}}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.orbital-dot,.flow-segment,.flow-node:after,.flow-node:before,.flow-graphic:after,.free-connected i:after,.demo-progress i:after,.preview-panel,.preview-panel *{animation:none!important}.orbital-a{offset-distance:0%}.orbital-b{offset-distance:50%}.orbital-c{offset-distance:75%}.flow-segment{stroke-dashoffset:0}}

.pip-welcome-anchor{min-height:249px}.pip-welcome-anchor .pip-welcome{margin-top:16px;margin-bottom:24px}@media(max-width:979px){.pip-welcome-anchor{min-height:168px}}

/* Seamless vector conveyor and nine-second milestone sequence. */
.ribbon-track{animation:ribbon-seamless 12s linear infinite}.ribbon-track svg{width:600px;height:240px;flex:0 0 600px;max-width:none;overflow:visible}@keyframes ribbon-seamless{from{transform:translateX(-600px)}to{transform:translateX(0)}}
.flow-segment{animation-duration:9s;animation-name:fast-one}.flow-segment-2{animation-name:fast-two}.flow-segment-3{animation-name:fast-three}
@keyframes fast-one{0%{stroke-dashoffset:1}11.11%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
@keyframes fast-two{0%,16.66%{stroke-dashoffset:1}27.77%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
@keyframes fast-three{0%,33.33%{stroke-dashoffset:1}44.44%,94%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:1}}
.flow-node{--node-bg:#fff;--node-ink:var(--ink);animation:milestone-one 9s linear infinite,finish-shake 9s linear infinite}.flow-steps button[aria-selected=true] .flow-node{--node-bg:var(--violet);--node-ink:#fff}.flow-steps button:nth-child(2) .flow-node{animation-name:milestone-two,finish-shake}.flow-steps button:nth-child(3) .flow-node{animation-name:milestone-three,finish-shake}.flow-steps button:nth-child(4) .flow-node{animation-name:milestone-four,finish-shake}
@keyframes milestone-one{0%,5.55%,55.55%,88.88%{background:#ec70ad;color:#35152a}11.11%,50%,94.44%,100%{background:var(--node-bg);color:var(--node-ink)}}
@keyframes milestone-two{0%,11.11%,27.77%,50%,94.44%,100%{background:var(--node-bg);color:var(--node-ink)}16.66%,22.22%,55.55%,88.88%{background:#ec70ad;color:#35152a}}
@keyframes milestone-three{0%,27.77%,44.44%,50%,94.44%,100%{background:var(--node-bg);color:var(--node-ink)}33.33%,38.88%,55.55%,88.88%{background:#ec70ad;color:#35152a}}
@keyframes milestone-four{0%,44.44%,94.44%,100%{background:var(--node-bg);color:var(--node-ink)}50%,55.55%,88.88%{background:#ec70ad;color:#35152a}}
@keyframes finish-shake{0%,55.55%,88.88%,100%{transform:translateX(0) scale(1)}58%,64%,70%,76%,82%{transform:translateX(-2px) rotate(-2deg) scale(1.06)}61%,67%,73%,79%,85%{transform:translateX(2px) rotate(2deg) scale(.98)}}
.flow-node:after{animation:none}.flow-node:before{animation:finish-ring 9s linear infinite}.flow-graphic:after{animation:none}@keyframes finish-ring{0%,55.55%,66.66%,77.77%,88.88%,100%{opacity:0;transform:scale(1)}57%,68%,79%{opacity:.7}65%,76%,87%{opacity:0;transform:scale(1.45)}}
.feature-columns>article{--hover-card:#eee9ff;transition:background .2s,box-shadow .2s;border-radius:18px}.feature-columns>article:nth-child(2){--hover-card:#e2f5ed}.feature-columns>article:nth-child(3){--hover-card:#fff0e5}.feature-columns>article:hover,.feature-columns>article:focus-within{background:var(--hover-card);box-shadow:0 0 0 12px var(--hover-card)}
@media(prefers-reduced-motion:reduce){.flow-node,.flow-node:before,.ribbon-track{animation:none!important}.feature-columns>article{transition:none}}

.contact-page{max-width:760px;padding:80px 24px}.contact-page h1{font-size:clamp(32px,5vw,52px)}.contact-page form{margin-top:32px;padding:28px;border:1px solid #e3e5ee;border-radius:24px;background:#f8f9fc}.contact-page label{display:grid;gap:8px;font-weight:600;margin-bottom:20px}.contact-names{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-page input,.contact-page textarea{width:100%;box-sizing:border-box;font:inherit;padding:14px;border:1px solid #b9bfd0;border-radius:10px;background:white;color:#20233f}.contact-page textarea{resize:vertical}.contact-page :is(input,textarea):focus-visible{outline:3px solid #c9bfff;outline-offset:2px}.contact-note{font-size:14px;line-height:1.6;color:#626b83}#contact-bot{margin:20px 0}#contact-status{min-height:1.5em}@media(max-width:600px){.contact-names{grid-template-columns:1fr;gap:0}.contact-page{padding:40px 18px}.contact-page form{padding:18px}}

.ribbon-flow{animation:ribbon-wobble 5s ease-in-out infinite;transform-origin:70% 50%}@keyframes ribbon-wobble{0%,100%{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(5px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.ribbon-flow{animation:none}}

/* Homepage showcase: a light, layered handoff scene. */
.showcase-stage .preview-frame{border:1px solid #e8e4f3;background:#fff;box-shadow:0 30px 70px #5f4f9c16}
.showcase-stage .preview-nav{background:#fff;color:var(--ink);border-right:1px solid var(--line)}
.showcase-stage .preview-nav button{color:var(--muted)}
.showcase-stage .preview-nav button:hover{background:var(--lavender)}
.showcase-stage .preview-nav button[aria-pressed=true]{background:var(--violet);color:#fff}
.showcase-stage .preview-nav button:focus-visible{outline-color:var(--violet)}
.showcase-stage .preview-content{min-width:0}
.showcase-stage .float-note{display:none}
.work-motion{--scene-x:0deg;--scene-y:0deg;--scene-scroll:0px;padding:22px 0 0;text-align:left;overflow:hidden}
.work-motion-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:2}
.work-overline{font-size:10px!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#7862c7!important;margin:0 0 12px!important}
.work-motion .work-motion-heading h2{font-size:clamp(26px,3.1vw,43px);line-height:1.06;letter-spacing:-.05em;margin:0;font-weight:750}
.work-motion .work-motion-heading h2 span{display:inline;color:#8465df;font-size:inherit;font-weight:inherit;margin:0}
.work-motion-heading p{font-size:12px;line-height:1.6;color:#77778f;margin:12px 0 0}
.work-play{flex-shrink:0;border:1px solid #e6e1f0;border-radius:30px;padding:10px 13px;background:#fff;color:#4c4567;font:600 10px/1.2 inherit;cursor:pointer;display:flex;gap:12px;align-items:center;transition:background .2s,transform .2s}
.work-play:hover{background:#f1ecff;transform:translateY(-2px)}
.work-play:focus-visible,.work-tile:focus-visible{outline:3px solid #a18af3;outline-offset:4px}
.work-scene{position:relative;height:330px;perspective:1100px;margin-top:-6px;isolation:isolate}
.work-floor{position:absolute;inset:20% -10% -15%;background:radial-gradient(ellipse at 50% 60%,#e8defa88,transparent 65%),repeating-linear-gradient(90deg,transparent 0 49px,#cfc7e522 50px 51px),repeating-linear-gradient(0deg,transparent 0 49px,#cfc7e522 50px 51px);transform:rotateX(60deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-2}
.work-streams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 9px #a895e577);z-index:-1}
.stream-halo{stroke-width:22;opacity:.14;filter:blur(8px)}
.stream-wire{stroke-width:2;opacity:.7}.stream-wire.second{opacity:.23;stroke-width:1}
.stream-signal{stroke-width:5;stroke-linecap:round;stroke-dasharray:45 1300;animation:work-travel 2.6s linear infinite}
.work-rail{position:absolute;top:24px;left:2%;right:2%;display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.12em;color:#9891aa;font-weight:700}
.work-tiles{position:absolute;inset:80px 0 28px;display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:center;gap:12px;transform-style:preserve-3d;transform:rotateX(var(--scene-y)) rotateY(var(--scene-x)) translateY(var(--scene-scroll));transition:transform .08s linear}
.work-tile{min-width:0;position:relative;display:block;text-align:left;border:1px solid #e8e1f3;border-radius:14px;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 15px 30px #66558a15,0 2px 2px #fff inset;padding:16px 13px;color:#242139;cursor:pointer;transform-style:preserve-3d;transition:transform .25s,border-color .25s,box-shadow .25s}
.work-client{transform:translateY(12px) rotateY(9deg) rotateZ(-4deg)}
.work-project{transform:translateY(-22px) translateZ(30px);background:linear-gradient(155deg,#fff,#f2ecff)}
.work-delivery{transform:translateY(18px) rotateY(-10deg) rotateZ(4deg)}
.work-tile[aria-pressed=true]{border-color:#a88ce9;box-shadow:0 22px 38px #9474cb29,0 0 0 3px #d5c3fb30}
.work-tile:hover{transform:translateY(-30px) translateZ(45px);border-color:#a88ce9}
.work-tile-top{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.06em;color:#8c849a;font-weight:750;white-space:nowrap}
.work-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;font-style:normal;font-size:15px}
.work-symbol.mint{background:#e1f4eb;color:#3a9871}.work-symbol.purple{background:#ece4ff;color:#8964db}.work-symbol.peach{background:#ffebdf;color:#ce8c65}
.work-light{margin-left:auto;width:5px;height:5px;background:#c6bfd1;border-radius:50%}
.work-tile[aria-pressed=true] .work-light{background:#a386e0;box-shadow:0 0 0 4px #cfbdf333}
.work-tile>strong{display:block;font-size:clamp(12px,1.2vw,17px);line-height:1.3;letter-spacing:-.03em;margin:16px 0 5px}
.work-subtitle{display:block;font-size:9px;color:#938a9e;line-height:1.5}
.work-tile-row{display:flex;justify-content:space-between;background:#ecf7f1;color:#4b9475;border-radius:7px;padding:9px 8px;font-size:8px;margin:20px 0 12px}
.work-tile-foot{display:flex;align-items:center;gap:5px;border-top:1px solid #eae5f2;padding-top:10px;margin-top:13px;font-size:8px;color:#8d839a;line-height:1.4}
.work-tile-foot b{margin-left:auto;color:#8061c7}
.work-avatar{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:7px;font-style:normal;background:#e4f0eb;color:#6a9b87}
.work-mini-task{display:flex;gap:6px;align-items:center;font-size:9px;margin-top:13px;color:#716780}.work-mini-task i{font-style:normal;color:#9f7be8}.work-mini-task small{margin-left:auto;font-size:7px;color:#9c92a9}
.work-progress{display:block;margin-top:16px;height:4px;background:#e7dff3;border-radius:6px;overflow:hidden}.work-progress i{display:block;height:100%;width:72%;background:#aa8adb;border-radius:6px;animation:work-progress 5s ease-in-out infinite}
.work-file{display:flex;gap:7px;align-items:center;margin-top:20px;font-size:9px;padding:10px 0}.work-file>span:first-child{font-size:24px;color:#c79b85}.work-file small{display:block;margin-top:4px;color:#a79caa;font-size:8px}.work-file b{margin-left:auto;color:#82b89e}
.work-orb{position:absolute;border-radius:50%;width:18px;height:18px;box-shadow:inset -4px -5px 8px #00000016,inset 3px 3px 4px #ffffffbb;animation:work-float 3s ease-in-out infinite;pointer-events:none}.work-orb-mint{left:7%;bottom:26px;background:#a8e3cd}.work-orb-peach{right:6%;top:50px;width:12px;height:12px;background:#f7c5a8;animation-delay:-1.5s}
.work-scene-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #eee9f5;padding:14px 0 3px}.work-status{font-size:10px;margin:0;color:#897998}.work-scene-footer .preview-link{margin:0;font-size:10px}
@keyframes work-travel{from{stroke-dashoffset:1345}to{stroke-dashoffset:0}}
@keyframes work-progress{0%,100%{width:48%}50%{width:72%}}
@keyframes work-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.work-motion[data-paused=true] *,.work-motion[data-paused=true] path,html[data-motion=paused] .work-motion *{animation-play-state:paused!important}
@media(max-width:760px){.work-motion{padding-top:16px}.work-motion-heading{gap:8px}.work-motion .work-motion-heading h2{font-size:29px}.work-motion-heading p{font-size:11px}.work-play{padding:9px;font-size:9px}.work-scene{height:540px;margin-top:16px}.work-rail{display:none}.work-tiles{inset:0 10% 10px;grid-template-columns:1fr;gap:18px;align-content:start}.work-tile{padding:13px 16px}.work-client{transform:translateX(-15px) rotateZ(-3deg)}.work-project{transform:translateX(12px)}.work-delivery{transform:translateX(-8px) rotateZ(3deg)}.work-tile>strong{margin:8px 0 4px;font-size:16px}.work-tile-row,.work-file{margin:9px 0 0}.work-tile-foot{margin-top:9px;padding-top:7px}.work-mini-task{margin-top:8px}.work-progress{margin-top:10px}.work-scene-footer{align-items:flex-start;flex-direction:column;gap:8px}.work-streams{transform:rotate(70deg);height:100%;width:170%;left:-30%}}
@media(prefers-reduced-motion:reduce){.work-motion *{animation:none!important;transition:none!important}.work-tiles{transform:none!important}}
.work-play{font-family:inherit;font-size:10px;font-weight:600;line-height:1.2}@media(max-width:760px){.work-scene{height:660px}}