:root{--navy:#061b2e;--navy2:#0a2b47;--blue:#0e9fc7;--blue2:#39bddc;--white:#fff;--muted:#b9c9d7;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:"Segoe UI",Arial,sans-serif;background:#04121f;color:var(--white)}a{color:inherit}.construction-shell{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:36px 22px;background:radial-gradient(circle at 85% 12%,rgba(14,159,199,.19),transparent 28%),linear-gradient(135deg,#03101c 0%,#071d31 46%,#061726 100%)}
.construction-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.ambient{position:absolute;border-radius:999px;filter:blur(12px);pointer-events:none}.ambient-one{width:320px;height:320px;background:rgba(14,159,199,.13);left:-120px;top:10%}.ambient-two{width:420px;height:420px;background:rgba(31,74,114,.23);right:-180px;bottom:-150px}.gear-watermark{position:absolute;width:min(47vw,680px);right:-180px;bottom:-190px;opacity:.035;filter:grayscale(1);pointer-events:none}
.construction-card{position:relative;width:min(1120px,100%);border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(10,35,57,.94),rgba(4,19,32,.96));box-shadow:0 28px 90px rgba(0,0,0,.35);padding:clamp(28px,5vw,64px);border-radius:28px;z-index:1}.brand-zone{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand-logo{width:min(310px,48vw);height:auto;display:block}.brand-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--blue2);text-align:right}
.hero-copy{padding:clamp(42px,7vw,76px) 0 46px;max-width:850px}.status{display:flex;align-items:center;gap:10px;color:#d7e6f1;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;margin:0 0 22px}.status span{width:9px;height:9px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 7px rgba(14,159,199,.12)}h1{margin:0;font-size:clamp(3rem,8vw,7.2rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase;font-weight:800;max-width:900px}.slogan{font-family:"Segoe Print","Bradley Hand",cursive;font-size:clamp(1.8rem,4.3vw,3.85rem);line-height:1.12;color:var(--blue2);margin:26px 0 24px}.intro{max-width:760px;font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.8;color:#d4e0e9;margin:0}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.services>div{background:rgba(4,22,37,.72);padding:26px}.services strong{display:block;font-size:1.02rem;margin-bottom:7px;color:#fff}.services span{font-size:.86rem;line-height:1.55;color:var(--muted)}
.contact-panel{margin-top:36px;border-radius:20px;background:linear-gradient(120deg,rgba(14,159,199,.12),rgba(255,255,255,.035));border:1px solid rgba(57,189,220,.22);padding:clamp(24px,4vw,38px)}.contact-heading{margin-bottom:28px}.contact-heading p{margin:0;color:var(--blue2);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.contact-heading h2{margin:4px 0 0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.03em}.contact-grid{display:grid;grid-template-columns:1.25fr .8fr 1.1fr;gap:16px}.contact-item{display:flex;gap:15px;align-items:flex-start;text-decoration:none;padding:17px 18px;border:1px solid rgba(255,255,255,.09);background:rgba(2,14,24,.3);border-radius:14px;min-width:0;transition:.2s ease}.contact-item[href]:hover{border-color:rgba(57,189,220,.5);transform:translateY(-2px)}.icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(14,159,199,.14);display:grid;place-items:center;color:var(--blue2);font-size:1rem}.contact-item small{display:block;text-transform:uppercase;letter-spacing:.11em;color:#8fa8bb;font-size:.65rem;font-weight:800;margin-bottom:5px}.contact-item p{margin:0;color:#fff;font-size:.91rem;line-height:1.45;overflow-wrap:anywhere}
footer{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding-top:28px;color:#7f96aa;font-size:.73rem}footer p{margin:0}
@media(max-width:800px){.brand-zone{align-items:flex-start;flex-direction:column}.brand-kicker{text-align:left}.services,.contact-grid{grid-template-columns:1fr}h1{font-size:clamp(2.9rem,14vw,5rem)}.construction-card{border-radius:22px}}
@media(max-width:520px){.construction-shell{padding:12px}.construction-card{padding:25px 20px}.brand-logo{width:240px;max-width:100%}.hero-copy{padding:40px 0 34px}.services>div{padding:20px}.contact-panel{padding:20px}.contact-item{padding:15px}.gear-watermark{width:110vw;right:-65vw}}