/*
Theme Name: Virelo
Theme URI: https://virelo.co.za
Author: Virelo
Description: Professional, responsive and Elementor-friendly WordPress theme for the Virelo multi-tool platform.
Version: 1.1.0
Text Domain: virelo
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--v-navy:#0B1A3B;--v-purple:#7C3AED;--v-blue:#2563EB;--v-cyan:#06B6D4;--v-teal:#14B8A6;--v-ink:#111936;--v-muted:#667085;--v-bg:#F7F9FC;--v-card:#fff;--v-border:#E6EAF2;--v-soft-purple:#F1ECFF;--v-soft-blue:#ECF5FF;--v-soft-teal:#EAFBF6;--v-soft-orange:#FFF4E8;--v-soft-pink:#FFF0F5;--v-radius:22px;--v-shadow:0 16px 48px rgba(12,27,66,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--v-ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.v-container{width:min(1240px,calc(100% - 36px));margin-inline:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,242,.9)}.v-nav{height:76px;display:flex;align-items:center;gap:28px}.v-brand{display:flex;align-items:center;flex:0 0 auto}.v-brand img{display:block;width:150px;height:auto}.v-menu-wrap{margin-left:auto;display:flex;align-items:center;gap:28px}.v-menu{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:700}.v-menu a{transition:.2s}.v-menu a:hover{color:var(--v-blue)}.v-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:13px 20px;font-weight:800;font-size:14px;line-height:1.2;cursor:pointer;transition:.22s}.v-button:hover{transform:translateY(-1px)}.v-button-primary{color:#fff;background:linear-gradient(100deg,var(--v-purple),var(--v-blue) 55%,var(--v-teal));box-shadow:0 10px 26px rgba(75,83,235,.23)}.v-button-secondary{background:#fff;color:var(--v-navy);border:1px solid var(--v-border);box-shadow:0 5px 18px rgba(12,27,66,.04)}.v-mobile-toggle{display:none;background:transparent;border:0;width:42px;height:42px;font-size:25px;color:var(--v-navy)}
.v-hero{position:relative;overflow:hidden;padding:74px 0 64px;background:radial-gradient(circle at 72% 23%,rgba(37,99,235,.10),transparent 31%),radial-gradient(circle at 88% 35%,rgba(6,182,212,.10),transparent 26%),radial-gradient(circle at 15% 18%,rgba(124,58,237,.075),transparent 28%),#fff}.v-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.v-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;color:#5E3DD7;background:#F0EBFF;font-size:11px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.v-hero h1{font-size:clamp(52px,6vw,82px);line-height:.96;letter-spacing:-4.8px;margin:20px 0 22px;color:var(--v-navy)}.v-gradient{background:linear-gradient(90deg,var(--v-purple),var(--v-blue) 48%,var(--v-cyan) 78%,var(--v-teal));-webkit-background-clip:text;background-clip:text;color:transparent}.v-hero-copy{max-width:650px;font-size:19px;color:#58627A;line-height:1.58;margin:0}.v-actions{display:flex;gap:14px;flex-wrap:wrap;margin:29px 0 31px}.v-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v-benefit{display:flex;gap:11px;align-items:center}.v-benefit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(12,27,66,.08);font-size:18px}.v-benefit strong{display:block;color:var(--v-navy);font-size:13px}.v-benefit span{display:block;color:#8790A5;font-size:11px}.v-visual{position:relative;min-height:440px;display:grid;place-items:center}.v-blob{position:absolute;width:93%;height:78%;border-radius:42% 58% 64% 36%/46% 37% 63% 54%;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(37,99,235,.12),rgba(20,184,166,.17));filter:saturate(115%)}.v-laptop{position:relative;width:min(570px,100%);padding:18px;border-radius:26px;background:#fff;border:1px solid var(--v-border);box-shadow:0 35px 80px rgba(13,30,72,.18);transform:rotate(.5deg)}.v-laptop-top{display:flex;align-items:center;gap:12px;padding-bottom:15px}.v-laptop-top img{width:33px}.v-search{height:37px;flex:1;border-radius:11px;background:#F7F8FD;border:1px solid #EDF0F7;display:flex;align-items:center;padding:0 13px;color:#98A1B4;font-size:12px}.v-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.v-app-tile{min-height:87px;border-radius:17px;border:1px solid var(--v-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;font-size:11px;font-weight:800;color:var(--v-navy)}.v-app-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:var(--v-soft-purple)}.v-float{position:absolute;z-index:3;background:#fff;border:1px solid var(--v-border);border-radius:17px;padding:12px 15px;box-shadow:0 14px 34px rgba(13,30,72,.12);font-size:12px;font-weight:800;color:var(--v-navy)}.v-float.one{left:-10px;top:80px}.v-float.two{right:-4px;top:104px}.v-float.three{right:34px;bottom:35px}
.v-section{padding:78px 0}.v-section-soft{background:linear-gradient(180deg,#F8FAFF,#F4F8FF)}.v-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.v-section-head-copy{max-width:740px}.v-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#7F8AAA;font-weight:900}.v-section h2{font-size:clamp(34px,4vw,49px);line-height:1.06;letter-spacing:-2.4px;color:var(--v-navy);margin:8px 0 10px}.v-section-head p{margin:0;color:var(--v-muted);font-size:16px}.v-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.v-tool{position:relative;background:#fff;border:1px solid var(--v-border);border-radius:var(--v-radius);padding:22px;box-shadow:0 10px 30px rgba(12,27,66,.045);transition:.22s;overflow:hidden}.v-tool:hover{transform:translateY(-4px);box-shadow:var(--v-shadow);border-color:#D6DCF0}.v-tool-top{display:flex;align-items:center;gap:13px}.v-tool-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:23px}.v-tool h3{font-size:19px;letter-spacing:-.3px;color:var(--v-navy);margin:0}.v-tool p{font-size:13px;color:var(--v-muted);margin:15px 0 19px;min-height:42px}.v-tool-link{font-size:13px;font-weight:900;color:var(--v-blue)}.v-tool:nth-child(1) .v-tool-icon{background:var(--v-soft-purple)}.v-tool:nth-child(2) .v-tool-icon{background:var(--v-soft-blue)}.v-tool:nth-child(3) .v-tool-icon{background:var(--v-soft-teal)}.v-tool:nth-child(4) .v-tool-icon{background:var(--v-soft-orange)}.v-tool:nth-child(5) .v-tool-icon{background:var(--v-soft-pink)}.v-tool:nth-child(6) .v-tool-icon{background:#F3ECFF}.v-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v-category{display:flex;align-items:center;gap:15px;padding:22px;border-radius:19px;border:1px solid var(--v-border);background:#fff;transition:.2s}.v-category:hover{transform:translateY(-2px)}.v-category-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:20px}.v-category h3{margin:0 0 3px;font-size:15px;color:var(--v-navy)}.v-category p{margin:0;font-size:12px;color:var(--v-muted)}.v-category:nth-child(1){background:#F3EEFF}.v-category:nth-child(2){background:#ECF6FF}.v-category:nth-child(3){background:#EBFBF6}.v-category:nth-child(4){background:#FFF5E8}.v-category:nth-child(5){background:#FFF1F6}.v-category:nth-child(6){background:#F3EFFF}.v-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v-step{position:relative;padding:27px;background:#fff;border:1px solid var(--v-border);border-radius:var(--v-radius)}.v-step-num{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--v-purple),var(--v-blue));font-size:13px;font-weight:900}.v-step h3{margin:17px 0 7px;color:var(--v-navy)}.v-step p{margin:0;color:var(--v-muted);font-size:14px}.v-cta-band{padding:56px;border-radius:30px;background:linear-gradient(115deg,#0B1A3B,#142B5A);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;overflow:hidden;position:relative}.v-cta-band:after{content:"";position:absolute;right:-100px;top:-120px;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,rgba(124,58,237,.45),rgba(6,182,212,.45));filter:blur(3px)}.v-cta-band>*{position:relative;z-index:1}.v-cta-band h2{color:#fff;margin:0 0 10px}.v-cta-band p{margin:0;color:#C7D0E4}.site-footer{margin-top:70px;background:var(--v-navy);color:#fff}.v-footer{padding:54px 0 26px}.v-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px}.v-footer-logo{width:150px;filter:brightness(0) invert(1)}.v-footer p,.v-footer a{color:#AEB9D0;font-size:13px}.v-footer h4{margin:0 0 14px;font-size:14px}.v-footer ul{list-style:none;padding:0;margin:0}.v-footer li{margin:8px 0}.v-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#8997B4;font-size:12px}
.content-wrap{width:min(980px,calc(100% - 36px));margin:56px auto}.entry-content{font-size:17px}.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.15;color:var(--v-navy)}.v-elementor-fullwidth .site-header,.v-elementor-fullwidth .site-footer{display:block}.elementor-page .entry-content{max-width:none}.elementor-page .content-wrap{width:100%;max-width:none;margin:0}.elementor-page .entry-content{font-size:inherit}
@media(max-width:1050px){.v-hero-grid{grid-template-columns:1fr;gap:40px}.v-visual{min-height:390px}.v-tools{grid-template-columns:repeat(2,1fr)}.v-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.v-footer-grid>div:last-child{display:none}}
@media(max-width:780px){.v-menu-wrap .v-menu,.v-header-cta{display:none}.v-mobile-toggle{display:block;margin-left:auto}.v-menu-wrap{margin-left:0}.v-menu-wrap.is-open{position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--v-border);padding:18px}.v-menu-wrap.is-open .v-menu{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.v-hero{padding-top:52px}.v-hero h1{letter-spacing:-3px}.v-benefits,.v-categories,.v-how{grid-template-columns:1fr}.v-section-head{align-items:flex-start;flex-direction:column}.v-cta-band{grid-template-columns:1fr;padding:38px 28px}.v-footer-grid{grid-template-columns:1fr 1fr}.v-footer-grid>div:first-child{grid-column:1/-1}.v-footer-bottom{flex-direction:column}}
@media(max-width:560px){.v-container{width:min(100% - 24px,1240px)}.v-nav{height:68px}.v-brand img{width:126px}.v-menu-wrap.is-open{top:68px}.v-hero{padding:44px 0 46px}.v-hero h1{font-size:48px;letter-spacing:-2.6px}.v-hero-copy{font-size:16px}.v-benefits,.v-tools{grid-template-columns:1fr}.v-visual{min-height:auto;margin-top:10px}.v-laptop{padding:13px}.v-app-grid{grid-template-columns:repeat(2,1fr)}.v-float{display:none}.v-section{padding:58px 0}.v-section h2{letter-spacing:-1.7px}.v-footer-grid{grid-template-columns:1fr}.v-footer-grid>div{grid-column:auto!important;display:block!important}}