/*
Theme Name: MSR Engineering Coming Soon
Theme URI: https://msrengineering.in/
Author: OpenAI
Description: Modern navy-blue and cyan coming-soon page for MSR Engineering.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: msr-launching-soon
*/
:root{--navy:#06182b;--blue:#0878bd;--cyan:#25b9f2;--light:#dceaf5;--muted:#a8bfd1;--line:#28516d}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif!important;background:var(--navy)!important;color:#fff!important;line-height:1.55!important}.coming-page{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 77% 36%,#0c4771 0,transparent 36%),linear-gradient(118deg,#06182b 0%,#082541 58%,#07365a 100%)!important;color:#fff!important}.coming-page:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(130deg,transparent 0 57%,#1688c51c 57% 64%,transparent 64%),linear-gradient(130deg,transparent 0 63%,#40b9f51c 63% 67%,transparent 67%)}.coming-page:after{content:"";position:absolute;z-index:-1;top:-250px;right:-180px;width:760px;height:760px;border:1px solid #54bce74a;transform:rotate(35deg);box-shadow:0 0 0 55px #54bce70b,0 0 0 110px #54bce708;pointer-events:none}.page-inner{width:min(1240px,calc(100% - 64px));margin:auto;display:flex;flex-direction:column;padding:34px 0 24px;min-height:100vh}.topline{height:3px;width:100%;background:linear-gradient(90deg,var(--cyan) 0 18%,#197cb4 18% 38%,transparent 38%);margin-bottom:32px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:19px;letter-spacing:.16em}.brand-mark{height:47px;width:47px;display:grid;place-items:center;background:linear-gradient(140deg,#138bd0,#07304f);border:1px solid #54bce77a;font-size:13px;letter-spacing:-.03em;box-shadow:0 10px 30px #0003;flex-shrink:0}.brand-sub{display:block;font-size:9px;letter-spacing:.31em;color:#a9c4d8;margin-top:3px;font-weight:700}.brand-right{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8fb3ca;text-align:right}.main-grid{flex:1;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding:55px 0 62px}.copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;color:#4ccaff;font-size:11px;letter-spacing:.28em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:"";height:2px;width:36px;background:var(--cyan)}h1{font-size:clamp(48px,6.4vw,88px)!important;line-height:.96!important;letter-spacing:-.06em!important;margin:25px 0 24px!important;font-weight:900!important;text-transform:uppercase;color:#fff!important}h1 span{display:block;color:var(--cyan)!important}.message{font-size:17px;line-height:1.8;color:#c3d7e5;max-width:530px;margin:0}.small-rule{width:60px;height:3px;background:var(--cyan);margin:29px 0 0}.visual{min-height:385px;position:relative;display:flex;align-items:center;justify-content:center}.visual-frame{position:relative;width:100%;max-width:500px;aspect-ratio:1.12;border:1px solid #5dbfe84a;background:linear-gradient(135deg,#ffffff0b,#ffffff02);clip-path:polygon(18% 0,100% 0,100% 78%,78% 100%,0 100%,0 18%);box-shadow:0 24px 65px #0004}.visual-frame:before{content:"";position:absolute;inset:16px;border:1px solid #6cc9f329;clip-path:polygon(18% 0,100% 0,100% 78%,78% 100%,0 100%,0 18%)}.visual-label{position:absolute;top:27px;left:31px;font-size:9px;letter-spacing:.2em;color:#9ddcf8}.plant{position:absolute;inset:65px 25px 32px;display:flex;align-items:flex-end;justify-content:center;gap:15px;border-bottom:2px solid #43b8e66b;background:linear-gradient(180deg,transparent,#0a3e6033)}.tank{position:relative;width:20%;height:63%;border:1px solid #67c9f5;background:linear-gradient(90deg,#0a3a5c,#1789c4 43%,#0b4166 72%,#062943);border-radius:30px 30px 8px 8px;box-shadow:inset 0 0 18px #7ad9ff35,0 12px 20px #0002}.tank:before{content:"";position:absolute;left:8%;right:8%;top:12px;height:7px;border:1px solid #8adfff9e;border-radius:50%;background:#155b82}.tank:after{content:"";position:absolute;top:25%;bottom:9%;left:25%;right:25%;background:repeating-linear-gradient(0deg,#b4eaff40 0 2px,transparent 2px 10px)}.tank.tall{height:80%;width:23%}.tank.short{height:49%;width:18%}.pipes{position:absolute;left:7%;right:7%;top:27%;height:32%;border-top:5px solid #6cccf0;border-bottom:4px solid #3a91be;opacity:.8}.pipes:before{content:"";position:absolute;left:18%;top:-5px;height:86px;width:5px;background:#6cccf0;box-shadow:80px 0 #6cccf0,160px 0 #6cccf0}.pipes:after{content:"";position:absolute;left:15%;right:15%;top:25px;height:5px;background:#3e9ac7}.visual-caption{position:absolute;bottom:14px;right:24px;font-size:9px;letter-spacing:.17em;color:#91cce8;text-transform:uppercase}.contacts{border-top:1px solid #36708e;padding-top:25px;display:grid;grid-template-columns:1fr 1.25fr 1.35fr;gap:25px}.contact{display:flex;align-items:center;gap:13px;min-width:0;padding-right:20px;border-right:1px solid #28516d}.contact:last-child{border-right:0;padding-right:0}.contact-icon{width:43px;height:43px;flex:0 0 43px;border:1px solid #25b9f2;border-radius:50%;display:grid;place-items:center;color:#5bd0ff;font-size:18px}.contact-label{font-size:9px;letter-spacing:.2em;color:#8fb3ca;text-transform:uppercase;margin-bottom:3px}.contact-value{font-size:14px;color:#f2f8fc;overflow-wrap:anywhere}.contact-value a{color:inherit;text-decoration:none;border-bottom:1px solid #25b9f265}.contact-value a:hover{color:var(--cyan)}.bottomline{display:flex;justify-content:space-between;gap:18px;margin-top:25px;font-size:9px;color:#6f91a8;letter-spacing:.16em;text-transform:uppercase}.bottomline span:last-child{text-align:right}@media(max-width:850px){.page-inner{width:calc(100% - 40px);padding-top:24px}.main-grid{grid-template-columns:1fr;gap:22px;padding:52px 0 40px}.visual{min-height:300px}.visual-frame{max-width:430px}.contacts{grid-template-columns:1fr;gap:17px}.contact{border-right:0;border-bottom:1px solid #28516d;padding:0 0 16px}.contact:last-child{border-bottom:0;padding-bottom:0}.brand-right{max-width:150px;line-height:1.6}.bottomline{flex-direction:column}.bottomline span:last-child{text-align:left}}@media(max-width:480px){.page-inner{width:calc(100% - 32px)}.brand{font-size:15px;letter-spacing:.1em}.brand-mark{height:40px;width:40px}h1{font-size:clamp(43px,13vw,60px)!important}.message{font-size:15px}.visual{min-height:260px}.main-grid{padding-top:42px}.brand-right{font-size:8px;max-width:100px}.topline{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}