:root{
  --heli-night:#020c1d;
  --heli-navy:#061a3b;
  --heli-blue:#075ee8;
  --heli-electric:#2f8cff;
  --heli-ice:#eaf3ff;
  --heli-white:#fff;
  --heli-gold:#caa35d;
  --heli-line:rgba(145,188,255,.22);
}
html{background:var(--heli-night)}
body{color:var(--heli-white)!important;background:var(--heli-night)!important}
.app{position:relative;background:var(--heli-night)}
.app:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(71,132,220,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(71,132,220,.12) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.app>header,.app>main,.app>footer{position:relative;z-index:1}

/* brand/navigation */
header{height:82px!important;padding:0 3.2vw 0 120px!important;color:#fff!important;background:rgba(2,12,29,.9)!important;border-bottom:1px solid var(--heli-line)!important;backdrop-filter:blur(18px)}
header:before{content:"HELI / TRADE NETWORK";position:absolute;left:24px;bottom:-22px;color:#5599ff;font:700 8px/1 monospace;letter-spacing:.16em;writing-mode:vertical-rl}
.brand{min-width:190px}.heli-brand-lockup{gap:14px!important}.heli-symbol{width:58px!important;height:48px!important;padding:0!important;border:0!important;background:#fff!important;clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}
.heli-symbol img{width:100%!important;height:200%!important;object-fit:cover!important;object-position:top!important;transform:none!important}
.heli-wordmark{height:auto!important}.heli-wordmark img{display:none!important}.heli-wordmark:before{content:"禾利贸易";display:block;color:#fff;font-size:16px;font-weight:900;letter-spacing:.12em}.heli-wordmark:after{content:"HELI TRADING";display:block;margin-top:4px;color:#7caeff;font:700 8px/1 monospace;letter-spacing:.2em}
nav{margin-left:auto}nav a{position:relative;color:#b8ccec!important;font-size:11px!important;letter-spacing:.04em}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--heli-electric);transition:right .25s}nav a:hover:after{right:0}
.language{border-left-color:var(--heli-line)!important}.language button.active,.account-login,.account-trigger{background:var(--heli-blue)!important;border-color:transparent!important}

/* hero and preserved stage */
.hero{min-height:760px!important;padding-left:112px;display:grid!important;grid-template-columns:minmax(330px,37%) minmax(0,63%)!important;background:radial-gradient(circle at 70% 35%,#0d3e83 0,#061b3d 33%,#020c1d 70%)!important;border-bottom:0!important;overflow:hidden}
.hero:before{content:"32°55′N / 35°18′E";position:absolute;left:31px;top:180px;color:#4a91ed;font:700 8px/1 monospace;letter-spacing:.18em;writing-mode:vertical-rl}
.hero-copy{padding:145px 2vw 80px 3.2vw!important;z-index:4!important;background:linear-gradient(90deg,rgba(2,12,29,.72),transparent)!important}
.hero-copy:before{content:"TRADE TERMINAL · 01"!important;display:block!important;width:auto!important;height:auto!important;margin-bottom:38px!important;color:var(--heli-gold)!important;background:none!important;font:800 9px/1 monospace;letter-spacing:.22em}
.hero h1{max-width:570px!important;color:#fff!important;font-size:clamp(54px,5.2vw,92px)!important;line-height:.94!important;letter-spacing:-.07em!important;text-wrap:balance}
.hero h1::first-line{color:#fff!important}.hero p{max-width:430px!important;margin-top:30px!important;color:#b8cceb!important;font-size:13px!important;line-height:1.85!important}
.hero-actions{display:flex!important;gap:10px!important}.hero-actions .btn{min-height:44px!important;padding:0 18px!important}.btn.primary,.spectra-panel button{color:#fff!important;background:var(--heli-blue)!important}.btn.ghost{color:#fff!important;background:rgba(255,255,255,.03)!important;border-color:var(--heli-line)!important}
.spectra-stage{min-height:760px!important;background:transparent!important;isolation:isolate}
.spectra-stage:before{inset:13% 5% 17% 7%!important;border:1px solid rgba(79,143,242,.28)!important;border-radius:50%!important;background:radial-gradient(ellipse,rgba(15,101,226,.19),transparent 67%)!important;transform:perspective(800px) rotateX(64deg)!important;box-shadow:0 0 90px rgba(0,92,255,.18)!important}
.spectra-stage:after{content:"";inset:auto 11% 12%;height:29%;border-radius:50%;border:1px solid rgba(47,140,255,.6)!important;background:repeating-radial-gradient(ellipse at center,transparent 0 30px,rgba(41,125,255,.14) 31px 32px)!important;transform:perspective(700px) rotateX(64deg)!important}
.spectra-atmosphere i{background:#6eafff!important;box-shadow:0 0 14px #2582ff!important}.spectra-product img{filter:drop-shadow(0 28px 22px rgba(0,5,18,.65))!important}.spectra-product[data-active=true] img{filter:drop-shadow(0 34px 24px rgba(0,5,18,.7)) drop-shadow(0 0 20px rgba(49,141,255,.18))!important}
.spectra-panel{top:11%!important;right:4.5%!important;width:min(300px,28vw)!important;padding:27px!important;border:1px solid rgba(112,170,255,.36)!important;border-radius:3px!important;background:rgba(3,18,43,.78)!important;box-shadow:0 24px 70px rgba(0,5,18,.48)!important;backdrop-filter:blur(18px)}
.spectra-panel:before{content:"SELECTED / 精选";color:#69a8ff;font:800 8px/1 monospace;letter-spacing:.2em}.spectra-panel>span{display:none!important}.spectra-panel p{color:#8faad1!important}.spectra-panel button{border-radius:0!important}
.spectra-arrow{border-color:rgba(123,177,255,.42)!important;background:#061936!important}.spectra-arrow:hover{background:var(--heli-blue)!important}.spectra-hint span{color:#68a7ff!important}.spectra-progress b.active{background:var(--heli-electric)!important}
.spectra-phone{right:22px!important;bottom:18px!important;background:#fff!important;color:#051735!important}.spectra-phone:before{background:var(--heli-blue)!important}.spectra-phone span{color:#60728b!important}

/* asym utility band */
.featured-section{padding:44px 3.2vw 44px 120px!important;grid-template-columns:300px 1fr!important;gap:44px!important;background:#0757d4!important;border:0!important;clip-path:polygon(0 0,100% 8%,100% 100%,0 92%)}
.featured-copy{border-right:1px solid rgba(255,255,255,.3)!important}.featured-copy>span{color:#c9ddff!important}.featured-copy h2{font-size:34px!important}.featured-copy p{color:#c9ddff!important}.featured-copy a{color:#fff!important}
.featured-track{gap:7px!important}.featured-track button{padding:13px!important;border-left:1px solid rgba(255,255,255,.18)!important}.featured-track img{aspect-ratio:1.35!important;background:#fff!important;mix-blend-mode:normal!important}.featured-track span{white-space:normal!important}

/* compact category command rail */
.category-section{padding:60px 0 0 112px!important;color:#fff!important;background:#03112a!important;border:0!important}
.category-title{padding:0 3.2vw 22px!important;grid-template-columns:1fr auto!important}.category-title>div{gap:20px!important}.category-title>div>span{color:var(--heli-gold)!important}.category-title h2{font-size:clamp(27px,3vw,43px)!important}.category-title p{color:#7e9dc8!important}.category-title .rail-arrows button{border-color:var(--heli-line)!important;color:#fff!important;background:#071b3d!important}
.category-rail{padding:0 3.2vw 18px!important;gap:8px!important}.category-item{flex:0 0 154px!important;min-height:64px!important;padding:10px 12px!important;color:#bed2f1!important;border:1px solid var(--heli-line)!important;border-radius:0!important;background:#07162f!important}.category-item svg{font-size:19px!important;color:#70a9ff!important}.category-item b{font-size:10px!important}.category-item:after{display:none!important}.category-item:hover{transform:translateY(-2px)!important;border-color:#6eafff!important;background:#0a234c!important}.category-item.selected{color:#fff!important;border-color:#fff!important;background:var(--heli-blue)!important;box-shadow:inset 0 -3px var(--heli-gold)!important}
.category-slider-meta{padding:0 3.2vw 18px!important;color:#7f9bc3!important}.category-slider-meta b{color:#6aa7ff!important}.category-slider-progress{background:var(--heli-line)!important}.category-slider-progress i{background:var(--heli-electric)!important}

/* catalog becomes a crisp white data field */
.catalog{padding:100px 3.2vw 110px 120px!important;color:#06142d!important;background:#f5f8fc!important}
.catalog-head{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr)!important;align-items:end!important;margin-bottom:48px!important;padding-bottom:28px;border-bottom:1px solid #bdd0e8}
.catalog-head>div:first-child{position:relative;padding-left:30px}.catalog-head>div:first-child:before{content:"03";position:absolute;left:0;top:4px;color:#0d64e7;font:800 10px/1 monospace}.catalog-head>div:first-child:after{content:"PRODUCT INDEX";display:block;margin-top:13px;color:#8091a9;font:700 8px/1 monospace;letter-spacing:.2em}
.catalog-head h2,.catalog-head h3,.catalog-head strong,.product-info h3{color:#06142d!important}.catalog-head h2{font-size:clamp(52px,6vw,90px)!important;line-height:.9!important}.catalog-head p,.product-info p,.product-info small,.product-info span{color:#65758d!important}
.catalog-tools{justify-content:flex-end!important}.catalog-tools label,.catalog-tools select{color:#06142d!important;border:1px solid #bfd0e4!important;background:#fff!important}.catalog-tools input{color:#06142d!important}.catalog-tools input::placeholder{color:#7d8ba0!important}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.product-card{display:flex;min-height:100%;flex-direction:column;background:#fff!important;border:1px solid #d5dfeb!important;box-shadow:none!important}.product-card:hover{border-color:#0d64e7!important;transform:translateY(-5px)!important;box-shadow:0 18px 45px rgba(7,51,110,.12)!important}.image-button{aspect-ratio:1.15!important;background:#f4f7fb!important}.image-button img{mix-blend-mode:multiply!important;filter:none!important}.index{background:#06142d!important}.cat{color:#0b64e8!important}.product-info{display:flex!important;flex:1;flex-direction:column!important}.product-info h3{height:auto!important;min-height:68px!important}.product-info>button{margin-top:auto!important;color:#075ee8!important;border-top-color:#d8e2ee!important}
.catalog-load-more .btn{min-width:220px!important;color:#fff!important;background:#075ee8!important}

/* service, contacts, footer */
.service{margin:0!important;padding:92px 4vw 92px 120px!important;grid-template-columns:90px 1fr 190px!important;position:relative;color:#fff!important;background:#061a3b!important;border-top:1px solid var(--heli-line)!important;overflow:hidden}
.service:after{content:"GLOBAL SOURCING / SMARTER TRADING";position:absolute;right:3.2vw;top:24px;color:#4b88db;font:700 8px/1 monospace;letter-spacing:.2em}.service-number{color:#176be0!important}.service small{color:var(--heli-gold)!important}.service .btn.primary{color:#075ee8!important;background:#fff!important}
.contact-strip{padding:84px 3.2vw 96px 120px!important;color:#fff!important;background:#020c1d!important}.contact-heading{grid-template-columns:1fr 1fr!important}.contact-heading>span{color:var(--heli-gold)!important}.contact-heading p{color:#83a0c8!important}
.contact-grid{display:flex!important;gap:14px!important;align-items:center!important;border:0!important}.contact-grid button{width:62px!important;min-height:62px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--heli-line)!important;border-radius:50%!important;color:#fff!important;background:#071936!important}.contact-grid button:hover{transform:translateY(-6px)!important;border-color:#fff!important;background:var(--heli-blue)!important}.contact-grid svg{font-size:24px!important;color:#fff!important}.contact-grid span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
footer{min-height:245px!important;padding:45px 3.2vw 48px 120px!important;grid-template-columns:1.5fr 1fr auto!important;color:#fff!important;background:#010816!important;border-top:1px solid var(--heli-line)!important}.heli-footer-brand{align-self:end!important}.heli-footer-brand img{display:none!important}.heli-footer-brand:before{content:"禾利贸易";display:block;color:#fff;font-size:clamp(45px,5vw,78px);font-weight:900;line-height:.9;letter-spacing:-.07em}.heli-footer-brand:after{content:"HELI TRADING";display:block;margin-top:10px;color:#fff;font:800 clamp(19px,2vw,30px)/1 sans-serif;letter-spacing:.12em}footer p{color:#7591b8!important}footer a{color:#78aeff!important}
.floating{background:var(--heli-blue)!important}

.heli-coordinate{position:absolute;z-index:3;pointer-events:none;color:#4e8fe7;font:700 8px/1 monospace;letter-spacing:.2em}.heli-coordinate.a{right:2.5vw;top:110px}.heli-coordinate.b{left:125px;bottom:25px}
[data-heli-reveal]{will-change:transform,opacity}

@media(max-width:1120px){
  header{padding-left:82px!important}.hero,.featured-section,.category-section,.catalog,.service,.contact-strip,footer{padding-left:82px!important}.hero{grid-template-columns:38% 62%!important}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.featured-section{grid-template-columns:220px 1fr!important}
}
@media(max-width:720px){
  header{height:68px!important;padding:0 16px!important}.heli-symbol{width:46px!important;height:40px!important}.heli-wordmark:before{font-size:13px}.heli-wordmark:after{font-size:6px}header:before{display:none}
  .hero{min-height:760px!important;padding:0!important;display:block!important}.hero:before{display:none}.hero-copy{min-height:330px!important;padding:64px 22px 30px!important;background:linear-gradient(180deg,#020c1d,rgba(2,12,29,.5))!important}.hero h1{max-width:340px!important;font-size:52px!important}.hero p{margin-top:20px!important;font-size:12px!important}.hero-actions{flex-direction:row!important}.spectra-stage{min-height:500px!important;height:500px!important}.spectra-panel{top:18px!important;right:16px!important;width:205px!important;padding:16px!important}.spectra-panel h2{margin:9px 0 5px!important;font-size:14px!important}.spectra-panel p{margin-bottom:12px!important;font-size:9px!important}.spectra-panel button{min-height:36px!important}.spectra-product img{max-width:54vw!important}.spectra-arrow{top:58%!important}.spectra-hint{bottom:17px!important}.spectra-phone{display:none!important}
  .featured-section,.category-section,.catalog,.service,.contact-strip,footer{padding-left:20px!important;padding-right:20px!important}.featured-section{padding-top:50px!important;padding-bottom:55px!important;display:block!important;clip-path:none}.featured-copy{margin-bottom:22px;border-right:0!important}.featured-track{display:flex!important;overflow:auto!important}.featured-track button{min-width:190px}
  .category-section{padding-top:50px!important}.category-title{padding-left:0!important;padding-right:0!important}.category-title>div{display:block!important}.category-rail{padding-left:0!important;padding-right:0!important}.category-item{flex-basis:132px!important}.category-slider-meta{padding-left:0!important;padding-right:0!important}
  .catalog{padding-top:70px!important;padding-bottom:75px!important}.catalog-head{grid-template-columns:1fr!important;gap:28px!important}.catalog-head>div:first-child{padding-left:22px}.catalog-tools{width:100%!important;flex-direction:column!important}.catalog-tools label,.catalog-tools select{width:100%!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-info{padding:12px!important}.product-info h3{min-height:76px!important;font-size:11px!important}
  .service{padding-top:65px!important;padding-bottom:65px!important;grid-template-columns:1fr!important}.service-number{display:none}.service .btn{margin-top:12px}.contact-strip{padding-top:62px!important;padding-bottom:68px!important}.contact-heading{grid-template-columns:1fr!important}.contact-grid{flex-wrap:wrap!important}.contact-grid button{width:54px!important;min-height:54px!important}
  footer{padding-top:42px!important;grid-template-columns:1fr!important;gap:18px!important}.heli-footer-brand:before{font-size:50px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-heli-reveal]{opacity:1!important;transform:none!important}}
