/*
Theme Name: Blink Energy
Description: A standalone Blink Energy landing page with an animated logo and responsive inquiry form.
Version: 1.0.0
Author: Blink Charging
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: blink-energy
*/
@font-face{font-family:Manrope;src:url('assets/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--green:#65a844;--background:#050705;--muted:#b9bdb6;--line:#2b3028;--font:Manrope,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--background);color:#fafbf7;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--green)}:focus-visible{outline:2px solid #65a844;outline-offset:6px}.skip-link{position:absolute;left:20px;top:-100px;z-index:20;padding:14px;background:#fff;color:#000}.skip-link:focus{top:10px}.company-band{min-height:64px;padding:14px clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-top:3px solid var(--green);border-bottom:1px solid #262b24;background:#10140f;position:relative;z-index:2;gap:20px}.parent-brand{display:flex;align-items:center;gap:20px;font-size:12px;color:#c9cec5}.parent-brand img,.footer img{object-fit:contain}.brand-divider{height:20px;width:1px;background:#4a5146}.parent-link{font-size:12px;font-weight:600}.parent-link span{margin-left:12px;color:var(--green);font-size:18px}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:870px;display:grid;place-items:center;padding:66px 24px 72px}.hero-content{width:100%;max-width:1200px;text-align:center;position:relative;z-index:1}.energy-logo{width:260px;height:205px;position:relative;margin:0 auto 38px;display:flex;flex-direction:column;align-items:center;justify-content:center}.energy-logo img{position:relative;width:225px;height:90px;object-fit:contain}.energy-word{color:var(--green);font-size:22px;letter-spacing:12px;font-weight:700;margin:0 0 0 11px;position:relative}.logo-ring{position:absolute;width:205px;height:205px;right:-8px;top:-7px;border:3px solid transparent;border-top-color:#b8ff80;border-right-color:#83e84d;border-bottom-color:#285d15;border-radius:50%;transform:rotate(15deg);filter:drop-shadow(1px -2px 5px #5cce3d88);mask-image:linear-gradient(90deg,transparent 5%,black 63%)}h1{font-size:clamp(32px,4vw,55px);line-height:1.2;letter-spacing:-1.9px;font-weight:400;margin:0 0 28px}h1 span{color:var(--green);font-weight:700}.intro{font-size:clamp(16px,1.6vw,21px);line-height:1.6;color:#dddeda;max-width:990px;margin:0 auto}.solutions{list-style:none;padding:0;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);max-width:850px}.solutions li{position:relative;padding:0 20px}.solutions li+li:before{content:'';position:absolute;left:0;top:5px;height:94px;width:1px;background:#454d3c}.solutions svg{width:62px;height:62px;stroke:var(--green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.solutions .bolt{fill:var(--green);stroke:none}.solutions h2{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin:14px 0 0;line-height:1.6}.launch{margin-top:40px}.launch-line{display:block;width:90px;height:3px;background:var(--green);margin:0 auto 23px}.eyebrow{font-size:18px;letter-spacing:8px;text-transform:uppercase;margin:0 0 23px;padding-left:8px}.notify-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:#071203;border:0;border-radius:99px;padding:18px 42px;font-size:19px;font-weight:700;min-height:60px;transition:background .2s,transform .2s}.notify-button span{font-size:27px;line-height:1}.notify-button:hover{background:#65a844;transform:translateY(-2px)}.cta-note{color:#999f94;font-size:12px;margin:16px 0 0}.orb{position:absolute;z-index:-1;width:760px;height:760px;border-radius:50%;border:2px solid #b5fa74;box-shadow:0 0 9px #a1ee6c,0 0 35px #4fbe3a99,inset 0 0 40px #48c52f66;background:radial-gradient(circle at center,#000 57%,#103506 92%,#3e7d17 100%);pointer-events:none}.orb-top{left:-440px;top:-570px}.orb-bottom{right:-520px;bottom:-590px;width:900px;height:900px}.footer{padding:33px clamp(22px,5vw,80px) 22px;background:#10140f;border-top:1px solid #282f24}.footer-top{display:flex;gap:36px;align-items:center;max-width:1300px;margin:auto;padding-bottom:26px}.footer-top p{font-size:13px;line-height:1.7;margin:0}.footer-top p span{color:#939c8e}.footer nav{display:flex;gap:28px;font-size:12px}.footer-top nav{margin-left:auto}.footer-top nav span{color:var(--green);margin-left:7px}.footer-bottom{max-width:1300px;margin:auto;padding-top:20px;border-top:1px solid #2b3226;display:flex;justify-content:space-between;gap:20px;color:#a2aa9b}.footer small{font-size:11px}dialog{width:min(480px,calc(100% - 32px));background:#121810;color:#f5f7f3;border:1px solid #3b4a33;border-radius:18px;padding:40px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:15px;top:10px;color:#a9b1a5;background:none;border:0;font-size:30px}.dialog-kicker{color:var(--green);font-size:11px;letter-spacing:3px;font-weight:700}dialog h2{font-size:32px;letter-spacing:-1px;margin:15px 0 8px}dialog p{font-size:14px;color:#c1c9ba;line-height:1.6}form{margin-top:25px}form>label{display:block;font-size:13px;margin:18px 0 8px}label>span{color:#aeb9a6}form>input{width:100%;padding:13px;border:1px solid #56614e;border-radius:6px;background:#080d06;color:white}form .consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;margin:20px 0}.consent input{accent-color:var(--green);margin-top:3px;flex-shrink:0}.consent a{text-decoration:underline}form .notify-button{width:100%;font-size:16px;padding:13px;min-height:50px}form .form-note{font-size:11px;color:#9da994}#form-status{border-left:3px solid var(--green);padding-left:12px;color:#65a844}
@media(min-width:1600px){.hero{min-height:calc(100svh - 240px)}}@media(max-width:700px){.company-band{padding:12px 20px;min-height:60px}.parent-brand{gap:12px;font-size:10px}.parent-brand img{width:60px}.parent-link{font-size:0}.parent-link span{font-size:22px}.hero{padding:52px 22px 64px;min-height:auto}.energy-logo{transform:scale(.85);margin-top:-12px;margin-bottom:12px}h1{max-width:460px;margin:0 auto 24px;letter-spacing:-1px}h1 span{display:block}.intro{max-width:510px;line-height:1.7}.desktop-break{display:none}.solutions{margin-top:34px}.solutions li{padding:0 8px}.solutions svg{width:45px;height:45px}.solutions h2{font-size:9px;letter-spacing:1.3px;margin-top:13px}.solutions li+li:before{height:75px}.launch{margin-top:34px}.eyebrow{font-size:14px;letter-spacing:6px}.notify-button{font-size:16px;padding:17px 26px;gap:16px}.orb-top{left:-580px;top:-610px}.orb-bottom{right:-730px;bottom:-685px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top nav{margin:0;width:100%;padding-top:3px}.footer-bottom{flex-direction:column;gap:16px}.footer nav{gap:24px}.footer-top p{font-size:12px}dialog{padding:32px 24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep the remaining company link aligned to the right. */
.company-band{justify-content:flex-end}

/* Compact social footer and launch audience form. */
.footer .social-links{gap:12px;align-items:center;width:auto;margin-left:auto;padding:0;flex-wrap:wrap}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff}
.social-links a:hover{color:var(--green)}
.footer-bottom nav{flex-wrap:wrap}
form>select{font:inherit;width:100%;padding:13px;border:1px solid #56614e;border-radius:6px;background:#080d06;color:white;min-height:48px}
dialog{max-height:calc(100svh - 32px);overflow-y:auto}
@media(max-width:380px){.footer .social-links{gap:3px}.social-links a{width:34px}.footer-top{gap:12px}}

/* Coming soon sits between the logo and headline. */
.hero-content>.energy-logo{margin-bottom:22px}
.hero-content>.eyebrow{margin-bottom:24px}
@media(max-width:700px){.hero-content>.energy-logo{margin-bottom:8px}.hero-content>.eyebrow{margin-bottom:22px}}
/* Light presentation, matched to the supplied Blink Energy artwork. */
:root{--green:#65a844;--background:#fff;--muted:#52604e;--line:#dbe4d6;color-scheme:light}
body{color:#182018;background:#fff}
:focus-visible{outline-color:#65a844}
.company-band{background:#000;border-top-color:#65a844;border-bottom-color:#262626}
.parent-link{color:#fff}
.hero{background:#fff;min-height:850px;padding-top:34px;padding-bottom:68px}
.hero-content>.energy-logo{display:block;width:min(440px,90%);height:auto;margin:0 auto 20px;transform:none}
.energy-logo img{display:block;width:100%;height:auto;mix-blend-mode:normal;filter:brightness(1.04)}
.hero-content>.eyebrow{color:#46533f}
h1{color:#182018}
h1 span{color:#65a844}
.intro{color:#4e5949;max-width:960px}
.solutions li+li:before{background:#d2ddcc}
.solutions h2{color:#303d2b}
.notify-button{background:#65a844;color:#102008}
.notify-button:hover{background:#65a844}
.orb{border-color:#dcefd0;box-shadow:0 0 35px #88c96618,inset 0 0 55px #a9db8f20;background:radial-gradient(circle at center,#fff 57%,#f7fcf2 88%,#edf8e4 100%)}
.footer{background:#000;color:#fff;border-top-color:#262626}
.footer-top>a img{filter:none}
.footer-bottom{border-top-color:#333;color:#ccc}
.social-links a{color:#fff}
.social-links a:hover,.footer a:hover,.parent-link:hover{color:#65a844}
dialog{background:#fff;color:#1c2818;border-color:#d5dfcf;box-shadow:0 20px 100px #253d2033}
dialog::backdrop{background:#1d301b66}
.close-dialog{color:#52604b}
dialog p,label>span{color:#52604b}
form>input,form>select{background:#f9fbf7;color:#1c2818;border-color:#a7b39f}
form>input::placeholder{color:#6a7563}
form .form-note{color:#63705b}
#form-status{color:#65a844}
@media(max-width:700px){.hero{min-height:auto;padding-top:24px;padding-bottom:54px}.hero-content>.energy-logo{width:min(360px,100%);margin-top:0;margin-bottom:18px}.intro{max-width:510px}}

.energy-logo>svg{display:block;width:100%;height:auto;filter:brightness(1.04)}

/* Blink website button treatment, matched to the supplied references. */
.notify-button,form .notify-button{background:var(--green);color:#102008;border:0;border-radius:6px;min-height:44px;padding:13px 32px;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0;text-transform:uppercase;transition:background-color .2s ease}
.notify-button:hover,form .notify-button:hover{background:#548d38;transform:none}
.notify-button span{display:none}

#open-signup{min-height:52px;padding:16px 40px;font-size:16px;line-height:20px}

/* Green solution artwork and form; preserve the hero spacing. */
.solutions a{display:block;color:var(--green)}
.energy-logo:hover,.solutions a:hover{transform:none}
form .notify-button{background:var(--green);color:#102008;margin-top:24px}
form .notify-button:hover{background:#548d38}

[hidden]{display:none!important}
.interests{border:0;padding:0;margin:24px 0 0;min-width:0}.interests legend{font-size:13px;font-weight:600;line-height:1.6;margin-bottom:10px}.interests legend span{display:block;font-weight:400}.interests label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:10px 0}.interests input{accent-color:var(--green);width:17px;height:17px;margin:2px 0 0;flex-shrink:0}.interest-hint{font-size:12px;margin:8px 0 0}form .notify-button:disabled{opacity:.65;cursor:wait}

/* Responsive two-column inquiry form. */
#signup{width:min(740px,calc(100% - 32px))}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.form-field{min-width:0}.form-field>label{display:block;font-size:13px;margin:0 0 8px}
.form-field>input,.form-field>select{font:inherit;width:100%;min-height:48px;padding:13px;border:1px solid #a7b39f;border-radius:6px;background:#f9fbf7;color:#1c2818}
.form-field>input::placeholder{color:#6a7563}
.required-mark,.interests legend .required-mark{display:inline;color:var(--green);font-weight:700}
.interest-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(2,auto);column-gap:28px}
@media(max-width:560px){.form-grid{grid-template-columns:1fr;gap:18px}.interest-options{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}#signup{padding:32px 24px}}

.be-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.be-content{max-width:960px;margin:60px auto;padding:24px;line-height:1.7}.be-content img{max-width:100%;height:auto}.be-content a{text-decoration:underline}
