*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--body,#f4f5f6);color:var(--text,#5d656d);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.95;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.site-container{width:min(1180px,calc(100vw - 48px));margin-inline:auto}.section-pad{padding:100px 0}.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:14px}.section-kicker:before{content:"";width:28px;height:1px;background:currentColor}.section-kicker.light{color:#e1a45e}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--heading);font-size:11px;font-weight:700;border-bottom:1px solid #d6d9dc;padding-bottom:5px}.text-link span{color:var(--accent);transition:.25s}.text-link:hover span{transform:translateX(-5px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:44px}.section-head h2,.intro-heading h2{margin:0;color:var(--heading);font-size:clamp(31px,3.4vw,46px);line-height:1.45;letter-spacing:-1.2px}.section-head>p{max-width:470px;margin:0;color:#777f86}.section-head.light h2{color:#fff}.section-head.light>p{color:#aeb5ba}.primary-btn,.ghost-btn,.header-cta{min-height:48px;padding:11px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:11px;transition:.25s}.primary-btn,.header-cta{background:var(--button);color:var(--button-text);border:1px solid var(--button)}.primary-btn:hover,.header-cta:hover{background:var(--button-hover);color:var(--button-hover-text);border-color:var(--button-hover);transform:translateY(-2px)}.ghost-btn{color:#fff;border:1px solid #ffffff45;background:#ffffff08}.ghost-btn:hover{background:#fff;color:#111}.media-frame{position:relative;overflow:hidden;background:#dcdfe1}.media-frame img{width:100%;height:100%;object-fit:cover}.image-hint{position:absolute;right:18px;bottom:18px;background:#101214d8;color:#dfe3e5;padding:8px 12px;font-size:9px;opacity:.76}.empty-content{padding:50px;border:1px dashed #ccd1d5;background:#fff;text-align:center;color:#8a9298}

.site-topbar{height:34px;background:#090b0c;color:#9ca2a7;font-size:9px;border-bottom:1px solid #ffffff0d}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-links{display:flex;gap:22px}.topbar-links a,.topbar-address{display:flex;align-items:center;gap:7px}.mini-icon{width:12px;height:12px;position:relative;display:inline-block}.mini-icon.mail:before{content:"";position:absolute;inset:2px;border:1px solid currentColor}.mini-icon.mail:after{content:"";position:absolute;left:3px;right:3px;top:4px;height:5px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}.mini-icon.phone:before{content:"";position:absolute;width:7px;height:10px;border:1px solid currentColor;border-radius:8px 2px 8px 2px;transform:rotate(-28deg);right:2px;top:1px}.mini-icon.pin:before{content:"";position:absolute;width:7px;height:7px;border:1px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);right:2px;top:1px}.mini-icon.pin:after{content:"";position:absolute;width:2px;height:2px;background:currentColor;border-radius:50%;right:5px;top:4px}.site-header{height:86px;background:color-mix(in srgb,var(--nav) 96%,transparent);color:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid #ffffff10;backdrop-filter:blur(13px)}.header-inner{height:100%;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand img{max-width:190px;max-height:58px;object-fit:contain}.brand-symbol{width:36px;height:40px;position:relative;display:block;flex:none}.brand-symbol i{position:absolute;bottom:2px;width:6px;background:var(--accent);transform:skew(-16deg)}.brand-symbol i:nth-child(1){height:34px;right:1px}.brand-symbol i:nth-child(2){height:25px;right:13px}.brand-symbol i:nth-child(3){height:16px;right:25px}.brand-copy{display:grid;line-height:1.35}.brand-copy b{font-size:13px;color:#fff}.brand-copy small{font:7px Arial;color:#7f878c;letter-spacing:1.3px;margin-top:4px;direction:ltr}.main-nav{display:flex;align-items:center;gap:18px;margin-right:auto}.main-nav a{font-size:10px;color:#c5c9cc;padding:11px 0;position:relative;white-space:nowrap}.main-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:4px;height:1px;background:var(--accent);transition:.25s}.main-nav a:hover{color:#fff}.main-nav a:hover:after{left:0}.header-actions{display:flex;align-items:center;gap:8px}.admin-link{font-size:10px;color:#b9bec2;border:1px solid #ffffff20;padding:8px 12px}.header-cta{min-height:40px;padding:8px 13px;border-radius:3px}.menu-btn{display:none;border:0;background:transparent;padding:8px}.menu-btn span{display:block;width:22px;height:2px;background:#fff;margin:4px 0}

.home-hero{height:min(720px,calc(100vh - 120px));min-height:600px;background:#111417;position:relative;color:#fff;overflow:hidden;background-image:var(--hero-photo);background-size:cover;background-position:var(--hero-position,center center)}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0c0dd9 0%,#0b0d0fb5 47%,#0a0c0d38 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000045);z-index:1}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:80px 80px;opacity:.025;z-index:2}.hero-inner{height:calc(100% - 78px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.hero-copy{max-width:650px}.hero-copy h1{font-size:clamp(44px,5.2vw,72px);line-height:1.25;margin:7px 0 24px;letter-spacing:-2px;color:#fff;max-width:650px}.hero-copy p{max-width:610px;color:#c4c9cd;font-size:13px;line-height:2.15;margin:0 0 30px}.hero-actions{display:flex;gap:10px}.hero-side-note{width:190px;align-self:flex-end;margin-bottom:90px;border-right:1px solid #ffffff30;padding-right:18px;display:grid;gap:12px;direction:ltr}.hero-side-note b{font:700 19px/1.1 Arial;letter-spacing:3px}.hero-side-note span{height:1px;background:#ffffff30}.hero-side-note small{font:7px/1.8 Arial;color:#9da5aa;letter-spacing:1px}.hero-bottom{height:78px;border-top:1px solid #ffffff17;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3}.hero-bottom span{display:flex;align-items:center;justify-content:center;color:#aab0b4;font-size:9px;border-left:1px solid #ffffff12}.hero-bottom span:last-child{border-left:0}

.intro-section{background:var(--body)}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.intro-copy p{font-size:14px;line-height:2.3;margin:18px 0 30px;color:#666e75}.intro-visual-grid{display:grid;grid-template-columns:1.55fr .95fr;gap:20px;margin-top:60px}.intro-photo{min-height:400px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics-grid article{background:var(--surface);padding:28px;border:1px solid #e2e4e5;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px}.metrics-grid b{font:700 36px Arial;color:var(--heading)}.metrics-grid span{font-size:10px;color:#737b81;margin-top:6px}

.products-section{background:#e9ebed}.product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.product-feature{min-height:590px}.product-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0d0f10e6)}.product-feature>div{position:absolute;right:28px;left:28px;bottom:26px;color:#fff;z-index:2;display:grid}.product-feature>div span{font-size:9px;color:#c3c8cb}.product-feature>div b{font-size:20px}.product-list{background:var(--surface);border-top:3px solid var(--accent)}.product-list article{min-height:118px;padding:20px 22px;display:grid;grid-template-columns:58px 1fr 32px;gap:16px;align-items:center;border-bottom:1px solid #e5e7e9;transition:.25s}.product-list article:hover{background:#171a1d;color:#fff}.product-list article:hover h3,.product-list article:hover small{color:#fff}.product-list article:hover p{color:#aeb4b8}.list-number{font:700 13px Arial;color:var(--accent)}.product-list small{font-size:8px;color:#92999e}.product-list h3{margin:2px 0;color:var(--heading);font-size:15px}.product-list p{margin:2px 0 0;font-size:9px;color:#80888e}.product-list a{width:30px;height:30px;border:1px solid #d6dadc;display:grid;place-items:center;color:var(--accent)}

.services-section{background:#101315;position:relative;overflow:hidden;color:#fff}.services-bg{position:absolute;inset:0;opacity:.12}.services-bg:empty{background:radial-gradient(circle at 12% 30%,#c98b4735,transparent 28%),linear-gradient(125deg,#101315,#20252a)}.services-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.services-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101315f2,#101315cb)}.services-content{position:relative;z-index:2}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff18;border-right:1px solid #ffffff18}.service-cards article{min-height:310px;padding:30px;border-left:1px solid #ffffff18;border-bottom:1px solid #ffffff18;display:flex;flex-direction:column;transition:.25s}.service-cards article:hover{background:#ffffff08}.service-cards article>span{font:11px Arial;color:var(--accent)}.service-cards h3{font-size:18px;margin:55px 0 12px;color:#fff}.service-cards p{font-size:10px;color:#aeb5ba;line-height:2.1}.service-cards a{margin-top:auto;font-size:9px;color:#d7dcdf}.service-cards a b{color:var(--accent)}

.process-section{background:var(--surface)}.process-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;border-top:1px solid #d7dadd}.process-track:before{content:"";position:absolute;top:-2px;right:0;width:20%;height:3px;background:var(--accent)}.process-track article{min-height:135px;padding:24px 18px;border-left:1px solid #e1e3e5;display:grid;align-content:start;gap:18px}.process-track article:last-child{border-left:0}.process-track b{font:700 12px Arial;color:var(--accent)}.process-track span{font-size:11px;color:var(--heading);font-weight:700}

.projects-preview{background:var(--body)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{background:var(--surface);border:1px solid #e0e2e4;overflow:hidden}.project-grid article>img,.project-placeholder{height:240px;width:100%;object-fit:cover}.project-grid article>div:last-child{padding:24px}.project-grid small,.project-page-grid small{font-size:8px;color:var(--accent)}.project-grid h3,.project-page-grid h3{font-size:17px;color:var(--heading);margin:6px 0 10px}.project-grid p,.project-page-grid p{font-size:10px;color:#737b81;margin:0}.project-placeholder{background:linear-gradient(145deg,#252b30,#111416);position:relative;overflow:hidden}.project-placeholder:before,.project-placeholder:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%}.project-placeholder:before{width:190px;height:190px;left:-30px;top:20px}.project-placeholder:after{width:90px;height:90px;left:50px;top:70px}.project-placeholder i{position:absolute;width:220px;height:28px;background:var(--accent);right:-30px;bottom:45px;transform:skew(-30deg);opacity:.8}

.standards-band{background:linear-gradient(115deg,#171a1d,#292e32);color:#fff;padding:76px 0}.standards-band>.site-container{display:flex;justify-content:space-between;align-items:center;gap:60px}.standards-band h2{font-size:36px;margin:5px 0 12px}.standards-band p{color:#aeb4b8;max-width:600px;margin:0}.standard-marks{display:flex;gap:12px}.standard-marks span{width:105px;height:105px;border:1px solid #ffffff25;display:grid;place-content:center;text-align:center;font:9px Arial;color:#9fa5a9}.standard-marks b{font-size:18px;color:#fff}

.inner-hero{height:430px;background:#111417;background-image:var(--inner-photo);background-size:cover;background-position:var(--inner-photo-position,center center);position:relative;color:#fff;display:flex;align-items:end}.inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0e0ff2,#0d1011a0 60%,#0d10115c)}.inner-hero-content{position:relative;z-index:2;padding-bottom:70px}.inner-hero h1{font-size:clamp(40px,5vw,60px);margin:2px 0 10px;color:#fff}.inner-hero p{color:#b7bdc1;margin:0}.inner-content{min-height:620px}.about-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:stretch}.about-story h2{font-size:38px;color:var(--heading);margin:8px 0 25px}.about-story p{font-size:13px;line-height:2.35}.about-story blockquote{margin:30px 0 0;border-right:3px solid var(--accent);padding:18px 24px;background:#eceeef;color:#3c4247}.about-photo{min-height:470px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:60px}.values-grid article{background:#15191c;color:#fff;padding:30px;min-height:190px}.values-grid b{font:11px Arial;color:var(--accent)}.values-grid h3{margin:35px 0 8px;font-size:17px}.values-grid p{font-size:9px;color:#aeb4b8;margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-grid article{background:var(--surface);border:1px solid #e0e2e4}.catalog-grid article>img,.catalog-placeholder{height:250px;width:100%;object-fit:cover}.catalog-grid article>div:last-child{padding:24px}.catalog-grid small{font-size:8px;color:var(--accent)}.catalog-grid h3{font-size:18px;color:var(--heading);margin:6px 0}.catalog-grid p{font-size:10px;color:#747c82}.catalog-placeholder{background:linear-gradient(145deg,#24292d,#121517);display:grid;place-items:center}.catalog-placeholder span{width:100px;height:100px;border:14px solid #89949b;border-radius:50%;box-shadow:inset 0 0 0 8px #20252a}.service-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-page-grid article{background:var(--surface);border:1px solid #e0e2e4;padding:32px;min-height:280px;position:relative}.service-page-grid article>span{font:10px Arial;color:var(--accent)}.service-page-grid img{width:130px;height:90px;object-fit:cover;float:left;margin:0 18px 18px 0}.service-page-grid h3{font-size:21px;color:var(--heading);margin:35px 0 10px}.service-page-grid p{font-size:11px;line-height:2.2}.project-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-page-grid article{background:var(--surface);border:1px solid #e0e2e4;display:grid;grid-template-columns:220px 1fr;min-height:230px}.project-page-grid article>img,.project-page-grid .project-placeholder{width:220px;height:100%;min-height:230px;object-fit:cover}.project-page-grid article>div:last-child{padding:28px}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.certificate-grid article{background:var(--surface);border:1px solid #e1e3e5;min-height:300px}.certificate-grid article>img,.cert-placeholder{width:100%;height:200px;object-fit:contain;background:#f0f1f2}.certificate-grid article>div:last-child{padding:22px}.certificate-grid h3{margin:0;color:var(--heading)}.certificate-grid p{font-size:10px}.certificate-grid a{font-size:9px;color:var(--accent)}.cert-placeholder{display:grid;place-items:center}.cert-placeholder span{width:75px;height:75px;border:1px solid #9ba2a7;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--accent)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-copy h2{font-size:38px;color:var(--heading);line-height:1.5}.contact-copy>p{line-height:2.3}.contact-details{display:grid;gap:12px;margin-top:40px}.contact-details span{display:grid;padding:14px 0;border-bottom:1px solid #dadddf}.contact-details small{font-size:8px;color:#8d9499}.contact-details b{font-size:11px;color:var(--heading)}.contact-form{background:var(--surface);padding:32px;border:1px solid #dee1e3;display:grid;gap:16px}.contact-form label{display:grid;gap:7px;color:#444b50;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea,.auth-panel input{width:100%;border:1px solid #ccd1d4;background:#fff;min-height:46px;padding:11px 13px;outline:none;color:#25292c}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.auth-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.success-message{background:#e9f6ef;color:#2d7451;padding:12px;border:1px solid #cde7d8;font-size:10px}

.site-footer{background:#090b0c;color:#9ea4a8}.footer-callout{min-height:160px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.footer-callout span{font-size:9px;color:var(--accent)}.footer-callout h2{color:#fff;font-size:28px;margin:5px 0}.footer-callout>a{background:var(--accent);color:#101214;padding:12px 19px;font-size:10px;font-weight:700}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:60px;padding:60px 0}.footer-grid section{display:flex;flex-direction:column;gap:8px}.footer-grid h3{color:#fff;font-size:12px;margin:0 0 12px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:9px;line-height:2;color:#92999d}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-brand img{width:80px;height:55px;object-fit:contain}.footer-brand b{color:#fff;font-size:12px}.footer-brand small{display:block;font:7px Arial;direction:ltr;color:#6d7377;margin-top:3px}.footer-company p{max-width:330px}.badges{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.badge{width:55px;height:55px;border:1px solid #ffffff18;display:grid;place-items:center;overflow:hidden}.badge img{width:100%;height:100%;object-fit:contain}.badge span{font-size:7px;text-align:center}.copyright{padding:17px 0;border-top:1px solid #ffffff0f;font-size:8px}.visual-context{position:fixed;z-index:999;width:230px;padding:8px;background:#0a0c0df5;color:#fff;border:1px solid #2c3033;box-shadow:0 18px 50px #0008;display:none}.visual-context.open{display:grid}.visual-context b{padding:8px 9px;color:var(--accent);font-size:10px;border-bottom:1px solid #ffffff10}.visual-context a{padding:9px;font-size:9px}.visual-context a:hover{background:#ffffff08;color:#fff}

.auth-page{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:70px 24px;background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),#111417;position:relative;overflow:hidden}.auth-panel{width:min(470px,100%);background:#f7f8f9f5;padding:40px;position:relative;z-index:2;box-shadow:0 28px 90px #0007}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--heading);font:bold 12px Arial;margin-bottom:25px}.auth-panel h1{font-size:30px;color:var(--heading);margin:2px 0 8px}.auth-panel>p{font-size:11px;color:#737b81}.auth-panel form{display:grid;gap:14px;margin-top:25px}.auth-panel label{display:grid;gap:6px;font-size:9px;color:#565d62}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-submit{width:100%;border:0}.auth-switch{text-align:center;font-size:9px;margin-top:18px}.auth-switch a{color:var(--accent);font-weight:700}.auth-messages{display:grid;gap:6px}.auth-messages div{padding:10px;background:#fbe9e9;color:#8c3232;border:1px solid #efcece;font-size:9px}.auth-orbit{position:absolute;width:650px;height:650px;border:1px solid #ffffff0d;border-radius:50%}.auth-orbit i{position:absolute;inset:75px;border:1px solid #ffffff0c;border-radius:50%}.auth-orbit i:nth-child(2){inset:150px}.auth-orbit i:nth-child(3){inset:235px}

@media(max-width:1100px){.main-nav{gap:10px}.main-nav a{font-size:9px}.header-actions .admin-link{display:none}.site-container{width:min(92vw,980px)}.service-cards{grid-template-columns:1fr 1fr}.product-layout{grid-template-columns:1fr}.product-feature{min-height:420px}.project-page-grid article{grid-template-columns:180px 1fr}.project-page-grid article>img,.project-page-grid .project-placeholder{width:180px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid .footer-contact{grid-column:1/-1}.hero-side-note{display:none}}
@media(max-width:780px){.site-container{width:calc(100vw - 34px)}.section-pad{padding:72px 0}.site-topbar{display:none}.site-header{height:72px;top:0}.header-inner{gap:10px}.brand{min-width:0;margin-left:auto}.brand-copy b{font-size:11px}.brand-copy small{display:none}.brand-symbol{transform:scale(.8);transform-origin:right center}.header-actions{display:none}.menu-btn{display:block}.main-nav{position:fixed;top:72px;right:0;left:0;background:#0b0d0f;padding:18px;display:none;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff10;box-shadow:0 20px 40px #0007}.main-nav.open{display:flex}.main-nav a{padding:12px;font-size:11px;border-bottom:1px solid #ffffff0c}.home-hero{height:calc(100vh - 72px);min-height:620px}.hero-inner{height:calc(100% - 118px)}.hero-copy h1{font-size:40px}.hero-copy p{font-size:11px}.hero-actions{flex-wrap:wrap}.hero-bottom{height:118px;grid-template-columns:1fr 1fr}.hero-bottom span{border-bottom:1px solid #ffffff12}.split-intro{grid-template-columns:1fr;gap:24px}.intro-visual-grid{grid-template-columns:1fr}.intro-photo{min-height:300px}.metrics-grid article{min-height:145px}.section-head{align-items:start;flex-direction:column}.service-cards{grid-template-columns:1fr}.service-cards article{min-height:230px}.process-track{grid-template-columns:1fr}.process-track article{min-height:85px;border-left:0;border-bottom:1px solid #e1e3e5}.project-grid,.catalog-grid,.certificate-grid{grid-template-columns:1fr}.standards-band>.site-container{align-items:start;flex-direction:column}.standard-marks span{width:90px;height:90px}.inner-hero{height:340px}.inner-hero-content{padding-bottom:50px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.about-photo{min-height:330px}.values-grid{grid-template-columns:1fr 1fr}.service-page-grid{grid-template-columns:1fr}.project-page-grid{grid-template-columns:1fr}.project-page-grid article{grid-template-columns:1fr}.project-page-grid article>img,.project-page-grid .project-placeholder{width:100%;height:220px;min-height:220px}.form-row{grid-template-columns:1fr}.footer-callout{padding:30px 0;align-items:flex-start;flex-direction:column;justify-content:center;gap:20px}.footer-callout h2{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-company,.footer-contact{grid-column:1/-1}.auth-row{grid-template-columns:1fr}}
.company-highlights{background:var(--body)}
.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.highlight-grid article{min-width:0;background:var(--surface);border:1px solid #dfe2e4;display:grid;grid-template-rows:220px 1fr;overflow:hidden;transition:.25s}
.highlight-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #16191c12;border-color:#c6a17b}
.highlight-grid article>img,.highlight-placeholder{width:100%;height:220px;object-fit:cover;background:#141719}
.highlight-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#111416,#30363a)}
.highlight-placeholder:before,.highlight-placeholder:after{content:"";position:absolute;border:1px solid #c98b4755;transform:rotate(28deg)}
.highlight-placeholder:before{width:190px;height:50px;left:12%;top:30%}.highlight-placeholder:after{width:120px;height:28px;right:8%;bottom:20%}
.highlight-grid article>div:last-child{padding:22px;display:grid;align-content:start;gap:8px}
.highlight-grid small{font:700 8px Arial;letter-spacing:2px;color:var(--accent)}
.highlight-grid h3{margin:0;color:var(--heading);font-size:18px;line-height:1.7}
.highlight-grid p{margin:0;color:var(--text);font-size:10px;line-height:2;min-height:40px}
.highlight-grid a{margin-top:6px;color:var(--heading);font-size:9px;font-weight:700;text-decoration:none}
@media(max-width:900px){.highlight-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.highlight-grid{grid-template-columns:1fr}.highlight-grid article{grid-template-rows:190px 1fr}.highlight-grid article>img,.highlight-placeholder{height:190px}}
.auth-page.has-auth-photo{background-image:linear-gradient(#0a0d10d9,#0a0d10e6),var(--auth-photo);background-size:cover;background-position:center}
.auth-page.has-auth-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0e116e,#0b0e111c);pointer-events:none}
.auth-page.has-auth-photo .auth-panel{backdrop-filter:blur(8px)}

/* ===== STEEL ASIA UI V2 — unified company theme ===== */
body{font-family:var(--font,var(--site-font)),Tahoma,"Segoe UI",Arial,sans-serif;background:var(--body);color:var(--text);font-feature-settings:"ss01" 1}
.site-main{display:flex;flex-direction:column;min-height:1px}.custom-section{width:100%;position:relative}.section-pad-tight{padding-top:44px;padding-bottom:92px}
.site-container{width:min(1240px,calc(100vw - 64px))}.site-topbar{background:color-mix(in srgb,var(--nav) 93%,#000 7%);color:#a7b2b9}.site-header{background:color-mix(in srgb,var(--nav) 94%,transparent);box-shadow:0 12px 35px rgba(5,16,24,.14)}
.brand-copy b,.section-head h2,.intro-heading h2,.hero-copy h1,.inner-hero h1,.contact-copy h2{font-family:var(--font,var(--site-font)),sans-serif;font-weight:800;letter-spacing:-.5px}.brand-copy small,.ghost-label{font-family:Arial,sans-serif}
.header-cta,.primary-btn{border-radius:2px;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 18%,transparent)}.primary-btn:hover,.header-cta:hover{box-shadow:0 13px 30px rgba(8,22,31,.18)}
.home-hero{background-color:var(--nav);min-height:640px}.home-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--nav) 95%,transparent) 0%,color-mix(in srgb,var(--nav) 78%,transparent) 48%,color-mix(in srgb,var(--nav) 28%,transparent) 100%)}.hero-gridlines{opacity:.038}.hero-copy h1{font-size:clamp(46px,5.4vw,78px);line-height:1.2;text-shadow:0 12px 40px rgba(0,0,0,.22)}.hero-copy p{font-size:14px;color:#d0d8dc}.hero-bottom{background:rgba(5,16,24,.24);backdrop-filter:blur(8px)}
.section-kicker{font-weight:800}.section-kicker.light{color:color-mix(in srgb,var(--accent) 84%,#fff 16%)}.intro-section,.company-highlights,.process-section,.inner-content,.values-section,.catalog-section,.service-list-section,.project-list-section,.certificate-list-section{background:var(--body)}
.metrics-grid article,.product-list,.highlight-grid article,.catalog-grid article,.service-page-grid article,.project-page-grid article,.certificate-grid article,.contact-form,.values-grid article{border-color:color-mix(in srgb,var(--heading) 10%,transparent);box-shadow:0 10px 28px rgba(10,28,39,.035)}
.metrics-grid article,.highlight-grid article,.catalog-grid article,.project-page-grid article,.certificate-grid article,.contact-form,.values-grid article{background:var(--surface)}
.metrics-grid article:hover,.highlight-grid article:hover,.catalog-grid article:hover,.values-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(10,28,39,.085);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}
.metrics-grid article,.catalog-grid article,.values-grid article{transition:.22s ease}.metrics-grid b{color:var(--heading)}.intro-copy p,.section-head>p,.highlight-grid p,.contact-copy>p{color:var(--text)}
.products-section{background:color-mix(in srgb,var(--body) 90%,var(--nav) 10%)}.product-list article{border-color:color-mix(in srgb,var(--heading) 9%,transparent)}.product-list article:hover{background:var(--nav)}
.services-section,.standards-band,.site-footer{background:var(--nav)}.services-section:after{background:linear-gradient(90deg,color-mix(in srgb,var(--nav) 96%,transparent),color-mix(in srgb,var(--nav) 82%,transparent))}.service-cards article:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.process-track,.process-track article{border-color:color-mix(in srgb,var(--heading) 12%,transparent)}.inner-hero{background-color:var(--nav)}.inner-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--nav) 92%,transparent),color-mix(in srgb,var(--nav) 62%,transparent),color-mix(in srgb,var(--nav) 28%,transparent))}
.contact-form input,.contact-form textarea,.auth-panel input{background:color-mix(in srgb,var(--surface) 97%,var(--body) 3%);color:var(--heading);border-color:color-mix(in srgb,var(--heading) 14%,transparent)}
.footer-callout>a{background:var(--accent);color:var(--button-text)}.visual-context{font-family:var(--font,var(--site-font)),sans-serif;background:color-mix(in srgb,var(--nav) 96%,#000 4%)}
.empty-content{background:var(--surface);border-color:color-mix(in srgb,var(--heading) 16%,transparent);color:var(--text)}
@media(max-width:780px){.site-container{width:calc(100vw - 34px)}.section-pad{padding:68px 0}.section-pad-tight{padding-top:18px;padding-bottom:68px}.hero-copy h1{font-size:42px;line-height:1.3}.home-hero{min-height:620px}}

/* ===== STEEL ASIA UI V3 — premium rounded corporate system ===== */
:root{
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:30px;
  --line-soft:color-mix(in srgb,var(--heading) 9%,transparent);
  --shadow-soft:0 14px 42px rgba(4,25,42,.08);
  --shadow-card:0 18px 55px rgba(4,25,42,.12);
}
body{font-size:15px;line-height:1.9;background:linear-gradient(180deg,color-mix(in srgb,var(--body) 96%,#fff 4%),var(--body));}
.site-container{width:min(1240px,calc(100vw - 56px));}
.section-pad{padding:96px 0}.section-pad-tight{padding-top:34px;padding-bottom:90px}
.section-kicker{font-size:11px;letter-spacing:.2px;margin-bottom:12px}.section-kicker:before{width:34px;height:2px;border-radius:999px}
.section-head{align-items:flex-end;margin-bottom:34px}.section-head h2,.intro-heading h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.8px;line-height:1.4}.section-head>p{font-size:13px;line-height:2;max-width:510px}
.text-link{font-size:12px;padding-bottom:6px;border-color:var(--line-soft)}
.primary-btn,.ghost-btn,.header-cta{border-radius:var(--radius-sm);min-height:48px;padding:11px 20px;font-size:12px}

.site-topbar{height:38px;background:color-mix(in srgb,var(--nav) 96%,#000 4%);font-size:10px}.topbar-links{gap:26px}
.site-header{height:82px;background:color-mix(in srgb,var(--nav) 93%,transparent);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 34px rgba(3,16,28,.18)}
.header-inner{gap:28px}.brand{min-width:240px}.brand-copy b{font-size:14px}.brand-copy small{font-size:8px;color:#9eb0bf}.main-nav{gap:22px}.main-nav a{font-size:11px;padding:14px 0}.admin-link{border-radius:var(--radius-sm);font-size:10px;padding:9px 13px}.header-cta{min-height:42px}

/* Landing banners */
.landing-hero{background:linear-gradient(180deg,var(--nav) 0%,color-mix(in srgb,var(--nav) 90%,#132e46 10%) 58%,var(--body) 58%);padding:30px 0 0}
.hero-banner-card{overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 30px 75px rgba(2,17,30,.3);border:1px solid rgba(255,255,255,.13);background:var(--nav);aspect-ratio:1916/821}
.hero-banner-card img{width:100%;height:100%;object-fit:cover}
.hero-fallback{height:100%;padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 32%),linear-gradient(120deg,#071b2f,#0c2b45)}
.hero-fallback h1{font-size:clamp(42px,5vw,74px);line-height:1.25;margin:8px 0 18px}.hero-fallback p{max-width:650px;color:#cbd7df;line-height:2.1;margin:0 0 28px}
.hero-trust-strip{margin:-22px auto 0;width:calc(100% - 70px);position:relative;z-index:3;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-card);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:stretch;overflow:hidden}
.hero-trust-strip article{padding:18px 22px;display:flex;align-items:center;gap:13px;border-left:1px solid var(--line-soft)}.hero-trust-strip b{display:block;color:var(--heading);font-size:12px}.hero-trust-strip small{display:block;color:var(--text);font-size:9px;margin-top:2px}.hero-trust-strip>a{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 25px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;min-width:155px}.hero-trust-strip>a:hover{background:var(--button-hover)}
.ui-icon{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius-sm);position:relative;flex:none;background:color-mix(in srgb,var(--accent) 7%,transparent)}
.ui-icon:before,.ui-icon:after{content:"";position:absolute;border-color:var(--accent)}.ui-icon.quality:before{width:14px;height:14px;border:2px solid var(--accent);border-radius:50%;inset:10px}.ui-icon.quality:after{width:7px;height:4px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);left:15px;top:16px}.ui-icon.project:before{inset:10px;border:2px solid var(--accent);border-top-width:6px;border-radius:2px}.ui-icon.support:before{width:17px;height:14px;border:2px solid var(--accent);border-radius:10px 10px 5px 5px;left:10px;top:10px}.ui-icon.support:after{width:5px;height:7px;border-right:2px solid var(--accent);right:7px;top:17px}

/* Intro and editorial banners */
.intro-section{padding-top:115px}.intro-topline{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:end;margin-bottom:36px}.intro-topline h2{margin:0;color:var(--heading);font-size:clamp(31px,3.2vw,46px);line-height:1.5}.intro-topline p{font-size:13px;line-height:2.25;margin:0 0 18px;color:var(--text)}
.editorial-banner{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--heading) 10%,transparent);background:var(--surface)}.editorial-banner img{width:100%;display:block;aspect-ratio:1916/821;object-fit:cover}.banner-empty{min-height:340px;display:grid;place-items:center;background:linear-gradient(135deg,var(--nav),#16344c);color:#bac8d2;font-size:13px}

/* Capability cards */
.company-highlights{background:linear-gradient(180deg,var(--body),color-mix(in srgb,var(--body) 92%,#dce9f2 8%))}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.capability-grid article{position:relative;min-height:300px;padding:26px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);transition:.25s ease;display:flex;flex-direction:column}.capability-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.cap-no{position:absolute;left:20px;top:19px;font:700 11px Arial;color:color-mix(in srgb,var(--heading) 32%,transparent)}.capability-grid .ui-icon{margin-bottom:30px}.capability-grid h3{margin:0 0 10px;color:var(--heading);font-size:18px}.capability-grid p{font-size:11px;line-height:2.05;margin:0;color:var(--text)}.capability-grid a{margin-top:auto;padding-top:20px;font-size:10px;color:var(--heading);font-weight:800}.capability-grid a b{color:var(--accent)}
.ui-icon.sourcing:before{width:16px;height:12px;border:2px solid var(--accent);left:10px;top:14px;border-radius:2px}.ui-icon.sourcing:after{width:8px;height:5px;border:2px solid var(--accent);border-bottom:0;left:14px;top:9px;border-radius:4px 4px 0 0}.ui-icon.engineering:before{width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;left:9px;top:9px}.ui-icon.engineering:after{width:7px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);left:14px;top:14px;transform:rotate(-45deg)}.ui-icon.inspection:before{width:15px;height:19px;border:2px solid var(--accent);left:10px;top:8px;border-radius:2px}.ui-icon.inspection:after{width:7px;height:4px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);left:15px;top:15px}.ui-icon.logistics:before{width:18px;height:11px;border:2px solid var(--accent);left:7px;top:12px}.ui-icon.logistics:after{width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;right:6px;bottom:7px;box-shadow:-15px 0 0 -1px var(--surface),-15px 0 0 1px var(--accent)}

/* Products */
.products-section{background:color-mix(in srgb,var(--body) 90%,#d7e4ec 10%)}.product-editorial-banner{margin-bottom:26px}.product-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card-grid article{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line-soft);overflow:hidden;box-shadow:var(--shadow-soft);transition:.24s}.product-card-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}.product-card-media{height:170px;background:linear-gradient(145deg,#e7edf1,#d5dfe6);display:grid;place-items:center;overflow:hidden}.product-card-media img{width:100%;height:100%;object-fit:cover}.product-card-grid article>div:last-child{padding:20px}.product-card-grid small{font-size:9px;color:var(--accent);font-weight:800}.product-card-grid h3{margin:5px 0 7px;color:var(--heading);font-size:16px}.product-card-grid p{margin:0;color:var(--text);font-size:10px;line-height:2}.product-card-grid a{display:inline-flex;gap:8px;margin-top:15px;font-size:10px;color:var(--heading);font-weight:800}.steel-shape{display:block;position:relative;width:92px;height:58px;filter:drop-shadow(0 13px 12px rgba(15,38,56,.16))}.steel-shape:before,.steel-shape:after{content:"";position:absolute;background:linear-gradient(180deg,#5d7180,#293c4a)}.steel-shape:before{left:39px;width:15px;height:58px}.steel-shape:after{left:8px;right:8px;height:12px;top:0;box-shadow:0 46px 0 #2f4352}.shape-2{transform:rotate(90deg)}.shape-3{transform:skew(-10deg)}.shape-4{transform:rotate(8deg)}

/* Services */
.services-section{background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 25%),linear-gradient(130deg,var(--nav),color-mix(in srgb,var(--nav) 78%,#183d5d 22%));color:#fff}.services-section:after{display:none}.service-heading-row{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:34px}.service-heading-row h2{font-size:clamp(34px,3.5vw,50px);line-height:1.45;margin:0;color:#fff}.service-heading-row>p{margin:0;color:#b8c6d0;font-size:12px;line-height:2.2}.premium-service-cards{border:0;gap:14px}.premium-service-cards article{border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-md);background:rgba(255,255,255,.035);min-height:310px;padding:26px;backdrop-filter:blur(8px)}.premium-service-cards article:hover{background:rgba(255,255,255,.07);border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-4px)}.premium-service-cards h3{margin:32px 0 10px;font-size:18px}.premium-service-cards p{font-size:10px;line-height:2.1}.service-ring{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;display:block;position:relative;margin-top:18px}.service-ring:before{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--accent);border-radius:4px;inset:14px;transform:rotate(45deg)}

/* Process */
.process-section{background:var(--surface)}.modern-process{border:0;gap:12px}.modern-process:before{display:none}.modern-process article{min-height:170px;border:1px solid var(--line-soft)!important;border-radius:var(--radius-md);background:color-mix(in srgb,var(--body) 72%,#fff 28%);padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.modern-process article b{font-size:23px;color:var(--accent)}.modern-process article span{font-size:12px;color:var(--heading);font-weight:800;margin-top:20px}.modern-process article small{font:8px Arial;color:#8495a2;letter-spacing:1px;margin-top:6px;direction:ltr;text-align:right}

/* Projects / CTA */
.projects-preview{background:linear-gradient(180deg,var(--body),color-mix(in srgb,var(--body) 90%,#dce9f2 10%))}.cta-editorial-banner{margin-bottom:24px}.project-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-mini-grid article{border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}.project-mini-grid article>img,.project-mini-grid .project-placeholder{height:210px;width:100%;object-fit:cover}.project-mini-grid article>div:last-child{padding:20px}.project-mini-grid small{color:var(--accent);font-size:9px}.project-mini-grid h3{color:var(--heading);font-size:16px;margin:5px 0}.project-mini-grid p{font-size:10px;color:var(--text);line-height:2}

/* Quality band + footer */
.standards-band{padding:72px 0;background:linear-gradient(120deg,color-mix(in srgb,var(--nav) 95%,#000 5%),color-mix(in srgb,var(--nav) 72%,#153c5a 28%))}.quality-band-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.quality-band-inner h2{color:#fff;font-size:30px;line-height:1.55;margin:0 0 12px;max-width:700px}.quality-band-inner p{color:#aebfca;max-width:650px;font-size:11px}.quality-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.quality-pills span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 15px;color:#d8e3e9;font:8px Arial;letter-spacing:1px;background:rgba(255,255,255,.035)}
.site-footer{background:color-mix(in srgb,var(--nav) 95%,#000 5%)}.footer-callout{border-radius:var(--radius-lg);background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 82%,#d56217 18%),var(--accent));padding:30px 34px;margin-top:32px;box-shadow:0 24px 55px rgba(3,17,29,.22)}.footer-callout span,.footer-callout h2{color:#fff}.footer-callout>a{background:#fff!important;color:var(--nav)!important;border-radius:var(--radius-sm);padding:12px 18px;font-weight:800}.footer-grid{padding-top:60px}.badges .badge{border-radius:var(--radius-sm)}

/* Shared cards and inner pages */
.media-frame,.empty-content,.catalog-grid article,.service-page-grid article,.project-page-grid article,.certificate-grid article,.contact-form,.values-grid article,.auth-panel,.visual-context{border-radius:var(--radius-md)!important;overflow:hidden}.inner-hero{height:420px;margin:24px auto 0;width:min(1240px,calc(100vw - 56px));border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.inner-hero-content{padding-inline:42px}.about-photo,.catalog-placeholder,.project-placeholder,.cert-placeholder{border-radius:var(--radius-sm)}.catalog-grid,.service-page-grid,.certificate-grid{gap:18px}.catalog-grid article,.service-page-grid article,.certificate-grid article{box-shadow:var(--shadow-soft)}.contact-form input,.contact-form textarea,.contact-form select,.auth-panel input{border-radius:var(--radius-sm)!important;min-height:46px;padding:11px 13px}.contact-form textarea{min-height:150px}.success-message,.auth-messages div{border-radius:var(--radius-sm)}

@media(max-width:1050px){
  .capability-grid,.product-card-grid{grid-template-columns:1fr 1fr}.hero-trust-strip{grid-template-columns:repeat(3,1fr);width:calc(100% - 36px)}.hero-trust-strip>a{grid-column:1/-1}.intro-topline,.service-heading-row{grid-template-columns:1fr;gap:24px}.project-mini-grid{grid-template-columns:1fr 1fr}.quality-band-inner{align-items:flex-start;flex-direction:column}.quality-pills{justify-content:flex-start}
}
@media(max-width:780px){
  .site-container{width:calc(100vw - 28px)}.section-pad{padding:68px 0}.landing-hero{padding-top:14px}.hero-banner-card{border-radius:20px;aspect-ratio:auto}.hero-banner-card img{aspect-ratio:1.15/1;object-fit:cover;object-position:center}.hero-trust-strip{margin:12px 0 0;width:100%;grid-template-columns:1fr;border-radius:18px}.hero-trust-strip article{border-left:0;border-bottom:1px solid var(--line-soft);padding:14px 16px}.hero-trust-strip>a{grid-column:auto}.intro-section{padding-top:74px}.intro-topline{margin-bottom:24px}.editorial-banner{border-radius:20px}.editorial-banner img{aspect-ratio:1.12/1;object-fit:cover}.capability-grid,.product-card-grid,.project-mini-grid{grid-template-columns:1fr}.capability-grid article{min-height:250px}.premium-service-cards{grid-template-columns:1fr}.modern-process{grid-template-columns:1fr}.modern-process article{min-height:130px}.quality-band-inner h2{font-size:24px}.inner-hero{width:calc(100vw - 28px);margin-top:14px;height:330px;border-radius:20px}.inner-hero-content{padding-inline:22px}.footer-callout{border-radius:20px;margin-inline:0;padding:25px}.footer-grid{padding-top:42px}.site-header{height:72px}.main-nav{top:72px;border-radius:0 0 18px 18px}.main-nav a{font-size:12px}.brand-copy b{font-size:12px}
}
.mobile-auth-link{display:none!important}
@media(max-width:780px){.main-nav .mobile-auth-link{display:block!important;color:var(--accent);font-weight:800}}


/* ===== V4 readability, icon alignment and interaction polish ===== */
body{font-size:16px;line-height:2}.section-kicker{font-size:12px}.text-link{font-size:13px}.section-head>p{font-size:14px}.primary-btn,.ghost-btn,.header-cta{font-size:13px;min-height:50px;border-radius:var(--radius-sm);cursor:pointer}.primary-btn,.ghost-btn,.header-cta,.admin-link,.main-nav a,.footer-callout a,.product-list article,.service-cards article,.catalog-grid article,.values-grid article{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}.admin-link{font-size:13px;min-height:42px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);background:rgba(255,255,255,.035)}.admin-link:hover{color:#fff;background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.header-cta:hover,.primary-btn:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--button-hover) 26%,transparent)}.main-nav a{font-size:13px}.brand-copy b{font-size:15px}.brand-copy small{font-size:9px}.topbar-inner,.site-topbar{font-size:11px}.hero-copy p{font-size:15px}.hero-bottom span{font-size:11px}.intro-copy p{font-size:15px}.metrics-grid span{font-size:12px}.product-list small,.product-list p{font-size:11px}.product-list h3{font-size:17px}.service-cards p{font-size:13px}.service-cards a{font-size:12px}.footer-grid p,.footer-grid a,.footer-grid span{font-size:13px}.mini-icon{width:16px;height:16px;flex:0 0 16px;vertical-align:middle}.topbar-links a,.topbar-address{gap:9px;align-items:center}.ui-icon{display:grid;place-items:center;overflow:visible}.ui-icon:before,.ui-icon:after{box-sizing:border-box}.mobile-auth-link{font-weight:800;color:var(--accent)!important}.menu-btn{border-radius:var(--radius-sm);transition:.2s}.menu-btn:hover{background:rgba(255,255,255,.08)}@media(max-width:680px){body{font-size:15px}.main-nav a{font-size:14px}.section-kicker{font-size:11px}.hero-copy p{font-size:14px}}

/* ===== V5.1 TYPOGRAPHY + INTERACTION CONSISTENCY ===== */
body{font-size:16px;line-height:1.9}.site-topbar,.topbar-inner{font-size:12px}.main-nav a{font-size:14px}.admin-link,.header-cta{font-size:14px}.section-kicker{font-size:12px}.section-head>p,.intro-copy p,.about-story p{font-size:14px}.product-list p,.catalog-grid p,.project-grid p,.project-page-grid p,.project-mini-grid p,.service-cards p,.service-page-grid p,.values-grid p,.certificate-grid p{font-size:13px;line-height:2}.product-list small,.catalog-grid small,.project-grid small,.project-page-grid small,.project-mini-grid small,.service-cards a,.certificate-grid a{font-size:11px}.contact-form label,.contact-details small{font-size:12px}.contact-details b{font-size:14px}.footer-grid h3{font-size:14px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:13px}.copyright{font-size:11px}.visual-context b{font-size:13px}.visual-context a{font-size:12px;min-height:40px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:.2s}.visual-context a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateX(-2px)}
@media(max-width:780px){.main-nav a{font-size:15px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:13px}}

/* ===== V9 visual-editor icon overrides ===== */
.visual-custom-icon-holder{display:inline-grid;place-items:center;flex:0 0 auto;width:1.25em;height:1.25em;vertical-align:middle;line-height:1;margin-inline:.28em;color:currentColor}
.visual-custom-icon{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.visual-icon-replaced::before,.visual-icon-replaced::after,.visual-icon-removed::before,.visual-icon-removed::after{display:none!important;content:none!important}
.visual-icon-replaced>.visual-custom-icon-holder{margin:0;width:100%;height:100%}
.visual-icon-removed{background-image:none!important}

/* ===== V9 — site-wide readability pass ===== */
.site-topbar,.topbar-inner{font-size:12px!important}.brand-copy small{font-size:10.5px!important}.main-nav a{font-size:13.5px!important}.hero-trust-strip b{font-size:13.5px!important}.hero-trust-strip small{font-size:11.5px!important;line-height:1.7!important}.capability-grid p{font-size:13px!important;line-height:2!important}.capability-grid a{font-size:12.5px!important}.product-card-grid small{font-size:11.5px!important}.product-card-grid p{font-size:13px!important;line-height:1.95!important}.product-card-grid a{font-size:12.5px!important}.premium-service-cards p{font-size:13px!important;line-height:2!important}.project-mini-grid small{font-size:11.5px!important}.project-mini-grid p{font-size:13px!important;line-height:1.95!important}.highlight-grid p{font-size:13px!important}.highlight-grid a{font-size:12.5px!important}.visual-context b{font-size:13px!important}.visual-context a{font-size:12px!important;min-height:38px!important;display:flex!important;align-items:center!important;border-radius:10px!important}.auth-panel>p{font-size:13px!important}.auth-panel label{font-size:12.5px!important}.auth-switch,.auth-messages div{font-size:12px!important}.primary-btn,.ghost-btn,.header-cta,.admin-link{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important}.ghost-btn:hover,.admin-link:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important}

/* ===== V10 — editable banner copy + responsive auth access ===== */
.hero-banner-card,.editorial-banner{position:relative}.hero-banner-card:after,.editorial-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.82) 0%,rgba(4,18,31,.56) 35%,rgba(4,18,31,.08) 70%);pointer-events:none}.banner-overlay-copy{position:absolute;z-index:3;top:50%;right:6%;transform:translateY(-50%);max-width:510px;color:#fff;display:grid;gap:9px}.banner-overlay-copy>span{font-size:12px;color:var(--accent);font-weight:800}.banner-overlay-copy h1{font-size:clamp(34px,4.3vw,61px);line-height:1.35;margin:0;color:#fff}.banner-overlay-copy h3{font-size:clamp(25px,3vw,40px);line-height:1.45;margin:0;color:#fff}.banner-overlay-copy p{font-size:14px;line-height:2;color:#c5d3dc;margin:0;max-width:580px}.banner-overlay-copy>div{display:flex;gap:10px;margin-top:6px}.banner-overlay-copy>a{width:max-content;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 15px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.28);background:rgba(6,25,40,.38);color:#fff;font-size:13px;font-weight:800;transition:.2s}.banner-overlay-copy>a:hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,rgba(6,25,40,.48))}.hero-overlay-copy{max-width:620px}.hero-overlay-copy .ghost-btn{background:rgba(255,255,255,.06)}
.header-actions{display:flex!important}.header-actions .admin-link{white-space:nowrap!important}.mobile-auth-link{display:none!important}
@media(max-width:1100px){.main-nav{gap:11px}.main-nav a{font-size:12px!important}.header-actions .admin-link{display:inline-flex!important}.header-actions .header-cta{display:none!important}.brand{min-width:190px!important}.header-inner{gap:14px!important}}
@media(max-width:860px){.main-nav{position:fixed;top:72px;right:0;left:0;background:color-mix(in srgb,var(--nav) 97%,#000 3%);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff12;border-radius:0 0 18px 18px;box-shadow:0 20px 40px #0007}.main-nav.open{display:flex}.main-nav a{padding:12px 14px!important;font-size:14px!important;border-bottom:1px solid #ffffff0c}.menu-btn{display:block!important;order:3}.header-actions{order:2;margin-right:auto;display:flex!important}.header-actions .admin-link{display:inline-flex!important;min-height:42px!important;padding:8px 12px!important;font-size:12px!important}.header-actions .header-cta{display:none!important}.brand{order:1;margin-left:0!important;min-width:0!important}.site-header{height:72px!important}.header-inner{gap:8px!important}.brand img{max-width:145px;max-height:48px}.brand-copy b{font-size:12px!important}.brand-copy small{display:none!important}}
@media(max-width:520px){.site-container{width:calc(100vw - 20px)!important}.header-inner{gap:6px!important}.admin-link{font-size:11px!important;min-height:40px!important;padding:7px 10px!important}.menu-btn{padding:7px!important}.menu-btn span{width:20px}.brand-symbol{transform:scale(.72)}.brand-copy b{font-size:11px!important}.banner-overlay-copy{right:7%;left:7%;top:auto;bottom:22px;transform:none;max-width:none}.banner-overlay-copy h1{font-size:29px}.banner-overlay-copy h3{font-size:24px}.banner-overlay-copy p{font-size:12px;line-height:1.85}.banner-overlay-copy>div{flex-wrap:wrap}.hero-banner-card img,.editorial-banner img{aspect-ratio:1.08/1!important;object-position:62% center!important}.hero-banner-card:after,.editorial-banner:after{background:linear-gradient(0deg,rgba(4,18,31,.93) 0%,rgba(4,18,31,.64) 48%,rgba(4,18,31,.08) 78%)}}

/* ===== V10.1 banner fit + lightweight site icon ===== */
.brand-fallback-icon{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 44px}.footer-fallback-icon{width:48px;height:48px;flex-basis:48px}.hero-banner-card,.editorial-banner{aspect-ratio:2560/1013;position:relative;overflow:hidden}.hero-banner-card>img,.editorial-banner>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover!important;object-position:center center!important}.hero-banner-card .banner-overlay-copy,.editorial-banner .banner-overlay-copy{position:absolute;z-index:3}.hero-banner-card:after,.editorial-banner:after{z-index:2}.hero-banner-wrap,.editorial-banner{isolation:isolate}
@media(max-width:780px){.brand-fallback-icon{width:38px;height:38px;flex-basis:38px}.hero-banner-card,.editorial-banner{aspect-ratio:1.18/1}.hero-banner-card>img,.editorial-banner>img{object-position:center center!important}}
@media(max-width:520px){.brand-fallback-icon{width:34px;height:34px;flex-basis:34px}.hero-banner-card,.editorial-banner{aspect-ratio:1.05/1}.hero-banner-card>img,.editorial-banner>img{object-position:center center!important}}


/* ===== V12 footer link hover ===== */
.site-footer .footer-grid section>a{position:relative;display:inline-flex;align-items:center;width:max-content;max-width:100%;padding-block:3px;text-decoration:none;transition:color .2s ease,translate .2s ease,opacity .2s ease}.site-footer .footer-grid section>a::after{content:"";position:absolute;right:0;left:auto;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right center;transition:transform .22s ease}.site-footer .footer-grid section>a:hover{color:var(--accent)!important;translate:-4px 0}.site-footer .footer-grid section>a:hover::after{transform:scaleX(1)}.site-footer .footer-grid section>a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.footer-callout>a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important}.footer-callout>a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
@media(hover:none){.site-footer .footer-grid section>a:hover{translate:0 0}.site-footer .footer-grid section>a::after{display:none}}


/* ===== V14 — independent header icon and company name ===== */
.brand{display:flex;align-items:center;gap:11px;min-width:230px}
.brand-icon-link{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:var(--radius-sm);overflow:hidden;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.brand-icon-link:hover{background:rgba(255,255,255,.075);border-color:color-mix(in srgb,var(--accent) 48%,transparent);transform:translateY(-1px)}
.brand-icon-link .brand-icon-image,.brand .brand-icon-image{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;flex:none!important}
.brand-copy{display:grid!important;min-width:0;line-height:1.35;text-decoration:none}
.brand-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.brand-copy small{display:block}
.footer-brand-copy{display:grid;min-width:0}
@media(max-width:1100px){.brand{min-width:185px!important}.brand-copy b{max-width:135px}}
@media(max-width:860px){.brand{min-width:0!important}.brand-icon-link{width:40px;height:40px;flex-basis:40px}.brand-icon-link .brand-icon-image,.brand .brand-icon-image{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}.brand-copy b{max-width:120px}}
@media(max-width:520px){.brand{gap:7px!important}.brand-icon-link{width:36px;height:36px;flex-basis:36px}.brand-icon-link .brand-icon-image,.brand .brand-icon-image{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}.brand-copy b{max-width:92px}}


/* ===== V18 — About page hero fit + readable value cards ===== */
.about-inner-hero{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.about-inner-hero:after{
  background:linear-gradient(270deg,rgba(5,20,34,.94) 0%,rgba(5,20,34,.76) 34%,rgba(5,20,34,.30) 58%,rgba(5,20,34,.06) 82%)!important;
}
.about-inner-hero .inner-hero-content{
  text-align:right;
  max-width:100%;
}
.about-inner-hero .section-kicker,
.about-inner-hero h1,
.about-inner-hero p{
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.about-inner-hero p{
  color:#eef4f7!important;
  font-size:15px!important;
  font-weight:600;
}
[data-section-key="values-grid"] .values-grid{
  gap:16px;
}
[data-section-key="values-grid"] .values-grid article{
  background:#fff!important;
  color:#111827!important;
  border:1px solid rgba(15,23,42,.09)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
  min-height:218px;
  padding:30px 28px;
}
[data-section-key="values-grid"] .values-grid article:hover{
  border-color:color-mix(in srgb,var(--accent) 38%,rgba(15,23,42,.09))!important;
  box-shadow:0 18px 38px rgba(15,23,42,.11)!important;
}
[data-section-key="values-grid"] .values-grid b{
  color:var(--accent)!important;
  font-size:13px!important;
  font-weight:800!important;
}
[data-section-key="values-grid"] .values-grid h3{
  color:#0f172a!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.65!important;
  margin:28px 0 10px!important;
}
[data-section-key="values-grid"] .values-grid p{
  color:#1f2937!important;
  font-size:14.5px!important;
  font-weight:600!important;
  line-height:2!important;
  opacity:1!important;
  margin:0!important;
}
@media(max-width:780px){
  .about-inner-hero{background-position:48% center!important;}
  .about-inner-hero:after{background:linear-gradient(270deg,rgba(5,20,34,.94) 0%,rgba(5,20,34,.74) 48%,rgba(5,20,34,.18) 100%)!important;}
  [data-section-key="values-grid"] .values-grid article{min-height:190px;padding:24px 22px;}
  [data-section-key="values-grid"] .values-grid h3{font-size:18px!important;margin-top:22px!important;}
  [data-section-key="values-grid"] .values-grid p{font-size:14px!important;}
}
@media(max-width:520px){
  .about-inner-hero{height:320px!important;background-position:45% center!important;}
  [data-section-key="values-grid"] .values-grid{grid-template-columns:1fr!important;}
  [data-section-key="values-grid"] .values-grid article{min-height:0;}
}