/* GTG 2026 | Black, gold and white website concept. Original official logo is unchanged. */
:root{color-scheme:dark;--black:#030406;--black2:#090b0e;--panel:#0c0f13;--paper:#f7f6f0;--gold:#e8ba62;--gold-soft:#fee2a1;--gold-deep:#936322;--line:rgba(236,190,99,.22);--white:#f8f8f7;--muted:#aab0b6;--radius:20px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--black);color:var(--white);margin:0;overflow-x:hidden;line-height:1.55}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 80% 5%,rgba(178,118,41,.08),transparent 40%),linear-gradient(135deg,#030405,#090b0f 54%,#020305)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold-soft);outline-offset:4px}
a:hover{text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:10px;z-index:200;background:var(--gold);color:#080807;padding:10px 15px;border-radius:10px}.skip:focus{left:12px}
.site-head{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(240,200,122,.16);background:rgba(3,5,8,.9);backdrop-filter:blur(20px)}
.head-inner{min-height:83px;display:flex;align-items:center;gap:32px;justify-content:space-between}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{display:block;width:244px;max-height:72px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:27px;flex-wrap:wrap}
.desktop-nav>a:not(.button){font-size:12px;font-weight:770;color:#c5c7c9;min-height:44px;display:inline-flex;align-items:center;position:relative}
.desktop-nav>a:not(.button):hover,.desktop-nav>a[aria-current="page"]{color:var(--gold-soft)}
.desktop-nav>a[aria-current="page"]::after{content:"";height:2px;background:var(--gold);position:absolute;bottom:5px;left:0;right:0;box-shadow:0 0 10px #e9bb5680}
.mobile-menu{display:none}
.button{border:1px solid var(--line);border-radius:11px;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:47px;padding:11px 20px;font-size:12px;line-height:1.25;font-weight:850;letter-spacing:.01em;transition:transform .18s,border-color .18s,box-shadow .18s;color:#f4e8ca;background:rgba(244,196,111,.04)}
.button:hover{transform:translateY(-2px);border-color:#d3aa60;box-shadow:0 9px 25px #daa14413}
.button.primary{background:linear-gradient(118deg,#fff1c0,#eac16e 46%,#c99239);border-color:#f4d999;color:#151007;box-shadow:0 10px 35px #ae751c37}
.button.primary:hover{box-shadow:0 13px 42px #e4a43f4f}
.button.mini{min-height:43px;padding:9px 15px}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#eac678;font-weight:850}
.eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:#dfb458;vertical-align:middle;margin-right:11px;box-shadow:0 0 10px #eabc6880}
.title{font-size:clamp(32px,4vw,57px);letter-spacing:-.059em;line-height:1.06;margin:12px 0 14px;font-weight:830}
.lead{color:#bdc0c5;font-size:clamp(15px,1.6vw,18px);max-width:640px}
.gradient-text{background:linear-gradient(115deg,#fff5d9 4%,#f0c573 48%,#b67a28 96%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero{position:relative;isolation:isolate;border-bottom:1px solid rgba(232,186,98,.14);overflow:hidden;background:linear-gradient(90deg,#030406 0%,#08090b 46%,#080709 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(242,191,88,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(242,191,88,.026) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to right,transparent 8%,#000 95%)}
.hero::after{content:"";position:absolute;inset:-40% -20% auto auto;width:780px;height:690px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#a66a1e24,transparent 68%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;min-height:620px;padding:70px 0 63px}
.hero h1{font-size:clamp(51px,6vw,88px);line-height:.99;letter-spacing:-.073em;max-width:790px;font-weight:860;margin:22px 0 22px}
.hero .lead{max-width:550px;line-height:1.7;margin:0 0 28px}
.actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.hero-points{display:flex;align-items:stretch;gap:17px;flex-wrap:wrap;margin-top:43px}
.hero-point{border-left:2px solid #cfa65b;padding:2px 15px;color:#c9bfae;font-size:11px;font-weight:730;max-width:150px;line-height:1.45}
.hero-stage{position:relative;min-width:0}
.hero-stage img{width:112%;max-width:none;display:block;margin-left:-6%;filter:drop-shadow(0 15px 38px rgba(235,170,68,.11));animation:float 9s ease-in-out infinite}
.stage-tag{position:absolute;right:0;bottom:8%;border:1px solid rgba(229,191,119,.37);border-radius:12px;padding:13px 17px;background:rgba(4,7,9,.85);backdrop-filter:blur(15px);font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#e6c987;box-shadow:0 0 32px #d8a8561c}
@keyframes float{50%{transform:translateY(-9px)}}
.section{padding:83px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:29px}
.section-head .title{max-width:820px;margin:12px 0 0}
.section-head p{max-width:450px;color:var(--muted);margin:0;font-size:14px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.product-card{background:linear-gradient(143deg,rgba(39,29,14,.68),rgba(8,10,13,.99) 44%,#080a0e);border:1px solid rgba(229,174,82,.32);border-radius:20px;padding:29px;position:relative;overflow:hidden;min-height:490px;display:flex;flex-direction:column;box-shadow:0 30px 55px #0007;transition:transform .2s,border-color .2s}
.product-card:hover{transform:translateY(-4px);border-color:#e5c581}
.product-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,#ffe5a6,transparent);opacity:.6}
.product-top{display:flex;gap:13px;align-items:center;justify-content:space-between}
.product-logo{width:54px;height:54px;object-fit:contain}
.product-logo.dock{width:48px;height:48px}
.product-name{font-weight:850;font-size:26px;letter-spacing:-.045em}
.product-kicker{color:#d3b478;font-weight:770;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.product-status{border:1px solid rgba(211,178,109,.35);border-radius:20px;padding:6px 10px;font-size:10px;color:#f6d491;white-space:nowrap}
.product-card p{color:#bcc2ca;font-size:14px;line-height:1.65;max-width:530px;margin:18px 0}
.feature-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.feature-tags span{border:1px solid rgba(239,199,111,.16);border-radius:7px;background:#fff7d70b;color:#d9d1c2;font-size:11px;padding:6px 10px}
.screen{border:1px solid #9c783c55;background:#06090d;border-radius:14px;overflow:hidden;margin-top:auto;box-shadow:0 15px 36px #0008;min-height:181px}
.screen-bar{height:30px;display:flex;align-items:center;justify-content:space-between;background:#14181e;border-bottom:1px solid #a67c383b;padding:0 12px;color:#d7c5a4;font-size:10px;font-weight:720;letter-spacing:.04em}
.screen-dots{display:flex;gap:5px}.screen-dots i{width:5px;height:5px;border-radius:100%;background:#d6aa51;opacity:.7}
.screen-body{padding:15px;display:grid;gap:9px}
.screen-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#151a1e;padding:10px 12px;border:1px solid #b393532b;border-radius:8px;font-size:11px;color:#e0e0dc}
.screen-line strong{font-size:10px;color:#edca81;font-weight:790}
.screen-caption{font-size:10px;color:#8f9496;padding:2px 0 0}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}
.product-foot{font-size:11px;color:#9fa7a9}
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cap{border:1px solid rgba(233,187,97,.16);border-radius:17px;background:linear-gradient(145deg,#101319,#080a0d);min-height:174px;padding:25px;position:relative;transition:border-color .2s}
.cap:hover{border-color:rgba(244,211,149,.56)}
.cap-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid #e5b85f4a;color:var(--gold);font-size:20px;margin-bottom:21px;background:#e4b75c0d}
.cap h3{font-size:17px;letter-spacing:-.035em;margin:0 0 6px}
.cap p{font-size:12px;color:#a5adb4;line-height:1.6;margin:0}
.vision{position:relative;padding:78px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 65% 50%,rgba(205,141,50,.12),transparent 33%),linear-gradient(135deg,#06070b,#101014 56%,#040507);overflow:hidden}
.vision::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 72% 55%,transparent 0 66px,rgba(227,176,95,.067) 68px 69px);opacity:.7}
.vision-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.vision .title{max-width:680px}
.vision-copy{color:var(--muted);font-size:15px;max-width:540px}
.vision-list{display:grid;gap:12px}
.vision-item{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #cb9d4e40;background:#06080dc7;border-radius:13px;backdrop-filter:blur(8px)}
.vision-num{width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:linear-gradient(140deg,#f5d58a,#96611d);color:#0b0a07;font-weight:900}
.vision-item strong{display:block;font-size:15px}.vision-item p{font-size:12px;color:#b0ac9f;margin:3px 0 0}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.principle{padding:21px;background:rgba(255,255,255,.025);border:1px solid rgba(241,202,123,.17);border-radius:14px;min-height:160px}
.principle small{font-weight:900;color:#d5af63;letter-spacing:.09em}
.principle h3{font-size:16px;margin:18px 0 6px}.principle p{color:var(--muted);font-size:12px;margin:0}
.final-cta{position:relative;overflow:hidden;padding:72px 0;background:linear-gradient(103deg,#110e09,#090b0e 56%,#33200b);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.final-cta::after{content:"";position:absolute;width:490px;height:490px;border:1px solid #ebbb5f4a;box-shadow:0 0 100px #d29f3433;border-radius:50%;right:-60px;top:-160px;pointer-events:none}
.final-grid{display:flex;align-items:center;justify-content:space-between;gap:34px;position:relative}
.final-grid .title{max-width:720px}
.footer{padding:39px 0 30px;background:#050608}
.footer-main{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:27px}
.footer-brand img{width:210px;max-height:68px;object-fit:contain;object-position:left center}
.footer-brand p{font-size:12px;color:#a8a6a1;max-width:310px}
.footer h4{color:#e8c681;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}
.footer-nav{display:grid;gap:9px}
.footer-nav a{font-size:12px;color:#aeb2b8}
.footer-nav a:hover{color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #e3b05d26;margin-top:27px;padding-top:19px;font-size:11px;color:#888f96}
.foot-bottom a{color:#c3c0b4}
.sr-only{position:absolute;left:-9999px}
@media(max-width:1050px){.desktop-nav{gap:16px}.brand img{width:200px}.hero-grid{grid-template-columns:1fr .91fr}.hero h1{font-size:clamp(46px,5.7vw,68px)}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{border:1px solid var(--line);color:#f2d9a1;background:#21190d;padding:12px 15px;border-radius:10px;font-size:12px;font-weight:850;cursor:pointer;min-height:44px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;right:0;top:54px;min-width:240px;display:grid;gap:5px;padding:10px;border:1px solid #d2a35867;background:#0e0d0e;box-shadow:0 25px 50px #000b;border-radius:13px;z-index:101}.mobile-panel a{padding:12px 13px;font-size:13px;font-weight:760;border-radius:6px}.mobile-panel a:hover{background:#cf9d4421}.hero-grid{grid-template-columns:1fr;gap:0;min-height:unset;padding:64px 0 32px}.hero-stage{max-width:620px;margin-inline:auto}.hero-stage img{width:100%;margin-left:0}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-inner{grid-template-columns:1fr}.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.wrap{width:calc(100% - 30px)}.head-inner{min-height:68px}.brand img{width:188px;max-height:60px}.hero h1{font-size:clamp(43px,11vw,61px)}.hero-points{gap:11px;margin-top:27px}.hero-point{font-size:10px}.section{padding:59px 0}.section-head{display:block}.section-head p{margin:10px 0 0}.product-grid,.cap-grid{grid-template-columns:1fr}.product-card{padding:19px;min-height:unset}.product-name{font-size:22px}.product-logo{width:42px;height:42px}.principles{grid-template-columns:1fr}.final-grid{align-items:start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.stage-tag{font-size:9px;right:5px}.actions .button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}