:root{color-scheme:dark;--line:rgba(255,255,255,.1);--muted:rgba(255,255,255,.56);--quiet:rgba(255,255,255,.32)}
*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:#e5e2e1;font-family:"Hanken Grotesk",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}
.page-shell{width:100%;max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px}.site-nav{position:fixed;z-index:20;inset:0 0 auto;background:rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:20px;font-weight:300;letter-spacing:-.04em;text-transform:uppercase;color:#fff}.nav-links{display:flex;align-items:center;gap:48px}.nav-link,.login-link,.eyebrow,.item-no,.footer-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nav-link{color:rgba(255,255,255,.6);transition:color .3s ease}.nav-link:hover,.nav-link[aria-current=page]{color:#fff}.login-link{padding:11px 20px;border:1px solid rgba(255,255,255,.15);color:#fff;transition:background .25s,color .25s}.login-link:hover{background:#fff;color:#000}.menu{display:none;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;width:44px;height:44px;font:300 22px/1 Arial;cursor:pointer}.mobile-links{display:none}
.page-main{padding-top:88px}.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;padding-top:clamp(85px,13vw,180px);padding-bottom:clamp(90px,12vw,150px);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:80px;align-items:end;width:100%}.eyebrow{display:block;margin:0 0 28px;color:rgba(255,255,255,.42)}h1{max-width:820px;margin:0;font-size:clamp(54px,7vw,102px);font-weight:200;line-height:.98;letter-spacing:-.055em;color:#fff}.lead{max-width:430px;margin:0 0 4px;color:var(--muted);font-size:18px;line-height:1.75;font-weight:300}
.content{padding:clamp(80px,10vw,145px) 80px}.section-top{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:46px}.section-top h2{margin:0;color:#fff;font-size:clamp(32px,4vw,52px);font-weight:300;letter-spacing:-.04em}.section-number{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.18em;color:var(--quiet);text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-item{min-height:310px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .3s ease}.service-item:hover{background:rgba(255,255,255,.025)}.item-no{color:var(--quiet);font-size:10px}.service-item h3{margin:auto 0 13px;color:#fff;font-size:28px;line-height:1.05;font-weight:300;letter-spacing:-.035em}.service-item p{margin:0;max-width:30ch;color:var(--muted);font-size:16px;line-height:1.65;font-weight:300}.related{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;padding-top:28px;border-top:1px solid var(--line)}.related p{margin:0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--quiet)}.related-links{display:flex;flex-wrap:wrap;gap:26px}.related-links a{font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.64);transition:color .25s}.related-links a:hover{color:#fff}
.site-footer{border-top:1px solid rgba(255,255,255,.05);padding:64px 0;background:#000}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer-brand{font-size:18px;font-weight:300;letter-spacing:-.04em;color:#fff}.footer-copy{display:block;margin-top:14px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.13em;line-height:1.7;color:var(--quiet);text-transform:uppercase}.footer-links{display:flex;gap:34px}.footer-links a{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.36);transition:color .25s}.footer-links a:hover{color:#fff}
@media(max-width:800px){.page-shell{padding-left:20px;padding-right:20px}.nav-inner{height:68px}.nav-links{display:none}.menu{display:block}.mobile-links{padding:0 0 20px;border-top:1px solid rgba(255,255,255,.05)}.mobile-links.is-open{display:grid;gap:15px;padding-top:20px}.mobile-links a{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.68)}.page-main{padding-top:68px}.hero{min-height:auto;padding-top:100px;padding-bottom:92px}.hero-grid{grid-template-columns:1fr;gap:38px}.lead{font-size:17px}.content{padding:78px 20px}.service-grid{grid-template-columns:1fr}.service-item{min-height:220px;padding:24px}.service-item h3{font-size:27px;margin-top:56px}.related{align-items:flex-start;flex-direction:column;margin-top:50px}.related-links{gap:18px}.site-footer{padding:48px 0}.footer-grid{flex-direction:column}.footer-links{gap:22px}}
@media(prefers-reduced-motion:no-preference){.hero-grid,.content{animation:rise .7s cubic-bezier(.16,1,.3,1) both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}
