:root{--red:#db101d;--red2:#ad1022;--black:#141414;--gray:#666;--pale:#f4f4f4;--stroke:#e4e4e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1220px;margin:auto;padding:0 25px}.top{background:#151515;color:#dedede;font-size:12px}.topin{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top b{color:#ff4953}header{background:white;position:sticky;top:0;z-index:9;box-shadow:0 2px 15px #00000012}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:260px;max-height:83px;object-fit:contain;object-position:left}.nav nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:750}.nav nav>a:not(.btn):hover,.textlink:hover{color:var(--red)}.mobile{display:none}.btn{background:linear-gradient(135deg,#ee1b27,#b9000f);color:white;padding:12px 23px;border:1px solid transparent;border-radius:8px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:47px}.btn:hover{filter:brightness(.92)}.btn.small{font-size:13px;min-height:41px;padding:10px 16px}.btn.ghost{background:transparent;border-color:white}.btn.outline{background:white;color:#c20b18;border-color:#db101d}.hero{background:radial-gradient(circle at 70% 40%,#434343,#131517 65%);color:white}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;min-height:480px;align-items:center;gap:45px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;color:#f1b9bd}.eyebrow.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,69px);line-height:1.07;letter-spacing:-2.8px;margin:18px 0 20px}h1 em,h2 em{font-style:normal;color:#ee1b27}h2{font-size:clamp(30px,3vw,45px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0 15px}h3{line-height:1.28}.hero p{color:#e2e2e2;font-size:18px;max-width:580px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.hero-art{min-width:0}.cargo-scene{background:linear-gradient(180deg,#7e8b92 0%,#9cb0b5 52%,#4b535b 53%,#252a31 100%);height:320px;position:relative;overflow:hidden;border-radius:12px 12px 0 0}.port-label{position:absolute;left:20px;top:14px;font-size:12px;letter-spacing:2px;color:white;font-weight:800}.crane{position:absolute;right:65px;top:35px;height:180px;width:8px;background:#2b2d33;transform:skewX(-4deg)}.crane:after{content:"";position:absolute;right:-130px;top:0;width:330px;height:9px;background:#2b2d33}.stack{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;right:17px;bottom:49px;width:300px;height:143px}.stack div{background:repeating-linear-gradient(90deg,#9c1119 0 12px,#bb2933 12px 15px);border:2px solid #54151a}.stack div:nth-child(2n){background:repeating-linear-gradient(90deg,#555c63 0 12px,#6e7881 12px 15px)}.freight{position:absolute;bottom:48px;left:35px;width:230px;height:89px;background:#eee;color:#111;padding:18px 20px;font-size:30px;font-weight:900;box-shadow:0 20px 0 -10px #171717;transform:skewY(-3deg)}.freight strong{color:var(--red)}.base{position:absolute;bottom:0;height:49px;width:100%;background:repeating-linear-gradient(100deg,#252525 0 40px,#292929 40px 42px)}.hero-foot{background:#c30d19;color:white;padding:13px 18px;font-size:13px;font-weight:750;text-align:right}.section{padding-top:75px;padding-bottom:78px}.sectionhead{max-width:800px;margin-bottom:32px}.sectionhead p{color:var(--gray)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-grid article{border:1px solid var(--stroke);padding:22px 20px;min-height:195px;border-radius:9px;background:#fff}.service-grid article:hover{border-color:#c71824;box-shadow:0 5px 20px #0000000b}.service-grid article span{font-size:12px;color:var(--red);font-weight:900}.service-grid article h3{font-size:18px;margin:20px 0 10px}.service-grid article p{font-size:13px;color:#626262;margin:0}.contrast{background:#191919;color:white;padding:65px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contrast h2 strong{color:#f31b2b;font-size:1.4em}.contrast p{color:#dedede}.textlink{color:#e51925;font-weight:800}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px}.tabs button,.rate-tabs button{border:1px solid #dedede;background:#f5f5f5;padding:11px 15px;border-radius:7px;font-weight:750}.tabs button.active,.rate-tabs button.selected{background:#171717;border-color:#171717;color:white}.tab-panel{min-height:260px}.hidden{display:none!important}.searchlabel{display:block;font-size:13px;font-weight:750;margin:18px 0}.searchlabel input{max-width:500px;margin-top:9px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.resource-card{display:flex;flex-direction:column;gap:7px;border:1px solid #ddd;border-radius:10px;padding:20px;background:white}.resource-card:hover{border-color:var(--red)}.resource-card span{font-size:11px;font-weight:800;color:var(--red)}.resource-card strong{font-size:17px}.resource-card p{font-size:13px;color:#777;flex:1}.resource-card a{font-weight:800;color:#c60a16;font-size:13px}.notice{background:#fdf2f3;border-left:4px solid #da1824;padding:15px}.ratebox{border:1px solid var(--stroke);padding:25px;border-radius:12px;max-width:900px}.rate-head{display:flex;gap:15px;justify-content:space-between;align-items:center}.rate-head h3{font-size:24px;margin:8px 0}.rate-head h3 small{font-size:13px;color:#777;font-weight:400}.pill{background:#f7e5e7;color:#9e1320;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:800}.rate-tabs{display:flex;gap:8px;margin:20px 0}table{width:100%;border-collapse:collapse}td,th{padding:13px 12px;text-align:left;border-bottom:1px solid #e8e8e8}th{background:#f3f3f3}.fine{font-size:12px;color:#777}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool{background:#f8f8f8;border:1px solid var(--stroke);border-radius:12px;padding:24px}.tool>p{font-size:14px;color:#666}.tool label,.quote label{display:block;font-size:13px;font-weight:750;margin-bottom:12px}.tool input,.tool select,.quote input,.quote select,.quote textarea,.searchlabel input{display:block;width:100%;border:1px solid #d4d4d4;border-radius:7px;padding:11px 12px;background:white;color:#222}.tool input:focus,.quote input:focus,.quote textarea:focus{outline:2px solid #eaa2a9}.check-item{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #e4e4e4;font-size:13px}.check-item input{width:auto;margin-top:4px}.estimate{border-radius:8px;background:white;padding:18px;font-weight:800;margin:17px 0}.secondary-tool{margin-top:17px}.renew{background:#f1f1f1}.renew-inner{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:45px}.solar-art{height:230px;background:linear-gradient(#bdd0d9,#f4f5f5);position:relative;border-radius:13px;overflow:hidden}.solar-art .sun{width:75px;height:75px;border-radius:50%;background:#fff3c2;position:absolute;right:38px;top:25px;box-shadow:0 0 50px 25px #ffffdf}.solar-art .roof{position:absolute;left:0;bottom:0;width:100%;height:112px;background:#666;clip-path:polygon(10% 65%,50% 0,93% 65%,93% 100%,10% 100%)}.solar-art .panels{position:absolute;left:27%;bottom:27px;width:50%;height:73px;transform:skewY(-17deg);background:repeating-linear-gradient(90deg,transparent 0 36px,#b6d5df 36px 39px),repeating-linear-gradient(0deg,#263b52 0 33px,#b6d5df 33px 36px);border:4px solid #c3d8e0}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.quote form{padding:28px;border:1px solid var(--stroke);border-radius:12px;background:#fafafa}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}footer{background:#161616;color:white;padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:14px;color:#ff515c}.footer-grid p{font-size:14px;color:#d0d0d0}.footer-logo{width:280px;max-width:100%;background:white;border-radius:5px;padding:10px}.copyright{margin-top:35px;padding-top:18px;padding-bottom:19px;border-top:1px solid #444;color:#aaa;font-size:11px}@media(max-width:900px){.nav nav{gap:11px;font-size:11px}.brand img{width:175px}.hero-inner{gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.topin span:nth-child(2){display:none}}@media(max-width:690px){.topin{justify-content:center}.topin span:nth-child(3){display:none}.mobile{display:block;border:0;background:none;font-size:26px}.nav{min-height:70px}.brand img{width:190px}.nav nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 25px;background:white;box-shadow:0 5px 12px #0002;flex-direction:column;align-items:stretch;gap:14px}.nav nav.open{display:flex}.hero-inner,.two,.renew-inner,.quote,.tool-grid{grid-template-columns:1fr}.hero-inner{padding-top:47px;padding-bottom:40px}.hero-art{display:none}h1{font-size:42px}.service-grid,.resource-grid,.footer-grid{grid-template-columns:1fr}.section{padding-top:47px;padding-bottom:48px}.renew-inner{gap:20px}.formrow{grid-template-columns:1fr}.footer-grid{gap:17px}.rate-head{align-items:flex-start;flex-direction:column}.tabs button{flex:1;font-size:12px}.quote{gap:20px}}

/* Version 2: location and customer onboarding */
.myepic-nav{color:#c50b18!important}.mapsection{background:#f5f5f5;padding:72px 0}.maplayout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.mapframe{min-height:365px;border-radius:12px;overflow:hidden;background:#ddd;border:1px solid #ddd}.mapframe iframe{width:100%;height:100%;min-height:365px;border:0}.mapaside{background:white;padding:27px;border-radius:12px}.mapaside .btn{margin:12px 0;display:flex}.mapaside .textlink{display:block;margin:12px 0}.portal-promo{background:#1b1b1b;color:white;padding:64px 0}.portal-promo-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.portal-promo p{color:#dedede}.portal-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-stages div{border:1px solid #505050;padding:18px;border-radius:10px;background:#252525;font-weight:700}.portal-stages strong{display:block;color:#ff3544;font-size:25px;margin-bottom:8px}
.portal-hero{background:#171717;color:white;padding:72px 0}.portal-hero h1{font-size:clamp(38px,5vw,62px);max-width:860px}.portal-hero p{color:#dedede;max-width:770px;font-size:17px}.portal-wrap{padding-top:64px;padding-bottom:64px}.portal-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-option{padding:28px;border:2px solid #e2e2e2;background:white;border-radius:13px;cursor:pointer;text-align:left}.portal-option:hover,.portal-option.selected{border-color:#d71920;box-shadow:0 6px 24px #00000010}.portal-option strong{font-size:23px;display:block}.portal-option small{color:#666}.portal-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.portal-step{border:1px solid #e0e0e0;border-radius:10px;padding:19px}.portal-step .stepno{color:#cf1422;font-weight:850;font-size:24px}.portal-step h3{margin:12px 0 8px}.portal-check{padding:10px 0;border-bottom:1px solid #e5e5e5}.portal-check input{accent-color:#bd1021;margin-right:10px}.portal-notice{background:#fff4f4;padding:18px;border-left:4px solid #c91625;margin:22px 0}.portal-cta{background:#f4f4f4;padding:25px;border-radius:12px}.portal-cta a{margin:5px}.back-nav{font-weight:800;color:#be1726}
@media(max-width:760px){.maplayout,.portal-promo-inner,.portal-options,.portal-flow{grid-template-columns:1fr}.mapsection{padding:45px 0}.portal-stages{grid-template-columns:1fr 1fr}.portal-hero{padding:46px 0}}

/* Version 3: About EPIC and proof points */
.epic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 30px}.epic-metrics>div{border-left:3px solid #e21c2b;padding:12px 17px;display:flex;flex-direction:column;gap:8px}.epic-metrics strong{color:#ff263b;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.04em}.epic-metrics span{color:#eee;font-size:.9rem}.epic-metrics.light{margin:0 0 54px;padding:22px 0;border-bottom:1px solid #ddd}.epic-metrics.light span{color:#424242}.epic-metrics.light strong{color:#c81020}.about-hero{background:linear-gradient(112deg,#111 0%,#202020 65%,#59040c 100%);color:white;padding:80px 0}.about-hero h1{font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:1.06;letter-spacing:-.04em;margin:18px 0}.about-hero h1 em,.contrast h2 em{font-style:normal;color:#ff2839}.about-hero p{max-width:720px;font-size:1.15rem;color:#eee}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.capability-grid article{background:#f6f6f6;border:1px solid #e6e6e6;border-radius:15px;padding:27px}.capability-grid article span{font-size:.77rem;color:#bf1423;font-weight:800;letter-spacing:.05em}.capability-grid article h3{font-size:1.35rem;margin:14px 0}.capability-grid article p{color:#494949}.contrast .btn{display:inline-block;margin-top:15px}@media(max-width:700px){.epic-metrics{grid-template-columns:1fr;gap:8px}.capability-grid{grid-template-columns:1fr}.about-hero{padding:55px 0}}


/* EPIC phase 1–2 visual refresh */
.hero{background:linear-gradient(112deg,#111923 0%,#1b242c 45%,#242a30 100%)}
.hero-inner{min-height:520px;gap:20px;grid-template-columns:1fr 1.07fr}
.hero-photo-label{position:absolute;left:22px;top:22px;background:#181818d9;padding:7px 12px;border-left:3px solid var(--red);color:white;font-size:11px;font-weight:800;letter-spacing:1.5px}
.photo-hero{height:410px;background:linear-gradient(180deg,transparent 70%,#0008),url('assets/port.jpg') center/cover;position:relative;border-radius:12px;box-shadow:0 24px 70px #0005;overflow:hidden}
.photo-hero .hero-foot{position:absolute;bottom:0;width:100%;background:#cf0d1bdb;text-align:left;letter-spacing:.4px}
.photo-solar{background:url('assets/solar.jpg') center / cover}
.service-grid article{transition:transform .15s,box-shadow .15s}.service-grid article:hover{transform:translateY(-3px)}
.subhero{background:linear-gradient(100deg,#10151a 8%,#292e33 75%,#5a0b12);padding:72px 0;color:white}.subhero h1{max-width:850px}.subhero p{max-width:720px;color:#ddd;font-size:18px}
.special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.special-card{background:#fff;border:1px solid #ddd;border-top:4px solid var(--red);border-radius:10px;padding:27px;min-height:220px}.special-card p{color:#626262}.special-card h3{font-size:22px;margin:15px 0}.special-card .textlink{font-size:13px}
.service-request{background:#f3f3f3;padding:70px 0}.special-form{max-width:830px;background:#fff;border:1px solid #ddd;padding:30px;border-radius:12px;box-shadow:0 15px 45px #0000000b}.special-form label{display:block;font-weight:750;font-size:13px;margin-bottom:16px}.special-form input,.special-form select,.special-form textarea{width:100%;display:block;margin-top:7px;padding:12px;border-radius:7px;border:1px solid #ccc;background:#fff}.special-form .notice{font-weight:500;font-size:13px}
@media(max-width:690px){.hero-inner{grid-template-columns:1fr}.photo-hero{display:block;height:230px}.special-grid{grid-template-columns:1fr}.subhero{padding:55px 0}.special-form{padding:19px}}

/* V5.2: technology product & employee entry */
.tech-feature{background:#f5f5f5;padding:64px 0}.tech-feature-inner{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:36px}.tech-feature h2{font-size:clamp(2rem,4vw,3.2rem);margin:12px 0}.tech-feature h2 em{color:#cc242b}.tech-feature h3{margin:0 0 14px}.tech-feature p{max-width:700px;line-height:1.6}.tech-symbol{font-size:clamp(6rem,14vw,12rem);font-weight:900;color:#c81e2d;text-align:center;letter-spacing:-.16em}.employee-link{white-space:nowrap}@media(max-width:800px){.tech-feature-inner{grid-template-columns:1fr}.tech-symbol{display:none}}