@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#081a2a;--navy2:#0e263a;--gold:#e6b453;--ink:#142a3a;--muted:#63717a;--cream:#f5f5f1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid #ffffff24}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{font:800 45px/.8 Manrope,sans-serif;letter-spacing:-7px;color:#fff}.brand-dot{color:var(--gold)}.brand-name{font:800 18px/.9 Manrope,sans-serif;letter-spacing:3px}.brand-name small{display:block;font-size:8px;letter-spacing:5px;margin-top:7px;font-weight:600}.nav nav{display:flex;align-items:center;gap:34px}.nav nav a{color:#e2eaf0;font-size:12px;font-weight:600;transition:color .2s}.nav nav a:hover{color:var(--gold)}.nav nav .nav-contact{padding:13px 19px;border:1px solid #ffffff6b;color:#fff}.nav-contact span{color:var(--gold);margin-left:12px}.menu{display:none;background:transparent;border:0;padding:8px;cursor:pointer}.menu span{display:block;width:23px;height:2px;background:white;margin:5px}.hero{background:radial-gradient(ellipse at 76% 43%,#1d4354 0%,#102c40 35%,#081a2a 76%);color:#fff;min-height:750px;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:690px;padding-top:88px}.hero-copy{position:relative;z-index:2;padding:55px 0 30px}.eyebrow,.section-tag{font-size:11px;letter-spacing:2.3px;font-weight:800}.eyebrow{color:#e7c27a;display:flex;align-items:center;gap:12px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px #e6b45324}.hero h1,h2,h3{font-family:Manrope,Arial,sans-serif}.hero h1{font-size:clamp(42px,4.15vw,68px);letter-spacing:-3.5px;line-height:1.16;margin:29px 0 25px;font-weight:800}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:16px;line-height:1.9;color:#b9c8d2;max-width:555px}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 22px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#102334}.btn-outline{border:1px solid #78909d;color:#fff}.btn span{font-size:17px}.hero-foot{display:flex;gap:22px;margin-top:90px;flex-wrap:wrap}.hero-foot span{color:#a6bac6;font-size:10px;letter-spacing:.5px}.hero-foot b{color:var(--gold);margin-right:7px}.hero-art{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b7d7e52a;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:480px;height:340px}.orbit-two{width:360px;height:480px;transform:rotate(36deg);border-style:dashed}.orb-center{height:295px;width:295px;border-radius:50%;background:radial-gradient(circle at 37% 32%,#28596c,#0b2637 65%);box-shadow:0 0 0 20px #ffffff06,0 0 0 60px #ffffff03,0 0 90px #2c819326;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #739aaa65}.orb-lines{position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at 60% 50%,transparent 0,transparent 16px,#d0e8ed12 17px,#d0e8ed12 18px);transform:rotate(30deg)}.orb-center>span{text-align:center;font:800 30px/1.2 Manrope;letter-spacing:4px;z-index:1}.orb-center strong{font-size:12px;letter-spacing:5px;color:var(--gold)}.node{position:absolute;font-size:9px;letter-spacing:1.5px;color:#c8d8e1;background:#102c40e8;padding:12px 13px;border:1px solid #55768780;white-space:nowrap}.node i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:7px}.n1{top:15%;left:2%}.n2{top:23%;right:-2%}.n3{bottom:20%;left:0}.n4{bottom:12%;right:4%}.art-caption{position:absolute;bottom:0;right:0;color:#94b3c0;font-size:9px;letter-spacing:1.4px;line-height:1.8}.art-caption span{color:var(--gold);font-size:20px;margin-left:14px}.hero-bottom{border-top:1px solid #ffffff20;background:#06162499}.hero-bottom .wrap{display:flex;align-items:center;justify-content:center;gap:38px;min-height:60px}.hero-bottom span{font-size:10px;letter-spacing:2px;color:#a3b5c0;font-weight:700}.hero-bottom .line{height:1px;background:#526675;width:55px}.section{padding:118px 0}.section-tag{color:#a97d30;margin-bottom:22px}.section h2,.contact h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2.5px;line-height:1.17;margin:0;font-weight:800}.section h2 span{color:#b58b45}.intro{background:#fff}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-right{padding-top:30px}.lead{font:600 20px/1.7 Manrope;color:#203c4b}.intro-right>p:not(.lead),.research-grid>div>p:not(.lead),.about-copy>p:not(.lead){font-size:15px;line-height:1.95;color:#6b7880}.text-link{display:inline-flex;gap:35px;border-bottom:2px solid var(--gold);padding:15px 0 12px;font-size:13px;font-weight:800;margin-top:15px}.text-link span{font-size:18px}.focus{background:#f3f5f3}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-top>p{max-width:350px;line-height:1.85;color:#63717a;font-size:14px}.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.focus-card{background:#fff;padding:31px 25px 23px;min-height:355px;display:flex;flex-direction:column;border-bottom:3px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s}.focus-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 12px 35px #19344714}.card-num{font-size:11px;letter-spacing:1.5px;color:#9aa6ac}.card-icon{font:400 54px Manrope;color:#b78c47;margin:30px 0 12px}.focus-card h3{font-size:19px;line-height:1.4;margin:0 0 12px}.focus-card p{font-size:13px;line-height:1.85;color:#6b7880;margin:0 0 22px}.card-bottom{margin-top:auto;border-top:1px solid #e6e9e8;padding-top:16px;font-size:9px;letter-spacing:1.3px;font-weight:800;display:flex;justify-content:space-between}.card-bottom b{font-size:18px;color:#bd9654}.statement{background:#0d2637;color:white;padding:100px 0;text-align:center}.statement-inner{max-width:880px}.quote-mark{font:100px/0.7 Georgia;color:var(--gold)}.statement blockquote{font:700 clamp(25px,3.1vw,42px)/1.45 Manrope;margin:20px auto 30px;letter-spacing:-1px}.statement-small{font-size:10px;letter-spacing:2px;color:#d1b37c}.research{background:#fff}.research-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:center}.research-grid .lead{margin-top:30px}.research-actions{margin-top:35px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-dark{background:#0d2637;color:white}.research-actions>span{font-size:11px;color:#7a858b}.research-panel{background:#f1f3f1;padding:34px 38px;box-shadow:20px 20px 0 #e7ebe8}.panel-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#697980}.panel-status{color:#3b8069}.panel-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54a889;margin-right:6px}.research-panel h3{font-size:29px;letter-spacing:-1px;margin:36px 0 22px}.question{display:flex;gap:23px;padding:13px 0;border-top:1px solid #d8dfdb}.question span{color:#b88b3f;font-size:11px;font-weight:800}.question p{margin:0;font-size:13px;line-height:1.6;color:#3f525c}.panel-footer{border-top:1px solid #d8dfdb;padding-top:21px;margin-top:15px;font-size:9px;letter-spacing:1px;font-weight:800;display:flex;justify-content:space-between}.panel-footer span{font-size:19px;color:#b88b3f}.about{background:#f3f5f3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-visual{min-height:485px;background:radial-gradient(circle at 30% 25%,#28576a,#102c40 50%,#081a2a);position:relative;overflow:hidden}.visual-grid{position:absolute;inset:0;background:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(25deg) scale(1.5)}.about-visual:after{content:'';position:absolute;border:1px solid #e6b4536b;width:400px;height:400px;border-radius:50%;right:-150px;bottom:-180px;box-shadow:0 0 0 45px #e6b4530d,0 0 0 90px #e6b4530a}.about-visual-content{position:relative;z-index:1;padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-height:485px;color:#fff}.about-visual-content>span{font-size:10px;letter-spacing:2px;color:#d6bd87}.about-visual-content strong{font:800 57px/1.15 Manrope;letter-spacing:-3px}.about-visual-content i{font-style:normal;color:var(--gold)}.about-copy .lead{margin-top:27px}.contact{background:#102a3d;color:white;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-tag.light{color:var(--gold)}.contact h2 span{color:var(--gold)}.contact-grid>div>p{color:#b2c3cc;line-height:1.85;max-width:470px}.contact-card{background:#18384b;padding:36px;border:1px solid #466174}.contact-card>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.contact-card>a:not(.contact-link){display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere;font:700 clamp(16px,2vw,25px) Manrope;margin:26px 0}.contact-card a b{color:var(--gold)}.contact-card p{font-size:13px;color:#b1c1ca;line-height:1.7}.contact-link{display:inline-block;font-size:12px;font-weight:700;margin-top:15px;border-bottom:1px solid var(--gold);padding-bottom:9px}.contact-link span{margin-left:18px;color:var(--gold)}footer{background:#061724;color:#a9b8c1}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0;border-bottom:1px solid #ffffff1c}.footer-top>span,.footer-top>a:last-child{font-size:10px;letter-spacing:1.3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0 32px;font-size:10px;line-height:1.7;color:#8fa0ab}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr .8fr}.hero h1{font-size:50px}.hero-art{transform:scale(.8);transform-origin:center}.hero-foot{margin-top:60px}.focus-grid{grid-template-columns:repeat(2,1fr)}.research-grid,.about-grid,.contact-grid{gap:50px}.nav nav{gap:18px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1180px)}.nav{height:72px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0a2030;padding:25px 20px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #557080}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-copy{padding:30px 0 0}.hero h1{font-size:clamp(38px,9vw,56px);letter-spacing:-2.4px}.hero-copy>p{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-foot{margin-top:48px;gap:12px}.hero-art{height:400px;transform:scale(.72);margin:-20px 0 -30px}.hero-bottom .wrap{flex-wrap:wrap;gap:12px;padding:15px 0}.hero-bottom .line{display:none}.hero-bottom span{font-size:8px}.section{padding:75px 0}.intro-layout,.research-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-right{padding-top:0}.section-top{display:block}.section-top>p{max-width:500px}.research-panel{box-shadow:9px 9px 0 #e7ebe8;padding:25px}.about-visual,.about-visual-content{min-height:350px}.about-visual-content strong{font-size:46px}.contact{padding:75px 0}.footer-top,.footer-bottom{flex-wrap:wrap}.focus-grid{grid-template-columns:1fr 1fr}.focus-card{min-height:320px}.statement{padding:70px 0}}
@media(max-width:520px){.focus-grid{grid-template-columns:1fr}.focus-card{min-height:280px}.hero-art{margin-left:-80px;margin-right:-80px;transform:scale(.64)}.hero-actions .btn{width:100%}.hero-foot{display:grid;grid-template-columns:1fr}.section h2,.contact h2{letter-spacing:-1.8px}.research-actions .btn{width:100%}.contact-card{padding:25px}.footer-top{align-items:flex-start}.footer-top>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* New Loson identity: purpose-built vector wordmark + original logistics concept artwork */
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:230px;height:auto;max-height:88px;object-fit:contain}.nav{min-height:112px}.nav nav{gap:28px}.footer-brand .brand-logo{width:225px;max-height:none}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:16px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,4.25vw,69px);line-height:1.12}.hero-logo-art{position:relative;display:flex;align-items:center;justify-content:center;transform:none!important;min-width:0;overflow:visible}.hero-feature-image{display:block;width:113%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 10px 30px #00101e40);mask-image:linear-gradient(90deg,transparent 0%,black 13%,black 100%)}.hero-foot{position:relative;z-index:3}.hero{overflow:hidden}.site-header{position:relative;z-index:5}.hero-inner{min-height:660px}.footer-brand{flex-shrink:0}
@media(max-width:1100px){.brand-logo{width:185px}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(43px,4.8vw,58px)}.hero-feature-image{width:115%}}
@media(max-width:760px){.nav{min-height:76px;height:76px}.brand-logo{width:155px;max-height:72px}.nav nav{top:76px}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:55px;min-height:auto}.hero-copy{padding-top:20px}.hero h1{font-size:clamp(38px,8vw,55px)}.hero-logo-art{height:auto;min-height:0;margin:10px -20px 15px;transform:none!important}.hero-feature-image{width:100%;max-width:620px;mask-image:none}.hero-foot{margin-top:45px}.footer-brand .brand-logo{width:180px}}
@media(max-width:520px){.hero-logo-art{margin:0 -18px 12px}.hero-feature-image{width:110%}.brand-logo{width:140px}.hero-inner{padding-top:40px}.hero h1{font-size:clamp(35px,9vw,48px)}}

/* 2026-11-04: verified launch correction: keep header dark and blend hero art */
.site-header{background:#071b2c!important;border-bottom:1px solid rgba(199,219,232,.18)!important;position:relative!important;z-index:30}
.site-header .nav nav a{color:#e7eef4!important}
.site-header .nav nav a:hover{color:#e6b453!important}
.site-header .nav nav .nav-contact{border-color:rgba(226,238,246,.44)!important;color:#fff!important}
.site-header .menu span{background:#fff!important}
.hero-logo-art{isolation:isolate;overflow:hidden!important;border-radius:3px}
.hero-feature-image{width:115%;max-width:none;display:block;mix-blend-mode:screen;filter:saturate(.9);-webkit-mask-image:radial-gradient(ellipse 68% 61% at 53% 51%,#000 44%,rgba(0,0,0,.9) 60%,transparent 100%);mask-image:radial-gradient(ellipse 68% 61% at 53% 51%,#000 44%,rgba(0,0,0,.9) 60%,transparent 100%)}
@media(max-width:760px){.hero-feature-image{width:100%;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,#000 42%,transparent 100%)}}