@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1f4af8e6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.e20f337c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_93318f68-module__MOAP6q__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_93318f68-module__MOAP6q__variable{--font-sora:"Sora","Sora Fallback"}
@font-face{font-family:Sen;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/062112641e3106af-s.0af594ab.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sen;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/986cfec9ab9a1a11-s.p.f5b12a10.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sen Fallback;src:local(Arial);ascent-override:87.52%;descent-override:24.56%;line-gap-override:0.0%;size-adjust:107.34%}.sen_8ae57260-module__D7e4YG__className{font-family:Sen,Sen Fallback;font-style:normal}.sen_8ae57260-module__D7e4YG__variable{--font-sen:"Sen","Sen Fallback"}
@font-face{font-family:Azeret Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2a23ff12681a5834-s.887a4b0e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Azeret Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2f059f8bf31de55f-s.p.38faf0fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Azeret Mono Fallback;src:local(Arial);ascent-override:64.26%;descent-override:15.77%;line-gap-override:0.0%;size-adjust:145.81%}.azeret_mono_b43f38ea-module__bO_JUG__className{font-family:Azeret Mono,Azeret Mono Fallback;font-style:normal}.azeret_mono_b43f38ea-module__bO_JUG__variable{--font-azeret-mono:"Azeret Mono","Azeret Mono Fallback"}
:root{--color-bg:#fff;--color-bg-subtle:#f8f8f8;--color-bg-raised:#fcfcfc;--color-fg:#030303;--color-fg-muted:#363b3f;--color-primary:#f2e41c;--color-primary-hover:#e0d300;--color-primary-fg:#030303;--color-success:#278733;--color-warning:#c27f00;--color-danger:#d40924;--color-border:#c8cfd4;--color-border-subtle:#dfe6eb}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(100% 0 0);--color-bg-subtle:lab(97.68% -.0000298023 .0000119209);--color-bg-raised:lab(98.84% .0000298023 -.0000119209);--color-fg:lab(.903296% 0 0);--color-fg-muted:lab(24.6133% -1.58595 -3.27255);--color-primary:lab(89.6007% -8.45406 84.4154);--color-primary-hover:lab(83.5735% -7.97948 87.2559);--color-primary-fg:lab(.903296% 0 0);--color-success:lab(49.5829% -42.1882 35.8774);--color-warning:lab(59.0423% 27.0974 121.891);--color-danger:lab(45.5382% 69.8881 46.2994);--color-border:lab(82.6154% -1.62929 -3.29503);--color-border-subtle:lab(90.7356% -1.63162 -3.29628)}}
:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem}
:root{--font-sans:var(--font-sora),system-ui,sans-serif;--font-heading:var(--font-sen),system-ui,sans-serif;--font-mono:var(--font-azeret-mono),monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem}
:root{--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}
:root{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}
:root{--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--ease-in-out:cubic-bezier(.4,0,.2,1)}

.dark{--color-bg:#000;--color-bg-subtle:#020202;--color-bg-raised:#030303;--color-fg:#f8f8f8;--color-fg-muted:#8a9095;--color-primary:#f2e41c;--color-primary-hover:#fff462;--color-primary-fg:#030303;--color-border:#19232a;--color-border-subtle:#080c0f}@supports (color:lab(0% 0 0)){.dark{--color-bg:lab(.112911% 0 0);--color-bg-subtle:lab(.462488% 0 0);--color-bg-raised:lab(.903296% 0 0);--color-fg:lab(97.68% -.0000298023 .0000119209);--color-fg-muted:lab(59.415% -1.62011 -3.28999);--color-primary:lab(89.6007% -8.45406 84.4154);--color-primary-hover:lab(95.229% -8.85508 82.4843);--color-primary-fg:lab(.903296% 0 0);--color-border:lab(13.0129% -2.89283 -6.43002);--color-border-subtle:lab(3.05297% -.765227 -1.88784)}}

.stack{gap:var(--space-4);flex-direction:column;display:flex}.hstack{gap:var(--space-3);flex-direction:row;align-items:center;display:flex}.center{justify-content:center;align-items:center;display:flex}.container{width:100%;max-width:1280px;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}

body{font-family:var(--font-sans),system-ui,sans-serif;background:var(--color-bg);color:var(--color-fg)}.mates-header{z-index:50;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg)85%,transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.mates-header-inner{height:4rem;padding:0 var(--space-4);justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;display:flex}@media (min-width:640px){.mates-header-inner{padding:0 var(--space-6)}}.mates-header-logo{align-items:center;gap:var(--space-3);color:var(--color-fg);text-decoration:none;display:flex}.mates-header-logo:hover{color:var(--color-fg)}.mates-header-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.mates-header-badge{font-size:var(--text-xs);color:var(--color-fg-muted);padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono)}.mates-theme-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:2.25rem;height:2.25rem;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);justify-content:center;align-items:center;display:flex}.mates-theme-toggle:hover{color:var(--color-fg);border-color:var(--color-fg-muted);background:var(--color-bg-subtle)}.mates-theme-icon{width:1.125rem;height:1.125rem}.mates-hero{max-width:80rem;padding:5rem var(--space-4)3rem;text-align:center;margin:0 auto}@media (min-width:640px){.mates-hero{padding:6rem var(--space-6)4rem}}@media (min-width:1024px){.mates-hero{padding:8rem var(--space-8)5rem}}.mates-hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-fg);letter-spacing:-.02em;font-weight:700;line-height:1.1}@media (min-width:640px){.mates-hero-title{font-size:var(--text-5xl)}}@media (min-width:1024px){.mates-hero-title{font-size:var(--text-6xl)}}.mates-hero-accent{color:var(--color-primary)}.mates-hero-description{margin:var(--space-4)auto 0;max-width:34rem;font-size:var(--text-base);color:var(--color-fg-muted);line-height:1.6}.mates-hero-form{margin-top:var(--space-8);justify-content:center;display:flex}.mates-social-section{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);padding:var(--space-12)var(--space-4)}.mates-profiles-inner{max-width:64rem;margin:0 auto}.mates-profiles-heading{font-family:var(--font-heading);font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-1);color:var(--color-fg);font-weight:600}.mates-profiles-subtext{font-size:var(--text-sm);color:var(--color-fg-muted);text-align:center;margin-bottom:var(--space-8)}.mates-profiles-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mates-profiles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mates-profiles-grid{grid-template-columns:repeat(3,1fr)}}.mates-profile-card-link{color:inherit;text-decoration:none;display:block}.mates-profile-card{gap:var(--space-3);padding:var(--space-4)var(--space-4)var(--space-6);background:var(--color-bg);transition:border-color var(--duration-normal)var(--ease-in-out),box-shadow var(--duration-normal)var(--ease-in-out),transform var(--duration-normal)var(--ease-in-out);flex-direction:column;display:flex}.mates-profile-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);transform:translateY(-2px)}.mates-profile-card-header{align-items:center;gap:var(--space-3);display:flex}.mates-profile-card-info{flex-direction:column;min-width:0;display:flex}.mates-profile-card-name{font-weight:600;font-size:var(--text-base);color:var(--color-fg);transition:color var(--duration-fast)}.mates-profile-card:hover .mates-profile-card-name{color:var(--color-primary)}.mates-profile-card-meta{font-size:var(--text-xs);color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mates-profile-card-text{font-size:var(--text-sm);color:var(--color-fg);-webkit-line-clamp:2;opacity:.75;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.mates-profile-card-facets{gap:var(--space-1);flex-wrap:wrap;display:flex}.mates-profile-card-matches{font-size:var(--text-xs);color:var(--color-primary);margin-top:auto;font-weight:500}.mates-submit-form{gap:var(--space-3);flex-direction:column;width:100%;max-width:32rem;display:flex}.mates-submit-row{gap:var(--space-3);display:flex}.mates-input-wrapper{flex:1;position:relative}.mates-input-prefix{left:var(--space-3);font-size:var(--text-sm);color:var(--color-fg-muted);pointer-events:none;font-family:var(--font-mono);position:absolute;top:50%;transform:translateY(-50%)}.mates-input-field{box-sizing:border-box;width:100%;height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-base);font-family:var(--font-mono);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);padding-left:7.5rem}.mates-input-field::placeholder{color:var(--color-fg-muted)}.mates-input-field:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.mates-input-field:disabled{opacity:.5;cursor:not-allowed}.mates-submit-row .btn{white-space:nowrap;flex-shrink:0}.mates-footer{border-top:1px solid var(--color-border);padding:var(--space-6)var(--space-4);text-align:center}.mates-footer p{font-size:var(--text-xs);color:var(--color-fg-muted)}.mates-footer a{color:var(--color-fg);text-underline-offset:2px;transition:color var(--duration-fast);text-decoration:underline}.mates-footer a:hover{color:var(--color-primary)}.mates-profile{max-width:48rem;padding:var(--space-8)var(--space-4);margin:0 auto}@media (min-width:640px){.mates-profile{padding:var(--space-12)var(--space-6)}}.mates-profile-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}@media (min-width:640px){.mates-profile-header{gap:var(--space-6)}}.mates-profile-name{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-fg);font-weight:700}.mates-profile-bio,.mates-profile-meta{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-1)}.mates-profile-text{font-size:var(--text-base);color:var(--color-fg);margin-bottom:var(--space-6);opacity:.85;line-height:1.7}.mates-facets{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.mates-facet{font-size:var(--text-xs);padding:var(--space-1)var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-fg);border-radius:9999px;font-weight:500}.mates-match-card{gap:var(--space-4);padding:var(--space-4);color:inherit;transition:border-color var(--duration-normal)var(--ease-in-out),box-shadow var(--duration-normal)var(--ease-in-out);text-decoration:none;display:flex}.mates-match-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.mates-match-name{color:var(--color-fg);transition:color var(--duration-fast);font-weight:600}.mates-match-card:hover .mates-match-name{color:var(--color-primary)}.mates-match-score{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-bg-subtle);color:var(--color-fg-muted);border:1px solid var(--color-border-subtle);border-radius:9999px}.mates-match-teaser{font-size:var(--text-sm);color:var(--color-fg);opacity:.75;-webkit-line-clamp:2;margin-top:var(--space-1);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.mates-match-narrative-link{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-primary);transition:color var(--duration-fast);font-weight:500;text-decoration:none;display:inline-block}.mates-match-narrative-link:hover{text-decoration:underline}.mates-processing{align-items:center;gap:var(--space-8);padding:var(--space-16)var(--space-4);flex-direction:column;display:flex}.mates-spinner{background:var(--color-bg-subtle);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.mates-spinner-ring{border:2px solid var(--color-primary);border-top-color:#0000;border-radius:9999px;width:2rem;height:2rem;animation:.8s linear infinite mates-spin}@keyframes mates-spin{to{transform:rotate(360deg)}}.mates-steps{gap:var(--space-3);flex-direction:column;width:100%;max-width:20rem;display:flex}.mates-step{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-fg);transition:opacity var(--duration-normal);display:flex}.mates-step--pending{opacity:.3}.mates-step-dot{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.mates-step-dot--done{background:var(--color-success);color:#fff;font-size:10px}.mates-step-dot--active{background:var(--color-primary);animation:2s ease-in-out infinite mates-pulse}.mates-step-dot--pending{border:1px solid var(--color-border)}@keyframes mates-pulse{0%,to{opacity:1}50%{opacity:.4}}.mates-progress-log{font-size:var(--text-xs);color:var(--color-fg-muted);font-family:var(--font-mono);text-align:center;max-width:20rem}.mates-narrative{max-width:40rem;padding:var(--space-8)var(--space-4);margin:0 auto}@media (min-width:640px){.mates-narrative{padding:var(--space-12)var(--space-6)}}.mates-narrative-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-fg);margin-bottom:var(--space-2);font-weight:700}.mates-narrative-subtitle{font-size:var(--text-sm);color:var(--color-fg-muted);margin-bottom:var(--space-8)}.mates-narrative-text p{font-size:var(--text-base);color:var(--color-fg);line-height:1.8}.mates-narrative-text p+p{margin-top:var(--space-4)}.mates-back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-fg-muted);margin-bottom:var(--space-6);transition:color var(--duration-fast);text-decoration:none;display:inline-flex}.mates-back-link:hover{color:var(--color-fg)}.mates-section-heading{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-1);color:var(--color-fg);font-weight:600}.mates-section-subtext{font-size:var(--text-sm);color:var(--color-fg-muted);margin-bottom:var(--space-6)}.mates-raw-section{padding-top:var(--space-8)}.mates-raw-stats{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:480px){.mates-raw-stats{grid-template-columns:repeat(3,1fr)}}.mates-raw-stat{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.mates-raw-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-fg);font-weight:700}.mates-raw-stat-label{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em}.mates-raw-languages{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.mates-raw-lang{font-size:var(--text-xs);padding:var(--space-1)var(--space-3);background:color-mix(in srgb,var(--color-primary)10%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary)25%,transparent);border-radius:9999px;font-weight:500}.mates-raw-repos{gap:var(--space-3);flex-direction:column;display:flex}.mates-raw-repo{overflow:hidden}.mates-raw-repo-trigger{width:100%;padding:var(--space-4);text-align:left;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;display:block}.mates-raw-repo-trigger:hover{background:var(--color-bg-subtle)}.mates-raw-repo-header{align-items:center;gap:var(--space-3);display:flex}.mates-raw-repo-title{flex:1;min-width:0}.mates-raw-repo-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg);font-weight:600;text-decoration:none}.mates-raw-repo-name:hover{color:var(--color-primary);text-decoration:underline}.mates-raw-repo-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.mates-raw-lang-dot,.mates-raw-stars{font-size:var(--text-xs);color:var(--color-fg-muted)}.mates-raw-stars:before{content:"★"}.mates-raw-repo-counts{gap:var(--space-2);flex-shrink:0;display:flex}.mates-raw-count{font-size:var(--text-xs);color:var(--color-fg-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-subtle);white-space:nowrap}.mates-raw-chevron{font-size:var(--text-xs);color:var(--color-fg-muted);transition:transform var(--duration-fast);flex-shrink:0}.mates-raw-chevron--open{transform:rotate(180deg)}.mates-raw-repo-desc{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-2);line-height:1.5}.mates-raw-repo-details{padding:0 var(--space-4)var(--space-4);border-top:1px solid var(--color-border-subtle)}.mates-raw-topics{gap:var(--space-1);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.mates-raw-topic{padding:2px var(--space-2);background:var(--color-bg-subtle);color:var(--color-fg-muted);border:1px solid var(--color-border-subtle);border-radius:9999px;font-size:11px}.mates-raw-detail-group{padding-top:var(--space-4)}.mates-raw-detail-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted);margin-bottom:var(--space-2);font-weight:600}.mates-raw-detail-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mates-raw-commit{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-1)0;display:flex}.mates-raw-commit-msg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mates-raw-commit-date{font-size:var(--text-xs);color:var(--color-fg-muted);flex-shrink:0}.mates-raw-pr{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1)0;display:flex}.mates-raw-pr-state{text-transform:uppercase;padding:1px var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;font-size:10px;font-weight:600}.mates-raw-pr-state--open{background:color-mix(in srgb,var(--color-success)15%,transparent);color:var(--color-success)}.mates-raw-pr-state--closed{background:color-mix(in srgb,var(--color-danger)15%,transparent);color:var(--color-danger)}.mates-raw-pr-state--merged{color:#a855f7;background:#a855f726}.mates-raw-pr-title{font-size:var(--text-xs);color:var(--color-fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mates-profile-refresh{padding-top:var(--space-6);justify-content:space-between;align-items:center;display:flex}.mates-profile-refresh-text{font-size:var(--text-xs);color:var(--color-fg-muted)}.mates-how-section{padding:var(--space-12)var(--space-4)}.mates-how-inner{max-width:64rem;margin:0 auto}.mates-how-heading{font-family:var(--font-heading);font-size:var(--text-xl);text-align:center;color:var(--color-fg);padding-top:var(--space-10);margin-bottom:var(--space-8);font-weight:600}.mates-how-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mates-how-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mates-how-grid{grid-template-columns:repeat(4,1fr)}}.mates-how-step{padding:var(--space-4)var(--space-4)var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);position:relative}.mates-how-step-num{background:var(--color-primary);width:1.5rem;height:1.5rem;color:var(--color-primary-fg);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);margin-bottom:var(--space-3);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.mates-how-step-title{font-family:var(--font-heading);font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--color-fg);font-weight:600}.mates-how-step-desc{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.6}.mates-how-step-desc code{font-family:var(--font-mono);font-size:var(--text-xs);padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}