.hero.service-orbit{height:100svh;min-height:820px;position:relative;isolation:isolate;overflow:hidden;background:#060709}
.service-orbit::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 85%,#a58a2d1e,transparent 56%),linear-gradient(180deg,#060709 40%,#0e1013);pointer-events:none}
.so-stars{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(circle,#eadba880 .7px,transparent 1px),radial-gradient(circle,#fff5 .6px,transparent 1px);background-size:139px 109px,213px 177px;background-position:12px 8px,75px 44px;mask-image:linear-gradient(#000,transparent 90%)}
.so-canvas{position:absolute;left:50%;top:76px;width:1172px;height:760px;transform:translateX(-50%) scale(var(--so-k,1));transform-origin:50% 0}
.so-copy{position:absolute;inset:0;z-index:20;text-align:center;pointer-events:none}
.so-badge{position:absolute;left:461px;top:23px;width:250px;height:39px;border-radius:12px;border:1px solid #ffffff24;background:linear-gradient(to top,#e9cf7b22,transparent 9px),#ffffff03;color:#e9e5da;backdrop-filter:blur(12px)}
.so-badge i{position:absolute;left:4px;top:4px;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(to top,#eac951,#51421b 30%,#16150f 90%);border:1px solid #d6c27450;font-style:normal;color:#f9e6a5;font-size:19px}
.so-badge span{position:absolute;left:45px;top:0;line-height:37px;font-size:12px;letter-spacing:.015em;white-space:nowrap}
.so-title{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:1050px;margin:0;font-family:var(--font-display),sans-serif;font-size:76px;font-weight:600;line-height:1.02;letter-spacing:-.055em;color:#f7f5ef;text-transform:uppercase}
.so-title span{display:block}.so-title em{font-style:normal;color:#e8cf7d}
.so-sub{position:absolute;top:269px;left:50%;transform:translateX(-50%);width:660px;font-size:16px;line-height:1.65;color:#a5a7ab;letter-spacing:0;margin:0}.so-sub strong{font-weight:500;color:#eeede7}
.so-actions{position:absolute;top:340px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:26px;pointer-events:auto}
.so-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;height:54px;padding:0 24px;border-radius:13px;overflow:hidden;background:linear-gradient(to top,#fff0b8 1px,#e3cc76 3px,#a68c37 6px,#5e501f 11px,#242216 21px,#111214 34px);border:1px solid #d9cd9d33;box-shadow:inset 0 1px 0 #ffffff0d,0 0 8px #d7be4d12;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:filter .2s,translate .2s}
.so-cta:hover{filter:brightness(1.18);translate:0 -2px}.so-secondary{color:#c9c7be;font-size:13px;text-decoration:none!important;padding:16px 4px}.so-secondary:hover{color:#f1d66c}
.service-orbit a:focus-visible,.so-motion:focus-visible{outline:2px solid #f0d454;outline-offset:5px}
.so-scene{position:absolute;inset:0;z-index:5;pointer-events:none}
.so-ring{position:absolute;inset:0;perspective:891px;perspective-origin:586px 918px;transform-style:preserve-3d}
.so-card{position:absolute;left:586px;top:584px;width:130px;height:276px;margin:-138px 0 0 -65px;border-radius:12px;overflow:hidden;backface-visibility:hidden;will-change:transform;background:#181a1e;color:#14171b;box-shadow:0 18px 40px #0008;isolation:isolate}
.so-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff3}
.so-poster{height:100%;padding:17px 12px;position:relative;overflow:hidden;background:var(--poster,#e8e3d7)}
.so-poster small{font-size:6px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;display:block;margin-bottom:24px;opacity:.7}
.so-poster h3{font-size:25px;line-height:.98;letter-spacing:-.05em;margin:0;font-weight:600;color:inherit}.so-poster h3 em{font-style:normal;opacity:.55}
.so-poster p{font-size:7px;line-height:1.5;max-width:90px;margin-top:10px}
.so-poster footer{position:absolute;bottom:14px;left:12px;right:12px;font-size:6px;letter-spacing:.16em;border-top:1px solid #0002;padding-top:9px;color:inherit}
.so-art{height:98px;position:absolute;left:12px;right:12px;bottom:40px;display:grid;place-items:center}
.so-search{background:#fff;border-radius:8px;width:108px;padding:9px;box-shadow:0 7px 15px #0002;transform:rotate(-7deg)}.so-search b{font-size:7px;display:block;margin-bottom:8px;color:#4285f4}.so-search i{display:block;height:4px;margin:5px 0;background:#dde2eb;border-radius:4px}.so-search i:last-child{width:65%;background:#dbbd4e}
.so-phone{width:57px;height:98px;border:4px solid #16191f;border-radius:11px;background:linear-gradient(135deg,#f3b49c,#cd687a 50%,#733c64);box-shadow:14px 7px 0 -4px #ffffff45;transform:rotate(9deg);display:grid;place-items:center;color:#fff;font-size:29px}.so-phone::after{content:"";position:absolute;bottom:8px;width:28px;height:3px;background:#fff8;border-radius:4px}
.so-map{width:110px;height:95px;border-radius:10px;background:repeating-linear-gradient(20deg,transparent 0 16px,#fff8 17px 20px,transparent 21px 38px),repeating-linear-gradient(100deg,#c7d5b9 0 22px,#e9ead8 23px 28px);transform:rotate(-8deg);display:grid;place-items:center}.so-map svg{width:36px;height:44px;filter:drop-shadow(0 5px 3px #0003)}
.so-browser-mini{width:115px;height:80px;background:#fbf7f0;border-radius:6px;border:3px solid #272932;box-shadow:0 10px 20px #0002;transform:rotate(-5deg);padding:8px}.so-browser-mini b{font-size:7px;line-height:1.2;display:block;color:#35332d}.so-browser-mini i{display:inline-block;width:26px;height:30px;margin:7px 2px 0 0;background:linear-gradient(140deg,#d3b887,#57625d);border-radius:3px}
.so-content{display:grid;grid-template-columns:repeat(2,45px);gap:5px;transform:rotate(7deg)}.so-content i{height:43px;border-radius:5px;background:linear-gradient(135deg,#f8deab,#b66c3f);display:grid;place-items:center;font-style:normal;font-size:10px;color:#382a20}.so-content i:nth-child(2){background:#293d3a;color:#efcd99}.so-content i:nth-child(3){background:#eedcc8}.so-content i:nth-child(4){background:#b9584b;color:#fff}
.so-chart{height:84px;width:105px;display:flex;align-items:flex-end;gap:8px;padding:9px;border-bottom:1px solid #fff7}.so-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#f2d974,#948038);height:30%}.so-chart i:nth-child(2){height:48%}.so-chart i:nth-child(3){height:69%}.so-chart i:nth-child(4){height:95%}
.so-browser{position:absolute;left:181px;top:556px;width:810px;height:315px;border-radius:20px 20px 0 0;overflow:hidden;z-index:15;background:#151719;border:1px solid #ffffff25;box-shadow:0 -18px 45px #0007;pointer-events:auto}
.so-browser-bar{height:36px;border-bottom:1px solid #fff1;display:flex;align-items:center;justify-content:center;background:linear-gradient(#23262be8,#15171ce8);font:9px var(--font-accent),monospace;color:#b9b9b8;letter-spacing:.05em}
.so-dots{position:absolute;left:17px;top:15px;display:flex;gap:5px}.so-dots i{width:6px;height:6px;border-radius:50%;background:#e56b63}.so-dots i:nth-child(2){background:#eac050}.so-dots i:nth-child(3){background:#65bb7b}
.so-address{border:1px solid #fff1;padding:5px 76px;border-radius:5px;background:#111318}
.so-site{position:relative;height:280px;overflow:hidden;background:#101213}.so-site img{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.so-site-head{position:relative;z-index:2;display:flex;justify-content:space-between;padding:19px 27px;color:#e9e5db;font-size:11px}.so-site-head b{font-size:17px;letter-spacing:-.04em}.so-site-head span{font-size:8px;color:#b9b9ad;word-spacing:14px;padding-top:6px}
.so-site-copy{position:relative;z-index:2;padding:18px 27px;width:52%}.so-site-copy small{font-size:7px;color:#cfba65;letter-spacing:.16em;text-transform:uppercase}.so-site-copy h2{font-size:38px;letter-spacing:-.045em;line-height:1.05;margin:11px 0;color:#f7f4ec;font-weight:500}.so-site-copy p{font-size:9px;line-height:1.6;max-width:245px;color:#aaa}.so-site-copy b{font-size:8px;display:inline-block;margin-top:14px;padding:8px 15px;background:#dfc752;color:#191a15;border-radius:20px;font-weight:500}
.so-bottom{position:absolute;bottom:17px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:30;font:9px var(--font-accent),monospace;letter-spacing:.14em;color:#aaa69a;pointer-events:none}.so-bottom a{color:#d9ce9e;pointer-events:auto;text-decoration:none;padding:10px}
.so-motion{position:absolute;right:28px;bottom:54px;z-index:30;background:#101216d9;border:1px solid #ffffff24;color:#dedbd0;padding:10px 13px;border-radius:8px;font:11px var(--font-accent),monospace;cursor:pointer;min-height:44px}
@media(max-width:700px){
 .hero.service-orbit{min-height:800px;height:100svh}.so-canvas{position:relative;left:0;top:0;width:100%;height:100%;transform:none}
 .so-copy{position:relative;inset:auto;padding:102px 20px 0;text-align:center}.so-badge{position:relative;left:auto;top:auto;margin:0 auto;width:238px;height:38px}.so-badge span{font-size:11px}
 .so-title{position:relative;left:auto;top:auto;transform:none;width:100%;font-size:clamp(36px,8.8vw,60px);line-height:1.06;letter-spacing:-.048em;margin:24px auto 0;max-width:570px}.so-title span{display:block}
 .so-sub{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:340px;margin:20px auto 0;font-size:14px;line-height:1.6}.so-sub br{display:none}
 .so-actions{position:relative;top:auto;left:auto;right:auto;margin-top:23px;gap:20px}.so-cta{height:50px;padding:0 18px;font-size:12px}.so-secondary{font-size:12px}
 .so-scene{top:460px;bottom:0;overflow:hidden}.so-ring{left:50%;margin-left:-586px;top:-421px;width:1172px;height:657px;transform:scale(.9);transform-origin:586px 446px}
 .so-browser{left:50%;top:170px;width:620px;height:300px;transform:translateX(-50%) scale(.66);transform-origin:50% 0;border-radius:18px 18px 0 0}.so-site-copy{width:57%}.so-site-copy h2{font-size:34px}.so-site img{width:58%}.so-site-head span{font-size:7px}.so-address{padding-inline:45px}
 .so-bottom{bottom:8px;left:14px;right:14px;font-size:7px;letter-spacing:.05em}.so-motion{bottom:42px;right:15px;padding:8px 10px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.so-cta{transition:none}}
