:root{--ink:#142343;--accent:#166d91;--paper:#f8f7f1;--line:#d9dedf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}.electrical{--accent:#3556d5}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e7882e;outline-offset:5px}.wh-skip{position:absolute;top:-100px}.wh-skip:focus{top:5px;background:white;padding:12px;z-index:50}.wh-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 5%;gap:24px;border-bottom:1px solid var(--line)}.wh-brand{font-size:22px;line-height:1.1;text-decoration:none;letter-spacing:-.8px}.wh-brand strong{font-weight:900}.wh-brand small{display:block;letter-spacing:1.1px;font-size:11px;margin-top:10px}.wh-header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:16px;font-weight:700}.wh-header nav a{text-decoration:none}.wh-header nav a:hover{text-decoration:underline;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.06;letter-spacing:-2.3px}h1{font-size:clamp(42px,5.8vw,84px);margin-bottom:30px}h2{font-size:clamp(33px,4.6vw,62px);margin-bottom:26px}h3{font-size:25px;line-height:1.2;letter-spacing:-.7px}em{color:var(--accent);font-style:normal}p{margin-bottom:20px}.wh-kicker{font-size:13px;letter-spacing:1.8px;font-weight:800;line-height:1.5;color:var(--accent)}.wh-hero{display:grid;grid-template-columns:1.18fr 1fr;gap:30px;align-items:center;max-width:1440px;margin:auto;padding:65px 5% 70px}.wh-lead{font-size:21px;max-width:610px}.wh-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 22px}.wh-button{display:inline-block;padding:16px 24px;border-radius:6px;background:var(--ink);color:white;text-decoration:none;font-weight:800;line-height:1.4}.wh-button:hover{background:var(--accent)}.wh-hero-art{min-height:450px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;background:#142343;border-radius:48% 48% 15% 15%;overflow:hidden;padding:40px 20px 25px;text-align:center}.wh-hero-art>svg{width:175px;height:175px;z-index:1;stroke:#82e3ee;fill:none;stroke-width:3;filter:drop-shadow(0 0 14px #79d8ff)}.electrical .wh-hero-art>svg{stroke:#ffd486;filter:drop-shadow(0 0 20px #f6c166)}.wh-glow{position:absolute;width:270px;height:270px;top:30px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 100px #47a7c833,inset 0 0 80px #6891e333;animation:wh-breathe 5s infinite alternate}.wh-hero-art p{font-size:25px;line-height:1.3;font-weight:700;z-index:1;margin:25px 0 20px}.wh-hero-art button{z-index:2;background:transparent;border:1px solid #ffffff60;color:white;padding:7px 13px;border-radius:6px;font-size:14px}.wh-orbit{font-size:11px;letter-spacing:2px;position:absolute;color:#d8edff;z-index:2;writing-mode:vertical-rl}.o1{left:8%;top:26%}.o2{right:8%;top:26%}.o3{writing-mode:horizontal-tb;top:28px;left:50%;transform:translateX(-50%)}.wh-intro{max-width:900px;margin:10px auto 85px;text-align:center;padding:0 25px}.wh-intro p{font-size:19px}.wh-section{max-width:1440px;margin:auto;padding:70px 5%}.wh-section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:35px}.wh-section-head p:last-child{max-width:530px}.wh-designs{display:grid;grid-template-columns:1fr 1fr;gap:36px}.wh-design{border:1px solid #d4d9dd;border-radius:14px;overflow:hidden;background:white;box-shadow:0 15px 40px #14234307}.wh-shot{display:block;position:relative;background:#142343;overflow:hidden}.wh-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.wh-shot:hover img{transform:scale(1.025)}.wh-browser{display:flex;gap:5px;align-items:center;padding:10px 12px;background:#e8e9eb;color:#4a5565;line-height:1}.wh-browser i{width:7px;height:7px;background:#aab0b7;border-radius:50%}.wh-browser span{font-size:11px;margin:auto}.wh-open{position:absolute;right:12px;bottom:12px;background:#fff;color:#142343;font-size:13px;font-weight:700;border-radius:5px;padding:8px 12px}.wh-card-copy{padding:28px}.wh-card-copy h3{margin:0 0 12px}.wh-card-copy p{margin-bottom:14px}.wh-card-copy .wh-kicker{font-size:11px}.wh-text-link{font-weight:800;color:var(--accent)}.wh-commercial{background:#e9edf0}.wh-logo-section{background:#142343;color:white;padding:70px max(5%,calc((100% - 1296px)/2));margin:40px 0}.wh-logo-section .wh-kicker{color:#91d6f6}.wh-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.wh-logo{padding:28px 18px;text-align:center;background:#ffffff06;border:1px solid #ffffff28;border-radius:12px}.wh-logo svg{width:100px;stroke:#7ee1ed;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #55cde955)}.electrical .wh-logo svg{stroke:#ffbf66}.wh-logo:nth-child(2) svg{stroke:#e7ecf7}.wh-logo:nth-child(3) svg{stroke:#b3e4ae}.wh-logo h3{margin:14px 0 10px}.wh-logo p{font-size:15px;line-height:1.5}.wh-logo span{font-size:12px;color:#bec9d9}.wh-trace{stroke-dasharray:300;stroke-dashoffset:300;animation:wh-trace 4s ease-in-out infinite}.wh-drip{animation:wh-drip 2.5s infinite;transform-origin:center}.wh-story{max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 5%;margin:auto}.wh-reel{padding:40px;background:linear-gradient(135deg,#163850,#142343 60%);border-radius:15px;color:white;text-align:center;min-height:400px;position:relative;overflow:hidden}.wh-reel h3{font-size:38px;min-height:90px;line-height:1.1;position:relative}.wh-reel .wh-kicker{color:#b1d9ed}.wh-reel-art svg{width:95px;stroke:#f2ba6e;stroke-width:2;fill:none;filter:drop-shadow(0 0 14px #ec992a88)}.wh-reel button{background:white;color:#142343;border:0;border-radius:5px;font-weight:800;padding:12px 20px}.wh-reel-progress{height:3px;background:#ffffff33;margin:20px auto;width:90%}.wh-reel-progress span{display:block;background:#f4ba69;height:3px;width:0}.wh-reel.playing .wh-reel-progress span{animation:wh-progress 20s linear forwards}.wh-reel-note{font-size:13px;margin:16px 0 0;color:#cfdae7}.wh-package{display:grid;grid-template-columns:.8fr 1.4fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:38px 0}.wh-price{background:#142343;color:white;padding:40px}.wh-price>span{font-size:12px;letter-spacing:1px}.wh-amount{font-size:76px;font-weight:800;line-height:1;margin:30px 0 20px;letter-spacing:-4px}.wh-amount small{font-size:21px;letter-spacing:0;margin-left:8px;font-weight:400}.wh-price .wh-button{background:#b5e5ed;color:#142343;margin:10px 0 20px}.wh-price p:last-child{font-size:14px}.wh-includes{padding:40px;background:white}.wh-includes ul{list-style:none;margin:0;padding:0}.wh-includes li{padding:14px 0;border-top:1px solid var(--line)}.wh-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.wh-scope article{padding-top:20px;border-top:2px solid var(--accent)}.wh-scope h3{font-size:22px}.wh-scope p{font-size:16px}.wh-process{max-width:1296px;margin:40px auto;padding:50px 25px;border-top:1px solid var(--line)}.wh-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0}.wh-process li{border-left:2px solid var(--accent);padding:0 0 0 18px}.wh-process strong,.wh-process span{display:block}.wh-process span{margin-top:13px;font-size:16px}.wh-faq{max-width:950px;margin:70px auto;padding:0 25px}.wh-faq details{border-bottom:1px solid var(--line);padding:18px 0}.wh-faq summary{font-size:20px;font-weight:700;cursor:pointer}.wh-faq details p{margin:20px 0 0}.wh-final{background:#dce9ed;text-align:center;padding:70px 25px}.wh-final p{max-width:700px;margin:0 auto 25px}.wh-final .wh-email{display:block;margin:20px auto;overflow-wrap:anywhere}.wh-footer{max-width:1296px;margin:auto;padding:40px 5%;font-size:15px}.wh-footer p{max-width:800px}.wh-footer nav{display:flex;gap:20px;flex-wrap:wrap}.wh-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}@keyframes wh-breathe{to{transform:scale(1.1);box-shadow:0 0 140px #47a7c866,inset 0 0 90px #6891e355}}@keyframes wh-trace{0%{stroke-dashoffset:300}60%,100%{stroke-dashoffset:0}}@keyframes wh-drip{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}100%{transform:translateY(7px);opacity:0}}@keyframes wh-progress{to{width:100%}}@media(max-width:900px){.wh-header{align-items:flex-start}.wh-header nav{gap:12px;font-size:14px}.wh-hero{gap:20px}.wh-hero-art{min-height:380px}.wh-section-head{gap:25px}.wh-logos{grid-template-columns:1fr 1fr}.wh-story{gap:25px}.wh-process ol{grid-template-columns:1fr 1fr}.wh-scope{grid-template-columns:1fr}.wh-package{grid-template-columns:.9fr 1.1fr}.wh-includes,.wh-price{padding:25px}}@media(max-width:650px){body{font-size:17px}.wh-header{flex-direction:column;padding:22px 6%}.wh-header nav{font-size:15px;gap:14px}.wh-hero{grid-template-columns:1fr;padding:40px 6%}.wh-hero-art{min-height:360px;border-radius:28px}.wh-hero-art>svg{width:135px;height:135px}.wh-hero-art p{font-size:24px}.wh-glow{width:210px;height:210px}.wh-section-head,.wh-story,.wh-package{grid-template-columns:1fr}.wh-designs{grid-template-columns:1fr}.wh-section{padding:42px 6%}.wh-intro{margin:20px auto 35px;text-align:left}.wh-intro p{font-size:17px}.wh-card-copy{padding:23px}.wh-story{padding:35px 6%}.wh-reel{padding:30px 20px}.wh-logos{gap:10px}.wh-logo{padding:22px 12px}.wh-logo h3{font-size:20px}.wh-logo p{font-size:14px}.wh-logo svg{width:85px}.wh-logo-section{padding:45px 6%}.wh-process ol{grid-template-columns:1fr}.wh-process{margin:0 auto;padding:35px 6%}.wh-faq{margin:40px auto}.wh-faq summary{font-size:18px}.wh-price,.wh-includes{padding:28px}.wh-final{padding:45px 6%}h1,h2{letter-spacing:-1.5px}.wh-shot .wh-open{font-size:12px}.wh-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wh-trace{stroke-dashoffset:0}}

@media(max-width:700px){.wh-header nav{font-size:16px}.wh-kicker,.wh-browser span,.wh-open,.wh-brand small,.wh-card-copy .wh-kicker,.wh-logo span,.wh-reel-note,.wh-price>span,.wh-price p:last-child,.wh-hero-art button{font-size:14px}.wh-hero-art button{min-height:44px}.wh-logo p{font-size:16px}.wh-final>p:last-child{font-size:16px}}
