/* AmeriLED site polish: buttons, background, quote picks, form chips, hero CTAs. Font scaling appended below. */
@property --al-a{syntax:'<angle>';initial-value:0deg;inherits:false}
/* ---------- subtle living background ---------- */
body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
 background:radial-gradient(520px circle at 18% 22%,rgba(61,142,255,.16),transparent 62%),radial-gradient(460px circle at 82% 28%,rgba(255,40,60,.09),transparent 62%),radial-gradient(640px circle at 55% 88%,rgba(61,142,255,.12),transparent 62%);
 animation:pl-drift 26s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:radial-gradient(rgba(14,33,61,.075) 1px,transparent 1.5px);background-size:22px 22px;
 -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35))}
@keyframes pl-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.06)}100%{transform:translate3d(-3%,2%,0) scale(1.03)}}
/* ---------- buttons: contrast + effects ---------- */
body .btn{--bg:linear-gradient(135deg,#D0102B 0%,#A10B21 100%);--fg:#FFFFFF;border:2px solid #6E0715;text-shadow:0 1px 1px rgba(60,0,8,.45);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 3px rgba(208,16,43,.16),0 8px 20px -8px rgba(161,11,33,.8);
 transition:transform .18s,box-shadow .25s,background .25s,color .2s,border-color .2s}
body .btn::before{animation:pl-sheen 5.5s ease-in-out infinite}
@keyframes pl-sheen{0%,72%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
body .btn::after{background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B00C23' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
body .btn:hover{--bg:linear-gradient(135deg,#E8142F 0%,#B80D25 100%);transform:translateY(-2px);border-color:#5A0511;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 5px rgba(232,20,47,.22),0 0 22px rgba(255,40,60,.45),0 14px 26px -10px rgba(161,11,33,.9)}
body .btn:hover::before{animation:none;transform:translateX(120%)}
body .btn:active{transform:translateY(0) scale(.98)}
body .btn:focus-visible{outline:3px solid #3D8EFF;outline-offset:3px}
body .btn.ghost{--bg:#FFFFFF;--fg:#0A1A33;border:2px solid #0A1A33;text-shadow:none;box-shadow:0 0 0 3px rgba(10,26,51,.08),0 6px 16px -8px rgba(10,26,51,.45)}
body .btn.ghost::after{background:#E6EEFB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1A33' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
body .btn.ghost:hover{--bg:#0A1A33;--fg:#FFFFFF;border-color:#0A1A33;box-shadow:0 0 0 5px rgba(61,142,255,.25),0 0 22px rgba(61,142,255,.4),0 14px 26px -10px rgba(10,26,51,.8)}
body .btn.ghost:hover::after{background:#3D8EFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
/* ---------- "Try the light studio": special CTA ---------- */
body .btn.btn-studio{--bg:#0A1A33;--fg:#FFFFFF;border:2.5px solid transparent;text-shadow:0 0 8px rgba(120,170,255,.6);
 background:linear-gradient(#0A1A33,#13325E) padding-box,conic-gradient(from var(--al-a),#FF2929,#FFB13B,#29FF4A,#29D9FF,#2E5BFF,#C040FF,#FF2929) border-box;
 box-shadow:0 0 0 3px rgba(61,142,255,.18),0 0 18px rgba(61,142,255,.45),0 10px 22px -10px rgba(10,26,51,.8);animation:pl-spin 3s linear infinite,pl-breathe 2.6s ease-in-out infinite}
body .btn.btn-studio::after{background:#FFD24A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1A33' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 10px rgba(255,210,74,.85)}
body .btn.btn-studio:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 4px rgba(61,142,255,.3),0 0 30px rgba(61,142,255,.7),0 14px 26px -10px rgba(10,26,51,.9)}
@keyframes pl-spin{to{--al-a:360deg}}
@keyframes pl-breathe{50%{box-shadow:0 0 0 4px rgba(61,142,255,.24),0 0 28px rgba(61,142,255,.65),0 10px 22px -10px rgba(10,26,51,.8)}}
/* ---------- Miami showroom CTA ---------- */
body a.sr-cta{background:linear-gradient(135deg,#0A1A33 0%,#13325E 100%);border:2px solid #2E5299;border-radius:16px;padding:10px 10px 10px 10px;color:#FFFFFF;text-decoration:none;
 box-shadow:0 0 0 3px rgba(61,142,255,.12),0 12px 26px -14px rgba(10,26,51,.85);transition:transform .2s,box-shadow .25s,border-color .2s}
body a.sr-cta .v-ico{background:#D0102B;color:#FFFFFF;border-radius:50%;box-shadow:0 0 0 0 rgba(255,40,60,.6);animation:pl-ping 2.2s infinite}
body a.sr-cta .v-ico svg{stroke:#FFFFFF}
body a.sr-cta .v-txt b{color:#FFFFFF}
body a.sr-cta .v-txt small{color:#C9D8F2}
body a.sr-cta .v-go{background:#3D8EFF;color:#FFFFFF;border:0;border-radius:999px;font-weight:800;box-shadow:0 0 14px rgba(61,142,255,.55)}
body a.sr-cta:hover{transform:translateY(-2px);border-color:#3D8EFF;box-shadow:0 0 0 4px rgba(61,142,255,.25),0 0 24px rgba(61,142,255,.45),0 16px 30px -14px rgba(10,26,51,.9)}
@keyframes pl-ping{0%{box-shadow:0 0 0 0 rgba(255,40,60,.55)}70%{box-shadow:0 0 0 10px rgba(255,40,60,0)}100%{box-shadow:0 0 0 0 rgba(255,40,60,0)}}
/* ---------- quote list picks ---------- */
body .pick span{color:#0A1A33}
body .pick[aria-pressed=true]{border:2.5px solid #1E5EFF;background:#EAF2FF;transform:translateY(-2px);
 box-shadow:0 0 0 3px rgba(30,94,255,.22),0 0 16px rgba(30,94,255,.35),0 12px 22px -12px rgba(30,94,255,.75);animation:pl-pop .28s ease-out}
body .pick[aria-pressed=true] span{color:#0A1A33;font-weight:800}
body .pick[aria-pressed=true]::after{background:#1E5EFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;border-color:#1E5EFF;box-shadow:0 0 0 2px #FFFFFF,0 0 10px rgba(30,94,255,.6)}
@keyframes pl-pop{0%{transform:scale(.96)}60%{transform:scale(1.03) translateY(-2px)}100%{transform:translateY(-2px)}}
/* ---------- quote form ---------- */
body form.q .chips label{border:2px solid #9CB8E0;background:#FFFFFF;color:#0A1A33;font-weight:700;padding:8px 15px;box-shadow:0 2px 6px -3px rgba(10,26,51,.3);transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s}
body form.q .chips label:hover{border-color:#1E5EFF;box-shadow:0 0 0 3px rgba(30,94,255,.15),0 4px 10px -4px rgba(10,26,51,.35);transform:translateY(-1px)}
body form.q .chips label:has(input:checked){background:#1E5EFF;border-color:#0A3BCC;color:#FFFFFF;box-shadow:0 0 0 3px rgba(30,94,255,.25),0 6px 14px -6px rgba(30,94,255,.8)}
body form.q .chips input{accent-color:#0A1A33}
body form.q .chips label:has(input:checked) input{accent-color:#FFFFFF}
body form.q input:not([type=checkbox]):not([type=radio]),body form.q textarea{border:2px solid #B9CBE6}
body form.q input:focus,body form.q textarea:focus{border-color:#1E5EFF;box-shadow:0 0 0 4px rgba(30,94,255,.2)}
@media (prefers-reduced-motion:reduce){body::before,body .btn::before,body .btn.btn-studio,body a.sr-cta .v-ico,body .pick[aria-pressed=true]{animation:none}}
/* ---------- larger text across the site (auto-scaled from styles.css / store.css) ---------- */
body{font-size:18px}
h3{font-size:22.5px}
.lede{font-size:19px}
.kick{font-size:19px}
.btn{font-size:15.5px}
.top{font-size:14.5px}
.brand b{font-size:24.5px}
nav.main a{font-size:15.5px}
.drop>button{font-size:15.5px}
header .btn{font-size:15px}
.specs li{font-size:17px}
.filters button{font-size:15px}
.masonry figcaption{font-size:14.5px}
.visit{font-size:15.5px}
.q-title{font-size:21.5px}
form.q label{font-size:15.5px}
form.q label em{font-size:14.5px}
form.q input,form.q textarea{font-size:17px}
form.q legend{font-size:15.5px}
form.q legend span{font-size:14.5px}
form.q .chips label{font-size:15px}
.q-send small{font-size:14.5px}
footer.site{font-size:15.5px}
footer.site h4{font-size:19px}
footer.site .legal{font-size:14px}
.hero-img figcaption{font-size:17px}
.feat p{font-size:17px}
.readout span{font-size:21.5px}
.kdesc{font-size:16px}
.rng{font-size:15.5px}
.rowlbl output{font-size:17px}
.ticks{font-size:14px}
.ticks small{font-size:13px}
.presets button{font-size:14.5px}
.tabs button{font-size:14.5px}
.panel figcaption{font-size:15px}
@media(max-width:560px){.panel figcaption{font-size:13.5px}
}
.cat b{font-size:22.5px}
.cat small{font-size:14.5px}
.ptable{font-size:17px}
.ptable th{font-size:14.5px}
.trust li{font-size:14.5px}
.trust b{font-size:19px}
.hl li{font-size:17px}
.steps li::before{font-size:20px}
.steps p{font-size:17px}
.qlist h3{font-size:24.5px}
.pick{font-size:15px}
.pickcount{font-size:16px}
.fam b{font-size:19px}
.fam small{font-size:14.5px}
.metal figcaption{font-size:14px}
.drop-photo b{font-size:21.5px}
.drop-photo span{font-size:15px}
.pv-change{font-size:14.5px}
.modesw button{font-size:15.5px}
.ub-zones button,.ub-scenes button{font-size:19px}
.ub-scenes button{font-size:18px}
.ub-read span{font-size:14.5px}
.ub-help{font-size:15.5px}
.ub-modeline{font-size:14.5px}
.mchips button{font-size:14.5px}
.lab-badge{font-size:14.5px}
.lab-steps li{font-size:18px}
.lab-steps b{font-size:14.5px}
.rcard figcaption{font-size:19px}
@media(max-width:600px){.rcard figcaption{font-size:17px}
}
.pill{font-size:14.5px}
.day b{font-size:22.5px}
.day small{font-size:13px}
@media(max-width:480px){.day b{font-size:19px}
}
@media(max-width:600px){.pick span{font-size:14px}
form.book .times label{font-size:14.5px}
.lab-steps li{font-size:17px}
.lab-badge{font-size:13px}
}
@media(max-width:380px){.cat b{font-size:19px}
}
.kick{font-size:15px}
.hero .trust li{font-size:14px}
.hero .trust b{font-size:18.5px}
@media (max-width:560px){.hero .trust b{font-size:17px}
.hero-img figcaption{font-size:15px}
}
.pv-bg-l{font-size:14.5px}
.bchips button{font-size:14.5px}
.bhint{font-size:13.5px}
.aim-hint{font-size:13.5px}
.cartcount{font-size:12.5px}
.pill{font-size:15.5px}
.shop-search input{font-size:17px}
.shop-search button{font-size:15.5px}
.shop-count{font-size:15.5px}
.shop-tools select{font-size:15.5px}
#shop-filters-btn{font-size:15.5px}
.tchip{font-size:15px}
.active-chips button{font-size:14px}
.fgroup legend{font-size:14.5px}
.price-pair{font-size:14.5px}
.price-pair label span{font-size:13.5px}
.price-pair input{font-size:15.5px}
.fhint{font-size:13.5px}
.check{font-size:15.5px}
.opt{font-size:14.5px}
.pname{font-size:16px}
.pprice{font-size:20px}
.pdisc,.punit,.popts{font-size:14px}
.ribbons span{font-size:12.5px}
.tbuy{font-size:15px}
.terr{font-size:13.5px}
.qa-name{font-size:15.5px}
.qa-price{font-size:18px}
.pk-group legend{font-size:14.5px}
.pk-text{font-size:14.5px}
.pk-text textarea{font-size:15.5px}
.plan{font-size:15.5px}
.plan small{font-size:13.5px}
.addbtn{font-size:17px}
.stepper button{font-size:19px}
.stepper span{font-size:15.5px}
.stepper.big input{font-size:18px}
.pk-note{font-size:14.5px}
.pk-err,.cd-error{font-size:14.5px}
.pk-notify{font-size:14.5px}
.pk-notify input{font-size:15.5px}
.crumbs{font-size:15px}
.pdp-small{font-size:15px}
.pdp-desc h2{font-size:22.5px}
.rich{font-size:17px}
.cd-head h2,.sheet-head h2{font-size:21.5px}
.cd-link{font-size:15.5px}
.cd-name{font-size:15px}
.cd-meta{font-size:13.5px}
.cd-warn{font-size:13.5px}
.cd-remove{font-size:14px}
.cd-price{font-size:15.5px}
.cd-code input{font-size:15.5px}
.cd-note{font-size:14.5px}
.cd-note textarea{font-size:15.5px}
.cd-sum-row{font-size:15.5px}
.cd-sum-row.total{font-size:18px}
.cd-small{font-size:14px}
.cd-checkout{font-size:17.5px}
@media(max-width:767px){.pname{font-size:15px}
.pprice{font-size:18px}
.tbuy{font-size:14.5px}
}
.cs-tabs button{font-size:15.5px}
.fgroup .fselect{font-size:15.5px}

/* ---------- elegant trust bar (Since 1986 ...) ---------- */
body .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:20px;padding:6px;border:1.5px solid transparent;border-radius:18px;background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)) padding-box,linear-gradient(90deg,rgba(208,16,43,.6),rgba(255,255,255,.95) 50%,rgba(30,94,255,.65)) border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 32px -20px rgba(10,26,51,.55)}
body .trust li{position:relative;display:flex;flex-direction:row;align-items:center;gap:11px;padding:10px 14px;font-size:14px;color:#3C5375;transition:transform .2s}
body .trust li+li::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(transparent,rgba(14,33,61,.22),transparent)}
body .trust .ti{flex:none;width:40px;height:40px;padding:9px;box-sizing:border-box;border-radius:50%;color:#FFFFFF;background:radial-gradient(circle at 30% 25%,#3D7BFF 0%,#13325E 55%,#0A1A33 100%);box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px rgba(61,142,255,.45),0 8px 16px -8px rgba(10,26,51,.7);transition:box-shadow .25s,transform .25s}
body .trust li:first-child .ti{background:radial-gradient(circle at 30% 25%,#FF4A5C 0%,#B0102B 55%,#6E0715 100%);box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px rgba(208,16,43,.4),0 8px 16px -8px rgba(110,7,21,.7)}
body .trust span{display:flex;flex-direction:column;gap:2px;line-height:1.2}
body .trust b{font:700 18px/1.1 "Barlow Condensed",system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#0A1A33}
body .trust li:hover{transform:translateY(-1px)}
body .trust li:hover .ti{transform:scale(1.06);box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px rgba(61,142,255,.7),0 0 16px rgba(61,142,255,.55)}
@media(max-width:820px){body .trust{grid-template-columns:repeat(2,minmax(0,1fr))}body .trust li:nth-child(3)::before{display:none}body .trust li:nth-child(n+3){border-top:1px solid rgba(14,33,61,.1)}}
@media(max-width:380px){body .trust b{font-size:16px}body .trust .ti{width:34px;height:34px;padding:7px}}

/* ---------- twinkling stars in the background ---------- */
html::before,html::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-repeat:repeat}
html::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='197' height='197'%3E%3Cpath d='M28.00,30.00 L29.40,34.60 L34.00,36.00 L29.40,37.40 L28.00,42.00 L26.60,37.40 L22.00,36.00 L26.60,34.60Z' fill='%233D7BEA' fill-opacity='0.85'/%3E%3Ccircle cx='28' cy='36' r='1.10' fill='white' fill-opacity='.9'/%3E%3Cpath d='M141.00,87.50 L142.05,90.95 L145.50,92.00 L142.05,93.05 L141.00,96.50 L139.95,93.05 L136.50,92.00 L139.95,90.95Z' fill='%23E2364A' fill-opacity='0.75'/%3E%3Ccircle cx='141' cy='92' r='0.83' fill='white' fill-opacity='.9'/%3E%3Cpath d='M78.00,159.40 L78.84,162.16 L81.60,163.00 L78.84,163.84 L78.00,166.60 L77.16,163.84 L74.40,163.00 L77.16,162.16Z' fill='%235E93F0' fill-opacity='0.8'/%3E%3Ccircle cx='78' cy='163' r='0.66' fill='white' fill-opacity='.9'/%3E%3Cpath d='M176.00,174.30 L176.63,176.37 L178.70,177.00 L176.63,177.63 L176.00,179.70 L175.37,177.63 L173.30,177.00 L175.37,176.37Z' fill='%233D7BEA' fill-opacity='0.7'/%3E%3Ccircle cx='176' cy='177' r='0.50' fill='white' fill-opacity='.9'/%3E%3C/svg%3E");background-size:197px 197px;animation:pl-tw1 3.4s ease-in-out infinite}
html::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='263' height='263'%3E%3Cpath d='M205.00,34.90 L206.19,38.81 L210.10,40.00 L206.19,41.19 L205.00,45.10 L203.81,41.19 L199.90,40.00 L203.81,38.81Z' fill='%235E93F0' fill-opacity='0.8'/%3E%3Ccircle cx='205' cy='40' r='0.94' fill='white' fill-opacity='.9'/%3E%3Cpath d='M52.00,114.70 L52.77,117.23 L55.30,118.00 L52.77,118.77 L52.00,121.30 L51.23,118.77 L48.70,118.00 L51.23,117.23Z' fill='%23E2364A' fill-opacity='0.7'/%3E%3Ccircle cx='52' cy='118' r='0.61' fill='white' fill-opacity='.9'/%3E%3Cpath d='M160.00,207.70 L161.47,212.53 L166.30,214.00 L161.47,215.47 L160.00,220.30 L158.53,215.47 L153.70,214.00 L158.53,212.53Z' fill='%233D7BEA' fill-opacity='0.85'/%3E%3Ccircle cx='160' cy='214' r='1.16' fill='white' fill-opacity='.9'/%3E%3Cpath d='M110.00,61.60 L110.56,63.44 L112.40,64.00 L110.56,64.56 L110.00,66.40 L109.44,64.56 L107.60,64.00 L109.44,63.44Z' fill='%238FB3F0' fill-opacity='0.8'/%3E%3Ccircle cx='110' cy='64' r='0.44' fill='white' fill-opacity='.9'/%3E%3C/svg%3E");background-size:263px 263px;background-position:60px 90px;animation:pl-tw2 4.6s ease-in-out 1.3s infinite}
@keyframes pl-tw1{0%,100%{opacity:.18}45%{opacity:.85}60%{opacity:.55}}
@keyframes pl-tw2{0%,100%{opacity:.75}50%{opacity:.12}}
@media (prefers-reduced-motion:reduce){html::before,html::after{animation:none;opacity:.45}}
/* ---------- chasing red-white-blue lines (header + hero headline) ---------- */
body header.site{padding-bottom:5px}
body header.site::after{height:4px;background:linear-gradient(90deg,#FF0000 0%,#FF0000 14%,#FF4848 20%,#FFFFFF 30%,#FFFFFF 36%,#5A8BFF 46%,#0A3BFF 54%,#0A3BFF 66%,#7A3CFF 76%,#FF0000 86%,#FF0000 100%);background-size:520px 100%;background-repeat:repeat-x;animation:pl-chase 3.2s linear infinite;box-shadow:0 0 8px rgba(255,0,0,.45),0 0 10px rgba(10,59,255,.3)}
body .hero h1.display::after{height:5px;width:min(300px,55%);background:linear-gradient(90deg,#FF0000 0%,#FF0000 14%,#FF4848 20%,#FFFFFF 30%,#FFFFFF 36%,#5A8BFF 46%,#0A3BFF 54%,#0A3BFF 66%,#7A3CFF 76%,#FF0000 86%,#FF0000 100%);background-size:260px 100%;background-repeat:repeat-x;animation:pl-chase-s 2.2s linear infinite;box-shadow:0 0 10px rgba(255,0,0,.5),0 0 12px rgba(10,59,255,.3)}
@keyframes pl-chase{to{background-position:520px 0}}
@keyframes pl-chase-s{to{background-position:260px 0}}
@media (prefers-reduced-motion:reduce){body header.site::after,body .hero h1.display::after{animation:none}}

/* ---------- fancy trust cards (Since 1986 ... No obligation) ---------- */
body .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body .trust li{position:relative;display:flex;flex-direction:row;align-items:center;gap:13px;padding:14px 16px;border-radius:18px;border:2px solid transparent;overflow:hidden;isolation:isolate;
 background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(240,246,255,.92)) padding-box,conic-gradient(from var(--al-a),#FF0000,#FF6A6A 12%,#FFFFFF 25%,#9DB9FF 38%,#0A3BFF 50%,#9DB9FF 62%,#FFFFFF 75%,#FF6A6A 88%,#FF0000) border-box;
 box-shadow:inset 0 1px 0 #FFFFFF,0 16px 30px -18px rgba(10,26,51,.6),0 2px 6px -2px rgba(10,26,51,.18);animation:pl-spin 7s linear infinite;transition:transform .25s,box-shadow .25s}
body .trust li:nth-child(2){animation-delay:-1.75s}
body .trust li:nth-child(3){animation-delay:-3.5s}
body .trust li:nth-child(4){animation-delay:-5.25s}
body .trust li+li::before{display:none}
body .trust li::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);transform:translateX(-130%);animation:pl-sheen 7s ease-in-out infinite}
body .trust li:nth-child(2)::after{animation-delay:1.2s}
body .trust li:nth-child(3)::after{animation-delay:2.4s}
body .trust li:nth-child(4)::after{animation-delay:3.6s}
body .trust .ti{flex:none;width:50px;height:50px;padding:12px;box-sizing:border-box;border-radius:50%;color:#FFFFFF;stroke-width:1.9;transition:transform .25s,box-shadow .25s}
body .trust li:nth-child(1) .ti{background:radial-gradient(circle at 30% 25%,#FF6A78 0%,#E0001A 55%,#8E0013 100%);box-shadow:0 0 0 3px #FFFFFF,0 0 0 4.5px rgba(255,0,0,.35),0 0 18px rgba(255,0,0,.35),0 8px 16px -8px rgba(142,0,19,.8)}
body .trust li:nth-child(2) .ti{color:#0A3BFF;background:radial-gradient(circle at 30% 25%,#FFFFFF 0%,#F1F5FF 60%,#D6E2FF 100%);box-shadow:0 0 0 3px #FFFFFF,0 0 0 4.5px rgba(10,59,255,.35),0 0 16px rgba(10,59,255,.25),0 8px 16px -8px rgba(10,26,51,.5)}
body .trust li:nth-child(3) .ti{background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);box-shadow:0 0 0 3px #FFFFFF,0 0 0 4.5px rgba(10,59,255,.4),0 0 18px rgba(10,59,255,.4),0 8px 16px -8px rgba(6,35,143,.8)}
body .trust li:nth-child(4) .ti{background:radial-gradient(circle at 30% 25%,#3D5F9A 0%,#13325E 55%,#0A1A33 100%);box-shadow:0 0 0 3px #FFFFFF,0 0 0 4.5px rgba(10,26,51,.35),0 0 16px rgba(30,60,120,.35),0 8px 16px -8px rgba(10,26,51,.8)}
body .trust span{display:flex;flex-direction:column;gap:3px;line-height:1.15;font-size:14.5px;font-weight:600;color:#3C5375;min-width:0}
body .trust b{font:800 19px/1.05 "Barlow Condensed",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#0A1A33 0%,#1E3F8A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body .trust li:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 4px rgba(61,142,255,.15),0 0 22px rgba(61,142,255,.35),0 20px 34px -18px rgba(10,26,51,.7)}
body .trust li:hover .ti{transform:scale(1.08) rotate(-4deg)}
@media(max-width:900px){body .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .trust li:nth-child(n+3){border-top:2px solid transparent}}
@media(max-width:420px){body .trust li{padding:12px;gap:10px}body .trust .ti{width:40px;height:40px;padding:9px}body .trust b{font-size:16.5px}body .trust span{font-size:13.5px}}
@media (prefers-reduced-motion:reduce){body .trust li,body .trust li::after{animation:none}}

/* ---------- header line v2: lower, unmistakable chase; brighter quote button ---------- */
body header.site{padding-bottom:14px}
body header.site::after{height:5px;border-radius:3px;
 background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 44%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 56%,rgba(255,255,255,0) 100%) 0 0/600px 100% repeat-x,
 linear-gradient(90deg,#FF0000 0%,#FF0000 30%,#FFFFFF 37%,#FFFFFF 45%,#0A3BFF 52%,#0A3BFF 80%,#FF0000 87%,#FF0000 100%) 0 0/240px 100% repeat-x;
 box-shadow:0 0 8px rgba(255,0,0,.55),0 0 12px rgba(10,59,255,.35);animation:pl-chase2 2.4s linear infinite}
@keyframes pl-chase2{to{background-position:600px 0,240px 0}}
body header .btn{--bg:linear-gradient(135deg,#FF2A3D 0%,#E3001B 100%);border-color:#9E0014;text-shadow:0 1px 1px rgba(90,0,10,.55);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 3px rgba(255,0,25,.18),0 0 14px rgba(255,0,25,.35),0 8px 18px -8px rgba(160,0,20,.8)}
body header .btn:hover{--bg:linear-gradient(135deg,#FF4155 0%,#F0001F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 5px rgba(255,0,25,.25),0 0 24px rgba(255,0,25,.55),0 12px 22px -8px rgba(160,0,20,.9)}
@media (prefers-reduced-motion:reduce){body header.site::after{animation:none}}
/* ---------- v6: header that holds its shape at every window width ---------- */
body header.site .wrap{max-width:1250px;gap:12px}
body header.site .al-brand{flex:none}
body header nav.main{flex-wrap:nowrap;gap:0;min-width:0}
body header nav.main>a,body header .drop>button{white-space:nowrap;padding:7px 9px;font-size:15px}
body header .btn{white-space:nowrap;flex:none}
@media(max-width:1320px) and (min-width:1181px){body header nav.main>a,body header .drop>button{padding:6px 6px;font-size:14.5px}body header .btn{font-size:14.5px;padding:5px 5px 5px 13px}}
/* below 1180px the page links move into the menu button so nothing gets squeezed; the quote button stays */
@media(max-width:1180px){
 body header .burger{display:block;flex:none}
 body header nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bone);border-bottom:1px solid var(--line);padding:8px var(--gut);box-shadow:var(--shadow)}
 body header nav.main.open{display:flex}
 body header nav.main>a{padding:10px 12px;font-size:16px}
 body header .drop .menu{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 0 12px;min-width:0}
 body header .drop>button{display:none}
 body header .btn.hq{display:inline-flex;margin-left:auto}
}
@media(max-width:560px){body header .btn.hq{font-size:13.5px;min-height:34px;padding:6px 12px;gap:0}body header .btn.hq::after{display:none}body header.site .wrap{gap:8px}}
@media(max-width:480px){body header .btn.hq{display:none}}
/* every red "Request a quote" button as bright as the header one */
body .btn:not(.ghost){--bg:linear-gradient(135deg,#FF2A3D 0%,#E3001B 100%);border-color:#9E0014;text-shadow:0 1px 1px rgba(90,0,10,.55);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 3px rgba(255,0,25,.18),0 0 14px rgba(255,0,25,.35),0 8px 18px -8px rgba(160,0,20,.8)}
body .btn:not(.ghost):hover{--bg:linear-gradient(135deg,#FF4155 0%,#F0001F 100%);border-color:#9E0014;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 5px rgba(255,0,25,.25),0 0 24px rgba(255,0,25,.55),0 12px 22px -8px rgba(160,0,20,.9)}
/* trust badges: all four in the Energy-efficient blue, with thicker white symbols */
body .trust li .ti,body .trust li:nth-child(n) .ti{color:#FFFFFF;background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);
 box-shadow:0 0 0 3px #FFFFFF,0 0 0 4.5px rgba(10,59,255,.4),0 0 18px rgba(10,59,255,.4),0 8px 16px -8px rgba(6,35,143,.8)}
body .trust .ti g{stroke-width:2.5px}
/* ---------- v7: red outer ring on the trust badges ---------- */
body .trust li .ti,body .trust li:nth-child(n) .ti{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.5px #FF0000,0 0 16px rgba(255,0,0,.35),0 8px 16px -8px rgba(6,35,143,.8)}
body .trust li:hover .ti,body .trust li:nth-child(n):hover .ti{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.5px #FF0000,0 0 24px rgba(255,0,0,.55),0 10px 18px -8px rgba(6,35,143,.85)}
/* ---------- v8: footer writing in white ---------- */
body footer.site,body footer.site p,body footer.site li,body footer.site h4,body footer.site .legal,
body footer.site a,body footer.site a:link,body footer.site a:visited{color:#FFFFFF}
body footer.site a:hover,body footer.site a:focus-visible{color:#9DC0FF;text-decoration:underline;text-underline-offset:3px}
body footer.site a.al-brand:hover,body footer.site a.al-brand:focus-visible{text-decoration:none}
/* ---------- v9: big free-quote headline + medallion checkmarks ---------- */
body .q-intro .q-kick{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 14px;font-style:normal;letter-spacing:0;text-transform:none}
body .q-intro .q-kick b{display:block;font:800 clamp(42px,5vw,62px)/.9 "Barlow Condensed",var(--sans);text-transform:uppercase;letter-spacing:.015em;
 background:linear-gradient(180deg,#4A86FF 0%,#2160F0 50%,#1846C8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 4px 12px rgba(33,96,240,.32))}
body .q-intro .q-kick span{display:inline-flex;align-items:center;gap:12px;font:800 clamp(19px,2vw,24px)/1 "Barlow Condensed",var(--sans);text-transform:uppercase;letter-spacing:.16em;color:#E3001B}
body .q-intro .q-kick span::after{content:"";width:84px;height:5px;border-radius:3px;
 background:linear-gradient(90deg,#FF0000 0 33%,#FFFFFF 33% 50%,#0A3BFF 50% 83%,#FFFFFF 83% 100%) 0 0/84px 100% repeat-x;
 box-shadow:0 0 0 1px rgba(10,35,66,.12),0 0 10px rgba(255,0,25,.3);animation:pl-qbar 1.6s linear infinite}
@keyframes pl-qbar{to{background-position:84px 0}}
body .assure{gap:10px;margin-top:20px}
body .assure li{gap:16px;font-size:18px;font-weight:700;color:var(--ink)}
body .assure li::before{width:38px;height:38px;margin:5px 0;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/21px no-repeat,
 radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);
 box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.5px #FF0000,0 0 14px rgba(255,0,0,.32),0 8px 14px -8px rgba(6,35,143,.8)}
@media(prefers-reduced-motion:reduce){body .q-intro .q-kick span::after{animation:none}}
/* ---------- v10: Lighting dropdown on a solid card above the header line ---------- */
@media(min-width:1181px){
 body header .drop .menu{z-index:40;top:100%;min-width:260px;padding:8px;background:#FFFFFF;border:1px solid rgba(14,33,61,.16);border-radius:14px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.8),0 24px 44px -18px rgba(10,35,66,.55),0 8px 18px -10px rgba(10,35,66,.35)}
 body header .drop .menu a{padding:9px 14px;font-size:15.5px;font-weight:600;white-space:nowrap;color:var(--ink);border-radius:9px}
 body header .drop .menu a:hover,body header .drop .menu a:focus-visible{background:#EAF0FF;color:#0A3BFF}
}
/* ---------- v11: tighter gaps, larger section text, medallion step numbers ---------- */
body section.brandwall{padding-top:4px}
body .quote-sec+section.brandwall{padding-top:22px}
body section.recent{padding-top:0}
body .head p{font-size:20px;line-height:1.45}
body .steps{gap:14px}
body .steps li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;padding:20px 22px}
body .steps h3{grid-column:2;font-size:27px;line-height:1.1;margin:0}
body .steps p{grid-column:1/-1;margin-top:12px;font-size:19px;line-height:1.5}
body .steps li::before{position:static;grid-column:1;grid-row:1;margin:5px;width:48px;height:48px;font:800 26px/1 "Barlow Condensed",var(--sans);color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.35);
 background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);
 box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.5px #FF0000,0 0 14px rgba(255,0,0,.32),0 8px 14px -8px rgba(6,35,143,.8)}
/* ---------- v12: even red/white/blue star ring; logo 20%+ bigger in header and footer ---------- */
body .al-mk::before{background:conic-gradient(from 0deg,#FF0000 0%,#FF0000 23.33%,#FFFFFF 33.33%,#FFFFFF 56.67%,#0A3BFF 66.67%,#0A3BFF 90%,#FF0000 100%)}
body header.site .al-brand{zoom:1.2}
body header.site .wrap{height:68px;max-width:1300px}
@media(max-width:1380px) and (min-width:1181px){body header nav.main>a,body header .drop>button{padding:6px 6px;font-size:14.5px}body header .btn{font-size:14.5px;padding:5px 5px 5px 13px}}
@media(max-width:1250px){
 body header .burger{display:block;flex:none}
 body header nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bone);border-bottom:1px solid var(--line);padding:8px var(--gut);box-shadow:var(--shadow)}
 body header nav.main.open{display:flex}
 body header nav.main>a{padding:10px 12px;font-size:16px}
 body header .drop .menu{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 0 12px;min-width:0}
 body header .drop>button{display:none}
 body header .btn.hq{display:inline-flex;margin-left:auto}
}
@media(max-width:600px){body header .btn.hq{font-size:13.5px;min-height:34px;padding:6px 12px;gap:0}body header .btn.hq::after{display:none}body header.site .wrap{gap:8px}}
@media(max-width:560px){body header .btn.hq{display:none}}
@media(max-width:420px){body header.site .al-brand{zoom:1.12}}
body footer.site .al-brand.al-foot{zoom:1.25}
@media(max-width:420px){body footer.site .al-brand.al-foot{zoom:1.15}}
/* ---------- v13: background stars sparkle at random times and places ---------- */
html.al-sky-on::before,html.al-sky-on::after{display:none}
.al-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.al-sky i{position:absolute;display:block;opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg);filter:drop-shadow(0 0 2px currentColor);animation:al-spark 4s ease-in-out infinite;will-change:transform,opacity}
.al-sky i::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.al-sky i::after{content:"";position:absolute;inset:42%;border-radius:50%;background:#FFFFFF;box-shadow:0 0 3px 1px currentColor}
.al-sky i.big::before{clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%)}
@keyframes al-spark{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg)}38%{opacity:.55;transform:translate(-50%,-50%) scale(.8) rotate(20deg)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.15) rotate(32deg)}62%{opacity:.5;transform:translate(-50%,-50%) scale(.85) rotate(42deg)}}
@media(prefers-reduced-motion:reduce){.al-sky{display:none}}
/* ---------- v14: trust cards are links and resize smoothly; Why AmeriLED page ---------- */
body .trust{grid-template-columns:repeat(4,minmax(0,1fr))}
body .trust li{padding:0;cursor:pointer}
body .trust li>a{position:relative;display:flex;flex-direction:row;align-items:center;gap:clamp(9px,1vw,13px);width:100%;height:100%;box-sizing:border-box;padding:clamp(11px,1.2vw,14px) clamp(20px,1.9vw,26px) clamp(11px,1.2vw,14px) clamp(11px,1.3vw,16px);color:inherit;text-decoration:none;border-radius:16px;min-width:0}
body .trust li>a:focus-visible{outline:3px solid #0A3BFF;outline-offset:3px}
body .trust .ti{width:clamp(40px,3.6vw,50px);height:clamp(40px,3.6vw,50px);padding:clamp(9px,.85vw,12px)}
body .trust b{font-size:clamp(15.5px,1.35vw,19px);letter-spacing:.04em;overflow-wrap:anywhere}
body .trust span{font-size:clamp(12.5px,1.05vw,14.5px);min-width:0}
body .trust .tr-go{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#0A3BFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #FF0000;opacity:.55;transition:opacity .2s,transform .2s}
body .trust li:hover .tr-go,body .trust li>a:focus-visible .tr-go{opacity:1;transform:translateX(2px)}
@media(max-width:1180px){body .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .trust b{font-size:clamp(16px,2.2vw,19px)}body .trust span{font-size:clamp(13px,1.6vw,14.5px)}body .trust .ti{width:clamp(42px,5vw,50px);height:clamp(42px,5vw,50px)}}
@media(max-width:520px){body .trust{gap:10px}body .trust li>a{flex-direction:column;align-items:flex-start;gap:9px;padding:12px}body .trust .tr-go{top:7px;right:7px}body .trust b{font-size:15.5px}body .trust span{font-size:12.5px}body .trust .ti{width:42px;height:42px;padding:9px}}

/* Why AmeriLED page */
.why-hero{padding:clamp(28px,4vw,48px) 0 clamp(14px,2vw,24px)}
.why-hero h1{font:800 clamp(34px,4.6vw,58px)/1 "Barlow Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#0A1A33;margin:6px 0 10px}
.why-hero .lede{max-width:60ch}
.why-sec{scroll-margin-top:110px;padding:clamp(28px,4vw,56px) 0}
.why-sec .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(22px,3.4vw,44px);align-items:center}
.why-sec.flip .why-media{order:-1}
.why-kick{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:700 13px/1.2 "Barlow",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#B0102B}
.why-kick .ti{flex:none;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);box-shadow:0 0 0 3px #fff,0 0 0 5.5px #FF0000,0 0 16px rgba(255,0,0,.3),0 8px 16px -8px rgba(6,35,143,.8)}
.why-kick .ti g{stroke-width:2.5px}
.why-txt h2{font:800 clamp(28px,3.4vw,44px)/1.02 "Barlow Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px;background:linear-gradient(180deg,#0A1A33 0%,#1E3F8A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.why-txt .lede{font-size:clamp(16.5px,1.4vw,19px);line-height:1.55;max-width:58ch}
.why-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 6px}
.why-stats div{position:relative;padding:14px 14px 12px;border-radius:16px;background:linear-gradient(160deg,#fff,#EEF4FF);box-shadow:inset 0 0 0 1.5px rgba(10,59,255,.18),0 12px 24px -18px rgba(10,26,51,.6)}
.why-stats b{display:block;font:800 clamp(28px,3vw,40px)/1 "Barlow Condensed",system-ui,sans-serif;background:linear-gradient(180deg,#4A86FF 0%,#2160F0 50%,#1846C8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.why-stats div:first-child b{background:linear-gradient(180deg,#FF5A6A 0%,#E3001B 60%,#A3001A 100%);-webkit-background-clip:text;background-clip:text}
.why-stats span{display:block;margin-top:6px;font:600 13.5px/1.25 "Barlow",system-ui,sans-serif;color:#3C5375}
.why-note{margin:8px 0 0;font-size:13px;color:#56637A}
.why-txt .btns{margin-top:20px}
.why-txt .steps{grid-template-columns:1fr;margin-top:16px}
.why-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:clamp(200px,24vw,300px) clamp(140px,16vw,200px);gap:14px}
.why-media figure{position:relative;margin:0;overflow:hidden;border-radius:18px;box-shadow:0 0 0 2px #fff,0 0 0 4px #9CC2FF,0 18px 34px -18px rgba(10,26,51,.7);transition:box-shadow .3s,transform .3s}
.why-media figure:first-child{grid-column:1/-1}
.why-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.why-media figure:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #fff,0 0 0 4px #3D8EFF,0 0 22px rgba(61,142,255,.45),0 22px 38px -18px rgba(10,26,51,.75)}
.why-media figure:hover img{transform:scale(1.05)}
.why-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;background:linear-gradient(180deg,rgba(10,26,51,0),rgba(10,26,51,.85));font:700 14px/1.2 "Barlow",system-ui,sans-serif;color:#fff;letter-spacing:.02em}
@media(max-width:900px){.why-sec .wrap{grid-template-columns:1fr}.why-sec.flip .why-media{order:0}}
@media(max-width:520px){.why-stats{gap:8px}.why-stats div{padding:11px 10px 10px}.why-stats span{font-size:12px}.why-media{grid-template-rows:200px 130px;gap:10px}}
@media (prefers-reduced-motion:reduce){.why-media img,.why-media figure{transition:none}}
/* ---------- v15: bigger badge icons with a pulsing glow on the red rings ---------- */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3.5px #FFFFFF,0 0 0 6.5px #FF0000,0 0 3px 0 rgba(255,0,0,.35),0 8px 16px -8px rgba(6,35,143,.8)}50%{box-shadow:0 0 0 3.5px #FFFFFF,0 0 0 6.5px #FF0000,0 0 15px 5px rgba(255,0,0,.62),0 8px 16px -8px rgba(6,35,143,.8)}}
body .trust .ti,body .why-kick .ti,body .assure li::before,body .steps li::before{animation:al-ringpulse 2.4s ease-in-out infinite}
body .trust li:nth-child(2) .ti{animation-delay:-.6s}
body .trust li:nth-child(3) .ti{animation-delay:-1.2s}
body .trust li:nth-child(4) .ti{animation-delay:-1.8s}
body .assure li:nth-child(2)::before,body .steps li:nth-child(2)::before{animation-delay:-.8s}
body .assure li:nth-child(3)::before,body .steps li:nth-child(3)::before{animation-delay:-1.6s}
body .trust .ti{width:clamp(50px,4.5vw,64px);height:clamp(50px,4.5vw,64px);padding:clamp(11px,1.05vw,15px)}
body .trust li>a{padding-left:clamp(14px,1.5vw,20px)}
@media(max-width:1180px){body .trust .ti{width:clamp(52px,6.4vw,64px);height:clamp(52px,6.4vw,64px);padding:clamp(12px,1.5vw,15px)}}
@media(max-width:520px){body .trust .ti{width:52px;height:52px;padding:12px}}
body .why-kick{gap:16px}
body .why-kick .ti{width:62px;height:62px;padding:15px}
body .assure li{gap:18px}
body .assure li::before{width:46px;height:46px;margin:7px 0;background-size:25px 25px,auto}
body .steps li::before{width:56px;height:56px;margin:7px;font-size:30px}
@media (prefers-reduced-motion:reduce){body .trust .ti,body .why-kick .ti,body .assure li::before,body .steps li::before{animation:none}}
/* "Get directions" turns Request-a-quote red on hover */
body a.sr-cta .v-go{transition:box-shadow .25s,transform .2s}
body a.sr-cta:hover .v-go,body a.sr-cta:focus-visible .v-go{background:linear-gradient(135deg,#FF2A3D 0%,#E3001B 100%);text-shadow:0 1px 1px rgba(90,0,10,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 3px rgba(255,0,25,.18),0 0 18px rgba(255,0,25,.55),0 8px 18px -8px rgba(160,0,20,.8);transform:translateX(2px)}
/* ---------- v16: trust boxes size themselves to the space they sit in ---------- */
.hero-copy,.why-hero .wrap{container-type:inline-size;container-name:trustbox}
body .trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body .trust li>a{flex-direction:row;align-items:center;gap:clamp(10px,1.3cqw,14px);padding:clamp(11px,1.5cqw,15px) clamp(30px,3cqw,34px) clamp(11px,1.5cqw,15px) clamp(12px,1.7cqw,18px)}
body .trust .ti{width:clamp(44px,5.2cqw,64px);height:clamp(44px,5.2cqw,64px);padding:clamp(10px,1.25cqw,15px)}
body .trust b{font-size:clamp(15px,1.75cqw,19px)}
body .trust span{font-size:clamp(12.5px,1.3cqw,14.5px)}
body .trust .tr-go{display:block;top:8px;right:8px}
@container trustbox (max-width:999px){
 body .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body .trust li>a{flex-direction:row;align-items:center;gap:clamp(10px,2cqw,14px);padding:clamp(11px,2.3cqw,15px) clamp(30px,5cqw,34px) clamp(11px,2.3cqw,15px) clamp(12px,2.5cqw,18px)}
 body .trust .ti{width:clamp(44px,9.2cqw,64px);height:clamp(44px,9.2cqw,64px);padding:clamp(10px,2.1cqw,15px)}
 body .trust b{font-size:clamp(15px,3cqw,19px)}
 body .trust span{font-size:clamp(12.5px,2.2cqw,14.5px)}
}
@container trustbox (max-width:479px){
 body .trust{gap:10px}
 body .trust li>a{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 12px 12px 12px}
 body .trust .ti{width:clamp(40px,11cqw,52px);height:clamp(40px,11cqw,52px);padding:clamp(9px,2.6cqw,12px)}
 body .trust b{font-size:clamp(14px,4.2cqw,16.5px)}
 body .trust span{font-size:12.5px}
 body .trust .tr-go{top:7px;right:7px}
}
@container trustbox (max-width:299px){body .trust{grid-template-columns:1fr}}
/* header: same space above the logo as below it to the red-white-blue line */
body header.site{padding-top:9px}
/* ---------- v17: hero back to its original layout; trust boxes in a full-width row below; bigger photo ---------- */
.hero-copy{container-type:normal}
.hero .trust-row{grid-column:1/-1;container-type:inline-size;container-name:trustbox;margin-top:8px}
.hero .trust-row .trust{margin-top:0}
@media(min-width:821px){
 .hero .wrap{grid-template-columns:1.05fr .95fr;align-items:stretch}
 .hero-img{align-self:stretch;margin:6px 0 0;display:flex;flex-direction:column;min-height:0}
 .hero-img img{flex:1 1 0;min-height:420px;height:auto;width:100%;aspect-ratio:auto;object-fit:cover}
}
/* ---------- v18: full uncropped hero photo in a square-cornered frame; feature list under it ---------- */
body .hero-img img{border-radius:18px;object-fit:cover;object-position:50% 50%;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #9CC2FF,0 24px 44px -24px rgba(10,26,51,.65)}
body .hero-img figcaption{position:static;left:auto;bottom:auto;max-width:none;margin-top:12px;display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:16px;background:linear-gradient(160deg,#FFFFFF,#EEF4FF);box-shadow:inset 0 0 0 1.5px rgba(10,59,255,.16),0 12px 24px -18px rgba(10,26,51,.6);font:600 15px/1.3 "Barlow",system-ui,sans-serif;font-style:normal;color:#0E213D;line-height:1.3;white-space:normal}
body .hero-img figcaption span{display:flex;align-items:center;gap:11px}
body .hero-img figcaption span::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #FF0000}
@media(min-width:821px){
 .hero .wrap{align-items:start}
 body .hero-img{align-self:start;margin:6px 0 0;display:block}
 body .hero-img img{display:block;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:1200/1344}
}
@media(max-width:820px){
 body .hero-img img{display:block;width:100%;height:auto;aspect-ratio:1200/1344;max-height:78vh}
 body .hero-img figcaption{font-size:14.5px}
}
/* ---------- v19: headline fits more words per line; photo corners all the same ---------- */
body .hero h1.display{font-size:clamp(32px,3.7vw,54px);line-height:1.04;max-width:none;letter-spacing:-.005em}
body .hero .hero-img img,body .hero figure.hero-img img{border-radius:18px 18px 18px 18px}
/* ---------- v20: keep the left of the cabinet in view whenever the photo has to crop ---------- */
body .hero .hero-img img,body .hero figure.hero-img img{object-position:0% 50%}
@media(max-width:820px){body .hero .hero-img img{max-height:90vh}}
/* ---------- v21: hero kicker as big as the column allows, brighter red ---------- */
body .hero .hero-copy{container-type:inline-size}
body .hero .hero-copy .kick{font:800 clamp(14px,4.3cqw,30px)/1.05 "Barlow Condensed",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;color:#F00020;background:linear-gradient(180deg,#FF3346 0%,#F00020 55%,#D60019 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(255,0,32,.25))}
@media(min-width:821px){body .hero .hero-img{margin-top:3px}}
/* hero: a short list of what we do, under the intro and above the buttons */
body .hero .hero-pts{list-style:none;margin:14px 0 2px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
body .hero .hero-pts li{display:flex;align-items:center;gap:11px;font:600 clamp(14.5px,2.6cqw,16.5px)/1.3 "Barlow",system-ui,sans-serif;color:#0E213D}
body .hero .hero-pts li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#6E9BFF 0%,#0A3BFF 55%,#06238F 100%);box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #FF0000}
@container (max-width:479px){body .hero .hero-pts{grid-template-columns:1fr}}
/* ---------- v22: sparkling stars in every section and the footer ---------- */
.al-sky-sec{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.al-sky-sec i{position:absolute;display:block;opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg);filter:drop-shadow(0 0 2px currentColor);animation:al-spark 4s ease-in-out infinite;will-change:transform,opacity}
.al-sky-sec i::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.al-sky-sec i::after{content:"";position:absolute;inset:42%;border-radius:50%;background:#FFFFFF;box-shadow:0 0 3px 1px currentColor}
.al-sky-sec i.big::before{clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%)}
.al-sky-sec.dark i{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 7px rgba(255,255,255,.35))}
.al-sky-sec:not(.on) i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.al-sky-sec{display:none}}
/* ---------- v23: livelier sparkles; red rings and blue balls glow on every round icon ---------- */
@keyframes al-spark{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg)}34%{opacity:.65;transform:translate(-50%,-50%) scale(.85) rotate(18deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(32deg)}62%{opacity:.6;transform:translate(-50%,-50%) scale(.9) rotate(42deg)}}
.al-sky i,.al-sky-sec i{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px currentColor)}
.al-sky-sec.dark i{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 8px rgba(255,255,255,.45))}
/* big badges: red ring glow plus a blue glow inside the ball */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3.5px #FFFFFF,0 0 0 6.5px #FF0000,0 0 3px 0 rgba(255,0,0,.35),inset 0 0 0 0 rgba(160,200,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1)}50%{box-shadow:0 0 0 3.5px #FFFFFF,0 0 0 6.5px #FF0000,0 0 16px 6px rgba(255,0,0,.65),inset 0 0 16px 3px rgba(170,205,255,.95),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.15)}}
/* small dots (hero list, photo caption): same red-ring and blue-ball glow */
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #FF0000,0 0 2px 0 rgba(255,0,0,.4),inset 0 0 0 0 rgba(190,215,255,0);filter:brightness(1)}50%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #FF0000,0 0 9px 3px rgba(255,0,0,.7),inset 0 0 4px 1px rgba(200,222,255,1);filter:brightness(1.3)}}
body .hero .hero-pts li::before,body .hero-img figcaption span::before{animation:al-dotpulse 2.4s ease-in-out infinite}
body .hero .hero-pts li:nth-child(2)::before,body .hero-img figcaption span:nth-child(2)::before{animation-delay:-.35s}
body .hero .hero-pts li:nth-child(3)::before,body .hero-img figcaption span:nth-child(3)::before{animation-delay:-.7s}
body .hero .hero-pts li:nth-child(4)::before{animation-delay:-1.05s}
body .hero .hero-pts li:nth-child(5)::before{animation-delay:-1.4s}
body .hero .hero-pts li:nth-child(6)::before{animation-delay:-1.75s}
body .hero .hero-pts li:nth-child(7)::before{animation-delay:-2.1s}
@media (prefers-reduced-motion:reduce){body .hero .hero-pts li::before,body .hero-img figcaption span::before{animation:none}}
/* ---------- v24: bigger, brighter showroom pin with a glowing red ---------- */
@keyframes al-pinglow{0%,100%{box-shadow:0 0 0 3px rgba(255,0,25,.35),0 0 14px rgba(255,0,25,.6),0 0 26px rgba(255,40,60,.3)}50%{box-shadow:0 0 0 5px rgba(255,0,25,.45),0 0 24px rgba(255,0,25,.95),0 0 46px rgba(255,40,60,.6)}}
body a.sr-cta{gap:16px}
body a.sr-cta .v-ico{width:62px;height:62px;background:linear-gradient(135deg,#FF2A3D 0%,#E3001B 100%);border:2.5px solid #FFFFFF;color:#FFFFFF;animation:al-pinglow 2.2s ease-in-out infinite}
body a.sr-cta .v-ico svg{width:32px;height:32px;stroke:#FFFFFF;stroke-width:2.4}
@media(max-width:560px){body a.sr-cta .v-txt{flex-basis:calc(100% - 80px)}body a.sr-cta .v-go{margin-left:78px}}
@media (prefers-reduced-motion:reduce){body a.sr-cta .v-ico{animation:none;box-shadow:0 0 0 3px rgba(255,0,25,.35),0 0 18px rgba(255,0,25,.7)}}
/* ---------- v25: red and blue glows take turns; slightly thinner red rings ---------- */
/* big badges: blue ball glows while the red ring rests, then the red ring glows while the blue rests */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 2px 0 rgba(255,0,0,.25),0 0 16px 5px rgba(40,110,255,.6),inset 0 0 16px 3px rgba(170,205,255,.95),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.18)}50%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 16px 6px rgba(255,0,0,.68),0 0 0 0 rgba(40,110,255,0),inset 0 0 0 0 rgba(170,205,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1)}}
/* small dots: same alternating glow */
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000,0 0 1px 0 rgba(255,0,0,.3),0 0 8px 2px rgba(40,110,255,.65),inset 0 0 4px 1px rgba(200,222,255,1);filter:brightness(1.3)}50%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000,0 0 9px 3px rgba(255,0,0,.72),0 0 0 0 rgba(40,110,255,0),inset 0 0 0 0 rgba(200,222,255,0);filter:brightness(1)}}
/* thinner rings when motion is reduced (no animation) */
body .trust li .ti,body .trust li:nth-child(n) .ti,body .why-kick .ti,body .assure li::before,body .steps li::before{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 12px rgba(255,0,0,.3),0 8px 16px -8px rgba(6,35,143,.8)}
body .hero .hero-pts li::before,body .hero-img figcaption span::before{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000}
/* ---------- v26: bigger hero kicker (balanced over two lines when needed) ---------- */
body .hero .hero-copy .kick{font-size:clamp(20px,5.8cqw,42px);line-height:1.04;text-wrap:balance;margin-bottom:12px}
@media(min-width:821px){body .hero .hero-img{margin-top:7px}}
/* ---------- v27: red rings grow as they glow (then rest while the blue ball glows) ---------- */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 2px 0 rgba(255,0,0,.25),0 0 16px 5px rgba(40,110,255,.6),inset 0 0 16px 3px rgba(170,205,255,.95),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.18)}50%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 7.8px #FF0000,0 0 22px 6px rgba(255,0,0,.72),0 0 0 0 rgba(40,110,255,0),inset 0 0 0 0 rgba(170,205,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1)}}
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000,0 0 1px 0 rgba(255,0,0,.3),0 0 8px 2px rgba(40,110,255,.65),inset 0 0 4px 1px rgba(200,222,255,1);filter:brightness(1.3)}50%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4.6px #FF0000,0 0 11px 3px rgba(255,0,0,.75),0 0 0 0 rgba(40,110,255,0),inset 0 0 0 0 rgba(200,222,255,0);filter:brightness(1)}}
/* ---------- v28: solid blue balls while they glow; slower, smoother pulse ---------- */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 2px 0 rgba(255,0,0,.25),0 0 18px 5px rgba(30,100,255,.55),inset 0 0 10px 1px rgba(110,160,255,.5),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.06) saturate(1.1)}50%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 7.8px #FF0000,0 0 22px 6px rgba(255,0,0,.72),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(110,160,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1) saturate(1)}}
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000,0 0 1px 0 rgba(255,0,0,.3),0 0 8px 2px rgba(30,100,255,.6),inset 0 0 3px 0 rgba(110,160,255,.55);filter:brightness(1.06) saturate(1.1)}50%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4.6px #FF0000,0 0 11px 3px rgba(255,0,0,.75),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(110,160,255,0);filter:brightness(1) saturate(1)}}
body .trust .ti,body .why-kick .ti,body .assure li::before,body .steps li::before,body .hero .hero-pts li::before,body .hero-img figcaption span::before{animation-duration:3.2s;animation-timing-function:cubic-bezier(.45,0,.55,1)}
/* ---------- v29: softer blue pulse back; red rings thicken half as much ---------- */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5.2px #FF0000,0 0 2px 0 rgba(255,0,0,.25),0 0 20px 6px rgba(30,100,255,.66),inset 0 0 12px 2px rgba(120,170,255,.72),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.12) saturate(1.12)}50%{box-shadow:0 0 0 3px #FFFFFF,0 0 0 6.5px #FF0000,0 0 20px 5px rgba(255,0,0,.68),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(120,170,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1) saturate(1)}}
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.1px #FF0000,0 0 1px 0 rgba(255,0,0,.3),0 0 9px 2px rgba(30,100,255,.68),inset 0 0 4px 1px rgba(140,185,255,.8);filter:brightness(1.15) saturate(1.12)}50%{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.85px #FF0000,0 0 10px 3px rgba(255,0,0,.72),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(140,185,255,0);filter:brightness(1) saturate(1)}}
body .hero .hero-pts li:nth-child(8)::before{animation-delay:-2.45s}
body .hero .hero-pts li:nth-child(9)::before{animation-delay:-2.8s}
body .hero .hero-pts li:nth-child(10)::before{animation-delay:-3.15s}
/* ---------- v30: all pulses in sync; smaller rings that barely grow ---------- */
@keyframes al-ringpulse{0%,100%{box-shadow:0 0 0 2.5px #FFFFFF,0 0 0 4.2px #FF0000,0 0 2px 0 rgba(255,0,0,.25),0 0 20px 6px rgba(30,100,255,.66),inset 0 0 12px 2px rgba(120,170,255,.72),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1.12) saturate(1.12)}50%{box-shadow:0 0 0 2.5px #FFFFFF,0 0 0 4.8px #FF0000,0 0 12px 2px rgba(255,0,0,.62),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(120,170,255,0),0 8px 16px -8px rgba(6,35,143,.8);filter:brightness(1) saturate(1)}}
@keyframes al-dotpulse{0%,100%{box-shadow:0 0 0 1.6px #FFFFFF,0 0 0 2.6px #FF0000,0 0 1px 0 rgba(255,0,0,.3),0 0 9px 2px rgba(30,100,255,.68),inset 0 0 4px 1px rgba(140,185,255,.8);filter:brightness(1.15) saturate(1.12)}50%{box-shadow:0 0 0 1.6px #FFFFFF,0 0 0 2.95px #FF0000,0 0 6px 1px rgba(255,0,0,.66),0 0 0 0 rgba(30,100,255,0),inset 0 0 0 0 rgba(140,185,255,0);filter:brightness(1) saturate(1)}}
body .trust .ti,body .why-kick .ti,body .assure li::before,body .steps li::before,body .hero .hero-pts li::before,body .hero-img figcaption span::before,body a.sr-cta .v-ico{animation-duration:3.2s!important;animation-timing-function:cubic-bezier(.45,0,.55,1)!important;animation-delay:0s!important}
/* ---------- v31: directions icon back to normal size, larger pin symbol inside ---------- */
@keyframes al-pinglow{0%,100%{box-shadow:0 0 0 2px rgba(255,0,25,.3),0 0 10px rgba(255,0,25,.55),0 0 18px rgba(255,40,60,.25)}50%{box-shadow:0 0 0 3px rgba(255,0,25,.42),0 0 16px rgba(255,0,25,.9),0 0 28px rgba(255,40,60,.5)}}
body a.sr-cta{gap:12px}
body a.sr-cta .v-ico{width:42px;height:42px;border-width:2px}
body a.sr-cta .v-ico svg{width:30px;height:30px;stroke-width:2.3}
@media(max-width:560px){body a.sr-cta .v-txt{flex-basis:calc(100% - 60px)}body a.sr-cta .v-go{margin-left:54px}}
/* ---------- v32: bigger pin symbol, same 42px circle ---------- */
body a.sr-cta .v-ico svg{width:34px;height:34px;stroke-width:2.1}
/* ---------- v33: photo title plate (The Tiffany) + 7-line feature list in two columns ---------- */
body .hero-img .hi-shot{position:relative}
body .hero-img .hi-tag{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 28px);padding:10px 16px 11px;border-radius:12px;background:linear-gradient(135deg,rgba(8,20,42,.76),rgba(16,44,88,.62));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 10px 24px -12px rgba(0,0,0,.6);color:#FFFFFF;pointer-events:none}
body .hero-img .hi-tag i{font:italic 600 24px/1.1 "Playfair Display",Georgia,"Times New Roman",serif;letter-spacing:.01em;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.45)}
body .hero-img .hi-tag span{font:600 13px/1.2 "Barlow",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#D6E2F7}
body .hero-img figcaption{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px}
/* ---------- v34: top info bar in white, larger ---------- */
body .top{color:#FFFFFF;font-size:16.5px;font-weight:600;letter-spacing:.01em}
body .top .wrap{padding-top:7px;padding-bottom:7px}
body .top a{color:#FFFFFF;text-decoration:none;text-underline-offset:3px}
body .top a:hover,body .top a:focus-visible{color:#FFFFFF;text-decoration:underline;text-decoration-color:#FF3B4E}
@media(max-width:420px){body .top{font-size:14.5px}}
/* ---------- v35: compact photo plate tucked into the corner; darker photo border; blue headline ---------- */
body .hero-img .hi-tag{left:8px;bottom:8px;gap:1px;padding:6px 12px 7px;border-radius:10px;border:1.5px solid transparent;background:linear-gradient(165deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 45%) padding-box,linear-gradient(135deg,rgba(8,20,44,.86) 0%,rgba(14,40,86,.76) 100%) padding-box,linear-gradient(90deg,#FF2A3D 0%,#FFFFFF 50%,#2F6BFF 100%) border-box;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);box-shadow:0 6px 18px -8px rgba(0,0,0,.7),0 0 14px -4px rgba(47,107,255,.45)}
body .hero-img .hi-tag i{line-height:1.02}
body .hero-img .hi-tag span{font-size:11px;letter-spacing:.16em;color:#E4ECFA}
body .hero .hero-img img,body .hero figure.hero-img img{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #7AA6F4,0 24px 44px -24px rgba(10,26,51,.65)}
body .hero h1.display{color:#0A3BFF;background:linear-gradient(135deg,#2A66FF 0%,#0A3BFF 45%,#0726A8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* ---------- v36: AMERI blue gradient (from the logo) on key headings; each line gets its own transition ---------- */
body .al-grad,body .hero h1.display{background-image:linear-gradient(180deg,#4A86FF 0%,#2160F0 50%,#1846C8 100%);background-repeat:repeat-y;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2160F0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 2px 7px rgba(33,96,240,.4))}
body .hero h1.display{background-size:100% 1.04em}
body h2.al-grad{line-height:1.1;background-size:100% 1.1em}
body .al-grad::before,body .al-grad::after{-webkit-text-fill-color:currentColor}
/* ---------- v37: white quote text on navy panels; bigger checkmarks in the form and on picture picks ---------- */
body .q-intro .lede{color:#FFFFFF;font-weight:500;margin-top:10px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#0A1A33 0%,#13325E 100%);border-left:5px solid #E3001B;box-shadow:0 12px 26px -16px rgba(10,26,51,.8)}
body .q-intro .talk{color:#FFFFFF;font-weight:600;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#0A1A33 0%,#13325E 100%);border-left:5px solid #2F6BFF;box-shadow:0 12px 26px -16px rgba(10,26,51,.8)}
body .q-intro .talk a{color:#FFFFFF;font-weight:800;text-decoration:underline;text-decoration-color:#FF3B4E;text-decoration-thickness:2px;text-underline-offset:3px}
body .q-intro .talk a:hover,body .q-intro .talk a:focus-visible{color:#BFD6FF}
body form.q .chips label{gap:10px}
body form.q .chips input[type=checkbox],body form.q .chips input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:0;border:2px solid #1E5EFF;border-radius:6px;background:#FFFFFF center/17px 17px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
body form.q .chips input[type=radio]{border-radius:50%}
body form.q .chips input:checked{border-color:#FFFFFF;background-color:#FFFFFF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5EFF' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");box-shadow:0 0 0 2px rgba(10,26,51,.25)}
body form.q .chips input:focus-visible{outline:2px solid #0A3BFF;outline-offset:2px}
body .pick::after{width:26px;height:26px;right:8px;bottom:8px;border-width:2px}
body .pick[aria-pressed=true]::after{background-size:17px 17px;background-position:center;background-repeat:no-repeat}
body .pick span{padding-right:42px}
/* ---------- v38: bigger 'No strings attached' ---------- */
body .q-intro .q-kick span{font-size:clamp(26px,2.8vw,34px);letter-spacing:.12em;gap:14px}
body .q-intro .q-kick span::after{width:96px;height:6px;background-size:96px 100%}
/* ---------- v39: bolder, bigger hero headline ---------- */
body .hero h1.display{font-weight:800;font-size:clamp(35px,4.1vw,60px);letter-spacing:-.01em}
/* ---------- v40: service thumbnails replace the hero bullet list ---------- */
body .hero .hero-svc{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body .hero .hero-svc li{margin:0;padding:0;min-width:0}
body .hero .hero-svc li::before{content:none}
body .hero .hero-svc a{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;text-decoration:none;background:#0A1A33;box-shadow:0 0 0 2px #FFFFFF,0 0 0 3.5px #7AA6F4,0 10px 20px -12px rgba(10,26,51,.7);transition:transform .2s ease,box-shadow .2s ease}
body .hero .hero-svc img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body .hero .hero-svc span{position:absolute;left:0;right:0;bottom:0;padding:20px 6px 7px;background:linear-gradient(180deg,rgba(6,16,34,0) 0%,rgba(6,16,34,.74) 52%,rgba(6,16,34,.92) 100%);color:#FFFFFF;font:800 14.5px/1.05 "Barlow Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.65)}
body .hero .hero-svc a:hover,body .hero .hero-svc a:focus-visible{transform:translateY(-3px);outline:none;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #FF0000,0 0 16px rgba(255,0,0,.45),0 14px 24px -12px rgba(10,26,51,.8)}
body .hero .hero-svc a:hover img,body .hero .hero-svc a:focus-visible img{transform:scale(1.07)}
@container (max-width:470px){body .hero .hero-svc{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 5px 12px;margin:14px -5px 2px;scrollbar-width:thin}body .hero .hero-svc li{scroll-snap-align:start}}
@media (prefers-reduced-motion:reduce){body .hero .hero-svc a,body .hero .hero-svc img{transition:none}body .hero .hero-svc a:hover img{transform:none}}
/* ---------- v41: 3x2 service tiles + See more services button; gradient h1 on inner pages ---------- */
body .hero .hero-svc{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:10px}
body .hero .hero-svc a{aspect-ratio:16/10}
body .hero .hero-svc span{font-size:15.5px;padding:22px 8px 8px}
body .hero .svc-more{display:flex;width:fit-content;align-items:center;gap:10px;margin:0 0 10px auto;padding:8px 9px 8px 18px;border-radius:999px;background:linear-gradient(135deg,#0A1A33 0%,#13325E 100%);border:2px solid #2E5299;color:#FFFFFF;font:800 15.5px/1 "Barlow Condensed",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;box-shadow:0 10px 20px -12px rgba(10,26,51,.8);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
body .hero .svc-more svg{flex:none;width:26px;height:26px;padding:5px;box-sizing:border-box;border-radius:50%;background:#E3001B;fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:background .2s,stroke .2s}
body .hero .svc-more:hover,body .hero .svc-more:focus-visible{background:linear-gradient(135deg,#FF2A3D 0%,#E3001B 100%);border-color:#FFFFFF;transform:translateY(-2px);outline:none;box-shadow:0 0 0 3px rgba(255,0,25,.18),0 0 18px rgba(255,0,25,.5),0 10px 20px -10px rgba(160,0,20,.8)}
body .hero .svc-more:hover svg,body .hero .svc-more:focus-visible svg{background:#FFFFFF;stroke:#E3001B}
@container (max-width:470px){body .hero .hero-svc{grid-template-columns:none}body .hero .svc-more{margin-left:0}}
body h1.al-grad{background-size:100% 1.08em}
/* ---------- v42: Tiffany plate about 40% larger ---------- */
body .hero-img .hi-tag{left:10px;bottom:10px;gap:2px;padding:9px 17px 10px;border-radius:13px;border-width:2px}
body .hero-img .hi-tag i{font-size:34px;line-height:1.02}
body .hero-img .hi-tag span{font-size:15.5px;letter-spacing:.15em}
@media(max-width:420px){body .hero-img .hi-tag i{font-size:28px}body .hero-img .hi-tag span{font-size:13px}}

/* hover-shine (Oct 30, 2026): light sweep across buttons on hover/focus */
a.svc-more,a.sr-cta .v-go,.addbtn,.cd-checkout{position:relative;overflow:hidden;isolation:isolate}
a.svc-more::after,a.sr-cta .v-go::after,.addbtn::after,.cd-checkout::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .7s ease;pointer-events:none;z-index:1}
a.svc-more:hover::after,a.svc-more:focus-visible::after,a.sr-cta:hover .v-go::after,a.sr-cta:focus-visible .v-go::after,.addbtn:not(:disabled):hover::after,.addbtn:focus-visible::after,.cd-checkout:not(:disabled):hover::after,.cd-checkout:focus-visible::after{left:140%}
@media (prefers-reduced-motion:reduce){a.svc-more::after,a.sr-cta .v-go::after,.addbtn::after,.cd-checkout::after{transition:none}}