/*
Theme Name: DigitalWebElite
Author: DigitalWebElite
Description: Premium digital marketing agency theme for DigitalWebElite: Meta Ads, WordPress websites, SEO and social media. Seven main pages plus six service pricing pages, with navy, gold and white styling. Install, activate, and the full website appears immediately with no setup.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalwebelite
*/
:root{--n:#0e2178;--b:#1b3fb8;--gold:#e8a90c;--gd:#b07f00;--tx:#1d2748;--mu:#5b6685;--bd:#e3e8f7;--soft:#eef2ff;--sb:#e6ecff;--bg:#fff;--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='123'%3E%3Cg fill='none' stroke='%231b3fb8' stroke-opacity='.15'%3E%3Crect x='32' y='32' width='58' height='58'/%3E%3Crect x='32' y='32' width='58' height='58' transform='rotate(45 61 61)'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Roboto,system-ui,sans-serif;line-height:1.7}
h1,h2,h3{font-family:'Noto Serif',Georgia,serif;color:var(--n);line-height:1.25;margin:0 0 .5em;font-weight:700}.band h2{color:#fff}
.wrap{max-width:1120px;margin:auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.96);border-bottom:3px solid var(--gold);z-index:5}
nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.45rem 'Noto Serif',serif;color:var(--n)}
.brand img{width:46px;height:46px;border-radius:50%}.brand span{color:var(--gold)}
nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
nav a.l{display:block;padding:8px 14px;border-radius:999px;color:var(--tx);text-decoration:none;font-size:.88rem;font-weight:500;transition:.2s}
nav a.l:hover{background:var(--soft)}nav a.l.on{background:var(--soft);color:var(--b);font-weight:600}
#mb{display:none;background:var(--soft);color:var(--b);border:1px solid var(--bd);border-radius:12px;width:44px;height:44px;font-size:1.3rem}
.btn{display:inline-block;border:0;border-radius:14px;padding:13px 26px;font:500 1rem Roboto,sans-serif;cursor:pointer;text-decoration:none;transition:.2s}
.b1{background:linear-gradient(90deg,#e8a90c,#f6d36b);color:#17234d;box-shadow:0 8px 20px rgba(242,183,5,.35)}.b1:hover{transform:translateY(-2px)}
.b3{background:var(--b);color:#fff;box-shadow:0 8px 20px rgba(26,63,207,.25)}.b3:hover{transform:translateY(-2px)}
.b2{background:#fff;color:var(--b);border:1.5px solid var(--b)}
.hero{background:var(--pat),linear-gradient(180deg,#e9eeff,#f7f9ff 85%,#fff);padding:70px 0 96px;position:relative;overflow:hidden}
.hero:before,.ph:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(242,183,5,.25),transparent 68%)}
.hero:after,.ph:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-100px;bottom:-130px;background:radial-gradient(circle,rgba(26,63,207,.12),transparent 70%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center}
.pill{display:inline-block;background:#fff;border:1px solid var(--bd);color:var(--gd);font-weight:600;font-size:.8rem;padding:6px 16px;border-radius:999px;margin-bottom:16px}
.hero h1{font-size:clamp(2rem,5.2vw,3.3rem);font-weight:800}.hero h1 em,.ph h1 em{font-style:normal;color:var(--b)}
.hero p{color:var(--mu);max-width:560px;margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.chk{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:.85rem;color:var(--mu)}.chk span:before{content:"✓ ";color:var(--gd);font-weight:700}
.hl{text-align:center}.hl img{width:min(300px,80%);border-radius:50%;box-shadow:0 20px 50px rgba(26,63,207,.2);border:8px solid #fff}
.ph{text-align:center;background:var(--pat),linear-gradient(180deg,#e9eeff,#f7f9ff);padding:50px 0 54px;position:relative;overflow:hidden;border-bottom:1px solid var(--bd)}
.ph .wrap{position:relative;z-index:1}
.bc{font-size:.82rem;color:var(--mu);margin-bottom:12px}.bc a{color:var(--b);text-decoration:none;font-weight:500}
.ph h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;margin-bottom:12px}
.ph h1:after{content:"";display:block;width:70px;height:5px;border-radius:5px;background:var(--gold);margin:12px auto 0}
.ph p{color:var(--mu);max-width:600px;margin:0 auto}
section{padding:62px 0}.alt{background:var(--soft)}.blue{background:var(--pat),var(--sb)}.top{background:linear-gradient(90deg,#e8a90c,#f6d36b 50%,#e8a90c);text-align:center;padding:10px 16px;font-size:.92rem;color:#2a2a2a}.top a{color:#2a2a2a;font-weight:500}.stats{max-width:820px;margin:-56px auto 0;background:#fff;border:1px solid var(--bd);border-radius:22px;box-shadow:0 18px 44px rgba(14,33,120,.1);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2;overflow:hidden}.stats div{padding:26px 10px;text-align:center;border-right:1px solid var(--bd)}.stats div:last-child{border:0}.stats b{display:block;font:700 2.4rem 'Noto Serif',serif;color:var(--b);line-height:1.1}.stats span{color:var(--mu);font-size:.88rem}
.t{text-align:center;max-width:660px;margin:0 auto 38px}.t small{color:var(--gd);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.t p{color:var(--mu);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:28px;position:relative;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(23,35,77,.09);border-color:var(--gold)}
.ic{width:52px;height:52px;border-radius:16px;background:var(--soft);border:1px solid var(--bd);display:grid;place-items:center;font-size:1.5rem;margin-bottom:16px}
.card h3{font-size:1.1rem}.card p{color:var(--mu);font-size:.93rem;margin:0 0 10px}
.card ul{padding:0;margin:12px 0 0;list-style:none}.card li{padding:4px 0 4px 26px;position:relative;font-size:.9rem;color:var(--mu)}.card li:before{content:"✓";position:absolute;left:0;color:var(--gd);font-weight:700}
.n{font-size:2.2rem;font-weight:800;color:var(--gold);line-height:1;margin-bottom:10px}
.price{font-size:1.8rem;font-weight:800;color:var(--b);margin:4px 0 6px}
.hot{border:2px solid var(--gold);background:linear-gradient(180deg,#fffdf4,#fff)}.hot .bd{position:absolute;top:-14px;left:26px;background:var(--gold);color:#17234d;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:999px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.split p{color:var(--mu)}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tags span{background:#fff;border:1px solid var(--bd);border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:500}
details{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px 22px;margin-bottom:12px}details[open]{border-color:var(--gold)}
summary{font-weight:600;cursor:pointer}details p{color:var(--mu);margin:10px 0 0;font-size:.94rem}
form{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:30px;box-shadow:0 14px 36px rgba(23,35,77,.07)}
label{display:block;font-size:.85rem;font-weight:500;margin:0 0 6px}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--bd);border-radius:12px;background:#fff;color:var(--tx);font:inherit;margin-bottom:16px}
input:focus,select:focus,textarea:focus{border-color:var(--b)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cols{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:start}
.ci .card{margin-bottom:14px;padding:20px 24px}.ci b{display:block;font-size:.8rem;color:var(--gd);text-transform:uppercase;letter-spacing:.08em}.ci a{color:var(--b);text-decoration:none;font-weight:500}
.band{background:linear-gradient(135deg,var(--n),var(--b));color:#fff;text-align:center;border-radius:28px;padding:48px 22px;position:relative;overflow:hidden}
.band:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-90px;background:rgba(242,183,5,.35)}
.band *{position:relative}.band p{color:#dfe7ff;margin:0 auto 22px;max-width:540px}
footer{background:var(--soft);border-top:3px solid var(--gold);padding:26px 0 18px;font-size:.85rem;color:var(--mu)}
.fr{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.fb{display:flex;align-items:center;gap:10px;font:700 1.3rem 'Noto Serif',serif;color:var(--n)}.fb img{width:38px;border-radius:50%}.fb span{color:var(--gd)}
.fl{display:flex;gap:6px 18px;flex-wrap:wrap}footer a{color:var(--tx);text-decoration:none}footer a:hover{color:var(--b)}
.cp{border-top:1px solid var(--bd);margin-top:16px;padding-top:12px;text-align:center;font-size:.8rem}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#25d366;color:#fff;border-radius:999px;padding:14px 22px;font-weight:700;text-decoration:none;border:2px solid #fff;z-index:9}
.cmp{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--bd);border-radius:16px;overflow:hidden}.cmp th,.cmp td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--bd);font-size:.9rem}.cmp th:first-child,.cmp td:first-child{text-align:left}.cmp th{background:var(--n);color:#fff;font-weight:600}.cmp tr:last-child td{border:0}.cmp small{color:var(--mu)}.page{display:none}.page.on{display:block;animation:f .4s}@keyframes f{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
@media(max-width:820px){#mb{display:block}nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px 16px;border-bottom:1px solid var(--bd)}nav ul.o{display:flex}.hero .wrap,.split,.cols,.two{grid-template-columns:1fr}.hl{order:-1}.stats{grid-template-columns:1fr 1fr;margin:-52px 16px 0}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--bd)}.hero{padding-bottom:84px}.brand{font-size:1.2rem}.hl img{width:160px}section{padding:44px 0}.hero{padding:40px 0 52px}.fr{flex-direction:column;align-items:flex-start;gap:12px}}