/* Black Friday campaign revision */
.header{height:112px}
.brand img{width:158px;height:94px;object-fit:contain}
.footer-main .brand img{width:174px;height:100px}
.call-now{position:relative;isolation:isolate;background:var(--lime);color:#0b1006;border:1px solid #d7ff6e;padding:13px 28px;min-width:130px;justify-content:center;font-size:13px;box-shadow:0 0 15px #c4ff0059,0 0 38px #c4ff0030;animation:call-glow 3s ease-in-out infinite}
.call-now:hover{background:#d6ff4d;box-shadow:0 0 22px #c4ff0080,0 0 50px #c4ff0045;transform:translateY(-2px)}
.call-light{width:6px;height:6px;border-radius:50%;background:#0e1706;box-shadow:0 0 0 4px #0e170612}
.nav-cta{gap:12px}
.hero{padding-top:36px}
.hero-grid{min-height:570px}
.hero h1{font-size:clamp(43px,4.9vw,75px);letter-spacing:-.06em;line-height:1.05}
.hero h1 .sale-word{font-size:1.67em;line-height:1.05;letter-spacing:-.065em}
.hero-service-headline{font-family:var(--display);font-size:clamp(17px,1.65vw,25px);line-height:1.2;letter-spacing:-.025em;margin-top:19px}
.hero-description{margin-top:16px;font-size:13px;line-height:1.8}
.hero-actions{margin-top:24px;gap:28px}
.hero-proof{margin-top:24px}
.hero-eyebrow{margin-bottom:19px}
.hero-actions .button{padding:17px 25px;min-height:53px}
.button,.text-link{justify-content:center}
.discount-sticker{padding-bottom:18px}
.hero-bottom{margin-top:20px;padding-bottom:30px}
/* Perspective stage and rotating website previews. */
.portfolio-orbit{height:570px;position:relative;isolation:isolate;margin:0 -16px;overflow:hidden}
.portfolio-orbit:before{content:'';position:absolute;inset:0 8%;background:radial-gradient(ellipse at 50% 65%,#c4ff0017,transparent 63%);pointer-events:none}
.portfolio-track{position:absolute;left:50%;top:76%;width:82%;height:24%;transform:translate(-50%,-50%) rotate(-4deg);border:1px solid #c4ff0025;border-radius:50%;pointer-events:none}
.track-b{width:66%;height:17%;border-color:#ffffff12;transform:translate(-50%,-50%) rotate(5deg)}
.orbit-spotlight{position:absolute;left:24%;right:24%;top:78%;height:14%;background:radial-gradient(ellipse,#c4ff0033,transparent 70%);filter:blur(18px);pointer-events:none}
.orbit-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.portfolio-orbit:not(.orbit-active){height:auto;overflow:visible}
.orbit-active .orbit-projects{display:block;position:absolute;inset:0;perspective:1100px;perspective-origin:50% 48%;transform-style:preserve-3d}
.orbit-active .orbit-project{position:absolute;left:50%;top:54%;width:var(--orbit-card-width,580px);margin:0;will-change:transform;transform-origin:center;backface-visibility:hidden;background:linear-gradient(130deg,#20271f,#10150f 70%);border:1px solid #ffffff30;border-radius:14px;padding:12px 12px 18px;box-shadow:0 28px 55px #0009,inset 0 1px #ffffff14;transition:box-shadow .5s,border-color .5s}
.orbit-active .orbit-project.is-front{border-color:#c4ff0066;box-shadow:0 35px 60px #000a,0 0 35px #c4ff000a,inset 0 1px #ffffff20}
.orbit-active .orbit-project.is-front:hover,.orbit-active .orbit-project:focus-visible{border-color:#c4ff00c0;box-shadow:0 0 35px #c4ff0020,0 30px 60px #000a}
.orbit-project .project-screen{padding:25px 0 0;background:transparent!important;border:0;border-radius:6px;overflow:hidden}
.orbit-project:hover .project-screen,.orbit-project:focus-visible .project-screen{transform:none;background:transparent}
.orbit-project .project-index{left:4px;top:4px;font-size:8px;letter-spacing:.15em;color:#bdc7b6}
.orbit-project .project-screen:after{content:'•••';position:absolute;right:5px;top:0;color:#6d7b60;font-size:14px;letter-spacing:4px}
.orbit-project .project-screen img{border-radius:5px;aspect-ratio:16/9}
.orbit-project:hover img{transform:none}
.orbit-project .project-info{margin:15px 6px 0;display:block}
.orbit-project .project-info h3{font-size:17px;line-height:1.35}
.orbit-project>p{font-size:11px;margin:6px 6px 0;line-height:1.5;color:#a9b49b}
.orbit-project .visit-project{bottom:12px;right:12px;font-size:10px;padding:10px 14px}
.orbit-project.is-front .visit-project{opacity:1;transform:none;background:#c4ff00;color:#131810}
.orbit-selectors{display:flex;align-items:center;justify-content:center;gap:4px;position:relative;z-index:1}
.orbit-selector{width:32px;height:36px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.orbit-selector:before{content:'';width:6px;height:6px;border-radius:20px;background:#6d775f;transition:width .35s,background .35s,box-shadow .35s}
.orbit-selector[aria-pressed="true"]:before{width:24px;background:var(--lime);box-shadow:0 0 14px #c4ff0045}
.orbit-selector:hover:before{background:#e5efda}
.orbit-selector:focus-visible{outline:2px solid var(--lime);outline-offset:0;border-radius:8px}
.orbit-hint{text-align:center;font-size:10px;color:#a3ad99;margin-top:8px}
/* Each checklist row springs in, then settles into a quiet reading state. */
.benefit-list .check-pop{position:relative;isolation:isolate}
.check-pop:before{content:'';position:absolute;inset:8px -12px;border-radius:10px;background:linear-gradient(90deg,#c4ff003b,transparent 85%);opacity:0;z-index:-1;pointer-events:none}
.benefit-list .check{position:relative;transform:scale(1);transition:none}
.check:after{content:'';position:absolute;inset:-4px;border:2px solid #9ad000;border-radius:50%;opacity:0;pointer-events:none}
.checklist-ready .check-pop:not(.is-popped) .check{opacity:0;transform:scale(.3)}
.checklist-ready .check-pop:not(.is-popped) h3,.checklist-ready .check-pop:not(.is-popped) p{opacity:0;transform:translateY(12px)}
.checklist-ready .is-popped .check{animation:check-spring 760ms var(--pop-delay,0ms) both}
.checklist-ready .is-popped .check:after{animation:check-ring 850ms calc(var(--pop-delay,0ms) + 100ms) both}
.checklist-ready .is-popped h3{animation:check-copy 560ms calc(var(--pop-delay,0ms) + 100ms) both}
.checklist-ready .is-popped p{animation:check-copy 560ms calc(var(--pop-delay,0ms) + 190ms) both}
.checklist-ready .is-popped:before{animation:check-highlight 1100ms var(--pop-delay,0ms) both}
@keyframes check-spring{0%{opacity:0;transform:scale(.15) rotate(-24deg)}45%{opacity:1;transform:scale(1.28) rotate(7deg)}66%{transform:scale(.9) rotate(-3deg)}83%{transform:scale(1.06) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes check-ring{0%{opacity:.65;transform:scale(.65)}100%{opacity:0;transform:scale(1.75)}}
@keyframes check-copy{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes check-highlight{0%{opacity:0;transform:scaleX(.65);transform-origin:left}32%{opacity:1}100%{opacity:0;transform:scaleX(1)}}
.work-foot{margin-top:30px}
.process-grid h3{margin-top:12px}
.project-type label>span{justify-content:center}
@keyframes call-glow{0%,100%{box-shadow:0 0 12px #c4ff0055,0 0 34px #c4ff0026}50%{box-shadow:0 0 24px #c4ff0080,0 0 50px #c4ff0040}}
@media(min-width:1600px){.hero h1{font-size:75px}.hero-grid{min-height:600px}}
@media(max-width:1150px){.hero h1{font-size:4.85vw}.hero-service-headline{font-size:19px}.hero-description{font-size:12px}.hero-grid{min-height:530px}.hero-art{transform:scale(.85)}}
@media(max-width:900px){.hero h1{font-size:8vw}.hero-service-headline{font-size:22px}.hero-description{font-size:14px}.hero-art{transform:scale(.95)}.hero-grid{min-height:0;gap:15px}.hero-proof{margin-top:26px}.hero-bottom{margin-top:0}}
@media(max-width:640px){.header{height:94px}.brand img{width:127px;height:78px}.footer-main .brand img{width:148px;height:90px}.call-now{font-size:11px;padding:12px 20px;min-width:113px}.call-light{width:5px;height:5px}.hero{padding-top:9px}.hero h1{font-size:8.7vw}.hero h1 .sale-word{font-size:1.8em}.hero-service-headline{font-size:18px;line-height:1.25;margin-top:14px}.hero-description{font-size:12px;margin-top:15px;max-width:315px}.hero-eyebrow{margin-bottom:16px}.hero-copy{padding-top:25px}.hero-actions{margin-top:22px;gap:25px}.hero-actions .button{padding:14px 19px;min-height:47px;font-size:10px}.hero-art{transform:none}.hero-bottom{margin-top:7px;padding-bottom:19px}.process-grid article{display:block}.process-grid h3{margin-top:0}.process-grid p{margin-top:9px}.project-type label>span{font-size:10px}.footer-main{gap:20px}}
@media(max-width:360px){.hero-art{transform:scale(.92)}.hero-service-headline{font-size:16px}.brand img{width:116px}.call-now{min-width:105px;padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.call-now{animation:none}.orbit-project{will-change:auto}}

@media(max-width:900px){.portfolio-orbit{height:480px}.orbit-project .project-info h3{font-size:14px}.orbit-project>p{font-size:10px}}
@media(max-width:640px){.portfolio-orbit{height:clamp(370px,80vw,500px);margin-inline:-16px}.orbit-active .orbit-projects{perspective:850px}.orbit-active .orbit-project{top:58%;padding:8px 8px 13px;border-radius:10px}.orbit-project .project-screen{padding-top:21px}.orbit-project .project-index{font-size:6px}.orbit-project .project-screen:after{font-size:11px;letter-spacing:3px}.orbit-project .project-info{margin:10px 4px 0}.orbit-project .project-info h3{font-size:12px}.orbit-project>p{display:block;font-size:8px;margin:4px 4px 0}.orbit-project .visit-project{font-size:8px;padding:7px 10px;bottom:9px;right:9px}.orbit-hint{font-size:9px;max-width:270px;margin:6px auto 0}.portfolio-track{top:81%;width:94%;height:15%}.track-b{width:73%;height:11%}.orbit-spotlight{top:80%}.orbit-projects{grid-template-columns:1fr}.check-pop:before{inset:8px -8px}}
@media(prefers-reduced-motion:reduce){.checklist-ready .check-pop .check,.checklist-ready .check-pop h3,.checklist-ready .check-pop p{opacity:1!important;transform:none!important}.check-pop:before,.check:after{display:none}}