.hero{position:relative;padding-top:clamp(48px,7vw,88px);padding-bottom:0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(14,15,12,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,15,12,.04) 1px,transparent 1px),linear-gradient(to right,rgba(14,15,12,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,15,12,.06) 1px,transparent 1px);background-size:24px 24px,24px 24px,96px 96px,96px 96px;pointer-events:none;mask-image:linear-gradient(to bottom,black 60%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent)}.hero-content{position:relative;z-index:2;max-width:880px;margin:0 auto clamp(40px,5vw,56px);text-align:center}.hero-title{font-family:var(--sans);font-weight:700;font-size:var(--t-hero);line-height:1.02;letter-spacing:-.035em;color:var(--ink);margin-bottom:24px}.hero-sub{font-size:var(--t-xl);line-height:1.4;color:var(--ink-2);max-width:60ch;margin:0 auto 32px;letter-spacing:-.005em}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.browser{position:relative;z-index:2;background:#fff;border:1px solid var(--paper-3);border-radius:12px 12px 0 0;box-shadow:0 1px #fffc inset,0 24px 60px -20px #0e0f0c2e,0 8px 20px -8px #0e0f0c1a;overflow:hidden;margin-bottom:-1px}.browser-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f4f3ee;border-bottom:1px solid var(--paper-3)}.browser-dots{display:flex;gap:7px}.browser-dot{width:11px;height:11px;border-radius:50%}.browser-dot:nth-child(1){background:#e5675b}.browser-dot:nth-child(2){background:#e5c354}.browser-dot:nth-child(3){background:#5bb572}.browser-tabs{display:flex;gap:0;margin-left:12px}.browser-tab{font-family:var(--sans);font-size:var(--t-sm);color:var(--ink-3);padding:6px 16px;border-radius:7px 7px 0 0;display:flex;align-items:center;gap:8px;max-width:200px}.browser-tab.active{background:#fff;color:var(--ink);font-weight:500}.browser-tab .favicon{width:14px;height:14px;border-radius:3px;flex-shrink:0}.browser-url{flex:1;max-width:360px;margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink-3);background:#fff;border:1px solid var(--paper-3);border-radius:6px;padding:5px 12px;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.browser-url:before{content:"🔒";font-size:10px;opacity:.5}.browser-extensions{display:flex;gap:4px;align-items:center}.ext-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;font-weight:700}.ext-icon.us img{width:24px;height:24px;display:block}.browser-body{position:relative;min-height:460px;padding:36px 48px 78px;background:#fcfbf7}.demo-page-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.demo-page-logo{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:center;gap:8px}.demo-page-logo:before{content:"";width:18px;height:18px;background:var(--ink);border-radius:3px;transform:rotate(45deg);flex-shrink:0}.demo-page-links{display:flex;gap:24px;font-size:var(--t-sm);color:var(--ink-2)}.demo-page-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.demo-page-h1{font-family:var(--sans);font-weight:700;font-size:42px;line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin-bottom:16px;max-width:12ch}.demo-page-p{font-size:var(--t-md);line-height:1.55;color:var(--ink-2);margin-bottom:28px;max-width:38ch}.demo-page-actions{display:flex;gap:12px;align-items:center}.demo-cta{position:relative;display:inline-flex;align-items:center;gap:6px;background:#635bff;color:#fff;font-family:var(--sans);font-size:15px;font-weight:600;padding:12px 22px;border-radius:8px;transition:all .2s;cursor:default}.demo-cta:hover{background:#5247e0;transform:translateY(-1px)}.demo-cta-secondary{font-size:var(--t-sm);color:var(--ink-2);border-bottom:1px solid var(--ink-3);padding-bottom:1px}.inspected-wrap{position:relative;display:inline-block}.inspected-halo{position:absolute;inset:-6px;border:2px solid var(--mk);border-radius:12px;pointer-events:none;animation:halo-pulse 2.4s ease-in-out infinite}@keyframes halo-pulse{0%,to{box-shadow:0 0 #e5391c33}50%{box-shadow:0 0 0 8px #e5391c00}}.inspected-halo:before,.inspected-halo:after{content:"";position:absolute;width:10px;height:10px;background:var(--mk)}.inspected-halo:before{top:-2px;left:-2px}.inspected-halo:after{bottom:-2px;right:-2px}.demo-cursor{position:absolute;width:18px;height:22px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(14,15,12,.3));z-index:4}.inspected-wrap .demo-cursor{left:60%;top:50%}.demo-toolbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:1px;padding:5px;background:#0e0f0c;color:#ececec;border-radius:12px;font-family:var(--sans);letter-spacing:-.005em;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #0003,0 2px 4px #0000001a,0 16px 32px -4px #00000040,0 32px 56px -12px #0000004d;z-index:6;white-space:nowrap}.dtb-brand{display:inline-flex;align-items:center;gap:6px;height:30px;padding:6px 11px;font-size:12px;font-weight:700;color:#ececec;letter-spacing:-.005em;border-radius:6px}.dtb-brand img{width:20px;height:20px;border-radius:4px;flex:0 0 auto;display:block}.dtb-divider{width:1px;height:20px;background:#ffffff1f;margin:0 4px;opacity:.6;flex-shrink:0}.dtb-gap{width:6px;flex-shrink:0}.dtb-item{display:inline-flex;align-items:center;gap:7px;height:30px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;color:#ececec;white-space:nowrap;letter-spacing:-.005em}.dtb-state{background:#ffffff0f;box-shadow:0 0 0 .5px #ffffff1f;padding:6px 12px 6px 10px}.dtb-ico{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:currentColor}.dtb-ico svg{width:16px;height:16px;display:block}.dtb-pulse{width:8px;height:8px;border-radius:50%;background:#6fcf7a;position:relative;flex-shrink:0}.dtb-pulse:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:#6fcf7a;opacity:.3;animation:dtb-pulse 1.8s ease-in-out infinite}@keyframes dtb-pulse{0%,to{transform:scale(.9);opacity:.3}50%{transform:scale(1.6);opacity:0}}.dtb-lbl{color:#7e7f78;margin-right:3px;font-weight:500}.dtb-val{color:inherit}.dtb-key{display:inline-flex;align-items:center;justify-content:center;min-width:17px;font-family:var(--mono);font-size:10.5px;font-weight:600;color:#ececec;background:#ffffff0d;border:.5px solid rgba(255,255,255,.12);border-radius:4px;padding:1.5px 5px;margin-left:3px;line-height:1.35}.dtb-chev{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:#7e7f78;margin-left:2px;flex-shrink:0}.dtb-chev svg{width:10px;height:10px;display:block}.dtb-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:#7e7f78;margin-left:2px;flex-shrink:0}.dtb-close svg{width:16px;height:16px;display:block}.dtb-brand-text,.dtb-lbl,.dtb-val{text-box-trim:trim-both;text-box-edge:cap alphabetic}.tooltip{position:absolute;width:330px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #fffc,0 0 0 1px #0e0f0c0f,0 1px 3px #0e0f0c14,0 12px 24px -4px #0e0f0c24,0 24px 48px -8px #0e0f0c2e;font-family:var(--mono);font-size:13px;line-height:1.45;color:var(--ink);letter-spacing:-.005em;z-index:5}.tt-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:8px 12px;background:#fff;color:var(--ink);border-bottom:1px solid #DEDEDE;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:-.01em}.tt-mode{font-family:var(--sans);font-weight:700;color:var(--ink);background:var(--hi);border:1px solid rgba(186,152,0,.55);border-radius:3px;padding:1px 6px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.tt-edited{font-family:var(--sans);font-weight:700;color:#fff;background:var(--mk);border:1px solid var(--mk);border-radius:3px;padding:1px 6px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.tt-chip{font-family:var(--mono);font-size:12px;font-weight:400;color:#2e2e2e;background:#f4f4f4;border-radius:3px;padding:3px 7px;flex-shrink:0;letter-spacing:0}.tt-group{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#707070;margin:14px -14px 7px;padding:14px 14px 0;border-top:.5px solid #DEDEDE}.tt-group:first-child,.tt-add+.tt-group{margin-top:0;padding-top:0;border-top:none}.tt-ck{position:relative;width:13px;height:13px;border-radius:3px;background:var(--mk);flex-shrink:0}.tt-ck:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;line-height:1}.tt-add{font-family:var(--mono);font-size:11px;color:var(--ink-3);background:#f3f2ed;border-radius:6px;padding:8px 10px;margin-bottom:12px}.tt-add em{color:inherit;font-style:normal}.tt-cp{margin-left:auto;font-size:10px;color:var(--ink-4)}.tt-copy{font-family:var(--sans);font-size:12.5px;font-weight:500;color:#fff;background:var(--ink);border-radius:6px;padding:6px 12px;letter-spacing:-.005em}.tt-pill{font-family:var(--mono);font-size:9px;font-weight:700;color:#14612f;background:#2bbe5a24;border:1px solid rgba(43,190,90,.45);border-radius:999px;padding:2px 8px}.tt-badges{display:flex;align-items:center;gap:6px}.panel .val,.val-link{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--paper-3)}.peek-stage .tt-row .key{min-width:118px}.tt-selectorbar{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:.5px solid #DEDEDE;background:#fff}.tt-tag{flex:1;min-width:0;font-family:var(--mono);font-weight:400;color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.tt-tabs{display:flex;gap:2px;padding:5px;background:#fff;border-bottom:.5px solid #DEDEDE}.tt-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;font-family:var(--sans);font-size:13px;font-weight:500;color:#707070;border-radius:3px;letter-spacing:-.005em}.tt-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #14110c0f,0 0 0 .5px #c8c8c8}.tt-tag .punct{color:#707070}.tt-dims{flex-shrink:0;font-family:var(--mono);font-size:12px;color:#707070;white-space:nowrap}.tt-body{padding:12px 14px 14px;background:#fff}.tt-row{display:flex;align-items:center;gap:9px;padding:3px 0;min-width:0}.tt-row .key{color:#707070;min-width:135px;flex-shrink:0}.tt-row .val{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tt-row .swatch{width:13px;height:13px;border-radius:3px;box-shadow:0 0 0 .5px #c8c8c8;flex-shrink:0}.tt-row.editing{flex-wrap:wrap;background:#e5391c12;margin:2px -14px;padding:6px 14px;border-radius:0}.tt-pseudo{margin:5px -14px 0;padding:5px 14px 0;border-top:.5px solid #DEDEDE}.tt-pseudo-lbl{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#707070;margin:14px 0 7px}.tt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:.5px solid #DEDEDE;background:#fff;font-family:var(--sans);font-size:12px;color:#707070}.kbd{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:500;color:#2e2e2e;background:#f4f4f4;border-radius:3px;padding:1px 6px;margin:0 1px}.peek{background:var(--ink);border-block:1px solid var(--ink)}.peek-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.peek-tag{display:inline-block;font-family:var(--mono);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--hi);border-radius:3px;padding:3px 9px;margin-bottom:18px}.peek-title{font-family:var(--sans);font-weight:700;font-size:var(--t-3xl);line-height:1.05;letter-spacing:-.025em;color:var(--paper);margin:0 0 18px}.peek-lede{font-size:var(--t-md);line-height:1.6;color:#f2f1ecb8;margin:0 0 24px;max-width:52ch}.peek-lede .kbd{background:#f2f1ec1f;border-color:#f2f1ec4d;color:var(--paper)}.peek-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.peek-list li{position:relative;padding-left:26px;font-size:var(--t-sm);line-height:1.5;color:#f2f1eccc}.peek-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--hi);font-weight:700}.peek-list strong{color:var(--paper);font-weight:700}.peek-foot{font-family:var(--mono);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f2f1ec73;margin:0}.peek-stage{display:flex;align-items:center;justify-content:center}.peek-stage .tooltip{position:relative;width:100%;max-width:330px;z-index:auto;box-shadow:0 30px 60px -24px #000000a6}@media(max-width:920px){.peek-inner{grid-template-columns:1fr}}.section-alt{background:var(--paper-2);border-block:1px solid var(--paper-3)}.section-head{text-align:center;max-width:760px;margin:0 auto clamp(40px,5vw,56px)}.section-title{font-family:var(--sans);font-weight:700;font-size:var(--t-3xl);line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px}.section-title .eyebrow{display:block;font-family:var(--mono);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mk);margin-bottom:14px}.section-title .hi{font-weight:700}.section-sub{font-size:var(--t-md);line-height:1.55;color:var(--ink-3);max-width:60ch;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0}.step{display:flex;flex-direction:column;gap:14px}.step-head{display:flex;align-items:center;gap:10px}.step-num{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--paper);background:var(--ink);padding:3px 8px;border-radius:3px}.step-title{font-family:var(--sans);font-weight:700;font-size:var(--t-lg);letter-spacing:-.015em;color:var(--ink);margin:0}.step-card{background:#fff;border:1px solid var(--paper-3);border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;position:relative;box-shadow:0 1px #fffc inset,0 8px 16px -8px #0e0f0c1a}.step-stage{position:relative;width:100%;height:100%;background:#faf9f4;padding:20px;display:flex;align-items:center;justify-content:center}.step-text{font-size:var(--t-sm);line-height:1.5;color:var(--ink-2);max-width:38ch}.step-text strong{color:var(--ink);font-weight:700}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--paper-3);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.feature-content{padding:28px 32px;display:flex;flex-direction:column;gap:12px}.feature-tag{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);align-self:flex-start;padding:3px 8px;background:var(--paper-2);border-radius:3px;border:1px solid var(--paper-3)}.feature-tag.pro{color:var(--ink);background:var(--hi);border-color:var(--ink)}.feature-title{font-family:var(--sans);font-weight:700;font-size:var(--t-2xl);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0}.feature-text{font-size:var(--t-md);line-height:1.55;color:var(--ink-2);max-width:56ch}.feature-stage{position:relative;flex:1;min-height:280px;background:#faf9f4;border-top:1px solid var(--paper-3);padding:24px 32px 32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vs-table{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:#fff;border:1px solid var(--paper-3);border-radius:10px;overflow:hidden;box-shadow:0 1px #fffc inset,0 8px 16px -8px #0e0f0c14}.vs-head{font-family:var(--sans);font-weight:700;font-size:var(--t-lg);letter-spacing:-.01em;margin:0;padding:18px 24px;border-bottom:1px solid var(--paper-3)}.vs-head-blank{background:#f7f6f1;border-right:1px solid var(--paper-3)}.vs-head-them{color:var(--ink);border-right:1px solid var(--paper-3)}.vs-head-us{color:var(--ink)}.vs-crit{margin:0;padding:18px 24px;font-family:var(--sans);font-size:var(--t-md);font-weight:700;color:var(--ink);background:#f7f6f1;border-right:1px solid var(--paper-3);border-bottom:1px solid var(--paper-3)}.vs-cell{position:relative;margin:0;padding:18px 24px 18px 46px;font-size:var(--t-md);line-height:1.55;color:var(--ink);border-bottom:1px solid var(--paper-3)}.vs-pain{border-right:1px solid var(--paper-3)}.vs-win strong{font-weight:700}.vs-mark{position:absolute;left:24px;top:18px;font-weight:700}.vs-pain .vs-mark{color:var(--mk)}.vs-win .vs-mark{color:#1b8b41}.vs-table>:nth-last-child(-n+3){border-bottom:none}@media(max-width:760px){.vs-head,.vs-crit{padding:12px 10px;font-size:var(--t-sm)}.vs-cell{padding:12px 10px 12px 26px;font-size:var(--t-sm)}.vs-mark{left:10px;top:12px}.vs-table>.vs-cell{border-bottom:1px solid var(--paper-3)}.vs-table>:last-child{border-bottom:none}}.feature-row{grid-column:1 / -1;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.feature-row .feature-content{justify-content:center}.feature-row .feature-stage{border-top:none;border-left:1px solid var(--paper-3)}.feature-row.is-flipped .feature-stage{order:-1;border-left:none;border-right:1px solid var(--paper-3)}.eyebrow-pro{display:inline-block;font-family:var(--mono);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--hi);border:1px solid var(--ink);border-radius:3px;padding:2px 8px;margin-bottom:14px}.pro-rows{display:grid;grid-template-columns:1fr;gap:20px}.free-trio{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trio-card{background:#fff;border:1px solid var(--paper-3);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.trio-stage{height:216px;flex-shrink:0;background:#faf9f4;border-bottom:1px solid var(--paper-3);display:flex;align-items:center;justify-content:center;padding:20px}.trio-content{flex:1;padding:22px 26px 26px;display:flex;flex-direction:column;gap:8px}.trio-title{font-family:var(--sans);font-weight:700;font-size:var(--t-lg);letter-spacing:-.015em;color:var(--ink);margin:0}.trio-text{font-size:var(--t-sm);line-height:1.55;color:var(--ink-2);margin:0}.bx{width:100%;max-width:230px;font-family:var(--mono)}.bx-layer{position:relative;border:1px dashed var(--paper-3);border-radius:4px;padding:15px 10px 10px}.bx-margin{background:#f6e7da}.bx-border{background:#f6dfbc}.bx-padding{background:#e2eeda}.bx-content{background:#d8e6f2;border-radius:3px;padding:14px 8px;text-align:center;font-size:11px;font-weight:600;color:var(--ink)}.bx-lbl{position:absolute;top:3px;left:7px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.bx-val{position:absolute;top:3px;right:7px;font-size:8px;color:var(--ink-2)}.ct{width:100%;max-width:210px;display:flex;flex-direction:column;gap:12px}.ct-sample{height:60px;display:flex;align-items:center;justify-content:center;background:#f2f1ec;border:1px solid var(--paper-3);border-radius:6px;font-family:var(--sans);font-size:28px;font-weight:700;color:#0e0f0c}.ct-rows{display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:11px}.ct-row{display:flex;align-items:center;gap:7px}.ct-sw{width:12px;height:12px;border-radius:2px;border:1px solid rgba(14,15,12,.15);flex-shrink:0}.ct-k{color:var(--ink-3);flex:1}.ct-v{color:var(--ink);font-weight:500}.ct-score{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--paper-3)}.ct-ratio{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--ink);flex:1}.ct-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.04em;color:#14612f;background:#2bbe5a29;border-radius:3px;padding:3px 6px}.tr{width:100%;max-width:230px;font-family:var(--mono);font-size:11px;display:flex;flex-direction:column;gap:3px}.tr-row{position:relative;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;color:var(--ink-2);margin-left:calc(var(--d, 0) * 13px)}.tr-row:before{content:"";position:absolute;left:-7px;top:0;bottom:0;width:1px;background:var(--paper-3)}.tr-row[style*="--d: 0"]:before{display:none}.tr-tag{font-weight:500}.tr-tag .punct{color:var(--ink-4)}.tr-row.current{background:var(--hi-soft);border:1px solid var(--hi);color:var(--ink);font-weight:600}.tr-here{margin-left:auto;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.audit{width:100%;max-width:340px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #00000038,0 4px 8px #00000024,0 20px 40px -6px #00000047,0 40px 72px -14px #00000057;font-family:var(--sans);color:var(--ink);letter-spacing:-.005em}.audit-bar{background:#fff;color:var(--ink);height:32px;padding:8px 12px;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;border-bottom:1px solid #DEDEDE}.audit-badge{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--hi);border:1px solid rgba(14,15,12,.14);border-radius:3px;padding:1px 6px;margin-left:auto}.audit-x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:10px;border-radius:6px;color:#707070;font-size:22px;line-height:1}.audit-tabs{display:flex;gap:2px;padding:5px;background:#fff;border-bottom:.5px solid #DEDEDE}.audit-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;font-family:var(--sans);font-size:13px;font-weight:500;color:#707070;border-radius:3px;letter-spacing:-.005em}.audit-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #14110c0f,0 0 0 .5px #c8c8c8}.audit-tab .count{font-family:var(--mono);font-size:11px;font-weight:400;color:#707070;background:#f4f4f4;border-radius:100px;padding:0 6px}.audit-list{padding:7px}.audit-row{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:6px}.audit-swatch{width:22px;height:22px;border-radius:6px;box-shadow:0 0 0 .5px #c8c8c8;flex-shrink:0}.audit-rowtext{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.audit-rowtext .name{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-rowtext .sub{font-family:var(--sans);font-size:12px;color:#707070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-count{font-family:var(--mono);font-size:11.5px;color:#707070;flex-shrink:0}.audit-foot{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:.5px solid #DEDEDE}.audit-copy{flex:1;display:block;text-align:center;background:var(--ink);color:#fff;font-family:var(--sans);font-size:12.5px;font-weight:700;border-radius:6px;padding:6px 12px;letter-spacing:-.005em;box-shadow:0 1px 2px #0e0f0c33}.codepen-block{background:var(--ink);border-radius:8px;padding:16px;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--paper);max-width:360px;overflow:hidden}.library-mock{width:100%;max-width:430px;background:#fff;border-radius:12px;padding:22px 24px 18px;font-family:var(--sans);box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0e0f0c14,0 2px 6px #0e0f0c1a,0 24px 48px -8px #0e0f0c33}.lib-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.lib-modal-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#0e0f0c}.lib-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:-7px;border-radius:6px;color:#a0a0a0}.lib-search{margin-bottom:8px;padding:6px 9px;background:#f4f4f4;border-radius:6px;font-size:13px;color:#a0a0a0}.lib-list{display:flex;flex-direction:column}.lib-head,.lib-row{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px}.lib-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#707070;border-bottom:.5px solid #DEDEDE}.lib-row{border-top:.5px solid #DEDEDE}.lib-num{font-size:11px;color:#707070}.lib-name{font-size:13px;color:#0e0f0c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-site{font-size:12px;color:#2e2e2e}.lib-when{font-size:11px;color:#707070;white-space:nowrap}.lib-head .lib-num,.lib-head .lib-when{font-size:inherit;color:inherit}.panel{width:100%;max-width:360px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #fffc,0 0 0 1px #0e0f0c0f,0 1px 3px #0e0f0c14,0 12px 24px -4px #0e0f0c24,0 24px 48px -8px #0e0f0c2e;font-family:var(--mono);font-size:13px;line-height:1.45;letter-spacing:-.005em}.inline-input{font-family:var(--mono);font-size:12px;color:var(--ink);background:transparent;border:none;border-bottom:2px solid var(--mk);border-radius:0;padding:0 1px 2px;display:inline-block;min-width:54px}.blink{display:inline-block;width:1px;background:var(--mk);color:transparent;margin-left:1px;animation:blink 1.05s step-end infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.was-hint{flex-basis:100%;margin:5px 0 0 21px;font-family:var(--mono);font-size:10px;color:var(--ink-3)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto}.price{background:#fff;border:1px solid var(--paper-3);border-radius:12px;padding:32px 32px 28px;display:flex;flex-direction:column;gap:18px;position:relative}.price.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.price.featured .price-name,.price.featured .price-amount,.price.featured .price-feat{color:var(--paper)}.price.featured .price-sub{color:var(--ink-4)}.price.featured .price-feat .check{color:var(--hi)}.price.featured hr{border-color:#f2f1ec2e}.price.featured code{background:#ffe34d2e;color:var(--paper);border-color:#ffe34d4d}.price-flag{position:absolute;top:-12px;left:24px;background:var(--hi);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:4px;border:1px solid var(--ink)}.price-name{font-family:var(--sans);font-weight:700;font-size:var(--t-lg);letter-spacing:-.01em;color:var(--ink);margin:0}.price-amount{display:flex;align-items:baseline;gap:6px;font-family:var(--sans);font-size:64px;font-weight:700;color:var(--ink);letter-spacing:-.04em;line-height:.95;margin:0}.price-amount .currency{font-size:28px;font-weight:700}.price-amount .was{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--ink-4);letter-spacing:0;text-decoration:line-through;text-decoration-color:var(--mk)}.price.featured .price-amount .was{color:var(--ink-4)}.price-amount .period{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0}.price-sub{font-size:var(--t-md);color:var(--ink-2);line-height:1.5}.price hr{border:none;border-top:1px solid var(--paper-3);margin:4px 0}.price-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}.price-feat{font-size:var(--t-sm);line-height:1.5;color:var(--ink-2);padding-left:22px;position:relative}.price-feat .check{position:absolute;left:0;top:0;color:var(--mk);font-weight:700}.price-feat code{background:#e5391c14;border:1px solid rgba(229,57,28,.18);color:var(--ink);padding:0 5px;border-radius:3px;font-size:.92em}.price-cta{margin-top:auto;padding-top:12px}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--paper-3)}.faq-q{width:100%;text-align:left;padding:22px 0;font-family:var(--sans);font-weight:700;font-size:var(--t-lg);letter-spacing:-.015em;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none}.faq-q::-webkit-details-marker{display:none}.faq-q .toggle{font-family:var(--mono);font-size:18px;color:var(--mk);transition:transform var(--quick);flex-shrink:0;font-weight:700}.faq-item[open] .faq-q .toggle{transform:rotate(45deg)}.faq-a{padding:0 0 24px;font-size:var(--t-md);line-height:1.6;color:var(--ink-2);max-width:68ch}.faq-a p+p{margin-top:12px}.closer{background:var(--ink);color:var(--paper);padding:clamp(72px,10vw,120px) 0;text-align:center}.closer-title{font-family:var(--sans);font-weight:700;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.03em;margin-bottom:14px;color:var(--paper);max-width:16ch;margin-inline:auto}.closer-sub{font-size:var(--t-lg);color:var(--ink-4);margin-bottom:36px;max-width:50ch;margin-inline:auto}.closer-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.closer-secondary{background:transparent;color:var(--paper);border:2px solid rgba(242,241,236,.3)}@media(max-width:1100px){.demo-page-content{gap:36px}.demo-page-h1{font-size:34px}}@media(max-width:920px){.features,.feature-row,.feature-row.is-flipped{grid-template-columns:1fr}.feature-row .feature-stage{border-left:none;border-top:1px solid var(--paper-3)}.feature-row.is-flipped .feature-stage{order:0;border-right:none;border-top:1px solid var(--paper-3)}.free-trio,.pricing,.keymap-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:28px}.browser-tabs,.browser-extensions{display:none}.demo-page-content{grid-template-columns:1fr}.demo-page-h1{font-size:28px;max-width:none}.browser-body .tooltip,.browser-body .demo-cursor{display:none}}@media(max-width:600px){:root{--t-3xl: 30px;--t-2xl: 22px;--t-xl: 18px;--t-lg: 16px}.browser-body{padding:24px 20px;min-height:auto}.browser-bar{padding:10px 12px}.compare-table th,.compare-table td{padding:12px 10px;font-size:12px}}.scene-activate *,.scene-hover *,.scene-copy *{animation-play-state:paused}.step-card.is-playing .scene-activate *,.step-card.is-playing .scene-hover *,.step-card.is-playing .scene-copy *{animation-play-state:running}.step-card.is-playing .scene-activate .ba-cursor,.step-card.is-playing .scene-activate .ba-toolbar,.step-card.is-playing .scene-hover .hov-cursor,.step-card.is-playing .scene-hover .hov-tooltip,.step-card.is-playing .scene-copy .cp-cursor,.step-card.is-playing .scene-copy .cp-toast{will-change:transform,opacity}.scene-activate{position:relative;width:100%;height:100%;overflow:hidden}.ba-chrome{position:absolute;top:18px;left:18px;right:18px;height:32px;background:#fff;border:1px solid var(--paper-3);border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 10px;box-shadow:0 1px #ffffffe6 inset}.ba-dots{display:flex;gap:5px}.ba-dots span{width:8px;height:8px;border-radius:50%;background:var(--paper-3)}.ba-url{flex:1;font-family:var(--mono);font-size:10px;color:var(--ink-3);background:var(--paper);border-radius:3px;padding:3px 8px;text-align:center}.ba-actions{display:flex;align-items:center;gap:6px;color:var(--ink-3)}.ba-puzzle{display:flex}.ba-wtc-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;position:relative}.ba-wtc-icon img{width:18px;height:18px;display:block}.ba-wtc-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#2bbe5a;border:1.5px solid #FFFFFF;opacity:0;transform:scale(.5);animation:act-badge-on 6s linear infinite}@keyframes act-icon-flash{0%,23%{background:var(--ink)}25%{background:var(--hi)}26%,to{background:var(--ink)}}@keyframes act-badge-on{0%,24%{opacity:0;transform:scale(.5)}28%{opacity:1;transform:scale(1.2)}32%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ba-page-hint{position:absolute;top:64px;left:22px;right:22px;display:flex;flex-direction:column;gap:7px;opacity:.55}.ba-line{height:6px;background:var(--paper-3);border-radius:2px}.ba-line-w-70{width:70%}.ba-line-w-50{width:50%}.ba-line-w-60{width:60%}.ba-cursor{position:absolute;width:18px;height:22px;top:32px;right:22px;animation:act-cursor-path 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes act-cursor-path{0%{transform:translate(-160px,110px);opacity:0}8%{transform:translate(-160px,110px);opacity:1}24%{transform:translate(0);opacity:1}26%{transform:translate(2px,2px);opacity:1}30%{transform:translate(0);opacity:1}55%{transform:translate(0);opacity:1}85%{transform:translate(-100px,80px);opacity:.9}95%{transform:translate(-160px,110px);opacity:0}to{transform:translate(-160px,110px);opacity:0}}.ba-toolbar{position:absolute;bottom:14px;left:50%;display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;background:var(--ink);color:var(--paper);border-radius:999px;font-family:var(--sans);font-size:11px;font-weight:600;box-shadow:0 6px 16px -6px #0e0f0c59;transform:translate(-50%,30px);opacity:0;animation:act-toolbar-rise 6s cubic-bezier(.22,1,.36,1) infinite}.ba-toolbar-mark{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.ba-toolbar-mark img{width:16px;height:16px;display:block}.ba-toolbar-text{letter-spacing:-.005em}.ba-toolbar-pill{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--paper);background:#2bbe5a2e;border-radius:999px;position:relative;padding:2px 7px 2px 16px}.ba-toolbar-pill:before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;border-radius:50%;background:#2bbe5a;transform:translateY(-50%);animation:act-pulse 1.4s ease-in-out infinite}@keyframes act-toolbar-rise{0%,24%{transform:translate(-50%,30px);opacity:0}32%{transform:translate(-50%,-2px);opacity:1}36%,90%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,30px);opacity:0}}@keyframes act-pulse{0%,to{box-shadow:0 0 #2bbe5a8c}50%{box-shadow:0 0 0 4px #2bbe5a00}}.scene-hover{position:relative;width:100%;height:100%}.hov-target{position:absolute;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.hov-target.t1{top:60%;left:8%;width:96px;height:34px;background:#635bff;color:#fff;padding:0 14px;border:none;border-radius:8px;font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:-.005em;box-shadow:0 4px 10px -4px #635bff73;cursor:default}.hov-target.t2{top:26%;left:22%;width:60px;height:44px;background:transparent;color:var(--ink);font-family:var(--sans);font-weight:700;font-size:38px;line-height:1;letter-spacing:-.02em}.hov-target.t3{bottom:22%;right:14%;width:36px;height:20px;background:var(--hi);color:var(--ink);padding:0 8px;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.01em}.hov-halo{position:absolute;pointer-events:none;border:1.5px solid var(--mk);animation:hov-halo-snap 6s steps(1,end) infinite}.hov-halo:before,.hov-halo:after{content:"";position:absolute;width:6px;height:6px;background:var(--mk)}.hov-halo:before{top:-3px;left:-3px}.hov-halo:after{bottom:-3px;right:-3px}@keyframes hov-halo-snap{0%,27%{top:calc(60% - 4px);left:calc(8% - 4px);width:104px;height:42px;border-radius:10px;opacity:1}28%,32%{opacity:0}33%,60%{top:calc(26% - 4px);left:calc(22% - 4px);right:auto;bottom:auto;width:68px;height:52px;border-radius:4px;opacity:1}61%,65%{opacity:0}66%,95%{bottom:calc(22% - 4px);right:calc(14% - 4px);top:auto;left:auto;width:44px;height:28px;border-radius:4px;opacity:1}96%,to{opacity:0}}.hov-cursor{position:absolute;width:16px;height:20px;animation:hov-cursor-path 6s cubic-bezier(.5,0,.2,1) infinite}@keyframes hov-cursor-path{0%,27%{top:calc(60% + 22px);left:calc(8% + 60px)}33%,60%{top:calc(26% + 36px);left:calc(22% + 36px)}66%,95%{top:78%;left:calc(86% - 12px)}to{top:calc(60% + 22px);left:calc(8% + 60px)}}.hov-tooltip{position:absolute;top:8px;right:10px;width:168px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px #0e0f0c0f,0 1px 3px #0e0f0c14,0 12px 24px -4px #0e0f0c24;overflow:hidden;font-family:var(--mono);font-size:10px;line-height:1.45;letter-spacing:-.005em}.hov-tt-head{background:#fff;color:var(--ink);border-bottom:1px solid #DEDEDE;padding:4px 8px;font-family:var(--sans);font-weight:700;font-size:9px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.01em}.hov-tt-head .mode{font-family:var(--sans);font-weight:700;color:var(--ink);background:var(--hi);border:1px solid rgba(186,152,0,.55);border-radius:3px;padding:0 4px;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.hov-tt-bodies{position:relative;height:92px}.hov-tt-body{position:absolute;inset:0;padding:6px 8px;opacity:0}.hov-tt-body.b1{animation:hov-body-b1 6s steps(1,end) infinite}.hov-tt-body.b2{animation:hov-body-b2 6s steps(1,end) infinite}.hov-tt-body.b3{animation:hov-body-b3 6s steps(1,end) infinite}@keyframes hov-body-b1{0%,27%{opacity:1}28%,to{opacity:0}}@keyframes hov-body-b2{0%,32%{opacity:0}33%,60%{opacity:1}61%,to{opacity:0}}@keyframes hov-body-b3{0%,65%{opacity:0}66%,95%{opacity:1}96%,to{opacity:0}}.hov-tt-body .row{display:flex;gap:6px;padding:1px 0;white-space:nowrap}.hov-tt-body .row .k{color:#707070;width:84px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.hov-tt-body .row .v{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.scene-copy{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.cp-clickzone{position:relative;padding-bottom:32px}.cp-btn{position:relative;display:inline-block;padding:9px 22px;background:#635bff;color:#fff;font-family:var(--sans);font-weight:600;font-size:12px;border-radius:6px;animation:cp-btn-flash 6s linear infinite}@keyframes cp-btn-flash{0%,24%{box-shadow:0 0 #635bff00}26%{box-shadow:0 0 0 4px #635bff59}30%,to{box-shadow:0 0 #635bff00}}.cp-halo{position:absolute;inset:-5px;border:1.5px solid var(--mk);border-radius:9px;pointer-events:none;animation:cp-halo-pulse 6s ease-in-out infinite}@keyframes cp-halo-pulse{0%,22%{opacity:.4}26%{opacity:1}80%,to{opacity:.4}}.cp-halo-corners{position:absolute;inset:-5px;pointer-events:none}.cp-halo-corners span{position:absolute;width:6px;height:6px;background:var(--mk)}.cp-halo-corners span:first-child{top:-3px;left:-3px}.cp-halo-corners span:last-child{bottom:-3px;right:-3px}.cp-cursor{position:absolute;width:18px;height:22px;top:6px;right:-10px;animation:cp-cursor-path 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes cp-cursor-path{0%{transform:translate(40px,26px);opacity:0}8%{transform:translate(40px,26px);opacity:1}22%{transform:translate(0);opacity:1}24%{transform:translate(-2px,2px);opacity:1}26%{transform:translate(0);opacity:1}55%{transform:translate(0);opacity:1}85%{transform:translate(40px,26px);opacity:.7}to{transform:translate(40px,26px);opacity:0}}.cp-ripple{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-8px;margin-left:-4px;border:2px solid var(--mk);border-radius:50%;pointer-events:none;opacity:0;transform:scale(.4);animation:cp-ripple-fire 6s linear infinite}@keyframes cp-ripple-fire{0%,24%{transform:scale(.4);opacity:0}25%{transform:scale(.4);opacity:.9}40%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.cp-toast{position:absolute;bottom:0;left:50%;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:600;font-size:11px;border-radius:999px;box-shadow:0 6px 14px -6px #0e0f0c59;transform:translate(-50%,12px);opacity:0;animation:cp-toast-slide 6s cubic-bezier(.22,1,.36,1) infinite;white-space:nowrap}.cp-toast-check{color:#2bbe5a;font-weight:700}@keyframes cp-toast-slide{0%,28%{transform:translate(-50%,12px);opacity:0}34%{transform:translate(-50%);opacity:1}80%{transform:translate(-50%);opacity:1}90%,to{transform:translate(-50%,12px);opacity:0}}.cp-code{width:220px;max-width:100%;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;line-height:1.6;padding:10px 12px;border-radius:6px;box-shadow:0 8px 18px -10px #0e0f0c59}.cp-code-line{opacity:0;transform:translateY(3px);animation:cp-line-in 6s linear infinite}.cp-code-line:nth-child(1){animation-delay:0s}.cp-code-line:nth-child(2){animation-delay:-5.85s}.cp-code-line:nth-child(3){animation-delay:-5.7s}@keyframes cp-line-in{0%,30%{opacity:0;transform:translateY(3px)}36%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.scene-activate *,.scene-hover *,.scene-copy *{animation:none!important}.step-card .scene-activate .ba-cursor,.step-card .scene-copy .cp-cursor{opacity:0}.step-card .scene-activate .ba-toolbar{transform:translate(-50%);opacity:1}.step-card .scene-activate .ba-wtc-icon:after{opacity:1;transform:scale(1)}.step-card .scene-hover .hov-halo{top:calc(50% - 16px);left:50%;transform:translate(-50%);width:60px;height:32px;border-radius:999px;opacity:1}.step-card .scene-hover .hov-tt-body{opacity:0}.step-card .scene-hover .hov-tt-body.b2{opacity:1}.step-card .scene-copy .cp-toast{opacity:1;transform:translate(-50%)}.step-card .scene-copy .cp-code-line{opacity:1;transform:none}}