@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
@import url('/assets/web-v2-header.css');
@import url('/assets/web-v2-phase2.css');
@import url('/assets/web-v2-phase3.css');
/* GÖ.AI Web v2 canonical hero — locked to approved reference */
:root{--go-gold:#D4AF37;--go-midnight:#0B0B0B;--go-offwhite:#F5F5F0}
.topbar{height:108px;background:rgba(4,8,12,.96);border-bottom:1px solid rgba(245,245,240,.08);backdrop-filter:none}
.topbar .wrap{width:100%;max-width:none;padding:0 55px}
.nav{height:108px;gap:42px}
.brand{display:flex;align-items:center;gap:18px;margin-right:auto;letter-spacing:0}
.brand-lockup{display:flex;align-items:center;gap:12px}
.orbit-mark{width:58px;height:58px;position:relative;display:inline-block}
.orbit-mark:before{content:"";position:absolute;width:31px;height:31px;border:6px solid var(--go-gold);border-radius:50%;left:10px;top:14px}
.orbit-mark:after{content:"";position:absolute;width:55px;height:2px;background:var(--go-gold);transform:rotate(-37deg);left:1px;top:29px;box-shadow:18px -13px 0 -0.2px var(--go-gold)}
.orbit-dots{position:absolute;left:17px;top:3px;width:7px;height:7px;background:var(--go-gold);border-radius:50%;box-shadow:13px 0 var(--go-gold)}
.brand-word{font-size:43px;font-weight:600;line-height:1;color:var(--go-offwhite);letter-spacing:-.035em}.brand-word .go{color:var(--go-gold)}
.brand-divider{width:1px;height:52px;background:rgba(245,245,240,.45);margin:0 8px 0 4px}
.brand-tag{font-size:12px;line-height:1.75;letter-spacing:.21em;text-transform:uppercase;font-weight:500;color:var(--go-offwhite);white-space:nowrap}
.nav-trigger{font-size:11px;letter-spacing:.16em;padding:45px 4px;color:var(--go-offwhite)}
.nav-trigger:after{content:"⌄";font-size:12px;margin-left:8px;color:#aaa}
.nav-cta{border:1px solid #c9a85c;border-radius:30px;padding:15px 30px;min-width:236px;text-align:center;color:var(--go-offwhite);font-size:10px;letter-spacing:.18em;position:relative}.nav-cta:after{content:"→";margin-left:22px;font-size:16px;color:#d6b75f}
.hero{height:522px;min-height:0;margin-top:108px;padding:0;display:block;background:#04080c;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0 0 0 38%;z-index:-2;background:url('/assets/web-v2-globe.svg') center right/cover no-repeat;filter:none}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04080c 0%,rgba(4,8,12,.98) 34%,rgba(4,8,12,.52) 50%,rgba(4,8,12,0) 70%)}
.hero>.wrap{width:100%;max-width:none;height:100%;padding:40px 66px 0;margin:0;position:relative}
.hero-content{max-width:690px;height:100%;position:relative;z-index:3}.hero-meta{display:none}
.hero-people{font-size:12px;letter-spacing:.29em;color:#a8a9aa;margin:0 0 44px;text-transform:uppercase;position:relative}.hero-people:after{content:"";position:absolute;width:38px;height:2px;background:var(--go-gold);left:0;top:31px}
.hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(43px,4.1vw,64px);line-height:1.06;letter-spacing:-.035em;font-weight:400;max-width:670px;margin:0 0 17px;color:var(--go-offwhite)}
.hero h1 .gold{color:#d7b459}
.hero-copy{font-size:17px;line-height:1.55;color:#d1d1cf;max-width:655px;margin:0}
.hero .actions{margin-top:24px;gap:26px}.hero .btn{height:54px;min-height:54px;border-radius:28px;padding:0 31px;font-size:11px;letter-spacing:.14em}.hero .btn-primary{background:linear-gradient(90deg,#e3bd5b,#f0ce73);border-color:#e6c467;color:#111;font-weight:700;min-width:275px}.hero .btn-primary:after{content:"→";font-size:20px;margin-left:28px}.hero .btn-secondary{border-color:rgba(245,245,240,.65);background:rgba(4,8,12,.42);min-width:250px}.hero .btn-secondary:after{content:"▶";width:23px;height:23px;border:1px solid #d8d8d3;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;margin-left:23px;padding-left:2px}
.hero-journey{position:absolute;right:65px;top:37px;border-left:1px solid rgba(245,245,240,.55);padding:6px 0 0 25px;width:185px;font-size:11px;line-height:1.65;letter-spacing:.24em;text-transform:uppercase;color:#d4d4d0}.hero-journey:after{content:"";display:block;width:38px;height:2px;background:var(--go-gold);margin-top:14px}
.hero-close{display:none}
.capability-rail{height:118px;background:#071018;border-top:1px solid rgba(245,245,240,.18);display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;padding:0 65px;align-items:center}
.capability{height:59px;display:flex;align-items:center;gap:19px;border-right:1px solid rgba(245,245,240,.2);padding:0 28px 0 12px}.capability:first-child{padding-left:0}.cap-icon{font-size:30px;color:var(--go-offwhite);width:34px;text-align:center}.cap-copy strong{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--go-offwhite);margin-bottom:7px}.cap-copy small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#85898d;white-space:nowrap}.rail-close{font-size:10px;line-height:1.7;letter-spacing:.19em;text-transform:uppercase;color:#a5a5a3;text-align:right;padding-left:35px}
@media(max-width:1180px){.brand-tag{display:none}.brand-divider{display:none}.nav{gap:24px}.nav-cta{min-width:180px}.hero>.wrap{padding-left:42px}.hero h1{font-size:52px}.capability-rail{padding:0 35px}.capability{padding-right:14px;gap:10px}.cap-copy small{display:none}}
@media(max-width:1020px){.topbar{height:82px}.topbar .wrap{padding:0 28px}.nav{height:82px}.brand-word{font-size:32px}.orbit-mark{transform:scale(.8);transform-origin:left center;width:48px}.hero{margin-top:82px;height:auto;min-height:650px}.hero::before{inset:0;background-position:58% center;opacity:.66}.hero::after{background:linear-gradient(90deg,#04080c 0%,rgba(4,8,12,.9) 60%,rgba(4,8,12,.25))}.hero>.wrap{padding:55px 34px 45px}.hero-content{max-width:650px}.hero-journey{display:none}.capability-rail{grid-template-columns:repeat(3,1fr);height:auto;padding:22px 28px;gap:12px}.capability{border:0;padding:12px}.rail-close{text-align:left;padding:12px}}
@media(max-width:680px){.topbar{height:70px}.topbar .wrap{padding:0 18px}.nav{height:70px}.brand-word{font-size:28px}.orbit-mark{transform:scale(.7);width:42px}.hero{margin-top:70px;min-height:650px}.hero>.wrap{padding:45px 22px 38px}.hero::before{background-position:64% center;opacity:.45}.hero::after{background:linear-gradient(180deg,rgba(4,8,12,.42),#04080c 76%)}.hero-people{font-size:10px;margin-bottom:40px}.hero h1{font-size:44px;line-height:1.05}.hero-copy{font-size:15px}.hero .actions{gap:12px}.hero .btn{width:100%;min-width:0}.capability-rail{grid-template-columns:1fr 1fr;padding:18px}.capability{height:65px}.rail-close{grid-column:1/-1;border-top:1px solid rgba(245,245,240,.15);padding-top:20px}.cap-copy small{display:block}}

/* Phase 1 authoritative desktop overrides — 1536 × 108 reference */
@media(min-width:1181px){
.topbar{position:relative;width:100%;height:108px;margin:0;background:linear-gradient(90deg,#05090D 0%,#060B10 52%,#05090D 100%);border-bottom:1px solid rgba(245,245,240,.16);box-shadow:none;backdrop-filter:none}
.topbar .wrap{width:100%;max-width:1536px;height:108px;margin:0 auto;padding:0 32px 0 50px}
.nav{display:flex;align-items:center;width:100%;height:108px;gap:0}
.brand{display:flex;align-items:center;flex:0 0 auto;margin:0;color:#F5F5F0;letter-spacing:0}
.brand-lockup{display:flex;align-items:center;gap:12px;height:60px}
.orbit-mark{position:relative;display:inline-block;width:58px;height:58px;flex:0 0 58px;background:url('/assets/goai-orbit-mark.svg') center/contain no-repeat}
.orbit-mark:before,.orbit-mark:after,.orbit-dots,.orbit-dots:after{display:none!important;content:none!important}
.brand-word{font-family:Manrope,Inter,Arial,sans-serif;font-size:40px;font-weight:650;line-height:1;letter-spacing:-.045em;color:#F5F5F0;white-space:nowrap}.brand-word .go{color:#D4AF37}
.brand-divider{display:block;width:1px;height:45px;margin:0 27px 0 23px;background:rgba(245,245,240,.42);flex:0 0 1px}
.brand-tag{display:block;width:252px;font-family:Manrope,Inter,Arial,sans-serif;font-size:11.5px;font-weight:500;line-height:1.86;letter-spacing:.205em;text-transform:uppercase;color:#F5F5F0;white-space:nowrap}
.brand + .nav-group{margin-left:55px}.nav-group + .nav-group{margin-left:44px}
.nav-trigger{appearance:none;border:0;background:transparent;height:108px;padding:0;margin:0;display:inline-flex;align-items:center;font-family:Manrope,Inter,Arial,sans-serif;font-size:10.5px;font-weight:600;line-height:1;letter-spacing:.19em;text-transform:uppercase;color:#F5F5F0;white-space:nowrap}
.nav-trigger:after{content:"";width:7px;height:7px;margin-left:10px;border-right:1px solid #F5F5F0;border-bottom:1px solid #F5F5F0;transform:translateY(-2px) rotate(45deg);opacity:.88}
.nav-cta{margin-left:auto;width:235px;min-width:235px;height:50px;border:1px solid #C9A85C;border-radius:999px;background:transparent;color:#F5F5F0;display:inline-flex;align-items:center;justify-content:center;padding:0 26px 0 31px;font-family:Manrope,Inter,Arial,sans-serif;font-size:10.5px;font-weight:650;line-height:1;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap}
.nav-cta:after{content:"→";color:#D7B65D;font-size:20px;line-height:1;margin-left:23px;transform:translateY(-1px)}
.menu{top:88px}
}