/* ============================================================
   Adii Digital — inner page styles v1.1.3
   About, Services, Portfolio, Blog (+ archives), single posts, Contact.
   Requires adii-base.css (tokens, header, footer, buttons, CTA card).
   All classes are prefixed `adx-` to avoid collisions.
   ============================================================ */

/* ---------- shared inner-page hero band ---------- */
.adx-page-hero{position:relative;background:var(--adx-navy);color:#fff;overflow:hidden}
.adx-page-hero-bg{position:absolute;inset:0;pointer-events:none;
	background:
		radial-gradient(640px 340px at 12% 8%,rgba(46,163,242,.22),transparent 62%),
		radial-gradient(560px 380px at 88% 90%,rgba(255,164,28,.14),transparent 60%),
		linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
	background-size:auto,auto,44px 44px,44px 44px}
.adx-page-hero-inner{position:relative;z-index:1;padding:80px 0 88px;max-width:46rem}
.adx-page-hero h1{font-family:var(--adx-font-display);font-weight:800;letter-spacing:-.015em;
	font-size:clamp(2.2rem,4.6vw,3.3rem);line-height:1.12;color:#fff;margin:0 0 1.1rem}
.adx-page-hero .adx-lead{margin-top:0}
.adx-crumbs{font-size:.85rem;color:#8fa3c2;margin:0 0 1.2rem}
.adx-crumbs a{color:#b9c8df;text-decoration:none}
.adx-crumbs a:hover{color:#fff}

/* ---------- generic card grid (animated by homepage.js reveal) ---------- */
.adx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.adx-card{background:#fff;border:1px solid var(--adx-line);border-radius:20px;padding:2.1rem;
	box-shadow:var(--adx-shadow-sm);transition:transform .22s ease,box-shadow .22s ease;
	display:flex;flex-direction:column}
.adx-card:hover{transform:translateY(-6px);box-shadow:var(--adx-shadow)}
.adx-card h3{font-family:var(--adx-font-display);font-size:1.22rem;font-weight:700;color:var(--adx-ink);
	line-height:1.3;margin:0 0 .7rem}
.adx-card p{margin:0;font-size:.98rem;color:var(--adx-body);flex:1}
.adx-card .adx-card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.3rem;
	font-weight:700;color:var(--adx-blue-deep);text-decoration:none}
.adx-card .adx-card-link:hover{color:var(--adx-ink)}

/* ---------- about: approach prose ---------- */
.adx-approach{max-width:46rem;margin:0 auto;display:grid;gap:1.3rem}
.adx-approach p{font-size:1.08rem;line-height:1.75;color:var(--adx-body);margin:0}
.adx-approach p strong{color:var(--adx-ink)}

/* ---------- about: team ---------- */
.adx-team{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;margin-top:3rem}
.adx-member{background:#fff;border:1px solid var(--adx-line);border-radius:20px;padding:2rem 1.6rem;
	text-align:center;box-shadow:var(--adx-shadow-sm);transition:transform .22s ease,box-shadow .22s ease}
.adx-member:hover{transform:translateY(-6px);box-shadow:var(--adx-shadow)}
.adx-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 1.2rem;
	display:flex;align-items:center;justify-content:center;
	font-family:var(--adx-font-display);font-weight:800;font-size:1.7rem;color:#fff;
	background:linear-gradient(140deg,var(--adx-navy-2),var(--adx-blue-deep));
	border:3px solid var(--adx-blue-soft)}
img.adx-avatar{padding:0;background:none;object-fit:cover;display:block}
.adx-member h3{font-family:var(--adx-font-display);font-size:1.12rem;font-weight:700;color:var(--adx-ink);margin:0 0 .35rem}
.adx-member-role{display:block;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
	color:var(--adx-blue-deep);margin-bottom:.7rem}
.adx-member p{font-size:.93rem;color:var(--adx-body);margin:0}

/* ---------- about: values + chips ---------- */
.adx-values-line{max-width:44rem;margin:2.6rem auto 0;text-align:center;font-size:1.06rem;
	color:var(--adx-body);font-style:italic}
.adx-chips{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:3rem;list-style:none;padding:0}
.adx-chips a{display:inline-flex;align-items:center;font-weight:700;font-size:.95rem;color:var(--adx-ink);
	background:#fff;border:1.5px solid var(--adx-line);border-radius:999px;padding:.7rem 1.5rem;text-decoration:none;
	transition:border-color .2s,color .2s,transform .2s}
.adx-chips a:hover{border-color:var(--adx-amber);color:var(--adx-amber-deep);transform:translateY(-2px)}

/* ---------- services ---------- */
.adx-service-icon{width:60px;height:60px;border-radius:18px;margin-bottom:1.4rem;
	display:flex;align-items:center;justify-content:center;color:#fff;
	background:linear-gradient(140deg,var(--adx-navy-2),var(--adx-blue-deep))}
.adx-service-icon svg{width:30px;height:30px}
.adx-band{background:var(--adx-navy);border-radius:24px;padding:3.2rem 2.4rem;text-align:center;
	color:#dbe5f3;margin-top:5.5rem;position:relative;overflow:hidden}
.adx-band::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;
	background:radial-gradient(circle,rgba(255,164,28,.16),transparent 65%);top:-220px;right:-140px}
.adx-band h2{font-family:var(--adx-font-display);color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);
	margin:0 0 .8rem;position:relative;z-index:1;line-height:1.25}
.adx-band p{margin:0 0 1.8rem;color:#aebdce;position:relative;z-index:1}
.adx-band .adx-btn{position:relative;z-index:1}

/* ---------- portfolio ---------- */
.adx-works{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.adx-work{background:#fff;border:1px solid var(--adx-line);border-radius:20px;overflow:hidden;
	box-shadow:var(--adx-shadow-sm);transition:transform .22s ease,box-shadow .22s ease;
	display:flex;flex-direction:column}
.adx-work:hover{transform:translateY(-6px);box-shadow:var(--adx-shadow)}
.adx-work-media{aspect-ratio:4/3;overflow:hidden;background:var(--adx-tint)}
.adx-work-media img{width:100%;height:100%;object-fit:cover;display:block}
.adx-work-body{padding:1.6rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.adx-work-sub{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--adx-muted)}
.adx-work-body h3{font-family:var(--adx-font-display);font-size:1.15rem;font-weight:700;color:var(--adx-ink);
	line-height:1.3;margin:0}
.adx-work-body p{font-size:.94rem;color:var(--adx-body);margin:0}

/* ---------- blog index ---------- */
.adx-archive-note{margin:0 auto 1rem;max-width:46rem;text-align:center;color:var(--adx-muted);font-size:.95rem}
.adx-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.adx-post{background:#fff;border:1px solid var(--adx-line);border-radius:20px;overflow:hidden;
	box-shadow:var(--adx-shadow-sm);transition:transform .22s ease,box-shadow .22s ease;
	display:flex;flex-direction:column}
.adx-post:hover{transform:translateY(-6px);box-shadow:var(--adx-shadow)}
.adx-post-media{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(140deg,var(--adx-navy-2),var(--adx-blue-deep));
	display:flex;align-items:center;justify-content:center}
.adx-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.adx-post-media svg{width:52px;height:52px;color:rgba(255,255,255,.55)}
.adx-post-body{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.adx-post-meta{font-size:.82rem;font-weight:600;color:var(--adx-muted)}
.adx-post-body h2.adx-post-title{font-family:var(--adx-font-display);font-size:1.12rem;font-weight:700;color:var(--adx-ink);
	line-height:1.35;margin:0}
.adx-post-body h2.adx-post-title a{color:inherit;text-decoration:none}
.adx-post-body h2.adx-post-title a:hover{color:var(--adx-blue-deep)}
.adx-post-body>p{font-size:.93rem;color:var(--adx-body);margin:0;flex:1}
.adx-post-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;
	font-weight:700;color:var(--adx-blue-deep);text-decoration:none}
.adx-post-link:hover{color:var(--adx-ink)}
.adx-pagination{margin-top:3.5rem;display:flex;justify-content:center}
.adx-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;
	margin:0 .25rem;padding:0 .9rem;border-radius:12px;border:1.5px solid var(--adx-line);background:#fff;
	color:var(--adx-ink);font-weight:700;text-decoration:none;font-size:.95rem}
.adx-pagination .page-numbers.current{background:var(--adx-navy);border-color:var(--adx-navy);color:#fff}
.adx-pagination a.page-numbers:hover{border-color:var(--adx-blue);color:var(--adx-blue-deep)}

/* ---------- single post ---------- */
.adx-post-chip{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;letter-spacing:.1em;
	text-transform:uppercase;color:#fff;background:rgba(255,164,28,.16);border:1px solid rgba(255,164,28,.4);
	border-radius:999px;padding:.5rem 1.1rem;margin-bottom:1.3rem}
.adx-article-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.6rem;color:#aebdce;font-size:.93rem}
.adx-article-meta span{display:inline-flex;align-items:center;gap:.5rem}
.adx-article-meta svg{width:17px;height:17px;color:var(--adx-amber)}
.adx-article{max-width:46rem;margin:0 auto;font-size:1.08rem;line-height:1.8;color:var(--adx-body)}
.adx-article h2,.adx-article h3{font-family:var(--adx-font-display);color:var(--adx-ink);line-height:1.3;
	margin:2.4rem 0 1rem;letter-spacing:-.01em}
.adx-article h2{font-size:1.7rem}
.adx-article h3{font-size:1.35rem}
.adx-article p{margin:0 0 1.4rem}
.adx-article ul,.adx-article ol{margin:0 0 1.4rem;padding-left:1.5rem;display:grid;gap:.5rem}
.adx-article li::marker{color:var(--adx-amber-deep);font-weight:700}
.adx-article img{border-radius:var(--adx-radius);box-shadow:var(--adx-shadow-sm);margin:1.6rem 0}
.adx-article blockquote{margin:1.8rem 0;padding:1.2rem 1.6rem;border-left:4px solid var(--adx-amber);
	background:var(--adx-tint);border-radius:0 12px 12px 0;font-style:italic;color:var(--adx-ink)}
.adx-article blockquote p{margin:0}
.adx-article a{color:var(--adx-blue-deep);text-decoration:underline;text-underline-offset:3px}
.adx-article a:hover{color:var(--adx-ink)}
.adx-tags{max-width:46rem;margin:2.6rem auto 0;display:flex;flex-wrap:wrap;gap:.6rem}
.adx-tags a{font-size:.85rem;font-weight:600;color:var(--adx-blue-deep);background:var(--adx-blue-soft);
	border-radius:999px;padding:.45rem 1rem;text-decoration:none}
.adx-tags a:hover{background:var(--adx-blue);color:#fff}
.adx-back-blog{display:inline-flex;align-items:center;gap:.5rem;margin-top:2.4rem;font-weight:700;
	color:var(--adx-ink);text-decoration:none}
.adx-back-blog:hover{color:var(--adx-blue-deep)}

/* ---------- contact ---------- */
.adx-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3rem}
.adx-info-card{background:#fff;border:1px solid var(--adx-line);border-radius:20px;padding:2rem;
	text-align:center;box-shadow:var(--adx-shadow-sm)}
.adx-info-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 1.1rem;display:flex;
	align-items:center;justify-content:center;color:#fff;
	background:linear-gradient(140deg,var(--adx-navy-2),var(--adx-blue-deep))}
.adx-info-icon svg{width:27px;height:27px}
.adx-info-card h2{font-family:var(--adx-font-display);font-size:1.1rem;font-weight:700;color:var(--adx-ink);margin:0 0 .5rem}
.adx-info-card p{margin:0;font-size:.98rem;color:var(--adx-body)}
.adx-info-card a{color:var(--adx-blue-deep);font-weight:600;text-decoration:none}
.adx-info-card a:hover{color:var(--adx-ink);text-decoration:underline}
.adx-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;margin-top:3rem;align-items:start}
.adx-contact-side h2{font-family:var(--adx-font-display);font-size:1.6rem;color:var(--adx-ink);margin:0 0 1rem}
.adx-contact-side p{color:var(--adx-body);margin:0 0 1.6rem}
.adx-contact-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.adx-contact-side li{display:flex;gap:.7rem;align-items:flex-start;color:var(--adx-body);font-size:.97rem}
.adx-contact-side li span{color:var(--adx-amber-deep);font-weight:800}

/* ---------- lead form (contact page) ---------- */
.adx-form-wrap{background:#fff;border:1px solid var(--adx-line);border-radius:20px;padding:2.4rem;
	box-shadow:var(--adx-shadow-sm)}
.adx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.adx-field{margin-bottom:1.05rem}
.adx-field label{display:block;font-weight:600;font-size:.9rem;color:var(--adx-ink);margin-bottom:.4rem}
.adx-opt{font-weight:400;color:var(--adx-muted)}
.adx-field input,.adx-field select,.adx-field textarea{
	width:100%;box-sizing:border-box;font-family:var(--adx-font-body);font-size:.98rem;color:var(--adx-ink);
	border:1.5px solid var(--adx-line);border-radius:10px;padding:.8rem .95rem;background:#fbfcfe;
	transition:border-color .18s,box-shadow .18s}
.adx-field input:focus,.adx-field select:focus,.adx-field textarea:focus{
	outline:none;border-color:var(--adx-blue);box-shadow:0 0 0 3px rgba(46,163,242,.18);background:#fff}
.adx-field textarea{resize:vertical;min-height:120px}
.adx-form-note{margin:1rem 0 0;font-size:.95rem;font-weight:600}
.adx-form-note.adx-ok{color:#1e7e34}
.adx-form-note.adx-err{color:#c0392b}
.adx-form-privacy{margin:.9rem 0 0;font-size:.85rem;color:var(--adx-muted)}

/* ---------- page CTA (WhatsApp) ---------- */
.adx-page-cta{margin-top:5.5rem}
.adx-page-cta .adx-cta-card{grid-template-columns:1.1fr .9fr;align-items:center}
.adx-page-cta h2{font-family:var(--adx-font-display);color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);
	margin:0 0 1rem;line-height:1.2}
.adx-page-cta .adx-cta-copy>p{margin-bottom:1.8rem}
.adx-page-cta-actions{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:1;justify-content:flex-end}

/* ---------- responsive ---------- */
@media(max-width:1020px){
	.adx-cards,.adx-works,.adx-posts{grid-template-columns:repeat(2,1fr)}
	.adx-team{grid-template-columns:repeat(2,1fr)}
	.adx-info-cards{grid-template-columns:1fr;max-width:34rem;margin-left:auto;margin-right:auto}
	.adx-contact-grid{grid-template-columns:1fr}
	.adx-page-cta .adx-cta-card{grid-template-columns:1fr}
	.adx-page-cta-actions{justify-content:flex-start}
}
@media(max-width:640px){
	.adx-cards,.adx-works,.adx-posts{grid-template-columns:1fr}
	.adx-team{grid-template-columns:1fr;max-width:26rem;margin-left:auto;margin-right:auto}
	.adx-page-hero-inner{padding:60px 0 68px}
	.adx-field-row{grid-template-columns:1fr}
	.adx-form-wrap{padding:1.6rem 1.2rem}
	.adx-band{padding:2.4rem 1.4rem}
}

/* ---------- FAQ accordion (services, contact) ---------- */
.adx-faq-list{display:grid;gap:.9rem;max-width:820px;margin:2.5rem auto 0}
.adx-faq-item{border:1.5px solid var(--adx-line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s}
.adx-faq-item.adx-open{border-color:var(--adx-blue)}
.adx-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:0;cursor:pointer;padding:1.1rem 1.25rem;font-family:var(--adx-font-display);font-size:1.02rem;font-weight:700;color:var(--adx-ink);text-align:left}
.adx-faq-icon{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--adx-blue-soft);transition:transform .25s,background .25s}
.adx-faq-icon::before,.adx-faq-icon::after{content:"";position:absolute;background:var(--adx-blue-deep);border-radius:2px;top:50%;left:50%}
.adx-faq-icon::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.adx-faq-icon::after{width:2px;height:12px;transform:translate(-50%,-50%)}
.adx-faq-item.adx-open .adx-faq-icon{transform:rotate(135deg);background:var(--adx-amber)}
.adx-faq-item.adx-open .adx-faq-icon::before,.adx-faq-item.adx-open .adx-faq-icon::after{background:#221503}
.adx-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.adx-faq-a p{margin:0;padding:0 1.25rem 1.25rem;color:var(--adx-muted);line-height:1.7}

/* ============================================================
   Blog v1.3.0 — category nav, article sidebar, promo, share
   ============================================================ */

/* ---------- blog category navigation ---------- */
.adx-cat-nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:0 auto 2.6rem;max-width:60rem}
.adx-cat-chip{display:inline-flex;align-items:center;padding:.55rem 1.1rem;border:1.5px solid var(--adx-line);
	border-radius:999px;background:#fff;color:var(--adx-ink);font-weight:600;font-size:.9rem;text-decoration:none;
	transition:border-color .18s,color .18s,background .18s}
.adx-cat-chip:hover{border-color:var(--adx-blue);color:var(--adx-blue-deep)}
.adx-cat-chip.adx-active{background:var(--adx-navy);border-color:var(--adx-navy);color:#fff}
.adx-post-catlink{color:var(--adx-blue-deep);text-decoration:none;font-weight:700}
.adx-post-catlink:hover{text-decoration:underline}

/* ---------- single article layout ---------- */
.adx-article-section{padding-top:72px}
.adx-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:3.2rem;align-items:start}
.adx-article-main{min-width:0}
.adx-article-main .adx-article{margin:0}
.adx-article-main .adx-tags{margin:2.6rem 0 0}
.adx-article-feat{margin:0 0 2.2rem}
.adx-article-feat img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--adx-radius-lg);
	box-shadow:var(--adx-shadow);display:block}

/* ---------- share buttons ---------- */
.adx-share{margin-top:3rem;padding-top:2.2rem;border-top:1px solid var(--adx-line)}
.adx-share-title{font-family:var(--adx-font-display);font-size:1.25rem;font-weight:700;color:var(--adx-ink);margin:0 0 1.1rem}
.adx-share-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.adx-share-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.15rem;border-radius:12px;
	border:1.5px solid var(--adx-line);background:#fff;color:var(--adx-ink);font-weight:600;font-size:.92rem;
	text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s}
.adx-share-btn svg{width:18px;height:18px;flex:0 0 auto}
.adx-share-btn:hover{color:#fff;transform:translateY(-2px);text-decoration:none}
.adx-share-fb:hover{background:#1877f2;border-color:#1877f2}
.adx-share-x:hover{background:#000;border-color:#000}
.adx-share-wa:hover{background:#25d366;border-color:#25d366}
.adx-share-in:hover{background:#0a66c2;border-color:#0a66c2}
.adx-share-pin:hover{background:#e60023;border-color:#e60023}
.adx-share-mail:hover{background:var(--adx-navy);border-color:var(--adx-navy)}

/* ---------- article sidebar ---------- */
.adx-article-side{display:grid;gap:1.4rem}
.adx-side-box{background:#fff;border:1px solid var(--adx-line);border-radius:var(--adx-radius);
	box-shadow:var(--adx-shadow-sm);padding:1.5rem}
.adx-side-title{font-family:var(--adx-font-display);font-size:1.05rem;font-weight:700;color:var(--adx-ink);
	margin:0 0 1.1rem;letter-spacing:-.01em}
.adx-side-posts{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.adx-side-post{display:flex;gap:.9rem;align-items:flex-start}
.adx-side-media{flex:0 0 92px;width:92px;height:68px;border-radius:10px;overflow:hidden;
	background:var(--adx-tint);border:1px solid var(--adx-line)}
.adx-side-media img{width:100%;height:100%;object-fit:cover;display:block}
.adx-side-body{display:grid;gap:.2rem;min-width:0}
.adx-side-cat{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--adx-blue-deep)}
.adx-side-name{font-weight:600;color:var(--adx-ink);text-decoration:none;font-size:.93rem;line-height:1.4}
.adx-side-name:hover{color:var(--adx-blue-deep)}
.adx-side-date{font-size:.8rem;color:var(--adx-muted)}

/* ---------- store promo banner (sidebar) ---------- */
.adx-promo{background:linear-gradient(150deg,var(--adx-navy) 0%,var(--adx-navy-2) 60%,#12305f 100%);
	border-radius:var(--adx-radius);padding:1.6rem;color:#dbe5f3;box-shadow:var(--adx-shadow-sm);position:relative;overflow:hidden}
.adx-promo::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;
	background:radial-gradient(circle,rgba(46,163,242,.28),transparent 65%);top:-140px;right:-100px}
.adx-promo-kicker{position:relative;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:var(--adx-amber);margin:0 0 .5rem}
.adx-promo-title{position:relative;font-family:var(--adx-font-display);font-size:1.3rem;font-weight:700;color:#fff;
	margin:0 0 1.1rem;line-height:1.25}
.adx-promo-imgs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.1rem}
.adx-promo-imgs a{display:block;border-radius:10px;overflow:hidden;background:#fff}
.adx-promo-imgs img{width:100%;height:64px;object-fit:contain;display:block}
.adx-promo p{position:relative;margin:0 0 1.2rem;font-size:.92rem;color:#b9c8df}
.adx-promo .adx-btn{position:relative;display:block;width:100%;text-align:center}
@media(max-width:560px){.adx-promo{padding:1.4rem 1.2rem}.adx-promo-title{font-size:1.15rem}
	.adx-btn{font-size:.95rem;padding:.85rem 1.5rem;border-radius:10px}}

@media(max-width:1020px){
	.adx-article-layout{grid-template-columns:1fr}
	.adx-article-side{margin-top:3rem}
}
@media(max-width:560px){
	.adx-share-btn{flex:1 1 42%;justify-content:center}
	.adx-side-media{flex-basis:76px;width:76px;height:58px}
}

/* ============================================================
   Blog v1.4.0 — 404 page + sticky store promo banner
   ============================================================ */

/* ---------- 404 error page ---------- */
.adx-404{padding-top:90px;padding-bottom:96px}
.adx-404-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.adx-404-code{font-family:var(--adx-font-display);font-size:5.2rem;font-weight:800;line-height:1;margin:0 0 .6rem;
	background:linear-gradient(120deg,var(--adx-blue),var(--adx-amber-deep));
	-webkit-background-clip:text;background-clip:text;color:transparent}
.adx-404-copy h1{margin:0 0 1rem}
.adx-404-copy .adx-section-sub{margin:0 0 2rem;max-width:32rem}
.adx-404-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.adx-404-visual svg{width:100%;max-width:380px;height:auto;display:block;margin:0 auto}

/* ---------- sticky store promo (article sidebar) ----------
   The sidebar stretches to the full article height so the banner
   (its last item) has scroll range to stick within. */
.adx-article-side{align-self:stretch;align-content:start}
.adx-promo{position:sticky;top:92px;align-self:start}

@media(max-width:1020px){
	.adx-404{padding-top:64px;padding-bottom:72px}
	.adx-404-grid{grid-template-columns:1fr;text-align:center}
	.adx-404-copy .adx-section-sub{margin-left:auto;margin-right:auto}
	.adx-404-actions{justify-content:center}
	.adx-404-visual{order:-1}
	.adx-404-visual svg{max-width:280px}
	.adx-promo{position:static}
}

/* ============================================================
   v1.4.1 — targeted spacing fixes (measured on rendered pages)
   ============================================================ */

/* CTA band: remove the double gap (5.5rem margin + 104px section padding). */
.adx-page-cta{margin-top:0;padding-top:72px}

/* Single post: article content → CTA card. */
.adx-article-section{padding-bottom:72px}

/* About: approach → team, team → values. */
.adx-about-team{padding-top:64px}
.adx-about-values{padding-top:64px}

/* Services: dark band → FAQ (FAQ section already has padding-top:0). */
.adx-band-section{padding-bottom:80px}

/* ============================================================
   Services page v1.5.0 — taxonomy directory, process, why-us
   ============================================================ */

/* ---------- hero CTA row ---------- */
.adx-hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* ---------- service taxonomy groups ---------- */
.adx-svc-group{margin:3.2rem 0 1.6rem;text-align:center}
.adx-svc-group:first-of-type{margin-top:0}
.adx-svc-group span{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--adx-font-display);
	font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--adx-blue-deep)}
.adx-svc-group span::before,.adx-svc-group span::after{content:"";width:44px;height:2px;background:var(--adx-amber);border-radius:2px}

/* ---------- deliverables list inside service cards ---------- */
.adx-card .adx-deliv{list-style:none;margin:.9rem 0 1.2rem;padding:0;display:grid;gap:.45rem}
.adx-card .adx-deliv li{position:relative;padding-left:1.5rem;font-size:.9rem;color:var(--adx-body)}
.adx-card .adx-deliv li::before{content:"✓";position:absolute;left:0;color:var(--adx-amber-deep);font-weight:700}

/* ---------- named process ---------- */
.adx-proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;counter-reset:adxproc}
.adx-proc li{background:#fff;border:1px solid var(--adx-line);border-radius:var(--adx-radius);
	padding:1.6rem 1.3rem;box-shadow:var(--adx-shadow-sm);position:relative;transition:transform .2s,box-shadow .2s}
.adx-proc li:hover{transform:translateY(-4px);box-shadow:var(--adx-shadow)}
.adx-proc-num{font-family:var(--adx-font-display);font-size:.85rem;font-weight:800;letter-spacing:.12em;
	color:var(--adx-amber-deep)}
.adx-proc h3{font-family:var(--adx-font-display);font-size:1.15rem;font-weight:700;color:var(--adx-ink);margin:.6rem 0 .5rem}
.adx-proc p{margin:0;font-size:.9rem;color:var(--adx-body);line-height:1.6}

/* ---------- why choose us ---------- */
.adx-why{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.adx-why-item{background:#fff;border:1px solid var(--adx-line);border-radius:var(--adx-radius);
	padding:1.8rem;box-shadow:var(--adx-shadow-sm)}
.adx-why-item h3{font-family:var(--adx-font-display);font-size:1.15rem;font-weight:700;color:var(--adx-ink);margin:0 0 .6rem}
.adx-why-item p{margin:0;color:var(--adx-body);line-height:1.65}

@media(max-width:1020px){
	.adx-proc{grid-template-columns:repeat(2,1fr)}
	.adx-proc li:last-child{grid-column:1/-1}
}
@media(max-width:640px){
	.adx-why{grid-template-columns:1fr}
	.adx-hero-cta .adx-btn{flex:1 1 100%;justify-content:center}
}