/*
Theme Name: Technology Wiring Coming Soon
Author: Technology Wiring
Description: Full-screen bilingual coming-soon page for Technology Wiring. Includes EN/ES, email quote requests and click-to-call.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: technology-wiring-coming-soon
*/
:root{color-scheme:dark;--accent:#ff281e;--ink:#fff;--muted:#d9dfe5;--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{margin:0;background:#07111a}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}button{font:inherit}.skip{position:absolute;left:16px;top:-100px;z-index:10;padding:14px;background:#fff;color:#000}.skip:focus{top:16px}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:22px clamp(20px,4vw,72px) 26px;background:linear-gradient(90deg,rgba(3,10,16,.18),rgba(3,10,16,.3) 50%,rgba(3,10,16,.12)),url('assets/background.png') center center/cover no-repeat}
.page:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,8,14,.12),rgba(2,8,14,.22) 35%,rgba(2,8,14,.75) 100%)}
.topbar{align-self:stretch;display:flex;justify-content:flex-end;min-height:42px}.language{display:flex;gap:3px;align-items:center;border:1px solid var(--line);background:#07111acc;padding:3px;border-radius:7px}.language a{display:grid;place-items:center;min-width:44px;min-height:38px;padding:0 10px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.06em;border-radius:4px}.language a[aria-current=true]{background:#fff;color:#07111a}.language a:hover{background:#ffffff26}.language a[aria-current=true]:hover{background:#eee}
main{width:100%;max-width:1180px;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0 18px}.logo{display:block;width:clamp(270px,34vw,470px);max-width:100%;height:auto;filter:invert(1) hue-rotate(180deg);margin:-28px auto -28px}.status{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff4d;border-radius:50px;background:#06101999;padding:10px 20px;font-size:11px;letter-spacing:.27em;text-transform:uppercase;line-height:1.5;margin:5px 0 20px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
h1{margin:0;font-size:clamp(34px,4.5vw,66px);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 2px 18px #0009}h1 span{display:block}h1 .accent{color:var(--accent);margin-top:3px}.lead{font-size:clamp(16px,1.85vw,25px);line-height:1.4;margin:16px 0 0}.intro{color:var(--muted);font-size:clamp(14px,1.15vw,17px);line-height:1.7;margin:21px 0 0;max-width:850px;text-wrap:pretty}.intro span{display:block}
.services{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:1060px;margin:32px 0 28px;padding:0}.services li{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;min-width:0;padding:0 12px}.services li+li:before{content:'';position:absolute;left:0;top:12px;bottom:4px;width:1px;background:var(--line)}.services svg{width:31px;height:31px;stroke:var(--accent);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.services p{margin:0;font-size:11px;letter-spacing:.065em;text-transform:uppercase;line-height:1.6;font-weight:700}.services p span{display:block;font-weight:400;color:var(--muted)}
.actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 28px;border:1px solid #ffffff80;border-radius:6px;text-decoration:none;font-size:15px;font-weight:700;background:#0710197a}.button svg,.email svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:#e71a10;border-color:#e71a10;min-width:282px;text-transform:uppercase;letter-spacing:.03em}.button:hover{background:#ffffff1f}.button.primary:hover{background:#c91910;border-color:#c91910}.email{display:inline-flex;align-items:center;gap:10px;margin-top:20px;text-decoration:none;font-size:15px;max-width:100%;overflow-wrap:anywhere}.email:hover{text-decoration:underline}.email svg{flex-shrink:0}.slogan{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0 0;font-size:11px;letter-spacing:.25em;text-transform:uppercase;line-height:1.7}.slogan:before,.slogan:after{content:'';width:52px;height:1px;background:var(--accent);flex-shrink:0}.copyright{margin:0;color:#b9c2cb;font-size:10px;letter-spacing:.08em}
@media(min-width:1600px){main{max-width:1340px}.logo{width:500px}.services{margin:40px 0 34px}.intro{margin-top:26px}.status{margin-bottom:25px}}
@media(max-width:760px){.page{padding:15px 20px 22px;background-position:58% center}.page:before{background:linear-gradient(180deg,#03101a70,#020911b8 45%,#020911df)}.topbar{min-height:44px}main{padding-top:4px}.logo{width:330px;margin:-15px auto -15px}.status{font-size:9px;letter-spacing:.16em;padding:8px 13px;margin:8px 0 20px}h1{font-size:clamp(32px,7.6vw,49px)}.lead{max-width:480px}.intro{max-width:490px;line-height:1.6}.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 0;margin:28px 0}.services li{padding:0 6px;gap:8px}.services li:nth-child(5):before{display:none}.services p{font-size:9px;letter-spacing:.035em}.services svg{width:27px;height:27px}.actions{width:100%;gap:12px}.button{font-size:14px}.slogan{font-size:9px;letter-spacing:.16em;gap:12px}.slogan:before,.slogan:after{width:25px}.copyright{margin-top:8px}}
@media(max-width:440px){.page{padding-inline:18px}.logo{width:280px;margin:-7px auto -9px}.status{font-size:8px}h1{font-size:33px}.lead{font-size:16px;max-width:310px}.intro{font-size:14px}.services{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:21px}.services li:nth-child(5):before{display:block}.services li:nth-child(3n+1):before{display:none}.services li:last-child{grid-column:2}.services li:last-child:before{display:none}.services p{font-size:10px}.button{width:100%;min-height:52px}.button.primary{min-width:0}.email{font-size:13px}.slogan{max-width:100%;margin-top:25px}.slogan:before,.slogan:after{width:17px}.copyright{font-size:9px}}
@media(prefers-reduced-motion:no-preference){a{transition:background-color .16s ease,color .16s ease}}

.logo{position:relative;filter:none}.logo img{display:block;width:100%;height:auto}.logo .logo-letters{position:absolute;inset:0;clip-path:inset(52% 0 0 36%);filter:brightness(0) invert(1)}
@media(min-width:761px) and (max-height:950px){.logo{width:380px;margin:-35px auto -30px}.status{margin-bottom:17px}.services{margin-top:26px;margin-bottom:24px}.slogan{margin-top:24px}}