@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-sans-latin-400-normal-gapTbOY8.woff2) format("woff2"),url(/assets/geist-sans-latin-400-normal-BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-sans-latin-700-normal-BmN9tIp5.woff2) format("woff2"),url(/assets/geist-sans-latin-700-normal-CjScfYeH.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-cyrillic-400-normal-Ce5q_31Z.woff2) format("woff2"),url(/assets/geist-mono-cyrillic-400-normal-BPBWmzPh.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-ext-400-normal-Cgks_Qgx.woff2) format("woff2"),url(/assets/geist-mono-latin-ext-400-normal-CxNRRMGd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-LC9RFr9I.woff2) format("woff2"),url(/assets/geist-mono-latin-400-normal-CoULgQGM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-500:oklch(72.3% .219 149.579);--spacing:.25rem;--radius-md:.375rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--color-background:#121212;--color-surface:#1c1c1c;--color-surface-hover:#242424;--color-border:#2e2e2e;--color-text-primary:#dedede;--color-text-secondary:#8c8c8c;--color-text-muted:#595959;--color-accent:#d7a542;--color-accent-hover:#e0b96c;--color-white:#fff;--font-primary:"Geist Sans", sans-serif;--font-mono:"Geist Mono", monospace;--font-display:"Fraunces", serif;--text-display-lg:57px;--text-display-md:45px;--text-display-sm:36px;--text-headline-lg:32px;--text-headline-md:28px;--text-headline-sm:24px;--text-title-xl:22px;--text-title-lg:18px;--text-title-md:16px;--text-title-sm:14px;--text-body-xl:18px;--text-body-lg:16px;--text-body-md:14px;--text-body-sm:12px;--text-label-xl:16px;--text-label-lg:14px;--text-label-md:13px;--text-label-sm:12px;--text-label-xs:11px;--tracking-display:-.02em;--shadow-level-1:0 1px 3px #0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--tooltip-font-size:var(--text-label-md);--tooltip-color:var(--color-text-primary);--tooltip-bg:var(--color-surface);--tooltip-border:1px solid var(--color-border);--tooltip-radius:var(--space-1);--tooltip-padding:var(--space-1) var(--space-2);--tooltip-shadow:var(--shadow-level-1);--tooltip-offset:var(--space-2);--btn-primary-bg:var(--color-accent);--btn-primary-bg-hover:var(--color-accent-hover);--btn-primary-text:var(--color-background);--btn-primary-radius:var(--space-1);--btn-primary-padding:var(--space-2) var(--space-4);--radius-md:var(--space-6);--layout-content-center:720px;--layout-content-wide:960px}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:0}.page{display:flex;align-items:center;justify-content:center;min-height:100dvh;position:relative;z-index:1}.page>div{display:inline-flex;flex-direction:column;align-items:center}.name{font-size:var(--text-display-sm);font-weight:700;letter-spacing:var(--tracking-display);color:var(--color-text-primary);margin:0}.tagline{font-size:var(--text-title-lg);font-weight:400;color:var(--color-text-secondary);margin-bottom:0}.actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);margin-top:var(--space-6)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--tooltip-font-size);color:var(--tooltip-color);background-color:var(--tooltip-bg);border:var(--tooltip-border);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);box-shadow:var(--tooltip-shadow);pointer-events:none;opacity:0;transition:opacity .15s ease}[data-tooltip]:hover:after{opacity:1}.toast{position:fixed;z-index:2;bottom:var(--space-12);left:50%;transform:translate(-50%);font-size:var(--text-label-md);color:var(--color-text-primary);background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--space-1);padding:var(--space-2) var(--space-4);pointer-events:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-size:var(--text-label-lg);font-weight:500;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:none;border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background:var(--btn-primary-bg-hover)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:var(--text-label-lg);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--btn-primary-radius);padding:var(--btn-primary-padding);cursor:pointer;text-decoration:none;transition:color .15s ease,border-color .15s ease}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.site-status{position:fixed;z-index:1;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--text-label-md);color:var(--color-text-muted);border-top:1px solid var(--color-border)}html.home-active,body.home-active{overflow:hidden}.article-wrapper{max-width:var(--layout-content-center);margin:0 auto;padding:var(--space-12) var(--space-4)}.article-back-link{display:inline-block;font-size:var(--text-label-lg);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-8)}.article-back-link:hover{color:var(--color-accent)}.article-title{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:600;font-variation-settings:"opsz" 72;color:var(--color-text-primary);letter-spacing:var(--tracking-display);margin:0 0 var(--space-4) 0}.article-subtitle{font-size:var(--text-title-lg);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-8) 0}.article-body{font-size:var(--text-body-xl);color:var(--color-text-secondary);line-height:1.7;margin:0 0 var(--space-6) 0}.article-heading{font-family:var(--font-display);font-size:var(--text-headline-sm);font-weight:600;font-variation-settings:"opsz" 72;color:var(--color-text-primary);margin:var(--space-10) 0 var(--space-6) 0}.article-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-10) 0}.article-meta{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-8)}.article-meta-author,.article-meta-date{font-family:var(--font-primary);font-size:var(--text-label-xl);color:var(--color-text-muted)}.article-share-links{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.article-share-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface);border-radius:50%;color:var(--color-text-secondary);text-decoration:none}.article-share-icon:hover{background:var(--color-surface-hover);color:var(--color-accent)}.placeholder-block{aspect-ratio:var(--placeholder-ratio, 16/9);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.placeholder-block--wide{width:var(--layout-content-wide);max-width:calc(100vw - var(--space-8));margin-left:calc((var(--layout-content-wide) - var(--layout-content-center)) / -2);position:relative}.placeholder-type{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.placeholder-label{font-family:var(--font-mono);font-size:var(--text-label-md);color:var(--color-text-muted);text-align:center;max-width:480px}.tool-chaos-field{position:relative;width:var(--layout-content-wide);max-width:calc(100vw - var(--space-8));margin-left:calc((var(--layout-content-wide) - var(--layout-content-center)) / -2);height:360px;margin-bottom:var(--space-8);overflow:hidden;background:var(--color-surface);border-radius:var(--radius-md)}.tcf-tool{position:absolute;font-family:var(--font-primary);color:var(--color-text-primary);opacity:var(--lo);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;transform-origin:center center}.tcf-lovable,.tcf-figma,.tcf-cursor,.tcf-claudecode{font-weight:400;--scale-hi: 1.08;color:var(--color-accent)}.tcf-chatgpt,.tcf-gemini,.tcf-copilot,.tcf-replit,.tcf-gpt4{font-weight:300;--scale-hi: 1.12}.tcf-v0,.tcf-bolt,.tcf-windsurf,.tcf-midjourney,.tcf-dalle,.tcf-perplexity,.tcf-googleai,.tcf-devin,.tcf-framerai,.tcf-galileoai,.tcf-uizard,.tcf-tabnine,.tcf-codex{font-weight:200;--scale-hi: 1.15}@keyframes tcf-breathe{0%,to{opacity:var(--lo);transform:scale(1)}50%{opacity:var(--hi);transform:scale(var(--scale-hi, 1.1))}}@media(prefers-reduced-motion:no-preference){.tcf-tool{animation:tcf-breathe var(--dur, 6s) ease-in-out var(--del, 0s) infinite}}.tcf-lovable{top:45px;left:50px;font-size:28px;--lo: .15;--hi: .7;--dur: 4.8s;--del: 0s}.tcf-figma{top:70px;left:310px;font-size:32px;--lo: .15;--hi: .7;--dur: 5.2s;--del: 1.2s}.tcf-cursor{top:36px;left:600px;font-size:28px;--lo: .15;--hi: .7;--dur: 4.4s;--del: 2.1s}.tcf-claudecode{top:205px;left:100px;font-size:24px;--lo: .15;--hi: .7;--dur: 5.6s;--del: .6s}.tcf-chatgpt{top:155px;left:430px;font-size:20px;--lo: .08;--hi: .45;--dur: 4s;--del: .4s}.tcf-gemini{top:60px;left:770px;font-size:18px;--lo: .08;--hi: .45;--dur: 3.5s;--del: 2.5s}.tcf-copilot{top:130px;left:36px;font-size:22px;--lo: .08;--hi: .45;--dur: 4.5s;--del: 1.8s}.tcf-replit{top:250px;left:380px;font-size:18px;--lo: .08;--hi: .45;--dur: 3.2s;--del: .9s}.tcf-gpt4{top:165px;left:620px;font-size:20px;--lo: .08;--hi: .45;--dur: 5s;--del: 2.8s}.tcf-v0{top:36px;left:36px;font-size:14px;--lo: .04;--hi: .25;--dur: 3s;--del: .2s}.tcf-bolt{top:130px;left:480px;font-size:13px;--lo: .04;--hi: .25;--dur: 3.8s;--del: 1.5s}.tcf-windsurf{top:270px;left:520px;font-size:12px;--lo: .04;--hi: .25;--dur: 2.8s;--del: 2.7s}.tcf-midjourney{top:270px;left:60px;font-size:14px;--lo: .04;--hi: .25;--dur: 3.5s;--del: .7s}.tcf-dalle{top:250px;left:680px;font-size:13px;--lo: .04;--hi: .25;--dur: 4s;--del: 1.9s}.tcf-perplexity{top:120px;left:800px;font-size:12px;--lo: .04;--hi: .25;--dur: 3.1s;--del: .3s}.tcf-googleai{top:280px;left:36px;font-size:12px;--lo: .04;--hi: .25;--dur: 4.4s;--del: 2.3s}.tcf-devin{top:185px;left:850px;font-size:13px;--lo: .04;--hi: .25;--dur: 2.5s;--del: 1.1s}.tcf-framerai{top:40px;left:430px;font-size:14px;--lo: .04;--hi: .25;--dur: 3.6s;--del: 2.9s}.tcf-galileoai{top:36px;left:210px;font-size:12px;--lo: .04;--hi: .25;--dur: 4.2s;--del: .5s}.tcf-uizard{top:100px;left:220px;font-size:13px;--lo: .04;--hi: .25;--dur: 2.9s;--del: 2.1s}.tcf-tabnine{top:195px;left:260px;font-size:12px;--lo: .04;--hi: .25;--dur: 3.9s;--del: 1.4s}.tcf-codex{top:100px;left:640px;font-size:14px;--lo: .04;--hi: .25;--dur: 3.4s;--del: 1.8s}.tool-pairings-grid-wrapper{width:var(--layout-content-wide);max-width:calc(100vw - var(--space-8));margin-left:calc((var(--layout-content-wide) - var(--layout-content-center)) / -2);margin-bottom:var(--space-8);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-8)}.tool-pairings-caption{font-family:var(--font-primary);font-size:var(--text-body-md);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6)}.tool-pairings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.tool-pairings-cell{border:1px solid var(--color-border);border-radius:var(--space-2);padding:var(--space-6)}.tool-pairings-cell-inner{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.tool-pairings-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.tool-pairings-text{display:flex;flex-direction:column}.tool-pairings-name{font-family:var(--font-primary);font-size:var(--text-title-md);color:var(--color-text-primary);font-weight:500}.tool-pairings-subtitle{font-family:var(--font-primary);font-size:var(--text-label-md);color:var(--color-text-secondary)}@media(max-width:640px){.tool-pairings-grid{grid-template-columns:repeat(2,1fr)}.tool-pairings-cell:last-child{grid-column:1 / -1}}