/* UC WEB refined visual system */
.brand-symbol{width:38px;height:38px;transform:none;border-radius:50%;background:var(--navy);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.brand-symbol:before,.brand-symbol:after,.brand-symbol i{position:absolute;content:"";width:20px;height:20px;border:5px solid;border-radius:50%;background:transparent;transform:none}
.brand-symbol:before{left:5px;top:5px;border-color:var(--sky);border-right-color:transparent}
.brand-symbol:after{right:5px;bottom:5px;border-color:var(--green);border-left-color:transparent}
.brand-symbol i{display:none}
.hero .reveal{opacity:1;transform:none}
.loop-a{animation:loop-drift-a 15s ease-in-out infinite alternate}
.loop-b{animation:loop-drift-b 12s ease-in-out infinite alternate}
.loop-c{animation:loop-drift-c 10s ease-in-out infinite alternate}
@keyframes loop-drift-a{to{transform:translate3d(-22px,18px,0) rotate(-16deg)}}
@keyframes loop-drift-b{to{transform:translate3d(14px,-20px,0) rotate(29deg)}}
@keyframes loop-drift-c{to{transform:translate3d(-10px,10px,0) rotate(4deg)}}
.work-card{display:block;transition:transform .35s ease}
.work-card:hover{transform:translateY(-8px)}
.site-preview{isolation:isolate;background:#e9edf2;border:1px solid rgba(20,33,61,.11);box-shadow:0 18px 45px rgba(20,33,61,.12)}
.site-preview .preview-bar{position:absolute;z-index:3;left:0;right:0;top:0;height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#f8fafc;border-bottom:1px solid rgba(20,33,61,.12)}
.preview-bar i{width:7px;height:7px;border-radius:50%;background:#c7ccd5}.preview-bar i:first-child{background:#ff6d67}.preview-bar i:nth-child(2){background:#ffca55}.preview-bar i:nth-child(3){background:#59d68b}
.preview-bar small{position:absolute;left:50%;transform:translateX(-50%);color:#697184;font:700 9px/1 var(--sans);letter-spacing:.03em}
.site-preview iframe{position:absolute;z-index:1;left:0;top:34px;width:1440px;height:900px;border:0;transform:scale(.36);transform-origin:top left;pointer-events:none;background:#fff}
.site-preview>span{z-index:4}
.price b{font-variant-numeric:tabular-nums;letter-spacing:-.065em}
.concept-band{overflow:hidden}.concept-band:before{content:"";position:absolute;inset:auto -10% -180px;height:260px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.05)}
@media(prefers-reduced-motion:reduce){.loop-a,.loop-b,.loop-c{animation:none}}
@media(max-width:1100px){.site-preview iframe{transform:scale(.3)}}
@media(max-width:700px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-contact{bottom:calc(1rem + env(safe-area-inset-bottom))}.site-preview iframe{width:1280px;height:800px;transform:scale(.29)}.work-card:hover{transform:none}.hero{min-height:810px}.hero-decoration{inset:360px -210px 0 20%}}