/* AR DIGITAL HUB — SERVICES V3 */
.svc-main{background:#03080d;overflow:hidden}.svc-main *{box-sizing:border-box}.svc-main span{box-sizing:border-box}
.svc-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(72,129,181,.15);background:radial-gradient(circle at 74% 38%,rgba(0,105,255,.19),transparent 26%),linear-gradient(180deg,#02070c,#06111b 62%,#03080d)}
.svc-grid-bg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(41,113,176,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(41,113,176,.16) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.svc-beam{position:absolute;width:110%;height:85px;left:-10%;background:linear-gradient(90deg,transparent,rgba(0,130,255,.52),rgba(15,220,255,.22),transparent);filter:blur(23px);transform:rotate(-17deg);opacity:.45;animation:svcBeam 8s ease-in-out infinite alternate}.beam-a{top:17%}.beam-b{bottom:12%;animation-delay:-3s;opacity:.22}
@keyframes svcBeam{from{transform:translateX(-8%) rotate(-17deg)}to{transform:translateX(7%) rotate(-17deg)}}
.svc-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.svc-hero-copy{padding:92px 0}.svc-hero-copy h1{font-size:clamp(56px,6.5vw,92px);line-height:.95;letter-spacing:-.06em;margin:0 0 26px;max-width:790px}.svc-hero-copy h1 span,.svc-copy h2 span,.svc-final-card h2 span{color:#129cff}.svc-hero-copy>p:not(.kicker){font-size:17px;line-height:1.7;color:#acb9c6;max-width:690px}.svc-hero-actions,.svc-final-actions{display:flex;gap:12px;margin-top:30px}.svc-btn{height:54px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:14px;font-weight:800;transition:.28s ease}.svc-btn.primary{color:#fff;background:linear-gradient(135deg,#087cff,#0ab9f7);box-shadow:0 12px 36px rgba(0,126,255,.22),inset 0 1px rgba(255,255,255,.2)}.svc-btn.ghost{color:#d5e1ec;border:1px solid rgba(122,164,199,.26);background:rgba(7,17,27,.45);backdrop-filter:blur(12px)}.svc-btn:hover{transform:translateY(-3px)}.svc-mini-proof{display:flex;align-items:center;gap:14px;margin-top:32px;color:#61768a;font-size:9px;letter-spacing:.22em}.svc-mini-proof i{width:3px;height:3px;border-radius:50%;background:#168cff}
.svc-hero-art{position:relative;height:540px;perspective:1100px}.hero-monitor{position:absolute;width:82%;height:330px;right:2%;top:80px;border:1px solid rgba(84,154,219,.33);border-radius:20px;background:#07111b;box-shadow:0 36px 90px rgba(0,0,0,.5),0 0 70px rgba(0,117,255,.12);transform:rotateY(-7deg) rotateX(2deg);overflow:hidden}.monitor-top{height:32px;border-bottom:1px solid #193047;display:flex;align-items:center;gap:6px;padding:0 12px}.monitor-top span{width:6px;height:6px;border-radius:50%;background:#24435f}.monitor-screen{position:relative;height:calc(100% - 32px);padding:35px;background:radial-gradient(circle at 78% 40%,rgba(0,116,255,.22),transparent 28%),linear-gradient(135deg,#050b11,#081828)}.screen-brand{position:absolute;right:34px;top:29px;font-weight:900;color:#e8f4ff}.screen-kicker{font-size:8px;letter-spacing:.25em;color:#7aa7cc}.screen-title{font-size:33px;line-height:1.02;font-weight:800;margin-top:15px}.screen-title b{color:#0b97ff}.screen-line{width:110px;height:3px;margin-top:20px;background:linear-gradient(90deg,#07b8ff,#075cff,transparent)}.screen-cards{display:flex;gap:10px;margin-top:40px}.screen-cards i{display:block;height:54px;flex:1;border-radius:9px;border:1px solid #1d3a54;background:linear-gradient(145deg,#0a1c2c,#07111b)}
.hero-phone{position:absolute;left:4%;bottom:35px;width:165px;height:318px;border:1px solid #34536e;border-radius:30px;background:radial-gradient(circle at 70% 30%,rgba(0,129,255,.3),transparent 35%),linear-gradient(160deg,#081a2a,#03070c);box-shadow:0 26px 60px rgba(0,0,0,.5),0 0 45px rgba(0,112,255,.16);transform:rotate(-5deg);padding:44px 18px 18px}.phone-notch{position:absolute;top:9px;left:50%;width:62px;height:16px;transform:translateX(-50%);border-radius:10px;background:#010306}.phone-brand{font-weight:950;font-size:24px;font-style:italic;color:#fff}.hero-phone strong{display:block;font-size:26px;line-height:1;margin-top:40px}.hero-phone span{display:block;color:#78a6c9;font-size:10px;margin-top:14px}.float-chip{position:absolute;min-width:128px;border:1px solid rgba(69,141,208,.26);border-radius:15px;padding:13px 15px;background:rgba(6,19,31,.72);backdrop-filter:blur(15px);box-shadow:0 12px 35px rgba(0,0,0,.25);animation:floatChip 4.8s ease-in-out infinite}.float-chip b{display:block;color:#28aaff;font-size:14px}.float-chip small{font-size:9px;color:#8398aa}.chip-seo{right:0;top:28px}.chip-speed{right:9%;bottom:60px;animation-delay:-1.6s}.chip-ui{left:30%;top:8px;animation-delay:-3s}@keyframes floatChip{50%{transform:translateY(-10px)}}.art-orbit{position:absolute;border:1px solid rgba(0,129,255,.15);border-radius:50%}.orbit-one{width:480px;height:480px;right:-60px;top:28px}.orbit-two{width:330px;height:330px;right:10px;top:102px;animation:spinOrbit 20s linear infinite}@keyframes spinOrbit{to{transform:rotate(360deg)}}
.svc-showcase{padding:110px 0;border-bottom:1px solid rgba(76,125,168,.13);background:linear-gradient(180deg,#040b12,#06111b)}.svc-showcase.alt{background:linear-gradient(180deg,#03080d,#07121d)}.svc-showcase-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center}.svc-showcase-grid.reverse{grid-template-columns:1.14fr .86fr}.svc-showcase-grid.reverse .svc-copy{order:2}.svc-showcase-grid.reverse .svc-visual{order:1}.svc-index{display:block;font-size:64px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(42,139,224,.28);margin-bottom:24px}.svc-copy h2{font-size:clamp(40px,4.7vw,66px);line-height:1;letter-spacing:-.055em;margin:0 0 22px}.svc-copy>p:not(.kicker){font-size:15px;line-height:1.75;color:#9fadba;max-width:650px}.svc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.svc-pills span{border:1px solid rgba(89,145,194,.2);border-radius:999px;padding:8px 12px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#89a7be;background:rgba(5,18,29,.45)}.svc-text-link{display:inline-flex;gap:15px;align-items:center;margin-top:26px;color:#7dc9ff;text-decoration:none;font-weight:700;font-size:13px}.svc-text-link b{font-size:18px}.svc-visual{position:relative;height:520px;border:1px solid rgba(71,135,193,.25);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(0,111,255,.19),transparent 30%),linear-gradient(145deg,#071421,#03080d);box-shadow:0 35px 80px rgba(0,0,0,.32)}.svc-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(0,127,255,.035),transparent 70%)}.visual-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#006eff;filter:blur(105px);opacity:.16;right:-70px;top:-80px}
.site-browser{position:absolute;width:77%;height:310px;right:6%;top:70px;border:1px solid #29455f;border-radius:17px;background:#050b11;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:perspective(1000px) rotateY(-7deg);overflow:hidden}.browser-bar{height:32px;border-bottom:1px solid #173047;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#294b69}.browser-bar span{margin-left:8px;font-size:7px;color:#537087}.browser-body{height:calc(100% - 32px);position:relative;padding:26px;background:linear-gradient(145deg,#07121d,#091b2a)}.b-logo{position:absolute;right:26px;top:20px;font-size:18px;font-weight:900}.b-nav{display:flex;gap:5px}.b-nav i{width:25px;height:3px;border-radius:2px;background:#183a57}.b-copy{margin-top:48px}.b-copy small{font-size:7px;letter-spacing:.18em;color:#5b91bb}.b-copy strong{display:block;font-size:25px;line-height:1.05;margin-top:9px}.b-copy span{display:block;width:80px;height:3px;background:#0e9dff;margin-top:15px}.b-ui{display:flex;gap:9px;margin-top:42px}.b-ui i{height:52px;flex:1;border-radius:8px;background:linear-gradient(145deg,#0b2439,#07111a);border:1px solid #173851}.site-phone{position:absolute;width:145px;height:286px;left:7%;bottom:35px;border:1px solid #38566f;border-radius:25px;background:linear-gradient(155deg,#091e31,#03070c);box-shadow:0 25px 50px rgba(0,0,0,.45);padding:45px 15px 15px;transform:rotate(-4deg)}.p-notch{position:absolute;width:55px;height:14px;top:8px;left:50%;transform:translateX(-50%);border-radius:8px;background:#000}.p-logo{font-size:19px;font-weight:900}.p-lines{margin-top:37px}.p-lines i{display:block;height:5px;border-radius:4px;background:#1c4e76;margin-bottom:8px}.p-lines i:nth-child(2){width:75%}.p-lines i:nth-child(3){width:45%}.p-card{height:92px;border-radius:10px;margin-top:24px;background:radial-gradient(circle at 70% 30%,rgba(0,124,255,.35),transparent 30%),#071522}.visual-badge{position:absolute;z-index:3;border:1px solid rgba(72,155,226,.27);border-radius:14px;padding:11px 14px;background:rgba(4,17,28,.78);backdrop-filter:blur(12px)}.visual-badge small{display:block;font-size:7px;letter-spacing:.17em;color:#5b839f}.visual-badge b{font-size:12px;color:#cfeaff}.badge-a{right:3%;top:28px}.badge-b{right:12%;bottom:24px}
.visual-content{background:radial-gradient(circle at 55% 50%,rgba(0,122,255,.22),transparent 32%),linear-gradient(145deg,#06111b,#02070b)}.content-ring{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(0,139,255,.18);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 75px rgba(0,104,255,.08)}.social-phone{position:absolute;z-index:3;width:205px;height:405px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(2deg);border:1px solid #385874;border-radius:34px;background:#04080d;box-shadow:0 35px 75px rgba(0,0,0,.55),0 0 60px rgba(0,116,255,.15);padding:42px 14px 14px}.social-phone .phone-notch{width:72px}.reel-head{display:flex;justify-content:space-between;font-size:9px;color:#7994a9}.reel-head b{font-size:16px;color:#fff}.reel-scene{position:relative;overflow:hidden;height:250px;border-radius:17px;margin-top:10px;background:radial-gradient(circle at 65% 35%,rgba(0,118,255,.48),transparent 26%),linear-gradient(160deg,#09243a,#03080d);padding:22px;display:flex;align-items:flex-end}.reel-light{position:absolute;width:180%;height:22px;background:#0087ff;filter:blur(14px);transform:rotate(-25deg);left:-40%;top:45%;opacity:.55}.reel-scene strong{position:relative;font-size:24px;line-height:.95}.reel-scene em{font-style:normal;color:#18a5ff}.reel-actions{display:flex;justify-content:space-around;margin-top:17px;color:#cedae4}.post-card{position:absolute;z-index:2;width:125px;height:105px;border:1px solid rgba(69,146,214,.24);border-radius:17px;background:rgba(6,20,32,.78);backdrop-filter:blur(14px);padding:16px;box-shadow:0 18px 35px rgba(0,0,0,.25);animation:floatChip 5s ease-in-out infinite}.post-card span{display:block;color:#1aa4ff;font-size:20px}.post-card b{display:block;margin-top:8px;font-size:12px}.post-card small{font-size:8px;color:#7390a6}.post-one{left:6%;top:60px;transform:rotate(-5deg)}.post-two{right:5%;top:105px;transform:rotate(6deg);animation-delay:-2s}.post-three{left:9%;bottom:45px;transform:rotate(3deg);animation-delay:-3.4s}.content-chart{position:absolute;right:6%;bottom:45px;width:160px;border:1px solid rgba(70,151,219,.24);border-radius:16px;background:rgba(5,18,29,.8);padding:14px}.content-chart small{font-size:7px;letter-spacing:.14em;color:#6a8ba4}.content-chart>div{height:64px;display:flex;gap:8px;align-items:flex-end;margin-top:10px}.content-chart i{flex:1;background:linear-gradient(#12b6ff,#0758cf);border-radius:3px 3px 0 0;animation:barPulse 3s ease-in-out infinite}.content-chart i:nth-child(1){height:28%}.content-chart i:nth-child(2){height:47%;animation-delay:-.6s}.content-chart i:nth-child(3){height:40%;animation-delay:-1.2s}.content-chart i:nth-child(4){height:73%;animation-delay:-1.8s}.content-chart i:nth-child(5){height:92%;animation-delay:-2.4s}@keyframes barPulse{50%{filter:brightness(1.45)}}
.visual-solutions{background:radial-gradient(circle at 50% 50%,rgba(0,121,255,.22),transparent 31%),linear-gradient(145deg,#06101a,#02070b)}.hub-core{position:absolute;z-index:4;width:165px;height:165px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:38px;border:1px solid #236fba;background:linear-gradient(145deg,#0b2a48,#07131f);box-shadow:0 0 55px rgba(0,124,255,.25),inset 0 0 35px rgba(0,112,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center}.hub-core span{font-size:52px;font-weight:950;font-style:italic}.hub-core small{font-size:7px;letter-spacing:.18em;color:#72a4ca}.hub-line{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,transparent,#078fff,#18d5ff,transparent);transform-origin:left center;box-shadow:0 0 12px #078fff;animation:lineFlow 3s ease-in-out infinite}.line-1{width:245px;left:20%;top:28%;transform:rotate(20deg)}.line-2{width:245px;left:49%;top:47%;transform:rotate(-25deg)}.line-3{width:225px;left:20%;top:68%;transform:rotate(-19deg)}.line-4{width:220px;left:50%;top:49%;transform:rotate(30deg)}@keyframes lineFlow{50%{filter:brightness(1.8);opacity:.55}}.hub-node{position:absolute;z-index:3;width:105px;height:88px;border:1px solid rgba(65,149,221,.28);border-radius:18px;background:rgba(7,23,37,.82);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 35px rgba(0,0,0,.25)}.hub-node b{font-size:24px;color:#1ba9ff}.hub-node small{font-size:8px;color:#7792a7;margin-top:7px}.node-cloud{left:6%;top:13%}.node-code{left:7%;bottom:11%}.node-data{right:7%;top:12%}.node-auto{right:7%;bottom:12%}.dash-card{position:absolute;right:21%;bottom:8%;width:170px;height:115px;border:1px solid rgba(69,150,219,.25);border-radius:17px;background:rgba(5,18,29,.86);padding:14px;transform:rotate(-3deg)}.dash-title{font-size:7px;letter-spacing:.15em;color:#6f91aa}.dash-bars{height:48px;display:flex;gap:6px;align-items:flex-end;margin-top:10px}.dash-bars i{flex:1;background:linear-gradient(#16bdff,#0a5cd1);border-radius:3px 3px 0 0}.dash-bars i:nth-child(1){height:25%}.dash-bars i:nth-child(2){height:45%}.dash-bars i:nth-child(3){height:38%}.dash-bars i:nth-child(4){height:70%}.dash-bars i:nth-child(5){height:90%}.dash-row{display:flex;gap:5px;margin-top:9px}.dash-row span{height:3px;flex:1;background:#17405f;border-radius:2px}
.svc-process{padding:100px 0;background:#040a10;border-bottom:1px solid rgba(72,129,181,.14)}.svc-process-head{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:46px}.svc-process-head h2{font-size:clamp(38px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0}.svc-process-head>p{color:#8fa0ad;font-size:14px;line-height:1.7;margin:0}.svc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.svc-step{position:relative;min-height:240px;border:1px solid rgba(81,136,183,.18);border-radius:20px;padding:28px;background:linear-gradient(145deg,#071522,#050d15);overflow:hidden;transition:.3s ease}.svc-step:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#087dff;filter:blur(65px);opacity:.08;right:-30px;top:-35px}.svc-step:hover{transform:translateY(-6px);border-color:rgba(25,145,235,.35)}.svc-step>span{font-size:9px;letter-spacing:.18em;color:#536f86}.svc-step>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;margin:25px 0;background:rgba(5,93,167,.15);border:1px solid rgba(46,139,219,.22);font-style:normal;color:#1ba3ff;font-size:19px}.svc-step h3{font-size:20px;margin:0 0 8px}.svc-step p{color:#889aa8;font-size:12px;line-height:1.6;margin:0}
.svc-final-cta{padding:48px 0 70px;background:#03080d}.svc-final-card{position:relative;overflow:hidden;border:1px solid rgba(31,139,230,.42);border-radius:30px;padding:64px 60px;background:radial-gradient(circle at 85% 20%,rgba(0,129,255,.22),transparent 27%),linear-gradient(135deg,#081827,#040b12 62%,#071a2b)}.cta-rays{position:absolute;width:70%;height:190px;right:-10%;top:20%;background:linear-gradient(110deg,transparent 25%,rgba(0,130,255,.28),transparent 60%);transform:rotate(-13deg);filter:blur(14px);animation:svcBeam 7s ease-in-out infinite alternate}.svc-final-card h2{position:relative;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:0 0 18px;max-width:850px}.svc-final-card>p:not(.kicker){position:relative;color:#9eacb9;max-width:620px}.svc-final-actions{position:relative}.svc-btn.big{height:60px;padding:0 28px}
.svc-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.svc-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.svc-hero{min-height:auto}.svc-hero-grid,.svc-showcase-grid,.svc-showcase-grid.reverse{grid-template-columns:1fr;gap:30px}.svc-showcase-grid.reverse .svc-copy,.svc-showcase-grid.reverse .svc-visual{order:initial}.svc-hero-copy{padding:70px 0 20px}.svc-hero-art{height:500px}.svc-showcase{padding:80px 0}.svc-process-head{grid-template-columns:1fr}.svc-steps{grid-template-columns:1fr 1fr}.svc-visual{height:500px}}
@media(max-width:640px){.svc-hero{min-height:auto}.svc-grid-bg{background-size:34px 34px}.svc-hero-grid{gap:0}.svc-hero-copy{padding:58px 0 26px}.svc-hero-copy h1{font-size:48px;line-height:.98}.svc-hero-copy>p:not(.kicker){font-size:15px}.svc-hero-actions,.svc-final-actions{flex-direction:column}.svc-btn{width:100%;height:58px}.svc-mini-proof{font-size:7px;gap:8px;justify-content:space-between}.svc-hero-art{height:390px}.hero-monitor{width:88%;height:235px;right:-2%;top:58px}.monitor-screen{padding:22px}.screen-title{font-size:24px}.screen-cards{margin-top:25px}.screen-cards i{height:36px}.hero-phone{width:112px;height:224px;left:1%;bottom:28px;border-radius:22px;padding:35px 12px 12px}.hero-phone strong{font-size:18px;margin-top:26px}.hero-phone span{font-size:7px}.float-chip{min-width:91px;padding:9px 10px;border-radius:11px}.float-chip b{font-size:10px}.float-chip small{font-size:6px}.chip-seo{right:0;top:18px}.chip-speed{right:0;bottom:22px}.chip-ui{display:none}.orbit-one{width:330px;height:330px;right:-90px}.orbit-two{width:230px;height:230px;right:-20px}.svc-showcase{padding:68px 0}.svc-showcase-grid{gap:34px}.svc-index{font-size:48px;margin-bottom:18px}.svc-copy h2{font-size:40px}.svc-copy>p:not(.kicker){font-size:14px}.svc-visual{height:390px;border-radius:22px}.site-browser{width:86%;height:230px;right:0;top:62px}.browser-body{padding:19px}.b-copy{margin-top:28px}.b-copy strong{font-size:19px}.b-ui{margin-top:23px}.b-ui i{height:38px}.site-phone{width:104px;height:210px;left:3%;bottom:24px;border-radius:20px;padding:34px 11px 10px}.visual-badge{padding:8px 10px}.badge-b{right:4%;bottom:13px}.social-phone{width:160px;height:318px}.reel-scene{height:190px}.reel-scene strong{font-size:19px}.post-card{width:92px;height:83px;padding:12px}.post-card b{font-size:10px}.post-card small{font-size:6px}.post-one{left:2%;top:44px}.post-two{right:2%;top:75px}.post-three{left:3%;bottom:28px}.content-chart{right:2%;bottom:28px;width:112px;padding:10px}.content-chart>div{height:45px}.hub-core{width:120px;height:120px;border-radius:28px}.hub-core span{font-size:38px}.hub-node{width:82px;height:70px;border-radius:14px}.hub-node b{font-size:18px}.hub-node small{font-size:6px}.node-cloud{left:3%;top:9%}.node-code{left:3%;bottom:8%}.node-data{right:3%;top:9%}.node-auto{right:3%;bottom:8%}.dash-card{width:120px;height:90px;right:17%;bottom:4%;padding:10px}.dash-bars{height:36px}.svc-process{padding:70px 0}.svc-process-head{gap:18px;margin-bottom:28px}.svc-process-head h2{font-size:39px}.svc-steps{grid-template-columns:1fr}.svc-step{min-height:0;padding:23px}.svc-step>i{margin:18px 0}.svc-final-cta{padding:30px 0 52px}.svc-final-card{padding:38px 22px;border-radius:23px}.svc-final-card h2{font-size:41px}.svc-btn.big{height:58px}}
@media(prefers-reduced-motion:reduce){.svc-beam,.float-chip,.orbit-two,.post-card,.hub-line,.cta-rays{animation:none!important}.svc-reveal{opacity:1;transform:none;transition:none}}


/* SERVICES V4 — hierarchy/mobile fixes */
.svc-hero-grid{grid-template-columns:1fr!important;max-width:1180px}
.svc-hero-copy{max-width:920px}
.svc-hero-copy h1{max-width:900px}
.svc-hero-copy>p:not(.kicker){max-width:760px}
@media(max-width:640px){
  .svc-hero{min-height:auto}
  .svc-hero-copy{padding:58px 0 58px}
  .svc-showcase#sites .svc-visual{height:450px}
  .svc-showcase#sites .site-browser{width:94%;height:245px;right:3%;top:28px;transform:none}
  .svc-showcase#sites .site-phone{width:82px;height:158px;left:16px;bottom:18px;top:auto;border-radius:17px;padding:28px 9px 9px;transform:rotate(-2deg);z-index:4}
  .svc-showcase#sites .p-notch{width:40px;height:10px;top:6px}
  .svc-showcase#sites .p-logo{font-size:15px}
  .svc-showcase#sites .p-lines{margin-top:22px}
  .svc-showcase#sites .p-lines i{height:4px;margin-bottom:6px}
  .svc-showcase#sites .p-card{height:46px;margin-top:12px}
  .svc-showcase#sites .badge-a{right:4%;top:18px}
  .svc-showcase#sites .badge-b{right:4%;bottom:20px}
}


/* SERVICES V5 — phone overlay moved to right */
.visual-sites .site-phone{left:auto;right:5%;bottom:28px;z-index:5;transform:rotate(4deg)}
.visual-sites .badge-b{right:auto;left:5%;bottom:24px}
@media(max-width:640px){
  .visual-sites .site-browser{width:92%;right:4%;top:48px;height:238px}
  .visual-sites .site-phone{left:auto!important;right:2%!important;bottom:18px!important;width:108px;height:214px;z-index:6;transform:rotate(4deg)}
  .visual-sites .badge-a{right:auto;left:4%;top:18px}
  .visual-sites .badge-b{right:auto;left:4%;bottom:16px}
  .visual-sites .browser-body{padding-right:112px}
  .visual-sites .b-copy strong{font-size:18px;max-width:190px}
}


/* SERVICES V6 — restore hero art, mirror phone to right, remove duplicate visual */
@media(min-width:1001px){
  .svc-hero-grid{grid-template-columns:.95fr 1.05fr!important;max-width:none}
}
.sites-copy-only .svc-showcase-grid{grid-template-columns:1fr!important}
.sites-copy-only .svc-copy{max-width:920px}
.sites-copy-only .visual-sites{display:none!important}
@media(max-width:640px){
  .svc-hero-copy{padding-bottom:18px}
  .svc-hero-art{display:block;height:390px;margin-top:2px}
  .svc-hero-art .hero-monitor{width:88%;height:235px;left:0!important;right:auto!important;top:58px;transform:none}
  .svc-hero-art .hero-phone{width:112px;height:224px;left:auto!important;right:1%!important;bottom:28px!important;top:auto!important;border-radius:22px;padding:35px 12px 12px;transform:rotate(5deg);z-index:6}
  .svc-hero-art .hero-phone strong{font-size:18px;margin-top:26px}
  .svc-hero-art .hero-phone span{font-size:7px}
  .svc-hero-art .chip-seo{right:0;top:18px}
  .svc-hero-art .chip-speed{left:0!important;right:auto!important;bottom:22px}
  .svc-hero-art .chip-ui{display:none}
  .sites-copy-only{padding-top:78px}
}


/* SERVICES V7 — final hero micro-fixes */
.hero-phone .phone-notch{width:44px;height:10px;top:10px;border-radius:999px}
.hero-phone strong{letter-spacing:-.035em}
@media(max-width:640px){
  .hero-phone .phone-notch{width:38px!important;height:9px!important;top:8px!important}
  .hero-phone strong{font-size:17px!important;line-height:1.02!important;margin-top:25px!important}
  .hero-phone span{font-size:7px!important;line-height:1.35!important}
}

/* SERVICES V8 — adaptive hero for notebook/short desktop viewports */
@media (min-width:1001px) and (max-height:900px){
  .svc-hero{min-height:calc(100vh - 84px)}
  .svc-hero-grid{gap:clamp(34px,3vw,58px)}
  .svc-hero-copy{padding:clamp(42px,6vh,66px) 0}
  .svc-hero-copy h1{font-size:clamp(52px,5.25vw,76px);line-height:.96;margin-bottom:20px}
  .svc-hero-copy>p:not(.kicker){font-size:clamp(15px,1.05vw,17px);line-height:1.58}
  .svc-hero-actions{margin-top:24px}
  .svc-mini-proof{margin-top:24px}
  .svc-hero-art{height:clamp(410px,57vh,500px);transform:scale(.92);transform-origin:center center}
  .hero-monitor{top:64px;height:300px}
}
@media (min-width:1001px) and (max-height:760px){
  .svc-hero-copy{padding:32px 0}
  .svc-hero-copy h1{font-size:clamp(48px,4.75vw,68px)}
  .svc-hero-art{height:390px;transform:scale(.84)}
  .hero-monitor{top:48px}
}