.mockup{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:var(--shadow-lg);--mockup-pad:var(--space-3);margin:0;position:relative;overflow:hidden}.mockup__chrome{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-bottom:1px solid var(--color-line);background:#f8fafc;display:flex}.mockup__dots{flex-shrink:0;gap:5px;display:inline-flex}.mockup__dots i{background:var(--color-line-strong);border-radius:50%;width:7px;height:7px}.mockup__crumb{min-width:0;font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.mockup__version{border:1px solid var(--color-line);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-body);background:#fff;flex-shrink:0;padding:1px 7px;font-size:9.5px}.mockup__app{grid-template-columns:1fr;min-height:0;display:grid}.mockup__sidebar{padding:var(--space-3) var(--space-2);border-right:1px solid var(--color-line);background:#fbfcfd;flex-direction:column;gap:1px;display:none}.mockup__side-title{padding:var(--space-2) var(--space-2) 3px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);font-size:9px}.mockup__side-item{padding:5px var(--space-2);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;font-size:11.5px;overflow:hidden}.mockup__side-item.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:550}.mockup__canvas{min-width:0;padding:var(--mockup-pad);background-image:radial-gradient(circle at 1px 1px,#d9e1ea 1px,#0000 0);background-size:16px 16px;flex-direction:column;display:flex}.mockup__canvas-head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px dashed var(--color-line-strong);display:flex}.mockup__file{min-width:0;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11.5px;font-weight:600;overflow:hidden}.mockup__lane{border:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);background:#fff;border-radius:2px;flex-shrink:0;padding:1px 6px;font-size:9px}.mockup__flow{flex-direction:column;margin:0;display:flex}.mockup__node{align-items:center;gap:var(--space-2);min-height:40px;display:flex}.mockup__rail{flex-shrink:0;justify-content:center;align-self:stretch;width:22px;display:flex;position:relative}.mockup__rail:before{content:"";background:var(--color-line-strong);width:1px;position:absolute;top:50%;bottom:-2px;left:50%;translate:-50%}.mockup__rail.is-last:before{display:none}.mockup__dot{z-index:1;border:1px solid var(--color-line-strong);width:22px;height:22px;color:var(--color-muted);background:#fff;border-radius:3px;align-self:center;place-items:center;display:grid;position:relative}.mockup__node[data-tone=trigger] .mockup__dot{background:var(--color-surface-sunk);color:var(--color-ink)}.mockup__node[data-tone=ai] .mockup__dot{border-color:var(--color-accent-line);background:var(--color-accent-soft);color:var(--color-accent)}.mockup__node[data-tone=action] .mockup__dot{color:#29506f;background:#eef4fa;border-color:#cdd9e5}.mockup__node-body{border:1px solid var(--color-line);border-left-width:2px;border-left-color:var(--color-line-strong);min-width:0;box-shadow:var(--shadow-xs);background:#fff;border-radius:3px;flex-direction:column;flex:1;gap:0;padding:4px 8px;display:flex}.mockup__node[data-tone=ai] .mockup__node-body{border-left-color:var(--color-accent)}.mockup__node-label{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:550;overflow:hidden}.mockup__node-hint{font-family:var(--font-mono);letter-spacing:.01em;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.mockup__node-tag{border:1px solid var(--color-line);font-family:var(--font-mono);color:var(--color-muted);background:#fff;border-radius:2px;flex-shrink:0;padding:1px 6px;font-size:9px;display:none}.mockup__canvas-foot{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--color-line-strong);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-faint);font-size:9px}.mockup__log{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-line);background:var(--color-navy)}.mockup__log-head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-line-navy);display:flex}.mockup__log-title{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-on-navy-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9.5px;overflow:hidden}.mockup__log-ok{font-family:var(--font-mono);color:#7fd6a6;align-items:center;gap:4px;font-size:9.5px;display:inline-flex}.mockup__log-ok:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.mockup__log-time{font-family:var(--font-mono);color:#8fb0ce;font-size:9.5px}.mockup__log-line{font-family:var(--font-mono);letter-spacing:.01em;color:#c2d2e2;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.85;overflow:hidden}@media (width>=480px){.mockup{--mockup-pad:var(--space-5)}.mockup__node-tag{display:inline-block}}@media (width>=560px){.mockup__app{grid-template-columns:116px minmax(0,1fr)}.mockup__sidebar{display:flex}}.mockup[data-variant=process] .mockup__node{min-height:44px}.hero{isolation:isolate;background:var(--color-canvas);padding-block:clamp(3rem,2.2rem + 3.4vw,5rem) 0;position:relative;overflow:clip}.hero__grid{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#0f172a0b 1px,#0000 1px),linear-gradient(#0f172a0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0 0 25%;-webkit-mask-image:radial-gradient(70% 60% at 30% 0,#000 10%,#0000 78%);mask-image:radial-gradient(70% 60% at 30% 0,#000 10%,#0000 78%)}.hero__inner{grid-template-columns:1fr;align-items:start;gap:clamp(2.5rem,2rem + 3vw,4rem);display:grid}.hero__copy{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.hero__badge{align-items:center;gap:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;color:var(--color-body);padding:5px 10px 5px 8px;display:inline-flex}.hero__badge-dot{background:#0f7a4d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #0f7a4d24}.hero__title{font-size:var(--text-hero);letter-spacing:-.028em;color:var(--color-ink-deep);flex-direction:column;gap:.04em;font-weight:640;line-height:1.14;display:flex}.hero__title span{display:block}.hero__title-em{color:var(--color-accent);position:relative}.hero__lead{max-width:34rem;font-size:var(--text-md);color:var(--color-body);line-height:1.75}.hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__fineprint{font-size:var(--text-sm);color:var(--color-muted)}.hero__visual{width:100%}.hero__metrics{border-top:1px solid var(--color-line-strong);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2.5rem,2rem + 3vw,4.5rem);display:grid}.hero__metric{padding:var(--space-5) var(--space-4) var(--space-5) 0;border-bottom:0;flex-direction:column-reverse;gap:2px;display:flex}.hero__metric:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--color-line)}.hero__metric:nth-child(n+3){border-top:1px solid var(--color-line)}.hero__metric-value{letter-spacing:-.03em;color:var(--color-ink-deep);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.35rem,1.15rem + .8vw,1.75rem);font-weight:640;line-height:1.2}.hero__metric-label{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}@media (width>=720px){.hero__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.hero__metric{padding:var(--space-5);border-top:0;border-left:1px solid var(--color-line)}.hero__metric:first-child{border-left:0;padding-left:0}.hero__metric:nth-child(n+3){border-top:0}}@media (width>=640px){.hero__visual{max-width:620px}}@media (width>=1024px){.hero__inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem)}.hero__copy{padding-block:var(--space-6)}.hero__visual{max-width:none}.hero__metric{padding-inline:var(--space-5)}.hero__metric:first-child{padding-left:0}}.trust{border-top:1px solid var(--color-line);background:var(--color-surface);padding-block:clamp(2rem,1.6rem + 1.6vw,2.75rem)}.trust__inner{gap:var(--space-4);flex-direction:column;display:flex}.trust__title{font-size:var(--text-sm);color:var(--color-muted);letter-spacing:.005em}.trust__logos{align-items:center;gap:var(--space-4) clamp(1.5rem, 1rem + 2.6vw, 2.75rem);flex-wrap:wrap;display:flex}.trust__logo{align-items:center;gap:var(--space-2);font-size:var(--text-base);letter-spacing:-.015em;color:var(--color-faint);white-space:nowrap;transition:color var(--dur-base) var(--ease-out);font-weight:550;display:inline-flex}.trust__logo:hover{color:var(--color-ink)}.trust__logo-mark{opacity:.55;border:1.5px solid;border-radius:2px;flex-shrink:0;width:13px;height:13px;transform:rotate(45deg)}@media (width>=900px){.trust__inner{justify-content:space-between;align-items:center;gap:var(--space-7);flex-direction:row}.trust__title{flex:none;max-width:15rem;line-height:1.5}.trust__logos{justify-content:flex-end}}.overview{border-top:1px solid var(--color-line);grid-template-columns:1fr;gap:0;margin:0;display:grid}.overview__item{gap:var(--space-3);padding-block:var(--space-6);border-bottom:1px solid var(--color-line);flex-direction:column;display:flex}.overview__num{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;color:var(--color-accent);font-variant-numeric:tabular-nums}.overview__title{font-size:var(--text-lg);color:var(--color-ink);font-weight:600}.overview__body{font-size:var(--text-base);color:var(--color-body);max-width:34rem;line-height:1.75}@media (width>=768px){.overview{border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.5rem,1rem + 2vw,3rem)}.overview__item{padding-block:var(--space-7) var(--space-6);border-bottom:0}.overview__item+.overview__item{border-left:1px solid var(--color-line);margin-left:calc(-1*clamp(1.5rem,1rem + 2vw,3rem));padding-left:clamp(1.5rem,1rem + 2vw,3rem)}}.features{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr;margin:0;display:grid}.feature{gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid;position:relative}.feature__icon{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);width:34px;height:34px;color:var(--color-accent);place-items:center;display:grid}.feature__copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.feature__title{font-size:var(--text-base);color:var(--color-ink-deep);letter-spacing:-.005em;font-weight:600}.feature__body{font-size:var(--text-sm);color:var(--color-body);line-height:1.7}.feature__index{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;color:var(--color-faint);font-variant-numeric:tabular-nums;padding-top:3px;display:none}@media (width>=768px){.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,1.5rem + 2vw,3.5rem)}.feature{padding-block:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto}.feature__index{display:block}}@media (width>=1100px){.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.feature{padding:var(--space-7) var(--space-6);grid-template-columns:auto minmax(0,1fr)}.feature__index{top:var(--space-7);right:var(--space-6);display:block;position:absolute}.feature:nth-child(3n+1){padding-left:0}.feature:nth-child(3n){padding-right:0}.feature:nth-child(3n) .feature__index{right:0}.feature:nth-child(3n+2),.feature:nth-child(3n){border-left:1px solid var(--color-line)}}.process{background:var(--color-canvas);position:relative}.process__layout{gap:var(--space-7);view-timeline:--process block;grid-template-columns:1fr;display:grid}.process__panel{gap:var(--space-4);flex-direction:column;display:flex}.process__stages{gap:0 var(--space-4);border-top:1px solid var(--color-line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-left:18px;display:grid;position:relative}.process__rail{top:calc(var(--space-3) + 9px);bottom:calc(var(--space-3) + 9px);background:var(--color-line);width:2px;position:absolute;left:3px;overflow:hidden}.process__rail-fill{background:var(--color-accent);transform-origin:top;height:100%;display:block}.process__stage{padding-block:var(--space-3);border-bottom:1px solid var(--color-line);font-size:var(--text-sm);color:var(--color-ink-deep);align-items:flex-start;line-height:1.4;display:flex;position:relative}.process__stage-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.process__stage-label{align-items:baseline;gap:var(--space-2);color:inherit;font-weight:500;display:flex}.process__stage-note{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.03em;color:var(--color-faint);line-height:1.5}.process__stage-dot{left:-19px;top:calc(var(--space-3) + 5px);border:1.5px solid var(--color-accent);background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute}.process__stage-num{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--color-faint);font-variant-numeric:tabular-nums}.process__preview{display:none}.process__steps{flex-direction:column;margin:0;display:flex}.process__step{padding-block:var(--space-6) var(--space-7);border-top:1px solid var(--color-line);flex-direction:column;display:flex;position:relative}.process__step:first-child{border-top:0;padding-top:0}.process__step-copy{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.process__step-index{align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;font-variant-numeric:tabular-nums;display:flex}.process__step-num{color:var(--color-accent)}.process__step-total{color:var(--color-faint)}.process__step-title{font-size:var(--text-xl);color:var(--color-ink-deep);max-width:24ch;font-weight:600}.process__step-body{font-size:var(--text-base);color:var(--color-body);max-width:34rem;line-height:1.75}.process__step-meta{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;color:var(--color-faint);line-height:1.7}.process__step-rule{width:100%;height:2px;margin-top:var(--space-2);background:var(--color-line);display:block;position:relative;overflow:hidden}.process__step-rule:after{content:"";background:var(--color-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.process__rail-fill{animation:linear both rail-fill;animation-timeline:--process;animation-range:cover 22% cover 64%}.process__stage{animation:linear both stage-on;animation-timeline:--process}.process__stage:nth-child(2){animation-range:cover 15% cover 22%}.process__stage:nth-child(3){animation-range:cover 29% cover 36%}.process__stage:nth-child(4){animation-range:cover 43% cover 50%}.process__stage:nth-child(5){animation-range:cover 57% cover 64%}.process__stage{animation-fill-mode:both}.process__step-rule:after{animation:linear both anim-rule;animation-timeline:view();animation-range:entry 45% exit 55%}.process__preview .mockup__node{animation:linear both node-on;animation-timeline:--process}.process__preview .mockup__node:first-child{animation-range:cover 15% cover 22%}.process__preview .mockup__node:nth-child(2){animation-range:cover 29% cover 36%}.process__preview .mockup__node:nth-child(3){animation-range:cover 43% cover 50%}.process__preview .mockup__node:nth-child(4){animation-range:cover 57% cover 64%}}}@keyframes rail-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes stage-on{0%{color:var(--color-muted);opacity:.5}to{color:var(--color-ink-deep);opacity:1}}@keyframes node-on{0%{opacity:.32}to{opacity:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.process__stage-dot{animation:linear both dot-on;animation-timeline:--process}.process__stage:nth-child(2) .process__stage-dot{animation-range:cover 15% cover 18%}.process__stage:nth-child(3) .process__stage-dot{animation-range:cover 29% cover 33%}.process__stage:nth-child(4) .process__stage-dot{animation-range:cover 43% cover 47%}.process__stage:nth-child(5) .process__stage-dot{animation-range:cover 57% cover 61%}}}@keyframes dot-on{0%{background:var(--color-canvas);border-color:var(--color-line-strong)}to{background:var(--color-accent);border-color:var(--color-accent)}}@media (width>=960px){.process__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2.5rem,2rem + 4vw,5.5rem)}.process__aside{top:calc(var(--header-h) + var(--space-5));align-self:start;position:sticky}.process__stages{grid-template-columns:1fr}.process__preview{display:block}.process__preview .mockup__log{display:none}.process__step{min-height:34vh;padding-block:var(--space-8) var(--space-9);border-top:0;justify-content:center}.process__step:first-child{padding-top:var(--space-8)}.process__steps{padding-bottom:6vh}.process__step-title{font-size:var(--text-2xl)}}@media (width>=960px) and (height<=860px){.process__steps{padding-bottom:calc(6vh + 64px)}}@media (width>=960px) and (height<=700px){.process__preview{display:none}.process__steps{padding-bottom:0}.process__step{min-height:30vh}}.security{border-top:1px solid var(--color-line-navy);grid-template-columns:1fr;margin:0;display:grid}.security__item{gap:var(--space-3);padding-block:var(--space-5);border-bottom:1px solid var(--color-line-navy);align-items:flex-start;display:flex}.security__icon{border-radius:var(--radius-sm);color:#9ec5e8;border:1px solid #9ec5e857;flex-shrink:0;place-items:center;width:26px;height:26px;margin-top:1px;display:grid}.security__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.security__label{font-size:var(--text-sm);color:#eef4fa;letter-spacing:.005em;font-weight:600}.security__note{font-size:var(--text-sm);color:var(--color-on-navy-muted);line-height:1.65}.security__foot{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-line-navy);flex-wrap:wrap;display:flex}.security__disclaimer{font-size:var(--text-sm);color:var(--color-on-navy-muted);flex:20rem;max-width:40rem;line-height:1.7}@media (width>=640px){.security{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,1rem + 2vw,3rem)}}@media (width>=1024px){.security{grid-template-columns:repeat(3,minmax(0,1fr))}.security__item{padding-block:var(--space-6)}}.quote{gap:var(--space-7);grid-template-columns:1fr;display:grid}.quote__figure{gap:var(--space-5);flex-direction:column;max-width:44rem;margin:0;display:flex}.quote__text{padding-left:var(--space-5);border-left:2px solid var(--color-accent);margin:0}.quote__text p{font-family:var(--font-serif);letter-spacing:-.006em;color:var(--color-ink-deep);text-wrap:pretty;font-size:clamp(1.15rem,1rem + .85vw,1.5rem);line-height:1.65}.quote__by{align-items:center;gap:var(--space-3);padding-left:var(--space-5);flex-wrap:wrap;display:flex}.quote__avatar{background:var(--color-navy);color:#fff;width:34px;height:34px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.quote__who{flex-direction:column;line-height:1.4;display:flex}.quote__name{font-size:var(--text-sm);color:var(--color-ink);font-weight:600}.quote__role{font-size:var(--text-sm);color:var(--color-muted)}.quote__meta{padding-left:calc(34px + var(--space-3));font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;color:var(--color-faint);flex-basis:100%}.quote__stats{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr;align-self:start;gap:0;margin:0;display:grid}.quote__stat{padding-block:var(--space-4);border-bottom:1px solid var(--color-line);flex-direction:column-reverse;gap:2px;display:flex}.quote__stat-value{letter-spacing:-.03em;color:var(--color-ink-deep);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:640;line-height:1.15}.quote__stat-label{font-size:var(--text-sm);color:var(--color-muted)}@media (width>=900px){.quote{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:clamp(2.5rem,2rem + 4vw,5rem)}.quote__stats{border-top-color:var(--color-line-strong)}}.plans{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr;gap:0;margin:0;display:grid}.plan{gap:var(--space-4);padding-block:var(--space-6) var(--space-7);border-bottom:1px solid var(--color-line);flex-direction:column;display:flex}.plan__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan__name{font-size:var(--text-base);letter-spacing:.01em;color:var(--color-ink-deep);font-weight:600}.plan__badge{border:1px solid var(--color-accent-line);border-radius:var(--radius-sm);background:var(--color-accent-soft);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);padding:1px 7px}.plan__blurb{font-size:var(--text-sm);color:var(--color-body);min-height:3em;line-height:1.7}.plan__price{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);flex-wrap:wrap;display:flex}.plan__amount{letter-spacing:-.035em;color:var(--color-ink-deep);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:640;line-height:1.1}.plan__cadence{font-size:var(--text-sm);color:var(--color-muted)}.plan__features{gap:var(--space-3);padding-top:var(--space-1);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-body);line-height:1.55;display:flex}.plan__check{width:16px;height:16px;color:var(--color-accent);flex-shrink:0;place-items:center;margin-top:2px;display:grid}.plan--featured{position:relative}.plan--featured:before{content:"";background:var(--color-accent);height:2px;position:absolute;inset:0 0 auto}.plans__foot{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-muted);max-width:52rem;line-height:1.75}@media (width>=860px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.75rem,1.25rem + 2.2vw,3rem)}.plan{padding-block:var(--space-7);border-top:2px solid #0000;border-bottom:0}.plan--featured{border-top-color:var(--color-accent)}.plan--featured:before{display:none}.plan+.plan{border-left:1px solid var(--color-line);margin-left:calc(-1*clamp(1.75rem,1.25rem + 2.2vw,3rem));padding-left:clamp(1.75rem,1.25rem + 2.2vw,3rem)}}.demo{scroll-margin-top:var(--header-h)}.demo__inner{grid-template-columns:1fr;align-items:start;gap:clamp(2rem,1.5rem + 3vw,4rem);display:grid}.demo__copy{gap:var(--space-4);flex-direction:column;display:flex}.demo__title{font-size:var(--text-3xl);color:#fff;max-width:22ch}.demo__lead{font-size:var(--text-md);color:var(--color-on-navy-muted);max-width:36rem;line-height:1.75}.demo__points{gap:var(--space-3);margin:var(--space-1) 0 0;flex-direction:column;display:flex}.demo__point{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-on-navy);display:flex}.demo__check{color:#7fd6a6;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.demo__panel{padding:var(--space-6) var(--space-5);border:1px solid var(--color-line-navy);border-radius:var(--radius-lg);background:#ffffff08}.demo__form{gap:var(--space-4);flex-direction:column;display:flex}.demo__field{gap:var(--space-2);flex-direction:column;display:flex}.demo__label{font-size:var(--text-sm);color:var(--color-on-navy);font-weight:500}.demo__input{width:100%;min-height:46px;padding:0 var(--space-3);border-radius:var(--radius);color:#fff;font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#08111f8c;border:1px solid #ffffff2e}.demo__input::placeholder{color:#8496ac}.demo__input:hover:not(:disabled){border-color:#ffffff52}.demo__input:focus-visible{outline-offset:1px;border-color:#0000;outline:2px solid #9ec5e8}.demo__input:disabled{opacity:.6;cursor:not-allowed;background:#08111f59}.demo__hint{font-size:var(--text-xs);color:#93a6bc;line-height:1.6}.demo__error{font-size:var(--text-sm);color:#ffb4ab;line-height:1.6}.demo__success{font-size:var(--text-sm);color:#a8e6c0;line-height:1.6}.demo__note{font-size:var(--text-xs);color:#8496ac;line-height:1.65}.demo .btn--inverse:disabled{opacity:.65;cursor:not-allowed}@media (width>=900px){.demo__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2.5rem,2rem + 4vw,5rem)}.demo__panel{padding:var(--space-7) var(--space-6)}}