:root{color-scheme:light dark;--gray-0: #ffffff;--gray-50: #f7f7f8;--gray-100: #ececef;--gray-200: #dadde1;--gray-300: #b0b5bd;--gray-400: #7a8088;--gray-500: #525866;--gray-600: #3a3f45;--gray-700: #2a2e33;--gray-800: #1c1f23;--gray-900: #111315;--primary: #06A3F8;--primary-hover: #0783DB;--primary-light: #E6F7FE;--success: #16a34a;--warning: #f59e0b;--error: #dc2626;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--leading-tight: 1.3;--leading-normal: 1.5;--leading-loose: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 4%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%);--bg: var(--gray-50);--surface: var(--gray-0);--surface-subtle: var(--gray-50);--ink: var(--gray-900);--muted: var(--gray-500);--faint: var(--gray-400);--subtle: var(--gray-300);--line: var(--gray-100);--line-strong: var(--gray-200);--hover: var(--gray-100);--shadow: var(--shadow-md);--theme-wipe-x: calc(100vw - 28px) ;--theme-wipe-y: 28px;--theme-wipe-radius: 1600px;--theme-wipe-current-radius: 0px;--page-shell-width: min(1600px, calc(100% - 96px) );font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}@property --theme-wipe-current-radius{syntax: "<length>"; inherits: false; initial-value: 0px;}:root[data-theme=light]{color-scheme:light;--bg: var(--gray-50);--surface: var(--gray-0);--surface-subtle: var(--gray-50);--ink: var(--gray-900);--muted: var(--gray-500);--faint: var(--gray-400);--subtle: var(--gray-300);--line: var(--gray-100);--line-strong: var(--gray-200);--hover: var(--gray-100);--primary-light: #E6F7FE;--home-hero-divider: rgb(15 23 42 / 7%);--shadow: var(--shadow-md)}:root[data-theme=dark]{color-scheme:dark;--bg: var(--gray-900);--surface: var(--gray-800);--surface-subtle: var(--gray-700);--ink: var(--gray-50);--muted: var(--gray-300);--faint: var(--gray-400);--subtle: var(--gray-600);--line: var(--gray-700);--line-strong: var(--gray-600);--hover: color-mix(in srgb, var(--gray-700) 78%, var(--gray-600));--primary-light: color-mix(in srgb, var(--primary) 24%, var(--gray-800));--home-hero-divider: rgb(255 255 255 / 8%);--shadow: 0 4px 12px rgb(0 0 0 / 24%)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}html.theme-wipe-active::view-transition-old(root),html.theme-wipe-active::view-transition-new(root){animation-duration:.9s;animation-timing-function:cubic-bezier(.19,1,.22,1);mix-blend-mode:normal}html.theme-wipe-active::view-transition-old(root){animation-name:theme-wipe-still}html.theme-wipe-active::view-transition-new(root){animation-name:theme-wipe-reveal;-webkit-mask-image:radial-gradient(circle at var(--theme-wipe-x) var(--theme-wipe-y),#000 0 var(--theme-wipe-current-radius),rgb(0 0 0 / 72%) calc(var(--theme-wipe-current-radius) + 36px),rgb(0 0 0 / 32%) calc(var(--theme-wipe-current-radius) + 82px),transparent calc(var(--theme-wipe-current-radius) + 128px));mask-image:radial-gradient(circle at var(--theme-wipe-x) var(--theme-wipe-y),#000 0 var(--theme-wipe-current-radius),rgb(0 0 0 / 72%) calc(var(--theme-wipe-current-radius) + 36px),rgb(0 0 0 / 32%) calc(var(--theme-wipe-current-radius) + 82px),transparent calc(var(--theme-wipe-current-radius) + 128px))}@supports not (mask-image: radial-gradient(circle,#000,transparent)){html.theme-wipe-active::view-transition-new(root){clip-path:circle(var(--theme-wipe-current-radius) at var(--theme-wipe-x) var(--theme-wipe-y))}}html.theme-wipe-active *,html.theme-wipe-active *:before,html.theme-wipe-active *:after{transition:none!important}@keyframes theme-wipe-still{0%,to{opacity:1}}@keyframes theme-wipe-reveal{0%{--theme-wipe-current-radius: 0px}to{--theme-wipe-current-radius: var(--theme-wipe-radius)}}@media(prefers-reduced-motion:reduce){html.theme-wipe-active::view-transition-old(root),html.theme-wipe-active::view-transition-new(root){animation-duration:1ms}}a{color:inherit;text-decoration:none}[hidden]{display:none!important}img{display:block;max-width:100%}input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-frame{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.site-header{position:sticky;z-index:20;top:0;display:flex;justify-content:center;background:color-mix(in srgb,var(--surface) 72%,transparent);padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);pointer-events:none}.nav-glass{position:relative;display:grid;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;gap:var(--space-4);width:var(--page-shell-width);min-height:48px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}:root[data-theme=dark] .nav-glass{background:transparent;box-shadow:none}.brand{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:start;width:max-content;font-size:var(--text-md);font-weight:720}.brand{filter:none}.brand-logo{display:block;width:30px;height:30px;border-radius:50%;object-fit:contain}.top-nav{display:inline-flex;justify-self:center;align-items:center;gap:2px;padding:0}.nav-actions{display:inline-flex;justify-self:end;align-items:center;gap:0;min-width:0}.filter-nav-label{display:none}.top-nav-link{position:relative;display:inline-flex;min-width:0;height:44px;align-items:center;justify-content:center;place-items:center;border-radius:var(--radius-pill);padding:0 18px;color:var(--muted);font-size:12px;font-weight:500;line-height:1;text-align:center;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.top-nav-label{white-space:nowrap}.search-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.hover-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface)!important;font-size:var(--text-xs);font-weight:550;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease;z-index:1}.hover-tip:after{position:absolute;top:-5px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--ink);transform:translate(-50%);content:""}:hover>.hover-tip,:focus-visible>.hover-tip{opacity:1}.top-nav-link:hover,.filter-chip:hover,.filter-chip.is-active,.section-tab:hover,.case-card:hover{background:var(--hover)}.top-nav-link:hover,.top-nav-link.is-active{background:transparent;color:var(--ink)}.top-nav-link.is-active:after{content:none}.search-toggle{position:relative;display:inline-flex;min-width:0;width:36px;height:44px;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font:inherit;padding:0;transition:color .18s ease}.search-toggle svg{width:20px;height:20px}.search-toggle:hover{color:var(--ink)}.reeoo-search-form{display:flex;align-items:center;width:min(92vw,640px);gap:var(--space-3);height:58px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease}.reeoo-search-form:focus-within{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.reeoo-search-form__icon,.reeoo-search-form>svg{width:22px;height:22px;flex-shrink:0;color:var(--muted)}.reeoo-search-form input[type=search]{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--text-xl)}.reeoo-search-form input[type=search]::placeholder{color:var(--faint)}.reeoo-search-form__submit{display:grid;width:38px;height:38px;flex-shrink:0;place-items:center;border:0;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);cursor:pointer;transition:transform .16s ease,background .16s ease}.reeoo-search-form__submit:hover{transform:translate(1px);background:var(--primary)}.reeoo-search-form__submit svg{width:18px;height:18px}.search-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh}.search-overlay[hidden]{display:none}.search-overlay__backdrop{position:absolute;inset:0;background:#00000052;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:search-fade-in .18s ease both}.search-overlay__panel{position:relative;z-index:1;width:min(92vw,640px);animation:search-slide-in .22s ease both}@keyframes search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes search-slide-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.footer-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:border-color .18s ease}.lang-switch:hover{border-color:var(--line-strong)}.lang-opt{display:inline-flex;align-items:center;min-width:32px;height:26px;justify-content:center;border-radius:var(--radius-pill);padding:0 10px;font-size:11px;font-weight:650;color:var(--faint);transition:background .18s ease,color .18s ease,box-shadow .18s ease}.lang-opt.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.theme-toggle{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.theme-toggle:hover{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle-icon{position:absolute;display:grid;place-items:center;transition:opacity .2s ease,transform .3s ease}.theme-toggle-icon svg{width:16px;height:16px}.theme-toggle-icon--sun{opacity:1;transform:scale(1) rotate(0)}.theme-toggle-icon--moon{opacity:0;transform:scale(.6) rotate(-90deg)}:root[data-theme=dark] .theme-toggle-icon--sun{opacity:0;transform:scale(.6) rotate(90deg)}:root[data-theme=dark] .theme-toggle-icon--moon{opacity:1;transform:scale(1) rotate(0)}@media(max-width:640px){.footer-row{flex-direction:column;gap:var(--space-4)}.footer-left{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-nav{gap:var(--space-3);justify-content:flex-start}.theme-toggle{width:36px;height:36px}.theme-toggle-icon svg{width:18px;height:18px}.lang-opt{min-width:28px;height:28px;font-size:11px}}.site-main{width:var(--page-shell-width);margin-inline:auto;padding:var(--space-10) 0}.database-page,.case-detail{display:grid;gap:var(--space-8)}.database-page--compact{gap:var(--space-4)}[data-record-grid][data-loading=semantic]{opacity:.6;transition:opacity .15s;pointer-events:none}[data-record-grid][data-loading=semantic]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.filter-page-header{display:block;padding:var(--space-5) 0}.filter-page-header p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm);font-weight:680;text-transform:capitalize}.filter-page-header .filter-page-eyebrow{color:var(--faint);letter-spacing:0}.filter-page-header .filter-page-description{max-width:860px;margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-lg);font-weight:420;line-height:var(--leading-loose);text-transform:none}.home-search-module{display:grid;justify-items:center;gap:var(--space-6);margin:0 auto var(--space-5);padding:clamp(48px,7vw,88px) 0 clamp(32px,5vw,56px);text-align:center}.home-search-module__copy{display:grid;gap:var(--space-3);justify-items:center;min-width:0}.home-search-module h1{max-width:1040px;margin:0;color:var(--ink);font-size:clamp(34px,5vw,64px);font-weight:820;line-height:1.05}.home-search-module__copy p:last-child{max-width:880px;margin:0;color:var(--muted);font-size:var(--text-lg);font-weight:450;line-height:var(--leading-loose)}.home-search-module__action{display:grid;gap:var(--space-4);justify-items:center;width:min(100%,980px);min-width:0}.home-search-module__examples{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.home-search-module__examples a{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;padding:0 var(--space-4);color:var(--muted);font-size:var(--text-sm);font-weight:650;box-shadow:var(--shadow-sm)}.home-search-module__examples a:hover{border-color:var(--line-strong);color:var(--ink)}.home-page{gap:var(--space-8)}.home-category-sections{display:grid;gap:clamp(var(--space-8),5vw,var(--space-12))}.home-category-section{display:grid;gap:var(--space-4);min-width:0;border-top:1px solid var(--line);padding-top:var(--space-6)}.home-category-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);min-width:0}.home-category-heading{display:grid;gap:var(--space-1);min-width:0}.home-category-heading p{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:650}.home-category-heading h2{margin:0;color:var(--ink);font-size:clamp(28px,4vw,46px);font-weight:780;line-height:1}.home-category-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-2);min-height:38px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-4);color:var(--ink);font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-sm)}.home-category-link:hover{border-color:var(--line-strong)}.home-category-link svg{width:16px;height:16px}.home-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;min-width:0}.home-category-grid--app,.home-category-grid--screenshot{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.home-category-grid--event{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.home-category-grid--icon{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.home-icon-card{min-height:0;padding:var(--space-4)}.home-icon-card .icon-card__image{padding:var(--space-4)}.home-icon-card img{width:min(132px,100%);border-radius:30px}.home-icon-card .card-title-row h3,.home-category-grid .card-title-row h3{margin:0;font-size:var(--text-base);line-height:var(--leading-tight)}.home-page--dispatch{gap:clamp(var(--space-8),5vw,var(--space-12))}.home-dispatch-hero{display:grid;gap:clamp(var(--space-6),4vw,var(--space-10));border-bottom:1px solid var(--line);padding:clamp(var(--space-8),7vw,var(--space-14)) 0 clamp(var(--space-6),4vw,var(--space-9))}.home-dispatch-copy{display:grid;align-content:center;gap:var(--space-5);min-width:0}.home-dispatch-eyebrow{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:760}.home-dispatch-copy h1{max-width:960px;margin:0;color:var(--ink);font-size:clamp(44px,7vw,88px);font-weight:820;line-height:.98;letter-spacing:0}.home-dispatch-copy>p:not(.home-dispatch-eyebrow){max-width:760px;margin:0;color:var(--muted);font-size:clamp(var(--text-lg),2vw,var(--text-2xl));line-height:var(--leading-loose)}.home-dispatch-search{width:min(100%,760px)}.home-dispatch-examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-dispatch-examples a{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-4);color:var(--muted);font-size:var(--text-sm);font-weight:650}.home-dispatch-examples a:hover{border-color:var(--line-strong);color:var(--ink)}.home-dashboard{display:grid;width:100%;gap:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:var(--shadow-sm)}.home-dashboard-shell{width:min(100%,1120px);padding-bottom:clamp(var(--space-4),2vw,var(--space-6))}.home-dashboard__header{display:flex;justify-content:space-between;gap:var(--space-3);min-width:0}.home-dashboard__header div{display:grid;gap:var(--space-1);min-width:0}.home-dashboard__header h2{margin:0;color:var(--ink);font-size:clamp(var(--text-2xl),4vw,44px);font-weight:780;line-height:1;letter-spacing:0}.home-dashboard__header span{color:var(--muted);font-size:var(--text-sm);font-weight:700}.home-dashboard__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%}.home-dashboard__stat{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:var(--space-3);min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;padding:var(--space-4) clamp(var(--space-3),2vw,var(--space-5));color:var(--muted);box-shadow:none;text-align:left;opacity:.82;transition:background .16s ease,color .16s ease,opacity .16s ease}.home-dashboard__stat+.home-dashboard__stat{border-left:1px solid var(--line)}.home-dashboard__stat:hover{background:color-mix(in srgb,var(--surface-subtle) 72%,transparent);color:var(--ink);opacity:1}.home-dashboard__stat-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-subtle) 70%,transparent);color:var(--faint)}.home-dashboard__stat-icon svg{width:18px;height:18px}.home-dashboard__stat-body{display:grid;gap:1px;min-width:0}.home-dashboard__stat strong{color:var(--ink);font-size:var(--text-lg);font-weight:700;line-height:1;margin-bottom:var(--space-1)}.home-dashboard__stat-body>span{color:currentColor;font-size:var(--text-xs);font-weight:400}.home-dashboard__stat small{display:none;color:currentColor;font-size:var(--text-xs);font-weight:680}.home-dashboard__stat>svg{position:static;justify-self:end;width:12px;height:12px;color:var(--faint);opacity:.38;transform:translate(0);transition:opacity .16s ease,transform .16s ease}.home-dashboard__stat:hover>svg{opacity:.9;transform:translate(2px)}.home-dispatch-sections{gap:clamp(var(--space-10),7vw,var(--space-16))}.home-dispatch-section{gap:var(--space-5);border-top:0;padding-top:0}.home-dispatch-section__header{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr) auto;align-items:end;border-top:1px solid var(--line);padding-top:var(--space-5)}.home-dispatch-section__deck{max-width:640px;margin:0;color:var(--muted);font-size:var(--text-base);line-height:var(--leading-loose)}.home-dispatch-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:var(--space-4);align-items:stretch}.home-feature-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.home-feature-card__media{display:block;min-height:0;overflow:hidden;background:var(--surface-subtle)}.home-feature-card__media img,.home-feature-card__media video{display:block;width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.home-feature-card--phone .home-feature-card__media{display:grid;place-items:center;padding:var(--space-5)}.home-feature-card--phone .home-feature-card__media img{width:min(100%,260px);height:auto;aspect-ratio:6 / 13;object-fit:cover;box-shadow:var(--shadow-md)}.home-feature-card--icon .home-feature-card__media{display:grid;place-items:center;padding:clamp(var(--space-8),6vw,var(--space-14))}.home-feature-card--icon .home-feature-card__media img{width:min(220px,58%);height:auto;aspect-ratio:1;border-radius:44px;object-fit:cover;box-shadow:var(--shadow-md)}.home-feature-card__body{display:grid;gap:var(--space-2);border-top:1px solid var(--line);padding:clamp(var(--space-5),3vw,var(--space-7))}.home-feature-card__body span{color:var(--muted);font-size:var(--text-xs);font-weight:760}.home-feature-card__body h3{margin:0;color:var(--ink);font-size:clamp(var(--text-2xl),4vw,48px);font-weight:780;line-height:1;letter-spacing:0}.home-feature-card__body a{color:inherit}.home-feature-card__body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:var(--text-base);line-height:var(--leading-loose);-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-digest-list{display:grid;gap:0;align-content:start;border-top:1px solid var(--line)}.home-digest-item{display:grid;grid-template-columns:36px 92px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-width:0;border-bottom:1px solid var(--line);padding:var(--space-3) 0;color:var(--ink)}.home-digest-item:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.home-digest-item__index{color:var(--faint);font-size:var(--text-xs);font-weight:760}.home-digest-item__thumb{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle)}.home-digest-item__thumb img{display:block;width:100%;height:68px;object-fit:cover}.home-digest-item__thumb--phone{width:54px;justify-self:center}.home-digest-item__thumb--phone img{height:96px;aspect-ratio:6 / 13}.home-digest-item__thumb--icon{display:grid;place-items:center;padding:10px}.home-digest-item__thumb--icon img{width:54px;height:54px;border-radius:14px}.home-digest-item__body{display:grid;gap:4px;min-width:0}.home-digest-item__body span{overflow:hidden;color:var(--muted);font-size:var(--text-xs);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.home-digest-item__body strong{overflow:hidden;color:var(--ink);font-size:var(--text-base);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.home-digest-item>svg{width:16px;height:16px;color:var(--faint)}.home-hero{position:relative;display:grid;justify-items:center;gap:clamp(var(--space-4),3vw,var(--space-7));width:100%;margin:0 auto var(--space-16);background:transparent;padding:clamp(var(--space-10),7vw,var(--space-16)) clamp(var(--space-5),4vw,var(--space-10)) clamp(var(--space-8),5vw,var(--space-12));text-align:center;isolation:isolate}.home-hero:before{position:absolute;z-index:-1;top:calc(-1 * var(--space-10));bottom:0;left:50%;width:100vw;background:var(--surface);content:"";transform:translate(-50%)}.home-hero__title{max-width:100%;margin:0;color:var(--ink);font-size:clamp(40px,7vw,72px);font-weight:820;line-height:1.1;letter-spacing:0}.home-hero-search{margin-top:clamp(var(--space-8),4vw,var(--space-16));background:var(--surface-subtle)!important}.home-hero-showcase{position:relative;display:grid;place-items:center;width:min(100%,1240px);height:clamp(300px,31vw,430px);isolation:isolate}.home-hero-card{--hero-card-width: 248px;--hero-card-height: 166px;--hero-card-x: 0px;--hero-card-y: -50%;--hero-card-rotate: 0deg;--hero-card-transform: translate(calc(-50% + var(--hero-card-x)), var(--hero-card-y)) rotate(var(--hero-card-rotate));--hero-card-enter-x: 0px;--hero-card-enter-y: 72px;position:absolute;top:50%;left:50%;display:block;width:var(--hero-card-width);height:var(--hero-card-height);transform:var(--hero-card-transform);z-index:2}.home-hero-card--icon{--hero-card-width: 180px;--hero-card-height: 180px}.home-hero-card:hover,.home-hero-card:focus-within,.home-hero-card:has(.home-hero-card__frame:hover){z-index:5}.home-hero-card__frame{display:block;width:100%;height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 80%,transparent);background:var(--surface-subtle);box-shadow:0 22px 48px #0000002e;border-radius:var(--radius-3xl);opacity:1;transform:translateY(0) scale(1);animation:hero-card-slide-in .56s cubic-bezier(.18,.84,.2,1) backwards;transition:transform .26s cubic-bezier(.18,.84,.2,1),box-shadow .26s ease}.home-hero-card:hover .home-hero-card__frame,.home-hero-card:focus-visible .home-hero-card__frame,.home-hero-card:focus-within .home-hero-card__frame,.home-hero-card__frame:hover{box-shadow:0 36px 76px #00000047;transform:translateY(-22px) scale(1.1)}.home-hero-card__tip{position:absolute;right:50%;bottom:calc(100% + 28px);max-width:240px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--ink);padding:8px 12px;color:var(--surface);font-size:var(--text-xs);font-weight:720;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(50%,10px);transition:opacity .16s ease,transform .16s ease;z-index:8}.home-hero-card:hover .home-hero-card__tip,.home-hero-card:focus-visible .home-hero-card__tip,.home-hero-card:focus-within .home-hero-card__tip,.home-hero-card__frame:hover+.home-hero-card__tip{opacity:1;transform:translate(50%,-8px)}.home-hero-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.home-hero-card--icon img{object-position:center}.home-hero-card--1{--hero-card-y: -56%;--hero-card-rotate: 0deg;--hero-card-enter-y: 34px;z-index:5}.home-hero-card--2{--hero-card-x: -150px;--hero-card-y: -68%;--hero-card-rotate: -3deg;--hero-card-enter-x: 96px;z-index:4}.home-hero-card--3{--hero-card-x: 150px;--hero-card-y: -66%;--hero-card-rotate: 3deg;--hero-card-enter-x: -96px;z-index:4}.home-hero-card--4{--hero-card-x: -310px;--hero-card-y: -44%;--hero-card-rotate: -6deg;--hero-card-enter-x: 164px;z-index:3}.home-hero-card--5{--hero-card-x: 310px;--hero-card-y: -42%;--hero-card-rotate: 6deg;--hero-card-enter-x: -164px;z-index:3}.home-hero-card--6{--hero-card-x: -465px;--hero-card-y: -68%;--hero-card-rotate: -9deg;--hero-card-enter-x: 236px;z-index:2}.home-hero-card--7{--hero-card-x: 465px;--hero-card-y: -70%;--hero-card-rotate: 9deg;--hero-card-enter-x: -236px;z-index:2}.home-hero-card--8{--hero-card-x: -610px;--hero-card-y: -42%;--hero-card-rotate: -11deg;--hero-card-enter-x: 300px;z-index:1}.home-hero-card--9{--hero-card-x: 610px;--hero-card-y: -44%;--hero-card-rotate: 11deg;--hero-card-enter-x: -300px;z-index:1}.home-hero-card--1 .home-hero-card__frame{animation-delay:40ms}.home-hero-card--2 .home-hero-card__frame,.home-hero-card--3 .home-hero-card__frame{animation-delay:.15s}.home-hero-card--4 .home-hero-card__frame,.home-hero-card--5 .home-hero-card__frame{animation-delay:.26s}.home-hero-card--6 .home-hero-card__frame,.home-hero-card--7 .home-hero-card__frame{animation-delay:.37s}.home-hero-card--8 .home-hero-card__frame,.home-hero-card--9 .home-hero-card__frame{animation-delay:.48s}@keyframes hero-card-slide-in{0%{opacity:0;transform:translate(var(--hero-card-enter-x),var(--hero-card-enter-y)) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.home-hero-card__frame{animation:none;opacity:1;transform:translateY(0) scale(1)}}.home-shell{display:grid;gap:clamp(var(--space-8),4vw,var(--space-12));width:100%;margin:0 auto;padding:clamp(var(--space-6),3vw,var(--space-9)) 0}.home-showcase-shell{gap:clamp(var(--space-8),4vw,var(--space-12));padding-top:clamp(var(--space-6),3vw,var(--space-9))}.home-section-header,.home-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0}.home-section-header h2,.home-panel-header h2{margin:0;color:var(--ink);font-size:clamp(var(--text-xl),2.2vw,var(--text-3xl));font-weight:780;line-height:var(--leading-tight);letter-spacing:0}.home-section-header p{margin:3px 0 0;color:var(--muted);font-size:var(--text-sm);font-weight:500}.home-panel-header p{margin:3px 0 0;color:var(--muted);font-size:var(--text-xs);font-weight:500}.home-section-link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--muted);transition:color .16s ease,transform .16s ease}.home-section-link:hover{color:var(--ink);transform:translate(2px)}.home-section-link svg{width:18px;height:18px}.home-featured-section{display:grid;gap:var(--space-4);min-width:0}.home-featured-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.98fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0}.home-website-feature__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:var(--space-8);align-items:start;min-width:0}.home-website-main{position:relative;display:grid;gap:var(--space-4);min-width:0}.home-website-feature .home-section-header{margin:0}.home-website-feature .home-website-slider{position:relative;display:grid;gap:var(--space-4);min-width:0;margin:0;padding:0}.home-website-feature .home-website-slider__viewport{overflow:hidden;border-radius:var(--radius-lg)}.home-website-feature .home-website-slider__track{gap:0;width:100%}.home-website-feature .home-website-slide{position:relative;flex:0 0 100%;gap:0;max-width:100%}.home-website-feature .home-website-slide__media img{aspect-ratio:16 / 9;min-height:clamp(340px,35vw,520px);object-position:top center}.home-website-feature .home-website-slide__body{position:absolute;right:0;bottom:-.5px;left:0;z-index:1;align-items:end;padding:54px var(--space-5) var(--space-5);pointer-events:none}.home-website-feature .home-website-slide__body:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000,#3c3c3c4d);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 36px);mask-image:linear-gradient(to bottom,transparent 0%,black 36px);content:""}.home-website-feature .home-website-slide__body h3{color:var(--surface);font-size:clamp(var(--text-lg),1.8vw,var(--text-2xl));text-shadow:0 1px 18px rgb(0 0 0 / 26%)}.home-website-feature .home-website-slide__meta span{border-color:#ffffff3d;background:#ffffff1f;color:#ffffffc7}.home-website-styles{display:grid;grid-template-rows:auto auto;align-self:start;gap:var(--space-4);min-width:0}.home-website-style-list{display:grid;grid-template-rows:auto;gap:var(--space-2);min-width:0}.home-website-style-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:var(--space-3);align-items:center;min-width:0;min-height:76px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3) var(--space-4);color:var(--ink);transition:border-color .16s ease,transform .16s ease,background .16s ease}.home-website-style-card:before{position:absolute;inset:0;z-index:0;opacity:.92;content:""}.home-website-style-card--1:before{background:radial-gradient(circle at 86% 18%,rgb(255 255 255 / 92%) 0 16%,transparent 34%),radial-gradient(circle at 76% 72%,rgb(233 222 198 / 70%) 0 18%,transparent 42%),radial-gradient(circle at 18% 28%,rgb(255 244 218 / 64%) 0 20%,transparent 48%),linear-gradient(135deg,#fffcf6f5,#ece7dec7)}.home-website-style-card--2:before{background:radial-gradient(circle at 82% 48%,rgb(72 154 255 / 86%) 0 15%,transparent 42%),radial-gradient(circle at 64% 12%,rgb(96 218 255 / 38%) 0 10%,transparent 34%),radial-gradient(circle at 18% 82%,rgb(44 55 92 / 82%) 0 18%,transparent 46%),linear-gradient(135deg,#060a12f5,#111a2ceb)}.home-website-style-card--3:before{background:radial-gradient(circle at 82% 22%,rgb(255 126 104 / 58%) 0 16%,transparent 42%),radial-gradient(circle at 68% 80%,rgb(119 112 255 / 44%) 0 20%,transparent 48%),radial-gradient(circle at 20% 35%,rgb(255 214 232 / 72%) 0 18%,transparent 46%),linear-gradient(135deg,#fff8f9f5,#ecf4ffe5)}.home-website-style-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.home-website-style-card__rank{display:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--muted);font-size:var(--text-xs);font-weight:680}.home-website-style-card__body{position:relative;z-index:1;display:grid;gap:3px;min-width:0}.home-website-style-card__body strong,.home-website-style-card__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-website-style-card__body strong{font-size:var(--text-base);font-weight:760}.home-website-style-card__body small{color:var(--muted);font-size:var(--text-xs);font-weight:500}.home-website-style-card>svg{position:relative;z-index:1;justify-self:center;width:16px;height:16px;color:var(--muted)}.home-website-style-compact-list{display:grid;align-content:start;gap:0;min-width:0;border-block:1px solid var(--line)}.home-website-style-compact{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;column-gap:var(--space-3);row-gap:4px;align-items:start;min-width:0;border-bottom:1px solid var(--line);padding:var(--space-3) 0;color:var(--ink);transition:padding .18s ease}.home-website-style-compact:last-child{border-bottom:0}.home-website-style-compact__index{padding-top:2px;color:var(--faint);font-size:var(--text-xs);font-weight:680}.home-website-style-compact__details{display:grid;grid-column:2 / 3;max-height:0;overflow:hidden;opacity:0;transform:translateY(-3px);transition:max-height .18s ease,opacity .14s ease,transform .18s ease;margin-top:var(--space-2)}.home-website-style-compact.is-active .home-website-style-compact__details,.home-website-style-compact:hover .home-website-style-compact__details,.home-website-style-compact:focus-visible .home-website-style-compact__details{max-height:92px;opacity:1;transform:translateY(0)}.home-website-style-compact-list:has(.home-website-style-compact:hover) .home-website-style-compact.is-active:not(:hover) .home-website-style-compact__details,.home-website-style-compact-list:has(.home-website-style-compact:focus-visible) .home-website-style-compact.is-active:not(:focus-visible) .home-website-style-compact__details{max-height:0;opacity:0;transform:translateY(-3px)}.home-website-style-compact__intro{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:var(--text-sm);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:4}.home-website-style-compact>svg{grid-column:3;grid-row:1;margin-top:2px;justify-self:end;width:15px;height:15px;color:var(--muted)}.home-featured-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.home-featured-card--large{grid-row:1 / span 2}.home-featured-card__media{display:block;min-height:0;overflow:hidden;background:var(--surface-subtle)}.home-featured-card__media img{width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .24s ease}.home-featured-card--large .home-featured-card__media img{min-height:420px}.home-featured-card:hover .home-featured-card__media img{transform:scale(1.025)}.home-featured-card__body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-width:0;padding:var(--space-4)}.home-featured-card__body h3{min-width:0;margin:0;color:var(--ink);font-size:clamp(var(--text-lg),2vw,var(--text-2xl));font-weight:760;line-height:var(--leading-tight)}.home-featured-card__body h3 a{color:inherit}.home-mini-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.home-mini-tags span{display:inline-flex;min-height:24px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:560}.home-card-jump{grid-row:1 / span 2;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted)}.home-card-jump:hover{border-color:var(--line-strong);color:var(--ink)}.home-card-jump svg{width:15px;height:15px}.home-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0}.home-collection-panel{display:grid;gap:var(--space-4);min-width:0;overflow:visible}.home-app-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);min-width:0}.home-app-tile{position:relative;display:block;overflow:hidden;min-height:214px;border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--surface)}.home-app-tile img{width:100%;height:100%;min-height:214px;object-fit:cover;transition:transform .22s ease}.home-app-tile:hover img{transform:scale(1.035)}.home-app-tile:after{position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(180deg,transparent,rgb(0 0 0 / 64%));content:""}.home-app-tile span{position:absolute;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);z-index:1;display:grid;gap:4px;min-width:0}.home-app-tile strong,.home-app-tile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-app-tile strong{font-size:var(--text-sm);font-weight:740}.home-app-tile small{color:#ffffffb8;font-size:var(--text-xs);font-weight:520}.home-collection-panel--apps .home-app-tile,.home-collection-panel--apps .home-app-tile img{min-height:clamp(240px,24vw,360px)}.home-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;min-width:0}.home-screenshot-card{min-width:0}.home-event-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;min-width:0}.home-event-card{min-width:0}.home-event-tile{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--surface)}.home-event-tile img{width:100%;height:clamp(180px,15vw,240px);object-fit:cover;transition:transform .22s ease}.home-event-tile:hover img{transform:scale(1.035)}.home-event-tile:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgb(0 0 0 / 58%));content:""}.home-event-tile span{position:absolute;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);z-index:1;overflow:hidden;font-size:var(--text-sm);font-weight:720;text-overflow:ellipsis;white-space:nowrap}.home-icon-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4);min-width:0}.home-icon-tile{display:block;min-width:0;border:0;background:transparent;padding:0;line-height:0;box-shadow:none}.home-icon-tile img{width:100%;aspect-ratio:1;border:0;border-radius:var(--radius-3xl);background:transparent;box-shadow:none;object-fit:cover;transition:transform .18s ease}.home-icon-tile:hover img{transform:scale(1.035)}.home-icon-showcase{display:grid;gap:var(--space-4);min-width:0}.home-icon-style-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);min-width:0}.home-icon-style-chip{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:var(--space-2);min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3);color:var(--ink);transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.home-icon-style-chip:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-icon-style-chip span{overflow:hidden;font-size:var(--text-sm);font-weight:620;text-overflow:ellipsis;white-space:nowrap}.home-icon-style-chip small{color:var(--muted);font-size:var(--text-xs);font-weight:560}.home-icon-style-chip svg{width:15px;height:15px;color:var(--muted)}.home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);min-width:0}.home-tool-card{display:grid;grid-template-columns:52px minmax(0,1fr) 18px;align-items:center;gap:var(--space-3);min-width:0;min-height:108px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4);color:var(--ink);transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.home-tool-card:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-tool-card__logo{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.home-tool-card__logo img{width:42px;height:42px;border:0;background:transparent;box-shadow:none;object-fit:contain}.home-tool-card__body{display:grid;gap:7px;min-width:0}.home-tool-card__body strong,.home-tool-card__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-tool-card__body strong{font-size:var(--text-sm);font-weight:700}.home-tool-card__body small{color:var(--muted);font-size:var(--text-xs);font-weight:500}.home-tool-card__categories{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.home-tool-card__categories span{max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 9px;color:var(--muted);font-size:11px;font-weight:500;line-height:1;text-overflow:ellipsis;white-space:nowrap}.home-tool-card>svg{width:16px;height:16px;color:var(--muted)}.home-rail-section{display:grid;gap:var(--space-5);min-width:0}.home-rail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);min-width:0}.home-rail-heading{display:grid;gap:var(--space-1);min-width:0}.home-rail-heading h2{margin:0;color:var(--ink);font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1;letter-spacing:-.02em}.home-rail-heading p{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:650}.home-rail-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:0 var(--space-4);color:var(--ink);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.home-rail-link:hover{border-color:var(--ink)}.home-rail-link svg{width:16px;height:16px}.home-rail{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;margin:0 calc(-1*min(48px,50vw));padding-inline:min(48px,50vw)}.home-rail::-webkit-scrollbar{display:none}.home-rail .case-card{flex:0 0 340px;scroll-snap-align:start}.home-rail .case-card.event-card{flex:0 0 360px}.home-rail .case-card.app-card{flex:0 0 220px}.home-rail .icon-card{flex:0 0 200px;scroll-snap-align:start}.home-website-slider{display:grid;gap:var(--space-4);margin:0 calc(-1*min(48px,50vw));padding-inline:min(48px,50vw)}.home-website-slider__viewport{overflow:hidden;scroll-behavior:smooth}.home-website-slider__track{display:flex;gap:var(--space-5)}.home-website-slide{display:grid;flex:0 0 min(78vw,920px);gap:var(--space-3);min-width:0}.home-website-slide__media{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle);box-shadow:var(--shadow-sm)}.home-website-slide__media img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top center;transition:transform .26s ease}.home-website-slide:hover .home-website-slide__media img{transform:scale(1.025)}.home-website-slide__body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);min-width:0}.home-website-slide__body h3{min-width:0;margin:0;color:var(--ink);font-size:clamp(var(--text-xl),2vw,var(--text-3xl));font-weight:780;line-height:var(--leading-tight)}.home-website-slide__body h3 a{color:inherit}.home-website-slide__meta{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);max-width:42%}.home-website-slide__meta span{display:inline-flex;min-height:28px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-3);color:var(--muted);font-size:var(--text-xs);font-weight:680}.home-website-slider__btn{flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);cursor:pointer;box-shadow:0 12px 30px #0000001a;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.home-website-slider__btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.home-website-slider__btn:disabled{cursor:default;opacity:.38}.home-website-slider__btn svg{width:18px;height:18px}.home-website-slider__bar{display:none;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--line) 72%,transparent)}.home-website-slider__bar span{display:block;inline-size:0%;block-size:100%;border-radius:inherit;background:var(--ink);transition:inline-size .22s ease}.home-website-slider__count{display:none;gap:4px;color:var(--muted);font-size:var(--text-sm);font-weight:760;white-space:nowrap}.home-website-slider__thumbs{display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-width:0}.home-website-slider__thumb-list{display:flex;justify-content:center;gap:var(--space-3);min-width:0}.home-website-thumb{width:clamp(84px,8vw,160px);aspect-ratio:9 / 6;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface-subtle);padding:0;cursor:pointer;opacity:.68;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.home-website-thumb:hover,.home-website-thumb.is-active{border-color:var(--line-strong);opacity:1;transform:translateY(-2px)}.home-website-thumb img{display:block;width:100%;height:100%;object-fit:cover}.home-icon-shelf{position:relative;display:flex;gap:clamp(var(--space-4),3vw,var(--space-7));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*min(48px,50vw));padding:var(--space-5) min(48px,50vw) var(--space-8)}.home-icon-shelf::-webkit-scrollbar{display:none}.home-icon-shelf:before{content:"";position:absolute;right:min(48px,50vw);left:min(48px,50vw);top:calc(var(--space-5) + 152px);height:12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 92%,var(--surface-subtle));box-shadow:0 18px 34px #0000001a}.home-icon-shelf__item{position:relative;z-index:1;display:grid;flex:0 0 184px;gap:var(--space-3);justify-items:center;scroll-snap-align:start;min-width:0;text-align:center}.home-icon-shelf__image{display:grid;place-items:center;width:160px;height:160px;transition:transform .18s ease}.home-icon-shelf__image:hover{transform:translateY(-4px)}.home-icon-shelf__image img{display:block;width:160px;height:160px;border-radius:28px;object-fit:cover}.home-icon-shelf__item h3{width:100%;margin:0;overflow:hidden;color:var(--ink);font-size:var(--text-sm);font-weight:720;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.home-icon-shelf__item h3 a{color:inherit}@media(max-width:768px){.home-hero{gap:var(--space-5);padding-top:var(--space-10)}.home-hero__title{max-width:100%;font-size:clamp(38px,12vw,58px)}.home-hero-showcase{height:280px;overflow:hidden}.home-hero-card{--hero-card-width: 190px;--hero-card-height: 128px}.home-hero-card--icon{--hero-card-width: 150px;--hero-card-height: 150px}.home-hero-card--1{--hero-card-x: 0px;--hero-card-y: -58%;--hero-card-rotate: 0deg}.home-hero-card--2{--hero-card-x: -112px;--hero-card-y: -66%;--hero-card-rotate: -3deg;--hero-card-enter-x: 62px}.home-hero-card--3{--hero-card-x: 112px;--hero-card-y: -62%;--hero-card-rotate: 3deg;--hero-card-enter-x: -62px}.home-hero-card--4{--hero-card-x: -220px;--hero-card-y: -38%;--hero-card-rotate: -6deg;--hero-card-enter-x: 106px}.home-hero-card--5{--hero-card-x: 220px;--hero-card-y: -34%;--hero-card-rotate: 6deg;--hero-card-enter-x: -106px}.home-hero-card--6{--hero-card-x: -320px;--hero-card-y: -72%;--hero-card-rotate: -9deg;--hero-card-enter-x: 150px}.home-hero-card--7{--hero-card-x: 320px;--hero-card-y: -70%;--hero-card-rotate: 9deg;--hero-card-enter-x: -150px}.home-hero-card--8{--hero-card-x: -414px;--hero-card-y: -44%;--hero-card-rotate: -11deg;--hero-card-enter-x: 190px}.home-hero-card--9{--hero-card-x: 414px;--hero-card-y: -46%;--hero-card-rotate: 11deg;--hero-card-enter-x: -190px}.home-showcase-shell{gap:var(--space-7)}.home-featured-grid,.home-panel-grid,.home-website-feature__layout{grid-template-columns:1fr}.home-featured-card--large{grid-row:auto}.home-featured-card--large .home-featured-card__media img,.home-featured-card__media img{min-height:230px}.home-app-strip{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.home-app-strip::-webkit-scrollbar{display:none}.home-app-tile{flex:0 0 132px}.home-collection-panel--apps .home-app-tile,.home-collection-panel--apps .home-app-tile img{min-height:214px}.home-screenshot-grid,.home-event-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.home-icon-row{grid-template-columns:repeat(3,minmax(0,1fr))}.home-icon-style-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool-grid{grid-template-columns:1fr}.home-tool-card{grid-template-columns:48px minmax(0,1fr) 18px}.home-tool-card__logo{width:48px;height:48px}.home-rail .case-card{flex:0 0 280px}.home-rail .case-card.app-card{flex:0 0 180px}.home-rail .icon-card{flex:0 0 160px}.home-website-slider{gap:var(--space-4)}.home-website-slide{flex-basis:min(86vw,520px)}.home-website-feature .home-website-slide{flex-basis:100%}.home-website-slider__btn{width:34px;height:34px}.home-website-slider__thumbs{gap:var(--space-2)}.home-website-slider__thumb-list{justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.home-website-thumb{flex:0 0 clamp(74px,20vw,96px);scroll-snap-align:center}.home-website-slide__body{display:grid;gap:var(--space-2)}.home-website-slide__meta{justify-content:flex-start;max-width:none}.home-icon-shelf{gap:var(--space-4)}.home-icon-shelf__item{flex-basis:184px}.home-icon-shelf__image{width:160px;height:160px}.home-icon-shelf__image img{width:160px;height:160px;border-radius:28px}.home-rail-header{align-items:center}}.page-heading{display:flex;gap:var(--space-3);align-items:flex-end;justify-content:space-between}.breadcrumb{color:var(--faint);font-size:var(--text-sm)}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.title-row h1{margin:0;font-size:clamp(var(--text-3xl),6vw,64px);font-weight:760;line-height:1;letter-spacing:0}.title-row p{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.case-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(var(--space-6),4vw,var(--space-12));width:100%}.case-hero__body{flex:7;min-width:0}.tool-detail-page{--product-bento-radius: var(--radius-lg)}.tool-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:var(--space-5);align-items:start}.tool-detail-content{min-width:0}.tool-source-actions{max-width:100%}.case-hero__body h1{margin:0;font-size:clamp(var(--text-3xl),6vw,64px);font-weight:760;line-height:1;letter-spacing:0}.case-hero__body time{color:var(--muted);font-size:var(--text-xs);margin:var(--space-3) 0 var(--space-4);display:block}.case-hero__summary{margin:var(--space-3) 0 var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.case-hero__meta{flex:3;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.case-hero__meta dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;color:var(--muted);font-size:var(--text-md)}.case-hero__meta dd a{color:var(--muted);gap:var(--space-3)}.case-hero__meta dd a:hover{color:var(--ink)}@media(max-width:980px){.case-hero{flex-direction:column;align-items:flex-start}.case-hero__body{width:100%;flex:none;text-align:left}.case-hero__body h1,.case-hero__summary,.case-hero__analysis{max-width:100%;overflow-wrap:anywhere}.case-hero__meta{width:100%;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--space-2)}.case-hero__meta dd{width:100%;justify-content:flex-start;gap:var(--space-3);text-align:left}.case-hero__meta .tag-icon{margin-right:0;margin-left:0;order:-1}.case-hero__meta .property-row a:nth-of-type(n+2):before{margin-left:0}}.ghost-button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--muted);font-size:var(--text-md)}.ghost-button svg{width:15px;height:15px}.ghost-button--small{font-size:var(--text-md)}.ghost-button:hover{color:var(--ink)}.database-panel{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.content-list,.icon-list{display:grid;gap:var(--space-4)}.section-tabs{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--line);padding:var(--space-2)}.section-tab{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-md)}.section-tab.is-active{background:var(--hover);color:var(--ink);font-weight:650}.section-tab small{color:var(--faint);font-size:var(--text-xs)}.filter-nav-btn{position:relative;display:inline-flex;min-width:0;width:36px;height:44px;align-items:center;justify-content:center;gap:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:500;line-height:1;padding:0;transition:color .18s ease;margin-left:0;flex-shrink:0}.filter-nav-btn svg{width:18px;height:18px}.filter-nav-btn:hover,.filter-nav-btn.is-active{background:transparent;color:var(--ink)}.filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:max-content;max-width:100%;border:.5px solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 2px 8px #0000000f,0 8px 24px #00000017,0 20px 56px #0000001f;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);padding:var(--space-4);z-index:30;max-height:70vh;overflow-y:auto;pointer-events:auto}:root[data-theme=dark] .filter-dropdown{border-color:#ffffff1f;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);background:transparent;padding:0}.filter-select{min-width:140px;height:36px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:var(--text-sm);padding:0 var(--space-4);cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A8088' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;transition:border-color .16s ease}.filter-select:hover,.filter-select:focus{border-color:var(--line-strong)}.filter-apply-btn{height:36px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:600;padding:0 var(--space-5);cursor:pointer;transition:background .16s ease;white-space:nowrap}.filter-apply-btn:hover{background:var(--primary-hover)}.property-pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 var(--space-2);color:var(--muted);font-size:var(--text-xs);line-height:var(--leading-tight)}a.property-pill:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.filter-clear{color:var(--muted);font-size:var(--text-sm)}.filter-clear:hover{color:var(--ink)}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.active-filter-count{color:var(--faint);font-size:var(--text-xs);font-weight:450}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--primary);border-radius:var(--radius-pill);background:var(--primary-light);padding:4px 12px;color:var(--primary);font-size:var(--text-xs);font-weight:550;transition:background .16s ease}.active-filter-tag:hover{background:color-mix(in srgb,var(--primary-light) 80%,var(--primary))}.active-filter-key{opacity:.6;font-weight:450}.active-filter-remove{font-size:var(--text-lg);line-height:1;opacity:.6}.active-filter-tag:hover .active-filter-remove{opacity:1}.active-filter-clear{color:var(--faint);font-size:var(--text-xs);margin-left:var(--space-1)}.active-filter-clear:hover{color:var(--ink)}.load-more-row{display:flex;justify-content:center;padding:var(--space-4) 0 0}.auto-load-sentinel{min-height:1px}.load-more-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:var(--space-3) var(--space-6);color:var(--muted);font:inherit;font-size:var(--text-md);cursor:pointer}.load-more-button:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0 0;color:var(--faint);font-size:var(--text-sm)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.page-btn{display:inline-grid;min-width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 8px;color:var(--muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.page-btn:hover{border-color:var(--line-strong);background:var(--hover);color:var(--ink)}.page-btn.is-active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.page-dots{display:inline-grid;min-width:34px;height:34px;place-items:center;color:var(--faint);font-size:var(--text-sm);letter-spacing:2px}.empty-database{display:grid;gap:8px;padding:var(--space-12) 0;text-align:center}.empty-database h2{margin:0;font-size:var(--text-xl);letter-spacing:0}.empty-database p{max-width:420px;margin:0 auto;color:var(--muted);font-size:var(--text-md);line-height:1.6}.search-results-page{position:relative;display:grid;gap:var(--space-6);justify-items:center}.search-results-page[data-empty=true]{align-content:start;padding:clamp(180px,24svh,260px) 0}.search-results-page[data-submitting=true]{min-height:0!important;align-content:start;padding-top:0!important;transition:min-height .42s cubic-bezier(.2,.8,.2,1),padding-top .42s cubic-bezier(.2,.8,.2,1)}.search-results-page[data-loading=true],.search-results-page:has(.search-result-group){padding-top:0}.search-results-form{margin-top:var(--space-6)}.search-section-pills{display:flex;gap:var(--space-3);width:min(100%,920px);justify-content:center;overflow-x:auto;padding:var(--space-1) 0 var(--space-2);scrollbar-width:none}.search-section-pills[hidden]{display:none}.search-section-pills::-webkit-scrollbar{display:none}.search-section-pill{display:inline-flex;min-width:max-content;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-md);font-weight:760;letter-spacing:0;line-height:1;padding:0 var(--space-6);box-shadow:0 1px 2px #0000000a;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.search-section-pill:hover{border-color:var(--line-strong);color:var(--ink)}.search-section-pill.is-active{border-color:var(--ink);background:var(--ink);color:var(--surface)}.search-results-status{display:flex;width:min(100%,920px);min-height:40px;align-items:center;justify-content:center;margin-top:var(--space-2);color:var(--faint);font-size:var(--text-sm);font-weight:650}.search-results-status[hidden]{display:none}.search-results-page[data-loading=true] .search-results-status{color:var(--muted)}.search-results-page[data-loading=true] .search-results-status__spinner{display:block}.search-results-page[data-loading=true] .search-results-status__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.search-results-status__spinner{display:none;width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:search-results-spin .72s linear infinite}@keyframes search-results-spin{to{transform:rotate(360deg)}}.search-results-groups{display:grid;width:100%;justify-self:stretch;gap:var(--space-10)}.search-result-group{display:grid;gap:var(--space-4)}.search-result-group__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.search-result-group__header h2{margin:0;color:var(--ink);font-size:var(--text-xl);font-weight:760;letter-spacing:0}.search-result-group__header span{display:inline-grid;min-width:34px;height:28px;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs);font-weight:760;padding:0 var(--space-3)}.search-result-grid{scroll-margin-top:100px}.search-result-group--scroll .search-result-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,360px);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-2);scroll-padding-inline:var(--space-1);scroll-snap-type:x proximity;scrollbar-width:thin}.search-result-group--scroll .case-card,.search-result-group--scroll .icon-card,.search-result-group--scroll .tool-library-card{width:100%;min-width:0;scroll-snap-align:start}.search-result-group--scroll .card-title-row,.search-result-group--scroll .property-row,.search-result-group--scroll .card-tags{min-width:0}@media(max-width:760px){.search-results-form,.search-section-pills{width:100%}.search-section-pills{justify-content:flex-start}.search-result-group--scroll .search-result-grid,.search-result-group--scroll[data-search-result-section] .search-result-grid{grid-auto-columns:minmax(250px,84vw)}}.icon-page{display:grid;gap:22px}.icon-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 0 4px}.icon-hero h1{margin:6px 0 0;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:0}.icon-count{display:grid;min-width:104px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px 14px;text-align:right}.icon-count strong{font-size:28px;line-height:1}.icon-count span{margin-top:4px;color:var(--muted);font-size:var(--text-sm)}.icon-filter-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.icon-filter-row{display:flex;flex-wrap:wrap;gap:8px}.icon-filter-row--colors{align-items:center}.icon-color-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:5px 8px 5px 6px;color:var(--muted);font-size:var(--text-xs)}.icon-color-filter:hover,.icon-category-filter:hover,.icon-pagination a:hover{background:var(--hover)}.icon-color-filter span{display:block;width:22px;height:22px;border:1px solid rgb(0 0 0 / 13%);border-radius:var(--radius-pill)}.icon-color-filter em{font-style:normal}.icon-category-filter{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:7px 10px;color:var(--muted);font-size:var(--text-sm)}.icon-category-filter.is-active,.icon-pagination a.is-active{background:var(--ink);color:var(--surface)}.icon-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-4);padding:0;scroll-margin-top:88px}.icon-card{display:grid;justify-items:center;min-height:360px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6) var(--space-4) var(--space-4);text-align:center;transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.icon-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-card__image{display:grid;place-items:center;width:100%;border-radius:var(--radius-md);padding-bottom:var(--space-8);padding-top:var(--space-2)}.icon-card img{width:min(210px,100%);height:auto;aspect-ratio:1;border:1px solid var(--line);border-radius:42px;background:var(--surface);object-fit:cover;box-shadow:var(--shadow-md)}.icon-card strong{display:block;width:100%;overflow:hidden;margin:0;color:var(--ink);font-size:var(--text-lg);font-weight:650;line-height:var(--leading-tight);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.icon-card__body{justify-self:stretch;display:grid;gap:10px;text-align:left}.icon-card__colors{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.card-colors{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:5px;z-index:2}.icon-card__title{width:100%;min-width:0;max-width:100%;overflow:hidden}.icon-card__meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);min-height:24px}.ad-card{position:relative;display:flex;justify-content:center;align-items:center}.ad-card__media{display:flex;align-items:center;justify-content:center;min-height:150px}.ad-card__media #carbonads{display:block}#carbon-responsive{max-width:75%!important;margin:0 auto}#carbon-responsive .carbon-responsive-wrap{flex-direction:column;background:none!important;border:none!important}#carbon-responsive .carbon-text{flex-basis:auto!important}#carbon-responsive .carbon-text .carbon-description{text-align:center}#carbon-responsive .carbon-img{flex:0!important}#carbon-responsive .carbon-img img{margin:0 auto;width:min(160px,100%);border-radius:0}.similar-recs__scroll .case-card.ad-card .ad-card__media{min-height:200px;padding:var(--space-4)}.similar-recs__scroll .case-card.ad-card .ad-card__media>div{min-height:unset!important}.ad-sponsored-badge{position:absolute;right:10px;bottom:10px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--surface);color:var(--faint);font-size:var(--text-xs);line-height:1.4;pointer-events:none;z-index:1}.icon-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.icon-pagination a{min-width:34px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:7px 9px;color:var(--muted);font-size:var(--text-sm);text-align:center}.icon-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.icon-detail-main{display:grid;gap:18px}.icon-showcase{display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(45deg,var(--surface-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-subtle) 75%),var(--surface);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:clamp(34px,7vw,72px);box-shadow:var(--shadow)}.icon-showcase img{width:min(512px,100%);height:auto;border:1px solid var(--line);border-radius:110px;box-shadow:0 28px 70px #0000002e}.related-icons{display:grid;gap:14px}.related-icons h2{margin:0;color:var(--muted);font-size:var(--text-xl);font-weight:620;letter-spacing:0}.related-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.related-icon-card{display:grid;align-content:start;min-height:250px;justify-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 14px 16px;text-align:center}.related-icon-card img{width:150px;height:150px;border:1px solid var(--line);border-radius:34px;background:var(--surface-subtle);object-fit:cover;box-shadow:0 18px 38px #0000001a}.related-icon-card h3{width:100%;overflow:hidden;margin:16px 0 8px;font-size:var(--text-lg);font-weight:560;line-height:1.25;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.related-icon-link{color:var(--faint);font-size:var(--text-xs)}.related-icon-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.case-grid,.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;padding:0;scroll-margin-top:88px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.case-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.case-card:hover{border-color:var(--line-strong)}.case-card__image{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;transform:scale(1.001);transition:transform .36s ease}.case-card__video{display:block;width:100%;height:100%;object-fit:cover}.case-card__media{display:block;aspect-ratio:3 / 2;overflow:hidden}.event-card__media{aspect-ratio:16 / 9!important}.case-card:hover .case-card__image{transform:scale(1.035)}.app-card__media{display:block;aspect-ratio:6 / 13;min-height:0;padding:0}.app-card__image{width:100%;max-width:none;height:100%;aspect-ratio:6 / 13;border-radius:0;object-fit:cover}.screenshot-card{display:flex;flex-direction:column;overflow:hidden}.screenshot-card__media{display:flex;align-items:center;justify-content:center;min-height:0;background:color-mix(in oklab,var(--surface-soft) 86%,var(--surface));overflow:hidden;padding:14px}.screenshot-card__media.is-landscape{aspect-ratio:1.375 / 1}.screenshot-card__preview{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;align-items:flex-start;justify-content:center;gap:var(--space-1)}.screenshot-card__image{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:var(--shot-ratio, 6 / 13);border-radius:6px;background:var(--surface);object-fit:cover;transition:transform .24s ease}.screenshot-card__image+.screenshot-card__image{margin-left:0}.screenshot-card__image:nth-child(2){z-index:2}.screenshot-card__image:nth-child(3){z-index:3}.screenshot-card__media.is-landscape .screenshot-card__image{width:100%;aspect-ratio:var(--shot-ratio, 16 / 9)}.screenshot-card:hover .screenshot-card__image{transform:none}.case-card__body{position:absolute;right:0;bottom:-.5px;left:0;display:grid;gap:9px;padding:45px 18px 18px;z-index:1}.case-card__body:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000,#3c3c3c4d);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 36px);mask-image:linear-gradient(to bottom,transparent 0%,black 36px)}.product-index-page{width:var(--page-shell-width);margin:0 auto}.product-detail-page{display:grid;gap:clamp(var(--space-10),5vw,var(--space-16));padding-bottom:var(--space-16)}.product-detail-v2{gap:clamp(var(--space-8),4vw,var(--space-12))}.product-detail-v2 [data-product-reveal]{opacity:0;transform:translateY(18px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.product-detail-v2 [data-product-reveal].is-visible{opacity:1;transform:none}.product-hero-bar{display:grid;grid-template-columns:1fr auto;align-items:start;gap:clamp(var(--space-6),3vw,var(--space-10));padding:var(--space-8) 0}.product-hero-bar__main{display:flex;align-items:flex-start;gap:clamp(var(--space-5),2.4vw,var(--space-8));min-width:0}.product-hero-bar__icon{flex-shrink:0;width:clamp(64px,6vw,96px);height:clamp(64px,6vw,96px);border-radius:var(--radius-xl);object-fit:cover;box-shadow:0 12px 28px #00000024}.product-hero-bar__text{display:grid;gap:var(--space-2);min-width:0}.product-hero-bar__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.product-hero-bar__title-row h1{margin:0;font-size:clamp(28px,4vw,44px);font-weight:760;line-height:1.05;letter-spacing:0}.product-hero-bar__category{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px 10px;color:var(--muted);font-size:var(--text-xs);font-weight:700;transition:background .16s ease,color .16s ease}.product-hero-bar__category:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.product-hero-bar__text p{margin:0;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-normal);max-width:600px}.product-hero-bar__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-1);color:var(--faint);font-size:var(--text-xs);font-weight:650}.product-hero-bar__meta time{font-size:var(--text-xs);color:var(--faint)}.product-hero-bar__aside{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.product-hero-bar__counts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.product-count-chip{display:inline-flex;align-items:baseline;gap:3px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 10px;color:var(--muted);font-size:var(--text-xs);transition:background .16s ease,color .16s ease,border-color .16s ease}.product-count-chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.product-count-chip strong{font-size:var(--text-md);font-weight:780;color:var(--ink);transition:color .16s ease}.product-count-chip:hover strong{color:var(--bg)}.product-hero-bar__colors{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.product-hero-bar__colors .card-color-dot{width:22px;height:22px}.product-hero-bar__actions{display:flex;gap:8px;margin-top:var(--space-1)}.product-hero-bar__actions .product-hero-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-sm);font-weight:650;color:var(--muted);transition:background .18s ease,color .18s ease,border-color .18s ease}.product-hero-bar__actions .product-hero-action:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.product-hero-bar__actions .product-hero-action svg{width:14px;height:14px}.product-sources{display:grid;gap:var(--space-8)}.product-sources__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);border-bottom:1px solid var(--line);padding-bottom:var(--space-4)}.product-sources__heading h2{margin:0;font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:760;line-height:1;letter-spacing:0}.product-sources__heading p{margin:0;color:var(--faint);font-size:var(--text-md)}.product-source-group{display:grid;gap:clamp(var(--space-4),2vw,var(--space-6))}.product-source-group__head{display:flex;align-items:center;gap:var(--space-3)}.product-source-group__head h3{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:0}.product-source-group__count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);font-size:var(--text-xs);font-weight:800;padding:0 8px}.product-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.product-visual-grid.is-screenshot{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.product-visual-grid.is-icon{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-visual-card{display:grid;gap:var(--space-2);border-radius:var(--radius-lg);transition:transform .26s cubic-bezier(.22,1,.36,1)}.product-visual-card:hover{transform:translateY(-2px)}.product-visual-card__media{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle)}.product-visual-card.is-phone .product-visual-card__media{aspect-ratio:9 / 16}.product-visual-card.is-cover .product-visual-card__media{aspect-ratio:3 / 2}.product-visual-card.is-icon .product-visual-card__media{aspect-ratio:1 / 1}.product-visual-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1)}.product-visual-card:hover .product-visual-card__media img{transform:scale(1.03)}.product-visual-card__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-1)}.product-visual-card__title{overflow:hidden;color:var(--ink);font-size:var(--text-sm);font-weight:600;white-space:nowrap;text-overflow:ellipsis;min-width:0}.product-visual-card__meta{flex-shrink:0;color:var(--faint);font-size:var(--text-xs);font-weight:650}.product-related{margin-top:var(--space-8)}.product-related__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5)}.product-related__heading h2{margin:0;font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:760;line-height:1;letter-spacing:0}.product-related__heading p{margin:0;color:var(--faint);font-size:var(--text-md)}.product-related__scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--space-2) 0}.product-related__scroll::-webkit-scrollbar{display:none}.product-related-card{flex-shrink:0;width:280px;scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 16px 48px #0000000f;transition:transform .26s cubic-bezier(.22,1,.36,1)}.product-related-card:hover{transform:translateY(-2px)}.product-related-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-subtle)}.product-related-card__media>img:not(.product-related-card__icon){width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.product-related-card:hover .product-related-card__media>img:not(.product-related-card__icon){transform:scale(1.035)}.product-related-card__icon{position:absolute;right:var(--space-3);bottom:var(--space-3);width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 10px 24px #0000002e}.product-related-card__body{display:grid;gap:var(--space-2);padding:var(--space-4)}.product-related-card h3{margin:0;font-size:var(--text-lg);font-weight:650;line-height:1.15;letter-spacing:0}.product-related-card h3 a{color:var(--ink)}.product-related-card__counts{display:flex;gap:var(--space-3);color:var(--faint);font-size:var(--text-xs);font-weight:650}.product-related__ad{flex-shrink:0;width:280px;scroll-snap-align:start}@media(max-width:1100px){.product-hero-bar{grid-template-columns:1fr;gap:var(--space-5)}.product-hero-bar__aside{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.product-hero-bar__counts,.product-hero-bar__colors{justify-content:flex-start}.product-hero-bar__actions{margin-left:auto}.product-visual-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-visual-grid.is-screenshot{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:680px){.product-detail-v2{gap:var(--space-8)}.product-hero-bar{padding:var(--space-5) 0}.product-hero-bar__main{flex-direction:column;gap:var(--space-4)}.product-hero-bar__icon{width:56px;height:56px;border-radius:var(--radius-lg)}.product-hero-bar__text p{font-size:var(--text-md)}.product-hero-bar__aside{flex-direction:column;align-items:stretch;gap:var(--space-3)}.product-hero-bar__counts,.product-hero-bar__colors{justify-content:flex-start}.product-hero-bar__actions{margin-left:0}.product-hero-bar__actions .product-hero-action{flex:1;justify-content:center}.product-sources__heading,.product-related__heading{flex-direction:column;gap:var(--space-2)}.product-related-card,.product-related__ad{width:240px}}@media(prefers-reduced-motion:reduce){.product-detail-v2 [data-product-reveal]{opacity:1;transform:none;transition:none}.product-visual-card__media img,.product-related-card__media>img:not(.product-related-card__icon){transition:none}}.product-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-6);width:100%}.product-hero__icon{margin:0;flex-shrink:0}.product-hero__icon img{width:88px;height:88px;border-radius:24px;box-shadow:0 10px 24px #00000029}.product-hero__body{min-width:0}.product-hero__title{margin:0;font-size:clamp(var(--text-3xl),6vw,56px);font-weight:760;line-height:1;letter-spacing:0}.product-hero__summary{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose);max-width:820px}.product-hero__byline{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--faint);font-size:var(--text-xs)}.product-hero__identity{color:var(--faint);font-size:var(--text-xs)}.product-hero__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.product-hero__colors{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media(max-width:980px){.product-hero{grid-template-columns:auto minmax(0,1fr)}.product-hero__actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.product-hero__colors{justify-content:flex-start}}@media(max-width:640px){.product-hero{grid-template-columns:1fr;gap:var(--space-4)}.product-hero__icon img{width:64px;height:64px;border-radius:18px}.product-hero__title{font-size:var(--text-2xl)}.product-hero__summary{font-size:var(--text-md)}.product-hero__actions{flex-direction:column;align-items:flex-start}}.product-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--muted);font-size:var(--text-sm);font-weight:650}.product-header__eyebrow img,.product-card__icon{border-radius:36px;box-shadow:0 10px 24px #00000029}.product-identity{display:grid!important;justify-items:end;gap:2px!important;text-align:right}.product-identity__label{color:var(--faint);font-size:var(--text-xs)}.product-identity strong{color:var(--ink);font-size:var(--text-sm)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}.product-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.product-card__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),transparent 42%),var(--surface-subtle)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.product-card:hover .product-card__image{transform:scale(1.035)}.product-card__icon{position:absolute;z-index:2;right:var(--space-4);bottom:var(--space-4);width:64px;height:64px;object-fit:cover}.product-card__body{display:grid;gap:var(--space-3);padding:var(--space-4)}.product-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.product-card h2,.product-card h3{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:0}.product-card h3{font-size:var(--text-lg)}.product-card p{display:-webkit-box;min-height:3.1em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.product-card__colors{display:flex;flex:0 0 auto;gap:5px}.product-source-strip{display:flex;flex-wrap:wrap;gap:6px}.product-source-strip span,.product-taxonomy__tags span{display:inline-flex;align-items:center;min-height:24px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:0 9px;color:var(--muted);font-size:var(--text-xs);font-weight:600}.product-hero-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);gap:16px}.product-hero-preview__main,.product-hero-preview__rail,.product-hero-preview__icon,.product-directory__group{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.product-hero-preview__main{overflow:hidden;min-height:clamp(360px,44vw,680px)}.product-hero-preview__main img{width:100%;height:100%;object-fit:cover}.product-hero-preview__rail{display:grid;gap:16px;align-content:start;border:0;background:transparent}.product-hero-preview__icon{display:grid;place-items:center;min-height:220px;margin:0;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),var(--surface)}.product-hero-preview__icon img{width:min(52%,160px);height:auto;border-radius:24px;box-shadow:0 24px 56px #0000002e}.product-hero-preview__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-hero-preview__stats div{display:grid;gap:4px;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.product-hero-preview__stats strong{font-size:var(--text-3xl);line-height:1}.product-hero-preview__stats span{color:var(--muted);font-size:var(--text-xs);text-transform:capitalize}.product-section{display:grid;gap:var(--space-5)}.product-section__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.product-section__heading h2{margin:0;font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:0}.product-section__heading p{max-width:520px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:right}.product-directory__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.product-directory__group{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4)}.product-directory__group h3{margin:0;font-size:var(--text-md);letter-spacing:0}.product-directory__list{display:grid;gap:8px}.product-directory__item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:62px;border-radius:var(--radius-md);padding:6px;color:var(--muted)}.product-directory__item:hover{background:var(--hover);color:var(--ink)}.product-directory__item img{width:54px;height:54px;border-radius:var(--radius-sm);object-fit:cover}.product-directory__item strong,.product-directory__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-directory__item strong{color:var(--ink);font-size:var(--text-sm)}.product-directory__item small{color:var(--faint);font-size:var(--text-xs)}.product-directory__item svg{width:15px;height:15px}.product-visuals__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.product-visual-card{position:relative;overflow:hidden;min-height:220px;border-radius:var(--radius-lg);background:var(--surface-subtle)}.product-visual-card.is-large{grid-column:span 2;grid-row:span 2}.product-visual-card.is-app,.product-visual-card.is-screenshot{aspect-ratio:6 / 10}.product-visual-card.is-event,.product-visual-card.is-website{aspect-ratio:16 / 10}.product-visual-card img{width:100%;height:100%;object-fit:cover}.product-visual-card span{position:absolute;right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:#0000008f;padding:5px 9px;color:#fff;font-size:var(--text-xs);font-weight:650}.product-taxonomy__tags{display:flex;flex-wrap:wrap;gap:8px}.product-bento-page{--product-bento-radius: var(--radius-lg);width:100%;gap:clamp(28px,4.5vw,68px);padding-bottom:clamp(var(--space-12),8vw,120px)}.product-bento-page [data-product-reveal]{opacity:0;transform:translateY(18px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.product-bento-page [data-product-reveal].is-visible{opacity:1;transform:none}.product-hero-shell{display:grid;place-items:center;padding:clamp(36px,6vw,128px) 0 clamp(32px,6vw,84px);text-align:center}.product-hero-copy{display:grid;justify-items:center;gap:clamp(var(--space-3),2vw,var(--space-10));max-width:1120px}.product-hero-copy__icon{width:clamp(160px,16vw,240px);height:clamp(160px,16vw,240px);border-radius:52px;box-shadow:0 18px 42px #0000002e}.product-hero-copy__kicker,.product-bento-label{color:var(--muted);font-size:var(--text-sm);font-weight:700;letter-spacing:0}.product-hero-copy h1{max-width:100%;margin:0;font-size:clamp(48px,8vw,96px);font-weight:780;line-height:1;letter-spacing:0;overflow-wrap:anywhere}.product-hero-copy p{max-width:780px;margin:0;color:var(--muted);font-size:var(--text-xl);line-height:1.35}.product-hero-copy time{font-size:var(--text-sm);color:var(--muted)}.product-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:var(--space-2)}.product-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 92%,transparent);padding:0 14px;color:var(--ink);font-size:var(--text-sm);font-weight:700}.product-hero-action:hover{background:var(--ink);color:var(--bg)}.product-hero-action.is-muted{color:var(--muted)}.product-hero-action svg{width:15px;height:15px}.product-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(156px,13vw,198px);gap:14px}.product-bento--summary{grid-auto-rows:auto}.product-bento-tile,.product-similar-tile{overflow:hidden;border:1px solid var(--line);border-radius:var(--product-bento-radius);background:var(--surface);box-shadow:0 20px 60px #00000012}.product-bento-tile{position:relative;display:grid;min-height:0;padding:clamp(var(--space-5),2.4vw,var(--space-8))}.product-bento-tile--preview{grid-column:span 4;grid-row:span 3;min-height:0;padding:0;background:var(--surface-subtle)}.product-bento-tile--preview img{width:100%;height:100%;object-fit:cover}.product-bento-tile__caption{position:absolute;right:var(--space-5);bottom:var(--space-5);left:var(--space-5);display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);border-radius:var(--product-bento-radius);background:#0000006b;padding:var(--space-4);color:#fff;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.product-bento-tile__caption span{color:#ffffffc7;font-size:var(--text-sm);font-weight:700}.product-bento-tile__caption strong{font-size:clamp(var(--text-xl),2vw,var(--text-3xl));line-height:1.05;text-align:right}.product-bento-tile--overview{grid-column:span 6;grid-row:auto;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) auto;align-items:end;align-content:space-between;gap:var(--space-6);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,var(--primary)),var(--surface))}.product-overview-card__head{display:grid;gap:var(--space-3)}.product-overview-card__head img{width:clamp(82px,9vw,128px);height:clamp(82px,9vw,128px);border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 18px 42px #0000002e}.product-overview-card__head strong{font-size:clamp(var(--text-3xl),4vw,56px);line-height:.95;overflow-wrap:anywhere}.product-overview-card__mix{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.product-overview-card__mix div{display:grid;gap:5px;min-height:82px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);padding:var(--space-3)}.product-overview-card__mix strong{font-size:clamp(var(--text-2xl),3.3vw,44px);line-height:1}.product-overview-card__mix span{color:var(--muted);font-size:var(--text-xs);font-weight:700;text-transform:capitalize}.product-overview-card__colors{display:flex;flex-wrap:wrap;gap:8px}.product-overview-card__colors .card-color-dot{width:28px;height:28px}.product-bento-section{display:grid;gap:clamp(var(--space-5),3vw,var(--space-8))}.product-bento-section__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.product-bento-section__heading h2{margin:0;font-size:clamp(var(--text-3xl),5vw,72px);line-height:.95;letter-spacing:0}.product-bento-section__heading p{max-width:460px;margin:0;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal);text-align:right}.product-directory-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.product-directory-tile{grid-column:span 2;align-content:start;gap:var(--space-4)}.product-directory-tile:nth-child(1),.product-directory-tile:nth-child(4){grid-column:span 3}.product-directory-tile header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-directory-tile h3{margin:0;font-size:clamp(var(--text-xl),2vw,var(--text-2xl));letter-spacing:0}.product-directory-tile header span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);font-size:var(--text-sm);font-weight:800}.product-bento-page .product-directory__item{border:1px solid transparent;border-radius:var(--product-bento-radius);padding:7px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.product-bento-page .product-directory__item:hover{border-color:var(--line);transform:translateY(-1px)}.product-directory__more{margin:2px 0 0;border-top:1px solid var(--line);padding:var(--space-3) 7px 0;color:var(--faint);font-size:var(--text-xs);font-weight:700}.product-visuals-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:14px}.product-visual-bento-card{position:relative;min-height:250px;overflow:hidden;grid-column:span 2;border-radius:var(--product-bento-radius);background:var(--surface-subtle)}.product-visual-bento-card.is-large{min-height:clamp(460px,42vw,660px);grid-column:span 4;grid-row:span 2}.product-visual-bento-card.is-app,.product-visual-bento-card.is-screenshot{aspect-ratio:7 / 11}.product-visual-bento-card.is-event,.product-visual-bento-card.is-website{aspect-ratio:16 / 10}.product-visual-bento-card img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1)}.product-visual-bento-card:hover img{transform:scale(1.035)}.product-visual-bento-card span{position:absolute;right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:#00000094;padding:6px 10px;color:#fff;font-size:var(--text-xs);font-weight:750;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.product-similar-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-similar-tile{display:grid;align-content:start}.product-similar-tile__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-subtle)}.product-similar-tile__media>img:not(.product-similar-tile__icon){width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.product-similar-tile:hover .product-similar-tile__media>img:not(.product-similar-tile__icon){transform:scale(1.035)}.product-similar-tile__icon{position:absolute;right:var(--space-4);bottom:var(--space-4);width:64px;height:64px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 14px 30px #0003}.product-similar-tile__body{display:grid;gap:var(--space-3);padding:var(--space-4)}.product-similar-tile h3{margin:0;font-size:var(--text-xl);line-height:1.12;letter-spacing:0}@media(prefers-reduced-motion:reduce){.product-bento-page [data-product-reveal]{opacity:1;transform:none;transition:none}.product-visual-bento-card img,.product-similar-tile__media>img:not(.product-similar-tile__icon){transition:none}}@media(max-width:1100px){.product-bento,.product-directory-bento,.product-visuals-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.product-bento-tile--preview,.product-bento-tile--overview,.product-directory-tile,.product-directory-tile:nth-child(1),.product-directory-tile:nth-child(4),.product-visual-bento-card,.product-visual-bento-card.is-large{grid-column:span 1}.product-bento-tile--preview,.product-visual-bento-card.is-large{grid-column:span 2}.product-bento-tile--overview{grid-column:span 2;grid-template-columns:1fr;align-items:start}.product-similar-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.product-bento-page{gap:var(--space-8)}.product-hero-shell{min-height:auto;padding:var(--space-5) 0 var(--space-4)}.product-hero-copy h1{font-size:clamp(44px,18vw,72px)}.product-hero-copy p{font-size:var(--text-md)}.product-bento,.product-directory-bento,.product-visuals-bento,.product-similar-bento{grid-template-columns:1fr}.product-bento-tile,.product-bento-tile--preview,.product-bento-tile--overview,.product-visual-bento-card,.product-visual-bento-card.is-large{grid-column:auto}.product-bento-tile--preview{min-height:360px}.product-bento-tile__caption{display:grid;align-items:start}.product-bento-tile__caption strong{text-align:left}.product-bento-section__heading{display:grid;gap:var(--space-2)}.product-bento-section__heading h2{font-size:clamp(34px,12vw,48px)}.product-bento-section__heading p{max-width:none;text-align:left}}.product-device-model{position:relative;display:block;overflow:hidden;margin-inline:auto;color:inherit;box-shadow:0 28px 80px #0000003d}.product-device-model img{display:block;width:100%;height:100%}.product-device-model.is-phone{width:min(100%,330px);aspect-ratio:390 / 844;border:clamp(8px,1vw,12px) solid #0b0b0d;border-radius:44px;background:#0b0b0d}.product-device-model.is-phone img{border-radius:32px;object-fit:contain;background:#fff}.product-device-model.is-phone .product-device-model__chrome:before{content:"";position:absolute;z-index:2;top:12px;left:50%;width:34%;height:26px;border-radius:999px;background:#050507;transform:translate(-50%)}.product-device-model.is-tablet{width:min(100%,420px);aspect-ratio:3 / 4;border:clamp(8px,1vw,12px) solid #111114;border-radius:34px;background:#111114}.product-device-model.is-tablet img{border-radius:22px;object-fit:contain;background:#fff}.product-device-model.is-browser{width:min(100%,720px);aspect-ratio:16 / 10;border:1px solid rgb(255 255 255 / 22%);border-radius:18px;background:#111114;padding-top:30px}.product-device-model.is-browser img{border-radius:0 0 16px 16px;object-fit:cover}.product-device-model.is-browser .product-device-model__chrome{position:absolute;inset:0 0 auto;height:30px;background:radial-gradient(circle at 18px 15px,#ff5f57 0 4px,transparent 5px),radial-gradient(circle at 34px 15px,#ffbd2e 0 4px,transparent 5px),radial-gradient(circle at 50px 15px,#28c840 0 4px,transparent 5px),#1c1c20}.product-device-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:14px}.product-device-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-column:span 2;min-height:clamp(420px,38vw,560px);overflow:hidden;border:1px solid var(--line);border-radius:var(--product-bento-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 86%,white),var(--surface));padding:0;box-shadow:0 20px 60px #00000012}.product-device-card.is-large{grid-column:span 3}.product-device-card.is-website,.product-device-card.is-event{grid-column:span 3;min-height:clamp(300px,26vw,420px)}.product-device-card.is-screenshot,.product-device-card.is-app{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-subtle) 78%,white),var(--surface))}.product-device-card__media{display:grid;min-height:0;place-items:center;padding:clamp(var(--space-5),3vw,var(--space-8)) clamp(var(--space-4),2.6vw,var(--space-7)) var(--space-2);overflow:hidden}.product-device-card.is-website .product-device-card__media,.product-device-card.is-event .product-device-card__media{place-items:center;padding-bottom:var(--space-2)}.product-device-card__body{position:relative;z-index:3;display:grid;gap:8px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent);padding:clamp(var(--space-5),2.4vw,var(--space-7))}.product-device-card__body span{color:var(--muted);font-size:var(--text-xs);font-weight:780;text-transform:uppercase}.product-device-card__body strong{color:var(--ink);font-size:clamp(var(--text-2xl),3vw,44px);line-height:.98;letter-spacing:0}.product-device-card__body small{color:var(--faint);font-size:var(--text-xs);font-weight:650}.product-device-card .product-device-model.is-phone{width:min(64%,250px);transform:none}.product-device-card .product-device-model.is-tablet{width:min(82%,320px);transform:none}.product-device-card .product-device-model.is-browser{width:min(100%,680px);box-shadow:0 22px 58px #00000029}.product-device-card__image{display:block;width:100%;height:100%;max-height:100%;border-radius:calc(var(--product-bento-radius) - 6px);object-fit:contain;background:var(--surface-subtle);box-shadow:0 18px 44px #0000001a}@media(max-width:1100px){.product-device-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.product-device-card,.product-device-card.is-large,.product-device-card.is-website,.product-device-card.is-event{grid-column:span 1}}@media(max-width:680px){.product-device-bento{grid-template-columns:1fr}.product-device-card,.product-device-card.is-website,.product-device-card.is-event{min-height:390px}}.app-card .case-card__body{padding:75px 24px 24px;gap:var(--space-3)}.screenshot-card .case-card__body{position:static;display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);z-index:auto}.screenshot-card .case-card__body:before{content:none}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.card-title-row h2{margin:0;font-size:var(--text-xl);line-height:1.25;letter-spacing:0}.card-title-link{color:var(--gray-100);text-shadow:0 1px 2px rgb(0 0 0 / 30%)}.icon-card .card-title-link,.screenshot-card .card-title-link{color:var(--ink);text-shadow:none}.device-icon{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--gray-200);transition:color .16s ease}.device-icon:hover{color:var(--gray-0)}.screenshot-card .device-icon{color:var(--muted)}.screenshot-card .device-icon:hover{color:var(--ink)}.device-icon svg{width:18px;height:18px}.card-title-row span,.case-card time{color:#ffffffb8;font-size:var(--text-xs)}.case-card p{display:-webkit-box;overflow:hidden;min-height:42px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.property-row,.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.case-card .property-row,.case-card .card-tags{gap:0}.case-card .property-pill{display:inline;min-height:0;border:0;border-radius:0;background:transparent;padding:0;font-size:var(--text-md);color:var(--gray-200);text-shadow:0 1px 2px rgba(0,0,0,30%)}.screenshot-card .property-pill{color:var(--muted);text-shadow:none}.screenshot-card .property-pill:after{color:var(--line-strong)}.case-card .property-pill:after{margin:0 6px;color:var(--gray-300);content:"/"}.case-card .property-pill:last-child:after{content:"";margin:0}.case-card a.property-pill:hover{border-color:transparent;background:transparent;color:var(--gray-0)}.screenshot-card a.property-pill:hover{color:var(--ink)}.case-hero__meta .property-row a:nth-of-type(n+2):before{content:"|";color:var(--line-strong);margin-right:var(--space-3)}.tag-icon{position:relative;display:inline-flex;align-items:center}.tag-icon svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}@media(max-width:980px){.tag-icon{margin-left:0;margin-right:auto;order:-1}}.color-dot{width:16px;height:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#b8b2aa;display:inline-block}.color-dot:hover{border-color:var(--line-strong)}.color-red{background:#d95d59}.color-neutral{background:#b8b2aa}.color-blue{background:#5486c8}.color-green{background:#5f9f78}.color-yellow{background:#fd0}.color-black{background:#2f2f2f}.color-brown{background:#7b512a}.color-gray,.color-grey{background:#909090}.color-orange{background:#f59e0b}.color-purple{background:#7c3aed}.color-white{background:#fff}.color-multicolored{background:radial-gradient(circle at 25% 30%,#ff6b6b 0%,transparent 55%),radial-gradient(circle at 65% 25%,#ffb347 0%,transparent 55%),radial-gradient(circle at 35% 70%,#6bcb77 0%,transparent 55%),radial-gradient(circle at 70% 65%,#4d96ff 0%,transparent 55%),#e8e8e8}.card-colors{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-self:start}.card-color-dot{display:block;width:16px;height:16px;border:.5px solid var(--line);border-radius:50%;transition:transform .16s ease,box-shadow .16s ease}.card-color-dot:hover{transform:scale(1.45);box-shadow:0 0 0 2px var(--surface),0 0 0 2px color-mix(in srgb,currentColor 40%,transparent)}.case-hero__meta dd:has(.card-color-dot){display:flex;flex-wrap:wrap;gap:7px;align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.properties-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.properties-panel dl{display:grid;gap:var(--space-3);margin:0}.properties-panel dl>div{display:grid;grid-template-columns:72px 1fr;gap:2px 10px;align-items:baseline}.properties-panel dl dt{color:var(--faint);font-size:var(--text-xs);font-weight:650;white-space:nowrap}.properties-panel dl dd{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;color:var(--muted);font-size:var(--text-md)}.generation-prompt-panel{display:grid;gap:var(--space-3);margin:var(--space-5) 0;padding-top:var(--space-5);border-top:1px solid var(--line)}.generation-prompt-panel>div:not(.prompt-header):not(.prompt-footer){display:grid;gap:6px}.prompt-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.prompt-header>span{flex:1;color:var(--faint);font-size:var(--text-xs);font-weight:650;line-height:var(--leading-tight)}.generation-prompt-panel h2,.generation-prompt-panel h3,.generation-prompt-panel p{margin:0}.generation-prompt-panel h2{color:var(--ink);font-size:var(--text-lg);line-height:var(--leading-tight)}.generation-prompt-panel h3{color:var(--muted);font-size:var(--text-xs);font-weight:700}.generation-prompt-panel p{color:var(--muted);font-size:var(--text-sm);line-height:1.65}.prompt-toolbar{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.prompt-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:none;padding:0;color:var(--faint);cursor:pointer;transition:background .16s ease,color .16s ease}.prompt-icon-btn:hover{background:var(--hover);color:var(--ink)}.prompt-icon-btn svg{width:15px;height:15px}.copy-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);font-size:var(--text-xs);font-weight:550;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s ease}.copy-tip:after{position:absolute;bottom:-5px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--ink);transform:translate(-50%);content:""}.copy-tip.is-visible{opacity:1}.prompt-footer{display:flex;align-items:center}.prompt-copy-btn{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:none;border-radius:var(--radius-sm);background:none;padding:4px 8px;color:var(--muted);font-size:var(--text-xs);font-weight:550;cursor:pointer;transition:background .16s ease,color .16s ease}.prompt-copy-btn:hover{background:var(--hover);color:var(--ink)}.prompt-copy-btn svg{width:14px;height:14px}.prompt-icon-btn{position:relative}.detail-float-nav{position:fixed;top:120px;right:max(24px,calc((100% - var(--page-shell-width)) / 2 - 120px));z-index:25;display:flex;flex-direction:column;align-items:center;border:.5px solid rgb(255 255 255 / 15%);border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);padding:6px;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%)}:root[data-theme=dark] .detail-float-nav{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.detail-float-nav__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted);transition:background .15s,color .15s,transform .15s}.detail-float-nav__btn:hover{background:#ffffff14;color:var(--ink);transform:scale(1.06)}.detail-float-nav__btn svg,.back-to-top svg{width:20px;height:20px}.detail-float-nav__btn .hover-tip{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}.detail-float-nav__btn .hover-tip:after{top:50%;left:auto;right:-5px;border-left:5px solid var(--ink);border-right:none;border-bottom:5px solid transparent;border-top:5px solid transparent;transform:translateY(-50%)}.detail-float-nav__divider{width:24px;height:1px;background:var(--line);margin:2px 0}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink)}:root[data-theme=dark] .back-to-top{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.generation-prompt-panel article{display:grid;gap:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);padding:12px}.detail-main{display:grid;gap:18px}.version-timeline{width:100%}.version-timeline__track{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:var(--space-4) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.version-timeline__node{display:flex;align-items:center;flex-shrink:0;gap:0}.version-timeline__connector{display:block;flex:1;min-width:24px;height:2px;background:var(--line);margin:0 var(--space-3)}.version-timeline__link{display:flex;align-items:center;gap:0;text-decoration:none}.version-timeline__link:hover .version-timeline__dot{border-color:var(--ink);background:var(--ink)}.version-timeline__link:hover .version-timeline__year{color:var(--ink)}.version-timeline__dot{display:block;width:14px;height:14px;border:2px solid var(--line);border-radius:50%;background:var(--surface);flex-shrink:0;transition:background .2s,border-color .2s}.version-timeline__node.is-current .version-timeline__dot{border-color:var(--ink);background:var(--ink)}.version-timeline__year{margin-left:8px;font-size:var(--text-sm);color:var(--faint);white-space:nowrap;transition:color .2s}.version-timeline__node.is-current .version-timeline__year{color:var(--ink);font-weight:600}.case-detail__cover,.app-screenshot-lead,.screenshot-grid img{overflow:hidden}.case-detail__cover{min-height:50vh}.app-screenshot-lead{display:grid;place-items:center;padding:clamp(16px,4vw,34px)}.case-detail__cover img{width:100%;object-fit:cover}.app-screenshot-lead img{width:auto;max-width:100%;max-height:min(720px,80vh);border-radius:8px}.case-body{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px;color:var(--muted);font-size:var(--text-lg);line-height:1.8}.case-body p{margin:0}.dot-bg{position:relative;z-index:0}.dot-bg:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 35%,transparent 75%);pointer-events:none;z-index:-1}.mobile-screenshots{margin-top:var(--space-8)}.mobile-screenshots h2{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:650;color:var(--muted)}.mobile-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.mobile-screenshot-grid img{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.similar-recs{margin-top:var(--space-8)}.similar-recs__heading{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:650;color:var(--muted)}.similar-recs{position:relative}.similar-recs__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);transition:background .15s,color .15s,opacity .15s,transform .15s}:root[data-theme=dark] .similar-recs__btn{border-color:#ffffff26;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff0a,0 2px 8px #00000024,0 8px 24px #0000002e,0 20px 56px #0000003d}.similar-recs__btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink);transform:translateY(-50%) scale(1.08)}.similar-recs__btn--prev{left:0}.similar-recs__btn--next{right:0}.similar-recs__btn svg{width:20px;height:20px;color:var(--faint)}.similar-recs__scroll{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;contain:inline-size}.similar-recs__scroll::-webkit-scrollbar{display:none}.similar-recs__scroll .case-card{flex:0 0 360px;scroll-snap-align:start}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.screenshot-grid img{width:100%}.app-screenshot-grid{align-items:start}.app-screenshot-grid img{background:var(--surface);object-fit:contain}.app-detail-slider{display:grid;gap:18px;width:min(1640px,calc(100vw - 32px));margin:0 auto;padding-top:clamp(18px,4vw,42px)}.app-slider-shell{position:relative;display:grid;min-height:calc(100vh - 172px);grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(24px,5vw,80px);overflow:hidden;border:1px solid color-mix(in srgb,var(--gray-0) 62%,var(--line));border-radius:clamp(28px,4vw,52px);background:radial-gradient(circle at 74% 24%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--gray-0) 64%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-soft) 78%,transparent));padding:clamp(24px,4.8vw,76px);box-shadow:0 34px 90px #0000001a,inset 0 1px #ffffff6b}.app-slider-shell:before,.app-slider-shell:after{content:"";position:absolute;pointer-events:none}.app-slider-shell:before{inset:1px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 0%,transparent),color-mix(in srgb,var(--gray-0) 28%,transparent) 52%,transparent),radial-gradient(ellipse at 72% 78%,rgb(0 0 0 / 8%),transparent 44%);opacity:.76}.app-slider-shell:after{right:-18%;bottom:-42%;width:min(760px,62vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 64%);filter:blur(24px);opacity:.65}.app-slider-copy,.device-stage{position:relative;z-index:1}.app-slider-copy,.app-slider-meta{display:grid;gap:14px}.app-slider-copy{align-self:center;max-width:560px;border:1px solid color-mix(in srgb,var(--gray-0) 52%,var(--line));border-radius:clamp(28px,4vw,42px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 80%,transparent),color-mix(in srgb,var(--surface-subtle) 56%,transparent));padding:clamp(24px,4vw,44px);box-shadow:0 24px 70px #00000014,inset 0 1px #ffffff70;backdrop-filter:blur(22px)}.app-slider-copy .eyebrow{margin:0;color:var(--faint);font-size:var(--text-xs);font-weight:720;letter-spacing:.08em}.app-slider-copy h1{margin:0;max-width:100%;font-size:clamp(44px,5vw,88px);font-weight:820;line-height:.92;letter-spacing:-.06em;text-wrap:balance}.app-slider-copy p:not(.eyebrow){margin:0;max-width:34rem;color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.75}.case-hero__analysis{max-width:58rem;border-left:2px solid var(--line-strong);margin-top:var(--space-5);padding-left:var(--space-4);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.app-slider-copy .property-row{gap:8px}.app-slider-copy .property-pill,.app-slider-copy .ghost-button{background:color-mix(in srgb,var(--surface) 74%,transparent);box-shadow:inset 0 1px #ffffff57;backdrop-filter:blur(14px)}.device-stage{position:relative;display:grid;place-items:center;align-content:center;gap:14px;min-width:0;min-height:min(720px,calc(100vh - 180px));overflow:hidden;isolation:isolate}.device-stage:before{content:"";position:absolute;z-index:-1;width:min(760px,58vw);aspect-ratio:1.24;border-radius:999px;background:radial-gradient(circle at 50% 40%,rgb(255 255 255 / 72%),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%);filter:blur(28px);opacity:.88}:root[data-theme=dark] .device-stage:before{background:radial-gradient(circle at 50% 40%,rgb(255 255 255 / 16%),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 62%);opacity:.72}.device-carousel{position:relative;width:min(820px,88vw);height:min(680px,calc(100vh - 220px));min-height:520px;perspective:1600px}.device-slide{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;border:0;background:transparent;padding:0;opacity:.22;cursor:pointer;filter:saturate(.68) blur(.5px);transform:translate(-50%,-50%) translate(calc(var(--offset) * min(148px,15vw))) scale(.7) rotateY(calc(var(--offset) * -12deg));transition:transform .36s var(--ease),opacity .36s var(--ease),filter .36s var(--ease)}.device-slide.is-active{z-index:20;opacity:1;filter:saturate(1) blur(0);cursor:default;transform:translate(-50%,-50%) translate(0) scale(1) rotateY(0)}.device-slide:not(.is-active):hover{opacity:.56;filter:saturate(.9) blur(0)}.device-frame{position:relative;display:grid;place-items:center;overflow:hidden;border:10px solid #111316;background:#090a0c;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -18px 36px #00000047,0 34px 90px #0000003d}.device-stage--iphone .device-frame{width:min(330px,72vw);aspect-ratio:403 / 874;border-radius:48px}.device-stage--ipad .device-frame{width:min(660px,78vw);aspect-ratio:3 / 2;border-radius:34px}.device-speaker{position:absolute;z-index:2;top:14px;left:50%;width:72px;height:20px;border-radius:var(--radius-lg);background:#17191c;transform:translate(-50%)}.device-stage--ipad .device-speaker{display:none}.device-frame img{width:100%;display:block;object-fit:cover}.device-stage--ipad .device-frame img{border-radius:20px}.slider-control{position:absolute;z-index:3;top:50%;display:grid;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--gray-0) 42%,var(--line));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(18px)}.slider-control--prev{left:max(0px,calc(50% - 330px))}.slider-control--next{right:max(0px,calc(50% - 330px))}.app-shot-label{position:relative;z-index:24;width:fit-content;border:1px solid color-mix(in srgb,var(--gray-0) 54%,var(--line));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--muted);font-size:var(--text-sm);font-weight:760;letter-spacing:.02em;padding:9px 16px;box-shadow:0 12px 34px #0000001f,inset 0 1px #ffffff61;backdrop-filter:blur(18px)}.app-slider-meta{align-self:stretch;align-content:center;border-left:1px solid var(--line);padding-left:clamp(18px,3vw,34px)}.app-slider-meta dl{display:grid;gap:16px;margin:0}.app-slider-meta div{display:grid;gap:7px}.app-slider-meta dt{color:var(--faint);font-size:var(--text-xs);font-weight:700}.app-slider-meta dd{margin:0}.slider-count{color:var(--faint);font-size:var(--text-sm)}.app-slider-body{width:min(720px,100%);margin:0 auto}.app-screenshot-slider{position:relative;width:100%;min-width:0;max-width:100%;--active-phone-width: min(360px, calc(65vw - 20px) );--active-phone-height: min(775.08px, calc(140vw - 20px) );--active-ipad-width: min(820px, calc(80vw - 20px) );--active-ipad-height: min(610px, calc(60vw - 20px) )}.app-screenshot-slider__wrap{position:relative;max-width:100%;overflow-x:clip;overflow-y:visible}.app-screenshot-slider__viewport{position:relative;display:flex;justify-content:center;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}.app-screenshot-slider__viewport:before,.app-screenshot-slider__viewport:after{position:absolute;top:0;bottom:0;z-index:2;width:clamp(72px,14vw,220px);pointer-events:none;content:""}.app-screenshot-slider__viewport:before{left:0;background:linear-gradient(90deg,var(--bg) 8%,color-mix(in srgb,var(--bg) 72%,transparent) 52%,transparent)}.app-screenshot-slider__viewport:after{right:0;background:linear-gradient(270deg,var(--bg) 8%,color-mix(in srgb,var(--bg) 72%,transparent) 52%,transparent)}.app-screenshot-slider__track{position:absolute;top:50%;left:0;display:flex;width:max-content;align-items:center;gap:clamp(18px,3vw,40px);transform:translateY(-50%);opacity:0;transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform}.app-screenshot-slider__track.is-ready{opacity:1}.app-screenshot-slide{position:relative;flex:0 0 min(360px,calc(65vw - 20px));display:grid;gap:var(--space-2);place-items:center;min-width:0;min-height:0;border:0;background:transparent;padding:0;color:var(--muted);cursor:pointer;overflow:hidden;opacity:.42;filter:saturate(.82);transform:scale(.9);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1),color .22s ease,filter .42s ease}.app-screenshot-slide:before{grid-area:1 / 1;width:100%;height:100%;border-radius:28px;background:radial-gradient(circle at 30% 18%,color-mix(in srgb,var(--surface) 92%,white 8%),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,var(--muted) 12%),color-mix(in srgb,var(--bg) 82%,var(--muted) 18%));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 58%,transparent);content:"";transition:opacity .22s ease}.app-screenshot-slide.is-loaded:before{opacity:0}.app-screenshot-slider.is-ipad .app-screenshot-slide{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px));height:var(--active-ipad-height)}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));height:var(--active-phone-height)}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));height:var(--active-phone-height)}.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px));height:var(--active-ipad-height)}.app-screenshot-slider.is-ipad .app-screenshot-slide:before{border-radius:24px}.app-screenshot-slide:hover{opacity:.78;color:var(--ink)}.app-screenshot-slide.is-active{flex-basis:min(360px,calc(65vw - 20px));opacity:1;color:var(--ink);cursor:default;filter:saturate(1);transform:scale(1)}.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px))}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));border-radius:36px}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-phone-width),calc(100vw - 64px));border-radius:36px}.app-screenshot-slider:not(.is-ipad).is-classic-phone .app-screenshot-slide.is-active{border-radius:0}.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(var(--active-ipad-width),calc(100vw - 64px))}.app-screenshot-slider__stage{position:relative;z-index:3;width:var(--stage-width, min(380px, 65vw));max-width:90vw;pointer-events:none}.app-screenshot-slider__device-frame{position:relative;display:grid;width:100%;aspect-ratio:71.5 / 149.6;box-sizing:border-box;overflow:hidden;border:10px solid #000;border-radius:60px;box-shadow:0 0 0 1px var(--line)}.app-screenshot-slider.is-sizing-ready .app-screenshot-slider__stage{transition:width .36s cubic-bezier(.22,1,.36,1)}.app-screenshot-slider.is-sizing-ready .app-screenshot-slider__device-frame{transition:aspect-ratio .36s cubic-bezier(.22,1,.36,1),border-radius .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1)}.app-screenshot-slider.is-ipad .app-screenshot-slider__stage{width:var(--stage-width, min(840px, 80vw));max-width:90vw}.app-screenshot-slider.is-ipad .app-screenshot-slider__device-frame{aspect-ratio:4 / 3;border-radius:34px}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__device-frame{border-radius:44px}.app-screenshot-slider__device-frame .device-speaker{position:absolute;z-index:2;top:8px;left:50%;width:64px;height:18px;border-radius:999px;background:#00000075;transform:translate(-50%)}.app-screenshot-slider.is-ipad .app-screenshot-slider__device-frame .device-speaker{display:none}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__device-frame .device-speaker{top:50%;right:10px;left:auto;width:18px;height:64px;transform:translateY(-50%)}.device-home-button{display:none;position:absolute;z-index:2;bottom:4px;left:50%;width:26px;height:26px;border:2.5px solid rgb(150 150 150 / 52%);border-radius:50%;background:#1414141f;transform:translate(-50%)}.app-screenshot-slider__device-frame.is-se-style{border-width:11px 10px 13px;border-radius:34px}.app-screenshot-slider__device-frame.is-se-style:before,.app-screenshot-slider__device-frame.is-se-style:after{position:absolute;right:0;left:0;z-index:1;height:var(--classic-phone-chrome, 0);background:#000;content:""}.app-screenshot-slider__device-frame.is-se-style:before{top:0}.app-screenshot-slider__device-frame.is-se-style:after{bottom:0}.app-screenshot-slider__device-frame.is-se-style .device-speaker{top:calc(var(--classic-phone-chrome, 56px) * .38);width:42px;height:4px;border-radius:999px;background:#00000061}.app-screenshot-slider__device-frame.is-se-style .device-home-button{display:block}.app-screenshot-slide img{grid-area:1 / 1;position:relative;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;transition:transform .52s cubic-bezier(.22,1,.36,1),filter .42s ease}.app-screenshot-slider.is-ipad .app-screenshot-slide img{width:100%;height:100%;border-radius:24px}.app-screenshot-slider:not(.is-ipad).is-portrait-device .app-screenshot-slide img{width:100%;height:100%}.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide img{width:100%;height:100%}.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active img{border-radius:24px}.app-screenshot-slider:not(.is-ipad).is-classic-phone .app-screenshot-slide.is-active img{border-radius:0}.app-screenshot-slider__meta{position:absolute;top:calc(100% + 12px);left:50%;z-index:4;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:baseline;gap:10px 16px;width:100%;min-width:max-content;pointer-events:auto;transform:translate(-50%)}.app-screenshot-slider__label{grid-column:1 / -1;color:var(--ink);font-size:var(--text-lg);font-weight:700;white-space:nowrap;text-align:center}.app-screenshot-slider__page-type{color:var(--muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;white-space:nowrap}.app-screenshot-slider__ui-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.app-screenshot-slider__ui-tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--muted);font-size:var(--text-xs);font-weight:400;white-space:nowrap}.app-screenshot-slider__btn{top:50%;z-index:4}.app-screenshot-slider__btn--prev{left:clamp(14px,3vw,42px)}.app-screenshot-slider__btn--next{right:clamp(14px,3vw,42px)}.app-screenshot-slider__count{position:absolute;right:clamp(18px,3vw,42px);bottom:clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--muted);font-size:var(--text-sm);font-weight:720;padding:7px 12px;backdrop-filter:blur(16px)}.app-screenshot-description,html[lang=en] .app-screenshot-description [data-lang-content=en],html[lang=zh] .app-screenshot-description [data-lang-content=zh]{display:grid}.app-screenshot-description p{margin:0 0 var(--space-4)}.text-link-button{width:fit-content;border:0;background:transparent;color:var(--primary);font:inherit;padding:0;cursor:pointer}.text-link-button:hover{text-decoration:underline}.app-screenshot-groups{position:relative;width:100%;min-width:0}.app-screenshot-groups__track{display:flex;flex-direction:column;gap:clamp(40px,6vw,40px)}.app-screenshot-platform h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--ink);font-size:var(--text-xl);cursor:pointer;user-select:none}.app-screenshot-platform__icon{display:flex;align-items:center;color:var(--muted)}.app-screenshot-platform__icon svg{width:22px;height:22px}.app-screenshot-platform__chevron{display:flex;align-items:center;color:var(--muted);transition:transform .25s}.app-screenshot-platform__chevron svg{width:18px;height:18px}.app-screenshot-platform__body{overflow:visible}.app-screenshot-platform.is-collapsed .app-screenshot-platform__chevron{transform:rotate(-90deg)}.app-screenshot-platform.is-collapsed .app-screenshot-platform__body{display:none}.app-screenshot-platform__scroll{position:relative}.app-screenshot-platform__row{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.app-screenshot-platform__row::-webkit-scrollbar{display:none}.app-screenshot-platform__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:.5px solid rgb(255 255 255 / 15%);border-radius:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff0a 30%,#ffffff05 80%,#ffffff0f);color:var(--muted);cursor:pointer;box-shadow:inset 0 .5px #ffffff40,inset 0 -.5px #ffffff14,0 2px 8px #0000000a,0 8px 24px #00000012,0 20px 56px #0000001a;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);transition:background .15s,color .15s,transform .15s}.app-screenshot-platform__btn:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff14 30%,#ffffff0a 80%,#ffffff1f);color:var(--ink);transform:translateY(-50%) scale(1.08)}.app-screenshot-platform__btn svg{width:18px;height:18px;color:var(--faint)}.app-screenshot-platform__btn--prev{left:-48px}.app-screenshot-platform__btn--next{right:-48px}.app-screenshot-frame{flex:0 0 auto;scroll-snap-align:start;display:grid;place-items:center;margin:0;aspect-ratio:var(--shot-ratio, auto);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.app-screenshot-frame.is-portrait{width:min(calc(min(760px,78vh) * var(--shot-ratio-value)),86vw)}.app-screenshot-platform.is-apple-watch .app-screenshot-frame.is-portrait{width:min(calc(min(360px,39vh) * var(--shot-ratio-value)),43vw)}.app-screenshot-frame.is-landscape{width:min(86vw,980px)}.app-screenshot-frame img,.app-screenshot-frame video{display:block;width:100%;height:100%;object-fit:cover}.app-screenshot-frame.is-video{background:#000}[data-lang-content]{display:none}html[lang=en] [data-lang-content=en],html[lang=zh] [data-lang-content=zh]{display:revert}.hero{max-width:960px;margin:0 auto;padding:var(--space-8) 0 var(--space-12)}.hero h1{margin:0 0 var(--space-8);font-size:clamp(var(--text-3xl),6vw,56px);font-weight:760;line-height:1.05;letter-spacing:-.02em}.hero h2{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:650;line-height:var(--leading-tight)}.hero p{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.hero ul{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.hero li{margin-bottom:var(--space-1)}.hero hr{margin:var(--space-8) 0;border:0;border-top:1px solid var(--line)}.hero strong{color:var(--ink)}.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.pill{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:0 14px;color:var(--muted);font-size:var(--text-sm);font-weight:550}.links-page{max-width:none}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.link-card{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-3xl);background:linear-gradient(145deg,color-mix(in oklab,var(--surface) 96%,white),var(--surface-soft));padding:var(--space-6);box-shadow:var(--shadow-soft);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.link-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.link-card__meta{width:fit-content;border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 12px;color:var(--faint);font-size:var(--text-sm);font-weight:650}.link-card strong{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-2xl);line-height:var(--leading-tight)}.link-card strong svg{width:20px;height:20px;flex:0 0 auto;color:var(--faint)}.link-card span:not(.link-card__meta){color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal)}.link-card small{overflow:hidden;color:var(--faint);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.site-footer{width:min(1600px,calc(100% - 96px));margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) 0 var(--space-16)}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.footer-row__bottom{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--line)}.footer-row__bottom,.footer-row__bottom a{color:var(--subtle);font-size:var(--text-xs)}.social-link{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-pill);color:var(--faint);transition:background .16s ease,color .16s ease}.social-link:hover{background:var(--hover);color:var(--ink)}.social-link svg{width:16px;height:16px}.social-link--wechat{position:relative;cursor:pointer;overflow:visible}.wechat-qr{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:160px;height:160px;max-width:none;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000002e;pointer-events:none;opacity:0;z-index:50;transition:opacity .18s ease}.social-link--wechat:hover .wechat-qr,.social-link--wechat:focus-visible .wechat-qr{opacity:1}.footer-left{display:flex;align-items:flex-end;gap:var(--space-4)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-nav a{transition:color .16s ease}.footer-nav a:hover{color:var(--ink)}.footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer-desc{gap:var(--space-3);display:inline-flex;align-items:center}.footer-logo{flex-shrink:0;opacity:.85;transition:opacity .18s ease}.footer-logo:hover{opacity:1;color:var(--ink)}.footer-logo svg{display:block;width:18px;height:18px}.footer-stats-group{display:flex;gap:var(--space-10)}.footer-col{min-width:140px}.footer-col-title{font-size:var(--text-sm);font-weight:650;color:var(--faint);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.footer-col-title svg{width:16px;height:16px;flex-shrink:0}.footer-col-list{list-style:none;margin:0;padding:0 0 0 24px;display:flex;flex-direction:column;gap:var(--space-1)}.footer-col-list a{font-size:var(--text-sm);color:var(--muted);transition:color .16s ease}.footer-col-list a:hover{color:var(--ink)}.footer-copyright-group{display:flex;align-items:center;gap:var(--space-3)}.footer-copyright-group span:not(:last-child):after,.footer-nav a:not(:last-child):after{content:"|";color:var(--line);margin-left:var(--space-3)}@media(min-width:981px)and (max-width:1400px){.case-grid,.icon-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}}@media(max-width:980px){html,body,.site-frame{inline-size:100%;max-inline-size:100%;overflow-x:clip}.home-search-module{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-10) 0 var(--space-6)}.home-search-module h1{max-width:none;font-size:clamp(30px,9vw,44px)}.home-search-module__copy p:last-child{max-width:none}.home-category-header{align-items:flex-start}.home-category-grid,.home-category-grid--event{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.home-category-grid--app,.home-category-grid--screenshot{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.home-category-grid--icon{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr))}.home-dispatch-hero{padding-top:var(--space-10)}.home-dispatch-copy h1{font-size:clamp(40px,12vw,58px)}.home-dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard__stat{border-left:0;border-top:1px solid var(--line)}.home-dashboard__stat:nth-child(-n+2){border-top:0}.home-dashboard__stat:nth-child(2n){border-left:1px solid var(--line)}.home-dispatch-section__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.home-dispatch-section__deck{grid-column:1 / -1;order:3}.home-dispatch-layout{grid-template-columns:1fr}.home-feature-card__body h3{font-size:clamp(var(--text-2xl),8vw,36px)}.site-header{padding-top:env(safe-area-inset-top);padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right))}.nav-glass{inline-size:100%;max-inline-size:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 32px);overflow:visible}.site-main{inline-size:100%;max-inline-size:100%;margin-inline:auto;padding-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));padding-block:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));overflow-x:clip}.site-footer{inline-size:100%;max-inline-size:100%;padding-inline:16px;overflow-x:clip}.detail-float-nav{display:none}@supports not (inline-size: 100dvw){.site-frame,.site-main{max-inline-size:100vw}}.site-main>*,.site-footer>*{min-inline-size:0;max-inline-size:100%}.database-page,.case-detail,.page-heading,.case-hero,.case-hero__body,.case-hero__meta,.case-grid,.product-index-page,.product-detail-page,.product-hero,.product-hero__body,.product-hero__summary,.product-hero__actions,.product-grid,.product-card,.product-hero-preview,.product-section,.icon-gallery,.case-card,.icon-card,.card-title-row,.property-row,.detail-layout,.icon-detail-layout,.icon-detail-main,.icon-showcase,.related-icons,.similar-recs,.similar-recs__wrap,.similar-recs__scroll,.version-timeline,.version-timeline__track,.case-detail__cover,.mobile-screenshots,.mobile-screenshot-grid,.screenshot-grid,.app-detail-slider,.app-slider-shell,.app-screenshot-slider,.app-screenshot-slider__wrap,.app-screenshot-slider__viewport,.footer-row,.footer-left,.footer-right,.footer-stats-group,.footer-tools,.footer-copyright-group{min-inline-size:0;max-inline-size:100%}.case-card,.icon-card,.case-detail__cover,.case-body,.icon-showcase,.properties-panel,.version-timeline,.similar-recs,.app-screenshot-slider,.app-screenshot-slider__wrap,.app-screenshot-slider__viewport{inline-size:100%}.case-card__media,.case-card__image,.app-card__media,.app-card__image,.icon-card__image,.similar-recs__image,.icon-showcase img,.case-detail__cover img,.mobile-screenshot-grid img,.screenshot-grid img{min-inline-size:0;max-inline-size:100%}.app-screenshot-slider__track{max-inline-size:none}.icon-detail-layout,.related-icon-grid,.detail-layout,.screenshot-grid,.app-slider-shell{inline-size:100%;grid-template-columns:1fr;overflow-x:clip}.app-detail-slider{inline-size:100%;max-inline-size:min(100%,980px);margin:0 auto}.app-slider-shell{min-height:auto}.device-stage{min-height:620px}.device-carousel{width:100%;height:560px;min-height:560px}.device-slide{transform:translate(-50%,-50%) translate(calc(var(--offset) * 96px)) scale(.68) rotateY(calc(var(--offset) * -10deg))}.app-slider-meta{border-top:1px solid var(--line);border-left:0;padding-top:18px;padding-left:0}.similar-recs__scroll,.version-timeline__track,.section-tabs{overflow-x:auto;overscroll-behavior-inline:contain}.similar-recs__card{flex-basis:min(360px,calc(100vw - 56px))}.footer-row,.footer-stats-group,.footer-copyright-group{flex-wrap:wrap}.properties-panel{position:static}.properties-panel dl>div{grid-template-columns:1fr;gap:2px}}@media(max-width:800px){.case-card__media,.app-card__media,.icon-card__image{width:100%;overflow:hidden}.case-card__image{inline-size:100%;min-inline-size:0;object-fit:cover}.case-hero,.footer-row{align-items:flex-start}.footer-row,.footer-left,.footer-right,.footer-copyright-group{inline-size:100%}.footer-right{align-items:flex-start}.footer-stats-group{display:grid;inline-size:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));column-gap:var(--space-5);row-gap:var(--space-6)}.footer-col{min-inline-size:0}.footer-col-list{padding-left:0;gap:6px}.footer-row__bottom{align-items:flex-start}.app-screenshot-slider__stage,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slider__stage,.app-screenshot-slider.is-ipad .app-screenshot-slider__stage,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slider__stage{inline-size:min(100%,calc(100vw - 64px))}.app-screenshot-slide,.app-screenshot-slide.is-active,.app-screenshot-slider.is-ipad .app-screenshot-slide,.app-screenshot-slider.is-ipad .app-screenshot-slide.is-active,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide,.app-screenshot-slider:not(.is-ipad).is-landscape-device .app-screenshot-slide.is-active,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide,.app-screenshot-slider.is-ipad.is-portrait-device .app-screenshot-slide.is-active{flex-basis:min(100%,calc(100vw - 64px))}.site-header{padding-top:env(safe-area-inset-top)}.nav-glass{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;inline-size:100%;min-height:48px;padding:0}.brand-logo{width:30px;height:30px}.top-nav{justify-content:center;gap:1px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.nav-actions{gap:0}.top-nav-link,.filter-nav-btn{min-width:0;height:44px}.top-nav-link{flex:0 0 auto;padding:0 9px;font-size:12px}.filter-nav-btn{width:36px;padding:0}.filter-nav-btn svg{width:18px;height:18px}}@media(max-width:980px){.product-identity{justify-items:start;text-align:left}.product-hero-preview{grid-template-columns:1fr}.product-hero-preview__main{min-height:320px}.product-hero-preview__rail{grid-template-columns:minmax(160px,.34fr) minmax(0,1fr)}.product-section__heading{display:grid;gap:var(--space-2)}.product-section__heading p{max-width:none;text-align:left}.product-visuals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.product-index-page,.product-detail-page{width:min(100% - 32px,1600px)}.product-hero-preview__rail,.product-hero-preview__stats{grid-template-columns:1fr}.product-hero-preview__icon{min-height:180px}.product-visuals__grid{grid-template-columns:1fr}.product-visual-card.is-large{grid-column:auto;grid-row:auto}}@media(max-width:640px){.home-dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard__stat{grid-template-columns:30px minmax(0,1fr);border-left:0;border-top:1px solid var(--line);padding:var(--space-3)}.home-dashboard__stat:nth-child(-n+2){border-top:0}.home-dashboard__stat:nth-child(2n){border-left:1px solid var(--line)}.home-dashboard__stat>svg{display:none}.home-dispatch-section__header{grid-template-columns:1fr}.home-category-link{justify-self:start}.home-digest-item{grid-template-columns:28px 68px minmax(0,1fr);gap:var(--space-2)}.home-digest-item>svg{display:none}.home-digest-item__thumb img{height:54px}.home-digest-item__thumb--phone{width:42px}.home-digest-item__thumb--phone img{height:76px}.home-digest-item__thumb--icon img{width:42px;height:42px}.title-row,.icon-hero{display:grid}.icon-count{text-align:left}.title-row h1{font-size:42px}.section-tabs{overflow-x:auto}.filter-label{width:100%}.app-slider-shell{border-radius:24px}.device-stage{min-height:560px}.device-carousel{height:500px;min-height:500px}.app-slider-copy h1{font-size:42px}.slider-control{width:40px;height:40px;font-size:28px}}.event-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.event-media{display:flex;flex-direction:column;gap:var(--space-5)}.event-media__figure{margin:0}.event-media__landscape,.event-media__portrait{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--line)}.event-media__video{width:100%;border-radius:var(--radius-lg);border:1px solid var(--line)}.case-sidebar{position:sticky;top:60px;display:grid;gap:var(--space-5)}.event-app-info{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.event-app-sidebar__app{display:flex;align-items:center;gap:14px;width:100%}.event-app-sidebar__icon{width:64px;height:64px;border-radius:var(--radius-lg);border:1px solid var(--line);object-fit:cover;flex-shrink:0}.event-app-sidebar__app-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.event-app-sidebar__name{margin:0;font-size:var(--text-xl);font-weight:680;color:var(--ink)}.event-app-sidebar__category{margin:0;font-size:var(--text-sm);color:var(--muted)}.event-app-sidebar__link{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:var(--text-xs);font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s;width:fit-content}.event-app-sidebar__link:hover{background:var(--ink);color:var(--surface)}.event-app-sidebar__meta{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5) 0 0;margin:0;gap:var(--space-3);border-top:1px solid var(--line)}.event-app-sidebar__meta dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;color:var(--muted);font-size:var(--text-md)}.event-app-sidebar__meta dd a{color:var(--muted);gap:var(--space-3)}.event-app-sidebar__meta dd a:hover{color:var(--ink)}.event-app-sidebar__meta dd:first-child{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-app-sidebar__meta .property-row a:nth-of-type(n+2):before{content:"|";color:var(--line-strong);margin-right:var(--space-3)}.event-app-sidebar__meta .tag-icon{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--text-xs);flex-shrink:0}.event-app-sidebar__design-summary{margin:0;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal);border-top:1px solid var(--line);padding-top:var(--space-5)}.sidebar-ad{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px;min-height:120px;position:relative}.sidebar-ad .ad-sponsored-badge{position:absolute;bottom:6px;right:10px;font-size:11px;color:var(--faint)}.event-app-sidebar__store{width:100%;padding-top:var(--space-5);border-top:1px solid var(--line)}.event-app-sidebar__store a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:opacity .15s}.event-app-sidebar__store a:hover{opacity:.84}.icon-app-sidebar__store{width:100%;padding-top:16px;border-top:1px solid var(--line)}.icon-app-sidebar__store a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:opacity .15s}.icon-app-sidebar__store a:hover{opacity:.84}@media(max-width:760px){.event-detail-layout,.tool-detail-layout{grid-template-columns:1fr}.event-app-sidebar{position:static;padding:18px}.event-app-sidebar__icon{width:56px;height:56px}}.tool-library-page{width:100%;min-height:calc(100vh - 180px);display:grid;align-content:start;gap:var(--space-10);padding:0;border-radius:var(--radius-md);color:var(--ink)}.tool-library-hero{display:grid;justify-items:center;text-align:center;padding-top:var(--space-16)}.tool-library-hero h1{max-width:1080px;margin:0;color:var(--ink);font-size:clamp(40px,7vw,72px);font-weight:820;line-height:1.1;letter-spacing:0}.tool-library-hero h1:first-letter{color:var(--ink)}.tool-library-hero p{max-width:860px;margin:var(--space-5) 0 0;color:var(--muted);font-size:var(--text-lg);font-weight:650;line-height:var(--leading-loose)}.tool-library-search{margin-top:var(--space-12)}.tool-library-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-2)}.tool-library-tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);border:1px solid var(--line);font-size:var(--text-sm);font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.tool-library-tab:hover{color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-library-tab.is-active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.tool-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-self:start;gap:16px}.tool-library-card{position:relative;overflow:hidden;min-height:256px;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.tool-library-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.tool-library-card__open{position:absolute;top:var(--space-6);right:var(--space-6);display:grid;place-items:center;width:28px;height:28px;color:var(--muted);text-decoration:none}.tool-library-card__open svg{width:24px;height:24px}.tool-library-card__logo{width:48px;height:48px;display:grid;place-items:center;margin-bottom:var(--space-5);border-radius:var(--radius-sm);overflow:hidden}.tool-library-card__logo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.tool-library-card h2{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:780;line-height:var(--leading-tight)}.tool-library-card h2 a{color:inherit;text-decoration:none}.tool-library-card p{margin:0;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-loose)}.tool-library-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-6)}.tool-panel h2{margin:0;color:var(--ink);font-size:var(--text-md);line-height:var(--leading-tight)}.tool-content-stack{display:grid;gap:var(--space-4)}.tool-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6)}.tool-panel--summary p{margin:var(--space-4) 0 0;color:var(--muted);font-size:var(--text-md);line-height:var(--leading-loose)}.tool-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.tool-panel__heading p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.tool-panel__heading--inline>a{flex-shrink:0;color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none}.tool-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--space-4)}.tool-feature-grid--best{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.tool-feature-item{min-width:0;display:grid;align-content:start;gap:var(--space-3);color:var(--ink);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-tight)}.tool-feature-item__icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--muted)}.tool-feature-item__icon svg{width:18px;height:18px}.tool-similar-section{display:grid;gap:var(--space-4)}.tool-similar-heading{margin-bottom:0}.tool-similar-heading h2{margin:0;color:var(--ink);font-size:var(--text-md);line-height:var(--leading-tight)}.tool-similar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.tool-similar-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:232px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);color:var(--ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.tool-similar-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.icon-card,.screenshot-card,.tool-library-card,.tool-similar-card{transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.icon-card:hover,.screenshot-card:hover,.tool-library-card:hover,.tool-similar-card:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tool-similar-card>svg{position:absolute;top:var(--space-6);right:var(--space-6);width:18px;height:18px;color:var(--muted)}.tool-similar-card__logo{width:48px;height:48px;margin-bottom:var(--space-5);border-radius:var(--radius-md);object-fit:cover}.tool-similar-card h3{margin:0 0 var(--space-3);padding-right:var(--space-5);font-size:var(--text-xl);font-weight:780;line-height:var(--leading-tight)}.tool-similar-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.tool-similar-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-6)}.tool-similar-card__tags span{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--muted);font-size:var(--text-xs);font-weight:760}@media(max-width:760px){.tool-library-page{gap:var(--space-8)}.tool-library-hero h1{font-size:clamp(36px,12vw,52px)}.tool-library-hero p{margin-top:var(--space-4);font-size:var(--text-md);line-height:var(--leading-loose)}.tool-library-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.tool-library-tab{min-width:max-content;height:36px;padding-inline:var(--space-5);font-size:var(--text-md)}.tool-library-card{min-height:232px;padding:var(--space-6)}.tool-panel{padding:var(--space-5)}.tool-panel__heading{flex-direction:column;align-items:flex-start}.case-hero__meta .hover-tip{display:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}