:root{--palette-white: #ffffff;--palette-gray-50: #f5f5f7;--palette-gray-100: #e8e8ed;--palette-gray-500: #6e6e73;--palette-gray-600: #a1a1a6;--palette-gray-850: #1b1b1e;--palette-gray-900: #1d1d1f;--palette-black: #000000;--palette-blue-500: #0071e3;--palette-blue-400: #2997ff;--palette-green-500: #28c840;--palette-yellow-500: #febc2e;--palette-red-500: #ff5f57;--color-bg: var(--palette-white);--color-bg-subtle: var(--palette-gray-50);--color-surface: var(--palette-white);--color-text: var(--palette-gray-900);--color-text-secondary: var(--palette-gray-500);--color-border: rgba(0, 0, 0, .1);--color-accent: var(--palette-blue-500);--color-on-accent: var(--palette-white);--color-scrim: rgba(255, 255, 255, .72);--color-knob: var(--palette-white);--color-shell-top: #f8f8fa;--color-shell-bottom: #d7d7dc;--color-shell-edge: rgba(0, 0, 0, .15);--color-shell-reflection: rgba(255, 255, 255, .95);--color-shell-occlusion: rgba(0, 0, 0, .2);--color-ripple: rgba(0, 113, 227, .6);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, monospace;--text-2xs: .72rem;--text-xs: .8rem;--text-sm: .875rem;--text-base: .95rem;--text-md: 1rem;--text-lg: 1.0625rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-lede: clamp(1.08rem, 2vw, 1.3rem);--text-tagline: clamp(1.15rem, 2.2vw, 1.45rem);--text-statement: clamp(1.35rem, 2.7vw, 1.85rem);--text-display-md: clamp(2.3rem, 5.6vw, 3.8rem);--text-display-lg: clamp(3.6rem, 11vw, 7.5rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.08;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.55;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: -.01em;--tracking-loose: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-section: clamp(5rem, 12vh, 8.75rem);--space-block: clamp(2.25rem, 6vh, 3.75rem);--space-hero-top: clamp(4.375rem, 12vh, 8.125rem);--space-hero-visual: clamp(3.5rem, 9vh, 6rem);--radius-xs: 5px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-pill: 980px;--radius-circle: 50%;--shadow-raised: 0 1px 3px rgba(0, 0, 0, .3);--shadow-floating: 0 20px 60px rgba(0, 0, 0, .12);--shadow-object: 0 30px 50px rgba(0, 0, 0, .18);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-slow: .9s;--duration-loop: 4.5s;--duration-loop-tap: 3.2s;--container-width: 1024px;--container-gutter: var(--space-6);--measure-wide: 700px;--measure-mid: 640px;--measure-narrow: 560px;--nav-height: 52px;--z-nav: 100;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: var(--palette-black);--color-bg-subtle: #101012;--color-surface: var(--palette-gray-850);--color-text: var(--palette-gray-50);--color-text-secondary: var(--palette-gray-600);--color-border: rgba(255, 255, 255, .14);--color-accent: var(--palette-blue-400);--color-on-accent: var(--palette-white);--color-scrim: rgba(0, 0, 0, .65);--color-knob: #d5d5d8;--color-shell-top: #2e2e32;--color-shell-bottom: #0e0e10;--color-shell-edge: rgba(255, 255, 255, .18);--color-shell-reflection: rgba(255, 255, 255, .32);--color-shell-occlusion: rgba(0, 0, 0, .55);--color-ripple: rgba(41, 151, 255, .65);--shadow-floating: 0 20px 60px rgba(0, 0, 0, .7)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--space-2))}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-relaxed);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-xs)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:.1em .4em}.section--alt code{background:var(--color-bg)}.btn{display:inline-block;border:0;border-radius:var(--radius-pill);font-family:inherit;font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);text-align:center;cursor:pointer;transition:transform var(--duration-fast) ease,opacity var(--duration-fast) ease}.btn:hover{opacity:.85;transform:scale(1.02)}.btn:active{transform:scale(.99)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--sm{padding:var(--space-1) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-7);font-size:var(--text-lg)}.link-arrow{font-size:var(--text-lg);color:var(--color-accent)}.link-arrow:hover{text-decoration:underline;text-underline-offset:3px}.link-arrow>span{margin-left:2px}.link-quiet{text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-secondary);letter-spacing:.01em}.lede{font-size:var(--text-lede);line-height:var(--leading-normal);color:var(--color-text-secondary)}.lede strong{color:var(--color-text);font-weight:var(--weight-semibold)}.lede+.lede{margin-top:var(--space-4)}.fineprint{font-size:var(--text-xs);color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-7)}.card__icon{width:30px;height:30px;color:var(--color-text);margin-bottom:var(--space-4)}.card__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.015em;margin-bottom:var(--space-2)}.card__body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-secondary)}.tile strong{display:block;color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.step{display:flex;gap:var(--space-4);align-items:flex-start}.step__num{flex:none;width:30px;height:30px;border-radius:var(--radius-circle);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex;align-items:center;justify-content:center;margin-top:1px}.step__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.step__body{margin-top:var(--space-1);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}.switch{flex:none;width:38px;height:23px;border-radius:var(--radius-pill);background:var(--color-border);position:relative}.switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:var(--radius-circle);background:var(--color-knob);box-shadow:var(--shadow-raised)}.switch--on{background:var(--color-accent)}.switch--on:after{left:auto;right:2px;background:var(--palette-white)}.window{width:min(var(--measure-narrow),100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);overflow:hidden;font-size:var(--text-sm)}.window__titlebar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.window__light{width:12px;height:12px;border-radius:var(--radius-circle)}.window__light--red{background:var(--palette-red-500)}.window__light--yellow{background:var(--palette-yellow-500)}.window__light--green{background:var(--palette-green-500)}.window__title{flex:1;text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-right:52px}.window__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-1);padding:2px var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border)}.window__tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.window__tab--active{background:var(--color-bg-subtle);color:var(--color-text);font-weight:var(--weight-medium);border:1px solid var(--color-border)}.window__body{padding:var(--space-5) var(--space-5) var(--space-6);background:var(--color-bg-subtle)}.window__group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.window__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.window__row+.window__row{border-top:1px solid var(--color-border)}.window__label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-loose);color:var(--color-text-secondary);margin:var(--space-4) var(--space-1) var(--space-2)}.window__status{display:flex;align-items:center;gap:var(--space-2)}.window__check{flex:none;width:17px;height:17px;border-radius:var(--radius-circle);background:var(--palette-green-500);color:var(--palette-white);font-size:var(--text-2xs);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.container{max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-gutter)}.actions{display:flex;align-items:center;gap:var(--space-7);flex-wrap:wrap}.actions--center{justify-content:center}.site-nav{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-scrim);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border)}.site-nav__inner{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}.site-nav__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal)}.site-nav__brand img{border-radius:var(--radius-xs)}.site-nav__links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-xs)}.site-nav__link{color:var(--color-text-secondary);transition:color var(--duration-fast) ease}.site-nav__link:hover{color:var(--color-text)}.hero{padding:var(--space-hero-top) var(--container-gutter) 0;text-align:center;overflow:hidden}.hero__title{margin-top:var(--space-3);font-size:var(--text-display-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.03}.hero__tagline{margin-top:var(--space-3);font-size:var(--text-tagline);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.hero__statement{max-width:var(--measure-mid);margin:var(--space-block) auto 0;font-size:var(--text-statement);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);color:var(--color-text-secondary)}.hero__statement strong{color:var(--color-text);font-weight:var(--weight-semibold)}.hero .actions,.section__copy+.actions{margin-top:var(--space-10)}.actions+.fineprint{margin-top:var(--space-5)}.hero__visual{margin:var(--space-hero-visual) auto var(--space-2);width:clamp(170px,24vw,240px)}.mouse{width:100%;filter:drop-shadow(var(--shadow-object))}.mouse__tap{fill:var(--color-ripple);animation:tap-dot var(--duration-loop-tap) ease-in-out infinite}.mouse__ripple{fill:none;stroke:var(--color-ripple);stroke-width:2.5;opacity:0;transform-origin:130px 120px;animation:ripple var(--duration-loop-tap) ease-out infinite}.mouse__ripple--delayed{animation-delay:.35s}@keyframes tap-dot{0%,55%,to{opacity:0}60%,80%{opacity:1}}@keyframes ripple{0%,58%{opacity:0;transform:scale(.4)}62%{opacity:.9}95%,to{opacity:0;transform:scale(2.6)}}.section{padding-block:var(--space-section)}.section--alt{background:var(--color-bg-subtle)}.section--center{text-align:center}.section__copy{max-width:var(--measure-wide)}.section--center .section__copy{max-width:var(--measure-mid);margin-inline:auto}.section__title{font-size:var(--text-display-md);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-6)}.section--center .section__title{margin-bottom:var(--space-4)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-14)}.compare__screen{position:relative;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:250px;overflow:hidden}.section--alt .compare__screen{background:var(--color-bg)}.compare__page{padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.compare__item--before .compare__page{animation:page-jump var(--duration-loop) ease-in-out infinite}.compare__line{height:11px;border-radius:var(--radius-xs);background:var(--color-border)}.compare__line--target{background:var(--color-accent);opacity:.75}.compare__cursor{position:absolute;width:22px;height:22px;left:50%;top:44%;animation:cursor-move var(--duration-loop) ease-in-out infinite}.compare__click{position:absolute;left:calc(50% - 12px);top:calc(44% - 10px);width:26px;height:26px;border:2px solid var(--color-ripple);border-radius:var(--radius-circle);opacity:0;animation:click-ring var(--duration-loop) ease-out infinite}.compare__caption{margin-top:var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}.compare__caption strong{display:block;color:var(--color-text);font-weight:var(--weight-semibold)}@keyframes cursor-move{0%{transform:translate(150px,130px)}30%,87%{transform:translate(0)}40%,44%{transform:translate(0) scale(.82)}48%{transform:translate(0) scale(1)}to{transform:translate(150px,130px)}}@keyframes click-ring{0%,41%{opacity:0;transform:scale(.4)}46%{opacity:.9}70%,to{opacity:0;transform:scale(2.2)}}@keyframes page-jump{0%,43%{transform:translateY(0)}47%{transform:translateY(-34px)}49%{transform:translateY(-28px)}88%{transform:translateY(-28px)}96%,to{transform:translateY(0)}}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5);margin-top:var(--space-14)}.bento>.card{grid-column:span 2}.bento>.card--wide{grid-column:span 3}.figure-center{margin-top:var(--space-14);display:flex;justify-content:center}.tile-grid{list-style:none;margin-top:var(--space-10);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.steps{list-style:none;max-width:var(--measure-narrow);margin:var(--space-16) auto 0;text-align:left;display:flex;flex-direction:column;gap:var(--space-6)}.section__note{margin-top:var(--space-14);font-size:var(--text-base);color:var(--color-text-secondary)}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-8) var(--space-10);font-size:var(--text-xs);color:var(--color-text-secondary)}.site-footer__legal{margin-top:var(--space-2)}@media(max-width:900px){.bento>.card,.bento>.card--wide{grid-column:span 3}}@media(max-width:640px){.site-nav__link{display:none}.compare{grid-template-columns:1fr}.bento>.card,.bento>.card--wide{grid-column:span 6}}.reveal{opacity:0;transform:translateY(26px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.reveal.is-visible{opacity:1;transform:none}.is-visible:nth-child(2){transition-delay:.07s}.is-visible:nth-child(3){transition-delay:.14s}.is-visible:nth-child(4){transition-delay:.21s}.is-visible:nth-child(5){transition-delay:.28s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn:hover,.btn:active{transform:none}.mouse__tap,.mouse__ripple,.compare__cursor,.compare__click,.compare__item--before .compare__page{animation:none}.mouse__ripple,.compare__click{opacity:0}}