.technologies-page{background:var(--background);min-height:100vh}.technologies-shell{width:min(1100px,100% - 32px);margin:0 auto;padding:72px 0 120px}.technologies-header{border-bottom:1px solid var(--border);max-width:820px;padding-bottom:80px}.technologies-breadcrumb{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:56px;font-family:monospace;font-size:12px;display:flex}.technologies-breadcrumb a{transition:color .15s}.technologies-breadcrumb a:hover,.technologies-breadcrumb a:focus-visible{color:var(--foreground)}.technologies-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-family:monospace;font-size:11px;font-weight:700}.technologies-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,8vw,88px);line-height:.95}.technologies-lead{max-width:700px;color:var(--muted);margin:30px 0 0;font-size:19px;line-height:1.65}.technologies-section{padding-top:72px}.section-heading{margin-bottom:28px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,5vw,42px);line-height:1}.technology-list{border-top:1px solid var(--border)}.technology-item{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:24px;padding:28px 0;transition:padding .15s,background-color .15s;display:grid}.technology-item:hover,.technology-item:focus-visible{background:var(--surface);padding-left:10px;padding-right:10px}.technology-index{color:var(--muted);padding-top:4px;font-family:monospace;font-size:12px}.technology-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-family:monospace;font-size:11px}.technology-content h3{letter-spacing:-.04em;margin:0;font-size:26px;line-height:1.05}.technology-content p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.technology-arrow{padding-top:2px;font-size:21px;transition:transform .15s}.technology-item:hover .technology-arrow,.technology-item:focus-visible .technology-arrow{transform:translate(4px)}@media (max-width:640px){.technologies-shell{width:min(100% - 24px,1100px);padding:48px 0 80px}.technologies-header{padding-bottom:64px}.technologies-breadcrumb{margin-bottom:42px}.technologies-header h1{font-size:clamp(46px,14vw,68px)}.technologies-lead{margin-top:24px;font-size:17px}.technologies-section{padding-top:56px}.technology-item{grid-template-columns:34px minmax(0,1fr) auto;gap:14px;padding:22px 0}.technology-item:hover,.technology-item:focus-visible{padding-left:4px;padding-right:4px}.technology-content h3{font-size:23px}}
