main#main:has(>.landing){padding-top:var(--space-5)}.landing{gap:104px;display:grid}.landing h2{letter-spacing:-.01em;font-size:clamp(28px,3.4vw,40px)}.landing-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--coral-text);margin:0 0 10px;font-size:13px;font-weight:700}.landing-lede{color:var(--text-muted);max-width:600px;margin:0;font-size:17px}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.landing-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);margin:0 0 14px;font-size:13px;font-weight:600}.landing-hero h1{letter-spacing:-.02em;text-wrap:balance;margin-bottom:20px;font-size:clamp(40px,5.4vw,62px)}.landing-pitch{color:var(--text-muted);max-width:540px;margin:0 0 28px;font-size:18px}.landing-ctas{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.landing-ctas .btn{padding:14px 26px;font-size:16px}.landing-signin{color:var(--text-muted);margin:6px 0 0;font-size:14px}.landing-login{text-underline-offset:3px;font-weight:600}.landing-note{color:var(--text-muted);margin:16px 0 0;font-size:14px}.demo-error{color:var(--danger);flex-basis:100%;margin:4px 0 0;font-size:14px}.landing-preview{margin:0;transform:rotate(.6deg)}.landing-preview .window-head{gap:12px}.landing-preview-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--heading-color);margin:0;font-size:17px;font-weight:600}.landing-preview-body{gap:14px;padding:20px;display:grid}.landing-preview .day-tab{cursor:default}.landing-preview-money{border:1px solid var(--border);border-radius:var(--radius-md);overflow:clip}.landing-preview-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:12px 14px;display:grid}.landing-preview-totals div{gap:2px;display:grid}.landing-preview-totals dt{color:var(--text-muted);font-size:12.5px}.landing-preview-totals dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.landing-preview-totals .is-due dd{color:var(--coral-text)}.landing-preview-next{background:var(--bg-alt);color:var(--color-indigo);font-variant-numeric:tabular-nums;margin:0;padding:9px 14px;font-size:13.5px;font-weight:600}.landing-stack{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr);align-items:center;gap:32px;display:grid}.landing-stack-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.landing-stack-list li{border-radius:var(--radius-sm);color:var(--text-muted);background:var(--surface);border:1px dashed #c9c2b4;padding:10px 14px;font-size:14.5px}.landing-stack-list strong{color:var(--text);font-weight:600;display:block}.landing-stack-arrow{color:var(--coral-text);font-size:36px;line-height:1}.landing-stack-one{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--color-coral);box-shadow:var(--shadow-md);padding:32px}.landing-stack-headline{font-family:var(--font-display), system-ui, sans-serif;color:var(--heading-color);margin:0 0 12px;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.15}.landing-stack-one>p:last-child{color:var(--text-muted);margin:0}.landing-flow h2,.landing-roles h2{margin-bottom:28px}.landing-flow h2{margin-bottom:44px}.landing-flow-list{--node:56px;--line:3px;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-flow-step{flex-direction:column;align-items:flex-start;padding-right:22px;display:flex;position:relative}.landing-flow-step:not(:last-child):before{content:"";top:calc(var(--node) / 2 - var(--line) / 2);left:calc(var(--node) + 8px);height:var(--line);border-radius:var(--line);background:var(--color-indigo);position:absolute;right:8px}.landing-flow-step:nth-child(-n+3):before{background:var(--color-coral)}.landing-flow-node{width:var(--node);height:var(--node);background:var(--surface);border:2px solid var(--color-indigo);color:var(--color-indigo);box-shadow:var(--shadow-md);border-radius:50%;flex:none;place-items:center;display:grid}.landing-flow-step:nth-child(-n+4) .landing-flow-node{background:var(--color-coral);border-color:var(--color-coral)}.landing-flow-step:nth-child(4) .landing-flow-node{box-shadow:0 0 0 7px #ff6b5733, var(--shadow-md)}.landing-flow-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.landing-flow-num{letter-spacing:.16em;color:var(--coral-text);font-variant-numeric:tabular-nums;margin-top:20px;font-size:12.5px;font-weight:700}.landing-flow-name{margin:4px 0 6px;font-size:21px}.landing-flow-step p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.5}.landing-flow-step .landing-flow-artifact{margin-top:14px}.landing-flow-chip{border:1px solid var(--border);border-left:3px solid var(--color-coral);background:var(--surface);color:var(--color-indigo);border-radius:10px;justify-items:start;gap:5px;padding:9px 12px;font-size:13px;line-height:1.3;display:inline-grid;box-shadow:0 2px 8px #1f235012}.landing-flow-chip strong{font-variant-numeric:tabular-nums;font-weight:600}.landing-flow-chip strong+.landing-flow-chip-note{color:var(--text-muted);margin-top:-3px}.landing-flow-chip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.landing-demo{border-radius:var(--radius-lg);background:var(--bg-alt);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px 56px;padding:48px;display:grid}.landing-demo-head h2{margin-bottom:12px}.landing-demo-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing-demo-steps li{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.landing-demo-num{background:var(--color-indigo);width:36px;height:36px;color:var(--color-cream);font-family:var(--font-display), system-ui, sans-serif;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.landing-demo-step-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--heading-color);margin:0 0 4px;font-size:18px;font-weight:600}.landing-demo-steps p:not(.landing-demo-step-title){color:var(--text-muted);margin:0;font-size:15px}.landing-demo-cta{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:28px;display:flex}.landing-demo-cta .btn{padding:18px 34px;font-size:18px}.landing-demo-cta .landing-note{margin:0}.landing-role-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:20px;margin-top:8px;display:grid}.landing-role{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-top:5px solid var(--color-slate);padding:28px}.landing-role.is-designer{border-top-color:var(--color-indigo);box-shadow:var(--shadow-md);padding:36px}.landing-role.is-client{border-top-color:var(--color-coral)}.landing-role-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.landing-role h3{margin-bottom:10px;font-size:21px}.landing-role.is-designer h3{font-size:27px}.landing-role p{color:var(--text-muted);margin:0 0 14px}.landing-role ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.landing-role li{padding-left:22px;font-weight:500;position:relative}.landing-role li:before{content:"";background:var(--color-coral);border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:2px}.landing-band{border-radius:var(--radius-lg);background:var(--color-indigo);color:var(--color-cream);justify-content:space-between;align-items:center;gap:24px 40px;padding:44px;display:flex}.landing-band h2{color:var(--color-cream);margin-bottom:10px}.landing-band p{color:#d9dae8;max-width:620px;margin:0}.landing-band>.btn,.landing-band .demo-error{flex:none}.landing-band>.btn{padding:16px 30px;font-size:17px}.landing-band .demo-error{color:#ffd3cc}@media (max-width:900px){.landing{gap:72px}.landing-hero{grid-template-columns:1fr;gap:40px}.landing-preview{transform:none}.landing-stack{grid-template-columns:1fr;gap:20px}.landing-stack-arrow{justify-self:start;margin-left:12px;transform:rotate(90deg)}.landing-flow-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}.landing-flow-step:nth-child(3):before{display:none}.landing-demo{grid-template-columns:1fr;gap:0;padding:32px 24px}.landing-demo-head{display:contents}.landing-demo-steps{margin-top:24px}.landing-demo-cta{order:1}.landing-role-grid{grid-template-columns:1fr}.landing-band{flex-direction:column;align-items:flex-start;padding:32px 24px}}@media (max-width:560px){.landing-flow h2{margin-bottom:32px}.landing-flow-list{--node:46px;grid-template-columns:1fr;row-gap:0}.landing-flow-step{grid-template-columns:var(--node) minmax(0, 1fr);justify-items:start;column-gap:18px;padding:0 0 32px;display:grid}.landing-flow-step:last-child{padding-bottom:0}.landing-flow-step>*{grid-column:2}.landing-flow-step>.landing-flow-node{grid-area:1/1/span 5}.landing-flow-step:not(:last-child):before,.landing-flow-step:nth-child(3):before{top:calc(var(--node) + 6px);bottom:6px;left:calc(var(--node) / 2 - var(--line) / 2);width:var(--line);height:auto;display:block;right:auto}.landing-flow-num{margin-top:4px}.landing-flow-name{font-size:20px}}@media (max-width:480px){.landing{gap:56px}.landing-pitch{font-size:16.5px}.landing-ctas .btn{flex:auto}.landing-preview-body{padding:14px}.landing-preview-totals{padding:12px}.landing-stack-one{padding:24px}.landing-stack-list{grid-template-columns:1fr;gap:8px}.landing-stack-list li{padding:8px 12px}.landing-stack-list strong{display:inline}.landing-demo{padding:28px 18px}.landing-demo-steps li{gap:12px;padding:16px}.landing-demo-cta .btn,.landing-band>.btn{width:100%;padding:16px 20px;font-size:17px}.landing-role,.landing-role.is-designer{padding:22px}.landing-role.is-designer h3{font-size:23px}}
