:root{--navy:#082b55;--navy2:#061f3e;--gold:#c8942c;--text:#17334f;--muted:#5f7185;--light:#f5f8fb;--line:#e4eaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--navy);letter-spacing:2px}.brand-mark{font-size:42px;color:var(--gold);line-height:1}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:5px}.site-header nav{display:flex;gap:34px}.site-header nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:14px}.site-header nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;font-size:26px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:560px;padding-block:72px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:12px;color:var(--gold);margin:0 0 14px}.hero h1{font-size:64px;line-height:1.04;color:var(--navy);margin:0 0 22px;letter-spacing:-2px}.lead{font-size:20px;max-width:590px}.actions{display:flex;gap:16px;margin-top:34px}.btn{display:inline-block;padding:14px 28px;border-radius:5px;text-decoration:none;font-weight:700}.primary{background:var(--navy);color:#fff}.secondary{border:1px solid var(--gold);color:var(--gold)}.globe{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden}.earth{width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dce9f4,#87a9c8 48%,#315b82);box-shadow:0 25px 45px #1c4b7530;color:white;display:grid;place-items:center;font-size:70px;position:relative}.earth span{position:absolute;font-size:12px;letter-spacing:2px}.earth span:nth-child(2){left:55px;top:120px}.earth span:nth-child(3){right:65px;top:165px}.orbit{position:absolute;width:440px;height:180px;border:2px solid #d7a33d;border-radius:50%;z-index:2;transform:rotate(18deg)}.o2{transform:rotate(-20deg);height:130px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:90px;border-top:1px solid var(--line)}h2{font-size:38px;line-height:1.15;color:var(--navy);margin:0 0 22px}.about p{font-size:17px}.trade-visual{height:360px;background:linear-gradient(#eaf5ff 0 55%,#7aa3be 56%,#28506d);position:relative;overflow:hidden;border-radius:4px}.sun{position:absolute;width:90px;height:90px;background:#f0c56a;border-radius:50%;left:15%;top:25%;filter:blur(2px)}.ship{position:absolute;bottom:38px;left:18%;color:#9c4b25;font-size:28px;line-height:.75;letter-spacing:2px}.ship i{color:#183c59;font-size:42px}.cranes{position:absolute;right:8%;top:28%;font-size:85px;color:#31516a}.markets{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;font-weight:700}.markets b{color:var(--gold)}.services{padding-block:80px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:var(--light);padding:34px 24px;text-align:center;min-height:245px}.cards article>span,.benefits span{font-size:42px;color:var(--gold)}h3{color:var(--navy);margin:14px 0 8px}.cards p{color:var(--muted)}.why{background:var(--navy);color:#fff;padding:72px 0}.why h2{color:#fff;text-align:center}.why .eyebrow{text-align:center}.gold{color:#e0ad46}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.benefits>div{padding:0 38px;border-right:1px solid #ffffff50}.benefits>div:last-child{border:0}.benefits h3{color:#fff}.benefits p{color:#d9e2ec}.contact{text-align:center;padding-block:75px}.contact p{color:var(--muted)}.goldbtn{background:var(--gold);color:#fff;margin:18px 0}.contact-details{display:flex;justify-content:center;gap:40px;margin-top:10px}.contact-details a{color:var(--text);text-decoration:none}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.mini .brand-mark{font-size:30px}.mini b{font-size:11px}.mini small{font-size:7px}
@media(max-width:800px){.site-header{height:auto;padding:18px 0;position:relative}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:15px;z-index:10;border:1px solid var(--line)}.site-header nav.open{display:flex}.menu{display:block}.hero,.about{grid-template-columns:1fr}.hero{padding-block:50px}.hero h1{font-size:45px}.globe{min-height:340px}.earth{width:270px;height:270px}.orbit{width:330px}.about{gap:38px}.cards,.benefits{grid-template-columns:1fr 1fr}.benefits>div{border:0;padding:20px}.contact-details,footer{flex-direction:column}.trade-visual{height:300px}}@media(max-width:520px){.wrap,.site-header{width:min(100% - 30px,1180px)}.brand b{font-size:12px}.brand small{letter-spacing:3px}.hero h1{font-size:39px}.actions{flex-direction:column}.btn{text-align:center}.cards,.benefits{grid-template-columns:1fr}.earth{width:230px;height:230px}.orbit{width:285px}h2{font-size:31px}}

.brand-logo{display:block;width:auto;height:68px;object-fit:contain}.mini .brand-logo{height:48px}@media(max-width:520px){.brand-logo{height:54px}.mini .brand-logo{height:42px}}