:root{--surface-canvas: #F3EFE3;--surface-raised: #FDFBF5;--surface-sunken: #EBE5D5;--surface-inverse: #1F1B12;--surface-inverse-raised: #2A2519;--text-primary: #1F1B12;--text-secondary: #6B6250;--text-tertiary: #8A836E;--text-inverse: #FDFBF5;--text-on-inverse-muted: #A79E88;--text-accent: #2A4D49;--text-on-accent: #FDFBF5;--border-hairline: #E3DCC9;--border-strong: #D2C9AF;--border-accent: #2F5551;--border-on-inverse: #332E21;--border-on-inverse-strong: #423B29;--accent-base: #2F5551;--accent-hover: #234240;--accent-tint: #E2EBE8;--accent-on-inverse: #7FB3AA;--status-success: #4F6B3A;--status-success-tint: #E9EDDD;--status-warning: #B5651D;--status-warning-tint: #F5E7D5;--status-danger: #93331F;--status-danger-tint: #F3E2DC;--status-info: #40605F;--status-info-tint: #E4EDEC;--earth-verdigris: #2F5551;--earth-verdigris-tint: #E2EBE8;--earth-ochre: #A8791F;--earth-ochre-tint: #F5EDD8;--earth-straw: #C2A24A;--earth-straw-tint: #F7F0DC;--earth-moss: #5E6B33;--earth-moss-tint: #E9EDDD;--earth-walnut: #6F4520;--earth-walnut-tint: #EFE6DA;--os-dev: #6F4520;--os-dev-tint: #EFE6DA;--os-life: #5E6B33;--os-life-tint: #E9EDDD;--os-council: #A8791F;--os-council-tint: #F5EDD8;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--scrollbar-track: var(--surface-sunken);--scrollbar-thumb: var(--border-strong);--scrollbar-thumb-hover: var(--text-tertiary)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}::selection{background:var(--accent-base);color:var(--text-on-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sec{padding:96px 64px;max-width:1440px;margin:0 auto}.sec--canvas{background:var(--surface-canvas)}.sec--sunken{background:var(--surface-sunken);max-width:none}.sec--sunken>*{max-width:1312px;margin-left:auto;margin-right:auto}.eyebrow,.kicker{font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin:0 0 20px}.kicker{display:inline-block;border-radius:999px;padding:7px 14px;font-family:var(--font-mono)}.sec__title{font-size:48px;line-height:54px;letter-spacing:-.025em;font-weight:600;color:var(--text-primary);margin:0 0 20px}.sec__intro{font-size:18px;line-height:26px;color:var(--text-secondary);margin:0 0 56px;max-width:62ch}.hero__title{font-size:72px;line-height:76px;letter-spacing:-.035em;font-weight:600;color:var(--text-primary);margin:0 0 24px}.hero__lede{font-size:20px;line-height:32px;letter-spacing:-.005em;color:var(--text-secondary);margin:0 0 48px;max-width:60ch}.steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}.steps__item{display:flex;gap:18px;align-items:flex-start}.steps__num{font-family:var(--font-mono);font-size:12px;line-height:18px;padding-top:4px;flex:none}.steps__title{font-size:20px;line-height:24px;letter-spacing:-.025em;font-weight:600;color:var(--text-primary);margin:0 0 6px}.steps__text{font-size:15px;line-height:23px;color:var(--text-secondary);margin:0}.skill__card{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:16px;padding:32px;min-width:0}.skill__chip{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.skill__name{font-family:var(--font-mono);font-size:20px;line-height:24px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.skill__meta{font-size:13px;line-height:18px;color:var(--text-tertiary);margin:0 0 24px}.code{background:var(--surface-inverse);color:var(--text-inverse);border-radius:12px;padding:20px;margin:0 0 24px;font-family:var(--font-mono);font-size:13px;line-height:22px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.skill__cta{display:block;text-align:center;border-radius:999px;padding:14px 20px;font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.005em;color:var(--text-inverse);text-decoration:none;cursor:pointer}@media (max-width: 900px){.sec{padding:48px 20px}.sec--sunken>*{max-width:none}.hero__title{font-size:46px;line-height:52px}.hero__lede{font-size:16px;line-height:26px}.sec__title{font-size:30px;line-height:36px}.sec__intro{font-size:16px;line-height:26px;margin-bottom:36px}}