:root{--bg:#fff;--bg-tint:#f6f7f9;--ink:#0f1115;--ink-soft:#4b5260;--line:#e4e6eb;--accent:#4f46e5;--accent-ink:#3f37c9;--accent-wash:#eef0ff;--ok:#0f7a4d;--radius:8px;--shadow-sm:0 1px 2px #0f11150f;--shadow:0 1px 2px #0f11150d, 0 12px 32px -8px #0f111524;--font:"Switzer", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(1rem, 4vw, 2rem);color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:72rem;padding-inline:var(--gutter);margin-inline:auto}.nav{z-index:10;backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.nav__bar{justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;display:flex}.nav__mark{letter-spacing:-.03em;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.logo{flex:none;display:block}.hero h1 .w{display:inline-block}.nav__links{gap:1.75rem;margin-inline:auto;display:flex}.nav__links a{color:var(--ink-soft);font-size:.9375rem;text-decoration:none}.nav__links a:hover{color:var(--ink)}.button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;min-height:2.875rem;font:inherit;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.button:active{transform:translateY(1px)}.button--sm{white-space:nowrap;min-height:2.375rem;padding:0 1rem;font-size:.9375rem}.button--ghost{color:var(--ink);border-color:var(--line);background:#fff}.button--ghost:hover{background:var(--bg-tint);border-color:#cfd3db}.button--block{width:100%}.button--light{color:var(--ink);background:#fff;border-color:#fff}.button--light:hover{background:var(--accent-wash);border-color:var(--accent-wash)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,8vw,6rem);display:grid}.badge{border:1px solid var(--line);background:var(--bg-tint);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge__dot{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem}h1{letter-spacing:-.025em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.125rem,1.4rem + 2.8vw,3.5rem);font-weight:600;line-height:1.1}.lead{max-width:34rem;color:var(--ink-soft);margin-top:1.25rem;font-size:1.1875rem}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero__note{color:var(--ink-soft);margin-top:1rem;font-size:.9375rem}.browser{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow:hidden}.browser__bar{border-bottom:1px solid var(--line);background:var(--bg-tint);align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.browser__dots{gap:.375rem;display:flex}.browser__dots i{background:#d5d8df;border-radius:50%;width:.625rem;height:.625rem}.browser__url{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:6px;flex:1;padding:.125rem .75rem;font-size:.75rem}.browser--sm .browser__bar{justify-content:space-between}.tag{background:var(--accent-wash);color:var(--accent-ink);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.mock{--m:#b45309;--m-wash:#fef3e2;pointer-events:none;user-select:none;background:#fff;padding:1rem 1.125rem 1.25rem;font-size:.75rem;line-height:1.4}.mock__nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.mock__nav b{font-size:.8125rem}.mock__nav span{gap:.75rem;margin-inline:auto;display:flex}.mock__nav span i{background:var(--line);border-radius:3px;width:2rem;height:.375rem}.mock em,.mock u{border-radius:6px;padding:.3rem .7rem;font-style:normal;font-weight:500;text-decoration:none;display:inline-block}.mock em{background:var(--m);color:#fff}.mock u{border:1px solid var(--line);color:var(--ink)}.mock__body{grid-template-columns:1.2fr 1fr;align-items:center;gap:1rem;padding-block:1.25rem;display:grid}.mock__text strong{letter-spacing:-.02em;font-size:clamp(1rem,.7rem + 1.2vw,1.5rem);line-height:1.15;display:block}.mock__text p{color:var(--ink-soft);margin-top:.5rem}.mock__text--c{text-align:center;padding-block:1.25rem}.mock__row{gap:.5rem;margin-top:.875rem;display:flex}.mock__row--c{justify-content:center}.mock__art{aspect-ratio:1;background:var(--m-wash);border-radius:10px;max-width:100%;position:relative}.mock__art span{background:var(--m);border-radius:6px 6px 40% 40%;position:absolute;inset:22% 24%}.mock__cards{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}.mock__cards div{border:1px solid var(--line);border-radius:8px;gap:.375rem;padding:.625rem;display:grid}.mock__cards i{background:var(--m-wash);border-radius:5px;height:1.5rem}.mock__cards b{background:var(--line);border-radius:3px;height:.375rem}.mock__cards b+b{width:60%}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section--tint{background:var(--bg-tint);border-block:1px solid var(--line)}.section__head{max-width:40rem;margin-bottom:clamp(2rem,4vw,3rem)}.eyebrow{color:var(--accent);margin-bottom:.75rem;font-size:.875rem;font-weight:600}h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.5rem);font-weight:600;line-height:1.15}.section__sub{color:var(--ink-soft);margin-top:.75rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex}.card--on{border-color:var(--accent);box-shadow:var(--shadow)}.card--soon{background:var(--bg-tint);box-shadow:none}.card h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.card p{color:var(--ink-soft)}.card__link{color:var(--accent-ink);margin-top:auto;font-weight:500}.status{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;padding:.125rem .625rem;font-size:.8125rem;font-weight:500}.status--on{color:var(--ok);background:#e3f6ec;border-color:#0000}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.example figcaption{color:var(--ink-soft);margin-top:.75rem;font-size:.9375rem}.example figcaption strong{color:var(--ink);font-weight:600;display:block}.example__link{color:inherit;border-radius:12px;display:block}.example__link .browser{transition:transform .2s,box-shadow .2s}.example__link:hover .browser{transform:translateY(-3px)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.example__link:hover .example__img{transform:scale(1.03)}}.example__link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.example__img{aspect-ratio:1100/687;object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.step__n{background:var(--accent-wash);width:2rem;height:2rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.step h3{margin-top:1rem;font-size:1.1875rem;font-weight:600}.step p{color:var(--ink-soft);margin-top:.5rem}.pricing{grid-template-columns:minmax(0,1fr) minmax(0,32rem);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.section__head--left{margin-bottom:0}.plan{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:clamp(1.25rem,4vw,2rem)}.plan__name{font-weight:600}.plan__price{letter-spacing:-.03em;margin-top:.5rem;font-size:clamp(2rem,8vw,2.5rem);font-weight:600;line-height:1.1}.plan__from{letter-spacing:0;color:var(--ink-soft);font-size:1.125rem}.plan__list{border-top:1px solid var(--line);gap:.625rem;margin-block:1.5rem;padding-top:1.5rem;display:grid}.plan__list li{padding-left:1.75rem;position:relative}.plan__list li:before{content:"";border:solid var(--ok);border-width:0 2px 2px 0;width:.4rem;height:.7rem;position:absolute;top:.45em;left:.125rem;transform:rotate(45deg)}.plan__foot--top{margin-top:-.5rem}.plan__sub{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem;font-size:1rem;font-weight:600}.extras{gap:.5rem;margin-top:.75rem;display:grid}.extra{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.75rem;display:grid;position:relative}.extra__input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.extra__box{background:#fff;border:1.5px solid #b8bdc8;border-radius:5px;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:background-color .15s,border-color .15s;display:none}.extra__box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.3rem;height:.6rem;margin:.125rem auto 0;transition:transform .15s;display:block;transform:rotate(45deg)scale(0)}.js .extra{cursor:pointer}.js .extra:hover{border-color:#c3c8d2}.js .extra__box{display:block}.js .extra__input:checked+.extra__box{background:var(--accent);border-color:var(--accent)}.js .extra__input:checked+.extra__box:after{transform:rotate(45deg)scale(1)}.extra:has(.extra__input:checked){border-color:var(--accent);background:var(--accent-wash)}.extra:has(.extra__input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}html:not(.js) .extra{grid-template-columns:minmax(0,1fr) auto}.extra__text{gap:.125rem;min-width:0;display:grid}.extra__label{font-size:.9375rem;font-weight:600}.extra__desc{color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.extra__meta{text-align:right;justify-items:end;gap:.25rem;display:grid}.extra__price{white-space:nowrap;font-size:.875rem;font-weight:600}.extra__tag{background:var(--bg-tint);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:.0625rem .4rem;font-size:.6875rem}.total{border-top:1px solid var(--line);margin-top:1.25rem;margin-bottom:1.25rem;padding-top:1.25rem}.total__row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.total [hidden]{display:none}.total__row--sub{color:var(--ink-soft);margin-top:.375rem;font-size:.9375rem}.total__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600}.plan__foot{color:var(--ink-soft);margin-top:1rem;font-size:.875rem}.faq__list{border-top:1px solid var(--line);max-width:48rem}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 0;font-weight:500;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--ink-soft);font-size:1.5rem;line-height:1}.faq__item[open] summary:after{content:"−"}.faq__item p{max-width:40rem;color:var(--ink-soft);padding-bottom:1.25rem}.final{padding-bottom:clamp(3.5rem,8vw,6rem)}.final__box{padding:clamp(2rem, 6vw, 4rem) var(--gutter);background:var(--ink);color:#fff;text-align:center;border-radius:12px;justify-items:center;gap:1.5rem;display:grid}.final__box h2{max-width:34rem}.final__lines{color:#b9bfcc;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.9375rem;display:flex}.final__lines a:hover{color:#fff}.final .button:focus-visible,.final a:focus-visible{outline-color:#fff}.footer{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.5rem 2rem;font-size:.875rem;display:flex}.footer__brand{align-items:center;gap:.625rem;display:inline-flex}@media (width<=62rem){.nav__links{display:none}.nav__bar{justify-content:space-between}}@media (width<=56rem){.hero,.pricing,.cards,.steps,.examples{grid-template-columns:minmax(0,1fr)}.plan{max-width:36rem}}@media (width<=30rem){body{font-size:1rem}.hero__actions .button{width:100%}.mock__body{grid-template-columns:minmax(0,1fr)}.mock__art{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}