/*
Theme Name: Varnexa Company
Theme URI: https://varnexallc.com/
Author: Varnexa Commerce LLC
Description: Lightweight, responsive WordPress block theme for the Varnexa Commerce LLC corporate website. Includes an optional one-click page setup screen.
Version: 2.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: varnexa-company
Tags: full-site-editing, block-patterns, one-column, custom-logo, custom-colors, accessibility-ready
*/
:root {--vx-navy:#0b1832;--vx-ink:#11213c;--vx-muted:#60708b;--vx-blue:#2563eb;--vx-soft:#f3f7ff;--vx-line:#e1e9f3;--vx-white:#fff;}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--vx-ink);-webkit-font-smoothing:antialiased}
::selection{background:#dceafe;color:#071d43}
a{transition:color .16s ease}
a:hover{color:var(--vx-blue)}
.wp-site-blocks{overflow-x:clip}
.vx-shell{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,44px)}
.vx-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--vx-line);position:sticky;top:0;z-index:50;backdrop-filter:blur(15px)}
.admin-bar .vx-header{top:32px}
.vx-header-inner{min-height:80px}
.vx-logo-group{gap:12px}
.vx-logo-group .wp-block-site-logo img{border-radius:12px}
.vx-site-title{margin:0 !important;font-size:1.13rem;font-weight:800;letter-spacing:-.04em}
.vx-site-title a{text-decoration:none;color:var(--vx-navy)}
.vx-nav .wp-block-navigation-item__content{color:#34445f;text-decoration:none;font-size:.92rem;font-weight:600}
.vx-nav .wp-block-navigation-item__content:hover{color:var(--vx-blue)}
.vx-nav .wp-block-navigation__container{gap:clamp(14px,2.5vw,36px)}
.vx-main{min-height:66vh}
.vx-hero{background:radial-gradient(ellipse at 83% 7%, #e5efff 0%, transparent 43%),linear-gradient(155deg,#f7faff 0%,#fff 80%);border-bottom:1px solid var(--vx-line);padding-block:clamp(78px,10vw,136px) clamp(76px,9vw,124px)}
.vx-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(330px,.95fr);gap:clamp(28px,4vw,56px);align-items:center}
.vx-hero-grid>.wp-block-column{min-width:0;width:auto!important;flex-basis:auto!important;max-width:none!important}
.vx-hero-copy{max-width:710px}
.vx-kicker{font-size:.78rem!important;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--vx-blue);margin-bottom:19px!important}
.vx-hero h1{font-size:clamp(2.8rem,5.8vw,5.65rem)!important;letter-spacing:-.061em;line-height:1.045;margin-block:0 26px;max-width:880px}
.vx-hero h1 em{font-style:normal;color:var(--vx-blue)}
.vx-intro{color:var(--vx-muted);font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.72;max-width:640px;margin-block:0 28px}
.vx-actions{gap:14px;margin-top:30px}
.vx-actions .wp-block-button__link{font-weight:750;box-shadow:0 8px 23px #2563eb20;text-decoration:none}
.vx-actions .is-style-outline .wp-block-button__link{box-shadow:none;color:var(--vx-navy);border-color:#cbd8e9;background:#fff}
.vx-panel{border-radius:26px;background:#102448;color:white;padding:clamp(28px,3.4vw,44px);min-height:350px;position:relative;overflow:hidden;box-shadow:0 25px 70px #1428521c}
.vx-panel::before{content:'';display:block;position:absolute;border:1px solid #ffffff25;border-radius:50%;height:450px;width:450px;right:-220px;top:-210px}
.vx-panel::after{content:'';display:block;position:absolute;background:#3b82f620;border-radius:50%;height:300px;width:300px;left:-140px;bottom:-150px}
.vx-panel p{color:#aec4e7;position:relative;z-index:1}
.vx-panel .vx-panel-title{color:#fff;font-weight:730;line-height:1.16;font-size:clamp(1.75rem,2.8vw,2.5rem)!important;letter-spacing:-.045em;margin-top:48px;position:relative;z-index:1;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.vx-panel .vx-panel-title br{display:block;content:"";margin-bottom:.17em}
.vx-panel p{overflow-wrap:normal;word-break:normal}
@media(max-width:940px){.vx-hero-grid{grid-template-columns:1fr!important}.vx-panel{max-width:650px;min-height:275px}.vx-panel .vx-panel-title{margin-top:25px}}
@media(max-width:480px){.vx-panel{padding:26px;min-height:250px}.vx-panel .vx-panel-title{font-size:clamp(1.7rem,7vw,2.2rem)!important}}
.vx-dot{display:inline-block;background:#4c94ff;border-radius:999px;width:10px;height:10px;margin-right:8px}
.vx-section{padding-block:clamp(72px,8vw,110px)}
.vx-section h2{font-size:clamp(2rem,3.9vw,3.3rem);letter-spacing:-.05em;line-height:1.13;margin:0 0 18px}
.vx-muted{color:var(--vx-muted)}
.vx-section-lead{font-size:1.1rem;max-width:690px;margin-bottom:42px;color:var(--vx-muted)}
.vx-service-card{padding:30px;border:1px solid var(--vx-line);border-radius:18px;background:#fff;min-height:226px;box-shadow:0 12px 28px #1b346808}
.vx-service-card h3{font-size:1.25rem;margin-top:16px;margin-bottom:12px;letter-spacing:-.025em}
.vx-service-card p{color:var(--vx-muted);margin-bottom:0}
.vx-num{display:inline-block;padding:6px 11px;border-radius:9px;background:var(--vx-soft);color:var(--vx-blue);font-size:.74rem;font-weight:900;letter-spacing:.08em}
.vx-soft-section{background:var(--vx-soft);border-block:1px solid var(--vx-line)}
.vx-brand-card{padding:34px;border-radius:20px;background:white;border:1px solid #e0e9f5;box-shadow:0 18px 40px #1b34680b}
.vx-brand-label{letter-spacing:.14em;text-transform:uppercase;color:var(--vx-blue);font-size:.8rem;font-weight:850}
.vx-brand-card h3{font-size:1.9rem;letter-spacing:-.04em}
.vx-contact-panel{padding:clamp(24px,4vw,54px);background:var(--vx-navy);border-radius:24px;color:#fff}
.vx-contact-panel h2{color:#fff}
.vx-contact-panel p{color:#c7d6f1}
.vx-contact-panel a{color:#fff;text-underline-offset:5px}
.vx-page{padding-block:clamp(52px,7vw,94px) clamp(72px,9vw,130px)}
.vx-page h1{font-size:clamp(2.6rem,5vw,4.1rem);line-height:1.11;letter-spacing:-.05em}
.vx-page h2{margin-top:2em;letter-spacing:-.03em}
.vx-page p,.vx-page li{line-height:1.82}
.vx-page .wp-block-post-content>*,.vx-page .wp-block-post-content>.wp-block-group{max-width:100%}
.vx-page a{text-decoration-thickness:1px;text-underline-offset:4px}
.vx-footer{border-top:1px solid var(--vx-line);background:#fbfcff;padding-block:43px}
.vx-footer p{margin-block:4px;color:var(--vx-muted)}
.vx-footer a{color:var(--vx-ink);text-decoration:none}
.vx-footer a:hover{color:var(--vx-blue)}
.vx-footer-links{gap:clamp(12px,2vw,28px)}
.vx-footer-links a{font-size:.91rem}
.vx-footer-brand{color:var(--vx-navy)!important;font-weight:800;letter-spacing:-.02em}
.vx-legal-note{background:#fff7dd;border:1px solid #fae4a0;border-radius:12px;padding:16px}
@media(max-width:781px){.vx-header-inner{min-height:70px}.vx-hero{padding-block:72px}.vx-panel{min-height:260px}.vx-panel .vx-panel-title{margin-top:28px}.vx-footer-inner{gap:23px}.admin-bar .vx-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}