/*
Theme Name: DFWTechPros Modern Tech
Theme URI: https://DFWTechPros.com
Author: DFWTechPros
Description: Black-and-white modern technology WordPress theme for DFWTechPros.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dfwtechpros
*/
:root{--black:#050505;--nearblack:#0b0b0b;--white:#fff;--off:#f5f5f5;--gray:#b8b8b8;--mid:#666;--line:#dedede;--accent:#fff;--radius:0px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--max),92%);margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.97);border-bottom:1px solid #2b2b2b}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:block;background:#fff}.brand img{display:block;width:180px}.menu{display:flex;align-items:center;gap:25px;color:#fff;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.menu a:hover{color:#bdbdbd}.nav-cta{background:#fff;color:#000!important;padding:11px 16px}.hero{background:#050505;color:#fff;padding:100px 0 90px;position:relative;overflow:hidden}.hero:before{content:"AWS / IT / SECURITY";position:absolute;right:-35px;bottom:20px;color:#141414;font-size:clamp(4rem,11vw,10rem);font-weight:1000;line-height:1;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;position:relative;z-index:1}.eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#aaa}.hero h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.9;letter-spacing:-.065em;margin:14px 0 26px;text-transform:uppercase}.hero h1 span{color:#aaa}.hero p{font-size:1.2rem;color:#d0d0d0;max-width:690px;margin:0 0 32px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #fff;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.btn-primary{background:#fff;color:#000}.btn-dark{background:#000;color:#fff;border-color:#000}.btn:hover{transform:translateY(-1px)}
.hero-card{background:#fff;color:#000;padding:30px;border:1px solid #fff}.hero-card .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#666}.hero-card h3{font-size:1.65rem;line-height:1.05;margin:9px 0 18px}.quick{display:grid;gap:10px}.quick a{border:1px solid #000;padding:13px 14px;font-weight:900}.quick a:hover{background:#000;color:#fff}
.ticker{background:#fff;border-bottom:1px solid #000;border-top:1px solid #000;padding:15px 0;overflow:hidden}.ticker-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:.75rem;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}
.section{padding:85px 0}.section-dark{background:#050505;color:#fff}.section-head{max-width:790px;margin-bottom:42px}.section-head h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95;letter-spacing:-.05em;margin:10px 0 18px;text-transform:uppercase}.section-head p{font-size:1.08rem;color:var(--mid);margin:0}.section-dark .section-head p{color:#bdbdbd}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#000;border:1px solid #000}.service{background:#fff;padding:28px;min-height:245px}.service:hover{background:#f0f0f0}.service .num{font-size:.72rem;font-weight:1000;letter-spacing:.15em;color:#777}.service h3{font-size:1.2rem;line-height:1.05;text-transform:uppercase;margin:14px 0 10px}.service p{color:#666;font-size:.92rem;margin:0}.service a{display:inline-block;margin-top:18px;font-size:.78rem;font-weight:900;text-transform:uppercase;border-bottom:2px solid #000}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.feature-list{border-top:1px solid #fff}.feature{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid #333}.feature strong{font-size:1.25rem}.feature p{margin:5px 0 0;color:#aaa}.feature .num{font-weight:1000;color:#777}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#000;border:1px solid #000}.stat{background:#fff;padding:25px}.stat strong{font-size:2.8rem;line-height:1;display:block}.stat span{display:block;color:#666;margin-top:7px;font-weight:700}
.band{background:#000;color:#fff;padding:60px 0}.band-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{font-size:clamp(2rem,4vw,3.5rem);line-height:.95;margin:0 0 10px;text-transform:uppercase}.band p{margin:0;color:#aaa}
.page-hero{background:#050505;color:#fff;padding:72px 0}.page-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase;margin:12px 0 16px}.page-hero p{max-width:760px;color:#aaa;font-size:1.1rem;margin:0}.content{padding:75px 0}.content h2{font-size:2.3rem;line-height:1.05;text-transform:uppercase}.content p,.content li{color:#555}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#000;border:1px solid #000}.detail{background:#fff;padding:34px;min-height:280px}.detail h2{margin:9px 0 12px;font-size:1.8rem;line-height:1;text-transform:uppercase}.detail p{color:#555}.detail ul{padding-left:20px;color:#555}.detail li{margin:5px 0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:#000;border:1px solid #000}.contact-card{background:#fff;padding:35px}.contact-card h2{font-size:2.3rem;line-height:1;text-transform:uppercase;margin-top:0}.contact-item{border-top:1px solid #ddd;padding:17px 0}.contact-item small{display:block;color:#777;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.68rem}.contact-item a{font-size:1.15rem;font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.field input,.field textarea{width:100%;border:1px solid #aaa;background:#fff;padding:13px;font:inherit;color:#000}.field textarea{min-height:160px}.field input:focus,.field textarea:focus{outline:2px solid #000}.form-message{padding:14px;border:1px solid #000;background:#f5f5f5;margin-bottom:15px;font-weight:700}.form-error{border-color:#000}
.faq{display:grid;gap:1px;background:#000;border:1px solid #000}.faq details{background:#fff;padding:20px 23px}.faq summary{cursor:pointer;font-weight:900;text-transform:uppercase}.faq p{margin-bottom:0;color:#555}
.site-footer{background:#050505;color:#aaa;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand img{width:200px;background:#fff}.site-footer h4{color:#fff;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em}.site-footer a:hover{color:#fff}.copyright{border-top:1px solid #2d2d2d;margin-top:38px;padding-top:18px;font-size:.8rem}
@media(max-width:900px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu a:not(.nav-cta){display:none}}
@media(max-width:560px){.grid-4,.stats,.footer-grid{grid-template-columns:1fr}.hero{padding:65px 0}.hero h1{font-size:3.25rem}.nav{min-height:68px}.brand img{width:145px}.section{padding:60px 0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.band-grid{flex-direction:column;align-items:flex-start}}