@view-transition{navigation:auto}
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#7a20ef,#f294d2);z-index:90;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.site-header nav a{position:relative;padding-block:6px}.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:2px;background:#8e4edc;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after,.site-header nav a.is-current:after{transform:scaleX(1)}
.motion-enabled .button{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}.motion-enabled .button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6517c51a}.motion-enabled .plan-card,.motion-enabled .story-card,.motion-enabled .resource-card{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.motion-enabled .plan-card:hover,.motion-enabled .story-card:hover,.motion-enabled .resource-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #5b268712;border-color:#c8a8e7}.motion-enabled .story-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.motion-enabled .story-card:hover .story-photo img{transform:scale(1.035)}.motion-enabled .faq-items details::details-content,.motion-enabled .story-more::details-content{transition:height .3s,content-visibility .3s allow-discrete;height:0;overflow:clip}.motion-enabled .faq-items details[open]::details-content,.motion-enabled .story-more[open]::details-content{height:auto}.motion-enabled .faq-items summary>span{transition:transform .25s}.motion-enabled .process-tab{transition:background .25s,color .25s,box-shadow .25s,transform .25s}.motion-enabled .process-tab:hover{transform:translateY(-2px)}
@supports(interpolate-size:allow-keywords){.faq-items details,.story-more{interpolate-size:allow-keywords}}
.resources-section{padding-top:75px;padding-bottom:55px}.resources-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.resources-heading h2{font-size:42px;font-weight:500;letter-spacing:-1.5px;margin-bottom:0}.resources-heading>p{font-size:14px;color:#8a7898;max-width:320px;line-height:1.8;margin-bottom:0}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{display:flex;flex-direction:column;background:#fcfaff;border:1px solid #e8dff2;border-radius:15px;padding:27px;min-width:0}.resource-card>span{font-size:10px;letter-spacing:1px;color:#9c6bc4;font-weight:650}.resource-card h3{font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.6px;margin:20px 0 15px}.resource-card p{font-size:14px;line-height:1.8;color:#8a7899;flex:1}.resource-card a{font-size:13px;font-weight:600;color:#7b37b1;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px;min-height:36px}.resource-card a>span{font-size:20px}.guides-footer{margin-top:22px;border-top:1px solid #eee5f5;padding-top:19px;display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px;color:#826493}
.guide-main{max-width:1120px;margin:0 auto;padding:45px 42px 85px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:#9c8ca8;font-size:12px;margin-bottom:40px}.breadcrumbs a{color:#7f46ad}.guide-hero{max-width:880px;margin-bottom:50px}.guide-hero h1{font-size:clamp(38px,5vw,61px);font-weight:500;letter-spacing:-2.5px;line-height:1.1;margin:20px 0 24px}.guide-hero>p{font-size:17px;line-height:1.8;color:#7c6f86;max-width:760px}.guide-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#a18cac;margin-top:22px}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px;align-items:start}.guide-article{min-width:0}.guide-article section{scroll-margin-top:120px;margin-bottom:42px}.guide-article h2{font-size:30px;font-weight:550;letter-spacing:-1px;line-height:1.25;margin:0 0 20px}.guide-article h3{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:27px 0 13px}.guide-article p,.guide-article li{font-size:15px;line-height:1.95;color:#796c83}.guide-article ul,.guide-article ol{padding-left:22px}.guide-article li{padding-left:4px;margin:10px 0}.guide-article a{color:#7b35b1;text-decoration:underline;text-underline-offset:3px}.guide-article strong{color:#4e385e;font-weight:600}.guide-callout{padding:23px;background:#f7f0ff;border:1px solid #e9d9fa;border-radius:12px;margin:25px 0}.guide-callout p:last-child{margin-bottom:0}.guide-callout p{font-size:14px}.guide-example{background:#fbf9fe;border-left:3px solid #c79eec;padding:20px 22px;margin:22px 0}.guide-example p{font-size:14px;margin:0 0 10px}.guide-example p:last-child{margin:0}.guide-toc{position:sticky;top:115px;border:1px solid #e8deef;border-radius:13px;background:#fcfaff;padding:23px}.guide-toc>strong{font-size:13px;display:block;margin-bottom:17px}.guide-toc nav{display:flex;flex-direction:column;gap:12px}.guide-toc nav a{font-size:12px;color:#937aa5;line-height:1.7}.guide-toc nav a:hover{color:#6e16ee}.guide-toc .button{margin-top:25px;font-size:12px;padding:13px;width:100%}.guide-toc>p{font-size:11px;color:#ad98bb;line-height:1.8;margin:15px 0 0}.guide-cta{padding:32px;background:#28153a;border-radius:16px;margin-top:55px;color:#fff}.guide-cta h2{font-size:30px;font-weight:500;letter-spacing:-1px;color:#fff;margin-bottom:15px}.guide-cta p{font-size:14px;line-height:1.8;color:#d4bedf;max-width:660px}.guide-cta .button{background:#fff;color:#6e16ee;border-color:#fff;margin-top:10px}.guide-related{margin-top:45px}.guide-related>h2{font-size:25px;font-weight:550}.guide-related .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-source{border-top:1px solid #e9e0f2;padding-top:20px;margin-top:35px}.guide-source p{font-size:12px;color:#a28bb1}
@keyframes pm-soft-float{50%{transform:translateY(-10px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.motion-enabled .button,.motion-enabled .plan-card,.motion-enabled .story-card,.motion-enabled .resource-card,.motion-enabled .story-photo img,.motion-enabled .process-tab,.motion-enabled .site-header nav a:after{transition-duration:.25s!important;animation:none!important}.motion-enabled .art-arrow{animation:pm-soft-float 8s ease-in-out infinite!important}.motion-enabled .art-orb{animation:pm-soft-float 10s ease-in-out infinite!important}}
.motion-paused *{transition:none!important;animation-play-state:paused!important}
@media(max-width:900px){.guide-grid{grid-template-columns:minmax(0,1fr);gap:30px}.guide-toc{position:static;grid-row:1;display:block}.guide-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.guide-toc .button,.guide-toc>p{display:none}.resources-grid{gap:14px}.resource-card{padding:23px}.resource-card h3{font-size:20px}}
@media(max-width:700px){.resources-heading{display:block}.resources-heading h2{font-size:33px}.resources-heading>p{margin-top:17px;max-width:100%;font-size:13px}.resources-grid{grid-template-columns:1fr;gap:17px}.resource-card{padding:25px;min-height:230px}.resource-card h3{font-size:24px;margin-top:15px}.resources-section{padding-top:55px;padding-bottom:20px}.guide-main{padding:30px 22px 60px}.breadcrumbs{font-size:11px;margin-bottom:28px}.guide-hero h1{font-size:39px;letter-spacing:-1.7px}.guide-hero>p{font-size:15px}.guide-hero{margin-bottom:32px}.guide-meta{font-size:11px;gap:8px 15px}.guide-toc{padding:20px}.guide-toc nav{grid-template-columns:1fr}.guide-article h2{font-size:27px}.guide-article p,.guide-article li{font-size:14px}.guide-article section{margin-bottom:35px}.guide-cta{padding:27px 23px}.guide-cta h2{font-size:27px}.guide-related .resources-grid{grid-template-columns:1fr}.guides-footer{font-size:12px;gap:12px}.motion-toggle{font-size:10px;left:11px;bottom:11px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .button,.motion-enabled .plan-card,.motion-enabled .story-card,.motion-enabled .resource-card,.motion-enabled .process-tab{transition:transform .3s ease,background .25s ease,box-shadow .3s ease,border-color .3s ease!important}.motion-enabled .story-photo img{transition:transform .7s ease!important}.motion-enabled .site-header nav a:after{transition:transform .25s ease!important}}
/* Public, local-only walkthrough of the client panel. */
.demo-cv{display:grid;gap:6px;padding:16px;border-radius:14px;background:#f5f2ff;margin:18px 0;color:#402470}.demo-cv small{font-size:14px;line-height:1.5}.demo-opportunity{padding:20px;border:1px solid #e6ddf4;border-radius:18px}.demo-opportunity h3{font-size:24px;margin:14px 0 8px}.demo-opportunity p{font-size:16px;line-height:1.6}.demo-opportunity .button{width:100%;white-space:normal;text-align:center}.demo-opportunity .button:disabled{opacity:.75;cursor:default}.demo-timeline{padding:0;list-style:none;display:grid;gap:12px;margin:22px 0}.demo-timeline li{display:flex;gap:10px;align-items:center;font-size:15px;color:#6b6476}.demo-timeline li:before{content:'○';font-size:20px}.demo-timeline li.is-done{color:#56319c}.demo-timeline li.is-done:before{content:'✓'}.story-content>p{font-size:16px;line-height:1.7}.service-conditions{background:#f7f4fc;border-radius:26px;padding:36px;margin-top:25px;margin-bottom:45px}.conditions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.conditions-grid h3{font-size:20px}.conditions-grid p{font-size:16px;line-height:1.65}.service-conditions h2{font-size:clamp(28px,4vw,42px)}@media(max-width:700px){.conditions-grid{grid-template-columns:1fr;gap:10px}.service-conditions{padding:24px}.workspace-preview{min-width:0}.demo-opportunity{padding:16px}}
.workspace-preview .micro{font-size:14px;line-height:1.6}.workspace-preview .text-button{font-size:15px;padding:10px 0}.workspace-preview{scroll-margin-top:110px}
