/*
Theme Name: DropIT Productions Pro V3.1
Theme URI: https://dropitproductions.co.za/
Author: DropIT Productions
Description: DropIT Productions software company theme — V3.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dropit-pro-v3
*/
:root{--bg:#031019;--bg2:#071923;--card:#0a202a;--card2:#0c2631;--txt:#f6fbff;--muted:#a8bec9;--line:rgba(255,255,255,.12);--green:#14edb0;--blue:#1298ff;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(3,16,25,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:1.55rem;font-weight:900;line-height:.85}.brand i{font-style:normal;color:var(--green)}.brand small{display:block;font-size:.5rem;letter-spacing:.24em;margin-top:7px}
.menu{display:flex;align-items:center;gap:25px;font-size:.92rem}.menu a:not(.btn):hover{color:var(--green)}.toggle{display:none;background:none;color:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:1.25rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-weight:800;transition:.2s;color:#fff;background:transparent}
.btn:hover{transform:translateY(-2px);border-color:var(--green)}.primary{background:var(--green);color:#02140e;border-color:var(--green)}.primary:hover{color:#02140e}
.hero{position:relative;padding:112px 0 90px;background:linear-gradient(90deg,rgba(2,12,18,.97) 0%,rgba(2,12,18,.78) 48%,rgba(2,12,18,.28)),url('assets/images/smart-communities.jpg') center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,var(--bg));pointer-events:none}.hero .wrap{position:relative;z-index:2}
.eyebrow{font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;color:#d0e3e8}.hero h1,.pagehero h1{font-size:clamp(3.5rem,7.5vw,7.5rem);line-height:.88;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:var(--green)}
.hero p,.pagehero p{max-width:720px;color:#c0d0d6;font-size:1.12rem}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:26px 20px;text-align:center;border-right:1px solid var(--line);background:#05151e}.stat:last-child{border:0}.stat strong{display:block;color:var(--green);font-size:1.65rem}.stat span{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}
section{padding:90px 0}.head{max-width:820px;margin-bottom:38px}.head small,.tag{color:var(--green);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.head h2{font-size:clamp(2.5rem,5vw,4.7rem);line-height:.95;letter-spacing:-.05em;margin:10px 0 16px}.head p,.card p{color:var(--muted)}
.catalogue,.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;background:linear-gradient(145deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(20,237,176,.45)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.body{padding:23px}.body h3{font-size:1.42rem;margin:7px 0}.body p{margin-bottom:18px}.card-actions{display:flex;gap:9px;flex-wrap:wrap}
.services .card{padding:27px}.service-icon{color:var(--green);font-size:1.6rem;margin-bottom:35px}.band{background:#061720;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pagehero{padding:85px 0 58px;background:radial-gradient(circle at 80% 20%,rgba(18,152,255,.14),transparent 30rem),#061720}.pagehero h1{font-size:clamp(3.2rem,6vw,6rem)}
.aboutgrid,.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.quote{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em}.quote span{color:var(--green)}
.formbox{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}.form label{display:block;font-weight:700;margin:0 0 7px}.form input,.form select,.form textarea{width:100%;background:#04141d;color:white;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:17px}.form textarea{min-height:150px}
.msg{padding:12px;border-radius:9px;margin-bottom:15px}.ok{border:1px solid var(--green);background:rgba(20,237,176,.08)}.err{border:1px solid #ff7070;background:rgba(255,80,80,.08)}
footer{border-top:1px solid var(--line);padding:45px 0;color:var(--muted);background:#020b11}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footlinks{display:flex;gap:17px;flex-wrap:wrap}
@media(max-width:980px){.catalogue,.services{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutgrid,.contactgrid{grid-template-columns:1fr}.hero{padding:85px 0 70px}}
@media(max-width:800px){.toggle{display:block}.menu{display:none;position:absolute;top:78px;left:16px;right:16px;background:#051720;border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 25px 60px #000}.menu.open{display:flex}.menu a{padding:10px}.menu .btn{width:100%}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.nav{min-height:70px}.menu{top:70px}.hero{padding:55px 0 48px;background-position:60% center}.hero h1{font-size:clamp(2.8rem,13vw,4rem);line-height:.92;margin:18px 0}.hero p{font-size:1rem}.eyebrow{font-size:.62rem;letter-spacing:.11em}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}.stats{grid-template-columns:1fr 1fr}.stat{padding:18px 10px}.stat strong{font-size:1.35rem}.catalogue,.services{grid-template-columns:1fr}section{padding:65px 0}.head h2{font-size:2.65rem}.pagehero{padding:60px 0 40px}.pagehero h1{font-size:3.1rem}.card-actions{display:grid}.card-actions .btn{width:100%}}

/* V3.1 visual polish */
body{font-family:Inter,Segoe UI,Arial,sans-serif}
.hero{background:
 radial-gradient(circle at 72% 45%,rgba(0,126,255,.13),transparent 30rem),
 linear-gradient(90deg,#031019 0%,#031019 47%,rgba(3,16,25,.94) 65%,#031019 100%);
 min-height:650px}
.hero-layout{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:34px}
.hero-copy{min-width:0}
.hero-art{position:relative;min-width:0}
.hero-art img{width:100%;border-radius:24px;border:1px solid rgba(28,165,255,.28);box-shadow:0 30px 100px rgba(0,88,180,.18);object-fit:cover}
.hero-art:before{content:"";position:absolute;inset:10% 5%;background:#0a84ff;filter:blur(85px);opacity:.12;z-index:-1}
.trustbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#04141d}
.trustitem{padding:22px 24px;display:flex;gap:12px;align-items:center;color:#c5d5dc;border-right:1px solid var(--line)}
.trustitem:last-child{border-right:0}.trusticon{font-size:1.45rem;color:#159dff}
.system-intro{display:grid;grid-template-columns:310px 1fr;gap:32px;align-items:start}
.system-intro .catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr 1fr}.system-intro{grid-template-columns:1fr}.system-intro .catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr}.hero{min-height:0}.hero-art{margin-top:24px}.trustbar{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
 .hero-art img{border-radius:16px}.trustbar{grid-template-columns:1fr}
 .trustitem{border-right:0;border-bottom:1px solid var(--line)}
 .system-intro .catalogue{grid-template-columns:1fr}
}