.content-picture{display:contents}.before-after{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px}.before-after__card{width:100%;background-color:var(--color-page);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-browser);overflow:hidden}.before-after__tabbar{display:flex;justify-content:flex-start;gap:6px;padding:12px 14px;background-color:var(--color-tabbar);border-block-end:1px solid var(--color-border-soft)}.before-after__tab{padding:8px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--color-secondary);background-color:transparent;transition:background-color .15s ease,color .15s ease}.before-after__tab.is-active{background-color:var(--color-brand);color:var(--color-on-dark);font-weight:700}.before-after__tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.before-after__chrome{display:flex;align-items:center;gap:14px;padding:11px 16px;border-block-end:1px solid var(--color-border-soft)}.before-after__url{flex:1;padding:6px 12px;border-radius:var(--radius-sm);background-color:var(--color-field-soft);font-size:12px;font-weight:500;color:var(--color-ink-muted);text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.before-after__dots{display:flex;gap:6px;flex-shrink:0}.before-after__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-chrome-dot)}.before-after__viewport{position:relative;aspect-ratio:600 / 520;overflow:hidden;background-color:var(--color-page)}.before-after__viewport.is-manual{overflow-y:auto}.before-after__viewport.is-manual:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.before-after__panel.is-scrolling{animation:before-after-scroll 13s forwards}.before-after__panel.is-looping{animation-iteration-count:infinite}@keyframes before-after-scroll{0%,6%{transform:translateY(0);animation-timing-function:ease-in-out}18%,36%{transform:translateY(-8.789%);animation-timing-function:ease-in-out}60%,78%{transform:translateY(-56.795%);animation-timing-function:ease-in-out}90%,to{transform:translateY(-64.841%)}}@media (prefers-reduced-motion: reduce){.before-after__panel.is-scrolling{animation:none}}.before-after__image{display:block;width:100%;height:auto}.before-after__fade{position:absolute;inset-inline:0;bottom:0;height:32px;background:linear-gradient(to bottom,rgba(246,247,249,0),var(--color-soft));pointer-events:none}.before-after__viewport.is-manual>.before-after__fade{position:sticky;margin-block-start:-32px}.before-after__caption{max-width:600px;font-size:13px;color:var(--color-ink-muted);text-align:center}.before-after--on-dark>.before-after__caption{font-size:14px;color:var(--color-on-dark-dim)}@media (max-width: 768px){.before-after__tab{min-height:44px}}:root{--color-brand: #2c64e2;--color-brand-tint: #eef3fe;--color-page: #ffffff;--color-ink: #101114;--color-secondary: #5b6470;--color-muted: #9aa3ad;--color-border: #e7eaee;--color-soft: #f6f7f9;--color-soft-2: #eef1f4;--color-on-dark: #ffffff;--color-on-dark-dim: #aeb6c2;--color-on-dark-faint: #7c8593;--color-dark: #0b0c0e;--color-dark-2: #16181d;--color-dark-3: #1f232a;--color-dark-border: #2a2f38;--color-teal-glow: #1c7e90;--color-green: #16a34a;--color-green-tint: #e7f6ec;--color-danger: #d9434e;--radius-sm: 7px;--radius-md: 14px;--radius-pill: 999px;--radius-btn: 10px;--radius-float: 12px;--radius-rule: 2px;--radius-crop: 10px;--content-max: 1160px;--page-gutter: 40px;--shadow-card: 0 1px 2px rgba(16, 17, 20, .04), 0 8px 24px -6px rgba(16, 17, 20, .06);--shadow-browser: 0 14px 34px -6px rgba(15, 18, 23, .1);--shadow-panel: 0 8px 22px -4px rgba(15, 18, 23, .06);--shadow-float-md: 0 16px 40px rgba(0, 0, 0, .5);--shadow-float-lg: 0 20px 48px rgba(0, 0, 0, .5);--shadow-float-xl: 0 24px 56px rgba(0, 0, 0, .55);--font-body: "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-numeric: "Inter", "Heebo", system-ui, sans-serif;--color-ink-muted: #69727f;--color-on-brand-dim: rgba(255, 255, 255, .92);--color-border-soft: #eef1f5;--color-border-on-dark: rgba(255, 255, 255, .12);--color-chip: #f4f6f9;--color-chip-border: #eaeef3;--color-badge-soft: #f1f3f6;--color-field-soft: #f2f4f7;--color-outline-strong: #d7dce3;--color-chrome-dot: #e2e5ea;--color-tabbar: #f8f9fb;--color-brand-hover: #1f51c4;--color-on-dark-soft: #cfd5de;--guide-column: 680px;--guide-panel: 1040px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--color-ink);background-color:var(--color-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.is-numeric{font-family:var(--font-numeric);font-feature-settings:"tnum" 1}img,picture,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:calc(var(--content-max) + var(--page-gutter) * 2);margin-inline:auto;padding-inline:var(--page-gutter)}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0 var(--page-gutter);text-align:center}.not-found__title{font-size:32px;font-weight:800;color:var(--color-ink)}@media (max-width: 768px){:root{--page-gutter: 24px}}@media (max-width: 480px){:root{--page-gutter: 20px}}.logo{display:block;height:26px;width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:17px 26px;border-radius:var(--radius-btn);font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn__icon{flex-shrink:0}.btn--primary{background-color:var(--color-brand);color:var(--color-on-dark)}.btn--primary:hover{background-color:var(--color-brand-hover)}.btn--secondary{background-color:var(--color-page);color:var(--color-ink);border:1px solid var(--color-outline-strong)}.btn--secondary:hover{border-color:var(--color-muted);background-color:var(--color-soft)}.btn--ghost{gap:6px;padding:0;border-radius:0;background:none;color:var(--color-brand);font-weight:600}.btn--ghost:hover{color:var(--color-brand-hover)}.btn--ghost:hover .btn__icon,.btn--ghostInvert:hover .btn__icon{transform:translate(-3px)}.btn--ghost .btn__icon,.btn--ghostInvert .btn__icon{transition:transform .15s ease}.btn--ghostInvert{gap:8px;padding:0;border-radius:0;background:none;color:var(--color-on-dark);font-weight:600}.btn--ghostInvert:hover{color:var(--color-on-dark-dim)}.btn--invert{background-color:var(--color-page);color:var(--color-brand)}.btn--invert:hover{background-color:#ffffffe6}.btn--invertOutline{background-color:transparent;color:var(--color-on-dark);border:1.5px solid var(--color-on-dark)}.btn--invertOutline:hover{background-color:#ffffff1f}.btn--ghostInvert:focus-visible,.btn--invert:focus-visible,.btn--invertOutline:focus-visible{outline-color:var(--color-on-dark)}.btn--sm{padding:12px 20px;font-size:15px;border-radius:var(--radius-sm)}.nav{position:sticky;top:0;z-index:100;background-color:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-block-end:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px;padding-inline:56px}.nav__brand{flex-shrink:0}.nav__links{display:flex;align-items:center;gap:30px}.nav__link{padding-block:4px;font-size:15px;font-weight:500;color:var(--color-ink);transition:color .15s ease}.nav__link:hover{color:var(--color-brand)}.nav__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav__menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-ink)}@media (max-width: 768px){.nav__inner{padding-block:10px;padding-inline:var(--page-gutter)}.nav__links{position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:flex-end;gap:4px;padding:16px var(--page-gutter) 20px;background-color:var(--color-page);border-block-end:1px solid var(--color-border);display:none}.nav__links.is-open{display:flex}.nav__link{width:100%;padding-block:10px;text-align:end}.nav__menu-toggle{display:inline-flex}}.footer{background-color:var(--color-dark-2);padding-block:72px 40px}.footer__top{display:flex;justify-content:space-between;gap:48px}.footer__brand{flex:0 1 280px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer__tagline{font-size:14px;line-height:1.55;color:var(--color-on-dark-dim)}.footer__columns{display:flex;gap:64px}.footer__column-title{margin-bottom:12px;font-size:14px;font-weight:700;color:var(--color-on-dark)}.footer__links{display:flex;flex-direction:column;gap:12px}.footer__link{padding:0;font-size:14px;text-align:start;color:var(--color-on-dark-dim);transition:color .15s ease}.footer__link:hover{color:var(--color-on-dark)}.footer__divider{margin-block:40px;border:none;border-top:1px solid var(--color-dark-border)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.footer__copyright{font-size:13px;color:var(--color-on-dark-faint)}@media (max-width: 880px){.footer{padding-block:48px 32px}.footer__top{flex-direction:column;gap:40px}.footer__brand{flex-basis:auto}.footer__columns{flex-wrap:wrap;gap:32px 48px}.footer__column{flex:0 0 40%}}@media (max-width: 600px){.footer__bottom{flex-direction:column;align-items:flex-start;gap:12px}}.guide-block__paragraph{font-size:18px;line-height:1.8;color:var(--color-ink)}.guide-block__callout{display:flex;padding-block:26px;padding-inline:28px 32px;border-radius:var(--radius-md);background-color:var(--color-brand-tint)}.guide-block__callout-text{padding-inline-start:20px;border-inline-start:3px solid var(--color-brand);font-size:19px;font-weight:500;line-height:1.75;color:var(--color-ink)}.guide-block__list{display:flex;flex-direction:column;gap:16px}.guide-block__list-item{position:relative;padding-inline-start:20px;font-size:18px;line-height:1.8;color:var(--color-ink)}.guide-block__list-item:before{content:"";position:absolute;inset-inline-start:0;top:13px;width:6px;height:6px;border-radius:50%;background-color:var(--color-brand)}.guide-block__list-label{font-weight:700}@media (max-width: 768px){.guide-block__paragraph,.guide-block__list-item{font-size:17px;line-height:1.75}.guide-block__list-item:before{top:12px}.guide-block__callout{padding-block:20px;padding-inline:18px 20px}.guide-block__callout-text{padding-inline-start:16px;font-size:17px}}.whys-feature{display:flex;border-radius:16px}.whys-feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand)}.whys-feature__body{flex:1;min-width:0}.whys-feature__title{font-weight:700;line-height:1.4;color:var(--color-on-dark)}.whys-feature__text{line-height:1.7;color:var(--color-on-dark-soft)}.whys-feature__strong{font-weight:600;color:var(--color-on-dark)}.whys-feature--primary{flex-direction:column;align-items:flex-start;gap:14px;padding:28px 28px 30px;background-color:var(--color-dark-3);border:1px solid var(--color-dark-border)}.whys-feature--primary>.whys-feature__icon{width:44px;height:44px;border-radius:10px}.whys-feature--primary>.whys-feature__body{display:flex;flex-direction:column;gap:14px}.whys-feature--primary .whys-feature__title{font-size:24px}.whys-feature--primary .whys-feature__text{font-size:16px}.whys-feature--secondary{gap:16px;padding:20px 22px 22px;border:1px solid var(--color-border-on-dark)}.whys-feature--secondary>.whys-feature__icon{width:36px;height:36px;border-radius:9px}.whys-feature--secondary>.whys-feature__body{display:flex;flex-direction:column;gap:6px}.whys-feature--secondary .whys-feature__title{font-size:18px}.whys-feature--secondary .whys-feature__text{font-size:15px}@media (max-width: 768px){.whys-feature--primary{gap:12px;padding:22px 22px 24px}.whys-feature--primary>.whys-feature__icon{width:40px;height:40px}.whys-feature--primary>.whys-feature__icon>.whys-feature__icon-image{width:20px;height:20px}.whys-feature--primary>.whys-feature__body{gap:12px}.whys-feature--primary .whys-feature__title{font-size:21px}.whys-feature--primary .whys-feature__text{font-size:15px}.whys-feature--secondary{gap:14px;padding:16px 18px 18px}.whys-feature--secondary>.whys-feature__icon{width:32px;height:32px;border-radius:8px}.whys-feature--secondary>.whys-feature__icon>.whys-feature__icon-image{width:16px;height:16px}.whys-feature--secondary>.whys-feature__body{gap:4px}.whys-feature--secondary .whys-feature__title{font-size:17px}}.whys{width:100%;max-width:var(--guide-panel);margin-inline:auto;padding-block-start:80px}.whys__panel{display:flex;flex-direction:column;gap:44px;padding:64px;border-radius:24px;background:radial-gradient(650px 680px at 92.5% 0,color-mix(in srgb,var(--color-brand) 30%,transparent),transparent),var(--color-dark-2)}.whys__head{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.whys__title{font-size:38px;font-weight:800;line-height:1.25;color:var(--color-on-dark)}.whys__intro{font-size:19px;line-height:1.75;color:var(--color-on-dark-dim)}.whys__features{display:grid;grid-template-columns:1fr 444px;grid-template-areas:"primary proof" "secondary secondary";gap:20px 24px}.whys__primary{grid-area:primary;display:flex;flex-direction:column;gap:20px}.whys__proof{grid-area:proof;min-width:0}.whys__secondary{grid-area:secondary;display:grid;grid-template-columns:1fr 1fr;gap:20px}.whys__statement{display:flex;flex-direction:column;gap:10px;padding-inline-start:20px;border-inline-start:3px solid var(--color-brand);font-weight:600}.whys__statement-lead{font-size:17px;line-height:1.5;color:var(--color-on-dark-dim)}.whys__statement-text{font-size:26px;line-height:1.45;color:var(--color-on-dark)}.whys__details{display:flex;flex-direction:column;gap:14px;padding-block-start:28px;border-block-start:1px solid var(--color-dark-border);font-size:17px;line-height:1.75;color:var(--color-on-dark-dim)}.whys__actions{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 960px){.whys__features{grid-template-columns:1fr;grid-template-areas:"proof" "primary" "secondary";gap:12px}.whys__proof{margin-block-end:20px}.whys__primary{gap:12px}.whys__secondary{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.whys{padding-block-start:56px}.whys__panel{gap:32px;padding:36px 22px;border-radius:20px}.whys__head{gap:16px}.whys__title{font-size:27px;line-height:1.3}.whys__intro{font-size:17px}.whys__statement{gap:8px;padding-inline-start:16px}.whys__statement-lead{font-size:15px}.whys__statement-text{font-size:21px;line-height:1.5}.whys__details{gap:12px;padding-block-start:24px;font-size:16px}.whys__actions{flex-direction:column}.whys__cta{width:100%}}.guide{padding-block:56px 120px;padding-inline:var(--page-gutter)}.guide__article{max-width:var(--guide-column);margin-inline:auto}.guide__header{display:flex;flex-direction:column;gap:24px}.guide__crumbs{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.6;color:var(--color-secondary)}.guide__crumb:not(:last-child):after{content:"›";margin-inline:.3em;color:var(--color-muted)}.guide__crumb.is-current{color:var(--color-ink)}.guide__crumb-link{transition:color .15s ease}.guide__crumb-link:hover{color:var(--color-brand)}.guide__title{max-width:520px;font-size:44px;font-weight:800;line-height:1.18;color:var(--color-ink)}.guide__intro{display:flex;flex-direction:column;gap:24px}.guide__lead{font-size:20px;line-height:1.7;color:var(--color-ink)}.guide__section{display:flex;flex-direction:column;gap:20px;padding-block-start:64px}.guide__heading{font-size:28px;font-weight:700;line-height:1.35;color:var(--color-ink)}@media (max-width: 768px){.guide{padding-block:24px 64px}.guide__header{gap:18px}.guide__crumbs{font-size:13px}.guide__title{max-width:none;font-size:30px;line-height:1.22}.guide__intro{gap:20px}.guide__lead{font-size:18px}.guide__section{gap:16px;padding-block-start:48px}.guide__heading{font-size:23px}}