.mockup{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:560px;box-shadow:var(--shadow-lg);margin:0;position:relative;overflow:hidden}.mockup__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:linear-gradient(#fff,#fbfcfd);display:flex}.mockup__dots{flex-shrink:0;gap:5px;display:inline-flex}.mockup__dots i{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.mockup__dots i:first-child{background:#fca5a5}.mockup__dots i:nth-child(2){background:#fcd34d}.mockup__dots i:nth-child(3){background:#86efac}.mockup__title{min-width:0;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.mockup__status{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);letter-spacing:.02em;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.mockup__body{gap:var(--space-4);padding:var(--space-4);background:radial-gradient(circle at 1px 1px, var(--color-border) 1px, transparent 0) 0 0 / 18px 18px;display:grid}.mockup__flow{flex-direction:column;margin:0;display:flex}.mockup__node{align-items:center;gap:var(--space-3);min-height:46px;display:flex}.mockup__rail{flex-shrink:0;justify-content:center;width:30px;display:flex;position:relative}.mockup__rail:before{content:"";background:repeating-linear-gradient(to bottom, var(--color-border-strong) 0 4px, transparent 4px 8px);width:1.5px;position:absolute;top:50%;bottom:-6px;left:50%;translate:-50%}.mockup__rail.is-last:before{display:none}.mockup__dot{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-muted);box-shadow:var(--shadow-xs);border-radius:9px;place-items:center;display:grid;position:relative}.mockup__node[data-tone=trigger] .mockup__dot{background:var(--color-surface-muted);color:var(--color-ink)}.mockup__node[data-tone=ai] .mockup__dot{border-color:color-mix(in srgb, var(--color-primary) 32%, transparent);background:var(--color-primary-soft);color:var(--color-primary)}.mockup__node[data-tone=branch] .mockup__dot{border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);background:var(--color-accent-soft);color:var(--color-accent)}.mockup__node-body{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;flex:1;gap:1px;padding:6px 10px;display:flex}.mockup__node-label{font-size:var(--text-sm);color:var(--color-ink-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.mockup__node-hint{color:var(--color-subtle);font-size:11px}.mockup__node-tag{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-muted);flex-shrink:0;padding:2px 7px;font-size:10px}.mockup__node[data-tone=ai] .mockup__node-tag{border-color:color-mix(in srgb, var(--color-primary) 26%, transparent);color:var(--color-primary)}.mockup__log{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#1f2937}.mockup__log-head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid #ffffff1a;display:flex}.mockup__log-title{color:#cbd5e1;flex:1;font-size:11px;font-weight:500}.mockup__log-ok{color:#86efac;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.mockup__log-ok:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.mockup__log-time{font-family:var(--font-mono);color:#94a3b8;font-size:10px}.mockup__log-line{font-family:var(--font-mono);color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.75;overflow:hidden}@media (width>=480px){.mockup__body{padding:var(--space-5)}.mockup__log-line{font-size:11px}}.hero{isolation:isolate;padding-block:clamp(3rem,2rem + 4vw,5.5rem) 0;position:relative;overflow:clip}.hero__glow{z-index:-1;filter:blur(6px);pointer-events:none;background:radial-gradient(42% 46% at 22% 22%,#8c2de429,#0000 70%),radial-gradient(40% 44% at 78% 8%,#3d53e91f,#0000 70%);height:780px;position:absolute;inset:-20% -10% auto}.hero__inner{grid-template-columns:1fr;gap:clamp(2.5rem,2rem + 3vw,4rem);display:grid}.hero__copy{align-items:flex-start;gap:var(--space-5);flex-direction:column;max-width:42rem;display:flex}.hero__eyebrow{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-muted);box-shadow:var(--shadow-xs);padding:6px 14px 6px 10px;font-weight:500;display:inline-flex}.hero__pulse{background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:relative}.hero__pulse:after{content:"";border:1px solid var(--color-primary);opacity:.5;animation:hero-pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes hero-pulse{0%{opacity:.55;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.6)}}.hero__title{font-size:var(--text-hero);letter-spacing:-.03em;color:var(--color-ink-strong);flex-direction:column;font-weight:700;line-height:1.1;display:flex}.hero__title-accent{color:var(--color-primary)}.hero__lead{max-width:34rem;color:var(--color-muted);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.65}.hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__actions .btn{min-height:52px;padding-inline:var(--space-6)}.hero__fineprint{font-size:var(--text-sm);color:var(--color-subtle)}.hero__metrics{gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid var(--color-border);grid-column:1/-1;grid-template-columns:1fr;margin-top:clamp(2rem,1rem + 4vw,4.5rem);display:grid}.hero__metric{flex-direction:column-reverse;gap:2px;display:flex}.hero__metric-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink-strong);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700}.hero__metric-label{font-size:var(--text-sm);color:var(--color-muted)}@media (width>=640px){.hero__metrics{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.hero__inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center}.hero__visual{justify-self:end;width:100%}}.trust{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding-block:clamp(2.5rem,2rem + 2vw,3.5rem)}.trust__inner{align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.trust__title{font-size:var(--text-sm);color:var(--color-muted)}.trust__logos{justify-content:center;align-items:center;gap:var(--space-4) clamp(1.5rem, 1rem + 3vw, 3rem);flex-wrap:wrap;display:flex}.trust__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;color:var(--color-faint);transition:color var(--dur-base) var(--ease-out);font-weight:600;display:inline-flex}.trust__logo:hover{color:var(--color-ink)}.trust__logo-mark{opacity:.5;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:currentColor;border-radius:5px;width:16px;height:16px}.features__grid{gap:var(--space-4);grid-template-columns:1fr;margin:0;display:grid}.feature-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.feature-card:hover{border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card__icon{border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:12px;place-items:center;display:grid}.feature-card__title{font-size:var(--text-xl);color:var(--color-ink-strong);font-weight:600}.feature-card__body{font-size:var(--text-base);color:var(--color-muted);line-height:1.65}@media (width>=640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features__grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.feature-card{padding:var(--space-6)}}.how{grid-template-columns:1fr;align-items:start;gap:clamp(2.5rem,2rem + 3vw,4rem);display:grid}.how__steps{gap:var(--space-2);counter-reset:step;flex-direction:column;margin:0;display:flex}.how__step{gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-md);transition:background-color var(--dur-base) var(--ease-out);display:flex;position:relative}.how__step:not(:last-child):after{content:"";left:calc(var(--space-4) + 17px);background:linear-gradient(to bottom, var(--color-border-strong), transparent);width:1.5px;position:absolute;top:54px;bottom:-4px}.how__index{border:1px solid var(--color-border-strong);background:var(--color-surface);width:36px;height:36px;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.how__step-copy{gap:var(--space-2);flex-direction:column;padding-top:2px;display:flex}.how__step-title{font-size:var(--text-xl);color:var(--color-ink-strong)}.how__step-body{font-size:var(--text-base);color:var(--color-muted);max-width:32rem;line-height:1.65}.how__visual{justify-content:center;display:flex}.how__visual .mockup{box-shadow:var(--shadow-md)}@media (width>=640px){.how__step{padding-inline:var(--space-5)}.how__step:not(:last-child):after{left:calc(var(--space-5) + 17px)}}@media (width>=1024px){.how{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(3rem,2rem + 4vw,5rem)}.how__visual{justify-content:flex-end}}.section-head--center{text-align:center;align-items:center;margin-inline:auto}.pricing__grid{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;margin:0;display:grid}.plan{gap:var(--space-5);padding:var(--space-6) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan--featured{border-color:color-mix(in srgb, var(--color-primary) 42%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 24%, transparent), var(--shadow-md);background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--color-primary) 3%, #fff) 100%)}.plan__badge{top:-13px;left:var(--space-5);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);letter-spacing:.03em;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;box-shadow:0 6px 14px -6px #8c2de4cc}.plan__head{gap:var(--space-2);flex-direction:column;display:flex}.plan__name{font-size:var(--text-xl);color:var(--color-ink-strong);font-weight:600}.plan__blurb{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}.plan__price{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.plan__amount{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink-strong);font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.6rem + 1.4vw,2.75rem);font-weight:700}.plan__cadence{font-size:var(--text-sm);color:var(--color-muted)}.plan__features{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.plan__feature{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;display:flex}.plan__check{background:var(--color-primary-soft);width:18px;height:18px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.final-cta{gap:var(--space-5);border-radius:var(--radius-lg);color:#fff;background:radial-gradient(60% 120% at 100% 0,#8c2de459,#0000 60%),radial-gradient(50% 100% at 0 100%,#3d53e947,#0000 60%),#1f2937;grid-template-columns:1fr;align-items:center;margin-top:clamp(3rem,2rem + 3vw,5rem);padding:clamp(1.75rem,1.25rem + 2.5vw,3rem);display:grid;position:relative;overflow:hidden}.final-cta__copy{gap:var(--space-2);flex-direction:column;display:flex}.final-cta__title{font-size:var(--text-2xl);color:#fff}.final-cta__lead{font-size:var(--text-base);color:#cbd5e1;max-width:30rem}.final-cta__form{gap:var(--space-3);flex-wrap:wrap;display:flex;position:relative}.final-cta__input{min-width:0;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:#fff;font:inherit;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#ffffff14;border:1px solid #ffffff2e;flex:220px}.final-cta__input::placeholder{color:#94a3b8}.final-cta__input:hover{background:#ffffff1f}.final-cta__input:focus-visible{outline-offset:2px;border-color:#0000;outline:2px solid #fff}.final-cta__input:disabled{opacity:.55;cursor:not-allowed}.final-cta__success{font-size:var(--text-sm);color:#86efac;flex-basis:100%}@media (width>=640px){.pricing__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.plan{padding:var(--space-7) var(--space-5) var(--space-6)}}@media (width>=900px){.final-cta{gap:var(--space-7);grid-template-columns:1.1fr 1fr}}@media (width>=1024px){.plan{padding:var(--space-7) var(--space-6) var(--space-6)}.plan--featured{transform:translateY(-8px)}.plan--featured:hover{transform:translateY(-10px)}}
