
:root{
 --ink:#081a2c;--blue:#0b3156;--blue2:#164d7b;--orange:#e7662b;--sand:#f4f1ea;--white:#fff;
 --muted:#647180;--line:#dce3e8;--green:#149c6b;--max:1240px;--shadow:0 20px 60px rgba(8,26,44,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.top{background:var(--ink);color:#dbe7f1;font-size:12px}.top .container{min-height:34px;display:flex;justify-content:space-between;align-items:center}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:86px;display:flex;align-items:center;gap:30px}.brand{font-weight:900;letter-spacing:-.02em;font-size:21px;white-space:nowrap}.brand b{color:var(--orange)}nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}nav a:hover{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:white;border-radius:8px;padding:13px 20px;font-weight:800;border:1px solid var(--orange);cursor:pointer}.btn.alt{background:white;color:var(--ink);border-color:var(--line)}
.hero{position:relative;min-height:700px;color:white;display:grid;align-items:end;background:linear-gradient(90deg,rgba(6,21,36,.88),rgba(6,21,36,.32)),url("img/factory.webp") center/cover no-repeat}
.hero .content{padding:95px 0 78px;max-width:900px}.kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ff9c70;font-weight:900}.hero h1,.pagehero h1{font-size:clamp(46px,6vw,84px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 22px}.hero p{font-size:21px;max-width:760px;color:#e7edf2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.proofbar{background:var(--ink);color:white}.proofgrid{display:grid;grid-template-columns:repeat(5,1fr)}.proof{padding:26px 20px;border-right:1px solid rgba(255,255,255,.13)}.proof:last-child{border:0}.proof strong{display:block;font-size:26px}.proof span{font-size:12px;color:#b9c8d5}
section{padding:96px 0}.head{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:42px}.head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.035em;margin:10px 0}.head p{color:var(--muted);font-size:17px}
.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 28px rgba(8,26,44,.05)}.cat img{width:100%;height:250px;object-fit:cover}.cat .body{padding:25px}.cat h3{font-size:25px;margin:0 0 8px}.cat p{color:var(--muted)}.link{font-weight:900;color:var(--orange)}
.dark{background:var(--ink);color:white}.dark .head p{color:#bcc9d4}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split img{border-radius:18px;box-shadow:var(--shadow)}.bullets{display:grid;gap:14px}.bullet{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.bullet strong{display:block;font-size:18px}.bullet span{color:#bfcbd6;font-size:14px}
.certgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:center}.cert{border:1px solid var(--line);border-radius:14px;padding:18px;height:150px;display:grid;place-items:center;background:white}.cert img{max-height:110px;width:auto}
.imageband{height:520px;background:url("img/aerial.webp") center/cover no-repeat;position:relative}.imageband:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,44,.78),transparent 60%)}.imageband .overlay{position:relative;z-index:1;color:white;padding-top:130px;max-width:620px}.imageband h2{font-size:48px;line-height:1.05;margin:10px 0}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini{border-top:3px solid var(--orange);padding:22px;background:#f8fafb}.mini b{display:block;font-size:18px;margin-bottom:8px}.mini span{color:var(--muted);font-size:14px}
.cta{background:linear-gradient(135deg,var(--blue),var(--ink));color:white;border-radius:24px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:42px;line-height:1.08;margin:0 0 12px}.cta p{color:#c5d2dc;max-width:720px}
footer{background:#051321;color:#aebdca;padding:58px 0 30px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.foot b{color:white}.foot a{display:block;margin:7px 0}.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;font-size:12px}
.pagehero{background:linear-gradient(90deg,rgba(8,26,44,.94),rgba(8,26,44,.58)),url("img/circular.webp") center/cover;color:white;padding:100px 0 76px}.pagehero p{font-size:19px;color:#d9e4ec;max-width:800px}.crumb{font-size:12px;color:#b7c8d6}
.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.productcard{border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s;background:white}.productcard:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(8,26,44,.09);border-color:#bdcad3}.productcard small{display:block;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.productcard h3{margin:9px 0;font-size:21px}.productcard p{color:var(--muted);font-size:14px}
.producthero{background:#f4f7f9;padding:70px 0}.producthero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.producthero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}.producthero p{font-size:19px;color:#53616d}
.techbox{background:var(--ink);color:white;border-radius:20px;padding:30px}.techbox h3{margin-top:0;font-size:24px}.techrow{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}.techrow span{color:#b9c8d5}.techrow b{text-align:right}
.appgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.app{background:var(--sand);padding:18px;border-radius:12px;font-weight:800;text-align:center}
.materials{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid var(--line);padding:9px 13px;border-radius:999px;background:white;font-size:13px;font-weight:700}
.seo-copy{max-width:900px}.seo-copy h2{font-size:38px;line-height:1.12}.seo-copy p{color:#4e5d69;font-size:17px}
.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);padding:17px 20px;border-radius:12px;background:white}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{font:inherit;padding:14px;border:1px solid var(--line);border-radius:9px;width:100%}.form textarea{min-height:140px}
@media(max-width:980px){nav{display:none}.proofgrid{grid-template-columns:1fr 1fr}.proof:nth-child(even){border-right:0}.head,.split,.producthero .wrap,.contact{grid-template-columns:1fr}.categories,.productgrid{grid-template-columns:1fr 1fr}.cards4{grid-template-columns:1fr 1fr}.certgrid{grid-template-columns:repeat(3,1fr)}.appgrid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.hero{min-height:620px}.top .container{display:block;padding:7px 0}.proofgrid,.categories,.productgrid,.cards4,.certgrid,.foot{grid-template-columns:1fr}.proof{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}section{padding:68px 0}.cta{padding:28px;display:block}.cta .btn{margin-top:18px}.imageband h2{font-size:38px}}


.why-premium{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(22,77,123,.08),transparent 28%),linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.why-premium:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.45}
.why-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:end;margin-bottom:42px}
.why-head h2{font-size:clamp(38px,4.6vw,60px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 0}
.why-head p{margin:0;color:var(--muted);font-size:17px;max-width:720px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why-card{position:relative;min-height:285px;padding:28px 24px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(8,26,44,.04);transition:.25s;overflow:hidden}
.why-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(8,26,44,.10);border-color:#bccbd6}
.why-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--orange),#f0a276);transition:width .25s}
.why-card:hover:after{width:100%}
.why-no{position:absolute;right:20px;top:16px;color:#dbe3e8;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.06em}
.why-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:900;margin-bottom:25px;box-shadow:0 8px 20px rgba(8,26,44,.16)}
.why-card h3{margin:0 0 10px;font-size:19px;line-height:1.25;letter-spacing:-.015em}
.why-card p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.65}
.why-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef3f6;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.why-proof{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.why-proof div{padding:24px;border-right:1px solid rgba(255,255,255,.12)}
.why-proof div:last-child{border-right:0}
.why-proof strong{display:block;font-size:25px;color:#fff}
.why-proof span{display:block;margin-top:2px;color:#b9c8d4;font-size:12px}
@media(max-width:1050px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.why-head{grid-template-columns:1fr;gap:18px}.why-proof{grid-template-columns:1fr 1fr}.why-proof div:nth-child(2){border-right:0}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr}.why-proof{grid-template-columns:1fr}.why-proof div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.why-proof div:last-child{border-bottom:0}}


/* Brand logo */
.brand-logo{display:flex;align-items:center;min-width:200px;padding:6px 0}.brand-logo img{height:72px;width:auto;max-width:250px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(8,26,44,.35)) drop-shadow(0 5px 10px rgba(8,26,44,.12));transform:translateZ(0)}
/* Export & logistics */
.export-section{background:#fff}.export-split{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.export-visual{position:relative;border-radius:20px;overflow:hidden;min-height:440px;background:var(--ink)}.export-visual img{width:100%;height:100%;object-fit:cover}.route-badge{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 20px;border-radius:14px;background:rgba(5,19,33,.88);backdrop-filter:blur(9px);color:white}.route-badge b{display:block;font-size:16px}.route-badge span{font-size:12px;color:#c7d4df}.logistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.log-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#f8fafb}.log-card>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;font-size:11px;font-weight:900;margin-bottom:15px}.log-card b{display:block;font-size:18px;margin-bottom:7px}.log-card p{font-size:13px;color:var(--muted);margin:0}.market-strip{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.market-strip span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;background:white}
/* SEO semantic market block */
.seo-market{background:#f5f8fa}.seo-market-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.seo-market h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:10px 0}.seo-market p{color:#52616e;font-size:16px}
/* Contact */
.contact-rich{align-items:start}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.contact-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.contact-card.highlight{background:var(--ink);color:#fff;border-color:var(--ink)}.contact-card small{display:block;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}.contact-card b,.contact-card a{display:block;font-size:16px;font-weight:800}.contact-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.contact-card.highlight span{color:#c3d0da}.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.social-row a{border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-weight:800}.inquiry-form{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(8,26,44,.08)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted)}.consent input{width:auto;margin-top:4px}.form-note{font-size:11px;color:var(--muted);margin:0}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{padding:12px;border-radius:9px;font-weight:700;font-size:13px}.form-status.success{background:#e9f7f0;color:#126640}.form-status.error{background:#fff0ed;color:#9b2e20}.map-section{background:#f6f8fa}.map-wrap{overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:url('img/map-fallback.webp') center/cover;min-height:540px}.map-wrap iframe{border:0;width:100%;height:540px;display:block}.map-actions{margin-top:18px}.foot-contact{font-size:12px;line-height:1.7}
@media(max-width:980px){.export-split,.seo-market-grid{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.brand-logo img{height:62px;max-width:215px}.logistics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.logistics-grid{grid-template-columns:1fr}.export-visual{min-height:320px}.map-wrap,.map-wrap iframe{height:430px;min-height:430px}.brand-logo{min-width:auto}.brand-logo img{height:54px;max-width:185px}}
