/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4
 * Global styles are imported in src/app/layout.tsx from src/styles/.
 * This compatibility file is intentionally kept minimal.
 */

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/00-foundation.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 00-foundation.css
 * Base reset, tokens, layout, original corporate and simulator foundations.
 * Cascade segment 0:519; keep import order unchanged.
 */
:root{--navy:#061a29;--navy2:#09283b;--blue:#1374ff;--cyan:#32d9d0;--cyan2:#78eee7;--ink:#102333;--muted:#617483;--line:#dce6eb;--bg:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(5,25,40,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:white;border-bottom:1px solid rgba(255,255,255,.07)}.utilityBar{height:29px;background:#04131f;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;letter-spacing:.11em;color:#8fa8b8}.utilityInner{height:100%;display:flex;align-items:center;justify-content:space-between}.utilityInner div{display:flex;gap:8px;align-items:center;letter-spacing:.04em}.utilityDivider{opacity:.35}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.07em}.brandMark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,var(--cyan),#0879dc);font-size:15px;letter-spacing:0}.brandText{font-size:16px}.brandText small{display:block;font-size:8px;color:#7f9cab;letter-spacing:.22em;margin-top:4px}.mainNav{display:flex;align-items:center;gap:25px;font-size:12px}.navItem{position:relative;height:76px;display:flex;align-items:center}.mainNav a{opacity:.88;transition:.2s}.mainNav a:hover{opacity:1;color:var(--cyan2)}.dropdown{position:absolute;top:70px;left:-24px;width:255px;padding:20px;background:#0b2a3d;border:1px solid #244b60;border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,.3);display:none}.navItem:hover .dropdown{display:block}.dropdown small{display:block;color:#5ecbc8;font-size:9px;letter-spacing:.18em;margin:0 10px 9px}.dropdown a{display:flex;justify-content:space-between;padding:11px 10px;border-radius:6px;color:#d7e3e9}.dropdown a:hover{background:#12394e}.contactNav{padding:10px 15px;border-radius:7px;background:var(--cyan);color:#052335!important;font-weight:800}.adminLink{border:1px solid #496173;padding:9px 13px;border-radius:7px}.menuButton{display:none;background:none;border:0;width:40px;padding:8px}.menuButton span{display:block;height:2px;background:white;margin:6px 0}.hero{position:relative;min-height:760px;color:white;background:linear-gradient(118deg,#031522 0%,#062b42 55%,#075e70 100%);display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(to right,transparent,black);mask-image:linear-gradient(to right,transparent,black)}.heroGlow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.heroGlowOne{width:430px;height:430px;background:#1c9dff;right:8%;top:10%}.heroGlowTwo{width:260px;height:260px;background:#2ff3da;right:42%;bottom:-10%}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;width:100%}.heroCopy{padding:75px 0}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;color:#70e5e1}.eyebrow.dark{color:#087fa4}.hero h1{font-size:64px;line-height:1.04;margin:19px 0 26px;letter-spacing:-.047em;max-width:680px}.hero h1 em{font-style:normal;color:var(--cyan2)}.lead{font-size:18px;line-height:1.75;color:#c9d8e2;max-width:640px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:20px;padding:15px 22px;border-radius:7px;font-weight:700;font-size:14px}.primary{background:var(--blue);box-shadow:0 12px 28px rgba(19,116,255,.25)}.ghost{border:1px solid #728b9b}.heroProof{display:flex;gap:25px;border-top:1px solid rgba(255,255,255,.13);margin-top:45px;padding-top:22px;color:#a9bdc8;font-size:11px}.heroProof span{display:flex;gap:7px}.heroProof b{color:var(--cyan2)}.shipVisual{position:relative;height:530px;display:flex;align-items:center}.shipVisual svg{position:relative;z-index:2;width:112%;margin-left:-4%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.35))}.shipHalo{position:absolute;inset:14% 4% 8%;border:1px solid rgba(86,225,221,.19);border-radius:50%;transform:rotate(-8deg)}.shipHalo:before,.shipHalo:after{content:"";position:absolute;border:1px dashed rgba(97,228,222,.19);border-radius:50%;inset:8%}.shipHalo:after{inset:20%;}.floatingTag{position:absolute;z-index:4;background:rgba(4,27,43,.82);border:1px solid #37687d;border-radius:9px;padding:10px 13px;box-shadow:0 15px 35px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floatingTag span,.floatingTag b{display:block}.floatingTag span{font-size:8px;color:#80a7b8;letter-spacing:.12em}.floatingTag b{font-size:13px;margin-top:5px}.tagOne{left:6%;top:27%}.tagTwo{right:3%;top:34%}.tagThree{right:16%;bottom:12%}.scrollCue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.18em;color:#7897a7;display:flex;align-items:center;gap:10px}.scrollCue span{width:28px;height:1px;background:#52d9d4}.trustStrip{background:#061927;color:#8fa7b6;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid #173547}.trustInner{height:74px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em}.section{padding:108px 0}.introSection{background:linear-gradient(#fff,#f8fafb)}.sectionIntro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:48px}.section h2,.zero h2,.cta h2,.process h2{font-size:45px;line-height:1.12;letter-spacing:-.038em;margin:12px 0}.sectionIntro>p{color:var(--muted);line-height:1.75}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;border:1px solid var(--line);border-radius:15px;padding:32px;min-height:342px;overflow:hidden;background:white;transition:.25s}.card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:#e7f6f6;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 55px #dce7ec}.card:hover:before{transform:scale(1.25)}.cardNumber{font-size:10px;color:#6d8795;letter-spacing:.15em}.cardIcon{width:46px;height:46px;margin:40px 0 28px;border-radius:12px;background:#e9f7f7;display:grid;place-items:center}.cardIcon span{width:18px;height:18px;border:2px solid #119da1;border-radius:50%;position:relative}.cardIcon span:after{content:"";position:absolute;width:9px;height:2px;background:#119da1;right:-6px;bottom:-3px;transform:rotate(45deg)}.card2 .cardIcon{background:#eaf2ff}.card2 .cardIcon span{border-color:#1b74f3}.card2 .cardIcon span:after{background:#1b74f3}.card3 .cardIcon{background:#eef2f4}.card3 .cardIcon span{border-color:#5b7280}.card3 .cardIcon span:after{background:#5b7280}.card h3{font-size:24px;margin:0 0 15px}.card p,.newsCard p{color:var(--muted);line-height:1.7}.card a{position:absolute;left:32px;bottom:30px;color:#0578a9;font-size:13px;font-weight:bold}.card a span{margin-left:8px}.zero{background:linear-gradient(125deg,#041725,#082f45);color:white;overflow:hidden}.zeroGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.zeroCopy>p:not(.eyebrow){color:#b9cad5;line-height:1.75}.zeroPoints{margin:32px 0}.zeroPoints>div{display:flex;gap:17px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.zeroPoints b{color:#50d9d4;font-size:11px}.zeroPoints span{font-weight:700}.zeroPoints small{display:block;color:#8da7b5;font-weight:normal;margin-top:4px}.textLink{color:#6ee8e2;font-weight:700;font-size:13px}.textLink span{margin-left:12px}.dashboardShell{display:grid;grid-template-columns:66px 1fr;background:#071e2d;border:1px solid #31576b;border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.38);overflow:hidden;min-height:500px}.dashSidebar{background:#061722;border-right:1px solid #17394b;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:13px}.dashLogo{font-weight:800;font-size:13px;color:#55e3dc;margin-bottom:10px}.dashLogo span{color:white}.dashSidebar>span{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;color:#7394a5;font-size:10px}.dashSidebar>span.active{background:#0d6ce6;color:white}.dashboard{padding:22px}.dashTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #244556;padding-bottom:17px}.dashTop small,.panelTitle small{display:block;color:#6d93a6;font-size:8px;letter-spacing:.13em}.dashTop strong{display:block;margin-top:5px}.livePill{font-size:8px;color:#63e3dd;background:#0c3a43;padding:8px 10px;border-radius:20px}.livePill i{display:inline-block;width:6px;height:6px;background:#48dfd7;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #48dfd7}.dashSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#234353;margin:17px 0;border-radius:9px;overflow:hidden}.dashSummary>div{background:#0a293b;padding:14px}.dashSummary small,.dashSummary span{display:block;color:#7695a5;font-size:8px}.dashSummary strong{font-size:20px;display:inline-block;margin:8px 5px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics article{background:#0b2b3e;padding:12px;border-radius:8px;display:flex;align-items:end;justify-content:space-between}.metrics small{color:#7595a7;font-size:8px}.metrics strong{display:block;font-size:16px;margin-top:7px}.trend{font-size:7px;padding:5px 6px;border-radius:12px}.trend.up{background:#133f5d;color:#6ab5ef}.trend.warn{background:#483b1b;color:#f3ce64}.trend.good{background:#173f35;color:#62d8b0}.dashLower{display:grid;grid-template-columns:1.4fr .6fr;gap:10px;margin-top:10px}.chartPanel,.statusPanel{background:#0a293b;border-radius:9px;padding:14px}.panelTitle{display:flex;justify-content:space-between}.panelTitle span{font-size:8px;color:#7895a4}.chartGrid{height:150px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #2d5366;margin-top:13px}.barWrap{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.barWrap span{width:62%;background:linear-gradient(#42ddd5,#116ff1);border-radius:4px 4px 0 0}.barWrap small{font-size:7px;color:#698a9b;margin-bottom:-14px}.donut{width:112px;height:112px;border-radius:50%;margin:16px auto;background:conic-gradient(#38d7c8 0 83%,#1a4c5d 83%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:77px;height:77px;background:#0a293b;border-radius:50%}.donut>div{position:relative;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:18px}.donut small{font-size:7px;color:#7c9aa9}.legend{display:grid;gap:7px;font-size:8px;color:#8fa7b3}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.lgGood{background:#38d7c8}.lgWarn{background:#1a4c5d}.process{background:#f4f8fa}.processLine{display:grid;grid-template-columns:repeat(6,1fr);margin-top:52px;border-top:1px solid #bfd0d9}.processLine>div{position:relative;padding:28px 16px 0 0}.processLine>div:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#14a7ae;top:-5px;left:0;box-shadow:0 0 0 6px #d6eff0}.processLine span,.processLine b,.processLine small{display:block}.processLine span{font-size:9px;color:#188c9c;letter-spacing:.12em}.processLine b{margin:10px 0 7px}.processLine small{color:#7a8d99;line-height:1.5}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}.sectionHead a{font-size:13px;color:#077ba1;font-weight:700}.newsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.newsCard{display:block}.newsImage{position:relative;height:215px;border-radius:13px;margin-bottom:18px;padding:16px;background:linear-gradient(145deg,#073c59,#13a7aa);overflow:hidden}.newsImage span{position:relative;z-index:2;background:white;padding:7px 10px;border-radius:20px;font-size:10px}.newsPattern{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-55px;bottom:-75px}.newsPattern:after,.newsPattern:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:24px}.newsPattern:after{inset:55px}.image2{background:linear-gradient(145deg,#051c34,#1375ed)}.image3{background:linear-gradient(145deg,#405969,#aabcc4)}.newsMeta{display:flex;justify-content:space-between;color:#7c8b96}.newsMeta small,.newsMeta span{font-size:10px}.newsCard h3{font-size:20px;line-height:1.4}.newsCard b{color:#0679af;font-size:12px}.cta{background:linear-gradient(110deg,#0877c5,#07607b);color:white;padding:85px 0}.ctaInner{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.cta p{color:#d8efff;line-height:1.7}.white{background:white;color:#0864a2;margin-top:14px}.footer{background:#04131f;color:#9fb1bc;padding:52px 0}.footerGrid{display:flex;justify-content:space-between}.article{padding:80px 0}.narrow{max-width:820px}.article h1{font-size:48px}.articleHero{height:380px;border-radius:16px;background:linear-gradient(140deg,#073953,#12a2a7);margin:35px 0}.article p{font-size:18px;line-height:1.85;color:#526473}.intro{font-size:22px!important;color:#263c4c!important}.callout{background:#eef7fa;border-left:4px solid #0795ae;padding:22px;margin-top:35px}.admin{min-height:100vh;background:#f1f5f7;display:grid;grid-template-columns:240px 1fr}.admin aside{background:#071b2b;color:#c4d2db;padding:30px;display:flex;flex-direction:column;gap:10px}.admin aside b{color:white;margin-bottom:30px}.admin aside a{padding:12px;border-radius:7px}.admin aside .active{background:#0c3b56;color:white}.admin section{padding:45px;max-width:1050px}.adminTop{display:flex;justify-content:space-between}.adminTop button,.blockButtons button{border:0;background:#0868ff;color:white;padding:12px 18px;border-radius:7px}.editor{background:white;padding:32px;border-radius:14px;box-shadow:0 8px 30px #dce4e8}.editor label{display:block;font-size:13px;font-weight:bold;margin:22px 0}.editor input,.editor textarea,.editor select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #ccd8df;border-radius:7px;font:inherit}.preview{max-width:100%;max-height:330px;border-radius:10px}.blockButtons{display:flex;gap:8px;flex-wrap:wrap}.blockButtons button{background:#e8f0f5;color:#24516c}.success{background:#daf6e6;color:#126136;padding:13px;margin:15px 0;border-radius:7px}@media(max-width:1050px){.mainNav{gap:15px;font-size:11px}.hero h1{font-size:54px}.heroGrid{grid-template-columns:1fr 1fr}.zeroGrid{grid-template-columns:1fr}.dashboardShell{max-width:850px}.trustInner{overflow:auto;gap:35px}.trustInner span{white-space:nowrap}}@media(max-width:850px){.utilityBar{display:none}.nav{height:68px}.menuButton{display:block}.mainNav{display:none;position:absolute;left:0;right:0;top:68px;background:#061b2a;padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #294657}.mainNav.open{display:flex}.navItem{height:auto;display:block}.mainNav a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.dropdown{display:none!important}.contactNav,.adminLink{margin-top:8px;text-align:center;border-bottom:0!important}.hero{min-height:auto;padding:70px 0 45px}.heroGrid,.sectionIntro,.ctaInner{grid-template-columns:1fr}.heroCopy{padding:10px 0}.hero h1{font-size:44px}.shipVisual{height:370px}.heroProof{flex-wrap:wrap}.trustInner{justify-content:flex-start}.cards,.newsGrid{grid-template-columns:1fr}.section{padding:75px 0}.section h2,.zero h2,.cta h2,.process h2{font-size:34px}.dashboardShell{grid-template-columns:1fr}.dashSidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.dashLower{grid-template-columns:1fr}.processLine{grid-template-columns:repeat(2,1fr);border-top:0}.processLine>div{border-top:1px solid #bfd0d9}.footerGrid{display:block}.admin{grid-template-columns:1fr}.admin aside{display:none}.admin section{padding:20px}.scrollCue{display:none}}@media(max-width:520px){.container{width:min(100% - 28px,1240px)}.hero h1{font-size:39px}.lead{font-size:16px}.actions{flex-direction:column}.btn{justify-content:center}.shipVisual{height:300px}.floatingTag{transform:scale(.82)}.tagOne{left:-2%}.tagTwo{right:-4%}.trustStrip{display:none}.metrics{grid-template-columns:1fr}.dashSummary{grid-template-columns:1fr}.processLine{grid-template-columns:1fr}.sectionHead{align-items:start;gap:15px;flex-direction:column}}

.capabilitySection{background:#fff}.capabilityHead>p{max-width:480px;color:var(--muted);line-height:1.75}.capabilityStack{border-top:1px solid var(--line)}.capabilityRow{display:grid;grid-template-columns:70px 330px 1fr;gap:42px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}.capabilityIndex{align-self:start;padding-top:8px;color:#1399a2;font-size:11px;font-weight:800;letter-spacing:.14em}.capabilityGraphic{position:relative;height:245px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#06263a,#0c7581)}.capabilityGraphic:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:38px 38px}.capabilityGraphic span,.capabilityGraphic i,.capabilityGraphic b{position:absolute;display:block;z-index:2}.capabilityGraphic span{width:145px;height:145px;border:1px solid rgba(255,255,255,.55);border-radius:50%;left:46px;top:45px}.capabilityGraphic span:after,.capabilityGraphic span:before{content:"";position:absolute;border:1px dashed rgba(255,255,255,.35);border-radius:50%;inset:19px}.capabilityGraphic span:after{inset:44px}.capabilityGraphic i{width:150px;height:2px;background:#6ef0e7;left:110px;top:122px;transform:rotate(-19deg);box-shadow:0 0 14px #6ef0e7}.capabilityGraphic b{width:16px;height:16px;background:#fff;border-radius:50%;right:60px;top:82px;box-shadow:0 0 0 8px rgba(89,234,224,.2)}.graphic2{background:linear-gradient(135deg,#0c2f54,#126ef1)}.graphic2 i{transform:rotate(24deg);background:#94caff}.graphic3{background:linear-gradient(135deg,#314b5a,#8196a1)}.graphic3 span{border-radius:10px;transform:rotate(10deg)}.capabilityLabel{margin:0 0 11px;color:#0a8a9d;font-size:10px;letter-spacing:.18em;font-weight:800}.capabilityCopy h3{font-size:32px;margin:0 0 12px}.capabilityCopy>p:not(.capabilityLabel){color:var(--muted);line-height:1.75}.capabilityCopy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;padding:0;margin:25px 0 28px;list-style:none}.capabilityCopy li{position:relative;padding-left:17px;font-size:13px;color:#344b5b}.capabilityCopy li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#18aeb1}.darkLink{color:#07799d}.projectSection{background:#f4f8fa}.projectHead>div{max-width:700px}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.projectCard{background:white;border:1px solid #dce7ec;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px rgba(18,49,67,.06)}.projectVisual{position:relative;height:230px;overflow:hidden;background:linear-gradient(135deg,#052a43,#0799a1)}.projectVisual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 40%,rgba(255,255,255,.22) 0 2px,transparent 3px),linear-gradient(120deg,transparent 48%,rgba(255,255,255,.14) 49%,transparent 50%);background-size:35px 35px,100% 100%}.projectVisual>span{position:absolute;z-index:4;left:18px;top:18px;background:rgba(4,28,43,.72);border:1px solid rgba(255,255,255,.25);color:white;padding:7px 10px;border-radius:20px;font-size:9px}.projectVisual i{position:absolute;z-index:2;width:230px;height:74px;left:35px;bottom:40px;border-bottom:4px solid rgba(255,255,255,.9);border-radius:0 0 65% 25%;transform:skewX(-17deg)}.projectVisual b{position:absolute;z-index:2;width:92px;height:55px;left:110px;bottom:83px;border:2px solid rgba(255,255,255,.8);border-bottom:0;transform:skewX(-8deg)}.projectVisualTwo{background:linear-gradient(135deg,#071d38,#176bd9)}.projectVisualTwo i{border:1px solid rgba(104,226,220,.7);height:150px;width:150px;border-radius:50%;left:90px;bottom:35px;transform:none}.projectVisualTwo b{width:105px;height:75px;left:113px;bottom:73px;border:1px solid rgba(255,255,255,.7);border-radius:8px;transform:none;background:rgba(4,25,45,.3)}.projectVisualThree{background:linear-gradient(135deg,#28424f,#8ba1ab)}.projectContent{padding:25px}.projectContent small{font-size:9px;letter-spacing:.14em;color:#078a9e;text-transform:uppercase}.projectContent h3{font-size:21px;line-height:1.38;margin:12px 0}.projectContent p{color:var(--muted);line-height:1.7}.projectContent strong{display:inline-block;margin-top:12px;color:#075f8c;font-size:11px;letter-spacing:.05em}.projectNote{margin:22px 0 0;color:#768b97;font-size:11px}.listingPage{min-height:70vh}.listingHero{padding:105px 0;background:linear-gradient(120deg,#041723,#07556a);color:white}.listingHero h1{max-width:850px;font-size:55px;line-height:1.06;letter-spacing:-.04em;margin:20px 0}.listingHero p:not(.eyebrow){max-width:720px;color:#c0d5df;line-height:1.7}.projectHero{background:linear-gradient(120deg,#061827,#0b3551)}.filterBar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filterBar button{border:1px solid #cad8df;background:white;border-radius:25px;padding:10px 16px;color:#506675}.filterBar button.active{background:#0a7799;color:white;border-color:#0a7799}.projectGridPage{margin-bottom:34px}.projectDisclosure{border:1px solid #d7e4ea;border-radius:12px;padding:24px 28px;background:#f7fafb}.projectDisclosure p{margin-bottom:0;color:var(--muted);line-height:1.7}
@media(max-width:950px){.capabilityRow{grid-template-columns:45px 250px 1fr;gap:24px}.projectGrid{grid-template-columns:1fr 1fr}.projectGrid .projectCard:last-child{grid-column:1/-1}}
@media(max-width:700px){.capabilityRow{grid-template-columns:1fr;padding:38px 0}.capabilityIndex{padding:0}.capabilityGraphic{height:215px}.capabilityCopy ul{grid-template-columns:1fr}.projectGrid{grid-template-columns:1fr}.projectGrid .projectCard:last-child{grid-column:auto}.listingHero{padding:75px 0}.listingHero h1{font-size:39px}.capabilityHead>p{max-width:none}}

.heroImage,.serviceHeroImage,.zeroScreen,.projectPhoto,.newsPhoto,.articleImage,.serviceThumb,.capabilityPhoto{position:relative;overflow:hidden}
.heroImage{min-height:520px;border-radius:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.heroImage img,.serviceHeroImage img,.zeroScreen img,.projectPhoto img,.newsPhoto img,.articleImage img,.serviceThumb img,.capabilityPhoto img{object-fit:cover}
.serviceThumb{height:150px;margin:-24px -24px 24px;border-radius:18px 18px 4px 4px;background:#e8f2f4}
.capabilityPhoto{min-height:320px;border-radius:24px;background:#e9f3f4}
.projectPhoto{height:240px;background:#0d3440}
.projectPhoto span,.newsPhoto span{position:absolute;left:18px;top:18px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(5,31,39,.8);color:white;font-size:11px;letter-spacing:.08em}
.newsPhoto{height:210px;border-radius:20px;background:#e7f1f2}
.topbar{background:#061e27;color:#a8c4c9;font-size:12px}.topbar .container{height:34px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#d5e8eb}
.brandMark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#16b6ad,#0b6d83);color:white;font-weight:800}
.brand{display:flex;gap:11px;align-items:center}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:#7d949a;margin-top:3px}.mainNav{gap:18px}.mainNav>a{white-space:nowrap}.navCta{padding:11px 14px!important;border-radius:10px;background:#0b7c85;color:white!important}
.serviceHero,.zeroPageHero{padding:110px 0;background:#082b36;color:white}.serviceHeroGrid,.zeroPageGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.serviceHero h1,.zeroPageHero h1{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:18px 0}.serviceHero p,.zeroPageHero p{font-size:18px;line-height:1.75;color:#c3d9dd;max-width:720px}.serviceHeroImage{height:460px;border-radius:28px;border:1px solid rgba(255,255,255,.14)}
.environmentalHero{background:linear-gradient(135deg,#06343a,#087a77)}.engineeringHero{background:linear-gradient(135deg,#172f43,#275b79)}.supplyHero{background:linear-gradient(135deg,#283b42,#6c6854)}
.moduleGrid,.platformGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.moduleCard,.platformGrid article{padding:28px;border:1px solid #dce7e9;border-radius:20px;background:white}.moduleCard span,.platformGrid span{font-size:12px;color:#0c8588;font-weight:800}.moduleCard h3,.platformGrid h3{margin:38px 0 12px;font-size:21px}.moduleCard p,.platformGrid p{color:#64777c;line-height:1.7}
.serviceProcess{padding:90px 0;background:#072832;color:white}.serviceProcess h2{font-size:46px;margin:14px 0 40px}.serviceSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15)}.serviceSteps div{padding:30px;background:#072832}.serviceSteps b{display:block;color:#42d2c4;margin-bottom:40px}.serviceSteps span{font-size:18px}
.aboutGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.aboutGrid h2{font-size:48px}.aboutGrid p{font-size:17px;line-height:1.8;color:#60747a}.values{padding:80px 0;background:#eef5f5}.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.valueGrid article{padding:34px;background:white;border-radius:20px}.valueGrid span{color:#0b8588;font-weight:800}.valueGrid h3{font-size:26px;margin:30px 0 12px}
.zeroPageHero{background:radial-gradient(circle at 80% 15%,#116c78 0,#082d39 40%,#061f29 100%)}.zeroScreen{height:500px;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.contactGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contactInfo h2{font-size:46px}.contactInfo p{color:#65777c;line-height:1.8}.contactInfo dl{margin-top:40px}.contactInfo dt{font-size:11px;letter-spacing:.1em;color:#7b8d92;margin-top:20px}.contactInfo dd{margin:5px 0;font-size:18px}.contactForm{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:32px;border:1px solid #dce7e9;border-radius:24px;background:#f8fbfb}.contactForm label{font-size:12px;font-weight:700;color:#385158}.contactForm input,.contactForm select,.contactForm textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #ccdadd;border-radius:10px;background:white;font:inherit}.contactForm .full{grid-column:1/-1}.contactForm button{width:max-content}.formNotice{grid-column:1/-1;color:#08786f}
.projectScope{padding-left:18px;color:#61757a;line-height:1.7;margin:18px 0}.articleHero{padding:90px 0;background:#082b36;color:white}.articleHeroGrid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.articleHero h1{font-size:clamp(38px,5vw,64px)}.articleHero p{color:#c4dadd;font-size:18px;line-height:1.7}.articleImage{height:380px;border-radius:26px}.articleMeta{margin-top:22px;color:#85bbc0}.articleBody{max-width:850px;padding-top:70px;padding-bottom:90px}.articleBody>p{font-size:18px;line-height:1.9;color:#445d63}.sampleNotice{margin:40px 0;padding:22px;background:#eef6f6;border-left:4px solid #0a9992}.sampleNotice p{margin-bottom:0}
@media(max-width:980px){.serviceHeroGrid,.zeroPageGrid,.aboutGrid,.contactGrid,.articleHeroGrid{grid-template-columns:1fr}.moduleGrid,.platformGrid,.valueGrid{grid-template-columns:1fr 1fr}.serviceSteps{grid-template-columns:1fr 1fr}.heroImage{min-height:400px}.mainNav{top:112px}}
@media(max-width:640px){.moduleGrid,.platformGrid,.valueGrid,.serviceSteps,.contactForm{grid-template-columns:1fr}.contactForm .full{grid-column:auto}.serviceHero,.zeroPageHero{padding:70px 0}.serviceHeroImage,.zeroScreen{height:330px}.heroImage{min-height:320px}.topbar{display:none}.mainNav{top:78px}.capabilityPhoto{min-height:230px}.newsPhoto,.projectPhoto{height:190px}}

.brandLogo{width:238px;height:58px;display:flex;align-items:center}
.brandLogo img{display:block;width:100%;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.footerBrand img{display:block;width:240px;max-width:100%;height:auto;margin-bottom:18px}
.footerContact{gap:7px!important}.footerContact small{margin-top:8px;color:#73949f}.footerContact a{color:#e5f2f3!important}.contactInfo dd a{color:#087b87;font-weight:700}
@media(max-width:760px){.brandLogo{width:190px}.brandLogo img{max-height:46px}}

.formHelp{margin-top:24px;padding:16px;border:1px solid rgba(18,59,88,.13);border-radius:12px;background:#f5f8fa;font-size:13px;line-height:1.7}.formHelp code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.contactForm button:disabled{opacity:.6;cursor:wait}.adminToolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.adminToolbar a{color:#0a6872}.emptyState{padding:64px;border:1px solid #dfe8ed;border-radius:20px;text-align:center;background:#f8fafb}.inquiryList{display:grid;gap:16px}.inquiryCard{padding:24px;border:1px solid #dfe8ed;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(10,35,50,.05)}.inquiryCard>div{display:flex;justify-content:space-between;gap:16px}.inquiryCard time,.inquiryCard small{color:#667984;font-size:13px}.inquiryCard h2{margin:14px 0 6px;font-size:20px}.inquiryCard>a{color:#08747d}.inquiryCard p{white-space:pre-wrap;line-height:1.7}.section.compact{padding-top:0}

.newsTicker{height:76px;display:grid;grid-template-columns:210px minmax(0,1fr) 130px;align-items:center;background:#ffffff;border-bottom:1px solid #d9e5e9;overflow:hidden}
.tickerLabel{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#087b87;color:white;font-size:11px;font-weight:800;letter-spacing:.12em}
.tickerLabel span{padding:5px 7px;border-radius:999px;background:#e6333d;font-size:8px;box-shadow:0 0 0 5px rgba(230,51,61,.12)}
.tickerViewport{min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tickerTrack{display:flex;align-items:center;width:max-content;animation:newsTickerFlow 42s linear infinite;will-change:transform}
.tickerViewport:hover .tickerTrack,.tickerViewport:focus-within .tickerTrack{animation-play-state:paused}
.tickerItem{height:76px;min-width:540px;padding:0 34px;display:grid;grid-template-columns:125px minmax(250px,1fr) 86px 20px;gap:15px;align-items:center;border-right:1px solid #e3ebee}
.tickerItem small{color:#09808b;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tickerItem strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tickerItem time{color:#72858d;font-size:11px}
.tickerItem>span{color:#0a8089;font-weight:800}
.tickerAll{height:100%;display:grid;place-items:center;border-left:1px solid #d9e5e9;color:#0a6872;font-size:10px;font-weight:800;letter-spacing:.08em}
@keyframes newsTickerFlow{to{transform:translateX(-50%)}}
.productShowcase{padding:100px 0 88px;background:linear-gradient(180deg,#eef5f6 0%,#f8fbfb 100%);overflow:hidden}
.productShowcaseHead{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}
.productShowcaseHead h2{margin-bottom:0}
.productHeadCopy{max-width:470px;color:#60747a;line-height:1.7}
.productHeadCopy p{margin:0}
.productHeadCopy span{display:block;margin-top:9px;color:#0a8188;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.productRailViewport{overflow:hidden;padding:12px 0 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.productRail{display:flex;gap:22px;width:max-content;padding-left:24px;animation:productRailFlow 52s linear infinite;will-change:transform}
.productRailViewport:hover .productRail,.productRailViewport:focus-within .productRail{animation-play-state:paused}
.movingProductCard{width:430px;flex:none;background:white;border:1px solid #d7e4e7;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(15,54,64,.08);transition:transform .3s,box-shadow .3s}
.movingProductCard:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(15,54,64,.15)}
.movingProductImage{position:relative;display:block;height:270px;background:#0c3440;overflow:hidden}
.movingProductImage img{object-fit:cover;transition:transform .55s}
.movingProductCard:hover .movingProductImage img{transform:scale(1.04)}
.movingProductImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,23,30,.05),rgba(1,23,30,.58));z-index:1}
.movingProductImage>span,.movingProductImage>b{position:absolute;z-index:2;color:white}
.movingProductImage>span{left:20px;top:20px;padding:8px 10px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(3,37,47,.62);font-size:9px;letter-spacing:.11em}
.movingProductImage>b{right:20px;bottom:19px;font-size:10px;letter-spacing:.08em}
.movingProductBody{padding:26px 27px 29px}
.movingProductBody>p:first-child{margin:0;color:#0b8588;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.movingProductBody h3{font-size:27px;margin:10px 0 16px}
.productBadges{display:flex;gap:7px;flex-wrap:wrap}.productBadges span{padding:6px 9px;border-radius:999px;background:#edf5f5;color:#47636a;font-size:9px;font-weight:700}
.productDescription{margin:17px 0 0;color:#64777c;line-height:1.7;font-size:14px}
.productShowcaseFoot{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:17px}.productShowcaseFoot p{color:#73868c;font-size:11px}.productShowcaseFoot a{color:#087b87;font-size:13px;font-weight:800;white-space:nowrap}
@keyframes productRailFlow{to{transform:translateX(calc(-50% - 11px))}}
@media(max-width:900px){.newsTicker{grid-template-columns:150px minmax(0,1fr)}.tickerAll{display:none}.tickerItem{min-width:470px;grid-template-columns:105px 1fr 75px 18px;padding:0 22px}.productShowcaseHead{display:block}.productHeadCopy{margin-top:18px}.movingProductCard{width:370px}}
@media(max-width:640px){.newsTicker{height:66px;grid-template-columns:94px minmax(0,1fr)}.tickerLabel{font-size:0;gap:0}.tickerLabel:after{content:"NEWS";font-size:10px}.tickerLabel span{display:none}.tickerItem{height:66px;min-width:360px;grid-template-columns:1fr 18px;padding:0 18px}.tickerItem small,.tickerItem time{display:none}.tickerItem strong{font-size:13px}.productShowcase{padding:74px 0}.productRailViewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;padding-left:18px}.productRail{animation:none;padding-left:0;padding-right:18px}.movingProductCard{width:84vw;scroll-snap-align:center}.movingProductImage{height:230px}.productShowcaseFoot{display:block}.productShowcaseFoot a{display:inline-block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.tickerTrack,.productRail{animation:none}.tickerViewport,.productRailViewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

.topTickerWrap{background:#061b2b;padding:7px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.topNewsTicker{height:34px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:#0b2638;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;color:#fff}
.topTickerLabel,.topTickerAll{height:100%;display:flex;align-items:center;padding:0 16px;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap;color:#fff}
.topTickerLabel{border-right:1px solid rgba(255,255,255,.1)}.topTickerLabel span{margin-right:8px;color:#ff6c63}.topTickerAll{border-left:1px solid rgba(255,255,255,.1);opacity:.78}
.topTickerViewport{overflow:hidden;min-width:0}.topTickerTrack{display:flex;width:max-content;animation:topTickerMove 42s linear infinite}.topTickerViewport:hover .topTickerTrack{animation-play-state:paused}
.topTickerItem{height:32px;display:flex;align-items:center;gap:14px;padding:0 28px;color:#fff;white-space:nowrap;border-right:1px solid rgba(255,255,255,.08)}.topTickerItem small{font-size:9px;letter-spacing:.1em;color:#50d6cb;text-transform:uppercase}.topTickerItem strong{font-size:12px;font-weight:600}.topTickerItem time{font-size:10px;opacity:.5}
@keyframes topTickerMove{to{transform:translateX(-50%)}}
.adminShell{min-height:100vh;background:#eef3f6;padding-bottom:70px}.adminNav{height:60px;background:#071d2d;color:#fff;padding:0 4vw;display:flex;align-items:center;gap:26px}.adminNav a{color:#fff;font-size:13px}.cmsEditor{max-width:1240px;margin:0 auto;padding:42px 24px}.cmsToolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.cmsToolbar h1{font-size:36px;margin:0 0 8px;color:#092237}.cmsToolbar p{margin:0;color:#637482}.cmsToolbar>div:last-child{display:flex;align-items:center;gap:16px}.cmsToolbar button,.cmsAdd{border:0;background:#e84d45;color:#fff;font-weight:800;letter-spacing:.06em;padding:13px 18px;cursor:pointer}.cmsStatus{font-size:12px;color:#5f7180}.cmsTabs{display:flex;gap:4px;margin-bottom:18px}.cmsTabs button{border:1px solid #cdd9df;background:#fff;padding:13px 20px;font-weight:700;cursor:pointer}.cmsTabs button.active{background:#0a2a3e;color:#fff;border-color:#0a2a3e}.cmsList{display:grid;gap:16px}.cmsAdd{justify-self:start;background:#12877f}.cmsItem{background:#fff;border:1px solid #dbe4e8;padding:22px;box-shadow:0 9px 22px rgba(7,32,49,.05)}.cmsItemHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cmsItemHead b{font-size:12px;letter-spacing:.14em;color:#0f756e}.cmsItemHead button{border:0;background:transparent;color:#b43a35;font-size:11px;font-weight:800;cursor:pointer}.cmsFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cmsFormGrid label{font-size:11px;font-weight:800;letter-spacing:.06em;color:#4b5c67;display:grid;gap:7px}.cmsFormGrid label.wide{grid-column:1/-1}.cmsFormGrid input,.cmsFormGrid textarea{width:100%;border:1px solid #cbd7dd;background:#fbfcfd;padding:11px 12px;font:inherit;color:#152c3c}.cmsFormGrid textarea{min-height:82px;resize:vertical}.adminWarning{max-width:1192px;margin:0 auto;padding:0 24px;color:#8b4b45;font-size:12px}.adminLanding{min-height:100vh;background:#edf3f5;padding:90px 0}.adminLanding h1{font-size:48px;color:#082137;margin:12px 0}.adminLanding>div>p{color:#667985}.adminCards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.adminCards a{background:#fff;border:1px solid #d7e1e5;padding:30px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#09243a}.adminCards b{font-size:21px}.adminCards span{font-size:13px;color:#607580}.adminNotice{margin-top:24px;background:#fff4e9;border:1px solid #f1d1ad;padding:20px;color:#765331}.adminNotice p{margin-bottom:0}
@media(max-width:780px){.topTickerWrap{padding:5px 8px}.topNewsTicker{grid-template-columns:auto minmax(0,1fr)}.topTickerAll{display:none}.topTickerLabel{padding:0 10px;font-size:8px}.topTickerItem{padding:0 18px}.topTickerItem time{display:none}.cmsToolbar{align-items:flex-start;flex-direction:column}.cmsToolbar>div:last-child{width:100%;justify-content:space-between}.cmsFormGrid{grid-template-columns:1fr}.cmsFormGrid label.wide{grid-column:auto}.adminCards{grid-template-columns:1fr}.adminLanding h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.topTickerTrack,.productRail{animation:none!important}}


/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/10-responsive-eco.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 10-responsive-eco.css
 * Rev.2 responsive eco-future design system and navigation hotfixes.
 * Cascade segment 519:786; keep import order unchanged.
 */
/* =========================================================
   REV.2.1 — RESPONSIVE ECO-FUTURE DESIGN SYSTEM
   ========================================================= */
:root{
  --eco-ink:#071e2a;
  --eco-navy:#073142;
  --eco-teal:#00a99d;
  --eco-mint:#5fe3bf;
  --eco-green:#86d66f;
  --eco-ice:#eafaf6;
  --eco-line:rgba(36,138,126,.18);
  --page-gutter:clamp(18px,4vw,72px);
  --content-max:1440px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;background:linear-gradient(180deg,#f7fcfb 0%,#ffffff 35%,#f3fbf8 100%)}
.container{width:min(calc(100% - (var(--page-gutter) * 2)),var(--content-max));margin-inline:auto}
img,svg,video,canvas{max-width:100%;height:auto}
main{overflow:hidden}

/* slim top information architecture */
.topNewsTicker{background:linear-gradient(90deg,#052a39,#075566 55%,#0b716c);border-bottom:1px solid rgba(255,255,255,.12)}
.topNewsTicker .tickerShell{width:min(calc(100% - (var(--page-gutter) * 2)),1180px);margin:auto;min-height:32px}
.topbar{background:#061c28;color:rgba(255,255,255,.72)}
.header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(248,254,252,.92);border-bottom:1px solid rgba(16,104,98,.12)}
.brandLogo img{width:clamp(150px,15vw,218px);height:auto}
.mainNav a{white-space:nowrap}
.navCta{background:linear-gradient(135deg,var(--eco-teal),#087a86)!important;box-shadow:0 10px 30px rgba(0,169,157,.18)}

/* Hero: environmental technology atmosphere */
.hero{position:relative;min-height:clamp(650px,88svh,920px);display:flex;align-items:center;background:
 radial-gradient(circle at 72% 24%,rgba(95,227,191,.20),transparent 31%),
 radial-gradient(circle at 14% 78%,rgba(0,169,157,.15),transparent 34%),
 linear-gradient(135deg,#041d2c 0%,#073849 52%,#0a5c60 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%)}
.hero:after{content:"";position:absolute;width:min(56vw,820px);aspect-ratio:1;border:1px solid rgba(95,227,191,.16);border-radius:50%;right:-18%;top:-30%;box-shadow:0 0 0 70px rgba(95,227,191,.035),0 0 0 140px rgba(95,227,191,.02)}
.heroGrid{position:relative;z-index:2;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(34px,5vw,86px);align-items:center}
.heroCopy h1{font-size:clamp(2.65rem,5.7vw,6.35rem);line-height:.96;letter-spacing:-.055em;max-width:10ch;text-wrap:balance}
.heroCopy .lead{font-size:clamp(1rem,1.35vw,1.28rem);max-width:660px;color:rgba(236,255,250,.78)}
.heroImage{min-height:clamp(360px,45vw,620px);border-radius:clamp(24px,3vw,44px);overflow:hidden;border:1px solid rgba(165,255,225,.24);box-shadow:0 38px 100px rgba(0,18,28,.45);transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}
.heroImage:after{content:"LIVE SUSTAINABILITY DATA";position:absolute;left:22px;bottom:20px;padding:10px 14px;border-radius:999px;background:rgba(3,36,45,.72);border:1px solid rgba(95,227,191,.3);color:#b9ffea;font-size:11px;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.heroProof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:clamp(28px,5vw,52px)}
.heroProof span{border:1px solid rgba(169,255,230,.18);background:rgba(255,255,255,.045);border-radius:14px;padding:12px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.heroProof b{color:var(--eco-mint)}

/* regulation strip */
.trustStrip{background:#eaf9f5;border-bottom:1px solid var(--eco-line)}
.trustInner{display:flex;gap:clamp(18px,3.2vw,48px);justify-content:center;flex-wrap:wrap;padding-block:15px;color:#235c5b;font-size:clamp(.7rem,.9vw,.82rem);letter-spacing:.08em}
.trustInner span:before{content:"◌";color:var(--eco-teal);margin-right:8px}

/* Global sections */
.section{padding-block:clamp(72px,9vw,144px)}
.sectionIntro,.sectionHead{gap:clamp(22px,5vw,90px)}
.sectionIntro h2,.sectionHead h2,.zeroCopy h2,.cta h2{font-size:clamp(2rem,4.1vw,4.7rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.eyebrow{letter-spacing:.16em}
.eyebrow.dark{color:#087d76}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.card{border-radius:24px;background:rgba(255,255,255,.82);border:1px solid var(--eco-line);box-shadow:0 20px 60px rgba(8,74,71,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(8,94,86,.15);border-color:rgba(0,169,157,.35)}
.serviceThumb,.projectPhoto,.newsPhoto{border-radius:18px;overflow:hidden}
.cardNumber{color:var(--eco-teal)}

/* Product showcase responsive and cleaner */
.dynamicShowcase{background:linear-gradient(180deg,#f8fffd,#eefaf6)}
.productViewport{overflow:hidden}
.productTrack{gap:clamp(14px,2vw,28px)}
.productCard{flex:0 0 clamp(290px,32vw,500px);border-radius:26px;border:1px solid var(--eco-line);background:rgba(255,255,255,.86);box-shadow:0 24px 65px rgba(2,75,69,.10)}

/* Capabilities */
.capabilitySection{background:linear-gradient(180deg,#effaf7 0%,#ffffff 100%)}
.capabilityRow{grid-template-columns:76px minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,70px);padding-block:clamp(34px,5vw,72px);border-color:var(--eco-line)}
.capabilityPhoto{border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(5,81,75,.12)}
.capabilityIndex{color:rgba(0,169,157,.52)}
.capabilityCopy li:before{background:var(--eco-green)}

/* ZeroIn section */
.zero{position:relative;background:
 radial-gradient(circle at 80% 18%,rgba(95,227,191,.14),transparent 30%),
 linear-gradient(145deg,#041e2b,#073b48 55%,#075d5d)}
.zero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(156,255,223,.15) 1px,transparent 1px);background-size:22px 22px;opacity:.35;pointer-events:none}
.zeroGrid{position:relative;z-index:1;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);gap:clamp(38px,6vw,100px)}
.zeroPoints>div{background:rgba(255,255,255,.045);border:1px solid rgba(125,239,207,.15);border-radius:16px;padding:15px}
.dashboard{border:1px solid rgba(151,255,224,.22);box-shadow:0 35px 100px rgba(0,12,22,.45);border-radius:26px;background:rgba(3,25,34,.80);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

.projectGrid,.newsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,32px)}
.projectCard,.newsCard{border-radius:24px;background:#fff;border:1px solid var(--eco-line);box-shadow:0 18px 60px rgba(5,80,75,.08);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.projectCard:hover,.newsCard:hover{transform:translateY(-7px);box-shadow:0 28px 80px rgba(5,80,75,.14)}
.cta{background:linear-gradient(120deg,#08786f,#0aa49a 55%,#4dbd7e);position:relative;overflow:hidden}
.cta:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-140px;top:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025)}
.ctaInner{position:relative;z-index:1}

/* Responsive breakpoints */
@media (max-width:1180px){
  .mainNav{gap:14px}.mainNav a{font-size:12px}.navCta{padding-inline:14px!important}
  .heroGrid{grid-template-columns:minmax(0,1fr) minmax(350px,.85fr)}
  .zeroGrid{grid-template-columns:1fr 1.05fr}
}
@media (max-width:980px){
  .topbar{display:none}
  .header{position:sticky;top:32px;z-index:50}
  .menuButton{display:flex}
  .mainNav{position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;padding:20px;border-radius:20px;background:rgba(246,255,252,.98);box-shadow:0 30px 70px rgba(0,32,39,.22);border:1px solid var(--eco-line)}
  .mainNav.open{display:flex}.mainNav a{font-size:14px;padding:10px 8px}
  .hero{min-height:auto;padding-block:clamp(70px,10vw,110px)}
  .heroGrid{grid-template-columns:1fr}.heroCopy{text-align:center}.heroCopy h1{margin-inline:auto;max-width:12ch}.heroCopy .lead{margin-inline:auto}.actions,.heroProof{justify-content:center}
  .heroImage{width:min(760px,100%);margin-inline:auto;min-height:clamp(340px,62vw,560px);transform:none}
  .cards,.projectGrid,.newsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capabilityRow{grid-template-columns:56px 1fr}.capabilityPhoto{grid-column:2}.capabilityCopy{grid-column:2}
  .zeroGrid{grid-template-columns:1fr}.zeroCopy{max-width:760px}.dashboard{width:min(100%,820px);margin-inline:auto}
  .sectionIntro,.sectionHead{grid-template-columns:1fr}
}
@media (max-width:680px){
  :root{--page-gutter:18px}
  .topNewsTicker .tickerShell{width:calc(100% - 20px)}
  .header{top:32px}.nav{min-height:68px}.brandLogo img{width:156px}
  .hero{padding-block:58px 72px}.heroCopy h1{font-size:clamp(2.35rem,12vw,4rem)}
  .actions{flex-direction:column;align-items:stretch}.actions .btn{justify-content:center;width:100%}
  .heroProof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .heroImage{min-height:300px;border-radius:22px}.heroImage:after{font-size:9px;left:12px;bottom:12px}
  .trustInner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.trustInner::-webkit-scrollbar{display:none}.trustInner span{flex:none}
  .cards,.projectGrid,.newsGrid{grid-template-columns:1fr}
  .capabilityRow{grid-template-columns:1fr}.capabilityIndex,.capabilityPhoto,.capabilityCopy{grid-column:1}.capabilityIndex{font-size:13px}
  .productCard{flex-basis:86vw}
  .section{padding-block:72px}
  .ctaInner{grid-template-columns:1fr;gap:26px}
}
@media (max-width:420px){
  .heroProof{grid-template-columns:1fr 1fr}.heroProof span{font-size:11px}
  .heroImage{min-height:260px}.sectionIntro h2,.sectionHead h2,.zeroCopy h2,.cta h2{font-size:2.1rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.productTrack,.tickerTrack{animation:none!important}}

/* =========================================================
   REV.2.1.1 — HEADER / NAVIGATION VISIBILITY HOTFIX
   ========================================================= */
.header{color:var(--eco-ink)}
.nav{position:relative;min-height:76px}
.mainNav{display:flex;align-items:center;gap:clamp(10px,1.25vw,22px)}
.mainNav>a{color:#173b45!important;opacity:1!important;font-weight:700;letter-spacing:-.01em;transition:color .2s ease,background .2s ease,transform .2s ease}
.mainNav>a:hover{color:var(--eco-teal)!important}
.mainNav .navCta{color:#fff!important;padding:12px 18px;border-radius:999px}
.menuButton{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:9px;border:1px solid rgba(0,169,157,.22);border-radius:12px;background:rgba(255,255,255,.72);cursor:pointer}
.menuButton i{display:block;width:100%;height:2px;margin:0;background:#0a4e57;border-radius:999px;transition:transform .2s ease,opacity .2s ease}

@media (max-width:1180px){
  .brandLogo img{width:clamp(145px,14vw,190px)}
  .mainNav{gap:10px}
  .mainNav>a{font-size:11px}
  .mainNav .navCta{padding:10px 13px}
}
@media (max-width:980px){
  .menuButton{display:flex;flex:none}
  .mainNav{display:none!important}
  .mainNav.open{display:flex!important}
  .mainNav.open>a{color:#173b45!important;border-bottom:1px solid rgba(13,112,106,.12)}
  .mainNav.open .navCta{color:#fff!important;border-bottom:0;margin-top:8px;text-align:center}
}
@media (min-width:981px){
  .mainNav{display:flex!important}
}

.euaQuoteSection{position:relative;overflow:hidden;background:linear-gradient(145deg,#eefaf7 0%,#f8fcfb 50%,#edf6fb 100%)}
.euaQuoteSection:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,158,.16),transparent 70%);left:-180px;top:-210px;pointer-events:none}
.euaQuoteGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:clamp(42px,6vw,88px);align-items:start}
.euaQuoteIntro h2{max-width:600px}.euaQuoteLead{max-width:620px;font-size:1.08rem;line-height:1.8;color:#405a66}
.euaProcess{display:grid;gap:14px;margin:34px 0}.euaProcess>div{display:flex;align-items:center;gap:17px;padding:16px 18px;border:1px solid rgba(9,89,91,.12);border-radius:18px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.euaProcess b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0a7d78;color:#fff;font-size:.8rem}.euaProcess span{font-weight:750;color:#0b3741}.euaProcess small{display:block;margin-top:4px;font-weight:450;color:#6a8189}
.euaNotice{padding:20px 22px;border-left:4px solid #36b98c;background:rgba(9,66,75,.055);border-radius:0 14px 14px 0}.euaNotice strong{color:#0a4d55}.euaNotice p{margin:7px 0 0;color:#60777f;line-height:1.65;font-size:.9rem}
.euaQuoteForm{position:relative;padding:clamp(24px,3vw,38px);border:1px solid rgba(7,81,82,.14);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 28px 70px rgba(8,55,62,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.euaFormHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:23px;border-bottom:1px solid #dcebea}.euaFormHeader small{font-weight:800;letter-spacing:.12em;color:#1a9b82}.euaFormHeader h3{font-size:clamp(1.55rem,2vw,2.1rem);margin:5px 0 0;color:#082f3c}.euaFormHeader>span{font-size:.78rem;padding:8px 11px;border-radius:999px;background:#e9f8f4;color:#147768;white-space:nowrap}
.quickQuantity{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.quickQuantity button{padding:11px 6px;border:1px solid #cfe4e0;border-radius:12px;background:#f8fcfb;color:#27545b;font-weight:750;cursor:pointer}.quickQuantity button:hover,.quickQuantity button.active{background:#0a7d78;border-color:#0a7d78;color:#fff}
.euaFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.euaFormGrid label{display:grid;gap:7px;font-size:.82rem;font-weight:750;color:#244c55}.euaFormGrid label.full{grid-column:1/-1}.euaFormGrid input,.euaFormGrid select,.euaFormGrid textarea{width:100%;border:1px solid #cfe0df;background:#fbfefd;border-radius:12px;padding:13px 14px;font:inherit;color:#153d46;outline:none}.euaFormGrid input:focus,.euaFormGrid select:focus,.euaFormGrid textarea:focus{border-color:#25a88d;box-shadow:0 0 0 4px rgba(37,168,141,.11)}.euaFormGrid label small{font-weight:500;color:#7b9095}
.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:#657a80;font-size:.78rem;line-height:1.5}.consent input{margin-top:3px;accent-color:#0a7d78}.euaSubmit{width:100%;justify-content:center;border:0;cursor:pointer}.euaSubmit:disabled{opacity:.65;cursor:wait}.euaStatus{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.86rem}.euaStatus.success{background:#e7f8ef;color:#15704d}.euaStatus.saved{background:#fff6dc;color:#775813}.euaStatus.error{background:#ffe8e8;color:#9a3131}
.siteFooter{background:linear-gradient(135deg,#052d39 0%,#063e45 55%,#075249 100%);color:#d8e8e8;padding:68px 0 0}.footerTop{display:grid;grid-template-columns:1.45fr .7fr .7fr 1fr;gap:clamp(30px,5vw,70px)}.siteFooter .footerBrand img{width:min(190px,70%);height:auto;object-fit:contain;object-position:left center;filter:none}.siteFooter .footerBrand p{max-width:360px;color:#abc4c6;line-height:1.7}.siteFooter .footerBrand>span{font-size:.7rem;letter-spacing:.18em;color:#61d7b3}.footerColumn,.footerContact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footerColumn h4,.footerContact h4{margin:0 0 9px;color:#fff;font-size:.95rem}.footerColumn a,.footerContact a,.footerContact span{color:#b9cecf;text-decoration:none;font-size:.88rem}.footerColumn a:hover,.footerContact a:hover{color:#69dfba}.footerContact small{margin-top:7px;color:#6fe1bd;font-size:.65rem;letter-spacing:.12em}.regulationBadges{display:flex;flex-wrap:wrap;gap:9px;margin-top:46px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12)}.regulationBadges span{padding:7px 11px;border:1px solid rgba(111,225,189,.25);border-radius:999px;color:#bfe4dc;font-size:.72rem}.siteFooter .copyright{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);color:#8eaaad;font-size:.76rem}.siteFooter .copyright div{display:flex;gap:18px}.siteFooter .copyright a{color:#9db6b8;text-decoration:none}
@media(max-width:1000px){.euaQuoteGrid{grid-template-columns:1fr}.footerTop{grid-template-columns:1.4fr 1fr 1fr}.footerContact{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:9px 18px}.footerContact h4{grid-column:1/-1}.footerContact span{grid-column:1/-1}}
@media(max-width:700px){.euaQuoteForm{border-radius:20px}.euaFormHeader{display:block}.euaFormHeader>span{display:inline-block;margin-top:12px}.quickQuantity{grid-template-columns:1fr 1fr}.euaFormGrid{grid-template-columns:1fr}.euaFormGrid label.full{grid-column:auto}.footerTop{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}.footerContact{display:flex;grid-column:1/-1}.siteFooter .copyright{align-items:flex-start;flex-direction:column;gap:12px}}

.marketDock{position:relative;z-index:8;margin-top:-82px;padding-bottom:8px}.marketPanel{background:rgba(4,29,40,.92);color:white;border:1px solid rgba(104,239,208,.22);border-radius:24px;box-shadow:0 28px 70px rgba(0,20,30,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 22px 12px}.marketHeading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 13px;border-bottom:1px solid rgba(255,255,255,.1)}.marketHeading>div{display:flex;align-items:center;gap:10px}.marketHeading b{font-size:11px;letter-spacing:.17em;color:#baffea}.marketHeading small{font-size:10px;color:#7899a6}.marketHeading a{font-size:10px;font-weight:800;letter-spacing:.08em;color:#7ef1d7}.liveDot{width:7px;height:7px;border-radius:50%;background:#5fe3bf;box-shadow:0 0 0 5px rgba(95,227,191,.12)}.marketItems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.marketItem{min-width:0;padding:16px 18px 12px;border-right:1px solid rgba(255,255,255,.09)}.marketItem:last-child{border-right:0}.marketCode{display:flex;align-items:baseline;gap:8px}.marketCode>span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#7ef1d7}.marketCode small{font-size:9px;color:#76929f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketItem>strong{display:block;font-size:clamp(1.35rem,2vw,2.05rem);letter-spacing:-.035em;margin:7px 0 5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.marketItem>strong em{font-style:normal;font-size:9px;color:#73909c;margin-left:5px;letter-spacing:0}.marketCurrency{font-size:.55em;vertical-align:top;margin-right:2px;color:#a4d9cc}.marketLoading{opacity:.35}.marketMeta{display:flex;justify-content:space-between;align-items:center;gap:8px}.marketMeta span{font-size:9px;font-weight:800}.marketMeta small{font-size:8px;color:#6d8995;white-space:nowrap}.marketMeta .up{color:#5fe3bf}.marketMeta .down{color:#ff8c86}.marketDisclaimer{margin:2px 4px 0;color:#607d89;font-size:8px;line-height:1.45}.marketAdminGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.marketAdminGrid article{display:grid;gap:7px;padding:18px;border:1px solid #d8e5e7;border-radius:12px}.marketAdminGrid strong{font-size:25px;color:#087f7d}.marketAdminGrid small{color:#71838c}.adminError{padding:12px;background:#fff1ef;color:#9a342d;border-radius:8px}
@media(max-width:900px){.marketDock{margin-top:-35px}.marketItems{grid-template-columns:repeat(2,1fr)}.marketItem:nth-child(2){border-right:0}.marketItem:nth-child(-n/**/+2){border-bottom:1px solid rgba(255,255,255,.09)}}
@media(max-width:560px){.marketDock{margin-top:-22px}.marketPanel{width:calc(100% - 22px);padding:14px 12px 10px;border-radius:18px}.marketHeading small{display:none}.marketHeading a{font-size:8px}.marketItem{padding:13px 10px}.marketItem>strong{font-size:1.35rem}.marketCode small{display:none}.marketMeta{display:block}.marketMeta small{display:block;margin-top:4px}.marketDisclaimer{font-size:7px}.marketAdminGrid{grid-template-columns:1fr}}


/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/20-header-market.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 20-header-market.css
 * Daily market, news ticker, header and hero refinements.
 * Cascade segment 786:1272; keep import order unchanged.
 */
/* =========================================================
   REV.2.5 — PREMIUM DAILY MARKET BAR
   ========================================================= */
.marketDock{
  position:relative;
  z-index:18;
  margin:0;
  padding:14px 0;
  background:
    radial-gradient(circle at 82% -40%,rgba(65,225,202,.18),transparent 36%),
    linear-gradient(100deg,#041a28 0%,#073445 52%,#075e61 100%);
  border-bottom:1px solid rgba(112,239,210,.18);
  box-shadow:0 15px 38px rgba(0,29,40,.14);
}
.marketPanel{
  display:grid;
  grid-template-columns:minmax(190px,.78fr) minmax(0,3.2fr) minmax(165px,.7fr);
  align-items:stretch;
  gap:0;
  padding:0;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(126,241,215,.22);
  border-radius:18px;
  background:linear-gradient(115deg,rgba(4,27,39,.94),rgba(6,58,67,.86));
  box-shadow:0 20px 55px rgba(0,13,22,.28),inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(20px);
          backdrop-filter:blur(20px);
}
.marketIntro{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:17px 20px;
  border-right:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(9,102,103,.24),rgba(3,25,37,.16));
}
.marketLive{display:flex;align-items:center;gap:9px;color:#8ff6dc;font-size:9px;font-weight:900;letter-spacing:.18em}
.marketLive .liveDot{position:relative;width:7px;height:7px;flex:none;background:#68edc4;box-shadow:0 0 0 5px rgba(104,237,196,.10),0 0 16px rgba(104,237,196,.65);animation:marketPulse 2.2s ease-in-out infinite}
.marketIntro h2{margin:8px 0 4px;font-size:clamp(.95rem,1.15vw,1.18rem);line-height:1.15;letter-spacing:-.025em;color:#f4fffc}
.marketIntro p{margin:0;color:#759aa5;font-size:8px;line-height:1.4}
.marketItems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
.marketItem{
  position:relative;
  min-width:0;
  padding:15px clamp(12px,1.25vw,20px) 13px;
  border-right:1px solid rgba(255,255,255,.085);
  transition:background .25s ease,transform .25s ease;
}
.marketItem:last-child{border-right:0}
.marketItem:before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;background:linear-gradient(90deg,transparent,#52e2c2,transparent);opacity:0;transition:.25s}
.marketItem:hover{background:rgba(111,238,210,.055)}
.marketItem:hover:before{opacity:1}
.marketCode{display:flex;align-items:baseline;gap:7px;min-width:0}
.marketCode>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7ef1d7}
.marketCode small{font-size:7px;color:#6d929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marketItem>strong{display:block;margin:7px 0 5px;font-size:clamp(1.25rem,1.65vw,1.72rem);font-weight:800;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#f7fffd}
.marketItem>strong em{font-size:7px;color:#678b97;margin-left:4px;font-style:normal;letter-spacing:.02em}
.marketCurrency{color:#b4e9dc}
.marketMeta{display:flex;align-items:center;justify-content:space-between;gap:6px}
.marketMeta span{font-size:8px;font-weight:900;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.045)}
.marketMeta .up{color:#67edc2}.marketMeta .down{color:#ff9a92}
.marketMeta small{font-size:7px;color:#617f8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marketActions{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 13px;border-left:1px solid rgba(255,255,255,.1);background:rgba(3,22,33,.28)}
.marketQuote{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:10px 12px;border-radius:11px;background:linear-gradient(135deg,#0ab59e,#1685e7);box-shadow:0 10px 24px rgba(0,142,158,.22);transition:transform .22s ease,box-shadow .22s ease}
.marketQuote:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,159,167,.34)}
.marketQuote span{grid-column:1;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.75)}
.marketQuote b{grid-column:1;font-size:11px;letter-spacing:.03em;margin-top:2px}.marketQuote i{grid-column:2;grid-row:1/3;font-style:normal;font-size:17px}
.marketDetails{text-align:center;color:#84b4be;font-size:8px;font-weight:800;letter-spacing:.06em}.marketDetails:hover{color:#8ff6dc}
.marketDisclaimer{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:min(900px,70vw);margin:0;color:#597b86;font-size:6px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
@keyframes marketPulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}

/* Hero now starts cleanly below the market bar */
.marketDock + main .hero{min-height:clamp(650px,76vh,820px)}
.marketDock + main .heroCopy{padding-top:clamp(58px,7vw,90px)}

@media(max-width:1080px){
  .marketPanel{grid-template-columns:165px minmax(0,1fr) 140px}
  .marketIntro{padding-inline:15px}.marketIntro h2{font-size:.95rem}
  .marketItem{padding-inline:10px}.marketCode small{display:none}
  .marketActions{padding-inline:10px}.marketQuote{padding-inline:10px}
}
@media(max-width:820px){
  .marketDock{padding:10px 0}
  .marketPanel{grid-template-columns:1fr;overflow:visible}
  .marketIntro{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:12px 15px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .marketLive{grid-row:1/3}.marketIntro h2{margin:0}.marketIntro p{margin-top:3px}
  .marketItems{grid-template-columns:repeat(4,minmax(125px,1fr));overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .marketItems::-webkit-scrollbar{display:none}.marketItem{scroll-snap-align:start}
  .marketActions{display:grid;grid-template-columns:1fr auto;align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:9px 12px}
  .marketQuote{display:flex;justify-content:center;gap:7px;padding:9px 13px;width:max-content}.marketQuote span{display:none}.marketQuote b{font-size:9px;margin:0}.marketQuote i{font-size:13px}
  .marketDetails{padding-right:5px}.marketDisclaimer{display:none}
}
@media(max-width:560px){
  .marketDock{padding:8px 0}.marketPanel{width:calc(100% - 20px);border-radius:15px}
  .marketIntro{grid-template-columns:auto 1fr;padding:10px 12px}.marketIntro h2{font-size:.85rem}.marketIntro p{font-size:7px}
  .marketItems{grid-template-columns:repeat(4,142px)}
  .marketItem{padding:12px 11px 10px}.marketItem>strong{font-size:1.35rem}.marketMeta small{display:none}
  .marketActions{padding:8px 10px}.marketQuote{padding:8px 11px}.marketDetails{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.marketLive .liveDot{animation:none}}

.heroShowcase{min-height:clamp(760px,88svh,980px);padding:clamp(58px,7vw,96px) 0 132px;transition:background .7s ease}
.heroTheme-eco{background:radial-gradient(circle at 88% 18%,rgba(47,238,188,.19),transparent 32%),linear-gradient(118deg,#021722 0%,#073b43 57%,#087168 100%)}
.heroTheme-blue{background:radial-gradient(circle at 88% 18%,rgba(49,154,255,.23),transparent 34%),linear-gradient(118deg,#031522 0%,#073454 57%,#0b6090 100%)}
.heroTheme-navy{background:radial-gradient(circle at 88% 18%,rgba(62,215,205,.16),transparent 35%),linear-gradient(118deg,#020d18 0%,#08263a 58%,#0b4b58 100%)}
.heroTheme-cyan{background:radial-gradient(circle at 88% 18%,rgba(65,245,231,.25),transparent 33%),linear-gradient(118deg,#031522 0%,#063848 54%,#087b82 100%)}
.heroShowcaseGrid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(42px,6vw,96px);align-items:center}
.heroShowcaseCopy{animation:heroCopyIn .7s cubic-bezier(.22,.8,.25,1) both}
.heroShowcaseCopy h1{font-size:clamp(3.2rem,5.35vw,6.15rem);line-height:.98;letter-spacing:-.06em;max-width:10.7ch;margin:20px 0 28px;text-wrap:balance}
.heroShowcaseCopy .lead{max-width:680px}
.heroHighlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:34px;max-width:590px}
.heroHighlights span{padding:11px 14px;border:1px solid rgba(185,255,235,.18);border-radius:12px;background:rgba(255,255,255,.045);color:rgba(236,255,250,.72);font-size:11px;letter-spacing:.035em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.heroVisualStage{position:relative;min-height:clamp(440px,43vw,620px);border:1px solid rgba(157,255,228,.23);border-radius:clamp(28px,3.2vw,48px);background:linear-gradient(145deg,rgba(2,30,42,.83),rgba(3,24,36,.55));box-shadow:0 40px 110px rgba(0,10,20,.5);overflow:hidden;transform:perspective(1400px) rotateY(-3deg);animation:heroVisualIn .8s cubic-bezier(.22,.8,.25,1) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.heroVisualStage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,255,225,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(123,255,225,.055) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 95%);mask-image:linear-gradient(to bottom,black,transparent 95%)}
.heroVisualStage:after{content:"";position:absolute;width:310px;height:310px;right:-105px;top:-105px;border:1px solid rgba(98,255,218,.23);border-radius:50%;box-shadow:0 0 0 56px rgba(98,255,218,.035),0 0 0 110px rgba(98,255,218,.02)}
.heroVisualTopline{position:absolute;z-index:5;left:28px;top:25px;display:flex;align-items:center;gap:12px;color:#72e8d8;font-size:10px;letter-spacing:.2em;font-weight:800}
.heroVisualTopline span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(114,232,216,.34);border-radius:50%;letter-spacing:0}
.heroVisualImage{position:absolute;inset:78px 34px 66px;border-radius:24px;overflow:hidden;background:rgba(6,31,43,.5)}
.heroVisualImage img{object-fit:cover;animation:heroImageZoom 6.5s ease-out both}
.heroVisualStatus{position:absolute;z-index:5;left:28px;bottom:24px;padding:10px 14px;border-radius:999px;background:rgba(2,28,40,.72);border:1px solid rgba(112,232,216,.28);color:#b9ffec;font-size:9px;letter-spacing:.12em;font-weight:800}
.heroVisualStatus i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#50e6c5;box-shadow:0 0 12px #50e6c5;animation:marketPulse 1.8s infinite}
.heroVisualMetric{position:absolute;z-index:6;min-width:150px;padding:13px 15px;border:1px solid rgba(143,244,221,.23);border-radius:14px;background:rgba(3,31,43,.77);box-shadow:0 18px 45px rgba(0,8,16,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.heroVisualMetric small,.heroVisualMetric strong{display:block}.heroVisualMetric small{font-size:8px;letter-spacing:.15em;color:#71aeaf}.heroVisualMetric strong{margin-top:6px;font-size:11px;color:white}.metricOne{left:-24px;top:37%}.metricTwo{right:-16px;bottom:20%}
.heroTabs{position:absolute;z-index:8;left:50%;bottom:34px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.heroTabs button{position:relative;text-align:left;color:rgba(220,244,241,.64);border:1px solid rgba(183,255,233,.14);border-radius:15px;background:rgba(1,23,34,.48);padding:14px 15px 12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.25s;overflow:hidden}
.heroTabs button:hover,.heroTabs button.active{color:white;background:rgba(13,78,84,.72);border-color:rgba(111,242,211,.4);transform:translateY(-3px)}
.heroTabs button>span{display:block;color:#57ddc6;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.heroTabs button>strong{display:block;font-size:11px;white-space:nowrap}.heroTabs button>i{display:block;height:2px;margin-top:11px;background:rgba(255,255,255,.1);overflow:hidden}.heroTabs button>i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#4ce5c4,#7df4e1);transform-origin:left;animation:heroProgress linear both}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:perspective(1400px) rotateY(-3deg) translateX(35px)}to{opacity:1;transform:perspective(1400px) rotateY(-3deg)}}
@keyframes heroImageZoom{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:1050px){.heroShowcaseGrid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}.heroShowcaseCopy h1{font-size:clamp(3rem,6vw,5rem)}.heroVisualMetric{display:none}.heroTabs button>strong{font-size:10px}}
@media(max-width:850px){.heroShowcase{padding:76px 0 150px}.heroShowcaseGrid{grid-template-columns:1fr}.heroShowcaseCopy{text-align:center}.heroShowcaseCopy h1{margin-inline:auto;max-width:12ch}.heroShowcaseCopy .lead,.heroHighlights{margin-inline:auto}.heroShowcaseCopy .actions{justify-content:center}.heroVisualStage{width:min(720px,100%);min-height:470px;margin:12px auto 0;transform:none}.heroTabs{grid-template-columns:repeat(2,1fr);bottom:24px}.heroTabs button>strong{font-size:11px}.heroShowcase .scrollCue{display:none}}
@media(max-width:560px){.heroShowcase{padding:58px 0 188px}.heroShowcaseCopy h1{font-size:clamp(2.55rem,12vw,4.05rem)}.heroHighlights{grid-template-columns:1fr 1fr}.heroHighlights span{font-size:10px;padding:10px}.heroVisualStage{min-height:330px;border-radius:24px}.heroVisualImage{inset:64px 16px 55px;border-radius:17px}.heroVisualTopline{left:18px;top:17px}.heroVisualStatus{left:17px;bottom:15px;font-size:8px}.heroTabs{width:calc(100% - 28px);gap:7px}.heroTabs button{padding:11px 10px}.heroTabs button>strong{white-space:normal;line-height:1.25;font-size:9px}.heroTabs button>span{margin-bottom:5px}.heroTabs button>i{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.heroShowcaseCopy,.heroVisualStage,.heroVisualImage img,.heroTabs button>i b,.heroVisualStatus i{animation:none!important}}

/* =========================================================
   REV.3.1 — HEADER, MARKET, HERO & FOOTER REFINEMENT
   ========================================================= */
/* Full-width news ribbon */
.topTickerWrap{padding:0;background:#061b2b}
.topNewsTicker{width:100%;max-width:none;height:38px;border-left:0;border-right:0;border-radius:0}
.topTickerLabel{padding-inline:clamp(18px,4vw,72px)}
.topTickerAll{padding-inline:clamp(18px,4vw,72px)}

/* Clear corporate logo and stronger navigation */
.header{background:rgba(248,253,252,.98);border-bottom:1px solid rgba(8,92,94,.12)}
.nav{min-height:82px}
.brandLogo{width:220px;height:62px;overflow:visible}
.brandLogo img{width:220px!important;max-height:58px;filter:contrast(1.12) saturate(1.08);image-rendering:auto}
.mainNav{gap:clamp(14px,1.45vw,27px)}
.mainNav>a{font-size:13px!important;font-weight:750!important}
.mainNav .navCta{font-size:12px!important}

/* A narrower, more legible daily-market module */
.marketDock{padding:9px 0 7px;box-shadow:0 9px 25px rgba(0,29,40,.12)}
.marketPanel{width:min(1120px,calc(100% - 48px));grid-template-columns:minmax(180px,.78fr) minmax(0,3.2fr) minmax(155px,.68fr);border-radius:16px}
.marketIntro{padding:15px 18px}
.marketLive{font-size:10px}
.marketIntro h2{font-size:1.08rem;margin:7px 0 5px}
.marketIntro p{font-size:10px;color:#9bb7bf}
.marketCode>span{font-size:12px}
.marketCode small{font-size:9px;color:#9ab2ba}
.marketItem{padding-top:14px;padding-bottom:12px}
.marketItem>strong{font-size:clamp(1.45rem,1.8vw,1.92rem)}
.marketItem>strong em{font-size:9px;color:#8eabb4}
.marketMeta span{font-size:9px}
.marketMeta small{font-size:9px;color:#8fa8b1}
.marketQuote span{font-size:8px}.marketQuote b{font-size:12px}
.marketDetails{font-size:9px}
.marketDisclaimer{font-size:7px;color:#7897a0}

/* Pull the dynamic hero closer to the market bar */
.marketDock + main .heroShowcase{margin-top:0;min-height:clamp(690px,80svh,890px);padding-top:clamp(38px,4.5vw,62px)}
.heroShowcaseGrid{align-items:center}

/* Footer logo and real regulation links */
.siteFooter .footerBrand img{width:230px;max-width:100%;filter:contrast(1.15) saturate(1.08)}
.regulationBadges a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(111,225,189,.32);border-radius:999px;color:#d1eee8;font-size:.76rem;transition:.2s}
.regulationBadges a:hover{color:#fff;border-color:#69dfba;background:rgba(105,223,186,.10);transform:translateY(-2px)}
.regulationBadges a span{font-size:.68rem;color:#69dfba}
.moduleCard{scroll-margin-top:130px}

@media(max-width:1180px){
  .brandLogo,.brandLogo img{width:190px!important}
  .mainNav{gap:11px}.mainNav>a{font-size:12px!important}
  .marketPanel{width:min(1060px,calc(100% - 36px))}
}
@media(max-width:980px){
  .nav{min-height:72px}.brandLogo,.brandLogo img{width:175px!important}
  .mainNav.open>a{font-size:14px!important}
  .marketPanel{width:calc(100% - 28px)}
  .marketDock + main .heroShowcase{padding-top:38px}
}
@media(max-width:680px){
  .topTickerLabel{padding-inline:11px}.topTickerItem{padding-inline:14px}
  .brandLogo,.brandLogo img{width:160px!important}
  .marketPanel{width:calc(100% - 18px)}
  .marketCode small{display:block}.marketMeta small{display:block}
  .marketDock + main .heroShowcase{padding-top:30px}
  .siteFooter .footerBrand img{width:205px}
}

.browserTranslate{position:relative;display:flex;align-items:center}
.translateButton{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(12,102,104,.22);background:rgba(255,255,255,.55);color:#0a4e55;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}
.translateButton:hover{background:#fff;border-color:rgba(0,159,156,.45);box-shadow:0 8px 22px rgba(5,81,79,.12)}
.translateButton span{font-size:16px;line-height:1;color:#009f9c}
.translatePopover{position:absolute;right:0;top:46px;width:min(360px,calc(100vw - 32px));padding:20px;border:1px solid rgba(11,106,106,.18);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(3,41,52,.22);color:#183640;z-index:100}
.translatePopover:before{content:"";position:absolute;right:26px;top:-7px;width:12px;height:12px;background:white;border-left:1px solid rgba(11,106,106,.18);border-top:1px solid rgba(11,106,106,.18);transform:rotate(45deg)}
.translatePopover strong{display:block;font-size:15px;margin-bottom:8px;color:#073e46}
.translatePopover p,.translatePopover li{font-size:12px;line-height:1.55;color:#547078}
.translatePopover ul{margin:11px 0;padding-left:18px}
.translatePopover small{display:block;padding-top:10px;border-top:1px solid #e2ecec;color:#6e858b;line-height:1.45}
.translateHint{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:9px;max-width:430px;padding:12px 14px;border:1px solid rgba(69,216,183,.35);border-radius:14px;background:rgba(5,37,50,.96);color:#e6fffa;box-shadow:0 20px 55px rgba(2,23,32,.3);font-size:12px}
.translateHint button{border:0;background:transparent;color:#75ead0;font:inherit;font-weight:800;cursor:pointer;padding:2px 4px}
.translateHint button:last-child{color:#a8c4c8;font-size:18px}
@media(max-width:1100px){.translateButton b{display:none}.translateButton{padding:8px 10px}.mainNav{gap:15px}}
@media(max-width:850px){.browserTranslate{width:100%;margin-top:10px}.translateButton{width:100%;justify-content:center;border-radius:8px;padding:12px}.translateButton b{display:inline}.translatePopover{position:fixed;left:16px;right:16px;top:auto;bottom:20px;width:auto}.translatePopover:before{display:none}.translateHint{left:14px;right:14px;bottom:14px;max-width:none}}

.marketPanel{width:min(1180px,calc(100% - 42px));grid-template-columns:minmax(180px,.72fr) minmax(0,3.55fr) minmax(170px,.7fr)}
.marketItems{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}
.marketItem{padding:12px 14px 10px}
.marketItem:nth-child(-n/**/+3){border-bottom:1px solid rgba(255,255,255,.085)}
.marketItem:nth-child(3n){border-right:0}
.marketCode>span{font-size:11px;letter-spacing:.09em}
.marketItem>strong{font-size:clamp(1.24rem,1.55vw,1.65rem);margin:6px 0 4px}
.marketRfq{font-size:.72em;letter-spacing:.13em;color:#f8d884}
.marketMeta .neutral{color:#f2d58a}
.marketQuote b{font-size:10px;line-height:1.15}
@media(max-width:820px){
  .marketItems{grid-template-columns:repeat(6,150px);grid-template-rows:1fr}
  .marketItem:nth-child(-n/**/+3){border-bottom:0}
  .marketItem:nth-child(3n){border-right:1px solid rgba(255,255,255,.085)}
  .marketItem:last-child{border-right:0}
}
@media(max-width:560px){.marketItems{grid-template-columns:repeat(6,145px)}}

.marketTickerWrap{position:relative;z-index:31;width:100%;background:#052c38;border-bottom:1px solid rgba(115,238,211,.22);color:#fff}
.marketTicker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;width:100%;min-height:49px;overflow:hidden}
.marketTickerLabel{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;column-gap:9px;min-width:188px;padding:8px clamp(16px,2.2vw,34px);background:linear-gradient(115deg,#086f6b,#075463);color:#fff;text-decoration:none;white-space:nowrap}
.marketTickerDot{grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:#7df4d5;box-shadow:0 0 0 5px rgba(125,244,213,.11),0 0 14px rgba(125,244,213,.6);animation:marketPulse 2.2s ease-in-out infinite}
.marketTickerLabel strong{font-size:10px;line-height:1.1;letter-spacing:.15em}.marketTickerLabel small{font-size:7px;line-height:1.2;color:#91c7c8;letter-spacing:.08em}
.marketTickerViewport{min-width:0;overflow:hidden;background:linear-gradient(90deg,#061f2b,#073542)}
.marketTickerTrack{display:flex;align-items:center;width:max-content;min-height:49px;animation:marketTickerMove 38s linear infinite;will-change:transform}
.marketTickerViewport:hover .marketTickerTrack{animation-play-state:paused}
.marketTickerItem{display:flex;align-items:center;gap:8px;min-width:max-content;padding:0 20px;color:#dceeee;white-space:nowrap}
.marketTickerItem b{font-size:9px;letter-spacing:.1em;color:#7ef1d7}.marketTickerItem>strong{font-size:15px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff}.marketTickerItem>strong em{margin-left:3px;font-size:7px;font-style:normal;font-weight:600;color:#6f9ca5}.marketTickerCurrency{margin-right:1px;color:#b9e9dd}.marketTickerRfq{letter-spacing:.08em;color:#ffd58d}.marketTickerLoading{opacity:.55}
.marketTickerItem>span{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.055);font-size:7px;font-weight:850}.marketTickerItem>span.up{color:#66edc0}.marketTickerItem>span.down{color:#ff9f98}.marketTickerItem>span.neutral{color:#91acb2}.marketTickerItem>i{margin-left:7px;color:#2f626b;font-style:normal}
.marketTickerRequest{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;column-gap:13px;min-width:196px;padding:7px clamp(16px,2vw,30px);background:linear-gradient(125deg,#0bb49d,#147dd8);color:#fff;text-decoration:none;white-space:nowrap;box-shadow:-14px 0 28px rgba(0,11,20,.18);transition:filter .2s ease}
.marketTickerRequest:hover{filter:brightness(1.1)}.marketTickerRequest span{font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.74)}.marketTickerRequest b{font-size:10px;letter-spacing:.04em}.marketTickerRequest i{grid-column:2;grid-row:1/3;align-self:center;font-size:17px;font-style:normal}
@keyframes marketTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Disable the former card-style market dock rules when this component is used as a ticker. */
.marketTickerWrap + .siteHeader{position:relative;z-index:30}
.marketTickerWrap ~ main .heroShowcase{margin-top:0}
@media(max-width:900px){.marketTicker{grid-template-columns:auto minmax(0,1fr) auto}.marketTickerLabel{min-width:auto;padding-inline:14px}.marketTickerLabel small{display:none}.marketTickerRequest{min-width:auto;padding-inline:14px}.marketTickerRequest span{display:none}.marketTickerRequest b{font-size:9px}.marketTickerTrack{animation-duration:31s}.marketTickerItem{padding-inline:15px}}
@media(max-width:600px){.marketTicker{min-height:43px}.marketTickerLabel{padding:7px 10px}.marketTickerLabel strong{font-size:8px}.marketTickerDot{width:6px;height:6px}.marketTickerTrack{min-height:43px;animation-duration:27s}.marketTickerItem{gap:6px;padding-inline:12px}.marketTickerItem b{font-size:8px}.marketTickerItem>strong{font-size:13px}.marketTickerItem>span{display:none}.marketTickerRequest{padding:7px 10px}.marketTickerRequest b{font-size:0}.marketTickerRequest b:after{content:"REQUEST";font-size:8px;letter-spacing:.08em}.marketTickerRequest i{font-size:14px}}
@media(prefers-reduced-motion:reduce){.marketTickerTrack{animation:none}.marketTickerDot{animation:none}}

/* =========================================================
   REV.3.5 — TEXT WORDMARK + MATCHED NEWS / MARKET TICKERS
   ========================================================= */
/* Header wordmark: cleaner than the image logo and more legible at every size. */
.brandWordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:205px;color:#073c45;line-height:1}
.brandWordmark strong{font-size:21px;font-weight:760;letter-spacing:-.035em;white-space:nowrap}
.brandWordmark strong span{font-weight:900;color:#087f82}
.brandWordmark small{font-size:7px;font-weight:800;letter-spacing:.17em;color:#6d8a8e;white-space:nowrap}
.brandWordmark:hover strong{color:#075f68}
.brandWordmark:hover small{color:#4b7478}

/* News & Daily Market now use the same full-width geometry and visual rhythm. */
.topTickerWrap,.marketTickerWrap{width:100%;padding:0;background:#052c38}
.topNewsTicker,.marketTicker{width:100%;max-width:none;min-height:46px;height:46px;border:0;border-radius:0;overflow:hidden;display:grid;grid-template-columns:188px minmax(0,1fr) 196px;align-items:stretch}
.topNewsTicker{background:#052c38;color:#fff}
.topTickerLabel,.marketTickerLabel{min-width:0;width:auto;height:46px;padding:0 22px;background:linear-gradient(115deg,#086f6b,#075463);display:flex;align-items:center;gap:9px;color:#fff;white-space:nowrap}
.topTickerLabel span{display:inline-grid;place-items:center;min-width:31px;height:18px;border-radius:999px;background:#7df4d5;color:#064742;font-size:7px;font-weight:900;letter-spacing:.08em}
.topTickerLabel{font-size:9px;font-weight:850;letter-spacing:.13em}
.marketTickerLabel{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:9px;padding-block:7px}
.topTickerViewport,.marketTickerViewport{min-width:0;height:46px;overflow:hidden;background:linear-gradient(90deg,#061f2b,#073542)}
.topTickerTrack,.marketTickerTrack{min-height:46px;height:46px}
.topTickerItem,.marketTickerItem{min-height:46px;padding-inline:20px}
.topTickerItem small{font-size:7px;color:#7ef1d7;letter-spacing:.1em}
.topTickerItem strong{font-size:11px;color:#fff}
.topTickerItem time{font-size:8px;color:#86a9b1}
.topTickerAll,.marketTickerRequest{min-width:0;width:auto;height:46px;padding:0 22px;background:linear-gradient(125deg,#0bb49d,#147dd8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:-14px 0 28px rgba(0,11,20,.18);font-size:9px;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.topTickerAll:hover,.marketTickerRequest:hover{filter:brightness(1.1)}
.marketTickerRequest{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;justify-content:stretch;column-gap:13px;padding-block:6px}

/* Keep the top navigation compact after replacing the image logo. */
.nav{min-height:72px;height:72px}
.mainNav{gap:clamp(13px,1.35vw,25px)}

@media(max-width:900px){
  .topNewsTicker,.marketTicker{grid-template-columns:145px minmax(0,1fr) 132px}
  .topTickerLabel,.marketTickerLabel,.topTickerAll,.marketTickerRequest{padding-inline:14px}
  .brandWordmark{min-width:175px}.brandWordmark strong{font-size:19px}.brandWordmark small{font-size:6px;letter-spacing:.14em}
}
@media(max-width:680px){
  .topNewsTicker,.marketTicker{grid-template-columns:112px minmax(0,1fr) 80px;min-height:43px;height:43px}
  .topTickerLabel,.marketTickerLabel,.topTickerAll,.marketTickerRequest,.topTickerViewport,.marketTickerViewport,.topTickerTrack,.marketTickerTrack,.topTickerItem,.marketTickerItem{height:43px;min-height:43px}
  .topTickerLabel{font-size:0;padding-inline:10px}.topTickerLabel:after{content:"NEWS";font-size:8px;letter-spacing:.1em}.topTickerLabel span{min-width:27px;height:16px;font-size:6px}
  .topTickerAll{font-size:0;padding-inline:8px}.topTickerAll:after{content:"VIEW";font-size:8px;letter-spacing:.08em}
  .marketTickerLabel{padding-inline:10px}.marketTickerLabel strong{font-size:8px}.marketTickerLabel small{display:none}
  .marketTickerRequest{padding-inline:9px}.marketTickerRequest span{display:none}.marketTickerRequest b{font-size:0}.marketTickerRequest b:after{content:"REQUEST";font-size:8px;letter-spacing:.08em}.marketTickerRequest i{font-size:13px}
  .brandWordmark small{display:none}.brandWordmark{min-width:auto}.brandWordmark strong{font-size:18px}
}

.cmsTabsWrap{display:flex;flex-wrap:wrap;gap:6px}.cmsTabsWrap button{white-space:nowrap}.cmsUpload{display:flex;gap:8px;align-items:center}.cmsUpload>input{flex:1 1}.cmsUpload label,.cmsPreview,.cmsSecondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8d0d2;background:#fff;color:#07545d;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}.cmsSecondary{background:#eef5f5}.cmsToolbar>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cmsStatus{min-width:110px}.cmsItem textarea{min-height:96px}.cmsFormGrid .wide textarea{min-height:118px}@media(max-width:760px){.cmsToolbar{align-items:flex-start}.cmsToolbar>div:last-child{justify-content:flex-start}.cmsUpload{align-items:stretch;flex-direction:column}}

.simulatorPage{background:#f4f8f8;min-height:100vh}.simulatorHero{padding:86px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(76,223,189,.18),transparent 30%),linear-gradient(135deg,#041d2a,#074653);color:white}.simulatorHero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.045em;margin:15px 0 20px}.simulatorHero p:last-child{max-width:780px;color:#c5d9dd;font-size:1.05rem;line-height:1.75}.simulatorBody{padding-top:48px}.simTabs{display:flex;gap:8px;padding:6px;border:1px solid #d8e6e5;background:white;border-radius:16px;width:max-content;margin-bottom:22px}.simTabs button,.simTabs a{border:0;background:transparent;padding:13px 20px;border-radius:11px;color:#49636b;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap}.simTabs button.active,.simTabs a.active{background:#087d76;color:white}.simPanel{background:white;border:1px solid #dbe8e7;border-radius:26px;padding:clamp(22px,4vw,46px);box-shadow:0 22px 70px rgba(5,77,75,.08)}.simPanelHead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.simPanelHead h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.035em;margin:9px 0 0}.simSettings{display:flex;gap:12px;min-width:min(100%,390px)}.simSettings label,.poolingBox label{display:grid;gap:7px;flex:1 1;font-size:11px;font-weight:800;color:#546d75;letter-spacing:.04em}.simSettings input,.simSettings select,.poolingBox input{width:100%;border:1px solid #ccdedd;border-radius:10px;background:#fbfdfd;padding:11px 12px;color:#173943;font-size:14px}.simMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}.simMetrics article{padding:18px;border:1px solid #dce9e8;border-radius:15px;background:#f9fcfb}.simMetrics span{display:block;color:#667d84;font-size:11px;margin-bottom:10px}.simMetrics strong{font-size:clamp(1.05rem,1.6vw,1.55rem);color:#153942}.simMetrics .primaryMetric{background:#073f48;border-color:#073f48}.simMetrics .primaryMetric span{color:#9fc2c6}.simMetrics .primaryMetric strong{color:#7ef0d4}.simMetrics .negative{color:#b53f3f}.simMetrics .positive{color:#087d76}.simTableWrap{overflow-x:auto;border:1px solid #dce8e7;border-radius:15px}.simTable{width:100%;border-collapse:collapse;min-width:980px}.simTable th{padding:13px 12px;text-align:left;background:#eef6f4;color:#577077;font-size:10px;letter-spacing:.04em}.simTable td{padding:10px 12px;border-top:1px solid #e5efee;font-size:13px;color:#25464e}.simTable input,.simTable select{width:100%;min-width:100px;border:1px solid #d1e0df;border-radius:8px;background:white;padding:9px;color:#173943}.simTable select{min-width:150px}.rowDelete{width:32px;height:32px;border:0;border-radius:8px;background:#f7eaea;color:#a83535;font-size:20px;cursor:pointer}.simAdd{margin-top:14px;padding:11px 15px;border:1px solid #9fcac5;border-radius:10px;background:#eef9f6;color:#08756f;font-weight:800;cursor:pointer}.simFormula{margin-top:22px;padding:16px 18px;border-left:4px solid #0aa49a;background:#eff9f7;color:#45666b;font-size:13px;line-height:1.65}.poolingBox{display:grid;grid-template-columns:1fr minmax(240px,.35fr);gap:30px;align-items:center;margin-top:22px;padding:22px;border:1px solid #d8e8e6;border-radius:16px;background:#f8fcfb}.poolingBox h3{margin:0 0 7px}.poolingBox p{margin:0;color:#687e84;font-size:13px;line-height:1.6}.simNotice{margin-top:20px;padding:20px 24px;border:1px solid #d8e4e4;border-radius:16px;background:white}.simNotice strong{color:#153a43}.simNotice p{margin:8px 0 0;color:#647b82;font-size:13px;line-height:1.7}@media(max-width:1100px){.simMetrics{grid-template-columns:repeat(2,1fr)}.simPanelHead{align-items:start;flex-direction:column}.simSettings{width:100%}}@media(max-width:680px){.simTabs{width:100%}.simTabs button,.simTabs a{flex:1 1;padding-inline:10px}.simMetrics{grid-template-columns:1fr}.simSettings{flex-direction:column}.poolingBox{grid-template-columns:1fr}.simulatorHero{padding:58px 0}.simPanel{border-radius:18px}}

.reportIdentity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.reportIdentity label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#546d75;letter-spacing:.04em}.reportIdentity input{width:100%;border:1px solid #ccdedd;border-radius:10px;background:white;padding:11px 12px;color:#173943;font-size:14px}.printReportHeader{display:none}.simActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.simPrint{margin-top:14px;padding:11px 17px;border:0;border-radius:10px;background:#073f48;color:white;font-weight:800;cursor:pointer}.gfiSettings{min-width:min(100%,600px)}.gfiStatusLine{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px 0 20px;color:#657c83;font-size:12px}.gfiStatus{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}.gfiStatus.pass{background:#e8f8f2;color:#08745f}.gfiStatus.tier1{background:#fff5d8;color:#8b6500}.gfiStatus.tier2{background:#fdeaea;color:#a13c3c}.gfiBreakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px}.gfiBreakdown article{padding:18px;border:1px solid #dce9e8;border-radius:15px;background:#f9fcfb}.gfiBreakdown span,.gfiBreakdown small{display:block;color:#667d84;font-size:11px}.gfiBreakdown strong{display:block;margin:9px 0 7px;color:#153942;font-size:1.35rem}.draftWarning{margin-top:18px;padding:18px 20px;border:1px solid #e3d6a7;border-radius:14px;background:#fffbeb}.draftWarning strong{color:#6f5710}.draftWarning p{margin:7px 0 0;color:#756529;font-size:13px;line-height:1.65}@media(max-width:900px){.reportIdentity,.gfiBreakdown{grid-template-columns:1fr}.gfiStatusLine{align-items:flex-start;flex-direction:column}.gfiSettings{min-width:0}}

@media print{
  @page{size:A4 portrait;margin:12mm}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body{background:white!important;color:#111!important;font-size:10pt}.noPrint{display:none!important}.simulatorPage,.simulatorBody{background:white!important;min-height:auto!important;padding:0!important}.simulatorBody .container{max-width:none!important;width:100%!important;padding:0!important}.reportIdentity{display:none!important}.printReportHeader{display:flex!important;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #073f48;padding:0 0 12px;margin:0 0 16px}.printReportHeader>div{display:grid;gap:4px}.printReportHeader strong{font-size:16pt;color:#073f48}.printReportHeader span{font-size:8pt;letter-spacing:.12em;color:#577077}.printReportHeader dl{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:5px 18px;margin:0}.printReportHeader dl div{display:grid;grid-template-columns:60px 1fr;gap:5px}.printReportHeader dt{font-size:7.5pt;color:#667d84}.printReportHeader dd{margin:0;font-size:8pt;font-weight:700}.simPanel{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.simPanelHead{margin-bottom:12px!important}.simPanelHead h2{font-size:18pt!important}.simSettings{min-width:0!important}.simSettings label{font-size:7pt!important}.simSettings input,.simSettings select,.poolingBox input{border:0!important;background:transparent!important;padding:0!important;font-weight:700;appearance:none}.simMetrics{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:12px!important}.simMetrics article,.gfiBreakdown article{padding:10px!important;border-radius:7px!important;page-break-inside:avoid;break-inside:avoid}.simMetrics span,.gfiBreakdown span,.gfiBreakdown small{font-size:7pt!important}.simMetrics strong,.gfiBreakdown strong{font-size:11pt!important}.simTableWrap{overflow:visible!important;border-radius:6px!important}.simTable{min-width:0!important;font-size:7pt!important}.simTable th{padding:6px 5px!important;font-size:6.5pt!important}.simTable td{padding:5px!important;font-size:7pt!important}.simTable input,.simTable select{min-width:0!important;border:0!important;background:transparent!important;padding:0!important;font-size:7pt!important;appearance:none}.simFormula,.draftWarning,.poolingBox{padding:10px!important;margin-top:10px!important;font-size:7.5pt!important;page-break-inside:avoid;break-inside:avoid}.poolingBox{grid-template-columns:1fr 180px!important}.gfiBreakdown{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-bottom:12px!important}.gfiStatusLine{margin:0 0 10px!important}.gfiStatus{padding:5px 8px!important;font-size:7pt!important}
}


/* Rev.6.6.2 CMS usability: keep navigation/save controls visible while editing long pages. */
.cmsStickyHeader{position:sticky;top:0;z-index:90;margin:-18px -14px 20px;padding:18px 14px 4px;background:rgba(238,243,246,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #cfdde1;box-shadow:0 8px 20px rgba(7,32,49,.08)}
.cmsStickyHeader .cmsToolbar{margin-bottom:12px}.cmsStickyHeader .cmsTabs{margin-bottom:8px}
.cmsInlineRow select{min-width:0;flex:1 1;border:1px solid #cbd7dd;background:#fbfcfd;padding:9px 10px;font:inherit;color:#152c3c}
@media(max-width:780px){.cmsStickyHeader{top:0;margin:-10px -8px 16px;padding:10px 8px 4px}.cmsStickyHeader .cmsToolbar h1{font-size:24px}.cmsStickyHeader .cmsToolbar p{display:none}}

/* Rev.6.6.3 CMS information architecture and service-detail editing flow. */
.cmsStickyHeader{padding-top:10px}
.cmsStickyHeader .cmsToolbar{align-items:center;margin-bottom:8px}
.cmsStickyHeader .cmsToolbar h1{font-size:28px;margin-bottom:3px}
.cmsStickyHeader .cmsToolbar p{font-size:11px;max-width:720px}
.cmsTabsWrap{align-items:flex-end;gap:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
.cmsTabGroup{flex:0 0 auto}.cmsTabGroup>span{display:block;margin:0 0 4px 2px;color:#70848c;font-size:8px;font-weight:900;letter-spacing:.14em}.cmsTabGroup>div{display:flex;gap:4px}.cmsTabGroup button{padding:9px 12px;font-size:10px}
.cmsDetailFlowHint{display:flex;gap:14px;align-items:center;margin:0 0 16px;padding:12px 14px;border:1px solid #c9dfdf;background:#f1f9f8;color:#49676d;font-size:11px;line-height:1.5}.cmsDetailFlowHint b{flex:0 0 auto;color:#08756f;letter-spacing:.08em}.cmsDetailSection{margin-top:16px;padding:18px;border:1px solid #d7e3e6;background:#fff}.cmsDetailSectionHead{display:flex;align-items:baseline;gap:12px;margin:-18px -18px 18px;padding:12px 16px;background:#edf6f5;border-bottom:1px solid #d5e6e4}.cmsDetailSectionHead b{color:#086c67;font-size:11px;letter-spacing:.1em}.cmsDetailSectionHead span{color:#667c83;font-size:11px}.cmsDetailSection .cmsNestedList{margin-top:14px}.cmsDetailSection .cmsSectionTitle{margin-top:14px}.cmsDetailBody{background:#f6f9fa;padding:16px}.cmsDetailEditor>summary{cursor:pointer;font-weight:850;color:#0b4d57;padding:12px 0}.cmsSlugHint{display:block;margin-top:2px;color:#758990;font-size:10px;font-weight:500;letter-spacing:0}
@media(max-width:780px){.cmsStickyHeader .cmsToolbar h1{font-size:21px}.cmsTabsWrap{gap:7px}.cmsTabGroup>span{display:none}.cmsDetailFlowHint{align-items:flex-start;flex-direction:column}.cmsDetailSection{padding:14px}.cmsDetailSectionHead{align-items:flex-start;flex-direction:column;margin:-14px -14px 14px}.cmsDetailBody{padding:10px}}


/* Rev.6.6.4 Admin sticky navigation fix.
   Keep the global Admin navigation and the Website Administration action/tab bar
   visible independently while editing long CMS pages. */
.adminAppShell{overflow:visible!important}
.adminNav{position:sticky!important;top:0!important;z-index:1000!important;width:100%;box-shadow:0 2px 10px rgba(4,28,43,.16)}
.cmsEditor{overflow:visible!important}
.cmsStickyHeader{position:sticky!important;top:60px!important;z-index:900!important}
@media(max-width:780px){
  .adminNav{position:sticky!important;top:0!important;z-index:1000!important;overflow-x:auto;white-space:nowrap}
  .cmsStickyHeader{top:60px!important}
}


/* Rev.6.6.5 CMS fixed navigation — robust against scroll-container/ancestor sticky limitations.
   The global Admin nav and Content CMS toolbar are viewport-fixed. */
:root{--kmoc-admin-nav-h:60px;--kmoc-cms-fixed-h:188px}
.adminAppShell{padding-top:var(--kmoc-admin-nav-h)!important;overflow:visible!important}
.adminNav{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  height:var(--kmoc-admin-nav-h)!important;z-index:2000!important;
  width:100%!important;margin:0!important;
}
.cmsContentEditor{
  position:relative;overflow:visible!important;
  padding-top:calc(var(--kmoc-cms-fixed-h) + 24px)!important;
}
.cmsContentEditor .cmsStickyHeader{
  position:fixed!important;
  top:var(--kmoc-admin-nav-h)!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1240px,calc(100vw - 48px))!important;
  max-height:var(--kmoc-cms-fixed-h)!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  margin:0!important;padding:10px 14px 6px!important;
  z-index:1900!important;
  background:rgba(238,243,246,.985)!important;
  border:1px solid #d3dfe3!important;border-top:0!important;
  box-shadow:0 10px 28px rgba(7,32,49,.14)!important;
}
.cmsContentEditor .cmsTabsWrap{margin-bottom:0!important}
@media(max-width:780px){
  :root{--kmoc-admin-nav-h:56px;--kmoc-cms-fixed-h:162px}
  .adminNav{height:var(--kmoc-admin-nav-h)!important;overflow-x:auto!important;white-space:nowrap!important}
  .cmsContentEditor{padding-top:calc(var(--kmoc-cms-fixed-h) + 16px)!important}
  .cmsContentEditor .cmsStickyHeader{width:calc(100vw - 16px)!important;padding:8px!important}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/30-enterprise-simulator.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 30-enterprise-simulator.css
 * Enterprise homepage, CII, ECC and integrated GHG simulator layers.
 * Cascade segment 1272:1736; keep import order unchanged.
 */
/* =========================================================
   KM OceanCare Rev.3.8 — Final Header and Ticker Settings
   ========================================================= */
.header .container{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.header{background:rgba(255,255,255,.98);border-bottom:1px solid #dce5e8;box-shadow:0 4px 18px rgba(5,31,42,.07)}
.header .nav{min-height:76px;display:flex;align-items:center;gap:24px}
.header .brand{flex:0 0 auto;min-width:235px}
.header .brand strong{color:#062c38;font-size:21px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.header .brand small{display:block;margin-top:5px;color:#627680;font-size:8px;font-weight:700;line-height:1.2;letter-spacing:.14em}
.header .mainNav{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto}
.header .mainNav>a{color:#0b2f3b;font-family:Arial,"Noto Sans KR",sans-serif;font-size:13px;font-weight:700;line-height:1;letter-spacing:-.01em;opacity:1;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.header .mainNav>a:hover{color:#009b9a;transform:translateY(-1px)}
/* Main navigation CTA: restored to the original restrained corporate style. */
.header .navCta{min-height:40px;padding:0 18px!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,155,154,.18);border-radius:999px;background:linear-gradient(135deg,#0aa99f 0%,#087d89 100%)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;box-shadow:0 8px 20px rgba(0,140,145,.18);animation:none!important}
.header .navCta::before{content:none!important}
.header .navCta:hover{color:#fff!important;filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,140,145,.25)}

/* Daily Market request CTA: stronger contrast and a restrained attention pulse. */
@keyframes marketRequestPulse{0%,100%{box-shadow:-14px 0 28px rgba(0,11,20,.18),0 0 0 0 rgba(255,143,23,.40);filter:brightness(1)}50%{box-shadow:-14px 0 28px rgba(0,11,20,.20),0 0 0 7px rgba(255,143,23,0);filter:brightness(1.08)}}
.marketTickerRequest{min-width:224px!important;padding:6px 24px!important;background:linear-gradient(125deg,#ff9f1c 0%,#f36f21 100%)!important;border-left:1px solid rgba(255,255,255,.24);color:#fff!important;animation:marketRequestPulse 2.8s ease-in-out infinite;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}
.marketTickerRequest span{font-size:7px!important;font-weight:900;letter-spacing:.18em!important;color:rgba(255,255,255,.86)!important}
.marketTickerRequest b{font-size:10px!important;font-weight:900!important;letter-spacing:.055em!important}
.marketTickerRequest i{font-size:19px!important;font-weight:900;transition:transform .2s ease}
.marketTickerRequest:hover{animation-play-state:paused;filter:brightness(1.08)!important;transform:translateX(-2px)}
.marketTickerRequest:hover i{transform:translateX(4px)}

.topTickerTrack,.marketTickerTrack{animation-duration:60s}
@media(max-width:900px){.marketTickerRequest{min-width:162px!important;padding-inline:15px!important}.marketTickerTrack{animation-duration:48s}}
@media(max-width:600px){.marketTickerRequest{min-width:88px!important;padding-inline:9px!important}.marketTickerRequest span{display:none}.marketTickerRequest b{font-size:0!important}.marketTickerRequest b:after{content:"REQUEST";font-size:8px;letter-spacing:.08em}.marketTickerTrack{animation-duration:40s}}
@media(prefers-reduced-motion:reduce){.marketTickerRequest{animation:none}}


/* =========================================================
   Rev.3.8.2 IMO CII Simulator
   ========================================================= */
.ciiSettings{grid-template-columns:minmax(150px,.8fr) minmax(250px,1.5fr) minmax(140px,.8fr) minmax(160px,.9fr)!important}
.ciiStatusLine{display:flex;align-items:center;gap:18px;padding:18px 20px;margin:18px 0;border:1px solid #dbe7eb;border-radius:18px;background:#f8fbfc}
.ciiStatusLine>div{display:flex;flex-direction:column;gap:4px}.ciiStatusLine>div strong{font-size:17px;color:#082f3b}.ciiStatusLine>div span{font-size:12px;color:#62757d}
.ciiGrade{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:30px;font-weight:900;color:#fff;box-shadow:0 10px 24px rgba(7,44,56,.16)}
.ciiGrade.gradeA{background:#16864b}.ciiGrade.gradeB{background:#67a93b}.ciiGrade.gradeC{background:#e0a416}.ciiGrade.gradeD{background:#e46f24}.ciiGrade.gradeE{background:#c73d3d}
.ciiReductionTag{margin-left:auto!important;padding:10px 14px;border-radius:999px;background:#e7f7f5;color:#087a78!important;font-size:12px!important;font-weight:800}
.ciiBands{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 20px}.ciiBands article{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:13px;color:#fff}.ciiBands span{font-size:20px;font-weight:900}.ciiBands strong{font-size:12px}.ciiBands .gradeA{background:#16864b}.ciiBands .gradeB{background:#67a93b}.ciiBands .gradeC{background:#d9a215}.ciiBands .gradeD{background:#df6a22}.ciiBands .gradeE{background:#be3838}
.ciiAdjustment{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;margin-top:18px;border:1px solid #d9e6ea;border-radius:16px;background:#f7fafb}.ciiAdjustment h3{margin:0 0 5px;font-size:15px;color:#092f3b}.ciiAdjustment p{margin:0;max-width:720px;font-size:12px;line-height:1.6;color:#647780}.ciiAdjustment label{min-width:190px;font-size:11px;font-weight:800;color:#39515b}.ciiAdjustment input{width:100%;margin-top:6px}
@media(max-width:980px){.ciiSettings{grid-template-columns:1fr 1fr!important}.ciiBands{grid-template-columns:repeat(2,1fr)}.ciiBands article:last-child{grid-column:1/-1}.ciiAdjustment{align-items:stretch;flex-direction:column}.ciiReductionTag{margin-left:0!important}}
@media print{.ciiBands{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ciiGrade{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* =========================================================
   Rev.3.8.5 UI Final Polish — Full-width / 30% Lower Tickers
   ========================================================= */
/* Restore the original full-width ticker geometry. The requested 30%
   reduction is applied to vertical height, not horizontal width. */
.topTickerWrap,
.marketTickerWrap{
  display:block;
  width:100%;
  padding:0;
}

.topNewsTicker,
.marketTicker{
  width:100%;
  max-width:none;
  margin:0;
  min-height:32px;
  height:32px;
  grid-template-columns:188px minmax(0,1fr) 224px;
}

.topTickerLabel,
.marketTickerLabel,
.topTickerAll,
.marketTickerRequest,
.topTickerViewport,
.marketTickerViewport,
.topTickerTrack,
.marketTickerTrack,
.topTickerItem,
.marketTickerItem{
  min-height:32px;
  height:32px;
}

.topTickerLabel,
.marketTickerLabel{
  padding-inline:18px;
}
.topTickerLabel span{height:15px;min-width:28px;font-size:6px}
.topTickerLabel{font-size:8px}
.topTickerItem,.marketTickerItem{padding-inline:16px}
.topTickerItem strong{font-size:10px}
.topTickerItem time{font-size:7px}
.marketTickerLabel{padding-block:3px}
.marketTickerLabel strong{font-size:9px}
.marketTickerLabel small{font-size:6px}
.marketTickerDot{width:6px;height:6px}
.marketTickerItem b{font-size:8px}
.marketTickerItem>strong{font-size:13px}
.marketTickerItem>span{padding:2px 5px;font-size:6px}
.topTickerAll{padding-inline:18px;font-size:8px}
.marketTickerRequest{min-width:224px!important;height:32px!important;min-height:32px!important;padding:3px 20px!important}
.marketTickerRequest span{font-size:6px!important}
.marketTickerRequest b{font-size:9px!important}
.marketTickerRequest i{font-size:16px!important}

/* A slightly calmer ticker movement improves readability in the compact bar. */
.topTickerTrack,.marketTickerTrack{animation-duration:68s}

/* Keep the navigation compact and remove the residual gap above the hero. */
.header{margin-bottom:0!important}
.headerInner{min-height:72px!important}
main{margin-top:0!important;padding-top:0!important}
main>.heroShowcase{margin-top:0!important;padding-top:clamp(20px,2.2vw,36px)!important}

/* Final polish for KPI cards: consistent geometry and restrained interaction. */
.heroKpiCard,.kpiCard{
  border-radius:16px;
  box-shadow:0 12px 28px rgba(4,39,51,.16);
  transition:transform .22s ease,box-shadow .22s ease;
}
.heroKpiCard:hover,.kpiCard:hover{
  transform:translateY(-3px);
  box-shadow:0 17px 34px rgba(4,39,51,.21);
}

@media(max-width:900px){
  .topNewsTicker,.marketTicker{grid-template-columns:145px minmax(0,1fr) 162px;min-height:36px;height:36px}
  .topTickerLabel,.marketTickerLabel,.topTickerAll,.marketTickerRequest,.topTickerViewport,.marketTickerViewport,.topTickerTrack,.marketTickerTrack,.topTickerItem,.marketTickerItem{min-height:36px;height:36px}
  .marketTickerRequest{min-width:162px!important;height:36px!important;min-height:36px!important;padding-inline:14px!important}
  .topTickerTrack,.marketTickerTrack{animation-duration:56s}
  main>.heroShowcase{padding-top:32px!important}
}

@media(max-width:600px){
  .topNewsTicker,.marketTicker{grid-template-columns:112px minmax(0,1fr) 88px;min-height:40px;height:40px}
  .topTickerLabel,.marketTickerLabel,.topTickerAll,.marketTickerRequest,.topTickerViewport,.marketTickerViewport,.topTickerTrack,.marketTickerTrack,.topTickerItem,.marketTickerItem{min-height:40px;height:40px}
  .marketTickerRequest{min-width:88px!important;height:40px!important;min-height:40px!important;padding-inline:8px!important}
  .topTickerTrack,.marketTickerTrack{animation-duration:46s}
  main>.heroShowcase{padding-top:28px!important}
}

@media(prefers-reduced-motion:reduce){
  .heroKpiCard,.kpiCard{transition:none}
  .heroKpiCard:hover,.kpiCard:hover{transform:none}
}

/* Rev.3.8.6 Market Data reliability */
.adminNotice{background:#eef6ff;border:1px solid #cfe2f5;color:#174d78;padding:12px 14px;border-radius:8px}
.marketItemError{color:#b42318!important;line-height:1.35}
.marketManualPanel{margin-top:24px;padding:20px;border:1px solid #d7e2e8;border-radius:12px;background:#f8fbfc}
.marketManualPanel h3{margin:0 0 6px}.marketManualPanel p{margin:0 0 16px;color:#526675}
.marketManualGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.marketManualGrid label,.marketAdminKey{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}
.marketManualGrid input,.marketAdminKey input{height:42px;border:1px solid #cbd9e1;border-radius:8px;padding:0 12px;background:#fff;font:inherit}
.marketAdminKey{max-width:360px;margin:14px 0}.marketManualPanel button{min-height:42px;padding:0 18px;border:0;border-radius:8px;background:#007f80;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:900px){.marketManualGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.marketManualGrid{grid-template-columns:1fr}}

/* Rev.3.8.7 — Enterprise homepage visual upgrade */
.enterpriseHeader{position:relative;top:auto;background:#fff;color:#08253a;border-bottom:1px solid #e4ecef;box-shadow:0 1px 0 rgba(5,35,53,.03)}
.enterpriseNav{height:98px;width:min(1650px,calc(100% - 72px))}
.enterpriseHeader .brandWordmark strong{font-size:27px;letter-spacing:-.035em;color:#0a3145}
.enterpriseHeader .brandWordmark strong span{color:#078b85}
.enterpriseHeader .brandWordmark small{font-size:8px;color:#7a909c;letter-spacing:.23em;margin-top:7px}
.enterpriseHeader .mainNav{gap:31px;color:#09273a;font-size:13px;font-weight:700}
.enterpriseHeader .mainNav a{opacity:1}
.enterpriseHeader .mainNav a:hover{color:#078d87}
.enterpriseHeader .navCta{padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#ff8a00,#ff6816);color:#fff!important;box-shadow:0 10px 24px rgba(255,112,20,.18)}
.enterpriseHeader .browserTranslate,.enterpriseHeader .translateButton{border:1px solid #d6e1e6!important;color:#17394b!important;background:white!important;border-radius:999px!important;padding:13px 20px!important}
.enterpriseHeader .menuButton i{display:block;height:2px;background:#0b3347;margin:6px 0}

.enterpriseHero{position:relative;min-height:630px;padding:0 0 112px;background:url("/images/hero-enterprise.jpg") center/cover no-repeat;color:#08273b;overflow:visible}
.enterpriseHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,238,.64) 0%,rgba(255,250,238,.36) 38%,rgba(255,255,255,.02) 67%)}
.enterpriseHeroInner{position:relative;z-index:2;min-height:515px;display:flex;align-items:center;width:min(1500px,calc(100% - 80px))}
.enterpriseHeroCopy{padding:42px 0 74px;max-width:720px}
.enterpriseEyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:#078b85;margin:0 0 20px}
.enterpriseHero h1{font-size:48px;line-height:1.18;letter-spacing:-.045em;margin:0 0 22px;color:#092c40;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.enterpriseHero h1 span{display:inline-block;color:#068e88;font-size:1.12em;margin-top:5px}
.enterpriseHeroCopy>p:not(.enterpriseEyebrow){font-size:17px;line-height:1.75;color:#173d50;margin:0;max-width:690px}
.enterpriseHeroActions{display:flex;gap:18px;margin-top:31px}
.heroBtn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;height:48px;padding:0 23px;border-radius:999px;font-size:13px;font-weight:800;transition:.22s ease}
.heroBtnPrimary{background:linear-gradient(135deg,#10a79c,#087f7a);color:white;box-shadow:0 12px 28px rgba(4,125,120,.22)}
.heroBtnSecondary{background:rgba(255,255,255,.88);border:1px solid rgba(29,84,104,.22);color:#092e42;box-shadow:0 10px 24px rgba(23,61,80,.08)}
.heroBtn:hover{transform:translateY(-2px)}
.heroArrow{position:absolute;z-index:4;top:46%;width:38px;height:38px;border:0;border-radius:50%;background:rgba(6,38,55,.55);color:#fff;font-size:28px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.heroArrowLeft{left:48px}.heroArrowRight{right:48px}
.heroDots{position:absolute;left:50%;bottom:58px;display:flex;gap:10px;transform:translateX(-50%)}
.heroDots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 1px 8px rgba(5,45,62,.18);cursor:pointer}
.heroDots button.active{background:#05a69e}
.enterpriseKpis{position:absolute;z-index:5;left:50%;bottom:-54px;transform:translateX(-50%);width:min(1500px,calc(100% - 160px));display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.enterpriseKpi{min-height:140px;padding:25px 24px;display:flex;gap:20px;align-items:flex-start;border-radius:10px;background:linear-gradient(145deg,rgba(4,52,67,.96),rgba(2,31,45,.98));color:#fff;box-shadow:0 17px 38px rgba(4,31,45,.24);transition:.22s ease}
.enterpriseKpi:hover{transform:translateY(-5px);box-shadow:0 23px 48px rgba(4,31,45,.3)}
.enterpriseKpiIcon{width:51px;height:51px;flex:none;display:grid;place-items:center;border-radius:8px;background:rgba(0,218,194,.08);border:1px solid rgba(0,218,194,.15);color:#08dfc9;font-size:16px;font-weight:900}
.enterpriseKpi small{display:block;font-size:12px;color:#d4e7eb;margin:2px 0 12px;white-space:nowrap}
.enterpriseKpi strong{display:block;font-size:32px;line-height:1;color:#fff;letter-spacing:-.035em}
.enterpriseKpi strong em{font-size:12px;font-style:normal;font-weight:500;margin-left:5px}
.enterpriseKpi p{margin:11px 0 0;color:#e9f1f3;font-size:11px}
.enterpriseHero + .trustStrip{padding-top:58px}
.desktopOnly{display:block}

@media(max-width:1200px){
 .enterpriseNav{width:min(100%,calc(100% - 38px));height:86px}.enterpriseHeader .mainNav{gap:18px;font-size:11px}.enterpriseHeader .navCta{padding:12px 16px}
 .enterpriseHeroInner{width:min(100%,calc(100% - 70px))}.enterpriseKpis{width:calc(100% - 70px);grid-template-columns:repeat(5,minmax(0,1fr))}.enterpriseKpi{padding:20px 15px;gap:11px}.enterpriseKpiIcon{width:40px;height:40px}.enterpriseKpi strong{font-size:26px}.enterpriseKpi small{font-size:10px;white-space:normal}
}
@media(max-width:900px){
 .enterpriseHeader{position:sticky;top:0}.enterpriseNav{height:72px}.enterpriseHeader .mainNav{background:#fff;color:#08293b;top:72px}.enterpriseHeader .mainNav.open{display:flex}.enterpriseHeader .navCta{color:#fff!important}
 .enterpriseHero{min-height:760px;padding-bottom:240px;background-position:62% center}.enterpriseHeroShade{background:linear-gradient(90deg,rgba(255,250,239,.84),rgba(255,250,239,.56) 55%,rgba(255,255,255,.06))}.enterpriseHeroInner{min-height:520px;width:calc(100% - 48px)}.enterpriseHeroCopy{padding:45px 0}.enterpriseHero h1{font-size:42px}.enterpriseHeroCopy>p:not(.enterpriseEyebrow){font-size:15px}.enterpriseKpis{bottom:-25px;width:calc(100% - 38px);grid-template-columns:repeat(2,1fr)}.enterpriseKpi:last-child{grid-column:1/3}.enterpriseHero + .trustStrip{padding-top:270px}.heroArrow{display:none}
}
@media(max-width:560px){
 .enterpriseHeader .brandWordmark strong{font-size:21px}.enterpriseHeader .brandWordmark small{font-size:6px}.enterpriseHero{min-height:740px;padding-bottom:300px;background-position:67% center}.enterpriseHeroInner{width:calc(100% - 34px);align-items:flex-start}.enterpriseHeroCopy{padding-top:70px}.enterpriseHero h1{font-size:34px}.enterpriseHero h1 span{font-size:1.05em}.enterpriseHeroActions{flex-direction:column;align-items:flex-start}.heroBtn{min-width:230px}.enterpriseKpis{grid-template-columns:1fr;bottom:-210px}.enterpriseKpi:last-child{grid-column:auto}.enterpriseKpi{min-height:105px;padding:18px}.enterpriseHero + .trustStrip{padding-top:515px}.desktopOnly{display:none}
}

/* REV.3.8.8 — functional business-area hero and CMS */
.enterpriseHero{background-position:center;background-size:cover;background-repeat:no-repeat;transition:background-image .45s ease}
.enterpriseHero.heroClickable{cursor:pointer}
.enterpriseHeroCopy{animation:heroCopyIn .45s ease both}
.enterpriseHero h1{white-space:pre-line;max-width:760px}
.heroHighlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.heroHighlights span{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(8,67,82,.14);font-size:11px;font-weight:800;color:#174557;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.heroTheme-blue .enterpriseEyebrow,.heroTheme-blue .enterpriseHero h1{color:#07598c}.heroTheme-blue .heroBtnPrimary{background:linear-gradient(135deg,#1787bd,#07598c)}
.heroTheme-navy .enterpriseEyebrow,.heroTheme-navy .enterpriseHero h1{color:#123d5a}.heroTheme-navy .heroBtnPrimary{background:linear-gradient(135deg,#285c78,#102f45)}
.heroTheme-cyan .enterpriseEyebrow,.heroTheme-cyan .enterpriseHero h1{color:#027f87}.heroTheme-cyan .heroBtnPrimary{background:linear-gradient(135deg,#05a8aa,#08747b)}
.heroArrow:focus-visible,.heroDots button:focus-visible,.heroBtn:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}
@keyframes heroCopyIn{from{opacity:.18;transform:translateY(10px)}to{opacity:1;transform:none}}
.cmsFormGrid select{width:100%;border:1px solid #cbd7dd;background:#fbfcfd;padding:11px 12px;font:inherit;color:#152c3c}
.cmsHelp{display:flex;gap:12px;align-items:center;background:#eaf8f5;border:1px solid #bfe3dd;padding:15px 18px;color:#245b5b;font-size:12px}.cmsHelp b{white-space:nowrap}.cmsHelp span{line-height:1.55}
.cmsItemActions{display:flex;gap:7px;align-items:center}.cmsItemActions button{border:1px solid #c7d6dc!important;border-radius:5px!important;padding:7px 9px!important;color:#315263!important;background:#f8fbfc!important}.cmsItemActions button.danger{color:#b43a35!important}.cmsItemActions button:disabled{opacity:.3;cursor:not-allowed}
.cmsItemDisabled{opacity:.62;border-style:dashed}.cmsSlidePreview{min-height:210px;margin-top:20px;padding:30px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center;border-radius:9px;border:1px solid #d7e2e6;color:#0b3548}.cmsSlidePreview small{font-size:10px;font-weight:900;letter-spacing:.16em;color:#087f79}.cmsSlidePreview strong{font-size:26px;max-width:680px;margin:10px 0}.cmsSlidePreview span{font-size:13px;max-width:680px;line-height:1.55}.cmsSlidePreview em{font-size:11px;font-style:normal;font-weight:800;margin-top:18px;color:#087f79}
@media(prefers-reduced-motion:reduce){.enterpriseHeroCopy{animation:none}.enterpriseHero{transition:none}}
@media(max-width:780px){.cmsHelp{align-items:flex-start;flex-direction:column}.cmsItemHead{align-items:flex-start;gap:12px}.cmsItemActions{flex-wrap:wrap;justify-content:flex-end}.cmsSlidePreview{padding:22px}.cmsSlidePreview strong{font-size:21px}}

/* REV.3.9 — Enterprise Hero CMS */
.enterpriseHero{background:none!important;isolation:isolate;padding-bottom:190px}
.enterpriseHeroImage{position:absolute;inset:0;z-index:-3;background-image:var(--hero-image);background-size:cover;background-position:var(--hero-focal-x) var(--hero-focal-y);transition:opacity .45s ease,transform 6s ease;transform:scale(1.01)}
.enterpriseHero:hover .enterpriseHeroImage{transform:scale(1.025)}
.enterpriseHeroShade{z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,var(--hero-overlay-opacity)) 0%,color-mix(in srgb,var(--hero-overlay) 52%,transparent) 42%,transparent 78%)}
.enterpriseHeroInner{min-height:560px}
.enterpriseHeroCopy{max-width:760px}
.enterpriseHeroCopy h2{margin:-8px 0 18px;font-size:20px;line-height:1.45;font-weight:650;color:#186277;letter-spacing:-.015em}
.heroDescription{font-size:17px!important;line-height:1.75!important}
.heroText-center .enterpriseHeroInner{justify-content:center;text-align:center}.heroText-center .enterpriseHeroCopy{margin-inline:auto}.heroText-center .heroDescription{margin-inline:auto!important}.heroText-center .heroHighlights,.heroText-center .enterpriseHeroActions{justify-content:center}
.heroText-right .enterpriseHeroInner{justify-content:flex-end;text-align:right}.heroText-right .enterpriseHeroCopy{margin-left:auto}.heroText-right .heroDescription{margin-left:auto!important}.heroText-right .heroHighlights,.heroText-right .enterpriseHeroActions{justify-content:flex-end}
.heroTitle-light .enterpriseEyebrow,.heroTitle-light .enterpriseHeroCopy h1,.heroTitle-light .enterpriseHeroCopy h2,.heroTitle-light .heroDescription{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.heroTitle-light .heroHighlights span{background:rgba(4,29,42,.52);border-color:rgba(255,255,255,.22);color:#fff}
.heroButton-square .heroBtn{border-radius:8px}
.heroBusinessNav{position:absolute;z-index:6;left:50%;bottom:78px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(1500px,calc(100% - 160px))}
.heroBusinessNav button{min-height:74px;padding:14px 18px;border:1px solid rgba(255,255,255,.52);border-radius:10px;background:rgba(4,38,54,.74);color:#fff;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(3,31,45,.14);transition:.22s ease}
.heroBusinessNav button:hover,.heroBusinessNav button.active{transform:translateY(-3px);background:rgba(4,123,120,.92);border-color:rgba(102,244,229,.58)}
.heroBusinessNav small{font-size:10px;opacity:.7}.heroBusinessNav strong{font-size:13px}.heroBusinessNav span{font-size:10px;opacity:.78}
.enterpriseKpis{bottom:-62px}
.heroAnim-fade .enterpriseHeroCopy{animation:heroFade .5s ease both}.heroAnim-slide-up .enterpriseHeroCopy{animation:heroSlideUp .58s cubic-bezier(.2,.7,.2,1) both}.heroAnim-none .enterpriseHeroCopy{animation:none}
@keyframes heroFade{from{opacity:0}to{opacity:1}}@keyframes heroSlideUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.cmsSectionTitle{margin:24px 0 12px;padding:9px 12px;border-left:4px solid #0a9e97;background:#eff8f7;color:#17605f;font-size:11px;font-weight:900;letter-spacing:.12em}
.fieldHint{display:block;margin-top:6px;color:#6d828e;font-size:10px;font-weight:500;line-height:1.5}
.cmsFormGrid input[type="range"]{padding:0;height:28px;accent-color:#079b94;background:transparent;border:0}
.cmsFormGrid input[type="color"]{height:43px;padding:4px}
.cmsPreviewToolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#102f40;color:#fff;border-radius:8px}.cmsPreviewToolbar b{font-size:11px;letter-spacing:.12em}.cmsPreviewToolbar div{display:flex;gap:7px}.cmsPreviewToolbar button{border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;padding:7px 12px;border-radius:5px;font-size:10px;font-weight:800}.cmsPreviewToolbar button.active{background:#08a69e;border-color:#08a69e}
.cmsSlidePreview{position:relative;overflow:hidden;min-height:300px;background-size:cover;transition:width .25s ease;margin-left:auto;margin-right:auto}.cmsSlidePreview:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent);pointer-events:none}.cmsSlidePreview>div{position:relative;z-index:1;display:flex;flex-direction:column;max-width:68%}.cmsSlidePreview strong{white-space:pre-line}.cmsSlidePreview b{font-size:14px;margin:-2px 0 10px}.cmsPreview-tablet{width:min(100%,820px)}.cmsPreview-mobile{width:min(100%,390px);min-height:510px}.cmsPreview-mobile>div{max-width:92%}.cmsPreview-mobile strong{font-size:25px}.cmsPreview-mobile span{font-size:12px}
.cmsText-center{align-items:center;text-align:center}.cmsText-center>div{align-items:center}.cmsText-right{align-items:flex-end;text-align:right}.cmsText-right>div{align-items:flex-end}.cmsTitle-light,.cmsTitle-light small,.cmsTitle-light strong,.cmsTitle-light span,.cmsTitle-light b,.cmsTitle-light em{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.cmsPreviewChips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.cmsPreviewChips i{font-style:normal;font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.72);color:#16485a}
@media(max-width:1200px){.heroBusinessNav{width:calc(100% - 70px)}}
@media(max-width:900px){.enterpriseHero{padding-bottom:280px}.enterpriseHeroImage{background-image:var(--hero-mobile-image);background-position:var(--hero-mobile-focal-x) var(--hero-mobile-focal-y)}.heroBusinessNav{bottom:160px;width:calc(100% - 38px);grid-template-columns:repeat(2,1fr)}.heroBusinessNav button{min-height:64px}.enterpriseKpis{bottom:-25px}}
@media(max-width:560px){.enterpriseHero{padding-bottom:530px}.enterpriseHeroShade{background:linear-gradient(180deg,color-mix(in srgb,var(--hero-overlay) 82%,transparent) 0%,color-mix(in srgb,var(--hero-overlay) 55%,transparent) 58%,transparent 100%)}.heroBusinessNav{bottom:320px;grid-template-columns:1fr}.heroBusinessNav button{min-height:52px;padding:10px 13px}.enterpriseHeroCopy{max-width:100%}.heroText-right .enterpriseHeroInner,.heroText-center .enterpriseHeroInner{justify-content:flex-start;text-align:left}.heroText-right .heroHighlights,.heroText-center .heroHighlights,.heroText-right .enterpriseHeroActions,.heroText-center .enterpriseHeroActions{justify-content:flex-start}.cmsPreviewToolbar{align-items:flex-start;gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.enterpriseHeroImage,.heroBusinessNav button{transition:none!important}.enterpriseHeroImage{transform:none!important}}

/* Rev.3.9.1 Environmental Cost Center */
.simLead{max-width:720px;margin:12px 0 0;color:#647b82;line-height:1.65}.totalSettings{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));min-width:min(100%,760px)}.totalCostHero{display:grid;grid-template-columns:minmax(280px,.85fr) 1.5fr;gap:14px;margin-bottom:18px}.totalMainMetric{display:flex;flex-direction:column;justify-content:center;padding:26px;border-radius:18px;background:#073f48;color:white}.totalMainMetric span{font-size:12px;color:#a9c9cc}.totalMainMetric strong{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0;color:#7ef0d4;letter-spacing:-.04em}.totalMainMetric small{color:#c5dadd;line-height:1.5}.totalComponentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.totalComponentGrid article,.decisionGrid article{padding:20px;border:1px solid #dce9e8;border-radius:16px;background:#f9fcfb}.totalComponentGrid span,.decisionGrid span{display:block;color:#687e84;font-size:11px;margin-bottom:9px}.totalComponentGrid strong,.decisionGrid strong{display:block;color:#153942;font-size:clamp(1.05rem,1.8vw,1.5rem)}.totalComponentGrid small,.decisionGrid small{display:block;margin-top:7px;color:#73868b;font-size:11px;line-height:1.45}.costShare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px}.costShare>div{display:grid;gap:7px}.costShare span{display:flex;justify-content:space-between;color:#46636a;font-size:12px}.costShare i{display:block;height:10px;border-radius:999px;background:#e4eeee;overflow:hidden}.costShare em{display:block;height:100%;border-radius:inherit;background:#0aa49a}.totalCostTable{min-width:1180px}.totalAdjustments{display:grid;grid-template-columns:1fr minmax(210px,.28fr) minmax(180px,.22fr);gap:20px;align-items:center;margin-top:22px;padding:22px;border:1px solid #d8e8e6;border-radius:16px;background:#f8fcfb}.totalAdjustments h3{margin:0 0 7px}.totalAdjustments p{margin:0;color:#687e84;font-size:13px;line-height:1.6}.totalAdjustments label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#546d75}.totalAdjustments input{width:100%;border:1px solid #ccdedd;border-radius:10px;background:white;padding:11px 12px;color:#173943}.decisionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.decisionGrid .negative{color:#b53f3f}.decisionGrid .positive{color:#087d76}@media(max-width:1200px){.totalSettings{grid-template-columns:repeat(3,1fr);width:100%}.totalCostHero{grid-template-columns:1fr}.decisionGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.simTabs{overflow-x:auto;width:100%;justify-content:flex-start}.simTabs button,.simTabs a{flex:0 0 auto}.totalSettings,.totalComponentGrid,.costShare,.decisionGrid{grid-template-columns:1fr}.totalAdjustments{grid-template-columns:1fr}}

/* Rev.3.9.2 integrated ETS GHG engine */
.ghgBreakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.ghgBreakdown article{border:1px solid var(--line,#d9e4e7);border-radius:14px;padding:16px;background:#f8fbfc}
.ghgBreakdown span,.ghgBreakdown small{display:block;color:#5b6d73}
.ghgBreakdown strong{display:block;margin:6px 0;font-size:1.2rem;color:#12353d}
@media(max-width:900px){.ghgBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ghgBreakdown{grid-template-columns:1fr}}


/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/40-members-admin.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 40-members-admin.css
 * Membership, allocation, administration, help and shared fuel/blend UI.
 * Cascade segment 1736:2283; keep import order unchanged.
 */
/* REV.4.0 Membership, FuelEU Allocation & Member Administration */
.memberNav,.joinNav{font-weight:800}.joinNav{padding:.55rem .8rem;border:1px solid currentColor;border-radius:999px}.navTextButton{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}.memberPage{min-height:72vh;padding:7rem 0 5rem;background:#f4f7f9}.memberShell{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.4fr);gap:3rem;align-items:start}.memberForm,.loginCard,.accountCard{background:#fff;border:1px solid #dce5ea;border-radius:20px;padding:2rem;box-shadow:0 18px 50px rgba(17,42,55,.08)}.memberForm h2{margin-top:2rem}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.memberForm label,.loginCard label,.scopeCard{display:flex;flex-direction:column;gap:.45rem;font-weight:700}.memberForm input,.memberForm select,.loginCard input,.scopeCard input,.allocationTable input,.adminFilters input,.adminFilters select,.memberTable select{padding:.75rem;border:1px solid #cbd8df;border-radius:9px;background:#fff;color:#102d3a}.memberForm fieldset{border:1px solid #dbe5ea;border-radius:14px;padding:1rem;margin:1rem 0}.memberForm legend{font-weight:800;padding:0 .4rem}.interestGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.checkCard{display:flex!important;flex-direction:row!important;align-items:center;border:1px solid #dbe5ea;border-radius:9px;padding:.65rem;background:#f9fbfc;font-weight:600!important}.checkCard input{width:auto}.formHint,.memberForm small{color:#607985}.formError{color:#b42318;font-weight:700}.consent{display:flex!important;flex-direction:row!important;align-items:flex-start;margin:1.25rem 0}.consent input{width:auto}.loginCard{width:min(460px,calc(100% - 2rem));margin:auto;display:grid;gap:1rem}.accountGrid{display:grid;grid-template-columns:.75fr 1.4fr;gap:1.5rem}.accountCard dl div{display:flex;justify-content:space-between;border-bottom:1px solid #e6edf1;padding:.65rem 0}.accountCard dt{color:#607985}.accountCard dd{font-weight:800}.accessBadge{padding:.8rem 1rem;background:#fff1f0;color:#b42318;border-radius:10px;margin:1rem 0}.accessBadge.enabled{background:#eaf8f1;color:#027a48}.buttonRow{display:flex;gap:.75rem;flex-wrap:wrap}.accessGate{padding:4rem 1rem 6rem;background:#f4f7f9}.accessGateCard{max-width:720px;margin:auto;text-align:center;background:#fff;padding:3rem;border:1px solid #dce5ea;border-radius:22px;box-shadow:0 20px 60px rgba(14,47,61,.09)}.accessGateCard .buttonRow{justify-content:center;margin-top:1.5rem}.accessLoading{padding:5rem;text-align:center}.simulatorSubnav{padding-top:1.5rem}.simulatorSubnav a{display:flex;justify-content:space-between;gap:1rem;background:#0e3f54;color:#fff;border-radius:14px;padding:1rem 1.25rem;text-decoration:none}.simulatorSubnav span{opacity:.75}.allocationShell{padding:3rem 0 6rem}.allocationIntro,.panelHeader,.adminTop{display:flex;justify-content:space-between;gap:2rem;align-items:center}.allocationPanel,.validationPanel,.adminPanel{background:#fff;border:1px solid #dce5ea;border-radius:18px;padding:1.4rem;margin:1.2rem 0;box-shadow:0 14px 45px rgba(20,54,68,.06)}.scopeCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.scopeCard{padding:1rem;background:#f6f9fa;border-radius:12px}.scopeCard small{font-weight:500;color:#607985}.tableWrap{overflow:auto}.allocationTable,.memberTable{width:100%;border-collapse:collapse;min-width:900px}.allocationTable th,.allocationTable td,.memberTable th,.memberTable td{border-bottom:1px solid #e1e9ed;padding:.7rem;text-align:left;vertical-align:top}.allocationTable thead th,.memberTable thead th{background:#f3f7f9;font-size:.82rem;text-transform:uppercase;color:#526c78}.allocationTable input{width:120px}.matrixTable th small{display:block;font-weight:400;color:#69808a;margin-top:.25rem}.miniLock{display:flex;flex-direction:row!important;align-items:center;gap:.3rem;font-size:.75rem;color:#607985;margin-top:.3rem}.miniLock input{width:auto}.totalRow{background:#f4f8fa;font-weight:800}.allocationResults,.adminStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.allocationResults article,.adminStats article{background:#103d50;color:#fff;padding:1.3rem;border-radius:16px;display:grid;gap:.45rem}.allocationResults b,.adminStats b{font-size:1.55rem}.allocationResults small{opacity:.7}.validation{display:grid;grid-template-columns:44px 1fr;gap:.15rem .8rem;align-items:center;padding:.9rem;border-radius:10px;margin:.7rem 0}.validation b{grid-row:1/3;font-size:1.5rem}.validation small{color:#617982}.validation.ok{background:#eaf8f1}.validation.bad{background:#fff1f0}.adminTop{padding:4rem 0 1.5rem}.adminStats{grid-template-columns:repeat(4,minmax(0,1fr))}.adminFilters{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem}.adminFilters input{flex:1 1}.memberTable td small{display:block;color:#617982;margin-top:.2rem}.tagList{display:flex;gap:.3rem;flex-wrap:wrap}.tagList span{font-size:.72rem;background:#eaf1f4;border-radius:999px;padding:.25rem .45rem}.adminSwitch{display:grid;gap:.2rem}.dangerLink{border:0;background:none;color:#b42318;font-weight:800;cursor:pointer}.adminNotice{margin:1.5rem 0 4rem}
@media(max-width:900px){.memberShell,.accountGrid{grid-template-columns:1fr}.formGrid,.interestGrid{grid-template-columns:1fr 1fr}.scopeCards{grid-template-columns:1fr 1fr}.allocationResults,.adminStats{grid-template-columns:1fr 1fr}.allocationIntro,.adminTop{align-items:flex-start;flex-direction:column}.adminFilters{align-items:stretch;flex-direction:column}.adminFilters input,.adminFilters select{width:100%}}
@media(max-width:600px){.formGrid,.interestGrid,.scopeCards,.allocationResults,.adminStats{grid-template-columns:1fr}.memberPage{padding-top:5.5rem}.memberForm,.accountCard{padding:1.2rem}}

/* Rev.4.0.1 — Simulator module menu and English-only presentation */
.simulatorModuleMenu{padding:2rem 0 0}
.simulatorModuleMenuIntro{max-width:760px;margin-bottom:1rem}
.simulatorModuleMenuIntro h2{margin:.2rem 0 .45rem}
.simulatorModuleMenuIntro p:last-child{color:#617982}
.simulatorModuleCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.simulatorModuleCard{display:grid;gap:.35rem;padding:1.25rem 1.35rem;border:1px solid #cfdae0;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 28px rgba(21,50,62,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.simulatorModuleCard:hover{transform:translateY(-2px);border-color:#7fa3b0;box-shadow:0 14px 32px rgba(21,50,62,.1)}
.simulatorModuleCard.active{border-color:#315f6f;background:linear-gradient(135deg,#f7fbfc,#eef6f8)}
.simulatorModuleCard span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#56727d}
.simulatorModuleCard b{font-size:1.08rem;color:#163946}
.simulatorModuleCard small{color:#617982;line-height:1.45}
.allocationHeroActions{margin-top:1.2rem}
@media(max-width:760px){.simulatorModuleCards{grid-template-columns:1fr}}

/* =========================================================
   Rev.4.0.2 — IMO CII current-position visualization
   ========================================================= */
.ciiPositionChart{margin:20px 0 24px;padding:22px;border:1px solid #d8e5e9;border-radius:18px;background:#fff}
.ciiPositionHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.ciiPositionHead h3{margin:3px 0 0;color:#082f3b;font-size:18px}
.ciiPositionSummary{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:14px;color:#fff;min-width:142px;justify-content:space-between}
.ciiPositionSummary span{font-size:11px;font-weight:700;opacity:.9}.ciiPositionSummary strong{font-size:26px}
.ciiPositionSummary.gradeA{background:#16864b}.ciiPositionSummary.gradeB{background:#67a93b}.ciiPositionSummary.gradeC{background:#d9a215}.ciiPositionSummary.gradeD{background:#df6a22}.ciiPositionSummary.gradeE{background:#be3838}
.ciiScaleWrap{padding:38px 4px 34px}
.ciiScaleLabels{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:8px;text-align:center;font-size:12px;font-weight:900;color:#3f555e}
.ciiScale{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:22px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);overflow:visible}
.ciiScale>span:first-of-type{border-radius:999px 0 0 999px}.ciiScale>span:nth-of-type(5){border-radius:0 999px 999px 0}
.ciiScale .gradeA{background:#16864b}.ciiScale .gradeB{background:#67a93b}.ciiScale .gradeC{background:#d9a215}.ciiScale .gradeD{background:#df6a22}.ciiScale .gradeE{background:#be3838}
.ciiCurrentMarker,.ciiRequiredMarker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4;font-style:normal}
.ciiCurrentMarker{width:4px;height:42px;border-radius:4px;background:#082f3b;box-shadow:0 2px 8px rgba(0,0,0,.24)}
.ciiCurrentMarker:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #082f3b}
.ciiCurrentMarker b{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);white-space:nowrap;background:#082f3b;color:#fff;padding:5px 8px;border-radius:8px;font-size:11px}
.ciiCurrentMarker em{position:absolute;left:50%;top:49px;transform:translateX(-50%);white-space:nowrap;color:#082f3b;font-size:10px;font-weight:800}
.ciiRequiredMarker{width:2px;height:31px;background:#fff;border-left:2px dashed #173b48;opacity:.92}
.ciiRequiredMarker b{position:absolute;left:50%;top:34px;transform:translateX(-50%);white-space:nowrap;color:#52666e;font-size:9px;font-weight:800}
.ciiPositionFacts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ciiPositionFacts article{padding:13px 14px;border-radius:13px;background:#f5f9fa;border:1px solid #e0eaed;display:flex;flex-direction:column;gap:5px}
.ciiPositionFacts span{font-size:10px;font-weight:800;color:#657880;text-transform:uppercase;letter-spacing:.04em}.ciiPositionFacts strong{font-size:14px;color:#092f3b}
.ciiPositionFacts .needsAction{background:#fff5ec;border-color:#f3d0ae}.ciiPositionFacts .needsAction strong{color:#b95013}
.ciiPositionFacts .onTarget{background:#edf8f1;border-color:#c9e7d3}.ciiPositionFacts .onTarget strong{color:#17703f}
.ciiChartNote{margin:14px 0 0;color:#6a7d84;font-size:11px;line-height:1.55}
@media(max-width:760px){.ciiPositionHead{align-items:flex-start;flex-direction:column}.ciiPositionSummary{width:100%}.ciiPositionFacts{grid-template-columns:1fr 1fr}.ciiScaleWrap{padding-top:44px}.ciiCurrentMarker em{display:none}}
@media(max-width:480px){.ciiPositionFacts{grid-template-columns:1fr}.ciiPositionChart{padding:16px}.ciiRequiredMarker b{display:none}}
@media print{.ciiPositionChart,.ciiScale,.ciiPositionSummary{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* =========================================================
   Rev.4.0.3 — Simulator result visuals and fuel-cost analysis
   ========================================================= */
.resultVisualGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.resultChartCard{padding:20px;border:1px solid #d9e6e8;border-radius:18px;background:#fafdfe;min-width:0}
.resultChartHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.resultChartHead span{display:block;color:#668087;font-size:10px;font-weight:900;letter-spacing:.08em}
.resultChartHead h3{margin:5px 0 0;color:#103844;font-size:17px;line-height:1.3}
.resultChartHead>strong{color:#087d76;font-size:20px;white-space:nowrap}
.costBarChart,.twoCostCompare,.mixBars{display:grid;gap:12px}
.costBarChart>div,.twoCostCompare>div,.mixBars>div{display:grid;grid-template-columns:minmax(90px,130px) 1fr minmax(85px,auto);align-items:center;gap:10px}
.costBarChart span,.twoCostCompare span,.mixBars span{color:#4f6971;font-size:11px;font-weight:800}
.costBarChart i,.twoCostCompare i,.mixBars i{display:block;height:12px;border-radius:999px;background:#e3edef;overflow:hidden}
.costBarChart em,.twoCostCompare em,.mixBars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087d76,#48bfae)}
.costBarChart b,.twoCostCompare b,.mixBars b{color:#173b46;font-size:11px;text-align:right;white-space:nowrap}
.resultChartCard>p{margin:16px 0 0;color:#6a7f86;font-size:11px;line-height:1.55}
.donutSummary{--p1:120deg;--p2:240deg;width:150px;height:150px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#087d76 0 var(--p1),#4abfae var(--p1) var(--p2),#f1ad4c var(--p2) 360deg);position:relative}
.donutSummary:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fafdfe}
.donutSummary>div{position:relative;z-index:2;display:grid;text-align:center}
.donutSummary strong{font-size:24px;color:#123b46}.donutSummary span{font-size:10px;color:#6a7f86}
.chartLegend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#5e747c;font-size:10px;font-weight:800}
.flowBars{display:grid;gap:14px}.flowBars>div{display:grid;grid-template-columns:92px 1fr 85px;align-items:center;gap:10px}.flowBars span,.flowBars b{font-size:11px;color:#526b73}.flowBars b{text-align:right}.flowBars i{display:block;height:18px;min-width:2px;border-radius:4px;background:linear-gradient(90deg,#087d76,#70d0c1)}
.targetGauge{padding:30px 4px 8px}.targetGaugeTrack{height:18px;border-radius:999px;background:#f0d8d2;position:relative}.targetGaugeTrack .targetSafe{position:absolute;inset:0 auto 0 0;border-radius:999px;background:#bde4d7}.targetGaugeTrack i,.targetGaugeTrack em{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:36px;background:#0c3d49;font-style:normal}.targetGaugeTrack em{background:#d19224}.targetGaugeTrack b{position:absolute;left:50%;bottom:39px;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#284b55}.gaugeLabels{display:flex;justify-content:space-between;margin-top:10px;color:#75888e;font-size:9px}.chartStatus{display:inline-flex!important;padding:7px 10px;border-radius:999px;font-weight:900!important}.chartStatus.positive{background:#e7f6ef;color:#08735e!important}.chartStatus.negative{background:#fdecea;color:#a64036!important}
.gfiPositionScale{height:22px;display:grid;grid-template-columns:58fr 20fr 22fr;position:relative;margin:48px 3px 32px;border-radius:999px;overflow:visible}.gfiZone.direct{background:#65b889;border-radius:999px 0 0 999px}.gfiZone.tier1{background:#efc967}.gfiZone.tier2{background:#df765f;border-radius:0 999px 999px 0}.gfiPositionScale i{position:absolute;top:50%;transform:translate(-50%,-50%);height:42px;width:4px;background:#092f3b;border-radius:3px;font-style:normal}.gfiPositionScale i b{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#092f3b}.gfiPositionScale>em{position:absolute;top:28px;transform:translateX(-50%);font-size:9px;font-style:normal;font-weight:900;color:#5a7179}.gfiScaleLegend{display:grid;grid-template-columns:58fr 20fr 22fr;text-align:center;color:#647a82;font-size:9px;font-weight:800}
.totalComponentGrid.fourItems{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.resultVisualGrid{grid-template-columns:1fr}.totalComponentGrid.fourItems{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.costBarChart>div,.twoCostCompare>div,.mixBars>div,.flowBars>div{grid-template-columns:80px 1fr}.costBarChart b,.twoCostCompare b,.mixBars b,.flowBars b{grid-column:2;text-align:left}.totalComponentGrid.fourItems{grid-template-columns:1fr}.resultChartHead{flex-direction:column}.resultChartHead>strong{white-space:normal}}
@media print{.resultVisualGrid{grid-template-columns:repeat(2,1fr)!important;page-break-inside:avoid;break-inside:avoid}.resultChartCard,.donutSummary,.costBarChart em,.twoCostCompare em,.mixBars em,.flowBars i,.targetGaugeTrack,.gfiPositionScale{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* Rev.4.0.4 — Fuel Database administration */
.fuelDbConnection{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 13px;border:1px solid #d8e6e8;border-radius:12px;background:#f8fbfc;color:#47636c;font-size:12px}.fuelDbConnection span{width:9px;height:9px;border-radius:50%}.fuelDbConnection .online{background:#16a36a;box-shadow:0 0 0 4px #dff5eb}.fuelDbConnection .fallback{background:#d49624;box-shadow:0 0 0 4px #fff1d7}.fuelDbConnection small{margin-left:auto;color:#71858b}.fuelDbConnection a{padding:5px 9px;border-radius:8px;background:#123f4c;color:#fff;text-decoration:none;font-weight:800}.adminFuelPage{min-height:100vh;padding:48px 0;background:#f3f7f8}.fuelAdminHead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.fuelAdminHead h1{margin:.2rem 0}.fuelAdminHead>div:last-child{display:flex;gap:9px}.fuelAdminHead button,.fuelAdminToolbar button{padding:10px 14px;border:1px solid #9bb2b9;border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.fuelAdminHead button.primary{background:#087d76;border-color:#087d76;color:#fff}.fuelAdminToolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px}.fuelAdminToolbar input{min-width:340px;padding:11px 13px;border:1px solid #c8d7db;border-radius:10px}.fuelAdminToolbar span{color:#657b82;font-size:12px}.fuelDbTableWrap{overflow:auto;border:1px solid #cfdde1;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(15,51,62,.07)}.fuelDbTable{border-collapse:collapse;min-width:2250px;width:100%}.fuelDbTable th{position:sticky;top:0;z-index:2;padding:10px 8px;background:#123f4c;color:#fff;font-size:10px;text-align:left}.fuelDbTable td{padding:7px;border-bottom:1px solid #e5edef;vertical-align:top}.fuelDbTable input,.fuelDbTable textarea{width:100%;min-width:82px;padding:7px;border:1px solid #d2dfe2;border-radius:7px;font-size:11px}.fuelDbTable td:nth-child(2) input,.fuelDbTable td:nth-child(3) input{min-width:190px}.fuelDbTable textarea{min-width:180px;min-height:55px;resize:vertical}.fuelDbTable .subInput{margin-top:5px;background:#f6f9fa}.fuelDbTable .danger{border:0;border-radius:8px;background:#fce8e6;color:#a53d34;font-size:18px;cursor:pointer}.adminFootnote{color:#657b82;font-size:11px;line-height:1.6}@media(max-width:760px){.fuelAdminHead{align-items:flex-start;flex-direction:column}.fuelAdminToolbar{align-items:flex-start;flex-direction:column}.fuelAdminToolbar input{min-width:100%;width:100%}.fuelDbConnection{flex-wrap:wrap}.fuelDbConnection small{margin-left:0}}

/* Rev 4.1.0 — service detail pages */
.moduleCardLink{display:block;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.moduleCardLink:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(8,42,55,.12);border-color:#8fc8cc}.moduleLink{display:block;margin-top:22px;color:#087d83;font-size:13px;letter-spacing:.02em}
.detailHero{padding:112px 0 88px;color:white;background:#0d3749}.detailHero-environmental{background:linear-gradient(120deg,#073e43,#096a68)}.detailHero-engineering{background:linear-gradient(120deg,#102f44,#235d78)}.detailHero-supply{background:linear-gradient(120deg,#102c3a,#0c6971)}.detailHeroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.detailHeroCopy h1{font-size:clamp(52px,6vw,86px);line-height:.96;letter-spacing:-.055em;margin:20px 0 24px}.detailSummary{font-size:20px;line-height:1.7;max-width:690px;color:#d9edf1}.detailBreadcrumb{margin-top:14px;font-size:13px;color:#b7d7dc}.detailBreadcrumb a{color:white;text-decoration:none}.detailActions{display:flex;align-items:center;gap:24px;margin-top:34px}.detailBack{color:white;font-weight:700;text-decoration:none}.detailHeroVisual{position:relative;min-height:460px;border:1px solid rgba(255,255,255,.22);border-radius:26px;overflow:hidden;background:rgba(2,22,32,.28);box-shadow:0 24px 70px rgba(0,0,0,.25)}.detailHeroVisual img{object-fit:cover}.detailTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.detailTwoCol h2,.detailSectionHead h2{font-size:clamp(38px,4vw,62px);line-height:1.04;letter-spacing:-.045em;margin:10px 0}.detailOverviewText p{font-size:18px;line-height:1.8;color:#536a72;margin:0 0 18px}.detailScope{padding:95px 0;background:#0b3445;color:white}.checkGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkGrid div{display:flex;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.05)}.checkGrid span{color:#4fe0d7;font-weight:900}.checkGrid p{margin:0;line-height:1.45}.detailSectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.processGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.processGrid article{padding:30px;border:1px solid #dce7e9;border-radius:20px;background:#fff}.processGrid b{font-size:12px;color:#0b8588}.processGrid h3{font-size:23px;margin:34px 0 12px}.processGrid p{color:#64777c;line-height:1.7}.detailResults{padding:90px 0;background:#eef8f8}.benefitGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefitGrid article{padding:34px;background:white;border-radius:22px;border:1px solid #d6e8e9}.benefitGrid span{display:block;color:#587078;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.benefitGrid strong{display:block;font-size:42px;letter-spacing:-.04em;color:#087d83;margin:20px 0 8px}.benefitGrid p{margin:0;color:#64777c}.deliverableList{margin-top:35px}.deliverableList div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #dce7e9}.deliverableList b{color:#0b8588;font-size:12px}.applicationPanel{padding:42px;border-radius:24px;background:#f1f7f7;border:1px solid #dce7e9}.applicationPanel h3{font-size:30px;margin:12px 0 24px}.applicationPanel span{display:inline-block;padding:10px 14px;margin:0 8px 10px 0;border-radius:999px;background:white;border:1px solid #d7e5e7;color:#304b54}.relatedServices{padding:90px 0;background:#0c3444;color:white}.relatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.relatedGrid a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:white;text-decoration:none;background:rgba(255,255,255,.04)}.relatedGrid a span{grid-column:1/-1;color:#71d9d5;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.relatedGrid strong{font-size:20px}.detailCta{padding:70px 0;background:#078a8d;color:white}.detailCta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.detailCta h2{font-size:40px;max-width:750px;margin:8px 0 0}
@media(max-width:900px){.detailHeroGrid,.detailTwoCol{grid-template-columns:1fr;gap:38px}.detailHero{padding:80px 0 60px}.detailHeroVisual{min-height:330px}.processGrid{grid-template-columns:1fr 1fr}.benefitGrid,.relatedGrid{grid-template-columns:1fr}.checkGrid{grid-template-columns:1fr}.detailCta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.processGrid{grid-template-columns:1fr}.detailHeroCopy h1{font-size:48px}.detailActions{align-items:flex-start;flex-direction:column}.detailTwoCol h2,.detailSectionHead h2{font-size:36px}.detailHeroVisual{min-height:260px}}


/* REV.4.2.1 — responsive Business Performance and navigation correction */
.enterpriseHeader .mainNav{
  gap:clamp(16px,1.45vw,27px);
  font-size:16px;
  font-weight:750;
}
.enterpriseHeader .mainNav>a,
.enterpriseHeader .navTextButton{
  font-size:16px!important;
  line-height:1.15;
  white-space:nowrap;
}
.enterpriseHeader .navCta{
  font-size:15px!important;
  padding:14px 22px!important;
  white-space:nowrap;
}

/* Desktop position: directly beneath the four business-area tabs. */
.enterprisePerformance{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:-70px;
  transform:translateX(-50%);
  width:min(1540px,calc(100% - 120px));
  padding:10px 14px 12px;
  border:1px solid rgba(8,111,111,.13);
  border-radius:13px;
  background:rgba(241,252,250,.97);
  box-shadow:0 14px 30px rgba(4,42,53,.13);
  -webkit-backdrop-filter:blur(14px);
          backdrop-filter:blur(14px);
}
.performanceHeading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:24px;
  margin-bottom:7px;
  color:#0b4a57;
}
.performanceHeading strong{
  font-size:12px;
  letter-spacing:.085em;
  color:#087f79;
  white-space:nowrap;
}
.performanceHeading strong:after{
  content:"";
  display:inline-block;
  width:1px;
  height:18px;
  margin-left:14px;
  vertical-align:middle;
  background:#9bcac7;
}
.performanceHeading span{
  font-size:11px;
  color:#647984;
  white-space:nowrap;
}
.enterprisePerformance .enterpriseKpis{
  position:static;
  left:auto;
  bottom:auto;
  transform:none;
  width:100%;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}
.enterprisePerformance .enterpriseKpi{
  min-height:78px;
  padding:9px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(10,94,105,.10);
  border-radius:9px;
  background:rgba(255,255,255,.98);
  color:#092e42;
  box-shadow:0 5px 13px rgba(4,45,58,.06);
}
.enterprisePerformance .enterpriseKpi:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(4,45,58,.10);
}
.enterprisePerformance .enterpriseKpiIcon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:7px;
  background:#e4f7f3;
  border:1px solid #b8e5de;
  color:#078b85;
  font-size:12px;
}
.enterprisePerformance .enterpriseKpi>div{min-width:0}
.enterprisePerformance .enterpriseKpi strong{
  display:block;
  font-size:21px;
  line-height:1;
  color:#0a3347;
  white-space:nowrap;
}
.enterprisePerformance .enterpriseKpi small{
  display:block;
  margin:5px 0 0;
  font-size:9px;
  font-weight:850;
  line-height:1.15;
  color:#183e50;
  white-space:normal;
}
.enterprisePerformance .enterpriseKpi p{
  margin:3px 0 0;
  font-size:7.5px;
  line-height:1.18;
  color:#70848d;
  white-space:normal;
}
.enterpriseHero + .trustStrip{padding-top:84px}

@media(max-width:1480px){
  .enterpriseHeader .mainNav{gap:14px}
  .enterpriseHeader .mainNav>a,.enterpriseHeader .navTextButton{font-size:14px!important}
  .enterpriseHeader .navCta{font-size:13px!important;padding:12px 16px!important}
  .enterprisePerformance{width:calc(100% - 64px)}
  .enterprisePerformance .enterpriseKpi{padding:8px 6px;gap:6px}
  .enterprisePerformance .enterpriseKpiIcon{width:27px;height:27px;flex-basis:27px}
  .enterprisePerformance .enterpriseKpi strong{font-size:18px}
  .enterprisePerformance .enterpriseKpi small{font-size:8px}
}

/* Tablet: keep the section compact and in normal document flow. */
@media(max-width:1050px){
  .enterprisePerformance{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:calc(100% - 38px);
    margin:14px auto 0;
  }
  .enterprisePerformance .enterpriseKpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .enterprisePerformance .enterpriseKpi{min-height:72px}
  .enterprisePerformance .enterpriseKpi:last-child{grid-column:auto}
  .enterpriseHero + .trustStrip{padding-top:16px}
  .performanceHeading{justify-content:flex-start;overflow:hidden}
  .performanceHeading span{overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:900px){
  .enterpriseHeader .mainNav>a,.enterpriseHeader .navTextButton{font-size:15px!important}
  .enterpriseHero{padding-bottom:190px}
  .heroBusinessNav{bottom:18px}
  .enterprisePerformance{margin-top:0}
  .enterprisePerformance .enterpriseKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .enterprisePerformance .enterpriseKpi:last-child{grid-column:1 / -1}
}

@media(max-width:560px){
  .enterpriseHero{padding-bottom:340px}
  .heroBusinessNav{bottom:18px}
  .enterprisePerformance{width:calc(100% - 24px);padding:9px;margin-top:0}
  .performanceHeading{display:block;min-height:0;margin-bottom:7px}
  .performanceHeading strong{font-size:10px}
  .performanceHeading strong:after{display:none}
  .performanceHeading span{display:block;margin-top:3px;font-size:8px;white-space:normal}
  .enterprisePerformance .enterpriseKpis{gap:6px}
  .enterprisePerformance .enterpriseKpi{min-height:66px;padding:7px 6px}
  .enterprisePerformance .enterpriseKpiIcon{display:none}
  .enterprisePerformance .enterpriseKpi strong{font-size:17px}
  .enterprisePerformance .enterpriseKpi small{font-size:7.5px}
  .enterprisePerformance .enterpriseKpi p{font-size:6.5px}
}


/* REV.4.2.2 — move Business Performance below the hero visual and remove slide/trust dots */
.heroDots{display:none!important}

/* Reserve a clean white transition zone beneath the hero artwork. */
.enterpriseHero{
  margin-bottom:172px;
}

/* Move the four business-area tabs below the artwork instead of overlapping it. */
.heroBusinessNav{
  bottom:-54px!important;
}

/* Place Business Performance beneath the tabs. */
.enterprisePerformance{
  bottom:-166px!important;
}

/* The former regulatory trust strip has been removed from the page. */
.enterpriseHero + .trustStrip{display:none!important}

@media(max-width:1050px){
  .enterpriseHero{margin-bottom:0}
  .heroBusinessNav{bottom:auto!important}
  .enterprisePerformance{bottom:auto!important}
}

@media(max-width:900px){
  .enterpriseHero{padding-bottom:18px!important;margin-bottom:0}
  .heroBusinessNav,
  .enterprisePerformance{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 38px)!important;
    margin:12px auto 0!important;
  }
}

@media(max-width:560px){
  .enterpriseHero{padding-bottom:14px!important}
  .heroBusinessNav,
  .enterprisePerformance{width:calc(100% - 24px)!important}
}

/* =========================================================
   Rev.4.2.3 — Compact Primary Navigation
   Requested: reduce the white primary menu/header area by ~40%
   while keeping the navigation labels readable.
   ========================================================= */
@media (min-width: 901px){
  .header .nav,
  .headerInner{
    height:46px!important;
    min-height:46px!important;
  }
  .header .container{
    width:min(1320px,calc(100% - 64px));
  }
  .header .brand{
    min-width:220px;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:0;
  }
  .header .brand strong{
    font-size:20px;
    line-height:1;
  }
  .header .brand small{
    margin-top:3px;
    font-size:7px;
    line-height:1;
  }
  .header .mainNav{
    gap:17px;
    height:46px;
  }
  .header .mainNav>a,
  .header .navTextButton{
    font-size:14px;
    line-height:1;
  }
  .header .navCta{
    min-height:32px!important;
    height:32px!important;
    padding:0 16px!important;
    font-size:12px!important;
  }
  .header .navTextButton{
    min-height:32px;
    padding-block:0;
  }
}

/* Preserve touch-friendly mobile navigation independently of desktop compaction. */
@media (max-width:900px){
  .header .nav{height:60px!important;min-height:60px!important}
  .header .brand strong{font-size:19px}
  .header .brand small{font-size:7px;margin-top:3px}
  .mainNav{top:60px!important}
}


/* =========================================================
   Rev.4.2.4 — Wide Navigation / Left-space Optimization
   - Use more of the available desktop width instead of compressing the menu.
   - Keep a compact but comfortable 54px primary header.
   - Preserve readable 15px labels.
   - Move Log out into a My Account dropdown.
   ========================================================= */
@media (min-width: 1201px){
  .enterpriseHeader .enterpriseNav,
  .header .container.nav{
    width:min(1580px,calc(100% - 40px))!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .enterpriseHeader .brand,
  .header .brand{
    min-width:205px!important;
    height:54px!important;
  }
  .enterpriseHeader .brandWordmark strong,
  .header .brand strong{
    font-size:20px!important;
  }
  .enterpriseHeader .brandWordmark small,
  .header .brand small{
    font-size:7px!important;
    margin-top:3px!important;
  }
  .enterpriseHeader .mainNav,
  .header .mainNav{
    height:54px!important;
    gap:clamp(15px,1.05vw,23px)!important;
    margin-left:22px!important;
    flex:1 1 auto;
    justify-content:flex-end!important;
  }
  .enterpriseHeader .mainNav>a,
  .enterpriseHeader .navTextButton,
  .header .mainNav>a,
  .header .navTextButton{
    font-size:15px!important;
    font-weight:700!important;
    letter-spacing:-.015em;
  }
  .enterpriseHeader .navCta,
  .header .navCta{
    min-height:36px!important;
    height:36px!important;
    padding:0 18px!important;
    font-size:13px!important;
    margin-left:2px;
  }
}

/* Account dropdown keeps utility actions out of the primary navigation row. */
.accountNav{position:relative;display:flex;align-items:center;height:100%}
.accountTrigger{display:inline-flex;align-items:center;gap:5px}
.accountTrigger span{font-size:11px;line-height:1;transition:transform .18s ease}
.accountMenu{
  position:absolute;
  top:calc(100% - 4px);
  right:0;
  z-index:80;
  width:172px;
  padding:7px;
  border:1px solid #d7e3e7;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(10,43,56,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.accountNav:hover .accountMenu,.accountNav:focus-within .accountMenu{opacity:1;visibility:visible;transform:translateY(0)}
.accountNav:hover .accountTrigger span,.accountNav:focus-within .accountTrigger span{transform:rotate(180deg)}
.accountMenu a,.accountMenu .accountLogout{
  display:flex!important;
  align-items:center;
  width:100%;
  min-height:36px!important;
  padding:0 11px!important;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#123843!important;
  font-size:13px!important;
  font-weight:700!important;
  text-align:left;
  cursor:pointer;
}
.accountMenu a:hover,.accountMenu .accountLogout:hover{background:#edf8f7;color:#087f79!important}

/* Intermediate desktop: retain the wider shell but slightly tighten spacing. */
@media (min-width: 901px) and (max-width: 1200px){
  .header .container.nav,.enterpriseHeader .enterpriseNav{width:calc(100% - 28px)!important}
  .header .brand{min-width:185px!important}
  .header .mainNav{gap:12px!important;margin-left:12px!important}
  .header .mainNav>a,.header .navTextButton{font-size:13px!important}
  .header .navCta{font-size:12px!important;padding:0 13px!important}
}

/* Mobile account menu is rendered inline with the expanded navigation. */
@media (max-width:900px){
  .accountNav{display:block;height:auto;width:100%}
  .accountTrigger{width:100%}
  .accountTrigger span{display:none}
  .accountMenu{position:static;width:100%;padding:0;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}
  .accountMenu a,.accountMenu .accountLogout{min-height:38px!important;padding-left:18px!important;color:#33535f!important;font-size:13px!important}
}

/* Rev.4.3.1 Simulator Help Center */
.simHelpBar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:10px 0 16px;font-size:13px;color:#60727d}.simHelpButton{border:1px solid #a8d9d2;background:#f3fbf9;color:#08766c;border-radius:999px;padding:8px 13px;font-weight:750;cursor:pointer}.simHelpButton:hover{background:#e4f7f3}.simHelpOverlay{position:fixed;inset:0;background:rgba(5,23,31,.42);z-index:10000;display:flex;justify-content:flex-end}.simHelpDrawer{width:min(620px,94vw);height:100%;overflow:auto;background:#fff;padding:28px 30px 44px;box-shadow:-16px 0 40px rgba(0,0,0,.16)}.simHelpHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #dfe8e7;padding-bottom:15px}.simHelpHead small{font-weight:800;letter-spacing:.1em;color:#078779}.simHelpHead h2{margin:5px 0 0;color:#12343b}.simHelpHead button{border:0;background:#eef5f4;width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer}.simHelpPurpose{font-size:15px;line-height:1.65;background:#f3f9f8;padding:14px 16px;border-radius:12px;margin:18px 0}.simHelpDrawer h3{margin:24px 0 10px;color:#12343b;font-size:16px}.simHelpDrawer li{margin:7px 0;line-height:1.5}.simHelpTerms{margin:0}.simHelpTerms>div{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f1}.simHelpTerms dt{font-weight:800;color:#08766c}.simHelpTerms dd{margin:0;line-height:1.5;color:#42565d}.simHelpFoot{margin-top:24px;border-top:1px solid #dfe8e7;padding-top:16px;font-size:12px;color:#6c7b80;line-height:1.55}@media(max-width:700px){.simHelpBar{justify-content:space-between;align-items:flex-start}.simHelpBar span{max-width:55%}.simHelpDrawer{padding:22px 20px 36px}.simHelpTerms>div{grid-template-columns:1fr;gap:3px}}

/* Rev.4.3.2 shared Fuel / Blend Engine */
.autoValue{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #d6e5e4;border-radius:9px;background:#f3f8f7;color:#0b3441;font-size:12px;line-height:1.25;white-space:normal;min-width:88px}
.simTable input[readonly]{background:#f3f8f7;color:#0b3441;border-color:#d6e5e4;cursor:default}

/* Rev.4.3.3 simplified conditional biofuel input */
.masterReadOnly{margin-left:auto;padding:5px 9px;border-radius:8px;background:#eaf3f2;color:#315a61;font-weight:800;white-space:nowrap}
.bioDetailsRow td{background:#f8fcfb!important;padding:0!important;border-top:0!important}
.bioManualPanel{padding:18px;border-top:1px dashed #b9d5d1;background:linear-gradient(180deg,#f7fcfb,#fbfefd)}
.bioManualHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.bioManualHeader>div{display:grid;gap:4px}.bioManualHeader strong{font-size:14px;color:#0d4a52}.bioManualHeader span{font-size:11px;color:#688087}
.bioStatus{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 11px;border-radius:999px;font-size:10px!important;font-weight:900;white-space:nowrap}.bioStatus.ready{background:#e0f7ed;color:#08765d}.bioStatus.pending{background:#fff5dd;color:#9a6412}
.bioWorkflowGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(285px,.9fr);gap:12px;align-items:stretch}
.bioSectionCard,.bioCalculationCard{border:1px solid #cfe0de;border-radius:12px;background:#fff;padding:14px;min-width:0}.bioBlendCard{grid-column:1}.bioEvidenceCard{grid-column:2}.bioFuelEuCard{grid-column:1}.bioEtsCard{grid-column:2}.bioCalculationCard{grid-column:3;grid-row:1 / span 2;background:linear-gradient(145deg,#083b47,#0a5960);border-color:#0a5960;color:#fff;display:flex;flex-direction:column;gap:10px}
.bioSectionHeading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.bioSectionHeading>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:#e5f5f2;color:#087569;font-size:10px;font-weight:900}.bioSectionHeading>div{display:grid;gap:2px}.bioSectionHeading b{font-size:12px;color:#123f48}.bioSectionHeading small{font-size:10px;color:#73868b;font-weight:500}.bioSectionHeading.result>span{background:rgba(255,255,255,.14);color:#fff}.bioSectionHeading.result b,.bioSectionHeading.result small{color:#fff}.bioSectionHeading.result small{opacity:.72}
.bioSectionFields{display:grid;gap:10px}.bioSectionFields.twoCol{grid-template-columns:1fr 1fr}.bioSectionFields .wide{grid-column:1/-1}.bioSectionCard label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#4f6970;letter-spacing:.015em}.bioSectionCard input,.bioSectionCard select{width:100%;min-width:0!important;padding:10px 11px;border:1px solid #cbdedb;border-radius:8px;background:#fff;color:#143c45;font-size:12px;outline:none}.bioSectionCard input:focus,.bioSectionCard select:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1)}
.bioToggleRow{grid-template-columns:1fr auto auto!important;align-items:center;padding:10px;border:1px solid #d6e4e2;border-radius:9px;background:#f9fcfc;margin-top:8px}.bioToggleRow>div{display:grid;gap:3px}.bioToggleRow b{font-size:10.5px;color:#234b53}.bioToggleRow small{font-size:9.5px;color:#71868b;font-weight:500;line-height:1.35}.bioToggleRow input{width:16px!important;height:16px;padding:0}.bioToggleRow strong{font-size:10px;color:#08765d;min-width:24px;text-align:right}
.bioInlineNote{margin:9px 0 0;font-size:9.7px;line-height:1.45;color:#70858a}.bioOrDivider{display:flex;align-items:center;gap:8px;color:#85969a;font-size:9px}.bioOrDivider:before,.bioOrDivider:after{content:"";height:1px;background:#e1e9e8;flex:1 1}.bioTreatmentBadge{margin-top:auto;padding:8px 10px;border-radius:8px;background:#edf8f5;color:#08735f;font-size:10px;font-weight:850;text-align:center}
.bioCalcLine{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13)}.bioCalcLine span{font-size:10px;opacity:.75}.bioCalcLine b{font-size:10px;font-weight:600;text-align:right;opacity:.9}.bioCalcLine strong{grid-column:2;font-size:15px;text-align:right}.bioCalcTotal{margin-top:4px;padding:13px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;gap:3px}.bioCalcTotal span{font-size:10px;opacity:.78}.bioCalcTotal strong{font-size:26px;line-height:1}.bioCalcTotal small{font-size:9px;opacity:.7}.bioResultMeta{display:flex;justify-content:space-between;gap:12px;font-size:9.5px;padding-top:4px}.bioResultMeta span{opacity:.7}.bioResultMeta b{text-align:right}.bioManualNote{margin:12px 0 0;padding-top:10px;border-top:1px solid #dce8e6;color:#637b80;font-size:10px;line-height:1.5}.bioManualNote b{color:#254c54}
@media(max-width:1100px){.bioWorkflowGrid{grid-template-columns:1fr 1fr}.bioCalculationCard{grid-column:1/-1;grid-row:auto}.bioBlendCard,.bioEvidenceCard,.bioFuelEuCard,.bioEtsCard{grid-column:auto}}
@media(max-width:720px){.bioWorkflowGrid{grid-template-columns:1fr}.bioSectionFields.twoCol{grid-template-columns:1fr}.bioBlendCard,.bioEvidenceCard,.bioFuelEuCard,.bioEtsCard,.bioCalculationCard{grid-column:1}.bioManualHeader{flex-direction:column}.bioStatus{align-self:flex-start}}
.masterReadOnly{margin-left:0}
.fuelDbConnection .masterReadOnly{width:auto;height:auto;border-radius:8px;box-shadow:none}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/50-cms-allocation.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 50-cms-allocation.css
 * CMS visual editing, service content, allocation and reliability overrides.
 * Cascade segment 2283:2680; keep import order unchanged.
 */
/* Rev.4.3.5 — unified administration navigation and revision baseline */
.adminNav{position:sticky;top:0;z-index:1000;height:52px;padding:0 clamp(18px,4vw,64px);gap:22px;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.adminNav a{font-size:12px;font-weight:700;white-space:nowrap}.adminRevision{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7de4db;white-space:nowrap}
.adminLanding{padding-top:56px}.adminFuelPage{padding-top:42px}.adminModulePage h1{margin-bottom:24px}
@media(max-width:900px){.adminNav{overflow-x:auto;gap:18px}.adminRevision{margin-left:0}.adminLanding{padding-top:42px}}

/* Rev.4.4.0 — architecture cleanup + simulator acquisition focus */
/* Rev.5.0.7 — Simulator acquisition highlight.
   Soft color pulse communicates a featured capability; no underline is used,
   because underlines are reserved for active/current navigation semantics. */
.simulatorNavLink{font-weight:900!important;text-decoration:none!important}
/* Animate the inner text rather than the link itself. Several legacy navigation rules set
   link colors with !important; animating the child makes the featured Simulator state
   deterministic on every public page. */
.simulatorNavLink .simulatorNavText{display:inline-block;color:#101f28;font-weight:900!important;animation:simulatorNavGreenBlink 1s steps(1,end) infinite;will-change:color,text-shadow}
.simulatorNavLink:hover .simulatorNavText,.simulatorNavLink:focus-visible .simulatorNavText,.simulatorNavLink.activeSimulatorNav .simulatorNavText{color:#07866f!important;animation:none;text-shadow:0 0 10px rgba(7,134,111,.28)}
@keyframes simulatorNavGreenBlink{
  0%,49%{color:#101f28;text-shadow:none}
  50%,100%{color:#07866f;text-shadow:0 0 9px rgba(7,134,111,.24)}
}
@media (prefers-reduced-motion:reduce){
  .simulatorNavLink .simulatorNavText{animation:none;color:#07866f!important}
}
.simulatorPromo{position:relative;overflow:hidden;background:linear-gradient(112deg,#032838 0%,#064c58 55%,#0c766f 100%);color:#fff;padding:clamp(54px,6vw,86px) 0}
.simulatorPromo:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(99,242,220,.18);border-radius:50%;right:-100px;top:-290px;box-shadow:0 0 0 75px rgba(90,235,215,.035),0 0 0 150px rgba(90,235,215,.025)}
.simulatorPromoGrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:clamp(40px,7vw,110px);align-items:center}
.simulatorPromoCopy{max-width:720px}.simulatorPromoCopy h2{font-size:clamp(2.4rem,4.8vw,5rem);line-height:1.01;letter-spacing:-.05em;margin:12px 0 22px;text-wrap:balance}.simulatorPromoCopy>p:not(.eyebrow){font-size:clamp(15px,1.25vw,19px);line-height:1.75;color:#c8e4e3;max-width:690px}
.simulatorPromoChips{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 30px}.simulatorPromoChips span{border:1px solid rgba(119,239,219,.28);background:rgba(12,161,153,.13);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.03em;color:#d8fffa}
.simulatorPromoActions{display:flex;gap:12px;flex-wrap:wrap}.simulatorPrimary{background:#18b7a7!important;color:#032c35!important;border-color:#18b7a7!important;box-shadow:0 12px 36px rgba(22,185,169,.25)}.simulatorSecondary{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.06)!important}
.simulatorPromoPanel{border:1px solid rgba(141,245,227,.22);background:linear-gradient(155deg,rgba(2,29,42,.82),rgba(7,76,84,.72));border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(0,16,27,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.simulatorPanelTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.14em;font-weight:900;color:#b9e9e4}.simulatorPanelTop b{color:#5ef0d7}
.simulatorPanelMetric{padding:28px 0 22px}.simulatorPanelMetric small{display:block;color:#89aaa9;margin-bottom:8px}.simulatorPanelMetric strong{font-size:clamp(1.7rem,2.6vw,2.7rem);display:block;letter-spacing:-.035em}.simulatorPanelMetric span{display:block;color:#95c1be;font-size:12px;margin-top:8px}
.simulatorPanelRows{display:grid;gap:9px;margin:4px 0 23px}.simulatorPanelRows div{display:grid;grid-template-columns:70px 1fr 120px;align-items:center;gap:12px;font-size:11px}.simulatorPanelRows span{font-weight:800}.simulatorPanelRows i{height:7px;border-radius:999px;background:linear-gradient(90deg,#10a695 0 68%,rgba(255,255,255,.09) 68%)}.simulatorPanelRows div:nth-child(2) i{background:linear-gradient(90deg,#2cc9b5 0 52%,rgba(255,255,255,.09) 52%)}.simulatorPanelRows div:nth-child(3) i{background:linear-gradient(90deg,#7ad7cd 0 76%,rgba(255,255,255,.09) 76%)}.simulatorPanelRows b{text-align:right;color:#cce7e4;font-size:10px}
.simulatorPromoPanel>a{display:flex;justify-content:space-between;color:#61f3dd;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:11px;font-weight:900;letter-spacing:.08em}
/* Core business now carries the role previously duplicated by the capability section. */
.introSection{padding-top:clamp(72px,7vw,105px);padding-bottom:clamp(72px,7vw,105px)}
.productShowcase{padding-top:clamp(72px,7vw,100px)}
@media(max-width:980px){.simulatorPromoGrid{grid-template-columns:1fr}.simulatorPromoPanel{width:min(100%,720px)}}
@media(max-width:640px){.simulatorPromo{padding:52px 0}.simulatorPromoActions{flex-direction:column}.simulatorPromoActions .btn{justify-content:center}.simulatorPromoPanel{padding:20px;border-radius:18px}.simulatorPanelRows div{grid-template-columns:62px 1fr}.simulatorPanelRows b{display:none}}

/* Rev.4.5.0 — CMS Design Settings (safe CSS-variable layer) */
:root{
  --ds-header-h:54px;--ds-logo-w:190px;--ds-menu-fs:15px;--ds-menu-gap:24px;
  --ds-max-w:1580px;--ds-side-pad:28px;--ds-hero-h:610px;--ds-hero-title:58px;
  --ds-hero-copy:720px;--ds-section-pad:76px;--ds-card-radius:15px;--ds-card-gap:18px;
  --ds-performance-pad:14px;--ds-performance-number:24px;--ds-simulator-pad:72px;--ds-simulator-title:56px
}
@media(min-width:1181px){
  .container{width:min(var(--ds-max-w),calc(100% - (var(--ds-side-pad) * 2)))}
  .enterpriseHeader .enterpriseNav{height:var(--ds-header-h);width:min(var(--ds-max-w),calc(100% - (var(--ds-side-pad) * 2)))}
  .enterpriseHeader .brandWordmark{width:var(--ds-logo-w);min-width:var(--ds-logo-w)}
  .enterpriseHeader .mainNav{font-size:var(--ds-menu-fs);gap:var(--ds-menu-gap)}
  .enterpriseHeader .mainNav>a,.enterpriseHeader .navTextButton{font-size:var(--ds-menu-fs)!important}
  .enterpriseHero{min-height:var(--ds-hero-h)}
  .enterpriseHeroCopy{max-width:var(--ds-hero-copy)}
  .enterpriseHero h1{font-size:var(--ds-hero-title)}
}
.section{padding-top:var(--ds-section-pad);padding-bottom:var(--ds-section-pad)}
.cards,.projectGrid,.newsGrid,.serviceGrid{gap:var(--ds-card-gap)}
.card,.projectCard,.newsCard,.moduleCard,.productCard{border-radius:var(--ds-card-radius)}
.enterprisePerformance{padding-top:var(--ds-performance-pad);padding-bottom:var(--ds-performance-pad)}
.enterprisePerformance .enterpriseKpi strong{font-size:var(--ds-performance-number)}
.simulatorPromo{padding-top:var(--ds-simulator-pad);padding-bottom:var(--ds-simulator-pad)}
.simulatorPromoCopy h2{font-size:clamp(2.4rem,4.8vw,var(--ds-simulator-title))}

.designAdminPage{min-height:100vh;padding:48px 0 90px;background:#f3f7f8}.designAdminPage h1{font-size:46px;margin:10px 0 8px}.designAdminLead{color:#5e737b;max-width:880px;line-height:1.7}.designSettingsEditor{margin-top:28px}.designToolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #d3e0e3;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 8px 24px rgba(13,47,58,.07)}.designToolbar>div{display:flex;gap:8px;flex-wrap:wrap}.designStatus{font-size:12px;color:#60757d}.designStatus.dirty{color:#b87712;font-weight:800}.designGhostButton,.designSaveButton{border:1px solid #9eb4bb;border-radius:9px;padding:10px 13px;background:white;font-weight:850;font-size:11px;cursor:pointer}.designSaveButton{border-color:#07847d;background:#07847d;color:white}.designSaveButton:disabled{opacity:.55}.designInfo{margin:12px 0 20px;padding:12px 14px;background:#eaf7f6;border:1px solid #c7e4e1;border-radius:10px;color:#42636a;font-size:12px}.designGroups{display:grid;gap:18px}.designGroup{display:grid;grid-template-columns:270px 1fr;gap:30px;padding:26px;border:1px solid #d4e1e4;background:#fff;border-radius:16px}.designGroupHead h2{font-size:21px;margin:0 0 8px}.designGroupHead p{font-size:12px;line-height:1.6;color:#6a7e85;margin:0}.designFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.designField{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px;border:1px solid #e0e9eb;border-radius:11px;background:#fbfdfd}.designField>span b{display:block;font-size:12px}.designField>span small{display:block;margin-top:4px;font-size:10px;color:#71858b}.designField>div{display:flex;align-items:center}.designField input{width:88px;padding:9px 8px;border:1px solid #c8d8dc;border-radius:8px;text-align:right;font-weight:800}.designField em{font-style:normal;font-size:10px;color:#61777e;margin-left:5px}.designRange{grid-column:1/-1;color:#94a4a8;font-size:9px;text-align:right}@media(max-width:900px){.designGroup{grid-template-columns:1fr}.designFieldGrid{grid-template-columns:1fr}.designToolbar{position:static;align-items:flex-start;flex-direction:column}}


/* Rev.5.0 - service detail CMS */
.cmsDetailEditor{margin-top:18px;border:1px solid #cfe3e3;border-radius:14px;background:#f9fcfc;overflow:hidden}
.cmsDetailEditor>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;color:#075c62;display:flex;align-items:center;justify-content:space-between}
.cmsDetailEditor>summary::-webkit-details-marker{display:none}
.cmsDetailEditor>summary:after{content:"+";font-size:20px;line-height:1}
.cmsDetailEditor[open]>summary:after{content:"−"}
.cmsDetailBody{padding:4px 16px 18px;border-top:1px solid #dcecec}
.cmsNestedList{margin-top:18px;padding-top:14px;border-top:1px dashed #cfe1e1}
.cmsInlineRow{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}
.cmsInlineRow input{width:100%}
.cmsAddSmall{margin-top:8px;padding:8px 12px!important;border-radius:9px!important;background:#ecf8f7!important;color:#07666c!important;border:1px solid #a9d7d4!important;font-weight:800!important}
.cmsSubItem{padding:12px;margin:10px 0;border:1px solid #e0ecec;border-radius:10px;background:white}
.cmsSubItem>button{align-self:end;height:40px}

/* Rev 5.0.1 Visual Edit Mode */
.visualEditActive{padding-top:56px}
.visualEditToolbar{position:fixed;z-index:100000;left:0;right:0;top:0;height:56px;background:#062f3b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 6px 24px rgba(0,0,0,.18);font-size:13px}
.visualEditToolbar>div:first-child{display:flex;align-items:center;gap:16px}.visualEditToolbar span{color:#8ee7d8;font-size:12px}.visualEditToolbarActions{display:flex;gap:8px;align-items:center}.visualEditToolbar button,.visualEditToolbar a{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;font:inherit;cursor:pointer}.visualEditToolbar .publish{background:#10a795;border-color:#10a795;font-weight:800}.visualEditToolbar button:disabled{opacity:.45;cursor:not-allowed}
.visualEditHint{position:fixed;z-index:99998;left:50%;top:64px;transform:translateX(-50%);background:#fff;color:#163743;border:1px solid #b9d7d5;border-radius:999px;padding:7px 14px;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.visualEditStatus{position:fixed;z-index:100002;bottom:18px;left:18px;background:#062f3b;color:white;border-radius:8px;padding:10px 14px;font-size:12px;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.visualEditActive [data-cms-kind]{position:relative;outline:1px dashed rgba(16,167,149,.55);outline-offset:3px;cursor:pointer}
.visualEditActive [data-cms-kind]:hover{outline:3px solid #10a795;outline-offset:4px}
.visualEditActive [data-cms-kind]::after{content:"EDIT";position:absolute;z-index:90;right:8px;top:8px;background:#10a795;color:#fff;border-radius:999px;padding:4px 8px;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}
.visualEditorDrawer{position:fixed;z-index:100001;top:56px;right:0;bottom:0;width:min(430px,94vw);background:#f8fbfb;border-left:1px solid #cbdede;box-shadow:-14px 0 40px rgba(0,0,0,.16);overflow:auto;padding:18px 20px 80px;color:#0b2b39}
.visualEditorHead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #d9e7e6;padding-bottom:14px;margin-bottom:18px}.visualEditorHead small{font-weight:800;letter-spacing:.14em;color:#078b80}.visualEditorHead h2{margin:4px 0 0;font-size:22px}.visualEditorHead>button{border:0;background:#e8f1f0;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}
.visualEditorFields{display:grid;gap:14px}.visualEditorFields label{font-size:12px;font-weight:800;display:grid;gap:6px}.visualEditorFields input,.visualEditorFields textarea,.visualEditorFields select{width:100%;box-sizing:border-box;border:1px solid #bfd3d2;border-radius:8px;background:#fff;padding:10px 11px;font:500 13px/1.45 Arial,sans-serif;color:#102e3b}.visualEditorFields input:disabled{background:#edf3f3;color:#708487}.visualEditorFields details{border-top:1px solid #d6e5e4;padding-top:12px}.visualEditorFields summary{cursor:pointer;font-weight:800;color:#087e76;margin-bottom:12px}.visualEditorAdvanced{display:grid;gap:8px;margin:10px 0 18px}.visualEditorAdvanced h3{font-size:13px;margin:0 0 4px}.visualEditorAdvanced>div{padding:9px;background:#edf5f4;border-radius:8px;display:grid;gap:6px}.visualEditorNote{font-size:11px;color:#61777b;margin:-6px 0 0}.visualEditorOpen{display:block;margin:18px 0 0;padding:11px 12px;text-align:center;background:#e4f6f3;color:#087e76;border-radius:8px;text-decoration:none;font-weight:800}.visualEditorFoot{position:fixed;right:0;bottom:0;width:min(430px,94vw);box-sizing:border-box;background:white;border-top:1px solid #d4e2e1;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.visualEditorFoot span{font-size:11px;color:#687b7e}.visualEditorFoot button{background:#0c716b;color:white;border:0;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer}
@media(max-width:760px){.visualEditToolbar{height:auto;min-height:56px;flex-wrap:wrap;padding:7px 10px}.visualEditToolbar>div:first-child span{display:none}.visualEditToolbarActions{gap:4px}.visualEditToolbar button,.visualEditToolbar a{padding:6px 8px;font-size:11px}.visualEditHint{display:none}.visualEditorDrawer{top:70px;width:100%}.visualEditorFoot{width:100%}}

/* Rev.5.0.3 Visual Editor visibility pass — red admin-only edit zones */
.visualEditToolbar{background:#991b1b;border-bottom:3px solid #ef4444;box-shadow:0 8px 28px rgba(127,29,29,.28)}
.visualEditIdentity{display:flex;align-items:center;gap:16px}.visualEditIdentity b{letter-spacing:.08em}.visualEditToolbar span{color:#fee2e2}
.visualEditToolbar .publish{background:#fff;color:#991b1b;border-color:#fff;font-weight:900}
.visualEditToolbar .zones{border-color:#fecaca;background:#7f1d1d}.visualEditToolbar .zones.active{background:#ef4444;border-color:#fca5a5;color:#fff;font-weight:900}
.visualEditHint{display:flex;align-items:center;gap:10px;background:#fff7f7;color:#7f1d1d;border:2px solid #ef4444;border-radius:10px;padding:8px 14px;box-shadow:0 10px 28px rgba(127,29,29,.18)}
.visualEditHint b{background:#dc2626;color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;letter-spacing:.06em}.visualEditHint span{font-weight:700}
.visualEditActive:not(.visualEditZonesHidden) [data-cms-kind]{position:relative;outline:2px dashed #ef4444!important;outline-offset:4px;cursor:pointer;box-shadow:0 0 0 4px rgba(239,68,68,.08)}
.visualEditActive:not(.visualEditZonesHidden) [data-cms-kind]:hover{outline:4px solid #dc2626!important;outline-offset:5px;box-shadow:0 0 0 7px rgba(239,68,68,.14),0 10px 30px rgba(127,29,29,.16)}
.visualEditActive:not(.visualEditZonesHidden) [data-cms-kind]::after{content:"✎ EDIT · " attr(data-cms-label)!important;position:absolute;z-index:9996;right:8px;top:8px;background:#dc2626!important;color:#fff!important;border:2px solid #fff;border-radius:7px;padding:5px 9px;font:900 10px/1.1 Arial,sans-serif;letter-spacing:.04em;pointer-events:none;box-shadow:0 3px 12px rgba(127,29,29,.35);max-width:min(72%,320px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visualEditActive.visualEditZonesHidden [data-cms-kind]{outline:none!important;box-shadow:none!important;cursor:inherit}.visualEditActive.visualEditZonesHidden [data-cms-kind]::after{display:none!important}
.visualEditActive:not(.visualEditZonesHidden) [data-cms-kind] [data-cms-kind]{outline-style:solid!important;outline-width:1px!important}
.visualEditorDrawer{border-left:3px solid #dc2626}.visualEditorHead small{color:#b91c1c;font-weight:900;letter-spacing:.08em}.visualEditorHead button{color:#b91c1c}
@media(max-width:760px){.visualEditIdentity b{font-size:11px}.visualEditToolbar .zones{display:none}.visualEditHint{display:none}}
/* Rev.5.0.4 — Business Performance CMS */
.performanceAdmin{padding:38px 0 70px}.performanceAdminTop{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.performanceAdminTop h1{font-size:40px;margin:6px 0}.adminPrimary{background:#087f78;color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:800}.performanceSettings{background:#fff;border:1px solid #cbdcdf;border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 2fr 3fr;gap:14px;margin-bottom:18px}.performanceSettings label,.performanceAdminGrid label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:6px}.performanceSettings input:not([type=checkbox]),.performanceAdminGrid input{border:1px solid #bfd1d5;border-radius:8px;padding:10px;font:inherit}.performanceAdminList{display:grid;gap:12px}.performanceAdminCard{background:#fff;border:1px solid #cbdcdf;border-radius:14px;padding:16px}.performanceAdminCard header,.performanceAdminCard footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.performanceAdminGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:10px;margin:14px 0}.performanceAdminCard footer{justify-content:flex-end}.performanceAdminCard footer button{border:1px solid #bfd1d5;background:#fff;border-radius:7px;padding:7px 10px}.adminSaveMessage{font-weight:800;color:#087f78}@media(max-width:900px){.performanceAdminTop{display:block}.performanceSettings,.performanceAdminGrid{grid-template-columns:1fr 1fr}.performanceSettings label:last-child,.performanceAdminGrid .wide{grid-column:1/-1}}@media(max-width:560px){.performanceSettings,.performanceAdminGrid{grid-template-columns:1fr}.performanceSettings label:last-child,.performanceAdminGrid .wide{grid-column:auto}}


/* Rev.5.0.5 — Visual editor toolbar UX cleanup */
.visualEditHint{display:none!important}
.visualEditToolbar{height:44px;min-height:44px;padding:0 14px;gap:12px}
.visualEditActive{padding-top:44px}
.visualEditIdentity{min-width:0;gap:12px;white-space:nowrap}
.visualEditLegend{display:inline-flex!important;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.10);color:#fff!important;font-size:11px!important;font-weight:800;letter-spacing:.02em}
.visualEditToolbarActions{margin-left:auto;flex-shrink:0}
.visualEditorDrawer{top:44px}
.visualEditToolbar button,.visualEditToolbar a{padding:6px 10px;border-radius:7px}
@media(max-width:980px){.visualEditIdentity>span:not(.visualEditLegend){display:none}.visualEditToolbarActions{gap:5px}.visualEditToolbar button,.visualEditToolbar a{padding:6px 8px;font-size:11px}}
@media(max-width:760px){.visualEditToolbar{height:auto;min-height:44px;padding:6px 8px;flex-wrap:wrap}.visualEditActive{padding-top:82px}.visualEditIdentity{width:100%;justify-content:space-between}.visualEditLegend{display:inline-flex!important}.visualEditToolbarActions{width:100%;justify-content:flex-end;overflow-x:auto;padding-bottom:1px}.visualEditorDrawer{top:82px}.visualEditorFoot{width:100%}}


/* Rev.5.0.8 — ECC-led shared scenario + safe manual factor overrides */
.scenarioLinkBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 18px;padding:12px 15px;border:1px solid #cfe3e6;border-radius:12px;background:#f7fbfc}
.scenarioLinkBar>div{display:grid;gap:3px}.scenarioLinkBar b{font-size:12px;color:#103946}.scenarioLinkBar span{font-size:11px;color:#637b82}.scenarioLinkBar button{border:1px solid #9fc9cd;background:white;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800;color:#0b5961;cursor:pointer;white-space:nowrap}
.factorCell{display:grid;gap:5px;min-width:120px}.factorCell label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#6a777c}.factorOverride{width:110px!important;padding:6px 7px!important;font-size:11px!important}.factorSource{display:block;max-width:190px;line-height:1.35;color:#4f7477}.factorSource.manual{color:#b45b12;font-weight:800}
.regimePolicy{margin:12px 0 18px;padding:12px 14px;border-left:4px solid #f58220;background:#fff9f3;color:#5c493c;font-size:11px;line-height:1.6}.regimePolicy strong{color:#8c430d}
@media(max-width:760px){.scenarioLinkBar{align-items:flex-start;flex-direction:column}.scenarioLinkBar button{width:100%}}

/* Rev.5.0.9 — FuelEU Allocation Optimizer */
.allocationActions{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:230px}
.allocationOptimizeButton{font-weight:800;letter-spacing:.025em}
.allocationModeBadge{margin-top:14px;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid rgba(9,53,66,.16);border-radius:10px;background:rgba(9,53,66,.035);max-width:680px}
.allocationModeBadge b{font-size:.86rem;color:#093542}
.allocationModeBadge span{font-size:.76rem;color:#60707a;line-height:1.45}
@media (max-width:760px){.allocationActions{width:100%;min-width:0}.allocationActions .button{width:100%}}
/* Rev.5.1.0 Allocation before/after comparison */
.allocationCompare{margin:22px 0;padding:22px;border:1px solid #dbe5e8;border-radius:18px;background:#fff}.compareHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.compareHead h3{margin:3px 0 0}.compareHead>strong{font-size:1.35rem}.compareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compareGrid article{padding:14px;border-radius:12px;background:#f6f8f9;border:1px solid #e4eaec}.compareGrid span,.compareGrid small{display:block}.compareGrid b{display:block;margin:5px 0;font-size:1.05rem}.compareGrid .primaryCompare{border-color:#f0a45c;background:#fff8f1}@media(max-width:800px){.compareGrid{grid-template-columns:1fr 1fr}.compareHead{align-items:flex-start;flex-direction:column}}
.eccOptimizationCompare{margin:18px 0;padding:18px;border:1px solid #ead8c7;border-radius:16px;background:#fffaf5}.eccOptimizationCompare h3{margin:0 0 4px}.eccCompareGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.eccCompareGrid article{padding:13px;background:white;border:1px solid #eee3d9;border-radius:11px}.eccCompareGrid span,.eccCompareGrid small{display:block}.eccCompareGrid strong{display:block;margin:4px 0}.eccSaving{font-size:1.15rem}@media(max-width:900px){.eccCompareGrid{grid-template-columns:1fr 1fr}}


/* Rev.5.1.1 — FuelEU allocation data Before / Optimized comparison */
.allocationDataCompare{background:#fff;border:1px solid #dce5ea;border-radius:18px;padding:1.4rem;margin:1.2rem 0;box-shadow:0 14px 45px rgba(20,54,68,.06)}
.allocationDataCompare .compareHead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.allocationDataCompare .compareHead h3{margin:.25rem 0 0}.allocationCompareHint{max-width:720px;color:#617982;font-size:.82rem;line-height:1.55}
.allocationDeltaPositive{color:#087a60;font-weight:850}.allocationDeltaNegative{color:#b54708;font-weight:850}.allocationDeltaNeutral{color:#607985;font-weight:750}
.allocationScopeTag{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:850;padding:.28rem .5rem;border-radius:999px;background:#eef5f7;color:#315664}
.allocationDataCompare .allocationTable td strong{display:block;font-size:.84rem}.allocationDataCompare .allocationTable td small{display:block;color:#6a808a;margin-top:.15rem}
.eccCostCompareTable{margin-top:1rem;overflow:auto}.eccCostCompareTable table{width:100%;border-collapse:collapse;min-width:660px}.eccCostCompareTable th,.eccCostCompareTable td{padding:.72rem .8rem;border-bottom:1px solid #e4ecef;text-align:right}.eccCostCompareTable th:first-child,.eccCostCompareTable td:first-child{text-align:left}.eccCostCompareTable thead th{font-size:.72rem;text-transform:uppercase;color:#607985;background:#f5f8fa}.eccCostCompareTable tbody tr:last-child{font-weight:900;background:#f8fbfb}.eccAllocationChanges{margin-top:1rem;padding:.9rem 1rem;border:1px solid #dce7eb;border-radius:12px;background:#f8fbfc}.eccAllocationChanges h4{margin:0 0 .55rem}.eccAllocationChanges ul{margin:0;padding-left:1.1rem;color:#486570;font-size:.82rem;line-height:1.65}
@media(max-width:760px){.allocationDataCompare .compareHead{align-items:flex-start;flex-direction:column}}

/* Rev.5.1.2 — Simulator navigation pulse reliability fix.
   Removed !important from the animated base color because important declarations override CSS animation colors.
   Active/hover/focus states remain fixed orange. */

/* Rev.5.2.0 simulator trust & fuel-classification controls */
.fuelClassificationNotice{display:flex;gap:14px;align-items:flex-start;margin:10px 0 18px;padding:12px 14px;border:1px solid #d7dde6;border-radius:10px;background:#f7f9fc;font-size:13px;line-height:1.5}.fuelClassificationNotice strong{white-space:nowrap}.fuelClassificationNotice span{color:#465365}.bioManualGrid label small{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#64748b}.allocationTable td small,.allocationTable th small{display:block;margin-top:4px;font-weight:400;color:#64748b;line-height:1.35}

/* Rev.5.3.2 — FuelEU allocation comparison & optimization diagnostics */
.allocationCompareTable{min-width:1450px}.allocationCompareTable .allocationReason{min-width:290px;max-width:380px;font-size:.78rem;line-height:1.45;color:#526c78}.allocationWarningText{display:block;margin-top:.3rem;color:#b54708;font-weight:800}.allocationCompareSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.allocationCompareSummary article{padding:14px;border:1px solid #e2eaed;border-radius:12px;background:#f8fafb}.allocationCompareSummary span{display:block;font-size:.75rem;color:#607985}.allocationCompareSummary b{display:block;margin-top:5px;font-size:1rem}@media(max-width:900px){.allocationCompareSummary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.allocationCompareSummary{grid-template-columns:1fr}}

/* Rev.5.3.4 article detail cleanup
   Legacy CSS defined .articleHero with a fixed 380px height. News titles are CMS-driven
   and can wrap to several lines, so the detail hero must grow with its content. */
.articlePage .articleHero{
  height:auto;
  min-height:420px;
  margin:0;
  padding:72px 0;
  border-radius:0;
  overflow:visible;
}
.articlePage .articleHeroGrid{
  align-items:center;
}
.articlePage .articleHero h1{
  margin:18px 0 22px;
  max-width:760px;
  font-size:clamp(42px,4.6vw,68px);
  line-height:1.06;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
.articlePage .articleHero p:not(.eyebrow){
  max-width:720px;
}
.articlePage .articleImage{
  height:auto;
  min-height:360px;
  aspect-ratio:16/10;
}
.articlePage .articleBody{
  padding-top:64px;
}
@media(max-width:980px){
  .articlePage .articleHero{min-height:0;padding:56px 0}
  .articlePage .articleHeroGrid{gap:36px}
  .articlePage .articleImage{min-height:300px;aspect-ratio:16/9}
}
@media(max-width:520px){
  .articlePage .articleHero{padding:42px 0}
  .articlePage .articleHero h1{font-size:clamp(34px,11vw,46px)}
  .articlePage .articleHero p:not(.eyebrow){font-size:16px}
  .articlePage .articleImage{min-height:220px}
  .articlePage .articleBody{padding-top:42px}
}


/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/60-platform-reports.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 60-platform-reports.css
 * Persistent site chrome, support, UK ETS, Fuel Master and report system.
 * Cascade segment 2680:3207; keep import order unchanged.
 */
/* =========================================================
   REV.5.3.6 — GLOBAL STICKY NEWS / MARKET / MAIN NAVIGATION
   =========================================================
   [EDIT GUIDE]
   This is the final public-site top-stack rule.
   1) .globalTopBars : News & Insights + Daily Market wrapper
   2) .header        : Main navigation immediately below the two bars
   3) Heights must stay synchronized with ticker heights below.
   Admin pages do not render .globalTopBars.
   ========================================================= */
.globalTopBars{
  position:sticky;
  top:0;
  z-index:90;
  width:100%;
  background:#052c38;
  box-shadow:0 5px 16px rgba(5,39,49,.10);
}

/* The header remains visible directly below the two 32px desktop bars. */
.header.enterpriseHeader{
  position:sticky!important;
  top:64px!important;
  z-index:89!important;
  margin-bottom:0!important;
}

/* Avoid nested sticky behavior on the individual ticker wrappers. */
.globalTopBars .topTickerWrap,
.globalTopBars .marketTickerWrap{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}

@media(max-width:900px){
  /* Rev.3.8.5 uses two 36px ticker rows at this breakpoint. */
  .header.enterpriseHeader{top:72px!important}
}

@media(max-width:600px){
  /* Rev.3.8.5 uses two 40px ticker rows at this breakpoint. */
  .header.enterpriseHeader{top:80px!important}
}


/* =========================================================
   REV.5.3.7 — PERSISTENT GLOBAL HEADER
   =========================================================
   [EDIT GUIDE]
   - .persistentSiteHeader is mounted by RootLayout and is NOT recreated during
     normal Next.js Link navigation between public pages.
   - News & Insights, Daily Market and Main Navigation move as one sticky unit.
   - Do not add position:sticky/top offsets separately to .globalTopBars or
     .enterpriseHeader; the parent owns the sticky behavior in this revision.
   ========================================================= */
.persistentSiteHeader{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  background:#fff;
  box-shadow:0 4px 18px rgba(5,39,49,.10);
  isolation:isolate;
}
.persistentSiteHeader .globalTopBars,
.persistentSiteHeader .header.enterpriseHeader{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}
.persistentRouteContent{min-height:1px}

/* =========================================================
   REV.5.3.8 — FIXED PERSISTENT SITE CHROME HOTFIX
   =========================================================
   [EDIT GUIDE]
   - Keeps News & Insights, Daily Market and Main Navigation fixed at the
     viewport top during scrolling AND normal Next.js route navigation.
   - The route content receives a matching top padding so it never sits under
     the fixed chrome.
   - Change the three height variables below if ticker/header heights change.
   ========================================================= */
:root{
  --kmoc-news-bar-h:32px;
  --kmoc-market-bar-h:32px;
  --kmoc-site-nav-h:var(--ds-header-h,76px);
  --kmoc-site-chrome-h:calc(var(--kmoc-news-bar-h) + var(--kmoc-market-bar-h) + var(--kmoc-site-nav-h));
}

.persistentSiteHeader{
  position:fixed!important;
  inset:0 0 auto 0;
  top:0!important;
  z-index:5000!important;
  width:100%;
  background:#fff;
  box-shadow:0 4px 18px rgba(5,39,49,.10);
  transform:none!important;
  transition:none!important;
  isolation:isolate;
}

.persistentSiteHeader .globalTopBars,
.persistentSiteHeader .header.enterpriseHeader,
.persistentSiteHeader .topTickerWrap,
.persistentSiteHeader .marketTickerWrap{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
}

.persistentRouteContent{
  min-height:1px;
  padding-top:var(--kmoc-site-chrome-h);
}

@media(max-width:900px){
  :root{
    --kmoc-news-bar-h:36px;
    --kmoc-market-bar-h:36px;
    --kmoc-site-nav-h:72px;
  }
}

@media(max-width:600px){
  :root{
    --kmoc-news-bar-h:40px;
    --kmoc-market-bar-h:40px;
    --kmoc-site-nav-h:72px;
  }
}

/* =========================================================
   REV.5.3.9 — CUSTOMER Q&A / SUPPORT CENTER
   [EDIT GUIDE]
   Public Support layout: .supportHero, .supportGrid, .qnaCard, .askPanel
   Admin Q&A layout: .qnaAdminCard, .qnaAdminFields
   ========================================================= */
.supportHero{padding:72px 0 58px;background:linear-gradient(135deg,#073542,#0b5962);color:#fff}.supportHero h1{font-size:clamp(42px,5vw,72px);margin:12px 0 18px;letter-spacing:-.04em}.supportHero p:last-child{max-width:820px;color:#d5e8e9;font-size:18px;line-height:1.7}.supportGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:32px;align-items:start}.supportSearch{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:14px}.supportSearch input,.supportSearch select,.askPanel input,.askPanel select,.askPanel textarea,.qnaAdminFields input,.qnaAdminFields select,.qnaAdminFields textarea{width:100%;border:1px solid #c8dadd;border-radius:10px;background:#fff;padding:12px 14px;font:inherit}.qnaCategoryRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.qnaCategoryRow button{border:1px solid #bfd3d6;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.qnaCategoryRow button.active{background:#07505a;color:#fff;border-color:#07505a}.qnaList{display:grid;gap:16px}.qnaCard,.askPanel,.qnaAdminCard{border:1px solid #d2e1e3;border-radius:18px;background:#fff;padding:24px;box-shadow:0 8px 24px rgba(5,39,49,.05)}.qnaMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.qnaMeta span,.qnaMeta b{padding:5px 9px;border-radius:999px;background:#eaf5f4;color:#07505a}.qnaMeta time{color:#6b8086}.qnaCard h2{font-size:22px;margin:16px 0 10px}.qnaCard>p{color:#536a70;line-height:1.7}.kmocAnswer{margin-top:18px;padding:18px;border-left:4px solid #0aa69b;background:#f1f9f8;border-radius:8px}.kmocAnswer p{line-height:1.75}.kmocAnswer small{display:block;margin-top:8px;color:#536a70}.askPanel{position:sticky;top:calc(var(--kmoc-site-chrome-h) + 20px)}.askPanel form{display:grid;gap:13px;margin-top:20px}.askPanel label,.qnaAdminFields label{display:grid;gap:6px;font-weight:700;font-size:13px}.askPanel small{line-height:1.5;color:#60767c}.formNotice{font-weight:700;color:#087d76}.qnaAdminList{display:grid;gap:18px;margin-top:28px}.qnaAdminHead{display:flex;justify-content:space-between;gap:20px}.qnaAdminHead>div{display:grid;gap:7px}.qnaAdminHead strong{font-size:20px}.qnaAdminFields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.qnaAdminFields .wide{grid-column:1/-1}.qnaWarning{display:block;margin-top:10px;color:#a45b00}.adminNav a[href="/admin/qna"]{white-space:nowrap}
@media(max-width:980px){.supportGrid{grid-template-columns:1fr}.askPanel{position:relative;top:auto}.qnaAdminFields{grid-template-columns:1fr 1fr}.qnaAdminFields .wide{grid-column:1/-1}}
@media(max-width:640px){.supportHero{padding:46px 0}.supportSearch{grid-template-columns:1fr}.qnaAdminFields{grid-template-columns:1fr}.qnaAdminHead{display:grid}.qnaAdminFields .wide{grid-column:auto}}

/* =========================================================
   REV.5.4.0 — Q&A EMAIL REPLY / MY Q&A
   [EDIT GUIDE]
   .qnaActionRow  : Admin Save Draft / Answer & Send Email buttons
   .qnaMailAudit  : Email delivery timestamp and status
   .accountQna    : My Account → My Q&A full-width section
   ========================================================= */
.qnaActionRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.qnaMailAudit{display:grid;gap:5px;margin-top:12px;padding:12px 14px;border-radius:10px;background:#f2f7f7;color:#526a70}.qnaMailAudit small{line-height:1.5}.qnaActionRow .button:disabled{opacity:.48;cursor:not-allowed}.accountQna{grid-column:1/-1}.accountSectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px}.accountSectionHead h2{margin:4px 0}.myQnaList{display:grid;gap:14px;margin-top:22px}.myQnaItem{border:1px solid #d6e3e5;border-radius:16px;padding:20px;background:#fff}.myQnaItem h3{margin:14px 0 8px;font-size:20px}.myQnaItem>p{color:#536a70;line-height:1.65}.myQnaItem>small{color:#71868b;word-break:break-all}@media(max-width:700px){.accountSectionHead{align-items:flex-start;flex-direction:column}.qnaActionRow .button{width:100%;justify-content:center}}

/* =========================================================
   REV.5.4.2 — SIMULATOR ACCESS GATE
   [EDIT GUIDE]
   Public visitors must never remain on "Checking member access".
   The gate resolves to Join / Login / Request Access / Error fallback.
   ========================================================= */
.accessGateLoading .accessGateCard{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.accessGateNote{display:block;margin-top:1rem;padding:.7rem 1rem;border-radius:10px;background:#f2f7f8;color:#58717b;line-height:1.5}
.accessLoader{width:54px;height:4px;margin-top:1.5rem;border-radius:999px;background:#dbe8eb;overflow:hidden;position:relative}
.accessLoader span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:#0b8f8a;animation:kmocAccessLoading 1s ease-in-out infinite alternate}
@keyframes kmocAccessLoading{from{transform:translateX(0)}to{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.accessLoader span{animation:none;width:100%}}

/* =========================================================
   REV.5.4.4 — CANONICAL ORIGIN / AUTH STATUS UX
   ========================================================= */
.authChecking{opacity:.62;cursor:wait;white-space:nowrap}
.signedInDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#11a582;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 3px rgba(17,165,130,.12)}
.accountMenuStatus{display:grid;gap:2px;padding:10px 12px 12px;margin-bottom:4px;border-bottom:1px solid rgba(12,79,85,.12)}
.accountMenuStatus b{font-size:11px;color:#08786f;text-transform:uppercase;letter-spacing:.08em}
.accountMenuStatus small{font-size:11px;color:#60747a;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.accountNotice{grid-column:1/-1;padding:18px 20px;border-radius:14px;display:grid;gap:5px}
.accountNotice.successNotice{background:#eaf8f3;border:1px solid #b9e7d7;color:#155f50}
.accountNotice strong{font-size:15px}.accountNotice span{font-size:13px}
.authError{color:#a65b2c!important;white-space:nowrap}

/* =========================================================
   REV.5.4.9 — MEMBER REGISTRATION CONFIRMATION
   ========================================================= */
.registrationSuccessCard{max-width:720px;margin:0 auto;padding:42px;border:1px solid #d7e4e7;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(6,45,55,.08)}
.registrationSuccessCard h1{margin:12px 0 14px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}
.registrationSummary{display:grid;gap:0;margin:28px 0;border:1px solid #dce7e9;border-radius:14px;overflow:hidden}
.registrationSummary>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:14px 16px;border-bottom:1px solid #e6edef}
.registrationSummary>div:last-child{border-bottom:0}.registrationSummary dt{font-weight:800;color:#577077}.registrationSummary dd{margin:0;color:#0c2e3a}
@media(max-width:640px){.registrationSuccessCard{padding:28px}.registrationSummary>div{grid-template-columns:1fr;gap:4px}}

/* =========================================================
   REV.5.5.2 — UK ETS STANDALONE + ALLOCATION PDF
   [EDIT GUIDE] UK ETS page: .ukEtsShell / .ukEtsIntro / .ukEtsResults
   ECC exclusion notice: .eccUkExclusion
   ========================================================= */
.eccUkExclusion,.standaloneNotice{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 18px;padding:14px 18px;border:1px solid #d7e4e7;border-radius:12px;background:#f6fafb;color:#38545d}.eccUkExclusion strong,.standaloneNotice strong{color:#0b5962}.eccUkExclusion span,.standaloneNotice span{font-size:13px;line-height:1.5}.ukEtsShell{padding-top:34px;padding-bottom:70px}.ukEtsIntro{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;margin:24px 0;padding:28px;border:1px solid #d6e3e5;border-radius:18px;background:#fff}.ukEtsIntro h2{margin:6px 0 10px}.ukEtsIntro p{line-height:1.65;color:#536a70}.ukEtsSettings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ukEtsSettings label{display:grid;gap:6px;font-size:12px;font-weight:800}.ukEtsSettings input,.ukEtsSettings select{width:100%;padding:10px;border:1px solid #cbdcdf;border-radius:9px;background:#fff}.ukEtsSettings .checkLabel{display:flex;align-items:center;gap:8px}.ukEtsSettings .checkLabel input{width:auto}.ukEtsResults{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.ukEtsResults article{display:grid;gap:7px;padding:18px;border:1px solid #d7e4e7;border-radius:14px;background:#fff}.ukEtsResults span{font-size:12px;color:#63777c}.ukEtsResults b{font-size:19px;color:#103b45}.ukEtsResults small{color:#6d8186}.printReportHeader{display:none}
@media(max-width:980px){.ukEtsIntro{grid-template-columns:1fr}.ukEtsResults{grid-template-columns:1fr 1fr}.eccUkExclusion,.standaloneNotice{align-items:flex-start;flex-direction:column}}
@media print{.printReportHeader{display:flex!important;justify-content:space-between;border-bottom:2px solid #0b5962;padding:0 0 12px;margin:0 0 18px}.allocationShell,.ukEtsShell{padding-top:0!important}.allocationShell section,.ukEtsShell section{page-break-inside:avoid;break-inside:avoid}.standaloneNotice{display:flex!important}.ukEtsResults{grid-template-columns:repeat(5,1fr)}body{background:#fff!important}}

/* =========================================================
   REV.5.5.3 — FuelEU Allocation verifier-style Before/After
   EDIT GUIDE: these rules only format the annual energy tables.
   ========================================================= */
.verifierFormatBlock{margin-top:28px}
.verifierFormatBlock .tableWrap{overflow-x:auto;border:1px solid #c9dadd;background:#fff}
.annualEnergyTable{min-width:1680px;border-collapse:collapse}
.annualEnergyTable th,.annualEnergyTable td{border:1px solid #bccdd2;padding:10px 8px;vertical-align:middle;text-align:center;white-space:normal}
.annualEnergyTable thead th{background:#f4f8f8;font-size:12px;line-height:1.15}
.annualEnergyTable tbody th{text-align:center;background:#fbfdfd}
.annualEnergySummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #c9dadd;border-top:0;background:#fff}
.annualEnergySummary>div{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-right:1px solid #d8e4e7}
.annualEnergySummary>div:last-child{border-right:0}.annualEnergySummary span{font-size:12px;color:#526b73}.annualEnergySummary b{white-space:nowrap}
.afterAllocationBlock{page-break-before:auto}.allocationAwaitNote{margin:12px 0 0;padding:12px 14px;border-left:3px solid #0b948e;background:#eef8f7;color:#37545c}
@media(max-width:980px){.annualEnergySummary{grid-template-columns:1fr 1fr}.annualEnergySummary>div:nth-child(2){border-right:0}}
@media(max-width:620px){.annualEnergySummary{grid-template-columns:1fr}.annualEnergySummary>div{border-right:0;border-bottom:1px solid #d8e4e7}.annualEnergySummary>div:last-child{border-bottom:0}}
@media print{
  .verifierFormatBlock{page-break-inside:avoid;break-inside:avoid-page;margin-top:12mm}
  .verifierFormatBlock .tableWrap{overflow:visible;border-color:#777}
  .annualEnergyTable{min-width:0;width:100%;font-size:8px;table-layout:fixed}
  .annualEnergyTable th,.annualEnergyTable td{padding:3px 2px;border-color:#777;word-break:break-word}
  .annualEnergySummary{font-size:9px}.annualEnergySummary>div{padding:5px 6px}
}

/* REV.5.5.5 — simulator terminology, UK ETS menu, FuelEU result alignment */
.simTabs .ukEtsTabLink{border:0;background:transparent;padding:13px 20px;border-radius:11px;color:#49636b;font-weight:800;cursor:pointer}
.simTabs .ukEtsTabLink:hover{background:#eef7f5;color:#087d76}
.femMetrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.femMetrics article small{display:block;margin-top:7px;color:#73868b;font-size:10px;line-height:1.35}
@media(max-width:1200px){.femMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.femMetrics{grid-template-columns:1fr}.simTabs .ukEtsTabLink{flex:0 0 auto;padding-inline:10px}}
@media print{.femMetrics{grid-template-columns:repeat(5,1fr)!important}}

/* REV.5.5.6 — UK ETS visual alignment + allocation validation */
.ukEtsPageBody{padding-top:48px}.ukEtsPanel{margin:0}.ukEtsPanel .standaloneNotice{margin-top:0}.ukEtsIntro{margin:24px 0 26px;padding:0;border:0;border-radius:0;background:transparent}.ukEtsSettings{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));min-width:min(100%,720px)}.ukEtsResults{grid-template-columns:repeat(5,minmax(0,1fr));margin:20px 0 25px}.ukEtsModuleTabs{max-width:100%;overflow-x:auto}.ukEtsModuleTabs a:hover{background:#eef7f5;color:#087d76}.ukEtsModuleTabs a.active:hover{background:#087d76;color:#fff}
@media(max-width:1100px){.ukEtsSettings{grid-template-columns:repeat(2,minmax(140px,1fr));width:100%}.ukEtsResults{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ukEtsSettings,.ukEtsResults{grid-template-columns:1fr}.ukEtsModuleTabs a{flex:0 0 auto}}


/* Rev.5.5.7 — Fuel Database freeze-pane navigation */
.fuelDbQuickNav{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px;padding:9px 10px;border:1px solid #cfdde1;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 7px 20px rgba(15,51,62,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fuelDbQuickNav b{margin-right:4px;color:#173f4b;font-size:11px}.fuelDbQuickNav button{padding:7px 10px;border:1px solid #b8ccd1;border-radius:8px;background:#f8fbfb;color:#28505b;font-size:10px;font-weight:850;cursor:pointer}.fuelDbQuickNav button:hover{border-color:#087d76;color:#087d76;background:#eef9f7}
.fuelDbTableWrap{max-height:68vh;position:relative;scrollbar-gutter:stable;overscroll-behavior:contain}
.fuelDbTable thead th{box-shadow:inset 0 -1px rgba(255,255,255,.12)}
.fuelDbTable .fuelDbGroupHead th{top:0;height:32px;z-index:12;background:#0a6870;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:9px;border-right:1px solid rgba(255,255,255,.18)}
.fuelDbTable .fuelDbColumnHead th{top:32px;height:42px;z-index:11;background:#123f4c;white-space:nowrap}
.fuelDbTable th:nth-child(1),.fuelDbTable td:nth-child(1){position:sticky;left:0;min-width:58px;width:58px;z-index:5;background:#fff}
.fuelDbTable th:nth-child(2),.fuelDbTable td:nth-child(2){position:sticky;left:58px;min-width:220px;width:220px;z-index:5;background:#fff;box-shadow:7px 0 10px -10px rgba(9,48,59,.8)}
.fuelDbTable .fuelDbGroupHead th:first-child{left:0;z-index:16;background:#075a61}
.fuelDbTable .fuelDbColumnHead th:nth-child(1),.fuelDbTable .fuelDbColumnHead th:nth-child(2){z-index:15;background:#123f4c;color:#fff}
.fuelDbTable tbody tr:nth-child(even) td:nth-child(1),.fuelDbTable tbody tr:nth-child(even) td:nth-child(2){background:#f8fbfb}
.fuelDbTable tbody tr:hover td{background:#f0f8f7}.fuelDbTable tbody tr:hover td:nth-child(1),.fuelDbTable tbody tr:hover td:nth-child(2){background:#e9f5f3}
@media(max-width:760px){.fuelDbTableWrap{max-height:64vh}.fuelDbQuickNav{position:static}.fuelDbTable th:nth-child(2),.fuelDbTable td:nth-child(2){min-width:190px;width:190px}}

/* Rev.5.5.7 amended — Fuel Database units and field-state clarity */
.fuelDbColumnHead th .fuelDbUnit{display:block;margin-top:3px;color:#b9d8dc;font-size:8px;font-weight:700;line-height:1.15;letter-spacing:.01em;text-transform:none;white-space:normal}
.fuelDbColumnHead th .fuelDbState{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.14);color:#d9eeee;font-size:7px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.fuelDbTable td.fuelDbCalculated input{background:#edf4f5;color:#405c64;font-weight:750;cursor:not-allowed}
.fuelDbUnitLegend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:9px 11px;border:1px solid #d5e3e6;border-radius:10px;background:#f8fbfb;color:#49636b;font-size:10px;line-height:1.4}
.fuelDbUnitLegend b{color:#173f4b}.fuelDbUnitLegend span{white-space:nowrap}

/* Rev.5.5.8 — controlled Fuel Master / bulk rule update */
.fuelAdminActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fuelUploadButton{display:inline-flex;align-items:center;padding:10px 13px;border:1px solid #b8ced2;border-radius:8px;background:#fff;color:#244a54;font-size:13px;font-weight:800;cursor:pointer}.fuelUploadButton input{display:none}.fuelImportPreview{margin:16px 0;padding:22px;border:1px solid #b8d9d3;border-radius:16px;background:linear-gradient(135deg,#f7fcfb,#eef8f6)}.fuelImportPreview h3{margin:5px 0}.fuelImportPreview p{color:#61767c}.fuelImportLists{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fuelImportLists>div{display:grid;gap:6px;padding:14px;background:white;border:1px solid #dce9e7;border-radius:10px;max-height:230px;overflow:auto}.fuelImportLists span{font-size:12px;color:#476169}.fuelImportLists .warn{color:#a44c32}.fuelImportButtons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media(max-width:900px){.fuelImportLists{grid-template-columns:1fr}.fuelAdminActions{justify-content:flex-start}}

/* Rev.5.5.9 — Professional Compliance Report design system */
.simPanel.printPanel{position:relative;overflow:hidden}
.simPanel.printPanel:before{content:"KMOC COMPLIANCE ASSESSMENT";display:block;margin:-10px 0 24px;padding-bottom:12px;border-bottom:1px solid #dce8e7;color:#789096;font-size:10px;font-weight:900;letter-spacing:.16em}
.simPanelHead>div:first-child h2{max-width:760px}
.simPanelHead>div:first-child:after{content:"Current-input assessment · Master factors controlled through Fuel Database";display:block;margin-top:9px;color:#7a8f94;font-size:11px;line-height:1.45}
.simMetrics article{min-height:92px;display:flex;flex-direction:column;justify-content:center}
.resultChartCard{min-height:245px}
.simActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2eceb}
.simActions .simAdd{margin-top:0}
.simActions .simPrint{margin-left:auto}
.ukEtsResults{grid-template-columns:repeat(5,minmax(0,1fr))}
.ukEtsVisualAnalysis{margin-top:20px}
@media(max-width:1100px){.ukEtsResults{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ukEtsResults{grid-template-columns:1fr}}
@media print{.simPanel.printPanel:before{margin:0 0 10px;padding-bottom:6px;font-size:7pt}.resultChartCard{min-height:0!important}}

/* Rev.5.5.10 — report-only print scope and common responsibility notice */
.reportDisclaimer{margin-top:26px;padding:20px 22px;border:1px solid #d5e1e2;border-radius:14px;background:#f8fbfb;color:#435d64;font-size:11px;line-height:1.65}
.reportDisclaimerTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #dce6e7}.reportDisclaimerTitle span{color:#8a5b13;font-size:10px;font-weight:900;letter-spacing:.13em}.reportDisclaimerTitle b{color:#163d46;font-size:12px}.reportDisclaimer p{margin:8px 0}.reportModuleCaution{padding:10px 12px;border-left:3px solid #8aa9ad;background:#fff}.reportDisclaimerClosing{color:#62777d}
@media(max-width:680px){.reportDisclaimerTitle{align-items:flex-start;flex-direction:column}}
@media print{
  .persistentSiteHeader,.siteFooter,.simulatorHero,.simulatorModuleMenu{display:none!important}
  .persistentRouteContent{padding-top:0!important;margin-top:0!important}
  .reportDisclaimer{display:block!important;margin-top:8mm;padding:4mm;border:1px solid #9aa9ac;border-radius:0;background:#fff!important;font-size:7.2pt;line-height:1.45;break-inside:avoid-page;page-break-inside:avoid}
  .reportDisclaimerTitle{margin-bottom:2.5mm;padding-bottom:2mm}.reportDisclaimerTitle span{font-size:7pt}.reportDisclaimerTitle b{font-size:7.5pt}.reportDisclaimer p{margin:1.7mm 0}.reportModuleCaution{padding:2mm 2.5mm;background:#f7f9f9!important}
  .ukEtsPanel>.standaloneNotice{margin-top:0!important}
}

/* Rev.5.5.11 professional assessment layer */
.assessmentSummary{margin:18px 0 24px;border:1px solid #d8e5e7;border-radius:18px;overflow:hidden;background:#fff;page-break-inside:avoid;break-inside:avoid}.assessmentExecutive{display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding:20px 22px;background:linear-gradient(135deg,#f4f9f8,#fbfdfd)}.assessmentExecutive span,.assessmentKicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:#668087}.assessmentExecutive h3{margin:4px 0 0;color:#173b46;font-size:19px}.assessmentExecutive p{grid-column:1/-1;margin:4px 0 0;color:#4e6870;line-height:1.65;font-size:13px}.assessmentStatus{align-self:start;padding:7px 11px;border-radius:999px;font-size:11px;letter-spacing:.05em;background:#eaf0f1;color:#45616a}.assessmentStatus.positive{background:#e6f7f1;color:#087d76}.assessmentStatus.warning{background:#fff0e5;color:#a75a20}.assessmentColumns{display:grid;grid-template-columns:1.25fr .75fr}.assessmentColumns article{padding:18px 22px}.assessmentColumns article+article{border-left:1px solid #e2ecec}.assessmentColumns ul{margin:10px 0 0;padding-left:18px;color:#36545d;font-size:12px;line-height:1.7}.assessmentColumns dl{margin:10px 0 0;display:grid;gap:8px}.assessmentColumns dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf2f2;padding-bottom:7px}.assessmentColumns dt{font-size:11px;color:#667d84}.assessmentColumns dd{margin:0;font-size:11px;font-weight:800;color:#087d76;text-align:right}.assessmentColumns dd.review{color:#a75a20}@media(max-width:760px){.assessmentExecutive{grid-template-columns:1fr}.assessmentExecutive p{grid-column:1}.assessmentColumns{grid-template-columns:1fr}.assessmentColumns article+article{border-left:0;border-top:1px solid #e2ecec}}@media print{.assessmentSummary{-webkit-print-color-adjust:exact;print-color-adjust:exact}.assessmentColumns{grid-template-columns:1.25fr .75fr!important}.assessmentExecutive{padding:12px 14px!important}.assessmentColumns article{padding:10px 14px!important}.assessmentExecutive h3{font-size:12pt!important}.assessmentExecutive p,.assessmentColumns ul{font-size:7.5pt!important}}

/* Rev.5.5.13 - pre-LNG FuelEU physical-energy matrix stabilization */
.matrixControl{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.scopeReadOnly b{font-size:1.05rem;color:#103d50;line-height:1.2}
.matrixReadValue{display:inline-block;min-width:120px;padding:.72rem .76rem;border:1px solid #d9e4e9;border-radius:9px;background:#f7fafb;color:#163b4b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
.matrixAdvancedNotice,.matrixAutoNotice{margin:.6rem 0 0;padding:.7rem .85rem;border-radius:9px;font-size:.8rem;line-height:1.45}
.matrixAdvancedNotice{background:#fff7e8;border:1px solid #ecd29a;color:#624814}
.matrixAutoNotice{background:#eef8f8;border:1px solid #cfe4e4;color:#315963}
.matrixTable tbody th small{display:block;margin-top:.2rem;color:#718691;font-weight:500}
@media(max-width:900px){.matrixControl{width:100%}.matrixControl .button{flex:1 1 220px}}

/* Rev.5.6.0 LNG DF Extension */
.lngConverterSelect{margin-top:6px;padding:7px 8px;border:1px solid #cfe1e3;border-radius:8px;background:#f6fbfb}.lngConverterSelect span{display:block;margin-bottom:4px;color:#176069;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.lngConverterSelect select{width:100%;font-size:10px}.lngConverterSelect small{display:block;margin-top:4px;color:#6a7e83;font-size:8px;line-height:1.35}.lngMasterNote{padding:10px 12px;border-left:3px solid #087d76;background:#f3faf9;color:#365d64;font-size:11px}

/* Rev.5.6.2 FIX2 — ECC IMO-GFI pre-entry-into-force visualization */
.gfiPreEntryStrip{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin:-8px 0 22px;padding:11px 14px;border:1px dashed #d9b76d;border-radius:12px;background:#fffaf0;color:#5f521f}.gfiPreEntryStrip span{font-size:11px;font-weight:900;letter-spacing:.05em}.gfiPreEntryStrip b{color:#173943}.gfiPreEntryStrip em{font-style:normal;font-size:11px;color:#856f2d}.costBarChart .draftCostBar{padding-top:8px;margin-top:4px;border-top:1px dashed #d9b76d}.costBarChart .draftCostBar span{color:#7d6725}.costBarChart .draftCostBar i{background:#f2ead6}.costBarChart .draftCostBar i em{background:#b59442}.draftExposureMini{display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;margin-top:14px;padding:10px 12px;border:1px dashed #d9b76d;border-radius:10px;background:#fffaf0}.draftExposureMini span{font-size:10px;font-weight:900;letter-spacing:.05em;color:#7d6725}.draftExposureMini strong{justify-self:end;color:#173943}.draftExposureMini em{grid-column:1/-1;font-style:normal;font-size:10px;color:#856f2d}@media(max-width:760px){.gfiPreEntryStrip{grid-template-columns:1fr}.gfiPreEntryStrip b{justify-self:start}.draftExposureMini{grid-template-columns:1fr}.draftExposureMini strong{justify-self:start}.draftExposureMini em{grid-column:auto}}

/* Rev.5.6.3 CMS brochure + controlled news category */
.cmsEditor select{width:100%;border:1px solid #c8dadd;background:#fff;padding:12px 14px;font:inherit}.cmsFieldHint{font-size:12px;line-height:1.5;color:#5e747a;padding-top:2px}.cmsFileRemove{margin-top:8px;justify-self:start;border:1px solid #d7a7a7;background:#fff;color:#a12626;padding:8px 11px;border-radius:8px;font-weight:700;cursor:pointer}.brochureBtn{background:transparent!important;border:1px solid rgba(255,255,255,.65)!important;color:#fff!important}.brochureBtn:hover{background:rgba(255,255,255,.12)!important}


/* Rev.5.6.4 — Daily Market CMS controls */
.marketTickerTrack{animation-duration:var(--market-speed,60s)!important}
.marketTickerItem{color:var(--market-text-color,#dceeee);font-size:var(--market-font-size,13px)}
.marketTickerItem>strong{color:var(--market-text-color,#fff);font-size:calc(var(--market-font-size,13px) + 2px)}
.marketTickerItem b{font-size:max(8px,calc(var(--market-font-size,13px) - 4px))}
.marketTickerWrap:not(.marketPauseHover) .marketTickerViewport:hover .marketTickerTrack{animation-play-state:running}
.marketDisplayPanel,.marketItemManager{margin:22px 0;padding:20px;border:1px solid #d7e2e8;border-radius:14px;background:#f8fbfc}
.marketDisplayPanel .cmsItemHead,.marketItemManager .cmsItemHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.marketDisplayPanel .cmsItemHead span{font-size:12px;color:#6c7f88}
.marketDisplayGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.marketDisplayGrid label{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid #e1eaee;border-radius:10px;font-size:12px;font-weight:800}
.marketDisplayGrid input[type=range]{width:100%}.marketDisplayGrid b{font-size:11px;color:#087f7d;white-space:nowrap}.marketColorControl{display:flex;align-items:center;gap:8px}.marketColorControl input[type=color]{width:44px;height:34px;border:0;background:none;padding:0}.marketColorControl input:not([type=color]){width:105px;height:34px;border:1px solid #ccdbe1;border-radius:7px;padding:0 8px}
.marketToggle input{width:20px;height:20px}
.marketAdminPreview{margin-top:16px;padding:15px 18px;border-radius:11px;background:linear-gradient(90deg,#061f2b,#073542);overflow:hidden;white-space:nowrap}.marketAdminPreview>b{display:block;margin-bottom:8px;color:#74dac6;font-size:9px;letter-spacing:.14em}.marketAdminPreview div{display:flex;gap:26px;align-items:center}.marketAdminPreview span strong{color:#7ef1d7;margin-right:5px}
.marketItemManager .cmsItemHead button,.marketSaveBar button{border:0;border-radius:8px;background:#087f7d;color:#fff;font-weight:900;padding:11px 16px;cursor:pointer}.marketManageRows{display:grid;gap:10px}.marketManageRow{display:grid;grid-template-columns:70px 125px minmax(170px,1.4fr) 115px 90px 95px 62px 86px;gap:8px;align-items:end;padding:12px;background:#fff;border:1px solid #e0e9ed;border-radius:10px}.marketManageRow label{display:grid;gap:5px}.marketManageRow label span{font-size:9px;font-weight:900;color:#687b84;letter-spacing:.05em;text-transform:uppercase}.marketManageRow input,.marketManageRow select{width:100%;height:36px;border:1px solid #cbd9e1;border-radius:7px;padding:0 9px;background:#fff;font:inherit;font-size:12px}.marketManageRow input:disabled{background:#f0f5f6;color:#597078}.marketActive{justify-items:center}.marketActive input{width:19px;height:19px}.marketRowOrder{display:grid;grid-template-columns:1fr 1fr;gap:4px}.marketRowOrder button{height:27px;border:1px solid #cad8de;background:#fff;border-radius:6px;cursor:pointer}.marketRowOrder small{grid-column:1/3;text-align:center;color:#6c7f88}.marketDelete{height:36px;border:1px solid #f0c8c5;background:#fff7f6;color:#a33d35;border-radius:7px;font-weight:850;cursor:pointer}.marketAdminMessage{padding:11px 14px;border-radius:8px;background:#eef9f6;color:#176d5c;font-weight:750}.marketSaveBar{display:flex;justify-content:flex-end;margin:18px 0 30px}
@media(max-width:1150px){.marketManageRow{grid-template-columns:60px repeat(3,minmax(120px,1fr));}.marketWide{grid-column:span 2}.marketDelete{grid-column:-2/-1}}
@media(max-width:720px){.marketDisplayGrid{grid-template-columns:1fr}.marketManageRow{grid-template-columns:55px 1fr 1fr}.marketWide{grid-column:2/4}.marketDelete{grid-column:3}.marketAdminPreview div{overflow-x:auto}}


/* Rev.5.6.6 - CMS service URL slug controls */
.cmsSlugField{display:flex;gap:8px;align-items:center}
.cmsSlugField>input{flex:1 1;min-width:0;background:#f3f7f8}
.cmsSlugActions{display:flex;gap:6px;flex-wrap:wrap}
.cmsSlugActions button{border:1px solid #b9cdd2;background:#fff;color:#075d63;padding:8px 10px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}
.cmsSlugActions button:hover{background:#edf7f6;border-color:#138e87}
.cmsSlugHint{display:block;margin-top:6px;color:#657b83;font-size:11px;font-weight:600}
@media(max-width:760px){.cmsSlugField{align-items:stretch;flex-direction:column}.cmsSlugActions button{flex:1 1}}

/* Rev.5.6.7 - calculation safety + membership registration controls */
.fuelDbConnection.fallback,
.fuelDbConnection:has(.fallback){border-color:#b45309;background:#fff7ed}
.fuelDbConnection:has(.fallback) b{color:#9a3412}
.criticalWarning{border-color:#b91c1c!important;background:#fff1f2!important}
.criticalWarning strong{color:#991b1b}
.registrationSettingsPanel{margin-bottom:28px}
.adminSectionHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.registrationSettingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.registrationSettingsGrid article{border:1px solid #d9e3e0;border-radius:14px;padding:14px;background:#fff;display:grid;gap:10px}
.registrationSettingsGrid label:not(.adminSwitch),.registrationPolicyRow>label:not(.adminSwitch){display:grid;gap:6px;font-weight:700}
.registrationSettingsGrid input[type="text"],.registrationPolicyRow input[type="number"]{width:100%;border:1px solid #cad8d4;border-radius:8px;padding:9px 10px}
.registrationPolicyRow{display:flex;gap:20px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid #e5ecea}
.requiredMark{color:#b91c1c;font-style:normal}
.fieldError input,.fieldError select{border-color:#b91c1c!important;box-shadow:0 0 0 2px rgba(185,28,28,.08)}
.formError small{display:block;margin-top:8px}
@media(max-width:900px){.registrationSettingsGrid{grid-template-columns:1fr 1fr}.adminSectionHead{flex-direction:column}.registrationPolicyRow{flex-direction:column;align-items:stretch}}
@media(max-width:600px){.registrationSettingsGrid{grid-template-columns:1fr}}

/* Rev.5.6.7 FIX3 - ECC print assumptions horizontal layout */
@media print {
  .simPanel.printPanel.totalCostPanel .simSettings.totalSettings {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 16px !important;
    align-items: stretch !important;
  }

  .simPanel.printPanel.totalCostPanel .simSettings.totalSettings label {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #607782 !important;
    font-size: 6.8pt !important;
    line-height: 1.2 !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .simPanel.printPanel.totalCostPanel .simSettings.totalSettings input,
  .simPanel.printPanel.totalCostPanel .simSettings.totalSettings select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0a3340 !important;
    font-size: 10pt !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}


/* Rev.5.6.7 FIX9 — FuelEU Allocation uses the same responsive content container as ECC.
   Hero remains full width; Allocation body follows the shared .container / CMS Design Settings width. */
.simulatorPage .allocationShell.container{
  margin-inline:auto;
}
@media print{
  .simulatorPage .allocationShell.container{width:100%!important;max-width:none!important;margin:0!important}
}

/* Rev.5.6.7 FIX7 — FuelEU Allocation print completeness
   Keep every allocation table/section printable on A4 portrait without horizontal clipping. */
@media print {
  /* The older generic rule kept every allocation section on one page. Large
     sections then overflowed / were clipped. Allow page breaks between rows. */
  .allocationShell section,
  .allocationShell .allocationPanel,
  .allocationShell .allocationCompare,
  .allocationShell .validationPanel,
  .allocationShell .verifierFormatBlock,
  .allocationShell .resultVisualGrid,
  .allocationShell .allocationResults {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  /* Never use the on-screen horizontal scroller in the printed report. */
  .allocationShell .tableWrap,
  .allocationShell .verifierFormatBlock .tableWrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  /* Base allocation tables: remove the 900/1450px screen minimums so the
     right-side columns are not cut off in PDF. */
  .allocationShell .allocationTable,
  .allocationShell .allocationCompareTable,
  .allocationShell .matrixTable {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    font-size: 6.2pt !important;
  }

  .allocationShell .allocationTable th,
  .allocationShell .allocationTable td {
    padding: 4px 3px !important;
    font-size: 6.2pt !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    vertical-align: top !important;
  }

  .allocationShell .allocationTable th small,
  .allocationShell .allocationTable td small {
    margin-top: 2px !important;
    font-size: 5.4pt !important;
    line-height: 1.18 !important;
  }

  .allocationShell .allocationTable input,
  .allocationShell .allocationTable select {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 6.2pt !important;
    font-weight: 700 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  /* The verifier-style Before / After tables have ten columns. Use a slightly
     smaller print type while retaining all columns and values. */
  .allocationShell .annualEnergyTable {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 5.4pt !important;
  }
  .allocationShell .annualEnergyTable th,
  .allocationShell .annualEnergyTable td {
    padding: 3px 2px !important;
    font-size: 5.4pt !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  /* Permit long tables to continue on the next page and repeat their header. */
  .allocationShell table { page-break-inside: auto !important; }
  .allocationShell thead { display: table-header-group !important; }
  .allocationShell tbody { display: table-row-group !important; }
  .allocationShell tr {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /* Compact supporting blocks so more of the report fits without sacrificing
     any calculation result. */
  .allocationShell .allocationPanel,
  .allocationShell .validationPanel,
  .allocationShell .allocationCompare,
  .allocationShell .verifierFormatBlock {
    margin: 8px 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  .allocationShell .scopeCards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .allocationShell .scopeCard { padding: 8px !important; }
  .allocationShell .scopeCard span,
  .allocationShell .scopeCard small { font-size: 6.5pt !important; }
  .allocationShell .scopeCard b { font-size: 10pt !important; }

  .allocationShell .allocationResults {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .allocationShell .allocationResults article {
    padding: 9px !important;
    border-radius: 7px !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .allocationShell .allocationResults b { font-size: 10pt !important; }
  .allocationShell .allocationResults span,
  .allocationShell .allocationResults small { font-size: 6.3pt !important; }

  .allocationShell .resultVisualGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .allocationShell .resultChartCard,
  .allocationShell .compareGrid article,
  .allocationShell .validation {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .allocationShell .annualEnergySummary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    font-size: 6.2pt !important;
  }
  .allocationShell .annualEnergySummary > div { padding: 5px !important; }
  .allocationShell .annualEnergySummary span { font-size: 5.8pt !important; }

  .allocationShell .adminFootnote,
  .allocationShell .allocationCompareHint,
  .allocationShell .panelHeader p,
  .allocationShell .allocationIntro p {
    font-size: 7pt !important;
    line-height: 1.35 !important;
  }
}


/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/70-release-overrides.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Rev.6.4 CSS Architecture
 * 70-release-overrides.css
 * Analytics, security, Rev.6 corporate UI, PDF and final release overrides.
 * Cascade segment 3207:3662; keep import order unchanged.
 */
/* =========================================================
   REV.5.9.0 — WEBSITE ANALYTICS & MODULE GALLERY
   ========================================================= */
.analyticsCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.analyticsCards article{padding:22px;border:1px solid #d9e5e9;background:#fff;box-shadow:0 10px 30px rgba(8,43,58,.05)}.analyticsCards span{display:block;color:#657985;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.analyticsCards strong{display:block;margin-top:12px;color:#082b3b;font-size:30px}.analyticsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analyticsPanel{background:#fff;border:1px solid #d9e5e9;padding:24px;margin-bottom:18px}.analyticsPanel h2{margin:0 0 18px;font-size:20px;color:#09283b}.analyticsRank{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf2f4;color:#526974}.analyticsRank b{color:#082b3b}.analyticsBars{height:220px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #ccdadd;padding:15px 4px 0}.analyticsBars>div{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.analyticsBars span{display:block;width:68%;min-height:5px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#20c7b5,#087b87)}.analyticsBars small{font-size:9px;color:#71858f;white-space:nowrap}.detailGallerySection{background:linear-gradient(180deg,#f2f9f7,#fff)}.detailGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detailGallery figure{margin:0;background:#fff;border:1px solid #dce8e9;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(10,64,67,.08)}.detailGallery figure>a>div{position:relative;height:260px;background:#e9f3f3;overflow:hidden}.detailGallery img{object-fit:cover;transition:transform .35s}.detailGallery figure:hover img{transform:scale(1.035)}.detailGallery figcaption{padding:14px 17px;color:#526a70;font-size:13px;line-height:1.55}.detailGallery-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.detailGallery-carousel figure{flex:0 0 min(560px,82vw);scroll-snap-align:start}.detailGallery-carousel figure>a>div{height:340px}
@media(max-width:900px){.analyticsCards{grid-template-columns:repeat(2,1fr)}.detailGallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.analyticsCards,.analyticsGrid,.detailGallery{grid-template-columns:1fr}.analyticsBars{gap:5px}.analyticsBars small{font-size:7px}.detailGallery figure>a>div,.detailGallery-carousel figure>a>div{height:230px}}

/* Rev.5.8.2 · secured administrator login */
.adminLoginPage{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#eef8f6,#f7fafc)}
.adminLoginCard{width:min(440px,100%);display:grid;gap:16px;padding:32px;border:1px solid #d7e6e4;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(7,47,55,.12)}
.adminLoginCard label{display:grid;gap:7px;font-weight:700;color:#173f48}.adminLoginCard input{width:100%;padding:12px;border:1px solid #cbdadb;border-radius:9px}.adminLoginError{padding:10px 12px;border-radius:8px;background:#fff0f0;color:#a52222;font-weight:700}

/* Rev.5.9.0 · administrator users, audit trail and backup manager */
.adminMgmtPanel{margin:24px 0;padding:24px;border:1px solid #d7e4e7;background:#fff;border-radius:14px}.adminMgmtPanel h2{margin:0 0 18px}.adminMessage{margin:16px 0;padding:12px 14px;border-radius:9px;background:#eef8f6;color:#07595c;font-weight:700}.adminUserForm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.adminUserForm label{display:grid;gap:6px;font-weight:700}.adminUserForm input,.adminUserForm select,.adminUserList select{width:100%;padding:10px;border:1px solid #cbdadd;border-radius:8px;background:#fff}.adminUserList{display:grid;gap:12px}.adminUserList article{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.7fr) minmax(130px,.6fr) minmax(260px,1fr);gap:14px;align-items:center;padding:16px;border:1px solid #dfebed;border-radius:10px}.adminUserList article>div:first-child{display:grid;gap:3px}.adminUserList span,.adminUserList small{color:#647a83}.adminUserActions{display:flex;gap:7px;flex-wrap:wrap}.adminUserActions button{padding:8px 10px}.adminUserActions .danger{color:#a52222}.auditTable{margin-top:22px;border:1px solid #d8e5e7;background:#fff}.auditTable>div{display:grid;grid-template-columns:190px 240px 190px minmax(240px,1fr);gap:12px;padding:11px 14px;border-bottom:1px solid #edf2f3}.auditHead{background:#eef5f6}.backupRow{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf2f3}.backupRow span{color:#6b7f87}@media(max-width:980px){.adminUserForm{grid-template-columns:repeat(2,1fr)}.adminUserList article{grid-template-columns:1fr 1fr}.auditTable{overflow-x:auto}.auditTable>div{min-width:850px}}@media(max-width:620px){.adminUserForm,.adminUserList article{grid-template-columns:1fr}.backupRow{display:grid}}

/* Rev.6.0.0 — final mobile navigation stabilization */
@media (max-width: 980px) {
  .enterpriseHeader {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
  }

  .enterpriseHeader .enterpriseNav {
    position: relative !important;
    min-height: 64px !important;
  }

  .enterpriseHeader .menuButton {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    padding: 10px !important;
    border: 1px solid rgba(8, 85, 92, .24) !important;
    border-radius: 12px !important;
    background: #fff !important;
    z-index: 1202 !important;
  }

  .enterpriseHeader .menuButton span {
    display: block !important;
    width: 23px !important;
    height: 2px !important;
    flex: 0 0 2px !important;
    border-radius: 999px !important;
    background: #0b3347 !important;
    opacity: 1 !important;
  }

  .enterpriseHeader .mainNav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 1201 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-height: calc(100vh - 96px) !important;
    padding: 14px 18px 18px !important;
    overflow-y: auto !important;
    background: rgba(255,255,255,.99) !important;
    border: 1px solid #d9e5e7 !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 60px rgba(0,35,45,.22) !important;
  }

  .enterpriseHeader .mainNav.open { display: flex !important; }

  .enterpriseHeader .mainNav > a,
  .enterpriseHeader .mainNav .memberNav,
  .enterpriseHeader .mainNav .navTextButton {
    display: block !important;
    width: 100% !important;
    padding: 12px 8px !important;
    color: #173b45 !important;
    border-bottom: 1px solid #e7eff1 !important;
    font-size: 14px !important;
  }

  .enterpriseHeader .mainNav .navCta {
    margin-top: 10px !important;
    color: #fff !important;
    text-align: center !important;
    border-bottom: 0 !important;
  }
}

/* Rev.6.1.0 — practical customer inquiry workflow */
.websiteTrap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacyConsent{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.privacyConsent input{width:auto!important;margin:2px 0 0!important}.privacyConsent span{font-weight:500;line-height:1.5}.inquiryAttachment small{display:block;margin-top:7px;color:#6a7e84;font-weight:500}.adminPageShell{min-height:calc(100vh - 70px);padding:54px 0 80px;background:#f2f7f8}.adminPageShell h1{margin:8px 0 10px;color:#082b3b;font-size:clamp(34px,4vw,54px)}.adminPageShell>.container>p{color:#60757d}.inquiryAdmin{margin-top:28px}.inquiryAdminTools{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto auto minmax(120px,.6fr);gap:10px;align-items:center;padding:16px;border:1px solid #d6e3e6;background:#fff}.inquiryAdminTools input,.inquiryAdminTools select,.inquiryAdminGrid input,.inquiryNoteForm input{width:100%;padding:10px 12px;border:1px solid #cbdadd;border-radius:8px;background:#fff;font:inherit}.inquiryAdminTools button,.inquiryNoteForm button{padding:10px 13px;border:1px solid #aac6ca;border-radius:8px;background:#fff;cursor:pointer}.inquiryAdminTools span{font-size:12px;color:#0a696d}.inquirySummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.inquirySummary article{padding:18px;border:1px solid #d7e4e7;background:#fff}.inquirySummary span{display:block;color:#647a82;font-size:12px;font-weight:800;text-transform:uppercase}.inquirySummary strong{display:block;margin-top:8px;color:#083545;font-size:28px}.inquiryAdminList{display:grid;gap:16px}.inquiryAdminCard{padding:22px;border:1px solid #d6e3e6;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(8,43,58,.05)}.inquiryAdminHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inquiryAdminHead>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inquiryAdminHead select{padding:9px 12px;border:1px solid #cbdadd;border-radius:8px}.inquiryAdminHead time{color:#6c8188;font-size:12px}.inquiryAdminCard h2{margin:16px 0 6px;font-size:22px}.inquiryAdminCard>p{white-space:pre-wrap;line-height:1.7;color:#455f67}.inquiryContacts{display:flex;gap:16px;flex-wrap:wrap}.inquiryContacts a,.inquiryAttachments a{color:#08747d}.inquiryAdminGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;padding:15px;background:#f6f9fa}.inquiryAdminGrid label,.inquiryAdminGrid>div{display:grid;gap:6px}.inquiryAdminGrid span,.inquiryAdminGrid small{color:#60757d;font-size:12px}.inquiryAdminGrid small{color:#a33b2f;word-break:break-word}.inquiryAttachments{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}.inquiryNoteForm{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:16px}.inquiryNotes{display:grid;gap:8px;margin-top:14px}.inquiryNotes>div{padding:12px 14px;border-left:3px solid #0b948b;background:#f2f8f7}.inquiryNotes span{color:#6c8188;font-size:11px}.inquiryNotes p{margin:5px 0 0;white-space:pre-wrap}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f5f3;color:#07635f;font-size:11px;font-weight:800}
@media(max-width:900px){.inquiryAdminTools{grid-template-columns:1fr 1fr}.inquirySummary{grid-template-columns:repeat(2,1fr)}.inquiryAdminGrid{grid-template-columns:1fr}.inquiryNoteForm{grid-template-columns:1fr 1fr}.inquiryNoteForm input{grid-column:1/-1}}
@media(max-width:600px){.inquiryAdminTools,.inquirySummary,.inquiryNoteForm{grid-template-columns:1fr}.inquiryAdminHead{display:grid}.inquiryAdminHead select{width:100%}.contactForm{padding:20px}}

/* Rev.6.2.1 - simulation commercial request workflow */
.commercialActionGroup{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.simRequest{border:1px solid #0b7775;background:#eef9f8;color:#064c50;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.simRequest:hover{background:#dff5f2}.commercialRequestShell{align-items:start}.commercialSnapshotSummary{display:grid;gap:6px;margin-top:18px;padding:16px;border:1px solid #cbdde0;border-radius:14px;background:#f4f9f9}.commercialRequestShell textarea{width:100%}.adminToolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.commercialRequestList{display:grid;gap:12px}.commercialRequestCard{border:1px solid #cbdde0;border-radius:12px;background:#fff;overflow:hidden}.commercialRequestCard>summary{display:grid;grid-template-columns:1.2fr 1fr 1.4fr 1.2fr .7fr;gap:12px;padding:14px;cursor:pointer;align-items:center}.commercialRequestBody{padding:16px;border-top:1px solid #dce7e8}.commercialRequestBody dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.commercialRequestBody dl div{padding:10px;background:#f5f9f9;border-radius:8px}.commercialRequestBody dt{font-size:12px;color:#557}.commercialAdminFields{display:grid;grid-template-columns:180px 1fr 2fr;gap:12px;margin:16px 0}.commercialAdminFields label{display:grid;gap:6px}.commercialAdminFields textarea{min-height:90px}.commercialRequestBody pre{max-height:420px;overflow:auto;background:#081f2a;color:#dff;padding:14px;border-radius:8px;font-size:12px}@media(max-width:900px){.commercialRequestCard>summary{grid-template-columns:1fr 1fr}.commercialRequestBody dl,.commercialAdminFields{grid-template-columns:1fr}}


/* Rev.6.3 — Corporate website and simulator action standardization */
.simSupport{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(15,76,92,.32);border-radius:8px;background:#fff;color:#0f4c5c;font-weight:700;text-decoration:none;transition:.2s ease}
.simSupport:hover{background:#eef7f7;border-color:#0f4c5c;transform:translateY(-1px)}
.simActions{gap:10px;align-items:center;flex-wrap:wrap}
.ukEtsPanel .simPanelHead,.ukEtsPanel .simMetrics,.ukEtsPanel .resultVisualGrid,.ukEtsPanel .assessmentSummary{max-width:none}
.ukEtsSettings label small{display:block;margin-top:5px;color:#62777c;font-size:12px}
@media(max-width:720px){.simActions>*{width:100%}.simSupport{width:100%}}

.reportProfessionalSupport{margin-top:14px;padding-top:12px;border-top:1px solid rgba(15,76,92,.18);color:#173f49}.reportProfessionalSupport strong{color:#0f4c5c}


/* Rev.6.3.1 — KMOC Simulator UI Standard
   Shared visual language for ECC, EU ETS, FuelEU, IMO-GFI, IMO CII,
   FuelEU Allocation and UK ETS. Calculation logic is intentionally unchanged. */
:root{
  --kmoc-sim-navy:#073f48;
  --kmoc-sim-teal:#087d76;
  --kmoc-sim-mint:#eaf7f4;
  --kmoc-sim-line:#d9e7e5;
  --kmoc-sim-soft:#f6faf9;
  --kmoc-sim-text:#173943;
  --kmoc-sim-muted:#667d84;
  --kmoc-sim-radius:18px;
  --kmoc-sim-shadow:0 14px 42px rgba(5,77,75,.07);
}
.simulatorBody{background:linear-gradient(180deg,#f3f8f7 0,#f8fbfb 220px,#f4f8f8 100%)}
.simulatorBody .container{max-width:1480px}
.simTabs{position:sticky;top:76px;z-index:30;width:100%;overflow-x:auto;justify-content:flex-start;border-color:var(--kmoc-sim-line);box-shadow:0 8px 26px rgba(5,77,75,.05)}
.simTabs button,.simTabs a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.simPanel{border-color:var(--kmoc-sim-line);border-radius:24px;box-shadow:var(--kmoc-sim-shadow)}
.simPanel.printPanel:before{margin:-8px 0 28px;padding-bottom:14px;color:#688086}
.simPanelHead{align-items:flex-start;padding:22px;border:1px solid var(--kmoc-sim-line);border-radius:var(--kmoc-sim-radius);background:linear-gradient(135deg,#fbfdfd,#f2f8f7);margin-bottom:20px}
.simPanelHead h2{color:var(--kmoc-sim-text);font-size:clamp(1.65rem,2.4vw,2.55rem)}
.simPanelHead .eyebrow{color:var(--kmoc-sim-teal)}
.simPanelHead>div:first-child:after{content:"";display:none}
.simLead,.simPanelHead p{max-width:800px}
.simSettings{padding:14px;border:1px solid #dce9e7;border-radius:14px;background:#fff}
.simSettings label{min-width:120px}
.simSettings input,.simSettings select,.poolingBox input,.reportIdentity input{min-height:42px;border-color:#c8dcda;background:#fff}
.simSettings input:focus,.simSettings select:focus,.simTable input:focus,.simTable select:focus,.reportIdentity input:focus{outline:3px solid rgba(8,125,118,.12);border-color:var(--kmoc-sim-teal)}
.reportIdentity{padding:16px;border:1px solid var(--kmoc-sim-line);border-radius:14px;background:#fbfdfd}
.simSectionCard{margin:18px 0;padding:20px;border:1px solid var(--kmoc-sim-line);border-radius:var(--kmoc-sim-radius);background:#fff;box-shadow:0 8px 28px rgba(5,77,75,.04)}
.simSectionTitle{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.simSectionTitle>span,.simStepBadge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--kmoc-sim-navy);color:#fff;font-size:12px;font-weight:900;letter-spacing:.05em}
.simSectionTitle small{display:block;color:var(--kmoc-sim-teal);font-size:10px;font-weight:900;letter-spacing:.13em}
.simSectionTitle h3{margin:3px 0 0;color:var(--kmoc-sim-text);font-size:1.15rem}
.simIntroTitle{display:flex;align-items:flex-start;gap:13px}
.simTableWrap{border-color:var(--kmoc-sim-line);border-radius:13px;background:#fff}
.simTable th{position:sticky;top:0;z-index:1;background:#eaf4f2;color:#425f66;font-size:10px;font-weight:900;letter-spacing:.06em}
.simTable tbody tr:nth-child(even){background:#fbfdfd}
.simTable tbody tr:hover{background:#f0f8f6}
.simTable td{border-top-color:#e4eeec}
.simMetrics{gap:14px;margin:18px 0 22px}
.simMetrics article{min-height:104px;padding:19px;border-color:var(--kmoc-sim-line);border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbfa)}
.simMetrics span{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.simMetrics b,.simMetrics strong{display:block;color:var(--kmoc-sim-text);font-size:clamp(1.05rem,1.55vw,1.45rem)}
.resultVisualGrid{gap:16px}
.resultChartCard{border-color:var(--kmoc-sim-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(5,77,75,.035)}
.assessmentSummary{border-radius:18px!important;border-color:var(--kmoc-sim-line)!important}
.simActions{position:sticky;bottom:12px;z-index:20;margin-top:22px;padding:12px;border:1px solid rgba(206,224,222,.9);border-radius:14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 34px rgba(4,54,61,.12)}
.simActions .simAdd,.simActions .simPrint,.simActions .simSupport{min-height:44px;margin-top:0;border-radius:10px;padding:0 17px}
.simActions .simPrint{background:var(--kmoc-sim-navy)}
.simActions .simAdd{background:#eef8f6;border-color:#a6cfca}
.standaloneNotice,.regimePolicy,.draftWarning,.simHelpBar{border-radius:14px}
.ukEtsPanel .ukEtsIntro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(480px,.9fr);align-items:start}
.ukEtsPanel .ukEtsSettings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}
.ukEtsPanel .ukResultSection{background:linear-gradient(180deg,#fff,#fbfdfd)}
.ukEtsPanel .ukEtsResults{grid-template-columns:repeat(5,minmax(0,1fr))}
.ukEtsPanel .ukEtsResults article:nth-last-child(-n/**/+2){background:linear-gradient(180deg,#f0f8f6,#e9f6f3)}
.ukEtsPanel .ukEtsResults article:last-child{border-color:#9bcac4}
@media(max-width:1100px){
  .ukEtsPanel .ukEtsIntro{grid-template-columns:1fr}
  .ukEtsPanel .ukEtsSettings{grid-template-columns:repeat(2,1fr)}
  .ukEtsPanel .ukEtsResults{grid-template-columns:repeat(2,1fr)}
  .simTabs{top:66px}
}
@media(max-width:720px){
  .simPanel{padding:18px;border-radius:18px}
  .simPanelHead,.simSectionCard{padding:16px}
  .simIntroTitle{display:block}.simStepBadge{margin-bottom:10px}
  .ukEtsPanel .ukEtsSettings,.ukEtsPanel .ukEtsResults{grid-template-columns:1fr}
  .simActions{position:static;display:grid;grid-template-columns:1fr}
  .simActions>*{width:100%}
}
@media print{
  .simSectionCard{padding:0!important;border:0!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid}
  .simSectionTitle{margin:10px 0 6px!important}
  .simSectionTitle>span,.simStepBadge{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:7pt!important}
  .simActions{display:none!important}
}


/* Rev.6.3.2 — Corporate Website UI Renewal
   Public-facing pages only. Simulator calculations and business logic are unchanged. */
:root{
  --kmoc-corp-ink:#082f3a;
  --kmoc-corp-teal:#078a80;
  --kmoc-corp-teal-dark:#05665f;
  --kmoc-corp-soft:#f3f8f7;
  --kmoc-corp-line:#d8e6e4;
  --kmoc-corp-muted:#637b82;
  --kmoc-corp-radius:18px;
  --kmoc-corp-shadow:0 18px 48px rgba(5,54,63,.08);
}
body{color:var(--kmoc-corp-ink);background:#fff}
.corporateHome .section{padding-top:clamp(72px,7vw,108px);padding-bottom:clamp(72px,7vw,108px)}
.corporateHome .section:nth-of-type(even){background:linear-gradient(180deg,#fbfdfd,#f4f9f8)}
.sectionIntro,.sectionHead{align-items:end;gap:36px;margin-bottom:clamp(28px,4vw,50px)}
.sectionIntro h2,.sectionHead h2,.contactInfo h2,.aboutGrid h2{color:var(--kmoc-corp-ink);letter-spacing:-.035em;text-wrap:balance}
.sectionIntro>p{max-width:680px;color:var(--kmoc-corp-muted);line-height:1.75}
.eyebrow.dark{color:var(--kmoc-corp-teal);letter-spacing:.16em}

/* Header */
.persistentSiteHeader{box-shadow:0 1px 0 rgba(8,47,58,.08)}
.header.enterpriseHeader{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.enterpriseHeader .enterpriseNav{min-height:68px}
.enterpriseHeader .brandWordmark strong{letter-spacing:-.025em}
.enterpriseHeader .mainNav>a,.enterpriseHeader .navTextButton{position:relative;color:#173b44!important;transition:color .18s ease}
.enterpriseHeader .mainNav>a:not(.navCta):after,.enterpriseHeader .navTextButton:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:2px;border-radius:2px;background:var(--kmoc-corp-teal);transition:left .2s ease,right .2s ease}
.enterpriseHeader .mainNav>a:not(.navCta):hover:after,.enterpriseHeader .mainNav>a.navActive:not(.navCta):after{left:0;right:0}
.enterpriseHeader .mainNav>a.navActive{color:var(--kmoc-corp-teal-dark)!important}
.enterpriseHeader .navCta{display:inline-flex;align-items:center;gap:8px;border-radius:999px;box-shadow:0 10px 28px rgba(7,138,128,.18);transition:transform .18s ease,box-shadow .18s ease}
.enterpriseHeader .navCta:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(7,138,128,.24)}

/* Hero and business navigation */
.enterpriseHero{border-bottom:1px solid rgba(8,47,58,.08)}
.enterpriseHeroCopy{max-width:760px}
.enterpriseHeroCopy h1{letter-spacing:-.055em;text-wrap:balance}
.heroDescription{max-width:690px;line-height:1.75}
.enterpriseHeroActions{gap:12px}
.heroBtn{min-height:48px;border-radius:999px;padding-inline:22px}
.heroBusinessNav{border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -10px 36px rgba(4,37,45,.12)}
.heroBusinessNav button{min-height:58px;transition:background .18s ease,color .18s ease}
.enterprisePerformance{border-radius:0 0 18px 18px;box-shadow:var(--kmoc-corp-shadow)}

/* Corporate cards */
.cards,.projectGrid,.newsGrid{align-items:stretch}
.card,.projectCard,.newsCard{border:1px solid var(--kmoc-corp-line);border-radius:var(--kmoc-corp-radius);background:#fff;box-shadow:0 10px 34px rgba(5,54,63,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.card:hover,.projectCard:hover,.newsCard:hover{transform:translateY(-4px);border-color:#b8d5d1;box-shadow:var(--kmoc-corp-shadow)}
.card h3,.projectCard h3,.newsCard h3{color:var(--kmoc-corp-ink);letter-spacing:-.025em}
.card p,.projectCard p,.newsCard p{color:var(--kmoc-corp-muted);line-height:1.65}
.card>a,.newsCard>b,.sectionHead>a,.textLink{color:var(--kmoc-corp-teal-dark);font-weight:800}
.serviceThumb,.projectPhoto,.newsPhoto{background:#eaf2f1}
.serviceThumb img,.projectPhoto img,.newsPhoto img{transition:transform .45s ease}
.card:hover img,.projectCard:hover img,.newsCard:hover img{transform:scale(1.035)}

/* Simulator promotion alignment with corporate design */
.simulatorPromo{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(1,28,37,.25)}
.simulatorPromoPanel{border-radius:var(--kmoc-corp-radius)}
.simulatorPromoActions .btn{min-height:48px;border-radius:999px}

/* Contact and listing pages */
.listingHero{padding-top:clamp(76px,8vw,126px);padding-bottom:clamp(62px,7vw,105px);border-bottom:1px solid var(--kmoc-corp-line)}
.listingHero h1{max-width:980px;letter-spacing:-.05em;text-wrap:balance}
.listingHero>div>p:last-child{max-width:760px;line-height:1.75}
.contactGrid{gap:clamp(42px,7vw,105px);align-items:start}
.contactInfo{position:sticky;top:160px}
.contactInfo dl{padding-top:24px;border-top:1px solid var(--kmoc-corp-line)}
.contactInfo dt{color:#789096;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.contactInfo dd{margin-bottom:20px;color:var(--kmoc-corp-ink)}
.contactForm{border:1px solid var(--kmoc-corp-line);border-radius:24px;background:linear-gradient(180deg,#fbfdfd,#f5f9f8);padding:clamp(22px,3vw,38px);box-shadow:var(--kmoc-corp-shadow)}
.contactForm input,.contactForm select,.contactForm textarea{border-color:#c8dbd8;background:#fff;border-radius:10px;min-height:46px}
.contactForm textarea{min-height:160px}
.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{outline:3px solid rgba(7,138,128,.12);border-color:var(--kmoc-corp-teal)}
.contactForm .btn.primary{min-height:48px;border-radius:999px;padding-inline:24px}
.formHelp{border:1px solid var(--kmoc-corp-line);border-radius:12px;background:var(--kmoc-corp-soft);padding:14px}

/* About and general corporate content */
.aboutGrid{gap:clamp(42px,8vw,120px)}
.aboutGrid>div:last-child{max-width:780px}
.aboutGrid p{color:var(--kmoc-corp-muted);line-height:1.82}
.valueGrid article{border-top:3px solid var(--kmoc-corp-teal);background:#fff;border-radius:0 0 16px 16px;box-shadow:0 12px 32px rgba(5,54,63,.05)}

/* CTA and footer */
.cta{background:linear-gradient(120deg,#063743,#08766f);border-top:1px solid rgba(255,255,255,.1)}
.ctaInner{gap:clamp(32px,7vw,100px);align-items:center}
.ctaInner h2{letter-spacing:-.045em;text-wrap:balance}
.ctaInner .btn.white{min-height:48px;border-radius:999px}
.siteFooter{background:#062b35;color:#dcebea;border-top:1px solid rgba(255,255,255,.08)}
.footerTop{gap:clamp(28px,5vw,70px);padding-top:clamp(54px,6vw,86px)}
.footerColumn h4,.footerContact h4{color:#fff;letter-spacing:.04em}
.footerColumn a,.footerContact a{color:#b8cfcd;transition:color .18s ease,transform .18s ease}
.footerColumn a:hover,.footerContact a:hover{color:#fff;transform:translateX(2px)}
.regulationBadges a{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.regulationBadges a:hover{background:rgba(255,255,255,.1)}
.copyright{border-top-color:rgba(255,255,255,.12)}

@media(max-width:980px){
  .contactInfo{position:static}
  .sectionIntro,.sectionHead{align-items:start}
}
@media(max-width:720px){
  .corporateHome .section{padding-top:58px;padding-bottom:58px}
  .sectionIntro,.sectionHead{gap:18px;margin-bottom:26px}
  .enterpriseHeader .mainNav>a:not(.navCta):after,.enterpriseHeader .navTextButton:after{display:none}
  .enterpriseHeader .mainNav>a.navActive{background:#edf7f5;border-radius:8px}
  .heroBusinessNav{border-radius:12px 12px 0 0}
  .contactForm{padding:18px;border-radius:18px}
}

/* Rev.6.3.3 — Professional Compliance Report */
.professionalReportCover,.professionalReportAppendix,.professionalReportContact{display:none}
@media print{
  @page{size:A4;margin:14mm 13mm 16mm}
  html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .professionalReportCover{display:flex!important;min-height:257mm;box-sizing:border-box;flex-direction:column;justify-content:space-between;page-break-after:always;break-after:page;padding:2mm 1mm 0;background:#fff;color:#102f38}
  .reportCoverTop{display:flex;align-items:flex-start;justify-content:space-between;border-top:5mm solid #0b5962;padding-top:8mm}.reportBrandMark{display:grid;gap:1.5mm}.reportBrandMark strong{font-size:20pt;letter-spacing:.02em;color:#073f48}.reportBrandMark span{font-size:7pt;font-weight:800;letter-spacing:.18em;color:#6a7f84}.reportCoverTop>b{padding:2mm 4mm;border:1px solid #9dacaf;font-size:7pt;letter-spacing:.12em;color:#536a70}
  .reportCoverBody{padding:20mm 4mm 8mm}.reportCoverBody>p{margin:0 0 5mm;font-size:8pt;font-weight:900;letter-spacing:.18em;color:#087d76}.reportCoverBody h1{max-width:165mm;margin:0;color:#102f38;font-size:29pt;line-height:1.12}.reportCoverBody h2{margin:4mm 0 0;color:#63787d;font-size:13pt;font-weight:500}.reportCoverRule{width:34mm;height:1.5mm;margin:9mm 0;background:#087d76}.reportCoverBody dl{display:grid;grid-template-columns:1fr 1fr;gap:5mm 12mm;max-width:170mm;margin:0}.reportCoverBody dl div,.reportCoverBottom dl div{display:grid;gap:1mm}.reportCoverBody dt,.reportCoverBottom dt{font-size:7pt;text-transform:uppercase;letter-spacing:.08em;color:#71858a}.reportCoverBody dd,.reportCoverBottom dd{margin:0;font-size:10pt;font-weight:800;color:#163d46}
  .reportCoverBottom{border-top:1px solid #bfcdd0;padding:7mm 3mm 4mm}.reportCoverBottom dl{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8mm;margin:0 0 6mm}.reportCoverBottom p{margin:0;color:#667b80;font-size:7pt;line-height:1.55}
  .reportAccent-blue .reportCoverTop{border-color:#286a9b}.reportAccent-blue .reportCoverRule{background:#286a9b}.reportAccent-green .reportCoverTop{border-color:#087d76}.reportAccent-green .reportCoverRule{background:#087d76}.reportAccent-purple .reportCoverTop{border-color:#65558f}.reportAccent-purple .reportCoverRule{background:#65558f}.reportAccent-orange .reportCoverTop{border-color:#b36b23}.reportAccent-orange .reportCoverRule{background:#b36b23}.reportAccent-cyan .reportCoverTop{border-color:#287f8f}.reportAccent-cyan .reportCoverRule{background:#287f8f}.reportAccent-navy .reportCoverTop{border-color:#073f48}.reportAccent-navy .reportCoverRule{background:#073f48}
  .professionalReportAppendix{display:block!important;page-break-before:always;break-before:page;min-height:220mm;padding-top:3mm;color:#183b44}.reportAppendixHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #0b5962;padding-bottom:4mm;margin-bottom:7mm}.reportAppendixHead p{margin:0 0 1.5mm;font-size:7pt;font-weight:900;letter-spacing:.14em;color:#087d76}.reportAppendixHead h2{margin:0;font-size:20pt}.reportAppendixHead>span{display:grid;place-items:center;min-width:20mm;height:11mm;border:1px solid #9cb0b4;font-size:8pt;font-weight:900}.reportControlGrid{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.reportControlGrid article{display:grid;gap:1.4mm;padding:5mm;border:1px solid #cdd9db;background:#f8fbfb;page-break-inside:avoid;break-inside:avoid}.reportControlGrid span{font-size:7pt;text-transform:uppercase;letter-spacing:.08em;color:#70858a}.reportControlGrid b{font-size:10pt;color:#173d46}.reportControlGrid small{font-size:7pt;color:#677c81}.reportBasis{margin-top:8mm;padding:6mm;border-left:1.5mm solid #087d76;background:#f7faf9}.reportBasis h3{margin:0 0 2mm;font-size:10pt}.reportBasis h3:not(:first-child){margin-top:5mm}.reportBasis p{margin:0;font-size:8pt;line-height:1.65;color:#455f66}
  .professionalReportContact{display:grid!important;grid-template-columns:1fr 1fr;gap:12mm;align-items:end;margin-top:10mm;padding:7mm;border-top:2px solid #0b5962;background:#f4f8f8;page-break-inside:avoid;break-inside:avoid}.professionalReportContact p{margin:0 0 2mm;font-size:7pt;font-weight:900;letter-spacing:.14em;color:#087d76}.professionalReportContact h2{margin:0 0 2mm;font-size:18pt;color:#103b45}.professionalReportContact span{font-size:8pt;color:#5d747a}.professionalReportContact dl{display:grid;grid-template-columns:1fr 1fr;gap:4mm 7mm;margin:0}.professionalReportContact dt{font-size:6.5pt;color:#70858a}.professionalReportContact dd{margin:1mm 0 0;font-size:8pt;font-weight:800;color:#183e47}
  .printReportHeader{page-break-before:auto}.assessmentSummary{page-break-inside:avoid}.resultVisualGrid,.simMetrics,.totalCostHero,.ukEtsResults,.allocationCompare{page-break-inside:avoid}.simTable tr{page-break-inside:avoid}.reportDisclaimer{page-break-inside:avoid}
}

/* =========================================================
   Rev.6.3.5 — Corporate UI Polish
   Hero navigation and Business Performance are placed in
   normal document flow to prevent text/card overlap.
   ========================================================= */
.enterpriseHero{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.heroPostSection{
  position:relative;
  z-index:8;
  padding:0 0 34px;
  background:linear-gradient(180deg,#f7fbfb 0%,#ffffff 100%);
  border-bottom:1px solid #e5eef0;
}
.heroPostSection .heroBusinessNav{
  position:relative!important;
  z-index:3;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-14px)!important;
  width:min(1580px,calc(100% - 80px))!important;
  margin:0 auto 2px;
  overflow:visible;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(4,37,45,.13);
}
.heroPostSection .heroBusinessNav button{
  min-height:62px;
  padding:12px 17px;
  border-color:rgba(255,255,255,.36);
  border-radius:12px;
}
.heroPostSection .enterprisePerformance{
  position:relative!important;
  z-index:2;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(1580px,calc(100% - 80px))!important;
  margin:0 auto!important;
  padding:12px 16px 14px;
  border-radius:16px;
  box-shadow:0 13px 30px rgba(4,42,53,.09);
}
.heroPostSection .performanceHeading{
  min-height:28px;
  margin-bottom:10px;
}
.heroPostSection .enterpriseKpis{
  gap:10px;
}
.heroPostSection .enterpriseKpi{
  min-height:80px;
  padding:10px 11px;
}
.enterpriseHero + .heroPostSection + .trustStrip,
.heroPostSection + .trustStrip{
  display:none!important;
}

/* General corporate polish */
.card,.projectCard,.newsCard,.detailGallery figure{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.card:hover,.projectCard:hover,.newsCard:hover{
  transform:translateY(-5px);
}
.btn,.heroBtn,.navCta,.contactNav{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover,.heroBtn:hover,.navCta:hover,.contactNav:hover{
  transform:translateY(-2px);
}
.sectionHead h2,.sectionIntro h2{
  text-wrap:balance;
}

@media(max-width:1200px){
  .heroPostSection .heroBusinessNav,
  .heroPostSection .enterprisePerformance{width:calc(100% - 48px)!important}
  .heroPostSection .enterpriseKpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .enterpriseHero{padding-bottom:0!important}
  .heroPostSection{padding-bottom:26px}
  .heroPostSection .heroBusinessNav{
    transform:translateY(-10px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:calc(100% - 32px)!important;
  }
  .heroPostSection .enterprisePerformance{
    width:calc(100% - 32px)!important;
  }
  .heroPostSection .enterpriseKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .heroPostSection .enterpriseKpi:last-child{grid-column:auto}
}
@media(max-width:560px){
  .enterpriseHero{padding-bottom:0!important}
  .heroPostSection{padding:0 0 20px}
  .heroPostSection .heroBusinessNav{
    transform:translateY(-8px)!important;
    grid-template-columns:1fr;
    width:calc(100% - 22px)!important;
    gap:6px;
    box-shadow:0 10px 24px rgba(4,37,45,.11);
  }
  .heroPostSection .heroBusinessNav button{min-height:52px;padding:10px 13px}
  .heroPostSection .enterprisePerformance{
    width:calc(100% - 22px)!important;
    padding:10px;
  }
  .heroPostSection .performanceHeading{display:block;margin-bottom:8px}
  .heroPostSection .performanceHeading strong:after{display:none}
  .heroPostSection .performanceHeading span{display:block;margin-top:4px;white-space:normal}
  .heroPostSection .enterpriseKpis{grid-template-columns:1fr 1fr;gap:7px}
  .heroPostSection .enterpriseKpi{min-height:68px;padding:8px}
  .heroPostSection .enterpriseKpiIcon{display:none}
}
@media print{
  .heroPostSection{page-break-inside:avoid;break-inside:avoid;box-shadow:none}
}


/* Rev.6.6.7 — Website Popup Notice */
.popupNoticeBackdrop{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:24px;background:rgba(4,18,31,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.popupNoticeCard{position:relative;width:min(620px,94vw);max-height:90vh;overflow:auto;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.30);border:1px solid rgba(15,55,72,.12)}
.popupNoticeClose{position:absolute;right:14px;top:12px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(7,32,48,.86);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.popupNoticeImage{position:relative;aspect-ratio:2/1;min-height:180px;overflow:hidden;background:#eaf1f4}.popupNoticeImage img{object-fit:cover}
.popupNoticeBody{padding:28px 30px 24px}.popupNoticeEyebrow{display:block;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#0b7c78}.popupNoticeBody h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.08;color:#0b3042}.popupNoticeBody p{margin:0;color:#526d78;font-size:15px;line-height:1.7;white-space:pre-line}
.popupNoticeActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.popupNoticeAction{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #bdd0d7;color:#163f50;font-size:12px;font-weight:900;text-decoration:none}.popupNoticeAction.primary{background:#0b6f75;border-color:#0b6f75;color:#fff}
.popupNoticeSuppress{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid #e3eaed}.popupNoticeSuppress span{width:100%;font-size:11px;font-weight:800;color:#6a7f88}.popupNoticeSuppress button{border:1px solid #d5e0e4;border-radius:8px;background:#f7f9fa;color:#435c66;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.popupNoticeSuppress button:hover{background:#eef4f5}
@media(max-width:600px){.popupNoticeBackdrop{align-items:end;padding:12px}.popupNoticeCard{width:100%;max-height:88vh;border-radius:18px}.popupNoticeBody{padding:23px 20px 20px}.popupNoticeImage{min-height:145px}.popupNoticeActions{display:grid}.popupNoticeAction{width:100%}.popupNoticeSuppress button{flex:1 1 auto}}

/* Rev.6.6.8 — Popup Notice Manager */
.cmsEmpty{padding:18px;border:1px dashed #ccd9de;border-radius:12px;color:#6a7f88;background:#f8fafb}
.cmsSubItem>.cmsItemHead span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#58727d}
.popupNoticeSuppress{justify-content:flex-end}.popupNoticeSuppress button{padding:9px 12px}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/75-ui-component-standard.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Design System Rev.1.0 — Rev.6.5.1
 * Phase 1: design tokens, typography, buttons and cards.
 * Functional behavior is intentionally unchanged.
 */
:root{
  /* Brand colors */
  --kmoc-color-navy-950:#04131f;
  --kmoc-color-navy-900:#061a29;
  --kmoc-color-navy-800:#09283b;
  --kmoc-color-blue-600:#1374ff;
  --kmoc-color-blue-700:#0c60dc;
  --kmoc-color-teal-500:#32d9d0;
  --kmoc-color-teal-300:#78eee7;
  --kmoc-color-ink-900:#102333;
  --kmoc-color-ink-700:#354d5c;
  --kmoc-color-muted:#617483;
  --kmoc-color-line:#dce6eb;
  --kmoc-color-surface:#ffffff;
  --kmoc-color-surface-muted:#f5f8fa;
  --kmoc-color-danger:#c73b36;
  --kmoc-color-success:#16846f;
  --kmoc-color-warning:#a96611;

  /* Compatibility aliases */
  --navy:var(--kmoc-color-navy-900);
  --navy2:var(--kmoc-color-navy-800);
  --blue:var(--kmoc-color-blue-600);
  --cyan:var(--kmoc-color-teal-500);
  --cyan2:var(--kmoc-color-teal-300);
  --ink:var(--kmoc-color-ink-900);
  --muted:var(--kmoc-color-muted);
  --line:var(--kmoc-color-line);
  --bg:var(--kmoc-color-surface-muted);

  /* Typography */
  --kmoc-font-sans:Arial,"Noto Sans KR",sans-serif;
  --kmoc-text-display:clamp(2.5rem,5vw,4rem);
  --kmoc-text-h1:clamp(2rem,3.5vw,3rem);
  --kmoc-text-h2:clamp(1.65rem,2.5vw,2.25rem);
  --kmoc-text-h3:1.25rem;
  --kmoc-text-body:1rem;
  --kmoc-text-small:.875rem;
  --kmoc-text-caption:.75rem;
  --kmoc-leading-tight:1.12;
  --kmoc-leading-body:1.7;

  /* Spacing */
  --kmoc-space-1:.25rem;
  --kmoc-space-2:.5rem;
  --kmoc-space-3:.75rem;
  --kmoc-space-4:1rem;
  --kmoc-space-5:1.5rem;
  --kmoc-space-6:2rem;
  --kmoc-space-7:3rem;
  --kmoc-space-8:4rem;

  /* Shape and elevation */
  --kmoc-radius-sm:.5rem;
  --kmoc-radius-md:.75rem;
  --kmoc-radius-lg:1.125rem;
  --kmoc-radius-pill:999px;
  --kmoc-shadow-sm:0 6px 18px rgba(7,32,49,.06);
  --kmoc-shadow-md:0 14px 38px rgba(7,32,49,.10);
  --kmoc-shadow-lg:0 24px 60px rgba(7,32,49,.16);
  --kmoc-transition:180ms ease;
}

body{font-family:var(--kmoc-font-sans)}

/* Typography primitives */
.kmocDisplay{margin:0;font-size:var(--kmoc-text-display);line-height:var(--kmoc-leading-tight);letter-spacing:-.045em;font-weight:800}
.kmocHeading{margin:0;font-size:var(--kmoc-text-h2);line-height:1.2;letter-spacing:-.03em;font-weight:800}
.kmocSubheading{margin:0;font-size:var(--kmoc-text-h3);line-height:1.35;letter-spacing:-.015em;font-weight:750}
.kmocBodyText{margin:0;font-size:var(--kmoc-text-body);line-height:var(--kmoc-leading-body);color:var(--kmoc-color-muted)}
.kmocCaption{font-size:var(--kmoc-text-caption);line-height:1.5;color:var(--kmoc-color-muted)}
.kmocEyebrow{margin:0;color:#087fa4;font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}

/* Button primitive */
.kmocButton{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;
  padding:.75rem 1.125rem;border:1px solid transparent;border-radius:var(--kmoc-radius-sm);
  font:700 .875rem/1 var(--kmoc-font-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;
  transition:background var(--kmoc-transition),border-color var(--kmoc-transition),color var(--kmoc-transition),transform var(--kmoc-transition),box-shadow var(--kmoc-transition)
}
.kmocButton:hover:not(:disabled){transform:translateY(-1px)}
.kmocButton:focus-visible{outline:3px solid rgba(19,116,255,.25);outline-offset:2px}
.kmocButton:disabled{opacity:.5;cursor:not-allowed;transform:none}
.kmocButton--primary{background:var(--kmoc-color-blue-600);color:white;box-shadow:0 10px 24px rgba(19,116,255,.22)}
.kmocButton--primary:hover:not(:disabled){background:var(--kmoc-color-blue-700);box-shadow:0 14px 30px rgba(19,116,255,.28)}
.kmocButton--secondary{background:var(--kmoc-color-navy-800);color:white}
.kmocButton--secondary:hover:not(:disabled){background:var(--kmoc-color-navy-900)}
.kmocButton--outline{background:white;color:var(--kmoc-color-ink-900);border-color:var(--kmoc-color-line)}
.kmocButton--outline:hover:not(:disabled){border-color:#a9bcc6;background:#f8fbfc}
.kmocButton--ghost{background:transparent;color:inherit;border-color:rgba(97,116,131,.45)}
.kmocButton--ghost:hover:not(:disabled){background:rgba(97,116,131,.08)}
.kmocButton--danger{background:var(--kmoc-color-danger);color:white}
.kmocButton--sm{min-height:36px;padding:.55rem .8rem;font-size:.75rem}
.kmocButton--lg{min-height:52px;padding:.95rem 1.4rem;font-size:.9375rem}
.kmocButton--full{width:100%}

/* Existing button compatibility — visual standardization without markup changes */
.btn,.button{
  min-height:44px;border-radius:var(--kmoc-radius-sm);transition:background var(--kmoc-transition),border-color var(--kmoc-transition),color var(--kmoc-transition),transform var(--kmoc-transition),box-shadow var(--kmoc-transition)
}
.btn:hover,.button:hover{transform:translateY(-1px)}
.btn:focus-visible,.button:focus-visible{outline:3px solid rgba(19,116,255,.25);outline-offset:2px}

/* Card primitive */
.kmocCard{
  overflow:hidden;background:var(--kmoc-color-surface);border:1px solid var(--kmoc-color-line);
  border-radius:var(--kmoc-radius-lg);box-shadow:var(--kmoc-shadow-sm)
}
.kmocCard--muted{background:var(--kmoc-color-surface-muted)}
.kmocCard--accent{border-color:rgba(50,217,208,.45);background:linear-gradient(180deg,#fff,#f5fdfc)}
.kmocCard--dark{background:var(--kmoc-color-navy-800);border-color:rgba(255,255,255,.12);color:white}
.kmocCard--interactive{transition:transform var(--kmoc-transition),box-shadow var(--kmoc-transition),border-color var(--kmoc-transition)}
.kmocCard--interactive:hover{transform:translateY(-4px);box-shadow:var(--kmoc-shadow-md);border-color:#bed0d8}
.kmocCard__header{padding:var(--kmoc-space-5) var(--kmoc-space-5) var(--kmoc-space-4);border-bottom:1px solid var(--kmoc-color-line)}
.kmocCard__body{padding:var(--kmoc-space-5)}
.kmocCard__footer{display:flex;align-items:center;gap:var(--kmoc-space-3);padding:var(--kmoc-space-4) var(--kmoc-space-5);border-top:1px solid var(--kmoc-color-line)}

/* Existing public cards receive the shared radius/elevation language. */
.cards>.card,.adminCards>a,.movingProductCard,.simPanel,.resultCard,.summaryCard{
  border-radius:var(--kmoc-radius-lg)
}
.cards>.card,.adminCards>a,.movingProductCard{
  box-shadow:var(--kmoc-shadow-sm);transition:transform var(--kmoc-transition),box-shadow var(--kmoc-transition),border-color var(--kmoc-transition)
}
.cards>.card:hover,.adminCards>a:hover,.movingProductCard:hover{box-shadow:var(--kmoc-shadow-md)}

@media(max-width:640px){
  .kmocButton{width:100%}
  .kmocCard__header,.kmocCard__body,.kmocCard__footer{padding-left:var(--kmoc-space-4);padding-right:var(--kmoc-space-4)}
}

@media(prefers-reduced-motion:reduce){
  .kmocButton,.btn,.button,.kmocCard--interactive,.cards>.card,.adminCards>a,.movingProductCard{transition:none!important;transform:none!important}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/76-simulator-layout-standard.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
:root{--kmoc-sim-header-radius:var(--radius-xl,24px);--kmoc-sim-section-gap:var(--space-6,24px)}
.kmocSimulatorShell{display:grid;gap:var(--kmoc-sim-section-gap)}
.kmocSimulatorHeader{--sim-accent:#123d57;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:28px;padding:30px;border:1px solid color-mix(in srgb,var(--sim-accent) 20%,#dbe5ea);border-radius:var(--kmoc-sim-header-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--sim-accent) 8%,white),#fff 62%);box-shadow:var(--shadow-sm,0 8px 24px rgba(12,42,56,.08));margin-bottom:24px}
.kmocSimulatorHeader:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--sim-accent)}
.kmocSimulatorHeader.tone-blue{--sim-accent:#176b9a}.kmocSimulatorHeader.tone-green{--sim-accent:#25836d}.kmocSimulatorHeader.tone-orange{--sim-accent:#c87126}.kmocSimulatorHeader.tone-cyan{--sim-accent:#168a9c}.kmocSimulatorHeader.tone-purple{--sim-accent:#7152a3}.kmocSimulatorHeader.tone-navy{--sim-accent:#123d57}
.kmocSimulatorEyebrow{margin:0 0 8px;color:var(--sim-accent);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kmocSimulatorHeader h1{margin:0;color:#102f40;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.035em}.kmocSimulatorDescription{max-width:760px;margin-top:13px;color:#526b78;line-height:1.7}.kmocSimulatorDescription p{margin:0}
.kmocSimulatorMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;align-content:start}.kmocSimulatorMeta div{min-width:0;padding:12px 14px;border:1px solid #e0e8ec;border-radius:14px;background:rgba(255,255,255,.78)}.kmocSimulatorMeta div:first-child{grid-column:1/-1}.kmocSimulatorMeta dt{margin-bottom:4px;color:#78909b;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kmocSimulatorMeta dd{margin:0;color:#183b4b;font-size:.88rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.kmocSimulatorHeaderActions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid #e0e8ec}
.kmocSimulatorSectionHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #e2eaee}.kmocSimulatorSectionHeading{display:flex;gap:14px;align-items:flex-start;min-width:0}.kmocSimulatorSectionNumber{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:#eaf2f5;color:#155b75;font-size:.76rem;font-weight:900;letter-spacing:.05em}.kmocSimulatorSectionHeading small{display:block;margin:0 0 4px;color:#64808e;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kmocSimulatorSectionHeading h2{margin:0;color:#153849;font-size:1.24rem;line-height:1.25}.kmocSimulatorSectionDescription{margin-top:7px;color:#657d89;font-size:.92rem;line-height:1.55}.kmocSimulatorSectionDescription p{margin:0}.kmocSimulatorSectionActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:900px){.kmocSimulatorHeader{grid-template-columns:1fr;padding:24px}.kmocSimulatorMeta div:first-child{grid-column:auto}.kmocSimulatorMeta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.kmocSimulatorHeader{padding:20px;border-radius:18px}.kmocSimulatorMeta{grid-template-columns:1fr}.kmocSimulatorSectionHeader{flex-direction:column}.kmocSimulatorSectionActions{justify-content:flex-start}.kmocSimulatorHeader h1{font-size:1.75rem}}@media print{.kmocSimulatorHeader{display:none!important}.kmocSimulatorSectionHeader{page-break-after:avoid;break-after:avoid}.kmocSimulatorSectionNumber{border:1px solid #cbd8de;background:#fff}}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/77-form-table-standard.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* KMOC Design System Rev.1.0 · Rev.6.5.3 Form & Table Standard */
.kmocField{display:grid;gap:7px;min-width:0;color:var(--kmoc-text,#0b3043);font-size:13px;font-weight:700}
.kmocField__label{display:block;line-height:1.3}.kmocField__label em{color:var(--kmoc-danger,#c9362b);font-style:normal}
.kmocField__hint,.kmocField__error{font-size:11px;font-weight:500;line-height:1.45}.kmocField__hint{color:var(--kmoc-text-muted,#5f7580)}.kmocField__error{color:var(--kmoc-danger,#c9362b)}
.kmocInput,.kmocSelect,.kmocTextarea{width:100%;min-height:44px;border:1px solid var(--kmoc-border,#cbdde1);border-radius:var(--kmoc-radius-md,10px);background:#fff;color:var(--kmoc-text,#0b3043);font:inherit;font-weight:500;padding:10px 12px;outline:none;transition:border-color var(--kmoc-transition-fast,160ms ease),box-shadow var(--kmoc-transition-fast,160ms ease),background var(--kmoc-transition-fast,160ms ease)}
.kmocSelect{padding-right:36px}.kmocTextarea{min-height:116px;resize:vertical;line-height:1.55}
.kmocInput:hover,.kmocSelect:hover,.kmocTextarea:hover{border-color:var(--kmoc-primary,#078b83)}
.kmocInput:focus,.kmocSelect:focus,.kmocTextarea:focus{border-color:var(--kmoc-primary,#078b83);box-shadow:0 0 0 3px rgba(7,139,131,.13)}
.kmocInput:disabled,.kmocSelect:disabled,.kmocTextarea:disabled{cursor:not-allowed;background:#eef4f5;color:#69808a;opacity:1}
.kmocField--error .kmocInput,.kmocField--error .kmocSelect,.kmocField--error .kmocTextarea{border-color:var(--kmoc-danger,#c9362b);box-shadow:0 0 0 3px rgba(201,54,43,.09)}
.kmocCheckbox{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--kmoc-border,#cbdde1);border-radius:var(--kmoc-radius-md,10px);background:#fff;cursor:pointer}
.kmocCheckbox__input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--kmoc-primary,#078b83);flex:0 0 auto}.kmocCheckbox__content{display:grid;gap:2px}.kmocCheckbox__content b{font-size:13px}.kmocCheckbox__content small{color:var(--kmoc-text-muted,#5f7580);font-size:11px;line-height:1.4}
.kmocFormGrid{display:grid;gap:var(--kmoc-space-4,16px)}.kmocFormGrid--1{grid-template-columns:1fr}.kmocFormGrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kmocFormGrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kmocFormGrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kmocTableContainer{width:100%;overflow:auto;border:1px solid var(--kmoc-border,#cbdde1);border-radius:var(--kmoc-radius-lg,14px);background:#fff;box-shadow:var(--kmoc-shadow-sm,0 4px 14px rgba(11,48,67,.06))}
.kmocTable{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:12px}.kmocTable__headerCell{position:sticky;top:0;z-index:1;padding:12px 11px;background:#e8f2f2;color:#174252;text-align:left;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--kmoc-border,#cbdde1)}
.kmocTable__cell{padding:11px;border-bottom:1px solid #e2ecee;vertical-align:middle}.kmocTable__row:last-child .kmocTable__cell{border-bottom:0}.kmocTable__row:hover .kmocTable__cell{background:#f7fbfb}.kmocTable__empty{padding:32px;text-align:center;color:var(--kmoc-text-muted,#5f7580)}
/* Existing simulator tables and native controls inherit the same visual baseline without changing calculation code. */
.simTableWrap,.tableWrap{border-radius:var(--kmoc-radius-lg,14px)}
.simTable input,.simTable select,.allocationTable input,.allocationTable select,.simSettings input,.simSettings select,.reportIdentity input{min-height:40px;border:1px solid var(--kmoc-border,#cbdde1);border-radius:var(--kmoc-radius-md,10px);background:#fff;color:var(--kmoc-text,#0b3043);padding:8px 10px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.simTable input:focus,.simTable select:focus,.allocationTable input:focus,.allocationTable select:focus,.simSettings input:focus,.simSettings select:focus,.reportIdentity input:focus{border-color:var(--kmoc-primary,#078b83);box-shadow:0 0 0 3px rgba(7,139,131,.13)}
.simTable input:disabled,.simTable select:disabled,.allocationTable input:disabled,.allocationTable select:disabled{background:#eef4f5;color:#69808a}
.simTable th,.allocationTable th{font-size:10px;letter-spacing:.035em;text-transform:none}.simTable td,.allocationTable td{vertical-align:middle}
@media(max-width:900px){.kmocFormGrid--3,.kmocFormGrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kmocFormGrid--2,.kmocFormGrid--3,.kmocFormGrid--4{grid-template-columns:1fr}.kmocInput,.kmocSelect,.kmocTextarea{font-size:16px}}
@media print{.kmocTableContainer{overflow:visible;border-color:#b9c8cc;box-shadow:none}.kmocTable{min-width:0}.kmocTable__headerCell{position:static}}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/78-chart-report-standard.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* KM OceanCare Design System Rev.1.0 · Chart & Report Standard · Rev.6.5.4 */
.kmocChartGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5,24px);margin-top:var(--space-5,24px)}
.kmocChartCard{--chart-accent:var(--kmoc-primary,#087f7b);position:relative;overflow:hidden;border:1px solid var(--kmoc-border,#d7e4e7);border-radius:var(--radius-lg,18px);background:#fff;box-shadow:var(--shadow-sm,0 8px 24px rgba(7,35,48,.07));padding:var(--space-5,24px)}
.kmocChartCard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--chart-accent)}
.kmocChartCard.tone-navy{--chart-accent:#0d3445}.kmocChartCard.tone-blue{--chart-accent:#2677c9}.kmocChartCard.tone-green{--chart-accent:#198a66}.kmocChartCard.tone-orange{--chart-accent:#d57722}.kmocChartCard.tone-cyan{--chart-accent:#188ea7}.kmocChartCard.tone-purple{--chart-accent:#7657b5}.kmocChartCard.tone-neutral{--chart-accent:#71808a}
.kmocChartHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.kmocChartHeader span{display:block;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.12em;color:var(--chart-accent)}.kmocChartHeader h3{margin:6px 0 0;font-size:20px;line-height:1.25;color:#0d3445}.kmocChartHeader>strong{font-size:18px;line-height:1.25;color:#0d3445;text-align:right;white-space:nowrap}.kmocChartBody{min-height:120px}.kmocChartNote{margin:18px 0 0;font-size:13px;line-height:1.55;color:#58707c}
.kmocBarList{display:grid;gap:14px}.kmocBarRow{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,3fr) auto;align-items:center;gap:14px}.kmocBarRow>span{font-size:13px;font-weight:700;color:#263f4b}.kmocBarRow>i{display:block;height:12px;border-radius:999px;background:#edf3f4;overflow:hidden}.kmocBarRow>i>em{display:block;width:var(--kmoc-bar-width,0);height:100%;border-radius:inherit;background:#2677c9;transition:width .3s ease}.kmocBarRow>i>em.tone-navy{background:#0d3445}.kmocBarRow>i>em.tone-blue{background:#2677c9}.kmocBarRow>i>em.tone-green{background:#198a66}.kmocBarRow>i>em.tone-orange{background:#d57722}.kmocBarRow>i>em.tone-cyan{background:#188ea7}.kmocBarRow>i>em.tone-purple{background:#7657b5}.kmocBarRow>i>em.tone-neutral{background:#71808a}.kmocBarRow>b{font-size:13px;color:#0d3445;white-space:nowrap}
.kmocChartLegend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px}.kmocChartLegend span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#4c6570}.kmocChartLegend i{width:10px;height:10px;border-radius:3px;background:#2677c9}.kmocChartLegend i.tone-navy{background:#0d3445}.kmocChartLegend i.tone-blue{background:#2677c9}.kmocChartLegend i.tone-green{background:#198a66}.kmocChartLegend i.tone-orange{background:#d57722}.kmocChartLegend i.tone-cyan{background:#188ea7}.kmocChartLegend i.tone-purple{background:#7657b5}.kmocChartLegend i.tone-neutral{background:#71808a}
.kmocMetricStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.kmocMetricStrip article{min-height:112px;border:1px solid var(--kmoc-border,#d7e4e7);border-radius:var(--radius-md,14px);background:#f9fcfc;padding:18px}.kmocMetricStrip span{display:block;font-size:12px;font-weight:700;color:#58707c}.kmocMetricStrip b{display:block;margin-top:8px;font-size:22px;line-height:1.2;color:#0d3445}.kmocMetricStrip small{display:block;margin-top:7px;font-size:11px;color:#71808a}
/* Compatibility standard for legacy simulator chart markup. */
.resultVisualGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5,24px)}.resultChartCard{border:1px solid var(--kmoc-border,#d7e4e7)!important;border-radius:var(--radius-lg,18px)!important;background:#fff!important;box-shadow:var(--shadow-sm,0 8px 24px rgba(7,35,48,.07))!important;padding:var(--space-5,24px)!important}.resultChartHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.resultChartHead span{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important}.resultChartHead h3{margin-top:6px!important;font-size:20px!important;line-height:1.25!important}.resultChartHead>strong{font-size:18px!important}
.professionalReportCover,.professionalReportAppendix,.professionalReportContact{border-radius:18px}.professionalReportCover{box-shadow:0 18px 48px rgba(7,35,48,.12)}.reportControlGrid article{border-radius:14px}.professionalReportAppendix,.professionalReportContact{break-inside:avoid;page-break-inside:avoid}
@media(max-width:900px){.kmocChartGrid,.resultVisualGrid{grid-template-columns:1fr}.kmocBarRow{grid-template-columns:minmax(90px,1fr) minmax(110px,2fr) auto}}
@media(max-width:560px){.kmocChartCard,.resultChartCard{padding:18px!important}.kmocChartHeader,.resultChartHead{display:block}.kmocChartHeader>strong,.resultChartHead>strong{display:block;margin-top:10px;text-align:left}.kmocBarRow{grid-template-columns:1fr auto}.kmocBarRow>i{grid-column:1/-1;grid-row:2}}
@media print{.kmocChartCard,.resultChartCard{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.kmocChartCard:before{display:none}.kmocChartGrid,.resultVisualGrid{gap:12mm}.kmocBarRow>i>em{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.kmocReportPage{position:relative;background:#fff}.kmocReportCover{min-height:250mm}.kmocReportAppendix,.kmocReportContact{margin-top:24px}.kmocReportContact{border:1px solid var(--kmoc-border,#d7e4e7)}
@media print{.kmocReportPage{border-radius:0!important;box-shadow:none!important}.kmocReportCover{min-height:277mm;page-break-after:always}.kmocReportAppendix{page-break-before:always}.kmocReportContact{page-break-before:always}}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/79-pdf-admin-standard.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
:root{--kmoc-admin-bg:#f3f7f8;--kmoc-admin-panel:#fff;--kmoc-admin-border:#d7e3e7;--kmoc-admin-muted:#607680;--kmoc-admin-nav:#062a3c;--kmoc-report-ink:#082b3d}
.adminAppShell{min-height:100vh;background:var(--kmoc-admin-bg);color:var(--kmoc-text,#0b2f41)}
.adminNav{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:4px;min-height:52px;padding:7px clamp(12px,2vw,28px);overflow-x:auto;background:var(--kmoc-admin-nav);box-shadow:0 8px 24px rgba(4,30,43,.16)}
.adminNav a,.adminNav button{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid transparent;border-radius:9px;color:#eaf7fa;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;background:transparent}
.adminNav a:hover,.adminNav button:hover,.adminNav a[aria-current="page"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.adminNav .adminRevision{margin-left:auto;color:#72ddd3;font-size:11px;font-weight:800;white-space:nowrap}
.kmocAdminPage{width:min(1540px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.kmocAdminPageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.kmocAdminPageHeader h1{margin:5px 0 0;font-size:clamp(28px,3vw,42px);line-height:1.08;color:#082b3d}.kmocAdminEyebrow{margin:0;color:#008b83;font-size:11px;font-weight:900;letter-spacing:.16em}.kmocAdminDescription,.kmocAdminPanelDescription{margin-top:9px;color:var(--kmoc-admin-muted);line-height:1.55}.kmocAdminActions,.kmocAdminPanelActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.kmocAdminPageBody{display:grid;gap:18px}
.kmocAdminPanel{overflow:hidden;background:var(--kmoc-admin-panel);border:1px solid var(--kmoc-admin-border);border-radius:16px;box-shadow:0 10px 28px rgba(9,47,62,.07)}.kmocAdminPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--kmoc-admin-border);background:linear-gradient(180deg,#fff,#f8fbfc)}.kmocAdminPanelHeader h2{margin:0;font-size:18px;color:#082b3d}.kmocAdminPanelBody{padding:20px}
.kmocAdminStatus{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#edf3f5;color:#415d69;font-size:11px;font-weight:800}.kmocAdminStatus.tone-success{background:#ddf7ef;color:#08755f}.kmocAdminStatus.tone-warning{background:#fff1cf;color:#8b5b00}.kmocAdminStatus.tone-danger{background:#fde3e3;color:#a92828}.kmocAdminStatus.tone-info{background:#e3f1ff;color:#145c9a}
.adminAppShell :is(input,select,textarea){border-color:#c8d9de;border-radius:9px}.adminAppShell :is(input,select,textarea):focus{outline:3px solid rgba(0,145,137,.14);border-color:#009189}.adminAppShell table{border-collapse:separate;border-spacing:0;width:100%}.adminAppShell th{background:#0d5261;color:white}.adminAppShell td,.adminAppShell th{padding:10px 12px;border-bottom:1px solid #dbe6e9}.adminAppShell tbody tr:hover{background:#f3faf9}
.kmocReportPage{box-sizing:border-box;color:var(--kmoc-report-ink);background:#fff}.kmocReportPage h1,.kmocReportPage h2,.kmocReportPage h3{color:var(--kmoc-report-ink)}.kmocReportPage :is(table,figure,.chartCard,.assessmentSummary){break-inside:avoid;page-break-inside:avoid}.kmocReportCover{min-height:268mm;display:flex;flex-direction:column;justify-content:space-between;padding:18mm 16mm}.kmocReportAppendix,.kmocReportContact{padding:15mm 14mm}.reportControlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.kmocAdminPage{width:min(100% - 20px,1540px);padding-top:20px}.kmocAdminPageHeader,.kmocAdminPanelHeader{align-items:stretch;flex-direction:column}.kmocAdminActions,.kmocAdminPanelActions{justify-content:flex-start}.reportControlGrid{grid-template-columns:1fr}}
@media print{.adminNav,.kmocAdminActions,.kmocAdminPanelActions{display:none!important}.adminAppShell{background:white}.kmocReportPage{box-shadow:none!important;border:0!important}.kmocReportCover,.kmocReportAppendix,.kmocReportContact{break-before:page;page-break-before:always}.kmocReportCover{break-before:auto;page-break-before:auto}}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/80-stability-hotfix.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/* =========================================================
   KM OceanCare Rev.6.5.5 STABLE
   Stability and contrast corrections only. No functionality changes.
   ========================================================= */

/* Home / ZeroIn showcase: guarantee readable contrast even when earlier
   corporate card/link rules or CMS content styles are overridden. */
.corporateHome .zero{
  color:#f5fbfc;
  background:
    radial-gradient(circle at 80% 18%,rgba(95,227,191,.14),transparent 30%),
    linear-gradient(145deg,#041e2b 0%,#073b48 55%,#075d5d 100%);
}
.corporateHome .zero .zeroCopy{color:#f5fbfc;}
.corporateHome .zero .zeroCopy .eyebrow{color:#78eee7;}
.corporateHome .zero .zeroCopy h2{color:#ffffff;}
.corporateHome .zero .zeroCopy>p:not(.eyebrow){color:#c8dce2;}
.corporateHome .zero .zeroPoints>div{
  background:rgba(255,255,255,.055);
  border-color:rgba(151,255,224,.18);
}
.corporateHome .zero .zeroPoints b{color:#65e5dc;}
.corporateHome .zero .zeroPoints span{color:#f4fbfc;}
.corporateHome .zero .zeroPoints small{color:#a9c0ca;}
.corporateHome .zero a.textLink,
.corporateHome .zero .textLink{
  color:#7ff0e8 !important;
  text-decoration:none;
}
.corporateHome .zero a.textLink:hover{color:#ffffff !important;}

/* Dashboard content remains on the dark presentation surface. */
.corporateHome .zero .dashboard,
.corporateHome .zero .dashboardShell{color:#eef9fb;}

/* Defensive contrast rules for the dedicated ZeroIn page. */
.zeroPageHero,.zeroPageHero h1,.zeroPageHero h2{color:#fff;}
.zeroPageHero p{color:#c3d9dd;}

@media(max-width:680px){
  .corporateHome .zero .zeroCopy{max-width:none;}
}

/* =========================================================
   Rev.6.5.5 STABLE FIX 2 — Home ZeroIn / print visibility
   ========================================================= */
/* Force a dark presentation surface for the Home ZeroIn showcase.
   This intentionally wins over older section/card overrides. */
body .corporateHome section.zero#zeroin{
  background:
    radial-gradient(circle at 78% 18%,rgba(70,226,208,.18),transparent 32%),
    linear-gradient(145deg,#031b28 0%,#073746 54%,#086a68 100%) !important;
  color:#f5fbfc !important;
}
body .corporateHome section.zero#zeroin .zeroCopy,
body .corporateHome section.zero#zeroin .zeroCopy h2,
body .corporateHome section.zero#zeroin .zeroPoints span{
  color:#f7fcfd !important;
}
body .corporateHome section.zero#zeroin .zeroCopy>p:not(.eyebrow),
body .corporateHome section.zero#zeroin .zeroPoints small{
  color:#c7dce3 !important;
}
body .corporateHome section.zero#zeroin .zeroCopy .eyebrow,
body .corporateHome section.zero#zeroin .zeroPoints b,
body .corporateHome section.zero#zeroin .textLink{
  color:#6fe8df !important;
}
body .corporateHome section.zero#zeroin .zeroPoints>div{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(125,239,223,.22) !important;
}

/* Printed simulator assessment label must remain fully visible. */
@media print{
  .simPanel.printPanel{overflow:visible !important;}
  .simPanel.printPanel:before{
    display:block !important;
    margin:0 0 6mm !important;
    padding:2mm 0 3mm !important;
    min-height:5mm;
    border-bottom:1px solid #b9cfd2 !important;
    color:#0b5962 !important;
    font-size:8pt !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    letter-spacing:.18em !important;
    white-space:normal !important;
    overflow:visible !important;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/81-ui-stabilization.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/* =========================================================
   KM OceanCare Rev.6.6.0 — UI Stabilization
   Functionality-preserving visual and operational hardening.
   ========================================================= */

/* 1) HOME — ZeroIn must always render as a deliberate dark product surface. */
html body main.corporateHome section#zeroin.zero.zeroThemeDark{
  position:relative;
  isolation:isolate;
  background-color:#052b36 !important;
  background-image:
    radial-gradient(circle at 78% 18%,rgba(58,220,209,.20),transparent 34%),
    linear-gradient(135deg,#031b28 0%,#073746 56%,#075d5d 100%) !important;
  color:#f7fcfd !important;
}
html body main.corporateHome section#zeroin.zero.zeroThemeDark:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(1,18,28,.18),transparent 52%,rgba(36,220,199,.05));
}
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroCopy,
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroCopy h2,
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroPoints span{color:#fff !important;}
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroCopy>p:not(.eyebrow),
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroPoints small{color:#c8dde3 !important;}
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroCopy .eyebrow,
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroPoints b,
html body main.corporateHome section#zeroin.zero.zeroThemeDark .textLink{color:#69e9df !important;}
html body main.corporateHome section#zeroin.zero.zeroThemeDark .zeroPoints>div{
  background:rgba(255,255,255,.055) !important;border-color:rgba(126,240,224,.22) !important;
}

/* 2) SIMULATOR REPORT — real DOM label replaces the fragile pseudo-element. */
.simPanel.printPanel:before{content:none !important;display:none !important;}
.kmocAssessmentLabel{
  display:block;margin:0 0 22px;padding:0 0 12px;border-bottom:1px solid #d6e4e6;
  color:#0b5962;font-size:10px;font-weight:900;line-height:1.4;letter-spacing:.18em;
  white-space:normal;overflow:visible;
}
@media print{
  .simPanel.printPanel{overflow:visible !important;padding-top:0 !important;}
  .kmocAssessmentLabel{
    display:block !important;position:static !important;visibility:visible !important;
    margin:0 0 6mm !important;padding:2mm 0 3mm !important;min-height:5mm;
    color:#0b5962 !important;border-bottom:1px solid #aebfc3 !important;
    font-size:8pt !important;font-weight:900 !important;line-height:1.45 !important;
    letter-spacing:.16em !important;break-after:avoid;page-break-after:avoid;
  }
}

/* 3) ADMIN LOGIN — make configuration state obvious without exposing secrets. */
.adminLoginCard .adminConfigReady,.adminLoginCard .adminConfigWarning{display:block;margin-top:12px;padding:10px 12px;border-radius:9px;line-height:1.45}
.adminLoginCard .adminConfigReady{background:#e9f8f3;color:#176456;border:1px solid #bde7d9}
.adminLoginCard .adminConfigWarning{background:#fff4e8;color:#8a5419;border:1px solid #eed5b6}