:root{
  --bg:#020913;
  --bg2:#071523;
  --panel:#091827;
  --panel2:#0c2031;
  --line:rgba(77,220,238,.22);
  --text:#f7fbff;
  --muted:#b9c7d5;
  --lime:#b9ff2f;
  --cyan:#35dcff;
  --teal:#58f0e8;
  --shadow:0 24px 70px rgba(0,0,0,.36);
  --max:1120px;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 82% 0%,rgba(185,255,47,.10),transparent 32%),radial-gradient(circle at 6% 14%,rgba(53,220,255,.13),transparent 34%),linear-gradient(180deg,#020913 0%,#061422 52%,#02070d 100%);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3{margin-top:0}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.skip:focus{left:16px!important;top:16px!important;width:auto!important;height:auto!important;z-index:200;background:#fff;color:#000;padding:10px 14px;border-radius:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(2,9,19,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{height:84px;width:min(1240px,calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 26px rgba(53,220,255,.38),0 0 18px rgba(185,255,47,.18);flex:0 0 auto}.brand span{font-weight:900;font-size:1.2rem;letter-spacing:.01em;line-height:1.1;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:8px}.desktop-nav a{font-weight:850;font-size:.93rem;padding:12px 14px;border-radius:999px;color:#dfeaf2}.desktop-nav a:hover,.desktop-nav a.active{background:linear-gradient(135deg,var(--lime),var(--teal));color:#06121e}.desktop-nav .nav-cta{border:1px solid rgba(185,255,47,.45);color:var(--lime);background:rgba(185,255,47,.06)}
.menu-btn{display:none;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.06);position:relative;flex:0 0 auto;cursor:pointer}.menu-btn span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:99px;transition:.22s}.menu-btn span:nth-child(1){top:16px}.menu-btn span:nth-child(2){top:23px}.menu-btn span:nth-child(3){top:30px}.menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:96px;left:18px;right:18px;z-index:101;border:1px solid var(--line);border-radius:24px;background:rgba(4,13,22,.98);box-shadow:var(--shadow);padding:10px;backdrop-filter:blur(20px)}.mobile-menu[hidden]{display:none!important}.mobile-menu a{display:block;padding:16px 18px;border-radius:16px;font-weight:900}.mobile-menu a:hover{background:rgba(53,220,255,.09);color:var(--lime)}
.eyebrow{margin:0 0 14px;color:var(--lime);font-size:.78rem;line-height:1.2;text-transform:uppercase;letter-spacing:.22em;font-weight:950}.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;margin:0 0 28px;max-width:760px}.fine{color:var(--muted);line-height:1.65;font-size:1rem}.section{padding:82px 0}.section-tight{padding:58px 0}.page-hero{padding:76px 0 34px}h1{font-size:clamp(3.1rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em;margin-bottom:22px;max-width:900px}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px}h3{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:10px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;font-weight:950;border:1px solid transparent;white-space:nowrap;transition:.18s}.btn-primary{background:linear-gradient(135deg,var(--lime),var(--teal));color:#05101a;box-shadow:0 18px 44px rgba(88,240,232,.16)}.btn-secondary{border-color:rgba(53,220,255,.42);background:rgba(7,24,39,.62);color:#f4faff}.btn:hover{transform:translateY(-2px)}.text-link{font-weight:950;color:var(--lime);display:inline-flex;align-items:center;gap:8px}.text-link:after{content:'→'}
.hero{padding:78px 0 96px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);align-items:center;gap:54px}.hero-card{border:1px solid var(--line);border-radius:34px;padding:14px;background:linear-gradient(145deg,rgba(53,220,255,.20),rgba(185,255,47,.12));box-shadow:var(--shadow),0 0 38px rgba(53,220,255,.16)}.hero-card img{border-radius:24px;width:100%;aspect-ratio:1/1;object-fit:cover}.trust-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.trust-pills span{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8e5ee;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:850;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel,.card,.price-card,.assistant-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(11,32,49,.76),rgba(5,14,24,.78));box-shadow:0 18px 60px rgba(0,0,0,.22)}.panel{padding:38px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:26px;min-height:218px;position:relative;overflow:hidden}.card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--lime),var(--cyan));opacity:.85}.card p{color:var(--muted);line-height:1.62;margin-bottom:0}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:32px;padding:38px;background:radial-gradient(circle at right,rgba(185,255,47,.10),transparent 32%),linear-gradient(180deg,rgba(11,32,49,.78),rgba(5,14,24,.82));box-shadow:var(--shadow)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{padding:24px}.price{font-size:2rem;font-weight:950;color:var(--lime);letter-spacing:-.03em;margin:8px 0}.price-card p{color:var(--muted);line-height:1.55;margin-bottom:0}.note-box{border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(255,255,255,.035);color:var(--muted);line-height:1.65;margin-top:18px}.assistant-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.assistant-panel{padding:28px;position:sticky;top:110px}.assistant-panel p{color:var(--muted);line-height:1.65}.assistant-frame-wrap{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(11,32,49,.78),rgba(5,14,24,.82));box-shadow:var(--shadow);padding:12px;overflow:hidden}.jotform-frame{width:100%;height:920px;border:0;border-radius:22px;background:#071521;display:block}.next-action{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(185,255,47,.18);border-radius:24px;padding:20px;background:rgba(185,255,47,.04)}.next-action p{margin:0;color:var(--muted)}.calendly-box{border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.calendly-inline-widget{min-height:760px}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer{border-top:1px solid rgba(77,220,238,.15);padding:34px 20px;text-align:center;color:#9aabb8}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}.footer-links a{color:#dce7ef;font-weight:800}.footer-links a:hover{color:var(--lime)}.thanks{min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center}.thanks-card{width:min(720px,100%);border:1px solid var(--line);border-radius:34px;padding:40px;background:linear-gradient(180deg,rgba(11,32,49,.82),rgba(5,14,24,.84));box-shadow:var(--shadow)}.thanks-card img{width:136px;height:136px;object-fit:cover;margin:0 auto 24px;border-radius:50%;box-shadow:0 0 34px rgba(53,220,255,.28)}
.splash{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:#020913;animation:splashOut .8s ease 2.2s forwards;overflow:hidden}.real-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(53,220,255,.12),transparent 18%),radial-gradient(circle at 30% 28%,rgba(255,255,255,.10),transparent 1px),radial-gradient(circle at 72% 36%,rgba(255,255,255,.08),transparent 1px),radial-gradient(circle at 23% 70%,rgba(255,255,255,.07),transparent 1px),linear-gradient(180deg,#02040a,#061422 60%,#02070d)}.splash-logo{width:min(280px,62vw);border-radius:50%;box-shadow:0 0 80px rgba(53,220,255,.42),0 0 55px rgba(185,255,47,.24);animation:logoIn 2s cubic-bezier(.2,.8,.2,1) both}@keyframes logoIn{0%{opacity:0;transform:translateY(-28vh) scale(.55) rotate(-28deg)}56%{opacity:1;transform:translateY(0) scale(1.05) rotate(4deg)}78%{transform:scale(1) rotate(0);filter:brightness(1.35)}100%{transform:scale(.92);filter:brightness(1)}}@keyframes splashOut{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.splash{display:none}*{animation:none!important;transition:none!important}}
@media (max-width:980px){.desktop-nav{display:none!important}.menu-btn{display:block!important}.header-inner{height:80px}.brand img{width:54px;height:54px}.brand span{font-size:1.08rem}.mobile-menu{top:90px}.hero-grid,.split,.assistant-layout,.contact-card{grid-template-columns:1fr}.hero-card{order:-1;max-width:520px;margin-inline:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:repeat(2,1fr)}.assistant-panel{position:static}}
@media (max-width:680px){.wrap{width:min(100% - 32px,620px)}.header-inner{width:calc(100% - 28px);height:76px}.brand{gap:12px}.brand img{width:50px;height:50px}.brand span{font-size:1rem;white-space:normal}.menu-btn{width:44px;height:44px;border-radius:14px}.mobile-menu{top:84px;left:14px;right:14px}.hero{padding:44px 0 64px}.section{padding:56px 0}.section-tight{padding:44px 0}.page-hero{padding:48px 0 24px}h1{font-size:clamp(2.65rem,12vw,4rem);letter-spacing:-.05em;line-height:1}h2{font-size:clamp(2rem,9.5vw,2.85rem);line-height:1.04}.lead{font-size:1.03rem;line-height:1.58}.actions .btn,.cta-band .btn{width:100%}.hero-card{border-radius:28px;padding:10px}.hero-card img{border-radius:20px}.trust-pills{display:grid;grid-template-columns:1fr;gap:8px}.trust-pills span{white-space:normal}.section-head{display:block}.section-head .text-link{margin-top:4px}.service-grid,.price-grid{grid-template-columns:1fr}.card,.price-card,.panel{padding:22px;border-radius:24px;min-height:auto}.cta-band{display:block;padding:26px;border-radius:26px}.cta-band .btn{margin-top:16px}.price{font-size:1.7rem}.assistant-frame-wrap{padding:8px;border-radius:24px}.jotform-frame{height:980px;border-radius:18px}.next-action{display:block}.next-action .btn{width:100%;margin-top:14px}.footer{padding-bottom:34px}.splash-logo{width:min(220px,58vw)}}
/* Version 64 refinements */
.narrow{max-width:860px}.request-hero{padding-bottom:18px}.assistant-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:start}.assistant-copy{border:1px solid var(--line);border-radius:32px;padding:30px;background:linear-gradient(180deg,rgba(9,24,39,.74),rgba(4,12,22,.86));box-shadow:var(--shadow);position:sticky;top:112px}.assistant-copy h2{font-size:clamp(2rem,3.4vw,3.4rem)}.mini-list{display:grid;gap:10px;margin-top:22px}.mini-list span{border:1px solid rgba(185,255,47,.2);background:rgba(185,255,47,.045);border-radius:18px;padding:12px 14px;color:#dbe8ef;font-weight:850}.wizard-card{border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 92% 0%,rgba(185,255,47,.09),transparent 32%),linear-gradient(180deg,rgba(10,28,45,.9),rgba(4,12,22,.95));box-shadow:var(--shadow),0 0 46px rgba(53,220,255,.08);padding:28px;overflow:hidden}.wizard-top{display:flex;justify-content:space-between;align-items:start;gap:22px;border-bottom:1px solid rgba(77,220,238,.15);padding-bottom:22px;margin-bottom:24px}.wizard-top h2{font-size:clamp(1.9rem,4vw,3.5rem);margin:0}.progress{min-width:150px;text-align:right;color:var(--muted);font-weight:850}.progress-bar{height:8px;background:rgba(255,255,255,.08);border-radius:999px;margin-top:10px;overflow:hidden}.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--teal));border-radius:999px;transition:width .25s ease}.wizard-step{display:none}.wizard-step.active{display:block;animation:fadeUp .22s ease both}.wizard-step label{display:block;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:950;letter-spacing:-.02em;margin-bottom:10px}.hint{color:var(--muted);line-height:1.55;margin:0 0 16px}.wizard-form textarea,.wizard-form input{width:100%;border:1.5px solid rgba(185,255,47,.7);border-radius:22px;background:rgba(2,9,19,.66);color:var(--text);font:inherit;font-size:1rem;padding:18px 18px;outline:none;box-shadow:inset 0 0 0 1px rgba(53,220,255,.05)}.wizard-form textarea:focus,.wizard-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(53,220,255,.1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-grid.two{grid-template-columns:repeat(2,1fr);margin-top:14px}.choice-grid button{border:1px solid rgba(77,220,238,.25);border-radius:20px;background:rgba(255,255,255,.035);color:var(--text);min-height:58px;padding:14px 16px;font:inherit;font-weight:900;text-align:left;cursor:pointer;transition:.18s}.choice-grid button:hover,.choice-grid button.selected{border-color:rgba(185,255,47,.8);background:linear-gradient(135deg,rgba(185,255,47,.18),rgba(53,220,255,.12));color:#fff;transform:translateY(-1px)}.wizard-actions{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.wizard-actions .btn{min-width:150px}.review-box{display:grid;gap:10px;border:1px solid rgba(77,220,238,.18);border-radius:22px;padding:16px;background:rgba(255,255,255,.035)}.review-box div{display:grid;grid-template-columns:150px 1fr;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.review-box div:last-child{border-bottom:0;padding-bottom:0}.review-box strong{color:var(--lime)}.review-box span{color:#dfeaf2;line-height:1.45}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.footer{padding-bottom:34px}.footer-links a{text-decoration:none}.desktop-nav a,.mobile-menu a,.btn,.text-link{text-decoration:none!important}
@media (max-width:980px){.assistant-shell{grid-template-columns:1fr}.assistant-copy{position:static}.wizard-top{display:block}.progress{text-align:left;margin-top:16px}.service-grid,.price-grid{gap:14px}}
@media (max-width:680px){.site-header{position:sticky}.assistant-copy{padding:22px;border-radius:26px}.wizard-card{padding:20px;border-radius:28px}.wizard-top{padding-bottom:18px;margin-bottom:20px}.choice-grid,.choice-grid.two,.field-row{grid-template-columns:1fr}.wizard-actions{display:grid;grid-template-columns:1fr}.wizard-actions .btn{width:100%}.review-box div{grid-template-columns:1fr;gap:3px}.page-hero h1,.hero h1{font-size:clamp(2.3rem,10.5vw,3.4rem);line-height:1.03}.lead{font-size:1rem}.service-grid .card{padding:24px}.service-grid .card h3{font-size:1.35rem}.section-head .text-link{display:inline-flex;margin-top:12px}.trust-pills{margin-top:22px}.trust-pills span{text-align:center}.jotform-frame{height:0}}

/* Version 65 fixes */
.wizard-actions [hidden]{display:none!important}
.wizard-form select{width:100%;border:1.5px solid rgba(185,255,47,.7);border-radius:22px;background:rgba(2,9,19,.66);color:var(--text);font:inherit;font-size:1rem;padding:18px;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.wizard-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(53,220,255,.1)}
.animated-logo-card{position:relative;display:grid;place-items:center;overflow:hidden;min-height:420px}
.animated-logo-card:before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(53,220,255,.28),transparent 56%);filter:blur(18px);animation:pulseAura 3.8s ease-in-out infinite}
.logo-glow-ring{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(88,240,232,.5);box-shadow:0 0 36px rgba(53,220,255,.25),inset 0 0 28px rgba(185,255,47,.12);animation:slowSpin 14s linear infinite}
.logo-glow-ring:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:var(--lime);border-right-color:var(--cyan);filter:drop-shadow(0 0 12px rgba(88,240,232,.55))}
.animated-page-logo{position:relative;z-index:1;width:min(92%,520px);border-radius:50%!important;aspect-ratio:1/1;object-fit:cover;animation:logoFloat 5.2s ease-in-out infinite;box-shadow:0 0 60px rgba(53,220,255,.22),0 0 34px rgba(185,255,47,.15)}
@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes pulseAura{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media (max-width:680px){.animated-logo-card{min-height:auto;padding:18px}.logo-glow-ring{width:82%}.animated-page-logo{width:min(90%,380px)}}

/* Version 66 premium intake + scheduling refinements */
.service-picker{display:grid;gap:12px;margin-top:14px}.service-option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:1px solid rgba(77,220,238,.20);border-radius:20px;background:rgba(255,255,255,.035);padding:14px 16px;cursor:pointer;transition:.18s}.service-option:hover,.service-option:has(input:checked){border-color:rgba(185,255,47,.8);background:linear-gradient(135deg,rgba(185,255,47,.14),rgba(53,220,255,.10));transform:translateY(-1px)}.service-option input[type=checkbox]{width:22px;height:22px;accent-color:var(--lime);box-shadow:none}.service-option span{display:flex;justify-content:space-between;gap:12px;align-items:center}.service-option b{font-size:1rem}.service-option small{color:var(--lime);font-weight:950;white-space:nowrap}.qty-option{grid-template-columns:auto 1fr 150px}.qty-stepper{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;border:1.5px solid rgba(53,220,255,.78);border-radius:16px;background:rgba(2,9,19,.74);padding:6px;box-shadow:0 0 0 1px rgba(185,255,47,.08),0 0 18px rgba(53,220,255,.08)}.qty-stepper[hidden]{display:none!important}.qty-btn{width:44px;height:42px;border:1px solid rgba(77,220,238,.28);border-radius:12px;background:linear-gradient(135deg,rgba(185,255,47,.14),rgba(53,220,255,.10));color:#fff;font:inherit;font-size:1.5rem;font-weight:1000;line-height:1;cursor:pointer}.qty-btn:disabled{opacity:.38;cursor:not-allowed}.qty-value{text-align:center;font-weight:1000;color:#fff;font-size:1.15rem}.estimate-card{margin-top:18px;border:1px solid rgba(185,255,47,.28);border-radius:22px;background:linear-gradient(135deg,rgba(185,255,47,.11),rgba(53,220,255,.08));padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.estimate-card strong{color:#fff;font-size:1.05rem}.estimate-card span{font-size:2rem;font-weight:1000;color:var(--lime);text-shadow:0 0 18px rgba(185,255,47,.25)}.compact-estimate{position:sticky;bottom:10px;backdrop-filter:blur(14px)}.calendly-inline-frame{border:1px solid rgba(77,220,238,.23);border-radius:26px;overflow:hidden;background:#fff;min-height:680px;box-shadow:0 24px 60px rgba(0,0,0,.34)}.calendly-inline-frame iframe{width:100%;height:680px;border:0;display:block;background:#fff}.schedule-status{margin-top:14px;border:1px solid rgba(185,255,47,.28);border-radius:18px;background:rgba(185,255,47,.065);padding:14px 16px;color:#dceaf1;font-weight:850;line-height:1.45}.btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.6)}
.hero-card.animated-logo-card{background:radial-gradient(circle at 50% 44%,rgba(88,240,232,.18),transparent 38%),linear-gradient(145deg,rgba(8,29,39,.88),rgba(3,8,17,.92));border-color:rgba(88,240,232,.34);box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 0 1px rgba(185,255,47,.10),0 0 60px rgba(53,220,255,.12)}.animated-logo-card:after{content:'';position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.18) 45%,rgba(88,240,232,.28) 50%,transparent 62%);transform:translateX(-60%) rotate(8deg);animation:heroSweep 5.6s ease-in-out infinite;pointer-events:none}.logo-glow-ring{border-color:rgba(88,240,232,.70);box-shadow:0 0 56px rgba(53,220,255,.35),inset 0 0 38px rgba(185,255,47,.16)}.logo-glow-ring:before{content:'';position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(185,255,47,.28);filter:drop-shadow(0 0 18px rgba(185,255,47,.5));animation:reverseSpin 20s linear infinite}.animated-page-logo{filter:drop-shadow(0 0 28px rgba(53,220,255,.32)) drop-shadow(0 0 14px rgba(185,255,47,.20));box-shadow:none!important;background:transparent!important}.brand img{background:transparent}.splash-logo{background:transparent;border-radius:50%;filter:drop-shadow(0 0 36px rgba(53,220,255,.38)) drop-shadow(0 0 22px rgba(185,255,47,.22))}.splash:before{content:'';position:absolute;width:42vmax;aspect-ratio:1;border-radius:50%;border:2px solid rgba(88,240,232,.45);box-shadow:0 0 80px rgba(53,220,255,.25);animation:portalSpin 2.3s cubic-bezier(.2,.8,.2,1) both}.splash:after{content:'';position:absolute;inset:-25%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.18),rgba(88,240,232,.24),transparent 62%);animation:splashSweep 2.2s ease both}@keyframes heroSweep{0%,42%{transform:translateX(-75%) rotate(8deg);opacity:0}55%{opacity:1}78%,100%{transform:translateX(75%) rotate(8deg);opacity:0}}@keyframes reverseSpin{to{transform:rotate(-360deg)}}@keyframes portalSpin{0%{opacity:0;transform:scale(.3) rotate(-40deg)}60%{opacity:1;transform:scale(1.04) rotate(12deg)}100%{opacity:.6;transform:scale(1) rotate(0deg)}}@keyframes splashSweep{0%{transform:translateX(-80%);opacity:0}45%{opacity:1}100%{transform:translateX(80%);opacity:0}}
@media (max-width:680px){.service-picker{gap:10px}.service-option{padding:13px 14px;border-radius:18px}.service-option span{display:block}.service-option small{display:block;margin-top:5px}.qty-option{grid-template-columns:auto 1fr}.qty-stepper{grid-column:2;grid-template-columns:46px 1fr 46px;margin-top:8px}.qty-btn{width:46px;height:42px}.estimate-card span{font-size:1.65rem}.calendly-inline-frame{min-height:650px;border-radius:22px}.calendly-inline-frame iframe{height:650px}.animated-logo-card{border-radius:32px}.animated-logo-card:after{animation-duration:4.8s}}

/* Version 68 request-flow refinements */
.service-option[hidden], .service-option.is-hidden { display: none !important; }
.qty-stepper[hidden] { display: none !important; }
.qty-option:not(.qty-active) .qty-stepper { display: none !important; }
.choice-question {
  margin: 18px 0 10px;
  color: #f6fbff;
  font-weight: 850;
  font-size: clamp(1.05rem, 3.8vw, 1.28rem);
  letter-spacing: -0.02em;
}
.review-box div span { line-height: 1.35; }

.schedule-fallback{width:100%;margin-top:18px;}
.schedule-fallback-hint{margin-top:10px;}
.calendly-inline-frame .calendly-inline-widget{width:100%;border:0;}
/* Version 82 admin/work-order system */
.admin-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(53,220,255,.16),transparent 32%),radial-gradient(circle at 82% 12%,rgba(185,255,47,.13),transparent 30%),linear-gradient(180deg,#020913,#071523 58%,#02070d);}
.admin-login-wrap,.workorder-wrap{width:min(1100px,calc(100% - 34px));margin:0 auto;padding:42px 0 70px}.admin-card,.workorder-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,24,39,.95),rgba(6,18,30,.94));border-radius:32px;padding:28px;box-shadow:var(--shadow)}.admin-logo{width:92px;height:92px;border-radius:50%;object-fit:cover;margin-bottom:18px;box-shadow:0 0 36px rgba(53,220,255,.35)}.admin-card h1,.workorder-card h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.055em}.admin-form,.workorder-form{display:grid;gap:14px}.admin-form input,.admin-search input,.workorder-form input,.workorder-form textarea,.workorder-form select{width:100%;min-height:54px;border:1px solid rgba(53,220,255,.22);border-radius:18px;background:rgba(255,255,255,.055);color:#fff;padding:14px 16px;font:inherit;outline:none}.workorder-form textarea{min-height:120px;resize:vertical}.admin-form input:focus,.admin-search input:focus,.workorder-form input:focus,.workorder-form textarea:focus{border-color:rgba(185,255,47,.65);box-shadow:0 0 0 4px rgba(185,255,47,.08)}.admin-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin:20px 0}.admin-results{display:grid;gap:12px;margin:18px 0}.result-card{border:1px solid rgba(53,220,255,.18);background:rgba(255,255,255,.045);border-radius:20px;padding:16px;display:grid;gap:8px}.result-card strong{font-size:1.1rem}.result-card small{color:var(--muted);line-height:1.45}.result-card .btn{min-height:42px;width:max-content}.admin-dashboard[hidden],#dashboard[hidden]{display:none!important}.small{min-height:40px;padding:0 14px;font-size:.9rem}.workorder-logo{width:74px;height:74px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px rgba(53,220,255,.3)}.workorder-lines{border:1px solid rgba(53,220,255,.18);border-radius:22px;padding:16px;background:rgba(255,255,255,.035)}.line-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.service-line{display:grid;grid-template-columns:1fr 110px 130px 44px;gap:10px;margin-bottom:10px}.service-line button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;font-size:1.2rem}.signature-label{font-weight:900;color:var(--lime);margin-top:6px}#signaturePad{width:100%;height:220px;background:#fff;border-radius:18px;border:1px solid rgba(53,220,255,.25);touch-action:none}.admin-results.mini{max-height:260px;overflow:auto}.hint{color:var(--muted);font-size:.95rem;line-height:1.55}@media(max-width:760px){.admin-top,.field-row{display:block}.admin-search,.service-line{grid-template-columns:1fr}.admin-top .btn{margin-top:14px}.workorder-logo{display:none}.admin-card,.workorder-card{padding:20px}.admin-login-wrap,.workorder-wrap{width:min(100% - 22px,1100px);padding-top:22px}}


/* Version 85 splash intro video update - mobile fit fix */
.video-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#020913;overflow:hidden;animation:none!important;}
.video-splash:before,.video-splash:after,.video-splash .real-sky,.video-splash .splash-logo{display:none!important;}
.splash-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#020913;}
.splash-tap-layer{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none;background:linear-gradient(180deg,rgba(2,9,19,.02),rgba(2,9,19,.14));opacity:0;transition:opacity .35s ease;}
.splash-needs-tap .splash-tap-layer{opacity:1;}
.splash-tap-card{border:1px solid rgba(88,240,232,.38);background:rgba(2,9,19,.62);color:#f7fbff;border-radius:999px;padding:12px 18px;font-size:.9rem;font-weight:950;letter-spacing:.02em;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 30px rgba(53,220,255,.16);}
.splash-controls{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2;display:flex;gap:10px;align-items:center;}
.splash-control{border:1px solid rgba(88,240,232,.38);background:rgba(2,9,19,.62);color:#f7fbff;border-radius:999px;padding:10px 14px;font:inherit;font-size:.84rem;font-weight:950;letter-spacing:.02em;backdrop-filter:blur(12px);box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 20px rgba(53,220,255,.12);cursor:pointer;}
.splash-control:hover,.splash-control.is-on{background:linear-gradient(135deg,rgba(185,255,47,.88),rgba(88,240,232,.86));color:#03101a;border-color:transparent;}
.splash-hidden{opacity:0;visibility:hidden;transition:opacity .62s ease,visibility .62s ease;}
@media (max-width:680px){.video-splash{background:#000913;}.splash-controls{right:14px;bottom:max(18px,env(safe-area-inset-bottom));}.splash-control{padding:9px 12px;font-size:.78rem}.splash-video{object-fit:contain;object-position:center center;background:#000913;}}
@media (prefers-reduced-motion:reduce){.video-splash{display:none!important;}}

/* Version 86 splash intro cinematic background update */
.video-splash{
  background:
    radial-gradient(circle at 18% 28%,rgba(185,255,47,.18),transparent 28%),
    radial-gradient(circle at 82% 34%,rgba(53,220,255,.20),transparent 30%),
    linear-gradient(135deg,#01060d 0%,#020b16 42%,#000 100%)!important;
}
.splash-bg-video{
  position:absolute;
  inset:-8%;
  width:116%;
  height:116%;
  object-fit:cover;
  opacity:.42;
  filter:blur(28px) saturate(1.35) brightness(.78);
  transform:scale(1.08);
  z-index:0;
}
.splash-ambient{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%,transparent 0 34%,rgba(0,0,0,.30) 72%,rgba(0,0,0,.82) 100%),
    linear-gradient(90deg,rgba(185,255,47,.10),transparent 26%,transparent 74%,rgba(53,220,255,.12)),
    repeating-linear-gradient(115deg,rgba(88,240,232,.04) 0 1px,transparent 1px 28px);
}
.splash-ambient:before,
.splash-ambient:after{
  content:'';
  position:absolute;
  inset:auto -10% 8%;
  height:28%;
  background:linear-gradient(90deg,transparent,rgba(185,255,47,.18),rgba(88,240,232,.22),transparent);
  filter:blur(18px);
  transform:skewY(-7deg);
  opacity:.8;
  animation:splashAmbientSweep 7s ease-in-out infinite alternate;
}
.splash-ambient:after{
  inset:10% -10% auto;
  transform:skewY(7deg);
  opacity:.38;
  animation-duration:9s;
}
.splash-video-frame{
  position:relative;
  z-index:1;
  width:min(100vw,1180px);
  height:min(56.25vw,664px);
  max-height:calc(100vh - 112px);
  display:grid;
  place-items:center;
  border-radius:24px;
  overflow:hidden;
  background:rgba(0,8,16,.42);
  border:1px solid rgba(88,240,232,.26);
  box-shadow:
    0 30px 120px rgba(0,0,0,.58),
    0 0 70px rgba(53,220,255,.18),
    0 0 60px rgba(185,255,47,.10),
    inset 0 0 34px rgba(88,240,232,.08);
}
.splash-video-frame:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%,transparent 74%,rgba(88,240,232,.10));
  z-index:2;
}
.video-splash .splash-video{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  z-index:1;
}
.video-splash .splash-controls{z-index:3;}
.video-splash .splash-tap-layer{z-index:2;}
@keyframes splashAmbientSweep{
  from{transform:translateX(-4%) skewY(-7deg);opacity:.48;}
  to{transform:translateX(4%) skewY(-7deg);opacity:.9;}
}
@media (max-width:680px){
  .splash-bg-video{inset:-12%;width:124%;height:124%;filter:blur(24px) saturate(1.35) brightness(.72);opacity:.55;}
  .splash-video-frame{
    width:calc(100vw - 22px);
    height:calc((100vw - 22px) * .5625);
    max-height:calc(100vh - 170px);
    border-radius:18px;
    box-shadow:0 24px 90px rgba(0,0,0,.64),0 0 52px rgba(53,220,255,.18),0 0 42px rgba(185,255,47,.12);
  }
  .video-splash{
    align-content:center;
    padding-bottom:82px;
  }
}


/* Version 89 splash intro update - silent autoplay and intro-only skip button */
.video-splash .splash-controls{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));}
.video-splash .splash-controls .splash-control{min-width:72px;text-align:center;}
.video-splash.splash-hidden,.video-splash.splash-hidden .splash-controls{pointer-events:none!important;}
.video-splash.splash-hidden .splash-controls{display:none!important;}
.splash-tap-layer,.splash-tap-card{display:none!important;}


/* Version 92 keeps the full Version 90 cinematic look, but loads the heavy background video smarter for desktop performance. */
.video-splash{contain:layout paint style;backface-visibility:hidden;}
.splash-video-frame,.splash-ambient,.video-splash:before,.video-splash:after{backface-visibility:hidden;transform:translateZ(0);}
.splash-bg-video{opacity:0;will-change:opacity,transform;transition:opacity .55s ease;}
.video-splash.splash-bg-live .splash-bg-video{opacity:.50;}
.video-splash.splash-perf-lite .splash-bg-video{display:none!important;}
.video-splash.splash-perf-lite:before{filter:blur(10px);opacity:.34;animation-duration:14s;}
.video-splash.splash-perf-lite .splash-ambient:before,.video-splash.splash-perf-lite .splash-ambient:after{animation:none!important;}

/* Version 90 splash intro premium polish - cinematic depth, smoother mobile fit, softer exit */
body.splash-is-active{overflow:hidden;}
body.splash-is-finishing .site-header,
body.splash-is-finishing main,
body.splash-is-finishing .footer{animation:symonsMainReveal .72s ease both;}
.video-splash{
  isolation:isolate;
  opacity:1;
  transform:translateZ(0);
  transition:opacity .72s ease,visibility .72s ease,filter .72s ease;
  background:
    radial-gradient(circle at 50% 42%,rgba(88,240,232,.18),transparent 24%),
    radial-gradient(circle at 20% 18%,rgba(185,255,47,.16),transparent 28%),
    radial-gradient(circle at 82% 72%,rgba(53,220,255,.16),transparent 30%),
    linear-gradient(135deg,#01050b 0%,#03111d 48%,#000 100%)!important;
}
.video-splash.splash-entered .splash-video-frame{animation:symonsFrameIn .9s cubic-bezier(.2,.8,.2,1) both;}
.video-splash.splash-entered .splash-controls{animation:symonsSkipIn .9s ease .65s both;}
.video-splash.splash-finishing{opacity:0;filter:blur(10px) brightness(1.08);}
.video-splash.splash-finishing .splash-video-frame{transform:scale(.965);filter:blur(5px) brightness(1.08);transition:transform .55s ease,filter .55s ease;}
.video-splash.splash-finishing .splash-controls{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;}
.video-splash:before{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(88,240,232,.20) 25%,transparent 34%),
    conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(88,240,232,.18) 72deg,transparent 118deg,rgba(185,255,47,.14) 210deg,transparent 360deg);
  opacity:.42;
  filter:blur(16px);
  animation:symonsPortalSlow 9s linear infinite;
}
.video-splash:after{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.15) 48%,rgba(88,240,232,.20) 51%,transparent 59%);
  mix-blend-mode:screen;
  opacity:0;
  animation:symonsPremiumSweep 3.4s ease .25s both;
}
.splash-bg-video{filter:blur(30px) saturate(1.42) brightness(.72) contrast(1.08);transform:scale(1.11);}
.splash-ambient{
  background:
    radial-gradient(circle at 50% 48%,transparent 0 32%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.86) 100%),
    linear-gradient(90deg,rgba(185,255,47,.12),transparent 24%,transparent 76%,rgba(53,220,255,.14)),
    repeating-linear-gradient(115deg,rgba(88,240,232,.035) 0 1px,transparent 1px 26px)!important;
}
.splash-video-frame{
  width:min(96vw,1120px);
  height:min(54vw,630px);
  max-height:calc(100vh - 124px);
  border-radius:30px;
  border-color:rgba(88,240,232,.34);
  box-shadow:
    0 34px 140px rgba(0,0,0,.68),
    0 0 90px rgba(53,220,255,.22),
    0 0 62px rgba(185,255,47,.13),
    inset 0 0 42px rgba(88,240,232,.10);
}
.splash-video-frame:after{
  content:'';
  position:absolute;
  inset:10px;
  z-index:2;
  pointer-events:none;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 34px rgba(255,255,255,.04);
}
.video-splash .splash-controls{z-index:5;}
.video-splash .splash-controls .splash-control{
  background:rgba(2,9,19,.70);
  border-color:rgba(88,240,232,.42);
  box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 24px rgba(53,220,255,.14);
}
@keyframes symonsFrameIn{0%{opacity:0;transform:scale(.965) translateY(12px);filter:blur(10px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}
@keyframes symonsSkipIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes symonsPortalSlow{to{transform:rotate(360deg) scale(1.02)}}
@keyframes symonsPremiumSweep{0%{opacity:0;transform:translateX(-88%)}35%{opacity:.72}100%{opacity:0;transform:translateX(88%)}}
@keyframes symonsMainReveal{0%{filter:blur(8px);opacity:.62;transform:scale(.992)}100%{filter:blur(0);opacity:1;transform:scale(1)}}
@media (max-width:680px){
  .video-splash{padding:18px 11px 86px;align-content:center;}
  .splash-bg-video{opacity:0!important;filter:blur(26px) saturate(1.45) brightness(.68);}
  .splash-video-frame{
    width:calc(100vw - 22px);
    height:calc((100vw - 22px) * .5625);
    max-height:calc(100dvh - 154px);
    border-radius:22px;
  }
  .splash-video-frame:after{inset:7px;border-radius:16px;}
  .video-splash .splash-controls{right:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(50%);}
  .video-splash.splash-entered .splash-controls{animation:symonsSkipInMobile .9s ease .65s both;}
}
@keyframes symonsSkipInMobile{0%{opacity:0;transform:translateX(50%) translateY(8px)}100%{opacity:1;transform:translateX(50%) translateY(0)}}
@media (prefers-reduced-motion:reduce){
  body.splash-is-active{overflow:auto;}
  .video-splash:before,.video-splash:after{animation:none!important;}
}


/* Version 93 splash intro cinematic hold + premium dissolve upgrade */
.video-splash{transition:opacity .9s cubic-bezier(.2,.8,.2,1),visibility .9s ease,filter .9s ease,transform .9s ease;}
.video-splash.splash-holding .splash-video-frame{animation:symonsFinalHold 5s ease both;box-shadow:0 34px 150px rgba(0,0,0,.70),0 0 112px rgba(53,220,255,.28),0 0 86px rgba(185,255,47,.18),inset 0 0 46px rgba(88,240,232,.13);}
.video-splash.splash-holding .splash-video-frame:before{content:'';position:absolute;inset:-22%;z-index:0;border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(88,240,232,.26),transparent 44%),radial-gradient(circle at 50% 50%,rgba(185,255,47,.14),transparent 58%);filter:blur(22px);opacity:.75;animation:symonsHoldGlow 2.2s ease-in-out infinite alternate;pointer-events:none;}
.video-splash.splash-holding .splash-video{position:absolute;z-index:1;}
.video-splash.splash-holding:after{animation:symonsHoldSweep 4.8s ease-in-out both;}
.video-splash.splash-holding .splash-controls{opacity:.78;}
.video-splash.splash-finishing{opacity:0;filter:blur(14px) brightness(1.14);transform:scale(1.012);}
.video-splash.splash-finishing .splash-video-frame{transform:scale(.95);filter:blur(7px) brightness(1.12);transition:transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;}
body.splash-is-finishing .site-header,body.splash-is-finishing main,body.splash-is-finishing .footer{animation:symonsMainReveal93 .92s cubic-bezier(.2,.8,.2,1) both;}
@keyframes symonsFinalHold{0%{transform:scale(1);filter:brightness(1)}42%{transform:scale(1.006);filter:brightness(1.06) saturate(1.05)}100%{transform:scale(1.003);filter:brightness(1.03)}}
@keyframes symonsHoldGlow{0%{opacity:.48;transform:scale(.96)}100%{opacity:.86;transform:scale(1.04)}}
@keyframes symonsHoldSweep{0%,42%{opacity:0;transform:translateX(-88%)}64%{opacity:.46}100%{opacity:0;transform:translateX(88%)}}
@keyframes symonsMainReveal93{0%{filter:blur(12px);opacity:.48;transform:scale(.988)}55%{opacity:1}100%{filter:blur(0);opacity:1;transform:scale(1)}}
@media (max-width:680px){.video-splash.splash-holding .splash-video-frame:before{inset:-18%;filter:blur(16px);opacity:.55}.video-splash.splash-finishing{filter:blur(8px) brightness(1.08);}}


/* Version 94: Hero logo video replacement */
.hero-video-card {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: clamp(300px, 44vw, 520px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 45%, rgba(170, 255, 68, 0.14), rgba(0, 225, 255, 0.08) 38%, rgba(1, 12, 18, 0.92) 74%);
  border: 1px solid rgba(111, 255, 203, 0.32);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45), 0 0 42px rgba(111, 255, 203, 0.12);
}

.hero-logo-video {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  border-radius: inherit;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.hero-video-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.22));
  mix-blend-mode: multiply;
}

.hero-video-shine {
  position: absolute;
  inset: -30%;
  pointer-events: none;
  background: radial-gradient(circle at 20% 15%, rgba(255,255,255,0.18), transparent 22%), radial-gradient(circle at 85% 75%, rgba(167,255,56,0.14), transparent 28%);
  opacity: 0.7;
}

@media (max-width: 720px) {
  .hero-video-card {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
  .hero-logo-video {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-logo-video {
    animation: none;
  }
}

/* Version 95: Mobile hero video fit correction
   Keeps the uploaded video on the main index hero, but prevents phone view from zooming/cropping it. */
.hero-video-card{
  isolation:isolate;
}
.hero-logo-video{
  object-fit:cover;
  object-position:center center;
}
@media (max-width:720px){
  .hero-video-card{
    width:100%;
    max-width:100%;
    aspect-ratio:16 / 9;
    min-height:0;
    padding:8px;
    border-radius:26px;
    background:radial-gradient(circle at 50% 45%, rgba(170,255,68,.16), rgba(0,225,255,.08) 42%, rgba(1,12,18,.96) 76%);
  }
  .hero-logo-video{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center center;
    border-radius:20px;
    background:#061018;
  }
  .hero-video-card::after{
    border-radius:26px;
    background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.14));
  }
  .hero-video-shine{
    inset:-18%;
    opacity:.45;
  }
}
@media (max-width:420px){
  .hero-video-card{
    padding:6px;
    border-radius:24px;
  }
  .hero-logo-video{
    border-radius:18px;
  }
}


/* Version 96: Premium hero video fill
   Uses controlled cropping instead of contain/letterboxing so the homepage video fills the card cleanly on mobile and desktop. */
.hero-video-card{
  position:relative;
  overflow:hidden;
  padding:0!important;
  aspect-ratio:16/10;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 42%,rgba(88,240,232,.18),transparent 42%),
    linear-gradient(145deg,rgba(3,14,24,.96),rgba(5,22,22,.92));
}
.hero-logo-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:inherit!important;
  display:block!important;
  background:#020913!important;
  transform:scale(1.01);
}
.hero-video-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,9,19,.06),rgba(2,9,19,.18)),
    radial-gradient(circle at 50% 50%,transparent 52%,rgba(2,9,19,.38) 100%);
}
.hero-video-card::after{
  z-index:2;
  inset:0!important;
  border-radius:inherit!important;
}
.hero-video-shine{
  z-index:3;
}
@media (max-width:980px){
  .hero-video-card{
    width:100%;
    max-width:620px;
    aspect-ratio:1.18/1;
    margin-inline:auto;
    border-radius:28px;
  }
  .hero-logo-video{
    object-fit:cover!important;
    object-position:center center!important;
  }
}
@media (max-width:680px){
  .hero-video-card{
    width:100%;
    max-width:none;
    aspect-ratio:1.08/1;
    border-radius:24px;
    box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 34px rgba(53,220,255,.16);
  }
  .hero-logo-video{
    object-fit:cover!important;
    object-position:center center!important;
    transform:scale(1.04);
  }
}
@media (max-width:420px){
  .hero-video-card{aspect-ratio:1/1;}
  .hero-logo-video{transform:scale(1.06);}
}


/* Version 97: reviewed mobile hero video framing
   Rebuilds the homepage video card as a true cinematic banner on phones.
   The video stays clipped inside the rounded card, fills the frame, and uses a slight focal zoom so it does not feel like a small video sitting in a box. */
.hero-grid{min-width:0;}
.hero-card.hero-video-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:640px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/10!important;
  margin-inline:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  contain:paint;
  background:
    radial-gradient(circle at 50% 44%,rgba(185,255,47,.16),transparent 38%),
    radial-gradient(circle at 50% 50%,rgba(53,220,255,.10),transparent 54%),
    linear-gradient(145deg,rgba(2,12,22,.98),rgba(4,22,25,.94))!important;
}
.hero-card.hero-video-card .hero-logo-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.12) translateZ(0)!important;
  transform-origin:center center!important;
  border-radius:0!important;
  display:block!important;
  background:#020913!important;
}
.hero-card.hero-video-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(1,8,14,.02),rgba(1,8,14,.16)),
    radial-gradient(circle at 50% 50%,transparent 50%,rgba(2,10,18,.30) 100%);
}
.hero-card.hero-video-card::after{
  content:'';
  position:absolute;
  inset:0!important;
  z-index:2;
  pointer-events:none;
  border-radius:inherit!important;
  box-shadow:inset 0 0 0 1px rgba(88,240,232,.32), inset 0 0 42px rgba(185,255,47,.08);
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 34%,transparent 72%,rgba(88,240,232,.075));
  mix-blend-mode:normal!important;
}
.hero-video-shine{z-index:3!important;opacity:.36!important;}

@media (max-width:980px){
  .hero .wrap.hero-grid{
    width:min(100% - 32px,620px)!important;
    overflow:hidden;
  }
  .hero-card.hero-video-card{
    max-width:100%!important;
    aspect-ratio:16/9!important;
    border-radius:28px!important;
  }
  .hero-card.hero-video-card .hero-logo-video{
    transform:scale(1.24) translateZ(0)!important;
  }
}
@media (max-width:680px){
  .hero .wrap.hero-grid{width:calc(100% - 32px)!important;}
  .hero-card.hero-video-card{
    aspect-ratio:16/9!important;
    border-radius:22px!important;
    box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 34px rgba(53,220,255,.16)!important;
  }
  .hero-card.hero-video-card .hero-logo-video{
    transform:scale(1.32) translateZ(0)!important;
    object-position:center center!important;
  }
}
@media (max-width:430px){
  .hero .wrap.hero-grid{width:calc(100% - 28px)!important;}
  .hero-card.hero-video-card{
    aspect-ratio:16/9!important;
    border-radius:20px!important;
  }
  .hero-card.hero-video-card .hero-logo-video{
    transform:scale(1.38) translateZ(0)!important;
  }
}


/* Version 98: Premium full-video visibility fix
   Shows the complete uploaded video in the hero card while using a blurred duplicate video behind it.
   This removes empty side gaps without heavily cropping the logo animation. */
.hero-card.hero-video-card{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:16/10!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:#03111b!important;
}
.hero-card.hero-video-card .hero-video-bg{
  position:absolute!important;
  inset:-8%!important;
  width:116%!important;
  height:116%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(18px) saturate(1.25) brightness(.72)!important;
  opacity:.78!important;
  transform:scale(1.08) translateZ(0)!important;
  z-index:0!important;
}
.hero-card.hero-video-card .hero-logo-video{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:inherit!important;
  background:transparent!important;
}
.hero-card.hero-video-card::before{
  z-index:2!important;
  background:radial-gradient(circle at 50% 50%,transparent 46%,rgba(2,10,18,.28) 100%),linear-gradient(180deg,rgba(1,8,14,.03),rgba(1,8,14,.14))!important;
}
.hero-card.hero-video-card::after{z-index:3!important;}
.hero-video-shine{z-index:4!important;opacity:.32!important;}
@media (max-width:980px){
  .hero-card.hero-video-card{aspect-ratio:16/10!important;border-radius:28px!important;}
  .hero-card.hero-video-card .hero-logo-video{object-fit:contain!important;transform:none!important;}
}
@media (max-width:680px){
  .hero-card.hero-video-card{aspect-ratio:16/10!important;border-radius:22px!important;}
  .hero-card.hero-video-card .hero-video-bg{filter:blur(15px) saturate(1.22) brightness(.72)!important;opacity:.82!important;}
  .hero-card.hero-video-card .hero-logo-video{object-fit:contain!important;transform:none!important;}
}
@media (max-width:430px){
  .hero-card.hero-video-card{aspect-ratio:16/10!important;border-radius:20px!important;}
  .hero-card.hero-video-card .hero-logo-video{object-fit:contain!important;transform:none!important;}
}


/* Version 99: Verified full-fit square hero video
   The uploaded Main Page Video is 512x512, so the hero media frame must also be square.
   This shows the full video with no cropping, no letterboxing, and no empty side space. */
.hero-card.hero-video-card{
  position:relative!important;
  width:100%!important;
  max-width:560px!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin-inline:auto!important;
  overflow:hidden!important;
  border-radius:34px!important;
  display:block!important;
  background:#03111b!important;
  box-sizing:border-box!important;
  border:1px solid rgba(88,240,232,.34)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 42px rgba(53,220,255,.14)!important;
}
.hero-card.hero-video-card .hero-video-bg{
  display:none!important;
}
.hero-card.hero-video-card .hero-logo-video{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:inherit!important;
  background:#03111b!important;
  display:block!important;
}
.hero-card.hero-video-card::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12)),radial-gradient(circle at 50% 50%,transparent 62%,rgba(2,10,18,.22) 100%)!important;
}
.hero-card.hero-video-card::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 0 1px rgba(88,240,232,.32),inset 0 0 42px rgba(185,255,47,.07)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 34%,transparent 72%,rgba(88,240,232,.07))!important;
  mix-blend-mode:normal!important;
}
.hero-video-shine{z-index:4!important;opacity:.24!important;}
@media (max-width:980px){
  .hero-card.hero-video-card{max-width:520px!important;border-radius:30px!important;aspect-ratio:1 / 1!important;}
}
@media (max-width:680px){
  .hero .wrap.hero-grid{width:calc(100% - 32px)!important;}
  .hero-card.hero-video-card{max-width:100%!important;border-radius:24px!important;aspect-ratio:1 / 1!important;}
  .hero-card.hero-video-card .hero-logo-video{object-fit:cover!important;}
}
@media (max-width:430px){
  .hero .wrap.hero-grid{width:calc(100% - 28px)!important;}
  .hero-card.hero-video-card{border-radius:22px!important;}
}


/* === Symons Smart Home 100 final video-fit polish === */
:root{
  --ssh-deep-bg:#020711;
  --ssh-navy:#06111f;
  --ssh-green:#58c68e;
  --ssh-blue:#70bbff;
}

/* Keep the homepage video fully visible on mobile/desktop without awkward empty space. */
video#homepageVideo,
.homepage-video,
.hero-video,
.main-video,
.video-hero video,
.hero video,
#mainVideo,
#backgroundVideo{
  object-fit: contain !important;
  object-position: center center !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(112,187,255,.18), transparent 34%),
    radial-gradient(circle at 50% 70%, rgba(88,198,142,.14), transparent 36%),
    var(--ssh-deep-bg) !important;
}

/* Premium cinematic frame around contained video so letterboxing feels intentional. */
.video-hero,
.hero-video-wrap,
.hero,
.main-hero,
.home-hero{
  background:
    radial-gradient(circle at 50% 18%, rgba(112,187,255,.18), transparent 33%),
    radial-gradient(circle at 50% 82%, rgba(88,198,142,.14), transparent 38%),
    linear-gradient(180deg,#020711 0%,#06111f 55%,#020711 100%) !important;
  overflow:hidden;
}

.video-hero::before,
.hero-video-wrap::before,
.main-hero::before,
.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,7,17,.18),rgba(2,7,17,.38) 55%,rgba(2,7,17,.86)),
    radial-gradient(ellipse at center, transparent 42%, rgba(2,7,17,.38) 100%);
  z-index:1;
}

.video-hero::after,
.hero-video-wrap::after,
.main-hero::after,
.home-hero::after{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  bottom:-20%;
  height:42%;
  pointer-events:none;
  background:radial-gradient(ellipse at center, rgba(88,198,142,.22), transparent 62%);
  filter:blur(18px);
  z-index:1;
}

/* Make sure content remains above cinematic overlays. */
.video-hero > *:not(video),
.hero-video-wrap > *:not(video),
.main-hero > *:not(video),
.home-hero > *:not(video){
  position:relative;
  z-index:2;
}

/* Mobile fit verification polish */
@media (max-width: 768px){
  video#homepageVideo,
  .homepage-video,
  .hero-video,
  .main-video,
  .video-hero video,
  .hero video,
  #mainVideo,
  #backgroundVideo{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .video-hero,
  .hero-video-wrap,
  .hero,
  .main-hero,
  .home-hero{
    min-height:100svh;
  }
}

/* Freeze-frame helper added by JS after video ends */
.video-ended-cleanly video#homepageVideo{
  animation:none !important;
}





/* === Version 104 final video timing visibility === */
body.splash-active #heroBgVideo,
body.splash-active #heroLogoVideo,
body.splash-active .hero-video-bg,
body.splash-active .hero-logo-video{
  visibility:hidden !important;
}

body:not(.splash-active) #heroBgVideo,
body:not(.splash-active) #heroLogoVideo,
body:not(.splash-active) .hero-video-bg,
body:not(.splash-active) .hero-logo-video{
  visibility:visible !important;
}

#splash,
#splashIntro,
.splash,
.splash-intro,
.splash-screen{
  will-change: opacity;
}


/* === Symons Smart Home 105 video timing lock === */
body.ssh-splash-lock #heroLogoVideo,
body.ssh-splash-lock #heroBgVideo,
body.ssh-splash-lock .hero-logo-video,
body.ssh-splash-lock .hero-video-bg {
  visibility: hidden !important;
}

body.ssh-splash-complete #heroLogoVideo,
body.ssh-splash-complete #heroBgVideo,
body.ssh-splash-complete .hero-logo-video,
body.ssh-splash-complete .hero-video-bg {
  visibility: visible !important;
}