/*
Theme Name: WeFixed Landing
Theme URI: https://wefixedelectronics.com
Author: WeFixed
Author URI: https://wefixedelectronics.com
Description: High-conversion advertising landing theme for WeFixed (Arlington, VA). A single-purpose paid-traffic landing page — instant repair-price calculator, lean conversion nav, board-level microsoldering, logic-board repair, data recovery, mail-in nationwide. Classic PHP theme — vanilla JS, CSS custom properties, no build step. Shares the WeFixed design system and DB-driven pricing/lead layer.
Version: 0.1.1
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wefixed-landing
*/
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/geist.woff2") format("woff2")}@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("assets/fonts/geist-mono.woff2") format("woff2")}
:root{color-scheme:light;--ink:#0b1320;--ink-2:color-mix(in srgb,var(--ink) 92%,var(--accent-base));--cloud:#f4f6fb;--cloud-2:color-mix(in srgb,var(--cloud) 93%,var(--ink) 7%);--surface:#ffffff;--line:#e2e8f0;--line-dark:#233049;--text:#0b1320;--text-2:#475569;--muted:#64748b;--text-dk:#ffffff;--text-dk-2:#9fb0c8;--accent-base:#3b6fe5;--accent:var(--accent-base);--accent-h:color-mix(in srgb,var(--accent-base) 84%,white);--accent-p:color-mix(in srgb,var(--accent-base) 82%,black);--accent-dk:color-mix(in srgb,var(--accent-base) 70%,white);--accent-glow:color-mix(in srgb,var(--accent-base) 13%,transparent);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--background:var(--cloud);--foreground:var(--text);--card:var(--surface);--muted-bg:#eef1f7;--accent-bg:#eef2fd;--r-btn:11px;--r-card:14px;--r-pill:10px;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-micro:140ms;--dur-ui:240ms;--dur-reveal:460ms;--font-sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",monospace;--container:1280px;--header-h:76px}html.dark{color-scheme:dark;--cloud:color-mix(in srgb,#0b1320 50%,var(--ink));--surface:color-mix(in srgb,#111b2e 72%,var(--ink));--line:color-mix(in srgb,#233049 78%,var(--ink));--text:#ffffff;--text-2:#9fb0c8;--muted:#94a3b8;--accent:var(--accent-dk);--background:var(--cloud);--foreground:var(--text);--card:var(--surface);--muted-bg:color-mix(in srgb,#16223a 74%,var(--ink));--accent-bg:color-mix(in srgb,#16223a 74%,var(--ink))}*,*::before,*::after{box-sizing:border-box}*{margin:0;border-color:var(--line)}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--background);color:var(--foreground);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width:767px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}input,button,textarea,select{font:inherit}a,button,[role="button"],input,label,summary{-webkit-tap-highlight-color:transparent}ul,ol{list-style:none;padding:0}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.h1{font-size:clamp(40px,7vw,82px);line-height:0.97;letter-spacing:-0.035em;font-weight:700;text-wrap:balance}.h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-0.025em;font-weight:600;text-wrap:balance}.h3{font-size:clamp(22px,2.5vw,28px);line-height:1.2;letter-spacing:-0.01em;font-weight:600}.body-lg{font-size:18px;line-height:1.6}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:12px;line-height:1.4;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-2)}.text-2{color:var(--text-2)}.accent{color:var(--accent)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:16px}@media (min-width:640px){.container{padding-inline:24px}}@media (min-width:1024px){.container{padding-inline:32px}}.container--narrow{max-width:768px}.container--mid{max-width:1024px}.section{padding-block:80px}@media (min-width:640px){.section{padding-block:112px}}@supports (content-visibility:auto){.home .site-main > section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:auto 900px}}.section--dark{background:var(--ink);color:var(--text-dk)}.section.section--alt{background:var(--cloud-2);--card:color-mix(in srgb,var(--surface) 70%,var(--cloud-2))}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:#fff;padding:12px 18px;border-radius:var(--r-btn)}.skip-link:focus{left:16px;top:16px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{z-index:100000;width:auto;height:auto;margin:0;clip:auto;white-space:normal;overflow:visible}.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--text-dk);--p:0}.hero__media{position:absolute;inset:-7% -2%;z-index:0;transform:translate3d(0,calc(var(--p) * 9%),0) scale(calc(1.06 + var(--p) * .12));transform-origin:center;will-change:transform}.hero__placeholder,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero__video{z-index:1;opacity:1;transition:opacity .4s var(--ease)}.hero__video.is-missing{opacity:0}.hero__placeholder{background-color:var(--ink-2);background-image:radial-gradient(55% 45% at 28% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%),radial-gradient(50% 45% at 78% 72%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 72%)}.hero__placeholder::before{content:"";position:absolute;inset:0;opacity:.06;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:30px 30px}.hero__placeholder::after{content:"";position:absolute;inset:-25%;background:radial-gradient(38% 50% at 26% 30%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 62%),radial-gradient(34% 44% at 74% 56%,color-mix(in srgb,var(--accent-h) 38%,transparent),transparent 64%),radial-gradient(30% 40% at 50% 86%,color-mix(in srgb,var(--accent-dk) 30%,transparent),transparent 66%);filter:blur(34px);opacity:.8;will-change:transform;animation:wf-hero-aurora 24s ease-in-out infinite alternate}@keyframes wf-hero-aurora{0%{transform:translate3d(-5%,-4%,0) scale(1.05) rotate(0)}50%{transform:translate3d(4%,3%,0) scale(1.18) rotate(7deg)}100%{transform:translate3d(-2%,6%,0) scale(1.1) rotate(-5deg)}}@media (max-width:640px){.hero__placeholder::after{animation:none;filter:blur(26px);will-change:auto}}.hero__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,transparent) 0,color-mix(in srgb,var(--ink) 52%,transparent) 45%,var(--ink) 100%),linear-gradient(90deg,color-mix(in srgb,var(--ink) 60%,transparent) 0,transparent 55%);opacity:calc(.5 + var(--p) * .42)}.hero__inner{position:relative;z-index:3;min-height:100vh;min-height:100svh;display:flex;align-items:center}.hero__content{max-width:680px;padding-block:128px 112px;transform:translate3d(0,calc(var(--p) * -64px),0);opacity:calc(1 - var(--p) * 1.5);will-change:transform,opacity}@media (max-width:640px){.hero__content{transform:none;opacity:1;will-change:auto;padding-block:96px 88px}}.hero__title{margin-top:24px;color:#fff;animation:wf-hero-fade .72s ease-out 40ms both}.hero__content>.badge,.hero__content>.hero__ctas,.hero__content>.hero__emergency,.hero__content>.hero__reassure,.hero__content>.hero__sub{animation:wf-hero-fade .72s ease-out both}.hero__content>.badge{animation-delay:40ms}.hero__content>.hero__sub{animation-delay:90ms}.hero__content>.hero__ctas{animation-delay:130ms}.hero__content>.hero__reassure{animation-delay:160ms}.hero__content>.hero__emergency{animation-delay:190ms}.hero__title .hero-word{display:inline-block}@media (max-width:640px){.hero__title{animation-duration:.28s;animation-delay:0ms}.hero__content>.badge,.hero__content>.hero__sub,.hero__content>.hero__ctas,.hero__content>.hero__reassure,.hero__content>.hero__emergency{animation-duration:.28s;animation-delay:0ms}.hero__title .hero-word{animation:none}}.hero__title .hero-word__i{display:inline}.hero__title .hero-word__i--accent{color:var(--accent)}@keyframes wf-hero-fade{from{opacity:0}to{opacity:1}} wf-hero-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes wf-hero-word{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}html.reveal-js:not(.wf-hero-lit) .page-hero__title,html.reveal-js:not(.wf-hero-lit) .page-hero__title .hero-word{animation-play-state:paused}@keyframes wf-accent-bloom{0%,100%{text-shadow:0 0 0 transparent}45%{text-shadow:0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}}.hero__sub{margin-top:24px;max-width:34rem;color:var(--text-dk-2)}.hero__ctas{margin-top:32px;display:flex;flex-direction:column;gap:12px}@media (min-width:640px){.hero__ctas{flex-direction:row}}.hero__reassure{margin-top:16px;font-size:13.5px;letter-spacing:.01em;color:var(--text-dk-2,rgba(255,255,255,.72))}.hero__track{border-color:var(--line-dark);color:var(--text-dk)}.hero__track:hover{border-color:var(--accent-dk);color:var(--accent-dk)}.hero__cue{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dk-2);opacity:calc(1 - var(--p) * 3)}.hero__cue .bar{width:1px;height:36px;background:linear-gradient(var(--accent-dk),transparent);animation:wf-cue 1.8s var(--ease) infinite;transform-origin:top}@keyframes wf-cue{0%,100%{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}@media (max-width:640px){.hero__cue{bottom:calc(env(safe-area-inset-bottom) + 16px)}}
.hero .btn--secondary.hero__track{border-color:var(--line-dark);color:var(--text-dk)}.hero .btn--secondary.hero__track:hover{border-color:var(--accent-dk);color:var(--accent-dk)}