/* Adnegah — service landing pages (v1) */
body.page-template-page-landing .ad-site-footer{margin-top:0}
.ad-eyebrow{margin:0 0 8px!important;font:800 14px/22px var(--font-sans);color:var(--brand-600)}

/* buttons */
.ad-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:12px;border:1.5px solid transparent;font:700 16px/24px var(--font-sans);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.ad-b:hover{transform:translateY(-1px)}
.ad-b--p{background:var(--brand-600);color:#fff;box-shadow:0 12px 24px -12px rgba(43,56,143,.6)}
.ad-b--p:hover{background:var(--brand-700);color:#fff}
.ad-b--g{background:var(--surface);color:var(--brand-700);border-color:var(--brand-200)}
.ad-b--g:hover{border-color:var(--brand-600);color:var(--brand-700)}
.ad-b--o{width:100%;background:var(--surface);color:var(--brand-700);border-color:var(--brand-600)}
.ad-b--o:hover{background:var(--brand-600);color:#fff}
.ad-b--y{background:var(--highlight-500);color:var(--brand-900)}
.ad-b--y:hover{background:var(--highlight-300);color:var(--brand-900)}
.ad-b--w{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.ad-b--w:hover{background:#fff;color:var(--brand-900)}
.ad-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px!important}
.ad-cta-row--final{margin-top:0!important}

/* hero */
.ad-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px!important;font:500 13px/20px var(--font-sans);color:var(--text-muted)}
.ad-crumb a{color:var(--text-muted);text-decoration:none}
.ad-crumb a:hover{color:var(--brand-600)}
.ad-crumb [aria-current]{color:var(--text)}
.ad-ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0!important;padding:0;list-style:none}
.ad-ticks li{display:flex;align-items:center;gap:6px;margin:0;font:600 14px/22px var(--font-sans);color:var(--neutral-700)}
.ad-ticks .ad-i{color:var(--success-500);stroke-width:2.6}
.ad-sp-hero h1{font-size:46px}

/* store mockup */
.ad-mock{position:relative;padding:20px 0 40px;margin-inline-start:8px}
.ad-mock__win{border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(20,26,71,.35);overflow:hidden}
.ad-mock__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--neutral-50);border-bottom:1px solid var(--border);direction:ltr}
.ad-mock__bar i{width:10px;height:10px;border-radius:50%;background:#FF6B6B}
.ad-mock__bar i:nth-child(2){background:#FFC24B}.ad-mock__bar i:nth-child(3){background:#2DC86E}
.ad-mock__bar span{margin-inline-start:12px;padding:2px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font:500 11px/18px var(--font-sans);color:var(--text-muted)}
.ad-mock__nav{display:flex;align-items:center;gap:12px;padding:14px 18px}
.ad-mock__logo{width:72px;height:22px;border-radius:6px;background:linear-gradient(90deg,var(--brand-600),var(--accent-500))}
.ad-mock__search{flex:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--neutral-50);color:var(--text-muted);font:400 12px/1 var(--font-sans)}
.ad-mock__search em{font-style:normal}
.ad-mock__cart{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand-50);color:var(--brand-600)}
.ad-mock__cart sup{position:absolute;top:-5px;inset-inline-end:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--highlight-500);color:var(--brand-900);font:800 10px/17px var(--font-sans);text-align:center}
.ad-mock__banner{display:flex;align-items:center;justify-content:space-between;margin:0 18px;padding:18px 20px;border-radius:14px;background:linear-gradient(120deg,var(--brand-700),var(--accent-600));color:#fff;overflow:hidden;position:relative}
.ad-mock__banner strong{display:block;font:800 17px/26px var(--font-sans)}
.ad-mock__banner span{display:block;font:400 12px/20px var(--font-sans);opacity:.85}
.ad-mock__banner em{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:8px;background:var(--highlight-500);color:var(--brand-900);font:700 11px/18px var(--font-sans);font-style:normal}
.ad-mock__banner>b{width:92px;height:92px;flex:none;margin:-30px 0 -40px;background:var(--shape-tint) center/contain no-repeat;opacity:.35}
.ad-mock__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 18px 20px}
.ad-mock__p{border:1px solid var(--border);border-radius:12px;padding:8px}
.ad-mock__p b{display:block;aspect-ratio:1;border-radius:8px;margin-bottom:8px}
.ad-mock__p b.g1{background:radial-gradient(circle at 50% 60%,#C98B5A 0 28%,transparent 29%),linear-gradient(160deg,#FBEFE4,#F3DCC8)}
.ad-mock__p b.g2{background:radial-gradient(ellipse 34% 18% at 50% 62%,#3E4CAA 0 98%,transparent 100%),linear-gradient(160deg,#EEF0FA,#DDE1F4)}
.ad-mock__p b.g3{background:radial-gradient(circle at 50% 50%,#22263A 0 20%,#FFB020 21% 25%,transparent 26%),linear-gradient(160deg,#FFF6E0,#FFE9B3)}
.ad-mock__p strong{display:block;font:700 11px/18px var(--font-sans);color:var(--text)}
.ad-mock__p span{display:block;font:600 10.5px/16px var(--font-sans);color:var(--brand-600)}
.ad-mock__phone{position:absolute;inset-inline-start:-26px;bottom:0;width:168px;padding:10px 12px 14px;border-radius:24px;background:#fff;border:6px solid var(--neutral-900);box-shadow:0 30px 60px -20px rgba(20,26,71,.45)}
.ad-mock__ph-top{width:46px;height:5px;border-radius:3px;background:var(--neutral-200);margin:0 auto 10px}
.ad-mock__phone>strong{display:block;margin-bottom:8px;font:800 12px/18px var(--font-sans);color:var(--text)}
.ad-mock__ph-row{display:flex;justify-content:space-between;margin-bottom:8px;font:500 10px/16px var(--font-sans);color:var(--text-muted)}
.ad-mock__ph-row b{color:var(--text)}
.ad-mock__ph-opt{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;border:1.5px solid var(--border);border-radius:8px;font:600 10px/14px var(--font-sans);color:var(--neutral-700)}
.ad-mock__ph-opt.on{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}
.ad-mock__ph-btn{margin-top:10px;padding:7px;border-radius:8px;background:var(--brand-600);color:#fff;text-align:center;font:700 11px/16px var(--font-sans)}
.ad-mock .ad-chip{display:flex;align-items:center;gap:6px}
.ad-mock .ad-chip .ad-i{color:var(--success-500)}
.ad-mock__chip1{position:absolute;top:0;inset-inline-end:-10px}
.ad-mock__chip2{position:absolute;bottom:56px;inset-inline-end:-18px}
.ad-mock__chip2 .ad-i{color:var(--brand-600)!important}

/* stats strip */
.ad-sp-statsec{padding-block:36px!important;border-bottom:1px solid var(--border)}
.ad-sp-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.ad-sp-stats>div{padding:4px 24px;text-align:center;border-inline-start:1px solid var(--border)}
.ad-sp-stats>div:first-child{border:0}
.ad-sp-stats b{display:block;font:800 28px/40px var(--font-sans);color:var(--brand-600)}
.ad-sp-stats span{display:block;font:500 13px/22px var(--font-sans);color:var(--text-muted)}

/* features */
.ad-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ad-feat__i{padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s}
.ad-feat__i:hover{transform:translateY(-3px);box-shadow:var(--shadow-float);border-color:var(--brand-200)}
.ad-feat__ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:14px;background:var(--brand-50);color:var(--brand-600)}
.ad-feat__i:nth-child(2) .ad-feat__ic{background:var(--highlight-50);color:var(--highlight-800)}
.ad-feat__i:nth-child(5) .ad-feat__ic{background:var(--success-50);color:var(--success-700)}
.ad-feat__i h3{margin:0 0 8px;font:800 18px/28px var(--font-sans);color:var(--text)}
.ad-feat__i p{margin:0;font:400 15px/27px var(--font-sans);color:var(--neutral-600)}

/* plans */
.ad-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.ad-plan{position:relative;display:flex;flex-direction:column;padding:28px 22px 22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:box-shadow .2s,transform .2s}
.ad-plan:hover{box-shadow:var(--shadow-float)}
.ad-plan h3{margin:0;font:800 20px/30px var(--font-sans);color:var(--text)}
.ad-plan__fit{min-height:48px;margin:6px 0 0!important;font:400 14px/24px var(--font-sans);color:var(--text-muted)}
.ad-plan__price{display:flex;align-items:baseline;gap:8px;margin:18px 0 18px!important;padding-bottom:18px;border-bottom:1px dashed var(--border)}
.ad-plan__price b{font:800 46px/1 var(--font-sans);color:var(--brand-600)}
.ad-plan__price span{font:600 15px/22px var(--font-sans);color:var(--neutral-600)}
.ad-plan ul{flex:1;margin:0 0 22px!important;padding:0;list-style:none}
.ad-plan li{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;font:500 14.5px/24px var(--font-sans);color:var(--neutral-700)}
.ad-plan li .ad-i{flex:none;margin-top:3px;color:var(--brand-500)}
.ad-plan--pop{background:linear-gradient(180deg,var(--brand-700),var(--brand-900));border-color:transparent;color:#fff;transform:translateY(-10px);box-shadow:0 30px 60px -24px rgba(20,26,71,.55)}
.ad-plan--pop:hover{transform:translateY(-12px)}
.ad-plan--pop h3,.ad-plan--pop .ad-plan__price b{color:#fff}
.ad-plan--pop .ad-plan__fit,.ad-plan--pop .ad-plan__price span{color:rgba(255,255,255,.75)}
.ad-plan--pop .ad-plan__price{border-color:rgba(255,255,255,.2)}
.ad-plan--pop li{color:rgba(255,255,255,.9)}
.ad-plan--pop li .ad-i{color:var(--highlight-500)}
.ad-plan--pop .ad-b--p{background:var(--highlight-500);color:var(--brand-900);box-shadow:none}
.ad-plan--pop .ad-b--p:hover{background:var(--highlight-300)}
.ad-plan__badge{position:absolute;top:-13px;inset-inline-start:22px;padding:3px 12px;border-radius:999px;background:var(--highlight-500);color:var(--brand-900);font:800 12px/20px var(--font-sans)}

.ad-cmp{margin-top:36px!important;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}
.ad-cmp summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;cursor:pointer;list-style:none;font:800 16px/24px var(--font-sans);color:var(--brand-700)}
.ad-cmp summary::-webkit-details-marker{display:none}
.ad-cmp summary::after{content:"";width:9px;height:9px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.ad-cmp[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.ad-cmp__wrap{overflow-x:auto;border-top:1px solid var(--border)}
.ad-cmp table{width:100%;min-width:760px;border-collapse:collapse;font:400 14px/22px var(--font-sans)}
.ad-cmp th,.ad-cmp td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;color:var(--neutral-700)}
.ad-cmp thead th{background:var(--neutral-50);font-weight:800;color:var(--text)}
.ad-cmp thead th:nth-child(4),.ad-cmp td:nth-child(4){background:var(--brand-50)}
.ad-cmp tbody th{text-align:start;font-weight:700;color:var(--text);white-space:nowrap}
.ad-cmp tr:last-child th,.ad-cmp tr:last-child td{border-bottom:0}

.ad-incl{margin-top:28px!important;padding:26px 28px;border-radius:16px;background:var(--neutral-50)}
.ad-incl h3{margin:0 0 14px;font:800 17px/26px var(--font-sans);color:var(--text)}
.ad-incl ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding:0;list-style:none}
.ad-incl li{display:flex;align-items:center;gap:8px;margin:0;font:500 14.5px/24px var(--font-sans);color:var(--neutral-700)}
.ad-incl li .ad-i{flex:none;color:var(--success-500)}
.ad-incl__note{margin:16px 0 0!important;font:400 13px/22px var(--font-sans);color:var(--text-muted)}

/* installments */
.ad-inst{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;max-width:1080px;margin-inline:auto}
.ad-inst h2{margin:0 0 14px;font:800 32px/1.45 var(--font-sans);color:var(--text)}
.ad-inst__copy>p{margin:0;font:400 17px/32px var(--font-sans);color:var(--neutral-700)}
.ad-inst__art{display:grid;place-items:center;padding:34px;border-radius:24px;background:radial-gradient(circle at 70% 20%,var(--highlight-100),transparent 60%),var(--brand-50)}
.ad-inst__card{width:100%;max-width:320px;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -28px rgba(20,26,71,.4)}
.ad-inst__card>span{display:block;font:500 13px/20px var(--font-sans);color:var(--text-muted)}
.ad-inst__card>b{display:block;margin:2px 0 16px;font:800 22px/32px var(--font-sans);color:var(--text)}
.ad-inst__card ol{margin:0;padding:0;list-style:none;counter-reset:q}
.ad-inst__card li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border);font:600 14px/22px var(--font-sans);color:var(--text)}
.ad-inst__card li i{width:12px;height:12px;border-radius:50%;border:2px solid var(--brand-300)}
.ad-inst__card li:first-child i{background:var(--success-500);border-color:var(--success-500)}
.ad-inst__card li em{margin-inline-start:auto;font:500 12px/18px var(--font-sans);font-style:normal;color:var(--text-muted)}

/* add-ons */
.ad-adds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ad-adds__i{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.ad-adds__ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:var(--brand-50);color:var(--brand-600)}
.ad-adds__i strong{flex:1;font:700 14.5px/22px var(--font-sans);color:var(--text)}
.ad-adds__i b{flex:none;font:800 13.5px/20px var(--font-sans);color:var(--brand-600);white-space:nowrap}
.ad-adds__more{max-width:820px;margin:22px auto 0!important;text-align:center;font:400 14.5px/27px var(--font-sans);color:var(--text-muted)}

/* steps */
.ad-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:none}
.ad-steps li{position:relative;margin:0;padding:26px 24px 24px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}
.ad-steps__n{position:absolute;top:18px;inset-inline-end:20px;font:800 44px/1 var(--font-sans);color:var(--brand-50)}
.ad-steps__ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:13px;background:var(--brand-600);color:#fff}
.ad-steps h3{margin:0 0 6px;font:800 17px/26px var(--font-sans);color:var(--text)}
.ad-steps p{margin:0;font:400 14.5px/26px var(--font-sans);color:var(--neutral-600)}

/* portfolio placeholders + proof */
.ad-pf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ad-pf__i{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.ad-pf__frame{position:relative;display:grid;place-items:center;aspect-ratio:4/3;padding-top:28px;background:var(--neutral-50);font:700 14px/22px var(--font-sans);color:var(--text-muted)}
.ad-pf__frame::before{content:"";position:absolute;top:0;inset-inline:0;height:28px;background:var(--neutral-100) radial-gradient(circle at 18px 14px,#FF6B6B 4px,transparent 5px);border-bottom:1px solid var(--border)}
.ad-pf__i figcaption{padding:14px 18px;font:700 15px/24px var(--font-sans);color:var(--text);border-top:1px solid var(--border)}
.ad-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px!important}
.ad-proof>*{margin:0!important}

@media (max-width:1023px){
 .ad-sp-hero h1{font-size:38px}
 .ad-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .ad-plan--pop{transform:none}.ad-plan--pop:hover{transform:translateY(-2px)}
 .ad-feat,.ad-adds,.ad-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad-inst{grid-template-columns:1fr;gap:32px}
 .ad-mock{max-width:560px;margin-inline:auto}
}
@media (max-width:767px){
 .ad-sp-hero h1{font-size:30px}
 .ad-cta-row .ad-b{flex:1 1 100%}
 .ad-ticks{flex-direction:column;gap:8px}
 .ad-mock{padding:12px 0 28px}
 .ad-mock__phone{width:132px;inset-inline-start:-8px;border-width:5px}
 .ad-mock__chip1{inset-inline-end:0}.ad-mock__chip2{display:none!important}
 .ad-mock__grid{gap:8px;padding:12px}
 .ad-sp-stats{grid-template-columns:repeat(2,1fr);row-gap:20px}
 .ad-sp-stats>div:nth-child(3){border:0}
 .ad-sp-stats b{font-size:22px;line-height:32px}
 .ad-plans,.ad-feat,.ad-adds,.ad-steps,.ad-pf,.ad-proof{grid-template-columns:1fr}
 .ad-plan__fit{min-height:0}
 .ad-incl ul{grid-template-columns:1fr}
 .ad-inst h2{font-size:25px}
 .ad-feat__i,.ad-steps li{padding:22px}
}

/* order dialog extras */
.ad-odlg .ad-dlg__q{margin:0 0 14px}
.ad-odlg .ad-dlg__q>span{display:block;margin-bottom:6px;font:600 14px/22px var(--font-sans);color:var(--neutral-700)}
.ad-odlg .ad-dlg__svc{margin:0}
.ad-odlg .ad-dlg__plan{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--brand-50);font:700 15px/22px var(--font-sans);color:var(--brand-700)}
.ad-odlg .ad-dlg__plan select{width:auto;min-width:150px}

/* v1.1 fixes */
.ad-mock .ad-chip{position:absolute;padding:10px 14px;font:700 13.5px/20px var(--font-sans);color:var(--text);white-space:nowrap}
.ad-mock .ad-mock__chip1{top:44%;bottom:auto;inset-inline-end:-30px;inset-inline-start:auto}
.ad-mock .ad-mock__chip2{top:auto;bottom:4px;inset-inline-end:40px;inset-inline-start:auto}
.ad-steps__n{color:var(--brand-100)}
@media (max-width:767px){.ad-mock .ad-mock__chip1{top:-6px;inset-inline-end:8px}}

/* ===== v1.2: website-design hub ===== */
/* hero: stacked site types */
.ad-stack{position:relative;height:440px;margin-inline-start:8px}
.ad-stack__w{position:absolute;width:62%;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 30px 60px -28px rgba(20,26,71,.35);overflow:hidden}
.ad-stack__w--1{top:0;inset-inline-start:0;z-index:1}
.ad-stack__w--2{top:90px;inset-inline-end:0;z-index:2}
.ad-stack__w--3{bottom:0;inset-inline-start:12%;width:46%;z-index:3}
.ad-stack__body{padding:14px;display:flex;flex-direction:column;gap:10px}
.ad-stack__tag{position:absolute;top:6px;inset-inline-start:12px;padding:2px 10px;border-radius:999px;background:var(--brand-600);color:#fff;font:700 11px/18px var(--font-sans)}
.ad-stack__w--2 .ad-stack__tag{background:var(--highlight-500);color:var(--brand-900)}
.ad-stack__w--3 .ad-stack__tag{background:var(--success-500)}
.ad-stack .ad-mock__bar{height:30px;justify-content:flex-end}
.ad-sk{display:block;border-radius:6px;background:var(--neutral-100)}
.ad-sk--nav{height:14px;width:100%;background:linear-gradient(90deg,var(--neutral-100) 70%,var(--brand-200) 70% 82%,var(--neutral-100) 82%)}
.ad-sk--h{height:16px;width:70%;background:var(--brand-200)}
.ad-sk--l{height:9px;width:90%}
.ad-sk--l.s{width:60%}
.ad-sk--btn{height:20px;width:34%;background:var(--brand-600);border-radius:6px}
.ad-sk-hero{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:10px;background:var(--brand-50)}
.ad-sk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ad-sk-row b{height:44px;border-radius:8px;background:var(--neutral-50);border:1px solid var(--border)}
.ad-sk-banner{height:58px;border-radius:10px;background:linear-gradient(120deg,var(--brand-700),var(--accent-600))}
.ad-sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ad-sk-grid b{aspect-ratio:1;border-radius:8px}
.ad-sk-grid b.g1{background:linear-gradient(160deg,#FBEFE4,#F3DCC8)}
.ad-sk-grid b.g2{background:linear-gradient(160deg,#EEF0FA,#DDE1F4)}
.ad-sk-grid b.g3{background:linear-gradient(160deg,#FFF6E0,#FFE9B3)}
.ad-sk-land{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;text-align:center}
.ad-sk-land .ad-sk--h,.ad-sk-land .ad-sk--l{margin-inline:auto}
.ad-sk-form{display:flex;flex-direction:column;gap:6px;width:80%;margin-top:4px}
.ad-sk-form b{height:16px;border-radius:6px;border:1px solid var(--border);background:#fff}
.ad-sk-form i{height:20px;border-radius:6px;background:var(--success-500)}
.ad-stack .ad-stack__chip{position:absolute;z-index:4;top:46%;inset-inline-start:-18px;inset-inline-end:auto;bottom:auto;padding:10px 14px;font:700 13.5px/20px var(--font-sans);color:var(--text);white-space:nowrap}
.ad-stack__chip .ad-i{color:var(--brand-600)}

/* types */
.ad-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ad-type{display:flex;flex-direction:column;padding:28px 26px 24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s}
.ad-type:hover{transform:translateY(-3px);box-shadow:var(--shadow-float);border-color:var(--brand-200)}
.ad-type__ic{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;background:var(--brand-50);color:var(--brand-600)}
.ad-type h3{margin:0 0 8px;font:800 19px/30px var(--font-sans);color:var(--text)}
.ad-type p{flex:1;margin:0 0 16px;font:400 15px/27px var(--font-sans);color:var(--neutral-600)}
.ad-type__meta{display:flex;align-items:center;gap:6px;margin-bottom:18px;font:700 13.5px/22px var(--font-sans);color:var(--text-muted)}
.ad-type__cta{width:100%;min-height:46px;font-size:15px}
.ad-type--live{border:2px solid var(--brand-600);box-shadow:0 24px 50px -30px rgba(43,56,143,.55)}
.ad-type--live .ad-type__ic{background:var(--brand-600);color:#fff}
.ad-type--live .ad-type__meta{color:var(--brand-600)}

/* vs */
.ad-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin-inline:auto}
.ad-vs__col{padding:30px 30px 26px;border-radius:20px}
.ad-vs__col h3{margin:0 0 16px;font:800 19px/30px var(--font-sans)}
.ad-vs__col ul{margin:0;padding:0;list-style:none}
.ad-vs__col li{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;font:500 15.5px/26px var(--font-sans)}
.ad-vs__col li .ad-i{flex:none;margin-top:4px}
.ad-vs__col--bad{background:var(--neutral-50);border:1px solid var(--border)}
.ad-vs__col--bad h3{color:var(--neutral-600)}
.ad-vs__col--bad li{color:var(--neutral-600)}
.ad-vs__col--bad li .ad-i{color:#D9534F}
.ad-vs__col--good{background:linear-gradient(160deg,var(--brand-700),var(--brand-900));color:#fff;box-shadow:0 30px 60px -28px rgba(20,26,71,.55)}
.ad-vs__col--good h3{color:#fff}
.ad-vs__col--good li{color:rgba(255,255,255,.92)}
.ad-vs__col--good li .ad-i{color:var(--highlight-500)}

/* support band */
.ad-band{display:flex;align-items:center;gap:24px;max-width:1080px;margin-inline:auto;padding:30px 32px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.ad-band__ic{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:var(--highlight-50);color:var(--highlight-800)}
.ad-band__copy{flex:1}
.ad-band h2{margin:0 0 6px;font:800 22px/34px var(--font-sans);color:var(--text)}
.ad-band p{margin:0;font:400 15px/28px var(--font-sans);color:var(--neutral-600)}
.ad-band .ad-b{flex:none}
.ad-proof--3{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (max-width:1023px){
 .ad-types{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad-stack{max-width:560px;margin-inline:auto}
}
@media (max-width:767px){
 .ad-stack{height:360px}
 .ad-stack__w{width:76%}
 .ad-stack__w--2{top:70px}
 .ad-stack__w--3{width:58%;inset-inline-start:4%}
 .ad-stack .ad-stack__chip{display:none}
 .ad-types,.ad-vs{grid-template-columns:1fr}
 .ad-band{flex-direction:column;align-items:flex-start;padding:24px}
 .ad-band .ad-b{width:100%}
 .ad-vs__col{padding:24px}
}
@media (max-width:767px){.ad-proof--3{grid-template-columns:1fr}}

/* ===== v1.3: wordpress page ===== */
.ad-wpm{position:relative;padding:24px 0 30px;margin-inline-start:8px}
.ad-wpm__win{border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(20,26,71,.35);overflow:hidden}
.ad-wpm .ad-mock__bar span{margin-inline-start:12px;padding:2px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font:500 11px/18px var(--font-sans);color:var(--text-muted)}
.ad-wpm__body{display:grid;grid-template-columns:150px 1fr;min-height:330px}
.ad-wpm__side{margin:0;padding:12px 8px;list-style:none;background:var(--brand-900)}
.ad-wpm__side li{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:8px 10px;border-radius:8px;font:600 12px/18px var(--font-sans);color:rgba(255,255,255,.7)}
.ad-wpm__side li.on{background:var(--brand-600);color:#fff}
.ad-wpm__main{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.ad-wpm__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border)}
.ad-wpm__top strong{font:800 13px/20px var(--font-sans);color:var(--text)}
.ad-wpm__top em{padding:4px 12px;border-radius:7px;background:var(--brand-600);color:#fff;font:700 11px/18px var(--font-sans);font-style:normal}
.ad-wpm__title{font:800 20px/30px var(--font-sans);color:var(--text)}
.ad-wpm__img{height:84px;border-radius:10px;background:linear-gradient(120deg,var(--brand-50),var(--highlight-50))}
.ad-wpm .ad-chip{position:absolute;display:flex;align-items:center;gap:6px;padding:10px 14px;font:700 13.5px/20px var(--font-sans);color:var(--text);white-space:nowrap}
.ad-wpm .ad-chip .ad-i{color:var(--success-500)}
.ad-wpm__chip1{top:40%;inset-inline-end:-26px;inset-inline-start:auto;bottom:auto}
.ad-wpm__chip2{bottom:6px;inset-inline-start:-14px;inset-inline-end:auto;top:auto}
.ad-wpm__chip2 .ad-i{color:var(--brand-600)!important}
.ad-feat--warn .ad-feat__i .ad-feat__ic,.ad-feat--warn .ad-feat__i:nth-child(2) .ad-feat__ic{background:#FDECEC;color:#C0392B}
@media (max-width:1023px){.ad-wpm{max-width:560px;margin-inline:auto}}
@media (max-width:767px){
 .ad-wpm__body{grid-template-columns:110px 1fr;min-height:280px}
 .ad-wpm__side li{padding:6px 8px;font-size:11px}
 .ad-wpm__chip2{display:none!important}
 .ad-wpm__chip1{top:auto;bottom:6px;inset-inline-end:12px}
}

/* ===== v1.4: about / contact / portfolio / proposal ===== */
.ad-sp-hero--slim{padding-block:56px 56px!important}
.ad-sp-narrow{max-width:860px;margin-inline:auto;text-align:center}
.ad-sp-narrow .ad-crumb{justify-content:center}
.ad-sp-narrow .ad-h-hero__lead{margin-inline:auto}
.ad-feat--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ad-steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* timeline */
.ad-tl{position:relative;max-width:860px;margin:0 auto;padding:0;list-style:none}
.ad-tl::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:59px;width:2px;background:var(--brand-100)}
.ad-tl li{position:relative;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;margin:0 0 28px}
.ad-tl li:last-child{margin-bottom:0}
.ad-tl__k{position:relative;z-index:1;justify-self:center;padding:6px 14px;border-radius:999px;background:var(--brand-600);color:#fff;font:800 15px/22px var(--font-sans);white-space:nowrap}
.ad-tl li:last-child .ad-tl__k{background:var(--highlight-500);color:var(--brand-900)}
.ad-tl li>div{padding:20px 24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.ad-tl h3{margin:0 0 6px;font:800 18px/28px var(--font-sans);color:var(--text)}
.ad-tl p{margin:0;font:400 15px/27px var(--font-sans);color:var(--neutral-600)}

/* contact cards */
.ad-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px!important;text-align:start}
.ad-cards__i{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.ad-cards__ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--brand-50);color:var(--brand-600)}
.ad-cards__i:nth-child(2) .ad-cards__ic{background:var(--success-50);color:var(--success-700)}
.ad-cards__i small{display:block;font:500 13px/20px var(--font-sans);color:var(--text-muted)}
.ad-cards__i a,.ad-cards__i span{display:block;font:800 16px/26px var(--font-sans);color:var(--text);text-decoration:none}
.ad-cards__i a:hover{color:var(--brand-600)}
.ad-cards__note{margin:16px 0 0!important;font:400 14px/24px var(--font-sans);color:var(--text-muted)}
.ad-soc2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:28px!important}
.ad-soc2>span{margin-inline-end:6px;font:700 14px/22px var(--font-sans);color:var(--neutral-700)}
.ad-soc2 a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--brand-600);transition:background .2s,color .2s}
.ad-soc2 a:hover{background:var(--brand-600);color:#fff}

/* portfolio grid */
.ad-pfsec{padding-top:48px!important}
.ad-pff{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 32px!important}
.ad-pff button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--neutral-700);font:700 14px/20px var(--font-sans);cursor:pointer;transition:all .15s}
.ad-pff button i{font-style:normal;font-weight:600;color:var(--text-muted)}
.ad-pff button.on{border-color:var(--brand-600);background:var(--brand-600);color:#fff}
.ad-pff button.on i{color:rgba(255,255,255,.75)}
.ad-pfg__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ad-pfc{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);transition:transform .25s,box-shadow .25s}
.ad-pfc[hidden]{display:none}
.ad-pfc:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}
.ad-pfc__frame{position:relative;aspect-ratio:4/3;padding-top:28px;background:var(--neutral-50);overflow:hidden}
.ad-pfc__frame::before{content:"";position:absolute;z-index:1;top:0;inset-inline:0;height:28px;background:var(--neutral-100) radial-gradient(circle at 18px 14px,#FF6B6B 4px,transparent 5px);border-bottom:1px solid var(--border)}
.ad-pfc__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 1.6s ease}
.ad-pfc:hover .ad-pfc__frame img{object-position:bottom;transition:object-position 10s linear}
.ad-pfc figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid var(--border)}
.ad-pfc figcaption strong{font:700 15px/24px var(--font-sans);color:var(--text)}
.ad-pfc figcaption span{flex:none;padding:2px 10px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);font:700 12px/20px var(--font-sans)}

/* proposal mock */
.ad-prop{position:relative;padding:28px 0 36px;margin-inline-start:8px}
.ad-prop__doc{max-width:440px;margin-inline:auto;padding:26px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(20,26,71,.35)}
.ad-prop__head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:12px;border-bottom:1px dashed var(--border)}
.ad-prop__head b{width:44px;height:44px;flex:none;border-radius:12px;background:var(--brand-600) var(--shape-tint) center/26px no-repeat}
.ad-prop__head strong{display:block;font:800 17px/26px var(--font-sans);color:var(--text)}
.ad-prop__head span{display:block;font:500 12px/18px var(--font-sans);color:var(--text-muted);direction:ltr;text-align:end}
.ad-prop ul{margin:0;padding:0;list-style:none}
.ad-prop li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--neutral-100);font:600 14.5px/22px var(--font-sans);color:var(--neutral-600)}
.ad-prop li.ok{color:var(--text)}
.ad-prop li.ok .ad-i{color:var(--success-500)}
.ad-prop li .ad-i{color:var(--neutral-300)}
.ad-prop__bar{height:8px;margin-top:18px;border-radius:8px;background:var(--neutral-100);overflow:hidden}
.ad-prop__bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--brand-600),var(--accent-500))}
.ad-prop .ad-prop__chip{position:absolute;bottom:4px;inset-inline-end:0;inset-inline-start:auto;top:auto;display:flex;align-items:center;gap:6px;padding:10px 14px;font:700 13.5px/20px var(--font-sans);color:var(--text);white-space:nowrap}
.ad-prop__chip .ad-i{color:var(--brand-600)}

@media (max-width:1023px){
 .ad-feat--4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad-pfg__grid,.ad-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 .ad-feat--4,.ad-steps--3,.ad-pfg__grid,.ad-cards{grid-template-columns:1fr}
 .ad-tl::before{inset-inline-start:39px}
 .ad-tl li{grid-template-columns:80px 1fr;gap:14px}
 .ad-tl__k{padding:4px 10px;font-size:13px}
 .ad-tl li>div{padding:16px}
 .ad-pff{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
 .ad-pff button{flex:none}
 .ad-prop .ad-prop__chip{display:none}
}