:root{--page:#fbfbfc;--tile:#f1f2f4;--card:#fff;--card-raised:#fff;--line:#e4e5e9;--line-strong:#7f848f;--line-mid:#cfd2d8;--ink:#111318;--ink-2:#474c59;--ink-3:#656a77;--ink-inverse:#fff;--blue:#1f4fd6;--blue-soft:#e7eeff;--green:#147046;--green-soft:#e2f5eb;--orange:#a84e0b;--orange-soft:#fff0e3;--violet:#5a37cf;--violet-soft:#f0ebff;--pink:#b2245a;--pink-soft:#ffe9f1;--red:#b4321b;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:24px;--shadow-card:0 1px 2px #1113180d, 0 4px 12px #1113180a;--shadow-float:0 2px 4px #1113180a, 0 16px 40px #1113181f;--shadow-inset:inset 0 1px 0 #ffffffe6;--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--dur:.22s;--font-sans:"Onest Variable", "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:var(--page);--surface:var(--card);--soft:var(--tile);--soft-2:var(--tile);--text:var(--ink-2);--muted:var(--ink-3);--muted-2:#8b909c;--line-2:var(--line);--accent:var(--ink);--accent-ink:#fff;--radius:var(--radius-md);--pill:999px;--font:var(--font-sans);--gutter:40px;--max:1360px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:15px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;text-wrap:balance}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.sr-only,.skip:not(:focus){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:root{--sp-section:96px}main.wrap{padding-bottom:var(--sp-section)}main.wrap>:last-child,main.wrap>:last-child>:last-child{margin-bottom:0}.button{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:500;line-height:20px;display:inline-flex}.button:hover{background:#000}.button[disabled]{opacity:.6;cursor:progress}.button.pill{border-radius:var(--pill);padding:10px 16px;font-size:15px}.button.small{border-radius:8px;padding:7px 12px;font-size:14px}.button.ghost,.button.outline{color:var(--ink);border:1px solid var(--line-2);background:#fff}.button.ghost:hover,.button.outline:hover{background:var(--soft)}.button.soft{background:var(--soft);color:var(--muted)}.button.block{width:100%}.pills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pills a,.pills span{background:var(--soft);color:var(--ink);border-radius:16px;align-items:center;gap:8px;padding:8px 11px;font-size:14px;line-height:20px;display:inline-flex}.pills a:hover{background:#ebf0f0}.pills img{object-fit:contain;border-radius:4px;width:18px;height:18px}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.chips a{background:var(--soft);border-radius:16px;padding:8px 11px;font-size:14px;display:inline-block}.count{border:1px solid var(--line);color:var(--ink);vertical-align:middle;letter-spacing:0;border-radius:16px;align-items:center;padding:3px 9px;font-size:14px;font-weight:400;display:inline-flex}.tabs{gap:8px;margin:0;padding:0;list-style:none;display:flex}.tabs button,.tabs a{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;padding:8px 16px;font-size:14px}.tabs [aria-selected=true],.tabs [aria-current=page]{border-color:var(--ink-2)}.site-header{z-index:30;background:#fff;border-bottom:1px solid #0000;height:72px;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line)}.hdr{grid-template-columns:1fr minmax(0,410px) 1fr;align-items:center;gap:24px;height:72px;display:grid}.hdr-left{align-items:center;gap:28px;display:flex}.hdr-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.mark{width:28px;height:32px;display:block}.mark img{object-fit:contain;width:100%;height:100%}.navlink{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-family:inherit;font-size:15px;display:inline-flex}.navlink:hover,.navlink[aria-expanded=true]{color:var(--ink)}.navlink svg{width:16px;height:16px}.hdr-search{display:block;position:relative}.hdr-search input{background:var(--soft);width:100%;height:48px;color:var(--ink);font:inherit;border:0;border-radius:32px;padding:0 70px 0 38px;font-size:14.4px}.hdr-search input:focus{outline:2px solid var(--line)}.hdr-search .ico{width:14px;height:14px;color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.kbd{gap:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.kbd span{min-width:20px;height:20px;color:var(--muted);background:#eceff0;border-radius:4px;place-items:center;padding:0 4px;font-size:12px;display:grid}.account{align-items:center;gap:12px;min-height:40px;display:flex}.account .navlink{padding:0 8px}.hdr{position:relative}.menu-wrap{position:static}.mega{z-index:40;border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;gap:8px;max-height:calc(100vh - 96px);padding:8px;animation:.14s ease-out mega-in;display:grid;position:absolute;top:calc(100% - 4px);left:0;right:0;overflow:auto;box-shadow:0 24px 64px #10182824}.mega:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}@keyframes mega-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mega{animation:none}}.mega-main{align-content:start;gap:14px;min-width:0;padding:20px 16px 16px 20px;display:grid}.mega-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 8px;display:flex}.mega-head h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px;font-weight:500}.mega-head h3 span{color:var(--muted-2);margin-left:6px}.mega-head a{color:var(--muted);white-space:nowrap;font-size:13px}.mega-head a:hover{color:var(--ink)}.mega ul{min-width:0;margin:0;padding:0;list-style:none}.mega-cats{grid-auto-flow:column;grid-template-rows:repeat(var(--rows), auto);column-gap:8px;display:grid}.mega-cats.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-cats.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-cats.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mega li{min-width:0}.mega li a{height:34px;color:var(--ink);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:0 8px;font-size:14px;display:flex}.mega-emoji{background:var(--soft);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.mega-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mega li small{color:var(--muted-2);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.mega-side{background:var(--soft);border-radius:14px;align-content:start;gap:14px;min-width:0;padding:20px 8px 12px;display:grid}.mega-side li a:hover,.mega-side li a:focus-visible{background:#fff}.burger{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:6px;display:none}.mobile-nav{display:none}.site-footer{background:var(--soft);padding:72px 0 0;overflow:hidden}.ftr{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}.ftr-brand img{width:auto;height:26px;margin-bottom:20px}.ftr-brand p{color:var(--muted);max-width:380px;margin:0;font-size:14px;line-height:1.4}.ftr h2{margin:0 0 20px;font-size:16px;font-weight:600}.ftr ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ftr ul a{color:var(--muted)}.ftr ul a:hover{color:var(--ink)}.ftr-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:56px 0 24px;font-size:14px;display:flex}.ftr-bottom a:hover{color:var(--ink)}.ftr-word{width:100%;max-width:1300px;padding:0 var(--gutter);margin:24px auto -3%;display:block}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 0;font-size:14px;display:flex}.crumbs a:hover{color:var(--ink)}.crumbs [aria-current]{color:var(--ink)}.hero{text-align:center;max-width:760px;margin:0 auto;padding:32px 0 40px}.hero h1{margin:0 0 24px;font-size:64px;font-weight:600;line-height:1.2}.hero p{color:var(--muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.5}.page-head{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;padding:32px 0 48px;display:grid}.page-head.solo{grid-template-columns:minmax(0,1fr)}.page-head h1{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 12px;font-size:40px;font-weight:600;line-height:44px;display:flex}.page-head .lead{color:var(--muted);margin:0;font-size:16px;line-height:24px}.page-head .over{color:var(--muted);gap:12px;margin:0 0 8px;font-size:14px;display:flex}.related h2{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:400}.section-head{margin:var(--sp-section) 0 24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.section-head h2{margin:0;font-size:32px;font-weight:500}.section-title{align-items:center;gap:10px;margin:48px 0 24px;font-size:24px;font-weight:600;display:flex}.section-title small{color:var(--muted);font-size:14px;font-weight:400}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;display:grid}.card{min-width:0}.card-media{aspect-ratio:16/9;background:var(--soft-2);border-radius:4px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f}.card-media img{object-fit:cover;object-position:top;color:#0000;width:100%;height:100%;transition:transform .3s}.card-body{grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:8px;padding-top:12px;display:grid}.card-logo{object-fit:contain;border-radius:8px;grid-row:span 2;width:32px;height:32px}.card-logo.empty{background:var(--soft)}.card-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:21px;overflow:hidden}.card-meta{color:var(--muted);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:21px;overflow:hidden}.card-meta:hover{color:var(--ink);opacity:1}.badge-pro{color:#fff;background:#252525d9;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}.lock{margin-top:32px}.lock-ghosts{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.lock-ghosts span{aspect-ratio:16/4;background:linear-gradient(var(--soft-2), #fff);border-radius:4px}.lock h2{text-align:center;max-width:760px;margin:32px auto 48px;font-size:40px;font-weight:600;line-height:48px}.lock-line{text-align:center;margin:32px 0 0;font-size:20px}.more{justify-items:center;gap:8px;margin:40px 0;display:grid}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1260px;margin:0 auto;display:grid}.plan{background:var(--soft);border-radius:4px;align-content:start;gap:4px;padding:32px;display:grid}.plan h3,.plan .plan-name{margin:0 0 12px;font-size:40px;font-weight:500;line-height:1.2}.plan .price{color:var(--ink);font-size:40px;font-weight:600;line-height:1.2}.plan .price small{margin-left:6px;font-size:20px;font-weight:400}.plan .billed{color:var(--muted-2);margin:4px 0 28px;font-size:18px}.plan ul{gap:16px;margin:0 0 28px;padding:0;list-style:none;display:grid}.plan li{color:var(--muted);align-items:center;gap:16px;font-size:16px;display:flex}.plan li i{background:#ebeff0;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.plan .button{background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(90deg, #f6a93b, #e94b89, #4351fc, #3ec6ff);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;width:100%;padding:14px;font-size:16px;box-shadow:0 -2px #0000}.plan.dark{color:#fff;background:#131416}.plan.dark h3,.plan.dark .price,.plan.dark .billed,.plan.dark li{color:#fff}.plan.dark li i{background:#26282b}.plan.dark .button{color:var(--ink);background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#f6a93b,#e94b89,#4351fc,#3ec6ff)}.trust{color:var(--muted);justify-items:center;gap:8px;margin:0 0 48px;display:grid}.trust strong{color:var(--muted);font-weight:600}.guide-box{background:var(--soft);margin-top:var(--sp-section);border-radius:4px;padding:72px 24px}.prose{max-width:720px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.6}.prose h2{color:var(--ink);margin:40px 0 16px;font-size:32px;font-weight:600;line-height:1.25}.prose h3{color:var(--ink);margin:32px 0 12px;font-size:24px;font-weight:600;line-height:1.3}.prose a{color:var(--ink);text-decoration:underline}.prose img{border-radius:4px;margin:24px 0 8px}.prose strong{color:var(--ink);font-weight:600}.home-hero{text-align:center;padding:128px 0 112px;position:relative;overflow:hidden}.home-hero .tiles{pointer-events:none;z-index:0;grid-template-columns:repeat(14,92px);grid-auto-rows:92px;justify-content:center;gap:11px;display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.home-hero .tiles span{opacity:.8;background:#f5f6fa;border-radius:14px}.home-hero .tiles span:nth-child(5n+2),.home-hero .tiles span:nth-child(7n){opacity:0}.home-hero .floating{z-index:1;object-fit:cover;border-radius:4px;width:96px;height:96px;position:absolute;box-shadow:0 4px 12px #0000001a}.home-hero .inner{z-index:2;max-width:680px;margin:0 auto;position:relative}.home-hero p{color:var(--muted);max-width:560px;margin:0 auto 36px;font-size:18px;line-height:1.55}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cat-card{border:1px solid var(--line);border-radius:12px;grid-template-rows:auto auto 1fr;min-height:250px;padding:16px 16px 0;transition:border-color .2s;display:grid;overflow:hidden}.cat-card .emoji{font-size:14px}.cat-card strong{color:var(--ink);margin-top:6px;font-weight:400}.cat-card small{color:var(--muted);font-size:14px}.cat-card .previews{height:140px;margin-top:16px;position:relative}.cat-card .previews img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:4px;width:62%;position:absolute;bottom:-8px;box-shadow:0 2px 8px #0000001f}.cat-card .previews img:first-child{left:0}.cat-card .previews img:last-child{bottom:-24px;right:0}.pat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px;display:grid}.pat-card .pat-media{aspect-ratio:1;background:var(--soft);border-radius:4px;padding:12px;display:block;overflow:hidden}.pat-card .pat-media img{object-fit:cover;object-position:top left;border-radius:4px;width:100%;height:100%;box-shadow:0 1px 4px #00000014}.pat-card strong{color:var(--ink);margin-top:12px;font-weight:400;display:block}.pat-card small{color:var(--muted);font-size:14px}.saas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;display:grid}.saas-card .card-media{aspect-ratio:16/10}.saas-card .card-body{grid-template-columns:24px minmax(0,1fr)}.saas-card .card-logo{border-radius:6px;width:24px;height:24px}.saas-card strong{color:var(--ink);font-size:14px;font-weight:500}.saas-card small{color:var(--muted);font-size:13px}.features{margin-top:var(--sp-section)}.features h2{text-align:center;max-width:520px;margin:0 auto 56px;font-size:40px;font-weight:500;line-height:1.2}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature{background:var(--soft);border-radius:4px;min-height:220px;padding:32px}.feature h3{margin:0 0 8px;font-size:18px;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:15px}.cta{background:var(--soft);border-radius:4px;justify-items:start;gap:24px;margin-top:96px;padding:80px 64px;display:grid}.cta h2{max-width:360px;margin:0;font-size:40px;font-weight:500;line-height:1.2}.filterbar{background:#fff;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 4px 24px #1018280f}.filterbar .search-input{flex:1;position:relative}.filterbar .search-input input{background:var(--soft);width:100%;height:45px;font:inherit;color:var(--ink);border:0;border-radius:8px;padding:0 16px 0 40px;font-size:15px}.filterbar .search-input svg{width:14px;height:14px;color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filterbar .select{width:120px}.filterbar .select-button{border-color:var(--line);border-radius:8px;height:45px}.shot-page{margin:0 calc(var(--gutter) * -1);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 360px;display:grid}.shot-stage{background:var(--soft);min-width:0;padding:2px 56px 56px}.shot-stage .shot{background:#fff;width:100%;box-shadow:0 2px 12px #00000014}.shot-side{border-left:1px solid var(--line)}.shot-side>div{border-bottom:1px solid var(--line);padding:24px 32px}.shot-side h1{margin:0 0 20px;font-size:24px;font-weight:600;line-height:1.3}.shot-side h2{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:400}.brand-card{background:var(--soft);border-radius:8px;align-items:center;gap:20px;padding:16px;display:flex}.brand-card img{object-fit:contain;border-radius:8px;width:56px;height:56px}.brand-card strong{color:var(--ink);font-size:18px;font-weight:500;display:block}.brand-card span{color:var(--muted);font-size:14px}.shot-desc{padding:48px 56px}.shot-desc .prose{margin:0}.brand-head{align-items:center;gap:24px;padding:40px 0 56px;display:flex}.brand-head img{object-fit:contain;border-radius:12px;width:88px;height:88px}.brand-head h1{margin:0;font-size:32px;font-weight:600}.brand-head p{color:var(--ink);margin:4px 0 0;font-size:20px}.brand-head .button{margin-left:auto}.tabbar{border-bottom:1px solid var(--line);gap:24px;display:flex}.tabbar a{border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0;font-size:14px}.tabbar a small{color:var(--muted);margin-left:6px;font-size:12px}.tabbar [aria-current]{border-bottom-color:var(--ink)}.flow-item{margin:0 0 64px}.flow-item:last-child{margin-bottom:0}.flow-item .flow-head{align-items:center;gap:14px;margin:0 0 8px;font-size:32px;font-weight:500;line-height:1.2;display:flex}.flow-item .flow-head img{border-radius:8px;flex:none;width:32px;height:32px}.flow-item .flow-head a{color:var(--ink)}.flow-item .flow-head .b{color:var(--muted-2)}.flow-item .n{color:var(--muted);margin:0 0 20px;font-size:16px}.flow-row{grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:22px;padding-bottom:8px;display:grid;overflow-x:auto}.steps{gap:40px;display:grid}.list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.list a{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.list a:hover{border-color:#cfd4d9}.list img{object-fit:contain;border-radius:8px;flex:none;width:32px;height:32px}.list small{color:var(--muted);font-size:14px;display:block}.split{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;display:grid}.aside{gap:20px;display:grid;position:sticky;top:96px}.aside h2{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:400}.shot{border-radius:4px;overflow:hidden}.locked{background:var(--soft);border-radius:4px;min-height:360px;position:relative;overflow:hidden}.locked img{filter:blur(2px);color:#0000;width:100%}.locked:after{content:"";background:linear-gradient(#0000,#fff 70%);position:absolute;inset:30% 0 0}.locked-cta{z-index:1;text-align:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:auto 16px 24px}.locked-cta p{color:var(--muted);margin:0}.eyebrow{color:var(--muted);margin:0 0 8px;font-size:14px}.lead{color:var(--muted);margin:0;font-size:16px;line-height:24px}@media (max-width:1100px){.pat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega{grid-template-columns:1fr}.mega-cats.cols-3,.mega-cats.cols-4{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}}@media (max-width:900px){:root{--gutter:16px}.split{grid-template-columns:1fr}.aside{position:static}.hdr{grid-template-columns:1fr auto}.hdr-left nav,.hdr-search,.hdr-right .navlink.desk{display:none}.burger{display:inline-flex}.mobile-nav[data-open=true]{padding:8px var(--gutter) 24px;border-top:1px solid var(--line);background:#fff;gap:4px;display:grid}.mobile-nav a{padding:10px 0;font-size:16px}.mobile-nav form input{background:var(--soft);width:100%;height:44px;font:inherit;border:0;border-radius:32px;margin-bottom:8px;padding:0 16px}.grid,.cat-grid,.saas-grid,.feature-grid,.plans,.lock-ghosts{grid-template-columns:1fr}.pat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1,.home-hero h1{font-size:38px}.home-hero{padding:96px 0 120px}.home-hero .floating{display:none}.home-hero .inner{padding:0 var(--gutter)}.home-hero .tiles span{opacity:.5}.page-head{grid-template-columns:1fr;gap:24px}.page-head h1{font-size:32px;line-height:38px}.lock h2,.cta h2,.features h2,.flow-item .flow-head{font-size:24px;line-height:1.25}:root{--sp-section:64px}.section-head h2{font-size:26px}.shot-page{margin:0 calc(var(--gutter) * -1);grid-template-columns:1fr}.shot-stage{padding:16px}.shot-side{border-left:0;order:-1}.shot-side>div{padding:20px var(--gutter)}.shot-desc{padding:32px var(--gutter)}.brand-head{flex-wrap:wrap}.brand-head .button{margin-left:0}.filterbar{flex-wrap:wrap}.filterbar .search-input{flex-basis:100%}.ftr{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1/-1}.cta{padding:48px 24px}}.narrow{max-width:520px}.form{gap:10px;max-width:420px;display:grid}.form input{border:1px solid var(--line);font:inherit;background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 12px}.static-page{max-width:760px}.static-page h1{letter-spacing:-.02em;font-size:clamp(26px,4vw,38px);line-height:1.15}.static-page .prose{margin-top:16px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:16px 0 24px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.table-wrap th,.table-wrap td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:10px 12px}.table-wrap thead th{background:var(--bg);border-top:0}.field{border:0;gap:6px;margin:0;padding:0;display:grid}.field label,.field legend,.field .label{font-size:14px;font-weight:600}.field textarea{border:1px solid var(--line);font:inherit;background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 12px}.field [aria-invalid=true],.select-button.invalid{border-color:#dc2626}.hint{color:var(--muted);margin:0;font-size:13px}.error{color:#dc2626;margin:0;font-size:13px}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px 16px}.radios{gap:20px;display:flex}.radios label{align-items:center;gap:6px;font-weight:400;display:flex}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form{gap:16px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:4px;height:100%;padding:14px;display:grid}.tile small{color:var(--muted)}.select{position:relative}.select-button{text-align:left;border:1px solid var(--line);width:100%;font:inherit;background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 12px;display:flex}.select-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select-chevron{color:var(--muted);flex:none;margin-right:2px;transition:transform .15s}.select-button[aria-expanded=true] .select-chevron{transform:rotate(180deg)}.select-pop{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;width:max-content;min-width:100%;max-width:320px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 12px 32px #1018281f}.select-filter{background:var(--soft);width:calc(100% - 8px);height:36px;font:inherit;color:var(--ink);border:0;border-radius:6px;margin:4px;padding:0 10px;font-size:14px;display:block}.select-filter:focus{outline:2px solid var(--line)}.select-list{max-height:300px;margin:0;padding:4px;list-style:none;overflow:auto}.select-list li{cursor:pointer;border-radius:6px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:14px;display:flex}.select.has-value .select-button{border-color:var(--ink)}.admin{grid-template-columns:200px 1fr;gap:32px;padding:24px 0 64px;display:grid}.admin-nav{align-content:start;gap:4px;display:grid;position:sticky;top:16px}.admin-nav a{color:var(--ink);border-radius:8px;padding:8px 12px;text-decoration:none}.admin-nav a:hover{background:var(--surface)}.admin-main{min-width:0}.admin-head{justify-content:space-between;margin-bottom:16px}.admin-head h1{margin:0}.filters{gap:12px;margin-bottom:12px}.filters input{border:1px solid var(--line);font:inherit;background:var(--surface);min-width:260px;color:var(--ink);border-radius:8px;padding:8px 12px}.filters a[aria-current=page]{font-weight:700;text-decoration:underline}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.admin-table img{object-fit:cover;object-position:top;border-radius:4px;display:block}.pager{margin-top:16px}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:0;list-style:none;display:grid}.tiles a{border:1px solid var(--line);color:var(--ink);border-radius:12px;gap:4px;padding:16px;text-decoration:none;display:grid}.tiles strong{font-size:28px}.tiles span{color:var(--muted);font-size:14px}.form.narrow-wide{max-width:720px}.admin-split{grid-template-columns:minmax(0,720px) minmax(240px,1fr);align-items:start;gap:32px;display:grid}.admin-split .form{max-width:none}.admin-aside{gap:16px;display:grid;position:sticky;top:16px}.admin-aside .shot{border:1px solid var(--line);border-radius:8px;width:100%}.field.toggle label{align-items:center;gap:8px;font-weight:500;display:flex}.savebar{background:var(--bg);border-top:1px solid var(--line);align-items:center;gap:16px;padding:12px 0;display:flex;position:sticky;bottom:0}.multi{gap:8px;display:grid;position:relative}.multi-input{border:1px solid var(--line);font:inherit;background:var(--surface);color:var(--ink);border-radius:8px;width:100%;padding:10px 12px}.multi-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.multi-chips li{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-size:14px;display:inline-flex}.multi-ordered{gap:4px;margin:0;padding:0;list-style:none;display:grid}.multi-ordered li{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.multi-ordered li button:first-of-type{margin-left:auto}.multi li button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;padding:2px 6px}.multi li button:hover:not([disabled]){background:var(--line);color:var(--ink)}.multi li button[disabled]{opacity:.3;cursor:default}.multi-list{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:8px;max-height:280px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0000001f}.multi-list li{cursor:pointer;border-radius:6px;padding:8px 10px}.multi-list li[aria-selected=true]{background:var(--surface)}.requests{gap:12px;padding:0;list-style:none;display:grid}.requests dl{gap:6px;margin:12px 0;display:grid}.requests dl div{grid-template-columns:120px 1fr;gap:12px;display:grid}.requests dt{color:var(--muted)}.requests dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (max-width:900px){.admin,.admin-split{grid-template-columns:1fr}.admin-nav{flex-wrap:wrap;display:flex;position:static}.admin-aside{position:static}}.filterbar .select{flex:none;width:140px}.theme-toggle{background:var(--soft);border-radius:8px;gap:2px;padding:4px;display:flex}.theme-toggle button{cursor:pointer;width:32px;height:37px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.theme-toggle button svg{width:16px;height:16px}.theme-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px #00000014}.hero{padding-top:32px}.palette-backdrop{z-index:100;background:#13141652;place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.palette{background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;width:min(640px,100%);max-height:70vh;display:grid;overflow:hidden;box-shadow:0 24px 64px #1018283d}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 16px;display:flex}.palette-input svg{width:18px;height:18px;color:var(--muted);flex:none}.palette-input input{height:56px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}kbd{font:inherit;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px}.palette-list{margin:0;padding:8px;list-style:none;overflow:auto}.palette-group{color:var(--muted);padding:10px 10px 4px;font-size:12px}.palette-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:9px 10px;display:flex}.palette-icon{background:var(--soft);width:24px;height:24px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:13px;display:grid;overflow:hidden}.palette-icon img{object-fit:contain;width:100%;height:100%}.palette-icon svg{width:14px;height:14px}.palette-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);flex:1;overflow:hidden}.palette-meta{color:var(--muted);flex:none;font-size:13px}.palette-empty{color:var(--muted);padding:12px 10px;font-size:14px}.palette-foot{border-top:1px solid var(--line);color:var(--muted);gap:16px;padding:10px 16px;font-size:12px;display:flex}.palette-foot kbd{margin-right:2px}@media (max-width:900px){.palette-backdrop{padding-top:16px}.palette{max-height:85vh}.palette-foot{display:none}}.navlink[aria-current=page]{color:var(--ink)}.hdr-search input{cursor:pointer}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4351fc}.card-media:focus-visible,.button:focus-visible{outline-offset:3px}.multi .select-list{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 32px #1018281f}.filterbar{z-index:15;position:sticky;top:80px}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:-40px 0 24px;display:flex}.active-filters .chip{background:var(--soft);font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:16px;align-items:center;gap:6px;padding:6px 8px 6px 12px;font-size:14px;display:inline-flex}.active-filters .chip svg{width:14px;height:14px;color:var(--muted)}.active-filters .chip:hover svg{color:var(--ink)}.linkish{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;text-decoration:underline}.result-count{color:var(--muted);margin:0 0 24px;font-size:15px}.result-count strong{color:var(--ink);font-weight:500}.empty{text-align:center;border:1px dashed var(--line);border-radius:12px;justify-items:center;gap:12px;padding:48px 16px;display:grid}.empty h2{margin:0;font-size:20px;font-weight:600}.empty p{color:var(--muted);max-width:420px;margin:0}.shot-side{align-self:start;max-height:calc(100vh - 72px);position:sticky;top:72px;overflow:auto}.screen-nav{justify-content:space-between;align-items:center;gap:8px;font-size:14px;padding:12px 32px!important;display:flex!important}.screen-nav a{border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.stage-foot{text-align:center;margin:16px 0 0;font-size:14px}.stage-foot a{color:var(--muted)}.stage-foot a:hover{color:var(--ink)}@media (max-width:900px){.shot-side{max-height:none;position:static;overflow:visible}.screen-nav{padding:12px var(--gutter)!important}}.dir-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dir-search{flex:280px;position:relative}.dir-search svg{width:14px;height:14px;color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dir-search input{background:var(--soft);width:100%;height:45px;font:inherit;color:var(--ink);border:0;border-radius:8px;padding:0 16px 0 40px;font-size:15px}.dir-bar .select{width:190px}.dir-bar .select-button{height:45px}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.logo-grid a{border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;height:100%;padding:14px;transition:border-color .15s,background .15s;display:flex}.logo-grid a:hover{background:#fcfdfd;border-color:#cfd4d9}.logo-grid img,.logo-ph{object-fit:contain;border-radius:10px;flex:none;width:40px;height:40px}.logo-ph{background:var(--soft);color:var(--muted);place-items:center;font-weight:600;display:grid}.logo-grid strong{color:var(--ink);font-weight:500;display:block}.logo-grid small{color:var(--muted);font-size:13px;display:block}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px;margin:0;padding:0;list-style:none;display:grid}.tile-card{align-content:start;gap:10px;display:grid}.tile-card .tile-media{aspect-ratio:16/9;background:var(--soft);border-radius:4px;display:block;overflow:hidden;box-shadow:0 1px 3px #1018281a}.tile-card .tile-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.tile-card:hover .tile-media img{transform:scale(1.02)}.tile-card h2{color:var(--ink);margin:0;font-size:18px;font-weight:500;line-height:1.35}.tile-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.tile-meta{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.tile-meta img{object-fit:contain;border-radius:5px;width:20px;height:20px}.collage{aspect-ratio:16/9;background:var(--soft);border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:4px;display:grid;overflow:hidden}.collage img{object-fit:cover;object-position:top;width:100%;height:100%}.collage img:first-child{grid-row:span 2}.before-after{aspect-ratio:16/7;background:var(--soft);border-radius:4px;grid-template-columns:1fr 1fr;gap:4px;display:grid;position:relative;overflow:hidden}.before-after img{object-fit:cover;object-position:top;width:100%;height:100%}.before-after span{color:#fff;background:#131416bf;border-radius:99px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px}.before-after span:first-of-type{left:8px}.before-after span:last-of-type{left:calc(50% + 10px)}@media (max-width:1100px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.tile-grid{grid-template-columns:1fr}}.auth-card{border:1px solid var(--line);border-radius:16px;gap:12px;max-width:420px;margin:64px auto 0;padding:40px;display:grid}.auth-card h1{margin:8px 0 0;font-size:28px;font-weight:600}.auth-card .form{gap:10px;max-width:none;margin-top:8px}.auth-card .form input{background:var(--soft);border:0;border-radius:8px;height:45px;padding:0 14px}.auth-foot{color:var(--muted);margin:8px 0 0;font-size:14px}.auth-foot a{color:var(--ink);text-decoration:underline}.nf-search{gap:8px;max-width:480px;margin:32px auto 0;display:flex}.nf-search input{background:var(--soft);height:45px;font:inherit;border:0;border-radius:8px;flex:1;padding:0 14px}@media (max-width:900px){.auth-card{border:0;margin-top:32px;padding:24px}}.card{position:relative}.card-save{z-index:2;width:34px;height:34px;color:var(--ink);cursor:pointer;opacity:0;background:#ffffffeb;border:0;border-radius:8px;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #00000026}.card:hover .card-save,.card-save:focus-visible,.card-save.on{opacity:1}.card-save.on{background:var(--ink);color:#fff}@media (hover:none){.card-save{opacity:1}}.select-button>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.filterbar .select{width:auto;min-width:140px;max-width:220px}.card-logo{background:var(--soft);color:#0000;font-size:0;overflow:hidden}.select-list .opt-meta{color:var(--muted-2);flex:none;font-size:12px}.screen-search .filterbar{flex-wrap:wrap;margin-bottom:20px}.screen-search .filterbar .search-input{flex:280px}.screen-search .filterbar .select{width:132px}.results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:28px;display:flex}.results-bar .active-filters{flex:1;min-width:0;margin:0}.results-bar .result-count{margin:0 8px 0 0}.results-tools{align-items:center;gap:10px;display:flex}.toggle-chip{border:1px solid var(--line);height:36px;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.toggle-chip svg{width:15px;height:15px}.toggle-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.sort-select .select-button{border-radius:18px;height:36px}@media (max-width:900px){.results-tools{width:100%}}@media (max-width:560px){.screen-search .grid{grid-template-columns:minmax(0,1fr)!important}.screen-search .filterbar .select{flex:40%;width:auto}}.palette-label{align-items:center;gap:6px;display:flex}.palette-tag{background:var(--soft);border:1px solid var(--line);height:24px;color:var(--ink);border-radius:12px;flex:none;align-items:center;padding:0 8px;font-size:13px;display:inline-flex}.palette-rest{color:var(--ink);text-overflow:ellipsis;overflow:hidden}.palette-shots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 10px 10px;display:grid}.palette-shots a{aspect-ratio:16/9;background:var(--soft);border:1px solid var(--line);border-radius:6px;display:block;overflow:hidden}.palette-shots img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.palette-hint{margin-left:auto}@media (max-width:900px){.palette-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.sort-select .select{width:156px}.sort-select .select-button{font-size:14px}.pro-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600}.member-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:32px;display:flex}.member-tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:15px}.member-tabs a[aria-current=page]{color:var(--ink);border-color:var(--ink)}.saas-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.saas-grid-3>[hidden]{display:none}.saas-tile{gap:18px;display:grid}.saas-tile-media{aspect-ratio:16/9;background:var(--soft);border:1px solid var(--line);border-radius:6px;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden;box-shadow:0 1px 2px #1018280a}.saas-tile-media img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.saas-tile:hover .saas-tile-media{transform:translateY(-2px);box-shadow:0 12px 32px #1018281a}@media (prefers-reduced-motion:reduce){.saas-tile:hover .saas-tile-media{transform:none}}.saas-tile-body{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;display:grid}.saas-tile-logo{object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:10px;width:44px;height:44px}.saas-tile-logo.ph{color:var(--muted);place-items:center;font-weight:600;display:grid}.saas-tile-body>span{min-width:0;display:grid}.saas-tile-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;overflow:hidden}.saas-tile-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.saas-filterbar .select{width:160px}.load-more{justify-content:center;margin-top:48px;display:flex}.flow-item+.load-more,[aria-busy]+.load-more{margin-top:56px}@media (max-width:1100px){.saas-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.saas-grid-3{grid-template-columns:minmax(0,1fr);gap:32px}.saas-filterbar .select{flex:40%;width:auto}}.scroller{position:relative}.scroller-track{grid-auto-flow:column;grid-auto-columns:var(--item,400px);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;column-gap:20px;padding:4px 2px 16px;scroll-padding-inline:0;display:grid;overflow-x:auto}.scroller-track>*{scroll-snap-align:start}.scroller-track:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}.scroller:before,.scroller:after{content:"";pointer-events:none;z-index:1;opacity:0;width:56px;transition:opacity .2s;position:absolute;top:0;bottom:16px}.scroller:before{background:linear-gradient(90deg, var(--bg,#fff), transparent);left:0}.scroller:after{background:linear-gradient(-90deg, var(--bg,#fff), transparent);right:0}.scroller.can-prev:before,.scroller.can-next:after{opacity:1}.scroller-btn{z-index:2;border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 8px);transform:translateY(-50%);box-shadow:0 4px 12px #1018281f}.scroller-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.scroller-btn.prev{left:-12px}.scroller-btn.next{right:-12px}.scroller-btn:hover{background:var(--soft)}.flow-step{color:var(--ink);gap:10px;display:grid}.flow-step .card-media{aspect-ratio:16/9;background:#fff;border-radius:6px}.flow-step .card-media img{width:100%;height:auto;display:block}.flow-step small{color:var(--muted);align-items:baseline;gap:8px;min-width:0;font-size:14px;display:flex}.flow-step small b{color:var(--ink);flex:none;font-weight:500}.flow-step small span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:700px){.scroller-track{--item:78vw}.scroller-btn{display:none}}.flow-stage{margin:0 calc(var(--gutter) * -1);background:var(--soft);padding:32px 0 28px;position:relative}.flow-viewer{position:relative}.flow-viewer .scroller-btn.prev{left:24px}.flow-viewer .scroller-btn.next{right:24px}.flow-viewer .scroller-btn{top:min(50%,40vh)}.flow-track{--slide:min(1040px, 82vw);grid-auto-flow:column;grid-auto-columns:var(--slide);scroll-snap-type:x mandatory;padding:0 max(var(--gutter), calc((100vw - var(--slide)) / 2)) 8px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:start;gap:32px;display:grid;overflow-x:auto}.flow-track::-webkit-scrollbar{display:none}.flow-slide{scroll-snap-align:center;align-content:start;gap:12px;margin:0;display:grid}.flow-shot{background:#fff;border-radius:8px;display:block;overflow:hidden;box-shadow:0 1px 3px #1018281a,0 12px 32px #1018280f}.flow-shot img{width:100%;height:auto;display:block}.flow-slide figcaption{color:var(--muted);align-items:baseline;gap:8px;font-size:14px;display:flex}.flow-slide figcaption b{color:var(--ink);font-weight:500}.flow-caption{z-index:3;width:max-content;max-width:calc(100% - 48px);color:var(--ink);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:12px;margin:-44px auto 0;padding:10px 16px 10px 12px;font-size:17px;font-weight:500;display:flex;position:sticky;bottom:24px;box-shadow:0 12px 32px #10182824}.flow-caption img{border-radius:7px;width:28px;height:28px}.flow-caption span{text-overflow:ellipsis;overflow:hidden}.flow-caption small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.flow-info{grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding:40px 0 0;display:grid}.flow-title{letter-spacing:-.01em;margin:16px 0;font-size:40px;font-weight:500;line-height:1.15}.flow-title span{color:var(--muted-2)}.flow-info .lead{color:var(--muted);max-width:680px;margin:0 0 40px;font-size:17px;line-height:1.6}.flow-steps{gap:4px;max-width:680px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:8px 0;display:grid}.flow-steps .n{background:var(--soft);width:28px;height:28px;color:var(--ink);border-radius:8px;place-items:center;font-size:13px;display:grid}.flow-steps a:not(.n){color:var(--ink)}.flow-steps a:not(.n):hover{text-decoration:underline}.flow-aside{align-content:start;gap:12px;display:grid;position:sticky;top:96px}@media (max-width:900px){.flow-info{grid-template-columns:1fr;gap:32px}.flow-aside{position:static}.flow-title{font-size:28px}.flow-caption{font-size:15px;bottom:48px}.flow-track{grid-auto-columns:86vw;gap:16px;padding:0 7vw 8px}.flow-viewer .scroller-btn{display:none}}.home-hero .hero-eyebrow{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;margin:0 auto 28px;padding:6px 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 2px #1018280a}.hero-eyebrow .dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e2e}.hero-search{align-items:center;max-width:560px;margin:0 auto;display:flex;position:relative}.hero-search .ico{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;left:20px}.hero-search input{border:1px solid var(--line);width:100%;height:60px;font:inherit;color:var(--ink);cursor:text;background:#fff;border-radius:16px;padding:0 76px 0 50px;font-size:16px;transition:box-shadow .2s,border-color .2s;box-shadow:0 12px 40px #1018281a,0 2px 4px #1018280a}.hero-search .kbd{position:absolute;right:16px}.hero-quick{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;padding:0;list-style:none;display:flex}.hero-quick a{border:1px solid var(--line);color:var(--muted);background:#ffffffd9;border-radius:999px;padding:6px 12px;font-size:13px;display:inline-block}.marquee-wrap{padding:8px 0 24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee{gap:16px;display:grid}.marquee-row{overflow:hidden}.marquee-track{gap:16px;width:max-content;animation:80s linear infinite marquee;display:flex}.marquee-row.rev .marquee-track{animation-duration:95s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{aspect-ratio:16/10;background:var(--soft);border:1px solid var(--line);border-radius:8px;flex:none;width:300px;transition:transform .2s;overflow:hidden}.marquee-item:hover{transform:translateY(-3px)}.marquee-item img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-row{overflow-x:auto}}.features .kicker{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:13px}.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"lib filter filter""figma flow flow""mobile mobile search";gap:16px;display:grid}.bento-lib{grid-area:lib}.bento-filter{grid-area:filter}.bento-figma{grid-area:figma}.bento-flow{grid-area:flow}.bento-mobile{grid-area:mobile}.bento-search{grid-area:search}.bento-card{background:var(--soft);min-height:400px;color:var(--ink);isolation:isolate;border:1px solid #0000;border-radius:20px;grid-template-rows:auto 1fr;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.bento-text{max-width:460px;padding:32px 32px 0}.bento-text h3{letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:600}.bento-text p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.bento-visual{min-height:220px;position:relative}.bento-visual img{display:block}.v-shot{background:#e9edf0;display:block;overflow:hidden}.v-shot img{object-fit:cover;object-position:top;width:100%;height:100%}.v-check{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:inline-grid}.v-lib{position:absolute;inset:0}.v-lib-grid{opacity:.7;grid-template-columns:repeat(6,64px);grid-auto-rows:64px;justify-content:center;gap:10px;display:grid;position:absolute;inset:16px 0 0}.v-lib-grid span{opacity:.6;background:#fff;border-radius:12px}.v-logo{border-radius:14px;width:64px;height:64px;transition:transform .3s;position:absolute;box-shadow:0 8px 20px #1018281f}.v-logo.l0{top:12%;left:10%}.v-logo.l1{top:50%;left:6%}.v-logo.l2{top:36%;left:30%}.v-logo.l3{top:8%;right:8%}.v-logo.l4{top:40%;right:24%}.v-logo.l5{top:6%;left:52%}.bento-lib:hover .v-logo{transform:translateY(-4px)}.v-counter{white-space:nowrap;background:#fff;border-radius:12px;align-items:baseline;gap:6px;padding:8px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1018281a}.v-counter strong{font-size:20px}.v-counter span{color:var(--muted);font-size:13px}.v-filter{background:#fff;border-radius:14px 0 0;padding:14px;font-size:12px;position:absolute;inset:28px -24px 0 32px;box-shadow:0 12px 32px #10182814}.v-bar{align-items:center;gap:8px;display:flex}.v-input{background:var(--soft);height:32px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.v-chip{border:1px solid var(--line);height:32px;color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.v-chip.on{color:#3b5bdb;background:#eef4ff;border-color:#c7d7fe}.v-chip.on b{font-weight:600}.v-drop{border:1px solid var(--line);z-index:2;background:#fff;border-radius:12px;width:230px;padding:8px;position:absolute;top:54px;left:46%;box-shadow:0 16px 40px #10182824}.v-drop-head{color:var(--muted);justify-content:space-between;padding:4px 6px 8px;font-size:11px;display:flex}.v-opt{color:var(--ink);border-radius:6px;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:7px 6px;display:grid}.v-opt i{border:1.5px solid #c9d0d6;border-radius:4px;width:13px;height:13px}.v-opt small{color:var(--muted);font-variant-numeric:tabular-nums}.v-ghosts{grid-template-columns:repeat(2,1fr);gap:10px;width:42%;margin-top:14px;display:grid}.v-ghosts span{background:var(--soft);border-radius:8px;height:70px}.v-found{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex;position:absolute;bottom:18px;left:14px;box-shadow:0 8px 20px #0000002e}.v-found.small{margin:0 0 12px;position:static}.v-figma{position:absolute;inset:24px 0 0 32px}.v-panel{background:#fff;border-radius:14px 0 0;align-content:start;gap:12px;padding:18px;font-size:13px;display:grid;position:absolute;inset:0 -1px 0 0;box-shadow:0 12px 32px #10182814}.v-brand{background:var(--soft);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.v-brand img,.v-brand-ph{object-fit:contain;background:#fff;border-radius:9px;width:36px;height:36px}.v-brand span{min-width:0;display:grid}.v-brand small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v-row{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.v-kbd{gap:3px;display:inline-flex}.v-kbd span{background:var(--soft);min-width:18px;height:18px;color:var(--muted);border-radius:4px;place-items:center;font-size:10px;display:grid}.v-copy{background:var(--ink-2);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;display:flex;position:relative;overflow:hidden}.v-copy:after{content:"";background:linear-gradient(90deg,#f24e1e,#ff7262,#a259ff,#1abcfe,#0acf83);height:3px;position:absolute;bottom:0;left:0;right:0}.v-meta{gap:6px;display:grid}.v-meta small{color:var(--muted)}.v-meta span{background:var(--soft);border-radius:6px;justify-self:start;padding:4px 8px;font-size:12px}.v-cursor{filter:drop-shadow(0 2px 4px #00000040);transition:transform .3s;position:absolute;top:168px;left:58%}.bento-figma:hover .v-cursor{transform:translate(-6px,-4px)}.v-toast{opacity:0;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;bottom:20px;left:12%;transform:translateY(6px);box-shadow:0 12px 28px #10182829}.v-toast .v-check{background:#16a34a}.bento-figma:hover .v-toast{opacity:1;transform:none}.v-flow{position:absolute;inset:24px 0 0 32px}.v-flow-head{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.v-flow-head img{border-radius:6px}.v-steps{grid-auto-columns:300px;grid-auto-flow:column;gap:18px;display:grid}.v-step{gap:8px;display:grid;position:relative}.v-step+.v-step:before{content:"";border-top:1.5px dashed #b8c1c9;width:18px;position:absolute;top:80px;left:-18px}.v-step .v-shot img{height:auto}.v-step .v-shot{aspect-ratio:16/10;border-radius:8px;transition:transform .3s;box-shadow:0 8px 24px #1018281a}.bento-flow:hover .v-step:nth-child(2) .v-shot{transform:translateY(-4px)}.bento-flow:hover .v-step:nth-child(3) .v-shot{transform:translateY(-8px)}.v-step small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;gap:6px;font-size:12px;display:flex;overflow:hidden}.v-step small b{width:18px;height:18px;color:var(--ink);background:#fff;border-radius:5px;flex:none;place-items:center;font-weight:500;display:inline-grid}.v-devices{position:absolute;inset:28px 0 0 32px}.v-browser{background:#fff;border-radius:12px 12px 0 0;position:absolute;inset:0 120px -20px 0;overflow:hidden;box-shadow:0 12px 32px #1018281a}.v-dots{border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.v-dots i{background:#e2e6ea;border-radius:50%;width:9px;height:9px}.v-browser .v-shot{height:100%}.v-phone{background:#111;border-radius:26px;width:150px;height:300px;padding:7px;transition:transform .3s;position:absolute;top:36px;right:48px;box-shadow:0 20px 44px #10182840}.v-phone .v-shot{border-radius:20px;width:100%;height:100%}.v-notch{z-index:1;background:#111;border-radius:8px;width:46px;height:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.bento-mobile:hover .v-phone{transform:translateY(-6px)rotate(-1.5deg)}.v-search{position:absolute;inset:24px 24px 0 32px}.v-query{background:#fff;border-radius:12px;align-items:center;gap:10px;height:44px;margin-bottom:12px;padding:0 14px;font-size:14px;display:flex;box-shadow:0 8px 24px #10182814}.v-query svg{color:var(--muted)}.v-caret{background:var(--ink);width:1.5px;height:18px;margin-left:-6px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.v-caret{animation:none}}.v-result{background:#fff;border-radius:12px 12px 0 0;position:relative;overflow:hidden;box-shadow:0 8px 24px #10182814}.v-result .v-shot{aspect-ratio:16/7}.v-snippet{padding:12px 14px 16px;font-size:12px}.v-snippet strong{font-weight:500}.v-snippet p{color:var(--muted);margin:4px 0 0;line-height:1.5}.v-snippet mark{color:var(--ink);background:#fef08a;border-radius:3px;padding:0 2px}.faq{margin-top:var(--sp-section);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:64px;display:grid}.faq h2{letter-spacing:-.01em;margin:0;font-size:40px;font-weight:500;line-height:1.15}.faq-list{display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:20px 40px 20px 0;font-size:17px;font-weight:500;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:22px;font-weight:300;transition:transform .2s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq details p{color:var(--muted);max-width:640px;margin:0 0 20px;line-height:1.6}.cta-panel{margin-top:var(--sp-section);background:var(--ink-2);color:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.cta-copy{z-index:1;padding:64px;position:relative}.cta-copy h2{color:#fff;letter-spacing:-.02em;margin:0 0 16px;font-size:44px;font-weight:500;line-height:1.1}.cta-copy p{color:#aab2bb;max-width:400px;margin:0 0 32px;font-size:17px;line-height:1.55}.button.light{color:var(--ink-2);background:#fff;border-color:#fff}.button.ghost-light{color:#fff;background:0 0;border:1px solid #ffffff40}.button.ghost-light:hover{border-color:#fff9}.cta-collage{width:62%;position:absolute;top:-60px;bottom:-60px;right:-80px}.cta-tilt{transform-origin:50%;grid-template-columns:repeat(3,260px);gap:18px;margin-top:-40px;display:grid;transform:rotate(-12deg)skew(8deg)}.cta-shot{aspect-ratio:16/10;background:#2a2d31;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px #00000059}.cta-shot:nth-child(3n+2){transform:translateY(60px)}.cta-shot img{object-fit:cover;object-position:top;width:100%;height:100%}.cta-panel:after{content:"";background:linear-gradient(90deg, var(--ink-2) 34%, #13141699 55%, transparent 80%);pointer-events:none;position:absolute;inset:0}@media (max-width:1100px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"lib filter""figma flow""mobile search"}.faq{grid-template-columns:1fr;gap:24px}}@media (max-width:900px){.home-hero{padding:72px 0 64px}.home-hero h1{font-size:40px}.home-hero p{font-size:16px}.hero-search input{height:54px}.marquee-item{width:220px}.bento{grid-template-columns:1fr;grid-template-areas:"lib""filter""figma""flow""mobile""search"}.bento-card{min-height:380px}.bento-text{padding:24px 24px 0}.faq h2,.cta-copy h2{font-size:30px}.cta-panel{grid-template-columns:1fr}.cta-copy{padding:40px 24px 220px}.cta-collage{width:100%;height:300px;top:auto;bottom:-100px;right:-40px}.cta-panel:after{background:linear-gradient(180deg, var(--ink-2) 45%, transparent 90%)}}::selection{background:var(--blue-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.muted{color:var(--ink-3)}.mono,.count,kbd,.kbd span,.mega li small,.select-list .opt-meta,.palette-meta{font-family:var(--font-mono);font-weight:500}.button{border-radius:var(--radius-sm);background:var(--ink);height:40px;color:var(--ink-inverse);font:600 14px/1 var(--font-sans);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-inset), 0 1px 2px #11131833;transition:transform var(--dur) var(--ease-spring), background .15s, border-color .15s;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:default;transform:none}.button svg{flex:none;width:16px;height:16px}.button.pill{border-radius:var(--radius-sm);height:40px;padding:0 16px;font-size:14px}.button.small{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.button.lg{border-radius:12px;height:48px;padding:0 22px;font-size:15px}.button.ghost,.button.outline{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-inset), var(--shadow-card)}.button.ghost:hover,.button.outline:hover{background:var(--card);border-color:var(--line-strong)}.button.soft{background:var(--tile);color:var(--ink-2);box-shadow:none;border-color:var(--line)}.button.soft:hover{color:var(--ink);background:#e9eaee}.button.block{width:100%;height:44px}.button.light{color:var(--ink);background:#fff}.button.ghost-light{color:#fff;box-shadow:none;background:#ffffff0f;border-color:#ffffff2e}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}.tag{border-radius:var(--radius-xs);height:24px;font:600 12px/1 var(--font-sans);white-space:nowrap;background:var(--tile);color:var(--ink-2);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.tag svg{width:13px;height:13px}.tag.websites,.tag.marketing{background:var(--blue-soft);color:var(--blue)}.tag.products,.tag.product{background:var(--green-soft);color:var(--green)}.tag.flows{background:var(--orange-soft);color:var(--orange)}.tag.patterns{background:var(--violet-soft);color:var(--violet)}.tag.live:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #14704626}.pro-tag{border-radius:var(--radius-xs);letter-spacing:.02em;font-size:11px}.badge-pro{border-radius:var(--radius-xs);font-weight:600;top:10px;left:10px;right:auto}@property --pro-a{syntax:"<angle>";inherits:false;initial-value:0deg}.tag.pro,.pro-tag,.badge-pro{color:#fff;isolation:isolate;background:linear-gradient(#17181d, #17181d) padding-box, conic-gradient(from var(--pro-a), #7c6cff, #c58cff, #ff9ad5, #7cc4ff, #7c6cff) border-box;border:1px solid #0000;animation:5s linear infinite pro-spin;overflow:hidden}.tag.pro,.pro-tag{position:relative}.tag.pro:after,.pro-tag:after,.badge-pro:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 35%,#c58cff59 50%,#0000 65%) 0 0/260% 100% no-repeat;animation:3.6s ease-in-out infinite pro-sheen;position:absolute;inset:0}@keyframes pro-spin{to{--pro-a:360deg}}@keyframes pro-sheen{0%,35%{background-position:130% 0}to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.tag.pro,.pro-tag,.badge-pro,.tag.pro:after,.pro-tag:after,.badge-pro:after{animation:none}}.count{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-xs);color:var(--ink-2);padding:2px 8px;font-size:13px}kbd,.kbd span{border-radius:var(--radius-xs);background:var(--card);border:1px solid var(--line);min-width:22px;height:22px;box-shadow:0 1px 0 var(--line);color:var(--ink-3);place-items:center;padding:0 6px;font-size:11px;line-height:1;display:inline-grid}.pills a,.pills span,.chips a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);box-shadow:var(--shadow-card);padding:6px 10px;font-size:14px;font-weight:500}.pills a:hover,.chips a:hover{background:var(--card);border-color:var(--line-strong)}.tabs{background:var(--tile);border:1px solid var(--line);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.tabs button,.tabs a{height:32px;font:600 13px/1 var(--font-sans);color:var(--ink-2);border:0;border-radius:8px;align-items:center;padding:0 14px;display:inline-flex}.tabs button:hover,.tabs a:hover{color:var(--ink)}.tabs [aria-selected=true],.tabs [aria-current=page]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-inset), 0 1px 3px #1113181a}.site-header{-webkit-backdrop-filter:saturate(1.6)blur(14px);background:#fbfbfcd1;height:64px}.hdr{grid-template-columns:auto minmax(0,1fr) auto;gap:24px;height:64px}.hdr-search{justify-self:center;width:100%;max-width:380px}.hdr-left{gap:20px}.lockup{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.lockup img{object-fit:contain;width:22px;height:26px}.lockup b{font:700 18px/1 var(--font-sans);letter-spacing:-.035em}.nav-seg{background:var(--tile);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;padding:4px;display:inline-flex}.nav-seg .navlink{height:30px;font:600 13px/1 var(--font-sans);color:var(--ink-2);border-radius:8px;gap:4px;padding:0 11px}.nav-seg .navlink svg{width:14px;height:14px;color:var(--ink-3);transition:transform .15s}.nav-seg .navlink[aria-expanded=true] svg{transform:rotate(180deg)}.nav-seg .navlink:hover{color:var(--ink)}.nav-seg .navlink[aria-expanded=true],.nav-seg .navlink[aria-current=page]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-inset), 0 1px 3px #1113181a}.hdr-search input{background:var(--card);border:1px solid var(--line);height:40px;box-shadow:var(--shadow-inset), var(--shadow-card);font:500 14px/1 var(--font-sans);border-radius:12px;padding:0 76px 0 38px;transition:border-color .15s}.hdr-search input:hover{border-color:var(--line-mid)}.hdr-search input::placeholder{color:var(--ink-3)}.hdr-search .ico{color:var(--ink-3);width:15px;height:15px}.kbd{right:9px}.hdr-right .navlink{font:600 14px/1 var(--font-sans);color:var(--ink-2);border-radius:10px;height:36px;padding:0 10px}.hdr-right .navlink:hover{background:var(--tile);color:var(--ink)}.mega{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:20px;padding:8px;top:calc(100% + 2px)}.mega-head h3{font:500 11px/14px var(--font-mono);letter-spacing:.04em;color:var(--ink-3)}.mega-head h3 span{color:var(--ink-3);opacity:.7}.mega-head a{color:var(--blue);font-weight:600}.mega-head a:hover{color:var(--blue);text-decoration:underline}.mega li a{border-radius:8px;height:34px;font-weight:500}.mega li a:hover,.mega li a:focus-visible{background:var(--tile)}.mega-emoji{background:var(--tile);border:1px solid var(--line);border-radius:7px}.mega li a:hover .mega-emoji{background:var(--card)}.mega li small{color:var(--ink-3);font-size:11px}.mega-side{background:var(--tile);border:1px solid var(--line);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;border-radius:14px}.mega-side .mega-head h3:before{content:"";background:var(--violet);vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:8px;display:inline-block}.mega-side li a{background:0 0}.mega-side li a:hover,.mega-side li a:focus-visible{background:var(--card);box-shadow:var(--shadow-card)}.site-footer{background:var(--tile);border-top:1px solid var(--line);padding-top:64px;position:relative}.site-footer:before{content:"";pointer-events:none;background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 40%,#000);mask-image:linear-gradient(#0000 40%,#000)}.ftr,.ftr-bottom{position:relative}.ftr h2,.ftr .ftr-title{font:500 11px/14px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px}.ftr ul{gap:10px}.ftr ul a{color:var(--ink-2);font-size:14px;font-weight:500}.ftr-brand p{color:var(--ink-2);line-height:1.6}.ftr-brand .lockup{margin-bottom:16px}.ftr-bottom{color:var(--ink-3);border-top:1px solid var(--line);margin-top:48px;padding:20px 0 28px;font-size:13px}.ftr-word{opacity:.1;position:relative}.crumbs{color:var(--ink-3);font-size:13px;font-weight:500}.crumbs .sep{color:var(--line-strong)}.hero h1{letter-spacing:-.035em;margin-bottom:18px;font-size:54px;line-height:1.04}.hero p{color:var(--ink-2);font-size:17px;line-height:1.6}.page-head h1{letter-spacing:-.03em;font-size:40px;line-height:1.08}.page-head .lead,.lead{color:var(--ink-2)}.page-head .over,.eyebrow{font:500 12px/16px var(--font-mono);color:var(--ink-3)}.section-head{margin:var(--sp-section) 0 24px}.section-head h2{letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1.1}.section-title{letter-spacing:-.02em;font-size:24px}.related h2,.aside h2,.shot-side h2{font:500 11px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.grid{gap:20px}.grid+.grid{margin-top:20px}.grid.masonry+.grid.masonry{margin-top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset), var(--shadow-card);transition:box-shadow .2s, transform var(--dur) var(--ease-spring);padding:8px 8px 12px}.card:hover{box-shadow:var(--shadow-inset), var(--shadow-float);transform:translateY(-2px)}.card-media{border:1px solid var(--line);background:var(--tile);box-shadow:none;border-radius:9px}.card-media img{height:auto;min-height:100%}.card:hover .card-media img{transform:none}.card-body{grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:12px 4px 0}.card-logo{border:1px solid var(--line);background:var(--card);border-radius:8px;width:28px;height:28px}.card-title{font:600 14px/18px var(--font-sans);color:var(--ink)}.card-title:hover{color:var(--blue)}.card-meta{font:500 12px/16px var(--font-sans);color:var(--ink-3);opacity:1}.card-meta:hover{color:var(--ink)}.card-save{border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:9px;top:16px;right:16px}@media (prefers-reduced-motion:reduce){.card,.card:hover{transition:none;transform:none}}.cat-grid{gap:16px}.cat-card{background:var(--tile);border:1px solid var(--line);isolation:isolate;border-radius:20px;min-height:240px;padding:20px 20px 0;transition:border-color .2s;position:relative}.cat-card:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 25%,#000);mask-image:linear-gradient(#0000 25%,#000)}.cat-card:hover{border-color:var(--line-mid)}.cat-card .emoji{background:var(--card);border:1px solid var(--line);width:30px;height:30px;box-shadow:var(--shadow-card);border-radius:9px;place-items:center;font-size:15px;display:grid}.cat-card strong{font:600 16px/22px var(--font-sans);margin-top:12px}.cat-card small{font:500 12px/16px var(--font-mono);color:var(--ink-3)}.cat-card .previews img{border:1px solid var(--line);box-shadow:var(--shadow-float);transition:transform var(--dur) var(--ease-spring);border-radius:10px}.cat-card:hover .previews img:first-child{transform:translateY(-6px)rotate(-1deg)}.cat-card:hover .previews img:last-child{transform:translateY(-4px)rotate(1deg)}.pat-grid{gap:20px 16px}.pat-card .pat-media{background:0 0;border-radius:16px;padding:0}.pat-card .pat-media img{box-shadow:none;transition:transform .3s var(--ease-spring,ease), filter .2s;border:0;border-radius:16px}.pat-card:hover .pat-media img{filter:brightness(.98);transform:scale(1.02)}.pat-card strong{font:600 14px/20px var(--font-sans);margin-top:10px}.pat-card small,.saas-tile-meta,.logo-grid small,.list small{font:500 12px/16px var(--font-sans);color:var(--ink-3)}.saas-grid-3{gap:20px}.saas-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset), var(--shadow-card);transition:box-shadow .2s, transform var(--dur) var(--ease-spring);gap:12px;padding:8px 8px 14px}.saas-tile:hover{box-shadow:var(--shadow-inset), var(--shadow-float);transform:translateY(-2px)}.saas-tile-media,.saas-tile:hover .saas-tile-media{border:1px solid var(--line);box-shadow:none;border-radius:9px;transform:none}.saas-tile-body{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:0 6px}.saas-tile-logo{background:var(--card);border-radius:10px;width:36px;height:36px}.saas-tile-name{font:600 15px/20px var(--font-sans)}.list a,.logo-grid a,.tiles a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset), var(--shadow-card);transition:border-color .15s, transform var(--dur) var(--ease-spring)}.list a:hover,.logo-grid a:hover,.tiles a:hover{background:var(--card);border-color:var(--line-mid);transform:translateY(-1px)}.logo-grid img,.logo-ph,.list img{border:1px solid var(--line);border-radius:9px}.logo-grid strong,.list strong{font-weight:600}.tile-grid{gap:28px 20px}.tile-card .tile-media,.collage,.before-after{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-card)}.tile-card h2{font:600 17px/1.35 var(--font-sans);letter-spacing:-.01em}.tile-card p{color:var(--ink-2)}.tile-meta{color:var(--ink-3);font-size:13px}.filterbar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-card);background:#ffffffe0;border-radius:16px;gap:8px;padding:10px;top:76px}.filterbar .search-input input,.dir-search input{background:var(--tile);border-radius:var(--radius-sm);border:1px solid #0000;height:40px;font-size:14px;font-weight:500}.filterbar .search-input input:focus,.dir-search input:focus{border-color:var(--blue);background:var(--card);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.filterbar .search-input svg,.dir-search svg{color:var(--ink-3)}.select-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);height:40px;font:500 14px/1 var(--font-sans);box-shadow:var(--shadow-card);padding:0 12px}.select-button:hover{border-color:var(--line-mid)}.filterbar .select-button,.dir-bar .select-button{border-color:var(--line);border-radius:var(--radius-sm);height:40px}.select-chevron{width:14px;height:14px;color:var(--ink-3);margin-right:0}.select.has-value .select-button{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:none}.select.has-value .select-chevron{color:var(--blue)}.select-pop,.multi .select-list{border-radius:var(--radius-md);border-color:var(--line);box-shadow:var(--shadow-inset), var(--shadow-float)}.select-filter{background:var(--tile);border-radius:8px}.select-list li{border-radius:8px;font-weight:500}.select-list li.active{background:var(--tile)}.select-list li[aria-selected=true]{color:var(--blue)}.select-list .opt-meta{color:var(--ink-3);font-size:11px}.theme-toggle{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.theme-toggle button{width:32px;height:32px;color:var(--ink-3);border-radius:7px}.theme-toggle button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-inset), 0 1px 3px #1113181f}.toggle-chip{border-radius:var(--radius-sm);background:var(--card);border-color:var(--line);height:34px;box-shadow:var(--shadow-card);font-size:13px;font-weight:600}.toggle-chip.on{background:var(--violet-soft);color:var(--violet);box-shadow:none;border-color:#0000}.sort-select .select-button{border-radius:var(--radius-sm);height:34px;font-size:13px}.active-filters .chip{background:var(--blue-soft);color:var(--blue);border-radius:8px;height:30px;padding:0 6px 0 10px;font-size:13px;font-weight:600}.active-filters .chip svg{color:var(--blue)}.result-count{color:var(--ink-3);font-size:14px}.result-count strong{font-family:var(--font-mono);color:var(--ink)}.linkish{color:var(--ink-3);font-size:13px;font-weight:500}.empty{background:var(--tile);border:1px dashed var(--line-mid);border-radius:20px;padding:56px 16px}.form input,.field textarea,.multi-input,.filters input{border-color:var(--line);border-radius:var(--radius-sm);background:var(--card)}.form input:focus,.field textarea:focus,.multi-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.palette-backdrop{-webkit-backdrop-filter:blur(4px);background:#11131847}.palette{border:1px solid var(--line);box-shadow:var(--shadow-inset), 0 24px 64px #1113183d;border-radius:18px}.palette-input input{font-weight:500}.palette-group{font:500 11px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.palette-item{border-radius:10px;font-weight:500}.palette-item[aria-selected=true]{background:var(--tile)}.palette-icon{border:1px solid var(--line);background:var(--card);border-radius:7px}.palette-tag{background:var(--blue-soft);color:var(--blue);border-radius:var(--radius-xs);border:0;font-size:12px;font-weight:600}.palette-shots a{border-radius:8px}.palette-shots a:hover{border-color:var(--blue)}.palette-foot{background:var(--tile)}.shot-page{border-top-color:var(--line)}.shot-stage{background:var(--tile);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;padding:24px 48px 48px}.shot-stage .shot{border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:12px}.shot-side{background:var(--card)}.shot-side h1{letter-spacing:-.02em;font-size:22px}.brand-card{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-md)}.brand-card img{border:1px solid var(--line);background:var(--card);border-radius:12px}.brand-card strong{font-weight:600}.screen-nav a{font-weight:500}.screen-nav a:hover{background:var(--tile)}.brand-head img{border:1px solid var(--line);box-shadow:var(--shadow-card);background:var(--card);border-radius:18px}.brand-head h1{letter-spacing:-.03em;font-size:36px}.brand-head p{color:var(--ink-2);font-size:18px}.tabbar a{color:var(--ink-2);font-weight:600}.tabbar a small{font-family:var(--font-mono)}.tabbar [aria-current]{color:var(--ink)}.member-tabs a{font-weight:600}.plans{gap:16px}.plan{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}.plan h3,.plan .plan-name{letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:600}.plan .price{letter-spacing:-.03em;font-size:44px}.plan .price small{color:var(--ink-3);font-size:15px}.plan .billed{font-size:13px;font-family:var(--font-mono);color:var(--ink-3)}.plan li{color:var(--ink-2);gap:12px;font-size:15px}.plan li i{background:var(--card);border:1px solid var(--line);border-radius:7px;width:24px;height:24px}.plan li svg{width:13px;height:13px;color:var(--green)}.plan .button{background:var(--ink);background-image:none;border:1px solid #0000;height:44px;padding:0 16px}.plan.dark{background:var(--ink);border-color:var(--ink);background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:16px 16px}.plan.dark .billed{color:#9ba0ab}.plan.dark li{color:#d7dae0}.plan.dark li i{background:#ffffff0f;border-color:#ffffff1a}.plan.dark li svg{color:#7fdcaa}.plan.dark .button{color:var(--ink);background:#fff}.trust{color:var(--ink-3)}.guide-box{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-lg)}.prose{color:var(--ink-2);font-size:16px;line-height:1.7}.prose h2{letter-spacing:-.02em;font-size:28px}.prose h3{letter-spacing:-.015em;font-size:21px}.prose a{color:var(--blue);text-underline-offset:3px}.prose img{border:1px solid var(--line);border-radius:12px}.prose code{font-family:var(--font-mono);background:var(--tile);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.88em}.lock-ghosts span{border-radius:var(--radius-md);background:linear-gradient(var(--tile), transparent);border:1px solid var(--line);border-bottom:0}.lock h2{letter-spacing:-.03em;font-size:36px;line-height:1.12}.locked{border-radius:var(--radius-md);border:1px solid var(--line)}.locked:after{background:linear-gradient(transparent, var(--page) 70%)}.notice{border-radius:var(--radius-md);background:var(--tile)}.table-wrap{border-radius:var(--radius-md);background:var(--card)}.table-wrap thead th{background:var(--tile);font:500 11px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset), var(--shadow-float);padding:36px}.auth-card h1{letter-spacing:-.03em;font-size:28px}.auth-card .form input{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);height:44px}.auth-foot a{color:var(--blue)}.nf-search input{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm)}.scroller:before{background:linear-gradient(90deg, var(--page), transparent)}.scroller:after{background:linear-gradient(-90deg, var(--page), transparent)}.scroller-btn{background:var(--card);box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:12px}.scroller-btn:hover{background:var(--card);border-color:var(--line-strong)}.flow-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset), var(--shadow-card);padding:8px 8px 12px}.flow-step .card-media{border:1px solid var(--line);border-radius:9px}.flow-step small{padding:0 4px;font-size:13px;font-weight:500}.flow-step small b,.flow-steps .n{font-family:var(--font-mono)}.flow-step small b{background:var(--orange-soft);min-width:20px;height:20px;color:var(--orange);border-radius:6px;place-items:center;font-size:11px;display:inline-grid}.flow-item .flow-head{letter-spacing:-.025em;font-size:26px;font-weight:600}.flow-item .flow-head img{border:1px solid var(--line);border-radius:9px}.flow-item .n{font:500 12px/16px var(--font-mono);color:var(--ink-3)}.flow-stage{background:var(--tile);background-image:radial-gradient(var(--line) 1px, transparent 1px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-size:16px 16px}.flow-shot{border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:12px}.flow-caption{border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:14px;font-size:15px;font-weight:600}.flow-caption small{font-family:var(--font-mono);font-size:12px}.flow-title{letter-spacing:-.03em;font-size:40px;font-weight:600}.flow-steps .n{background:var(--orange-soft);color:var(--orange);font-size:12px}.home-hero{isolation:isolate;padding:104px 0 0}.home-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);opacity:.7;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 40%,#000 20%,#0000 75%)}.home-hero .inner{justify-items:center;gap:0;max-width:720px;display:grid}.home-hero h1{letter-spacing:-.045em;margin:22px 0 18px;font-size:68px;font-weight:600;line-height:1.02}.home-hero h1 em{color:var(--ink-3);font-style:normal}.home-hero .inner>p{color:var(--ink-2);max-width:540px;margin:0 auto 32px;font-size:18px;line-height:28px}.home-hero .inner>.hero-eyebrow{background:var(--card);border:1px solid var(--line);height:28px;box-shadow:var(--shadow-card);font:500 12px/1 var(--font-mono);color:var(--ink-2);border-radius:8px;gap:8px;margin:0;padding:0 10px}.hero-eyebrow .dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px #14704626}.hero-search{width:100%;max-width:560px}.hero-search input{border:1px solid var(--line);background:var(--card);height:58px;box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:16px;padding-right:84px;font-weight:500}.hero-search input:hover{border-color:var(--line-mid);box-shadow:var(--shadow-inset), var(--shadow-float)}.hero-search input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft), var(--shadow-float);outline:none}.hero-search .ico{color:var(--ink-3)}.hero-quick{margin-top:16px}.hero-quick a{background:var(--card);border:1px solid var(--line);height:30px;color:var(--ink-2);box-shadow:var(--shadow-card);border-radius:8px;align-items:center;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.hero-quick a:hover{color:var(--ink);border-color:var(--line-strong)}.frag{background:var(--card-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-inset), var(--shadow-float);text-align:left;padding:12px}.frag-head{font:500 12px/16px var(--font-sans);color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.toast{background:var(--card-raised);border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float);font:600 13px/18px var(--font-sans);color:var(--ink);text-align:left;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:inline-flex}.toast .ico{background:var(--green-soft);width:26px;height:26px;color:var(--green);border-radius:8px;flex:none;place-items:center;display:grid}.toast .ico svg{width:14px;height:14px}.toast small{font:500 11px/14px var(--font-sans);color:var(--ink-3);display:block}.mini-chart{align-items:flex-end;gap:6px;height:56px;display:flex}.mini-chart i{background:var(--blue-soft);border-radius:4px 4px 2px 2px;flex:1;min-height:6px}.mini-chart i:last-child{background:var(--blue)}.mini-chart+.mini-axis{font:500 10px/1 var(--font-mono);color:var(--ink-3);justify-content:space-between;margin-top:6px;display:flex}.stack{background:var(--card-raised);border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:inline-flex}.stack .logos{display:inline-flex}.stack img,.stack .more-n{border:2px solid var(--card);object-fit:contain;background:var(--card);border-radius:9px;width:30px;height:30px;margin-left:-8px;box-shadow:0 1px 3px #1113181f}.stack img:first-child{margin-left:0}.stack .more-n{font:600 10px/1 var(--font-mono);color:var(--ink-2);background:var(--tile);place-items:center;display:grid}.stack span:last-child{font:600 12px/16px var(--font-sans);color:var(--ink-2)}.marquee-wrap{padding:0 0 8px}.marquee-item{border:1px solid var(--line);width:300px;box-shadow:var(--shadow-card);background:var(--card);border-radius:12px;padding:5px}.marquee-item img{border-radius:8px}.features .kicker{border-radius:var(--radius-xs);background:var(--violet-soft);width:max-content;height:24px;color:var(--violet);line-height:24px;font:600 12px/24px var(--font-sans);letter-spacing:0;text-transform:none;margin:0 auto 14px;padding:0 8px;display:block}.features h2{letter-spacing:-.04em;max-width:640px;margin-bottom:48px;font-size:48px;font-weight:600;line-height:1.05}.bento{gap:16px}.bento-card{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:400px}.bento-card:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 30%,#000);mask-image:linear-gradient(#0000 30%,#000)}.bento-card:hover{border-color:var(--line-mid);box-shadow:none}.bento-text{padding:28px 28px 0}.bento-text h3{letter-spacing:-.01em;margin-bottom:6px;font-size:18px;line-height:24px}.bento-text p{color:var(--ink-2);line-height:22px}.bento-visual{transition:transform var(--dur) var(--ease-spring)}.bento-card:hover .bento-visual{transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.bento-card:hover .bento-visual{transform:none}}.v-lib-grid span{background:var(--card);border:1px solid var(--line);opacity:.8}.v-logo{border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float);background:var(--card);border-radius:16px}.v-counter,.v-filter,.v-panel,.v-drop,.v-query,.v-result,.v-browser,.v-toast{border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-float)}.v-counter strong{font-family:var(--font-mono);font-size:18px}.v-filter,.v-panel{border-bottom:0;border-right:0;border-radius:16px 0 0}.v-input{background:var(--tile);border-radius:8px}.v-chip{border-radius:8px;font-weight:500}.v-chip.on{background:var(--blue-soft);color:var(--blue);border-color:#0000}.v-drop{border-radius:14px}.v-opt{border-radius:8px;font-weight:500}.v-opt i{border-color:var(--line-strong);border-radius:5px}.v-opt.on{background:var(--tile)}.v-opt.on i{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--card)}.v-opt small{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.v-ghosts span{background:var(--tile);border-radius:10px}.v-found{background:var(--ink);box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:10px;font-weight:600}.v-check{background:var(--green)}.v-brand{background:var(--tile);border:1px solid var(--line)}.v-row{border-radius:10px;font-weight:500}.v-copy{background:var(--ink);border-radius:10px;font-weight:600}.v-meta span{background:var(--blue-soft);color:var(--blue);font-weight:600}.v-step .v-shot{border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:12px}.v-step small b{border:1px solid var(--line);background:var(--orange-soft);color:var(--orange);font-family:var(--font-mono);border:0}.v-step+.v-step:before{border-top-color:var(--line-strong)}.v-browser{border-radius:14px 14px 0 0}.v-dots i{background:var(--line)}.v-phone{background:var(--ink);box-shadow:var(--shadow-float), 0 24px 48px #11131833}.v-query{border-radius:12px;font-weight:500}.v-snippet mark{background:var(--blue-soft);color:var(--blue)}.faq h2{letter-spacing:-.035em;font-size:40px;font-weight:600}.faq-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset), var(--shadow-card);padding:4px 24px}.faq details:last-child{border-bottom:0}.faq summary{padding:18px 40px 18px 0;font-size:16px;font-weight:600}.faq summary:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:10px;height:10px;right:6px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--ink-2)}.cta-panel{background:var(--ink);border:1px solid var(--ink);border-radius:28px;min-height:420px}.cta-panel:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.cta-copy h2{letter-spacing:-.04em;font-size:44px;font-weight:600;line-height:1.05}.cta-copy p{color:#a9aeb9}.cta-shot{background:#1d2025;border:1px solid #ffffff14;border-radius:12px;padding:4px}.cta-shot img{border-radius:9px}.cta-panel:after{background:linear-gradient(90deg, var(--ink) 34%, #11131899 55%, transparent 80%)}@media (max-width:480px){.account .button.outline{display:none}.account[aria-hidden=true]{min-width:0!important}}@media (max-width:900px){.site-header,.hdr{height:60px}.hdr{grid-template-columns:1fr auto}.hdr-left .nav-seg{display:none}.hdr-left{gap:4px}.lockup{margin-right:auto}.account{gap:8px}.account .button{height:34px;padding:0 12px;font-size:13px}.account .navlink{display:none}.mobile-nav[data-open=true]{background:var(--page)}.mobile-nav a{font-weight:600}.home-hero{padding:64px 0 48px}.home-hero h1{letter-spacing:-.04em;font-size:42px}.home-hero .inner>p{font-size:16px;line-height:26px}.hero h1{font-size:36px}.page-head h1{font-size:30px}.features h2{font-size:32px}.section-head h2{font-size:26px}.faq h2,.cta-copy h2{font-size:30px}.faq-list{padding:0 16px}.shot-stage{padding:16px}.filterbar{top:68px}}.card-logo.empty{border:1px solid var(--line);background:var(--tile);border-radius:8px;padding:0;display:block}.stack .more-n{width:auto;min-width:30px;padding:0 7px}.section-card .card-media{place-items:center;display:grid}.section-card .card-media img{object-fit:contain;width:100%;height:auto;min-height:0;max-height:100%}html,body{overflow-x:clip}.bleed,.shot-page,.flow-stage{margin-inline:calc(50% - 50vw)!important}.shot-page{grid-template-columns:minmax(0,1fr) 380px}.shot-stage{padding-left:max(48px, calc((100vw - var(--max)) / 2 + var(--gutter)))}@media (max-width:900px){.shot-page{grid-template-columns:1fr}.shot-stage{padding:16px}}.ftr{grid-template-columns:1.5fr repeat(5,1fr);gap:32px}@media (max-width:1100px){.ftr{grid-template-columns:repeat(3,1fr)}.ftr-brand{grid-column:1/-1}}@media (max-width:640px){.ftr{grid-template-columns:1fr 1fr}}.card-open{z-index:2;background:var(--ink);color:#fff;height:32px;font:600 13px/1 var(--font-sans);box-shadow:var(--shadow-float);opacity:0;transition:opacity .15s, transform var(--dur) var(--ease-spring);border-radius:9px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:absolute;top:16px;right:16px;transform:translateY(-4px)}.card:hover .card-open,.card-open:focus-visible{opacity:1;transform:none}.card-save{left:16px;right:auto}.card-media[data-preview]{cursor:zoom-in}@media (hover:none){.card-open{opacity:1;transform:none}}.preview-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);background:#11131873;place-items:start center;padding:32px 32px 0;animation:.15s ease-out pv-fade;display:grid;position:fixed;inset:0}.preview{background:var(--card);border:1px solid var(--line);width:min(1440px,100%);height:calc(100dvh - 32px);animation:pv-up .28s var(--ease-spring);border-bottom:0;border-radius:22px 22px 0 0;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 80px #1113184d}@keyframes pv-fade{0%{opacity:0}}@keyframes pv-up{0%{opacity:.6;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.preview,.preview-backdrop{animation:none}}.preview-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 20px;display:flex}.preview-title{min-width:0;font:600 16px/1.3 var(--font-sans);align-items:center;gap:12px;display:flex}.preview-title img,.preview-logo-ph{border:1px solid var(--line);background:var(--tile);border-radius:8px;flex:none;width:28px;height:28px}.preview-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-actions{flex:none;align-items:center;gap:8px;display:flex}.preview-close{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.preview-close:hover{background:var(--tile)}.preview-body{overscroll-behavior:contain;background:var(--tile);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;padding:24px;overflow:auto}.preview-shot{border:1px solid var(--line);width:min(1280px,100%);box-shadow:var(--shadow-float);cursor:pointer;background:#fff;border-radius:12px;margin:0 auto;padding:0;display:block;overflow:hidden}.preview-shot img{width:100%;height:auto;display:block}.preview-skeleton{aspect-ratio:16/10;background:linear-gradient(100deg, var(--card) 30%, var(--tile) 50%, var(--card) 70%);background-size:200% 100%;border-radius:12px;width:min(1280px,100%);margin:0 auto;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:700px){.preview-backdrop{padding:12px 0 0}.preview{border-radius:16px 16px 0 0;height:calc(100dvh - 12px)}.preview-head .button{padding:0 10px}.preview-body{padding:12px}}.member{padding-top:40px}.member-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.member-head h1{letter-spacing:-.035em;margin:6px 0 4px;font-size:40px}.member-head .lead{margin:0;font-size:15px}.member-tabs,.member-tabs a{border-bottom:0;margin:0}.member-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset), var(--shadow-card);margin-bottom:20px;padding:28px}.member-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.member-panel-head h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.member-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.member-form{gap:16px;max-width:none}.member-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.member-form .field input{height:44px;padding:0 14px;font-size:15px}.member-form .field input:disabled{background:var(--tile);color:var(--ink-3)}.member-form .select-button{height:44px}.member-empty{text-align:center;background:var(--tile);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;border-radius:18px;justify-items:center;gap:10px;padding:48px 16px;display:grid}.member-empty h3{margin:6px 0 0;font-size:18px}.member-empty p{color:var(--ink-2);max-width:360px;margin:0 0 8px}.member-empty-ico{background:var(--card);border:1px solid var(--line);width:52px;height:52px;box-shadow:var(--shadow-float);color:var(--violet);border-radius:14px;place-items:center;display:grid}.member-empty-ico svg{width:22px;height:22px}.card.skeleton{aspect-ratio:16/12;background:linear-gradient(100deg, var(--card) 30%, var(--tile) 50%, var(--card) 70%);background-size:200% 100%;animation:1.2s linear infinite shimmer;display:block}.plan-panel{padding:0;overflow:hidden}.plan-current{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.plan-current h2{letter-spacing:-.03em;margin:4px 0 10px;font-size:30px}.plan-current h2 small{color:var(--ink-3);font-size:18px;font-weight:500}.plan-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-facts{border-top:1px solid var(--line);background:var(--tile);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;display:grid}.plan-facts div{border-right:1px solid var(--line);padding:16px 28px}.plan-facts div:last-child{border-right:0}.plan-facts dt{font:500 11px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:6px}.plan-facts dd{margin:0;font-weight:500}.welcome-notice{background:var(--green-soft);color:var(--green);border-color:#0000;margin-bottom:20px;font-weight:600}@media (max-width:900px){.member-cols,.member-row{grid-template-columns:1fr}.member-head h1{font-size:30px}.member-panel{padding:20px}}.onb{background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:20px 20px;place-items:center;min-height:calc(100dvh - 220px);margin-inline:calc(50% - 50vw);padding:24px 0;display:grid}.onb-card{background:var(--card);border:1px solid var(--line);width:min(620px,100vw - 32px);box-shadow:var(--shadow-inset), var(--shadow-float);animation:pv-up .3s var(--ease-spring);border-radius:24px;padding:32px}.onb-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.onb-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.onb-dots li{background:var(--line);border-radius:5px;width:28px;height:5px;transition:background .2s,width .2s}.onb-dots li.on{background:var(--ink);width:44px}.onb-dots li.done{background:var(--ink-3)}.onb-card h1{letter-spacing:-.035em;margin:0 0 8px;font-size:32px}.onb-card .lead{margin:0 0 24px}.onb-body{gap:24px;display:grid}.onb-names{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onb-names label{gap:6px;font-size:14px;font-weight:600;display:grid}.onb-names small{color:var(--ink-3);font-weight:500}.onb-names input{border:1px solid var(--line);border-radius:var(--radius-sm);height:46px;font:inherit;background:var(--card);padding:0 14px;font-size:15px}.onb-names input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.onb-names .hint{grid-column:1/-1}.onb-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.onb-choices.compact{grid-template-columns:repeat(2,1fr)}.onb-choice{border:1px solid var(--line);background:var(--card);min-height:52px;font:600 14px/1.3 var(--font-sans);color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);transition:border-color .15s, background .15s, transform var(--dur) var(--ease-spring);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.onb-choice:hover{border-color:var(--line-strong);transform:translateY(-1px)}.onb-choice.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);box-shadow:none}.onb-ico{background:var(--tile);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.onb-choice.on .onb-ico{background:var(--card)}.onb-box{border:1.5px solid var(--line-strong);border-radius:6px;width:18px;height:18px;margin-left:auto}.onb-choice.on .onb-box{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--card)}.onb-nav{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.onb-nav .button{min-width:120px;height:44px}.onb-done{text-align:center;justify-items:center;display:grid}.onb-check{background:var(--green-soft);width:56px;height:56px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.onb-check svg{width:26px;height:26px}.onb-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:600px){.onb-card{padding:22px}.onb-names,.onb-choices,.onb-choices.compact{grid-template-columns:1fr}.onb-card h1{font-size:26px}}.auth-card{margin-top:56px}.blog-head{justify-items:start;gap:14px;max-width:760px;padding:48px 0 40px;display:grid}.blog-head h1{letter-spacing:-.04em;margin:0;font-size:54px;line-height:1.04}.blog-head .lead{max-width:620px;font-size:18px;line-height:28px}.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);box-shadow:var(--shadow-inset), var(--shadow-card);transition:box-shadow .2s, transform var(--dur) var(--ease-spring);gap:0;display:grid;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-inset), var(--shadow-float);transform:translateY(-2px)}.post-media{aspect-ratio:16/9;background:var(--tile);border:1px solid var(--line);border-radius:16px;margin:8px 8px 0;display:block;overflow:hidden}.post-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.post-card:hover .post-media img{transform:scale(1.03)}.post-body{align-content:start;gap:8px;padding:18px 22px 22px;display:grid}.post-meta{font:500 12px/16px var(--font-mono);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-meta>*+:not(.tag):before{content:"·";color:var(--line-strong);margin-right:10px}.post-title{font:600 19px/1.3 var(--font-sans);letter-spacing:-.015em}.post-excerpt{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-more{color:var(--blue);margin-top:4px;font-size:14px;font-weight:600}.post-card.featured{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;margin-bottom:20px}.post-card.featured .post-media{aspect-ratio:auto;min-height:340px;margin:8px}.post-card.featured .post-body{align-content:center;gap:14px;padding:36px 36px 36px 20px}.post-card.featured .post-title{letter-spacing:-.03em;font-size:32px;line-height:1.12}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.post{max-width:1040px;margin:0 auto}.post-head{text-align:left;max-width:760px;margin:0 auto;padding:24px 0 32px}.post-head h1{letter-spacing:-.04em;margin:20px 0 16px;font-size:48px;line-height:1.06}.post-head .lead{margin-bottom:20px;font-size:19px;line-height:30px}.post-cover{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:24px;margin:0 0 48px;padding:8px}.post-cover img{border-radius:17px;width:100%;display:block}.post-content .prose{max-width:760px;font-size:17px;line-height:1.75}.post-content .prose h2{margin-top:56px;font-size:30px}.post-content .prose blockquote{border-left:3px solid var(--violet);color:var(--ink);margin:28px 0;padding:4px 0 4px 20px;font-size:19px}.post-content .prose ul,.post-content .prose ol{padding-left:22px}.post-content .prose li{margin:6px 0}.post-cta{background:var(--tile);border:1px solid var(--line);background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:760px;margin:56px auto 0;padding:28px;display:flex}.post-cta h2{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.post-cta p{color:var(--ink-2);max-width:420px;margin:0}@media (max-width:1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card.featured{grid-template-columns:1fr}.post-card.featured .post-media{aspect-ratio:16/9;min-height:0}.post-card.featured .post-body{padding:20px 24px 26px}}@media (max-width:640px){.post-grid{grid-template-columns:1fr}.blog-head h1,.post-head h1{font-size:34px}.post-card.featured .post-title{font-size:24px}}.home-hero{padding-bottom:104px}.bento3{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:420px;gap:16px;display:grid}.bt{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);isolation:isolate;grid-template-rows:auto minmax(0,1fr);transition:border-color .2s;display:grid;position:relative;overflow:hidden}.bt:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 25%,#000);mask-image:linear-gradient(#0000 25%,#000)}.bt:hover{border-color:var(--line-mid)}.bt-copy{padding:26px 26px 0}.bt-copy h3{font:600 18px/24px var(--font-sans);letter-spacing:-.01em;margin:0 0 6px}.bt-copy p{color:var(--ink-2);margin:0;font-size:15px;line-height:22px}.bt-visual{transition:transform var(--dur) var(--ease-spring);display:block;position:relative}.bt:hover .bt-visual{transform:translateY(-6px)}.bt .frag,.bt .toast{position:absolute}.mono{font-family:var(--font-mono)}.bt-logos{gap:10px;display:grid;position:absolute;inset:18px 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.bt-logo-row{gap:12px;width:max-content;animation:26s linear infinite bt-drift;display:flex}.bt-logo-row.rev{margin-left:-40px;animation-duration:32s;animation-direction:reverse}.bt-logo-row img{object-fit:contain;background:var(--card);border:1px solid var(--line);width:56px;height:56px;box-shadow:var(--shadow-inset), var(--shadow-card);border-radius:15px;padding:8px}@keyframes bt-drift{to{transform:translate(-50%)}}.bt-counter{white-space:nowrap;box-shadow:var(--shadow-inset), var(--shadow-float);align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex;bottom:28px;left:50%;transform:translate(-50%)}.bt-counter b{font:600 22px/1 var(--font-mono);letter-spacing:-.02em}.bt-counter small{color:var(--ink-3);font-weight:500}.bt-drop{padding:10px;top:22px;left:26px;right:26px}.bt-opt{height:36px;font:500 13px/1 var(--font-sans);animation:bt-pick 8s calc(var(--i) * 2s) infinite;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:0 8px;display:grid}.bt-opt small{font:500 11px/1 var(--font-mono);color:var(--ink-3)}.bt-box{border:1.5px solid var(--line-strong);width:16px;height:16px;animation:bt-tick 8s calc(var(--i) * 2s) infinite;border-radius:5px}@keyframes bt-pick{0%,22%{background:var(--tile)}25%,to{background:0 0}}@keyframes bt-tick{0%,22%{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--card)}25%,to{background:0 0}}.bt-found{font:600 13px/1 var(--font-sans);background:var(--ink);color:#fff;border-color:var(--ink);align-items:center;gap:8px;padding:8px 12px 8px 8px;display:inline-flex;bottom:24px;right:26px}.bt-found .ico,.toast .ico{background:var(--green-soft);width:24px;height:24px;color:var(--green);border-radius:7px;place-items:center;display:grid}.bt-found .ico svg,.toast .ico svg{width:13px;height:13px}.bt-query{height:46px;font:500 14px/1 var(--font-sans);color:var(--ink);align-items:center;gap:10px;padding:0 14px;display:flex;top:22px;left:26px;right:26px}.bt-query svg{color:var(--ink-3);flex:none}.bt-typed{white-space:nowrap;width:0;animation:6s steps(6,end) infinite bt-type;display:inline-block;overflow:hidden}@keyframes bt-type{0%,8%{width:0}35%,85%{width:6.2ch}to{width:0}}.bt-caret{background:var(--ink);width:1.5px;height:18px;margin-left:-6px;animation:1s step-end infinite caret}.bt-result{gap:8px;padding:8px;animation:6s infinite bt-rise;display:grid;top:82px;left:26px;right:26px}.bt-query-n{font:500 11px/1 var(--font-mono);color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:6px;margin-left:auto;padding:5px 7px}.bt-result-shot{aspect-ratio:16/6;border:1px solid var(--line);background:var(--tile);border-radius:9px;display:block;overflow:hidden}.bt-result-shot img{width:100%;height:auto;display:block}.bt-result-text{gap:3px;min-width:0;padding:0 4px 4px;font-size:13px;display:grid}.bt-result-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bt-result-text mark{background:var(--blue-soft);color:var(--blue);border-radius:4px;padding:0 3px}@keyframes bt-rise{0%,40%{opacity:.55;transform:translateY(6px)}50%,90%{opacity:1;transform:none}to{opacity:.55;transform:translateY(6px)}}.bt-panel{gap:10px;display:grid;top:22px;left:26px;right:26px}.bt-brand{background:var(--tile);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.bt-brand img,.bt-brand i{background:var(--card);border:1px solid var(--line);object-fit:contain;border-radius:9px;width:32px;height:32px}.bt-brand span{min-width:0;font-size:13px;display:grid}.bt-brand small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bt-copy-btn{background:var(--ink);color:#fff;height:40px;font:600 13px/1 var(--font-sans);border-radius:10px;justify-content:center;align-items:center;gap:8px;animation:5s infinite bt-press;display:flex}.bt-row{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;height:38px;padding:0 10px;font-size:13px;display:flex}.kbd-inline{gap:3px;display:inline-flex}.kbd-inline kbd{min-width:20px;height:20px}.bt-cursor{filter:drop-shadow(0 2px 4px #00000040);animation:5s infinite bt-cursor;position:absolute;top:84px;left:80%}.bt-toast{animation:5s infinite bt-toast;bottom:22px;left:50%;transform:translate(-50%)}@keyframes bt-cursor{0%{opacity:0;transform:translate(60px,70px)}15%{opacity:1}35%,45%{transform:translate(0)}40%{transform:translate(0)scale(.85)}to{opacity:1;transform:translate(0)}}@keyframes bt-press{0%,38%{transform:none}40%{transform:scale(.96)}44%,to{transform:none}}@keyframes bt-toast{0%,44%{opacity:0;transform:translate(-50%,12px)}52%,92%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.bt-dots{border-bottom:1px solid var(--line);gap:5px;padding:9px 10px;display:flex}.bt-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}@keyframes bt-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.bt-logo-row,.bt-opt,.bt-box,.bt-typed,.bt-caret,.bt-result,.bt-copy-btn,.bt-cursor,.bt-toast,.bt-player-shot img,.bt-player-step span,.bt-bars i:after,.bt-resp-frame,.bt-resp-shot img,.bt-resp-w span{animation:none!important}.bt-player-shot img:first-child,.bt-player-step span:first-child,.bt-resp-w span:first-child{opacity:1;transform:none}.bt-typed{width:auto}.bt-result,.bt-toast{opacity:1}.bt:hover .bt-visual{transform:none}}.bt-player{grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;padding:10px;display:grid;position:absolute;inset:20px 26px 22px}.bt-player-head{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.bt-player-head img,.bt-player-head>i{background:var(--tile);border-radius:5px;flex:none;width:20px;height:20px}.bt-player-head b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.bt-player-head .mono{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:11px}.bt-bars{gap:4px;display:flex}.bt-bars i{background:var(--line);border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.bt-bars i:after{content:"";background:var(--orange);border-radius:inherit;width:0;position:absolute;inset:0 auto 0 0}.bt-bars .b0:after{animation:10s linear infinite bt-bar0}.bt-bars .b1:after{animation:10s linear infinite bt-bar1}.bt-bars .b2:after{animation:10s linear infinite bt-bar2}.bt-bars .b3:after{animation:10s linear infinite bt-bar3}@keyframes bt-bar0{0%{width:0}25%,99%{width:100%}to{width:0}}@keyframes bt-bar1{0%,25%{width:0}50%,99%{width:100%}to{width:0}}@keyframes bt-bar2{0%,50%{width:0}75%,99%{width:100%}to{width:0}}@keyframes bt-bar3{0%,75%{width:0}99%{width:100%}to{width:0}}.bt-player-shot{border:1px solid var(--line);background:var(--tile);border-radius:8px;display:block;position:relative;overflow:hidden}.bt-player-shot img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;animation:bt-show 10s calc(var(--i) * 2.5s) infinite both;position:absolute;inset:0}.bt-player-step{height:22px;position:relative}.bt-player-step span{white-space:nowrap;text-overflow:ellipsis;opacity:0;animation:bt-show-up 10s calc(var(--i) * 2.5s) infinite both;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0;overflow:hidden}.bt-player-step b{background:var(--orange-soft);min-width:20px;height:20px;color:var(--orange);font:500 11px/1 var(--font-mono);border-radius:6px;place-items:center;display:inline-grid}@keyframes bt-show{0%{opacity:0;transform:scale(1.03)}3%,25%{opacity:1;transform:none}29%,to{opacity:0}}@keyframes bt-show-up{0%{opacity:0;transform:translateY(8px)}3%,24%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-8px)}}.bt-resp-frame{background:var(--card);border:1px solid var(--line);width:calc(100% - 52px);box-shadow:var(--shadow-inset), var(--shadow-float);animation:bt-resp 8s var(--ease-out,ease-in-out) infinite;border-radius:12px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:20px;bottom:62px;left:50%;overflow:hidden;transform:translate(-50%)}.bt-resp-shot{display:block;position:relative}.bt-resp-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.bt-resp-shot .m{opacity:0;animation:8s infinite bt-resp-m}.bt-resp-shot .d{animation:8s infinite bt-resp-d}@keyframes bt-resp{0%,22%{border-radius:12px;width:calc(100% - 52px)}42%,78%{border-radius:20px;width:128px}96%,to{border-radius:12px;width:calc(100% - 52px)}}@keyframes bt-resp-d{0%,26%{opacity:1}36%,84%{opacity:0}94%,to{opacity:1}}@keyframes bt-resp-m{0%,26%{opacity:0}36%,84%{opacity:1}94%,to{opacity:0}}.bt-resp-w{width:148px;height:32px;padding:0;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.bt-resp-w span{font:500 12px/1 var(--font-mono);color:var(--ink-2);white-space:nowrap;grid-area:1/1;place-items:center;animation:8s infinite bt-resp-d;display:grid}.bt-resp-w span+span{opacity:0;color:var(--blue);animation:8s infinite bt-resp-m}@media (max-width:1100px){.bento3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.bento3{grid-template-columns:1fr;grid-auto-rows:400px}}.cta2{margin-top:var(--sp-section);background:var(--ink);color:#fff;isolation:isolate;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:460px;display:grid;position:relative;overflow:hidden}.cta2:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 75%,#000,#0000 75%);mask-image:radial-gradient(80% 90% at 75%,#000,#0000 75%)}.cta2:after{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(circle,#9db6ff47,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-80px}.cta2-copy{align-content:center;justify-items:start;gap:18px;padding:56px;display:grid}.cta2-tag{color:#ff9fc2;background:#ff9fc224}.cta2-copy h2{color:#fff;letter-spacing:-.04em;max-width:520px;margin:0;font-size:46px;line-height:1.04}.cta2-copy p{color:#a9aeb9;max-width:440px;margin:0;font-size:17px;line-height:1.6}.cta2-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.cta2-stats{border:1px solid #ffffff1a;border-radius:14px;gap:0;margin:14px 0 0;display:flex;overflow:hidden}.cta2-stats div{border-right:1px solid #ffffff1a;padding:10px 18px}.cta2-stats div:last-child{border-right:0}.cta2-stats dt{font:500 10px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#8f94a0}.cta2-stats dd{font:600 20px/1.2 var(--font-mono);color:#fff;margin:2px 0 0}.cta2-visual{min-height:360px;position:relative}.cta2-shot{width:340px;transition:transform .4s var(--ease-spring);background:#1d2025;border:1px solid #ffffff14;border-radius:14px;padding:5px;position:absolute;box-shadow:0 30px 60px #00000073}.cta2-shot img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;width:100%;display:block}.cta2-shot.s0{top:70px;right:220px;transform:rotate(-8deg)}.cta2-shot.s1{z-index:1;top:120px;right:70px;transform:rotate(4deg)}.cta2-shot.s2{top:40px;right:-60px;transform:rotate(12deg)}.cta2:hover .cta2-shot.s0{transform:rotate(-11deg)translate(-12px,-6px)}.cta2:hover .cta2-shot.s2{transform:rotate(15deg)translate(12px,-6px)}.cta2:hover .cta2-shot.s1{transform:rotate(2deg)translateY(-8px)}.cta2-toast{z-index:2;animation:5s ease-in-out infinite bt-float;position:absolute;bottom:56px;right:150px}@media (max-width:1000px){.cta2{grid-template-columns:1fr}.cta2-copy{padding:40px 28px 8px}.cta2-copy h2{font-size:34px}.cta2-visual{min-height:300px}.cta2-shot{width:260px}.cta2-shot.s0{top:40px;left:8%;right:auto}.cta2-shot.s1{top:70px;right:8%}.cta2-shot.s2{display:none}.cta2-toast{animation:none;bottom:24px;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.cta2-toast{animation:none}.cta2-shot{transition:none}}.auth{grid-template-columns:minmax(0,440px) minmax(0,440px);justify-content:center;align-items:stretch;gap:20px;margin-top:56px;display:grid}.auth .auth-card{max-width:none;margin:0}.auth-side{border-radius:var(--radius-lg);background:var(--tile);border:1px solid var(--line);isolation:isolate;align-content:start;gap:16px;padding:36px;display:grid;position:relative;overflow:hidden}.auth-side:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}.auth-side h2{letter-spacing:-.03em;margin:0 0 8px;font-size:28px;line-height:1.1}.auth-side ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.auth-side li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-inset), var(--shadow-card);border-radius:14px;align-items:flex-start;gap:12px;padding:12px;display:flex}.auth-side li .ico{background:var(--green-soft);width:26px;height:26px;color:var(--green);border-radius:8px;flex:none;place-items:center;display:grid}.auth-side li .ico svg{width:14px;height:14px}.auth-side li span:last-child{gap:2px;font-size:14px;display:grid}.auth-side li small{color:var(--ink-3);font-size:13px}@media (max-width:900px){.auth{grid-template-columns:1fr;margin-top:24px}.auth-side{display:none}}.pro-welcome{background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);isolation:isolate;background-size:20px 20px;place-items:center;min-height:calc(100dvh - 200px);margin-inline:calc(50% - 50vw);padding:40px 16px;display:grid;position:relative}.pro-welcome:before{content:"";z-index:-1;background:radial-gradient(circle, var(--pink-soft), transparent 65%);border-radius:50%;width:640px;height:640px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.pw-card{background:var(--card);border:1px solid var(--line);width:min(640px,100%);box-shadow:var(--shadow-inset), var(--shadow-float);text-align:center;animation:pv-up .35s var(--ease-spring);border-radius:28px;justify-items:center;gap:14px;padding:40px;display:grid}.pw-badge{background:var(--tile);width:64px;height:64px;color:var(--ink-3);border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.pw-badge.on{background:var(--green-soft);color:var(--green);animation:pw-pop .5s var(--ease-spring)}.pw-badge svg{width:30px;height:30px}@keyframes pw-pop{0%{opacity:0;transform:scale(.6)}}.pw-spin{border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite pw-rot}@keyframes pw-rot{to{transform:rotate(360deg)}}.pw-card h1{letter-spacing:-.04em;margin:4px 0 0;font-size:38px;line-height:1.08}.pw-card .lead{max-width:460px;margin:0}.pw-plan{border:1px solid var(--line);text-align:left;border-radius:16px;width:100%;margin:12px 0 4px;display:grid;overflow:hidden}.pw-plan div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.pw-plan div:first-child{background:var(--tile);border-top:0}.pw-plan dt{font:500 11px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.pw-plan dd{text-align:right;margin:0;font-size:14px;font-weight:600}.pw-unlocked{text-align:left;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:grid}.pw-unlocked li{background:var(--tile);border:1px solid var(--line);border-radius:14px;grid-template-columns:30px 1fr;column-gap:10px;padding:12px;display:grid}.pw-unlocked li span{background:var(--card);border:1px solid var(--line);border-radius:9px;grid-row:span 2;place-items:center;width:30px;height:30px;display:grid}.pw-unlocked b{font-size:14px}.pw-unlocked small{color:var(--ink-3);font-size:12.5px;line-height:1.4}.pw-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}@media (max-width:600px){.pw-card{padding:26px 20px}.pw-card h1{font-size:28px}.pw-unlocked{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pw-card,.pw-badge.on{animation:none}}.card-body{grid-template-columns:28px minmax(0,1fr) auto}.card-body>.card-title,.card-body>.card-meta,.card-body>span:not(.card-figma):not(.card-logo){grid-column:2}.card-figma{background:var(--violet-soft);width:26px;height:26px;color:var(--violet);border-radius:8px;grid-area:1/3/span 2;place-items:center;display:grid}.grid.masonry{columns:3;column-gap:20px;display:block}.grid.masonry>*{break-inside:avoid;margin:0 0 20px;display:block}.section-card .card-media{aspect-ratio:auto;display:block}.section-card .card-media img{object-fit:initial;width:100%;height:auto;max-height:none}@media (max-width:1100px){.grid.masonry{columns:2}}@media (max-width:640px){.grid.masonry{columns:1}}.brand-hero{background:var(--tile);border-bottom:1px solid var(--line);isolation:isolate;margin-top:-1px;position:relative;overflow:hidden}.brand-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 75%);mask-image:linear-gradient(90deg,#0000 30%,#000 75%)}.brand-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;padding-top:40px;padding-bottom:64px;display:grid}.brand-hero .crumbs{margin-bottom:28px}.brand-id{align-items:center;gap:18px;display:flex}.brand-id img,.brand-logo-ph{object-fit:contain;background:var(--card);border:1px solid var(--line);width:72px;height:72px;box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:20px;flex:none;padding:6px}.brand-logo-ph{color:var(--ink-3);place-items:center;font-size:28px;font-weight:700;display:grid}.brand-id h1{letter-spacing:-.04em;margin:0 0 6px;font-size:48px;line-height:1}.brand-site{font:500 13px/1 var(--font-mono);color:var(--ink-3);align-items:center;gap:4px;display:inline-flex}.brand-site:hover{color:var(--blue)}.brand-tagline{color:var(--ink-2);max-width:520px;margin:20px 0 18px;font-size:19px;line-height:1.5}.brand-tags{flex-wrap:wrap;gap:6px;display:flex}.brand-tags a.tag:hover{background:var(--line)}.brand-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.brand-hero-visual{padding:0 0 28px 28px;display:block;position:relative}.brand-browser{box-shadow:var(--shadow-inset), var(--shadow-float);border-radius:16px;padding:0;display:block;position:relative;overflow:hidden}.brand-browser .bt-dots{align-items:center;padding:10px 12px;display:flex}.brand-browser .bt-dots em{font:500 11px/1 var(--font-mono);color:var(--ink-3);background:var(--tile);border-radius:6px;margin-left:10px;padding:4px 10px;font-style:normal}.brand-browser-shot{aspect-ratio:16/10;background:var(--tile);display:block;overflow:hidden}.brand-browser-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.brand-stack{z-index:1;width:240px;animation:6s ease-in-out infinite bt-float;display:block;position:absolute;bottom:0;left:0}.brand-stack-list{flex-wrap:wrap;gap:6px;display:flex}.brand-stack-list span{background:var(--tile);border-radius:7px;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.brand-stack-list img{border-radius:4px}.brand-nav{z-index:12;pointer-events:none;justify-content:center;padding:16px 0 0;display:flex;position:sticky;top:72px}.brand-nav .tabs{pointer-events:auto;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);background:#f1f2f4e6}.brand-nav small{font:500 11px/1 var(--font-mono);color:var(--ink-3);margin-left:6px}.brand-block{scroll-margin-top:140px}.brand-block .section-head h2{align-items:center;gap:10px;display:flex}.brand-lock{border:1px dashed var(--line-mid);background:var(--tile);color:var(--ink);border-radius:18px;align-items:center;gap:16px;margin-top:20px;padding:16px 18px;display:flex}.brand-lock>span:nth-child(2){flex:1;gap:2px;display:grid}.brand-lock small{color:var(--ink-3)}.brand-lock:hover{border-color:var(--line-strong)}.paywall{place-items:center;min-height:420px;margin-top:8px;display:grid;position:relative}.paywall.compact{min-height:340px}.paywall-ghosts{pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);align-content:start;gap:20px;display:grid;position:absolute;inset:0;overflow:hidden}.paywall-ghost{aspect-ratio:16/10;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--tile);overflow:hidden}.paywall-ghost img{object-fit:cover;object-position:top;opacity:.9;width:100%;height:100%;display:block}.paywall-blur{pointer-events:none;position:absolute;inset:0}.paywall-blur.b1{-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 35%,#0000 50%);mask-image:linear-gradient(#0000 0%,#000 15% 35%,#0000 50%)}.paywall-blur.b2{-webkit-backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(#0000 20%,#000 40% 55%,#0000 70%);mask-image:linear-gradient(#0000 20%,#000 40% 55%,#0000 70%)}.paywall-blur.b3{-webkit-backdrop-filter:blur(22px);-webkit-mask-image:linear-gradient(#0000 40%,#000 60%);mask-image:linear-gradient(#0000 40%,#000 60%)}.paywall-blur.b4{background:linear-gradient(to bottom, color-mix(in srgb, var(--page) 0%, transparent) 0%, color-mix(in srgb, var(--page) 55%, transparent) 45%, var(--page) 85%)}.paywall-card{z-index:1;text-align:center;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);justify-items:center;gap:10px;width:calc(100% - 32px);max-width:460px;margin-top:60px;padding:28px 28px 24px;display:grid;position:relative;box-shadow:0 1px 2px #1113180a,0 18px 48px -16px #1113182e}.paywall-card h2{letter-spacing:-.01em;margin:2px 0 0;font-size:1.35rem}.paywall-card p{color:var(--ink-3);margin:0;font-size:.94rem;line-height:1.5}.paywall-lock{background:var(--ink);width:40px;height:40px;color:var(--ink-inverse);border-radius:12px;place-items:center;display:grid}.paywall-lock svg{width:20px;height:20px}.paywall-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}@media (max-width:720px){.paywall-ghosts{grid-template-columns:1fr}.paywall-ghost:nth-child(n+2){display:none}.paywall-card{margin-top:40px;padding:22px 18px 18px}}.brand-design{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px}.brand-design .prose{max-width:820px;margin:0}.brand-stack-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.brand-stack-grid a{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.brand-stack-grid a:hover{border-color:var(--line-strong)}.brand-stack-grid img,.brand-stack-grid .logo-ph{object-fit:contain;border-radius:6px;width:24px;height:24px}@media (max-width:1000px){.brand-hero-in{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.brand-hero-visual{padding:0}.brand-stack{display:none}.brand-id h1{font-size:34px}.brand-nav{top:64px}.brand-nav .tabs{max-width:calc(100vw - 32px);overflow-x:auto}.brand-lock{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.brand-stack{animation:none}}.cta3{margin-top:var(--sp-section);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);border-radius:30px;padding:6px}.cta3-in{background:var(--tile);border:1px solid var(--line);isolation:isolate;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.cta3-in:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 80% 40%,#000,#0000 75%);mask-image:radial-gradient(70% 90% at 80% 40%,#000,#0000 75%)}.cta3-copy{z-index:2;padding:56px 0 56px 64px;position:relative}.cta3-copy h2{letter-spacing:-.045em;max-width:520px;margin:0 0 18px;font-size:52px;line-height:1.04}.cta3-copy h2 span{color:var(--ink-3)}.cta3-copy p{color:var(--ink-2);max-width:440px;margin:0 0 30px;font-size:17px;line-height:1.6}.cta3-actions{flex-wrap:wrap;gap:10px;display:flex}.cta3-actions .button.lg span{transition:transform var(--dur) var(--ease-spring)}.cta3-actions .button.lg:hover span{transform:translate(3px)}.cta3-dot{background:var(--ink-3);border-radius:2px;width:8px;height:8px;display:inline-block}.cta3-visual{z-index:1;padding:40px 40px 40px 8px;position:relative}.cta3-browser{background:var(--card);border:1px solid var(--line);transition:transform .6s var(--ease-spring);border-radius:14px;animation:7s ease-in-out infinite cta3-float;display:block;overflow:hidden;transform:perspective(1600px)rotateY(-6deg)rotateX(2deg);box-shadow:0 2px 4px #1113180a,0 30px 70px -24px #11131852}.cta3:hover .cta3-browser{transform:perspective(1600px)rotateY(0)rotateX(0)}.cta3-chrome{border-bottom:1px solid var(--line);background:var(--tile);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.cta3-chrome i{background:var(--line-mid);border-radius:50%;width:9px;height:9px}.cta3-chrome em{font:500 11px/1 var(--font-mono);color:var(--ink-3);background:var(--card);border:1px solid var(--line);border-radius:6px;margin:0 auto;padding:5px 12px;font-style:normal}.cta3-browser img{width:100%;height:auto;display:block}.cta3-chip{align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;animation:7s ease-in-out -3s infinite cta3-float;display:inline-flex;position:absolute;bottom:22px;left:-6px}@keyframes cta3-float{0%,to{translate:0}50%{translate:0 -6px}}@media (max-width:1000px){.cta3-in{grid-template-columns:1fr;min-height:0}.cta3-copy{padding:40px 28px 0}.cta3-copy h2{font-size:36px}.cta3-visual{padding:28px}.cta3-browser{transform:none}.cta3-chip{bottom:6px;left:16px}}@media (prefers-reduced-motion:reduce){.cta3-browser,.cta3-chip{transition:none;animation:none}}.pro-modal{width:100%;max-width:min(440px,100vw - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.pro-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#1113186b}.pro-modal[open]{animation:.22s cubic-bezier(.2,.8,.2,1) pro-in}@keyframes pro-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.pro-modal-in{text-align:center;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);justify-items:center;gap:10px;padding:0 28px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px -20px #11131859}.pro-modal-art{background:var(--tile);border-bottom:1px solid var(--line);background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:14px 14px;place-items:center;width:calc(100% + 56px);height:112px;margin-bottom:4px;display:grid}.pro-modal-badge{background:var(--ink);width:56px;height:56px;color:var(--ink-inverse);border-radius:16px;place-items:center;display:grid;box-shadow:0 10px 24px -8px #11131880}.pro-modal h2{letter-spacing:-.01em;margin:2px 0 0;font-size:1.4rem}.pro-modal p{color:var(--ink-3);margin:0;font-size:.95rem;line-height:1.5}.pro-modal-perks{text-align:left;border-radius:var(--radius-md);background:var(--tile);gap:8px;width:100%;margin:6px 0 4px;padding:14px 16px;font-size:.92rem;font-weight:500;list-style:none;display:grid}.pro-modal-perks li{align-items:center;gap:10px;display:flex}.pro-modal-perks svg{color:var(--green);flex:none}.pro-modal-actions{gap:8px;width:100%;margin-top:4px;display:grid}.pro-modal-close{z-index:1;border:1px solid var(--line);background:var(--card);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.pro-modal-close:hover{color:var(--ink);border-color:var(--line-strong)}@media (prefers-reduced-motion:reduce){.pro-modal[open]{animation:none}}.palette-shots a.palette-locked{place-items:center;display:grid;position:relative}.palette-locked img{filter:blur(6px)saturate(.8);opacity:.8;position:absolute;inset:0;transform:scale(1.08)}.palette-locked:after{content:"";background:color-mix(in srgb, var(--card) 45%, transparent);position:absolute;inset:0}.palette-lock{z-index:1;color:var(--ink);text-align:center;justify-items:center;gap:2px;display:grid;position:relative}.palette-lock svg{background:var(--ink);width:26px;height:26px;color:var(--ink-inverse);border-radius:8px;margin-bottom:2px;padding:5px}.palette-lock b{font-size:13px;line-height:1}.palette-lock small{color:var(--ink-2);font-size:11px}.topic-hero{background:var(--tile);border-bottom:1px solid var(--line);isolation:isolate;margin-top:-1px;position:relative;overflow:hidden}.topic-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 70%);mask-image:linear-gradient(270deg,#000 0%,#0000 70%)}.topic-hero-in{grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:48px;padding-top:48px;padding-bottom:56px;display:grid}.topic-over{color:var(--ink-3);gap:10px;margin-bottom:14px;font-size:14px;display:flex}.topic-over a{color:var(--ink-2)}.topic-over a:hover{color:var(--ink)}.topic-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(36px,5vw,56px);line-height:1.02}.topic-lead{max-width:560px;color:var(--ink-2);margin:16px 0 0;font-size:18px;line-height:1.5}.topic-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.topic-actions .muted{color:var(--ink-3);font-weight:400}.topic-related{padding:16px;display:block;transform:rotate(1.2deg)}.topic-related .pills{gap:6px}.topic-grid{padding-top:40px}.topic-grid .section-title:first-child{margin-top:0}.topic-guide{border-top:1px solid var(--line);margin-top:96px;padding-top:56px}.topic-guide-head{text-align:center;justify-items:center;gap:12px;max-width:720px;margin:0 auto 40px;display:grid}.topic-guide-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.1}.topic-guide-body{grid-template-columns:240px minmax(0,720px);justify-content:center;align-items:start;gap:64px;display:grid}.topic-guide-body.solo{grid-template-columns:minmax(0,720px)}.topic-toc{font-size:14px;position:sticky;top:96px}.topic-toc p{font:500 12px/16px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:0 0 10px}.topic-toc ol{border-left:1px solid var(--line);counter-reset:toc;gap:2px;margin:0;padding:0 0 0 12px;list-style:none;display:grid}.topic-toc li{counter-increment:toc}.topic-toc a{color:var(--ink-2);border-radius:8px;padding:5px 8px;line-height:1.35;display:block}.topic-toc a:before{content:counter(toc, decimal-leading-zero) "  ";font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.topic-toc a:hover{background:var(--tile);color:var(--ink)}.topic-article .prose{max-width:720px;margin:0;font-size:17px}.topic-article .prose>p:first-child{color:var(--ink);letter-spacing:-.005em;font-size:20px;line-height:1.55}.topic-article .prose h3{margin-top:48px;padding-top:8px;scroll-margin-top:96px}.topic-article .prose figure{margin:28px 0}.topic-article .prose figure img{width:100%;height:auto;box-shadow:var(--shadow-card);margin:0}.topic-article .prose figcaption{color:var(--ink-3);margin-top:10px;font-size:14px}.topic-article .prose ul{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius-md);gap:10px;margin:20px 0;padding:16px 18px;list-style:none;display:grid}.topic-article .prose ul li{color:var(--ink);padding-left:28px;position:relative}.topic-article .prose ul li:before{content:"";background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23147046' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:6px;width:18px;height:18px;position:absolute;top:4px;left:0}.topic-article .prose h4{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0;margin:14px 0 0;padding:16px 18px 0;font-size:17px}.topic-article .prose h4+p{background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-card);border-top:0;margin-top:0;padding:6px 18px 16px}@media (max-width:1000px){.topic-hero-in{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:32px}.topic-related{transform:none}.topic-guide-body{grid-template-columns:minmax(0,1fr);gap:24px}.topic-toc{position:static}}.google-btn{gap:10px;margin-top:8px}.auth-or{color:var(--ink-3);align-items:center;gap:12px;margin:4px 0 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.save-trigger{position:relative}.save-trigger-chev{opacity:.6;margin-left:auto}.card-save.open{opacity:1}.save-menu{z-index:140;background:var(--card);border:1px solid var(--line);width:288px;color:var(--ink);border-radius:16px;padding:8px;font-size:14px;animation:.14s ease-out save-in;position:fixed;box-shadow:0 2px 4px #1113180d,0 18px 48px -12px #11131847}.save-menu.up{animation-name:save-in-up}@keyframes save-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes save-in-up{0%{opacity:0;transform:translateY(4px)}}.save-menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 8px 10px;display:flex}.save-menu-state{color:var(--ink-2);align-items:center;gap:8px;font-weight:600;display:inline-flex}.save-menu-state.on{color:var(--ink)}.save-menu .linkish{font-size:13px}.save-menu-label{font:500 11px/16px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:6px 8px 4px}.save-menu-list{max-height:232px;margin:0;padding:0;list-style:none;overflow:auto}.save-menu-list button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.save-menu-list button:hover,.save-menu-list button:focus-visible{background:var(--tile)}.save-menu-check{border:1.5px solid var(--line-mid);background:var(--card);border-radius:6px;flex:none;place-items:center;width:18px;height:18px;display:grid}.save-menu-list button.on .save-menu-check{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse)}.save-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.save-menu-list small{color:var(--ink-3);font-family:var(--font-mono);font-size:12px}.save-menu-skel{background:var(--tile);border-radius:10px;height:34px;margin:2px 0}.save-menu-empty{color:var(--ink-3);padding:6px 8px 8px;font-size:13px;line-height:1.4}.save-menu-add{width:100%;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin-top:2px;padding:8px;font-weight:500;display:flex}.save-menu-add span{border:1.5px dashed var(--line-mid);border-radius:6px;place-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:grid}.save-menu-add:hover{background:var(--tile);color:var(--ink)}.save-menu-new{gap:6px;padding:6px 4px;display:flex}.save-menu-new input{border:1px solid var(--line-mid);min-width:0;height:32px;font:inherit;background:var(--card);color:var(--ink);border-radius:8px;flex:1;padding:0 10px;font-size:14px}.save-menu-new input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:#0000}.save-menu-error{color:#b42318;margin:4px 8px;font-size:13px}.save-menu-foot{border-top:1px solid var(--line);color:var(--ink-2);margin-top:6px;padding:10px 8px 4px;font-size:13px;display:block}.save-menu-foot:hover{color:var(--ink)}.coll-new{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.coll-new input{border:1px solid var(--line-mid);height:40px;font:inherit;background:var(--card);color:var(--ink);border-radius:10px;flex:240px;padding:0 12px}.member-panel-head .coll-new{flex:1;margin:0}.coll-hint{margin:0}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.coll-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);color:var(--ink);border-radius:16px;transition:border-color .15s;display:block;overflow:hidden}.coll-card:hover{border-color:var(--line-strong)}.coll-covers{aspect-ratio:16/9;background:var(--line);grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:2px;display:grid}.coll-covers span{background:var(--tile);overflow:hidden}.coll-covers span:first-child{grid-row:span 2}.coll-covers img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.coll-meta{justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px;display:flex}.coll-meta b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.coll-meta small{color:var(--ink-3);font-family:var(--font-mono);flex:none;font-size:12px}.coll-back{color:var(--ink-2);margin-bottom:12px;font-size:14px;display:inline-block}.coll-item{gap:6px;display:grid}.coll-out{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 4px;font-size:13px}.coll-out:hover{color:#b42318}.button.danger:hover{color:#b42318;border-color:#b42318}.shot-views{width:max-content;margin:0 auto 16px;display:flex}.shot-views .pro-tag{margin-left:6px}.shot-phone{background:#111318;border-radius:44px;width:min(390px,100%);margin:0 auto;padding:14px;position:relative;box-shadow:0 24px 60px -20px #11131873}.shot-phone-notch{z-index:1;background:#000;border-radius:12px;width:92px;height:22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.shot-phone img{background:#fff;border-radius:32px;width:100%;height:auto;display:block}.shot-phone-skel{aspect-ratio:9/19;background:#2a2d35;border-radius:32px;display:block}.shot-phone .muted{color:#cfd2d8;text-align:center;padding:40px 16px}.screen-nav .pro-tag{margin-left:6px}.eyebrow-rot{vertical-align:top;text-align:left;height:16px;transition:width .5s var(--ease-spring);line-height:16px;display:inline-block;position:relative;overflow:hidden}.eyebrow-rot>span{white-space:nowrap;opacity:0;transition:transform .45s var(--ease-spring), opacity .3s;display:inline-block;position:absolute;top:0;left:0;transform:translateY(100%)}.eyebrow-rot>span.on{opacity:1;position:relative;transform:none}.eyebrow-rot>span.out{transform:translateY(-100%)}.h1-kicker{font:500 13px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;display:block}.deck{--deck-w:min(1360px, 100vw);z-index:1;width:var(--deck-w);margin:52px 0 0 calc(var(--deck-w) / -2);align-content:start;justify-items:center;gap:18px;height:330px;display:grid;position:relative;left:50%;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.deck-query{background:var(--card);border:1px solid var(--line);height:34px;box-shadow:var(--shadow-card);font:500 13px/1 var(--font-mono);color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:0 6px 0 12px;display:inline-flex}.deck-q:before{content:"“";color:var(--ink-3)}.deck-q:after{content:"”";color:var(--ink-3)}.deck-q i{vertical-align:-2px;background:var(--blue);width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite caret;display:inline-block}.deck-n{background:var(--blue-soft);color:var(--blue);border-radius:6px;padding:5px 7px;font-size:11px}.deck-fan{perspective:1400px;width:100%;height:280px;position:relative}.deck-card{--w:300px;width:var(--w);margin:0 0 0 calc(var(--w) / -2);background:var(--card);border:1px solid var(--line);transform:translateX(calc(var(--k) * 205px)) translateY(calc(var(--k) * var(--k) * 14px)) rotate(calc(var(--k) * 5deg));z-index:calc(10 - var(--k) * var(--k));animation:deck-in .7s var(--ease-spring) var(--d) both;border-radius:16px;padding:6px;position:absolute;top:10px;left:50%;box-shadow:0 2px 4px #1113180a,0 24px 48px -16px #1113184d}.deck-card img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:11px;width:100%;height:auto;display:block}.deck-card figcaption{font:500 12px/1 var(--font-sans);color:var(--ink-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:7px 4px 2px;overflow:hidden}@keyframes deck-in{0%{opacity:0;transform:translate(0)translateY(160px)rotate(0)scale(.85)}}@media (max-width:1240px){.deck-card{--w:260px;transform:translateX(calc(var(--k) * 170px)) translateY(calc(var(--k) * var(--k) * 13px)) rotate(calc(var(--k) * 5deg))}}@media (max-width:900px){.deck-card{--w:220px;transform:translateX(calc(var(--k) * 120px)) translateY(calc(var(--k) * var(--k) * 12px)) rotate(calc(var(--k) * 6deg))}.deck{height:270px}}@media (max-width:640px){.deck-card{--w:180px;transform:translateX(calc(var(--k) * 92px)) translateY(calc(var(--k) * var(--k) * 10px)) rotate(calc(var(--k) * 6deg))}.deck-card.edge{display:none}.deck{height:240px}}@media (prefers-reduced-motion:reduce){.eyebrow-rot,.eyebrow-rot>span{transition:none}.deck-card{animation:none}}.topic-article .prose h2{letter-spacing:-.02em;margin-top:56px;scroll-margin-top:96px}.pricing-faq{gap:8px;max-width:720px;margin:72px auto 0;display:grid}.pricing-faq h2{letter-spacing:-.02em;text-align:center;margin:0 0 12px;font-size:28px}.pricing-faq details{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:0 18px}.pricing-faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 0;font-weight:600;list-style:none;display:flex}.pricing-faq summary:after{content:"+";color:var(--ink-3);font-weight:400}.pricing-faq details[open] summary:after{content:"–"}.pricing-faq details p{color:var(--ink-2);margin:0 0 16px;line-height:1.55}.screen-index{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:14px}.screen-index summary{cursor:pointer;color:var(--ink-2);font-weight:500}.screen-index summary:hover{color:var(--ink)}.screen-index ul{columns:3 220px;column-gap:24px;margin:0;padding:12px 0 0;list-style:none}.screen-index li{break-inside:avoid;padding:3px 0}.screen-index a{color:var(--ink-2)}.screen-index a:hover{color:var(--ink);text-decoration:underline}.contact-page{grid-template-columns:1fr minmax(0,480px);align-items:start;gap:64px;padding:56px 0 24px;display:grid}.contact-copy h1{letter-spacing:-.035em;margin:14px 0 16px;font-size:clamp(40px,5vw,56px);line-height:1.02}.contact-alt{gap:10px;margin:32px 0 0;padding:0;list-style:none;display:grid}.contact-alt li{border:1px solid var(--line);background:var(--card);border-radius:14px;justify-content:space-between;gap:12px;padding:14px 16px;font-size:14px;display:flex}.contact-alt b{font-weight:600}.contact-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);border-radius:20px;padding:28px}.contact-card .form{max-width:none}@media (max-width:900px){.contact-page{grid-template-columns:1fr;gap:32px;padding-top:32px}}.cmp-hero{background:var(--tile);border-bottom:1px solid var(--line);isolation:isolate;margin-top:-1px;position:relative;overflow:hidden}.cmp-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-mid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.cmp-hero-in{text-align:center;justify-items:center;gap:18px;padding-top:64px;padding-bottom:56px;display:grid}.cmp-hero h1{max-width:820px;font:600 48px/1.08 var(--font-sans);letter-spacing:-.025em;margin:0}.cmp-lead{max-width:680px;color:var(--ink-2);margin:0;font-size:18px;line-height:1.55}.cmp-jump{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.cmp-jump a{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-card);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}.cmp-jump a:hover{border-color:var(--line-mid)}.cmp-jump a.on{background:var(--ink);color:var(--ink-inverse);border-color:var(--ink)}.cmp-sec{margin-top:88px}.cmp-sec-head{max-width:720px;margin-bottom:28px}.cmp-sec-head h2{font:600 32px/1.15 var(--font-sans);letter-spacing:-.02em;margin:0 0 12px}.cmp-sec-head p{color:var(--ink-2);margin:0 0 8px;font-size:16px;line-height:1.6}.cmp-callout{border-radius:var(--radius-lg);background:var(--blue-soft);max-width:860px;color:var(--ink);border-left:3px solid var(--blue);margin:0;padding:20px 24px;font-size:17px;line-height:1.55}.cmp-glance{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cmp-glance a{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);height:100%;color:var(--ink);align-content:start;gap:4px;padding:20px;transition:border-color .2s,transform .2s;display:grid}.cmp-glance a:hover{border-color:var(--line-mid);transform:translateY(-2px)}.cmp-glance li.us a{border-color:var(--ink);box-shadow:var(--shadow-float)}.cmp-glance-name{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:18px;display:flex}.cmp-glance small,.cmp-tool-side small,.cmp-rec small{font:500 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.cmp-glance small+span{color:var(--ink-2);margin-bottom:8px;font-size:14px;line-height:1.5}.cmp-matrix-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);overflow-x:auto}.cmp-matrix{border-collapse:collapse;width:100%;min-width:860px;font-size:14px}.cmp-matrix th,.cmp-matrix td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}.cmp-matrix tr:last-child th,.cmp-matrix tr:last-child td{border-bottom:0}.cmp-matrix thead th{font:500 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);background:var(--tile)}.cmp-matrix tbody th{background:var(--card);z-index:1;min-width:200px;font-weight:600;position:sticky;left:0}.cmp-matrix .us{background:var(--blue-soft)}.cmp-matrix thead .us{color:var(--blue);background:var(--blue-soft)}.cmp-lv{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.cmp-lv.core{background:var(--green);color:#fff}.cmp-lv.yes{background:var(--green-soft);color:var(--green)}.cmp-lv.part{background:var(--orange-soft);color:var(--orange)}.cmp-lv.no{color:var(--ink-3);padding-left:12px}.cmp-lv.text{background:var(--tile);color:var(--ink);border:1px solid var(--line)}.cmp-note{color:var(--ink-3);max-width:860px;margin:14px 0 0;font-size:13px;line-height:1.55}.cmp-tools{gap:16px;display:grid}.cmp-tool{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;padding:28px;scroll-margin-top:96px;display:grid}.cmp-tool.us{border-color:var(--ink);box-shadow:var(--shadow-float)}.cmp-tool h3{gap:4px;margin:0 0 12px;display:grid}.cmp-tool h3 b{font:600 24px/1.2 var(--font-sans);letter-spacing:-.015em}.cmp-tool h3 span{color:var(--ink-2);font-size:16px;font-weight:500}.cmp-tool-main>p{color:var(--ink-2);margin:0 0 8px;line-height:1.6}.cmp-k{font-weight:600;color:var(--ink)!important;margin:18px 0 10px!important}.cmp-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.cmp-checks li{padding-left:24px;font-size:14px;line-height:1.45;position:relative}.cmp-checks li:before{content:"";background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23147046' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center / 11px no-repeat;border-radius:5px;width:16px;height:16px;position:absolute;top:2px;left:0}.cmp-tool-side{align-content:start;gap:12px;display:grid}.cmp-tool-side>div{border-radius:var(--radius-md);background:var(--tile);border:1px solid var(--line);padding:16px 18px}.cmp-tool-side>div.alt{background:var(--blue-soft);border-color:#0000}.cmp-tool-side p{margin:6px 0 0;font-size:14px;line-height:1.55}.cmp-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cmp-case{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);padding:22px}.cmp-case h3{font:600 18px/1.3 var(--font-sans);margin:0 0 12px}.cmp-case p{color:var(--ink-2);margin:0 0 8px;font-size:14px;line-height:1.55}.cmp-rec{border-radius:var(--radius-md);background:var(--green-soft);gap:2px;padding:10px 12px;font-weight:600;display:grid;color:var(--ink)!important;margin-bottom:12px!important}.cmp-reasons{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;display:grid}.cmp-reasons h3{font:600 17px/1.3 var(--font-sans);margin:0 0 8px}.cmp-reasons p{color:var(--ink-2);margin:0 0 6px;font-size:14px;line-height:1.6}.cmp-steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cmp-steps li{border-radius:var(--radius-lg);background:var(--tile);border:1px solid var(--line);padding:22px;position:relative}.cmp-step-n{background:var(--ink);width:28px;height:28px;color:var(--ink-inverse);font:500 13px/1 var(--font-mono);border-radius:8px;place-items:center;margin-bottom:14px;display:inline-grid}.cmp-steps h3{font:600 17px/1.3 var(--font-sans);margin:0 0 8px}.cmp-steps p{color:var(--ink-2);margin:0 0 6px;font-size:14px;line-height:1.55}.cmp-end{border-radius:var(--radius-lg);background:var(--tile);border:1px solid var(--line);text-align:center;justify-items:center;gap:4px;margin-top:88px;padding:56px 32px;display:grid}.cmp-end h2{font:600 36px/1.15 var(--font-sans);letter-spacing:-.02em;margin:0 0 8px}.cmp-end>p{max-width:620px;color:var(--ink-2);margin:0;line-height:1.6}.cmp-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 8px;display:flex}@media (max-width:1000px){.cmp-glance,.cmp-cases,.cmp-reasons,.cmp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-tool{grid-template-columns:1fr;gap:20px}}@media (max-width:640px){.cmp-hero h1{font-size:34px}.cmp-lead{font-size:16px}.cmp-sec,.cmp-end{margin-top:64px}.cmp-sec-head h2{font-size:26px}.cmp-glance,.cmp-cases,.cmp-reasons,.cmp-steps,.cmp-checks{grid-template-columns:1fr}.cmp-tool{padding:20px}.cmp-matrix tbody th{min-width:150px}}.dai{width:min(560px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.dai::backdrop{-webkit-backdrop-filter:blur(4px);background:#1113186b}.dai[open]{animation:.22s cubic-bezier(.2,.8,.2,1) pro-in}.dai-in{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);gap:16px;max-height:calc(100dvh - 32px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 64px -20px #11131859}.dai h2{font:600 1.35rem/1.25 var(--font-sans);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0}.dai-lead{color:var(--ink-3);margin:-10px 0 0;font-size:.95rem}.dai fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.dai legend{align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.dai legend b{background:var(--ink);width:20px;height:20px;color:var(--ink-inverse);font:500 11px/1 var(--font-mono);border-radius:6px;place-items:center;display:inline-grid}.dai-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dai-opts.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dai-opts label{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:var(--card);gap:8px;padding:10px 12px;display:flex}.dai-opts label.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.dai-opts input{opacity:0;pointer-events:none;position:absolute}.dai-opts span{gap:2px;display:grid}.dai-opts b{font-size:.88rem}.dai-opts small{color:var(--ink-3);font-size:.78rem;line-height:1.35}.dai-field{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);width:100%;color:var(--ink);font:inherit;resize:vertical;padding:10px 12px;font-size:.92rem}.dai-seg{flex-wrap:wrap;gap:6px;display:flex}.dai-seg button{border:1px solid var(--line);background:var(--card);color:var(--ink-2);font:500 .86rem/1 var(--font-sans);cursor:pointer;border-radius:999px;padding:8px 12px}.dai-seg button[aria-pressed=true]{background:var(--ink);color:var(--ink-inverse);border-color:var(--ink)}.dai-preview summary{cursor:pointer;color:var(--ink-2);font-size:.88rem}.dai-preview pre{border-radius:var(--radius-md);background:var(--tile);max-height:220px;font:12px/1.5 var(--font-mono);white-space:pre-wrap;margin:8px 0 0;padding:12px;overflow:auto}.dai-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.dai-actions .button{justify-content:center}@media (max-width:560px){.dai-opts,.dai-opts.two,.dai-actions{grid-template-columns:1fr}}.auth.auth-solo{grid-template-columns:minmax(0,440px)}.auth-form{margin-top:8px;display:grid}.section-kicker{font:500 12px/16px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.section-page .shot-stage{flex-direction:column;justify-content:center;display:flex}.section-page .shot{border-radius:var(--radius-md)}.figma-up{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding-top:16px;display:grid}.figma-drop{border:1px dashed var(--line-strong,var(--line));color:var(--ink-3);text-align:center;cursor:text;border-radius:10px;outline:none;max-height:60px;padding:14px;font-size:13px;overflow:hidden}.figma-drop:focus{border-color:var(--blue);color:var(--ink-2)}.admin .logo-row{align-items:flex-end;gap:12px}.admin .logo-row .field{flex:1}.admin-logo{border:1px solid var(--line);object-fit:contain;background:var(--card);border-radius:10px;width:48px;height:48px;margin-bottom:6px}.capture-panel{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:8px;padding:14px;display:grid}.capture-panel select,.capture-panel input[type=url]{width:100%}.capture-panel .row label{align-items:center;gap:6px;font-size:13px;display:inline-flex}.dai-notice{color:var(--ink-2);margin:12px 0 0;font-size:13px}