/* Existing HALL GROUP identity, applied to international trade. */
:root{--ink:#034870;--muted:#526376;--paper:#f1f4f7;--line:#d5dfe7;--accent:#927135;--blue:#005889;--gold:#d8b771}
body{font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.6}.wrap{width:min(1240px,90%)}
.review{background:#034870;color:#b9c8d8;font-size:12px;padding-top:6px;padding-bottom:6px}.header{background:#034870;border-bottom:1px solid #36506b;color:white}
.nav{min-height:104px;gap:25px}.brand{display:block;line-height:0;flex-shrink:0}.brand img{width:174px;height:64px;object-fit:contain}.links{gap:24px;font-size:14px}.links a:hover{color:var(--gold)}.langs button{color:#d5e1ef;min-height:40px;padding:7px 10px;font-size:14px}.langs button[aria-pressed=true]{color:#034870;background:var(--gold)}
.hero-band{background:#034870;color:white;overflow:hidden}.hero{padding:55px 0 35px;grid-template-columns:1.5fr 1fr;column-gap:3%;row-gap:36px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.3px;line-height:1.5;color:var(--accent)}.hero .eyebrow{color:var(--gold);margin-bottom:25px}.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.09;letter-spacing:-1.7px;font-weight:500;max-width:760px;margin-bottom:26px;text-wrap:balance}.hero p.lead{color:#dce5f0;font-size:17px;line-height:1.65;margin-bottom:29px;max-width:660px}
.btn{border-radius:0;font-size:14px;min-height:48px;padding:13px 18px;line-height:1.4;transition:background .18s,border-color .18s}.hero .btn,.contact .btn,.detail-hero .btn{background:var(--gold);color:#034870;border-color:var(--gold)}.hero .btn.outline,.detail-hero .btn.outline{background:transparent;border-color:#8fa8c0;color:white}.hero .btn:hover,.contact .btn:hover,.detail-hero .btn:hover{background:#f0d7aa;border-color:#f0d7aa;color:#034870}
.hero-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:10px}.hero-visual img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.hero-visual p{margin:30px 0 0;padding:15px 0 0;border-top:1px solid #446080;color:#b6c9df;font-size:13px;text-align:right}
.geo{grid-column:1/-1;margin:0;padding-top:25px;border-top:1px solid #446080;display:flex;justify-content:space-between;gap:24px;align-items:center}.geo h2{font-size:17px;font-weight:500;line-height:1.5;margin:0;max-width:480px;letter-spacing:0}.geo p{font-size:14px;color:var(--gold);margin:0;line-height:1.8;max-width:510px}
.process-strip{background:#e9eef4;padding:30px 0 34px}.process-strip .eyebrow{margin-bottom:19px;color:var(--muted)}.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.chain div{display:block;border:0;padding:0;background:none;font-size:15px;line-height:1.5}.chain b{display:block;font-size:12px;margin:0 0 6px;color:var(--accent)}
.audiences{margin:58px auto 65px;border:0;gap:50px}.audience{padding:0}.audience+.audience{border:0;padding-left:40px;border-left:1px solid var(--line)}.audience h2{font-size:27px;font-weight:500;margin-bottom:14px}.audience p{font-size:16px;line-height:1.7;margin-bottom:20px}.textbtn{color:var(--blue);font-size:14px;line-height:1.5;border-bottom:1px solid currentColor;align-self:start;padding-bottom:3px}.textbtn:hover{color:#886222}
.section{padding:74px 0}.section-head{margin-bottom:36px;align-items:start}.section h2{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.7px}.section-head p{font-size:16px;line-height:1.7;max-width:535px}.directions{gap:20px}.direction{padding:28px 28px 25px;min-height:300px!important;border:1px solid #d5dfe7;transition:border-color .15s,box-shadow .15s,transform .15s}.direction .number{font-size:12px;letter-spacing:1.2px;color:#75603b;margin-bottom:27px}.direction h3{font-size:23px;line-height:1.25;margin:0 0 16px;letter-spacing:-.3px;font-weight:500}.direction p{font-size:15px;line-height:1.65;margin:0 0 26px}.direction .textbtn{margin-top:auto}.direction:hover{border-color:#927135;box-shadow:0 8px 20px #03487010;transform:translateY(-3px)}.direction:focus-visible{outline:3px solid var(--accent)}
.proof{gap:46px}.proof-card{padding:22px 0;border-top:2px solid #a38243}.proof-card .status{font-size:12px;letter-spacing:.6px;color:#386450}.proof-card h3{font-size:23px;line-height:1.35}.proof-card p{font-size:15px}.proof-card a{font-size:14px}.twocol{gap:70px}.twocol h2{font-size:31px}.twocol p,.after p{font-size:16px}.mini-list li{font-size:15px;padding:13px 0}.after{margin-top:44px;padding-top:36px;grid-template-columns:1fr 1.5fr}.after h3{font-size:27px}.contact{padding:56px 0}.contact h2{font-size:32px}.contact p{font-size:15px}.contact .actions{gap:12px}.contact .btn{margin-top:18px}.footer{font-size:12px;padding:22px 0}.footer .wrap{align-items:start}
.detail-hero{background:#034870;color:white;padding:24px 0 55px}.breadcrumbs{display:flex;gap:12px;align-items:baseline;font-size:13px;color:#b8cbe0;flex-wrap:wrap;margin-bottom:40px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs span:last-child{max-width:650px}.detail-hero .eyebrow{color:var(--gold)}.detail-hero h1{font-size:clamp(35px,4.5vw,60px);line-height:1.08;font-weight:500;letter-spacing:-1.7px;max-width:980px;margin:0 0 25px;text-wrap:balance}.detail-hero .lead{font-size:18px;max-width:940px;color:#dce5f0;line-height:1.7;margin:0 0 30px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.detail-grid h2{font-size:30px;line-height:1.25;letter-spacing:-.4px;margin-bottom:22px}.scope-list{list-style:none;padding:0;margin:0}.scope-list li{padding:20px 0;border-top:1px solid var(--line);font-size:20px;line-height:1.4}.requirements{background:var(--paper);padding:30px 32px}.requirements ul{padding-left:20px;margin:0}.requirements li{margin-bottom:15px;font-size:15px;line-height:1.65}.requirements-note{font-size:14px;margin:25px 0 0;padding-top:20px;border-top:1px solid #ccd7e1;color:var(--muted)}
.approach-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;counter-reset:approach}.approach-list li{font-size:17px;line-height:1.6;border-top:1px solid #b8c8d8;padding-top:20px;counter-increment:approach}.approach-list li::before{content:'0' counter(approach);display:block;font-size:14px;color:var(--accent);margin-bottom:15px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 35px}.related a{font-size:17px;line-height:1.5;padding:16px 0;border-top:1px solid var(--line);color:var(--blue)}.related a:hover{text-decoration:underline}.field label,.demo-note,.technical-note,.file-note{font-size:14px}.consent{font-size:13px}
[lang=zh] h1{line-height:1.35;letter-spacing:0}[lang=zh] .hero h1{font-size:50px}[lang=zh] .hero{grid-template-columns:1.4fr 1fr}
@media(max-width:1080px){.links{gap:16px}.nav{gap:18px}.hero{grid-template-columns:1.55fr 1fr}.hero h1{font-size:46px}.hero-visual{padding:0}.directions{grid-template-columns:1fr 1fr}.section-head p{max-width:430px}.chain{gap:18px}.chain div{font-size:14px}.geo{align-items:start}.geo h2,.geo p{max-width:48%}}
@media(max-width:800px){.links{display:none}.nav{min-height:90px}.brand img{width:153px;height:57px}.hero{padding-top:40px;grid-template-columns:1fr;gap:25px}.hero h1{font-size:48px;max-width:700px}.hero-visual{display:none}.hero p.lead{max-width:690px}.geo{grid-column:1;gap:25px}.geo h2{font-size:16px}.geo p{font-size:14px}.chain{grid-template-columns:repeat(3,1fr);gap:22px}.audiences{gap:30px}.audience+.audience{padding-left:30px}.section-head{display:block}.section-head p{max-width:650px;margin-top:20px}.detail-grid{gap:30px}.requirements{padding:24px}.scope-list li{font-size:18px}.related{grid-template-columns:1fr 1fr}.detail-hero h1{font-size:43px}.detail-hero .lead{font-size:17px}}
@media(max-width:600px){.wrap{width:90%}.review{font-size:12px;align-items:start;gap:15px}.review span{max-width:235px}.brand img{width:135px;height:50px}.nav{gap:10px;min-height:83px}.langs button{padding:6px 8px;font-size:13px}.hero{padding:34px 0 29px;display:grid}.hero h1{font-size:39px;letter-spacing:-1px;line-height:1.12;text-wrap:initial}.hero .eyebrow{font-size:12px;letter-spacing:1px;max-width:300px;margin-bottom:22px}.hero p.lead{font-size:16px;line-height:1.65}.hero .actions{gap:10px}.actions .btn{width:100%;font-size:14px}.geo{display:block;padding-top:22px}.geo h2,.geo p{max-width:none}.geo h2{margin-bottom:13px;font-size:16px}.geo p{font-size:14px}.process-strip{padding:26px 0 30px}.process-strip .eyebrow{font-size:12px}.chain{grid-template-columns:1fr 1fr;gap:20px}.chain div{font-size:14px}.audiences{display:block;margin:37px auto 43px}.audience+.audience{padding:25px 0 0;margin-top:26px;border-left:0;border-top:1px solid var(--line)}.audience h2{font-size:26px}.audience p{font-size:16px}.section{padding:44px 0}.section h2{font-size:30px}.section-head p{font-size:15px}.directions{grid-template-columns:1fr;gap:15px}.direction{min-height:0!important;padding:25px}.direction .number{margin-bottom:20px}.direction h3{font-size:24px}.direction p{font-size:16px}.proof{gap:15px}.proof-card h3{font-size:23px}.proof-card p{font-size:15px}.after{display:block}.after h3{margin-bottom:20px}.twocol{gap:30px}.contact{padding:40px 0}.contact h2{font-size:29px}.contact .wrap{gap:20px}.footer .wrap span{display:block;margin-bottom:10px}.detail-hero{padding-bottom:38px}.breadcrumbs{margin-bottom:30px;font-size:12px}.breadcrumbs span:last-child{display:none}.detail-hero h1{font-size:37px;letter-spacing:-1px;text-wrap:initial}.detail-hero .lead{font-size:16px}.detail-grid{grid-template-columns:1fr;gap:40px}.detail-grid h2{font-size:29px}.scope-list li{font-size:19px}.requirements{padding:25px}.requirements li{font-size:16px}.approach-list{grid-template-columns:1fr;gap:24px}.related{grid-template-columns:1fr;gap:5px}[lang=zh] .hero h1{font-size:38px}[lang=zh] .hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.direction,.btn{transition:none}.direction:hover{transform:none}}
@media(max-width:600px){.hero{padding-top:29px}.hero h1{font-size:36px}.hero p.lead{margin-bottom:24px}.geo{padding-top:18px}}

/* Verified hallgroup.ru values; original waves are a PNG, not an invented CSS gradient. */
:root{--ink:#034870;--blue:#005889;--gold:#d8b771;--muted:#636363;--accent:#005889}
body{font-family:Montserrat,Arial,"Microsoft YaHei",sans-serif}
.header{background:#034870;border-bottom-color:rgba(255,255,255,.22)}
.hero-band{background:#034870 url("brand-background.png") center 42%/cover no-repeat}
.hero h1,.detail-hero h1{font-weight:500;letter-spacing:-1.4px}
.hero h1{font-size:clamp(37px,3.9vw,54px)}
.hero .eyebrow,.detail-hero .eyebrow{color:#d8b771}
.hero-visual p,.geo{border-top-color:rgba(255,255,255,.32)}
.hero-visual p{color:#fff}.hero p.lead{color:#fff}.geo p{color:#fff}
.langs button[aria-pressed=true],.hero .btn,.detail-hero .btn,.contact .btn{background:#d8b771;border-color:#d8b771;color:#034870}
.hero .btn.outline,.detail-hero .btn.outline{background:transparent;border-color:rgba(255,255,255,.8);color:white}
.hero .btn:hover,.detail-hero .btn:hover,.contact .btn:hover{background:white;border-color:white;color:#034870}
.detail-hero{background:#034870 url("brand-background.png") center 45%/cover no-repeat}
.direction .number{color:#005889}.direction:hover{border-color:#005889}.textbtn:hover{color:#034870}
.contact{background:#034870}.proof-card{border-color:#d8b771}
@media(max-width:1080px){.hero h1{font-size:43px}}
@media(max-width:600px){.hero h1{font-size:34px;letter-spacing:-1px}.hero p.lead{font-size:15px}.hero .eyebrow{letter-spacing:.5px}.hero-band{background-position:25% center}.detail-hero h1{font-size:34px}}

/* Contrast adaptation, overlaid on the original brand image. */
.hero-band,.detail-hero{background-image:linear-gradient(180deg,rgba(3,72,112,.12) 0%,rgba(3,72,112,.48) 100%),url("brand-background.png")}