/* LCKD Yard Sign Rewards: standalone page-only styles; no header/footer or sitewide hooks. */
:root{color-scheme:light;--ink:#181818;--sub:#575757;--paper:#f7f7f5;--white:#fff;--soft:#efefec;--line:#e6e6e3;--shadow:0 18px 45px rgba(0,0,0,.08)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}svg{display:block}p{line-height:1.56}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.052em}
:focus-visible{outline:3px solid #767676;outline-offset:4px}
.shell{width:min(1350px,calc(100% - clamp(32px,6vw,108px)));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#646464;font-weight:790;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:2px;background:#1b1b1b;border-radius:3px}
.hero{padding:clamp(33px,4.2vw,58px) 0 clamp(43px,4.5vw,62px);overflow:hidden;background:linear-gradient(114deg,#fff 0%,#f7f7f5 72%,#efefeb 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,4vw,62px)}
.hero-copy{position:relative;z-index:1}.hero-logo{width:clamp(130px,11.7vw,170px);height:auto;object-fit:contain;margin:0 0 23px}
.hero h1{font-size:clamp(46px,5.5vw,79px);line-height:1.025;font-weight:840;margin:17px 0 18px;max-width:650px}
.hero h1 span{color:#676767}.hero-lead{font-size:clamp(15px,1.2vw,18px);line-height:1.65;color:#555;max-width:540px;margin-bottom:22px}
.hero-lead strong{color:#161616}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:13px 22px;font-weight:750;font-size:13px;line-height:1.25;border:1px solid transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.btn svg{width:16px;height:16px;flex:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#181818;color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.11)}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;color:#181818;border-color:#dededb}.btn-secondary:hover{background:#efefed}
.hero-foot{display:flex;gap:10px 19px;align-items:center;flex-wrap:wrap;margin-top:20px;color:#666;font-size:11px;font-weight:650}.hero-foot .tick{display:inline-flex;align-items:center;gap:6px}.tick svg{width:14px;height:14px;stroke:#333}
.hero-visual{position:relative;min-width:0;padding:0 9px}.photo-wrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#e5e5e2;isolation:isolate;aspect-ratio:1.24}
.photo-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.12))}
.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}
.floating{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.96);box-shadow:0 11px 32px rgba(0,0,0,.14);backdrop-filter:blur(12px);border-radius:16px;padding:11px 12px;max-width:235px}
.float-top{top:8%;right:-1%;animation:float 6s ease-in-out infinite}.float-bottom{left:-1%;bottom:7%;animation:float 7s -2s ease-in-out infinite}
.float-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:#f0f0ed;color:#222}.float-icon svg{width:20px;height:20px}.float-text b{display:block;font-size:11px;line-height:1.3}.float-text span{display:block;color:#666;font-size:10px;margin-top:3px;line-height:1.35}
.section{padding:clamp(46px,5.1vw,72px) 0}.section-head{max-width:680px;margin:0 auto 27px;text-align:center}.section-head .eyebrow{justify-content:center}.section-head h2{font-size:clamp(34px,3.9vw,53px);line-height:1.08;margin:13px 0 10px}.section-head p{font-size:15px;color:var(--sub);max-width:570px;margin:0 auto}
.steps-section{background:#fff;border-radius:28px 28px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.step{position:relative;border:1px solid var(--line);background:#fafaf9;border-radius:20px;padding:21px 20px 23px;min-height:215px}
.step:before{content:attr(data-step);position:absolute;top:21px;right:20px;font-weight:830;font-size:11px;color:#999;letter-spacing:.08em}

.step h3{font-size:18px;margin-bottom:7px;letter-spacing:-.035em}.step p{font-size:13px;line-height:1.56;color:#626262;margin:0}
.step.emph{background:#1a1a1a;border-color:#1a1a1a;color:#fff;box-shadow:0 13px 32px rgba(0,0,0,.12)}.step.emph:before{color:#c0c0c0}.step.emph p{color:#dedede}
.micro-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 0;color:#696969;font-size:12px;text-align:center}.micro-note svg{width:15px;height:15px;flex:none}
.feature{background:#f3f3f1}.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,84px);align-items:center}
.feature h2{font-size:clamp(36px,4vw,57px);line-height:1.065;margin:13px 0 13px}.feature-copy>p{font-size:15px;color:#555;max-width:545px}
.checks{display:grid;gap:12px;margin:19px 0 23px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:720;line-height:1.47}.check svg{height:19px;width:19px;flex:none;stroke:#222;margin-top:1px}
.reward-stage{position:relative;min-height:312px;padding:42px 28px;border-radius:27px;overflow:hidden;background:radial-gradient(circle at 87% 17%,#555 0,transparent 35%),linear-gradient(135deg,#272727,#111);display:grid;place-items:center;isolation:isolate}
.reward-stage:before,.reward-stage:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;width:390px;height:390px;z-index:-1}.reward-stage:before{transform:translate(-100px,36px)}.reward-stage:after{transform:translate(75px,-40px)}
.gift-card{width:min(100%,375px);height:214px;border-radius:22px;padding:24px 25px;background:linear-gradient(118deg,#fff,#e8e8e5);box-shadow:0 28px 52px rgba(0,0,0,.42);transform:rotate(-7deg);position:relative;overflow:hidden;transition:transform .25s ease}
.reward-stage:hover .gift-card{transform:rotate(-3deg) translateY(-5px)}.gift-card:after{content:"";position:absolute;width:265px;height:265px;border:1px solid rgba(0,0,0,.09);border-radius:50%;right:-100px;top:-160px}
.gc-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.gc-logo{width:135px;height:auto;position:relative;z-index:1}.gc-caption{position:absolute;bottom:24px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#555;font-weight:830;max-width:220px;line-height:1.45}
.gc-gift{position:absolute;right:25px;bottom:22px;color:#333}.gc-gift svg{width:65px;height:65px;stroke-width:1.25}.reward-caption{position:absolute;bottom:12px;right:17px;color:rgba(255,255,255,.67);font-size:10px;letter-spacing:.02em}
.details-section{background:#fff}.details-grid{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(30px,6vw,92px);align-items:start}.details-copy{position:sticky;top:100px}.details-copy h2{font-size:clamp(34px,3.9vw,53px);line-height:1.08;margin:13px 0}.details-copy p{color:#606060;font-size:15px;max-width:400px}
.faq{display:grid;gap:9px}.faq details{border:1px solid #e5e5e2;background:#fafaf9;border-radius:16px;overflow:hidden}.faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;padding:16px 19px;font-size:14px;font-weight:750;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";display:grid;place-items:center;background:#ededeb;color:#222;height:25px;width:25px;border-radius:50%;font-size:20px;font-weight:500;flex:none}.faq details[open] summary:after{content:"−"}.faq details[open] summary{padding-bottom:8px}.faq details p{padding:0 19px 17px;color:#626262;font-size:13px;line-height:1.6;margin:0}.faq a{color:#222;text-decoration:underline;text-underline-offset:3px}
.end-section{padding:0 0 54px;background:#fff}.end-panel{position:relative;padding:clamp(30px,4.3vw,57px);border-radius:27px;color:white;background:radial-gradient(ellipse at 88% 24%,#454545 0,transparent 40%),linear-gradient(120deg,#131313,#242424);overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px}
.end-panel:before{content:"";position:absolute;right:-64px;bottom:-215px;width:450px;height:450px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.end-logo{width:128px;height:auto;margin:0 0 15px}.end-panel h2{font-size:clamp(33px,4vw,52px);line-height:1.08;margin:10px 0 11px;max-width:610px}.end-panel p{font-size:14px;max-width:540px;color:#d1d1d1;margin-bottom:0}
.end-panel .eyebrow{color:#d5d5d5}.end-panel .eyebrow:before{background:#fff}.end-panel .btn{z-index:1;background:#fff;color:#161616;white-space:nowrap;flex:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(43px,5.1vw,64px)}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step{min-height:182px}.feature-grid{gap:32px}.reward-stage{min-height:300px}}
@media(max-width:740px){.shell{width:calc(100% - 36px)}.hero{padding:32px 0 42px}.hero-grid,.feature-grid,.details-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.hero-logo{width:140px;margin-bottom:20px}.hero h1{font-size:clamp(44px,9vw,66px);margin:15px 0}.hero-lead{font-size:15px}.hero-foot{margin-top:18px}.hero-visual{padding:0 7px}.photo-wrap{aspect-ratio:1.26}.floating{padding:10px;gap:7px;max-width:172px;border-radius:12px}.float-icon{width:30px;height:30px;border-radius:9px}.float-icon svg{width:16px;height:16px}.float-text b{font-size:10px}.float-text span{font-size:9px}.float-top{right:-5px}.float-bottom{left:-5px}.section{padding:47px 0}.section-head{margin-bottom:23px}.steps-section{border-radius:23px 23px 0 0}.feature-grid{gap:25px}.feature .reward-stage{grid-row:1}.reward-stage{min-height:298px}.details-copy{position:static}.details-copy h2{margin-bottom:10px}.details-copy p{margin-bottom:3px}.end-section{padding-bottom:38px}.end-panel{flex-direction:column;align-items:flex-start}.end-panel .btn{white-space:normal}}
@media(max-width:480px){.shell{width:calc(100% - 30px)}.hero h1{font-size:clamp(42px,10.9vw,53px)}.hero-lead{font-size:15px}.action-row .btn{width:100%}.photo-wrap{aspect-ratio:1.06;border-radius:20px}.photo-wrap img{object-position:42% center}.steps-grid{grid-template-columns:1fr}.step{min-height:0;padding:18px 19px}.section-head h2{font-size:34px}.reward-stage{min-height:265px;padding:28px 18px}.gift-card{height:195px;padding:23px 21px}.gc-logo{width:118px}.gc-gift svg{width:58px;height:58px}.faq summary{padding:16px;font-size:14px}.faq details p{padding:0 16px 17px}.end-panel{border-radius:23px;padding:30px 23px}.end-panel h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating{animation:none}.btn,.gift-card{transition:none}}


/* V2 hero section update — only hero styling changed, rest of page preserved */
.hero-promo{padding:0;background:linear-gradient(180deg,#020202 0%,#020202 26%,#2b2b2b 52%,#cfcfcf 82%,#efefec 100%);overflow:hidden}
.hero-promo-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:end;gap:clamp(24px,4vw,56px);min-height:clamp(520px,62vw,700px);padding:clamp(38px,4vw,58px) 0 clamp(36px,4vw,56px)}
.promo-copy{align-self:start;color:#fff;padding-top:4px;max-width:760px}
.promo-kicker{display:inline-flex;align-items:center;gap:10px;font-size:clamp(14px,1.3vw,16px);font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px;color:#fff}
.promo-kicker::before{content:"";width:74px;height:74px;border-radius:16px;background:linear-gradient(180deg,#fff,#ededed);box-shadow:0 8px 24px rgba(0,0,0,.22);display:inline-block;flex:none;background-image:linear-gradient(180deg,#fff,#ededed), repeating-linear-gradient(0deg,transparent 0 8px,#000 8px 12px), repeating-linear-gradient(90deg,transparent 0 8px,#000 8px 12px);background-blend-mode:normal,multiply,multiply;background-size:100% 100%,100% 100%,100% 100%;background-position:center}
.promo-logo{width:clamp(145px,12vw,190px);height:auto;margin:6px 0 18px;filter:brightness(40)}
.promo-copy h1{font-size:clamp(56px,8vw,96px);line-height:.95;font-weight:860;margin:0 0 12px;letter-spacing:-.06em;color:#fff;text-transform:uppercase;max-width:720px}
.promo-lead{font-size:clamp(16px,1.5vw,18px);line-height:1.5;color:rgba(255,255,255,.92);max-width:760px;margin:0 0 28px}
.promo-actions .btn-primary{background:#fff;color:#111;box-shadow:none}
.promo-actions .btn-primary:hover{background:#f0f0f0}
.promo-actions .promo-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.promo-actions .promo-secondary:hover{background:rgba(255,255,255,.08)}
.promo-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;min-height:420px}
.promo-halo{position:absolute;right:4%;bottom:4%;width:min(520px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24) 0%,rgba(255,255,255,.14) 32%,rgba(255,255,255,.06) 52%,rgba(255,255,255,0) 72%);filter:blur(2px)}
.promo-card-wrap{position:relative;width:min(430px,92%);transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}
.promo-card-glow{position:absolute;inset:auto 6% -10px 6%;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.34) 0%,rgba(0,0,0,.18) 44%,rgba(0,0,0,0) 76%);filter:blur(12px);transform:translateZ(-20px)}
.promo-card-image{position:relative;width:100%;height:auto;display:block;filter:drop-shadow(0 26px 34px rgba(0,0,0,.36));transform:translateZ(24px)}
.reward-stage-photo{padding:24px;background:linear-gradient(135deg,#f1f1ef,#e5e5e1);min-height:320px;display:flex;align-items:center;justify-content:center}
.reward-photo-card{width:min(100%,540px);border-radius:22px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.14);background:#fff}
.reward-photo-card img{width:100%;height:auto;display:block}
.reward-caption-photo{color:#545454;left:22px;bottom:14px}
@media(max-width:1050px){.hero-promo-shell{grid-template-columns:1fr;align-items:start;padding-top:34px}.promo-copy{order:1}.promo-visual{order:2;justify-content:center;min-height:320px}.promo-card-wrap{width:min(360px,76vw)}}
@media(max-width:740px){.hero-promo{background:linear-gradient(180deg,#050505 0%,#111 36%,#6b6b6b 72%,#efefec 100%)}.hero-promo-shell{min-height:auto;padding:30px 0 38px}.promo-kicker::before{width:58px;height:58px;border-radius:12px}.promo-copy h1{font-size:clamp(48px,15vw,66px)}.promo-lead{font-size:15px}.promo-visual{min-height:260px}.promo-card-wrap{width:min(320px,88vw)}}
@media(prefers-reduced-motion:reduce){.promo-card-wrap{transition:none}}


/* hero visual refinement: stacked gift cards peeking like the shoe example */
.promo-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;min-height:420px;overflow:hidden}
.promo-card-wrap{position:relative;width:min(470px,94%);transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out;display:flex;justify-content:flex-end;align-items:flex-end;height:100%}
.promo-card-glow{position:absolute;right:6%;left:auto;bottom:14px;width:72%;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.38) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,0) 76%);filter:blur(12px);transform:translateZ(-20px)}
.promo-stack-image{width:min(430px,100%);height:auto;display:block;position:relative;right:-4px;bottom:-18px;filter:drop-shadow(0 28px 34px rgba(0,0,0,.38));transform:translateZ(24px)}
@media(max-width:1050px){.promo-card-wrap{width:min(390px,78vw)}.promo-stack-image{width:min(370px,100%);bottom:-10px}}
@media(max-width:740px){.promo-card-wrap{width:min(330px,88vw)}.promo-stack-image{width:min(315px,100%);bottom:-8px}}


/* Only the requested hero cleanup and section-two illustrated animation. */
.hero-promo .promo-copy{padding-top:clamp(16px,2.5vw,32px)}
.steps-section .ysr-step-art{height:120px;display:flex;align-items:center;justify-content:center;margin:1px 0 16px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,#ededeb 0%,#f8f8f7 62%,#fafaf9 100%)}
.steps-section .ysr-card-sign{width:180px;max-height:120px;object-fit:contain;filter:drop-shadow(0 5px 5px #00000016)}
.steps-section .ysr-step-art svg{width:190px;max-height:115px;height:100%;overflow:visible}
.steps-section .step.emph .ysr-step-art{background:radial-gradient(ellipse at 50% 100%,#494949 0%,#2c2c2c 60%,#262626 100%)}
.steps-section .step.emph .ysr-step-art svg{filter:drop-shadow(0 3px 4px #0005)}
.steps-section .step.emph .ysr-step-art svg ellipse{fill:#777}
.steps-section .step{min-height:340px}
.steps-section .ysr-story-wrap{margin:22px 0 0}
.steps-section .ysr-story{position:relative;height:324px;isolation:isolate;overflow:hidden;border:1px solid #e8e8e6;border-radius:23px;background:linear-gradient(180deg,#f9f9f8 0%,#efefed 68%,#d5d5d2 69%,#e9e9e5 100%)}
.steps-section .ysr-scene-sky{position:absolute;inset:0 0 36% 0;pointer-events:none;background:radial-gradient(ellipse at 76% 10%,#fff 0%,transparent 40%)}
.steps-section .ysr-verge{position:absolute;left:0;right:0;bottom:118px;height:24px;background:linear-gradient(180deg,#9b9b94 0%,#b6b6ae 19%,#9e9d94 34%,#7e807d 62%,#6f726e 100%);border-bottom:3px solid #dcdcd9;box-shadow:0 -3px 8px #0001}
.steps-section .ysr-verge:after{content:"";position:absolute;inset:-3px 0 5px;background:repeating-linear-gradient(100deg,transparent 0 8px,#6b6c6918 10px 12px);opacity:.7}
.steps-section .ysr-road{position:absolute;left:0;right:0;bottom:0;height:119px;overflow:hidden;background:repeating-linear-gradient(9deg,#0000000c 0 1px,transparent 1px 7px),repeating-linear-gradient(91deg,#fff1 0 1px,transparent 1px 13px),linear-gradient(180deg,#575958,#414342 11%,#3c3f3e 55%,#2c2e2d 100%);border-top:4px solid #eaeae8;box-shadow:inset 0 12px 20px #0002}
.steps-section .ysr-road:before,.steps-section .ysr-road:after{content:"";position:absolute;left:0;right:0;height:3px;background:#ecece6;opacity:.55}
.steps-section .ysr-road:before{top:10px}.steps-section .ysr-road:after{bottom:10px}
.steps-section .ysr-road-markings{position:absolute;left:0;right:0;top:53%;height:3px;background:repeating-linear-gradient(90deg,#e7e1ca 0 65px,transparent 65px 120px);opacity:.9}
.steps-section .ysr-station{position:absolute;z-index:2;bottom:129px}
.steps-section .ysr-station-label{position:absolute;left:50%;transform:translateX(-50%);bottom:-18px;white-space:nowrap;font-size:10px;letter-spacing:.025em;font-weight:800;color:#3b3b3b;text-shadow:0 1px #fff}
.steps-section .ysr-road-sign{left:1.5%;width:20%;height:144px;display:flex;align-items:end;justify-content:center}
.steps-section .ysr-road-sign-img{width:min(145px,100%);height:134px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 4px #0002)}
.steps-section .ysr-phone-event{left:29%;width:14%;height:135px;display:flex;align-items:center;justify-content:center;opacity:.72}
.steps-section .ysr-phone-body{height:91px;width:54px;border:4px solid #292b2c;border-radius:12px;background:#f9f9f7;box-shadow:2px 5px 10px #0002;transform:rotate(-11deg);position:relative;display:flex;align-items:center;justify-content:center}
.steps-section .ysr-phone-lens{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:12px;height:4px;background:#434343;border-radius:3px}
.steps-section .ysr-qr{width:35px;height:35px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;transform:rotate(11deg)}
.steps-section .ysr-qr span{background:#2c2c2c}.steps-section .ysr-qr span:nth-child(2),.steps-section .ysr-qr span:nth-child(6){background:#f9f9f7}
.steps-section .ysr-photo-flash{position:absolute;left:50%;top:35px;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;background:#fff;box-shadow:0 0 0 12px #fff9,0 0 0 38px #fff8,0 0 0 72px #fff4,0 0 62px 50px #fff8;pointer-events:none;z-index:8}
.steps-section .ysr-contract-event{left:51%;width:16%;height:130px;display:flex;align-items:center;justify-content:center;opacity:.72}
.steps-section .ysr-paper{width:115px;height:114px;position:relative;background:#fff;border:1px solid #cfcfcf;box-shadow:3px 7px 11px #0002;border-radius:4px;transform:rotate(-4deg);padding:15px 12px;display:flex;flex-direction:column;gap:6px}
.steps-section .ysr-paper-head,.steps-section .ysr-paper-row{height:4px;display:block;background:#bcbcbc;border-radius:10px;width:100%}
.steps-section .ysr-paper-head{width:54%;background:#343434;height:6px;margin-bottom:5px}.steps-section .ysr-paper-row.short{width:70%}
.steps-section .ysr-signature{position:absolute;bottom:9px;left:10px;width:90px;height:30px;overflow:visible}
.steps-section .ysr-signature path{fill:none;stroke:#292929;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:185;stroke-dashoffset:185}
.steps-section .ysr-pen{position:absolute;right:-26px;bottom:12px;width:42px;height:48px;transform:rotate(8deg);opacity:0}
.steps-section .ysr-mail-event{right:2%;width:17%;height:138px;opacity:.72}
.steps-section .ysr-mailbox{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;width:108px;height:76px;border:2px solid #555;border-radius:34px 34px 9px 9px;background:linear-gradient(135deg,#333,#454545 60%,#222);box-shadow:4px 7px 12px #0002}
.steps-section .ysr-mailbox-door{position:absolute;left:6px;bottom:4px;right:6px;height:30px;background:#292929;border-radius:4px;border:1px solid #555}
.steps-section .ysr-mailbox-leg{position:absolute;left:46px;top:72px;width:12px;height:29px;background:#555}
.steps-section .ysr-mailbox-flag{position:absolute;right:-10px;top:25px;height:28px;width:6px;background:#9b9b9b;border-radius:4px}.steps-section .ysr-mailbox-flag:before{content:"";position:absolute;right:0;top:0;width:18px;height:10px;background:#c6c6c6;border-radius:2px}
.steps-section .ysr-envelope{position:absolute;left:-15px;top:19px;width:78px;height:49px;background:#fff;border:1px solid #c8c8c8;border-radius:4px;box-shadow:0 3px 9px #0003;transform:translateX(-18px) rotate(-10deg);opacity:0;z-index:5}
.steps-section .ysr-envelope-flap{position:absolute;inset:0;background:linear-gradient(35deg,transparent 48%,#bebebe 50%,transparent 52%),linear-gradient(-35deg,transparent 48%,#bebebe 50%,transparent 52%)}
.steps-section .ysr-envelope-card{position:absolute;left:19px;top:-16px;background:#f3f3f3;border:1px solid #ddd;border-radius:4px;height:27px;width:41px;font-weight:900;font-size:12px;display:grid;place-items:center;color:#222}
.steps-section .ysr-car{position:absolute;z-index:4;left:-270px;bottom:29px;width:clamp(150px,17.5vw,235px);height:auto;filter:drop-shadow(0 10px 4px #0006)}
.steps-section .ysr-car-image{width:100%;height:auto;display:block}
.steps-section .ysr-story-light{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 55%,#fff0 0,transparent 65%);pointer-events:none;z-index:6;opacity:0}
.steps-section .ysr-story-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:9px 2px 0;font-size:11px;color:#646464}
.steps-section .ysr-replay{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid #dededb;color:#2b2b2b;background:#f7f7f6;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer}
.steps-section .ysr-replay:hover{background:#e9e9e7}.steps-section .ysr-replay svg{width:14px;height:14px}
.steps-section .ysr-story.is-playing .ysr-car{animation:ysr-drive 14s linear infinite}
.steps-section .ysr-story.is-playing .ysr-wheel{animation:ysr-wheel-turn .28s linear infinite;transform-box:fill-box;transform-origin:center}
.steps-section .ysr-story.is-playing .ysr-phone-event{animation:ysr-phone-up 14s ease-in-out infinite}
.steps-section .ysr-story.is-playing .ysr-photo-flash{animation:ysr-photo-flash 14s ease-out infinite}
.steps-section .ysr-story.is-playing .ysr-story-light{animation:ysr-scene-flash 14s ease-out infinite}
.steps-section .ysr-story.is-playing .ysr-contract-event{animation:ysr-contract-on 14s ease-in-out infinite}
.steps-section .ysr-story.is-playing .ysr-signature path{animation:ysr-write 14s linear infinite}
.steps-section .ysr-story.is-playing .ysr-pen{animation:ysr-pen-write 14s ease-in-out infinite}
.steps-section .ysr-story.is-playing .ysr-mail-event{animation:ysr-mail-on 14s ease-in-out infinite}
.steps-section .ysr-story.is-playing .ysr-envelope{animation:ysr-mail-slide 14s ease-in-out infinite}
@keyframes ysr-drive{0%{left:-270px;transform:translateY(0)}24%{transform:translateY(-2px)}100%{left:calc(100% + 25px);transform:translateY(0)}}
@keyframes ysr-wheel-turn{to{transform:rotate(360deg)}}
@keyframes ysr-phone-up{0%,17%{opacity:.72;transform:scale(.96)}22%,43%{opacity:1;transform:scale(1)}49%,100%{opacity:.72;transform:scale(.96)}}
@keyframes ysr-photo-flash{0%,25%,29%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}26%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}26.8%{opacity:.38;transform:translate(-50%,-50%) scale(1.6)}}
@keyframes ysr-scene-flash{0%,25%,28%,100%{opacity:0}26%{opacity:.8}}
@keyframes ysr-contract-on{0%,42%{opacity:.72;transform:translateY(6px)}48%,69%{opacity:1;transform:translateY(0)}75%,100%{opacity:.72;transform:translateY(6px)}}
@keyframes ysr-write{0%,48%{stroke-dashoffset:185}67%,100%{stroke-dashoffset:0}}
@keyframes ysr-pen-write{0%,47%,70%,100%{opacity:0;transform:translate(-22px,-13px) rotate(8deg)}50%{opacity:1}65%{opacity:1;transform:translate(-55px,3px) rotate(26deg)}}
@keyframes ysr-mail-on{0%,69%{opacity:.72;transform:translateY(6px)}75%,96%{opacity:1;transform:translateY(0)}100%{opacity:.72;transform:translateY(6px)}}
@keyframes ysr-mail-slide{0%,73%,100%{opacity:0;transform:translateX(-18px) rotate(-10deg)}77%{opacity:1;transform:translateX(-7px) rotate(-10deg)}87%{opacity:1;transform:translateX(52px) translateY(26px) scale(.68) rotate(0)}89%,94%{opacity:0;transform:translateX(58px) translateY(30px) scale(.6)}}
@media(max-width:1050px){.steps-section .step{min-height:320px}}
@media(max-width:740px){.steps-section .step{min-height:0}.steps-section .ysr-step-art{height:102px}.steps-section .ysr-card-sign{width:155px;max-height:99px}.steps-section .ysr-step-art svg{max-height:101px}.steps-section .ysr-story{height:287px}.steps-section .ysr-road{height:97px}.steps-section .ysr-verge{bottom:97px;height:21px}.steps-section .ysr-station{bottom:105px}.steps-section .ysr-road-sign{left:0;width:23%;height:110px}.steps-section .ysr-road-sign-img{width:min(105px,100%);height:106px}.steps-section .ysr-station-label{font-size:8px;bottom:-15px;letter-spacing:0}.steps-section .ysr-phone-event{left:27%;width:16%;height:110px}.steps-section .ysr-phone-body{transform:scale(.75) rotate(-11deg)}.steps-section .ysr-contract-event{left:48%;width:19%;height:110px}.steps-section .ysr-paper{transform:scale(.76) rotate(-4deg)}.steps-section .ysr-mail-event{right:0;width:23%;height:115px;transform:scale(.77);transform-origin:bottom center}.steps-section .ysr-car{width:154px;bottom:23px}.steps-section .ysr-story-foot{font-size:10px}}
@media(max-width:390px){.steps-section .ysr-station-label{font-size:7.3px}.steps-section .ysr-contract-event{left:46%}.steps-section .ysr-phone-event{left:25%}.steps-section .ysr-mail-event{width:26%}}
@media(prefers-reduced-motion:reduce){.steps-section .ysr-story.is-playing .ysr-car,.steps-section .ysr-story.is-playing .ysr-wheel,.steps-section .ysr-story.is-playing .ysr-phone-event,.steps-section .ysr-story.is-playing .ysr-photo-flash,.steps-section .ysr-story.is-playing .ysr-story-light,.steps-section .ysr-story.is-playing .ysr-contract-event,.steps-section .ysr-story.is-playing .ysr-signature path,.steps-section .ysr-story.is-playing .ysr-pen,.steps-section .ysr-story.is-playing .ysr-mail-event,.steps-section .ysr-story.is-playing .ysr-envelope{animation:none!important}.steps-section .ysr-phone-event,.steps-section .ysr-contract-event,.steps-section .ysr-mail-event{opacity:1}.steps-section .ysr-signature path{stroke-dashoffset:0}.steps-section .ysr-car{left:18%;}}

/* Road-stage label legibility: labels stay clear of asphalt and lane divider. */
.steps-section .ysr-station-label{top:-20px;bottom:auto;padding:4px 7px;border-radius:100px;background:#ffffffed;box-shadow:0 2px 6px #00000012;z-index:6}
@media(max-width:740px){.steps-section .ysr-station-label{font-size:8px;padding:3px 3px;top:-14px}}
@media(max-width:390px){.steps-section .ysr-station-label{font-size:7px;padding:3px 2px}}


/* v5 compact section refinements */
.steps-section{padding-top:29px;padding-bottom:27px}
.steps-section .section-head-compact{max-width:none;margin-bottom:15px}
.steps-section .section-head-compact h2{font-size:clamp(24px,2.65vw,40px);font-weight:530;letter-spacing:-.038em;line-height:1.18;margin:0 0 9px;white-space:nowrap}
.steps-section .section-head-compact p{max-width:820px;margin:0 auto;font-size:clamp(16px,1.45vw,18px)}
.steps-section .steps-grid-compact{gap:14px;margin-bottom:13px}
.steps-section .step-compact{min-height:0;padding:32px 16px 17px;border-radius:22px}
.steps-section .step-compact h3{font-size:clamp(19px,1.65vw,22px);margin:8px 0 7px;line-height:1.14}
.steps-section .step-compact p{font-size:14px;line-height:1.5;color:#5b5b5b}
.steps-section .step-compact::before{left:17px;right:auto;top:12px;line-height:1;font-size:11px;font-weight:700;letter-spacing:.08em}
.steps-section .ysr-step-art-clean{height:112px;border-radius:16px;margin:0 0 12px;background:radial-gradient(ellipse at 50% 95%,#e8e8e6 0%,#f7f7f6 58%,#fafaf9 100%)}
.steps-section .step.emph .ysr-step-art-clean{background:radial-gradient(ellipse at 50% 100%,#4e4e4e 0%,#2f2f2f 58%,#272727 100%)}
.steps-section .ysr-step-art-clean svg{width:176px;max-height:88px}
.steps-section .ysr-lawn-sign{position:relative;display:inline-flex;flex-direction:column;align-items:center}
.steps-section .ysr-sign-face{width:156px;border:2px solid #c8c8c6;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#f7f7f6 100%);box-shadow:0 10px 18px rgba(0,0,0,.08);padding:8px 10px 9px;color:#111;text-align:left}
.steps-section .ysr-lawn-sign--small .ysr-sign-face{transform:scale(.88);transform-origin:center top}
.steps-section .ysr-sign-top,.steps-section .ysr-sign-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}
.steps-section .ysr-sign-region{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5c5c5c}
.steps-section .ysr-sign-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:2px solid #111;font-size:8px;font-weight:900;letter-spacing:.08em;position:relative;background:#fff}
.steps-section .ysr-sign-badge:before,.steps-section .ysr-sign-badge:after{content:"";position:absolute;inset:4px;border:2px solid #111;border-right-width:4px;border-bottom-width:4px;opacity:.25}
.steps-section .ysr-sign-brand{font-size:38px;font-weight:900;letter-spacing:-.05em;line-height:.92;margin:4px 0 1px}
.steps-section .ysr-sign-sub{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#222;margin-bottom:7px}
.steps-section .ysr-sign-cta{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#111;color:#fff;padding:4px 7px;border-radius:999px}
.steps-section .ysr-sign-track{font-size:7.5px;color:#666;font-weight:800;letter-spacing:.04em}
.steps-section .ysr-sign-post{position:absolute;bottom:-20px;width:5px;height:24px;background:linear-gradient(180deg,#b6b6b5,#8f8f8d);border-radius:3px}
.steps-section .ysr-sign-post.left{left:31%}.steps-section .ysr-sign-post.right{right:31%}
.steps-section .ysr-story-wrap{margin-top:10px}
.steps-section .ysr-story{height:228px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#f7f7f6 0%,#f0f0ed 58%,#d7d7d4 58.2%,#ecece7 100%)}
.steps-section .ysr-story-light{background:radial-gradient(ellipse at 28% 34%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 42%)}
.steps-section .ysr-scene-sky{inset:0 0 41% 0;background:linear-gradient(180deg,#f8f8f7 0%,#f4f4f2 60%,rgba(244,244,242,0) 100%)}
.steps-section .ysr-house-row{position:absolute;left:0;right:0;bottom:76px;height:102px;pointer-events:none}
.steps-section .ysr-house{position:absolute;left:5%;bottom:0;width:230px;height:96px}
.steps-section .ysr-roof{position:absolute;left:22px;top:9px;width:136px;height:44px;background:#303234;clip-path:polygon(0 100%,50% 0,100% 100%);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.steps-section .ysr-chimney{position:absolute;left:126px;top:3px;width:16px;height:26px;background:#8f847a;border-radius:3px 3px 0 0}
.steps-section .ysr-upper{position:absolute;left:39px;top:39px;width:103px;height:36px;background:#f7f5f1;border:2px solid #dedbd4;border-bottom:none}
.steps-section .ysr-lower{position:absolute;left:18px;top:49px;width:148px;height:42px;background:#fcfbf8;border:2px solid #ddd9d0}
.steps-section .ysr-door{position:absolute;left:82px;top:58px;width:20px;height:33px;background:#6a4f3d;border-radius:2px}
.steps-section .ysr-window{position:absolute;width:18px;height:16px;background:#dce8f2;border:2px solid #c8c3bb;border-radius:2px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.steps-section .ysr-window:before,.steps-section .ysr-window:after{content:"";position:absolute;background:#c8c3bb}.steps-section .ysr-window:before{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}.steps-section .ysr-window:after{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}
.steps-section .ysr-window.win-1{left:40px;top:59px}.steps-section .ysr-window.win-2{left:57px;top:59px}.steps-section .ysr-window.win-3{left:112px;top:59px}.steps-section .ysr-window.win-4{left:129px;top:59px}
.steps-section .ysr-driveway{position:absolute;left:165px;bottom:0;width:120px;height:36px;background:linear-gradient(180deg,#dadad7,#c6c6c3);clip-path:polygon(17% 0,62% 0,100% 100%,0 100%);opacity:.95}
.steps-section .ysr-verge{position:absolute;left:0;right:0;bottom:67px;height:28px;background:linear-gradient(180deg,#b8c79f 0%,#9fb584 55%,#8ba16f 100%);border-top:1px solid rgba(255,255,255,.55)}
.steps-section .ysr-road{height:74px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 7px),linear-gradient(180deg,#575958 0%,#484b4a 18%,#373a39 100%);border-top:3px solid #efefe9;box-shadow:inset 0 10px 16px rgba(0,0,0,.12)}
.steps-section .ysr-road:before,.steps-section .ysr-road:after{height:2px;background:#ecece6;opacity:.48}
.steps-section .ysr-road:before{top:8px}.steps-section .ysr-road:after{bottom:8px}
.steps-section .ysr-road-markings{top:52%;height:3px;background:repeating-linear-gradient(90deg,#e7e1ca 0 58px,transparent 58px 106px)}
.steps-section .ysr-station{bottom:78px}
.steps-section .ysr-road-sign{left:2%;width:18%;height:94px;display:flex;align-items:flex-end;justify-content:center}
.steps-section .ysr-lawn-sign--road .ysr-sign-face{width:102px;padding:6px 7px 7px;border-radius:9px}.steps-section .ysr-lawn-sign--road .ysr-sign-region{font-size:6px}.steps-section .ysr-lawn-sign--road .ysr-sign-badge{width:16px;height:16px;font-size:6px;border-radius:4px}.steps-section .ysr-lawn-sign--road .ysr-sign-brand{font-size:24px;margin:3px 0 0}.steps-section .ysr-lawn-sign--road .ysr-sign-sub{font-size:6px;letter-spacing:.11em;margin-bottom:4px}.steps-section .ysr-lawn-sign--road .ysr-sign-cta{font-size:5.6px;padding:3px 4px}.steps-section .ysr-lawn-sign--road .ysr-sign-track{font-size:5.4px}.steps-section .ysr-lawn-sign--road .ysr-sign-post{height:18px;bottom:-15px;width:4px}.steps-section .ysr-road-sign .ysr-station-label{top:-18px}
.steps-section .ysr-phone-event{left:30%;width:12%;height:90px}.steps-section .ysr-phone-body{transform:scale(.7) rotate(-10deg);transform-origin:bottom center}
.steps-section .ysr-contract-event{left:51%;width:15%;height:92px}.steps-section .ysr-paper{transform:scale(.72) rotate(-4deg);transform-origin:bottom center}
.steps-section .ysr-mail-event{right:3%;width:17%;height:92px;transform:scale(.75);transform-origin:bottom center}
.steps-section .ysr-station-label{top:-18px;padding:4px 7px;font-size:9px}
.steps-section .ysr-car{left:-270px;bottom:18px;width:clamp(180px,20vw,260px);filter:drop-shadow(0 12px 5px rgba(0,0,0,.35))}
.steps-section .ysr-story-foot{margin-top:8px;font-size:11px}
.steps-section .micro-note{margin-top:10px}
@media(max-width:1100px){.steps-section .step-compact{min-height:0}.steps-section .ysr-story{height:215px}.steps-section .ysr-house{left:1%;transform:scale(.95);transform-origin:bottom left}.steps-section .ysr-phone-event{left:29%}.steps-section .ysr-contract-event{left:50%}.steps-section .ysr-mail-event{right:1%}}
@media(max-width:900px){.steps-section .steps-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-section .step-compact{min-height:0}.steps-section .ysr-story{height:205px}.steps-section .ysr-house{transform:scale(.8);left:-2%}.steps-section .ysr-road-sign{left:1%;width:19%}.steps-section .ysr-phone-event{left:31%;width:13%}.steps-section .ysr-contract-event{left:53%;width:15%}.steps-section .ysr-mail-event{right:1%;width:19%}.steps-section .ysr-car{width:190px}}
@media(max-width:740px){.steps-section{padding-top:22px;padding-bottom:24px}.steps-section .section-head-compact h2{font-size:clamp(23px,4.7vw,35px);white-space:normal}.steps-section .section-head-compact p{font-size:15px}.steps-section .steps-grid-compact{grid-template-columns:1fr;gap:14px}.steps-section .step-compact{padding:29px 15px 15px;border-radius:18px}.steps-section .step-compact h3{font-size:18px}.steps-section .ysr-step-art-clean{height:102px}.steps-section .ysr-lawn-sign--small .ysr-sign-face{transform:scale(.72)}.steps-section .ysr-step-art-clean svg{width:154px;max-height:80px}.steps-section .ysr-story{height:188px}.steps-section .ysr-house-row{bottom:68px;height:82px}.steps-section .ysr-house{left:-6%;transform:scale(.63);transform-origin:bottom left}.steps-section .ysr-driveway{left:110px}.steps-section .ysr-verge{bottom:58px;height:22px}.steps-section .ysr-road{height:60px}.steps-section .ysr-station{bottom:61px}.steps-section .ysr-road-sign{width:24%;height:84px}.steps-section .ysr-lawn-sign--road .ysr-sign-face{width:78px}.steps-section .ysr-phone-event{left:28%;width:16%;height:82px}.steps-section .ysr-contract-event{left:47%;width:20%;height:82px}.steps-section .ysr-mail-event{right:-1%;width:24%;height:84px}.steps-section .ysr-phone-body{transform:scale(.56) rotate(-11deg)}.steps-section .ysr-paper{transform:scale(.58) rotate(-4deg)}.steps-section .ysr-mail-event{transform:scale(.62);transform-origin:bottom center}.steps-section .ysr-car{width:148px;bottom:14px}.steps-section .ysr-station-label{font-size:7.5px;padding:3px 5px;top:-15px}.steps-section .ysr-story-foot{font-size:10px}}
@media(max-width:420px){.steps-section .ysr-story{height:176px}.steps-section .ysr-house{left:-18%;transform:scale(.54)}.steps-section .ysr-road-sign{width:26%}.steps-section .ysr-phone-event{left:26%}.steps-section .ysr-contract-event{left:46%}.steps-section .ysr-mail-event{width:25%;right:-2%}.steps-section .ysr-car{width:128px}}

/* v6 step photo updates */
.steps-section .ysr-step-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}
.steps-section .ysr-step-photo-scan{object-position:center center}
.steps-section .ysr-step-photo-customer{object-position:center 40%}
.steps-section .ysr-step-photo-thanks{object-position:center 48%}
.steps-section .step-compact .ysr-step-art:has(.ysr-step-photo){background:#f4f4f2;padding:0;overflow:hidden}
.steps-section .step.emph .ysr-step-art:has(.ysr-step-photo){background:#1f1f1f}


/* v7 audit/update: make all four boxes match, add sign overlay, replace story with compact traffic strip */
.steps-section .step[data-step="04"],
.steps-section .step[data-step="04"] .step-icon{background:#fff;color:#111;border-color:rgba(17,17,17,.08)}
.steps-section .step[data-step="04"] h3{color:#111}
.steps-section .step[data-step="04"] p{color:#5b5b5b}
.steps-section .step[data-step="04"] .ysr-step-art{background:#f4f4f2 !important}
.steps-section .ysr-photo-wrap{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px}
.steps-section .ysr-photo-wrap .ysr-step-photo{width:100%;height:100%;display:block;object-fit:cover}
.steps-section .ysr-overlay-sign{position:absolute;right:10px;bottom:8px;width:112px;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));transform:rotate(-1.5deg)}
/* V8: approved sign photo displayed without cropping or distortion. */
.steps-section .step[data-step="01"] .ysr-step-art-clean{background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.steps-section .ysr-step-sign-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}



/* V10: car scene only — three sequential vehicles, stationary tires, photographic-style flash. */
.steps-section .ysr-drive-strip-wrap-v9{position:relative;overflow:hidden;margin-top:10px;border:1px solid #e4e4e1;border-radius:22px;background:#f8f9f9;isolation:isolate}
.steps-section .ysr-drive-strip-v9{position:relative;height:226px;background:linear-gradient(180deg,#dcebf5 0%,#eff4f4 37%,#e5eddc 56%,#c3d0a9 77%,#f1f1ed 78%)}
.steps-section .ysr-strip-sky{position:absolute;inset:0 0 auto;height:115px;background:linear-gradient(180deg,#dcebf5,#f7f8f6);z-index:0}
.steps-section .ysr-strip-neighbourhood{position:absolute;inset:auto 0 68px;height:157px;z-index:1}
.steps-section .ysr-house-scene{position:absolute;bottom:0;width:246px;height:151px;filter:drop-shadow(5px 5px 5px rgba(51,51,45,.12));transform-origin:bottom center}
.steps-section .ysr-house-scene-a{left:5%}
.steps-section .ysr-house-scene-b{left:37%;transform:scale(1.05)}
.steps-section .ysr-house-scene-c{right:5%;transform:scale(.96)}
.steps-section .ysr-house-scene .ysr-house-body{position:absolute;bottom:0;left:25px;width:197px;height:89px;border:2px solid #c8beb0;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(161,145,124,.16) 7px 8px),repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 22px,rgba(123,101,75,.08) 22px 23px),linear-gradient(140deg,#eee9df,#dbd5c9);box-shadow:inset 0 8px 9px rgba(0,0,0,.05)}
.steps-section .ysr-house-scene-b .ysr-house-body{background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(132,123,114,.12) 8px 9px),linear-gradient(100deg,#e9e8e4,#c9c7c0)}
.steps-section .ysr-house-scene-c .ysr-house-body{background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(159,116,91,.18) 7px 8px),linear-gradient(110deg,#cfae98,#b88e76)}
.steps-section .ysr-house-scene .ysr-roof-main{position:absolute;top:4px;left:8px;width:172px;height:64px;clip-path:polygon(0 100%,49% 0,100% 100%);background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.13) 5px 6px),linear-gradient(145deg,#757c83,#323840);filter:drop-shadow(1px 2px 2px #646565)}
.steps-section .ysr-house-scene-b .ysr-roof-main{background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.12) 5px 6px),linear-gradient(145deg,#6b6870,#35353b)}
.steps-section .ysr-house-scene .ysr-roof-gable{position:absolute;top:25px;right:7px;width:91px;height:45px;clip-path:polygon(0 100%,50% 0,100% 100%);background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.12) 5px 6px),linear-gradient(135deg,#666c73,#30343a)}
.steps-section .ysr-house-scene .ysr-window{position:absolute;z-index:3;bottom:37px;width:24px;height:29px;border:3px solid #f9f7f1;border-radius:2px;background:linear-gradient(145deg,#7195a9 0%,#bcd2dc 48%,#506f82 100%);box-shadow:0 1px 3px #888,inset 0 0 0 2px #8f8f8c}
.steps-section .ysr-house-scene .ysr-window:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fafafa}
.steps-section .ysr-house-scene .ysr-window:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:#fafafa}
.steps-section .ysr-house-scene .w1{left:43px}.steps-section .ysr-house-scene .w2{left:78px}.steps-section .ysr-house-scene .w3{right:34px}
.steps-section .ysr-house-scene .ysr-door{position:absolute;left:122px;bottom:0;width:29px;height:55px;border:3px solid #f0e8dd;background:linear-gradient(100deg,#4e3d35,#876955);border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 3px rgba(0,0,0,.16)}
.steps-section .ysr-house-scene .ysr-door:after{content:"";position:absolute;right:4px;top:28px;width:3px;height:3px;border-radius:50%;background:#e5d3a7}
.steps-section .ysr-house-scene .ysr-step{position:absolute;left:115px;bottom:-2px;width:44px;height:6px;background:#b9b7b1}
.steps-section .ysr-house-scene .ysr-garage{position:absolute;z-index:4;right:10px;bottom:1px;width:48px;height:37px;border:3px solid #f4f0e9;background:linear-gradient(90deg,#c5c2ba,#e1ded6,#bdbab2);box-shadow:inset 0 4px 5px rgba(0,0,0,.14)}
.steps-section .ysr-house-scene .ysr-garage-lines{position:absolute;z-index:5;right:15px;bottom:9px;width:38px;height:23px;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(95,93,89,.25) 6px 7px)}
.steps-section .ysr-house-scene .ysr-porch-light{position:absolute;z-index:5;bottom:45px;left:111px;width:5px;height:9px;border-radius:2px;background:#f5df9b;box-shadow:0 0 5px #f5df9b}
.steps-section .ysr-house-scene .ysr-foundation{position:absolute;z-index:6;bottom:0;left:22px;width:201px;height:3px;background:#a7a29b}
.steps-section .ysr-house-scene .ysr-brickwork{position:absolute;pointer-events:none;z-index:2;bottom:0;left:26px;width:195px;height:88px;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(135,116,95,.10) 26px 27px);mix-blend-mode:multiply;opacity:.5}
.steps-section .ysr-house-scene .ysr-shrub{position:absolute;bottom:0;z-index:7;width:30px;height:18px;border-radius:45% 45% 8% 8%;background:radial-gradient(circle at 35% 28%,#b8d084,#63834a 76%);box-shadow:inset -3px -3px 4px rgba(0,0,0,.15)}
.steps-section .ysr-house-scene .ysr-shrub.shrub-left{left:20px}.steps-section .ysr-house-scene .ysr-shrub.shrub-right{right:12px}
.steps-section .ysr-tree-scene{position:absolute;z-index:4;bottom:0;width:75px;height:133px;filter:drop-shadow(3px 3px 3px rgba(29,51,24,.16))}
.steps-section .ysr-tree-a{left:26%}.steps-section .ysr-tree-b{left:67%}.steps-section .ysr-tree-c{right:16%}
.steps-section .ysr-tree-scene .trunk{position:absolute;left:34px;bottom:0;width:10px;height:61px;border-radius:5px;background:linear-gradient(90deg,#584331,#896848,#4b392b)}
.steps-section .ysr-tree-scene .branch{position:absolute;z-index:1;left:33px;bottom:46px;width:6px;height:47px;border-radius:5px;background:linear-gradient(90deg,#5c4634,#92724e);transform-origin:bottom center}
.steps-section .ysr-tree-scene .branch-left{transform:rotate(-37deg)}.steps-section .ysr-tree-scene .branch-right{transform:rotate(35deg)}
.steps-section .ysr-tree-scene .canopy{position:absolute;z-index:2;border-radius:44% 57% 45% 55%;background:radial-gradient(circle at 29% 26%,#b5ce78 0 9%,#8eaf61 32%,#527e40 77%,#3d6131 100%);box-shadow:inset -5px -7px 8px rgba(31,69,30,.19),inset 4px 4px 4px rgba(239,251,179,.22);clip-path:polygon(50% 0%,68% 5%,83% 15%,100% 34%,95% 53%,100% 70%,77% 91%,53% 100%,25% 91%,3% 77%,0% 53%,9% 26%,28% 7%)}
.steps-section .ysr-tree-scene .c1{left:18px;top:6px;width:46px;height:44px}.steps-section .ysr-tree-scene .c2{left:1px;top:25px;width:44px;height:46px}.steps-section .ysr-tree-scene .c3{left:38px;top:27px;width:39px;height:43px}.steps-section .ysr-tree-scene .c4{left:16px;top:30px;width:49px;height:48px}.steps-section .ysr-tree-scene .c5{left:7px;top:53px;width:32px;height:34px}.steps-section .ysr-tree-scene .c6{left:42px;top:51px;width:35px;height:32px}.steps-section .ysr-tree-scene .c7{left:25px;top:2px;width:35px;height:33px}.steps-section .ysr-tree-scene .c8{left:21px;top:54px;width:43px;height:37px}
.steps-section .ysr-strip-sign{position:absolute;z-index:5;left:45%;bottom:20px;width:85px;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.14))}
.steps-section .ysr-scan-spot{display:none}
.steps-section .ysr-front-lawn{position:absolute;z-index:2;left:0;right:0;bottom:55px;height:31px;background:repeating-linear-gradient(88deg,rgba(114,150,82,.09) 0 3px,transparent 3px 7px),linear-gradient(180deg,#9fbb7b,#759b60);box-shadow:inset 0 2px rgba(249,255,229,.45)}
.steps-section .ysr-sidewalk{position:absolute;z-index:6;left:0;right:0;bottom:43px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 145px,#bbbcb9 145px 147px),linear-gradient(180deg,#e8e7e1,#c9c9c5);border-top:1px solid #faf9f5}
.steps-section .ysr-curb{position:absolute;z-index:7;left:0;right:0;bottom:39px;height:4px;background:#bab8b2}
.steps-section .ysr-strip-road{position:absolute;z-index:7;left:0;right:0;bottom:0;height:39px;border-top:2px solid #f4f0e7;background:linear-gradient(180deg,#55595a,#353839);box-shadow:inset 0 8px 13px rgba(0,0,0,.13)}
.steps-section .ysr-strip-centerline{position:absolute;left:0;right:0;top:18px;height:3px;background:repeating-linear-gradient(90deg,#e8dcc2 0 62px,transparent 62px 105px)}
.steps-section .ysr-moving-car{position:absolute;z-index:10;left:-240px;bottom:4px;width:181px;opacity:0;will-change:left,opacity;pointer-events:none}
.steps-section .ysr-moving-car-2{width:190px;animation-delay:6s}.steps-section .ysr-moving-car-3{width:196px;animation-delay:12s}
.steps-section .ysr-moving-car-1,.steps-section .ysr-moving-car-2,.steps-section .ysr-moving-car-3{animation-name:ysrV10OneCar;animation-duration:18s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.steps-section .ysr-moving-car-1{animation-delay:0s}
.steps-section .ysr-real-car{display:block;width:100%;height:auto;overflow:visible}
/* Old animation rotated the whole SVG wheel group, replacing its translate() attribute. Keep wheel groups in place; rotate spokes only. */
.steps-section .ysr-car-wheel{animation:none;transform-box:fill-box}
.steps-section .ysr-wheel-spokes{transform-box:fill-box;transform-origin:center;animation:ysrV10Spokes 1.1s linear infinite}
@keyframes ysrV10Spokes{to{transform:rotate(360deg)}}
@keyframes ysrV10OneCar{0%{left:-240px;opacity:0}1%{opacity:1}12%{left:10%;opacity:1}16%{left:32%;opacity:1}23%{left:32%;opacity:1}32%{left:calc(100% + 16px);opacity:1}33%,100%{left:calc(100% + 16px);opacity:0}}
.steps-section .ysr-v10-camera-flash{position:absolute;z-index:15;left:25%;bottom:20px;width:47%;height:154px;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 49% 65%,rgba(255,255,255,1) 0%,rgba(255,255,255,.97) 17%,rgba(255,255,255,.64) 37%,rgba(255,255,255,0) 78%);mix-blend-mode:screen;filter:blur(6px);animation:ysrV10Flash 6s linear infinite}
.steps-section .ysr-v10-camera-flash:before,.steps-section .ysr-v10-camera-flash:after{content:none!important}
@keyframes ysrV10Flash{0%,51.4%,56%,100%{opacity:0}51.8%{opacity:.95}52.6%{opacity:1}53.4%{opacity:.72}54.4%{opacity:0}}
@media(max-width:1100px){.steps-section .ysr-drive-strip-v9{height:210px}.steps-section .ysr-strip-neighbourhood{transform:scaleY(.9);transform-origin:bottom center}.steps-section .ysr-house-scene-a{left:-1%}.steps-section .ysr-house-scene-b{left:36%}.steps-section .ysr-house-scene-c{right:-1%}.steps-section .ysr-tree-a{left:23%}.steps-section .ysr-tree-b{left:64%}.steps-section .ysr-tree-c{right:14%}}
@media(max-width:740px){.steps-section .ysr-drive-strip-v9{height:172px}.steps-section .ysr-strip-neighbourhood{height:157px;bottom:57px;transform:scale(.70);transform-origin:bottom left;width:142.857%}.steps-section .ysr-house-scene-a{left:0%}.steps-section .ysr-house-scene-b{left:38%}.steps-section .ysr-house-scene-c{right:0%}.steps-section .ysr-tree-a{left:28%}.steps-section .ysr-tree-b{left:66%}.steps-section .ysr-tree-c{right:12%}.steps-section .ysr-strip-sign{left:45%;width:82px;max-height:none;bottom:21px}.steps-section .ysr-moving-car{width:120px;bottom:2px}.steps-section .ysr-moving-car-2{width:125px}.steps-section .ysr-moving-car-3{width:130px}.steps-section .ysr-v10-camera-flash{height:105px;bottom:25px}.steps-section .ysr-front-lawn{height:25px}}
@media(max-width:420px){.steps-section .ysr-drive-strip-v9{height:154px}.steps-section .ysr-strip-neighbourhood{bottom:54px;transform:scale(.62);width:161.3%}.steps-section .ysr-moving-car{width:103px}.steps-section .ysr-moving-car-2{width:108px}.steps-section .ysr-moving-car-3{width:113px}.steps-section .ysr-strip-sign{left:44%;width:80px;max-height:none;bottom:25px}}
@media(prefers-reduced-motion:reduce){.steps-section .ysr-moving-car{animation:none!important;opacity:0}.steps-section .ysr-moving-car-1{opacity:1;left:32%}.steps-section .ysr-wheel-spokes,.steps-section .ysr-v10-camera-flash{animation:none!important;opacity:0}}

/* V13: scoped content typography, the existing drive-scene placement, and the thank-you video crop. */
.steps-section{padding-bottom:clamp(24px,2.8vw,36px)}
.steps-section .section-head-compact{max-width:1200px;margin-inline:auto;text-align:center;margin-bottom:19px}
.steps-section .section-head-compact h2{font-size:clamp(30px,3.2vw,46px);font-weight:560;letter-spacing:-.045em;line-height:1.14;text-align:center;margin-inline:auto;max-width:1200px;text-wrap:balance}
.steps-section .section-head-compact p{max-width:840px;margin-inline:auto}
.steps-section .ysr-drive-strip-wrap-v9{margin-top:9px}
.steps-section .ysr-drive-strip-v9{height:176px;background:linear-gradient(180deg,#dcebf5 0%,#edf3f3 34%,#e7eedf 55%,#c7d4ae 74%,#f2f2ee 75%);--ysr-stop-left:calc(41% - 92px)}
.steps-section .ysr-strip-sky{height:95px}
.steps-section .ysr-strip-neighbourhood{bottom:55px;height:145px;transform:scaleY(.80);transform-origin:bottom center}
/* The center home is the property with the sign; nearby trees sit to either side. */
.steps-section .ysr-house-scene-a{left:7%}
.steps-section .ysr-house-scene-b{left:29%;transform:scale(1.02)}
.steps-section .ysr-house-scene-c{right:6%;transform:scale(.96)}
.steps-section .ysr-tree-a{left:24%}
.steps-section .ysr-tree-b{left:66%}
.steps-section .ysr-tree-c{right:14%}
/* Align the doors with their steps and porch lights, keeping windows beside the entrances. */
.steps-section .ysr-house-scene .ysr-door{left:116px;bottom:0;width:29px;height:52px}
.steps-section .ysr-house-scene .ysr-step{left:109px;bottom:-2px;width:43px;height:6px}
.steps-section .ysr-house-scene .ysr-porch-light{left:103px;bottom:43px}
.steps-section .ysr-house-scene .w1{left:44px}
.steps-section .ysr-house-scene .w2{left:81px}
.steps-section .ysr-house-scene .w3{left:166px}
.steps-section .ysr-house-scene-b .ysr-door,.steps-section .ysr-house-scene-c .ysr-door{left:116px}
.steps-section .ysr-house-scene-b .ysr-step,.steps-section .ysr-house-scene-c .ysr-step{left:109px}
.steps-section .ysr-house-scene-b .ysr-porch-light,.steps-section .ysr-house-scene-c .ysr-porch-light{left:103px}
.steps-section .ysr-drive-strip-v9>.ysr-strip-sign{position:absolute;z-index:9;left:41%;bottom:54px;width:76px;max-height:none;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.19))}
.steps-section .ysr-front-lawn{bottom:55px;height:29px}
.steps-section .ysr-sidewalk{bottom:43px;height:12px}
.steps-section .ysr-curb{bottom:39px}
.steps-section .ysr-strip-road{height:39px}
.steps-section .ysr-moving-car{bottom:4px;animation-name:ysrV12Drive;animation-duration:33s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:0s}
.steps-section .ysr-moving-car-1{animation-delay:0s}
.steps-section .ysr-moving-car-2{animation-delay:11s}
.steps-section .ysr-moving-car-3{animation-delay:22s}
@keyframes ysrV12Drive{0%{left:-240px;opacity:0}0.4%{opacity:1}11.5%{left:var(--ysr-stop-left);opacity:1}21.5%{left:var(--ysr-stop-left);opacity:1}33.1%{left:calc(100% + 26px);opacity:1}33.33%,100%{left:calc(100% + 26px);opacity:0}}
.steps-section .ysr-v10-camera-flash{left:30%;bottom:42px;width:34%;height:97px;background:radial-gradient(ellipse at 52% 60%,rgba(255,255,255,1) 0%,rgba(255,255,255,.94) 22%,rgba(255,255,255,.50) 46%,rgba(255,255,255,0) 76%);filter:blur(4px);mix-blend-mode:screen;animation:ysrV12Flash 11s linear infinite}
@keyframes ysrV12Flash{0%,36.4%,41.5%,100%{opacity:0}37.1%,38.4%{opacity:1}39.8%{opacity:.48}}
.steps-section .ysr-v11-scan-badge{left:45%;bottom:106px;padding:6px 11px;font-size:12px;animation:ysrV12ScanBadge 11s linear infinite}
@keyframes ysrV12ScanBadge{0%,38.6%,63.5%,100%{opacity:0;transform:translateX(-50%) translateY(5px) scale(.97)}41%,60.5%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.steps-section .micro-note{margin-top:10px;margin-bottom:0}
.feature{padding-top:clamp(27px,2.8vw,38px);padding-bottom:clamp(31px,3.5vw,50px)}
.feature .feature-copy h2{font-size:clamp(35px,3.85vw,51px);font-weight:575;letter-spacing:-.043em;line-height:1.1;max-width:620px;margin-inline:auto;text-wrap:balance}
.feature .reward-stage-photo{padding:12px;min-height:0;background:linear-gradient(135deg,#f3f3f1,#e9e9e6)}
/* Clip a little more so the video ends flush with the front face of the gift box. */
.feature .reward-video-card{width:min(100%,540px);aspect-ratio:1 / .9125;overflow:hidden;border-radius:20px;background:#fff}
.feature .reward-video{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;background:#fff}
@media(max-width:1100px){
 .steps-section .ysr-drive-strip-v9{height:169px}
 .steps-section .ysr-strip-neighbourhood{bottom:55px;transform:scaleY(.77)}
 .steps-section .ysr-house-scene-a{left:1%}
 .steps-section .ysr-house-scene-b{left:29%}
 .steps-section .ysr-house-scene-c{right:0}
 .steps-section .ysr-drive-strip-v9>.ysr-strip-sign{bottom:53px}
}
@media(max-width:740px){
 .steps-section{padding-bottom:25px}
 .steps-section .section-head-compact h2{font-size:clamp(29px,7.8vw,41px);line-height:1.12}
 .steps-section .ysr-drive-strip-v9{height:139px;--ysr-stop-left:calc(41% - 61px)}
 .steps-section .ysr-strip-neighbourhood{height:145px;bottom:54px;transform:scale(.62);transform-origin:bottom left;width:161.3%}
 .steps-section .ysr-house-scene-a{left:0}
 .steps-section .ysr-house-scene-b{left:29%}
 .steps-section .ysr-house-scene-c{right:0}
 .steps-section .ysr-tree-a{left:23%}
 .steps-section .ysr-tree-b{left:65%}
 .steps-section .ysr-tree-c{right:12%}
 .steps-section .ysr-drive-strip-v9>.ysr-strip-sign{left:41%;bottom:48px;width:62px}
 .steps-section .ysr-front-lawn{bottom:49px;height:23px}
 .steps-section .ysr-sidewalk{bottom:39px;height:10px}
 .steps-section .ysr-curb{bottom:35px}
 .steps-section .ysr-strip-road{height:35px}
 .steps-section .ysr-moving-car{bottom:2px;width:120px}
 .steps-section .ysr-moving-car-2{width:125px}
 .steps-section .ysr-moving-car-3{width:130px}
 .steps-section .ysr-v10-camera-flash{left:30%;bottom:36px;width:37%;height:77px}
 .steps-section .ysr-v11-scan-badge{left:45%;bottom:84px;font-size:11px;padding:5px 9px}
 .feature{padding-top:28px;padding-bottom:34px}
 .feature .reward-stage-photo{padding:9px}
 .feature .feature-copy h2{margin-inline:0}
}
@media(max-width:420px){
 .steps-section .ysr-drive-strip-v9{height:127px;--ysr-stop-left:calc(41% - 52px)}
 .steps-section .ysr-strip-neighbourhood{bottom:49px;transform:scale(.55);width:181.8%}
 .steps-section .ysr-drive-strip-v9>.ysr-strip-sign{left:40%;bottom:43px;width:55px}
 .steps-section .ysr-front-lawn{bottom:44px;height:22px}
 .steps-section .ysr-sidewalk{bottom:35px;height:9px}
 .steps-section .ysr-curb{bottom:31px}
 .steps-section .ysr-strip-road{height:31px}
 .steps-section .ysr-moving-car{width:103px}
 .steps-section .ysr-moving-car-2{width:108px}
 .steps-section .ysr-moving-car-3{width:113px}
 .steps-section .ysr-v10-camera-flash{bottom:32px;height:70px}
 .steps-section .ysr-v11-scan-badge{bottom:78px}
}
@media(prefers-reduced-motion:reduce){
 .steps-section .ysr-moving-car{animation:none!important;opacity:0}
 .steps-section .ysr-moving-car-1{opacity:1;left:var(--ysr-stop-left)}
 .steps-section .ysr-wheel-spokes,.steps-section .ysr-v10-camera-flash,.steps-section .ysr-v11-scan-badge{animation:none!important;opacity:0}
}

/* V14 scoped refinement: slimmer explanation cards, no step numerals and precise anchor landing. */
html{scroll-padding-top:0}
#steps-heading{scroll-margin-top:18px}#faq-heading{scroll-margin-top:30px}
.steps-section{padding-top:clamp(22px,2.4vw,32px);padding-bottom:clamp(20px,2.1vw,29px)}
.steps-section .section-head-compact{margin-bottom:12px}
.steps-section .section-head-compact h2{margin-bottom:7px}
.steps-section .steps-grid-compact{gap:12px;margin-bottom:11px}
.steps-section .step-compact{padding:13px 14px 14px;min-height:0;border-radius:20px}
.steps-section .step-compact::before,.steps-section .step-compact::after{content:none!important;display:none!important}
.steps-section .step-compact .ysr-step-art{height:98px;margin:0 0 9px;border-radius:14px}
.steps-section .step-compact h3{font-size:clamp(18px,1.6vw,21px);margin:0 0 6px;line-height:1.16}
.steps-section .step-compact p{font-size:13.5px;line-height:1.46;margin:0}
.steps-section .ysr-step-sign-image,.steps-section .ysr-step-photo{border-radius:13px}
.steps-section .ysr-drive-strip-wrap-v9{margin-top:11px}
/* Preserve meaningful SEO text through accessible image alt while displaying the actual user logo. */
.lckd-wordmark-inline{display:inline-block!important;width:auto!important;height:1.28em!important;max-width:none!important;max-height:1.28em!important;vertical-align:-.25em!important;margin:0 .09em 0 .04em!important;object-fit:contain!important;white-space:nowrap;filter:none}
.hero-promo .lckd-wordmark-inline,.end-panel .lckd-wordmark-inline{filter:brightness(0) invert(1)}
.faq-question-text{display:inline;min-width:0;flex:1}
@media(max-width:900px){.steps-section .steps-grid-compact{gap:10px}.steps-section .step-compact{padding:12px}.steps-section .step-compact .ysr-step-art{height:92px}}
@media(max-width:740px){.steps-section .steps-grid-compact{gap:10px}.steps-section .step-compact{padding:13px 14px}.steps-section .step-compact .ysr-step-art{height:100px;margin-bottom:9px}.steps-section .step-compact h3{font-size:18px}.steps-section .step-compact p{font-size:13.5px}#steps-heading{scroll-margin-top:12px}#faq-heading{scroll-margin-top:34px}}

/* V17: keep the hero heading centred within its own grid column so it never runs beneath the gift cards. */
.hero-promo .promo-copy{position:relative;isolation:isolate;min-width:0;padding-top:clamp(54px,6.2vw,90px)}
.hero-promo .promo-copy h1{
 position:relative;z-index:1;display:block;box-sizing:border-box;
 width:100%;max-width:100%;margin:0 0 20px;padding:0;
 transform:none;text-align:center;text-transform:none;
 font-family:"Segoe UI Variable Display","Segoe UI",Inter,Arial,sans-serif;
 font-size:clamp(48px,4.75vw,68px);font-weight:680;
 line-height:1.055;letter-spacing:-.045em;text-wrap:balance;
 text-shadow:0 3px 28px rgba(255,255,255,.075);
}
.hero-promo .ysr-hero-sparkles{
 position:absolute;z-index:0;left:0;top:clamp(51px,6vw,85px);
 width:100%;height:182px;overflow:hidden;pointer-events:none;transform:none;
}
.hero-promo .ysr-spark{position:absolute;width:4px;height:4px;border-radius:50%;
  background:rgba(255,255,255,.72);box-shadow:0 0 8px 2px rgba(255,255,255,.3);
  opacity:0;animation:ysrTitleGlimmer 5.8s ease-in-out infinite;}
.hero-promo .ysr-spark::before,.hero-promo .ysr-spark::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.46);border-radius:100px}
.hero-promo .ysr-spark::before{width:1px;height:10px}.hero-promo .ysr-spark::after{width:10px;height:1px}
.hero-promo .ysr-spark-1{left:7%;top:42%;animation-delay:-2s}.hero-promo .ysr-spark-2{left:16%;top:13%;animation-delay:-3.9s}
.hero-promo .ysr-spark-3{left:26%;top:82%;animation-delay:-1.6s}.hero-promo .ysr-spark-4{left:39%;top:8%;animation-delay:-4.6s}
.hero-promo .ysr-spark-5{left:47%;top:90%;animation-delay:-.9s}.hero-promo .ysr-spark-6{left:59%;top:13%;animation-delay:-3.3s}
.hero-promo .ysr-spark-7{left:72%;top:80%;animation-delay:-2.8s}.hero-promo .ysr-spark-8{left:86%;top:26%;animation-delay:-4.1s}
.hero-promo .ysr-spark-9{left:95%;top:71%;animation-delay:-1.5s}.hero-promo .ysr-spark-10{left:4%;top:76%;animation-delay:-5.1s}
.hero-promo .ysr-spark-11{left:65%;top:65%;animation-delay:-.2s}.hero-promo .ysr-spark-12{left:91%;top:6%;animation-delay:-3s}
@keyframes ysrTitleGlimmer{
  0%,10%,58%,100%{opacity:0;transform:scale(.38) rotate(0deg);filter:blur(.35px)}
  17%{opacity:.22;transform:scale(.62) rotate(5deg);filter:blur(.18px)}
  23%{opacity:.78;transform:scale(.96) rotate(12deg);filter:blur(0)}
  27%{opacity:1;transform:scale(1.22) rotate(18deg);filter:blur(0)}
  31%{opacity:.56;transform:scale(.88) rotate(24deg);filter:blur(.08px)}
  36%{opacity:.88;transform:scale(1.08) rotate(31deg);filter:blur(0)}
  44%{opacity:.16;transform:scale(.68) rotate(37deg);filter:blur(.2px)}
}
@media(max-width:1050px){
 .hero-promo .promo-copy{padding-top:clamp(38px,6vw,56px)}
 .hero-promo .promo-copy h1{font-size:clamp(46px,6.3vw,64px);width:100%;max-width:100%;margin-bottom:18px;transform:none;text-align:center}
 .hero-promo .ysr-hero-sparkles{left:0;top:clamp(34px,6vw,52px);width:100%;transform:none}
}
@media(max-width:740px){
 .hero-promo .promo-copy{padding-top:39px}
 .hero-promo .promo-copy h1{font-size:clamp(46px,10vw,57px);line-height:1.07;margin-bottom:17px}
 .hero-promo .ysr-hero-sparkles{top:36px;height:152px}
}
@media(prefers-reduced-motion:reduce){.hero-promo .ysr-spark{animation:none;opacity:.17}}

/* V18: align only the hero subtitle and buttons beneath the existing centred title. */
.hero-promo .promo-lead{text-align:center;margin-left:auto;margin-right:auto}
.hero-promo .promo-actions{justify-content:center}


/* v1.0.1 — WordPress theme heading reset: match the clean sans-serif preview without affecting the global nav. */
body.lckd-yard-sign-rewards-page #main-content h1,
body.lckd-yard-sign-rewards-page #main-content h2,
body.lckd-yard-sign-rewards-page #main-content h3 {
  font-family: "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo h1 {font-weight:680 !important;}
body.lckd-yard-sign-rewards-page #main-content h2 {font-weight:600 !important;}
body.lckd-yard-sign-rewards-page #main-content h3 {font-weight:640 !important;}
/* Replace only the decorative street layer: no position, height, or timing changes. */
body.lckd-yard-sign-rewards-page #main-content .ysr-drive-strip-v9 .ysr-real-neighbourhood{
  position:absolute; inset:0; z-index:1;
  background-image:url("real-neighbourhood.webp");
  background-size:cover; background-position: center center; background-repeat:no-repeat;
  pointer-events:none;
}
body.lckd-yard-sign-rewards-page #main-content .ysr-drive-strip-v9 .ysr-moving-car{
  z-index:10;
}
body.lckd-yard-sign-rewards-page #main-content .ysr-drive-strip-v9 .ysr-real-car-photo{
  display:block; width:100%; height:auto; max-width:none;
  object-fit:contain; filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
}


/* v1.0.3 – compact rewards explanation and natural-proportion neighbourhood photo.
   Scope: rewards section ONLY. Retain page/video/hero/global tab styling and the original car/flash timing. */
body.lckd-yard-sign-rewards-page #how-it-works .section-head-compact {max-width:1350px;margin-bottom:10px;}
body.lckd-yard-sign-rewards-page #how-it-works .section-head-compact h2 {
  max-width:100%;margin:0 auto 6px;font-size:clamp(28px,2.55vw,37px);
  line-height:1.13;letter-spacing:-.042em;font-weight:600;text-align:center;
}
body.lckd-yard-sign-rewards-page #how-it-works .section-head-compact p {
  max-width:1040px;font-size:clamp(14px,1.04vw,16px);line-height:1.4;
}
body.lckd-yard-sign-rewards-page #how-it-works .steps-grid-compact {gap:11px;margin-bottom:8px;}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact {padding:11px 12px 12px;min-height:0;}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact .ysr-step-art {height:88px;margin:0 0 8px;}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact h3 {font-size:clamp(17px,1.45vw,20px);margin:0 0 6px;}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact p {font-size:13px;line-height:1.43;}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {margin-top:9px;}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {height:278px;}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
 background-size:cover;background-position:center 49%;
}
@media(min-width:1101px){
 body.lckd-yard-sign-rewards-page #steps-heading {white-space:nowrap;}
}
@media(max-width:1100px){
 body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {height:225px;}
}
@media(max-width:740px){
 body.lckd-yard-sign-rewards-page #how-it-works .section-head-compact h2 {font-size:clamp(25px,6.1vw,34px);white-space:normal;}
 body.lckd-yard-sign-rewards-page #how-it-works .step-compact .ysr-step-art {height:96px;}
 body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {height:158px;}
 body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {background-position:center 49%;}
}
@media(max-width:420px){
 body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {height:148px;}
}
/* Restore the intended positioned QR confirmation: the previous plugin shipped the
   keyframes but omitted the base badge rules, leaving a loose line of text below the road. */
body.lckd-yard-sign-rewards-page #how-it-works .ysr-v11-scan-badge {
 position:absolute;z-index:16;left:45%;bottom:106px;
 border-radius:999px;background:rgba(25,28,30,.94);color:#fff;
 padding:6px 11px;font-size:12px;font-weight:700;letter-spacing:.015em;
 white-space:nowrap;pointer-events:none;opacity:0;
 box-shadow:0 5px 16px rgba(0,0,0,.19);
 animation:ysrV12ScanBadge 11s linear infinite;
}
@media(max-width:740px){body.lckd-yard-sign-rewards-page #how-it-works .ysr-v11-scan-badge{bottom:84px;font-size:11px;padding:5px 9px}}
@media(max-width:420px){body.lckd-yard-sign-rewards-page #how-it-works .ysr-v11-scan-badge{bottom:78px}}
@media(prefers-reduced-motion:reduce){body.lckd-yard-sign-rewards-page #how-it-works .ysr-v11-scan-badge{animation:none!important;opacity:0}}


/* v1.0.4 – restore the prior drive-by scene styling and simply make the strip less wide on desktop.
   No timing/content changes; cars, sign, flash and badge remain as-is. */
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
  width:min(1240px, calc(100% - 44px));
  margin:9px auto 0;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
  height:248px;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
  background-size:auto 100%;
  background-repeat:no-repeat;
  background-position:center bottom;
}
@media (max-width: 1100px){
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(100%, calc(100% - 20px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:212px;
  }
}
@media (max-width: 740px){
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:100%;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:158px;
  }
}
@media (max-width: 420px){
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:148px;
  }
}


/* v1.0.5 – make the drive-by scene noticeably less wide and trim the four explainer cards slightly.
   Keep the same cars/animation/placement logic; only reduce visual width and card bulk. */
body.lckd-yard-sign-rewards-page #how-it-works .steps-grid-compact {
  gap:10px;
  margin-bottom:7px;
}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact {
  padding:10px 11px 11px;
  border-radius:18px;
}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact .ysr-step-art {
  height:82px;
  margin:0 0 7px;
}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact h3 {
  font-size:clamp(16px,1.32vw,19px);
  margin:0 0 5px;
  line-height:1.12;
}
body.lckd-yard-sign-rewards-page #how-it-works .step-compact p {
  font-size:12.5px;
  line-height:1.38;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
  width:min(1020px, calc(100% - 260px));
  margin:8px auto 0;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
  height:252px;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
  background-size:auto 100%;
  background-repeat:no-repeat;
  background-position:center bottom;
}
@media (max-width: 1180px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(940px, calc(100% - 110px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:230px;
  }
}
@media (max-width: 900px) {
  body.lckd-yard-sign-rewards-page #how-it-works .steps-grid-compact {gap:10px;}
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact {padding:11px 12px;}
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact .ysr-step-art {height:90px;}
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact h3 {font-size:18px;}
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact p {font-size:13px;}
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(100%, calc(100% - 24px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:214px;
  }
}
@media (max-width: 740px) {
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact {padding:12px 13px;}
  body.lckd-yard-sign-rewards-page #how-it-works .step-compact .ysr-step-art {height:96px;}
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:100%;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:168px;
  }
}


/* v1.0.6 – narrow the drive-by strip further on desktop so it no longer feels stretched.
   Keep the same scene/cars/animation/content; only reduce scene width and desktop height slightly. */
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
  width:min(860px, calc(100% - 420px));
  margin:8px auto 0;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
  height:228px;
}
@media (max-width: 1280px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(820px, calc(100% - 280px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:220px;
  }
}
@media (max-width: 1100px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(100%, calc(100% - 42px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:204px;
  }
}
@media (max-width: 740px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:100%;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:168px;
  }
}


/* v1.0.7 – make the neighbourhood strip notably narrower and feel more zoomed out.
   Preserve the same cars/sign/animation logic; only tighten desktop width and scale the photo scene back slightly. */
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
  width:min(720px, calc(100% - 560px));
  margin:8px auto 0;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
  height:214px;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
  background-size:auto 84%;
  background-repeat:no-repeat;
  background-position:center calc(100% - 2px);
}
@media (max-width: 1380px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(700px, calc(100% - 420px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:206px;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
    background-size:auto 87%;
  }
}
@media (max-width: 1100px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:min(100%, calc(100% - 42px));
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:196px;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
    background-size:auto 96%;
  }
}
@media (max-width: 740px) {
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-wrap-v9 {
    width:100%;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-drive-strip-v9 {
    height:168px;
  }
  body.lckd-yard-sign-rewards-page #how-it-works .ysr-real-neighbourhood {
    background-size:auto 100%;
    background-position:center bottom;
  }
}


/* v1.0.8 – crop the step images more cleanly and nudge the hero Visa stack slightly left.
   Requested changes only: preserve all sizing, animation logic, and section structure. */
body.lckd-yard-sign-rewards-page #how-it-works .ysr-step-photo-scan {
  object-position: center 60% !important;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-step-photo-customer {
  object-position: 42% 34% !important;
}
body.lckd-yard-sign-rewards-page #how-it-works .ysr-overlay-sign {
  display: none !important;
}
@media (min-width: 1051px) {
  body.lckd-yard-sign-rewards-page .hero-promo .promo-stack-image {
    right: 14px;
  }
}
@media (max-width: 1050px) {
  body.lckd-yard-sign-rewards-page .hero-promo .promo-stack-image {
    right: 6px;
  }
}

/* v1.0.12: bottom-only Terms & Conditions link. */
.ysr-terms-link{text-align:right;margin-top:14px;padding-right:12px;font-size:12px;line-height:1.4}.ysr-terms-link a{color:#6b6b6b;text-decoration:underline;text-underline-offset:3px}.ysr-terms-link a:hover{color:#161616}

/* v1.0.22 – audited hero presentation.
   White hero background, balanced vertical centering, stronger modern display title,
   drive-by note directly beneath the scene, Visa stack raised slightly, and visible twinkles restored on white.
   No animation logic or lower-page layout changes. */
body.lckd-yard-sign-rewards-page #main-content .hero-promo{
  background:#fff!important;
  color:#171717!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .hero-promo-shell{
  min-height:clamp(690px,72vh,780px)!important;
  padding:52px 0 58px!important;
  align-items:center!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy{
  color:#171717!important;
  padding-top:0!important;
  transform:translate(24px,-46px)!important;
  align-self:center!important;
  max-width:780px!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy h1{
  font-family:"Arial Nova","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(54px,4.65vw,72px)!important;
  font-weight:800!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-transform:none!important;
  text-align:center!important;
  color:#141414!important;
  margin:0 0 14px!important;
  max-width:100%!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-lead{
  color:#3d3d3d!important;
  margin:0 auto 17px!important;
  text-align:center!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-actions{
  justify-content:center!important;
  margin-bottom:0!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-actions .btn-primary{
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-actions .btn-primary:hover{
  background:#303030!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-actions .promo-secondary{
  background:#fff!important;
  color:#171717!important;
  border-color:#cfcfcb!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-actions .promo-secondary:hover{
  background:#f4f4f1!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-sparkles{
  opacity:1!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark{
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0 22%,#d7d7d7 23% 42%,rgba(145,145,145,.5) 43% 58%,transparent 72%)!important;
  box-shadow:0 0 4px 1px rgba(110,110,110,.14)!important;
  opacity:0;
  animation:ysrRealStarTwinkle 5.6s ease-in-out infinite!important;
  filter:none!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark::before,
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(175,175,175,.08) 18%,rgba(115,115,115,.38) 45%,rgba(95,95,95,.54) 50%,rgba(115,115,115,.38) 55%,rgba(175,175,175,.08) 82%,transparent 100%)!important;
  box-shadow:none!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark::before{
  width:1px!important;
  height:18px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(175,175,175,.08) 18%,rgba(115,115,115,.38) 45%,rgba(95,95,95,.54) 50%,rgba(115,115,115,.38) 55%,rgba(175,175,175,.08) 82%,transparent 100%)!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark::after{
  width:18px!important;
  height:1px!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark:nth-child(3n){animation-duration:6.4s!important}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark:nth-child(4n){animation-duration:4.9s!important}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-spark:nth-child(5n){animation-duration:5.9s!important}
@keyframes ysrRealStarTwinkle{
  0%,12%,55%,100%{opacity:0;transform:scale(.35) rotate(0deg)}
  18%{opacity:.22;transform:scale(.62) rotate(1deg)}
  23%{opacity:.82;transform:scale(1) rotate(2deg)}
  27%{opacity:1;transform:scale(1.28) rotate(3deg)}
  31%{opacity:.48;transform:scale(.88) rotate(2deg)}
  35%{opacity:.9;transform:scale(1.12) rotate(1deg)}
  42%{opacity:.12;transform:scale(.58) rotate(0deg)}
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-wrap-v9{
  width:min(100%,680px)!important;
  max-width:680px!important;
  margin:14px auto 0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-v9{
  height:168px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
  --ysr-stop-left:calc(41% - 92px);
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-real-neighbourhood{
  inset:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .micro-note{
  position:static!important;
  width:100%!important;
  max-width:680px!important;
  margin:3px auto 0!important;
  padding:0!important;
  transform:none!important;
  color:#676767!important;
  justify-content:center!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .micro-note svg{
  color:#676767!important;
  flex:0 0 auto!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-visual{
  min-height:600px!important;
  height:auto!important;
  align-self:center!important;
  align-items:center!important;
  padding-top:30px!important;
  overflow:visible!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-halo{
  display:none!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-card-wrap{
  height:auto!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-stack-image{
  top:10px!important;
  bottom:auto!important;
  right:14px!important;
}

/* Terms & Conditions remains inside the black final panel, lower-right. */
body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel{
  position:relative!important;
  padding-bottom:max(62px,clamp(46px,4.3vw,68px))!important;
}
body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel .ysr-terms-link-right{
  position:absolute!important;
  right:28px!important;
  bottom:18px!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  z-index:3!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel .ysr-terms-link-right a{
  display:inline-block!important;
  color:rgba(255,255,255,.72)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel .ysr-terms-link-right a:hover{
  color:#fff!important;
}

@media(max-width:1050px){
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .hero-promo-shell{
    min-height:0!important;
    padding:42px 0 46px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy{
    padding-top:0!important;
    transform:translate(12px,-26px)!important;
    max-width:none!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy h1{
    font-size:clamp(48px,6.5vw,64px)!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-wrap-v9{
    width:min(100%,680px)!important;
    max-width:680px!important;
    margin-top:14px!important;
    margin-bottom:0!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-v9{
    height:168px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-visual{
    min-height:410px!important;
    justify-content:center!important;
    padding-top:24px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-card-wrap{
    justify-content:center!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-stack-image{
    top:8px!important;
    right:0!important;
  }
}
@media(max-width:740px){
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .hero-promo-shell{
    padding:36px 0 40px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy{
    padding-top:0!important;
    transform:translateY(-12px)!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-copy h1{
    font-size:clamp(44px,10.5vw,57px)!important;
    line-height:.98!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-wrap-v9{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:0!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-v9{
    height:150px!important;
    --ysr-stop-left:calc(41% - 61px);
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .micro-note{
    position:static!important;
    margin:3px auto 0!important;
    padding:0!important;
    transform:none!important;
    font-size:9px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-visual{
    min-height:350px!important;
    padding-top:18px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .promo-stack-image{
    top:6px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel{
    padding-bottom:58px!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .end-section .end-panel .ysr-terms-link-right{
    right:20px!important;
    bottom:14px!important;
    font-size:11px!important;
  }
}



/* v1.0.23 — dedicated drive-by disclaimer; removes inherited micro-note spacing drift. */
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-wrap-v9{
  display:grid!important;
  grid-template-rows:168px auto!important;
  row-gap:0!important;
  align-content:start!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-v9{
  grid-row:1!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-disclaimer{
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:680px!important;
  margin:0!important;
  padding:2px 0 0!important;
  color:#676767!important;
  font-size:10px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-disclaimer svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  color:#676767!important;
}
@media(max-width:740px){
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-strip-wrap-v9{
    grid-template-rows:150px auto!important;
  }
  body.lckd-yard-sign-rewards-page #main-content .hero-promo .ysr-hero-driveby .ysr-drive-disclaimer{
    padding-top:2px!important;
    font-size:9px!important;
    line-height:1.16!important;
    white-space:normal!important;
  }
}