/*
Theme Name: AutoWorkshop Online
Author: AutoWorkshop
Description: Responsive marketing theme for AutoWorkshop SaaS.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: autoworkshop-online
*/
:root{--blue:#3568ed;--navy:#0c1930;--muted:#63738c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1b2941;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;padding:0 22px;margin:auto}.top{background:#fff;border-bottom:1px solid #e8edf6;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:18px}.brand{font-weight:850;font-size:23px;letter-spacing:-.8px}.brand span{color:var(--blue)}.navlinks{display:flex;gap:25px;font-size:14px;font-weight:650}.navlinks a:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:12px}.btn{display:inline-block;border:1px solid #d4def0;padding:12px 20px;border-radius:11px;font-size:14px;font-weight:750}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn:hover{opacity:.88}.menu{display:none;border:0;background:transparent;font-size:25px}.hero{background:radial-gradient(circle at 85% 30%,#2a508c,transparent 42%),linear-gradient(120deg,#0b1528,#142a4a);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:100px;padding-bottom:100px}.eyebrow{color:#a9c3ff;font-size:12px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(43px,5.4vw,68px);line-height:1.09;letter-spacing:-2.4px;margin:20px 0}h1 em{font-style:normal;color:#8cafff}.hero p{font-size:17px;color:#cbd8ed}.hero .buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero .secondary{background:#ffffff17;border-color:#ffffff55;color:white}.benefits{color:#cbd8ed;font-size:13px}.mock{background:#fff;border:7px solid #ffffff25;border-radius:20px;color:#24304b;overflow:hidden;box-shadow:0 25px 75px #0006}.mock-header{padding:16px 20px;border-bottom:1px solid #e8edf5;font-weight:800}.mock-body{background:#f7f9fe;padding:22px}.mock-body h3{margin:5px 0 16px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:#fff;border:1px solid #e7edf7;border-radius:12px;padding:12px}.kpi small{display:block;color:#77859b;font-size:10px}.kpi strong{font-size:24px}.chart{background:#fff;border-radius:12px;padding:18px;margin-top:13px}.bars{display:flex;align-items:end;gap:12px;height:115px;margin-top:10px}.bars i{flex:1;background:linear-gradient(#a5bdff,#3568ed);border-radius:5px 5px 0 0}.appt{background:white;border-radius:10px;padding:12px;margin-top:10px;font-size:12px}.appt span{float:right;color:#15875e}.strip{background:#f4f7fc;padding:22px;text-align:center;color:#64738c;font-size:12px;font-weight:750}.section{padding:90px 0}.alt{background:#f7f9fd}.intro{text-align:center;max-width:690px;margin:0 auto 45px}.kicker{font-size:12px;letter-spacing:2px;font-weight:850;color:var(--blue)}h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.2px;line-height:1.2;margin:12px 0}.intro p,.card p,.step p{color:var(--muted)}.cards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e4ebf6;border-radius:17px;padding:28px}.icon{display:grid;place-items:center;background:#eaf0ff;color:var(--blue);width:49px;height:49px;border-radius:13px;font-size:24px;margin-bottom:18px}.card h3,.step h3{margin:0 0 8px}.card p,.step p{font-size:14px;margin:0}.step{padding:12px}.number{display:grid;place-items:center;width:48px;height:48px;background:var(--blue);color:#fff;border-radius:13px;font-weight:850;margin-bottom:20px}.cta{border-radius:23px;background:linear-gradient(120deg,#102341,#2a56ae);padding:65px 25px;text-align:center;color:#fff}.cta p{color:#d6e1f6;margin:0 auto 25px;max-width:580px}.faq{max-width:780px;margin:auto}.faq details{border:1px solid #e4ebf6;border-radius:12px;padding:18px 22px;margin:12px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted)}.footer{background:#0b1426;color:#c5d0e3;padding:50px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer .brand{color:white}.footer p{font-size:14px}.footlinks{display:flex;flex-direction:column;gap:8px;font-size:14px}.footlinks strong{color:#fff}.copy{border-top:1px solid #ffffff25;margin-top:40px;padding-top:20px;font-size:12px}.page{min-height:55vh;padding:60px 0}.page h1{font-size:40px;color:var(--navy)}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.mock{max-width:620px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.nav{min-height:66px}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:22px;flex-direction:column;box-shadow:0 12px 20px #0002}.navlinks.open{display:flex}.menu{display:block}.actions .login{display:none}.actions .btn{padding:9px 12px}.hero-grid{padding-top:65px;padding-bottom:65px}.hero p{font-size:15px}.cards,.steps,.footgrid{grid-template-columns:1fr}.section{padding:65px 0}.kpi{padding:8px}.kpi strong{font-size:18px}}