:root{--orange:#ff5a1f;--orange2:#ff7a1a;--ink:#0b0b0d;--ink2:#151519;--paper:#f4f1ea;--muted:#aaa7a0;--line:rgba(255,255,255,.14);--darkline:rgba(0,0,0,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.13),transparent 68%);position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.site-header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:"Space Grotesk";font-weight:700;font-size:21px}.brand>span:last-child>span{color:var(--orange)}.brand-mark{width:30px;height:30px;display:flex;gap:3px;align-items:flex-end}.brand-mark i{display:block;width:7px;background:var(--orange);transform:skew(-18deg);border-radius:1px}.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:19px}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{opacity:.78;transition:.25s}.desktop-nav a:hover{opacity:1;color:var(--orange)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%),var(--orange2));color:#fff;border:0;padding:18px 24px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:0 12px 30px rgba(255,90,31,.18);cursor:pointer}.pill-btn.small{padding:13px 18px;gap:15px}.pill-btn.dark{background:var(--ink);box-shadow:none}.menu-btn{display:none;background:none;border:0}.section-dark{background:var(--ink);position:relative}.section-light{background:var(--paper);color:var(--ink)}.section-accent{background:var(--orange);color:#fff}.hero{min-height:920px;padding:190px 5vw 80px;position:relative;overflow:hidden}.hero-copy{max-width:690px;position:relative;z-index:3}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;color:#ddd}.eyebrow span{width:32px;height:2px;background:var(--orange)}h1,h2{font-family:"Space Grotesk";letter-spacing:-.055em;line-height:.94}h1{font-size:clamp(70px,8.7vw,138px);margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--orange)}.lede{max-width:600px;font-size:18px;line-height:1.75;color:#b9b7b4}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.text-link,.arrow-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-visual{position:absolute;right:3vw;top:150px;width:46vw;height:620px}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.55}.orb-a{width:550px;height:550px;right:-180px;top:100px;background:radial-gradient(circle at 40% 40%,#ff7a1a,transparent 65%)}.orb-b{width:350px;height:350px;right:22vw;top:350px;background:radial-gradient(circle,#6d214f,transparent 65%)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;inset:30px;animation:spin 20s linear infinite}.orbit-two{inset:100px;animation-direction:reverse;animation-duration:14s}.phone-card{position:absolute;width:260px;height:510px;right:18%;top:25px;border-radius:38px;padding:38px 24px;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 45px 100px rgba(0,0,0,.55);transform:rotate(8deg);z-index:2}.phone-top{width:85px;height:18px;background:#070708;border-radius:20px;position:absolute;top:10px;left:50%;transform:translateX(-50%)}.app-chip{width:48px;height:48px;border-radius:15px;background:var(--orange);display:grid;place-items:center;font-weight:800}.app-title{font-family:"Space Grotesk";font-size:34px;line-height:1.05;margin-top:52px}.mini-chart{height:120px;display:flex;align-items:end;gap:8px;margin-top:55px}.mini-chart i{flex:1;border-radius:10px;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%),var(--orange));animation:pulsebar 2.4s ease-in-out infinite}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:58%;animation-delay:.2s}.mini-chart i:nth-child(3){height:48%;animation-delay:.4s}.mini-chart i:nth-child(4){height:78%;animation-delay:.6s}.mini-chart i:nth-child(5){height:96%;animation-delay:.8s}.app-row{display:flex;justify-content:space-between;margin-top:28px;color:#aaa;font-size:12px}.app-row strong{color:#fff}.metric-card{position:absolute;background:rgba(25,25,29,.82);backdrop-filter:blur(16px);border:1px solid var(--line);padding:22px;border-radius:18px;z-index:3;box-shadow:0 20px 50px rgba(0,0,0,.3)}.metric-card small{display:block;color:#999;margin-bottom:7px}.metric-card strong{font-size:36px}.metric-card span{font-size:26px;color:var(--orange)}.card-one{left:3%;top:120px}.card-two{right:2%;bottom:100px}.code-card{position:absolute;left:3%;bottom:80px;width:290px;padding:18px;border-radius:14px;background:#efede6;color:#141414;font-family:monospace;box-shadow:0 20px 50px rgba(0,0,0,.25);transform:rotate(-4deg);z-index:4}.code-card span{display:block;color:var(--orange)}.code-card b{display:block;padding:10px 14px}.floating{animation:float 5s ease-in-out infinite}.hero-bottom{position:absolute;left:5vw;right:5vw;bottom:35px;display:flex;justify-content:space-between;color:#8c8c90;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.scroll-hint{display:flex;align-items:center;gap:10px}.scroll-hint i{width:32px;height:1px;background:var(--orange)}.marquee-wrap{background:var(--orange);overflow:hidden;padding:20px 0;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:4}.marquee{display:flex;gap:34px;white-space:nowrap;font:700 18px "Space Grotesk";animation:marquee 22s linear infinite}.marquee i{font-style:normal;color:#111}.intro,.work{padding:130px 5vw}.section-label{color:#8e8a82;margin-bottom:70px}.intro-grid,.services-heading,.work-head,.process-grid,.contact-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:10vw}.intro h2,.services h2,.work h2,.process h2,.contact h2{font-size:clamp(54px,6.7vw,105px);margin:0}.intro-side{align-self:end}.intro-side p,.services-heading p,.sticky-copy p,.contact-grid p{color:#66635d;line-height:1.8;font-size:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--darkline);margin-top:100px}.stats article{padding:35px 20px 10px 0;border-right:1px solid var(--darkline)}.stats article:last-child{border:0}.stats strong{display:block;font:700 42px "Space Grotesk"}.stats span{color:#77736d;font-size:12px}.services,.process,.contact{padding:130px 5vw}.services-heading p{color:#aaa;align-self:end}.service-list{margin-top:90px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 1.3fr .65fr 60px;gap:28px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.service-row:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%),transparent);transform:translateX(-110%);transition:.6s}.service-row:hover:before{transform:translateX(110%)}.service-row .num{color:var(--orange);font-size:11px}.service-row h3{font:600 30px "Space Grotesk";margin-bottom:10px}.service-row p{color:#999;max-width:620px;font-size:14px;line-height:1.7;margin:0}.round-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s}.service-row:hover .round-arrow{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}.service-art{height:85px;position:relative}.web-art i{position:absolute;border:1px solid rgba(255,255,255,.3);width:95px;height:58px;border-radius:5px}.web-art i:nth-child(2){left:28px;top:14px}.web-art i:nth-child(3){left:56px;top:28px;background:var(--orange);border:0}.app-art i{position:absolute;width:42px;height:78px;border:1px solid rgba(255,255,255,.35);border-radius:10px;left:35px;transform:rotate(-10deg)}.app-art i:nth-child(2){left:78px;transform:rotate(10deg);background:var(--orange);border:0}.brand-art i{position:absolute;width:68px;height:68px;border-radius:50%;background:var(--orange);left:18px}.brand-art i:nth-child(2){left:58px;background:#fff;mix-blend-mode:difference}.brand-art i:nth-child(3){left:98px;background:#777}.growth-art{display:flex;gap:8px;align-items:end}.growth-art i{width:18px;background:#555;border-radius:4px;height:30%}.growth-art i:nth-child(2){height:50%}.growth-art i:nth-child(3){height:72%}.growth-art i:nth-child(4){height:100%;background:var(--orange)}.work-head{align-items:end}.work-head .pill-btn{justify-self:end}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:45px 30px;margin-top:80px}.project-large{grid-row:span 2}.project-media{height:430px;border-radius:4px;position:relative;overflow:hidden;transition:.5s}.project-large .project-media{height:760px}.project:hover .project-media{transform:scale(.985)}.purple{background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%)}.orange{background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%)}.green{background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%)}.browser{position:absolute;left:9%;top:13%;right:9%;bottom:10%;background:#f4f1ea;border-radius:14px;padding:55px 45px;color:#141414;transform:rotate(-3deg);box-shadow:0 30px 70px rgba(0,0,0,.28)}.browser-bar{height:14px;position:absolute;top:18px;left:20px;right:20px;border-bottom:1px solid #ddd}.browser h4{font:700 54px/1 "Space Grotesk";margin:70px 0}.browser-chart{height:180px;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%),linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%);background-size:100% 100%,100% 36px}.phone-stack i{position:absolute;width:180px;height:370px;border:7px solid #1b1b1d;border-radius:30px;background:#f3f1eb;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 30px 50px rgba(0,0,0,.25)}.phone-stack i:nth-child(2){transform:translate(-35%,-52%) rotate(2deg);background:#252529}.phone-stack i:nth-child(3){transform:translate(-20%,-48%) rotate(12deg);background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%)}.packaging{height:100%;display:flex;justify-content:center;align-items:center;gap:12px;transform:rotate(-7deg)}.packaging i{width:105px;height:260px;border-radius:52px;background:#f8efe2;color:#183d2b;display:flex;align-items:center;justify-content:center;font:700 20px "Space Grotesk";font-style:normal;writing-mode:vertical-rl}.packaging i:nth-child(2){background:#183d2b;color:#fff;transform:translateY(-30px)}.project-tag{position:absolute;top:18px;left:18px;background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:700}.project-meta{display:flex;justify-content:space-between;padding-top:18px}.project-meta h3{font:600 25px "Space Grotesk";margin-bottom:5px}.project-meta p,.project-meta span{font-size:11px;color:#78746d}.process-grid{align-items:start}.sticky-copy{position:sticky;top:100px}.sticky-copy p{color:#999;max-width:480px;margin-top:35px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:30px;padding:40px 0;border-bottom:1px solid var(--line)}.step span{font-size:11px;color:var(--orange)}.step h3{font:600 31px "Space Grotesk"}.step p{color:#999;line-height:1.7}.testimonial{padding:130px 12vw;text-align:center;position:relative}.quote-mark{font:700 120px Georgia;line-height:.5;color:#161616}.testimonial blockquote{font:600 clamp(35px,4.5vw,70px)/1.12 "Space Grotesk";letter-spacing:-.04em;margin:50px auto;max-width:1100px}.quote-author strong,.quote-author span{display:block}.quote-author span{opacity:.7;font-size:12px;margin-top:7px}.contact{overflow:hidden}.contact-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.22),transparent 65%);left:-250px;bottom:-250px}.contact-grid{position:relative}.contact-grid p{color:#999;max-width:580px;margin-top:35px}.contact-details{display:flex;flex-direction:column;gap:12px;margin-top:60px;font:600 18px "Space Grotesk"}.contact-form{display:flex;flex-direction:column;gap:28px}.contact-form label span{display:block;color:#8d8d91;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:#fff;padding:10px 0 14px;font:500 15px Manrope;outline:none}.contact-form option{color:#111}.contact-form button{align-self:flex-start;margin-top:10px}.contact-form.sent{opacity:.8}footer{background:#050506;padding:55px 5vw 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:start;border-top:1px solid var(--line)}footer p{color:#777;max-width:370px;font-size:12px}footer>div{display:flex;gap:20px;font-size:12px}footer small{grid-column:1/-1;color:#555;border-top:1px solid var(--line);padding-top:25px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.split-text{opacity:0;transform:translateY(25px);transition:.9s}.split-text.in{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:rotate(5deg) translateY(-18px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulsebar{50%{filter:brightness(1.35);transform:scaleY(.9)}}@media(max-width:1050px){.desktop-nav{display:none}.hero{min-height:1050px}.hero-visual{position:relative;right:auto;top:70px;width:100%;height:500px}.phone-card{right:30%}.intro-grid,.services-heading,.work-head,.process-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.projects{grid-template-columns:1fr 1fr}.project-large{grid-row:auto;grid-column:1/-1}.project-large .project-media{height:650px}.sticky-copy{position:relative;top:auto}.work-head .pill-btn{justify-self:start}.stats{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:40px 1fr 120px 50px}}@media(max-width:700px){.site-header{height:74px;padding:0 20px}.site-header .pill-btn{display:none}.menu-btn{display:block}.menu-btn span{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero{padding:140px 20px 60px;min-height:970px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:440px}.phone-card{width:210px;height:410px;right:12%;padding:33px 20px}.app-title{font-size:28px;margin-top:35px}.mini-chart{height:80px;margin-top:35px}.metric-card{padding:15px}.metric-card strong{font-size:26px}.card-one{left:0}.card-two{right:0}.code-card{width:220px;bottom:10px}.hero-bottom{display:none}.intro,.work,.services,.process,.contact{padding:90px 20px}.section-label{margin-bottom:45px}.stats{grid-template-columns:1fr 1fr;margin-top:60px}.stats strong{font-size:30px}.service-row{grid-template-columns:30px 1fr 45px}.service-art{display:none}.service-row h3{font-size:23px}.projects{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-media,.project-media{height:470px}.browser{padding:35px 25px}.browser h4{font-size:38px}.testimonial{padding:100px 20px}footer{grid-template-columns:1fr}footer small{grid-column:auto}.cursor-glow{display:none}}


/* Animated consultation popup */
button.pill-btn{border:0;cursor:pointer;font:inherit}
.consultation-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;visibility:hidden;pointer-events:none}
.consultation-modal.open{visibility:visible;pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,3,4,.78);backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease}
.consultation-modal.open .modal-backdrop{opacity:1}
.modal-dialog{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:linear-gradient(135deg,#FFFFFF 0%,#FFFFFF 100%);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:44px;box-shadow:0 40px 120px rgba(0,0,0,.65);opacity:0;transform:translateY(35px) scale(.92) rotateX(7deg);transition:opacity .42s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.consultation-modal.open .modal-dialog{opacity:1;transform:translateY(0) scale(1) rotateX(0)}
.modal-dialog:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,rgba(255,90,31,.35),transparent 68%);pointer-events:none}
.modal-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:.3s}
.modal-close:hover{background:var(--orange);border-color:var(--orange);transform:rotate(90deg)}
.modal-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#aaa;margin-bottom:20px}
.modal-kicker span{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}
.modal-dialog h2{font:600 clamp(34px,5vw,54px)/1.02 "Space Grotesk";letter-spacing:-.045em;max-width:570px;margin:0 0 18px}
.modal-dialog>p{color:#9b9b9f;line-height:1.7;max-width:540px;margin:0 0 30px}
.consultation-form{display:flex;flex-direction:column;gap:20px}
.modal-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.consultation-form label span{display:block;color:#8d8d91;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px}
.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#fff;padding:14px 15px;font:500 14px Manrope;outline:none;transition:.25s}
.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,31,.12);background:rgba(255,255,255,.055)}
.consultation-form option{color:#111}.modal-submit{align-self:flex-start;margin-top:4px}.modal-success{display:none;padding:14px 16px;border-radius:12px;background:rgba(62,207,142,.12);border:1px solid rgba(62,207,142,.28);color:#9ff0c8;font-size:13px}.consultation-form.sent .modal-success{display:block;animation:modalSuccess .45s ease}.consultation-form.sent .modal-submit{display:none}body.modal-open{overflow:hidden}
@keyframes modalSuccess{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.modal-dialog{padding:38px 20px 24px;border-radius:18px}.modal-field-grid{grid-template-columns:1fr}.modal-dialog h2{font-size:34px}.consultation-modal{padding:12px}.site-header .consultation-trigger{display:none}}

.logo img{height:48px;width:auto}
.consult-btn{background:#ff6a00;color:#fff;padding:14px 24px;border-radius:40px;text-decoration:none;font-weight:700;transition:.3s}
.consult-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,106,0,.35)}


/* Refined white-first #FF6A00 / black brand theme */
:root{
  --orange:#FF6A00;
  --orange2:#FF6A00;
  --ink:#000000;
  --ink2:#000000;
  --paper:#FFFFFF;
  --muted:rgba(0,0,0,.62);
  --line:rgba(0,0,0,.12);
  --darkline:rgba(0,0,0,.12);
}
body{background:#FFFFFF;color:#000000}
.noise{opacity:.018}
.cursor-glow{background:radial-gradient(circle,rgba(255,106,0,.11),transparent 68%)}
.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.1);position:absolute;color:#000000}
.brand-logo{display:block;width:190px;height:auto;max-height:58px}
.desktop-nav a{color:#000000;opacity:.72}.desktop-nav a:hover{color:#FF6A00;opacity:1}
.menu-btn span{background:#000000}
.pill-btn{background:#FF6A00;color:#FFFFFF;box-shadow:0 12px 30px rgba(255,106,0,.18)}
.pill-btn:hover{background:#000000;color:#FFFFFF}
.pill-btn.dark{background:#000000;color:#FFFFFF}.pill-btn.dark:hover{background:#FF6A00}
.section-dark,.section-light{background:#FFFFFF;color:#000000}
.section-accent{background:#FF6A00;color:#FFFFFF}
.hero{background:#FFFFFF;color:#000000}
.eyebrow{color:rgba(0,0,0,.65)}
h1 em,h2 em{color:#FF6A00}
.lede,.services-heading p,.sticky-copy p,.contact-grid p,.intro-side p{color:rgba(0,0,0,.62)}
.text-link,.arrow-link{color:#000000}.text-link:hover,.arrow-link:hover{color:#FF6A00}
.orb-a{background:radial-gradient(circle at 40% 40%,rgba(255,106,0,.22),transparent 65%)}
.orb-b{background:radial-gradient(circle,rgba(0,0,0,.08),transparent 65%)}
.orbit{border-color:rgba(0,0,0,.12)}
.phone-card{background:#000000;color:#FFFFFF;border-color:#000000;box-shadow:0 35px 90px rgba(0,0,0,.22)}
.phone-top{background:#FFFFFF}.app-chip{background:#FF6A00}.mini-chart i{background:#FF6A00}.app-row{color:rgba(255,255,255,.55)}.app-row strong{color:#FFFFFF}
.metric-card{background:#FFFFFF;color:#000000;border:1px solid rgba(0,0,0,.12);box-shadow:0 18px 50px rgba(0,0,0,.13);backdrop-filter:none}
.metric-card small{color:rgba(0,0,0,.55)}.metric-card span{color:#FF6A00}
.code-card{background:#FFFFFF;color:#000000;border:1px solid rgba(0,0,0,.12);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.hero-bottom{color:rgba(0,0,0,.5)}
.marquee-wrap{background:#FF6A00;color:#FFFFFF}.marquee i{color:#000000}
.section-label{color:#FF6A00}
.stats{border-color:rgba(0,0,0,.12)}.stats article{border-color:rgba(0,0,0,.12)}.stats span{color:rgba(0,0,0,.55)}
.service-list,.steps{border-color:rgba(0,0,0,.12)}
.service-row,.step{border-color:rgba(0,0,0,.12)}
.service-row:before{background:linear-gradient(90deg,transparent,rgba(255,106,0,.045),transparent)}
.service-row h3,.step h3{color:#000000}.service-row p,.step p{color:rgba(0,0,0,.58)}
.round-arrow{border-color:rgba(0,0,0,.18);color:#000000}.service-row:hover .round-arrow{background:#FF6A00;color:#FFFFFF;border-color:#FF6A00}
.web-art i,.app-art i{border-color:rgba(0,0,0,.28)}
.brand-art i:nth-child(2){background:#000000;mix-blend-mode:normal}.brand-art i:nth-child(3){background:#FFFFFF;border:1px solid #000000}
.growth-art i{background:#000000}.growth-art i:nth-child(4){background:#FF6A00}
.project-media{border:1px solid rgba(0,0,0,.1);box-shadow:0 18px 50px rgba(0,0,0,.08)}
.purple,.orange,.green{background:#FFFFFF}
.browser{background:#FFFFFF;color:#000000;border:1px solid rgba(0,0,0,.12);box-shadow:0 25px 65px rgba(0,0,0,.16)}
.browser-bar{border-color:rgba(0,0,0,.14)}.browser-chart{background:repeating-linear-gradient(to top,#FF6A00 0 3px,transparent 3px 28px)}
.phone-stack i{border-color:#000000;background:#FFFFFF}.phone-stack i:nth-child(2){background:#000000}.phone-stack i:nth-child(3){background:#FF6A00}
.packaging i{background:#FFFFFF;color:#000000;border:2px solid #000000}.packaging i:nth-child(2){background:#000000;color:#FFFFFF}.packaging i:nth-child(3){background:#FF6A00;color:#FFFFFF;border-color:#FF6A00}
.project-tag{background:#FF6A00;color:#FFFFFF}.project-meta p,.project-meta span{color:rgba(0,0,0,.55)}
.testimonial{background:#FF6A00;color:#FFFFFF}.quote-mark{color:#000000}
.contact{background:#FFFFFF;color:#000000}.contact-orb{background:radial-gradient(circle,rgba(255,106,0,.13),transparent 65%)}
.contact-details a:hover{color:#FF6A00}
.contact-form label span{color:rgba(0,0,0,.55)}
.contact-form input,.contact-form select,.contact-form textarea{color:#000000;border-bottom-color:rgba(0,0,0,.18)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-bottom-color:#FF6A00}
footer{background:#FFFFFF;color:#000000;border-top:1px solid rgba(0,0,0,.12)}footer p,footer small{color:rgba(0,0,0,.55)}footer small{border-color:rgba(0,0,0,.12)}footer a:hover{color:#FF6A00}
.modal-backdrop{background:rgba(0,0,0,.72)}
.modal-dialog{background:#FFFFFF;color:#000000;border-color:rgba(0,0,0,.12);box-shadow:0 35px 110px rgba(0,0,0,.35)}
.modal-dialog:before{background:radial-gradient(circle,rgba(255,106,0,.16),transparent 68%)}
.modal-close{background:#FFFFFF;color:#000000;border-color:rgba(0,0,0,.16)}.modal-close:hover{background:#FF6A00;color:#FFFFFF;border-color:#FF6A00}
.modal-kicker,.modal-dialog>p,.consultation-form label span{color:rgba(0,0,0,.58)}
.consultation-form input,.consultation-form select,.consultation-form textarea{background:#FFFFFF;color:#000000;border-color:rgba(0,0,0,.14)}
.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{border-color:#FF6A00;box-shadow:0 0 0 3px rgba(255,106,0,.1);background:#FFFFFF}
.modal-success{background:#FFFFFF;border-color:#FF6A00;color:#000000}
@media(max-width:700px){.brand-logo{width:155px;max-height:48px}}


/* ===== Premium Case Studies ===== */
.case-studies-section{
  padding:120px clamp(24px,6vw,110px) 135px;
  background:#fff;
  color:#000;
  overflow:hidden;
}
.case-section-intro{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:7vw;
  align-items:end;
  margin-bottom:80px;
}
.case-section-intro .case-eyebrow{
  grid-column:1/-1;
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:12px;
  font-weight:800;
}
.case-section-intro h2{
  margin:0;
  font-size:clamp(48px,6vw,86px);
  line-height:.96;
  letter-spacing:-.055em;
  color:#000;
}
.case-section-intro h2 em{color:#FF6A00;font-style:normal}
.case-section-intro p{
  max-width:560px;
  margin:0 0 8px;
  font-size:17px;
  line-height:1.75;
  color:rgba(0,0,0,.62);
}
.premium-case-list{display:flex;flex-direction:column;gap:120px}
.premium-case{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:7vw;
  align-items:center;
}
.premium-case-reverse{
  grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);
}
.premium-case-reverse .premium-case-media{order:2}
.premium-case-reverse .premium-case-content{order:1}
.premium-case-media{
  position:relative;
  min-height:540px;
  border-radius:32px;
  overflow:hidden;
  background:#f7f7f7;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.1);
}
.premium-case-media:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  background:rgba(255,106,0,.1);
  right:-105px;top:-135px;
}
.premium-case-media:after{
  content:"";
  position:absolute;
  width:270px;height:270px;
  border:44px solid rgba(255,106,0,.07);
  border-radius:50%;
  left:-120px;bottom:-145px;
}
.media-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 96%);
  mask-image:linear-gradient(to bottom,#000,transparent 96%);
}
.case-floating-label{
  position:absolute;
  z-index:5;
  left:28px;bottom:28px;
  padding:11px 16px;
  border-radius:999px;
  background:#FF6A00;
  color:#fff;
  font-size:12px;
  font-weight:800;
  box-shadow:0 12px 30px rgba(255,106,0,.22);
}
.premium-case-content{padding:12px 0}
.case-number{
  display:block;
  margin-bottom:22px;
  color:#FF6A00;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
.premium-case-content h3{
  margin:0 0 24px;
  color:#000;
  font-size:clamp(40px,4.3vw,66px);
  line-height:.98;
  letter-spacing:-.05em;
}
.premium-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.premium-tags span{
  padding:10px 15px;
  border-radius:999px;
  background:#f2f2f2;
  border:1px solid rgba(0,0,0,.08);
  color:#000;
  font-size:12px;
  font-weight:700;
}
.premium-tags span:first-child{background:#FF6A00;color:#fff;border-color:#FF6A00}
.premium-case-content>p{
  max-width:610px;
  margin:0 0 30px;
  color:rgba(0,0,0,.66);
  font-size:17px;
  line-height:1.8;
}
.premium-metrics{display:flex;flex-direction:column;gap:12px;margin-bottom:34px}
.premium-metrics div{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:11px 18px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  background:#fff;
}
.premium-metrics b{font-size:17px;color:#000}
.premium-metrics span{font-size:13px;color:rgba(0,0,0,.55)}
.premium-case-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding-bottom:8px;
  border-bottom:2px solid #FF6A00;
  color:#FF6A00;
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.premium-case-link span{font-size:18px;transition:.25s}
.premium-case-link:hover span{transform:translate(4px,-4px)}
.crm-window{
  position:absolute;
  z-index:2;
  left:7%;right:7%;top:11%;bottom:10%;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 32px 65px rgba(0,0,0,.17);
  transform:rotate(-1.5deg);
}
.crm-top{height:54px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.08)}
.crm-dots{display:flex;gap:6px}.crm-dots i{width:9px;height:9px;border-radius:50%;background:#FF6A00}.crm-dots i:nth-child(2),.crm-dots i:nth-child(3){background:#000;opacity:.14}
.crm-top b{font-size:12px}.crm-top span{margin-left:auto;font-size:10px;color:#FF6A00;font-weight:800}
.crm-body{height:calc(100% - 54px);display:grid;grid-template-columns:72px 1fr}
.crm-body aside{padding:22px;display:flex;flex-direction:column;gap:15px;border-right:1px solid rgba(0,0,0,.08)}
.crm-body aside i{height:18px;border-radius:5px;background:#000;opacity:.1}.crm-body aside i:first-child{background:#FF6A00;opacity:1}
.crm-main{padding:28px}.crm-title{display:flex;justify-content:space-between}.crm-title small{color:#FF6A00}
.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.crm-stats div{padding:18px;border-radius:14px;background:#f7f7f7}.crm-stats b{display:block;font-size:22px}.crm-stats span{font-size:9px;color:rgba(0,0,0,.5)}
.crm-chart{height:180px;padding:20px;display:flex;align-items:end;gap:11px;border-radius:16px;background:#fafafa}
.crm-chart i{flex:1;border-radius:8px 8px 2px 2px;background:#000}.crm-chart i:nth-child(2),.crm-chart i:nth-child(5),.crm-chart i:nth-child(7){background:#FF6A00}
.phone-pair{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}
.mock-phone{width:210px;height:420px;padding:10px;border-radius:36px;background:#000;box-shadow:0 34px 65px rgba(0,0,0,.25)}
.phone-left{transform:rotate(-9deg) translate(24px,13px)}.phone-right{transform:rotate(7deg) translate(-15px,-8px)}
.phone-inner{position:relative;height:100%;padding:42px 22px 24px;border-radius:29px;background:#fff;overflow:hidden}
.phone-inner:before{content:"";position:absolute;top:11px;left:50%;width:75px;height:20px;border-radius:999px;background:#000;transform:translateX(-50%)}
.phone-inner small{color:#FF6A00;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}
.phone-inner h4{margin:14px 0 20px;font-size:25px;line-height:1.08}
.phone-inner>span{display:block;margin-top:17px;color:rgba(0,0,0,.55);font-size:12px}
.property-visual{height:185px;border-radius:22px;background:linear-gradient(145deg,#FF6A00 0 48%,#000 48% 100%)}
.lead-chart{height:150px;padding:16px 0;display:flex;align-items:end;gap:8px}
.lead-chart i{flex:1;border-radius:5px 5px 0 0;background:#000}.lead-chart i:nth-child(1){height:35%}.lead-chart i:nth-child(2){height:72%;background:#FF6A00}.lead-chart i:nth-child(3){height:52%}.lead-chart i:nth-child(4){height:88%;background:#FF6A00}
.ai-panel{
  position:absolute;
  z-index:2;
  left:7%;right:7%;top:12%;bottom:12%;
  padding:26px;
  border-radius:24px;
  background:#000;
  color:#fff;
  box-shadow:0 32px 70px rgba(0,0,0,.28);
  transform:rotate(1deg);
}
.ai-panel-head{display:flex;justify-content:space-between;font-size:12px}.ai-panel-head span{color:#FF6A00}
.ai-prompt{margin:28px 0 18px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:14px;font-size:18px}
.ai-prompt:before{content:"→";margin-right:10px;color:#FF6A00}
.ai-list{display:flex;flex-direction:column;gap:10px}
.ai-list div{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:12px;background:rgba(255,255,255,.06)}
.ai-list i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#FF6A00;font-style:normal;font-size:10px}
.ai-list b{font-size:12px}.ai-list span{color:rgba(255,255,255,.52);font-size:11px}
.ai-loader{height:7px;margin-top:25px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.ai-loader i{display:block;width:78%;height:100%;background:#FF6A00;animation:caseLoad 2.4s ease-in-out infinite}
.shop-browser{
  position:absolute;
  z-index:2;
  left:8%;right:8%;top:15%;bottom:15%;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 30px 70px rgba(0,0,0,.18);
  transform:rotate(-2deg);
}
.shop-nav{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);font-size:10px}.shop-nav b{font-size:17px}
.shop-hero{height:calc(100% - 58px);padding:55px;background:linear-gradient(135deg,#fff 0 60%,#FF6A00 60% 100%)}
.shop-hero small{color:#FF6A00;font-size:10px;font-weight:800;letter-spacing:.16em}.shop-hero h4{margin:16px 0 28px;font-size:34px;line-height:1.05}.shop-hero button{padding:12px 20px;border:0;border-radius:999px;background:#000;color:#fff}
.conversion-card{position:absolute;z-index:4;right:5%;bottom:9%;width:175px;padding:18px;border-radius:18px;background:#000;color:#fff;box-shadow:0 25px 55px rgba(0,0,0,.25)}
.conversion-card small{color:rgba(255,255,255,.55)}.conversion-card b{display:block;margin:5px 0 12px;font-size:32px}.conversion-card i{display:block;height:6px;border-radius:999px;background:#FF6A00}
@keyframes caseLoad{0%,100%{width:58%}50%{width:92%}}
@media(max-width:1050px){
  .case-section-intro{grid-template-columns:1fr}
  .premium-case,.premium-case-reverse{grid-template-columns:1fr;gap:42px}
  .premium-case-reverse .premium-case-media,.premium-case-reverse .premium-case-content{order:initial}
  .premium-case-media{min-height:500px}
}
@media(max-width:700px){
  .case-studies-section{padding:85px 20px 95px}
  .premium-case-list{gap:82px}
  .premium-case-media{min-height:390px;border-radius:24px}
  .premium-case-content h3{font-size:39px}
  .premium-case-content>p{font-size:15px}
  .premium-metrics div{width:100%}
  .crm-window{left:4%;right:4%;top:8%;bottom:12%}
  .crm-main{padding:16px}.crm-stats{gap:6px}.crm-stats div{padding:10px}.crm-chart{height:130px;padding:12px;gap:6px}
  .mock-phone{width:160px;height:330px;border-radius:28px}.phone-inner{border-radius:22px;padding:34px 16px 18px}.phone-inner h4{font-size:19px}.property-visual{height:135px}
  .ai-panel{left:4%;right:4%;top:8%;bottom:13%;padding:18px}.ai-prompt{font-size:14px;padding:15px}.ai-list div{grid-template-columns:28px 1fr}.ai-list span{display:none}
  .shop-browser{left:4%;right:4%;top:10%;bottom:15%}.shop-hero{padding:35px 22px}.shop-hero h4{font-size:25px}.conversion-card{width:145px;padding:14px}
  .case-floating-label{left:18px;bottom:18px}
}


/* ===== Industries & Expertise ===== */
.industries-section{
  position:relative;
  overflow:hidden;
  padding:125px clamp(24px,6vw,110px) 130px;
  background:#000;
  color:#fff;
}
.industries-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,106,0,.22),transparent 28%),
    radial-gradient(circle at 87% 68%,rgba(255,106,0,.14),transparent 32%);
  pointer-events:none;
}
.industries-orbit{
  position:absolute;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  animation:industryOrbit 18s linear infinite;
}
.orbit-one{width:620px;height:620px;left:-250px;top:110px}
.orbit-two{width:460px;height:460px;right:-160px;bottom:-100px;animation-direction:reverse;animation-duration:14s}
.industries-heading,.expertise-heading{
  position:relative;
  z-index:2;
  max-width:1050px;
  margin:0 auto 72px;
  text-align:center;
}
.industry-kicker{
  display:inline-block;
  margin-bottom:22px;
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:800;
}
.industries-heading h2,.expertise-heading h2{
  margin:0;
  font-size:clamp(52px,7vw,100px);
  line-height:.92;
  letter-spacing:-.055em;
}
.industries-heading h2 em,.expertise-heading h2 em{color:#FF6A00;font-style:normal}
.industries-heading p,.expertise-heading p{
  max-width:780px;
  margin:30px auto 0;
  color:rgba(255,255,255,.68);
  font-size:17px;
  line-height:1.75;
}
.industry-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.industry-card{
  position:relative;
  min-height:178px;
  padding:24px 21px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s;
}
.industry-card:before{
  content:"";
  position:absolute;
  width:120px;height:120px;
  border-radius:50%;
  right:-65px;top:-70px;
  background:#FF6A00;
  opacity:0;
  transition:.45s;
}
.industry-card:hover{
  transform:translateY(-9px);
  background:#fff;
  border-color:#fff;
  color:#000;
}
.industry-card:hover:before{opacity:.12;transform:scale(1.4)}
.industry-icon{
  position:relative;
  z-index:2;
  width:48px;height:48px;
  display:grid;
  place-items:center;
  margin-bottom:23px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  color:#FF6A00;
  font-size:13px;
  font-weight:900;
  letter-spacing:.06em;
  transition:.35s;
}
.industry-card:hover .industry-icon{background:#FF6A00;color:#fff;border-color:#FF6A00;transform:rotate(-6deg) scale(1.08)}
.industry-card strong{position:relative;z-index:2;display:block;margin-bottom:9px;font-size:15px}
.industry-card small{position:relative;z-index:2;color:rgba(255,255,255,.55);font-size:11px;line-height:1.5}
.industry-card:hover small{color:rgba(0,0,0,.58)}

.expertise-section{
  padding:125px 0 135px;
  overflow:hidden;
  background:#fff;
  color:#000;
}
.expertise-heading{padding:0 clamp(24px,6vw,110px)}
.expertise-heading p{color:rgba(0,0,0,.62)}
.expertise-marquee{
  width:100%;
  overflow:hidden;
  margin:18px 0;
  transform:rotate(-1.2deg);
}
.marquee-right{transform:rotate(1.2deg)}
.expertise-track{
  width:max-content;
  display:flex;
  gap:16px;
  animation:expertiseScroll 32s linear infinite;
}
.marquee-right .expertise-track{animation-direction:reverse;animation-duration:36s}
.expertise-marquee:hover .expertise-track{animation-play-state:paused}
.expertise-track span{
  min-width:210px;
  padding:22px 30px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  background:#fff;
  color:#000;
  text-align:center;
  font-size:19px;
  font-weight:800;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.35s;
}
.expertise-track span:nth-child(3n+1){background:#000;color:#fff}
.expertise-track span:nth-child(3n+2){background:#FF6A00;color:#fff;border-color:#FF6A00}
.expertise-track span:hover{transform:scale(1.06)}
.expertise-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding:95px clamp(24px,6vw,110px) 0;
}
.expertise-feature{
  position:relative;
  min-height:290px;
  padding:34px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.1);
  border-radius:22px;
  background:#fafafa;
  transition:.45s cubic-bezier(.2,.8,.2,1);
}
.expertise-feature:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-80px;bottom:-90px;
  border-radius:50%;
  background:#FF6A00;
  opacity:.08;
  transition:.45s;
}
.expertise-feature:hover{transform:translateY(-10px);background:#000;color:#fff}
.expertise-feature:hover:after{transform:scale(1.7);opacity:.2}
.expertise-feature>span{display:block;margin-bottom:55px;color:#FF6A00;font-size:12px;font-weight:900;letter-spacing:.13em}
.expertise-feature h3{position:relative;z-index:2;margin:0 0 15px;font-size:27px;line-height:1.05}
.expertise-feature p{position:relative;z-index:2;margin:0;color:rgba(0,0,0,.58);line-height:1.7;font-size:14px}
.expertise-feature:hover p{color:rgba(255,255,255,.65)}

@keyframes expertiseScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes industryOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@media(max-width:1150px){
  .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .expertise-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .industries-section,.expertise-section{padding-top:88px;padding-bottom:92px}
  .industries-heading,.expertise-heading{margin-bottom:50px}
  .industries-heading h2,.expertise-heading h2{font-size:48px}
  .industries-heading p,.expertise-heading p{font-size:15px}
  .industry-grid{grid-template-columns:1fr 1fr;gap:10px}
  .industry-card{min-height:162px;padding:19px 16px}
  .industry-icon{margin-bottom:18px}
  .expertise-track span{min-width:165px;padding:17px 23px;font-size:15px}
  .expertise-feature-grid{grid-template-columns:1fr;padding-top:68px}
  .expertise-feature{min-height:235px}
}
@media(max-width:460px){
  .industry-grid{grid-template-columns:1fr}
  .industry-card{min-height:auto}
}


/* ===== Premium DigitalWebGo Footer ===== */
.premium-footer{
  position:relative;
  overflow:hidden;
  padding:70px clamp(24px,5.5vw,95px) 24px;
  background:
    radial-gradient(circle at 50% 105%,rgba(255,106,0,.16),transparent 34%),
    linear-gradient(180deg,#101014 0%,#08080b 100%);
  color:#fff;
}
.footer-glow{
  position:absolute;
  width:620px;height:300px;
  left:50%;bottom:-210px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#FF6A00;
  filter:blur(115px);
  opacity:.17;
  pointer-events:none;
}
.footer-brand-row{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:34px;
  margin-bottom:54px;
}
.footer-line{height:1px;background:rgba(255,255,255,.21)}
.footer-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:240px;
}
.footer-logo-wrap img{
  display:block;
  width:min(260px,28vw);
  max-height:92px;
  object-fit:contain;
}
.footer-socials{
  grid-column:2;
  display:flex;
  justify-content:center;
  gap:13px;
  margin-top:-6px;
}
.footer-socials a{
  width:36px;height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:transform .3s,background .3s,border-color .3s;
}
.footer-socials a:hover{
  transform:translateY(-4px);
  background:#FF6A00;
  border-color:#FF6A00;
}
.footer-columns{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr .75fr 1.25fr 1.2fr .85fr;
  gap:48px;
  padding:14px 0 80px;
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column h3{
  position:relative;
  margin:0 0 28px;
  padding-left:13px;
  color:#fff;
  font-size:17px;
  line-height:1.2;
}
.footer-column h3:before{
  content:"";
  position:absolute;
  left:0;top:-4px;
  width:2px;height:32px;
  background:#FF6A00;
}
.footer-column a,
.footer-column p{
  margin:0 0 15px;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:14px;
  line-height:1.55;
  transition:color .25s,transform .25s;
}
.footer-column a:hover{
  color:#fff;
  transform:translateX(4px);
}
.footer-contact-column p{max-width:240px}
.footer-mini-cta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:8px!important;
  padding-bottom:7px;
  border-bottom:1px solid #FF6A00;
  color:#FF6A00!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px!important;
}
.footer-wordmark{
  position:relative;
  z-index:1;
  margin:0 0 -3vw;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.16);
  font-size:clamp(78px,15.2vw,260px);
  line-height:.73;
  letter-spacing:-.075em;
  font-weight:900;
  white-space:nowrap;
  text-align:center;
  user-select:none;
  transform:translateY(15%);
}
.footer-bottom{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.47);
  font-size:11px;
}
.footer-bottom div{display:flex;gap:24px}
.footer-bottom a{color:inherit;text-decoration:none}
.footer-bottom a:hover{color:#fff}
.footer-floating-actions{
  position:fixed;
  z-index:30;
  right:18px;
  bottom:90px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-float{
  width:46px;height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#000;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  transition:transform .3s,background .3s;
}
.footer-float:hover{transform:scale(1.1) translateY(-2px);background:#FF6A00}
.whatsapp-float{background:#FF6A00}
.footer-quote-tab{
  position:fixed;
  z-index:29;
  right:0;
  top:54%;
  transform:translateY(-50%);
  border:0;
  border-radius:18px 0 0 18px;
  padding:24px 12px;
  background:#FF6A00;
  color:#fff;
  font-weight:800;
  font-size:12px;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  cursor:pointer;
  box-shadow:0 15px 35px rgba(255,106,0,.28);
  transition:padding .3s,background .3s;
}
.footer-quote-tab:hover{padding-right:17px;background:#D95700}

/* Entry animation hooks */
.premium-footer .footer-column{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.premium-footer.footer-visible .footer-column{
  opacity:1;
  transform:translateY(0);
}
.premium-footer.footer-visible .footer-column:nth-child(2){transition-delay:.08s}
.premium-footer.footer-visible .footer-column:nth-child(3){transition-delay:.16s}
.premium-footer.footer-visible .footer-column:nth-child(4){transition-delay:.24s}
.premium-footer.footer-visible .footer-column:nth-child(5){transition-delay:.32s}
.premium-footer .footer-wordmark{
  opacity:0;
  transition:opacity 1.1s ease .25s,transform 1.1s cubic-bezier(.2,.8,.2,1) .25s;
}
.premium-footer.footer-visible .footer-wordmark{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:1150px){
  .footer-columns{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .premium-footer{padding:60px 22px 22px}
  .footer-brand-row{grid-template-columns:1fr;gap:22px}
  .footer-brand-row .footer-line{display:none}
  .footer-logo-wrap{min-width:0}
  .footer-logo-wrap img{width:220px}
  .footer-socials{grid-column:1;margin:0}
  .footer-columns{grid-template-columns:1fr 1fr;gap:42px 24px;padding-bottom:60px}
  .footer-wordmark{font-size:20vw;margin-bottom:-1vw}
  .footer-bottom{align-items:flex-start;flex-direction:column}
  .footer-quote-tab{display:none}
  .footer-floating-actions{right:12px;bottom:18px;flex-direction:row}
}
@media(max-width:480px){
  .footer-columns{grid-template-columns:1fr}
  .footer-column h3{margin-bottom:20px}
  .footer-wordmark{font-size:18vw}
}


/* ===== Refined Premium Industries ===== */
.industries-v2{
  position:relative;
  overflow:hidden;
  padding:130px clamp(24px,6vw,110px) 0;
  background:#08090b;
  color:#fff;
}
.industries-v2-bg{position:absolute;inset:0;pointer-events:none}
.industries-v2-bg span{
  position:absolute;border-radius:50%;filter:blur(1px);
  border:1px solid rgba(255,255,255,.055);
}
.industries-v2-bg span:nth-child(1){width:680px;height:680px;left:-290px;top:-120px}
.industries-v2-bg span:nth-child(2){width:460px;height:460px;right:-170px;top:180px;border-color:rgba(255,106,0,.2)}
.industries-v2-bg span:nth-child(3){width:220px;height:220px;left:53%;bottom:80px;background:rgba(255,106,0,.1);filter:blur(70px)}
.industries-v2-head{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:6vw;
  align-items:start;
  margin-bottom:72px;
}
.section-kicker{
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:900;
}
.industries-v2-head h2{
  margin:0;
  font-size:clamp(54px,7.5vw,108px);
  line-height:.9;
  letter-spacing:-.06em;
}
.industries-v2-head h2 em{color:#FF6A00;font-style:normal}
.industries-v2-head p{
  max-width:720px;
  margin:28px 0 0;
  color:rgba(255,255,255,.62);
  font-size:17px;
  line-height:1.8;
}
.industry-showcase{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.industry-feature-card{
  position:relative;
  min-height:220px;
  display:grid;
  grid-template-columns:76px 1fr 40px;
  gap:26px;
  align-items:start;
  padding:34px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  backdrop-filter:blur(12px);
  transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s;
}
.industry-feature-card:before{
  content:attr(data-index);
  position:absolute;
  right:24px;bottom:18px;
  color:rgba(255,255,255,.04);
  font-size:86px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
  transition:.4s;
}
.industry-feature-card:hover{
  transform:translateY(-9px);
  border-color:rgba(255,106,0,.7);
  background:linear-gradient(135deg,rgba(255,106,0,.13),rgba(255,255,255,.03));
}
.industry-feature-card:hover:before{color:rgba(255,106,0,.12);transform:translateY(-4px)}
.industry-feature-icon{
  width:66px;height:66px;
  display:grid;place-items:center;
  border-radius:18px;
  background:#FF6A00;
  color:#fff;
  font-weight:900;
  letter-spacing:.06em;
  box-shadow:0 15px 36px rgba(255,106,0,.24);
  transition:.45s cubic-bezier(.2,.8,.2,1);
}
.industry-feature-card:hover .industry-feature-icon{transform:rotate(-7deg) scale(1.08)}
.industry-feature-card h3{margin:4px 0 14px;font-size:25px;letter-spacing:-.025em}
.industry-feature-card p{max-width:480px;margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.75}
.industry-arrow{font-size:24px;color:#FF6A00;transition:.3s}
.industry-feature-card:hover .industry-arrow{transform:translate(5px,-5px)}
.industry-ticker{
  position:relative;z-index:2;
  margin:100px calc(clamp(24px,6vw,110px) * -1) 0;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
  background:#0d0e11;
}
.industry-ticker-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:26px;
  padding:25px 0;
  animation:industryTicker 34s linear infinite;
}
.industry-ticker-track span{
  font-size:20px;
  font-weight:700;
  white-space:nowrap;
  color:rgba(255,255,255,.77);
}
.industry-ticker-track i{color:#FF6A00;font-style:normal}
@keyframes industryTicker{to{transform:translateX(-50%)}}

/* ===== Refined Premium Footer ===== */
.footer-v2{
  position:relative;
  overflow:hidden;
  padding:92px clamp(24px,6vw,110px) 24px;
  background:#07080a;
  color:#fff;
}
.footer-v2-glow{
  position:absolute;
  width:760px;height:420px;
  left:50%;bottom:-310px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#FF6A00;
  filter:blur(140px);
  opacity:.18;
}
.footer-v2-top{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:10vw;
  align-items:end;
}
.footer-v2-logo img{
  width:250px;
  max-height:84px;
  object-fit:contain;
}
.footer-v2-brand p{
  max-width:350px;
  margin:28px 0;
  color:rgba(255,255,255,.58);
  font-size:15px;
  line-height:1.7;
}
.footer-v2-socials{display:flex;gap:11px}
.footer-v2-socials a{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;text-decoration:none;
  font-size:12px;font-weight:800;
  transition:.3s;
}
.footer-v2-socials a:hover{background:#FF6A00;border-color:#FF6A00;transform:translateY(-4px)}
.footer-v2-cta>span{
  color:#FF6A00;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.18em;
  font-weight:900;
}
.footer-v2-cta h2{
  max-width:800px;
  margin:18px 0 30px;
  font-size:clamp(44px,5.6vw,84px);
  line-height:.94;
  letter-spacing:-.055em;
}
.footer-v2-button{
  display:inline-flex;
  align-items:center;
  gap:18px;
  border:0;
  border-radius:999px;
  padding:17px 24px;
  background:#FF6A00;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 18px 45px rgba(255,106,0,.22);
  transition:.35s;
}
.footer-v2-button:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(255,106,0,.32)}
.footer-v2-button b{font-size:20px}
.footer-v2-rule{height:1px;margin:76px 0 52px;background:rgba(255,255,255,.12)}
.footer-v2-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1.25fr repeat(4,1fr);
  gap:54px;
}
.footer-v2-column{display:flex;flex-direction:column;align-items:flex-start}
.footer-v2-column h3{
  margin:0 0 23px;
  padding-left:13px;
  border-left:2px solid #FF6A00;
  font-size:15px;
}
.footer-v2-column a,.footer-v2-column p{
  margin:0 0 13px;
  color:rgba(255,255,255,.62);
  text-decoration:none;
  font-size:13px;
  line-height:1.55;
  transition:.25s;
}
.footer-v2-column a:hover{color:#fff;transform:translateX(4px)}
.footer-v2-wordmark{
  position:relative;z-index:1;
  margin:80px 0 -2vw;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.11);
  font-size:clamp(80px,13.7vw,230px);
  line-height:.72;
  font-weight:900;
  letter-spacing:-.075em;
  text-align:center;
  white-space:nowrap;
}
.footer-v2-bottom{
  position:relative;z-index:3;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.42);
  font-size:11px;
}
.footer-v2-bottom div{display:flex;gap:24px}
.footer-v2-bottom a{color:inherit;text-decoration:none}.footer-v2-bottom a:hover{color:#fff}
.footer-v2-actions{
  position:fixed;z-index:40;
  right:18px;bottom:22px;
  display:flex;flex-direction:column;gap:10px;
}
.footer-v2-action{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#08090b;
  border:1px solid rgba(255,255,255,.2);
  color:#fff;text-decoration:none;
  font-size:11px;font-weight:900;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  transition:.3s;
}
.footer-v2-action:hover{transform:translateY(-4px) scale(1.04);background:#FF6A00;border-color:#FF6A00}
.action-red{background:#FF6A00;border-color:#FF6A00}

/* Animated entrance */
.footer-v2 .footer-v2-brand,
.footer-v2 .footer-v2-cta,
.footer-v2 .footer-v2-column{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.footer-v2.footer-visible .footer-v2-brand,
.footer-v2.footer-visible .footer-v2-cta,
.footer-v2.footer-visible .footer-v2-column{opacity:1;transform:none}
.footer-v2.footer-visible .footer-v2-cta{transition-delay:.1s}
.footer-v2.footer-visible .footer-v2-column:nth-child(2){transition-delay:.08s}
.footer-v2.footer-visible .footer-v2-column:nth-child(3){transition-delay:.16s}
.footer-v2.footer-visible .footer-v2-column:nth-child(4){transition-delay:.24s}
.footer-v2.footer-visible .footer-v2-column:nth-child(5){transition-delay:.32s}

@media(max-width:1050px){
  .industries-v2-head{grid-template-columns:1fr}
  .industry-showcase{grid-template-columns:1fr}
  .footer-v2-top{grid-template-columns:1fr;gap:55px}
  .footer-v2-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .industries-v2{padding-top:88px}
  .industries-v2-head h2{font-size:50px}
  .industry-feature-card{grid-template-columns:60px 1fr;min-height:auto;padding:25px;gap:18px}
  .industry-feature-icon{width:54px;height:54px;border-radius:15px}
  .industry-arrow{display:none}
  .industry-feature-card h3{font-size:21px}
  .industry-ticker{margin-top:70px}
  .footer-v2{padding:72px 22px 22px}
  .footer-v2-logo img{width:210px}
  .footer-v2-cta h2{font-size:46px}
  .footer-v2-grid{grid-template-columns:1fr 1fr;gap:40px 24px}
  .footer-v2-wordmark{font-size:18vw;margin-top:58px}
  .footer-v2-bottom{align-items:flex-start;flex-direction:column}
  .footer-v2-actions{right:12px;bottom:12px;flex-direction:row}
}
@media(max-width:460px){
  .footer-v2-grid{grid-template-columns:1fr}
}


/* ===== Premium service visuals ===== */
.service-row{
  grid-template-columns:58px minmax(0,1.25fr) minmax(260px,.62fr) 58px;
  min-height:210px;
  padding:34px 0;
  transition:background .35s ease,padding .35s ease;
}
.service-row:hover{padding-left:18px;padding-right:12px;background:rgba(255,106,0,.025)}
.service-row h3{font-size:clamp(29px,2.4vw,40px);letter-spacing:-.035em}
.service-row p{font-size:15px;max-width:720px}
.service-visual{
  position:relative;
  width:250px;
  height:136px;
  justify-self:center;
  perspective:900px;
}
.visual-chip{
  position:absolute;
  right:0;
  bottom:0;
  z-index:5;
  padding:8px 11px;
  border-radius:999px;
  background:#000;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  transition:.35s;
}
.service-row:hover .visual-chip{background:#FF6A00;transform:translateY(-4px)}

.mini-browser-ui{
  position:absolute;
  inset:9px 19px 13px 8px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.14);
  border-radius:14px;
  background:#fff;
  box-shadow:0 20px 45px rgba(0,0,0,.11);
  transform:rotate(-2deg);
  transition:.5s cubic-bezier(.2,.8,.2,1);
}
.service-row:hover .mini-browser-ui{transform:rotate(0deg) translateY(-5px)}
.mini-browser-top{height:24px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid rgba(0,0,0,.08)}
.mini-browser-top i{width:5px;height:5px;border-radius:50%;background:#FF6A00}.mini-browser-top i:nth-child(2),.mini-browser-top i:nth-child(3){background:#000;opacity:.17}
.mini-browser-body{position:relative;height:calc(100% - 24px);padding:16px;background:linear-gradient(135deg,#fff 0 65%,rgba(255,106,0,.08) 65%)}
.mini-browser-body span{display:block;width:58%;height:9px;border-radius:999px;background:#000;margin-bottom:9px}
.mini-browser-body b{display:block;width:76%;height:5px;border-radius:999px;background:rgba(0,0,0,.16);margin-bottom:6px}
.mini-browser-body em{display:block;width:48%;height:28px;border-radius:7px;background:#FF6A00;margin-top:16px;animation:servicePulse 2.5s ease-in-out infinite}

.service-app-visual{display:flex;align-items:center;justify-content:center}
.mini-phone{
  position:absolute;
  width:67px;height:122px;
  padding:11px 8px;
  border:3px solid #000;
  border-radius:17px;
  background:#fff;
  box-shadow:0 18px 38px rgba(0,0,0,.14);
  transition:.5s cubic-bezier(.2,.8,.2,1);
}
.phone-a{left:60px;top:4px;transform:rotate(-8deg)}
.phone-b{left:119px;top:9px;transform:rotate(8deg);background:#FF6A00;border-color:#FF6A00}
.service-row:hover .phone-a{transform:rotate(-13deg) translate(-5px,-5px)}
.service-row:hover .phone-b{transform:rotate(13deg) translate(5px,-8px)}
.mini-phone:before{content:"";position:absolute;top:5px;left:50%;width:24px;height:4px;border-radius:99px;background:#000;transform:translateX(-50%)}
.phone-b:before{background:#fff}
.mini-phone span{display:block;height:33px;border-radius:8px;background:#f1f1f1;margin-top:7px}
.phone-b span{background:rgba(255,255,255,.92)}
.mini-phone b,.mini-phone i{display:block;height:5px;border-radius:99px;margin-top:8px;background:#000;opacity:.15}
.phone-b b,.phone-b i{background:#fff;opacity:.75}
.mini-phone i{width:62%}

.brand-board{
  position:absolute;
  left:18px;right:18px;top:9px;bottom:9px;
  overflow:hidden;
  border-radius:18px;
  background:#000;
  box-shadow:0 22px 45px rgba(0,0,0,.17);
  transition:.5s cubic-bezier(.2,.8,.2,1);
}
.service-row:hover .brand-board{transform:rotate(2deg) translateY(-5px)}
.brand-monogram{position:absolute;left:20px;top:18px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#FF6A00;color:#fff;font-size:24px;font-weight:900}
.brand-board i,.brand-board b,.brand-board em{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.85)}
.brand-board i{width:62px;height:62px;right:42px;top:24px}
.brand-board b{width:45px;height:45px;right:19px;top:47px;background:#fff}
.brand-board em{width:18px;height:18px;right:89px;bottom:17px;background:#FF6A00;border:0;animation:brandOrbit 4s linear infinite}

.growth-panel{
  position:absolute;
  left:10px;right:18px;top:8px;bottom:9px;
  padding:16px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 45px rgba(0,0,0,.1);
  transition:.5s cubic-bezier(.2,.8,.2,1);
}
.service-row:hover .growth-panel{transform:translateY(-6px) rotate(-1deg)}
.growth-line{height:38px;position:relative;margin-bottom:12px}
.growth-line:before{content:"";position:absolute;left:3px;right:3px;top:22px;height:1px;background:rgba(0,0,0,.09)}
.growth-line span{position:absolute;left:4px;right:5px;top:7px;height:25px;border-top:3px solid #FF6A00;border-radius:50%;transform:skewY(-8deg)}
.growth-bars{height:42px;display:flex;align-items:end;gap:8px}
.growth-bars i{flex:1;border-radius:5px 5px 2px 2px;background:#000;animation:growthBar 2.8s ease-in-out infinite}
.growth-bars i:nth-child(1){height:30%}.growth-bars i:nth-child(2){height:54%;animation-delay:.15s}.growth-bars i:nth-child(3){height:72%;animation-delay:.3s}.growth-bars i:nth-child(4){height:96%;background:#FF6A00;animation-delay:.45s}
.growth-panel>b{position:absolute;right:16px;top:14px;color:#FF6A00;font-size:13px}

.round-arrow{width:54px;height:54px;font-size:18px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.04)}
.service-row:hover .round-arrow{transform:rotate(45deg) scale(1.08)}

@keyframes servicePulse{0%,100%{transform:scaleX(.82);transform-origin:left}50%{transform:scaleX(1)}}
@keyframes brandOrbit{to{transform:rotate(360deg) translateX(12px) rotate(-360deg)}}
@keyframes growthBar{0%,100%{filter:brightness(1);transform:scaleY(.92);transform-origin:bottom}50%{filter:brightness(1.25);transform:scaleY(1)}}

@media(max-width:1050px){
  .service-row{grid-template-columns:44px minmax(0,1fr) 235px 54px}
  .service-visual{width:220px}
}
@media(max-width:760px){
  .service-row{grid-template-columns:34px 1fr 50px;min-height:auto;padding:30px 0}
  .service-visual{grid-column:2/4;width:100%;max-width:300px;height:135px;justify-self:start;margin-top:16px}
  .service-row:hover{padding-left:0;padding-right:0}
  .round-arrow{grid-column:3;grid-row:1}
}


/* ===== Premium Impact Statistics ===== */
.impact-stats{
  margin-top:110px;
  padding-top:70px;
  border-top:1px solid rgba(0,0,0,.11);
}
.impact-intro{
  display:grid;
  grid-template-columns:.55fr 1fr 1fr;
  gap:5vw;
  align-items:start;
  margin-bottom:50px;
}
.impact-intro>span{
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
}
.impact-intro h3{
  margin:0;
  color:#000;
  font-size:clamp(30px,3.2vw,50px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.impact-intro p{
  max-width:520px;
  margin:0;
  color:rgba(0,0,0,.58);
  font-size:15px;
  line-height:1.75;
}
.impact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.impact-card{
  position:relative;
  min-height:330px;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 45px rgba(0,0,0,.045);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s,background .35s;
}
.impact-card:before{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:-95px;bottom:-100px;
  border-radius:50%;
  background:#FF6A00;
  opacity:.06;
  transition:.45s;
}
.impact-card:hover{
  transform:translateY(-10px);
  border-color:rgba(255,106,0,.42);
  box-shadow:0 28px 70px rgba(0,0,0,.09);
}
.impact-card:hover:before{
  opacity:.13;
  transform:scale(1.45);
}
.impact-card-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:72px;
}
.impact-index{
  color:#FF6A00;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.impact-number{
  position:relative;
  z-index:2;
  display:block;
  margin-bottom:12px;
  color:#000;
  font-size:clamp(48px,4vw,72px);
  line-height:.9;
  letter-spacing:-.055em;
  font-weight:800;
}
.impact-label{
  position:relative;
  z-index:2;
  display:block;
  margin-bottom:15px;
  color:#000;
  font-size:15px;
  font-weight:800;
}
.impact-card small{
  position:relative;
  z-index:2;
  display:block;
  color:rgba(0,0,0,.5);
  font-size:11px;
  line-height:1.6;
}
.impact-icon{
  position:relative;
  width:58px;height:58px;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.impact-card:hover .impact-icon{transform:rotate(-5deg) scale(1.07)}
.impact-icon-brand i{
  position:absolute;
  width:34px;height:34px;
  border-radius:50%;
  border:2px solid #000;
  top:12px;
}
.impact-icon-brand i:nth-child(1){left:0;background:#FF6A00;border-color:#FF6A00}
.impact-icon-brand i:nth-child(2){left:12px;background:#000}
.impact-icon-brand i:nth-child(3){left:24px;background:#fff}
.impact-icon-web i{
  position:absolute;
  border:2px solid #000;
  border-radius:7px;
  width:48px;height:34px;
}
.impact-icon-web i:nth-child(1){left:0;top:4px}
.impact-icon-web i:nth-child(2){left:10px;top:16px;background:#FF6A00;border-color:#FF6A00}
.impact-icon-motion{
  display:flex;
  align-items:end;
  gap:5px;
  padding:8px;
}
.impact-icon-motion i{
  flex:1;
  border-radius:4px;
  background:#000;
  animation:impactBars 2s ease-in-out infinite;
}
.impact-icon-motion i:nth-child(1){height:28%;animation-delay:.1s}
.impact-icon-motion i:nth-child(2){height:52%;animation-delay:.25s}
.impact-icon-motion i:nth-child(3){height:75%;animation-delay:.4s}
.impact-icon-motion i:nth-child(4){height:100%;background:#FF6A00;animation-delay:.55s}
.impact-icon-growth i{
  position:absolute;
  width:11px;
  bottom:6px;
  border-radius:4px 4px 0 0;
  background:#000;
}
.impact-icon-growth i:nth-child(1){height:17px;left:4px}
.impact-icon-growth i:nth-child(2){height:29px;left:19px}
.impact-icon-growth i:nth-child(3){height:42px;left:34px}
.impact-icon-growth i:nth-child(4){height:55px;left:49px;background:#FF6A00}
@keyframes impactBars{
  0%,100%{transform:scaleY(1)}
  50%{transform:scaleY(.72)}
}

@media(max-width:1050px){
  .impact-intro{grid-template-columns:1fr 1fr}
  .impact-intro>span{grid-column:1/-1}
  .impact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .impact-stats{margin-top:75px;padding-top:50px}
  .impact-intro{grid-template-columns:1fr;gap:22px;margin-bottom:36px}
  .impact-grid{grid-template-columns:1fr}
  .impact-card{min-height:275px}
  .impact-card-top{margin-bottom:48px}
}


/* ===== Premium Consultation Popup V5 ===== */
html.modal-open,body.modal-open{overflow:hidden}
.consultation-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:28px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease,visibility .35s ease;
}
.consultation-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.consultation-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,5,7,.72);
  backdrop-filter:blur(14px);
}
.consultation-dialog{
  position:relative;
  z-index:2;
  width:min(1120px,96vw);
  max-height:none;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.3);
  border-radius:30px;
  background:#fff;
  box-shadow:0 40px 120px rgba(0,0,0,.34);
  transform:translateY(35px) scale(.965);
  opacity:0;
  transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
}
.consultation-modal.is-open .consultation-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}
.consultation-close{
  position:absolute;
  z-index:6;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.12);
  border-radius:50%;
  background:#fff;
  color:#000;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .3s,background .3s,color .3s;
}
.consultation-close:hover{
  transform:rotate(90deg);
  background:#FF6A00;
  color:#fff;
}
.consultation-panel{
  position:relative;
  overflow:hidden;
  padding:46px 42px 36px;
  background:#090a0c;
  color:#fff;
}
.consultation-panel:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-190px;top:-150px;
  border-radius:50%;
  background:#FF6A00;
  filter:blur(4px);
  opacity:.18;
}
.consultation-panel:after{
  content:"DWG";
  position:absolute;
  left:24px;
  bottom:-24px;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.06);
  font-size:112px;
  font-weight:900;
  letter-spacing:-.08em;
}
.consultation-kicker{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
}
.consultation-kicker:before{
  content:"";
  width:8px;height:8px;
  border-radius:50%;
  background:#FF6A00;
  box-shadow:0 0 0 7px rgba(255,106,0,.12);
}
.consultation-panel h2{
  position:relative;
  z-index:2;
  margin:20px 0 17px;
  font-size:clamp(38px,4.2vw,58px);
  line-height:.93;
  letter-spacing:-.055em;
}
.consultation-panel>p{
  position:relative;
  z-index:2;
  max-width:440px;
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.75;
}
.consultation-benefits{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:28px;
}
.consultation-benefits>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  align-items:start;
}
.consultation-benefits>div>span{
  width:34px;height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.15);
  color:#FF6A00;
  font-size:10px;
  font-weight:900;
}
.consultation-benefits p{margin:0}
.consultation-benefits strong{display:block;margin-bottom:4px;font-size:13px}
.consultation-benefits small{display:block;color:rgba(255,255,255,.48);font-size:11px;line-height:1.5}
.consultation-contact{
  position:relative;
  z-index:2;
  margin-top:38px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.1);
}
.consultation-contact small{display:block;margin-bottom:10px;color:rgba(255,255,255,.43)}
.consultation-contact a{
  display:block;
  margin-top:7px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
}
.consultation-form-wrap{
  overflow:hidden;
  padding:42px 46px 34px;
  background:#fff;
}
.consultation-form-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:24px;
  padding-right:55px;
}
.consultation-form-head span{
  color:#000;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:900;
}
.consultation-form-head strong{
  color:rgba(0,0,0,.42);
  font-size:11px;
  font-weight:600;
}
.consultation-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.consultation-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.consultation-form label{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.consultation-form label>span{
  color:rgba(0,0,0,.56);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:10px;
  font-weight:800;
}
.consultation-form input,
.consultation-form select,
.consultation-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.13);
  border-radius:15px;
  background:#fafafa;
  color:#000;
  font:inherit;
  font-size:14px;
  outline:none;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.consultation-form input,
.consultation-form select{
  min-height:54px;
  padding:0 17px;
}
.consultation-form textarea{
  min-height:92px;
  padding:16px 17px;
  resize:vertical;
}
.consultation-form input:focus,
.consultation-form select:focus,
.consultation-form textarea:focus{
  border-color:#FF6A00;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,106,0,.08);
}
.consultation-form-footer{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:5px;
}
.consultation-submit{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border:0;
  border-radius:999px;
  padding:0 25px;
  background:#FF6A00;
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 15px 35px rgba(255,106,0,.22);
  transition:transform .3s,box-shadow .3s,background .3s;
}
.consultation-submit:hover{
  transform:translateY(-3px);
  background:#D95700;
  box-shadow:0 22px 45px rgba(255,106,0,.3);
}
.consultation-submit b{font-size:18px}
.consultation-form-footer>small{
  max-width:210px;
  color:rgba(0,0,0,.4);
  font-size:10px;
  line-height:1.5;
}
.consultation-success{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  border-radius:15px;
  background:#f6f6f6;
  border:1px solid rgba(0,0,0,.08);
}
.consultation-success[hidden]{display:none}
.consultation-success>span{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#FF6A00;
  color:#fff;
}
.consultation-success strong{display:block;margin-bottom:5px}
.consultation-success p{margin:0;color:rgba(0,0,0,.55);font-size:12px;line-height:1.5}

@media(max-width:900px){
  .consultation-modal{padding:16px}
  .consultation-dialog{
    width:min(720px,96vw);
    grid-template-columns:1fr;
    max-height:92vh;
    overflow-y:auto;
  }
  .consultation-panel{padding:48px 34px 38px}
  .consultation-panel h2{max-width:560px}
  .consultation-benefits{display:grid;grid-template-columns:repeat(3,1fr)}
  .consultation-benefits>div{grid-template-columns:1fr}
  .consultation-contact{display:none}
  .consultation-form-wrap{overflow:visible;padding:42px 34px 38px}
}
@media(max-width:620px){
  .consultation-modal{padding:10px}
  .consultation-dialog{border-radius:22px}
  .consultation-close{top:12px;right:12px;width:40px;height:40px}
  .consultation-panel{padding:42px 22px 30px}
  .consultation-panel h2{font-size:39px}
  .consultation-panel>p{font-size:14px}
  .consultation-benefits{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .consultation-benefits>div{grid-template-columns:34px 1fr}
  .consultation-form-wrap{padding:34px 20px 28px}
  .consultation-form-head{align-items:flex-start;flex-direction:column;padding-right:48px}
  .consultation-field-grid{grid-template-columns:1fr}
  .consultation-form-footer{align-items:flex-start;flex-direction:column}
  .consultation-submit{width:100%}
}


/* ===== Cinematic Hero V7 ===== */
.hero-v2{
  min-height:940px;
  padding:190px 5vw 92px;
  background:#fff;
  color:#000;
  isolation:isolate;
}
.hero-cinematic{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.hero-film-grain{
  position:absolute;
  inset:0;
  opacity:.055;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.55'/%3E%3C/svg%3E");
}
.hero-light{
  position:absolute;
  border-radius:50%;
  filter:blur(30px);
  animation:heroLightDrift 11s ease-in-out infinite alternate;
}
.hero-light-one{
  width:600px;height:600px;
  right:-140px;top:50px;
  background:radial-gradient(circle,rgba(255,106,0,.23),rgba(255,106,0,0) 68%);
}
.hero-light-two{
  width:420px;height:420px;
  right:33%;bottom:-180px;
  background:radial-gradient(circle,rgba(255,106,0,.12),rgba(255,106,0,0) 70%);
  animation-delay:-4s;
}
.hero-grid-lines{
  position:absolute;
  inset:0;
  opacity:.38;
  background-image:
    linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 35%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 35%,#000 100%);
}
.hero-streak{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,#FF6A00,transparent);
  transform-origin:left center;
  opacity:.5;
}
.hero-streak-one{
  width:500px;
  right:8%;
  top:27%;
  transform:rotate(-18deg);
  animation:heroStreak 5.5s ease-in-out infinite;
}
.hero-streak-two{
  width:360px;
  right:22%;
  bottom:23%;
  transform:rotate(18deg);
  animation:heroStreak 6.8s ease-in-out infinite reverse;
}
.hero-particle-field i{
  position:absolute;
  width:5px;height:5px;
  border-radius:50%;
  background:#FF6A00;
  opacity:.35;
  animation:heroParticle 8s ease-in-out infinite;
}
.hero-particle-field i:nth-child(1){left:56%;top:18%;animation-delay:-1s}
.hero-particle-field i:nth-child(2){left:78%;top:12%;animation-delay:-4s}
.hero-particle-field i:nth-child(3){left:91%;top:42%;animation-delay:-2s}
.hero-particle-field i:nth-child(4){left:67%;top:62%;animation-delay:-6s}
.hero-particle-field i:nth-child(5){left:83%;top:78%;animation-delay:-3s}
.hero-particle-field i:nth-child(6){left:51%;top:72%;animation-delay:-5s}
.hero-particle-field i:nth-child(7){left:72%;top:35%;animation-delay:-7s}
.hero-particle-field i:nth-child(8){left:94%;top:69%;animation-delay:-2.5s}

.hero-v2 .hero-copy{
  max-width:700px;
}
.hero-title{
  overflow:visible;
}
.hero-title>span{
  display:block;
  opacity:0;
  transform:translateY(65px);
  animation:heroTitleIn .9s cubic-bezier(.2,.8,.2,1) forwards;
}
.hero-title>span:nth-child(2){animation-delay:.13s}
.hero-eyebrow{
  opacity:0;
  transform:translateY(20px);
  animation:heroFadeUp .65s ease .08s forwards;
}
.hero-v2 .lede{
  opacity:0;
  transform:translateY(24px);
  animation:heroFadeUp .7s ease .33s forwards;
}
.hero-v2 .hero-actions{
  opacity:0;
  transform:translateY(22px);
  animation:heroFadeUp .7s ease .48s forwards;
}
.hero-proof{
  display:flex;
  gap:34px;
  margin-top:46px;
  opacity:0;
  transform:translateY(20px);
  animation:heroFadeUp .7s ease .62s forwards;
}
.hero-proof div{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-right:28px;
  border-right:1px solid rgba(0,0,0,.12);
}
.hero-proof div:last-child{border-right:0}
.hero-proof strong{font-size:15px;color:#000}
.hero-proof span{font-size:10px;color:rgba(0,0,0,.48);text-transform:uppercase;letter-spacing:.08em}

.hero-v2 .hero-visual{
  right:2.5vw;
  top:125px;
  width:48vw;
  height:670px;
  perspective:1300px;
}
.hero-radar{
  position:absolute;
  width:560px;height:560px;
  right:4%;top:5%;
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 18%,rgba(255,106,0,.06) 18.5% 19%,transparent 19.5% 37%,rgba(0,0,0,.05) 37.5% 38%,transparent 38.5%),
    conic-gradient(from 0deg,rgba(255,106,0,.09),transparent 28%,transparent 72%,rgba(255,106,0,.05));
  animation:heroRadarSpin 18s linear infinite;
}
.hero-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.1);
}
.ring-a{width:560px;height:560px;right:4%;top:5%;animation:heroRingPulse 5s ease-in-out infinite}
.ring-b{width:390px;height:390px;right:13%;top:18%;animation:heroRingPulse 5s ease-in-out infinite .7s}

.hero-dashboard{
  position:absolute;
  z-index:2;
  width:500px;height:345px;
  right:5%;top:110px;
  border:1px solid rgba(0,0,0,.11);
  border-radius:24px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 38px 85px rgba(0,0,0,.16);
  overflow:hidden;
  transform:rotateY(-10deg) rotateX(4deg);
}
.dashboard-header{
  height:52px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 18px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.dashboard-dots{display:flex;gap:6px}
.dashboard-dots i{width:8px;height:8px;border-radius:50%;background:#FF6A00}
.dashboard-dots i:nth-child(2),.dashboard-dots i:nth-child(3){background:#000;opacity:.12}
.dashboard-header span{font-size:10px;font-weight:700}
.dashboard-header b{margin-left:auto;color:#FF6A00;font-size:9px;letter-spacing:.1em}
.dashboard-content{display:grid;grid-template-columns:64px 1fr;height:calc(100% - 52px)}
.dashboard-sidebar{
  padding:20px 17px;
  border-right:1px solid rgba(0,0,0,.08);
}
.dashboard-sidebar i{
  display:block;
  height:16px;
  margin-bottom:14px;
  border-radius:5px;
  background:#000;
  opacity:.08;
}
.dashboard-sidebar i:first-child{background:#FF6A00;opacity:1}
.dashboard-main{padding:24px}
.dashboard-copy small{display:block;color:rgba(0,0,0,.45);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.dashboard-copy strong{display:block;margin-top:6px;font-size:25px}
.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.dashboard-stats div{padding:14px;border-radius:13px;background:#f4f4f4}
.dashboard-stats span{display:block;font-size:9px;color:rgba(0,0,0,.45)}
.dashboard-stats b{display:block;margin-top:4px;font-size:21px}
.dashboard-chart{
  height:115px;
  display:flex;
  align-items:end;
  gap:9px;
  padding:14px 14px 0;
  border-radius:14px;
  background:#f7f7f7;
}
.dashboard-chart i{
  flex:1;
  min-height:20px;
  border-radius:5px 5px 0 0;
  background:#000;
  transform-origin:bottom;
  animation:heroChartPulse 2.8s ease-in-out infinite;
}
.dashboard-chart i:nth-child(2),
.dashboard-chart i:nth-child(5),
.dashboard-chart i:nth-child(7){background:#FF6A00}

.hero-mobile{
  position:absolute;
  z-index:4;
  width:205px;height:405px;
  right:1%;
  top:245px;
  padding:34px 20px 22px;
  border-radius:34px;
  background:#090a0c;
  color:#fff;
  box-shadow:0 38px 85px rgba(0,0,0,.28);
  transform:rotate(7deg);
}
.mobile-notch{
  position:absolute;
  top:10px;left:50%;
  width:72px;height:16px;
  border-radius:999px;
  background:#000;
  transform:translateX(-50%);
}
.mobile-logo{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  background:#FF6A00;
  font-size:11px;
  font-weight:900;
}
.hero-mobile>small{display:block;margin-top:28px;color:rgba(255,255,255,.42);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.hero-mobile h3{margin:8px 0 18px;font-size:24px;line-height:1.05}
.mobile-ring{
  width:112px;height:112px;
  display:grid;place-items:center;
  margin:0 auto;
  border-radius:50%;
  background:conic-gradient(#FF6A00 0 78%,rgba(255,255,255,.1) 78% 100%);
  position:relative;
  animation:heroMobileRing 5s ease-in-out infinite;
}
.mobile-ring:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:#090a0c;
}
.mobile-ring span{position:relative;z-index:2;font-size:22px;font-weight:800}
.mobile-row{display:flex;justify-content:space-between;margin-top:20px;color:rgba(255,255,255,.45);font-size:9px}
.mobile-row b{color:#fff}

.hero-float-card{
  position:absolute;
  z-index:5;
  min-width:175px;
  padding:18px;
  border-radius:17px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 20px 50px rgba(0,0,0,.13);
}
.hero-float-card span{display:block;color:rgba(0,0,0,.48);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.hero-float-card strong{display:inline-block;margin-top:7px;font-size:30px}
.hero-float-card b{font-size:20px;color:#FF6A00}
.float-card-a{left:1%;top:170px}
.float-card-a i{
  display:block;
  width:100%;height:6px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#FF6A00 0 68%,rgba(0,0,0,.08) 68%);
}
.float-card-b{left:8%;bottom:90px}

.hero-code-chip{
  position:absolute;
  z-index:5;
  left:0;
  bottom:170px;
  width:275px;
  padding:16px 18px;
  border-radius:14px;
  background:#000;
  color:#fff;
  font-family:monospace;
  font-size:11px;
  box-shadow:0 22px 48px rgba(0,0,0,.2);
  transform:rotate(-5deg);
}
.hero-code-chip span{display:block;color:#FF6A00}
.hero-code-chip b{display:block;padding:8px 12px;font-weight:500}

.parallax-layer{
  transition:transform .16s ease-out;
  will-change:transform;
}

@keyframes heroTitleIn{
  to{opacity:1;transform:translateY(0)}
}
@keyframes heroFadeUp{
  to{opacity:1;transform:translateY(0)}
}
@keyframes heroLightDrift{
  to{transform:translate3d(-55px,35px,0) scale(1.08)}
}
@keyframes heroStreak{
  0%,100%{opacity:.15;transform:translateX(-35px) rotate(-18deg)}
  50%{opacity:.7;transform:translateX(55px) rotate(-18deg)}
}
@keyframes heroParticle{
  0%,100%{transform:translateY(0) scale(1);opacity:.2}
  50%{transform:translateY(-24px) scale(1.5);opacity:.65}
}
@keyframes heroRadarSpin{to{transform:rotate(360deg)}}
@keyframes heroRingPulse{
  0%,100%{transform:scale(.96);opacity:.35}
  50%{transform:scale(1.04);opacity:.8}
}
@keyframes heroChartPulse{
  0%,100%{filter:brightness(1);transform:scaleY(1)}
  50%{filter:brightness(1.16);transform:scaleY(.86)}
}
@keyframes heroMobileRing{
  0%,100%{transform:rotate(0deg)}
  50%{transform:rotate(8deg)}
}

@media(max-width:1100px){
  .hero-v2{min-height:1120px}
  .hero-v2 .hero-copy{max-width:850px}
  .hero-v2 .hero-visual{
    position:relative;
    right:auto;
    top:70px;
    width:100%;
    height:570px;
  }
  .hero-dashboard{right:12%}
  .hero-mobile{right:8%}
  .float-card-a{left:8%}
  .float-card-b{left:12%}
  .hero-code-chip{left:7%}
}
@media(max-width:700px){
  .hero-v2{
    min-height:1030px;
    padding:135px 20px 55px;
  }
  .hero-proof{gap:14px;flex-wrap:wrap}
  .hero-proof div{padding-right:15px}
  .hero-v2 .hero-visual{height:505px;top:52px}
  .hero-dashboard{
    width:92%;
    height:300px;
    right:4%;
    top:55px;
    transform:rotateY(-5deg) rotateX(2deg);
  }
  .dashboard-content{grid-template-columns:48px 1fr}
  .dashboard-main{padding:17px}
  .dashboard-stats{margin:14px 0}
  .dashboard-chart{height:90px}
  .hero-mobile{
    width:155px;
    height:315px;
    right:1%;
    top:210px;
    padding:29px 15px 18px;
    border-radius:27px;
  }
  .hero-mobile h3{font-size:19px}
  .mobile-ring{width:85px;height:85px}
  .float-card-a{left:0;top:260px;min-width:145px}
  .float-card-b{display:none}
  .hero-code-chip{left:0;bottom:5px;width:220px}
  .hero-radar,.ring-a,.ring-b{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-v2 *,
  .hero-v2 *:before,
  .hero-v2 *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}


/* ===== Real-image animated service visuals ===== */
.service-photo-visual{
  position:relative;
  width:330px;
  height:160px;
  border-radius:22px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 22px 55px rgba(0,0,0,.12);
  isolation:isolate;
  transform:rotate(-1.5deg);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease;
}
.service-row:nth-child(even) .service-photo-visual{transform:rotate(1.5deg)}
.service-photo-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.75) contrast(1.06);
  transform:scale(1.08);
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s ease;
}
.service-photo-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 58%,rgba(255,106,0,.12) 100%),
    linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45) 100%);
  transition:background .55s ease;
}
.service-photo-visual:before{
  content:"";
  position:absolute;
  z-index:3;
  top:-25%;
  left:-45%;
  width:42%;
  height:150%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  transition:left .8s cubic-bezier(.2,.8,.2,1);
}
.service-photo-caption{
  position:absolute;
  z-index:4;
  left:22px;
  right:20px;
  bottom:20px;
  color:#fff;
  transform:translateY(8px);
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.service-photo-caption span{
  display:block;
  margin-bottom:6px;
  color:#ff2a22;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.service-photo-caption b{
  display:block;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.025em;
}
.service-photo-visual:after{
  content:"";
  position:absolute;
  z-index:4;
  width:9px;
  height:9px;
  right:18px;
  top:18px;
  border-radius:50%;
  background:#FF6A00;
  box-shadow:0 0 0 8px rgba(255,106,0,.16);
  animation:servicePulse 2.2s ease-in-out infinite;
}
.service-row:hover .service-photo-visual{
  transform:translateY(-8px) rotate(0deg) scale(1.02);
  box-shadow:0 34px 80px rgba(0,0,0,.18);
}
.service-row:hover .service-photo-visual img{
  transform:scale(1.18);
  filter:saturate(1) contrast(1.08);
}
.service-row:hover .service-photo-visual:before{left:125%}
.service-row:hover .service-photo-caption{transform:translateY(0)}
.service-row:hover .service-photo-overlay{
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.22) 60%,rgba(255,106,0,.2) 100%);
}
.service-web-photo img{object-position:center 58%}
.service-app-photo img{object-position:center 48%}
.service-brand-photo img{object-position:center 56%}
.service-marketing-photo img{object-position:center 45%}
@keyframes servicePulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.1);opacity:1}}
@media(max-width:900px){
  .service-photo-visual{width:280px;height:145px}
}
@media(max-width:700px){
  .service-photo-visual{width:100%;height:210px;margin-top:22px}
  .service-photo-caption b{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .service-photo-visual,.service-photo-visual img,.service-photo-caption{transition:none!important}
  .service-photo-visual:after{animation:none!important}
}


/* ===== Premium service mockup imagery V9 ===== */
.service-photo-visual{
  width:min(420px,32vw)!important;
  height:220px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,0,0,.1)!important;
  background:#08080b!important;
  box-shadow:0 24px 60px rgba(0,0,0,.12)!important;
  transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);
  transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s!important;
}
.service-row:hover .service-photo-visual{
  transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-8px) scale(1.025)!important;
  box-shadow:0 34px 85px rgba(0,0,0,.18)!important;
}
.service-photo-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.03);
  transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s!important;
  filter:saturate(.92) contrast(1.04);
}
.service-row:hover .service-photo-visual img{
  transform:scale(1.1) translate3d(0,-4px,0)!important;
  filter:saturate(1.08) contrast(1.08);
}
.service-photo-overlay{
  background:
    linear-gradient(180deg,transparent 25%,rgba(0,0,0,.66) 100%),
    linear-gradient(115deg,rgba(255,106,0,.18),transparent 42%)!important;
}
.service-photo-caption{
  left:20px!important;
  right:20px!important;
  bottom:17px!important;
}
.service-photo-caption span{
  display:inline-block;
  padding:6px 9px;
  border-radius:999px;
  background:#FF6A00;
  color:#fff!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}
.service-photo-caption b{
  display:block;
  margin-top:8px;
  color:#fff!important;
  font-size:17px!important;
  text-shadow:0 4px 18px rgba(0,0,0,.45);
}
.service-photo-visual:after{
  content:"";
  position:absolute;
  inset:-50%;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 50%,transparent 58%);
  transform:translateX(-80%) rotate(8deg);
  transition:transform .9s ease;
  pointer-events:none;
}
.service-row:hover .service-photo-visual:after{
  transform:translateX(80%) rotate(8deg);
}
@media(max-width:900px){
  .service-photo-visual{
    width:100%!important;
    height:250px!important;
    transform:none!important;
  }
}


/* Stable modal scroll lock */
html.modal-open,
body.modal-open{
  overflow:hidden;
}


/* ===== Premium Orange Theme Override V12 ===== */
:root{
  --brand-orange:#FF6A00;
  --brand-orange-hover:#D95700;
  --brand-orange-soft:#FF8A33;
  --brand-black:#000000;
  --brand-white:#FFFFFF;
}

/* Core accent replacements */
a:hover,
.case-index,
.case-link,
.case-number,
.premium-case-link,
.industry-kicker,
.section-kicker,
.consultation-kicker,
.impact-index,
.footer-v2-cta>span{
  color:var(--brand-orange);
}

button,
.pill-btn,
.consultation-submit,
.footer-v2-button,
.case-floating-label,
.premium-tags span:first-child,
.industry-feature-icon,
.footer-v2-action.action-red,
.whatsapp-float,
.footer-mini-cta,
.mobile-logo{
  background-color:var(--brand-orange);
  color:#fff;
}

button:hover,
.pill-btn:hover,
.consultation-submit:hover,
.footer-v2-button:hover{
  background-color:var(--brand-orange-hover);
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--brand-orange)!important;
  box-shadow:0 0 0 4px rgba(255,106,0,.10)!important;
}

.case-link,
.premium-case-link,
.footer-mini-cta{
  border-color:var(--brand-orange)!important;
}

.footer-column h3:before,
.footer-v2-column h3,
.ai-progress span,
.ai-loader i,
.commerce-card i,
.conversion-card i{
  border-color:var(--brand-orange)!important;
  background-color:var(--brand-orange)!important;
}

::selection{
  background:var(--brand-orange);
  color:#fff;
}


/* ===== Consultation popup UI refinement V13 ===== */
.consultation-modal{
  overflow:hidden!important;
}

.consultation-dialog{
  width:min(1080px,calc(100vw - 40px))!important;
  max-height:min(760px,calc(100vh - 40px))!important;
  overflow:hidden!important;
}

.consultation-panel{
  padding:50px 42px 38px!important;
}

.consultation-panel h2{
  font-size:clamp(39px,4vw,60px)!important;
}

.consultation-benefits{
  margin-top:30px!important;
  gap:13px!important;
}

.consultation-contact{
  margin-top:28px!important;
  padding-top:18px!important;
}

.consultation-form-wrap{
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:46px 46px 38px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overscroll-behavior:contain;
}

.consultation-form-wrap::-webkit-scrollbar,
.consultation-dialog::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.consultation-form{
  min-width:0!important;
  gap:17px!important;
}

.consultation-form label,
.consultation-field-grid,
.custom-select-field{
  min-width:0!important;
}

.consultation-form input,
.consultation-form textarea,
.custom-select-trigger{
  max-width:100%!important;
}

.consultation-form textarea{
  resize:none!important;
  min-height:105px!important;
}

/* Premium custom dropdown */
.custom-select{
  position:relative;
  width:100%;
  z-index:20;
}

.custom-select-trigger{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 17px;
  border:1px solid rgba(0,0,0,.13);
  border-radius:15px;
  background:#fafafa;
  color:#111;
  font:inherit;
  font-size:14px;
  text-align:left;
  cursor:pointer;
  outline:none;
  transition:border-color .25s,box-shadow .25s,background .25s;
}

.custom-select-trigger:hover{
  background:#fff;
  border-color:rgba(0,0,0,.23);
}

.custom-select.is-open .custom-select-trigger{
  border-color:#FF6A00;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,106,0,.09);
}

.custom-select-trigger i{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-right:2px solid #111;
  border-bottom:2px solid #111;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .25s ease;
}

.custom-select.is-open .custom-select-trigger i{
  transform:rotate(225deg) translate(-2px,-2px);
}

.custom-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 9px);
  z-index:100;
  max-height:250px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 60px rgba(0,0,0,.17);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px) scale(.985);
  transform-origin:top;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  scrollbar-width:none;
}

.custom-select-menu::-webkit-scrollbar{
  display:none;
}

.custom-select.is-open .custom-select-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.custom-select-menu button{
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  padding:0 13px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#151515;
  font:inherit;
  font-size:13px;
  text-align:left;
  cursor:pointer;
  transition:background .18s,color .18s,transform .18s;
}

.custom-select-menu button:hover,
.custom-select-menu button[aria-selected="true"]{
  background:#fff1e7;
  color:#D95700;
  transform:translateX(2px);
}

.custom-select-menu button[aria-selected="true"]::after{
  content:"✓";
  margin-left:auto;
  color:#FF6A00;
  font-weight:900;
}

@media(max-width:900px){
  .consultation-dialog{
    width:min(700px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
  }

  .consultation-dialog::-webkit-scrollbar{
    display:none!important;
  }

  .consultation-panel{
    padding:42px 30px 30px!important;
  }

  .consultation-form-wrap{
    overflow:visible!important;
    padding:34px 30px 32px!important;
  }
}

@media(max-width:620px){
  .consultation-modal{
    padding:6px!important;
    align-items:center!important;
  }

  .consultation-dialog{
    width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:20px!important;
  }

  .consultation-panel{
    display:none!important;
  }

  .consultation-form-wrap{
    padding:66px 18px 24px!important;
  }

  .consultation-form-head{
    padding-right:38px!important;
    margin-bottom:24px!important;
  }

  .consultation-close{
    position:fixed!important;
    top:16px!important;
    right:16px!important;
    width:42px!important;
    height:42px!important;
    background:#fff!important;
  }

  .custom-select-menu{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:18px;
    max-height:min(55vh,390px);
    border-radius:20px;
    padding:10px;
    transform:translateY(24px) scale(.98);
  }

  .custom-select.is-open .custom-select-menu{
    transform:translateY(0) scale(1);
  }

  .custom-select-menu button{
    min-height:48px;
    font-size:14px;
  }
}


/* ===== Real photography integration V14 ===== */
.real-agency-gallery{
  padding:110px max(5vw,40px) 120px;
  overflow:hidden;
}
.real-gallery-heading{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:30px 70px;
  align-items:end;
  max-width:1280px;
  margin:0 auto 48px;
}
.real-gallery-heading>span{
  color:#FF6A00;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
}
.real-gallery-heading h2{
  margin:0;
  font-size:clamp(42px,5vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
}
.real-gallery-heading h2 em{
  color:#FF6A00;
  font-style:normal;
}
.real-gallery-heading p{
  grid-column:2;
  max-width:620px;
  margin:0;
  color:#666;
  font-size:18px;
  line-height:1.65;
}
.real-gallery-grid{
  display:grid;
  grid-template-columns:1.35fr .75fr;
  grid-template-rows:repeat(2,270px);
  gap:18px;
  max-width:1280px;
  margin:0 auto;
}
.real-gallery-card{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:26px;
  background:#111;
  box-shadow:0 22px 55px rgba(0,0,0,.11);
}
.real-gallery-large{grid-row:1/3}
.real-gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.85) contrast(1.03);
  transform:scale(1.02);
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s;
}
.real-gallery-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));
  pointer-events:none;
}
.real-gallery-card:hover img{
  transform:scale(1.075);
  filter:saturate(1) contrast(1.05);
}
.real-gallery-card figcaption{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
  color:#fff;
}
.real-gallery-card figcaption span{
  display:inline-block;
  margin-bottom:7px;
  color:#FF8A33;
  font-size:10px;
  font-weight:800;
  letter-spacing:.17em;
}
.real-gallery-card figcaption b{
  display:block;
  font-size:20px;
}

/* Make service photographs feel editorial, not generated. */
.service-photo-visual{
  background:#ece8e4!important;
}
.service-photo-visual img{
  filter:saturate(.82) contrast(1.04)!important;
}
.service-row:hover .service-photo-visual img{
  filter:saturate(1) contrast(1.05)!important;
}
.service-photo-overlay{
  background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.72) 100%)!important;
}

@media(max-width:900px){
  .real-agency-gallery{padding:80px 24px}
  .real-gallery-heading{grid-template-columns:1fr;gap:18px}
  .real-gallery-heading p{grid-column:1}
  .real-gallery-grid{grid-template-columns:1fr;grid-template-rows:360px 260px 260px}
  .real-gallery-large{grid-row:auto}
}
@media(max-width:560px){
  .real-gallery-grid{grid-template-rows:300px 220px 220px}
  .real-gallery-card{border-radius:20px}
}


/* ===== Sticky Header Upgrade ===== */
header,
.site-header,
.main-header,
.navbar,
.top-nav{
  position:sticky !important;
  top:0;
  z-index:9999;
  width:100%;
  transition:
    background-color .3s ease,
    box-shadow .3s ease,
    backdrop-filter .3s ease,
    border-color .3s ease;
}

/* Clean readable sticky state */
header.is-scrolled,
.site-header.is-scrolled,
.main-header.is-scrolled,
.navbar.is-scrolled,
.top-nav.is-scrolled{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* Keep header above all hero visuals */
header *,
.site-header *,
.main-header *,
.navbar *,
.top-nav *{
  position:relative;
  z-index:2;
}

/* Mobile sticky support */
@media(max-width:900px){
  header,
  .site-header,
  .main-header,
  .navbar,
  .top-nav{
    top:0;
  }
}


/* ===== Services ticker spacing fix V16 ===== */
.marquee-wrap{
  margin:0!important;
  padding:18px 0!important;
  transform:rotate(-1.5deg) scaleX(1.02)!important;
  transform-origin:center center!important;
}

.marquee{
  line-height:1!important;
  min-height:24px;
  align-items:center;
}

/* Pull the next section closer to the ticker */
.marquee-wrap + .intro,
.intro{
  padding-top:72px!important;
}

/* Prevent rotated ticker from creating visual overflow/gaps */
body{
  overflow-x:hidden!important;
}

@media(max-width:700px){
  .marquee-wrap{
    padding:15px 0!important;
    transform:rotate(-1deg) scaleX(1.03)!important;
  }

  .marquee-wrap + .intro,
  .intro{
    padding-top:54px!important;
  }
}


/* Consultation popup stability fixes V17 */
.consultation-modal{overscroll-behavior:contain}
.consultation-dialog{height:auto;max-height:calc(100dvh - 40px)}
.consultation-form-wrap{min-height:0}
.consultation-form textarea{resize:none}
@media (min-width:901px){
  .consultation-dialog{overflow:hidden}
  .consultation-panel,.consultation-form-wrap{overflow:hidden}
}
@media (max-width:900px){
  .consultation-modal{overflow-y:auto;scrollbar-width:none}
  .consultation-modal::-webkit-scrollbar{display:none}
  .consultation-dialog{max-height:none;overflow:visible;margin:auto}
}

/* ===== Hero spacing fix V18 =====
   Reduce the oversized blank area beneath the sticky header on desktop. */
@media (min-width:1101px){
  .hero-v2{
    min-height:850px;
    padding-top:115px;
    padding-bottom:72px;
  }

  .hero-v2 .hero-visual{
    top:42px;
    height:650px;
  }
}

/* Contact form submission states */
.form-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.form-status {
  width: 100%;
  margin-top: 12px;
  min-height: 20px;
  font-size: 14px;
  line-height: 1.45;
}
.form-status.is-success { color: #3fbf72; }
.form-status.is-error { color: #ff6b6b; }
button[disabled] { cursor: wait; opacity: .72; }


/* ===== Impact Section Redesign V20 ===== */
.impact-stats{
  position:relative;
  margin-top:110px;
  padding:82px 0 16px;
  border-top:1px solid rgba(0,0,0,.1);
}
.impact-stats:before{
  content:"";
  position:absolute;
  width:620px;height:340px;
  left:50%;top:95px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,106,0,.12),rgba(255,106,0,0) 70%);
  pointer-events:none;
}
.impact-intro{
  position:relative;
  z-index:2;
  display:block;
  max-width:900px;
  margin:0 auto 52px;
  text-align:center;
}
.impact-intro>span{
  display:block;
  margin-bottom:15px;
  color:#FF6A00;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:11px;
  font-weight:900;
}
.impact-intro h3{
  margin:0 auto;
  max-width:820px;
  color:#08090b;
  font-size:clamp(39px,4.5vw,68px);
  line-height:.96;
  letter-spacing:-.055em;
}
.impact-intro h3::after{
  content:"";
  display:block;
  width:74px;height:4px;
  margin:24px auto 20px;
  border-radius:999px;
  background:#FF6A00;
}
.impact-intro p{
  max-width:690px;
  margin:0 auto;
  color:rgba(0,0,0,.58);
  font-size:15px;
  line-height:1.75;
}
.impact-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.impact-card{
  position:relative;
  min-height:352px;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:
    radial-gradient(circle at 15% 4%,rgba(255,106,0,.12),transparent 28%),
    linear-gradient(145deg,#111318 0%,#08090b 72%);
  box-shadow:0 22px 55px rgba(10,10,12,.14);
  isolation:isolate;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s;
}
.impact-card:before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-128px;bottom:-130px;
  border:1px solid rgba(255,106,0,.2);
  border-radius:50%;
  background:repeating-radial-gradient(circle at center,transparent 0 7px,rgba(255,106,0,.07) 8px 9px);
  opacity:1;
  transition:.55s;
  z-index:-1;
}
.impact-card:after{
  content:"";
  position:absolute;
  left:30px;bottom:29px;
  width:34px;height:2px;
  border-radius:99px;
  background:#FF6A00;
  opacity:.9;
}
.impact-card:hover{
  transform:translateY(-12px);
  border-color:rgba(255,106,0,.45);
  box-shadow:0 34px 78px rgba(0,0,0,.22),0 0 0 1px rgba(255,106,0,.08) inset;
}
.impact-card:hover:before{transform:scale(1.22) rotate(12deg);opacity:1}
.impact-card-top{margin-bottom:74px}
.impact-index{color:#FF6A00;font-size:11px;letter-spacing:.18em}
.impact-number{
  color:#fff;
  margin-bottom:15px;
  font-size:clamp(50px,4.2vw,76px);
  text-shadow:0 8px 30px rgba(0,0,0,.25);
}
.impact-label{
  color:#fff;
  margin-bottom:13px;
  font-size:16px;
  letter-spacing:-.015em;
}
.impact-card small{
  max-width:250px;
  padding-bottom:30px;
  color:rgba(255,255,255,.54);
  font-size:11px;
  line-height:1.7;
}
.impact-icon{
  width:58px;height:58px;
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  box-shadow:0 0 28px rgba(255,106,0,.08);
}
.impact-icon-brand i{width:27px;height:27px;top:15px}
.impact-icon-brand i:nth-child(1){left:7px}
.impact-icon-brand i:nth-child(2){left:16px;background:#fff;border-color:#fff}
.impact-icon-brand i:nth-child(3){left:25px;background:#0b0c0f;border-color:#fff}
.impact-icon-web i{width:39px;height:28px;left:9px;top:11px;border-color:#fff}
.impact-icon-web i:nth-child(2){left:15px;top:19px;background:#FF6A00;border-color:#FF6A00}
.impact-icon-motion{padding:15px 13px 12px;gap:4px}
.impact-icon-motion i{background:#fff}
.impact-icon-motion i:nth-child(4){background:#FF6A00}
.impact-icon-growth i{bottom:12px;background:#fff}
.impact-icon-growth i:nth-child(1){left:10px;height:13px}
.impact-icon-growth i:nth-child(2){left:21px;height:22px}
.impact-icon-growth i:nth-child(3){left:32px;height:31px}
.impact-icon-growth i:nth-child(4){left:43px;height:41px;background:#FF6A00}

/* Footer logo visibility fix only; existing footer layout remains unchanged. */
.footer-v2-logo{display:inline-flex;align-items:center}
.footer-v2-logo img{
  width:250px;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:left center;
  display:block;
}

@media(max-width:1050px){
  .impact-intro{display:block}
  .impact-intro>span{grid-column:auto}
  .impact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .impact-stats{margin-top:75px;padding-top:58px}
  .impact-intro{margin-bottom:34px;text-align:left}
  .impact-intro h3{font-size:42px}
  .impact-intro h3::after{margin-left:0}
  .impact-intro p{margin-left:0}
  .impact-grid{grid-template-columns:1fr;gap:15px}
  .impact-card{min-height:300px;padding:26px}
  .impact-card-top{margin-bottom:50px}
  .footer-v2-logo img{width:220px}
}


/* ===== Impact Section V21 — matched to approved reference ===== */
.impact-stats{
  position:relative;
  margin-top:105px;
  padding:74px 0 18px;
  border-top:1px solid rgba(0,0,0,.08);
}
.impact-stats:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 57% 35%,rgba(255,106,0,.075),transparent 38%);
  pointer-events:none;
}
.impact-intro{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(120px,.65fr) minmax(430px,1.55fr) minmax(280px,1fr);
  align-items:start;
  gap:44px;
  max-width:none;
  margin:0 0 48px;
  text-align:left;
}
.impact-intro>span{
  display:block;
  margin:11px 0 0;
  color:#ff5d00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.19em;
  line-height:1.2;
  text-transform:uppercase;
}
.impact-intro h3{
  max-width:760px;
  margin:0;
  color:#050505;
  font-size:clamp(48px,4.65vw,76px);
  line-height:.94;
  letter-spacing:-.058em;
}
.impact-intro h3::after{display:none}
.impact-intro p{
  max-width:475px;
  margin:8px 0 0;
  color:#676767;
  font-size:16px;
  line-height:1.65;
}
.impact-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.impact-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:438px;
  padding:31px 34px 31px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  border-radius:31px;
  background:#fff;
  box-shadow:0 22px 50px rgba(18,18,18,.085);
  isolation:isolate;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.impact-card:nth-child(1),
.impact-card:nth-child(4){
  border-color:#ff6200;
  background:linear-gradient(145deg,#ff5d00 0%,#ff7200 100%);
  color:#fff;
}
.impact-card:nth-child(3){
  border-color:#222;
  background:linear-gradient(145deg,#18191c 0%,#242529 100%);
  color:#fff;
}
.impact-card:before{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-80px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,0) 70%);
  opacity:.8;
  z-index:-1;
}
.impact-card:after{
  content:"";
  position:absolute;
  right:28px;
  bottom:30px;
  left:34px;
  height:1px;
  background:rgba(0,0,0,.1);
}
.impact-card:nth-child(1):after,
.impact-card:nth-child(3):after,
.impact-card:nth-child(4):after{background:rgba(255,255,255,.28)}
.impact-card:hover{
  transform:translateY(-8px);
  box-shadow:0 32px 70px rgba(18,18,18,.15);
}
.impact-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:auto;
}
.impact-index{
  color:#555;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}
.impact-card:nth-child(1) .impact-index,
.impact-card:nth-child(3) .impact-index,
.impact-card:nth-child(4) .impact-index{color:rgba(255,255,255,.72)}
.impact-number{
  display:block;
  margin:0 0 12px;
  color:#050505;
  font-size:clamp(58px,4.7vw,83px);
  font-weight:900;
  line-height:.88;
  letter-spacing:-.065em;
  text-shadow:none;
}
.impact-card:nth-child(1) .impact-number,
.impact-card:nth-child(3) .impact-number,
.impact-card:nth-child(4) .impact-number{color:#fff}
.impact-label{
  display:block;
  margin:0 0 15px;
  color:#090909;
  font-size:17px;
  font-weight:850;
  line-height:1.15;
  letter-spacing:-.025em;
}
.impact-card:nth-child(1) .impact-label,
.impact-card:nth-child(3) .impact-label,
.impact-card:nth-child(4) .impact-label{color:#fff}
.impact-card small{
  display:block;
  max-width:260px;
  min-height:50px;
  margin:0 0 37px;
  padding:0 112px 0 0;
  color:#6f6f6f;
  font-size:11.5px;
  line-height:1.65;
}
.impact-card:nth-child(1) small,
.impact-card:nth-child(3) small,
.impact-card:nth-child(4) small{color:rgba(255,255,255,.76)}
.impact-tag{
  position:absolute;
  right:28px;
  bottom:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:33px;
  padding:0 15px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:999px;
  color:#111;
  background:rgba(255,255,255,.16);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1;
  text-transform:uppercase;
}
.impact-card:nth-child(1) .impact-tag,
.impact-card:nth-child(3) .impact-tag,
.impact-card:nth-child(4) .impact-tag{
  border-color:rgba(255,255,255,.65);
  color:#fff;
}
.impact-icon{
  position:relative;
  flex:0 0 auto;
  width:66px;
  height:58px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.impact-icon-brand i{width:38px;height:38px;top:7px;border-width:2px}
.impact-icon-brand i:nth-child(1){left:0;background:#fff;border-color:#fff}
.impact-icon-brand i:nth-child(2){left:15px;background:#111;border-color:#111}
.impact-icon-brand i:nth-child(3){left:30px;background:transparent;border-color:#fff}
.impact-card:nth-child(2) .impact-icon-brand i:nth-child(3){border-color:#ff6200}
.impact-icon-web i{width:49px;height:38px;left:0;top:0;border:3px solid #111;border-radius:8px}
.impact-icon-web i:nth-child(2){width:50px;height:40px;left:18px;top:15px;background:#ff6200;border-color:#ff6200;border-radius:8px}
.impact-icon-motion,.impact-icon-growth{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;padding:7px 2px 8px}
.impact-icon-motion i,.impact-icon-growth i{position:static!important;width:9px!important;border-radius:4px 4px 0 0;background:#fff!important}
.impact-icon-motion i:nth-child(1),.impact-icon-growth i:nth-child(1){height:14px!important}
.impact-icon-motion i:nth-child(2),.impact-icon-growth i:nth-child(2){height:26px!important}
.impact-icon-motion i:nth-child(3),.impact-icon-growth i:nth-child(3){height:40px!important}
.impact-icon-motion i:nth-child(4),.impact-icon-growth i:nth-child(4){height:55px!important;background:#ff6200!important}
.impact-card:nth-child(4) .impact-icon-growth i:nth-child(4){background:#111!important}

@media(max-width:1150px){
  .impact-intro{grid-template-columns:160px 1.45fr 1fr;gap:28px}
  .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .impact-stats{margin-top:72px;padding-top:50px}
  .impact-intro{display:block;margin-bottom:32px}
  .impact-intro>span{margin:0 0 17px}
  .impact-intro h3{font-size:43px}
  .impact-intro p{margin-top:22px}
  .impact-grid{grid-template-columns:1fr;gap:15px}
  .impact-card{min-height:360px;padding:27px}
  .impact-number{font-size:68px}
  .impact-card small{padding-right:105px;margin-bottom:34px}
  .impact-tag{right:24px;bottom:42px}
}

/* USA SEO content section */
.seo-agency-section{padding:110px 5vw;background:#f7f6f3;color:#0b0b0c;border-top:1px solid rgba(10,10,10,.08)}
.seo-agency-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:7vw;align-items:start;max-width:1500px;margin:45px auto 0}
.seo-agency-copy .eyebrow{color:#ff5b00;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;margin-bottom:18px}
.seo-agency-copy h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.3rem,4.6vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin:0 0 28px;max-width:950px}
.seo-agency-copy>p:not(.eyebrow){font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75;color:#555;max-width:850px;margin:0 0 18px}
.seo-service-clusters{display:grid;gap:14px}
.seo-service-clusters article{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:26px;padding:28px 30px;box-shadow:0 18px 55px rgba(0,0,0,.055)}
.seo-service-clusters article:nth-child(2){background:#111;color:#fff}
.seo-service-clusters span{color:#ff5b00;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.seo-service-clusters h3{font-size:1.35rem;margin:12px 0 8px}
.seo-service-clusters p{margin:0;color:#727272;line-height:1.65}
.seo-service-clusters article:nth-child(2) p{color:#bdbdbd}
.seo-faq{max-width:1500px;margin:95px auto 0;display:grid;grid-template-columns:.75fr 1.25fr;column-gap:8vw}
.seo-faq-heading{grid-row:1/5}
.seo-faq-heading span{color:#ff5b00;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}
.seo-faq-heading h2{font-size:clamp(2rem,3.5vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0}
.seo-faq details{border-top:1px solid rgba(0,0,0,.15);padding:22px 0}
.seo-faq details:last-child{border-bottom:1px solid rgba(0,0,0,.15)}
.seo-faq summary{cursor:pointer;font-size:1.08rem;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary:after{content:"+";color:#ff5b00;font-size:1.35rem}
.seo-faq details[open] summary:after{content:"−"}
.seo-faq details p{color:#666;line-height:1.7;max-width:760px;margin:14px 0 0}
@media(max-width:900px){.seo-agency-section{padding:78px 24px}.seo-agency-grid,.seo-faq{grid-template-columns:1fr;gap:40px}.seo-faq-heading{grid-row:auto}.seo-faq{margin-top:70px}.seo-agency-copy h2{font-size:clamp(2.35rem,11vw,4.3rem)}}


/* AEO / GEO answer-first content */
.answer-hub{padding-top:110px;padding-bottom:90px;border-bottom:1px solid rgba(15,15,16,.09)}
.answer-hub-intro{max-width:980px;margin:0 auto 42px;text-align:center}
.answer-hub-intro h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin:10px 0 24px}
.answer-hub-intro>p:last-child{max-width:820px;margin:0 auto;color:#5d5d62;font-size:1.08rem;line-height:1.8}
.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.answer-card{border:1px solid rgba(15,15,16,.12);border-radius:26px;padding:30px;min-height:245px;background:#fff;box-shadow:0 18px 60px rgba(15,15,16,.06)}
.answer-card span{display:inline-block;color:#ff5a00;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:38px}
.answer-card h3{font-size:1.25rem;margin:0 0 14px;letter-spacing:-.03em}
.answer-card p{color:#68686d;line-height:1.65;margin:0}
.content-reviewed{font-size:.78rem;color:#777;margin-top:26px;text-align:right}
@media(max-width:1050px){.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.answer-hub{padding-top:75px;padding-bottom:65px}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:0}.answer-hub-intro{text-align:left}.content-reviewed{text-align:left}}


/* Responsive and performance hardening — v25 */
img,svg,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.site-header{width:100%}.brand-logo{display:block;height:auto}.consultation-modal{overscroll-behavior:contain}.modal-dialog{max-height:min(92dvh,860px);overflow:auto;-webkit-overflow-scrolling:touch}.hero,.intro,.services,.work,.process,.contact,.answer-hub,.seo-agency-section{content-visibility:auto;contain-intrinsic-size:1px 900px}.hero{content-visibility:visible}.service-photo-visual img{aspect-ratio:8/5}.gallery-image img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:1050px){
  .site-header{padding-inline:clamp(20px,4vw,40px)}
  .hero-v2{min-height:auto;padding-bottom:80px}
  .hero-parallax-zone{max-width:760px;margin-inline:auto}
  .footer-v2-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  html{scroll-padding-top:74px}
  body{min-width:320px}
  .site-header{position:absolute;padding-inline:16px}
  .brand-logo{width:140px!important;max-height:52px}
  .hero-v2{padding:118px 16px 56px;min-height:auto}
  .hero-title{font-size:clamp(44px,14vw,70px);line-height:.96;overflow-wrap:anywhere}
  .hero-copy{max-width:100%}
  .hero-actions{width:100%;gap:18px}
  .hero-actions .pill-btn{width:100%;min-height:52px}
  .hero-proof{gap:14px;flex-wrap:wrap}
  .hero-parallax-zone{height:390px!important;margin-top:36px;transform:scale(.9);transform-origin:top center}
  .intro,.work,.services,.process,.contact{padding:72px 16px}
  .projects,.answer-grid,.seo-agency-grid,.seo-faq{min-width:0}
  .project,.answer-card,.service-row,.industry-card,.expertise-feature{min-width:0}
  .service-row{gap:12px;padding-block:28px}
  .service-row p{font-size:13px}
  .stats article{padding-right:10px}
  .footer-v2{padding-inline:16px}
  .footer-v2-grid{grid-template-columns:1fr!important;gap:30px}
  .footer-v2-bottom{align-items:flex-start;flex-direction:column;gap:14px}
  .consultation-modal{padding:8px}
  .modal-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:16px;padding:30px 16px 20px}
  .modal-field-grid{grid-template-columns:1fr!important}
  input,select,textarea{font-size:16px!important}
}
@media(max-width:420px){
  .hero-title{font-size:clamp(40px,13.5vw,58px)}
  .hero-parallax-zone{height:350px!important;transform:scale(.78);width:125%;margin-left:-12.5%}
  .section-label{margin-bottom:34px}
  .stats{grid-template-columns:1fr 1fr}
  .stats strong{font-size:28px}
  .project-large .project-media,.project-media{height:410px}
}
@media(prefers-reduced-data:reduce){
  .noise,.cursor-glow,.hero-particle-field,.hero-film-grain{display:none!important}
  *{background-image:none!important}
}