.saas-shell{max-width:1440px;margin:auto;padding:0 5%}.saas-heading{padding:50px 0 36px;max-width:860px}.saas-heading>.eyebrow{color:var(--muted);line-height:1.7}.saas-heading h1{font-size:clamp(52px,6.3vw,90px);line-height:1.05;letter-spacing:-.05em;font-weight:450;margin:24px 0}.saas-heading h1 span{color:var(--accent)}.saas-heading>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:690px;margin:0}
.product-selector{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 32px}.product-selector>a{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);background:var(--panel);transition:background .25s,border-color .25s}.selector-number{font-size:13px;color:var(--muted)}.product-selector strong{display:block;font-size:22px;font-weight:450;letter-spacing:-.5px;line-height:1.3}.product-selector small{display:block;font-size:14px;color:var(--muted);margin-top:7px}.selector-arrow{font-size:25px;color:var(--muted);margin-left:auto}.product-selector>a:hover{border-color:var(--accent)}.product-selector>a[aria-selected=true]{border-color:var(--accent);background:#20271d}.product-selector>a[aria-selected=true] .selector-arrow{color:var(--accent)}
.saas-project{--product-accent:#c9bcff;border:1px solid var(--line);margin-bottom:32px;scroll-margin-top:24px;background:var(--panel)}.saas-project[hidden],.workflow-panel[hidden]{display:none}.saas-ready .saas-project{animation:project-enter .35s ease both}.coaching-project{--product-accent:#b6f590}
.product-masthead{padding:38px 44px 40px;background:linear-gradient(115deg,#22233b,#383452);border-bottom:1px solid #c9bcff35}.coaching-project .product-masthead{background:linear-gradient(115deg,#1a332c,#254b3b);border-bottom-color:#b6f59035}.product-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1.3px;color:var(--product-accent)}.product-status{letter-spacing:0;border:1px solid #ffffff45;border-radius:30px;padding:7px 13px;font-size:14px;line-height:1.4;color:var(--ink)}.product-masthead h2{font-size:clamp(42px,5vw,72px);line-height:1.12;margin:30px 0 20px;letter-spacing:-.05em;max-width:850px}.product-masthead>p{font-size:20px;line-height:1.6;max-width:750px;margin:0 0 25px;color:#e1dfe9}.product-focus{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:var(--product-accent)}
.product-story{padding:40px 44px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-story h3{font-size:18px;font-weight:500;margin:0 0 16px}.product-story p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.workflow{margin:0 44px 40px;border-top:1px solid var(--line);padding-top:30px}.workflow-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.workflow-heading .eyebrow{color:var(--product-accent);font-size:12px}.workflow-heading h3{font-size:28px;letter-spacing:-.7px;font-weight:450;line-height:1.3;margin:12px 0 0}.workflow-hint{font-size:14px;color:var(--muted);flex-shrink:0}.workflow-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px}.workflow-steps{display:flex;flex-direction:column;gap:9px}.workflow-step{padding:20px 16px;border:1px solid var(--line);display:flex;align-items:center;gap:15px;min-height:70px;transition:background .25s,border-color .25s}.workflow-step>span:first-child{font-size:12px;color:var(--muted)}.workflow-step strong{font-size:16px;font-weight:450}.step-indicator{margin-left:auto;font-size:20px;opacity:.4}.workflow-step:hover{background:#222620}.workflow-step[aria-selected=true]{background:color-mix(in srgb,var(--product-accent) 10%,#101211);border-color:var(--product-accent)}.workflow-step[aria-selected=true] .step-indicator{color:var(--product-accent);opacity:1}
.workflow-content{min-width:0}.workflow-panel{background:#101211;border:1px solid var(--line);padding:30px;min-height:307px}.workflow-panel+.workflow-panel{margin-top:20px}.saas-ready .workflow-panel+.workflow-panel{margin-top:0}.saas-ready .workflow-panel{animation:project-enter .3s ease both}.stage-meta{display:flex;justify-content:space-between;gap:20px;line-height:1.6;font-size:12px;color:var(--muted)}.stage-meta>span:first-child{color:var(--product-accent);letter-spacing:1px}.workflow-panel h4{font-size:27px;line-height:1.3;letter-spacing:-.65px;font-weight:450;margin:26px 0 16px;max-width:610px}.workflow-panel p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.stage-flow{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.stage-flow li{font-size:14px;line-height:1.6;color:var(--product-accent);position:relative}.stage-flow li:not(:last-child):after{content:'›';margin-left:22px;color:var(--muted)}
.product-footer{margin:0 44px;padding:27px 0 34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.product-footer p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.product-footer .pill{flex-shrink:0;background:var(--product-accent)}.saas-bottom{padding:8px 0 45px;display:flex;justify-content:space-between;gap:25px;align-items:center}.saas-bottom p{font-size:16px;color:var(--muted);line-height:1.6}.saas-page footer{border-top:1px solid var(--line)}
@keyframes project-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.saas-shell{padding:0;max-width:1440px}}
@media(max-width:1000px){.workflow-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.product-story{gap:30px}.product-masthead{padding:30px}.product-story{padding:30px}.workflow{margin:0 30px 30px}.product-footer{margin:0 30px}.workflow-heading{display:block}.workflow-hint{display:block;margin-top:12px}.workflow-panel{padding:25px}.workflow-panel h4{font-size:24px}.product-selector strong{font-size:20px}.product-selector>a{gap:16px;padding:20px}}
@media(max-width:700px){.saas-heading{padding-top:35px}.saas-heading>p{font-size:16px}.product-selector{gap:12px}.product-selector>a{padding:16px;gap:12px;align-items:start}.selector-number{display:none}.product-selector strong{font-size:18px}.product-selector small{font-size:13px}.selector-arrow{font-size:20px}.product-story{grid-template-columns:1fr;gap:30px}.workflow-layout{grid-template-columns:1fr}.workflow-steps{display:grid;grid-template-columns:1fr 1fr}.workflow-step{padding:15px;min-height:64px}.workflow-panel{min-height:0}.product-masthead>p{font-size:18px}.product-kicker{align-items:start;flex-wrap:wrap}.product-footer{align-items:start;flex-direction:column}.saas-bottom{align-items:start;flex-direction:column;gap:0}.workflow-heading h3{font-size:25px}}
@media(max-width:440px){.saas-shell{padding:0 6%}.saas-heading h1{font-size:50px}.product-selector{grid-template-columns:1fr}.product-selector>a{align-items:center}.selector-number{display:block}.product-masthead{padding:25px 22px}.product-masthead h2{font-size:39px}.product-story{padding:28px 22px}.workflow{margin:0 22px 28px}.workflow-step{gap:9px;padding:13px 10px}.workflow-step strong{font-size:14px}.workflow-step>span:first-child{font-size:12px}.step-indicator{display:none}.workflow-panel{padding:22px}.workflow-panel h4{font-size:24px}.stage-meta{flex-direction:column;gap:5px}.product-footer{margin:0 22px}.stage-flow{flex-direction:column;align-items:start;gap:10px}.stage-flow li:not(:last-child):after{display:none}.stage-flow li:not(:last-child){padding-bottom:8px;border-bottom:1px solid var(--line);width:100%}}