/*
Theme Name: AdvantaTech
Theme URI: https://example.com/
Author: AdvantaTech
Description: Custom theme for the AdvantaTech digital marketing agency. Creates its pages and six service pages on activation.
Version: 1.0.0
Requires at least: 6.0
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: advantatech
*/
:root{--bg:#FFFFFF;--soft:#F3F7FD;--ink:#0B1B3A;--muted:#55627E;--brand:#0455C0;--onbrand:#fff;--accent:#5CC8FF;--card:#fff;--line:#E3EAF6;--hero:#0455C0;--hero2:#2B8BF0;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

:root[data-theme="dark"]{--bg:#0F2149;--soft:#132A5C;--ink:#EEF3FF;--muted:#B2C1E3;--brand:#6AA6FF;--onbrand:#06122B;--card:#193572;--line:#2C4A89;--hero:#0A3C96;--hero2:#1F63CC;color-scheme:dark}
*,*:before,*:after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 'DM Sans',system-ui,sans-serif}
h1,h2,h3{font-family:'Bricolage Grotesque','DM Sans',system-ui,sans-serif;line-height:1.08;margin:0;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}
h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}
h3{font-size:1.25rem;font-weight:700}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
section{padding:84px 0}
.muted{color:var(--muted)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.logo{font:800 1.4rem 'Bricolage Grotesque',sans-serif;text-decoration:none;display:flex;align-items:center;gap:8px}
.logo img{width:42px;height:40px;border-radius:10px;display:block}
.links{display:flex;gap:22px;align-items:center}
.links a{text-decoration:none;font-weight:500}
.links a:hover{color:var(--brand)}
.btn{display:inline-block;background:var(--brand);color:var(--onbrand);border:0;padding:13px 22px;border-radius:10px;font:700 1rem 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.tbtn{background:none;border:1px solid var(--line);color:var(--ink);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem}
.hero{padding:64px 0 84px}
.herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;margin:22px 0 28px;max-width:34em;color:var(--muted)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.calc label{display:block;font-weight:700;margin-bottom:6px}
.calc input[type=range]{width:100%;accent-color:var(--brand);margin:6px 0 18px}
.seg{display:flex;gap:6px;margin:6px 0 22px;flex-wrap:wrap}
.seg button{flex:1;min-width:80px;padding:10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 .95rem 'DM Sans',sans-serif;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--brand);color:var(--onbrand);border-color:var(--brand)}
.out{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.big{font:800 3.2rem/1 'Bricolage Grotesque',sans-serif;color:var(--brand)}
.meter{height:12px;border-radius:99px;background:var(--line);overflow:hidden;margin:14px 0 10px}
.meter b{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .25s}
.small{font-size:.85rem}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}
.tabs button{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 1rem 'DM Sans',sans-serif;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.svc ul{margin:0;padding:0;list-style:none}
.svc li{padding:12px 0;border-bottom:1px solid var(--line)}
.svc li:last-child{border:0}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.stat{font:800 2.6rem/1 'Bricolage Grotesque',sans-serif;color:var(--brand);margin:14px 0 6px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.steps div{border-top:4px solid var(--brand);padding-top:14px}
.steps div:nth-child(2){border-color:var(--accent)}.steps div:nth-child(3){border-color:var(--brand)}.steps div:nth-child(4){border-color:var(--accent)}
.steps b{display:block;font:700 1.15rem 'Bricolage Grotesque',sans-serif;margin-bottom:4px}

.contact .muted{color:inherit;opacity:.75}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
form{background:var(--card);color:var(--ink);border-radius:18px;padding:26px;display:grid;gap:14px}
form label{font-weight:700;display:block;margin-bottom:4px}
input,select,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.err{color:#D1344B;font-size:.88rem;margin-top:4px}
.ok{background:var(--card);color:var(--ink);border-radius:18px;padding:30px}
footer{padding:28px 0;font-size:.9rem}
@media(max-width:860px){.herogrid,.svc,.cgrid{grid-template-columns:1fr}.three{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.links a.l{display:none}section{padding:60px 0}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.dd{position:relative}
.dd .menu{display:none;position:absolute;top:100%;left:-10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:230px;z-index:20}
.dd:hover .menu,.dd:focus-within .menu{display:block}
.menu a{display:block;padding:8px 12px;border-radius:8px}
.menu a:hover{background:var(--bg)}
.burger{display:none}
.links a.on{color:var(--brand);font-weight:700}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip b{display:block;font:800 2.2rem/1 'Bricolage Grotesque',sans-serif;color:var(--brand)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.sc{text-decoration:none;display:block}
.sc:hover{border-color:var(--brand)}
.sc .ic{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#12162B;display:grid;place-items:center;font:800 1rem 'Bricolage Grotesque',sans-serif;margin-bottom:14px}
.sc p{margin-top:8px}
.pagehead{padding:64px 0 36px}
.pagehead p{font-size:1.2rem;color:var(--muted);max-width:36em;margin-top:18px}
.crumb{font-size:.9rem;color:var(--muted);margin-bottom:14px}
.crumb a{color:var(--brand)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.chk{list-style:none;margin:16px 0 0;padding:0}
.chk li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}
.chk li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{font-weight:700;cursor:pointer}
details p{margin-top:8px;color:var(--muted)}
.quote{font:700 clamp(1.4rem,3vw,2rem)/1.3 'Bricolage Grotesque',sans-serif;max-width:26em}
.cta{background:var(--brand);color:var(--onbrand);border-radius:22px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta .btn{background:var(--accent);color:#12162B}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.av{width:64px;height:64px;border-radius:50%;background:var(--brand);color:var(--onbrand);display:grid;place-items:center;font:800 1.4rem 'Bricolage Grotesque',sans-serif;margin-bottom:12px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:44px 0 20px;border-top:1px solid var(--line)}
.foot a{display:block;text-decoration:none;padding:3px 0}
.foot a:hover{color:var(--brand)}
@media(max-width:860px){.strip,.grid3,.team,.two,.foot{grid-template-columns:1fr 1fr}.two,.foot{grid-template-columns:1fr}.burger{display:inline-block}.links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.dd .menu{display:block;position:static;border:0;padding:0 0 0 12px}.cta{padding:30px}}
@media(max-width:520px){.strip,.grid3,.team{grid-template-columns:1fr}}

.hero{background:var(--hero);color:#fff;position:relative;overflow:hidden;padding:72px 0 88px}
.hero .wrap{position:relative;z-index:1}
.hero h1{color:#fff}
.hero p.lead{color:rgba(255,255,255,.86)}
.hero .btn{background:#fff;color:#0455C0}
.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.hero .card{color:var(--ink);box-shadow:0 24px 60px rgba(2,20,60,.35);border:0}
.pill{position:absolute;border-radius:999px;background:rgba(255,255,255,.07);transform:rotate(35deg)}
.p1{width:150px;height:430px;right:-30px;top:-120px}
.p2{width:110px;height:300px;left:-30px;bottom:-140px}
.dot{position:absolute;width:44px;height:44px;border-radius:50%;background:var(--accent);right:7%;top:34px;opacity:.9}
.band{background:var(--hero);color:#fff;position:relative;overflow:hidden}
.band h1{color:#fff}
.band .pagehead p{color:rgba(255,255,255,.86)}
.band .crumb,.band .crumb a{color:rgba(255,255,255,.8)}
.band .pill{right:-20px;top:-100px;width:120px;height:340px}
.band .btn{background:#fff;color:#0455C0}
.cta{background:var(--hero)}
.cta .btn{background:#fff;color:#0455C0}
.sc .ic{color:#071A3D}
.nb{padding:9px 16px}
@media(max-width:860px){.nb{display:none}.hero{padding:48px 0 60px}}

.trust{margin-top:16px;font-size:.92rem;color:rgba(255,255,255,.8)}
.marq{overflow:hidden;padding:18px 0;border-bottom:1px solid var(--line);background:var(--card)}
.marq .track{display:flex;gap:56px;width:max-content;animation:mq 36s linear infinite}
.marq span{font:700 1.15rem 'Bricolage Grotesque',sans-serif;color:var(--muted);white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.goal{padding:34px}
.rec{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;padding:18px 20px;border-radius:14px;background:var(--bg);border:1px solid var(--brand)}
.dash{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bars{display:flex;gap:12px;height:230px;margin-top:20px}
.col{flex:1;display:grid;grid-template-rows:1fr auto;gap:6px;text-align:center}
.trk{display:flex;align-items:flex-end;border-bottom:2px solid var(--line)}
.bar{display:block;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(var(--accent),var(--brand));transition:height 1s cubic-bezier(.2,.8,.2,1)}
.col small{font-size:.78rem}
.tst{padding:38px}
.dotn{width:9px;height:9px;border-radius:50%;background:var(--line);margin-left:6px}
.dotn.on{background:var(--brand)}
@media(prefers-reduced-motion:reduce){.marq .track{animation:none}}
@media(max-width:860px){.dash{grid-template-columns:1fr}}
[hidden]{display:none!important}
.sic{width:48px;height:48px;border-radius:14px;background:var(--brand);color:var(--onbrand);display:grid;place-items:center;margin-bottom:12px}
.sic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.steps div:nth-child(even) .sic{background:var(--accent);color:#071A3D}
.steps div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:12px;align-items:center;border-top:0;border-bottom:4px solid var(--brand);padding:0 0 18px}
.steps div:nth-child(even){border-bottom-color:var(--accent)}
.steps .sic{margin:0}
.steps b{margin:0}
.steps p{grid-column:1/-1}
.steps div{border-bottom:0;padding:0}
.steps div::after{content:"";grid-column:1/-1;height:4px;border-radius:2px;background:var(--brand);order:1}
.steps div:nth-child(even)::after{background:var(--accent)}
.steps p{order:2}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:20px;align-items:start}
@media(max-width:860px){.faqgrid{grid-template-columns:1fr}}
.sc .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.foot{padding:44px 20px 20px}
.dd .menu{min-width:320px}.menu a{white-space:nowrap}@media(max-width:860px){.menu a{white-space:normal}}

/* ---- lighter, more elegant look ---- */
.hero,.band,.cta{background:linear-gradient(135deg,var(--hero),var(--hero2))}
main>section:not(.hero){padding:72px 0!important}
main>section:not(.hero):nth-of-type(even){background:var(--soft)}
.card{box-shadow:0 8px 28px rgba(11,27,58,.06)}
.hero .card{box-shadow:0 24px 60px rgba(2,20,60,.28)}
header{background:rgba(255,255,255,.92);box-shadow:0 1px 0 var(--line),0 8px 24px rgba(11,27,58,.04)}
:root[data-theme="dark"] header{background:rgba(15,33,73,.94)}
footer{background:var(--soft);margin-top:0}
.foot{border-top:0}
input,select,textarea{background:var(--soft)}
.marq{background:var(--bg)}
.sc{transition:transform .2s,box-shadow .2s,border-color .2s}
.sc:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(4,85,192,.14)}
.sc .ic{background:linear-gradient(135deg,var(--accent),#8FDBFF)}
.strip{border-color:var(--line)}
@media(max-width:860px){main>section:not(.hero){padding:52px 0!important}}
@media(prefers-reduced-motion:reduce){.sc:hover{transform:none}}
footer{padding:28px 0 0}
.footbar{background:linear-gradient(135deg,var(--hero),var(--hero2));color:rgba(255,255,255,.88);font-size:.88rem}
.footbar .wrap{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}

/* ---- responsive polish ---- */
body{overflow-x:clip}
.goal .seg button{flex:1 1 240px;text-align:left;padding:13px 16px}
.links.open{max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 18px 30px rgba(11,27,58,.12)}
@media(min-width:1400px){.wrap{max-width:1240px}}
@media(max-width:860px){
  .grid3:has(>:nth-child(3):last-child),.team{grid-template-columns:1fr}
  .tbtn{width:44px;height:44px}
}
@media(max-width:600px){
  .dot{width:26px;height:26px;top:16px;right:14px}
  .goal,.tst{padding:22px}
  .card{padding:22px}
  .cta{padding:26px}
  .cta .btn{width:100%;text-align:center}
}
@media(max-width:480px){
  .hero .row .btn{flex:1 1 100%;text-align:center}
  .col small{font-size:.66rem}
  .bars{gap:8px}
  .logo{font-size:1.25rem}
  .nav{gap:6px}
}

/* ---- fix: keep side padding on banners, no underlines on links ---- */
.pagehead{padding:64px 20px 36px}
@media(max-width:860px){.pagehead{padding:44px 20px 28px}}
a{text-decoration:none}
.crumb a:hover{color:#fff;opacity:.8}

/* ---- WordPress extras ---- */
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}
.entry p+p{margin-top:12px}
.entry a{color:var(--brand);text-decoration:underline}
.screen-reader-text{position:absolute;left:-9999px}