/* Uwebbz V8.1 premium UX layer — additive, keeps V8 markup and functions */
:root{--uw-accent:#ff821f;--uw-deep:#071b46;--uw-focus:#ff9d4a;--uw-ink:#142b4b;--uw-soft:#f5f8fe}
html{scroll-padding-top:100px}body{font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.uw-skip-link{position:fixed;top:-100px;left:14px;z-index:9999;background:#fff;color:#062e70;padding:12px 18px;border-radius:9px;box-shadow:0 5px 20px #0003}.uw-skip-link:focus{top:12px}
button,a,input,select,textarea{transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s} :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--uw-focus)!important;outline-offset:3px}
.publicHeader{box-shadow:0 3px 20px #082b6110}.publicHeader .wrap{max-width:1320px}.publicNav .btn{white-space:nowrap}.brand{white-space:nowrap}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 20%,#246dd090,transparent 48%),linear-gradient(120deg,#051737 0%,#082f77 62%,#1259b7 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000)}
.heroInner{max-width:1320px;min-height:625px;gap:64px}.hero h1{max-width:740px;text-wrap:balance}.hero p{line-height:1.75}.heroFacts span{display:inline-flex;align-items:center}.heroActions .btn{min-height:49px}.preview{transform:rotate(1deg);box-shadow:0 36px 75px #0005;border-color:#ffffff52}.previewBody{padding:26px}.previewStats div{background:#fff}.fakeGraph i{min-width:0}
.sectionPad{padding-block:90px}.sectionHead h2{text-wrap:balance}.feature,.jobCard{box-shadow:0 9px 27px #0826530a;transition:transform .22s,box-shadow .22s,border-color .22s}.feature:hover,.jobCard:hover{transform:translateY(-5px);box-shadow:0 18px 36px #08265319;border-color:#b5d0f5}.featureIcon{font-weight:800}.cta{box-shadow:0 20px 45px #0a377c25}.footer{line-height:1.7}
.uw-nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #c7d8f0;background:#f1f6ff;border-radius:11px;width:45px;height:43px}.uw-nav-toggle span{width:19px;height:2px;background:#0b387f;border-radius:2px}
.uw-real{background:linear-gradient(180deg,#f4f7fd,#f7f9fe)}.uw-real .appHeader{box-shadow:0 2px 15px #0a28500b;position:sticky;top:0;z-index:45}.uw-real .side{background:linear-gradient(180deg,#071b45,#0b397e);height:calc(100vh - 76px);overflow-y:auto;position:sticky;top:76px;padding:22px 12px;scrollbar-width:thin}.uw-real .sideLabel{font-size:10px;letter-spacing:.18em;margin-top:4px}.uw-real .side a{padding:11px 13px!important;margin:2px 0;font-size:13px;line-height:1.4;border:1px solid transparent}.uw-real .side a:hover{background:#ffffff16!important;color:#fff!important;transform:translateX(2px)}.uw-real .side a.active{background:#ff821f!important;color:#fff!important;box-shadow:0 5px 13px #0002}.uw-real .appMain{padding:34px clamp(18px,3.2vw,55px)}.uw-real .uw-main-content{max-width:1380px}.uw-real .v6head{margin-bottom:26px}.uw-real .v6head h1{font-size:clamp(29px,3vw,39px)}.uw-real .v6stats>div,.uw-real .v6panel,.uw-real .v5card{border:1px solid #e0e8f5;box-shadow:0 10px 27px #0b32660b;border-radius:17px}.uw-real .v6stats>div{position:relative;overflow:hidden}.uw-real .v6stats>div:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#1262cc,#ff8429)}.uw-real .v6panel h2{letter-spacing:-.02em}.uw-real .v5card label{font-weight:700;color:#274264}.uw-real :is(input,select,textarea){min-height:43px}.uw-real :is(input,select,textarea):focus{border-color:#377fe2;box-shadow:0 0 0 3px #1b69d01b;outline:0}.uw-real textarea{min-height:100px}.uw-real .dataTable th{background:#eff5fd;color:#395477}.uw-real .dataTable tr:hover td{background:#f7faff}.uw-real .v6item{gap:16px}.uw-real .uw-placeholder{line-height:1.65}.uw-real .uw-section{animation:uw-fade .2s ease-out}.uw-real .btn{min-height:42px}.uw-real .v6steps>div{box-shadow:0 7px 22px #092c5b0a}.uw-real .uw-mobile-menu{margin-bottom:18px}
@keyframes uw-fade{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.publicNav{gap:12px}.publicNav a{font-size:12px}.heroInner{gap:25px}.hero h1{font-size:clamp(39px,4.6vw,61px)}}
@media(max-width:900px){.publicHeader .wrap{height:76px;flex-wrap:nowrap}.uw-nav-toggle{display:flex;flex-shrink:0}.publicNav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #dce6f4;box-shadow:0 18px 30px #082b6120;padding:17px 24px 22px;flex-direction:column;align-items:stretch;gap:10px;max-height:calc(100vh - 76px);overflow-y:auto}.publicNav.uw-open{display:flex}.publicNav a{font-size:15px;padding:10px 12px}.publicNav .btn{width:100%;justify-content:center}.heroInner{grid-template-columns:1fr;max-width:750px;padding-block:65px}.hero h1{font-size:clamp(40px,7vw,60px)}.preview{transform:none;max-width:620px}.featureGrid,.jobGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.uw-real .side{position:fixed;top:76px;bottom:0;left:0;width:min(300px,86vw);height:auto;min-height:0;z-index:70;transform:translateX(-110%);display:block;box-shadow:16px 0 30px #0002}.uw-real .side.open{transform:translateX(0)}.uw-real .uw-mobile-menu{display:inline-flex}.uw-real .appShell{display:block}}
@media(max-width:640px){.wrap{padding-inline:19px}.heroInner{padding-block:52px}.hero h1{font-size:clamp(36px,10vw,49px)}.heroActions{display:grid;grid-template-columns:1fr}.heroActions .btn{width:100%}.heroFacts{gap:10px 17px}.previewBody{padding:17px}.previewStats{gap:6px}.previewStats div{padding:9px 7px}.previewStats strong{font-size:19px}.featureGrid,.jobGrid{grid-template-columns:1fr}.sectionPad{padding-block:62px}.feature,.jobCard{padding:23px}.cta{padding:28px 23px;border-radius:18px}.cta .btn{width:100%}.uw-real .appHeader{padding-inline:13px}.uw-real .appHeader .brand{font-size:20px}.uw-real .appHeader .right{gap:8px}.uw-real .appHeader .right .muted{display:none}.uw-real .appMain{padding:18px 13px}.uw-real .v6stats{grid-template-columns:repeat(2,minmax(0,1fr))}.uw-real .v6stats>div{padding:14px}.uw-real .v6stats strong{font-size:24px}.uw-real .v6panel,.uw-real .v5card{padding:17px}.uw-real .v5columns,.uw-real .v6cols{grid-template-columns:1fr}.uw-real .v6steps{grid-template-columns:1fr}.uw-real .tableScroll{margin-inline:-6px}}
@media(max-width:370px){.uw-real .v6stats{grid-template-columns:1fr}.uw-real .appHeader .brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.uw-real .uw-section{animation:none}.feature,.jobCard{transition:none}}
