@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071d37;--deep:#0b2a4b;--blue:#0577d4;--cyan:#4cc8ff;--ink:#142c43;--muted:#647486;--paper:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{transition:all .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5dd1ff;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-70px;background:#fff;z-index:99;padding:12px}.skip:focus{top:0}.topline{background:#06172c;color:#d9e7f4;font-size:11px;letter-spacing:.12em}.topline .wrap{height:35px;display:flex;align-items:center;justify-content:space-between}.topline b{color:#48c4ff;padding:0 12px}.topline a{letter-spacing:.01em;font-size:12px}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 20px #071d3710}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{width:220px;max-height:72px;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:30px;align-items:center;font-weight:700;font-size:13px}.nav nav a:hover{color:var(--blue)}.navcta{background:var(--navy);color:white!important;padding:15px 22px;border-radius:6px}.navcta span{margin-left:13px}.menu{display:none;background:none;border:0;font-size:28px}.hero{background:linear-gradient(115deg,#071a32,#0b345e);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:640px;align-items:center;gap:20px}.hero-copy{padding:65px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#70d1ff;margin-bottom:25px}.eyebrow.dark{color:#087cc5}.spark{font-size:18px;margin-right:8px}.hero h1{font-size:clamp(48px,5.8vw,78px);line-height:1.08;letter-spacing:-.06em;margin-bottom:24px}.hero h1 em,.section h2 em{font-style:normal;color:#54caff}.hero-copy>p{font-size:18px;line-height:1.8;max-width:470px;color:#c4d7e7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 60px}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 22px;border-radius:5px;font-weight:800;font-size:13px;cursor:pointer}.btn:hover{transform:translateY(-2px)}.primary{background:#0796e8;color:white}.ghost{border:1px solid #6688a6;color:white}.hero-facts{display:flex;gap:30px}.hero-facts div{border-left:2px solid #2a91ce;padding-left:14px}.hero-facts strong,.hero-facts small{display:block}.hero-facts strong{font-size:13px}.hero-facts small{font-size:11px;color:#9fb9ce;margin-top:7px}.hero-art{position:relative}.hero-art>img{width:110%;max-width:none;display:block;filter:drop-shadow(0 30px 45px #0004)}.float-card{position:absolute;bottom:40px;left:10px;background:#fff;color:#17304a;border-radius:8px;padding:16px 23px;display:flex;align-items:center;gap:15px;box-shadow:0 25px 45px #0003}.float-card .pulse{font-size:34px;color:#0577d4}.float-card b,.float-card small{display:block}.float-card small{color:#657789;font-size:11px;margin-top:5px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding:21px 0;font-size:10px;letter-spacing:.17em;color:#94b1c9}.section{padding:105px 0;scroll-margin-top:85px}.section h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.05em;line-height:1.17;margin-bottom:22px}.section h2 em{color:#0987d6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.section-heading p{max-width:380px;color:var(--muted);line-height:1.8}.services{background:#f4f7fa}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:#fff;border:1px solid #e1e8ef;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #112b4414}.service-card img{display:block;width:100%;height:175px;object-fit:cover;background:#e4eef6}.service-body{padding:24px}.num{font-size:11px;color:#088fd8;font-weight:800}.service-body h3{font-size:18px;margin:16px 0 12px;line-height:1.3}.service-body p{color:var(--muted);font-size:13px;line-height:1.8;min-height:115px}.service-body a{color:#087cc5;font-size:12px;font-weight:800}.approach{background:#092441;color:white}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2 em{color:#61ccff}.approach-grid>div>p{color:#b9cedf;line-height:1.9;max-width:470px}.text-link{color:#60caff;font-weight:800;font-size:13px}.steps>div{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #ffffff25}.steps>div:first-child{padding-top:0}.steps span{font-size:13px;color:#60caff;font-weight:800}.steps h3{font-size:19px;margin-bottom:8px}.steps p{color:#adc5d9;font-size:14px;line-height:1.7;margin:0}.energy-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.energy-visual{position:relative;background:#eaf3fa;border-radius:12px;overflow:hidden}.energy-visual img{width:100%;display:block}.energy-label{position:absolute;bottom:20px;left:20px;background:#fff;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:.1em;border-radius:5px}.energy-grid p{line-height:1.8;color:var(--muted)}.ticks{list-style:none;padding:0;margin:25px 0}.ticks li{padding:9px 0;font-weight:700;font-size:14px}.ticks li:before{content:'✓';color:#0786cf;margin-right:12px}.energy-grid .fine{font-size:11px}.darkbtn{background:var(--navy);color:white;margin-top:12px}.about{background:#f4f7fa}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid p{line-height:1.95;color:var(--muted)}.pillrow{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.pillrow span{border:1px solid #cbdce9;border-radius:40px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.07em}.contact{background:#071d37;color:white}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact h2 em{color:#5dcbff}.contact-grid>div>p{color:#b2c7d8;line-height:1.8}.contact-lines{margin-top:45px;display:grid;gap:23px}.contact-lines a,.contact-lines div{font-size:16px;font-weight:700}.contact-lines span{display:block;font-size:10px;letter-spacing:.17em;color:#6bcafa;margin-bottom:7px}.form-card{background:white;color:var(--ink);border-radius:9px;padding:38px}.form-title h3{font-size:25px}.form-title p{font-size:13px;color:var(--muted);line-height:1.6}.form-card label{display:block;font-size:12px;font-weight:800;margin-top:18px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid #cdd9e3;border-radius:5px;background:#f9fbfd;color:#183149;font-weight:400}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.outline{border:1px solid #bfd1e0;background:white;color:#0b365b}.form-note{font-size:11px!important;color:#77889a!important;margin-top:18px;line-height:1.6}footer{background:#041326;color:#c4d4e4;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px}.footer-grid img{width:215px;background:white;padding:10px;border-radius:5px}.footer-grid p{font-size:13px;margin-top:20px}.footer-grid h4{color:white;margin-bottom:19px}.footer-grid a,.footer-grid span{display:block;font-size:13px;margin-bottom:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:55px;padding-top:22px;font-size:11px;color:#9bb2c8}.wa-float{position:fixed;bottom:24px;right:24px;z-index:30;background:#18a85e;color:white;border-radius:40px;padding:14px 18px;box-shadow:0 10px 25px #0003;font-size:14px;font-weight:800}.wa-float:hover{transform:translateY(-3px)}@media(max-width:950px){.nav nav{gap:16px}.brand img{width:185px}.hero-grid{min-height:560px}.hero h1{font-size:52px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-body p{min-height:75px}.approach-grid,.energy-grid,.about-grid,.contact-grid{gap:45px}}@media(max-width:680px){.wrap{width:min(100% - 34px,1160px)}.topline{font-size:9px}.topline .wrap{height:33px}.topline a{font-size:10px}.topline b{padding:0 3px}.nav{height:70px}.brand img{width:178px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:22px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav a{padding:8px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:70px 0 15px}.hero h1{font-size:clamp(44px,11vw,60px)}.hero-copy>p{font-size:16px}.actions{margin:28px 0 40px}.hero-facts{gap:12px;justify-content:space-between}.hero-facts strong{font-size:11px}.hero-facts small{font-size:9px}.hero-art>img{width:100%}.float-card{bottom:18px;left:0;padding:10px}.float-card b{font-size:12px}.hero-bottom{font-size:8px}.section{padding:70px 0}.section-heading,.approach-grid,.energy-grid,.about-grid,.contact-grid{display:grid;grid-template-columns:1fr;gap:26px}.section-heading{margin-bottom:30px}.service-grid{grid-template-columns:1fr}.service-card img{height:210px}.service-body p{min-height:0}.energy-visual{order:2}.contact-grid{gap:40px}.form-card{padding:23px}.fieldrow{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.wa-float span{display:none}.wa-float{padding:13px 17px}}

/* Keep complete QWEN logo visible at all breakpoints */
.brand{display:flex;align-items:center;min-width:0;flex-shrink:0}.brand img{display:block;width:min(310px,35vw);height:auto;max-height:none;object-fit:contain;object-position:left center}.footer-grid img{width:min(330px,100%);height:auto;object-fit:contain}@media(max-width:950px){.brand img{width:245px}}@media(max-width:680px){.brand img{width:200px}.nav{height:78px}.nav nav{top:78px}}

/* Readable original QWEN logo: preserve artwork and aspect ratio */
.nav{min-height:108px;height:auto;padding-block:12px;gap:20px}
.brand{display:flex;align-items:center;flex-shrink:0;min-width:0}
.brand img{display:block;width:clamp(240px,26vw,330px);height:auto;max-height:none;object-fit:contain;object-position:left center}
.footer-grid img{width:300px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:950px){.brand img{width:clamp(230px,34vw,300px)}}
@media(max-width:680px){.nav{min-height:88px;padding-block:10px}.brand img{width:min(265px,68vw)}.footer-grid img{width:min(300px,100%)}}

/* Facebook shortcut in the utility bar */
.topline-actions{display:flex;align-items:center;gap:16px}.top-facebook{width:26px;height:26px;border-radius:50%;background:#1877f2;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:normal}.top-facebook:hover{background:#3290ff;transform:translateY(-1px)}.top-separator{height:17px;width:1px;background:#7890a6;opacity:.65}.top-phone{white-space:nowrap}@media(max-width:560px){.topline .wrap{gap:8px}.topline .wrap>span{font-size:8px;letter-spacing:.025em}.topline b{padding:0 3px}.topline-actions{gap:7px}.top-facebook{width:24px;height:24px}.top-phone{font-size:10px!important}.top-separator{display:none}}