/* Asbab Agency Core — components built on Asbab theme tokens (light + dark). */
:root{--ac-accent:var(--wp--preset--color--accent,#0878B0);--ac-green:var(--wp--preset--color--accent-3,#84CC2C);--ac-ink:var(--wp--preset--color--contrast,#1A1440);--ac-muted:var(--wp--preset--color--contrast-2,#4B4868);--ac-bg:var(--wp--preset--color--base,#fff);--ac-soft:var(--wp--preset--color--base-2,#F5F9FC);--ac-soft2:var(--wp--preset--color--base-3,#E7F1F8);--ac-tint:var(--wp--preset--color--accent-4,#E4F4FB);--ac-line:var(--wp--preset--color--border,#DDE7EF);--ac-r:var(--wp--custom--radius--large,20px);--ac-r-sm:var(--wp--custom--radius--medium,12px)}
/* Services */
.asbab-svc-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.asbab-svc-card{background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.asbab-svc-card:hover,.asbab-svc-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac-accent) 35%,var(--ac-line));box-shadow:0 14px 34px -18px color-mix(in srgb,var(--ac-ink) 40%,transparent)}
.asbab-svc-link{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:clamp(1.25rem,2.4vw,1.75rem);color:inherit!important;text-decoration:none!important}
.asbab-svc-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--ac-accent),color-mix(in srgb,var(--ac-accent) 70%,var(--ac-green)));margin-bottom:.35rem}
.asbab-svc-icon img{width:26px;height:26px}
.asbab-svc-card h3{margin:0;font-size:var(--wp--preset--font-size--large,1.25rem);line-height:1.45}
.asbab-svc-card p{margin:0;color:var(--ac-muted);font-size:var(--wp--preset--font-size--small,.95rem);line-height:1.85;flex:1}
.asbab-svc-more{color:var(--ac-accent);font-weight:700;font-size:var(--wp--preset--font-size--small,.95rem)}
.asbab-svc-more span{display:inline-block;transition:transform .2s}.asbab-svc-card:hover .asbab-svc-more span{transform:translateX(-4px)}
/* Projects */
.asbab-proj-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}
.asbab-proj-card{display:flex;flex-direction:column;background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.asbab-proj-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px color-mix(in srgb,var(--ac-ink) 45%,transparent)}
.asbab-proj-media{display:block;background:var(--ac-soft);aspect-ratio:3/2;overflow:hidden}
.asbab-proj-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.asbab-proj-card:hover .asbab-proj-media img{transform:scale(1.03)}
.asbab-proj-body{padding:clamp(1.25rem,2.4vw,1.75rem);display:flex;flex-direction:column;gap:.55rem;flex:1}
.asbab-proj-body h3{margin:0;font-size:var(--wp--preset--font-size--large,1.25rem)}
.asbab-proj-body h3 a{color:inherit;text-decoration:none}
.asbab-proj-body p{margin:0;color:var(--ac-muted);line-height:1.85;flex:1}
.asbab-proj-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.35rem;font-weight:700;font-size:var(--wp--preset--font-size--small,.95rem)}
.asbab-proj-links a{color:var(--ac-accent);text-decoration:none}.asbab-proj-links a:hover{text-decoration:underline;text-underline-offset:5px}
.asbab-project-cover{margin:0 0 2rem}.asbab-project-cover img{width:100%;height:auto;border-radius:var(--ac-r);border:1px solid var(--ac-line)}
.asbab-project-actions{margin-block:2rem}
/* Posts */
.asbab-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.asbab-chips a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1px solid var(--ac-line);border-radius:999px;color:var(--ac-ink);text-decoration:none;font-size:var(--wp--preset--font-size--small,.95rem);background:var(--ac-bg)}
.asbab-chips a span{color:var(--ac-muted);font-size:.8em}
.asbab-chips a:hover{border-color:var(--ac-accent)}
.asbab-chips a[aria-current]{background:var(--ac-accent);border-color:var(--ac-accent);color:#fff}.asbab-chips a[aria-current] span{color:#fff;opacity:.8}
.asbab-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}
.asbab-post-card{display:flex;flex-direction:column;background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.asbab-post-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px color-mix(in srgb,var(--ac-ink) 45%,transparent)}
.asbab-post-media{display:block;aspect-ratio:1200/630;background:var(--ac-soft);overflow:hidden}.asbab-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.asbab-post-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.asbab-post-cat{align-self:flex-start;font-size:.78rem;font-weight:700;color:var(--ac-accent);background:var(--ac-tint);padding:.2rem .7rem;border-radius:999px}
.asbab-post-body h3{margin:0;font-size:var(--wp--preset--font-size--medium,1.1rem);line-height:1.6}.asbab-post-body h3 a{color:inherit;text-decoration:none}.asbab-post-body h3 a:hover{color:var(--ac-accent)}
.asbab-post-body p{margin:0;color:var(--ac-muted);font-size:var(--wp--preset--font-size--small,.95rem);line-height:1.8;flex:1}
.asbab-post-body time{font-size:.8rem;color:var(--ac-muted)}
.asbab-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2.5rem}
.asbab-pagination .page-numbers{min-width:2.5rem;padding:.4rem .8rem;text-align:center;border:1px solid var(--ac-line);border-radius:10px;text-decoration:none;color:var(--ac-ink)}
.asbab-pagination .current{background:var(--ac-accent);border-color:var(--ac-accent);color:#fff}
/* CTA box */
.asbab-cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin:3rem 0 0;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--ac-r);background:linear-gradient(135deg,var(--ac-tint),var(--ac-soft));border:1px solid var(--ac-line)}
.asbab-cta-box h2{margin:0 0 .35rem;font-size:var(--wp--preset--font-size--x-large,1.5rem)}.asbab-cta-box p{margin:0;color:var(--ac-muted)}
.asbab-cta-box .wp-block-buttons{gap:.75rem}
/* Form */
.asbab-quote-form{display:grid;gap:1.15rem}
.asbab-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}
.asbab-quote-form label{display:grid;gap:.45rem;font-weight:600;font-size:var(--wp--preset--font-size--small,.95rem)}
.asbab-quote-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;box-sizing:border-box;font:inherit;font-weight:400;padding:.8rem 1rem;border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);background:var(--ac-bg);color:var(--ac-ink);transition:border-color .15s,box-shadow .15s}
.asbab-quote-form :is(input,select,textarea):focus{outline:none;border-color:var(--ac-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac-accent) 20%,transparent)}
.asbab-quote-form .consent{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;line-height:1.8}.asbab-quote-form .consent input{margin-top:.45rem;accent-color:var(--ac-accent)}
.asbab-help{margin:0;font-size:.85rem;color:var(--ac-muted);font-weight:400}
.asbab-quote-form .trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.asbab-quote-form{position:relative}
.asbab-quote-form button{cursor:pointer;border:0}
.phone-field{border:0;padding:0;margin:0;display:grid;gap:.45rem}.phone-field legend{font-weight:600;font-size:var(--wp--preset--font-size--small,.95rem);margin-bottom:.45rem;padding:0}
.phone-row{display:flex;gap:.5rem;position:relative}.phone-row input{flex:1}
.country-picker{position:relative}.country-picker summary{list-style:none;display:flex;align-items:center;gap:.5rem;height:100%;padding:.8rem .9rem;border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);cursor:pointer;white-space:nowrap;background:var(--ac-bg)}
.country-picker summary::-webkit-details-marker{display:none}
.country-options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(320px,80vw);max-height:300px;overflow:auto;padding:.4rem;background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}
.country-options label{display:block;font-weight:400;cursor:pointer}.country-options input{position:absolute;opacity:0}
.country-visual{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px}.country-visual bdi{margin-inline-start:auto;color:var(--ac-muted)}
.country-options input:checked+.country-visual,.country-visual:hover{background:var(--ac-tint)}
.phone-flag{display:inline-block;width:22px;font-size:18px;line-height:1}svg.phone-flag{height:15px;border-radius:2px}
.asbab-notice{padding:1rem 1.25rem;border-radius:var(--ac-r-sm);margin-bottom:1.25rem;line-height:1.8}
.asbab-notice.is-success{background:color-mix(in srgb,var(--ac-green) 16%,var(--ac-bg));border:1px solid color-mix(in srgb,var(--ac-green) 45%,transparent)}
.asbab-notice.is-error{background:color-mix(in srgb,#d63638 10%,var(--ac-bg));border:1px solid color-mix(in srgb,#d63638 40%,transparent)}
@media (max-width:960px){.asbab-svc-grid,.asbab-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.asbab-svc-grid,.asbab-post-grid,.asbab-proj-grid,.asbab-field-row{grid-template-columns:1fr}.asbab-cta-box{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.asbab-svc-card,.asbab-proj-card,.asbab-post-card,.asbab-proj-media img{transition:none}.asbab-svc-card:hover,.asbab-proj-card:hover,.asbab-post-card:hover{transform:none}}
/* ---- Layout polish (header, footer, home) ---- */
.asbab-agency-logo img{width:92px;height:auto}html.asbab-dark .asbab-agency-logo img{content:url(https://gray-herring-841328.hostingersite.com/wp-content/uploads/2026/10/asbab-logo-white.png)}
.asbab-footer-logo img{height:auto}
.asbab-footer .asbab-built-with a{text-decoration:underline;text-underline-offset:4px}
.asbab-hero-mockup img{width:100%;height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--ac-ink) 22%,transparent))}
.asbab-demo-card .wp-block-image{margin-bottom:.5rem}
.asbab-demo-card h3 a{color:inherit;text-decoration:none}.asbab-demo-card h3 a:hover{color:var(--ac-accent)}
.asbab-step-num{display:inline-grid!important;place-items:center;width:44px;height:44px;margin:0!important;border-radius:12px;background:var(--ac-tint);color:var(--ac-accent);font-weight:800;font-size:1.15rem}
.asbab-faq{display:grid;gap:.75rem}
.asbab-faq-item{background:var(--ac-bg);border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);padding:0;overflow:hidden}
.asbab-faq-item summary{cursor:pointer;list-style:none;padding:1.1rem 1.35rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.asbab-faq-item summary::-webkit-details-marker{display:none}
.asbab-faq-item summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ac-tint);color:var(--ac-accent);font-weight:700;transition:transform .2s}
.asbab-faq-item[open] summary::after{transform:rotate(45deg)}
.asbab-faq-item>p{margin:0;padding:0 1.35rem 1.25rem;line-height:1.9}
.asbab-reviews-wrap:has(.asbab-reviews){padding-block:var(--wp--preset--spacing--70)}
.asbab-reviews-wrap:not(:has(.asbab-reviews)){display:none}
@media (max-width:781px){.asbab-hero-mockup{margin-top:1rem}}
.asbab-svc-card.is-style-asbab-hover{padding:0!important;height:auto!important;min-height:0;display:flex;flex-direction:column}.asbab-svc-card .asbab-svc-link{flex:1;height:auto}
.asbab-faq>.asbab-faq-item{width:100%;max-width:820px!important;box-sizing:border-box}

/* ===== Agency mega menu ===== */
.asbab-header .asbab-mega--agency .asbab-mega__panel{position:fixed!important;top:var(--amm-top,72px)!important;left:50%!important;right:auto!important;inset-inline-start:auto;transform:translateX(-50%);width:min(1180px,calc(100vw - 2rem))!important;padding-top:10px!important}
.asbab-mega--agency.is-open>.asbab-mega__panel{animation:ammIn .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes ammIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.asbab-mega--agency .asbab-mega__inner{padding:0;overflow:hidden;border-radius:24px;border:1px solid var(--ac-line);box-shadow:0 40px 80px -30px rgba(26,20,64,.35),0 0 0 1px rgba(255,255,255,.4) inset}
.amm{display:grid;grid-template-columns:1fr 290px}
.amm-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:28px 28px 20px}
.amm-title{margin:0 0 10px;padding-inline:12px;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--g);display:flex;align-items:center;gap:8px}
.amm-title::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--g)}
.amm ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.amm-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;text-decoration:none!important;color:var(--ac-ink)!important;transition:background .15s,transform .15s}
.amm-item:hover,.amm-item:focus-visible{background:color-mix(in srgb,var(--g) 8%,var(--ac-bg));transform:translateX(-2px)}
.amm-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--g),color-mix(in srgb,var(--g) 55%,#80CC28));box-shadow:0 8px 16px -8px var(--g)}
.amm-ic img{width:19px;height:19px}
.amm-txt{display:grid;gap:2px;line-height:1.35}
.amm-txt strong{font-size:.95rem;font-weight:700}
.amm-txt small{font-size:.8rem;color:var(--ac-muted)}
.amm-item:hover strong{color:var(--g)}
.amm-feature{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px;color:#fff;background:radial-gradient(120% 80% at 100% 0%,#18ABE3 0%,transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(128,204,40,.55) 0%,transparent 60%),#1A1440;overflow:hidden}
.amm-feature::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;border:28px solid rgba(255,255,255,.06)}
.amm-badge{align-self:flex-start;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.amm-f-title{margin:0;font-size:1.3rem;font-weight:800;line-height:1.4}
.amm-f-text{margin:0;font-size:.88rem;line-height:1.8;opacity:.85}
.amm-f-btn{margin-top:auto;display:block;text-align:center;padding:12px 14px;border-radius:12px;background:#fff;color:#1A1440!important;font-weight:800;font-size:.9rem;text-decoration:none!important;transition:transform .15s}
.amm-f-btn:hover{transform:translateY(-2px)}
.amm-f-link{color:#fff!important;opacity:.85;font-size:.82rem;text-align:center;text-decoration:none!important}.amm-f-link:hover{opacity:1;text-decoration:underline!important}
.amm-foot{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;padding:14px 40px;border-top:1px solid var(--ac-line);background:var(--ac-soft);font-size:.86rem;font-weight:700}
.amm-foot a{color:var(--ac-accent)!important;text-decoration:none!important}.amm-foot a:hover{text-decoration:underline!important}
.amm-foot .amm-prices{margin-inline-start:auto;color:var(--ac-ink)!important}
.amm-foot .amm-prices bdi{color:#4f9a12}
.wp-block-navigation__responsive-container.is-menu-open .asbab-mega--agency .asbab-mega__panel{position:static!important;transform:none!important;width:auto!important;left:auto!important;top:auto!important;padding-top:.5rem!important}
.wp-block-navigation__responsive-container.is-menu-open .amm{grid-template-columns:1fr}
.wp-block-navigation__responsive-container.is-menu-open .amm-cols{grid-template-columns:1fr;padding:6px}
.wp-block-navigation__responsive-container.is-menu-open .amm-feature,.wp-block-navigation__responsive-container.is-menu-open .amm-foot .amm-prices{display:none}
.wp-block-navigation__responsive-container.is-menu-open .amm-foot{padding:12px;background:none}
@media (max-width:1100px){.amm{grid-template-columns:1fr}.amm-feature{display:none}}
/* classic submenus (منظومة أسباب) */
.asbab-header .wp-block-navigation__submenu-container{border:1px solid var(--ac-line)!important;border-radius:16px!important;padding:8px!important;box-shadow:0 24px 48px -24px rgba(26,20,64,.35)!important;min-width:220px!important}
.asbab-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{border-radius:10px;padding:.55em .9em!important}
.asbab-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--ac-tint)}
/* ===== Hero illustration v3 ===== */
.ahx{position:relative;width:100%;max-width:620px;aspect-ratio:1/0.9;margin-inline:auto;font-size:clamp(10px,1vw,13.5px);perspective:1400px;direction:rtl}
.ahx *{box-sizing:border-box}
.ahx-bg{position:absolute;inset:-6%;z-index:0;pointer-events:none}
.ahx-bg i{position:absolute;border-radius:50%;filter:blur(48px)}
.ahx-bg .o1{width:52%;height:52%;right:6%;top:6%;background:#18ABE3;opacity:.45;animation:ahxBlob 14s ease-in-out infinite}
.ahx-bg .o2{width:42%;height:42%;left:6%;bottom:8%;background:#80CC28;opacity:.38;animation:ahxBlob 16s ease-in-out infinite reverse}
.ahx-bg .o3{width:30%;height:30%;left:28%;top:18%;background:#7a4dd8;opacity:.18;animation:ahxBlob 18s ease-in-out infinite}
.ahx-dots{position:absolute;inset:8%;background-image:radial-gradient(color-mix(in srgb,var(--ac-ink) 22%,transparent) 1.2px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);opacity:.55}
.ahx-orbit{position:absolute;left:50%;top:50%;width:96%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px dashed color-mix(in srgb,var(--ac-accent) 30%,transparent);border-radius:50%;animation:ahxSpin 60s linear infinite}
.ahx-orbit b{position:absolute;width:10px;height:10px;border-radius:50%;background:#80CC28;box-shadow:0 0 0 5px color-mix(in srgb,#80CC28 20%,transparent)}
.ahx-orbit b:nth-child(1){top:-5px;left:50%}.ahx-orbit b:nth-child(2){bottom:12%;left:4%;background:#18ABE3;box-shadow:0 0 0 5px color-mix(in srgb,#18ABE3 20%,transparent)}.ahx-orbit b:nth-child(3){bottom:8%;right:10%;width:7px;height:7px;background:#7a4dd8}
.ahx-scene{position:absolute;inset:0;z-index:1;transform-style:preserve-3d;transform:rotateY(var(--ry,-9deg)) rotateX(var(--rx,5deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ahx-win{position:absolute;right:2%;top:12%;width:82%;height:66%;border-radius:20px;background:color-mix(in srgb,var(--ac-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--ac-bg) 60%,var(--ac-line));box-shadow:0 50px 90px -40px rgba(26,20,64,.55),0 0 0 1px rgba(255,255,255,.35) inset;overflow:hidden;display:flex;flex-direction:column;transform:translateZ(0)}
.ahx-bar{display:flex;align-items:center;gap:6px;padding:.75em 1em;direction:ltr;border-bottom:1px solid var(--ac-line)}
.ahx-bar .d{width:.7em;height:.7em;border-radius:50%;background:#ff5f57}.ahx-bar .d:nth-child(2){background:#febc2e}.ahx-bar .d:nth-child(3){background:#28c840}
.ahx-url{display:flex;align-items:center;gap:.45em;margin-inline:auto;padding:.25em 1em;border-radius:999px;background:color-mix(in srgb,var(--ac-soft) 80%,transparent);color:var(--ac-muted);font:600 .8em/1.4 system-ui,sans-serif}
.ahx-url i{width:.7em;height:.8em;border:2px solid #28a745;border-radius:2px 2px 3px 3px;border-top-width:3px}
.ahx-page{flex:1;padding:4% 5%;display:flex;flex-direction:column;gap:6%}
.ahx-nav{display:flex;align-items:center;gap:6%}.ahx-nav .lg{width:14%;height:1em;border-radius:6px;background:linear-gradient(90deg,#18ABE3,#80CC28)}.ahx-nav .lk{display:flex;gap:.6em;margin-inline-end:auto}.ahx-nav .lk b{width:2.6em;height:.5em;border-radius:4px;background:var(--ac-line)}.ahx-nav .cta{width:14%;height:1.5em;border-radius:999px;background:var(--ac-ink)}
.ahx-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;flex:1}
.ahx-hero .tx{display:flex;flex-direction:column;gap:.55em}
.ahx-hero em{width:38%;height:1.2em;border-radius:999px;background:var(--ac-tint)}
.ahx-hero b{height:.95em;border-radius:6px;background:var(--ac-ink)}.ahx-hero .a{width:95%}.ahx-hero .b{width:75%;background:linear-gradient(90deg,#0878B0,#18ABE3)}.ahx-hero .c{width:88%;height:.55em;opacity:.2;margin-top:.2em}
.ahx-hero .bt{display:flex;gap:.5em;margin-top:.6em}.ahx-hero .bt i{height:1.7em;width:34%;border-radius:999px;background:#0878B0}.ahx-hero .bt i+i{background:none;border:1.5px solid var(--ac-line)}
.ahx-hero .im{position:relative;height:100%;min-height:7em;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#cfeefb,#eef8e2)}
.ahx-hero .sun{position:absolute;top:16%;right:18%;width:18%;aspect-ratio:1;border-radius:50%;background:#FDBA2C;box-shadow:0 0 0 .6em rgba(253,186,44,.2)}
.ahx-hero .m1,.ahx-hero .m2{position:absolute;bottom:0}.ahx-hero .m1{left:-6%;width:76%;height:62%;background:linear-gradient(#18ABE3,#0878B0);clip-path:polygon(0 100%,48% 6%,100% 100%)}.ahx-hero .m2{right:-10%;width:82%;height:46%;background:linear-gradient(#9be04a,#80CC28);clip-path:polygon(0 100%,55% 0,100% 100%)}
.ahx-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:3%}
.ahx-prods div{display:flex;flex-direction:column;gap:.35em;padding:.45em;border:1px solid var(--ac-line);border-radius:10px;background:var(--ac-bg)}
.ahx-prods span{aspect-ratio:4/3;border-radius:7px;background:linear-gradient(135deg,var(--ac-tint),var(--ac-soft2))}
.ahx-prods div:nth-child(2) span{background:linear-gradient(135deg,#eef8e2,#d8f0bd)}.ahx-prods div:nth-child(3) span{background:linear-gradient(135deg,#efe8fb,#ddd0f6)}
.ahx-prods b{height:.45em;width:80%;border-radius:4px;background:var(--ac-ink);opacity:.6}.ahx-prods i{height:.45em;width:40%;border-radius:4px;background:#80CC28}
.ahx-phone{position:absolute;left:0;bottom:5%;width:25%;aspect-ratio:9/18.5;border-radius:1.9em;background:#1A1440;padding:.45em;box-shadow:0 40px 70px -30px rgba(26,20,64,.6);transform:translateZ(60px)}
.ahx-phone .nt{position:absolute;top:.8em;left:50%;transform:translateX(-50%);width:30%;height:.6em;border-radius:6px;background:#1A1440;z-index:2}
.ahx-phone .sc{height:100%;border-radius:1.5em;background:var(--ac-bg);padding:2.1em .7em .7em;display:flex;flex-direction:column;gap:.5em;overflow:hidden}
.ahx-phone .ph-im{aspect-ratio:16/11;border-radius:.8em;background:linear-gradient(135deg,#18ABE3,#80CC28)}
.ahx-phone b{height:.55em;border-radius:4px;background:var(--ac-ink);opacity:.75;width:85%}.ahx-phone b.s{opacity:.2;width:60%}
.ahx-phone .gr{display:grid;grid-template-columns:1fr 1fr;gap:.4em;flex:1}.ahx-phone .gr i{border-radius:.6em;background:var(--ac-soft2)}
.ahx-phone .ph-bt{height:1.6em;border-radius:999px;background:#0878B0}
.ahx-card{position:absolute;z-index:3;display:flex;align-items:center;gap:.7em;padding:.75em .9em;border-radius:16px;background:color-mix(in srgb,var(--ac-bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--ac-bg) 50%,var(--ac-line));box-shadow:0 22px 44px -22px rgba(26,20,64,.5);color:var(--ac-ink);animation:ahxFloat 7s ease-in-out infinite}
.ahx-card .ic{flex:none;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.8em;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#80CC28))}.ahx-card .ic img{width:1.2em;height:1.2em}
.ahx-card .t{display:grid;line-height:1.35}.ahx-card strong{font-size:1em;font-weight:800;white-space:nowrap}.ahx-card small{font-size:.82em;color:var(--ac-muted);display:flex;align-items:center;gap:.35em;white-space:nowrap}
.ahx-order{top:2%;right:8%;transform:translateZ(90px)}
.ahx-order .ok{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#e9f7dc;color:#4f9a12;font-weight:900;font-size:.85em}
.ahx-search{top:3%;left:2%;flex-direction:column;align-items:stretch;gap:.55em;width:40%;animation-delay:-2.5s;transform:translateZ(70px)}
.ahx-search .sb{display:flex;align-items:center;gap:.5em;padding:.4em .7em;border-radius:999px;border:1px solid var(--ac-line);background:var(--ac-bg);font-size:.82em;color:var(--ac-muted);white-space:nowrap;overflow:hidden}
.ahx-search .g{font:900 1.1em/1 system-ui,sans-serif;background:conic-gradient(from -45deg,#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ahx-search .rs{display:flex;align-items:center;gap:.6em;padding:.45em .55em;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,#80CC28 18%,transparent),transparent);border:1px solid color-mix(in srgb,#80CC28 40%,transparent)}
.ahx-search .rk{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:.5em;background:#4f9a12;color:#fff;font-weight:900;font-size:.85em}
.ahx-search .rs span:last-child{display:grid;line-height:1.3}.ahx-search .rs small{direction:ltr;text-align:right;color:#4f9a12}
.ahx-chart{bottom:-2%;right:4%;width:44%;flex-direction:column;align-items:stretch;gap:.4em;animation-delay:-1.2s;transform:translateZ(80px)}
.ahx-chart .hd{display:flex;justify-content:space-between;font-size:.88em;font-weight:800}.ahx-chart .up{color:#4f9a12;background:#e9f7dc;padding:.05em .55em;border-radius:999px;font-size:.9em}
.ahx-chart svg{width:100%;height:4.4em;display:block;overflow:visible}
.ahx-chart .ln{stroke-dasharray:320;stroke-dashoffset:320;animation:ahxDraw 2.4s .6s cubic-bezier(.4,0,.2,1) forwards}
.ahx-chart .ar{opacity:0;animation:ahxFade 1s 1.6s forwards}.ahx-chart .pt{opacity:0;animation:ahxPop .5s 2.8s forwards,ahxPulse 2s 3.3s infinite;transform-origin:200px 6px}
.ahx-chart .bars{display:flex;align-items:flex-end;gap:5%;height:2.2em}.ahx-chart .bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(#18ABE3,color-mix(in srgb,#18ABE3 35%,transparent));transform-origin:bottom;animation:ahxGrow 1s cubic-bezier(.2,.8,.2,1) both}
.ahx-chart .bars i:nth-child(2){animation-delay:.1s}.ahx-chart .bars i:nth-child(3){animation-delay:.2s}.ahx-chart .bars i:nth-child(4){animation-delay:.3s}.ahx-chart .bars i:nth-child(5){animation-delay:.4s}.ahx-chart .bars i:nth-child(6){animation-delay:.5s;background:linear-gradient(#80CC28,color-mix(in srgb,#80CC28 35%,transparent))}
.ahx-ads{bottom:30%;left:-4%;animation-delay:-4s;transform:translateZ(100px)}
.ahx-ads .live{width:.55em;height:.55em;border-radius:50%;background:#28c840;box-shadow:0 0 0 0 rgba(40,200,64,.6);animation:ahxLive 1.8s infinite}
.ahx-ai{position:absolute;z-index:4;top:46%;right:-3%;display:flex;align-items:center;gap:.45em;padding:.55em 1em;border-radius:999px;font-weight:800;font-size:.9em;color:#fff;background:linear-gradient(135deg,#7a4dd8,#18ABE3);box-shadow:0 14px 30px -12px rgba(122,77,216,.7);animation:ahxFloat 6s -3s ease-in-out infinite;transform:translateZ(110px)}
.ahx-ai span{display:inline-block;animation:ahxSpin 6s linear infinite}
@keyframes ahxFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ahxBlob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-5%) scale(1.08)}}
@keyframes ahxSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ahx-ai span{animation-name:ahxSpin2}@keyframes ahxSpin2{to{transform:rotate(360deg)}}
@keyframes ahxDraw{to{stroke-dashoffset:0}}@keyframes ahxFade{to{opacity:1}}@keyframes ahxPop{to{opacity:1}}
@keyframes ahxPulse{0%,100%{r:5}50%{r:7}}
@keyframes ahxGrow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes ahxLive{70%{box-shadow:0 0 0 .5em rgba(40,200,64,0)}100%{box-shadow:0 0 0 0 rgba(40,200,64,0)}}
html.asbab-dark .ahx-win,html.asbab-dark .ahx-card{background:color-mix(in srgb,var(--ac-bg) 80%,transparent)}
html.asbab-dark .ahx-phone{background:#000}html.asbab-dark .ahx-phone .nt{background:#000}
@media (prefers-reduced-motion:reduce){.ahx *,.ahx-scene{animation:none!important;transition:none!important}.ahx-chart .ln{stroke-dashoffset:0}.ahx-chart .ar,.ahx-chart .pt{opacity:1}}
@media (max-width:781px){.ahx{margin-top:1.5rem;font-size:9.5px}.ahx-scene{transform:none}.ahx-ai{right:0}.ahx-ads{left:0}}
.ahx-chart .bars{direction:ltr}.ahx-ai{top:36%;right:-9%}

/* ===================== DESIGN SYSTEM v2 (home) ===================== */
:root{--ah-navy:#1A1440;--ah-blue:#18ABE3;--ah-green:#80CC28;--ah-violet:#7a4dd8}
/* eyebrow live dot */
.ah-live{display:inline-flex!important;align-items:center;gap:.5em}
.ah-live::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#28c840;box-shadow:0 0 0 0 rgba(40,200,64,.55);animation:ahxLive 1.8s infinite}
.ah-grad{background:linear-gradient(90deg,#0878B0 0%,#18ABE3 45%,#5fb81e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* HERO background */
.ah-hero{position:relative;overflow:hidden;padding-bottom:calc(var(--wp--preset--spacing--70) + 70px)!important;background:radial-gradient(60% 60% at 85% 10%,color-mix(in srgb,var(--ah-blue) 14%,transparent),transparent 70%),radial-gradient(50% 50% at 10% 90%,color-mix(in srgb,var(--ah-green) 12%,transparent),transparent 70%),var(--ac-bg)!important}
.ah-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ac-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ac-ink) 6%,transparent) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%);pointer-events:none}
.ah-hero>*{position:relative}
/* STATS floating card */
.ah-stats{background:transparent!important;padding-top:0!important;padding-bottom:var(--wp--preset--spacing--50)!important;position:relative;z-index:3}
.ah-stats>.wp-block-group{margin-top:-90px!important;padding:clamp(1.25rem,3vw,2rem)!important;background:color-mix(in srgb,var(--ac-bg) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--ac-line);border-radius:24px;box-shadow:0 30px 60px -35px rgba(26,20,64,.35);gap:0!important}
.ah-stats>.wp-block-group>.wp-block-group{position:relative;padding:.5rem}
.ah-stats>.wp-block-group>.wp-block-group+.wp-block-group::before{content:"";position:absolute;inset-block:15%;inset-inline-start:0;width:1px;background:var(--ac-line)}
.ah-stats .has-xx-large-font-size{background:linear-gradient(135deg,#0878B0,#18ABE3 55%,#5fb81e);-webkit-background-clip:text;background-clip:text;color:transparent!important;margin-bottom:0!important}
/* SERVICES bento */
.asbab-svc-grid.is-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
.asbab-svc-card{position:relative;overflow:hidden;isolation:isolate}
.asbab-svc-card::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,var(--ah-blue),var(--ah-green));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;z-index:-1}
.asbab-svc-card:hover::before{opacity:1}
.asbab-svc-n{position:absolute;top:1.1rem;inset-inline-end:1.3rem;font-size:2.4rem;font-weight:800;line-height:1;color:var(--ac-ink);opacity:.06;font-variant-numeric:tabular-nums;transition:opacity .25s}
.asbab-svc-card:hover .asbab-svc-n{opacity:.14}
.asbab-svc-card.is-featured{grid-column:span 2;color:#fff;border:0;background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--ah-blue) 70%,transparent),transparent 60%),radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--ah-green) 55%,transparent),transparent 60%),var(--ah-navy)}
.asbab-svc-card.is-featured .asbab-svc-link{padding:clamp(1.75rem,3.5vw,2.5rem);justify-content:flex-end;min-height:260px}
.asbab-svc-card.is-featured h3{font-size:clamp(1.5rem,2.4vw,2rem);color:#fff}
.asbab-svc-card.is-featured p{color:rgba(255,255,255,.82);font-size:1rem;max-width:46ch;flex:0}
.asbab-svc-card.is-featured .asbab-svc-icon{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset}
.asbab-svc-card.is-featured .asbab-svc-icon img{width:32px;height:32px}
.asbab-svc-card.is-featured .asbab-svc-more{color:#fff;background:rgba(255,255,255,.14);padding:.55em 1.1em;border-radius:999px;align-self:flex-start}
.asbab-svc-card.is-featured .asbab-svc-n{color:#fff;opacity:.12;font-size:4.5rem}
.asbab-svc-card.is-featured::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:34px solid rgba(255,255,255,.06);top:-110px;inset-inline-end:-90px;z-index:-1}
.asbab-svc-more-card{grid-column:span 2;background:linear-gradient(135deg,var(--ac-tint),color-mix(in srgb,var(--ah-green) 12%,var(--ac-bg)));border-style:dashed}
.asbab-svc-more-card .asbab-svc-link{justify-content:center}
.asbab-svc-chip{align-self:flex-start;font-size:.75rem;font-weight:800;color:var(--ah-violet);background:color-mix(in srgb,var(--ah-violet) 12%,var(--ac-bg));padding:.25em .8em;border-radius:999px}
.asbab-svc-duo{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;font-weight:800}
.asbab-svc-duo a{color:var(--ac-accent);text-decoration:none}.asbab-svc-duo a:hover{text-decoration:underline;text-underline-offset:5px}
/* WORK hover */
.asbab-proj-media{position:relative}
.asbab-proj-media::after{content:"عرض المشروع ←";position:absolute;inset:auto 50% 1.25rem auto;transform:translate(50%,12px);padding:.6em 1.2em;border-radius:999px;background:rgba(26,20,64,.85);backdrop-filter:blur(6px);color:#fff;font-weight:800;font-size:.9rem;opacity:0;transition:.25s}
.asbab-proj-card:hover .asbab-proj-media::after{opacity:1;transform:translate(50%,0)}
/* DEMOS browser frame */
.ah-demos .asbab-demo-card .wp-block-image{position:relative;padding-top:22px;border-radius:16px;background:var(--ac-soft);border:1px solid var(--ac-line);overflow:hidden;box-shadow:0 24px 44px -28px rgba(26,20,64,.45);transition:transform .3s}
.ah-demos .asbab-demo-card .wp-block-image::before{content:"";position:absolute;top:8px;inset-inline-start:12px;width:7px;height:7px;border-radius:50%;background:#ff5f57;box-shadow:12px 0 0 #febc2e,24px 0 0 #28c840}
[dir=rtl] .ah-demos .asbab-demo-card .wp-block-image::before{box-shadow:-12px 0 0 #febc2e,-24px 0 0 #28c840}
.ah-demos .asbab-demo-card .wp-block-image img{border-radius:0!important;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:object-position 3s ease}
.ah-demos .asbab-demo-card:hover .wp-block-image{transform:translateY(-4px)}
.ah-demos .asbab-demo-card:hover .wp-block-image img{object-position:bottom}
/* PACKAGES featured dark */
.asbab-pkg.is-featured{background:radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--ah-blue) 55%,transparent),transparent 65%),var(--ah-navy);color:#fff;border:0;transform:translateY(-12px);box-shadow:0 40px 70px -35px rgba(8,120,176,.75)}
.asbab-pkg.is-featured h3,.asbab-pkg.is-featured .asbab-pkg-price strong{color:#fff}
.asbab-pkg.is-featured .asbab-pkg-desc,.asbab-pkg.is-featured .asbab-pkg-price small{color:rgba(255,255,255,.75)}
.asbab-pkg.is-featured .asbab-pkg-price{border-color:rgba(255,255,255,.2)}
.asbab-pkg.is-featured li{color:rgba(255,255,255,.9)}
.asbab-pkg.is-featured .wp-block-button__link{background:#fff!important;color:var(--ah-navy)!important}
.asbab-pkg-price strong{background:linear-gradient(135deg,#0878B0,#18ABE3);-webkit-background-clip:text;background-clip:text;color:transparent}
.asbab-pkg.is-featured .asbab-pkg-price strong{background:none;-webkit-text-fill-color:#fff}
/* PROCESS connector */
.ah-process .wp-block-group.alignwide{position:relative}
.ah-process .wp-block-group.alignwide::before{content:"";position:absolute;top:46px;inset-inline:12%;height:2px;background:repeating-linear-gradient(90deg,var(--ac-line) 0 8px,transparent 8px 14px);z-index:0}
.ah-process .is-style-asbab-outline{position:relative;z-index:1;background:var(--ac-bg);transition:transform .25s,box-shadow .25s}
.ah-process .is-style-asbab-outline:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(26,20,64,.45)}
.asbab-step-num{background:linear-gradient(135deg,#0878B0,#18ABE3)!important;color:#fff!important;box-shadow:0 10px 20px -10px #0878B0}
.ah-process .is-style-asbab-outline:nth-child(4) .asbab-step-num{background:linear-gradient(135deg,#4f9a12,#80CC28)!important;box-shadow:0 10px 20px -10px #4f9a12}
/* BUILT WITH ASBAB: dark band */
.ah-built{position:relative;overflow:hidden;color:#fff;background:radial-gradient(60% 80% at 0% 0%,color-mix(in srgb,var(--ah-blue) 35%,transparent),transparent 60%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,var(--ah-green) 28%,transparent),transparent 60%),var(--ah-navy)!important}
.ah-built::after{content:"";position:absolute;width:520px;height:340px;inset-inline-end:-80px;bottom:-60px;background:url(https://gray-herring-841328.hostingersite.com/wp-content/uploads/2026/10/asbab-logo-white.png) no-repeat center/contain;opacity:.05;pointer-events:none}
.ah-built h2,.ah-built h3{color:#fff!important}
.ah-built .has-contrast-2-color,.ah-built li{color:rgba(255,255,255,.8)!important}
.ah-built .is-style-asbab-eyebrow{background:rgba(255,255,255,.12)!important;color:#fff!important}
.ah-built h2 span{color:var(--ah-green)!important}
.ah-built .is-style-outline .wp-block-button__link{color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.ah-built .wp-block-image img{box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
/* CARE section card */
.ah-care .is-style-asbab-card{background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 30px 60px -40px rgba(26,20,64,.4)}
/* FAQ two columns */
@media (min-width:900px){.ah-faq{display:grid!important;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding-inline:max(var(--wp--style--root--padding-left,1.5rem),calc((100% - 1180px)/2))!important}.ah-faq>*{max-width:none!important;margin:0!important;width:100%}.ah-faq>.wp-block-group:first-child{position:sticky;top:110px}.ah-faq>.wp-block-group:first-child *{text-align:start!important}.ah-faq>.wp-block-group:first-child .is-style-asbab-eyebrow{display:inline-block}}
.ah-faq .asbab-faq>.asbab-faq-item{max-width:none!important}
.asbab-faq-item[open]{border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line));box-shadow:0 18px 36px -28px rgba(8,120,176,.6)}
.asbab-faq-item[open] summary{color:var(--ac-accent)}
/* CTA */
.ah-cta>.wp-block-group{position:relative;overflow:hidden;background:radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--ah-blue) 80%,transparent),transparent 60%),radial-gradient(60% 100% at 0% 100%,color-mix(in srgb,var(--ah-green) 60%,transparent),transparent 60%),var(--ah-navy)!important;box-shadow:0 50px 90px -50px rgba(8,120,176,.8)}
.ah-cta>.wp-block-group::after{content:"";position:absolute;inset:-20% -10% auto auto;width:60%;height:140%;background:url(https://gray-herring-841328.hostingersite.com/wp-content/uploads/2026/10/asbab-logo-white.png) no-repeat center/contain;opacity:.06;pointer-events:none}
.ah-cta>.wp-block-group>*{position:relative;z-index:1}
/* section headings: tighter, bigger */
.home main h2.wp-block-heading{letter-spacing:-.01em}
/* reveal */
.ah-js .asbab-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.ah-js .asbab-reveal.is-in{opacity:1;transform:none}
@media (max-width:900px){.asbab-svc-grid.is-bento{grid-template-columns:1fr 1fr}.asbab-svc-card.is-featured,.asbab-svc-more-card{grid-column:1/-1}.ah-stats>.wp-block-group{margin-top:-60px!important}.ah-stats>.wp-block-group>.wp-block-group+.wp-block-group::before{display:none}.asbab-pkg.is-featured{transform:none}.ah-process .wp-block-group.alignwide::before{display:none}}
@media (max-width:640px){.asbab-svc-grid.is-bento{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ah-js .asbab-reveal{opacity:1;transform:none;transition:none}}
.ah-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(to bottom,transparent,var(--ac-bg));pointer-events:none;z-index:0}
.ah-hero>.wp-block-columns{z-index:1}
@media (max-width:899px){.ah-faq>.wp-block-group:first-child .wp-block-buttons{justify-content:center}}

@media (max-width:640px){.ah-stats>.wp-block-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:1rem!important}.ah-stats .has-xx-large-font-size{font-size:2.2rem!important}}

@media (max-width:640px){.ah-stats>.wp-block-group>*{grid-column:auto!important}}

/* ---- Founder card ---- */
.ah-founder{display:flex;align-items:center;gap:1.1rem;margin-bottom:.25rem}
.ah-founder-ph{position:relative;flex:none;width:104px;height:104px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#18ABE3,#80CC28,#18ABE3);box-shadow:0 14px 30px -12px rgba(8,120,176,.55)}
.ah-founder-ph img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 18%;background:radial-gradient(circle at 50% 35%,#2a3f9e,#1A1440 72%);border:3px solid var(--ac-bg)}
.ah-founder-dot{position:absolute;bottom:6px;inset-inline-end:6px;width:16px;height:16px;border-radius:50%;background:#28c840;border:3px solid var(--ac-bg);box-shadow:0 0 0 0 rgba(40,200,64,.5);animation:ahxLive 2s infinite}
.ah-founder-id{display:grid;gap:.15rem;line-height:1.4}
.ah-founder-tag{justify-self:start;font-size:.75rem;font-weight:800;color:var(--ac-accent);background:var(--ac-tint);padding:.2em .75em;border-radius:999px;margin-bottom:.25rem}
.ah-founder-id strong{font-size:1.35rem;font-weight:800;color:var(--ac-ink)}
.ah-founder-id small{font-size:.88rem;color:var(--ac-muted)}
.ah-care .is-style-asbab-card{position:relative;overflow:hidden}
.ah-care .is-style-asbab-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;top:-140px;inset-inline-start:-120px;background:radial-gradient(circle,color-mix(in srgb,#18ABE3 22%,transparent),transparent 70%);pointer-events:none}
@media (prefers-reduced-motion:reduce){.ah-founder-dot{animation:none}}
/* ==== Inner pages v1: page hero, service layout, prose ==== */
:root{--ap-gut:clamp(16px,4vw,40px);--ap-wide:1240px}
.asv-main{padding:0!important;margin-block-start:0!important}
.asv-main>*{margin-block-start:0}
.aph{position:relative;overflow:hidden;padding:clamp(1.25rem,3vw,2rem) 0 clamp(3rem,7vw,5.5rem);background:radial-gradient(55% 70% at 88% 0%,color-mix(in srgb,var(--g,var(--ah-blue)) 15%,transparent),transparent 70%),radial-gradient(45% 60% at 5% 100%,color-mix(in srgb,var(--ah-green) 11%,transparent),transparent 70%),var(--ac-bg);border-bottom:1px solid var(--ac-line)}
.aph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ac-line) 1px,transparent 1px),linear-gradient(90deg,var(--ac-line) 1px,transparent 1px);background-size:44px 44px;opacity:.45;-webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 75%);pointer-events:none}
.aph-in{position:relative;width:min(var(--ap-wide),100% - 2*var(--ap-gut));margin-inline:auto}
.aph-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ac-muted);margin-bottom:clamp(1.5rem,4vw,2.75rem)}
.aph-crumbs a{color:var(--ac-muted);text-decoration:none}.aph-crumbs a:hover{color:var(--ac-accent)}
.aph-crumbs [aria-hidden]{opacity:.45}.aph-crumbs [aria-current]{color:var(--ac-ink);font-weight:600}
.aph-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center}
.aph.is-service .aph-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr)}
.aph-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--g,var(--ac-accent)) 10%,var(--ac-bg));border:1px solid color-mix(in srgb,var(--g,var(--ac-accent)) 25%,transparent);color:var(--g,var(--ac-accent));font-size:.8rem;font-weight:700}
.aph-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.aph h1{margin:1rem 0 0;font-size:clamp(2rem,4.6vw,3.35rem);line-height:1.2;letter-spacing:-.01em;color:var(--ac-ink);max-width:20ch}
.aph:not(.is-service) h1{max-width:24ch}
.aph-lead{margin:1.1rem 0 0;max-width:58ch;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.9;color:var(--ac-muted)}
.aph-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.aph-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;background:var(--ac-ink);color:#fff!important;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.aph-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--ac-ink) 60%,transparent)}
.aph-btn.is-ghost{color:var(--ac-ink)!important;border:1px solid var(--ac-line);background:var(--ac-bg)}
.aph-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;list-style:none;margin:1.4rem 0 0;padding:0;font-size:.85rem;color:var(--ac-muted)}
.aph-meta li{display:flex;align-items:center;gap:.4rem}
.aph-meta li::before{content:"";width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--ah-green) 20%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%234f9a12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.aph-art{position:relative;aspect-ratio:1;max-width:360px;width:100%;justify-self:center}
.aph-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--g,var(--ac-accent)) 35%,transparent)}
.aph-ring.r2{inset:16%;border-style:solid;border-color:var(--ac-line);background:radial-gradient(circle,color-mix(in srgb,var(--g,var(--ac-accent)) 10%,transparent),transparent 70%)}
.ah-js .aph-ring.r1{animation:aphspin 40s linear infinite}
@keyframes aphspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ah-js .aph-ring.r1{animation:none}}
.aph-tile{position:absolute;inset:32%;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--g,var(--ac-accent)),color-mix(in srgb,var(--g,var(--ac-accent)) 55%,var(--ah-navy)));box-shadow:0 24px 50px -18px color-mix(in srgb,var(--g,var(--ac-accent)) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25);transform:rotate(-6deg)}
.aph-tile img{width:46%;height:auto;filter:brightness(0) invert(1)}
.aph-price,.aph-chip{position:absolute;background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 14px 30px -16px rgba(26,20,64,.35);border-radius:16px}
.aph-price{inset-inline-start:-4%;bottom:8%;display:flex;flex-direction:column;padding:.7rem 1rem;line-height:1.3}
.aph-price small{font-size:.72rem;color:var(--ac-muted)}.aph-price b{font-size:1.45rem;color:var(--ac-ink)}
.aph-price.is-soft b{font-size:1rem}
.aph-chip{padding:.45rem .8rem;font-size:.78rem;font-weight:700;color:var(--ac-ink);border-radius:999px}
.aph-chip.c1{top:10%;inset-inline-end:-2%}.aph-chip.c2{top:46%;inset-inline-end:-8%}
.aph-chip::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ah-green);margin-inline-end:.4rem;vertical-align:middle}
.asv-body{width:min(var(--ap-wide),100% - 2*var(--ap-gut));margin:clamp(2.5rem,6vw,4.5rem) auto 0!important;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.asv-content{min-width:0;max-width:780px}
.asv-single{width:min(780px,100% - 2*var(--ap-gut));margin:clamp(2.5rem,6vw,4.5rem) auto clamp(3rem,7vw,5rem)!important}
.asv-aside{position:sticky;top:110px;display:grid;gap:1rem}
.asv-card{padding:1.5rem;border-radius:var(--ac-r);background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 20px 40px -28px rgba(26,20,64,.35);position:relative;overflow:hidden}
.asv-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--g,var(--ac-accent)),var(--ah-green))}
.asv-k{margin:0 0 .6rem;font-size:.8rem;font-weight:700;color:var(--ac-muted);letter-spacing:.02em}
.asv-price{margin:0 0 1rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;color:var(--ac-ink)}
.asv-price b{font-size:2rem;line-height:1}.asv-price small{color:var(--ac-muted);font-size:.8rem}
.asv-price.is-soft b{font-size:1.15rem}
.asv-list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.55rem;font-size:.9rem;color:var(--ac-muted)}
.asv-list li{position:relative;padding-inline-start:1.5rem}
.asv-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:#4f9a12;font-weight:800}
.asv-btn{display:flex;justify-content:center;padding:.85rem 1rem;border-radius:999px;background:var(--ac-ink);color:#fff!important;font-weight:700;text-decoration:none}
.asv-btn:hover{background:var(--ac-accent)}
.asv-wa{display:block;text-align:center;margin-top:.75rem;font-size:.85rem;color:var(--ac-muted);text-decoration:none}.asv-wa:hover{color:#1f9d55}
.asv-nav{padding:1.25rem;border-radius:var(--ac-r);background:var(--ac-soft);border:1px solid var(--ac-line)}
.asv-nav .asv-k{color:var(--g)}
.asv-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.asv-nav a{display:block;padding:.5rem .75rem;border-radius:10px;font-size:.9rem;color:var(--ac-ink);text-decoration:none}
.asv-nav a:hover{background:var(--ac-bg)}
.asv-nav a[aria-current]{background:var(--ac-bg);font-weight:700;box-shadow:inset -3px 0 0 var(--g);color:var(--g)}
[dir=ltr] .asv-nav a[aria-current]{box-shadow:inset 3px 0 0 var(--g)}
.asv-all{display:inline-block;margin-top:.75rem;padding-inline:.75rem;font-size:.85rem;font-weight:700;color:var(--ac-accent);text-decoration:none}
.asv-tail{width:min(var(--ap-wide),100% - 2*var(--ap-gut));margin:clamp(3.5rem,8vw,6rem) auto}
.asv-related{padding-top:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--ac-line)}
.asv-related-k{margin:0;color:var(--g);font-weight:700;font-size:.85rem}
.asv-related h2{margin:.4rem 0 1.75rem;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ac-ink)}
.asv-tail .asbab-cta-box{margin-top:clamp(2.5rem,6vw,4rem)}
.asbab-prose .wp-block-post-content>*{margin-block:0}
.asbab-prose .wp-block-post-content{color:var(--ac-muted);font-size:1.03rem;line-height:1.95}
.asbab-prose .wp-block-post-content>*+*{margin-block-start:1.5rem}
.asbab-prose .wp-block-post-content>section+section,.asbab-prose .wp-block-post-content>section+p,.asbab-prose .wp-block-post-content>p+section{margin-block-start:clamp(2.75rem,6vw,4rem)}
.asbab-prose h2{margin:0 0 1rem;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.35;color:var(--ac-ink)}
.asbab-prose .wp-block-post-content>h2{margin-block-start:clamp(2.5rem,5vw,3.5rem)}
.asbab-prose .wp-block-post-content>h2:first-child{margin-block-start:0}
.asbab-prose h3{color:var(--ac-ink);font-size:1.15rem;margin:0 0 .5rem}
.asbab-prose p{margin:0}
.asbab-prose section>p+p{margin-top:1rem}
.asbab-prose a:not([class]),.asbab-prose p a.text-link{color:var(--ac-accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.asbab-prose ul:not([class]){list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}
.asbab-prose ul:not([class])>li{position:relative;padding-inline-start:2rem}
.asbab-prose ul:not([class])>li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--ac-accent) 12%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%230878B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.asbab-prose ul.plain-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.asbab-prose ul.plain-list>li{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.25rem 1.3rem;border-radius:var(--ac-r-sm);background:var(--ac-soft);border:1px solid var(--ac-line);line-height:1.75;font-size:.95rem;transition:border-color .2s,transform .2s}
.asbab-prose ul.plain-list>li:hover{border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line));transform:translateY(-2px)}
.asbab-prose ul.plain-list>li strong{color:var(--ac-ink);font-size:1.02rem}
.asbab-prose ul.plain-list>li:last-child:nth-child(odd){grid-column:1/-1}
.asbab-prose ol{list-style:none;counter-reset:st;margin:1.25rem 0 0;padding:0;display:grid;gap:.85rem}
.asbab-prose ol>li{counter-increment:st;position:relative;padding:1.1rem 1.25rem;padding-inline-start:4.25rem;border-radius:var(--ac-r-sm);border:1px solid var(--ac-line);background:var(--ac-bg);line-height:1.8}
.asbab-prose ol>li::before{content:counter(st,decimal-leading-zero);position:absolute;inset-inline-start:1.1rem;top:1rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:12px;background:var(--ac-ink);color:#fff;font-weight:800;font-size:.85rem}
.asbab-prose ol>li strong{color:var(--ac-ink)}
.asbab-prose .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.25rem 0 1rem}
.asbab-prose .project{display:flex;flex-direction:column;gap:.5rem;padding:0 0 1.25rem;border-radius:var(--ac-r);overflow:hidden;border:1px solid var(--ac-line);background:var(--ac-bg)}
.asbab-prose .project>a:first-child{display:block;overflow:hidden;background:var(--ac-soft)}
.asbab-prose .project img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.asbab-prose .project:hover img{transform:scale(1.04)}
.asbab-prose .project h3,.asbab-prose .project p,.asbab-prose .project>.text-link{margin:0;padding-inline:1.25rem}
.asbab-prose .project h3{margin-top:.6rem}.asbab-prose .project h3 a{color:var(--ac-ink);text-decoration:none}
.asbab-prose .project p{font-size:.92rem;line-height:1.75}
.asbab-prose .text-link{color:var(--ac-accent);font-weight:700;text-decoration:none}
.asbab-prose .faq-section details{border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);background:var(--ac-bg);margin-top:.75rem;transition:border-color .2s,background .2s}
.asbab-prose .faq-section h2+details{margin-top:1.25rem}
.asbab-prose .faq-section details[open]{border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line));background:var(--ac-soft)}
.asbab-prose .faq-section summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:700;color:var(--ac-ink)}
.asbab-prose .faq-section summary::-webkit-details-marker{display:none}
.asbab-prose .faq-section summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ac-tint);color:var(--ac-accent);font-size:1.1rem;transition:transform .25s}
.asbab-prose .faq-section details[open] summary::after{transform:rotate(45deg)}
.asbab-prose .faq-section details>p{padding:0 1.25rem 1.15rem;font-size:.95rem}
.asbab-prose .tool-status,.asbab-prose .care-list>section{padding:1.5rem;border-radius:var(--ac-r);background:var(--ac-soft);border:1px solid var(--ac-line)}
.asbab-prose .care-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.asbab-prose .care-list>section h2,.asbab-prose .care-list>section h3{font-size:1.15rem}
.asbab-prose .care-list>section ul{margin-top:.75rem}
.asbab-prose .table-scroll{overflow-x:auto;border:1px solid var(--ac-line);border-radius:var(--ac-r-sm)}
.asbab-prose table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.asbab-prose th,.asbab-prose td{padding:.85rem 1rem;text-align:start;border-bottom:1px solid var(--ac-line)}
.asbab-prose th{background:var(--ac-soft);color:var(--ac-ink)}
.asbab-prose tr:last-child td{border-bottom:0}
.asbab-prose .button,.asbab-prose .wp-block-button__link{display:inline-flex;padding:.8rem 1.35rem;border-radius:999px;background:var(--ac-ink);color:#fff!important;font-weight:700;text-decoration:none}
.asbab-prose .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
@media (max-width:1024px){.asv-body{grid-template-columns:minmax(0,1fr)}.asv-content{max-width:none}.asv-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.aph.is-service .aph-grid{grid-template-columns:minmax(0,1fr) 260px}}
@media (max-width:781px){.aph.is-service .aph-grid{grid-template-columns:minmax(0,1fr)}.aph-art{display:none}.aph h1{max-width:none}.asv-aside{grid-template-columns:minmax(0,1fr)}.asbab-prose ul.plain-list,.asbab-prose .project-grid,.asbab-prose .care-list{grid-template-columns:minmax(0,1fr)}.aph-btn{flex:1 1 auto;justify-content:center}.asbab-prose ol>li{padding-inline-start:3.75rem}.asbab-prose ol>li::before{inset-inline-start:.9rem}}
html.asbab-dark .aph-btn{background:#fff;color:var(--ah-navy)!important}html.asbab-dark .aph-btn.is-ghost{background:transparent;color:#fff!important}
html.asbab-dark .asv-btn,html.asbab-dark .asbab-prose .button,html.asbab-dark .asbab-prose ol>li::before{background:var(--ac-accent)}
/* ==== Inner pages v2: services hub, about ==== */
.asbab-prose .wp-block-post-content>p:has(>a.text-link):not(:has(.button)){padding:1rem 1.25rem;border-radius:var(--ac-r-sm);background:var(--ac-tint);border-inline-start:4px solid var(--ac-accent);font-size:.95rem}
.asbab-prose .project>a.text-link{text-decoration:none}
.asv-main.is-full>.wp-block-post-content{margin-block-start:0!important}
.asv-main.is-full .wp-block-post-content>*{margin-block-start:0}
.asv-main.is-full .wp-block-post-content>*+*{margin-block-start:clamp(4rem,9vw,7rem)}
.asv-main.is-full .wp-block-post-content>:last-child{margin-block-end:clamp(4rem,9vw,7rem)}
.asv-main.is-full .wp-block-post-content>.alignwide{width:min(var(--ap-wide),100%);max-width:none!important;margin-inline:auto!important}
.asv-main .wp-block-post-content>*,.asv-main .aph *,.asv-tail *,.asv-aside *{box-sizing:border-box}
.asp-k{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:var(--g,var(--ac-accent))}
.asp-jump{position:relative;z-index:2;margin-top:-2.75rem!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.asp-jump a{display:flex;align-items:center;gap:.9rem;padding:1rem 1.15rem;border-radius:var(--ac-r);background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 18px 40px -26px rgba(26,20,64,.4);text-decoration:none;color:var(--ac-ink);transition:transform .2s,border-color .2s}
.asp-jump a:hover{transform:translateY(-3px);border-color:var(--g)}
.asp-jump-ic{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--g)}
.asp-jump-ic img{filter:brightness(0) invert(1)}
.asp-jump a>span:nth-child(2){display:flex;flex-direction:column;line-height:1.4;flex:1}
.asp-jump small{color:var(--ac-muted);font-size:.8rem}
.asp-jump i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ac-soft);color:var(--g)}
.asp-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;scroll-margin-top:110px}
.asp-head{position:sticky;top:110px}
.asp-n{display:block;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--g) 55%,transparent);margin-bottom:.75rem}
.asp-head h2{margin:.35rem 0 .75rem;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.3;color:var(--ac-ink)}
.asp-d{margin:0;color:var(--ac-muted);line-height:1.9}
.asp-head::after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin-top:1.5rem;background:linear-gradient(90deg,var(--g),var(--ah-green))}
.asp-cards .asbab-svc-grid{margin:0}
.asp-cards .asbab-svc-card:last-child:nth-child(odd){grid-column:1/-1}
.asp-cards .asbab-svc-icon{background:var(--g)!important}
.asp-extra{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem 1.4rem;border-radius:var(--ac-r);background:linear-gradient(135deg,var(--ah-navy),color-mix(in srgb,var(--g) 60%,var(--ah-navy)));color:#fff;text-decoration:none;transition:transform .2s}
.asp-extra:hover{transform:translateY(-3px)}
.asp-extra-ic{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12)}.asp-extra-ic img{filter:brightness(0) invert(1)}
.asp-extra-t{display:flex;flex-direction:column;flex:1;line-height:1.5}.asp-extra-t small{opacity:.75}
.asp-extra-p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.asp-extra-p b{font-size:1.5rem}.asp-extra-p small{opacity:.7;font-size:.75rem}
.asp-unsure{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem;padding:clamp(1.75rem,4vw,3rem);border-radius:var(--ac-r);border:1px dashed color-mix(in srgb,var(--ac-accent) 45%,var(--ac-line));background:radial-gradient(60% 120% at 100% 0%,var(--ac-tint),transparent 70%),var(--ac-bg)}
.asp-unsure>div:first-child{flex:1 1 420px}
.asp-unsure h2{margin:.4rem 0 .6rem;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ac-ink)}
.asp-unsure p:not(.asp-k){margin:0;color:var(--ac-muted);line-height:1.85;max-width:60ch}
.asp-unsure-a{display:flex;flex-wrap:wrap;gap:.75rem}
.asv-main.is-full .wp-block-post-content>.ah-packages,.asv-main.is-full .wp-block-post-content>.ah-process{margin-block-start:clamp(4rem,9vw,7rem)}
.asv-main.is-full .wp-block-post-content>.asp-cta .asbab-cta-box{margin:0}
/* about */
.aph-art.is-stack{max-width:400px}
.aph-st{position:absolute;display:flex;flex-direction:column;gap:.35rem;width:46%;padding:1rem;border-radius:20px;background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 20px 40px -24px rgba(26,20,64,.45);text-decoration:none;color:var(--ac-ink);transition:transform .3s}
.aph-st span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--g);margin-bottom:.35rem}.aph-st span img{filter:brightness(0) invert(1)}
.aph-st b{font-size:.98rem}.aph-st small{color:var(--ac-muted);font-size:.78rem}
.aph-st.s1{top:12%;inset-inline-start:2%;transform:rotate(3deg)}
.aph-st.s2{top:38%;inset-inline-end:0;transform:rotate(-4deg)}
.aph-st.s3{bottom:0;inset-inline-start:12%;transform:rotate(2deg)}
.aph-st:hover{transform:rotate(0) translateY(-4px);z-index:2}
.aph-art.is-stack .aph-chip.c1{top:4%;inset-inline-end:2%}
@media (min-width:782px){.asp-jump{display:none!important}.asv-main.is-full .wp-block-post-content>.asp-jump+*{margin-block-start:clamp(3rem,6vw,4.5rem)}}
.aph.has-art:not(.is-service) .aph-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
.aph-art.is-portrait{max-width:420px;aspect-ratio:1/1.02}
.aph-disc{position:absolute;inset:8% 6% 0;border-radius:50% 50% 32px 32px;background:radial-gradient(90% 80% at 50% 25%,#2a6fb0,var(--ah-navy) 70%);box-shadow:0 30px 60px -30px rgba(26,20,64,.7)}
.aph-disc::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(40% 30% at 70% 20%,rgba(128,204,40,.35),transparent 70%)}
.aph-art .aph-person{position:absolute;inset-inline:6%;bottom:0;width:88%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.aph-art.is-portrait .aph-chip.c1{top:auto;bottom:10%;inset-inline-end:auto;inset-inline-start:-6%}
.aph-art.is-portrait .aph-chip.c3{top:14%;inset-inline-end:-6%}
.abt-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.abt-story h2,.abt-head h2{margin:.4rem 0 1.1rem;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.3;color:var(--ac-ink)}
.abt-story-t>p:not(.asp-k){margin:0 0 1rem;color:var(--ac-muted);line-height:2;font-size:1.05rem;max-width:62ch}
.abt-tags{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.abt-tags li{padding:.4rem .9rem;border-radius:999px;background:var(--ac-soft);border:1px solid var(--ac-line);font-size:.85rem;font-weight:600;color:var(--ac-ink)}
.abt-direct{position:relative;overflow:hidden;padding:clamp(1.75rem,3.5vw,2.5rem);border-radius:var(--ac-r);background:radial-gradient(80% 60% at 100% 0%,rgba(24,171,227,.35),transparent 60%),var(--ah-navy);color:#fff}
.abt-direct-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.1);margin-bottom:1.1rem}.abt-direct-ic img{filter:brightness(0) invert(1)}
.abt-direct h3{margin:0 0 .75rem;color:#fff;font-size:1.35rem;line-height:1.45}
.abt-direct p{margin:0;color:rgba(255,255,255,.78);line-height:1.95}
.abt-flow{list-style:none;counter-reset:f;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.abt-flow li{counter-increment:f;display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.88rem;font-weight:600}
.abt-flow li::before{content:counter(f);flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ah-green);color:var(--ah-navy);font-size:.75rem;font-weight:800}
.abt-head{max-width:640px;margin-bottom:clamp(1.75rem,4vw,2.75rem)}
.abt-head p:not(.asp-k){margin:0;color:var(--ac-muted);line-height:1.9}
.abt-vgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.abt-vgrid li{grid-column:span 2;position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:var(--ac-r);border:1px solid var(--ac-line);background:var(--ac-bg);transition:transform .2s,border-color .2s,box-shadow .2s}
.abt-vgrid li:nth-child(4),.abt-vgrid li:nth-child(5){grid-column:span 3}
.abt-vgrid li:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line));box-shadow:0 20px 40px -28px rgba(26,20,64,.35)}
.abt-v-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--ac-tint)}
.abt-v-n{position:absolute;top:1.25rem;inset-inline-end:1.4rem;font-weight:800;font-size:1.6rem;color:transparent;-webkit-text-stroke:1px var(--ac-line)}
.abt-vgrid p{margin:0;color:var(--ac-ink);font-weight:600;line-height:1.8;font-size:1.02rem}
.abt-eco{padding:clamp(4rem,9vw,6.5rem) 0;background:radial-gradient(50% 70% at 90% 0%,rgba(24,171,227,.28),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(128,204,40,.18),transparent 70%),var(--ah-navy);color:#fff}
.abt-eco-in{width:min(var(--ap-wide),100% - 2*var(--ap-gut));margin-inline:auto}
.abt-eco .asp-k{color:var(--ah-green)}.abt-eco .abt-head h2{color:#fff}.abt-eco .abt-head p:not(.asp-k){color:rgba(255,255,255,.75)}
.abt-eco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.abt-eco-card{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border-radius:var(--ac-r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.abt-eco-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(128,204,40,.5)}
.abt-eco-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.1);margin-bottom:.4rem}.abt-eco-ic img{filter:brightness(0) invert(1)}
.abt-eco-card b{font-size:1.1rem}.abt-eco-card p{margin:0;color:rgba(255,255,255,.7);font-size:.92rem;line-height:1.8;flex:1}
.abt-eco-go{font-size:.8rem;color:var(--ah-green);font-weight:700;direction:ltr;text-align:end}
@media (max-width:1024px){.asp-group{grid-template-columns:minmax(0,1fr)}.asp-head{position:static;max-width:640px}.abt-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abt-story{grid-template-columns:minmax(0,1fr)}}
@media (max-width:781px){.asp-jump{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:-2rem!important}.asp-jump a{padding:.8rem 1rem}.asp-n{font-size:3rem}.asp-extra{flex-wrap:wrap}.asp-extra-p{align-items:flex-start;flex-direction:row;gap:.4rem;align-items:baseline}.asp-unsure-a{width:100%}.asp-unsure-a .aph-btn{flex:1;justify-content:center}.aph-art.is-stack{max-width:400px}
.aph-st{position:absolute;display:flex;flex-direction:column;gap:.35rem;width:46%;padding:1rem;border-radius:20px;background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 20px 40px -24px rgba(26,20,64,.45);text-decoration:none;color:var(--ac-ink);transition:transform .3s}
.aph-st span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--g);margin-bottom:.35rem}.aph-st span img{filter:brightness(0) invert(1)}
.aph-st b{font-size:.98rem}.aph-st small{color:var(--ac-muted);font-size:.78rem}
.aph-st.s1{top:12%;inset-inline-start:2%;transform:rotate(3deg)}
.aph-st.s2{top:38%;inset-inline-end:0;transform:rotate(-4deg)}
.aph-st.s3{bottom:0;inset-inline-start:12%;transform:rotate(2deg)}
.aph-st:hover{transform:rotate(0) translateY(-4px);z-index:2}
.aph-art.is-stack .aph-chip.c1{top:4%;inset-inline-end:2%}
@media (min-width:782px){.asp-jump{display:none!important}.asv-main.is-full .wp-block-post-content>.asp-jump+*{margin-block-start:clamp(3rem,6vw,4.5rem)}}
.aph.has-art:not(.is-service) .aph-grid{grid-template-columns:minmax(0,1fr)}.aph-art.is-portrait{display:block;max-width:300px;order:-1;justify-self:center;margin-bottom:.5rem}.abt-vgrid{grid-template-columns:minmax(0,1fr)}.abt-vgrid li,.abt-vgrid li:nth-child(4),.abt-vgrid li:nth-child(5){grid-column:auto}.abt-eco-grid{grid-template-columns:minmax(0,1fr)}.abt-flow{grid-template-columns:minmax(0,1fr)}}
html.asbab-dark .abt-direct,html.asbab-dark .abt-eco{border:1px solid var(--ac-line)}
.asv-main.is-full .wp-block-post-content>*+.alignfull,.asv-main.is-full .wp-block-post-content>*+.ah-packages,.asv-main.is-full .wp-block-post-content>*+.ah-process{margin-block-start:clamp(2.5rem,6vw,4rem)}
.asv-main.is-full .wp-block-post-content>.alignfull+*{margin-block-start:clamp(1.5rem,4vw,2.5rem)}
.asv-main.is-full .wp-block-post-content>.ah-packages+.ah-process{margin-block-start:0}
.asv-main.is-full .wp-block-post-content>:first-child:not(.asp-jump){margin-block-start:clamp(3.5rem,8vw,6rem)!important}
.abt-v-ic{background:linear-gradient(145deg,var(--ac-accent),color-mix(in srgb,var(--ac-accent) 55%,var(--ah-navy)))}.abt-v-ic img{filter:brightness(0) invert(1)}.abt-vgrid li:nth-child(2) .abt-v-ic{background:linear-gradient(145deg,#4f9a12,#2f6a08)}.abt-vgrid li:nth-child(3) .abt-v-ic{background:linear-gradient(145deg,#7a4dd8,#4b2a96)}.abt-vgrid li:nth-child(5) .abt-v-ic{background:linear-gradient(145deg,#4f9a12,#2f6a08)}
.asbab-cta-box .wp-block-buttons{display:flex!important;flex-wrap:wrap;align-items:center;gap:.75rem!important;margin:0}
.asbab-cta-box .wp-block-button{margin:0!important}
@media (max-width:781px){.asbab-cta-box .wp-block-buttons{width:100%}.asbab-cta-box .wp-block-button{flex:1 1 auto}.asbab-cta-box .wp-block-button__link{width:100%;justify-content:center;text-align:center}}
/* price tooltip */
.asbab-tip{position:relative;display:inline-flex;align-self:center;margin-inline-start:.15rem}
.asbab-tip-btn{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:var(--ac-tint);color:var(--ac-accent);cursor:help;transition:background .2s,color .2s}
.asbab-tip-btn:hover,.asbab-tip-btn:focus-visible,.asbab-tip.is-open .asbab-tip-btn{background:var(--ac-accent);color:#fff}
.asbab-tip-btn:focus-visible{outline:2px solid var(--ac-accent);outline-offset:2px}
.asbab-tip-pop{position:absolute;z-index:30;bottom:calc(100% + 12px);inset-inline-start:-1.25rem;width:min(290px,78vw);padding:1rem 1.1rem;border-radius:16px;background:var(--ah-navy);color:#fff;text-align:start;box-shadow:0 22px 44px -18px rgba(26,20,64,.6);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none;font-size:.85rem;line-height:1.7;font-weight:400}
.asbab-tip-pop::after{content:"";position:absolute;top:100%;inset-inline-start:1.25rem;margin-inline-start:6px;border:7px solid transparent;border-top-color:var(--ah-navy)}
.asbab-tip:hover .asbab-tip-pop,.asbab-tip:focus-within .asbab-tip-pop,.asbab-tip.is-open .asbab-tip-pop{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.asbab-tip-pop b{display:block;margin-bottom:.45rem;font-size:.9rem;color:var(--ah-green)}
.asbab-tip-pop ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.asbab-tip-pop li{position:relative;padding-inline-start:1.1rem;color:rgba(255,255,255,.9)}
.asbab-tip-pop li::before{content:"–";position:absolute;inset-inline-start:0;color:rgba(255,255,255,.5)}
.asbab-tip-pop small{display:block;margin-top:.6rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);font-size:.75rem}
.asbab-pkg.is-featured .asbab-tip-btn{background:rgba(255,255,255,.14);color:#fff}
.asbab-pkg.is-featured .asbab-tip-pop{background:#fff;color:var(--ac-ink)}.asbab-pkg.is-featured .asbab-tip-pop::after{border-top-color:#fff}.asbab-pkg.is-featured .asbab-tip-pop li{color:var(--ac-ink)}.asbab-pkg.is-featured .asbab-tip-pop li::before,.asbab-pkg.is-featured .asbab-tip-pop small{color:var(--ac-muted)}.asbab-pkg.is-featured .asbab-tip-pop small{border-top-color:var(--ac-line)}.asbab-pkg.is-featured .asbab-tip-pop b{color:#4f9a12}
html.asbab-dark .asbab-tip-pop{border:1px solid rgba(255,255,255,.14)}
.asbab-pkg,.asbab-pkg-price{overflow:visible}
/* footer brand balance */
.asbab-footer-logo{margin:0 0 1.1rem!important}
.asbab-footer-logo img{width:156px!important;height:auto!important;display:block}
.asbab-footer-logo+p{max-width:30ch;font-size:.92rem!important;line-height:1.95!important;margin-block:0 1.4rem!important}
@media (max-width:781px){.asbab-footer-logo img{width:140px!important}.asbab-footer-logo+p{max-width:34ch}}
/* ==== Inner pages v3: work, insights, quote, templates ==== */
.aph-art.is-shots{max-width:440px;aspect-ratio:1.05}
.aph-shot{position:absolute;width:72%;border-radius:16px;overflow:hidden;background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 24px 50px -24px rgba(26,20,64,.5);text-decoration:none}
.aph-shot img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.aph-shot span{display:block;padding:.55rem .85rem;font-size:.8rem;font-weight:700;color:var(--ac-ink)}
.aph-shot.s1{top:0;inset-inline-start:0;transform:rotate(-4deg);z-index:1}
.aph-shot.s2{top:22%;inset-inline-end:0;transform:rotate(3deg);z-index:2}
.aph-shot.s3{bottom:0;inset-inline-start:10%;transform:rotate(-1deg);z-index:3}
.aph-art.is-shots .aph-chip.c1{z-index:4;top:auto;bottom:6%;inset-inline-end:-4%}
.aph:not(.has-art){padding-bottom:clamp(2.5rem,5vw,4rem)}
.aph:not(.has-art) h1{max-width:28ch}
.asv-main.is-full .wp-block-post-content>:last-child{margin-block-end:clamp(3.5rem,7vw,5.5rem)!important}
.wk-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-bottom:1.75rem;border-bottom:1px solid var(--ac-line)}
.wk-intro p{margin:0;max-width:62ch;color:var(--ac-muted);line-height:1.95}
.wk-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.wk-tags li{padding:.4rem .9rem;border-radius:999px;background:var(--ac-soft);border:1px solid var(--ac-line);font-size:.85rem;font-weight:600;color:var(--ac-ink)}
.asv-main.is-full .wp-block-post-content>.wk-intro+.wk-grid{margin-block-start:clamp(2rem,4vw,3rem)}
.wk-grid .asbab-proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.wk-grid .asbab-proj-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.wk-grid .asbab-proj-card:first-child .asbab-proj-media{aspect-ratio:auto;min-height:100%}.wk-grid .asbab-proj-card:first-child .asbab-proj-body{justify-content:center;padding:clamp(1.75rem,3.5vw,3rem)}.wk-grid .asbab-proj-card:first-child h3{font-size:clamp(1.5rem,2.4vw,2rem)}.wk-grid .asbab-proj-card:first-child .asbab-proj-body p{flex:0}}
.wk-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1.25rem}
.wk-card{display:flex;flex-direction:column;gap:.7rem;padding:clamp(1.75rem,3.5vw,2.5rem);border-radius:var(--ac-r);text-decoration:none}
.wk-card b{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.4}
.wk-card p{margin:0;line-height:1.9;flex:1}
.wk-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;margin-bottom:.4rem}.wk-ic img{filter:brightness(0) invert(1)}
.wk-card.is-light{background:var(--ac-soft);border:1px solid var(--ac-line);color:var(--ac-ink);transition:transform .2s,border-color .2s}
.wk-card.is-light:hover{transform:translateY(-3px);border-color:var(--ac-accent)}
.wk-card.is-light .wk-ic{background:linear-gradient(145deg,#7a4dd8,#4b2a96)}.wk-card.is-light p{color:var(--ac-muted)}
.wk-go{font-weight:800;color:var(--ac-accent)}
.wk-card.is-dark{background:radial-gradient(80% 70% at 100% 0%,rgba(24,171,227,.35),transparent 60%),var(--ah-navy);color:#fff}
.wk-card.is-dark .wk-ic{background:rgba(255,255,255,.12)}.wk-card.is-dark p{color:rgba(255,255,255,.78)}
.wk-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}
.wk-card.is-dark .aph-btn{background:#fff;color:var(--ah-navy)!important}.wk-card.is-dark .aph-btn.is-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.3)}
.asv-main.is-full .wp-block-post-content>.wk-grid+.wk-duo{margin-block-start:clamp(3rem,6vw,4.5rem)}
/* insights */
.ins-wrap .asbab-chips,.ins-wrap [class*=chips]{margin-bottom:1.75rem}
/* quote */
.rq-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.rq-form{padding:clamp(1.5rem,3.5vw,2.5rem);border-radius:var(--ac-r);background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 24px 50px -34px rgba(26,20,64,.45)}
.rq-form form{margin:0}
.rq-aside{position:sticky;top:110px;display:grid;gap:1rem}
.rq-box{padding:1.5rem;border-radius:var(--ac-r);background:var(--ac-soft);border:1px solid var(--ac-line)}
.rq-steps{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:1rem;position:relative}
.rq-steps li{display:flex;gap:.85rem;align-items:flex-start;position:relative}
.rq-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:15px;top:34px;bottom:-1rem;width:2px;background:var(--ac-line)}
.rq-n{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ac-ink);color:#fff;font-weight:800;font-size:.85rem;position:relative;z-index:1}
.rq-steps b{display:block;color:var(--ac-ink);margin-bottom:.15rem}
.rq-steps p{margin:0;color:var(--ac-muted);font-size:.9rem;line-height:1.75}
.rq-safe{display:flex;gap:.85rem;align-items:flex-start;background:var(--ac-tint)}
.rq-safe-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--ac-accent)}.rq-safe-ic img{filter:brightness(0) invert(1)}
.rq-safe p{margin:0;font-size:.88rem;line-height:1.8;color:var(--ac-ink)}
.rq-wa{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.25rem;border-radius:var(--ac-r);background:#1f9d55;color:#fff;text-decoration:none;transition:transform .2s}
.rq-wa:hover{transform:translateY(-2px)}
.rq-wa-ic{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18)}.rq-wa-ic img{filter:brightness(0) invert(1)}
.rq-wa b{display:block}.rq-wa small{opacity:.85}
html.asbab-dark .rq-n{background:var(--ac-accent)}
/* templates catalog */
.asv-main.is-full .wp-block-post-content>.asbab-catalog{width:min(var(--ap-wide),100%);max-width:none!important;margin-inline:auto!important}
@media (max-width:1024px){.rq-grid{grid-template-columns:minmax(0,1fr)}.rq-aside{position:static}.wk-duo{grid-template-columns:minmax(0,1fr)}}
.phone-row{align-items:stretch}.phone-row input[type=tel]{height:auto!important;min-height:0!important;padding-block:.8rem!important;box-sizing:border-box;align-self:stretch}.phone-row .country-picker summary{box-sizing:border-box;height:100%;display:flex;align-items:center;gap:.4rem}
/* catalog restyle */
.asv-main .asbab-catalog>p:first-child{margin:0 0 1.25rem;max-width:62ch;color:var(--ac-muted);line-height:1.95;font-size:1.05rem}
.asv-main .asbab-catalog .catalog-note{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border-radius:var(--ac-r-sm);background:var(--ac-tint);border:0;border-inline-start:4px solid var(--ac-accent);color:var(--ac-ink);font-size:.92rem;line-height:1.8;margin:0 0 clamp(2rem,5vw,3.5rem)}
.asv-main .asbab-catalog .catalog-list{display:grid;gap:clamp(1.5rem,3vw,2.25rem)}
.asv-main .asbab-catalog .catalog-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;align-items:stretch;padding:0;border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden;background:var(--ac-bg);transition:box-shadow .25s,transform .25s}
.asv-main .asbab-catalog .catalog-item:hover{box-shadow:0 26px 50px -30px rgba(26,20,64,.45);transform:translateY(-3px)}
.asv-main .asbab-catalog .catalog-item:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.asv-main .asbab-catalog .catalog-item:nth-child(even) .catalog-image{order:2}
.asv-main .asbab-catalog .catalog-image{display:block;overflow:hidden;background:var(--ac-soft);border:0;border-radius:0;margin:0}
.asv-main .asbab-catalog .catalog-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:3/2;transition:transform .6s;border:0;border-radius:0;box-shadow:none}
.asv-main .asbab-catalog .catalog-item:hover .catalog-image img{transform:scale(1.03)}
.asv-main .asbab-catalog .catalog-copy{display:flex;flex-direction:column;justify-content:center;gap:.75rem;padding:clamp(1.5rem,3.5vw,2.75rem)}
.asv-main .asbab-catalog .catalog-type{margin:0;align-self:flex-start;padding:.3rem .8rem;border-radius:999px;background:var(--ac-tint);color:var(--ac-accent);font-size:.78rem;font-weight:800}
.asv-main .asbab-catalog .catalog-copy h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.35;color:var(--ac-ink)}
.asv-main .asbab-catalog .catalog-copy>p{margin:0;color:var(--ac-muted);line-height:1.9}
.asv-main .asbab-catalog .catalog-copy ul{list-style:none;margin:.25rem 0 0;padding:0;display:grid;gap:.5rem}
.asv-main .asbab-catalog .catalog-copy li{position:relative;padding-inline-start:1.75rem;color:var(--ac-ink);font-size:.95rem}
.asv-main .asbab-catalog .catalog-copy li::before{content:"";position:absolute;inset-inline-start:0;top:.4em;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--ac-accent) 12%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%230878B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.asv-main .asbab-catalog .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.75rem}
.asv-main .asbab-catalog .actions .button{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.35rem;border-radius:999px;background:var(--ac-ink);color:#fff!important;font-weight:700;text-decoration:none}
.asv-main .asbab-catalog .actions .button:hover{background:var(--ac-accent)}
.asv-main .asbab-catalog .actions .text-link{color:#1f9d55;font-weight:700;text-decoration:none}
.asv-main .asbab-catalog .actions .text-link::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f9d55;margin-inline-end:.45rem;vertical-align:middle}
html.asbab-dark .asv-main .asbab-catalog .actions .button{background:var(--ac-accent)}
@media (max-width:900px){.asv-main .asbab-catalog .catalog-item,.asv-main .asbab-catalog .catalog-item:nth-child(even){grid-template-columns:minmax(0,1fr)}.asv-main .asbab-catalog .catalog-item:nth-child(even) .catalog-image{order:0}.asv-main .asbab-catalog .catalog-image img{height:auto}}
.asv-main .asbab-catalog .tool-status{margin-top:clamp(2.5rem,6vw,4rem);display:flex;flex-direction:column;gap:.6rem;padding:clamp(1.75rem,4vw,3rem);border-radius:var(--ac-r);border:0;background:radial-gradient(70% 90% at 100% 0%,rgba(24,171,227,.35),transparent 60%),var(--ah-navy);color:#fff}
.asv-main .asbab-catalog .tool-status h2{margin:0;color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.asv-main .asbab-catalog .tool-status p{margin:0;color:rgba(255,255,255,.78);line-height:1.9;max-width:64ch}
.asv-main .asbab-catalog .tool-status .actions .button{background:#fff;color:var(--ah-navy)!important}
.asv-main .asbab-catalog .tool-status .actions .text-link{color:#fff}.asv-main .asbab-catalog .tool-status .actions .text-link::before{background:var(--ah-green)}
.aph.is-narrow .aph-in{width:min(780px,100% - 2*var(--ap-gut))}.aph.is-narrow h1{font-size:clamp(1.9rem,4vw,2.8rem)}
.asv-main .asbab-catalog .catalog-copy,.asv-main .asbab-catalog .catalog-copy *{text-align:start}.asv-main .asbab-catalog .catalog-copy .actions{justify-content:flex-start}
/* ==== Singles: article + project ==== */
.aps .aph-grid{align-items:center}
.aps.is-project.has-art .aph-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.aps.is-post.has-art .aph-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.aps h1{max-width:22ch;font-size:clamp(1.9rem,4vw,3rem)}
.aph-shotframe{position:relative;border-radius:18px;overflow:hidden;background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 34px 70px -34px rgba(26,20,64,.55);transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}
[dir=ltr] .aph-shotframe{transform:perspective(1400px) rotateY(6deg) rotateX(2deg)}
.aph-dots{display:flex;align-items:center;gap:6px;padding:.6rem .9rem;background:var(--ac-soft);border-bottom:1px solid var(--ac-line);direction:ltr}
.aph-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.aph-dots i:nth-child(2){background:#febc2e}.aph-dots i:nth-child(3){background:#28c840}
.aph-dots b{margin-inline-start:.75rem;padding:.15rem .75rem;border-radius:999px;background:var(--ac-bg);font-size:.72rem;font-weight:600;color:var(--ac-muted)}
.aph-shotframe img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.aph-cover{border-radius:var(--ac-r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(26,20,64,.5);border:1px solid var(--ac-line)}
.aph-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.aps-meta{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}
.aps-meta img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top;background:radial-gradient(circle at 50% 30%,#2a6fb0,var(--ah-navy));border:2px solid var(--ac-bg);box-shadow:0 0 0 2px var(--ah-green)}
.aps-meta span{display:flex;flex-direction:column;line-height:1.45}.aps-meta b{color:var(--ac-ink);font-size:.95rem}.aps-meta small{color:var(--ac-muted);font-size:.82rem}
.aps.is-narrow .aph-in{width:min(var(--ap-wide),100% - 2*var(--ap-gut))}
.aps-article .wp-block-post-content>*:first-child{margin-top:0}
.aps-article h2{scroll-margin-top:110px}
.aps-article figure{margin:1.5rem 0}
.aps-article img{max-width:100%;height:auto;border-radius:var(--ac-r-sm)}
.aps-article .wp-block-embed iframe,.aps-article iframe[src*=youtube]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--ac-r-sm)}
.aps-article .wp-block-embed{margin:1.5rem 0}
.aps-article blockquote{margin:1.5rem 0;padding:1.1rem 1.4rem;border-inline-start:4px solid var(--ac-accent);background:var(--ac-soft);border-radius:var(--ac-r-sm);color:var(--ac-ink)}
.aps-article code{padding:.1rem .4rem;border-radius:6px;background:var(--ac-soft);font-size:.9em}
.aps-article p:has(>a.button){display:flex;flex-wrap:wrap;gap:.75rem}
.aps-article p>a.button+a.button{background:transparent;color:var(--ac-ink)!important;border:1px solid var(--ac-line)}
.aps-article h3{margin-top:2rem}
.aps-toc ol{list-style:none;margin:0;padding:0;counter-reset:t;display:grid;gap:.1rem}
.aps-toc li{counter-increment:t}
.aps-toc a{display:flex;gap:.6rem;padding:.5rem .75rem;border-radius:10px;font-size:.88rem;line-height:1.6;color:var(--ac-muted);text-decoration:none}
.aps-toc a::before{content:counter(t,decimal-leading-zero);flex:none;font-weight:800;font-size:.75rem;color:var(--ac-accent);padding-top:.12em}
.aps-toc a:hover{background:var(--ac-bg);color:var(--ac-ink)}
.aps-toc a.is-active{background:var(--ac-bg);color:var(--ac-ink);font-weight:700;box-shadow:inset -3px 0 0 var(--ac-accent)}
[dir=ltr] .aps-toc a.is-active{box-shadow:inset 3px 0 0 var(--ac-accent)}
.aps-toc .asv-k{color:var(--ac-ink)}
.aps-help-t{margin:0 0 1rem;color:var(--ac-muted);font-size:.9rem;line-height:1.8}
.aps-facts{margin:0 0 1.25rem;display:grid;gap:0}
.aps-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--ac-line);font-size:.9rem}
.aps-facts div:last-child{border-bottom:0}
.aps-facts dt{color:var(--ac-muted)}.aps-facts dd{margin:0;font-weight:700;color:var(--ac-ink);text-align:end}
.aps-facts a{color:var(--ac-accent);text-decoration:none}
.aps-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.asv-tail .asv-related .asbab-proj-grid{margin:0}
@media (max-width:1024px){.aps.has-art .aph-grid{grid-template-columns:minmax(0,1fr)!important}.aph-shotframe{transform:none!important}.aps-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:781px){.aps .aph-art,.aps .aph-shotframe,.aps .aph-cover{display:block}.aps-related{grid-template-columns:minmax(0,1fr)}.aps-aside{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:1024px){.aps-aside .aps-toc{display:none}}
.asbab-prose details{border:1px solid var(--ac-line);border-radius:var(--ac-r-sm);background:var(--ac-bg);margin-top:.75rem;transition:border-color .2s,background .2s}.asbab-prose details[open]{border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line));background:var(--ac-soft)}.asbab-prose details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:700;color:var(--ac-ink)}.asbab-prose details summary::-webkit-details-marker{display:none}.asbab-prose details summary::after{content:'+';flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ac-tint);color:var(--ac-accent);font-size:1.1rem;transition:transform .25s}.asbab-prose details[open] summary::after{transform:rotate(45deg)}.asbab-prose details>:not(summary){padding-inline:1.25rem;margin:0 0 1rem;font-size:.95rem}
/* ==== Blog sidebar ==== */
.ins-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,4vw,3.5rem);align-items:stretch}
.ins-main{min-width:0}
.ins-main .asbab-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.asv-aside.abs-side{position:static;display:flex;flex-direction:column;gap:1rem;align-self:stretch}
.asv-body:has(.abs-side){align-items:stretch}
.abs-flow{display:grid;gap:1rem}
.abs-sticky{position:sticky;top:110px;display:grid;gap:1rem}
.abs-card{padding:1.25rem;border-radius:var(--ac-r);background:var(--ac-bg);border:1px solid var(--ac-line)}
.abs-card .asv-k,.abs-search label{display:block;margin:0 0 .75rem;font-size:.82rem;font-weight:800;color:var(--ac-ink)}
.abs-search{background:var(--ac-soft)}
.abs-search-row{display:flex;align-items:center;gap:.4rem;padding:.3rem;border-radius:999px;background:var(--ac-bg);border:1px solid var(--ac-line);transition:border-color .2s,box-shadow .2s}
.abs-search-row:focus-within{border-color:var(--ac-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac-accent) 15%,transparent)}
.abs-search input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:.55rem .8rem!important;font:inherit;font-size:.9rem;color:var(--ac-ink);outline:0;box-shadow:none!important}
.abs-search button{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ac-ink);color:#fff;cursor:pointer}
.abs-search button:hover{background:var(--ac-accent)}
.abs-cats ul,.abs-latest ul,.abs-tools ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.abs-cats a{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:12px;color:var(--ac-ink);text-decoration:none;font-size:.9rem;transition:background .2s}
.abs-cats a:hover,.abs-cats a[aria-current]{background:var(--ac-soft)}
.abs-cats a[aria-current]{font-weight:700;box-shadow:inset -3px 0 0 var(--ac-accent)}
.abs-cat-ic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--ac-accent)}.abs-cat-ic img{filter:brightness(0) invert(1)}
.abs-cats li:nth-child(2) .abs-cat-ic{background:#4f9a12}.abs-cats li:nth-child(3) .abs-cat-ic{background:#7a4dd8}.abs-cats li:nth-child(4) .abs-cat-ic{background:#e2574c}
.abs-cat-n{flex:1}
.abs-cats b{min-width:28px;padding:.1rem .5rem;border-radius:999px;background:var(--ac-tint);color:var(--ac-accent);font-size:.75rem;text-align:center}
.abs-latest a{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;text-decoration:none;border-bottom:1px dashed var(--ac-line)}
.abs-latest li:last-child a{border-bottom:0}
.abs-latest img,.abs-noimg{flex:none;width:64px;height:48px;border-radius:10px;object-fit:cover}
.abs-noimg{display:block;background:linear-gradient(135deg,var(--ac-tint),var(--ac-soft2))}
.abs-latest span{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.abs-latest b{font-size:.86rem;line-height:1.55;color:var(--ac-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.abs-latest a:hover b{color:var(--ac-accent)}
.abs-latest small{font-size:.75rem;color:var(--ac-muted)}
.abs-tools{background:linear-gradient(160deg,var(--ac-tint),var(--ac-bg) 70%)}
.abs-tools a{display:flex;align-items:center;gap:.75rem;padding:.65rem .7rem;border-radius:14px;background:var(--ac-bg);border:1px solid var(--ac-line);text-decoration:none;transition:border-color .2s,transform .2s}
.abs-tools ul{gap:.5rem}
.abs-tools a:hover{border-color:var(--ac-accent);transform:translateY(-2px)}
.abs-tool-ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--ac-accent),color-mix(in srgb,var(--ac-accent) 55%,var(--ah-navy)))}.abs-tool-ic img{filter:brightness(0) invert(1)}
.abs-tools a>span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.45}
.abs-tools b{font-size:.88rem;color:var(--ac-ink)}.abs-tools small{font-size:.75rem;color:var(--ac-muted)}
.abs-tools i{font-style:normal;color:var(--ac-accent);font-weight:800}
.abs-author-top{display:flex;align-items:center;gap:.8rem;margin-bottom:.75rem}
.abs-author img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:top;background:radial-gradient(circle at 50% 30%,#2a6fb0,var(--ah-navy));box-shadow:0 0 0 3px var(--ac-bg),0 0 0 5px var(--ah-green)}
.abs-author-top span{display:flex;flex-direction:column;line-height:1.5}.abs-author-top b{color:var(--ac-ink)}.abs-author-top small{color:var(--ac-muted);font-size:.78rem}
.abs-author p{margin:0 0 .85rem;color:var(--ac-muted);font-size:.86rem;line-height:1.85}
.abs-soc{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem}
.abs-soc a{padding:.3rem .7rem;border-radius:999px;background:var(--ac-soft);border:1px solid var(--ac-line);font-size:.76rem;font-weight:700;color:var(--ac-ink);text-decoration:none}
.abs-soc a:hover{border-color:var(--ac-accent);color:var(--ac-accent)}
.abs-author .asv-all,.abs-latest .asv-all{padding-inline:0}
.abs-cta{position:relative;overflow:hidden;padding:1.4rem;border-radius:var(--ac-r);background:radial-gradient(80% 70% at 100% 0%,rgba(24,171,227,.4),transparent 60%),var(--ah-navy);color:#fff}
.abs-cta::after{content:"";position:absolute;inset-inline-start:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(128,204,40,.35),transparent 70%)}
.abs-cta-k{margin:0 0 .4rem;font-weight:800;font-size:1.05rem;color:#fff}
.abs-cta p:not(.abs-cta-k){margin:0 0 1rem;color:rgba(255,255,255,.75);font-size:.86rem;line-height:1.8}
.abs-cta-btn{position:relative;z-index:1;display:flex;justify-content:center;padding:.8rem 1rem;border-radius:999px;background:#fff;color:var(--ah-navy)!important;font-weight:800;text-decoration:none}
.abs-cta-btn:hover{background:var(--ah-green)}
.abs-cta-wa{position:relative;z-index:1;display:block;text-align:center;margin-top:.7rem;font-size:.82rem;color:rgba(255,255,255,.8);text-decoration:none}.abs-cta-wa:hover{color:#fff}
.abs-sticky .aps-toc{background:var(--ac-soft);border:1px solid var(--ac-line);border-radius:var(--ac-r);padding:1.1rem 1rem;max-height:calc(100vh - 380px);overflow:auto}
.abs-progress{height:4px;border-radius:4px;background:var(--ac-line);margin-top:.85rem;overflow:hidden}
.abs-progress span{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--ac-accent),var(--ah-green));transition:width .15s}
.abs-results{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;border-radius:var(--ac-r-sm);background:var(--ac-tint);color:var(--ac-ink);font-size:.92rem}
.abs-results a{color:var(--ac-accent);font-weight:700;text-decoration:none}
.abs-empty{padding:2rem;border-radius:var(--ac-r);border:1px dashed var(--ac-line);text-align:center;color:var(--ac-muted)}
@media (min-width:1025px){.ins-main .asbab-chips{display:none}}
@media (max-width:1024px){.ins-layout{grid-template-columns:minmax(0,1fr)}.abs-side .abs-cats{display:none}.abs-sticky{position:static}.abs-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.abs-flow .abs-search{grid-column:1/-1}}
@media (max-width:781px){.ins-main .asbab-post-grid{grid-template-columns:minmax(0,1fr)!important}.abs-flow{grid-template-columns:minmax(0,1fr)}}
html.asbab-dark .abs-cta-btn{color:var(--ah-navy)!important}
/* author social icons */
.abs-author-top>span{gap:.1rem}
.abs-soc{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0}
.abs-soc a{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:var(--ac-soft);border:1px solid var(--ac-line);color:var(--ac-muted);transition:background .2s,color .2s,transform .2s,border-color .2s}
.abs-soc a:hover,.abs-soc a:focus-visible{background:var(--b);border-color:var(--b);color:#fff;transform:translateY(-2px)}
html.asbab-dark .abs-soc a[style*='111111']:hover{background:#fff;color:#111}
.abs-soc{gap:.28rem;flex-wrap:nowrap}.abs-soc a{width:27px;height:27px}.abs-soc svg{width:14px;height:14px}.abs-author-top{align-items:flex-start}.abs-author-top>span{min-width:0}
html.asbab-dark .abs-search button{background:var(--ac-accent);color:#fff}
.abs-author-top{align-items:center}
.abs-author p{margin-bottom:1rem}
.abs-soc{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin:0 0 .9rem;padding:.9rem 0;border-block:1px dashed var(--ac-line)}
.abs-soc a{width:34px;height:34px}.abs-soc svg{width:16px;height:16px}
/* side nav spacing + focus */
.asv-nav ul{gap:.35rem!important}
.asv-nav a{padding:.7rem .95rem!important;line-height:1.55;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}
.asv-nav a:hover{background:var(--ac-bg);border-color:var(--ac-line)}
.asv-nav a[aria-current]{background:var(--ac-bg);border-color:color-mix(in srgb,var(--g,var(--ac-accent)) 35%,var(--ac-line));box-shadow:none!important;position:relative;padding-inline-start:1.35rem!important}
.asv-nav a[aria-current]::before{content:"";position:absolute;inset-inline-start:.55rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--g,var(--ac-accent))}
.asv-nav a:focus-visible,.abs-cats a:focus-visible,.abs-latest a:focus-visible,.abs-tools a:focus-visible{outline:2px solid var(--g,var(--ac-accent));outline-offset:-2px}
.asv-nav a:focus:not(:focus-visible){outline:0}
.aps-toc ol{gap:.25rem!important}
.aps-toc a{padding:.6rem .8rem!important}
.aps-toc a.is-active{border-color:color-mix(in srgb,var(--ac-accent) 35%,var(--ac-line))}
.abs-cats ul{gap:.35rem!important}
.abs-cats a{padding:.6rem .7rem!important;border:1px solid transparent}
.abs-cats a[aria-current]{box-shadow:none!important;border-color:color-mix(in srgb,var(--ac-accent) 35%,var(--ac-line))}
.asv-all{margin-top:1rem!important}
/* tip markup v2 (valid inside p) */
.asbab-tip-pop b{display:block}
.asbab-tip-list{display:grid;gap:.3rem}
.asbab-tip-li{display:block;position:relative;padding-inline-start:1.1rem;color:rgba(255,255,255,.9)}
.asbab-tip-li::before{content:'\2013';position:absolute;inset-inline-start:0;color:rgba(255,255,255,.5)}
.asbab-tip-note{display:block;margin-top:.6rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.65);font-size:.75rem}
.asbab-pkg.is-featured .asbab-tip-li{color:var(--ac-ink)}.asbab-pkg.is-featured .asbab-tip-li::before,.asbab-pkg.is-featured .asbab-tip-note{color:var(--ac-muted)}.asbab-pkg.is-featured .asbab-tip-note{border-top-color:var(--ac-line)}
.asv-price .asbab-tip{align-self:center}
html.asbab-dark .asbab-tip-pop{background:#0d1530;border:1px solid rgba(255,255,255,.18)}
/* aside tooltip: open downward, no clipping */
.asv-card{overflow:visible!important}
.asv-card::before{border-radius:var(--ac-r) var(--ac-r) 0 0}
.asv-price .asbab-tip-pop{bottom:auto;top:calc(100% + 12px);transform:translateY(-6px)}
.asv-price .asbab-tip-pop::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ah-navy)}
html.asbab-dark .asv-price .asbab-tip-pop::after{border-bottom-color:#0d1530}
.asv-price .asbab-tip:hover .asbab-tip-pop,.asv-price .asbab-tip:focus-within .asbab-tip-pop,.asv-price .asbab-tip.is-open .asbab-tip-pop{transform:none}
/* ==== Audit fixes ==== */
.asbab-tip-pop{display:none}
.asbab-tip:hover .asbab-tip-pop,.asbab-tip:focus-within .asbab-tip-pop,.asbab-tip.is-open .asbab-tip-pop{display:block;animation:asbabTipIn .18s ease both}
@keyframes asbabTipIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:781px){.asbab-tip-pop,.asv-price .asbab-tip-pop{position:fixed;inset-inline:16px;bottom:16px;top:auto;width:auto;max-width:none;z-index:9999;box-shadow:0 -10px 50px -10px rgba(0,0,0,.45)}.asbab-tip-pop::after,.asv-price .asbab-tip-pop::after{display:none}.asbab-tip:hover:not(.is-open) .asbab-tip-pop{display:none}.asbab-tip.is-open .asbab-tip-pop{display:block}}
:where(div,p,span,label):has(>input[name=rc_website]){position:absolute!important;left:auto!important;right:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap}
.asbab-prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.asbab-prose .table-scroll table{display:table}
main input:not([type=checkbox]):not([type=radio]),main select,main textarea{box-sizing:border-box;max-width:100%}
.asbab-mega__toggle:focus-visible,.wp-block-navigation-item__content:focus-visible{outline:2px solid var(--ac-accent)!important;outline-offset:2px;border-radius:10px}.asbab-mega__toggle:focus:not(:focus-visible){outline:0!important}
/* ==== About interactive portrait ==== */
.aph-art.is-portrait{--mx:0;--my:0;perspective:900px}
.aph-art.is-portrait .aph-disc{transform:translate3d(calc(var(--mx)*-10px),calc(var(--my)*-8px),0);transition:transform .25s ease-out}
.aph-art.is-portrait .aph-ring.r1{translate:calc(var(--mx)*-16px) calc(var(--my)*-12px)}
.aph-art.is-portrait .aph-person{transform-origin:50% 100%;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*6px),0) rotateY(calc(var(--mx)*6deg)) rotateX(calc(var(--my)*-3deg));transition:transform .25s ease-out;animation:aphBreath 6s ease-in-out infinite}
@keyframes aphBreath{0%,100%{translate:0 0}50%{translate:0 -6px}}
.aph-art.is-portrait [data-depth]{transform:translate3d(calc(var(--mx)*var(--d,1.5)*14px),calc(var(--my)*var(--d,1.5)*10px),0);transition:transform .3s ease-out}
.aph-art.is-portrait .aph-chip.c1{--d:1.6}.aph-art.is-portrait .aph-chip.c3{--d:1.3}
.aph-float{position:absolute;z-index:3;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;box-shadow:0 18px 30px -14px rgba(26,20,64,.55)}
.aph-float img{width:24px;height:24px;filter:brightness(0) invert(1)}
.aph-float.f1{--d:2;top:30%;inset-inline-end:-2%;background:linear-gradient(145deg,#0878B0,#0b4f78)}
.aph-float.f2{--d:2.4;top:58%;inset-inline-end:-6%;background:linear-gradient(145deg,#4f9a12,#2f6a08);width:46px;height:46px}
.aph-float.f3{--d:1.8;top:4%;inset-inline-start:8%;background:linear-gradient(145deg,#7a4dd8,#4b2a96);width:44px;height:44px}
.ah-js .aph-float{animation:aphBob 5s ease-in-out infinite}.ah-js .aph-float.f2{animation-delay:-1.6s}.ah-js .aph-float.f3{animation-delay:-3.1s}
@keyframes aphBob{0%,100%{margin-top:0}50%{margin-top:-10px}}
.aph-art.is-portrait .aph-person{filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.aph-art.is-portrait::after{content:"";position:absolute;inset:auto 12% -4% 12%;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(26,20,64,.28),transparent);z-index:-1}
@media (prefers-reduced-motion:reduce){.aph-art.is-portrait *{animation:none!important;transition:none!important}}
@media (max-width:781px){.aph-float{width:40px;height:40px;border-radius:12px}.aph-float img{width:20px;height:20px}.aph-float.f2{width:36px;height:36px}.aph-float.f3{width:34px;height:34px}}
/* portrait: no backdrop, glow + fade */
.aph-art.is-portrait .aph-disc{inset:6% -4% 2%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ah-blue) 30%,transparent),color-mix(in srgb,var(--ah-green) 10%,transparent) 60%,transparent 75%);box-shadow:none}
.aph-art.is-portrait .aph-disc::after{display:none}
.aph-art.is-portrait .aph-person{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 98%);mask-image:linear-gradient(to bottom,#000 72%,transparent 98%);width:96%;inset-inline:2%}
.aph-art.is-portrait::after{display:none}
.aph-art.is-portrait .aph-ring.r1{inset:4%}
.asbab-review-form .asbab-hint{display:block;margin-top:.35rem;font-size:.8rem;font-weight:400;color:var(--ac-muted)}
.asbab-review-form .trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* ==== About poses ==== */
.aph-art.is-portrait:has(.aph-pose){aspect-ratio:4/4.4;max-width:440px}
.aph-art.is-portrait .aph-pose{position:absolute;inset-inline:auto;left:50%;bottom:0;width:86%;height:auto;margin-left:-43%;opacity:0;transition:opacity .45s ease,transform .25s ease-out}
.aph-art.is-portrait .aph-pose.is-on{opacity:1}
.aph-art.is-portrait .aph-pose{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);mask-image:linear-gradient(to bottom,#000 80%,transparent 99%)}
.aph-art.is-portrait:has(.aph-pose) .aph-disc{inset:14% -2% 0}
.aph-art.is-portrait:has(.aph-pose) .aph-chip.c1{bottom:16%}
@media (max-width:781px){.aph-art.is-portrait:has(.aph-pose){max-width:320px}}
/* ==== Growth badge at fingertip ==== */
.aph-growth{position:absolute;z-index:5;left:var(--gx,80%);top:var(--gy,30%);display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem .7rem .55rem;border-radius:16px;background:rgba(13,21,48,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(128,204,40,.45);box-shadow:0 18px 40px -16px rgba(0,0,0,.55),0 0 0 6px rgba(128,204,40,.08);transform:translate(10px,-100%) scale(.6);transform-origin:0 100%;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .45s cubic-bezier(.2,1.4,.4,1)}
.aph-growth svg{display:block;width:104px;height:auto}
.aph-growth b{font-size:.78rem;color:#fff;font-weight:700;white-space:nowrap}
.aph-growth .agl{stroke-dasharray:160;stroke-dashoffset:160}
.aph-growth .aga,.aph-growth .agd,.aph-growth .agf{opacity:0}
.aph-art.is-portrait[data-pose=point] .aph-growth{opacity:1;transform:translate(10px,-100%) scale(1)}
.aph-art.is-portrait[data-pose=point] .aph-growth .agl{transition:stroke-dashoffset .9s .15s ease-out;stroke-dashoffset:0}
.aph-art.is-portrait[data-pose=point] .aph-growth .agf{transition:opacity .6s .5s;opacity:1}
.aph-art.is-portrait[data-pose=point] .aph-growth .aga,.aph-art.is-portrait[data-pose=point] .aph-growth .agd{transition:opacity .3s .95s;opacity:1}
.aph-art.is-portrait[data-pose=point] .aph-growth .agd{animation:agPulse 1.6s 1.2s ease-in-out infinite}
@keyframes agPulse{0%,100%{r:5}50%{r:7}}
html:not(.asbab-dark) .aph-growth{background:rgba(255,255,255,.92);border-color:rgba(79,154,18,.4)}html:not(.asbab-dark) .aph-growth b{color:var(--ah-navy)}html:not(.asbab-dark) .aph-growth .agd{fill:#4f9a12}
@media (max-width:781px){.aph-growth svg{width:78px}.aph-growth b{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){.aph-growth,.aph-growth *{transition:none!important;animation:none!important}}
/* ==== Reviews slider ==== */
.arv{position:relative;margin-top:1.75rem}
.arv-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:0}
.arv-track::-webkit-scrollbar{display:none}
.arv-card{flex:0 0 calc((100% - 2.5rem)/3);scroll-snap-align:start;margin:0;padding:1.6rem;display:flex;flex-direction:column;gap:1rem;border-radius:var(--ac-r);background:var(--ac-bg);border:1px solid var(--ac-line);box-shadow:0 20px 40px -32px rgba(26,20,64,.45);transition:transform .25s,border-color .25s}
.arv-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac-accent) 40%,var(--ac-line))}
.arv-top{display:flex;justify-content:space-between;align-items:center}
.arv-q{font-size:3.2rem;line-height:.6;font-family:Georgia,serif;color:color-mix(in srgb,var(--ac-accent) 35%,transparent);height:1.4rem}
.arv-card .asbab-review-stars{color:#F5B301;letter-spacing:2px}.arv-card .asbab-review-stars span{color:var(--ac-line)}
.arv-card blockquote{margin:0;padding:0;border:0;flex:1;font-size:1rem;line-height:1.95;color:var(--ac-ink)}
.arv-card figcaption{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px dashed var(--ac-line);flex-wrap:wrap}
.arv-av{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--ac-accent),var(--ah-navy));color:#fff;font-weight:800}
.arv-who{display:flex;flex-direction:column;line-height:1.45;flex:1;min-width:0}.arv-who strong{color:var(--ac-ink)}.arv-who span{font-size:.82rem;color:var(--ac-muted)}
.arv-proj{font-size:.78rem;font-weight:700;color:var(--ac-accent);text-decoration:none;padding:.25rem .65rem;border-radius:999px;background:var(--ac-tint)}
.arv-ctrl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}
.arv-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ac-line);background:var(--ac-bg);color:var(--ac-ink);font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.arv-btn:hover{background:var(--ac-ink);color:var(--ac-bg);border-color:var(--ac-ink)}
.arv-btn:disabled{opacity:.35;cursor:default;background:var(--ac-bg);color:var(--ac-ink)}
.arv-btn:focus-visible,.arv-dots button:focus-visible{outline:2px solid var(--ac-accent);outline-offset:2px}
.arv-dots{display:flex;gap:.45rem}
.arv-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:var(--ac-line);cursor:pointer;transition:width .25s,background .25s}
.arv-dots button[aria-selected=true]{width:26px;background:var(--ac-accent)}
.arv-cta{text-align:center;margin:1.25rem 0 0}.arv-cta a{font-weight:700;color:var(--ac-accent);text-decoration:none}
@media (max-width:1024px){.arv-card{flex-basis:calc((100% - 1.25rem)/2)}}
@media (max-width:640px){.arv-card{flex-basis:86%}}
@media (prefers-reduced-motion:reduce){.arv-track{scroll-behavior:auto}}
.ah-reviews>.asbab-reviews,.ah-reviews .asbab-reviews{max-width:min(var(--ap-wide,1240px),100%)!important;width:100%;margin-inline:auto!important}
.arv-av{font-family:inherit;font-size:1.05rem}
.arv-card,.arv-card *{box-sizing:border-box}.arv-track{scroll-padding-inline:.25rem}
.asbab-reviews{grid-template-columns:minmax(0,1fr);min-width:0}.asbab-reviews>*,.arv,.arv-track{min-width:0;max-width:100%}.ah-reviews{overflow-x:clip}
/* ==== About hero mobile fit ==== */
@media (max-width:781px){
 .aph-art.is-portrait,.aph-art.is-portrait:has(.aph-pose){width:min(300px,78vw);max-width:none;margin-inline:auto;justify-self:center}
 .aph-art.is-portrait .aph-chip.c3,.aph-float.f2{display:none}
 .aph-float.f1{inset-inline-end:-4%;top:40%}
 .aph-float.f3{inset-inline-start:auto;inset-inline-end:12%;top:6%}
 .aph-art.is-portrait .aph-chip.c1{inset-inline-start:auto;inset-inline-end:50%;transform:translateX(50%);bottom:4%;white-space:nowrap;font-size:.72rem}
 [dir=rtl] .aph-art.is-portrait .aph-chip.c1{transform:translateX(-50%)}
 .aph-growth{transform:translate(-55%,-112%) scale(.6)}
 .aph-art.is-portrait[data-pose=point] .aph-growth{transform:translate(-55%,-112%) scale(1)}
}
/* home hero mobile: keep AI chip inside the screen */
@media (max-width:781px){.ahx-ai{right:16px!important;left:auto!important;top:34%!important;font-size:.85em;max-width:calc(100% - 6%);white-space:nowrap}.ahx{overflow-x:clip}}