:root {
  --dark: #030405;
  --cyan: #84d0d0;
  --white: #ffffff;
  --subtle: #a1b0b0;
  --line: rgba(132,208,208,.24);
  --mono: "Cascadia Code", "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;
  --display: "Gill Sans", "Gill Sans MT", "Trebuchet MS", "Cabin", "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--dark); color: var(--white); font-family: var(--display); -webkit-font-smoothing: antialiased; }
body::before { content:""; position:fixed; inset:0; background-image:linear-gradient(rgba(132,208,208,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(132,208,208,.025) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:-1; }
a { color: inherit; }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
::selection { color:var(--dark);background:var(--cyan); }
.site-shell { width:min(100% - 108px,1320px);margin:0 auto; }
.site-header { display:flex;justify-content:space-between;align-items:center;min-height:169px;border-bottom:1px solid var(--line);gap:20px; }
.logo {display:inline-flex;align-items:center;flex:none;width:184px;line-height:0;}
.logo img{width:100%;height:auto;display:block;}
.header-right{display:flex;align-items:flex-end;flex-direction:column;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;}
.header-kicker{color:var(--subtle);}
.header-location{color:var(--cyan);white-space:nowrap;display:flex;align-items:center;gap:8px;}
.location-dot{background:var(--cyan);width:6px;height:6px;display:inline-block;box-shadow:0 0 12px rgba(132,208,208,.8);border-radius:50%;}
.hero{padding:56px 0 48px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:stretch;gap:clamp(32px,4.5vw,78px);min-height:595px;}
.hero-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:1;padding:5px 0 18px;}
.eyebrow{color:var(--cyan);font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:13px;white-space:nowrap;margin-bottom:32px;}
.small-star{font-size:16px;}
.eyebrow-line{width:40px;height:1px;background:var(--line);display:inline-block;}
h1{font-size:clamp(46px,5vw,81px);line-height:1.03;letter-spacing:-.045em;font-weight:500;margin:0 0 30px;max-width:850px;}
h1 span{color:var(--cyan);}
.hero-copy{font-weight:400;font-size:clamp(16px,1.55vw,19px);line-height:1.74;color:#ccd5d5;max-width:600px;margin:0 0 38px;}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.primary-button{background:var(--cyan);color:var(--dark);display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:57px;padding:0 25px;text-decoration:none;font-size:15px;letter-spacing:.01em;font-weight:600;transition:background-color .2s,transform .2s;}
.primary-button:hover{background:#b4eeee;transform:translateY(-2px);}
.primary-button span{font-size:22px;font-weight:300;line-height:1;}
.email-link{font-family:var(--mono);font-size:12px;letter-spacing:.015em;color:#b2c1c0;text-decoration:underline;text-decoration-color:rgba(132,208,208,.5);text-underline-offset:5px;}
.email-link:hover{color:var(--cyan);}
.hero-footnote{color:#7f9291;margin-top:48px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.03em;}
.footnote-mark{color:var(--cyan);font-size:17px;}
.art-panel{position:relative;min-height:530px;overflow:hidden;background:linear-gradient(180deg,rgba(3,4,5,.19),rgba(3,4,5,.22)),url('assets/brand-texture.webp') center center / cover no-repeat;isolation:isolate;}
.art-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,5,.67),transparent 31%,transparent 65%,rgba(3,4,5,.23));z-index:-1;}
.art-topline{position:absolute;inset:25px 25px auto;display:flex;justify-content:space-between;gap:12px;font:10px var(--mono);letter-spacing:.08em;color:var(--white);}
.art-legend{position:absolute;bottom:30px;left:30px;display:flex;align-items:flex-start;gap:10px;color:var(--white);font:10px/1.9 var(--mono);letter-spacing:.18em;}
.legend-square{width:7px;height:7px;background:var(--cyan);margin-top:7px;}
.art-corner{position:absolute;width:22px;height:22px;border-color:rgba(255,255,255,.58);border-style:solid;}
.art-corner-tl{top:15px;left:15px;border-width:1px 0 0 1px;}
.art-corner-br{right:15px;bottom:15px;border-width:0 1px 1px 0;}
.art-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.26);border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg);pointer-events:none;}
.art-orbit-one{width:68%;height:31%;}
.art-orbit-two{width:94%;height:48%;opacity:.35;}
.services{display:grid;grid-template-columns:240px 1fr;gap:46px;padding:30px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.services-tag{color:var(--cyan);font:10px var(--mono);letter-spacing:.17em;}
.services h2{font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:15px 0 0;}
.services-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:8px 0 0;}
.services-list li{padding:0 12px;border-left:1px solid rgba(132,208,208,.32);font-size:15px;line-height:1.4;display:flex;flex-direction:column;gap:14px;}
.service-index{font:11px var(--mono);color:var(--cyan);}
.site-footer{display:flex;justify-content:space-between;gap:25px;padding:24px 0 34px;color:#6e8483;font:10px/1.6 var(--mono);letter-spacing:.03em;}
.site-footer > :last-child {text-align:right;}
.site-footer > :last-child span{color:var(--cyan);padding-left:10px;}
@media (max-width:1100px){
 .site-shell{width:min(100% - 72px,1320px);}
 .hero{gap:38px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
 .services{grid-template-columns:1fr;gap:26px;}
 .services-list{padding-top:0;}
}
@media (max-width:780px){
 .site-shell{width:min(100% - 40px,640px);}
 .site-header{min-height:126px;}
 .logo{width:145px;}
 .header-right{font-size:9px;gap:8px;}
 .header-kicker{display:none;}
 .hero{grid-template-columns:1fr;gap:34px;padding:37px 0;min-height:auto;}
 .hero-content{padding:0;}
 .eyebrow{margin-bottom:23px;font-size:9px;gap:10px;letter-spacing:.12em;}
 h1{font-size:clamp(43px,8.2vw,69px);line-height:1.08;letter-spacing:-.047em;}
 h1 br{display:none;}
 .hero-copy{font-size:16px;line-height:1.7;margin-bottom:30px;}
 .hero-footnote{margin-top:32px;}
 .art-panel{height:280px;min-height:0;background-position:center 54%;}
 .art-orbit-one{width:47%;height:31%;}
 .art-orbit-two{width:70%;height:44%;}
 .art-legend{bottom:20px;left:22px;font-size:9px;}
 .services{padding:30px 0;}
 .services-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;}
 .site-footer{flex-direction:column;gap:7px;padding:19px 0 28px;font-size:9px;}
 .site-footer > :last-child{text-align:left;}
}
@media (max-width:460px){
 .site-shell{width:calc(100% - 36px);}
 .site-header{min-height:108px;}
 .logo{width:128px;}
 .header-right{font-size:8px;letter-spacing:0;}
 .eyebrow-line{width:20px;}
 h1{font-size:clamp(40px,10.6vw,54px);margin-bottom:22px;}
 .hero-copy{font-size:15.5px;}
 .actions{gap:20px;align-items:flex-start;flex-direction:column;}
 .primary-button{width:100%;justify-content:space-between;padding:0 20px;}
 .art-panel{height:240px;}
 .art-topline{font-size:8px;inset:19px 20px auto;}
 .services-list{column-gap:6px;}
 .services-list li{font-size:13.5px;padding-left:10px;}
 .services h2{font-size:19px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .primary-button{transition:none;} }