/*
Theme Name: VectorRefinery
Theme URI: https://vectorrefinery.com
Author: Rez / ChatGPT
Description: Custom WordPress theme for VectorRefinery manual image to vector conversion service.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: vectorrefinery
*/

:root{--vr-dark:#07111f;--vr-green:#52c539;--vr-green2:#38a927;--vr-light:#f6f8fa;--vr-text:#111827;--vr-muted:#64748b;--vr-border:#e5e7eb}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--vr-text);background:#f6f8fa;line-height:1.6}
a{text-decoration:none;color:inherit}
.vr-container{max-width:1180px;margin:0 auto;padding:0 24px}
.vr-nav{height:72px;background:#07111f;color:white;border-bottom:1px solid rgba(255,255,255,.18);position:sticky;top:0;z-index:99}
.vr-nav-inner{max-width:1180px;margin:auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.vr-logo{font-size:28px;font-weight:900;letter-spacing:-1px}.vr-logo span{color:var(--vr-green)}
.vr-menu{display:flex;gap:26px;align-items:center;font-weight:700}.vr-menu a{color:white}
.vr-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:7px;font-weight:900;text-decoration:none;border:1px solid transparent;cursor:pointer}
.vr-btn-green{background:var(--vr-green);color:white}.vr-btn-green:hover{background:var(--vr-green2);color:white}.vr-btn-outline{border-color:white;color:white}.vr-btn-dark{background:#07111f;color:white}
.vr-hero{background:#07111f;color:white;padding:70px 0 34px}
.vr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.vr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.vr-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.vr-title{font-size:58px;line-height:1.07;letter-spacing:-1.8px;margin:0 0 22px;font-weight:950}.vr-title span,.vr-green{color:var(--vr-green)}
.vr-lead{font-size:18px;line-height:1.55;color:#e5e7eb;margin:0 0 28px}.vr-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.vr-stars{margin-top:20px;color:#facc15;font-weight:900}.vr-stars span{color:white;margin-left:10px;font-size:14px}
.vr-ba{background:white;border-radius:10px;padding:14px;box-shadow:0 22px 55px rgba(0,0,0,.25);min-height:355px;display:flex;align-items:center;justify-content:center;color:#111;position:relative;overflow:hidden}
.vr-ba:before{content:'Before';position:absolute;left:20px;top:18px;background:#555;color:white;padding:8px 12px;border-radius:6px;font-weight:900}
.vr-ba:after{content:'After';position:absolute;right:20px;top:18px;background:var(--vr-green);color:white;padding:8px 12px;border-radius:6px;font-weight:900}
.vr-ba-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#111}.vr-ba-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:white;box-shadow:0 3px 10px #777;display:flex;align-items:center;justify-content:center;font-weight:900}
.vr-trust{max-width:1090px;margin:-34px auto 0;background:white;border-radius:12px;box-shadow:0 12px 38px rgba(0,0,0,.13);display:grid;grid-template-columns:repeat(4,1fr);padding:28px;gap:22px;position:relative;z-index:3}
.vr-trust-item{display:flex;gap:14px;align-items:flex-start}.vr-icon{width:50px;height:50px;border-radius:50%;background:#eef8ea;color:var(--vr-green);display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}.vr-trust h4{margin:0 0 4px;font-size:14px}.vr-trust p{margin:0;color:#4b5563;font-size:13px;line-height:1.35}
.vr-section{padding:76px 0;background:#f6f8fa}.vr-section.white{background:white}.vr-center{text-align:center}.vr-eyebrow{font-size:13px;color:var(--vr-green2);font-weight:900;text-transform:uppercase}.vr-h2{font-size:34px;line-height:1.15;margin:8px 0 10px;font-weight:950}.vr-section p{color:#475569}
.vr-card{background:white;border:1px solid var(--vr-border);border-radius:10px;padding:34px 28px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.vr-card.center{text-align:center}
.vr-card h3{font-size:21px;margin:14px 0 8px}.vr-card p{color:#374151;margin:0}.vr-note{color:var(--vr-green2);font-weight:900;margin-top:16px}
.vr-work{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.vr-work-card{background:white;border:1px solid #ddd;border-radius:8px;overflow:hidden}.vr-work-img{height:230px;background:linear-gradient(90deg,#d9d4ca 0 50%,#fff 50%);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;color:#1f2937;text-align:center}.vr-work-body{padding:18px}.vr-work-body h4{margin:0 0 4px}.vr-work-body p{margin:0;color:var(--vr-green2);font-weight:800}
.vr-process{background:#eef5ee;padding:58px 0}.vr-step{display:flex;align-items:center;gap:22px}.vr-num{font-size:38px;color:#b8b8b8;font-weight:950}.vr-step h4{margin:0 0 5px}.vr-step p{margin:0;color:#4b5563;font-size:14px}
.vr-price{font-size:44px;font-weight:950;color:var(--vr-green);margin:10px 0}.vr-popular{border:2px solid var(--vr-green);transform:translateY(-10px);position:relative;padding-top:54px}.vr-popular:before{content:'MOST POPULAR';position:absolute;left:-2px;right:-2px;top:-1px;background:var(--vr-green);color:white;text-align:center;padding:8px;font-weight:900;border-radius:8px 8px 0 0}
.vr-list{list-style:none;padding:0;margin:20px 0;text-align:left}.vr-list li{padding:7px 0;color:#1f2937}.vr-list li:before{content:'✓';color:var(--vr-green2);font-weight:900;margin-right:10px}
.vr-cta{background:linear-gradient(135deg,#16a34a,#65c934);color:white;padding:42px 0}.vr-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.vr-cta h2{margin:0;font-size:34px}.vr-cta p{color:white;margin:8px 0 0}
.vr-footer{background:#07111f;color:#d1d5db;padding:50px 0}.vr-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:38px}.vr-footer h4{color:white;margin:0 0 14px}.vr-footer p,.vr-footer a{color:#d1d5db;text-decoration:none}
.vr-form input,.vr-form textarea,.vr-form select{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;font-family:inherit}.vr-form textarea{height:160px}
.vr-upload{border:2px dashed #84cc75;border-radius:10px;padding:60px;text-align:center;background:white}.vr-summary{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:28px}
.vr-dashboard{display:grid;grid-template-columns:280px 1fr;gap:24px}.vr-sidebar{background:white;border:1px solid var(--vr-border);border-radius:12px;padding:18px}.vr-sidebar a{display:block;padding:12px;border-radius:8px;color:#334155;font-weight:800}.vr-sidebar a:hover,.vr-sidebar .active{background:#eef8ea;color:#166534}.vr-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.vr-table th,.vr-table td{padding:16px;border-bottom:1px solid #e5e7eb;text-align:left}
@media(max-width:900px){.vr-grid-2,.vr-grid-3,.vr-grid-4,.vr-work,.vr-trust,.vr-footer-grid,.vr-cta-inner,.vr-dashboard{grid-template-columns:1fr;display:grid}.vr-title{font-size:40px}.vr-menu{display:none}.vr-popular{transform:none}.vr-hero{padding:50px 0}.vr-trust{margin:0 24px}.vr-section{padding:54px 0}}