:root{color-scheme:dark;--navy:#0b1824;--navy2:#102536;--ink:#dfe8ec;--muted:#9ab0bc;--accent:#67CAD2;--petrol:#096E80;--red:#EC3237;--rule:#314958;--light:#e9efed;--darktext:#172c38;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p{line-height:1.7}.shell{width:min(1220px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--rule);background:#0b1824ee}.header-inner{height:96px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark{display:grid;place-items:center;border:2px solid var(--accent);height:49px;width:49px;font-weight:800;font-size:18px;letter-spacing:-2px}.brand-mark span,.footer-brand span{color:var(--accent)}.brand-name{font-weight:800;font-size:15px;letter-spacing:.16em;line-height:1.22}.site-header nav{display:flex;gap:32px;align-items:center;margin-left:auto}.site-header nav a,.language{font-size:14px;font-weight:700;transition:color .2s}.site-header nav a:hover,.language:hover,.text-link:hover{color:var(--accent)}.header-contact{border:1px solid #7a919d;padding:11px 17px}.language{white-space:nowrap;color:var(--accent)}.hero{min-height:660px;display:grid;grid-template-columns:1.17fr .83fr;gap:8%;align-items:center;padding-block:90px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:.18em;font-weight:800;margin:0 0 25px}.line{display:inline-block;width:26px;border-top:1px solid currentColor;vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,5.6vw,6rem);letter-spacing:-.07em;line-height:1.08;margin-bottom:30px;max-width:800px}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:18px;line-height:1.75;max-width:650px;color:#b9c9d0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 21px;font-size:14px;font-weight:800;min-height:58px}.button.primary{background:var(--accent);color:#111c24}.button:hover{filter:brightness(1.12)}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:7px}.hero-panel{align-self:stretch;max-height:480px;margin-block:auto;border:1px solid #466170;background:radial-gradient(circle at 90% 15%,#20485d 0,transparent 45%),linear-gradient(145deg,#153247,#0e1e2b);display:flex;flex-direction:column;box-shadow:20px 20px 0 #0e2634}.panel-top,.panel-bottom{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;font-weight:800;color:#b1c7ce;padding:23px;border-bottom:1px solid #466170}.panel-body{flex:1;padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center}.panel-kicker{font-size:12px;letter-spacing:.15em;color:var(--accent);font-weight:800}.panel-list{margin-top:24px}.panel-list span{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid #456071;padding:15px 0;font-weight:700;font-size:clamp(17px,2vw,24px)}.panel-list b{font-size:12px;color:var(--accent)}.panel-bottom{border-bottom:0;border-top:1px solid #466170;gap:8px;flex-wrap:wrap}.intro-band{background:var(--accent);color:#12222d}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}.band-inner p{font-size:19px;margin:0;line-height:1.5}.band-inner a{font-size:14px;font-weight:800;white-space:nowrap;border-bottom:1px solid currentColor}.section{padding-block:112px}.section-heading{display:grid;grid-template-columns:1fr .63fr;gap:70px;align-items:end;margin-bottom:48px}.section-heading h2,.profile h2,.contact-grid h2{font-size:clamp(2.4rem,4vw,4.4rem);line-height:1.12;letter-spacing:-.055em;margin:0}.section-heading>p{color:var(--muted);font-size:17px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.service-card{background:var(--navy);padding:40px 44px 55px;min-height:270px}.card-index{display:block;font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-bottom:36px}.service-card h3{font-size:25px;letter-spacing:-.04em;margin-bottom:12px}.service-card p{max-width:490px;color:var(--muted);margin:0}.process-wrap{background:var(--light);color:var(--darktext)}.process-wrap .eyebrow{color:var(--petrol)}.process-wrap .section-heading>p{color:#536977}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aabbc1}.steps article{padding:30px 30px 10px 0;margin-right:20px}.steps article span{font-size:14px;color:var(--accent);font-weight:800}.steps h3{font-size:22px;margin:42px 0 10px}.steps p{color:#526571;font-size:15px}.profile{display:grid;grid-template-columns:1fr 1fr;gap:11%;border-bottom:1px solid var(--rule)}.profile-copy{font-size:17px;color:var(--muted)}.profile-signature{color:var(--ink);font-size:22px;font-weight:800;margin-top:30px}.profile-signature span{display:block;color:var(--accent);font-size:13px;letter-spacing:.09em;margin-top:5px}.contact-wrap{background:#10283a;padding-block:100px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-grid>div>p:last-child{color:#b7c8cf;font-size:17px;max-width:460px;margin-top:24px}.contact-card{border-top:3px solid var(--accent);padding-top:25px}.contact-card>span{font-size:12px;letter-spacing:.17em;color:var(--accent);font-weight:800}.contact-email{display:block;font-size:clamp(21px,2.6vw,37px);font-weight:800;letter-spacing:-.045em;line-height:1.35;margin:26px 0;overflow-wrap:anywhere}.contact-email:hover,.contact-phone:hover{color:var(--accent)}.contact-phone{font-size:20px;font-weight:700}.contact-card p{font-size:14px;color:var(--muted);margin:28px 0 0}footer{background:#08131d}.footer-inner{min-height:130px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-brand{font-weight:800;letter-spacing:.12em}.footer-inner p{font-size:13px;color:#8196a1;margin:0 auto 0 0}.footer-inner>div{display:flex;gap:22px;font-size:13px}.footer-inner a:hover{color:var(--accent)}.legal{padding-block:90px;max-width:850px;min-height:65vh}.legal h1{font-size:clamp(2.8rem,5vw,5rem)}.legal h2{font-size:25px;margin-top:36px}.legal p,.legal li{color:#c1ced3;line-height:1.75}.legal a{text-decoration:underline;text-decoration-color:var(--accent)}
@media(max-width:900px){.header-inner{height:78px;gap:20px}.brand{min-width:unset}.site-header nav{gap:16px}.hero{grid-template-columns:1fr;gap:55px;padding-block:80px}.hero-panel{min-height:360px;margin:0}.section-heading{grid-template-columns:1fr;gap:20px}.steps{grid-template-columns:repeat(2,1fr)}.profile,.contact-grid{gap:45px}}
@media(max-width:650px){.shell{width:min(100% - 36px,1220px)}.header-inner{height:70px}.brand-mark{height:39px;width:39px;font-size:15px}.brand-name{font-size:12px}.site-header nav{display:none}.language{margin-left:auto}.hero{padding-block:68px 62px;min-height:auto}h1{font-size:clamp(2.9rem,12vw,4.3rem)}.lead{font-size:16px}.hero-actions{gap:24px}.hero-panel{min-height:345px;box-shadow:9px 9px 0 #0e2634}.panel-body{padding:22px}.panel-list span{font-size:17px}.panel-bottom{font-size:10px;padding:17px}.band-inner{align-items:start;flex-direction:column;gap:12px}.band-inner p{font-size:16px}.section{padding-block:75px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:32px 27px 38px}.card-index{margin-bottom:25px}.steps{grid-template-columns:1fr}.steps article{padding:22px 0;border-bottom:1px solid #aabbc1}.steps h3{margin:15px 0 8px}.profile,.contact-grid{grid-template-columns:1fr}.contact-wrap{padding-block:75px}.contact-email{font-size:clamp(21px,7vw,32px)}.footer-inner{padding-block:32px;gap:12px}.footer-inner p{width:100%}.footer-inner>div{width:100%;gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.supplier-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.supplier-section>div:nth-child(2){font-size:18px;line-height:1.7;color:#465d6a}.supplier-section .dark-link{font-size:15px;font-weight:700;color:var(--petrol);border-bottom:1px solid currentColor;padding-bottom:6px}.export-steps{border-color:var(--rule)}.export-steps article{border-color:var(--rule)}.export-steps p{color:var(--muted)}
@media(max-width:900px){.supplier-section{grid-template-columns:1fr;gap:28px}}

/* Original Irawan Trading identity and responsive navigation. */
.site-header{position:relative;z-index:20;background:#fff;color:#173341;border-bottom:1px solid #dce5e9}
.header-inner{height:104px;justify-content:space-between;gap:28px}
.brand{min-width:0;flex-shrink:0}
.brand-logo{display:block;width:330px;max-width:100%;height:auto}
.site-header .desktop-navigation{gap:25px}
.site-header nav a:hover,.site-header .language:hover{color:var(--petrol)}
.header-contact{border-color:var(--petrol);color:var(--petrol);border-radius:4px}
.header-contact:hover{background:#edf6f9}
.mobile-menu{display:none}
.site-header .language{color:var(--petrol)}
@media(max-width:1050px){
 .brand-logo{width:285px}
 .site-header .desktop-navigation{gap:18px}
 .header-inner{gap:20px}
}
@media(max-width:800px){
 .header-inner{height:88px}
 .site-header .desktop-navigation{display:none}
 .brand-logo{width:270px}
 .mobile-menu{display:block;margin-left:auto}
 .mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;min-width:48px;min-height:48px;padding:12px;border:1px solid #c8d7de;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary:focus-visible{outline:3px solid var(--petrol);outline-offset:4px}
 .menu-icon{position:relative;display:block;width:20px;height:16px}
 .menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s,top .2s}
 .menu-icon:before{top:4px}.menu-icon:after{top:11px}
 .mobile-menu[open] .menu-icon:before{top:7px;transform:rotate(45deg)}
 .mobile-menu[open] .menu-icon:after{top:7px;transform:rotate(-45deg)}
 .mobile-menu[open] summary{background:var(--petrol);border-color:var(--petrol);color:#fff}
 .site-header .mobile-navigation{display:flex;position:absolute;top:calc(100% + 8px);left:18px;right:18px;margin:0;padding:26px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dce5e9;border-radius:12px;box-shadow:0 22px 60px #04152240;max-height:calc(100dvh - 112px);overflow:auto}
 .mobile-menu[open] .mobile-navigation{animation:menu-appear .18s ease-out}
 .menu-eyebrow{font-size:10px;letter-spacing:.13em;color:#59717c;font-weight:700;margin-bottom:17px}
 .site-header .mobile-navigation a{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 0;font-size:20px;letter-spacing:-.025em;border-bottom:1px solid #e3eaee}
 .mobile-navigation a span:last-child{color:var(--petrol)}
 .site-header .mobile-navigation .mobile-contact{margin-top:20px;padding:16px 18px;border:0;border-radius:6px;background:var(--petrol);color:white;font-size:17px}
 .mobile-navigation .mobile-contact span:last-child{color:white}
 .mobile-navigation p{font-size:12px;color:#59717c;margin:18px 0 0}
 .site-header .language{font-size:12px;white-space:normal;text-align:right}
}
@media(max-width:420px){.header-inner{height:78px;gap:12px}.brand-logo{width:225px}.menu-label{display:none}.site-header .mobile-navigation{padding:22px}.legal .brand-logo{width:210px}}
@keyframes menu-appear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open] .mobile-navigation{animation:none}}
/* Current supplied logo: original 540 × 180 JPEG, unchanged. */
.brand-logo{width:264px}
@media(max-width:800px){.brand-logo{width:240px}}
@media(max-width:420px){.brand-logo{width:210px}}

/* Brand refresh: petrol, navy and restrained red. Light petrol for readable text on navy. */
:root{--navy:#0b202b;--navy2:#10313c;--light:#eef4f3;--rule:#34505a}
.button.primary{background:var(--petrol);color:#fff;border-radius:5px;box-shadow:inset 3px 0 var(--red)}
.button.primary:hover{background:#096476;filter:none}
.intro-band{background:var(--petrol);color:#fff}
h1 em{color:#78d0d5}
.hero-panel{background:radial-gradient(circle at 90% 15%,#20515b 0,transparent 45%),linear-gradient(145deg,#143843,#0e2631)}
.contact-wrap{background:#10313c}
.contact-card{border-top-color:var(--red)}
.brand-logo{width:285px}
.footer-brand img{display:block;width:225px;height:auto}
.supplier-section h2{font-size:clamp(2.4rem,4vw,4.4rem);line-height:1.12;letter-spacing:-.055em;margin:0}
@media(max-width:800px){.brand-logo{width:250px}}
@media(max-width:420px){.brand-logo{width:210px}}

/* Restrained red accents; logo geometry remains unchanged. */
.eyebrow{display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";flex:0 0 26px;height:2px;background:var(--red)}
.eyebrow .line{display:none}
.contact-arrow{color:#C82333;display:inline-block;margin-left:4px}

/* Approved logo A, used unchanged; understated text-only footer. */
.brand-logo{width:300px}
.footer-identity{display:flex;flex-direction:column;gap:7px;line-height:1.5}
.footer-identity strong{font-size:15px;color:#c4d4da;font-weight:600;letter-spacing:.02em}
.footer-identity span{font-size:13px;color:#9ab0bc}
@media(max-width:800px){.brand-logo{width:260px}}
@media(max-width:420px){.brand-logo{width:240px}}
@media(max-width:360px){.brand-logo{width:220px}}