*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-text-main: #172033;--color-text-muted: #566070;--color-text-subtle: #8a94a6;--color-accent-mint: #e1f2f0;--color-accent-pink: #f5e6eb;--color-accent-peach: #faf3f0;--color-accent-blue: #e1ecf2;--color-accent-purple: #eae6f0;--color-accent: #3a5b78;--color-accent-hover: #9e5544;--color-page-bg: #f4f7fb;--color-page-bg-gradient: radial-gradient(circle at 20% 10%, rgba(164, 202, 248, .22), transparent 34%), radial-gradient(circle at 82% 0%, rgba(220, 232, 255, .34), transparent 30%), linear-gradient(135deg, #e5edf7 0%, #f4f7fb 46%, #ffffff 100%);--color-glass-bg: rgba(255, 255, 255, .72);--color-glass-border: rgba(255, 255, 255, .72);--color-glass-edge: rgba(74, 92, 126, .1);--color-border-strong: rgba(40, 70, 110, .105);--shadow-glass-panel: 0 18px 50px rgba(40, 70, 110, .08);--shadow-product-card: 0 18px 50px rgba(40, 70, 110, .08);--font-serif-title: "Cormorant Garamond", Georgia, serif;--font-sans-ui: Inter, system-ui, -apple-system, sans-serif;--font-zh-title: "Noto Serif SC", "PingFang SC", serif;--font-serif: var(--font-serif-title);--font-sans: var(--font-sans-ui);--font-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-small: 4px;--radius-control: 8px;--radius-panel: 12px;--motion-fast: .28s cubic-bezier(.16, 1, .3, 1);--motion-base: .55s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--color-page-bg)}body{position:relative;min-height:100vh;overflow-x:hidden;padding:var(--space-10) var(--space-6) 120px;color:var(--color-text-main);background:var(--color-page-bg-gradient);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:-18% -14%;z-index:0;pointer-events:none;background:radial-gradient(circle at 16% 16%,rgba(164,202,248,.3) 0 15%,transparent 34%),radial-gradient(circle at 86% 6%,rgba(220,232,255,.34) 0 17%,transparent 36%),radial-gradient(circle at 68% 78%,rgba(190,217,244,.22) 0 16%,transparent 34%);filter:blur(82px);opacity:.96;transform:translateZ(0);animation:ambientDrift 22s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.018'/%3E%3C/svg%3E");animation:mistBreath 28s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate3d(-2.8%,-1.8%,0) scale(1)}50%{transform:translate3d(2.2%,1.6%,0) scale(1.035)}to{transform:translate3d(1%,-2.4%,0) scale(1.018)}}@keyframes mistBreath{0%{opacity:.55}50%{opacity:.78}to{opacity:.62}}button,a{font:inherit}h1,h2,h3{color:var(--color-text-main);font-family:var(--font-serif-title)}p,button{color:var(--color-text-main);font-family:var(--font-sans);line-height:1.6}.specimen-layout{position:relative;z-index:2;display:flex;max-width:1200px;margin:0 auto;flex-direction:column;gap:var(--space-8)}.hub-header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid rgba(75,96,132,.14)}.hub-title-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.hub-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.hub-title{font-family:var(--font-serif-title);font-size:clamp(28px,3.6vw,38px);font-weight:400;line-height:1.1;letter-spacing:.055em}.hub-subtitle{max-width:560px;color:var(--color-text-muted);font-size:15px;line-height:1.8}.hub-kicker{color:var(--color-text-subtle);font-family:var(--font-sans-ui);font-size:10.5px;font-weight:600;letter-spacing:.16em;line-height:1.5}.hub-signature{color:var(--color-text-subtle);font-family:var(--font-sans-ui);font-size:13px;letter-spacing:.035em;white-space:nowrap}.hub-github-row{display:inline-flex;align-items:baseline;gap:4px;color:var(--color-text-muted);font-size:12px;line-height:1.4}.hub-github-link{color:inherit;text-decoration:none;transition:color var(--motion-fast)}.hub-github-link:hover,.hub-github-link:focus-visible{color:var(--color-accent-hover);text-decoration:none}.hub-shell{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);align-items:start;gap:var(--space-8)}.hub-aside{display:flex;flex-direction:column;gap:var(--space-5)}.liquid-glass,.hub-note,.product-section{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass-panel);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}.liquid-glass:before,.hub-note:before,.product-section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.12) 38%,transparent 62%),linear-gradient(320deg,transparent 0%,rgba(153,194,238,.055) 58%,rgba(255,255,255,.28) 100%);opacity:.76}.liquid-glass>*,.hub-note>*,.product-section>*{position:relative;z-index:1}.hub-note{gap:var(--space-3);padding:var(--space-5);letter-spacing:.025em}.hub-note h2,.product-toolbar-title,.detail-updates h2{color:var(--color-text-muted);font-family:var(--font-sans-ui);font-size:11px;font-weight:600;letter-spacing:.155em;text-transform:uppercase}.hub-note p,.hub-note li{color:var(--color-text-muted);font-size:12px;line-height:1.7}.hub-note ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.hub-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.hub-stat{padding-top:var(--space-2)}.hub-stat strong{display:block;color:var(--color-text-main);font-family:var(--font-mono);font-size:18px;font-weight:600}.hub-stat span{color:var(--color-text-subtle);font-size:10px}.product-section{gap:var(--space-5);padding:var(--space-5)}.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-strong)}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-tab{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffad;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans-ui);font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;padding:5px 10px;box-shadow:0 8px 20px #28466e0b;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.filter-tab:hover{background:#ffffffd1;border-color:#b8cce89e;color:var(--color-text-main);transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,#ffffffeb,#f6faffa8),linear-gradient(90deg,#a4caf814,#dce8ff24);border-color:#9fb7da8f;box-shadow:0 10px 26px #28466e12;color:var(--color-text-main)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--space-4)}.product-card{position:relative;display:flex;overflow:hidden;min-height:236px;height:100%;flex-direction:column;padding:var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-control);background:var(--color-glass-bg);box-shadow:var(--shadow-product-card);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);color:inherit;letter-spacing:.025em;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.product-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#fff9,#ffffff29 36%,#fff0 64%),linear-gradient(72deg,transparent 0%,rgba(164,202,248,.075) 47%,transparent 74%);opacity:.68;transform:translate(-10%);transition:opacity var(--motion-fast),transform var(--motion-base)}.product-card:after{content:"";position:absolute;left:12px;right:12px;top:10px;z-index:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.8;transition:opacity var(--motion-fast),transform var(--motion-base)}.product-card>*{position:relative;z-index:1}.product-card:hover{background:#fffc;border-color:#fffffff0;box-shadow:0 24px 60px #28466e1b;transform:translateY(-4px)}.product-card:hover:before{opacity:.96;transform:translate(5%)}.product-card:hover:after{opacity:1;transform:translate(12px)}.product-card:hover .product-arrow{opacity:1;transform:translate(1px,-1px)}.product-card:focus{outline:none}.product-card:focus-visible{outline:1.5px solid rgba(126,143,255,.64);outline-offset:3px;border-color:#fffffffa}.product-card-top,.product-card-footer,.detail-heading,.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-card-top{align-items:flex-start;gap:var(--space-4)}.product-card-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-3);min-width:-moz-max-content;min-width:max-content}.product-category{color:var(--color-text-muted);min-width:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.085em;text-transform:uppercase}.product-status{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;min-width:-moz-max-content;min-width:max-content;color:var(--color-text-muted);font-size:10.5px;letter-spacing:.075em;white-space:nowrap}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background-color:#9ca3af;box-shadow:0 0 0 2px #ffffffad,0 3px 10px #3e4e701f}.product-status[data-status=Shipped] .status-dot{background-color:#35b894}.product-status[data-status=Building] .status-dot,.product-status[data-status="Shipped / Building"] .status-dot{background-color:#e0aa43}.product-status[data-status=Archived] .status-dot{background-color:#94a0b3}.product-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);padding-right:var(--space-6)}.product-title{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:1.25rem;font-weight:550;line-height:1.25;letter-spacing:.01em}.product-arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:15px;height:15px;color:var(--color-text-muted);font-size:15px;line-height:1;opacity:.72;transition:opacity var(--motion-fast),transform var(--motion-fast)}.product-description{display:-webkit-box;overflow:hidden;color:var(--color-text-muted);font-family:var(--font-sans-ui);font-size:12px;font-weight:400;line-height:1.68;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tech-tags{display:flex;align-items:center;min-width:0;flex-wrap:wrap;gap:6px}.tech-tag{padding:3px 7px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-small);background:#ffffff9e;color:var(--color-text-muted);font-size:9.5px;letter-spacing:.055em;line-height:1;box-shadow:0 5px 14px #28466e09;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.product-date{color:var(--color-text-subtle);font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:9.5px;letter-spacing:.075em;white-space:nowrap}.text-link{width:-moz-fit-content;width:fit-content;color:var(--color-text-main);font-size:11px;font-weight:600;padding-bottom:2px;position:relative;text-decoration:none}.text-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.2px;background:linear-gradient(90deg,#a4caf8b8,#dce8ffeb);transform:scaleX(.3);transform-origin:left center;transition:transform var(--motion-fast)}.text-link:hover:after{transform:scaleX(1)}.product-detail.case-study{width:100%;max-width:1120px;margin:0 auto}.case-study{display:flex;flex-direction:column;gap:clamp(26px,4vw,52px)}.case-back-link{width:-moz-fit-content;width:fit-content;color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:color var(--motion-fast)}.case-back-link:hover,.case-back-link:focus-visible{color:var(--color-text-main)}.case-hero{display:flex;max-width:820px;flex-direction:column;gap:var(--space-4)}.case-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.case-title{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:clamp(42px,9vw,92px);font-weight:500;letter-spacing:0;line-height:.98}.case-summary{max-width:650px;color:var(--color-text-muted);font-size:clamp(16px,2vw,20px);line-height:1.72}.case-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:linear-gradient(135deg,#ffffffd1,#f7faff94),radial-gradient(circle at 22% 18%,rgba(164,202,248,.26),transparent 32%),radial-gradient(circle at 84% 12%,rgba(245,230,235,.5),transparent 28%);box-shadow:0 26px 70px #28466e1a;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.case-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.case-preview:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:17px;box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #4c60840d}.case-preview-placeholder{display:grid;place-items:center;padding:clamp(16px,3.5vw,42px)}.preview-window{display:flex;overflow:hidden;width:min(920px,94%);min-height:76%;flex-direction:column;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#ffffff94;box-shadow:0 22px 52px #28466e17;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}.preview-window-real{width:calc(100% - clamp(28px,5vw,72px));height:calc(100% - clamp(28px,5vw,72px))}.preview-window-real img{min-height:0;flex:1;-o-object-fit:cover;object-fit:cover}.preview-window-top{display:flex;gap:7px;padding:13px 15px;border-bottom:1px solid rgba(74,92,126,.08)}.preview-window-top span{width:7px;height:7px;border-radius:50%;background:#56607038}.preview-app-shell{display:flex;flex:1;flex-direction:column;gap:clamp(12px,2vw,18px);padding:clamp(18px,3vw,30px);background:radial-gradient(circle at 12% 0%,rgba(175,115,67,.055),transparent 28%),linear-gradient(135deg,#fffefab8,#f8fbffb8)}.preview-app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(74,92,126,.1)}.preview-app-header strong{color:var(--color-text-main);font-family:var(--font-zh-title);font-size:clamp(26px,3.7vw,38px);font-weight:500;line-height:1.1}.preview-app-header p,.preview-app-header time{margin-top:4px;color:var(--color-text-muted);font-size:12px;line-height:1.5}.preview-app-header time{white-space:nowrap}.preview-section-title{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.preview-pinned,.preview-open-tabs,.preview-review{display:flex;flex-direction:column;gap:var(--space-2)}.preview-pinned-row{display:flex;flex-wrap:wrap;gap:8px}.preview-pinned-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(74,92,126,.08);border-radius:999px;background:#ffffff94;color:var(--color-text-muted);font-size:11px;box-shadow:0 8px 18px #28466e09}.preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);gap:var(--space-4);min-height:0}.preview-domain-card,.preview-review{border:1px solid rgba(74,92,126,.08);border-radius:12px;background:#ffffff8a;box-shadow:0 14px 30px #28466e0b}.preview-domain-card{display:flex;flex-direction:column;gap:7px;padding:var(--space-3)}.preview-domain-card div,.preview-review-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.preview-domain-card strong,.preview-review-item strong{color:var(--color-text-main);font-size:12px;font-weight:650}.preview-domain-card span,.preview-review-item span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9px;white-space:nowrap}.preview-domain-card p{overflow:hidden;color:var(--color-text-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.preview-review{padding:var(--space-3)}.preview-review-item{padding-top:var(--space-2);border-top:1px solid rgba(74,92,126,.075)}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"narrative side";align-items:start;-moz-column-gap:clamp(44px,7vw,92px);column-gap:clamp(44px,7vw,92px)}.case-links{grid-area:side;display:flex;flex-direction:column;gap:var(--space-3)}.case-links h2,.case-sidebar-section h2,.case-section h2{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.case-link-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.case-primary-link,.case-secondary-link{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:34px;border-radius:999px;font-size:11px;font-weight:650;line-height:1;text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.case-primary-link{padding:0 15px;background:var(--color-text-main);color:#fff;box-shadow:0 12px 24px #1720331f}.case-secondary-link{padding:0 13px;border:1px solid rgba(74,92,126,.16);color:var(--color-text-main);background:#ffffff5c}.case-primary-link:hover,.case-secondary-link:hover{transform:translateY(-1px)}.case-narrative{grid-area:narrative;display:flex;max-width:710px;flex-direction:column;gap:clamp(48px,6vw,76px)}.case-section{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid rgba(74,92,126,.11)}.case-section p,.case-list li{color:var(--color-text-muted);font-size:15px;line-height:1.9}.case-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.case-list li{position:relative;padding-left:var(--space-5)}.case-list li:before{content:"";position:absolute;left:0;top:.82em;width:6px;height:6px;border-radius:50%;background:#3a5b786b}.case-sidebar{grid-area:side;position:sticky;top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);margin-top:92px;padding-top:var(--space-5);border-top:1px solid rgba(74,92,126,.11)}.case-sidebar-section{display:flex;flex-direction:column;gap:var(--space-3)}.case-role-list{display:flex;flex-direction:column;gap:7px}.case-role-list span{color:var(--color-text-muted);font-size:12px;line-height:1.5}.case-log{display:flex;flex-direction:column;gap:var(--space-3)}.case-log-item{display:flex;flex-direction:column;gap:3px;padding-top:var(--space-3);border-top:1px solid rgba(74,92,126,.08)}.case-log-item time{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em}.case-log-item p{color:var(--color-text-muted);font-size:11px;line-height:1.7}@media(max-width:992px){.hub-shell{grid-template-columns:1fr}.case-layout{grid-template-columns:1fr;grid-template-areas:"links" "narrative" "sidebar";gap:var(--space-10)}.case-links{grid-area:links;padding-top:var(--space-2)}.case-link-actions{flex-direction:row;flex-wrap:wrap}.case-sidebar{grid-area:sidebar;position:static;margin-top:0}}@media(max-width:480px){body{padding:var(--space-8) var(--space-3) 80px}body:before{inset:-6%;filter:blur(64px);opacity:.8}.hub-title{font-size:30px}.hub-signature{white-space:normal;line-height:1.6}.product-grid{grid-template-columns:1fr}.product-toolbar{align-items:flex-start}.product-card{min-height:224px}.case-study{gap:var(--space-8)}.case-hero{gap:var(--space-3)}.case-title{font-size:clamp(40px,18vw,64px)}.case-summary,.case-section p,.case-list li{font-size:14px;line-height:1.85}.case-preview{border-radius:14px}.case-preview-placeholder{padding:var(--space-4)}.preview-window{width:100%;min-height:68%}.preview-app-shell{gap:var(--space-3);padding:var(--space-4)}.preview-app-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.preview-app-header strong{font-size:26px}.preview-grid{grid-template-columns:1fr;gap:var(--space-3)}.preview-review{display:none}.preview-domain-card{gap:5px;padding:var(--space-2)}.case-narrative{gap:var(--space-10)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}body:after{animation:none}.product-card,.product-arrow,.filter-tab,.case-back-link,.case-primary-link,.case-secondary-link,.text-link:after,.timeline-node:before{transition-duration:1ms}}