/*
Theme Name: Real Traffic Works Automotive
Theme URI: https://realtrafficworks.com/
Author: Real Traffic Works
Description: Conversion-focused automotive SEO, ads, listings and reporting website. Includes service landing pages and a secure lead form.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: rtw
License: GPL-2.0-or-later
*/
:root{--navy:#07152b;--navy2:#0b2345;--blue:#1769ee;--electric:#42b7ff;--cyan:#a8edff;--ink:#10243d;--muted:#5c6b7b;--light:#f3f7fc;--line:#dfe8f2;--white:#fff;--gold:#f4b544;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:1190px;margin:auto;padding:0 25px}.topbar{background:#041023;color:#afc1da;font-size:12px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px}.topbar a{color:#e2f1ff}.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 4px 22px rgba(8,24,52,.08)}body.admin-bar .site-header{top:32px}.header-row{min-height:78px;display:flex;gap:22px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:19px;line-height:1.05;letter-spacing:-.7px;color:#0c2447;flex-shrink:0}.brand svg{width:40px;height:40px}.brand em{font-style:normal;color:#1975ec}.brand small{display:block;letter-spacing:1.8px;font-size:9px;font-weight:750;color:#637890;margin-top:4px}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{font-size:13px;font-weight:750;color:#24415e}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--blue)}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:white!important;border:1px solid var(--blue);padding:13px 21px;border-radius:9px;font-weight:800;font-size:13px;transition:.2s}.button:hover{background:#0b50bf;transform:translateY(-2px)}.button.white{background:#fff;border-color:#fff;color:#0e315c!important}.button.ghost{background:transparent;border-color:#91b9eb;color:#fff!important}.button.dark{background:var(--navy);border-color:var(--navy)}.nav-toggle{display:none;background:transparent;border:0;color:#0b2445;font-weight:800}.hero{background:radial-gradient(circle at 87% 7%,#164984 0,transparent 33%),linear-gradient(115deg,#07162e,#0b274b 72%,#092040);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(118,195,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(118,195,255,.04) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:96px;padding-bottom:95px}.eyebrow{display:inline-flex;gap:8px;align-items:center;letter-spacing:2px;font-size:11px;font-weight:900;text-transform:uppercase;color:#43bcff}.eyebrow:before{content:'';width:19px;height:3px;border-radius:4px;background:currentColor}.hero h1{font-size:clamp(39px,4.6vw,66px);line-height:1.08;letter-spacing:-2.8px;margin:23px 0}.hero h1 span{color:#59c1ff}.hero p{font-size:17px;color:#c1d4e9;max-width:570px;margin-bottom:29px}.actions{display:flex;flex-wrap:wrap;gap:12px}.trustline{display:flex;gap:20px;flex-wrap:wrap;margin-top:29px;color:#c2d4e6;font-size:12px;font-weight:700}.trustline span:before{content:'✓';color:#69d6f0;margin-right:8px}.dashboard{background:#f7fbff;border:1px solid #7b9dc2;box-shadow:0 28px 65px rgba(0,0,0,.25);border-radius:18px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg);color:#13273e}.dash-top{display:flex;gap:7px;align-items:center;background:#e6eef7;padding:13px 17px;border-bottom:1px solid #cfdeed}.dot{width:8px;height:8px;border-radius:50%;background:#ffb75b}.dot:nth-child(2){background:#9fd788}.dot:nth-child(3){background:#67b9ed}.dash-label{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:1px;color:#627f9d}.dash-body{padding:23px}.dash-body h3{font-size:16px;margin:0 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border:1px solid #dfe9f4;border-radius:9px;background:#fff;padding:13px 12px}.metric small{font-size:10px;color:#668095;display:block;line-height:1.3}.metric b{font-size:20px;display:block;margin:3px 0}.metric i{font-size:10px;color:#0a9766;font-style:normal}.plot{margin-top:14px;padding:15px;background:#fff;border:1px solid #e0eaf4;border-radius:10px}.plot .plothead{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.plot svg{width:100%;height:132px;display:block}.dash-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.tag{padding:6px 9px;border-radius:7px;background:#e8f3ff;font-size:10px;color:#1554a0;font-weight:750}.ribbon{padding:21px 0;background:#eaf4ff;border-bottom:1px solid #dceaf9}.ribbon-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ribbon strong{font-size:12px;letter-spacing:.9px;text-transform:uppercase;color:#42627e}.platforms{display:flex;gap:22px;flex-wrap:wrap;font-weight:900;color:#315476;font-size:14px}.section{padding:87px 0}.section.alt{background:var(--light)}.section-heading{max-width:720px;margin:0 auto 37px;text-align:center}.section-heading h2,.split h2,.page-hero h1{font-size:clamp(30px,3.1vw,43px);line-height:1.16;letter-spacing:-1.3px;margin:15px 0}.section-heading p,.lead{color:var(--muted);font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;border:1px solid var(--line);background:white;border-radius:15px;box-shadow:0 6px 24px rgba(12,39,77,.035);display:flex;flex-direction:column}.service-card:hover{border-color:#b3d3fb;box-shadow:0 13px 28px rgba(10,50,102,.09)}.service-card .glyph{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:#e7f2ff;color:#1769ee;font-size:25px;font-weight:900}.service-card h3{font-size:19px;line-height:1.25;margin:20px 0 9px}.service-card p{font-size:14px;color:#607389;flex:1}.service-card a.link{font-size:13px;font-weight:850;color:#1769ee;margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list{list-style:none;padding:0;margin:24px 0}.feature-list li{padding:10px 0 10px 32px;position:relative;font-weight:650;font-size:14px}.feature-list li:before{content:'✓';position:absolute;left:0;top:10px;background:#e3f5ed;color:#14885c;width:22px;height:22px;text-align:center;border-radius:50%;font-weight:900}.visual-panel{border-radius:22px;background:linear-gradient(145deg,#0b2a50,#0b1833);color:#fff;padding:35px;box-shadow:0 24px 50px rgba(10,35,76,.16)}.visual-panel h3{margin:0 0 16px}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:10px;margin:18px 0;font-size:12px}.bar{height:11px;border-radius:10px;background:#28496a;overflow:hidden}.bar>i{height:100%;display:block;background:linear-gradient(90deg,#1b78f4,#5bd0f5);border-radius:10px}.visual-panel p{font-size:12px;color:#b1c6d9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{border-left:3px solid var(--blue);padding-left:16px}.stat b{display:block;font-size:22px;line-height:1.2}.stat span{font-size:13px;color:#698099}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process article{padding-top:12px;border-top:2px solid #c9dff9}.process strong{color:#1769ee;font-size:13px}.process h3{font-size:19px}.process p{color:#637588;font-size:14px}.cta{background:linear-gradient(100deg,#0b254a,#1166c9);color:#fff;padding:67px 0}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin:10px 0;font-size:36px;line-height:1.2;letter-spacing:-1px}.cta p{margin:0;color:#c1ddfb}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #dbe7f1;padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:16px}.faq p{color:#5b7186;font-size:14px}.page-hero{background:linear-gradient(112deg,#07172f,#0a3767);padding:75px 0;color:white}.page-hero h1{max-width:850px}.page-hero p{max-width:730px;color:#c4d8ec;font-size:17px}.breadcrumb{font-size:12px;color:#aacbe8}.breadcrumb a{text-decoration:underline}.service-content{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:50px}.service-content h2{font-size:27px;line-height:1.25;margin-top:26px}.service-content p{color:#587084}.service-content .feature-list li{color:#253e55}.sidebar{background:#f0f6ff;padding:27px;border:1px solid #dce9f8;border-radius:15px;align-self:start}.sidebar h3{margin-top:0}.sidebar p{font-size:14px;color:#61778a}.sidebar a.button{width:100%}.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.related a{border:1px solid #d6e4f4;padding:7px 10px;border-radius:8px;color:#215793;font-size:12px;font-weight:750}.form-wrap{background:white;padding:32px;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 35px rgba(15,50,88,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #ceddeb;background:#fff;border-radius:7px;padding:12px;color:#19324a}.field textarea{min-height:130px;resize:vertical}.field.full{grid-column:1/-1}.privacy-note{font-size:12px;color:#73869b}.notice{border-radius:8px;padding:14px;margin-bottom:18px;background:#eaf6ef;color:#146b3f}.notice.error{background:#fff0ed;color:#9e392c}.hidden-honey{position:absolute;left:-9999px;opacity:0}.site-footer{background:#06162c;color:#b6c7d9;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.footer-grid h3{color:white;font-size:14px}.footer-grid a{display:block;font-size:13px;margin:9px 0}.footer-grid a:hover{color:#67c6ff}.footer-grid .brand{color:white}.footer-grid p{font-size:13px}.copyright{border-top:1px solid #263b55;margin-top:35px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.entry-content{max-width:900px;margin:auto;padding:60px 25px}.entry-content a{color:#145fcb;text-decoration:underline}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.alignwide{max-width:1190px}.alignfull{max-width:none}.wp-block-image{margin:25px 0}@media(max-width:1030px){.main-nav{gap:10px}.main-nav a{font-size:11px}.header-row>.button{display:none}.hero-grid{gap:25px}.metric b{font-size:16px}}@media(max-width:850px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.1);padding:20px 25px;flex-direction:column;align-items:flex-start;gap:17px}.main-nav.is-open{display:flex}.main-nav a{font-size:14px}.hero-grid,.split,.service-content{grid-template-columns:1fr}.dashboard{max-width:550px;transform:none}.cards{grid-template-columns:repeat(2,1fr)}.process,.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{padding-top:65px;padding-bottom:65px}}@media(max-width:560px){.container{padding:0 18px}.brand{font-size:16px}.topbar{display:none}.hero h1{letter-spacing:-1.5px}.hero-grid{padding:55px 0}.dashboard{max-width:100%}.dash-body{padding:12px}.metric-grid{gap:5px}.metric{padding:8px 5px}.metric small{font-size:8px}.metric b{font-size:14px}.cards,.process,.stats,.footer-grid,.form-grid{grid-template-columns:1fr}.cta-flex{flex-direction:column;align-items:flex-start}.section{padding:58px 0}.bar-row{grid-template-columns:95px 1fr 25px}.copyright{flex-direction:column}.field.full{grid-column:auto}}