.page-our-company{background:#030704;color:var(--gb-text)}
.page-our-company main{overflow:clip}
.company-shell{width:min(calc(100% - var(--gb-content-frame)),var(--gb-content-max));margin-inline:auto}
.company-kicker{margin:0;color:var(--gb-green);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.company-kicker::before{content:"";display:inline-block;width:26px;height:2px;margin:0 10px 4px 0;background:var(--gb-gold)}
.company-lede{max-width:760px;margin:0;color:rgba(239,242,234,.8);font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.68}
.company-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.company-hero{position:relative;isolation:isolate;min-height:var(--gb-route-hero-min-height);overflow:hidden;border-bottom:1px solid rgba(31,242,109,.18)}
.company-hero__art,.company-hero__veil{position:absolute;inset:0;pointer-events:none}
.company-hero__art{z-index:-2;background:url('/assets/images/stock-art/hero-about-company-page.png') center/cover no-repeat;filter:brightness(1.08) saturate(1.08);transform:scale(1.012);animation:company-art-arrive 1.7s cubic-bezier(.2,.75,.2,1) both}
.company-hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(2,6,4,.94) 0%,rgba(2,7,4,.78) 34%,rgba(2,7,4,.26) 57%,rgba(2,7,4,.04) 100%),radial-gradient(circle at 72% 34%,rgba(229,185,58,.14),transparent 26%),linear-gradient(180deg,rgba(2,6,4,.02),rgba(2,6,4,.24))}
.company-hero__inner{display:grid;grid-template-columns:minmax(0,820px);align-items:start;padding-block:var(--gb-route-hero-padding-block)}
.company-hero__copy{animation:company-copy-arrive .9s .12s cubic-bezier(.2,.75,.2,1) both}
.company-hero h1{max-width:850px;margin:18px 0 24px;font-size:clamp(4rem,6.4vw,7.05rem);line-height:.89;letter-spacing:-.064em}
.company-hero h1 span,.company-section h2 span,.company-final h2 span{color:#f2c943}
.company-trust{position:relative;z-index:2;border-bottom:1px solid rgba(225,185,58,.17);background:linear-gradient(90deg,#030704,#07120a 50%,#030704)}
.company-trust__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.company-trust article{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;padding:30px 34px;border-inline-start:1px solid rgba(31,242,109,.14)}
.company-trust article:last-child{border-inline-end:1px solid rgba(31,242,109,.14)}
.company-trust i{font-size:1.8rem;color:var(--gb-green)}
.company-trust strong{display:block;font-size:1.04rem}
.company-trust p{margin:5px 0 0;color:var(--gb-muted);line-height:1.45}
.company-section{position:relative;padding-block:var(--gb-route-section-padding-block)}
.company-section__head{max-width:850px;margin-bottom:46px}
.company-section__head--center{margin-inline:auto;text-align:center}
.company-section__head h2,.company-process h2,.company-principles h2,.company-final h2{margin:13px 0 18px;font-size:clamp(2.65rem,4.7vw,5rem);line-height:.96;letter-spacing:-.055em}
.company-section__head>p:last-child,.company-principles__intro>p:last-child{max-width:720px;margin:0;color:var(--gb-muted);font-size:1.06rem;line-height:1.7}
.company-section__head--center>p:last-child{margin-inline:auto}
.company-lanes{background:radial-gradient(circle at 50% 20%,rgba(31,242,109,.07),transparent 34%),#030704}
.company-lanes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1500px}
.company-lanes__grid article,.company-boundaries__grid article{--company-tilt-x:0deg;--company-tilt-y:0deg;position:relative;isolation:isolate;min-height:360px;padding:34px;border:1px solid rgba(225,185,58,.3);border-radius:26px;background:linear-gradient(145deg,rgba(8,24,13,.94),rgba(3,10,6,.96));box-shadow:0 30px 70px rgba(0,0,0,.3),inset 0 0 0 1px rgba(31,242,109,.04);transform:perspective(1500px) rotateX(var(--company-tilt-x)) rotateY(var(--company-tilt-y));transition:transform .2s ease-out,border-color .3s ease,box-shadow .3s ease;will-change:transform}
.company-lanes__grid article::after,.company-boundaries__grid article::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at var(--company-glow-x,70%) var(--company-glow-y,20%),rgba(31,242,109,.13),transparent 28%);opacity:.45;transition:opacity .3s}
.company-lanes__grid article:hover,.company-boundaries__grid article:hover{border-color:rgba(31,242,109,.56);box-shadow:0 38px 82px rgba(0,0,0,.4),0 0 42px rgba(31,242,109,.14)}
.company-lanes__grid article:hover::after,.company-boundaries__grid article:hover::after{opacity:1}
.company-card__number{position:absolute;top:28px;right:30px;color:rgba(225,185,58,.55);font-weight:900;letter-spacing:.12em}
.company-lanes__grid article>i{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(31,242,109,.35);border-radius:20px;background:rgba(31,242,109,.06);color:var(--gb-green);font-size:2rem}
.company-lanes__grid h3{margin:32px 0 12px;font-size:2rem}
.company-lanes__grid p{min-height:94px;margin:0;color:var(--gb-muted);line-height:1.65}
.company-lanes__grid a{display:inline-flex;gap:10px;align-items:center;margin-top:24px;color:var(--gb-green);font-weight:900}
.company-process{background:linear-gradient(180deg,#030704,#061008)}
.company-process__panel{--company-tilt-x:0deg;--company-tilt-y:0deg;display:grid;grid-template-columns:.95fr 1.05fr;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(--company-tilt-x)) rotateY(var(--company-tilt-y));transition:transform .2s ease-out,border-color .3s ease,box-shadow .3s ease;will-change:transform}
.company-process__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)}
.company-process__art{min-height:690px;background:linear-gradient(180deg,rgba(2,6,4,.03),rgba(2,6,4,.25)),url('/assets/images/stock-art/extra/greenback-about-hero-acquisitions-command-v1.png') 61% center/cover no-repeat}
.company-process__content{padding:clamp(38px,5vw,72px)}
.company-process__content h2{font-size:clamp(2.5rem,3.7vw,4.25rem)}
.company-process ol{display:grid;gap:0;margin:32px 0 0;padding:0;list-style:none}
.company-process li{display:grid;grid-template-columns:34px 48px 1fr;gap:14px;align-items:start;padding:19px 0;border-top:1px solid rgba(31,242,109,.13)}
.company-process li>span{padding-top:13px;color:rgba(225,185,58,.7);font-size:.76rem;font-weight:900}
.company-process li>i{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(225,185,58,.28);border-radius:14px;background:rgba(225,185,58,.06);color:var(--gb-gold)}
.company-process li strong{display:block;font-size:1.08rem}
.company-process li p{margin:5px 0 0;color:var(--gb-muted);line-height:1.5}
.company-boundaries{background:radial-gradient(circle at 50% 50%,rgba(225,185,58,.055),transparent 40%),#020503}
.company-boundaries__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1500px}
.company-boundaries__grid article{min-height:335px}
.company-boundaries__icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(31,242,109,.3);border-radius:22px;background:rgba(31,242,109,.055)}
.company-boundaries__icon img{max-width:48px;max-height:48px;object-fit:contain}
.company-boundaries__icon i{color:var(--gb-green);font-size:2rem}
.company-boundaries__label{margin:28px 0 7px;color:var(--gb-gold);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.company-boundaries h3{margin:0 0 14px;font-size:1.55rem}
.company-boundaries__grid article>p:last-child{margin:0;color:var(--gb-muted);line-height:1.65}
.company-boundaries__note{max-width:1040px;margin:28px auto 0;padding:17px 22px;border:1px solid rgba(225,185,58,.22);border-radius:15px;background:rgba(225,185,58,.055);color:rgba(244,236,202,.8);line-height:1.55;text-align:center}
.company-boundaries__note i{margin-right:9px;color:var(--gb-gold)}
.company-principles{overflow:hidden;background:linear-gradient(105deg,rgba(3,10,6,.98),rgba(5,18,9,.92)),url('/assets/images/stock-art/hero-about-company-page.png') center 60%/cover no-repeat}
.company-principles__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(44px,7vw,105px);align-items:center}
.company-principles__grid{display:grid;gap:14px}
.company-principles__grid article{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:center;padding:24px;border:1px solid rgba(31,242,109,.2);border-radius:20px;background:rgba(3,12,7,.78);transition:transform .25s,border-color .25s,box-shadow .25s}
.company-principles__grid article:hover{transform:translateX(7px);border-color:rgba(31,242,109,.48);box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 32px rgba(31,242,109,.1)}
.company-principles__grid i{font-size:2.1rem;color:var(--gb-green)}
.company-principles__grid strong{display:block;font-size:1.08rem}
.company-principles__grid p{margin:5px 0 0;color:var(--gb-muted);line-height:1.5}
.company-final{padding-top:0;background:#020503}
.company-final__panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center;padding:clamp(32px,4vw,56px);border:1px solid rgba(225,185,58,.32);border-radius:28px;background:linear-gradient(120deg,rgba(8,31,15,.95),rgba(4,12,7,.96));box-shadow:0 34px 80px rgba(0,0,0,.38),0 0 50px rgba(31,242,109,.08)}
.company-final h2{font-size:clamp(2.25rem,3.4vw,3.9rem)}
.company-final__actions{display:grid;gap:12px}
.company-final__actions a{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:18px 20px;border:1px solid rgba(31,242,109,.24);border-radius:15px;background:rgba(2,10,5,.65);font-weight:900;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s}
.company-final__actions a:hover{transform:translateX(7px);border-color:rgba(31,242,109,.58);background:rgba(31,242,109,.06);box-shadow:0 0 30px rgba(31,242,109,.11)}
.company-final__actions i:first-child{color:var(--gb-gold);font-size:1.25rem}
.company-final__actions i:last-child{color:var(--gb-green)}
.has-company-reveal [data-company-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-company-reveal [data-company-reveal].is-revealed{opacity:1;filter:none;translate:0 0}
@keyframes company-art-arrive{from{opacity:.4;transform:scale(1.065)}to{opacity:1;transform:scale(1.012)}}
@keyframes company-copy-arrive{from{opacity:0;transform:translateY(26px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1199px){
  .company-hero__inner{grid-template-columns:minmax(0,760px)}
  .company-lanes__grid,.company-boundaries__grid{grid-template-columns:1fr}
  .company-lanes__grid article,.company-boundaries__grid article{min-height:0;transform:none}
  .company-lanes__grid p{min-height:0}
  .company-process__panel{grid-template-columns:1fr;transform:none}
  .company-process__art{min-height:440px;background-position:center 45%}
  .company-principles__layout,.company-final__panel{grid-template-columns:1fr}
}

@media(max-width:767px){
  .company-shell{width:min(calc(100% - var(--gb-content-frame-mobile)),var(--gb-content-max))}
  .company-hero{min-height:auto}
  .company-hero__art{background-position:63% center}
  .company-hero__veil{background:linear-gradient(90deg,rgba(2,6,4,.94),rgba(2,7,4,.64) 74%,rgba(2,7,4,.24)),linear-gradient(180deg,rgba(2,6,4,.05),rgba(2,6,4,.32))}
  .company-hero__inner{padding-block:var(--gb-route-hero-padding-block-mobile)}
  .company-hero h1{font-size:clamp(3.15rem,15vw,4.8rem)}
  .company-actions .button{width:100%;justify-content:center}
  .company-trust__grid{grid-template-columns:1fr}
  .company-trust article{padding:23px 20px;border-inline-end:1px solid rgba(31,242,109,.14);border-bottom:1px solid rgba(31,242,109,.1)}
  .company-section__head h2,.company-process h2,.company-principles h2,.company-final h2{font-size:clamp(2.35rem,12vw,3.6rem)}
  .company-lanes__grid article,.company-boundaries__grid article,.company-process__content,.company-final__panel{padding:26px 22px}
  .company-process__art{min-height:330px}
  .company-process li{grid-template-columns:34px 42px 1fr;gap:10px}
  .company-process li>i{width:40px;height:40px}
  .company-principles__grid article{grid-template-columns:48px 1fr;padding:20px}
  .company-principles__grid i{font-size:1.65rem}
}

@media(prefers-reduced-motion:reduce){
  .company-hero__art,.company-hero__copy{animation:none}
  .company-lanes__grid article,.company-boundaries__grid article,.company-process__panel,.company-principles__grid article,.company-final__actions a,.has-company-reveal [data-company-reveal]{transition:none;transform:none;translate:0;filter:none;opacity:1}
}
