/* Alternative design. Approved version remains in the parent directory. */
:root{--bg:#0d111a;--text:#e8ebf2;--muted:#aeb8ca;--line:#2b3548;--soft:#1a2435;--navy:#323c59}
body{background:var(--bg)}
.site-header{background:#101520d9}.site-header.is-scrolled{background:#101520f5}
.ui-icon{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px;filter:brightness(0) invert(.84);pointer-events:none}
.button:not(.secondary) .ui-icon{filter:brightness(0) saturate(100%);opacity:.78}
.button .ui-icon,.link-arrow .ui-icon{transition:transform .22s ease}
.button:hover .ui-icon,.link-arrow:hover .ui-icon{transform:translate(2px,-2px)}
.button,.text-button,.primary-nav a,.mobile-contact{transition:background .22s,border-color .22s,color .22s,transform .22s}
.button:active{transform:translateY(1px)}
.mobile-contact{display:none}
.hero{background:radial-gradient(ellipse at 43% 35%,#30385880,transparent 70%),radial-gradient(ellipse at 100% 90%,#23334c40,transparent 60%),#10141f;min-height:535px}
.hero-grid{padding-block:82px 104px;gap:9%}
.hero-copy .eyebrow{color:#b2c0d8;font-size:12px;letter-spacing:.06em}
.hero h1{font-size:clamp(40px,4.2vw,60px);letter-spacing:-.048em}
.hero-lead{max-width:425px;color:#abb6cb}
.hero-scroll{display:inline-flex;align-items:center;gap:15px;color:#98a6bf}
.hero-scroll .ui-icon{width:14px;height:14px}
.credentials{background:#0f141e;border-color:#2b3545}
.credential-grid{padding-block:24px}
.section{padding-block:112px}
.section .eyebrow{font-size:12px;color:#99abc8;letter-spacing:.055em}
.section h2{font-size:clamp(34px,3.7vw,49px);letter-spacing:-.04em}
#services{background:#0e131d}
#services .section-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:start;margin-bottom:54px}
#services .section-head .eyebrow{grid-column:1/-1;margin-bottom:20px}
#services .section-head .section-intro{max-width:430px;margin-top:6px}
.services-layout{grid-template-columns:.8fr 1.2fr;gap:10%}
.services-intro{font-size:14px;color:#a5b0c4}
.service-title{display:flex;align-items:center;gap:15px;font-size:20px}
.service-title .ui-icon{width:20px;height:20px;opacity:.8}
.service summary{min-height:79px}
.service-body{padding-left:35px;color:#a8b4c9}
.service-number{font-size:10px;letter-spacing:.06em}
.service[open] summary .service-title{color:#fff}
.work-section{background:radial-gradient(ellipse at 30% 20%,#24314950,transparent 70%),#141c2a;border-block:1px solid var(--line)}
.project-grid{grid-template-columns:1.15fr 1fr;gap:40px}
.project-image{background:radial-gradient(ellipse at 65% 35%,#3b4d6b50,transparent 65%),linear-gradient(145deg,#253147,#141e30);border-color:#34435b;aspect-ratio:1.55}
.project-image.secondary-image{background:radial-gradient(ellipse at 20% 80%,#40517050,transparent 65%),linear-gradient(145deg,#202d40,#182132)}
.project-image::before,.project-image::after{content:"";position:absolute;inset:16%;border:1px solid #a1b7db0c;pointer-events:none}
.project-image::after{inset:25% 9%;border-color:#a1b7db0b}
.placeholder-center{position:relative;z-index:1;color:#a2b1c8}.placeholder-tag{color:#a4b2c7}
.placeholder-cross{color:#899dbb!important;font-size:25px!important}
.project-caption h3{font-size:19px}.project-caption p{color:#a1aec3}
#approach{background:#0f141e}
.process-list{gap:32px}.process-list li{position:relative;border-color:#40506c;padding-top:24px}
.step-number{color:#a6b8d7;font-size:12px;margin-bottom:28px}
.process-list h3{font-size:22px}.process-list p{font-size:14px;color:#a6b2c7}
.delivery-note{margin-top:48px}
.contact-section{background:radial-gradient(ellipse at 20% 15%,#37486870,transparent 65%),#171f2e}
.contact-copy .section-intro{color:#b3bfd2}.contact-help{color:#a4b1c7}
.field input,.field select,.field textarea{background:#131b29b3;border-color:#3d4b64;border-radius:4px}
.field label{color:#c2cce0}.form-note{color:#a3b0c8}
.footer{background:#0d121c;color:#98a7bd}
.landing-page .hero{min-height:0}.landing-page .hero-grid{padding-block:70px 86px}
.landing-page .site-header{background:#10141f}.landing-page .hero-actions{gap:22px}
.landing-page .coming-soon{letter-spacing:.14em;color:#c4d0e4}
.landing-page .landing-contact-button{min-width:172px}
.pswp{--pswp-bg:#0b101b;--pswp-icon-color:#dce5f5;--pswp-icon-color-secondary:#172238;--pswp-icon-stroke-color:#172238}
.pswp__img{background:#111a29}.pswp__counter{font-family:Arial,Helvetica,sans-serif}
.avpr-zoom-caption{position:absolute;left:24px;right:24px;bottom:22px;text-align:center;color:#b7c5da;font:13px/1.5 Arial,Helvetica,sans-serif;pointer-events:none}
@media(min-width:900px){#services .services-intro{position:sticky;top:115px;align-self:start}.primary-nav a{position:relative}.primary-nav a:not(.nav-contact)::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#b1c3e0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.primary-nav a:hover::after,.primary-nav a[aria-current="location"]::after{transform:scaleX(1)}}
@media(max-width:1100px){.hero-grid{gap:6%}.hero h1{font-size:44px}.project-grid{gap:28px}}
@media(max-width:899px){.header-inner{gap:16px}.home-link{margin-right:auto}.mobile-contact{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;color:#d5dfee}.mobile-contact .ui-icon{width:14px;height:14px}.nav-toggle{border-color:#3c4860}.primary-nav{background:#151d2c}.hero-grid{padding-block:62px 75px}.hero h1{font-size:37px}.hero-scroll{display:none}.section{padding-block:80px}#services .section-head{display:block;max-width:650px}#services .section-head .section-intro{margin-top:24px;max-width:550px}.services-layout{grid-template-columns:1fr;gap:34px}.services-intro{max-width:620px}.services-intro .platforms{margin-block:12px}.project-grid{gap:24px}}
@media(max-width:600px){.hero-grid{gap:42px;padding-block:45px 62px}.hero h1{font-size:clamp(35px,10.8vw,43px)}.hero-lead{max-width:400px}.section{padding-block:66px}.section h2{font-size:35px}.hero-actions{gap:20px}.hero .button{gap:24px}.hero-link{font-size:12px}.credential-grid{padding-block:8px}.service-title{font-size:18px;gap:12px}.service-title .ui-icon{width:18px;height:18px}.service-body{padding-left:30px;padding-right:0}.service-number{gap:14px}.project-grid{grid-template-columns:1fr;gap:36px}.project-caption h3{font-size:18px}.project-image{aspect-ratio:1.4}.process-list{gap:27px}.process-list h3{font-size:20px}.step-number{margin:4px 0 0}.contact-grid{gap:36px}.landing-page .hero-grid{padding-block:40px 52px;gap:40px}.landing-page .landing-contact{font-size:11px}.landing-page .hero-actions{gap:20px}.landing-page .mobile-contact{display:none}.avpr-zoom-caption{bottom:15px;font-size:12px}}
@media(max-width:360px){.header-inner{gap:10px}.nav-toggle{padding-inline:10px}.mobile-contact{font-size:11px;gap:5px}.home-link{font-size:11px}.hero-actions{gap:12px}.hero-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.button .ui-icon,.link-arrow .ui-icon{transform:none!important}}