@keyframes pulse{0%,to{box-shadow:0 0 0 4px oklch(from var(--brand) l c h / .22)}50%{box-shadow:0 0 0 8px oklch(from var(--brand) l c h / .06)}}@keyframes marqueeBreath{0%,to{transform:translate(0)}50%{transform:translate(2px,-3px)}}@keyframes arrowNudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes marqueeDraw{0%{width:6%;height:7%}to{width:60%;height:60%}}@keyframes elTagIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cdPop{0%{opacity:0;transform:scale(1.4)}20%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes captureFlash{0%{opacity:0}15%{opacity:.4}70%{opacity:0}to{opacity:0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,30px)}35%{opacity:1;transform:translate(-50%)}to{opacity:1;transform:translate(-50%)}}@keyframes recpulse{0%,to{box-shadow:0 0 0 3px oklch(from var(--accent-red) l c h / .2)}50%{box-shadow:0 0 0 6px #0000}}@keyframes micbar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes annotHighlight{0%{stroke-dashoffset:143px}19%{stroke-dashoffset:0}91%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes annotCircle{0%,24%{stroke-dashoffset:344px}44%{stroke-dashoffset:0}91%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes annotArrow{0%,47.5%{stroke-dashoffset:148px}62%{stroke-dashoffset:0}91%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes annotArrowHead{0%,62%{opacity:0}64%,91%{opacity:1}96%,to{opacity:0}}@keyframes cursorRide{0%{offset-distance:0%}19%{offset-distance:10.3%}24%{offset-distance:26.7%}44%{offset-distance:51.8%}47.5%{offset-distance:57.1%}62%{offset-distance:67.8%}81.25%{offset-distance:67.8%}to{offset-distance:100%}}@keyframes annBox{0%,12%{opacity:0;transform:scale(.92)}20%,86%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(1.04)}}@keyframes annCallout{0%,18%{opacity:0;transform:rotate(-4deg)translateY(8px)}26%,86%{opacity:1;transform:rotate(-4deg)translateY(0)}94%,to{opacity:0;transform:rotate(-4deg)translateY(0)}}@keyframes annHighlight{0%,4%{opacity:1;transform:scaleX(0)}16%,86%{opacity:1;transform:scaleX(1)}94%,to{opacity:0;transform:scaleX(1)}}@keyframes annCheck{0%,36%{clip-path:inset(0 100% 0 0);opacity:0}44%{clip-path:inset(0);opacity:1}86%{clip-path:inset(0);opacity:1}94%,to{clip-path:inset(0);opacity:0}}@keyframes editToolDelete{0%,22%{background:var(--brand-soft);color:var(--brand-deep)}26%,to{color:var(--ink-soft);background:0 0}}@keyframes editToolText{0%,32%{color:var(--ink-soft);background:0 0}36%,56%{background:var(--brand-soft);color:var(--brand-deep)}60%,to{color:var(--ink-soft);background:0 0}}@keyframes editToolCapture{0%,64%{color:var(--ink-soft);background:0 0}68%,90%{background:var(--brand-fill);color:var(--brand-ink)}94%,to{color:var(--ink-soft);background:0 0}}@keyframes editBannerSlot{0%,22%{opacity:1;max-height:56px;margin-bottom:0}26%{opacity:0;max-height:56px}32%,95%{opacity:0;max-height:0;margin-bottom:-16px}to{opacity:1;max-height:56px;margin-bottom:0}}@keyframes editBannerScale{0%,18%{transform:scale(1)}22%{transform:scale(.94)}26%,to{transform:scale(.94)}}@keyframes editBannerOutline{0%,12%{opacity:0}16%,22%{opacity:1}26%,to{opacity:0}}@keyframes editNameOld{0%,44%{opacity:1}49%,95%{opacity:0}to{opacity:1}}@keyframes editNameNew{0%,46%{opacity:0}52%,95%{opacity:1}to{opacity:0}}@keyframes editNameOutline{0%,36%{opacity:0}40%,56%{opacity:1}60%,to{opacity:0}}@keyframes editCaret{0%,40%{opacity:0}44%,56%{opacity:1}60%,to{opacity:0}}@keyframes editCaretBlink{0%,50%{background:var(--brand)}51%,to{background:0 0}}@keyframes editCursor{0%{opacity:1;top:92%;left:-4%;transform:scale(1)}6%{opacity:1;top:50%;left:18%;transform:scale(1)}16%{opacity:1;top:22%;left:36%;transform:scale(1)}20%{opacity:1;top:22%;left:36%;transform:scale(.78)}26%{opacity:1;top:22%;left:36%;transform:scale(1)}36%{opacity:1;top:32%;left:18%;transform:scale(1)}42%{opacity:1;top:32%;left:14%;transform:scale(.78)}48%{opacity:1;top:32%;left:14%;transform:scale(1)}62%{opacity:1;top:32%;left:50%;transform:scale(1)}70%{opacity:1;top:18%;left:86%;transform:scale(.78)}73%{opacity:0;top:18%;left:86%;transform:scale(1)}95%{opacity:0}to{opacity:1;top:92%;left:-4%;transform:scale(1)}}@keyframes editCaptureFlash{0%,68%{opacity:0}72%{opacity:.85}78%{opacity:0}to{opacity:0}}@keyframes editCaptureChip{0%,74%{opacity:0;transform:translate(-50%,30px)}80%,94%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,30px)}}@keyframes blurPulse{0%,to{filter:blur(3.5px)}50%{filter:blur(7px)}}@keyframes zoomStage{0%,16%{transform:scale(1)translate(0)}30%,62%{transform:scale(1.7)translate(-12%,-8%)}78%,to{transform:scale(1)translate(0)}}@keyframes clickRipple{0%,22%{opacity:0;width:12px;height:12px}27%{opacity:1}46%{opacity:0;width:64px;height:64px}to{opacity:0;width:64px;height:64px}}@keyframes playhead{0%{left:4%}to{left:96%}}@keyframes blurReveal{0%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--hair-4)}to{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--ghost-2)}}.webshot-landing{--bg:var(--ed-bg);--bg-elev:var(--ed-bg-2);--surface:var(--ed-surface);--surface-2:var(--ed-surface-2);--surface-hi:var(--ed-surface-hi);--ink:var(--ed-text);--ink-soft:var(--ed-text-2);--ink-mute:var(--ed-text-3);--line:var(--ed-line);--line-strong:var(--ed-line-2);--brand:var(--ed-accent);--brand-fill:var(--ed-accent-fill);--brand-fill-hover:var(--ed-accent-fill-hover);--brand-2:var(--ed-accent-2);--brand-deep:var(--ed-accent-2);--brand-soft:var(--ed-accent-soft);--brand-line:var(--ed-accent-line);--brand-ink:var(--ed-accent-ink);--accent-red:var(--ed-danger);--accent-amber:var(--ed-warning);--accent-green:var(--ed-success);--on-ink:#fbfbfe;--ink-hi:#0c0d13;--void:#e7e8ea;--void-2:#ecedef;--panel-3:#fafafc;--stage:#dcdee3;--bar:#f6f6f9;--chrome:#eff0f3;--raised:#fff;--dots:#c9cad1;--gold:#e2b000;--warn-soft:#ab6a0024;--warn-line:#ab6a0052;--fill-mute:#e1e1e6;--hair-1:#0000000a;--hair-2:#0000000d;--hair-3:#00000014;--hair-4:#0000001a;--veil-1:#0000001f;--veil-2:#0000002e;--veil-3:#00000040;--ghost-1:#0006;--ghost-2:#00000080;--ghost-3:#0009;--ghost-4:#000000c7;--shadow-ink-1:#0000001f;--shadow-ink-2:#0000002e;--shadow-ink-3:#00000038;--shadow-ink-4:#0000004d;--scrim:#7071778c;--scrim-strong:#626369b8;--shadow-window:0 30px 60px -30px var(--shadow-ink-3), 0 8px 30px -10px var(--shadow-ink-2)}@supports (color:lab(0% 0 0)){.webshot-landing{--on-ink:lab(98.8101% .254482 -1.49412);--ink-hi:lab(3.62256% .810944 -3.47066);--void:lab(91.8576% .190258 -1.12102);--void-2:lab(93.5977% .190198 -1.12104);--panel-3:lab(98.2371% .207394 -1.11731);--stage:lab(88.3429% .426322 -2.99926);--bar:lab(97.0693% .277668 -1.48908);--chrome:lab(94.7493% .277787 -1.48902);--raised:lab(100% 0 0);--dots:lab(81.3582% .828326 -3.6818);--gold:lab(74.7527% 9.81143 77.0266);--warn-soft:lab(50.9212% 23.7037 71.4959/.14);--warn-line:lab(50.9212% 23.7037 71.4959/.32);--fill-mute:lab(89.7339% .612378 -2.57071);--hair-1:lab(0% 0 0/.04);--hair-2:lab(0% 0 0/.05);--hair-3:lab(0% 0 0/.08);--hair-4:lab(0% 0 0/.1);--veil-1:lab(0% 0 0/.12);--veil-2:lab(0% 0 0/.18);--veil-3:lab(0% 0 0/.25);--ghost-1:lab(0% 0 0/.4);--ghost-2:lab(0% 0 0/.5);--ghost-3:lab(0% 0 0/.6);--ghost-4:lab(0% 0 0/.78);--shadow-ink-1:lab(0% 0 0/.12);--shadow-ink-2:lab(0% 0 0/.18);--shadow-ink-3:lab(0% 0 0/.22);--shadow-ink-4:lab(0% 0 0/.3);--scrim:lab(47.723% .672966 -3.7129/.55);--scrim-strong:lab(41.9227% .67769 -3.71016/.72)}}.dark .webshot-landing{--on-ink:#101118;--ink-hi:#fbfbff;--void:#121214;--void-2:#111218;--panel-3:#191a21;--stage:#080912;--bar:#14141a;--chrome:#1d1d25;--raised:#25252e;--dots:#3b3c48;--gold:#f9cc21;--warn-soft:#f4a4372e;--warn-line:#f4a43761;--fill-mute:#2c2d37;--hair-1:#ffffff0a;--hair-2:#ffffff0d;--hair-3:#ffffff14;--hair-4:#ffffff1f;--veil-1:#ffffff24;--veil-2:#ffffff2e;--veil-3:#ffffff40;--ghost-1:#fff6;--ghost-2:#ffffff80;--ghost-3:#fff9;--ghost-4:#ffffffc7;--shadow-ink-1:#00000040;--shadow-ink-2:#0006;--shadow-ink-3:#00000080;--shadow-ink-4:#000000a6;--scrim:#0505098c;--scrim-strong:#030306b8;--shadow-window:0 30px 60px -30px #000000bf, 0 8px 30px -10px var(--shadow-ink-3)}@supports (color:lab(0% 0 0)){.dark .webshot-landing{--on-ink:lab(5.17386% .940613 -4.35894);--ink-hi:lab(98.8026% .319392 -1.86687);--void:lab(5.69455% .218116 -1.23046);--void-2:lab(5.63801% .764951 -3.89881);--panel-3:lab(9.39838% 1.18802 -5.09676);--stage:lab(2.66729% .718609 -4.438);--bar:lab(6.60808% .840299 -4.23141);--chrome:lab(11.1268% 1.35604 -5.44103);--raised:lab(14.9441% 1.517 -5.78882);--dots:lab(25.5853% 1.76525 -7.27404);--gold:lab(84.2162% 5.96243 79.8484);--warn-soft:lab(74.1858% 23.9202 65.0302/.18);--warn-line:lab(74.1858% 23.9202 65.0302/.38);--fill-mute:lab(18.638% 1.70799 -6.51181);--hair-1:lab(100% 0 0/.04);--hair-2:lab(100% 0 0/.05);--hair-3:lab(100% 0 0/.08);--hair-4:lab(100% 0 0/.12);--veil-1:lab(100% 0 0/.14);--veil-2:lab(100% 0 0/.18);--veil-3:lab(100% 0 0/.25);--ghost-1:lab(100% 0 0/.4);--ghost-2:lab(100% 0 0/.5);--ghost-3:lab(100% 0 0/.6);--ghost-4:lab(100% 0 0/.78);--shadow-ink-1:lab(0% 0 0/.25);--shadow-ink-2:lab(0% 0 0/.4);--shadow-ink-3:lab(0% 0 0/.5);--shadow-ink-4:lab(0% 0 0/.65);--scrim:lab(1.53131% .285171 -1.39884/.55);--scrim-strong:lab(.882072% .208803 -.991648/.72);--shadow-window:0 30px 60px -30px lab(0% 0 0/.75), 0 8px 30px -10px var(--shadow-ink-3)}}.webshot-landing{--radius-sm:6px;--radius:12px;--radius-lg:18px;--radius-xl:28px}.webshot-landing{scroll-behavior:smooth;background:var(--bg);color:var(--ink);font-family:var(--app-font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:40px}.webshot-landing .mono{font-family:var(--app-font-mono)}.webshot-landing .wordmark,.webshot-landing .hero-title,.webshot-landing .section-title,.webshot-landing .subsection-title,.webshot-landing .cta-block h2,.webshot-landing .tile h3,.webshot-landing .live-tile-body h3,.webshot-landing .fauxpage h3,.webshot-landing .edit-article h3,.webshot-landing .editor-shot-headline,.webshot-landing .editor-shot-stat-num{font-family:var(--font-display)}.webshot-landing .shell{max-width:1240px;margin:0 auto;padding:0 28px}.webshot-landing .topbar{z-index:50;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.webshot-landing .topbar-inner{align-items:center;gap:14px;padding:14px 28px;display:flex}.webshot-landing .brand{align-items:center;display:flex}.webshot-landing .brand-logo{align-items:center;display:inline-flex}.webshot-landing .brand-logo.is-sm{gap:8px}.webshot-landing .brand-logo.is-xs{gap:7px}.webshot-landing .brand-mark{background:var(--brand-fill);color:var(--brand-ink);box-shadow:0 2px 10px var(--brand-soft);flex-shrink:0;place-items:center;display:grid}.webshot-landing .brand-logo.is-sm>.brand-mark{border-radius:7px;width:28px;height:28px}.webshot-landing .brand-logo.is-xs>.brand-mark{width:24px;height:24px;box-shadow:none;border-radius:6px}.webshot-landing .brand-logo.is-sm .brand-glyph{width:22px;height:22px}.webshot-landing .brand-logo.is-xs .brand-glyph{width:18px;height:18px}.webshot-landing .wordmark{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;color:var(--ink);font-weight:700}.webshot-landing .brand-logo.is-sm .wordmark{font-size:18px}.webshot-landing .brand-logo.is-xs .wordmark{font-size:15px}.webshot-landing .wordmark b{color:var(--brand-deep);font-weight:700}.webshot-landing .foot-brand{align-items:center;gap:10px;display:flex}.webshot-landing .theme-toggle{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.webshot-landing .theme-toggle:hover{background:var(--bg-elev);color:var(--ink);border-color:var(--veil-3)}.webshot-landing .tabs{flex:1;gap:4px;margin-left:20px;display:flex}.webshot-landing .tab{color:var(--ink-soft);cursor:pointer;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex;position:relative}.webshot-landing .tab:hover{background:var(--hair-1);color:var(--ink)}.webshot-landing .tab-dot{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.webshot-landing .tab.is-active{color:var(--ink);background:var(--raised);box-shadow:0 -1px 0 0 var(--line) inset}.webshot-landing .tab.is-active .tab-dot{background:var(--brand)}.webshot-landing .cta-row{align-items:center;gap:10px;display:flex}.webshot-landing .kbd{font-family:var(--app-font-mono);background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 1px 0 var(--line-strong);color:var(--ink-soft);border-radius:5px;padding:2px 6px;font-size:11px}.webshot-landing .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.webshot-landing .btn:active{transform:translateY(1px)}.webshot-landing .btn-primary{background:var(--ink);color:var(--on-ink)}.webshot-landing .btn-primary:hover{background:var(--surface)}.webshot-landing .btn-brand{background:var(--brand-fill);color:var(--brand-ink);box-shadow:0 4px 14px -4px oklch(from var(--brand) l c h / .5)}.webshot-landing .btn-brand:hover{background:var(--brand-fill-hover)}.webshot-landing .btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.webshot-landing .btn-ghost:hover{background:var(--bg-elev);border-color:var(--line-strong)}.webshot-landing .btn-outline{background:var(--brand-soft);color:var(--brand-2);box-shadow:inset 0 0 0 1px var(--brand-line)}.webshot-landing .btn-outline:hover{box-shadow:inset 0 0 0 1px var(--brand)}.webshot-landing .cta-label{white-space:nowrap;justify-items:center;display:inline-grid}.webshot-landing .cta-label>*{grid-area:1/1}.webshot-landing .cta-sizer{visibility:hidden}.webshot-landing .btn-sm{padding:7px 12px;font-size:13px}.webshot-landing .hero{padding-block:80px 140px;position:relative}.webshot-landing .eyebrow{background:var(--brand-soft);color:var(--brand-deep);border:1px solid var(--brand-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:12px;font-weight:500;display:inline-flex}.webshot-landing .eyebrow-dot{background:var(--brand);width:6px;height:6px;box-shadow:0 0 0 4px oklch(from var(--brand) l c h / .18);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.webshot-landing .hero-title{letter-spacing:-.05em;text-wrap:balance;max-width:14ch;margin:22px 0 26px;font-size:clamp(52px,7.4vw,96px);font-weight:700;line-height:.98}.webshot-landing .hero-title .hero-no{color:var(--ink-mute);font-style:italic;font-weight:500}.webshot-landing .hero-title .ink-soft{color:var(--ink-soft);font-weight:500}.webshot-landing .hero-title .ink-brand{color:var(--brand);font-weight:700;position:relative}.webshot-landing .hero-title .ink-brand:after{content:"";opacity:.18;z-index:-1;background:currentColor;border-radius:2px;height:14%;position:absolute;bottom:4px;left:-2px;right:-2px}.webshot-landing .hero-sub{color:var(--ink-soft);text-wrap:pretty;max-width:56ch;font-size:19px;line-height:1.5}.webshot-landing .hero-grid{grid-template-columns:.9fr 1.15fr;align-items:center;gap:48px;display:grid}@media (max-width:960px){.webshot-landing .hero-grid{grid-template-columns:1fr;gap:36px}.webshot-landing .hero-grid .browser{transform:none}}.webshot-landing .hero-ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.webshot-landing .hero-meta{color:var(--ink-mute);gap:18px;margin-top:22px;font-size:13px;display:flex}.webshot-landing .hero-meta-item{align-items:center;gap:6px;display:flex}.webshot-landing .hero-proof{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-size:13.5px;display:flex}.webshot-landing .hero-proof+.hero-meta{margin-top:16px}.webshot-landing .hero-proof-chip{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 1px 2px var(--hair-2);border-radius:999px;align-items:center;padding:8px 14px;display:inline-flex}.webshot-landing .hero-proof-slot{align-items:center;display:inline-flex}.webshot-landing .hero-proof-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.webshot-landing .hero-proof-item strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.webshot-landing .hero-proof-sub{color:var(--ink-mute)}.webshot-landing .hero-proof-div{background:var(--line-strong);width:1px;height:15px;margin:0 11px}.webshot-landing .hero-proof-ph{--ph:#c03f23;color:var(--ph);border-color:oklch(from var(--ph) l c h / .35);background:oklch(from var(--ph) l c h / .08);gap:8px;font-weight:600;text-decoration:none;transition:background .15s}@supports (color:lab(0% 0 0)){.webshot-landing .hero-proof-ph{--ph:lab(46.2751% 51.3471 45.8226)}}.dark :is(.webshot-landing .hero-proof-ph){--ph:#fc7659}@supports (color:lab(0% 0 0)){.dark :is(.webshot-landing .hero-proof-ph){--ph:lab(66.0532% 50.6076 41.8882)}}.webshot-landing .hero-proof-ph:hover{background:oklch(from var(--ph) l c h / .14)}.webshot-landing .proof-stars{line-height:0;display:inline-flex;position:relative}.webshot-landing .proof-stars-row{gap:2px;display:inline-flex}.webshot-landing .proof-stars svg{flex:none}.webshot-landing .proof-stars-ghost{color:var(--line-strong)}.webshot-landing .proof-stars-fill{width:var(--proof-fill);color:var(--gold);position:absolute;inset:0 auto 0 0;overflow:hidden}.webshot-landing .hero-proof-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.webshot-landing .hero-proof{gap:8px;margin-top:20px;font-size:13px}.webshot-landing .hero-proof-chip{padding:7px 13px}.webshot-landing .hero-proof-div{margin:0 10px}}.webshot-landing .demo-reel{margin-top:-72px;padding:0 0 130px;position:relative}.webshot-landing .demo-reel-inner{max-width:1440px;margin:0 auto;padding:0 28px}.webshot-landing .demo-reel-window{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 40px 90px -40px var(--shadow-ink-4), 0 8px 30px -10px var(--shadow-ink-2);border-radius:18px;position:relative;overflow:hidden}.webshot-landing .demo-reel-file{font-family:var(--app-font-mono);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:24px;display:block;overflow:hidden}.webshot-landing .demo-reel-file svg{vertical-align:-2px;margin-right:6px}.webshot-landing .demo-reel-badge{background:var(--brand-soft);color:var(--brand-deep);border:1px solid var(--brand-line);font-size:11px;font-family:var(--app-font-mono);letter-spacing:.04em;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.webshot-landing .demo-reel-badge-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse}.webshot-landing .demo-reel-player{cursor:pointer;position:relative}.webshot-landing .demo-reel-player video{aspect-ratio:16/9;object-fit:cover;background:var(--void-2);width:100%;display:block}.webshot-landing .demo-reel-overlay{background:#0000004d;background:lab(0% 0 0/.3);place-items:center;display:grid;position:absolute;inset:0}.webshot-landing .demo-reel-play{background:var(--brand-fill);color:var(--brand-ink);box-shadow:0 16px 40px -14px var(--shadow-ink-3);border-radius:999px;align-items:center;gap:10px;padding:12px 20px 12px 16px;font-size:15px;font-weight:500;display:inline-flex}.webshot-landing .demo-reel-caption{color:var(--ink-mute);justify-content:center;align-items:flex-start;gap:10px;margin-top:18px;font-size:13px;display:flex}.webshot-landing .demo-reel-caption svg{flex-shrink:0;margin-top:3px}.webshot-landing .dot-green{background:var(--accent-green);border-radius:50%;width:7px;height:7px}.webshot-landing .browser{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 1px 0 var(--hair-3) inset, 0 30px 60px -30px var(--veil-3), 0 8px 30px -10px var(--hair-3);transform-origin:100%;position:relative;overflow:hidden;transform:scale(1.06)}.webshot-landing .browser-chrome{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:flex}.webshot-landing .traffic{gap:6px;display:flex}.webshot-landing .traffic span{border-radius:50%;width:11px;height:11px;display:inline-block}.webshot-landing .traffic .r,.webshot-landing .traffic .y,.webshot-landing .traffic .g{background:var(--dots)}.webshot-landing .browser-url{background:var(--bg-elev);border:1px solid var(--line);min-width:0;height:26px;color:var(--ink-soft);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.webshot-landing .browser-url span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.webshot-landing .browser-url .lock{opacity:.55;flex-shrink:0;width:12px;height:12px}.webshot-landing .browser-actions{gap:6px;display:flex}.webshot-landing .browser-actions .pin{background:var(--brand-fill);border-radius:6px;place-items:center;width:22px;height:22px;display:grid;position:relative}.webshot-landing .browser-actions .pin:after{content:"";border:1.5px solid var(--brand-ink);border-radius:50%;position:absolute;inset:5px}.webshot-landing .browser-actions .pin:before{content:"";background:var(--bg-elev);border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:4px}.webshot-landing .browser-stage{aspect-ratio:16/10;background:linear-gradient(160deg, var(--surface) 0%, var(--void) 100%);position:relative;overflow:hidden;container-type:inline-size}@media (max-width:560px){.webshot-landing .browser-stage{aspect-ratio:4/5}}.webshot-landing .fauxpage{flex-direction:column;gap:18px;padding:36px 44px;display:flex;position:absolute;inset:0}.webshot-landing .fauxpage h3{letter-spacing:-.02em;max-width:14ch;margin:0;font-size:28px}.webshot-landing .hl-word{white-space:nowrap;position:relative}.webshot-landing .hl-word svg{width:96%;height:12px;color:var(--gold);position:absolute;bottom:-9px;left:2%;overflow:visible}.webshot-landing .hl-word path{stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;fill:none}.webshot-landing .fauxpage .lede{color:var(--ink-soft);max-width:44ch;margin:0;font-size:14px;line-height:1.5}.webshot-landing .fp-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:6px;display:grid}.webshot-landing .fp-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;min-height:70px;padding:12px}.webshot-landing .fp-card .bar{background:var(--fill-mute);border-radius:4px;height:6px;margin-top:8px}.webshot-landing .fp-card .bar.w50{width:50%}.webshot-landing .fp-card .bar.w70{width:70%}.webshot-landing .fp-card-tag{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.webshot-landing .marquee{border:1.5px dashed var(--brand);background:oklch(from var(--brand) l c h / .06);border-radius:4px;width:60%;height:56%;animation:4.4s ease-in-out infinite marqueeBreath;position:absolute;top:22%;left:6%}.webshot-landing .mode-canvas .marquee{box-shadow:0 0 0 9999px var(--scrim)}.webshot-landing .marquee.is-drawing{animation:.9s cubic-bezier(.2,0,0,1) both marqueeDraw}.webshot-landing .marquee.is-drawing:before,.webshot-landing .marquee.is-drawing:after,.webshot-landing .marquee.is-drawing i,.webshot-landing .marquee.is-drawing em,.webshot-landing .marquee.is-drawing .marquee-badge{opacity:0}.webshot-landing .marquee .drag-cursor{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><path d='M4 2l16 9-7 1-4 8z' fill='white' stroke='black' stroke-width='1.5' stroke-linejoin='round'/></svg>") 50%/contain no-repeat;width:16px;height:16px;display:none;position:absolute;bottom:-16px;right:-14px}.webshot-landing .marquee.is-drawing .drag-cursor{display:block}.webshot-landing .area-dim{background:var(--scrim);place-items:center;animation:.3s ease-out both fadeIn;display:grid;position:absolute;inset:0}.webshot-landing .area-hint{font-family:var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink);background:oklch(from var(--ink-hi) l c h / .55);border-radius:999px;padding:6px 12px;font-size:11px}.webshot-landing .marquee:before,.webshot-landing .marquee:after,.webshot-landing .marquee i,.webshot-landing .marquee em{content:"";background:var(--bg-elev);border:2px solid var(--brand);border-radius:2px;width:10px;height:10px;position:absolute}.webshot-landing .marquee:before{top:-6px;left:-6px}.webshot-landing .marquee:after{top:-6px;right:-6px}.webshot-landing .marquee i{display:block;bottom:-6px;left:-6px}.webshot-landing .marquee em{display:block;bottom:-6px;right:-6px}.webshot-landing .marquee-badge{background:var(--brand-fill);color:var(--brand-ink);font-size:11px;font-family:var(--app-font-mono);letter-spacing:.04em;border-radius:6px;padding:3px 8px;position:absolute;top:-28px;right:0}.webshot-landing .popup{background:var(--bg);border:1px solid var(--line);width:232px;box-shadow:0 20px 40px -16px var(--veil-3);z-index:3;border-radius:14px;padding:14px;position:absolute;top:18px;right:18px}.webshot-landing .popup-tabs{background:var(--surface);border-radius:8px;gap:2px;margin-bottom:12px;padding:3px;display:flex}.webshot-landing .popup-tab{text-align:center;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s}.webshot-landing .popup-tab:hover{color:var(--ink)}.webshot-landing .popup-tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.webshot-landing .popup-tab.is-active{background:var(--surface-hi);color:var(--ink);box-shadow:0 1px 2px var(--hair-2)}.webshot-landing .popup-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.webshot-landing .popup-btn{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 10px;font-size:11px;transition:all .15s;display:flex}.webshot-landing .popup-btn:hover,.webshot-landing .popup-btn.is-hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.webshot-landing .popup-btn .glyph{width:18px;height:18px;color:var(--brand)}.webshot-landing .popup-foot{color:var(--ink-mute);border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.webshot-landing .stage-scene{position:absolute;inset:0}.webshot-landing .popup-pane,.webshot-landing .stage-pane{animation:.25s ease-out both fadeIn}.webshot-landing .marquee.stage-pane{animation:.25s ease-out both fadeIn,4.4s ease-in-out .25s infinite marqueeBreath}.webshot-landing .browser-stage .cambubble{border-width:2.5px;width:68px;height:68px;bottom:14px;left:16px}.webshot-landing .browser-stage .recbar{--recbar-w:290px;--recbar-max:.92;bottom:16px}.webshot-landing .hero-annot{width:30%;color:var(--accent-red);position:absolute;bottom:12%;left:7%;overflow:visible}.webshot-landing .hero-annot path{stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.webshot-landing section{padding:140px 0;position:relative}.webshot-landing section.browsers-section{padding:32px 0 0}.webshot-landing section.cta-section{padding:60px 0 140px}.webshot-landing section.alt{background:var(--void)}.webshot-landing .section-head{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;align-items:start;gap:36px;margin-bottom:88px;padding-bottom:40px;display:grid}@media (max-width:760px){.webshot-landing .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:56px;padding-bottom:28px}}.webshot-landing .section-label{font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);border-top:2px solid var(--ink);align-self:start;width:max-content;padding-top:14px;font-size:11px;display:inline-block}.webshot-landing .section-title{letter-spacing:-.038em;text-wrap:balance;max-width:22ch;margin:0 0 22px;font-size:clamp(34px,4.4vw,56px);font-weight:700;line-height:1.02}.webshot-landing .section-sub{color:var(--ink-soft);text-wrap:pretty;max-width:60ch;margin:0;font-size:18px;line-height:1.55}.webshot-landing .modes-hint{font-family:var(--app-font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:inline-flex}.webshot-landing .modes-hint .arrow-glyph{box-sizing:border-box;background:var(--ink-mute);width:22px;height:1.5px;animation:1.8s ease-in-out infinite arrowNudge;position:relative}.webshot-landing .modes-hint .arrow-glyph:after{content:"";box-sizing:border-box;border-top:1.5px solid var(--ink-mute);border-right:1.5px solid var(--ink-mute);width:6px;height:6px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.webshot-landing .modes{grid-template-columns:300px 1fr;gap:48px;display:grid}@media (max-width:880px){.webshot-landing .modes{grid-template-columns:1fr}}.webshot-landing .mode-list{flex-direction:column;gap:4px;display:flex}.webshot-landing .mode-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:all .15s;display:flex}.webshot-landing .mode-item:hover{background:var(--bg-elev)}.webshot-landing .mode-item.is-active{background:var(--bg-elev);border-color:var(--line);box-shadow:0 1px 2px var(--hair-1)}.dark .webshot-landing .mode-item.is-active{background:var(--surface);border-color:var(--line-strong)}.webshot-landing .mode-icon{background:var(--bg);border:1px solid var(--line);width:32px;height:32px;color:var(--ink);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.webshot-landing .mode-item.is-active .mode-icon{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-deep)}.webshot-landing .mode-name{font-size:14px;font-weight:600}.webshot-landing .mode-desc{color:var(--ink-mute);margin-top:2px;font-size:12.5px;line-height:1.4}.webshot-landing .mode-stage{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:440px;position:relative;overflow:hidden}.webshot-landing .mode-canvas{aspect-ratio:16/10;background:linear-gradient(180deg, var(--panel-3), var(--void-2));position:relative;overflow:hidden}.webshot-landing .mc-content{flex-direction:column;gap:12px;display:flex;position:absolute;inset:28px}.webshot-landing .mc-block{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;position:relative}.webshot-landing .mc-block.is-eyed{outline:2px solid var(--brand);outline-offset:-1px;background:color-mix(in oklch, var(--surface), var(--brand) 7%)}.webshot-landing .mc-block .el-tag{background:var(--brand-fill);color:var(--brand-ink);font-family:var(--app-font-mono);letter-spacing:.03em;border-radius:5px;padding:2px 8px;font-size:10px;animation:.2s ease-out both elTagIn;position:absolute;top:-11px;left:10px}.webshot-landing .mc-block .ttl{font-size:13px;font-weight:600}.webshot-landing .mc-block .row{gap:6px;margin-top:8px;display:flex}.webshot-landing .mc-block .row>span{background:var(--fill-mute);border-radius:3px;flex:1;height:6px}.webshot-landing .mc-block .row>span:nth-child(2){flex:2}.webshot-landing .mc-block .row>span:nth-child(3){flex:.6}.webshot-landing .fullpage-strip{flex-direction:column;gap:10px;height:200%;padding:24px;transition:transform .9s cubic-bezier(.2,0,0,1);display:flex;position:absolute;top:0;left:0;right:0}.webshot-landing .fp-row{background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;flex:32;min-height:0}.webshot-landing .fp-row.h60{flex:60}.webshot-landing .fp-row.h80{flex:80}.webshot-landing .fp-row.h40{flex:40}.webshot-landing .fp-row.h120{flex:120}.webshot-landing .viewport-frame{border:2px solid var(--brand);pointer-events:none;border-radius:0 0 16px 16px;position:absolute;inset:0}.webshot-landing .viewport-frame-badge{background:var(--brand-fill);color:var(--brand-ink);font-size:11px;font-family:var(--app-font-mono);letter-spacing:.04em;border-radius:6px;padding:3px 8px;position:absolute;top:10px;right:10px}.webshot-landing .stitch-ring{background:var(--bg);border:1px solid var(--line);width:46px;height:46px;box-shadow:0 6px 16px -6px var(--shadow-ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.webshot-landing .stitch-ring svg{position:absolute;inset:3px;transform:rotate(-90deg)}.webshot-landing .stitch-ring circle{fill:none;stroke-width:2.5px}.webshot-landing .stitch-ring .track{stroke:var(--fill-mute)}.webshot-landing .stitch-ring .fill{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:97.39;transition:stroke-dashoffset .9s cubic-bezier(.2,0,0,1)}.webshot-landing .stitch-ring span{font-family:var(--app-font-mono);letter-spacing:-.02em;font-size:10px;font-weight:600}.webshot-landing .desk-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid;position:absolute;inset:36px}.webshot-landing .desk-tile{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.webshot-landing .desk-tile .preview{background:var(--surface-2);border-radius:6px;flex:1;min-height:80px;position:relative;overflow:hidden}.webshot-landing .desk-tile .preview:before{content:"";background:var(--fill-mute);border-radius:3px;height:7px;position:absolute;top:8px;left:8px;right:8px}.webshot-landing .desk-tile .preview:after{content:"";background:oklch(from var(--fill-mute) l c h / .55);border-radius:4px;position:absolute;inset:22px 22px 10px 8px}.webshot-landing .desk-tile .label{color:var(--ink-soft);font-size:11px;font-weight:500}.webshot-landing .desk-tile.is-active{border-color:var(--brand);box-shadow:0 0 0 3px oklch(from var(--brand) l c h / .18)}.webshot-landing .desk-tile.is-active .preview{background:linear-gradient(135deg, var(--brand-soft), oklch(from var(--brand) l c h / .22))}.webshot-landing .countdown{background:oklch(from var(--bg) l c h / .55);font-family:var(--app-font-mono);letter-spacing:-.06em;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:160px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.webshot-landing .cd-anim-num{animation:1s ease-out forwards cdPop;display:inline-block}.webshot-landing .cd-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:500}.webshot-landing .capture-flash{background:var(--bg-elev);pointer-events:none;animation:.5s ease-out forwards captureFlash;position:absolute;inset:0}.webshot-landing .captured-toast{background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);white-space:nowrap;box-shadow:0 14px 30px -12px var(--shadow-ink-2);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;animation:1.1s ease-out both toastIn;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.webshot-landing .captured-toast-preview{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:4px;width:38px;height:26px}.webshot-landing .captured-toast-title{font-size:12px;font-weight:600}.webshot-landing .captured-toast-dims{opacity:.6;font-size:10.5px;font-family:var(--app-font-mono)}.webshot-landing .record-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;display:grid}@media (max-width:880px){.webshot-landing .record-grid{grid-template-columns:1fr}}.webshot-landing .record-stage-col{flex-direction:column;gap:16px;display:flex}.webshot-landing .record-zoom-note{color:var(--ink-mute);text-wrap:balance;justify-content:center;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.webshot-landing .record-zoom-note svg{flex-shrink:0;margin-top:3px}.webshot-landing .record-stage{background:linear-gradient(180deg, var(--panel-3), var(--void-2));border-radius:var(--radius-lg);aspect-ratio:4/3;border:1px solid var(--line);box-shadow:var(--shadow-window);position:relative;overflow:hidden;container-type:inline-size}.webshot-landing .rp-chrome{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:32px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.webshot-landing .rp-dot{background:var(--dots);border-radius:50%;width:9px;height:9px}.webshot-landing .rp-url{background:var(--bg-elev);border:1px solid var(--line);max-width:46%;font-family:var(--app-font-mono);color:var(--ink-mute);white-space:nowrap;border-radius:6px;flex:1;margin-left:8px;padding:3px 10px;font-size:10px;overflow:hidden}.webshot-landing .rp-head{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:12%;left:5%;right:5%}.webshot-landing .rp-title{font-family:var(--font-display);font-size:16px;font-weight:700}.webshot-landing .rp-sub{background:var(--fill-mute);border-radius:3px;width:110px;height:6px;margin-top:8px}.webshot-landing .rp-btn{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:600}.webshot-landing .rp-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid;position:absolute;top:27%;left:5%;right:5%}.webshot-landing .rp-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.webshot-landing .rp-card span{font-family:var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:8.5px;display:block}.webshot-landing .rp-card strong{letter-spacing:-.01em;font-size:14px}.webshot-landing .rp-chart{border-bottom:1px solid var(--line-strong);align-items:flex-end;gap:3.2%;display:flex;position:absolute;inset:48% 5% 9%}.webshot-landing .rp-chart i{background:oklch(from var(--brand) l c h / .3);border-radius:3px 3px 0 0;flex:1}.webshot-landing .rp-chart i.is-peak{background:var(--brand-fill)}.webshot-landing .recbar{--recbar-w:436px;--recbar-max:1;translate:-50%;scale:min(var(--recbar-max), tan(atan2(100cqi - 24px, var(--recbar-w))));transform-origin:50% 100%;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);box-shadow:0 16px 40px -12px var(--shadow-ink-3);border-radius:999px;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;bottom:28px;left:50%}.webshot-landing .recbar-grip{width:18px;height:32px;color:var(--ghost-1);border-radius:4px;place-items:center;display:grid}.webshot-landing .recbar-grip:before{content:"⋮⋮";letter-spacing:-2px;font-size:14px}.webshot-landing .recbar-btn{min-width:32px;height:32px;color:var(--ink);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.webshot-landing .recbar-btn:hover{background:var(--surface-hi)}.webshot-landing .recbar-btn.is-active{background:var(--brand-soft);color:var(--brand-deep)}.webshot-landing .recbar-btn.is-rec{cursor:default;padding:0 6px}.webshot-landing .recbar-btn.is-rec:hover{background:0 0}.webshot-landing .recbar-btn.is-rec .dot{background:var(--accent-red);width:10px;height:10px;box-shadow:0 0 0 4px oklch(from var(--accent-red) l c h / .2);border-radius:50%;animation:1.2s ease-in-out infinite recpulse}.webshot-landing .recbar-stop{background:var(--accent-red);color:var(--on-ink)}.webshot-landing .recbar-stop:hover{background:oklch(from var(--accent-red) calc(l - .05) c h)}.webshot-landing .recbar-time{font-family:var(--app-font-mono);color:var(--ink);padding:0 4px;font-size:12px}.webshot-landing .miclevel{align-items:end;gap:2px;height:14px;display:inline-flex}.webshot-landing .miclevel span{background:var(--brand-deep);border-radius:1px;width:2px;animation:1s ease-in-out infinite micbar}.webshot-landing .miclevel span:first-child{height:30%;animation-delay:0s}.webshot-landing .miclevel span:nth-child(2){height:80%;animation-delay:.15s}.webshot-landing .miclevel span:nth-child(3){height:50%;animation-delay:.3s}.webshot-landing .miclevel span:nth-child(4){height:100%;animation-delay:.45s}.webshot-landing .miclevel span:nth-child(5){height:60%;animation-delay:.6s}.webshot-landing .cambubble{border:3px solid var(--ink-hi);width:118px;height:118px;box-shadow:0 12px 30px -10px var(--shadow-ink-3), 0 0 0 6px var(--hair-4);border-radius:50%;animation:6s ease-in-out infinite bubbleFloat;position:absolute;bottom:92px;left:22px;overflow:hidden}.webshot-landing .cambubble svg{width:100%;height:100%;display:block}.webshot-landing .live-tile-demo .cambubble{animation:none}.webshot-landing .record-stage .cambubble{width:clamp(64px,22cqi,118px);height:clamp(64px,22cqi,118px);left:clamp(12px,4cqi,22px)}.webshot-landing .annot-svg{pointer-events:none;position:absolute;inset:0}.webshot-landing .annot-svg .highlight,.webshot-landing .annot-svg .circle,.webshot-landing .annot-svg .arrow,.webshot-landing .annot-svg .arrow-head{fill:none;stroke-linecap:round;stroke-linejoin:round}.webshot-landing .annot-svg .highlight{stroke:oklch(from var(--gold) l c h / .35);stroke-width:16px;stroke-dasharray:143;stroke-dashoffset:143px;animation:8s linear infinite annotHighlight}.webshot-landing .annot-svg .circle{stroke:var(--gold);stroke-width:4px;stroke-dasharray:344;stroke-dashoffset:344px;animation:8s linear infinite annotCircle}.webshot-landing .annot-svg .arrow{stroke:var(--accent-red);stroke-width:3px;stroke-dasharray:148;stroke-dashoffset:148px;animation:8s linear infinite annotArrow}.webshot-landing .annot-svg .arrow-head{stroke:var(--accent-red);stroke-width:3px;opacity:0;animation:8s linear infinite annotArrowHead}.webshot-landing .annot-cursor{offset-path:path("M 32 76 Q 100 72 172 75 L 333 230 a 46 62 0 1 0 0.1 0 L 350 160 Q 430 140 470 84 L 32 76");offset-rotate:0deg;animation:8s linear infinite cursorRide}.webshot-landing .annot-cursor .cursor-halo{fill:#ffff0080}.webshot-landing .annot-cursor .cursor-glyph{fill:#fff;stroke:#000;stroke-width:1.5px;stroke-linejoin:round}.webshot-landing .feat-list{flex-direction:column;gap:4px;display:flex}.webshot-landing .feat-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.webshot-landing .feat-item:last-child{border-bottom:none}.webshot-landing .feat-glyph{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-deep);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.webshot-landing .feat-text strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.webshot-landing .feat-text span{color:var(--ink-mute);font-size:13px}.webshot-landing .annot-canvas{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);aspect-ratio:16/9;position:relative;overflow:hidden}.webshot-landing .annot-bg{flex-direction:column;gap:32px;padding:44px 56px 80px;display:flex;position:absolute;inset:0}.webshot-landing .annot-page-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.webshot-landing .annot-eyebrow{font-family:var(--app-font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.webshot-landing .annot-bg h4{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:700}.webshot-landing .annot-bg p{color:var(--ink-soft);max-width:48ch;margin:6px 0 0;font-size:14px;line-height:1.5}.webshot-landing .annot-cta-btn{background:var(--ink);color:var(--on-ink);cursor:default;white-space:nowrap;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:500;position:relative}.webshot-landing .ann-box-on-button{border:2.5px dashed var(--accent-red);pointer-events:none;opacity:0;border-radius:12px;animation:9s ease-in-out 1.6s infinite annBox;position:absolute;inset:-8px -10px;transform:scale(.96)}.webshot-landing .ann-callout{color:var(--accent-red);font-family:var(--app-font-sans);white-space:nowrap;pointer-events:none;opacity:0;font-size:18px;font-style:italic;font-weight:600;animation:9s ease-in-out 2.4s infinite annCallout;position:absolute;top:calc(100% + 14px);right:2px;transform:rotate(-4deg)}.webshot-landing .annot-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.webshot-landing .annot-stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.webshot-landing .annot-stat-label{font-family:var(--app-font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px}.webshot-landing .annot-stat-num{letter-spacing:-.025em;color:var(--ink);align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex;position:relative}.webshot-landing .ann-highlight-target{display:inline-block;position:relative}.webshot-landing .ann-highlight-target:after{content:"";background:oklch(from var(--gold) l c h / .55);transform-origin:0;z-index:-1;border-radius:2px;height:12px;animation:9s ease-in-out .2s infinite annHighlight;position:absolute;bottom:2px;left:-4px;right:-4px;transform:scaleX(0)}.webshot-landing .ann-check{clip-path:inset(0 100% 0 0);opacity:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321c46a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L20 7'/></svg>") 50%/contain no-repeat;flex-shrink:0;width:22px;height:22px;animation:9s ease-in-out 3.6s infinite annCheck}.webshot-landing .edit-canvas{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);aspect-ratio:16/9;position:relative;overflow:hidden}.webshot-landing .edit-toolbar{z-index:5;background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 8px 24px -10px var(--hair-3);border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;top:18px;right:18px}.webshot-landing .edit-tool{color:var(--ink-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.webshot-landing .edit-tool-delete{animation:9s ease-in-out infinite editToolDelete}.webshot-landing .edit-tool-text{animation:9s ease-in-out infinite editToolText}.webshot-landing .edit-tool-capture{animation:9s ease-in-out infinite editToolCapture}.webshot-landing .edit-page{flex-direction:column;gap:16px;padding:58px 56px 36px;display:flex;position:absolute;inset:0}.webshot-landing .edit-banner-slot{max-height:56px;animation:9s ease-in-out infinite editBannerSlot;position:relative;overflow:visible}.webshot-landing .edit-banner{background:var(--surface);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-size:13px;animation:9s ease-in-out infinite editBannerScale;display:flex;position:relative}.webshot-landing .edit-banner-outline{border:2.5px dashed var(--accent-red);opacity:0;pointer-events:none;border-radius:14px;animation:9s ease-in-out infinite editBannerOutline;position:absolute;inset:-5px}.webshot-landing .edit-banner-actions{gap:8px;display:flex}.webshot-landing .edit-banner-actions button{border:1px solid var(--veil-2);color:var(--ink);cursor:default;background:0 0;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:11px}.webshot-landing .edit-banner-actions button.primary{background:var(--bg-elev);color:var(--ink);border-color:#0000}.webshot-landing .edit-article{flex-direction:column;gap:8px;display:flex}.webshot-landing .edit-eyebrow{font-family:var(--app-font-mono);letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;font-size:11px}.webshot-landing .edit-article h3{letter-spacing:-.025em;max-width:26ch;margin:0;font-size:26px;font-weight:700}.webshot-landing .edit-byline{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:inline-flex}.webshot-landing .edit-name-swap{vertical-align:bottom;min-width:6.5em;height:1.3em;display:inline-block;position:relative}.webshot-landing .edit-name-old,.webshot-landing .edit-name-new{white-space:nowrap;color:var(--ink);font-weight:600;position:absolute;top:0;left:0}.webshot-landing .edit-name-old{animation:9s ease-in-out infinite editNameOld}.webshot-landing .edit-name-new{opacity:0;animation:9s ease-in-out infinite editNameNew}.webshot-landing .edit-name-swap:before{content:"";border:1.5px dashed var(--brand);opacity:0;border-radius:5px;animation:9s ease-in-out infinite editNameOutline;position:absolute;inset:-4px -8px}.webshot-landing .edit-name-swap:after{content:"";background:var(--brand);opacity:0;width:1.5px;height:84%;animation:9s ease-in-out infinite editCaret,.6s step-end infinite editCaretBlink;position:absolute;top:8%;right:-4px}.webshot-landing .edit-body{color:var(--ink-soft);max-width:68ch;margin:0;font-size:13px;line-height:1.6}.webshot-landing .edit-related{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}.webshot-landing .edit-related-title{font-family:var(--app-font-mono);letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:10px;font-size:10.5px}.webshot-landing .edit-related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.webshot-landing .edit-related-item{align-items:center;gap:10px;display:flex}.webshot-landing .edit-related-thumb{border-radius:6px;flex-shrink:0;width:56px;height:42px}.webshot-landing .edit-related-h{color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.webshot-landing .edit-related-meta{font-family:var(--app-font-mono);color:var(--ink-mute);margin-top:3px;font-size:10px}.webshot-landing .edit-cursor{pointer-events:none;z-index:6;width:18px;height:18px;filter:drop-shadow(0 2px 4px var(--shadow-ink-1));background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'><path d='M4 2l16 9-7 1-4 8z'/></svg>") 50%/contain no-repeat;animation:9s ease-in-out infinite editCursor;position:absolute}.webshot-landing .edit-capture-flash{background:var(--bg-elev);opacity:0;pointer-events:none;z-index:7;animation:9s ease-in-out infinite editCaptureFlash;position:absolute;inset:0}.webshot-landing .edit-capture-chip{background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);z-index:8;opacity:0;box-shadow:0 16px 36px -12px var(--shadow-ink-2);border-radius:12px;align-items:center;gap:11px;padding:11px 14px;animation:9s ease-in-out infinite editCaptureChip;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%,30px)}.webshot-landing .edit-capture-preview{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:4px;flex-shrink:0;width:38px;height:26px}.webshot-landing .edit-capture-title{font-size:13px;font-weight:600}.webshot-landing .edit-capture-meta{font-family:var(--app-font-mono);opacity:.7;margin-top:2px;font-size:10.5px}.webshot-landing .annot-toolbar{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 14px 40px -16px var(--shadow-ink-1);border-radius:12px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.webshot-landing .tool{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:8px;place-items:center;display:grid}.webshot-landing .tool:hover{background:var(--bg);color:var(--ink)}.webshot-landing .tool.is-active{background:var(--brand-fill);color:var(--brand-ink)}.webshot-landing .tool-divider{background:var(--line);width:1px;height:22px;margin:0 4px}.webshot-landing .tool-color{border:2px solid var(--bg-elev);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.webshot-landing .tile{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);flex-direction:column;gap:10px;padding:28px;display:flex;position:relative;overflow:hidden}.webshot-landing .tile h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.webshot-landing .tile p{color:var(--ink-mute);max-width:42ch;margin:0;font-size:13.5px;line-height:1.5}.webshot-landing .rec-dot{background:var(--accent-red);width:7px;height:7px;box-shadow:0 0 0 3px oklch(from var(--accent-red) l c h / .18);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite recpulse;display:inline-block}.webshot-landing .tile-tag{font-family:var(--app-font-mono);color:var(--brand-deep);text-transform:uppercase;letter-spacing:.08em;background:var(--brand-soft);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:10.5px;line-height:1;display:inline-flex}.webshot-landing .tile-tag .rec-dot{margin-right:2px}.webshot-landing .tile-tag:has(.rec-dot){color:var(--accent-red);background:oklch(from var(--accent-red) l c h / .14)}.dark :is(.webshot-landing .tile-tag:has(.rec-dot)){color:oklch(from var(--accent-red) .76 c h)}.webshot-landing .subsection{border-top:1px solid var(--line);margin-top:96px;padding-top:64px}.webshot-landing .subsection-head{max-width:64ch;margin-bottom:40px}.webshot-landing .subsection-tag{font-family:var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-red);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:inline-flex}.webshot-landing .subsection-title{letter-spacing:-.025em;text-wrap:balance;margin:0 0 12px;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.1}.webshot-landing .subsection-sub{color:var(--ink-soft);max-width:60ch;margin:0;font-size:16px;line-height:1.55}.webshot-landing .live-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:880px){.webshot-landing .live-grid{grid-template-columns:1fr}}.webshot-landing .live-tile{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.webshot-landing .live-tile-demo{background:linear-gradient(160deg, var(--surface) 0%, var(--void) 100%);border-bottom:1px solid var(--line);height:180px;position:relative;overflow:hidden}.webshot-landing .live-tile-demo.dark{background:var(--stage);background-image:linear-gradient(var(--hair-1) 1px, transparent 1px), linear-gradient(90deg, var(--hair-1) 1px, transparent 1px);border-bottom-color:var(--surface);background-size:24px 24px}.webshot-landing .live-tile-body{flex-direction:column;gap:8px;padding:22px 24px 24px;display:flex}.webshot-landing .live-tile-body h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.webshot-landing .live-tile-body p{color:var(--ink-mute);margin:0;font-size:13.5px;line-height:1.5}.webshot-landing .blur-card{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 10px 30px -10px var(--veil-1);border-radius:12px;flex-direction:column;gap:5px;padding:11px 12px;display:flex;position:absolute;inset:18px;overflow:hidden}.webshot-landing .blur-card-head{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:6px;display:flex}.webshot-landing .blur-card-avatar{background:linear-gradient(135deg,#efc8aa,#c37f59);background:linear-gradient(135deg,lab(83.6068% 10.9438 20.648),lab(60.016% 24.1164 32.3176));border-radius:50%;flex-shrink:0;width:26px;height:26px}.webshot-landing .blur-card-title{color:var(--ink);font-size:12px;font-weight:600}.webshot-landing .blur-card-sub{color:var(--ink-mute);font-size:10.5px;font-family:var(--app-font-mono)}.webshot-landing .blur-card-badge{font-family:var(--app-font-mono);letter-spacing:.08em;color:var(--accent-red);align-items:center;gap:5px;margin-left:auto;font-size:9.5px;display:inline-flex}.dark :is(.webshot-landing .blur-card-badge){color:oklch(from var(--accent-red) .76 c h)}.webshot-landing .blur-card-badge{background:oklch(from var(--accent-red) l c h / .14);border-radius:999px;padding:3px 7px}.webshot-landing .blur-card-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:11.5px;display:flex}.webshot-landing .blur-card-label{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500;font-family:var(--app-font-mono)}.webshot-landing .blur-card-value{color:var(--ink);font-family:var(--app-font-mono);position:relative}.webshot-landing .blur-card-value.blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;background:oklch(from var(--brand) l c h / .04);border-radius:4px;padding:1px 6px;animation:3.5s ease-in-out infinite blurPulse}.webshot-landing .blur-card-value.blurred:nth-of-type(2){animation-delay:.4s}.webshot-landing .blur-card-value.blurred:nth-of-type(3){animation-delay:.8s}.webshot-landing .blur-demo{display:none}.webshot-landing .live-tile-demo .cursor-stage{background:0 0;border-radius:0;height:auto;min-height:0;position:absolute;inset:0}.webshot-landing .workflow-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:760px){.webshot-landing .workflow-grid{grid-template-columns:1fr}}.webshot-landing .workflow-tile{min-height:280px}.webshot-landing .wf-actions{flex-wrap:wrap;gap:8px;display:flex}.webshot-landing .wf-action{background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;display:inline-flex}.webshot-landing .extract-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.webshot-landing .extract-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.webshot-landing .extract-card-label,.webshot-landing .extract-card-status{font-family:var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.webshot-landing .extract-card-status{letter-spacing:.06em;color:var(--accent-green);align-items:center;gap:5px;display:inline-flex}.webshot-landing .extract-card-text{font-family:var(--app-font-mono);color:var(--ink-soft);white-space:pre-line;margin:0;padding:11px 12px 13px;font-size:11.5px;line-height:1.65}.webshot-landing .shortcut-list{gap:6px;display:grid}.webshot-landing .shortcut-list .shortcut-row{background:var(--bg)}.webshot-landing .blur-demo{background:linear-gradient(135deg,#efc8aa,#c37f59);background:linear-gradient(135deg,lab(83.6068% 10.9438 20.648),lab(60.016% 24.1164 32.3176));border-radius:14px;width:60%;height:60%;position:absolute;bottom:-20px;right:-20px;overflow:hidden}.webshot-landing .blur-demo:before{content:"";background:radial-gradient(at top,#b27f5c,#333a4b);background:radial-gradient(at top,lab(57.9026% 17.3194 27.117),lab(24.429% .0208467 -11.0183));border-radius:50% 50% 45% 45%;position:absolute;inset:25% 30% 18%}.webshot-landing .blur-demo:after{content:"";background:var(--ghost-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;animation:4s ease-in-out infinite alternate blurReveal;position:absolute;inset:30% 35% 25%}.webshot-landing .shortcut-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.webshot-landing .shortcut-row{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.webshot-landing .shortcut-row .name{color:var(--ink-soft)}.webshot-landing .shortcut-keys{gap:4px;display:flex}.webshot-landing .shortcut-keys .k{font-family:var(--app-font-mono);background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 1px 0 var(--line-strong);color:var(--ink);border-radius:5px;padding:2px 6px;font-size:11px}.webshot-landing .storage-flow{align-items:center;gap:12px;margin-top:18px;display:flex}.webshot-landing .storage-node{background:var(--bg);border:1px solid var(--line);text-align:center;color:var(--ink-soft);border-radius:10px;flex:1;padding:10px;font-size:11.5px}.webshot-landing .storage-node strong{color:var(--ink);font-size:12px;display:block}.webshot-landing .storage-arrow{color:var(--ink-mute);flex-shrink:0;font-size:16px}.webshot-landing .recovery-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.webshot-landing .recovery-icon{background:var(--warn-soft);border:1px solid var(--warn-line);width:32px;height:32px;color:var(--accent-amber);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.webshot-landing .faq-list{border-top:1px solid var(--line);max-width:760px;margin:0 auto}.webshot-landing .faq-item{border-bottom:1px solid var(--line)}.webshot-landing .faq-item summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 2px;font-size:16px;font-weight:600;list-style:none;transition:color .15s;display:flex}.webshot-landing .faq-item summary::-webkit-details-marker{display:none}.webshot-landing .faq-item summary:hover{color:var(--brand-deep)}.webshot-landing .faq-glyph{width:12px;height:12px;color:var(--ink-mute);flex-shrink:0;align-self:center;position:relative}.webshot-landing .faq-glyph:before,.webshot-landing .faq-glyph:after{content:"";background:currentColor;border-radius:1px;margin:auto;transition:transform .2s;position:absolute;inset:0}.webshot-landing .faq-glyph:before{width:12px;height:1.6px}.webshot-landing .faq-glyph:after{width:1.6px;height:12px}.webshot-landing .faq-item[open] .faq-glyph:after{transform:rotate(90deg)}.webshot-landing .faq-item summary:hover .faq-glyph,.webshot-landing .faq-item[open] .faq-glyph,.webshot-landing .faq-item[open] summary{color:var(--brand-deep)}.webshot-landing .faq-item p{max-width:62ch;color:var(--ink-soft);margin:0;padding:0 2px 22px;font-size:14.5px;line-height:1.6}.webshot-landing .cmp-badges{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.webshot-landing .cmp-badge{border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.webshot-landing .cmp-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-elev);overflow-x:auto}.webshot-landing .cmp-scroll,.webshot-landing .scroll-x{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.webshot-landing .cmp-scroll::-webkit-scrollbar{height:8px}.webshot-landing .scroll-x::-webkit-scrollbar{height:8px}.webshot-landing .cmp-scroll::-webkit-scrollbar-track{background:0 0}.webshot-landing .scroll-x::-webkit-scrollbar-track{background:0 0}.webshot-landing .cmp-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.webshot-landing .scroll-x::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.webshot-landing .cmp-grid{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:640px}.webshot-landing .cmp-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.webshot-landing .cmp-corner{background:var(--bg-elev);border-bottom:1px solid var(--line);width:23.08%;padding:20px 24px}.webshot-landing .cmp-col-head{text-align:center;border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:20px 16px;font-size:14px;font-weight:600}.webshot-landing .cmp-col-head.is-webshot{background:var(--brand-soft);color:var(--brand-deep);position:relative}.webshot-landing .cmp-you{font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin-bottom:4px;font-size:9.5px;font-weight:500;display:block}.dark :is(.webshot-landing .cmp-you){color:oklch(from var(--brand) .82 c h)}.webshot-landing .cmp-feat{text-align:left;color:var(--ink);border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 24px;font-size:13.5px;font-weight:500}.webshot-landing .cmp-cell{text-align:center;color:var(--ink-mute);border-bottom:1px solid var(--line);border-left:1px solid var(--line);vertical-align:middle;padding:14px 16px;font-size:13.5px;font-weight:400}.webshot-landing .cmp-cell.is-webshot{background:var(--brand-soft);font-weight:600}.webshot-landing .cmp-cell.is-webshot.is-pos{color:var(--brand-deep)}.webshot-landing .cmp-cell.is-neg{color:var(--ink-mute);letter-spacing:.01em;font-size:12.5px}.webshot-landing .cmp-footnote{color:var(--ink-mute);margin-top:16px;font-size:12.5px;font-style:italic}@media (max-width:760px){.webshot-landing .cmp-badges{gap:8px;margin-bottom:32px}.webshot-landing .cmp-badge{padding:8px 14px;font-size:13px}.webshot-landing .cmp-feat{background:var(--bg-elev);z-index:2;position:sticky;left:0}.webshot-landing .cmp-corner{z-index:3;position:sticky;left:0}}.webshot-landing .cursor-stage{background:var(--stage);border-radius:12px;flex:1;min-height:130px;margin-top:6px;position:relative;overflow:hidden}.webshot-landing .cursor-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid;position:absolute;inset:0}.webshot-landing .cursor-mode{border-right:1px solid var(--hair-3);border-bottom:1px solid var(--hair-3);background-image:linear-gradient(var(--hair-1) 1px, transparent 1px), linear-gradient(90deg, var(--hair-1) 1px, transparent 1px);background-size:18px 18px;position:relative}.webshot-landing .cursor-mode .cursor-arrow{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><path d='M4 2l16 9-7 1-4 8z' fill='white' stroke='black' stroke-width='1.5' stroke-linejoin='round'/></svg>") 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webshot-landing .cursor-mode .halo{background:#ffff0080;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webshot-landing .cursor-mode .ripple{border:2px solid #f00c;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webshot-landing .cursor-mode .spotlight-mask{background:var(--scrim-strong);position:absolute;inset:0;-webkit-mask:radial-gradient(40px,#0000 0%,#000 100%);mask:radial-gradient(40px,#0000 0%,#000 100%)}.webshot-landing .cursor-mode-label{font-family:var(--app-font-mono);color:var(--ghost-3);text-transform:uppercase;letter-spacing:.06em;z-index:2;font-size:10px;position:absolute;top:6px;left:8px}.webshot-landing .browsers{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;margin:16px 0;padding:24px;display:flex}.webshot-landing .browser-badge{align-items:center;gap:12px;font-size:16px;font-weight:500;display:inline-flex}.webshot-landing .browser-badge svg{width:36px;height:36px;color:var(--brand-deep)}.webshot-landing .browser-badge .meta{flex-direction:column;line-height:1.15;display:flex}.webshot-landing .browser-badge .meta small{color:var(--ink-mute);font-size:11px;font-family:var(--app-font-mono)}.webshot-landing .cta-block{background:var(--bg-elev);color:var(--ink);border:1px solid oklch(from var(--brand) l c h / .35);border-radius:var(--radius-xl);padding:56px;position:relative;overflow:hidden}.webshot-landing .cta-block:before{content:"";background:radial-gradient(circle at 80% 20%, oklch(from var(--brand) l c h / .35), transparent 50%), radial-gradient(circle at 10% 100%, oklch(from var(--brand) l c h / .22), transparent 50%);position:absolute;inset:0}.webshot-landing .cta-block-inner{z-index:1;max-width:30ch;position:relative}.webshot-landing .cta-actions{flex-wrap:wrap;gap:12px;display:flex}.webshot-landing .cta-block h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 16px;font-size:clamp(36px,4.8vw,56px);line-height:1.02}.webshot-landing .cta-block p{color:var(--ink-soft);margin:0 0 28px;font-size:17px;line-height:1.5}.webshot-landing .cta-block .btn-brand{background:var(--brand-fill);color:var(--brand-ink);box-shadow:0 4px 14px -4px oklch(from var(--brand) l c h / .5)}.webshot-landing .cta-block .btn-brand:hover{background:var(--brand-fill-hover)}.webshot-landing .cta-block .btn-ghost{color:var(--ink);border-color:var(--veil-3)}.webshot-landing .cta-block .btn-ghost:hover{background:var(--hair-3);color:var(--ink)}.webshot-landing footer{color:var(--ink-mute);border-top:1px solid var(--line);padding:40px 0 60px;font-size:13px}.webshot-landing .foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.webshot-landing .foot-links{gap:20px;display:flex}.webshot-landing .legal-article{max-width:68ch;font-size:16px;line-height:1.65}.webshot-landing .legal-title{font-family:var(--font-display);letter-spacing:-.038em;margin:0 0 14px;font-size:clamp(34px,4.4vw,48px);font-weight:700;line-height:1.02}.webshot-landing .legal-meta{font-family:var(--app-font-mono);color:var(--ink-mute);margin:0 0 22px;font-size:12px}.webshot-landing .legal-intro{color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.webshot-landing .legal-section{margin-top:44px;padding:0;scroll-margin-top:80px}.webshot-landing .legal-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:22px;line-height:1.2}.webshot-landing .legal-section p{color:var(--ink-soft);text-wrap:pretty;margin:0 0 14px}.webshot-landing .legal-section ul{color:var(--ink-soft);margin:0;padding-left:22px;list-style:outside}.webshot-landing .legal-section li{margin-bottom:8px}.webshot-landing .legal-section li::marker{color:var(--ink-mute)}.webshot-landing .foot-legal a{color:var(--ink-soft)}@media (max-width:600px){.webshot-landing .legal-main{padding-block:36px 72px}.webshot-landing .legal-cta-row .btn{display:none}}.webshot-landing .density-compact section{padding:96px 0}.webshot-landing .density-compact .hero{padding-block:56px 96px}.webshot-landing .density-compact .section-head{margin-bottom:60px;padding-bottom:32px}.webshot-landing .editor-window{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 1px 0 var(--hair-3) inset, 0 30px 60px -30px var(--veil-3), 0 8px 30px -10px var(--hair-3);overflow:hidden}.webshot-landing .editor-topbar{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:9px 14px;display:flex}.webshot-landing .editor-file{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.webshot-landing .editor-file-mark{background:var(--brand-fill);width:26px;height:26px;color:var(--brand-ink);border-radius:7px;flex:none;place-items:center;display:grid}.webshot-landing .editor-file>div{min-width:0}.webshot-landing .editor-file-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.2;overflow:hidden}.webshot-landing .editor-file-meta{font-family:var(--app-font-mono);letter-spacing:.04em;color:var(--ink-mute);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.webshot-landing .editor-tb-group{border-left:1px solid var(--line);align-items:center;gap:2px;padding:0 6px;display:flex}.webshot-landing .editor-tb-btn{width:28px;height:28px;color:var(--ink-soft);background:0 0;border:none;border-radius:7px;place-items:center;display:grid}.webshot-landing .editor-tb-btn.is-dim{opacity:.35}.webshot-landing .editor-zoom{border:1px solid var(--line);background:var(--surface);height:34px;font-family:var(--app-font-mono);color:var(--ink);border-radius:10px;align-items:center;gap:10px;margin:0 8px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.webshot-landing .editor-zoom-step{color:var(--ink-mute);font-size:15px;line-height:1}.webshot-landing .editor-action-caret{opacity:.7;font-size:10px}.webshot-landing .editor-status{font-family:var(--app-font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.webshot-landing .editor-action-btn{background:var(--bg-elev);height:34px;color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:7px;margin:0 6px 0 8px;padding:0 16px;font-size:12.5px;font-weight:600;display:inline-flex}.webshot-landing .editor-dock{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 16px 40px -14px var(--veil-3);white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.webshot-landing .editor-tool{min-width:30px;height:30px;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.webshot-landing .editor-tool.is-active{background:var(--brand-fill);color:var(--brand-ink);box-shadow:0 1px 2px var(--hair-4);padding:0 12px 0 10px;font-size:12px;font-weight:600}.webshot-landing .editor-props{background:var(--bg-elev);border:1px solid var(--line);box-shadow:0 12px 30px -12px var(--veil-3);color:var(--ink-soft);white-space:nowrap;border-radius:14px;align-items:center;gap:12px;padding:8px 16px;font-size:11px;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.webshot-landing .editor-props-chip{background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-weight:500}.webshot-landing .editor-props-label{font-family:var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.webshot-landing .editor-props-sep{background:var(--line);width:1px;height:18px}.webshot-landing .editor-props-swatch{border:1px solid var(--line);border-radius:7px;width:26px;height:26px}.webshot-landing .editor-props-dash{border-top:2px solid;width:14px;display:block}.webshot-landing .editor-props-dash.dotted{border-top-style:dotted}.webshot-landing .editor-props-dash.dashed{border-top-style:dashed}.webshot-landing .editor-props-opt svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.webshot-landing .editor-props-slider{background:var(--fill-mute);border-radius:2px;width:84px;height:3px;position:relative}.webshot-landing .editor-props-slider:before{content:"";background:var(--brand);border-radius:2px;width:28%;position:absolute;top:0;bottom:0;left:0}.webshot-landing .editor-props-slider:after{content:"";background:var(--bg-elev);border:2px solid var(--brand);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:28%;transform:translate(-50%,-50%)}.webshot-landing .editor-props-value{font-family:var(--app-font-mono);color:var(--ink);font-size:11px}.webshot-landing .editor-props-line{background:var(--accent-red);border-radius:2px;width:48px;height:3px}.webshot-landing .editor-props-opts{gap:2px;display:flex}.webshot-landing .editor-props-opt{width:28px;height:28px;color:var(--ink-mute);border-radius:7px;place-items:center;display:grid}.webshot-landing .editor-props-opt.is-on{background:var(--surface-hi);color:var(--ink)}.webshot-landing .editor-props-toggle{background:var(--fill-mute);border-radius:999px;width:28px;height:16px;position:relative}.webshot-landing .editor-props-toggle:after{content:"";background:var(--bg-elev);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.webshot-landing .editor-stage{background:radial-gradient(circle, var(--line) 1px, transparent 1px) 0 0 / 16px 16px, var(--void);justify-content:center;padding:28px 28px 124px;display:flex;position:relative}.webshot-landing .editor-canvas{background:var(--surface);width:100%;max-width:820px;box-shadow:0 12px 30px -8px var(--veil-2);aspect-ratio:16/10;border-radius:8px;position:relative;overflow:hidden}.webshot-landing .editor-shot{flex-direction:column;display:flex;position:absolute;inset:0}.webshot-landing .editor-shot-nav{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:14px 22px;display:flex}.webshot-landing .editor-shot-logo{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:6px;width:24px;height:24px}.webshot-landing .editor-shot-tabs{color:var(--ink-soft);flex:1;gap:16px;font-size:13px;display:flex}.webshot-landing .editor-shot-tabs .is-active{color:var(--ink);font-weight:600}.webshot-landing .editor-shot-avatar{background:linear-gradient(135deg,#efc8aa,#c37f59);background:linear-gradient(135deg,lab(83.6068% 10.9438 20.648),lab(60.016% 24.1164 32.3176));border-radius:50%;width:26px;height:26px;margin-left:auto}.webshot-landing .editor-shot-content{flex-direction:column;flex:1;gap:14px;padding:22px;display:flex}.webshot-landing .editor-shot-headline{letter-spacing:-.02em;font-size:22px;font-weight:700}.webshot-landing .editor-shot-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.webshot-landing .editor-shot-stat{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:12px;position:relative}.webshot-landing .editor-shot-stat-label{font-family:var(--app-font-mono);letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:4px;font-size:9.5px}.webshot-landing .editor-shot-stat-num{letter-spacing:-.02em;font-size:20px;font-weight:700;display:inline-block;position:relative}.webshot-landing .editor-shot-spark{color:var(--brand);opacity:.75;position:absolute;top:14px;right:12px}.webshot-landing .editor-stat-hl{background:oklch(from var(--gold) l c h / .45);border-radius:2px;display:block;position:absolute;inset:38% -4px 6%}.webshot-landing .editor-stat-value{position:relative}.webshot-landing .editor-stat-annot{z-index:2;pointer-events:none;color:var(--accent-red);margin-top:-8px;display:block;position:absolute;top:100%;left:8px}.webshot-landing .editor-stat-annot svg{display:block;overflow:visible}.webshot-landing .editor-stat-annot-text{color:var(--accent-red);white-space:nowrap;margin-left:62px;font-size:13px;font-style:italic;font-weight:700;display:block;transform:rotate(-3deg)}@media (max-width:700px){.webshot-landing .editor-stat-annot{left:auto;right:4px}.webshot-landing .editor-stat-annot-text{text-align:right;margin-left:0}}.webshot-landing .editor-shot-chart{background:repeating-linear-gradient(90deg, transparent, transparent 40px, var(--hair-2) 40px, var(--hair-2) 41px);border:1px solid var(--line);min-height:80px;color:var(--brand);border-radius:8px;flex:1;position:relative;overflow:hidden}.webshot-landing .editor-shot-chart svg{width:100%;height:100%;position:absolute;inset:0}.webshot-landing .editor-chart-area{fill:oklch(from var(--brand) l c h / .14)}.webshot-landing .editor-selection{border:1.5px dashed var(--brand);pointer-events:none;position:absolute;inset:50% 6% 22% 65%}.webshot-landing .editor-handle{background:var(--bg-elev);border:1.5px solid var(--brand);border-radius:2px;width:9px;height:9px;position:absolute}.webshot-landing .editor-handle.tl{top:-5px;left:-5px}.webshot-landing .editor-handle.tr{top:-5px;right:-5px}.webshot-landing .editor-handle.bl{bottom:-5px;left:-5px}.webshot-landing .editor-handle.br{bottom:-5px;right:-5px}.webshot-landing .editor-statusbar{border-top:1px solid var(--line);background:var(--chrome);font-family:var(--app-font-mono);letter-spacing:.04em;color:var(--ink-mute);align-items:center;padding:7px 14px;font-size:10.5px;display:flex}.webshot-landing .editor-statusbar span{white-space:nowrap}.webshot-landing .editor-statusbar span+span:not(.is-right):before{content:"";vertical-align:-1px;background:var(--line-strong);width:1px;height:11px;margin:0 10px;display:inline-block}.webshot-landing .editor-statusbar .is-right{margin-left:auto}@media (max-width:900px){.webshot-landing .editor-props,.webshot-landing .editor-dock .editor-tool:nth-child(n+9){display:none}.webshot-landing .editor-stage{padding-bottom:80px}.webshot-landing .editor-tb-group{display:none}}@media (max-width:560px){.webshot-landing .editor-zoom{display:none}.webshot-landing .editor-stage{padding:16px 16px 72px}.webshot-landing .editor-canvas{aspect-ratio:auto}.webshot-landing .editor-shot{position:relative;inset:auto}.webshot-landing .editor-shot-content{padding:16px}.webshot-landing .editor-shot-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.webshot-landing .editor-shot-stat{padding:10px}.webshot-landing .editor-shot-stat-num{font-size:15px}.webshot-landing .editor-shot-headline{font-size:18px}}@media (max-width:460px){.webshot-landing .editor-statusbar span:nth-child(3){display:none}}.webshot-landing .editor-cta-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px;display:flex}.webshot-landing .editor-cta-note{font-family:var(--app-font-mono);color:var(--ink-mute);font-size:12px}@media (max-width:880px){.webshot-landing .shell{padding:0 20px}.webshot-landing .topbar-inner{padding:12px 20px}.webshot-landing .tabs{display:none}.webshot-landing .cta-row{margin-left:auto}.webshot-landing section{padding:96px 0}.webshot-landing .hero{padding-block:56px 96px}.webshot-landing .subsection{margin-top:64px;padding-top:48px}.webshot-landing .cta-block{padding:40px 32px}.webshot-landing .mode-stage{min-height:0}.webshot-landing .demo-reel{margin-top:0;padding-bottom:96px}.webshot-landing section.cta-section{padding:48px 0 96px}}@media (max-width:560px){.webshot-landing .shell{padding:0 16px}.webshot-landing .topbar-inner{gap:10px;padding:10px 16px}.webshot-landing .cta-row>.btn-ghost,.webshot-landing .cta-row>.btn-brand,.webshot-landing .cta-row>.theme-toggle{display:none}.webshot-landing .cta-row{gap:8px}.webshot-landing section{padding:72px 0}.webshot-landing .hero{padding-block:40px 72px}.webshot-landing .hero-sub{font-size:17px}.webshot-landing .hero-meta{flex-wrap:wrap;gap:8px 14px}.webshot-landing .section-head{margin-bottom:40px}.webshot-landing .subsection{margin-top:48px;padding-top:36px}.webshot-landing .subsection-head{margin-bottom:28px}.webshot-landing .cta-block{padding:32px 22px}.webshot-landing .fauxpage{padding:22px 24px}.webshot-landing .fauxpage h3{font-size:22px}.webshot-landing .popup{width:200px;padding:12px;top:12px;right:12px}.webshot-landing .demo-reel{padding-bottom:72px}.webshot-landing .demo-reel-inner{padding:0 16px}.webshot-landing section.cta-section{padding:40px 0 72px}.webshot-landing .mc-content{inset:16px}.webshot-landing .browsers{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.webshot-landing .browsers>span{display:none}.webshot-landing .video-body{grid-template-columns:1fr}.webshot-landing .video-inspector{border-left:none;border-top:1px solid var(--line)}.webshot-landing .video-feats{grid-template-columns:1fr}}@media (max-width:380px){.webshot-landing .editor-dock .editor-tool:nth-child(n+7){display:none}}.webshot-landing .video-window{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-window);overflow:hidden}.webshot-landing .video-chrome{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 14px;display:flex}.webshot-landing .video-chrome-file{background:var(--raised);color:var(--ink);box-shadow:0 1px 2px var(--shadow-ink-1);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 12px;font-size:12px;display:inline-flex;overflow:hidden}.webshot-landing .video-file-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:7px;height:7px}.webshot-landing .video-chrome-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.webshot-landing .video-export{background:var(--brand-fill);color:var(--brand-ink);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.webshot-landing .video-body{background:var(--void);grid-template-columns:1fr 240px;display:grid}.webshot-landing .video-canvas-wrap{background:radial-gradient(circle, var(--line) 1px, transparent 1px) 0 0 / 16px 16px, var(--void);flex-direction:column;padding:28px;display:flex}.webshot-landing .video-canvas{background:var(--surface);box-shadow:0 12px 30px -8px var(--shadow-ink-3);aspect-ratio:16/10;border-radius:8px;position:relative;overflow:hidden}.webshot-landing .video-stage{transform-origin:78% 30%;animation:8s cubic-bezier(.4,0,.2,1) infinite zoomStage;position:absolute;inset:0}.webshot-landing .vs-app{background:var(--bg-elev);grid-template-columns:128px 1fr;font-size:10px;display:grid;position:absolute;inset:0}.webshot-landing .vs-side{background:var(--void);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 10px;display:flex}.webshot-landing .vs-brand{letter-spacing:-.01em;align-items:center;gap:7px;margin-bottom:12px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.webshot-landing .vs-brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-fill));border-radius:5px;flex-shrink:0;width:16px;height:16px}.webshot-landing .vs-nav{color:var(--ink-mute);border-radius:5px;align-items:center;gap:7px;padding:5px 6px;display:flex}.webshot-landing .vs-nav.is-active{background:var(--surface);color:var(--ink);font-weight:600}.webshot-landing .vs-nav-dot{opacity:.55;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.webshot-landing .vs-main{flex-direction:column;min-width:0;display:flex}.webshot-landing .vs-top{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 14px;display:flex}.webshot-landing .vs-search{background:var(--surface);border:1px solid var(--line);height:22px;color:var(--ink-mute);border-radius:6px;flex:1;align-items:center;padding:0 8px;font-size:9.5px;display:flex}.webshot-landing .vs-avatar{background:linear-gradient(135deg,#efc8aa,#c37f59);background:linear-gradient(135deg,lab(83.6068% 10.9438 20.648),lab(60.016% 24.1164 32.3176));border-radius:50%;flex-shrink:0;width:20px;height:20px}.webshot-landing .vs-body{flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.webshot-landing .vs-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.webshot-landing .vs-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:700}.webshot-landing .vs-cta{background:var(--brand-fill);color:var(--brand-ink);white-space:nowrap;border-radius:7px;padding:6px 11px;font-size:10px;font-weight:600}.webshot-landing .vs-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.webshot-landing .vs-metric{background:var(--surface);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.webshot-landing .vs-metric-label{font-family:var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:8px}.webshot-landing .vs-metric-num{font-family:var(--font-display);letter-spacing:-.02em;font-size:15px;font-weight:700}.webshot-landing .vs-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.webshot-landing .vs-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:7px 10px;display:flex}.webshot-landing .vs-row:last-child{border-bottom:none}.webshot-landing .vs-row-avatar{background:var(--surface-hi);border-radius:50%;flex-shrink:0;width:14px;height:14px}.webshot-landing .vs-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.webshot-landing .vs-pill{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:8.5px;font-weight:600}.webshot-landing .vs-pill.is-ok{background:oklch(from var(--accent-green) l c h / .16);color:var(--accent-green)}.webshot-landing .vs-pill.is-warn{background:var(--warn-soft);color:var(--accent-amber)}.webshot-landing .vs-pill.is-mute{background:var(--surface-hi);color:var(--ink-mute)}.webshot-landing .vs-row-date{font-family:var(--app-font-mono);color:var(--ink-mute);text-align:right;flex-shrink:0;width:40px;font-size:8.5px}.webshot-landing .video-cursor{z-index:3;filter:drop-shadow(0 2px 4px var(--shadow-ink-2));pointer-events:none;position:absolute;top:30%;left:78%}.webshot-landing .video-click-ripple{border:2.5px solid var(--brand-2);border-radius:50%;animation:8s ease-out infinite clickRipple;position:absolute;top:30%;left:78%;transform:translate(-50%,-50%)}.webshot-landing .video-zoom-chip{background:var(--bg);border:1px solid var(--brand-line);color:var(--brand-deep);font-family:var(--app-font-mono);border-radius:999px;padding:4px 10px;font-size:10.5px;position:absolute;bottom:14px;left:14px}.webshot-landing .video-timeline{flex-direction:column;gap:7px;margin-top:20px;display:flex}.webshot-landing .video-track-audio{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;height:34px;padding:0 12px;display:flex}.webshot-landing .video-waveform{flex:1;align-items:flex-end;gap:2px;height:16px;display:flex;overflow:hidden}.webshot-landing .video-waveform span{background:var(--surface-hi);border-radius:1px;flex:none;width:2px}.webshot-landing .video-waveform span.is-played{background:var(--brand);opacity:.55}.webshot-landing .video-duration{font-family:var(--app-font-mono);color:var(--ink-mute);flex-shrink:0;font-size:10.5px}.webshot-landing .video-track-segments{height:32px;position:relative}.webshot-landing .video-segment{color:var(--ink);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.webshot-landing .video-segment.is-zoom{background:oklch(from var(--brand) l c h / .28);box-shadow:inset 0 0 0 1.5px var(--brand)}.webshot-landing .video-segment.is-speed{background:oklch(from var(--gold) l c h / .2);box-shadow:inset 0 0 0 1.5px var(--gold)}.webshot-landing .video-segment.is-mute{background:oklch(from var(--accent-red) l c h / .2);box-shadow:inset 0 0 0 1.5px var(--accent-red)}.webshot-landing .video-playhead{background:var(--brand-2);width:2px;animation:8s linear infinite playhead;position:absolute;top:-48px;bottom:-4px}.webshot-landing .video-inspector{background:var(--bg-elev);border-left:1px solid var(--line);flex-direction:column;gap:16px;padding:16px;display:flex}.webshot-landing .video-inspector-label{font-family:var(--app-font-mono);letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:8px;font-size:10.5px;display:block}.webshot-landing .video-inspector-row{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.webshot-landing .video-inspector-row.tight{margin-bottom:8px;font-size:12px}.webshot-landing .video-inspector-row .mono{font-family:var(--app-font-mono);color:var(--ink)}.webshot-landing .video-inspector-row .mono.accent{color:var(--brand-deep)}.webshot-landing .video-seg-control{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:3px;padding:3px;display:grid}.webshot-landing .video-seg-control.cols-3{grid-template-columns:repeat(3,1fr)}.webshot-landing .video-seg-control.cols-2{grid-template-columns:repeat(2,1fr)}.webshot-landing .video-seg-control span{text-align:center;color:var(--ink-mute);border-radius:6px;padding:6px 2px;font-size:11px}.webshot-landing .video-seg-control .is-active{color:var(--ink);background:var(--surface-hi);box-shadow:0 1px 2px var(--shadow-ink-1);font-weight:600}.webshot-landing .video-slider{background:var(--surface-2);border-radius:3px;height:4px;display:block;position:relative}.webshot-landing .video-slider-fill{background:var(--brand);border-radius:3px;width:46%;position:absolute;top:0;bottom:0;left:0}.webshot-landing .video-slider-knob{background:var(--ink-hi);width:12px;height:12px;box-shadow:0 2px 6px var(--shadow-ink-3);border-radius:50%;position:absolute;top:50%;left:46%;transform:translate(-50%,-50%)}.webshot-landing .video-inspector-note{color:var(--ink-mute);margin:auto 0 0;font-size:11.5px;line-height:1.5}.webshot-landing .video-feats{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}@media (max-width:900px){.webshot-landing .video-feats,.webshot-landing .video-body{grid-template-columns:1fr}.webshot-landing .video-inspector{border-left:none;border-top:1px solid var(--line)}}@media (max-width:560px){.webshot-landing .video-canvas-wrap{padding:16px}.webshot-landing .vs-app{grid-template-columns:1fr}.webshot-landing .vs-side{display:none}}.webshot-landing .video-feat{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:28px;display:flex}.webshot-landing .video-feat-glyph{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-deep);border-radius:10px;place-items:center;display:grid}.webshot-landing .video-feat h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.webshot-landing .video-feat p{color:var(--ink-mute);max-width:42ch;margin:0;font-size:13.5px;line-height:1.5}.webshot-landing .video-new-pill{font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 10px;font-size:10.5px;display:inline-flex}@media (prefers-reduced-motion:reduce){.webshot-landing,.webshot-landing *,.webshot-landing :before,.webshot-landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}