.content-document{scroll-snap-type:none}.content-page{min-height:100svh}.content-page .site-header{position:sticky}.content-page .top-nav a[aria-current=page]{color:var(--accent)}.page-main{min-height:calc(100svh - var(--header-h))}.page-hero,.page-section,.page-cta{padding:80px 24px}.page-hero{background:var(--surface);padding-top:96px}.page-hero__inner,.page-section__inner,.page-cta{width:min(100%, var(--max));margin:0 auto}.page-hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:clamp(40px,7vw,96px);display:grid}.page-hero h1{max-width:820px}.page-hero p{max-width:680px;color:var(--muted);margin:24px 0 0;font-size:18px}.page-hero__aside{border-left:3px solid var(--accent);background:var(--accent-soft);padding:28px}.page-hero__aside strong{font-size:18px;display:block}.page-hero__aside p{margin-top:10px;font-size:14px}.page-section:nth-of-type(2n){background:var(--surface)}.page-section__heading{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:48px;margin-bottom:40px;display:grid}.page-section__heading p{color:var(--muted);margin:0}.feature-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-list li{border-bottom:1px solid var(--line);min-height:180px;padding:28px 28px 28px 0}.feature-list li:nth-child(odd){border-right:1px solid var(--line)}.feature-list li:nth-child(2n){padding-left:28px}.feature-list strong{font-size:20px;display:block}.feature-list p{color:var(--muted);margin:12px 0 0}.numbered-list{counter-reset:steps;margin:0;padding:0;list-style:none}.numbered-list li{border-top:1px solid var(--line);counter-increment:steps;grid-template-columns:52px 1fr;gap:20px;padding:28px 0;display:grid}.numbered-list li:before{content:counter(steps, decimal-leading-zero);color:var(--accent);font-size:22px;font-weight:800}.numbered-list h2,.numbered-list h3{font-size:24px}.numbered-list p{max-width:760px;color:var(--muted);margin:10px 0 0}.pricing-section{background:var(--surface)}.billing-toggle{align-items:center;gap:8px;margin-bottom:28px;display:flex}.billing-toggle__button{border:1px solid var(--line);background:var(--bg);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700}.billing-toggle__button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.billing-toggle>span{color:var(--muted);margin-left:8px;font-size:12px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pricing-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;padding:28px;display:flex}.pricing-card .eyebrow{margin-bottom:12px}.pricing-card h2{min-height:58px;font-size:24px}.plan-price{letter-spacing:-.05em;align-items:baseline;gap:5px;margin:24px 0 0;font-size:46px;font-weight:800;display:flex}.plan-price:before{content:"$";letter-spacing:0;font-size:22px}.plan-price__unit{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:600}.plan-annual{min-height:22px;color:var(--muted);margin:0;font-size:12px}.pricing-card ul{border-top:1px solid var(--line);flex:1;margin:26px 0;padding:18px 0 0;list-style:none}.pricing-card li{color:var(--muted);padding:9px 0 9px 22px;font-size:14px}.pricing-card li:before{content:"✓";width:22px;color:var(--accent);margin-left:-22px;font-weight:800;display:inline-block}.pricing-card .button{width:100%}.pricing-note{max-width:820px;color:var(--muted);margin:24px 0 0;font-size:13px}.pricing-note a{color:var(--accent);text-underline-offset:3px;font-weight:700}.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);align-items:start;gap:clamp(40px,8vw,120px);display:grid}.form-intro{max-width:420px;color:var(--muted);margin:20px 0 0}.contact-form,.auth-form{gap:10px;display:grid}.contact-form label,.auth-form label,.auth-code label{margin-top:10px;font-size:13px;font-weight:700}.contact-form input,.contact-form textarea,.auth-form input,.auth-code input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:12px 13px}.contact-form textarea{resize:vertical}.contact-form .button,.auth-form .button,.auth-code .button{margin-top:12px}.form-note,.form-status,.auth-status,.auth-attempts{color:var(--muted);margin:8px 0 0;font-size:12px}.form-status[data-state=success]{color:var(--accent);font-weight:700}.form-status[data-state=error]{color:#a33a2b;font-weight:700}.auth-status[data-state=success]{color:var(--accent);font-weight:700}.auth-status[data-state=error]{color:#a33a2b;font-weight:700}.auth-page{min-height:calc(100svh - var(--header-h));place-items:center;padding:80px 24px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(100%,520px);box-shadow:var(--shadow);padding:clamp(28px,6vw,56px)}.auth-card h1{font-size:clamp(36px,5vw,48px)}.auth-lede{color:var(--muted);margin:18px 0 0}.auth-form{margin-top:30px}.auth-code{border-top:1px solid var(--line);margin-top:34px;padding-top:26px}.auth-code h2{font-size:24px}.auth-code p:not(.auth-status){color:var(--muted);font-size:13px}.auth-code__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.auth-code__actions .button{margin-top:0}.auth-invite{color:var(--ink);margin-top:28px;font-size:13px;font-weight:700}.auth-links{color:var(--accent);margin:14px 0 0;font-size:13px;font-weight:700}.page-cta{border-radius:var(--radius);background:var(--ink);color:var(--bg);margin-top:40px;margin-bottom:40px}.page-cta h2{max-width:760px}.page-cta .text-link{color:#8de1cf;align-items:center;margin-top:0}.content-page>.site-footer{width:min(calc(100% - 48px), var(--max));margin:0 auto;padding:24px 0 32px;font-size:11px;position:static}@media (width<=760px){.page-hero,.page-section,.page-cta{padding:56px 20px}.page-hero__inner,.page-section__heading{grid-template-columns:1fr;gap:28px}.contact-grid{grid-template-columns:1fr;gap:32px}.page-hero{padding-top:64px}.feature-list,.pricing-grid{grid-template-columns:1fr}.billing-toggle{flex-wrap:wrap}.billing-toggle>span{width:100%;margin-left:0}.feature-list li:nth-child(odd){border-right:0}.feature-list li:nth-child(2n){padding-left:0}.page-cta,.content-page>.site-footer{width:calc(100% - 40px)}}
