/* Salesperson concept: real client work, restrained motion, one enquiry action. */
.service-v2 .kinetic-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.07fr 1fr;gap:24px;align-items:center;text-align:left;background:#29134f;color:#fff;margin:14px -30px 0;padding:76px max(30px,4vw) 125px;overflow:hidden;border:0}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 86% 48%,#7138d0aa,transparent 53%),radial-gradient(ellipse at 15% 0%,#50318977,transparent 55%),linear-gradient(145deg,#20122e,#311957 70%,#431e78)}
.hero-atmosphere:after{content:"";position:absolute;inset:0;opacity:.13;background-image:radial-gradient(#e2d8ff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 42%,#000)}
.service-v2 .kinetic-hero .lp-hero-copy{position:relative;z-index:3;max-width:690px;margin:0}
.service-v2 .kinetic-hero .eyebrow{color:#d3c2ee;font-size:11px;letter-spacing:1.2px}
.service-v2 .kinetic-hero h1{font-size:clamp(32px,3.7vw,61px);line-height:1.23;letter-spacing:-1.5px;margin:25px 0 27px;color:#fff}
.service-v2 .kinetic-hero h1 .hero-hours{background:none;color:#fff;font-size:.65em;line-height:1.7;font-weight:700}
.service-v2 .kinetic-hero h1 .hero-gold{position:relative;background:none;color:var(--yellow);font-size:1.22em;white-space:nowrap}
.service-v2 .kinetic-hero h1 .hero-gold:after{content:"";position:absolute;left:0;right:4%;bottom:-8px;height:5px;background:var(--yellow);transform:rotate(-2deg);transform-origin:left;animation:hero-underline .8s .25s both cubic-bezier(.2,.7,.2,1)}
.service-v2 .kinetic-hero .lp-hero-copy>p{margin-left:0;margin-right:0;color:#e6ddee;max-width:510px;font-size:15px;line-height:1.9}
.service-v2 .kinetic-hero .lp-hero-copy>p.lp-lead{color:#fff;font-size:clamp(19px,1.75vw,25px);line-height:1.65;margin:34px 0 14px;font-weight:800}
.service-v2 .kinetic-hero .lp-button{position:relative;overflow:hidden;background:var(--yellow);border-color:var(--yellow);color:#241036;border-radius:8px;margin:15px 0 17px;min-height:65px;min-width:320px;box-shadow:0 5px 0 #b49a28,0 12px 32px #13082366;transition:transform .2s,box-shadow .2s}
.service-v2 .kinetic-hero .lp-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #b49a28,0 16px 35px #13082388}
.service-v2 .kinetic-hero .lp-button:active{transform:translateY(2px)}
.service-v2 .kinetic-hero .lp-hero-copy>.sl-hero-note{font-size:12px;color:#d1c1e3}
.service-v2 .kinetic-hero .lp-service-list{justify-content:flex-start;margin-top:25px;color:#cabade;font-size:11px;gap:12px}
.service-v2 .kinetic-hero .lp-service-list span{border-color:#ffffff33}
.hero-stage{position:relative;min-width:0;height:535px;perspective:1100px;isolation:isolate}
.hero-orbit{position:absolute;inset:7% -9% 0 -3%;border:1px solid #bb97fd33;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 70px #7d41ce33,inset 0 0 80px #7d41ce22}
.hero-orbit:before{content:"";position:absolute;inset:26px;border:1px solid #bb97fd20;border-radius:50%}
.hero-clock{position:absolute;right:5%;top:-22px;font-family:Arial,sans-serif;font-size:clamp(130px,16vw,230px);font-weight:900;line-height:1;color:#c6b6e409;letter-spacing:-12px;-webkit-text-stroke:1px #c4a5f044;user-select:none}
.hero-clock span{font-size:.45em;letter-spacing:-5px}
.hero-stage-inner{position:absolute;inset:0;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .45s ease-out}
.hero-browser{position:absolute;top:23%;left:2%;width:89%;background:#171322;border:1px solid #a89ebc;border-radius:13px;overflow:hidden;box-shadow:0 30px 55px #130a3480;transform:rotate(-6deg);animation:hero-float 7s ease-in-out infinite}
.hero-browser-bar{display:flex;align-items:center;gap:5px;background:#f6f3f8;color:#6e627b;height:32px;padding:0 12px}
.hero-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c6bdce}.hero-browser-bar i:first-child{background:#8760d2}.hero-browser-bar span{margin-left:12px;font-size:10px}
.hero-browser-screen{height:260px;overflow:hidden;background:#fff}.hero-browser-screen img{display:block;width:100%;height:auto}
.hero-browser-foot{display:flex;justify-content:space-between;gap:10px;padding:15px 18px;color:#efe5ff;font-size:11px}.hero-browser-foot b{color:var(--yellow)}
.hero-mobile{position:absolute;right:-2%;bottom:9%;width:29%;padding:6px;border-radius:26px;background:linear-gradient(120deg,#ddd2ef,#201d28 25%,#17131e 75%,#b4a5c7);box-shadow:0 24px 38px #16092c99;transform:rotate(9deg);animation:hero-phone-float 8s ease-in-out infinite}
.hero-mobile-screen{aspect-ratio:.49;overflow:hidden;border-radius:20px;background:#fff}.hero-mobile-screen img{width:100%;height:auto;display:block}
.hero-mobile-notch{position:absolute;top:10px;left:37%;height:7px;width:27%;border-radius:10px;background:#191522;z-index:1}
.hero-tag{position:absolute;z-index:2;font-size:13px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:8px;box-shadow:0 10px 30px #14091e33}
.hero-tag span{font-family:Arial,sans-serif;font-size:11px;opacity:.7}.hero-tag-one{top:14%;left:-2%;background:var(--yellow);color:#281238;transform:rotate(-5deg)}
.hero-tag-two{top:39%;right:-5%;background:#fff;color:#372048;transform:rotate(5deg)}
.hero-tag-three{bottom:7%;left:8%;background:#d1f56b;color:#233316;transform:rotate(-3deg)}.hero-tag-three b{font-size:21px;margin-left:10px}
.hero-art-caption{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.4px;color:#cfbce5}
.hero-ribbon{position:absolute;bottom:0;left:-2%;width:104%;height:59px;display:flex;justify-content:center;align-items:center;gap:clamp(25px,6vw,100px);background:var(--yellow);color:#311347;transform:rotate(-2deg);font-size:17px;font-weight:900;box-shadow:0 -10px 0 #7243b8}
.hero-ribbon i{font-style:normal;font-size:25px}.client-name-strip{padding:42px 12px 35px;text-align:center}.client-name-strip p{font-size:12px;color:#74677f;margin-bottom:23px}.client-name-strip>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px 45px}.client-name-strip>div span{font-size:20px;font-weight:850;color:#483b55;letter-spacing:-.5px}
.service-v2 .client-showcase{position:relative;padding-top:90px;padding-bottom:80px;clip-path:polygon(0 24px,100% 0,100% calc(100% - 24px),0 100%)}
.service-v2 .sl-offer{position:relative;overflow:hidden;background:linear-gradient(130deg,#2a1348,#5a2992);color:#fff;border:0;border-radius:16px;box-shadow:0 18px 45px #37234818}
.service-v2 .sl-offer:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--yellow)}
.service-v2 .sl-offer h2{color:#fff}.service-v2 .sl-offer-intro>p,.service-v2 .sl-offer-intro .sl-offer-outcome{color:#e9dbfa}.service-v2 .sl-offer-intro>.eyebrow{color:var(--yellow)}
.service-v2 .sl-offer-card{border-radius:10px;box-shadow:0 20px 40px #19082d55}
.service-v2 .lp-contact{background:#fff;border-radius:12px;border-top-color:var(--yellow);box-shadow:0 15px 50px #3424450d}
.service-v2 .lp-contact .sv-contact-action{background:#f3edf9;border-top:0;border-radius:8px}
.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-revealed{opacity:1;transform:none}
.kinetic-hero.motion-rest .hero-browser,.kinetic-hero.motion-rest .hero-mobile{animation-play-state:paused}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-4.5deg)}}
@keyframes hero-phone-float{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(9px) rotate(7deg)}}
@keyframes hero-underline{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}
@media(min-width:1550px){.hero-browser-screen{height:315px}.hero-stage{height:590px}}
@media(max-width:1100px) and (min-width:741px){.service-v2 .kinetic-hero{grid-template-columns:1.05fr 1fr;gap:20px;padding-left:30px;padding-right:30px}.hero-stage{height:430px}.hero-browser-screen{height:215px}.hero-tag{font-size:11px;padding:10px}.service-v2 .kinetic-hero .lp-button{min-width:0;font-size:16px}.service-v2 .kinetic-hero .lp-hero-copy>p{font-size:14px}.hero-art-caption{bottom:0}}
@media(max-width:740px){.service-v2 .kinetic-hero{grid-template-columns:1fr;display:grid;text-align:center;gap:5px;padding:42px 30px 100px}.service-v2 .kinetic-hero .lp-hero-copy{max-width:550px;margin:auto}.service-v2 .kinetic-hero h1{font-size:clamp(32px,6.8vw,46px);letter-spacing:-1px;margin-top:22px}.service-v2 .kinetic-hero .lp-hero-copy>p,.service-v2 .kinetic-hero .lp-hero-copy>p.lp-lead{margin-left:auto;margin-right:auto}.service-v2 .kinetic-hero .lp-hero-copy>p.lp-lead{font-size:21px}.service-v2 .kinetic-hero .lp-service-list{justify-content:center}.service-v2 .kinetic-hero .lp-button{min-width:0;width:100%;max-width:360px;margin:12px auto 18px;font-size:16px}.hero-stage{height:440px;width:min(100%,440px);margin:20px auto 0}.hero-browser-screen{height:235px}.hero-clock{font-size:175px}.hero-tag-two{right:0}.hero-mobile{right:0}.hero-ribbon{font-size:14px;gap:22px}.hero-ribbon i{font-size:17px}.hero-ribbon i:last-child{display:none}.hero-art-caption{bottom:-6px}.hero-browser,.hero-mobile{animation:none}.hero-stage-inner{transform:none!important}.client-name-strip{padding:30px 0}.client-name-strip>div{gap:18px 28px}.client-name-strip>div span{font-size:17px}}
@media(max-width:600px){.service-v2 .kinetic-hero{margin:12px -16px 0;padding:34px 22px 85px}.service-v2 .kinetic-hero .eyebrow{font-size:9px;letter-spacing:.3px}.service-v2 .kinetic-hero h1{font-size:clamp(29px,7.7vw,42px)}.service-v2 .kinetic-hero .lp-hero-copy>p.lp-lead{font-size:19px}.service-v2 .kinetic-hero .lp-hero-copy>.hero-summary{font-size:14px;line-height:1.9}.hero-stage{height:350px;max-width:370px}.hero-browser-screen{height:185px}.hero-browser-bar{height:25px}.hero-browser-bar span{font-size:8px;margin-left:4px}.hero-browser-foot{padding:11px 12px;font-size:9px}.hero-mobile{width:30%;border-radius:19px;padding:4px;bottom:10%}.hero-mobile-screen{border-radius:15px}.hero-mobile-notch{top:8px;height:5px}.hero-tag{font-size:10px;padding:9px 11px;gap:6px}.hero-tag-one{top:11%;left:0}.hero-tag-two{right:-1%;top:37%}.hero-tag-three{bottom:7%;left:4%}.hero-clock{top:0;font-size:145px}.hero-art-caption{font-size:9px}.hero-ribbon{gap:17px;font-size:12px;height:48px}.service-v2 .client-showcase{padding-top:60px;padding-bottom:60px}.service-v2 .sl-offer{border-radius:12px}.reveal-ready{transform:translateY(15px)}}
@media(max-width:350px){.hero-stage{height:310px}.hero-browser-screen{height:157px}.hero-tag-two{top:38%}.hero-ribbon{gap:10px;font-size:11px}.service-v2 .kinetic-hero .lp-service-list{font-size:10px;gap:6px}.service-v2 .kinetic-hero .lp-button{font-size:14px;padding:15px 9px}}
@media(prefers-reduced-motion:reduce){.hero-browser,.hero-mobile,.service-v2 .kinetic-hero h1 .hero-gold:after{animation:none}.hero-stage-inner{transform:none!important;transition:none}.reveal-ready{opacity:1;transform:none;transition:none}.service-v2 .kinetic-hero .lp-button{transition:none}}
