*{box-sizing:border-box}
:root{color-scheme:dark;--blue:#00c9ef;--white:#f6fafc;--muted:#c2d0d7;--line:rgba(215,238,246,.18)}
html{min-height:100%;background:#05090d}
body{margin:0;min-height:100vh;background:#05090d;color:var(--white);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(20px,4vw,52px) clamp(20px,7vw,108px) 24px}
.backdrop{position:absolute;z-index:-2;inset:-5%;background:linear-gradient(90deg,rgba(2,7,11,.27),rgba(2,7,11,.03) 72%),url("/assets/getseen-blue-wave.webp") center/cover no-repeat;opacity:.94;transform:scale(1.04);animation:wave-drift 24s ease-in-out infinite alternate;will-change:transform;overflow:hidden}
.backdrop:before{content:"";position:absolute;inset:-24%;pointer-events:none;background:radial-gradient(ellipse at 28% 48%,rgba(0,130,255,.42),transparent 39%),radial-gradient(ellipse at 72% 38%,rgba(0,201,239,.34),transparent 36%),radial-gradient(ellipse at 53% 78%,rgba(15,76,220,.32),transparent 43%);filter:blur(30px);opacity:.9;transform:translate3d(-4%,2%,0) scale(1.04);animation:gradient-flow 16s ease-in-out infinite alternate;will-change:transform}
.page:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,11,.16),rgba(2,7,11,.08) 35%,rgba(2,7,11,.78) 100%)}
@keyframes wave-drift{0%{transform:scale(1.04) translate3d(-1.5%,.5%,0)}50%{transform:scale(1.095) translate3d(.7%,-1.3%,0)}100%{transform:scale(1.05) translate3d(1.5%,.8%,0)}}
@keyframes gradient-flow{0%{transform:translate3d(-5%,2%,0) scale(1.03)}50%{transform:translate3d(3%,-4%,0) scale(1.13)}100%{transform:translate3d(5%,3%,0) scale(1.06)}}
.nav{width:min(100%,1220px);margin:0 auto;min-height:68px;padding:9px 17px;border:1px solid rgba(220,242,250,.16);border-radius:999px;background:rgba(7,13,18,.68);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.brand-eye{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%}
.nav-note{display:flex;align-items:center;gap:9px;color:#d9e6eb;font-size:10px;font-weight:700;letter-spacing:.13em}
.pulse{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--blue);box-shadow:0 0 7px 2px rgba(0,201,239,.65),0 0 17px 5px rgba(0,201,239,.28);animation:dot-glow 2.2s ease-in-out infinite}
@keyframes dot-glow{0%,100%{box-shadow:0 0 6px 1px rgba(0,201,239,.55),0 0 13px 3px rgba(0,201,239,.2)}50%{box-shadow:0 0 10px 4px rgba(0,201,239,.9),0 0 24px 8px rgba(0,201,239,.38)}}
.hero{width:min(100%,1220px);margin:clamp(76px,10vh,126px) auto 0}
.eyebrow{margin:0;color:#8de7fa;font-size:11px;font-weight:700;letter-spacing:.16em}
h1{margin:19px 0 0;max-width:900px;font-size:clamp(48px,6.4vw,84px);line-height:.99;font-weight:500;letter-spacing:-.075em}
.typewriter-line{white-space:nowrap}
.typewriter-line.is-typing:after,.typewriter-line.is-complete:after{content:"";display:inline-block;height:.78em;margin-left:.11em;border-right:3px solid var(--blue);vertical-align:-.04em;animation:caret-blink .8s steps(2,start) infinite}
@keyframes caret-blink{to{visibility:hidden}}
.blue{color:var(--blue)}
.intro{max-width:590px;margin:25px 0 0;color:#d0dce1;font-size:clamp(15px,1.25vw,18px);line-height:1.8}
.capabilities{width:min(100%,1220px);margin:clamp(62px,9vh,105px) auto 0}
.section-top{display:flex;align-items:center;gap:18px;color:#aebfc7;font-size:10px;font-weight:700;letter-spacing:.16em}
.section-top i{height:1px;flex:1;background:var(--line)}
.services{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:17px;color:#edf5f7;font-size:clamp(13px,1.2vw,16px)}
.services b{width:4px;height:4px;border-radius:50%;background:var(--blue)}
.events-note{margin:17px 0 0;color:#b9c8cf;font-size:13px;line-height:1.7}
.events-note strong{color:#f4fafc;font-size:10px;letter-spacing:.13em}
.contact{width:min(100%,1220px);margin:clamp(58px,8vh,90px) auto 0;padding:clamp(23px,3.5vw,42px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,82px);border:1px solid rgba(220,242,250,.17);border-radius:22px;background:rgba(5,12,17,.7);backdrop-filter:blur(18px)}
.contact-copy h2{margin:14px 0 13px;font-size:clamp(30px,4vw,48px);line-height:1.06;font-weight:500;letter-spacing:-.06em}
.contact-copy>p:not(.eyebrow){max-width:410px;margin:0;color:#c5d2d8;font-size:14px;line-height:1.75}
.email-link{display:inline-flex;gap:12px;margin-top:24px;color:#eafaff;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease}
.email-link:hover,.email-link:focus-visible{color:var(--blue)}
.email-link span{color:var(--blue)}
.form{display:flex;flex-direction:column;gap:15px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form label{display:flex;flex-direction:column;gap:8px;color:#e6eff2;font-size:12px;font-weight:600}
.required{color:var(--blue);font-weight:700;margin-left:2px}
.phone-field{display:flex;flex-direction:column;gap:8px}
.phone-field>label{display:block}
.phone-row{display:grid;grid-template-columns:minmax(128px,.38fr) 1fr;gap:10px}
.form input,.form textarea,.form select{width:100%;min-width:0;border:1px solid rgba(222,241,247,.2);border-radius:9px;background:rgba(255,255,255,.055);padding:13px 14px;color:white;font:400 13px "DM Sans",sans-serif;outline:none;resize:vertical}
.form select{appearance:auto;color:#eaf3f6;background-color:#14232c}
.form select option{background:#10202a;color:#f6fafc}
.form .code-select{padding:13px 9px}
.form input::placeholder,.form textarea::placeholder{color:#82949d}
.form input:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,201,239,.12)}
.form button{align-self:flex-start;display:flex;align-items:center;gap:25px;border:0;border-radius:9px;background:var(--blue);color:#00131a;padding:14px 19px;font:700 13px "DM Sans",sans-serif;cursor:pointer}
.form button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.form button:hover,.form button:focus-visible{background:#fff;color:#007fbd}
.form-note{margin:-3px 0 0;color:#91a4ad;font-size:10px;line-height:1.5}
.hidden{display:none}
.footer{width:min(100%,1220px);margin:35px auto 0;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#a9b9c1;font-size:9px;font-weight:700;letter-spacing:.15em}
@media(max-width:760px){.page{padding:16px 18px 20px}.backdrop{background-position:43% center;opacity:.76}.nav{min-height:58px;padding:7px 12px}.brand-eye{width:40px;height:40px}.nav-note{font-size:8px;letter-spacing:.08em}.hero{margin-top:clamp(75px,12vh,110px)}h1{font-size:clamp(47px,11vw,76px)}.intro{font-size:15px;line-height:1.72}.capabilities{margin-top:65px}.contact{margin-top:55px;grid-template-columns:1fr;gap:27px;padding:23px 19px}.contact-copy h2{font-size:36px}.footer{margin-top:27px}}
@media(max-width:430px){.nav-note{max-width:118px;line-height:1.4}.field-row{grid-template-columns:1fr}.services{gap:10px 12px}.footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.backdrop,.backdrop:before,.pulse{animation:none;transform:none}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Consistent inset dropdown chevrons, avoiding browser-native edge placement. */
.form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d8e7ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
}
.form .code-select { padding-right: 38px; }
.form button { transition: background-color .2s ease, color .2s ease, opacity .2s ease; }
.form button:disabled { cursor: wait; opacity: .88; }
.form button.is-success { background: #80e0c2; color: #06251d; }
.form-success { margin: 0; color: #a8f0d7; font-size: 12px; line-height: 1.6; }
.form-success[hidden] { display: none; }