.page-contact{background:#030704;color:var(--gb-text)}
.page-contact main{overflow:clip}
.contact-shell{width:min(calc(100% - var(--gb-content-frame)),var(--gb-content-max));margin-inline:auto}
.contact-kicker{margin:0;color:var(--gb-green);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.contact-kicker::before{content:"";display:inline-block;width:26px;height:2px;margin:0 10px 4px 0;background:var(--gb-gold)}
.contact-lede{max-width:720px;margin:0;color:rgba(239,242,234,.8);font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.68}
.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.contact-hero{position:relative;isolation:isolate;min-height:var(--gb-route-hero-min-height);overflow:hidden;border-bottom:1px solid rgba(31,242,109,.18)}
.contact-hero__art,.contact-hero__veil{position:absolute;inset:0;pointer-events:none}
.contact-hero__art{z-index:-2;background:url('/assets/images/stock-art/hero-contact-page-stock.png') center/cover no-repeat;filter:brightness(1.08) saturate(1.05);transform:scale(1.012);animation:contact-art-arrive 1.7s cubic-bezier(.2,.75,.2,1) both}
.contact-hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(2,6,4,.95) 0%,rgba(2,7,4,.76) 36%,rgba(2,7,4,.22) 59%,rgba(2,7,4,.03) 100%),radial-gradient(circle at 72% 30%,rgba(225,185,58,.13),transparent 25%),linear-gradient(180deg,rgba(2,6,4,.01),rgba(2,6,4,.2))}
.contact-hero__inner{display:grid;grid-template-columns:minmax(0,850px);align-items:start;padding-block:var(--gb-route-hero-padding-block)}
.contact-hero__copy{animation:contact-copy-arrive .9s .12s cubic-bezier(.2,.75,.2,1) both}
.contact-hero h1{max-width:880px;margin:18px 0 24px;font-size:clamp(4rem,6.35vw,7rem);line-height:.89;letter-spacing:-.064em}
.contact-hero h1 span,.contact-section h2 span,.contact-direct h2 span{color:#f2c943}
.contact-strip{position:relative;z-index:2;border-bottom:1px solid rgba(225,185,58,.17);background:linear-gradient(90deg,#030704,#07120a 50%,#030704)}
.contact-strip__grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr}
.contact-strip__grid>a,.contact-strip__grid>div{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center;padding:28px 30px;border-inline-start:1px solid rgba(31,242,109,.14)}
.contact-strip__grid>*:last-child{border-inline-end:1px solid rgba(31,242,109,.14)}
.contact-strip i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(225,185,58,.3);border-radius:15px;color:var(--gb-gold)}
.contact-strip small,.contact-direct small{display:block;margin-bottom:5px;color:var(--gb-green);font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.contact-strip strong{font-size:.95rem;line-height:1.45}
.contact-section{position:relative;padding-block:var(--gb-route-section-padding-block)}
.contact-section__head{max-width:820px;margin-bottom:46px}
.contact-section__head--center{margin-inline:auto;text-align:center}
.contact-section__head h2,.contact-inquiry-section h2,.contact-direct h2{margin:13px 0 18px;font-size:clamp(2.65rem,4.7vw,5rem);line-height:.96;letter-spacing:-.055em}
.contact-section__head>p:last-child{max-width:720px;margin:0;color:var(--gb-muted);font-size:1.06rem;line-height:1.7}
.contact-section__head--center>p:last-child{margin-inline:auto}
.contact-lanes{background:radial-gradient(circle at 50% 20%,rgba(31,242,109,.07),transparent 34%),#030704}
.contact-lanes__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1500px}
.contact-lanes article{--contact-tilt-x:0deg;--contact-tilt-y:0deg;position:relative;isolation:isolate;min-height:365px;padding:28px;border:1px solid rgba(225,185,58,.3);border-radius:24px;background:linear-gradient(145deg,rgba(8,24,13,.94),rgba(3,10,6,.96));box-shadow:0 28px 64px rgba(0,0,0,.3);transform:perspective(1500px) rotateX(var(--contact-tilt-x)) rotateY(var(--contact-tilt-y));transition:transform .2s ease-out,border-color .3s ease,box-shadow .3s ease;will-change:transform}
.contact-lanes article::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at var(--contact-glow-x,70%) var(--contact-glow-y,20%),rgba(31,242,109,.14),transparent 28%);opacity:.42;transition:opacity .3s}
.contact-lanes article:hover{border-color:rgba(31,242,109,.56);box-shadow:0 36px 78px rgba(0,0,0,.4),0 0 40px rgba(31,242,109,.14)}
.contact-lanes article:hover::after{opacity:1}
.contact-lanes article>span{position:absolute;top:25px;right:27px;color:rgba(225,185,58,.55);font-size:.78rem;font-weight:900;letter-spacing:.12em}
.contact-lanes article>i{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(31,242,109,.34);border-radius:19px;background:rgba(31,242,109,.06);color:var(--gb-green);font-size:1.9rem}
.contact-lanes h3{margin:28px 0 12px;font-size:1.45rem}
.contact-lanes p{min-height:110px;margin:0;color:var(--gb-muted);line-height:1.6}
.contact-lanes a{display:inline-flex;gap:9px;align-items:center;margin-top:22px;color:var(--gb-green);font-weight:900}
.contact-inquiry-section{background:linear-gradient(180deg,#030704,#061008)}
.contact-inquiry__panel{--contact-tilt-x:0deg;--contact-tilt-y:0deg;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid rgba(31,242,109,.28);border-radius:30px;background:#050c07;box-shadow:0 42px 100px rgba(0,0,0,.4),0 0 48px rgba(31,242,109,.07);transform:perspective(1800px) rotateX(var(--contact-tilt-x)) rotateY(var(--contact-tilt-y));transition:transform .2s ease-out,border-color .3s ease,box-shadow .3s ease;will-change:transform}
.contact-inquiry__panel:hover{border-color:rgba(31,242,109,.48);box-shadow:0 48px 110px rgba(0,0,0,.48),0 0 58px rgba(31,242,109,.12)}
.contact-inquiry__art{min-height:760px;background:linear-gradient(180deg,rgba(2,6,4,.02),rgba(2,6,4,.24)),url('/assets/images/stock-art/concepts/contact-page-hero-support-concept-v1.png') center/cover no-repeat}
.contact-form{padding:clamp(34px,4.5vw,64px)}
.contact-form h2{font-size:clamp(2.5rem,3.8vw,4.3rem)}
.contact-form__intro{margin:-4px 0 28px;color:var(--gb-muted);line-height:1.65}
.contact-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form__wide{grid-column:1/-1}
.contact-form label span{display:block;margin-bottom:7px;color:rgba(239,242,234,.82);font-size:.78rem;font-weight:800}
.contact-form label span small{color:var(--gb-muted);font-weight:600}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(225,185,58,.24);border-radius:11px;background:#061009;color:var(--gb-text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form input,.contact-form select{min-height:48px;padding:0 13px}
.contact-form textarea{resize:vertical;min-height:130px;padding:13px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(31,242,109,.68);background:#08150b;box-shadow:0 0 0 3px rgba(31,242,109,.1)}
.contact-form__consent{display:flex;gap:10px;align-items:flex-start;margin:19px 0}
.contact-form__consent input{width:auto;min-height:auto;margin-top:3px}
.contact-form__consent span{margin:0;line-height:1.45}
.contact-form__notice{padding:15px 17px;border:1px solid rgba(225,185,58,.28);border-radius:13px;background:rgba(225,185,58,.06);color:rgba(245,236,200,.82);line-height:1.5}
.contact-form__notice i{margin-right:8px;color:var(--gb-gold)}
.contact-form .button{margin-top:3px}
.contact-form__status{min-height:1.5em;margin:13px 0 0;color:#7bed9b;font-weight:700}
.contact-handoffs{background:#020503}
.contact-handoffs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.contact-handoffs article{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:30px;border:1px solid rgba(31,242,109,.22);border-radius:22px;background:linear-gradient(145deg,rgba(7,21,11,.9),rgba(3,9,5,.94));transition:transform .25s,border-color .25s,box-shadow .25s}
.contact-handoffs article:hover{transform:translateY(-6px);border-color:rgba(31,242,109,.5);box-shadow:0 28px 64px rgba(0,0,0,.32),0 0 34px rgba(31,242,109,.1)}
.contact-handoffs article>i{font-size:2rem;color:var(--gb-green)}
.contact-handoffs strong{display:block;font-size:1.08rem}
.contact-handoffs p{margin:6px 0 0;color:var(--gb-muted);line-height:1.55}
.contact-direct{padding-top:0;background:#020503}
.contact-direct__panel{padding:clamp(32px,4vw,54px);border:1px solid rgba(225,185,58,.3);border-radius:28px;background:linear-gradient(115deg,rgba(8,30,14,.94),rgba(4,12,7,.96));box-shadow:0 34px 80px rgba(0,0,0,.38),0 0 48px rgba(31,242,109,.08)}
.contact-direct__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border-top:1px solid rgba(31,242,109,.17);border-bottom:1px solid rgba(31,242,109,.17)}
.contact-direct__grid>a,.contact-direct__grid>div{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:24px 20px;border-inline-start:1px solid rgba(31,242,109,.15)}
.contact-direct__grid>*:last-child{border-inline-end:1px solid rgba(31,242,109,.15)}
.contact-direct__grid i{font-size:1.35rem;color:var(--gb-gold)}
.contact-direct__grid strong{font-size:.9rem;line-height:1.5}
.has-contact-reveal [data-contact-reveal]{opacity:0;filter:blur(6px);translate:0 38px;transition:opacity .76s ease,filter .76s ease,translate .84s cubic-bezier(.2,.78,.2,1)}
.has-contact-reveal [data-contact-reveal].is-revealed{opacity:1;filter:none;translate:0 0}
@keyframes contact-art-arrive{from{opacity:.4;transform:scale(1.065)}to{opacity:1;transform:scale(1.012)}}
@keyframes contact-copy-arrive{from{opacity:0;transform:translateY(26px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1199px){
  .contact-lanes__grid{grid-template-columns:1fr 1fr}
  .contact-lanes article{min-height:0;transform:none}
  .contact-lanes p{min-height:0}
  .contact-inquiry__panel{grid-template-columns:1fr;transform:none}
  .contact-inquiry__art{min-height:460px;background-position:center 42%}
  .contact-direct__grid{grid-template-columns:1fr 1fr}
}

@media(max-width:767px){
  .contact-shell{width:min(calc(100% - var(--gb-content-frame-mobile)),var(--gb-content-max))}
  .contact-hero{min-height:auto}
  .contact-hero__art{background-position:61% center}
  .contact-hero__veil{background:linear-gradient(90deg,rgba(2,6,4,.95),rgba(2,7,4,.68) 75%,rgba(2,7,4,.22)),linear-gradient(180deg,rgba(2,6,4,.03),rgba(2,6,4,.32))}
  .contact-hero__inner{padding-block:var(--gb-route-hero-padding-block-mobile)}
  .contact-hero h1{font-size:clamp(3.1rem,14.6vw,4.7rem)}
  .contact-actions .button{width:100%;justify-content:center}
  .contact-strip__grid,.contact-lanes__grid,.contact-handoffs__grid,.contact-direct__grid,.contact-form__fields{grid-template-columns:1fr}
  .contact-strip__grid>a,.contact-strip__grid>div,.contact-direct__grid>a,.contact-direct__grid>div{padding:22px 18px;border-inline-end:1px solid rgba(31,242,109,.14);border-bottom:1px solid rgba(31,242,109,.1)}
  .contact-section__head h2,.contact-inquiry-section h2,.contact-direct h2{font-size:clamp(2.35rem,12vw,3.6rem)}
  .contact-lanes article,.contact-form,.contact-handoffs article,.contact-direct__panel{padding:25px 21px}
  .contact-inquiry__art{min-height:330px}
  .contact-form__wide{grid-column:auto}
  .contact-form .button{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .contact-hero__art,.contact-hero__copy{animation:none}
  .contact-lanes article,.contact-inquiry__panel,.contact-handoffs article,.has-contact-reveal [data-contact-reveal]{transition:none;transform:none;translate:0;filter:none;opacity:1}
}