:root{color-scheme:light dark;--site-max-width:1440px;--site-gutter:clamp(20px,4vw,64px);--bg-shell:#17181a;--bg-raised:#1e2022;--bg-hover:#242628;--bg-selected:#2a2d30;--hairline:#2c2f32;--text-1:#ecedee;--text-2:#aeb3b7;--text-3:#8a9095;--action:#eceef0;--action-hover:#fff;--action-on:#17181a;--danger:#ff6b72;--danger-fill:#b4232f;--danger-on:#fff;--success:#72d69a;--mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--fs-caption:11px;--fs-meta:12px;--fs-ui:13px;--fs-body:14px;--fs-emphasis:15px;--fs-heading:20px;--lh-flush:1;--lh-tight:1.3;--lh-snug:1.5;--lh-normal:1.6;--lh-relaxed:1.75;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:14px;--radius-pill:999px;--panel-shadow:0 2px 5px #0000002e,0 12px 24px #0000004d;--menu-shadow:0 6px 8px #00000040;--dur-fast:.14s;--dur-mid:.16s;--dur-slow:.25s;--ease-out:cubic-bezier(.16,1,.3,1)}@media (prefers-color-scheme:light){:root{--bg-shell:#f2f3f4;--bg-raised:#fafbfb;--bg-hover:#eceeef;--bg-selected:#e2e5e8;--hairline:#d9dde0;--text-1:#1c1e20;--text-2:#5d6367;--text-3:#687076;--action:#1c1e20;--action-hover:#34383c;--action-on:#fff;--danger:#b4232f;--danger-fill:#b4232f;--success:#18794e;--panel-shadow:0 2px 5px #181c201a,0 12px 24px #181c2033;--menu-shadow:0 6px 8px #181c202e}}:root[data-theme=dark]{--bg-shell:#17181a;--bg-raised:#1e2022;--bg-hover:#242628;--bg-selected:#2a2d30;--hairline:#2c2f32;--text-1:#ecedee;--text-2:#aeb3b7;--text-3:#8a9095;--action:#eceef0;--action-hover:#fff;--action-on:#17181a;--panel-shadow:0 2px 5px #0000002e,0 12px 24px #0000004d}:root[data-theme=light]{--bg-shell:#f2f3f4;--bg-raised:#fafbfb;--bg-hover:#eceeef;--bg-selected:#e2e5e8;--hairline:#d9dde0;--text-1:#1c1e20;--text-2:#5d6367;--text-3:#687076;--action:#1c1e20;--action-hover:#34383c;--action-on:#fff;--panel-shadow:0 2px 5px #181c201a,0 12px 24px #181c2033}:root[data-theme=dark]{--danger:#ff6b72;--danger-fill:#b4232f;--success:#72d69a;--menu-shadow:0 6px 8px #00000040}:root[data-theme=light]{--danger:#b4232f;--danger-fill:#b4232f;--success:#18794e;--menu-shadow:0 6px 8px #181c202e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{color:var(--text-1);background:var(--bg-shell);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,a{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--text-1);outline-offset:3px}.hero{min-height:100svh;padding:96px var(--site-gutter) clamp(120px,18svh,220px);place-items:center;display:grid;position:relative}.hero-inner{align-items:center;display:grid}.hero-copy{text-align:left}.logo{justify-self:center;height:auto}h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(4rem,10vw,6rem);line-height:.95}.hero-shortcuts{opacity:.72;align-items:center;gap:16px;margin-top:36px;display:flex}.shortcut-hint{color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.shortcut-hint kbd{border:1px solid var(--hairline);border-radius:var(--radius-sm);min-width:28px;color:var(--text-2);background:var(--bg-raised);font:600 12px/1 var(--sans);text-align:center;padding:4px 7px}.tagline{max-width:580px;color:var(--text-2);text-wrap:pretty;margin:12px 0 36px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;display:flex}.primary{border-radius:var(--radius-md);min-height:46px;color:var(--action-on);background:var(--action);transition:background var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:9px;padding:0 22px;font-weight:650;text-decoration:none;display:inline-flex}.primary:hover{background:var(--action-hover)}.showcase{padding-inline:var(--site-gutter);position:relative}.showcase-stage{width:min(var(--site-max-width),calc(100vw - 2 * var(--site-gutter)));grid-template-columns:minmax(300px,360px) minmax(0,1040px);justify-content:center;align-items:center;gap:40px;height:calc(100svh - 76px);min-height:540px;margin:0 auto;display:grid;position:sticky;top:76px}.story{flex-direction:column;justify-content:center;align-self:center;min-height:220px;display:flex}.story h2{color:var(--text-1);letter-spacing:-.03em;white-space:pre-line;margin:0;font-size:clamp(2.75rem,3.3vw,3.75rem);line-height:1.06}.story p{max-width:34ch;color:var(--text-2);text-wrap:pretty;margin:22px 0 0;font-size:18px;line-height:1.7}.app-frame{width:100%;height:var(--app-height,585px);transform:translateY(var(--app-intro-offset,0));position:relative}.app-window{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--bg-shell);width:1040px;height:585px;box-shadow:var(--panel-shadow);transform:translate(var(--app-intro-x,0)) scale(var(--app-scale,1));transform-origin:100% 0;grid-template:42px minmax(0,1fr) 48px/320px minmax(0,1fr);display:grid;position:absolute;top:0;right:0;overflow:hidden}.titlebar{border-bottom:1px solid var(--hairline);user-select:none;grid-column:1/-1;align-items:center;padding:0 14px;display:flex}.brand{height:30px;color:var(--text-2);letter-spacing:.01em;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.brand-mark{background:currentColor;flex:none;width:14px;height:14px;-webkit-mask:url(/clipclop-mark.svg) 50%/contain no-repeat;mask:url(/clipclop-mark.svg) 50%/contain no-repeat}.story{align-self:stretch;height:100%;display:block;overflow:hidden}.story-track{height:calc(var(--story-count,10) * 100%);transform:translate3d(0,var(--story-offset,0),0)}.story-panel{height:calc(100% / var(--story-count,10));flex-direction:column;justify-content:center;display:flex}#steps:after{content:"";height:35vh;display:block}.left{border-right:1px solid var(--hairline);flex-direction:column;min-height:0;display:flex}.search{height:42px;color:var(--text-3);border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:8px;padding:0 14px;display:flex}.search>svg{flex:none;width:15px;height:15px}.search input{min-width:0;color:var(--text-1);font:var(--fs-body)/var(--lh-normal) var(--mono);background:0 0;border:0;outline:0;flex:1;padding:0}.search input::placeholder{color:var(--text-2);opacity:1}.filter-static{border-radius:var(--radius-sm);min-width:30px;height:28px;color:var(--text-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 5px;display:flex}.filter-static:hover{color:var(--text-1);background:var(--bg-hover)}.filter-static svg{width:14px;height:14px}.filter-static kbd{border:1px solid var(--hairline);border-radius:var(--radius-sm);min-width:0;color:var(--text-2);font:500 var(--fs-caption)/var(--lh-snug) var(--sans);white-space:nowrap;background:0 0;align-items:center;padding:1px 5px;display:inline-flex}kbd{border:1px solid var(--hairline);border-radius:var(--radius-sm);min-width:24px;color:var(--text-2);background:var(--bg-shell);font:var(--fs-caption)/var(--lh-flush) var(--sans);text-align:center;padding:3px 6px}.clip-list{outline:0;flex-direction:column;flex:1;gap:1px;min-height:0;padding:6px;display:flex;overflow:hidden}.clip-row,.list-slot{flex:1 0 44px}.clip-row{border-radius:var(--radius-lg);width:100%;min-height:44px;color:var(--text-1);text-align:left;cursor:default;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 8px;display:flex}.clip-row:hover{background:var(--bg-hover)}.clip-row[aria-selected=true]{background:color-mix(in srgb,var(--bg-selected) 55%,transparent)}.clip-list:focus .clip-row[aria-selected=true]{background:var(--bg-selected)}.clip-row:focus-visible{outline:2px solid var(--text-2);outline-offset:-2px}.num{width:16px;color:var(--text-3);font-size:var(--fs-ui);font-weight:650;line-height:var(--lh-flush);font-variant-numeric:tabular-nums lining-nums;text-align:center;flex:none}.lead{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-2);flex:none;justify-content:center;align-items:center;display:flex}.lead.media{background:var(--bg-raised);overflow:hidden}.lead.color{color:#0000;border:1px solid var(--hairline)}.lead img{object-fit:cover;width:100%;height:100%}.snippet{min-width:0;color:var(--text-1);font:var(--fs-body)/var(--lh-normal) var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.empty{color:var(--text-2);font-size:var(--fs-ui);margin:auto}.preview{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-body{flex:1;align-items:flex-start;min-height:0;padding:20px;display:flex;overflow:auto}.preview-content{width:100%;height:100%;animation:preview-in var(--dur-fast) var(--ease-out)}.preview-text,.file-path{color:var(--text-1);font:13px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.file-path{color:var(--text-2)}.color-preview{justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.color-swatch{border:1px solid var(--hairline);border-radius:var(--radius-lg);width:72px;height:72px}.image-preview{justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;display:flex}.image-preview img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:100%;display:block}.preview-meta{border-top:1px solid var(--hairline);height:72px;color:var(--text-2);flex:none;align-items:center;padding:8px 20px;display:flex}.meta-mark{display:none}.meta-content{width:100%;min-width:0}.meta-summary{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:20px;width:100%;min-width:0;display:grid}.meta-source{align-items:center;gap:8px;min-width:0;display:flex}.source-details{min-width:0;color:var(--text-2);font:12px/1.2 var(--mono);flex-direction:column;gap:2px;display:flex}.source-details span,.source-details time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-details time{color:var(--text-3);font-size:10px}.source-icon{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-2);flex:none;place-items:center;display:grid;overflow:hidden}.source-icon img{object-fit:contain;width:22px;height:22px}.source-icon svg{width:18px;height:18px}:root[data-theme=dark] .source-icon-codex img{filter:invert()}.meta-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:220px;min-width:0;margin:0;display:grid}.meta-facts div{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;min-width:0;display:flex}.meta-facts dt,.meta-facts dd{text-overflow:ellipsis;max-width:100%;overflow:hidden}.meta-facts dt{color:var(--text-3);font:10px/1 var(--mono)}.meta-facts dd{color:var(--text-2);font:11px/1.2 var(--mono);font-variant-numeric:tabular-nums;margin:0}.explore{display:none}.pager,.actions{border-top:1px solid var(--hairline);align-items:center;display:flex}.pager{border-right:1px solid var(--hairline);color:var(--text-2);font:var(--fs-ui) var(--mono);grid-template-columns:36px minmax(70px,1fr) auto 36px;align-items:center;gap:16px;padding:0 14px;display:grid}.page-count{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:34px}.pager button{border:1px solid var(--hairline);border-radius:var(--radius-sm);width:36px;height:30px;color:var(--text-2);background:0 0;place-items:center;padding:0;display:grid}.pager button:disabled{color:var(--text-3);opacity:.35}.page-scrubber{border-radius:var(--radius-sm);opacity:.35;min-width:70px;height:30px;position:relative;overflow:hidden}.page-ticks{position:absolute;inset:0}.page-ticks i{border-radius:var(--radius-pill);background:var(--text-2);width:2px;margin-left:-1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-ticks i:first-child{opacity:.4;height:9px;transform:translate(-36px,-50%)}.page-ticks i:nth-child(2){opacity:.65;height:12px;transform:translate(-18px,-50%)}.page-ticks i:nth-child(3){height:16px}.page-ticks i:nth-child(4){opacity:.65;height:12px;transform:translate(18px,-50%)}.page-ticks i:nth-child(5){opacity:.4;height:9px;transform:translate(36px,-50%)}.actions{justify-content:flex-end;gap:12px;padding:0 16px}.static-action{border:1px solid var(--hairline);border-radius:var(--radius-md);min-height:32px;color:var(--text-2);opacity:.72;user-select:none;font-size:var(--fs-meta);align-items:center;gap:6px;padding:7px 10px;display:flex}.static-action.primary-static{color:var(--action-on);background:var(--action);opacity:.8;border:0;padding-inline:15px;font-weight:650}.scroll-step{pointer-events:none;height:100vh}.brand{font-size:var(--fs-ui)}.preview-text,.file-path{font:var(--fs-body)/var(--lh-relaxed) var(--mono)}.source-details{font:var(--fs-ui)/var(--lh-tight) var(--mono)}.source-details time,.meta-facts dt{font-size:var(--fs-caption);line-height:var(--lh-flush)}.meta-facts dd{font:var(--fs-meta)/var(--lh-tight) var(--mono)}.scroll-step{height:70vh}.home-section{width:min(1040px,calc(100vw - 2 * var(--site-gutter)));border-top:1px solid var(--hairline);margin:0 auto;padding:112px 0}.home-section h2{letter-spacing:-.04em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.05}.home-section p{max-width:720px;color:var(--text-2);text-wrap:pretty;margin:24px 0 0;font-size:17px;line-height:1.75}.text-links{flex-wrap:wrap;gap:20px;margin-top:28px;display:flex}.text-links a{color:var(--text-1);font:600 13px var(--mono);text-underline-offset:5px}.closing{text-align:center}.closing h2,.closing p{margin-inline:auto}.closing-actions{justify-content:center;margin:36px auto 0;display:flex}.closing-note{color:var(--text-2);font:12px var(--mono);margin-top:22px;display:block}.closing-note a{text-underline-offset:4px}@keyframes preview-in{0%{opacity:.35;transform:translateY(5px)}}@media (width<=1100px) and (width>=769px){.story h2{font-size:40px}.story p{font-size:17px}}@media (width<=768px){.hero-inner,.hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-shortcuts{justify-content:center}.showcase{--mobile-showcase-overlap:min(36svh,296px);margin-top:calc(-1 * var(--mobile-showcase-overlap));padding-inline:10px;padding-bottom:var(--mobile-showcase-overlap)}.showcase-stage{grid-template:minmax(0,1fr) auto/1fr;gap:28px;width:100%;height:calc(100svh - 70px);min-height:620px;top:70px}.story{min-height:96px;padding:0 10px max(8px,env(safe-area-inset-bottom));grid-row:2}.story h2{letter-spacing:-.03em;max-width:none;font-size:32px;line-height:1.1}.story p{max-width:60ch;margin-top:12px;font-size:16px;line-height:1.65}.scroll-step{height:70vh}.story{height:auto;overflow:visible}.story-track{height:auto;transition:none;transform:none!important}.story-panel{height:auto;display:none}.story-panel.is-current{display:flex}#steps:after{height:0}}@media (width<=420px){.filter-static svg,.actions .static-action:first-child{display:none}.preview-meta{gap:10px}.fact{font-size:10px}}@media (width<=680px){.home-section{padding-block:80px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:var(--bg-raised)}:root:not([data-theme=light]) .source-icon-codex img{filter:invert()}}:root[data-theme=dark] body{background:var(--bg-raised)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-frame{transform:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(400px,560px);gap:clamp(20px,2.5vh,32px) clamp(48px,5vw,80px);width:min(1240px,100%)}.hero-copy{grid-column:1}.logo{z-index:1;grid-area:1/2/3;width:min(100%,520px);position:relative}.hero-actions{grid-area:2/1;display:flex}.tagline{margin-bottom:0}#hero-title{width:max-content;font-size:clamp(5.5rem,7vw,7rem);position:relative}#hero-title .hero-mark{z-index:1;background:var(--text-1);content:"";opacity:.38;width:190px;height:190px;position:absolute;top:-70px;right:-28px;transform:rotate(16deg);-webkit-mask:url(/clipclop-mark.svg) 50%/contain no-repeat;mask:url(/clipclop-mark.svg) 50%/contain no-repeat}.platform-download{white-space:nowrap}.platform-download svg{flex:none;width:18px;height:18px}@media (width<=1100px){html,body{overflow-x:clip}.hero-copy{align-self:center}.logo{grid-row:1}}@media (width<=768px){.hero{place-items:start center;padding-block:clamp(104px,13svh,128px) clamp(48px,6svh,72px)}.showcase-stage{grid-template:auto auto/1fr;place-content:start stretch;min-width:0;min-height:0}.hero-inner{gap:clamp(16px,3vmin,28px)}.hero-copy{order:1}.logo{order:2;width:clamp(160px,48vw,220px);margin:0}.hero-shortcuts{margin-top:24px}.tagline{margin:10px 0 0}#hero-title{font-size:clamp(3.75rem,17vw,5rem)}#hero-title .hero-mark{width:112px;height:112px;top:-40px;right:-15px}.app-frame{min-width:0;display:block;overflow:visible}.app-window{transform-origin:0 0;left:0;right:auto}}.menu-wrap{position:relative}.titlebar{z-index:3;position:relative}.left,.preview,.pager{z-index:1;position:relative}.actions{z-index:2;position:relative}.app-window .menu-trigger{appearance:none;cursor:default;border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-2);opacity:1;font-size:var(--fs-ui);background:0 0}.app-window .menu-trigger:hover,.app-window .menu-trigger[aria-expanded=true]{background:var(--bg-hover);color:var(--text-1)}.app-window .brand.menu-trigger{border-color:#0000}.app-window .brand.menu-trigger:hover,.app-window .brand.menu-trigger[aria-expanded=true]{border-color:var(--hairline)}.app-window .brand.menu-trigger[aria-expanded=true],.app-window .menu-trigger:active{background:var(--bg-selected)}.app-window .menu-trigger kbd,.demo-menu kbd{min-width:0;color:var(--text-3);font:500 var(--fs-ui)/1 var(--sans);white-space:nowrap;background:0 0;border:0;padding:0}.demo-menu{z-index:5;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--menu-shadow);flex-direction:column;padding:6px;display:flex;position:absolute}.demo-menu[hidden],.demo-menu [hidden]{display:none}.demo-menu button{appearance:none;border-radius:var(--radius-md);width:100%;color:var(--text-1);font:var(--fs-ui)/var(--lh-snug) var(--sans);text-align:left;cursor:default;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:9px 10px;display:flex}.demo-menu button:hover,.demo-menu button:focus-visible{background:var(--bg-hover);outline:0}.demo-menu button:active{background:var(--bg-selected)}.demo-menu button.danger{color:var(--danger)}.app-menu{width:180px;top:30px;left:0}.action-menu{width:260px;bottom:38px;right:0}.menu-separator{background:var(--hairline);border:0;height:1px;margin:5px 6px}.scope-switch{border-bottom:1px solid var(--hairline);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px 6px;display:grid}.scope-switch button{border-radius:var(--radius-md);min-height:28px;color:var(--text-2);font-size:var(--fs-ui);background:0 0;border:0;font-weight:600}.scope-switch button:hover,.scope-switch button[aria-pressed=true]{background:var(--bg-selected);color:var(--text-1)}.clip-row,.list-slot{flex:1 1 0;min-height:0}.clip-row{padding-block:0;min-height:0;padding-right:38px;position:relative}.favorite{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-2);opacity:0;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.clip-row:hover .favorite,.clip-row[aria-selected=true] .favorite,.favorite.saved{opacity:1}.favorite:hover{color:var(--text-1);background:var(--bg-hover)}.favorite svg{width:14px;height:14px}.favorite.saved svg path{fill:currentColor}.path-slot:not(:empty){border-top:1px solid var(--hairline);height:48px;color:var(--text-3);font:var(--fs-caption)/18px var(--mono);flex:none;align-items:center;padding:4px 20px;display:flex;overflow:hidden}.path-bar{flex-direction:column;min-width:0;display:flex}.path-bar strong,.path-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.path-bar strong{color:var(--text-2);font-weight:500}@media (width<=768px),(hover:none){.clip-row:not([aria-selected=true]) .favorite:not(.saved){display:none}}@media (width<=768px){.hero-actions{display:none}.app-frame{-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}}.summon-stage{height:400px;margin-top:48px;position:relative}.editor{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--bg-shell);height:100%;box-shadow:var(--panel-shadow);overflow:hidden}.editor-bar{border-bottom:1px solid var(--hairline);height:42px;color:var(--text-3);font:var(--fs-meta) var(--mono);align-items:center;padding:0 18px;display:flex}.editor-body{color:var(--text-2);font:15px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:28px 32px}.pasted{color:var(--text-1);animation:paste-flash 1.6s var(--ease-out) both;border-radius:3px}@keyframes paste-flash{0%{background:color-mix(in srgb,var(--text-1) 22%,transparent)}to{background:0 0}}.caret{vertical-align:-.2em;background:var(--text-1);width:2px;height:1.15em;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.summon-window{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--bg-shell);width:min(640px,100% - 40px);height:270px;box-shadow:var(--panel-shadow);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);grid-template-columns:250px minmax(0,1fr);display:grid;position:absolute;top:78px;left:50%;overflow:hidden;transform:translate(-50%,10px)scale(.97)}.summon-window.is-open{opacity:1;transform:translate(-50%)scale(1)}.summon-window .clip-list{flex:1}.summon-window .preview-body{padding:18px}.summon-keys{justify-content:center;gap:10px;margin-top:24px;display:flex}.summon-keys kbd{min-width:44px;font-size:var(--fs-ui);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);padding:8px 12px}.summon-keys kbd.is-down{border-color:var(--action);color:var(--action-on);background:var(--action);transform:translateY(1px)}@media (width<=768px){.summon-stage{height:360px}.editor-body{padding:20px;font-size:13px}.summon-window{grid-template-columns:1fr}.summon-window .preview-body{display:none}.summon-window .left{border-right:0}}@media (width<=1100px) and (width>=769px){.hero-actions{grid-column:1/-1}}.hero-shortcuts{opacity:1}.shortcut-hint{font-size:var(--fs-body);gap:8px}.shortcut-hint kbd{color:var(--text-1);font-size:var(--fs-ui);padding:6px 10px}@media (width>=1101px){.hero-copy{align-self:end}.hero-actions{align-self:start}}.logo{animation:rise-in .8s var(--ease-out) both}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}.trust-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));column-gap:56px;margin:44px 0 0;display:grid}.trust-facts div{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;display:flex}.trust-facts dt{color:var(--text-2);font-size:var(--fs-emphasis);flex:none}.trust-facts dd{color:var(--text-1);font-size:var(--fs-emphasis);text-align:right;text-wrap:pretty;margin:0;font-weight:600}.faq-list{border-top:1px solid var(--hairline);max-width:820px;margin-top:40px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{border:solid var(--text-2);content:"";width:10px;height:10px;transition:transform var(--dur-slow) var(--ease-out);border-width:0 2px 2px 0;flex:none;margin-right:4px;transform:rotate(45deg)translateY(-3px)}.faq details[open] summary:after{transform:rotate(225deg)translateY(-3px)}.faq details{border-bottom:1px solid var(--hairline)}.faq details p{margin:0 0 24px}#hero-title .hero-mark{display:block}.hero.is-stomping #hero-title .hero-mark{opacity:0}.hoof-trail{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hoof{background:var(--text-1);-webkit-mask:var(--hoof) center/contain no-repeat;mask:var(--hoof) center/contain no-repeat;position:absolute;top:0;left:0}.hoof.clop{--hoof:url(/hoof-clop.svg)}.hoof.both{--hoof:url(/clipclop-mark.svg)}@media (width<=768px){.logo.mascot{width:clamp(220px,64vw,320px)}}.mascot{--mascot-bg:var(--bg-shell);aspect-ratio:1040/711;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mascot{--mascot-bg:var(--bg-raised)}}:root[data-theme=dark] .mascot{--mascot-bg:var(--bg-raised)}.mascot-layer{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0;overflow:visible}.mascot-layer:not([data-layer=mono]){filter:drop-shadow(0 14px 22px #181c201f)}.mascot[data-style=flat] [data-layer=flat],.mascot[data-style=clay] [data-layer=clay],.mascot[data-style=mono] [data-layer=mono],.mascot[data-style=pixel] [data-layer=pixel]{opacity:1}.mascot .eye{fill:#101010;transform-box:fill-box;transform-origin:50%}.mascot .glint{fill:#fff}.mascot [data-layer=mono]{color:var(--text-1)}.mascot [data-layer=mono] .eye{fill:currentColor}.mascot [data-layer=mono] .glint{fill:var(--mascot-bg)}.mascot .smile{fill:none;stroke:#101010;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50% 100%}.mascot .smile.on-patch{stroke:#f4e8d3}.mascot [data-layer=pixel] image{image-rendering:pixelated}.mascot [data-layer=mono] .smile,.mascot [data-layer=mono] .smile.on-patch{stroke:currentColor}.mascot .smile.block{fill:#101010;stroke:none}.mascot .smile.block.on-patch{fill:#fbf3e3}@media (width>=769px){#steps{margin-top:-30vh}}