:root{--navy:#1f2933;--blue:#123653;--orange:#ff6b1a;--light:#f5f7fa;--text:#243447;--muted:#66788a;--border:#dce3ea;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.top{background:#071726;color:#dce7f0;font-size:13px;padding:7px 0}.top .container{display:flex;justify-content:space-between}.nav{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff}.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:20px}.logo span,.eyebrow{color:var(--orange)}.links{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}.links a:hover,.links .active{color:var(--orange)}.btn{display:inline-flex;padding:12px 19px;border-radius:8px;font-weight:800;border:0;cursor:pointer}.primary{background:var(--orange);color:#111}.dark{background:var(--navy);color:#fff}.outline{border:1px solid var(--border);background:#fff}.toggle{display:none;background:none;color:#fff;border:1px solid #667b8c;border-radius:6px;padding:8px}.hero{background:linear-gradient(115deg,var(--navy),var(--blue));color:#fff;padding:78px 0}.heroGrid,.two{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.eyebrow{text-transform:uppercase;font-weight:900;letter-spacing:1.3px;font-size:12px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;margin:12px 0}.hero p{font-size:18px;color:#d7e2eb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.heroCard,.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 5px 20px #1f293310}.heroCard{background:#ffffff10;border-color:#ffffff24;color:#fff}.check{margin:11px 0}.check b{color:var(--orange)}.section{padding:70px 0}.alt{background:var(--light)}.head{max-width:760px;margin-bottom:30px}.head h2,.two h2{font-size:36px;line-height:1.15;color:var(--navy);margin:8px 0 12px}.head p{color:var(--muted)}.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.visual{height:145px;border-radius:11px;background:linear-gradient(135deg,#edf2f6,#dce5ec);display:flex;align-items:center;justify-content:center;overflow:hidden}.visual span{font-size:11px;font-weight:900;background:#fff;padding:5px 8px;border-radius:5px;color:var(--navy);z-index:2}.visual:before{content:"";width:75%;height:26px;background:#263c4e;transform:rotate(-7deg);box-shadow:0 34px 0 var(--orange)}.card h3{color:var(--navy);margin:11px 0 7px}.card p{color:var(--muted);font-size:14px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.kpi{border:1px solid var(--border);border-radius:10px;padding:18px}.kpi strong{display:block;color:var(--navy);font-size:25px}.pageHero{background:var(--navy);color:#fff;padding:58px 0}.pageHero h1{font-size:44px;margin:7px 0}.pageHero p{color:#d5e0e9;max-width:760px}.crumb{font-size:13px;color:#aebdca}.crumb a{color:var(--orange)}.list{padding:0;list-style:none}.list li{padding:9px 0;border-bottom:1px solid var(--border)}.list li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:9px}.cta{background:var(--orange);padding:38px 0}.ctaIn{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0;color:#111}.form{display:grid;gap:15px}.fg{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:13px;font-weight:800;color:var(--navy)}input,select,textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #ccd6df;border-radius:8px;font:inherit}textarea{min-height:140px}.notice{background:#fff7ea;border-left:4px solid var(--orange);padding:15px;border-radius:7px}.footer{background:#071726;color:#d4dfe8;padding:45px 0 20px}.footerGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer h3{color:#fff}.footer a:hover{color:var(--orange)}.copy{border-top:1px solid #23384b;margin-top:28px;padding-top:16px;font-size:13px}.float{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:8px}.float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 7px 22px #0004}.wa{background:#25d366}.call{background:var(--navy)}@media(max-width:850px){.top{display:none}.toggle{display:block}.links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--navy);padding:16px 4%;flex-direction:column;align-items:flex-start}.links.open{display:flex}.heroGrid,.two{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.footerGrid{grid-template-columns:1fr 1fr}.ctaIn{display:block}.ctaIn .btn{margin-top:15px}}@media(max-width:560px){.g3,.g4,.kpis,.fg,.footerGrid{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{font-size:40px}.pageHero h1{font-size:34px}}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(11,31,51,.05)}.gallery-card img{width:100%;height:220px;object-fit:cover;display:block}.gallery-card .caption{padding:16px}.gallery-card h3{margin:0 0 5px;color:var(--navy)}.gallery-card p{margin:0;color:var(--muted);font-size:14px}@media(max-width:850px){.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gallery{grid-template-columns:1fr}}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{background:#fff;border:1px solid #dce3ea;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(11,31,51,.05)}.gallery-card img{width:100%;height:220px;object-fit:cover;display:block}.gallery-card .caption{padding:16px}.gallery-card h3{margin:0 0 5px;color:#1f2933}.gallery-card p{margin:0;color:#66788a;font-size:14px}@media(max-width:850px){.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gallery{grid-template-columns:1fr}}

.pimg{width:100%;height:190px;object-fit:cover;border-radius:11px;display:block;background:#edf2f6}.two .pimg{height:auto;max-height:340px}

img,svg{max-width:100%}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}.navin{position:relative}
@media(max-width:1100px){.links{gap:14px;font-size:13px}}
@media(max-width:1000px){.top{display:none}.toggle{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:16px 4%;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 74px);overflow:auto;box-shadow:0 12px 24px #0006}.links.open{display:flex}.links a{padding:6px 0}.heroGrid,.two{grid-template-columns:1fr;gap:28px}.head h2,.two h2{font-size:30px}}
@media(max-width:700px){.fg{grid-template-columns:1fr}.section{padding:48px 0}.pageHero{padding:40px 0}.pageHero h1{font-size:30px}.hero h1{font-size:34px}.actions .btn,.ctaIn .btn,.form .btn{width:100%;justify-content:center;text-align:center}.btn.outline[style]{margin:10px 0 0!important}.pimg{height:170px}.float a{width:46px;height:46px}.top .container{flex-direction:column}}
input,select,textarea{font-size:16px}.card{min-width:0}.btn{line-height:1.3}

/* ===== Modern theme (CodeStory-inspired layout, original design) ===== */
:root{--navy:#1f2933;--bg:#fbfbfd;--line:#e6e9ee}
body{font-family:-apple-system,"Segoe UI",Inter,Roboto,Arial,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}
.top{display:none}.nav{background:#fbfbfdcc;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);color:var(--navy);border-bottom:1px solid var(--line)}
.navin{min-height:64px}.links{font-weight:600}.links a:hover{color:var(--orange)}.toggle{color:var(--navy);border-color:#cdd5dd;background:#fff}
.btn{border-radius:999px;padding:12px 22px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f293322}.primary{background:var(--orange);color:#111}.outline{background:#fff;border:1px solid #d5dbe2;color:var(--navy)}
.hero{background:var(--bg);color:var(--navy)}.hero p{color:#5b6b7b}.heroCard{background:#fff;color:var(--navy);border-color:var(--line)}
.card{border-radius:22px;box-shadow:none;border-color:var(--line);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #1f293315}
.alt{background:#f3f5f8}.head h2,.two h2{letter-spacing:-.02em}.pageHero{background:linear-gradient(180deg,#fff,#f3f5f8)!important;color:var(--navy)!important}.pageHero p{color:#5b6b7b!important}
@media(max-width:1000px){.links{background:#fbfbfd;color:var(--navy);box-shadow:0 14px 28px #1f293322}.links a{border-bottom:1px solid var(--line);width:100%}}
/* home */
em{font-style:normal;color:#8795a3}.c{justify-content:center}.rv{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
.hh{padding:84px 0 56px;text-align:center;background:radial-gradient(60% 50% at 50% 0,#ff6b1a22,transparent)}.pill{display:inline-block;font-size:13px;font-weight:600;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5b6b7b}
.hh h1{font-size:clamp(40px,7vw,78px);line-height:1.03;letter-spacing:-.035em;margin:22px 0 16px;color:var(--navy)}.lead{max-width:560px;margin:0 auto 26px;font-size:19px;color:#5b6b7b}
.seg{display:inline-flex;background:#eceff3;border-radius:999px;padding:4px;margin:38px 0 18px}.seg button{border:0;background:none;padding:9px 20px;border-radius:999px;font-weight:700;cursor:pointer;color:#5b6b7b}.seg .on{background:#fff;color:var(--navy);box-shadow:0 2px 8px #1f293320}
.opts{max-width:520px;margin:auto}.opt{display:none;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;gap:4px;flex-direction:column}.opt.on{display:flex}.opt span{color:#5b6b7b}.opt strong{color:var(--orange);margin-top:6px}
.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:34px}.chips small{color:#8795a3;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.chips span{padding:6px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:14px}.chips a{font-weight:700;color:var(--orange)}
.sx{padding:84px 0}.hd{max-width:760px;margin:0 auto 40px;text-align:center}.hd h2{font-size:clamp(30px,4.4vw,48px);line-height:1.1;letter-spacing:-.03em;margin:0 0 12px;color:var(--navy)}.hd p{color:#5b6b7b;font-size:18px;margin:0}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bc{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:10px}.bc h3{margin:0;font-size:21px;letter-spacing:-.02em;color:var(--navy)}.bc s{color:#9aa7b4;font-size:14px}.bc p{margin:auto 0 0;color:#5b6b7b;font-size:15px}
.mini{background:#f3f5f8;border-radius:16px;padding:14px;min-height:112px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.t{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:13px}.t.on{background:var(--navy);color:#fff}
.q{flex-direction:column;align-items:stretch}.q div{display:flex;justify-content:space-between;background:#fff;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600}.q b{color:#1f9d55}.q .o{color:var(--orange)}
.ic img{width:calc(50% - 6px);border-radius:10px}.sp{flex-direction:column;align-items:stretch}.sp div{display:flex;justify-content:space-between;background:#fff;padding:8px 12px;border-radius:10px;font-size:13px;color:#5b6b7b}.sp b{color:var(--navy)}
.ch{flex-direction:column;align-items:stretch}.ch div{padding:8px 12px;border-radius:14px;font-size:14px;max-width:85%}.b1{background:#fff;align-self:flex-start}.b2{background:var(--orange);align-self:flex-end}.dim svg{width:100%}
.tabs{display:grid;grid-template-columns:260px 1fr;gap:20px;max-width:900px;margin:auto}.tl{display:flex;flex-direction:column;gap:8px}.tl button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;color:#5b6b7b}.tl i{font-style:normal;color:#9aa7b4;font-size:13px}.tl .on{background:var(--navy);color:#fff}.tl .on i{color:var(--orange)}
.tp{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px}.pn{display:none}.pn.on{display:block}.pn h3{font-size:26px;margin:0 0 16px;letter-spacing:-.02em;color:var(--navy)}.pn ul{list-style:none;margin:0;padding:0}.pn li{padding:12px 0;border-top:1px solid var(--line);font-size:17px}.pn b{color:#1f9d55;margin-right:10px}
.pg{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.pc{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}.pc:hover{transform:translateY(-5px);box-shadow:0 18px 36px #1f293318}.pc img{width:100%;aspect-ratio:5/3;object-fit:cover;display:block}.pc div{padding:14px 16px 16px}.pc h3{margin:0;font-size:16px;color:var(--navy)}.pc p{margin:3px 0 0;font-size:13px;color:#66788a;line-height:1.4}.pc i{position:absolute;right:12px;top:12px;background:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-style:normal;opacity:0;transition:.2s}.pc:hover i{opacity:1}
.sel{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.sq{display:flex;flex-direction:column;gap:8px}.sq button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;text-align:left;color:#5b6b7b}.sq .on{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b1a33;color:var(--navy)}
.sr{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}.sr img{width:100%;display:block}.sr div{padding:22px}.sr small{color:#8795a3;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sr h3{margin:4px 0;font-size:24px;color:var(--navy)}.sr p{color:#5b6b7b}
.nar{max-width:760px}details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:10px}summary{font-weight:700;font-size:17px;cursor:pointer;color:var(--navy)}details p{color:#5b6b7b;margin:10px 0 0}
.cb{background:var(--navy);color:#fff;border-radius:32px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.cb h2{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.03em;margin:0 0 10px}.cb em{color:#8fa3b5}.cb p{color:#c6d3de}.cb a{color:var(--orange)}
.fm{display:grid;gap:10px}.fm input,.fm select,.fm textarea{width:100%;padding:14px 16px;border-radius:14px;border:0;font-family:inherit;background:#fff}
@media(max-width:1000px){.pg{grid-template-columns:repeat(3,1fr)}.bento{grid-template-columns:repeat(2,1fr)}.cb{grid-template-columns:1fr;padding:32px 24px}}
@media(max-width:700px){.hh{padding:52px 0 36px}.sx{padding:56px 0}.bento,.tabs,.sel{grid-template-columns:1fr}.pg{grid-template-columns:repeat(2,1fr)}.tl{flex-direction:row;overflow:auto}.tl button{flex:none;font-size:15px}.cb{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ===== Dark industrial theme (steel + safety orange) ===== */
:root{--navy:#f5f7fa;--bg:#1f2933;--line:#52606d;--border:#52606d;--text:#e4e7eb;--muted:#b0bcc8;--light:#263039;--orange:#ff6b1a}
body{background:#1f2933;color:#e4e7eb}
.nav{background:#1f2933d9;color:#f5f7fa;border-bottom:1px solid #52606d}
.nav:after{content:"";display:block;height:4px;background:repeating-linear-gradient(-45deg,#ff6b1a 0 12px,#151c23 12px 24px)}
.logo{color:#fff}.links a:hover,.links .active{color:#ff6b1a}.toggle{background:#2a3541;color:#f5f7fa;border-color:#616e7c}
.primary{background:#ff6b1a;color:#111}.dark,.call{background:#3e4c59;color:#fff;border:1px solid #52606d}
.outline{background:transparent;border:1px solid #616e7c;color:#f5f7fa}
.hero{background:#1f2933;color:#f5f7fa}.pageHero{background:linear-gradient(180deg,#2a3541,#1f2933)!important;color:#fff!important}
.hero p,.pageHero p,.head p,.lead,.hd p,.bc p,.opt span,.sr p,details p,.pc p,.tl button,.sq button,.chips small,.bc s,.pill{color:#b0bcc8!important}
.card,.heroCard,.gallery-card,.bc,.opt,.pc,.tp,.sr,details,.tl button,.sq button,.pill,.chips span{background:#2a3541;border-color:#52606d;color:#e4e7eb}
.card:hover,.pc:hover{box-shadow:0 18px 36px #0006;border-color:#616e7c}
.alt{background:#263039}.hh{background:radial-gradient(60% 50% at 50% 0,#ff6b1a26,transparent),#1f2933}
.hh h1 em,.hd h2 em,.cb em{color:#ff8a4a}.cb{background:linear-gradient(135deg,#3e4c59,#263039);border:1px solid #52606d}.cb p{color:#a9bccc}
.seg{background:#263039;border:1px solid #52606d}.seg button{color:#b0bcc8}.seg .on{background:#263646;color:#fff}
.mini{background:#1a232c}.t,.q div,.sp div,.b1{background:#3e4c59;border-color:#52606d;color:#e4e7eb}.t.on{background:#ff6b1a;color:#111;border-color:#ff6b1a}.sp b,.q b{color:#fff}.q b{color:#7fb069}.q .o{color:#ff6b1a}.b2{color:#111}
.dim svg rect{fill:#7b8794}.dim svg text{fill:#b0bcc8}
.tl .on{background:#ff6b1a;color:#111!important;border-color:#ff6b1a}.tl .on i{color:#111}.pn li{border-color:#52606d}.pn b{color:#7fb069}
.sq .on{background:#3e4c59;border-color:#ff6b1a;color:#fff!important}.sr small{color:#8795a3}
.pc i{background:#3e4c59;color:#fff}.pc img,.pimg,.sr img,.ic img{filter:brightness(.88) contrast(1.06)}.pimg{background:#3e4c59}
input,select,textarea,.fm input,.fm select,.fm textarea{background:#263039;color:#f5f7fa;border:1px solid #52606d}::placeholder{color:#8795a3}
.notice{background:#3d2a1c;color:#f3d9b8}table{background:#2a3541}th,td{border-color:#52606d!important}th{background:#3e4c59!important;color:#fff}
.footer{background:#151c23;color:#b0bcc8}.footer a:hover{color:#ff6b1a}
@media(max-width:1000px){.links{background:#263039;color:#f5f7fa;box-shadow:0 14px 28px #0008}.links a{border-color:#52606d}}