/* CyberGroup V5 — gold / midnight / azure / turquoise visual language. */
:root{--gold:#cb9945;--blue:#126cbe;--deep-gold:#8b5b1d}
body{background:#fff}
.site-header{background:#fff;border-bottom:1px solid #e0e5ed}
.header-inner{min-height:75px}
.brand-shield-viewport{width:45px;height:50px;border-radius:0;background:white;overflow:hidden}
.brand-shield-viewport img{width:78px;left:-17px;top:-4.3px;max-width:none}
.brand-name{letter-spacing:-.055em}
.brand-name span,.footer-brand span{background:linear-gradient(95deg,#063b86,#0b89c5);background-clip:text;-webkit-background-clip:text}
.navlinks>a[aria-current=page]:not(.btn):after{background:linear-gradient(90deg,#d6aa5c,#0e6fbd)}
.site-header:after{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent 0%,#cc9d49 30%,#064f96 70%,transparent 100%);opacity:.34}

/* Shorter, top-aligned landing hero, with more actual explanation. */
.compact-hero.v5-hero{padding:5px 0 32px;min-height:0;background:radial-gradient(circle at 78% 31%,#f9efd9 0%,#f9efd900 33%),radial-gradient(circle at 94% 80%,#d5ebfc7a,transparent 50%),#fff}
.v5-hero .hero-grid{gap:20px;align-items:start;grid-template-columns:1.02fr .98fr}
.v5-hero .hero-copy{padding:45px 0 0}
.v5-hero .hero-kicker{margin:0 0 22px;display:flex;align-items:center;gap:11px;color:#866024;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850}
.hero-kicker span{width:31px;height:2px;background:linear-gradient(90deg,#e2b66b,#0e6cad)}
.v5-hero h1{font-size:clamp(2.15rem,3.2vw,3.38rem);line-height:1.15;margin-bottom:22px;letter-spacing:-.055em;max-width:650px}
.v5-hero .accent,.contact-v5 .accent{background:linear-gradient(103deg,#ad7023 3%,#cfa655 40%,#116bb3 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.v5-hero .intro{font-size:1.03rem;line-height:1.8;margin:0 0 13px;max-width:630px;color:#354a61}
.v5-hero .intro-detail{font-size:.98rem;color:#5d6c7b;line-height:1.76;max-width:620px;margin:0 0 27px}
.v5-hero .buttons{gap:12px;flex-wrap:wrap}
.v5-hero .btn{font-size:.9rem}
.v5-hero .hero-visual{max-width:510px;filter:drop-shadow(0 20px 32px #a2763512);margin:0 auto}
.v5-mark{aspect-ratio:1222/1287;border-radius:0;overflow:visible;perspective:1100px;background:transparent;isolation:isolate}
.v5-mark img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;position:absolute;inset:0}
.logo-complete{animation:cg-v5-original 16s ease-in-out infinite;z-index:1}
.logo-motion{position:absolute;inset:0;transform-style:preserve-3d;animation:cg-v5-motion 16s ease-in-out infinite;z-index:2}
.logo-rotor{backface-visibility:visible;will-change:transform,opacity;filter:drop-shadow(0 8px 15px #26435e2b)}
.rotor-shield{clip-path:polygon(20% 16%,49.5% 5%,79% 16%,77% 42%,68% 59%,50% 66%,32% 58%,22% 42%);animation:cg-v5-shield 16s cubic-bezier(.4,0,.2,1) infinite}
.rotor-c{clip-path:polygon(25% 22%,52% 18%,62% 25%,53% 35%,55% 46%,62% 54%,34% 54%,24% 43%);animation:cg-v5-c 16s cubic-bezier(.45,.08,.23,1) infinite;filter:drop-shadow(0 12px 11px #01386d52)}
.rotor-g{clip-path:polygon(42% 24%,72% 23%,74% 59%,43% 60%,38% 39%);animation:cg-v5-g 16s cubic-bezier(.47,.06,.19,1) infinite;filter:drop-shadow(0 9px 14px #93612145)}
.logo-lettering{position:absolute;inset:0;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);z-index:3;overflow:hidden}
.logo-lettering img{position:absolute;inset:0}
.logo-shine{position:absolute;left:0;top:65%;width:130%;height:26%;pointer-events:none;background:linear-gradient(104deg,transparent 34%,#ffffff00 41%,#ffd990ac 49%,#effbffff 53%,#ffffff00 58%,transparent 70%);mix-blend-mode:screen;opacity:0;animation:cg-v5-shine 16s ease-in-out infinite}
@keyframes cg-v5-original{0%,15%{opacity:1}21%,53%{opacity:0}62%,100%{opacity:1}}
@keyframes cg-v5-motion{0%,14%{opacity:0}21%,53%{opacity:1}62%,100%{opacity:0}}
@keyframes cg-v5-shield{0%,18%,61%,100%{transform:rotateY(0deg) rotateZ(0) scale(1)}28%{transform:rotateY(95deg) rotateZ(10deg) scale(.86)}40%{transform:rotateY(310deg) rotateZ(-8deg) scale(.94)}54%{transform:rotateY(360deg) rotateZ(0) scale(1)}}
@keyframes cg-v5-c{0%,18%,60%,100%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}29%{transform:translate(-16%,-7%) rotateY(160deg) rotateZ(-25deg)}42%{transform:translate(-9%,1%) rotateY(320deg) rotateZ(20deg)}55%{transform:translate(0,0) rotateY(360deg) rotateZ(0)}}
@keyframes cg-v5-g{0%,18%,60%,100%{transform:translate(0,0) rotateY(0) rotateZ(0);opacity:1}30%{transform:translate(17%,-6%) rotateY(-145deg) rotateZ(26deg)}43%{transform:translate(7%,4%) rotateY(-315deg) rotateZ(-16deg)}56%{transform:translate(0,0) rotateY(-360deg) rotateZ(0)}}
@keyframes cg-v5-shine{0%,61%{opacity:0;transform:translateX(-105%)}66%{opacity:.98}82%{opacity:.95;transform:translateX(105%)}83%,100%{opacity:0}}

/* CyberPartner-like service directory: search, chips, cards; no large intro. */
.services-clean{padding:21px 0 90px;background:linear-gradient(180deg,#f8fafc,#fff 24%)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-clean .catalog-toolbar{margin:4px 0 10px}
.services-clean .search-label{width:100%;max-width:820px;font-size:0}
.services-clean .search-label input{font-size:1.05rem;margin-top:0;padding:17px 22px 17px 47px;border:1px solid #bacbdc;border-radius:13px;background:#fff;box-shadow:0 5px 21px #0e25420a}
.services-clean .catalog-toolbar{position:relative}
.services-clean .catalog-toolbar:before{content:"⌕";font-family:Arial,sans-serif;position:absolute;font-size:2.2rem;top:6px;left:15px;color:#b18a42;z-index:1;pointer-events:none}
.services-clean .filters{margin:16px 0 15px;gap:7px}
.services-clean .filters .chip{font-size:.77rem;padding:8px 13px;border-radius:30px}
.services-clean .count{margin:10px 0 20px;color:#6c7a89;font-size:.85rem}
.service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.services-clean .category-block,.services-clean .service-grid{display:contents}
.services-clean .category-title{display:none}
.services-clean .service-card{min-height:190px;border-radius:15px;border:1px solid #e0e8ee;border-top:4px solid #b99047;box-shadow:0 7px 28px #0b25400a;transition:transform .2s,box-shadow .2s}
.services-clean .service-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0c2e5019}
.services-clean .service-card .card-link{color:#0c5c9e}

/* Companies: direct visual cards, high saturation in the partner palettes. */
.companies-clean{padding:25px 0 90px;background:radial-gradient(circle at 0 0,#f6e7c5a6,transparent 42%),radial-gradient(circle at 100% 25%,#d9eaff,transparent 45%),#fff}
.companies-clean .company-cards-v4{margin-top:0;gap:22px}
.companies-clean .company-card-v4{min-height:525px;padding:32px 29px;border-radius:21px;box-shadow:0 22px 50px #13355312}
.companies-clean .company-card-v4.gold{background:linear-gradient(150deg,#fff7e7 0%,#fff 49%);border:1px solid #dbbb77;border-top:7px solid #bb8231}
.companies-clean .company-card-v4.teal{background:linear-gradient(150deg,#e6f9f5 0%,#fff 49%);border:1px solid #84d3c7;border-top:7px solid #009994}
.companies-clean .company-card-v4.blue{background:linear-gradient(150deg,#e9f3ff 0%,#fff 49%);border:1px solid #9bc9ef;border-top:7px solid #0769be}
.companies-clean .company-tag{font-size:.78rem}
.companies-clean .company-logo-area{height:137px}
.companies-clean .company-card-v4 h2{color:#14263d}

/* Form UI and concise human contact page. */
.form-dialog{width:min(92vw,690px);max-width:690px;max-height:min(92vh,850px);overflow:auto}
.form-dialog .dialog-inner{padding:31px 36px 34px}
.form-dialog .dialog-inner h2{font-size:2rem;margin:10px 0 7px}
.form-dialog .dialog-lead{color:#52667a;font-size:.97rem;line-height:1.65;margin:0 0 22px}
.form-dialog .dialog-close{cursor:pointer;font-size:1.8rem}
.lead-form{display:grid;gap:8px}
.lead-form label{font-size:.82rem;font-weight:800;color:#1f3853}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{width:100%;border:1px solid #cdd9e5;background:#fdfefe;border-radius:9px;padding:12px 14px;font:inherit;font-size:.94rem;transition:border .15s,box-shadow .15s;min-width:0}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{outline:none;border-color:#1776b6;box-shadow:0 0 0 3px #d9edfa}
.lead-form input[aria-invalid=true],.lead-form textarea[aria-invalid=true]{border-color:#bc4b42}
.lead-form .form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.lead-form .form-two>div{display:grid;gap:7px}
.lead-form .optional{font-weight:450;color:#7a8897}
.lead-form .check-line{display:flex;align-items:flex-start;gap:12px;margin:14px 0 4px;font-size:.83rem;line-height:1.55;font-weight:500;color:#4b5c70}
.lead-form .check-line input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#096da9}
.lead-form .check-line a{color:#1368aa;text-decoration:underline}
.form-small{margin:0 0 12px;color:#6f7b88;font-size:.78rem;line-height:1.55}
.lead-form .submit-btn{justify-self:start;margin:4px 0 0}
.form-status{font-size:.88rem;margin:7px 0 0;min-height:1px;line-height:1.6}
.form-status.ok{color:#176e52;background:#e7faf1;padding:11px 13px;border-radius:8px}
.form-status.error{color:#a33e35;background:#fff0ef;padding:11px 13px;border-radius:8px}
.lead-form .trap{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact-v5{padding:45px 0 95px;background:radial-gradient(circle at 83% 18%,#efd8a08c,transparent 29%),radial-gradient(circle at 10% 70%,#d7eafba1,transparent 44%),#fff}
.contact-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}
.contact-v5 h1{font-size:clamp(2.8rem,5.7vw,5.9rem);line-height:1.04;letter-spacing:-.07em;margin:16px 0 25px}
.contact-hero>div:first-child>p{font-size:1.1rem;color:#455b73;line-height:1.8;max-width:650px}
.contact-highlights{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 30px}
.contact-highlights span{padding:9px 13px;background:#fff;border:1px solid #d9e4ec;border-radius:100px;font-size:.79rem;font-weight:750;color:#42566c}
.coffee-art{display:grid;justify-items:center}
.coffee-disc{width:min(440px,100%);aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 40% 30%,#fde8bc 1%,#d7a95c 53%,#a36b32 90%);box-shadow:inset 0 0 0 11px #ffffff3b,0 30px 70px #7f5c3040}
.coffee-cup{font-size:clamp(6rem,14vw,11rem);filter:drop-shadow(5px 18px 6px #61401048)}
.steam{position:absolute;top:14%;font-size:4rem;color:#fff;opacity:.55;animation:steam-flow 5s ease-in-out infinite}.steam.one{left:36%}.steam.two{right:35%;animation-delay:1.8s}
@keyframes steam-flow{0%,100%{transform:translateY(10px);opacity:.22}50%{transform:translateY(-13px);opacity:.8}}
.coffee-caption{font-size:1rem;text-align:center;color:#755526;line-height:1.5;font-weight:800;margin-top:18px}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:75px 0 0}
.contact-options article{background:#fff;border:1px solid #dbe4ed;border-radius:15px;padding:22px 25px;border-top:4px solid #d1a658;box-shadow:0 7px 28px #0b2a4010}
.contact-options article:nth-child(2){border-top-color:#0c7f91}.contact-options article:nth-child(3){border-top-color:#126cbe}
.contact-options .option-icon{color:#b18a48;font-size:.82rem;font-weight:900;letter-spacing:.1em}
.contact-options h2{font-size:1.25rem;margin:10px 0 8px}.contact-options p{font-size:.89rem;color:#647486;line-height:1.7;margin:0}

/* Long-form privacy document, readable and navigable. */
.legal-v5{padding:55px 0 100px;background:linear-gradient(180deg,#f4f8fb,#fff 330px)}
.legal-v5 .legal-warning{max-width:100%;border-left:5px solid #b38a44}
.legal-v5 h1{max-width:none}
.legal-v5 h2{scroll-margin-top:110px;border-bottom:1px solid #dce5ec;padding-bottom:11px;max-width:980px}
.legal-v5 p{max-width:1000px;line-height:1.85}
.legal-toc{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0}
.legal-toc a{border:1px solid #d7e1eb;border-radius:100px;background:#fff;color:#165b8f;font-size:.8rem;font-weight:750;padding:6px 11px;text-decoration:none}
.legal-v5 a{color:#115f9b;text-decoration:underline;text-underline-offset:3px}
.legal-v5 dl{padding:20px 0;border-top:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef}
.legal-table-scroll{max-width:100%;overflow-x:auto}
.legal-data-table{border-collapse:collapse;width:100%;min-width:760px;max-width:1150px;margin:24px 0 30px;font-size:.86rem}
.legal-data-table th{text-align:left;background:#173655;color:#fff;padding:12px 14px}
.legal-data-table td{padding:13px 14px;border-bottom:1px solid #dce6ed;vertical-align:top;line-height:1.6;color:#4c5e70}
.legal-data-table tbody tr:nth-child(even){background:#f7fafc}
.legal-references{margin-top:40px;background:#eaf4f9;border-radius:11px;padding:20px 24px;color:#3c5367;max-width:1000px;font-size:.89rem;line-height:1.65}
.webinar-signup{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(110deg,#152b48,#0e5280);color:#fff;border-left:5px solid #d4a65d;border-radius:14px;padding:22px 28px;margin:30px 0 18px;max-width:1100px}
.webinar-signup strong,.webinar-signup span{display:block}.webinar-signup strong{font-size:1.1rem}.webinar-signup span{font-size:.87rem;color:#cbddeb;margin-top:5px}.webinar-signup .btn{background:linear-gradient(110deg,#bb8735,#e3b866);color:#14233a;box-shadow:none}

@media(max-width:1050px){.v5-hero .hero-grid{gap:0}.v5-hero .hero-copy{padding-top:26px}.v5-hero h1{font-size:clamp(2rem,3.3vw,3.2rem)}.service-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.v5-hero .hero-grid{grid-template-columns:1fr}.v5-hero .hero-copy{padding:26px 0 0}.v5-hero .hero-visual{max-width:425px}.companies-clean .company-card-v4{min-height:0}.contact-hero{grid-template-columns:1fr;gap:30px}.coffee-disc{width:min(300px,100%)}.contact-options{grid-template-columns:1fr;margin-top:45px}}
@media(max-width:560px){.brand-shield-viewport{width:37px;height:41px}.brand-shield-viewport img{width:64px;left:-14px;top:-3.5px}.v5-hero h1{font-size:2.1rem}.v5-hero .hero-kicker{font-size:.65rem}.v5-hero .intro{font-size:.97rem}.v5-hero .intro-detail{font-size:.91rem}.v5-hero .buttons{display:grid;grid-template-columns:1fr}.v5-hero .buttons button{width:100%;justify-content:center}.service-directory{grid-template-columns:1fr}.services-clean .search-label input{font-size:.91rem}.services-clean .filters .chip{font-size:.73rem}.contact-v5{padding-top:23px}.contact-v5 h1{font-size:3rem}.contact-v5 .contact-highlights{gap:6px}.contact-v5 .contact-highlights span{font-size:.72rem}.lead-form .form-two{grid-template-columns:1fr}.form-dialog .dialog-inner{padding:24px 19px}.form-dialog .dialog-inner h2{font-size:1.7rem}.legal-v5{padding:35px 0 80px}}
@media(prefers-reduced-motion:reduce){.v5-mark img,.logo-motion,.logo-shine,.steam{animation:none!important;transform:none!important}.logo-complete{opacity:1!important}.logo-motion,.logo-shine{opacity:0!important}}
