/*
Theme Name: TheARWeb
Theme URI: https://thearweb.com/
Author: TheARWeb
Author URI: https://thearweb.com/
Description: Lightweight custom portfolio theme for TheARWeb.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: thearweb
*/

:root{--ar-bg:#fff;--ar-surface:#f6f7f9;--ar-text:#111318;--ar-muted:#646a73;--ar-border:#e7e9ed;--ar-accent:#2563eb;--ar-container:1180px;--ar-radius-sm:10px;--ar-radius-md:16px;--ar-radius-lg:20px;--ar-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ar-font-heading:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html{width:100%;max-width:100%;overflow-x:clip}
html,body{width:100%;max-width:100%;}
body{margin:0;background:var(--ar-bg);color:var(--ar-text);font-family:var(--ar-font-body);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}
h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-family:var(--ar-font-heading);line-height:1.08;letter-spacing:-.035em}p{margin:0 0 1rem}
.ar-container{width:min(calc(100% - 2rem),var(--ar-container));margin-inline:auto}
.ar-site-header{position:relative;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ar-border)}
.ar-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.ar-brand{display:inline-flex;align-items:center;font-family:var(--ar-font-heading);font-size:1.15rem;font-weight:800;letter-spacing:-.04em}
.ar-brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.65rem;border-radius:10px;background:var(--ar-text);color:#fff;font-size:.8rem;letter-spacing:-.02em}
.ar-main-navigation{display:flex;align-items:center;gap:1.75rem}
.ar-main-navigation .menu{display:flex;align-items:center;gap:1.6rem;list-style:none}
.ar-main-navigation a{color:var(--ar-muted);font-size:.94rem;font-weight:600;transition:color .18s ease}
.ar-main-navigation a:hover{color:var(--ar-text)}
.ar-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.15rem;border-radius:999px;background:var(--ar-text);color:#fff!important;font-weight:700!important}
.ar-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--ar-border);border-radius:12px;background:#fff;color:var(--ar-text);cursor:pointer}
.ar-hero{position:relative;overflow:hidden;contain:paint;padding:clamp(5.5rem,10vw,9rem) 0 clamp(5rem,9vw,8rem)}
.ar-hero::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.09),rgba(37,99,235,0) 68%);pointer-events:none}
.ar-hero-inner{position:relative;max-width:900px}
.ar-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.35rem;color:var(--ar-accent);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ar-eyebrow::before{content:"";width:26px;height:2px;background:currentColor}
.ar-hero h1{max-width:900px;font-size:clamp(3.2rem,8vw,6.8rem)}
.ar-hero h1 span{color:var(--ar-accent)}
.ar-hero-description{max-width:680px;margin-top:1.6rem;color:var(--ar-muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}
.ar-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.1rem}
.ar-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 1.35rem;border:1px solid transparent;border-radius:999px;font-weight:750;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.ar-button:hover{transform:translateY(-2px)}
.ar-button-primary{background:var(--ar-text);color:#fff}
.ar-button-secondary{background:#fff;border-color:var(--ar-border);color:var(--ar-text)}
.ar-hero-stack{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:3rem}
.ar-tech-pill{padding:.55rem .8rem;border:1px solid var(--ar-border);border-radius:999px;background:#fff;color:var(--ar-muted);font-size:.85rem;font-weight:650}
.ar-section{padding-block:6rem}
.ar-site-footer{position:relative;overflow:hidden;margin-top:0;background:#111318;color:#fff}
.ar-site-footer::before{content:"";position:absolute;inset:auto -180px -260px auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),rgba(37,99,235,0) 68%);pointer-events:none}
.ar-footer-cta{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding-block:clamp(4rem,8vw,7rem);border-bottom:1px solid rgba(255,255,255,.12)}
.ar-footer-cta-copy{max-width:760px}
.ar-footer-kicker{display:block;margin-bottom:1rem;color:#6f9bff;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ar-footer-cta h2{max-width:760px;margin:0;font-size:clamp(2.4rem,5.2vw,5rem);letter-spacing:-.055em;line-height:.98}
.ar-footer-cta p{max-width:650px;margin:1.35rem 0 0;color:rgba(255,255,255,.62);font-size:1rem;line-height:1.7}
.ar-footer-cta-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:0 1.4rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#fff;color:#111318;font-weight:800;transition:transform .18s ease,background .18s ease}
.ar-footer-cta-button:hover{transform:translateY(-2px);background:#f3f5f8}
.ar-footer-main{position:relative;display:grid;grid-template-columns:minmax(2fr,2.2fr) repeat(3,minmax(0,1fr));gap:3rem;padding-block:4rem}
.ar-footer-brand-block{max-width:360px}
.ar-footer-brand{display:inline-flex;align-items:center;font-family:var(--ar-font-heading);font-size:1.2rem;font-weight:800;letter-spacing:-.04em}
.ar-footer-brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:.7rem;border-radius:11px;background:#fff;color:#111318;font-size:.78rem;letter-spacing:-.02em}
.ar-footer-brand-block p{margin:1.25rem 0 .35rem;color:#fff;font-weight:700}
.ar-footer-brand-block>span{display:block;color:rgba(255,255,255,.52);font-size:.9rem;line-height:1.65}
.ar-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}
.ar-footer-column h3{margin:0 0 .55rem;color:rgba(255,255,255,.42);font-size:.72rem;font-family:var(--ar-font-body);font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ar-footer-column a{color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.45;transition:color .18s ease,transform .18s ease}
.ar-footer-column a:hover{color:#fff;transform:translateX(2px)}
.ar-footer-connect a{display:inline-flex;align-items:center;gap:.35rem}
.ar-footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.35rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.42);font-size:.82rem}
.ar-footer-bottom-links a{color:rgba(255,255,255,.7);font-weight:700}
.ar-footer-bottom-links a:hover{color:#fff}
.ar-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ar-footer-copy{color:var(--ar-muted);font-size:.9rem}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
@media(max-width:900px){.ar-main-navigation{position:absolute;inset:78px 1rem auto;display:none;padding:.7rem;border:1px solid var(--ar-border);border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.08)}.ar-main-navigation.is-open{display:block}.ar-main-navigation .menu{flex-direction:column;align-items:stretch;gap:0}.ar-main-navigation li{border-bottom:1px solid var(--ar-border)}.ar-main-navigation li:last-child{border-bottom:0}.ar-main-navigation a{display:block;padding:.85rem .55rem}.ar-menu-toggle{display:inline-grid;place-items:center}}
@media(max-width:600px){.ar-container{width:min(calc(100% - 1.25rem),var(--ar-container))}.ar-header-inner{min-height:68px}.ar-main-navigation{inset:68px .625rem auto}.ar-hero{padding-block:4.5rem 4rem}.ar-hero h1{font-size:clamp(2.9rem,14vw,4.5rem)}.ar-hero-actions{flex-direction:column;align-items:stretch}.ar-button{width:100%}.ar-footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.ar-footer-cta{align-items:flex-start;flex-direction:column;gap:2rem}.ar-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}}
@media(max-width:600px){.ar-footer-main{grid-template-columns:1fr 1fr;padding-block:3rem}.ar-footer-brand-block{grid-column:1/-1;max-width:none}.ar-footer-bottom{align-items:flex-start;flex-direction:column}.ar-footer-cta{padding-block:4rem}.ar-footer-cta h2{font-size:clamp(2.35rem,12vw,3.8rem)}}
@media(max-width:380px){.ar-footer-main{grid-template-columns:1fr}.ar-footer-brand-block{grid-column:auto}.ar-footer-cta-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* --------------------------------------------------
   v0.3 Homepage Sections
-------------------------------------------------- */
.ar-section-heading {
    max-width: 720px;
    margin-bottom: 2.5rem;
}
.ar-section-kicker {
    display: block;
    margin-bottom: .75rem;
    color: var(--ar-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.ar-section-heading h2 {
    font-size: clamp(2.2rem, 5vw, 4rem);
}
.ar-section-heading p {
    max-width: 620px;
    color: var(--ar-muted);
    font-size: 1.05rem;
}

/* Services */
.ar-services {
    background: var(--ar-surface);
}
.ar-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.ar-service-card {
    min-height: 280px;
    padding: 1.6rem;
    border: 1px solid var(--ar-border);
    border-radius: var(--ar-radius-md);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ar-service-card:hover {
    transform: translateY(-4px);
    border-color: #d5d9e0;
    box-shadow: 0 18px 45px rgba(17, 19, 24, .07);
}
.ar-service-number {
    color: var(--ar-muted);
    font-size: .8rem;
    font-weight: 750;
}
.ar-service-card h3 {
    margin-top: 3.5rem;
    font-size: 1.45rem;
}
.ar-service-card p {
    margin-bottom: 0;
    color: var(--ar-muted);
}

/* Work */
.ar-work-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}
.ar-project-card {
    overflow: hidden;
    border: 1px solid var(--ar-border);
    border-radius: var(--ar-radius-lg);
    background: #fff;
    display: flex;
    flex-direction: column;
}
.ar-project-visual {
    min-height: 250px;
    display: grid;
    place-items: center;
    background: #eef1f5;
    color: #8a9099;
    font-size: .85rem;
    font-weight: 700;
}
.ar-project-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.ar-project-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .9rem;
}
.ar-project-tag {
    padding: .35rem .6rem;
    border-radius: 999px;
    background: var(--ar-surface);
    color: var(--ar-muted);
    font-size: .75rem;
    font-weight: 700;
}
.ar-project-content h3 {
    font-size: 1.5rem;
}
.ar-project-content p {
    color: var(--ar-muted);
}

/* About */
.ar-about {
    background: var(--ar-text);
    color: #fff;
}
.ar-about-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 5rem;
    align-items: start;
}
.ar-about .ar-section-kicker { color: #8db2ff; }
.ar-about-copy {
    color: rgba(255,255,255,.72);
    font-size: 1.08rem;
    line-height: 1.8;
}
.ar-about-list {
    display: grid;
    gap: .8rem;
    list-style: none;
}
.ar-about-list li {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255,255,255,.13);
    font-weight: 650;
}

/* Process */
.ar-process-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}
.ar-process-step {
    padding-top: 1.1rem;
    border-top: 2px solid var(--ar-text);
}
.ar-process-step span {
    color: var(--ar-muted);
    font-size: .8rem;
    font-weight: 800;
}
.ar-process-step h3 {
    margin-top: 1.5rem;
    font-size: 1.15rem;
}
.ar-process-step p {
    color: var(--ar-muted);
    font-size: .92rem;
}

/* Final CTA */
.ar-final-cta {
    padding-block: 7rem;
}
.ar-final-cta-box {
    padding: clamp(2rem, 6vw, 5rem);
    border-radius: var(--ar-radius-lg);
    background: var(--ar-surface);
    text-align: center;
}
.ar-final-cta-box h2 {
    max-width: 760px;
    margin-inline: auto;
    font-size: clamp(2.3rem, 5vw, 4.6rem);
}
.ar-final-cta-box p {
    max-width: 600px;
    margin: 1rem auto 1.8rem;
    color: var(--ar-muted);
}

/* Responsive sections */
@media (max-width: 1000px) {
    .ar-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ar-process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ar-about-grid { gap: 3rem; }
}
@media (max-width: 700px) {
    .ar-service-grid,
    .ar-work-grid,
    .ar-about-grid,
    .ar-process-grid {
        grid-template-columns: 1fr;
    }
    .ar-service-card { min-height: 230px; }
    .ar-service-card h3 { margin-top: 2.5rem; }
    .ar-about-grid { gap: 2rem; }
    .ar-project-visual { min-height: 210px; }
    .ar-final-cta { padding-block: 4rem; }
}

.ar-project-visual{overflow:hidden;padding:0;background:#eef1f5}
.ar-project-visual img{width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .35s ease}
.ar-project-card:hover .ar-project-visual img{transform:scale(1.025)}

/* --------------------------------------------------
   v0.5 Dynamic Portfolio
-------------------------------------------------- */
.ar-project-link{display:block}
.ar-project-content{position:relative}
.ar-project-arrow{position:absolute;right:1.5rem;bottom:1.45rem;font-size:1.25rem}
.ar-project-card:hover .ar-project-arrow{transform:translateX(3px)}
.ar-empty-state{padding:2rem;border:1px dashed var(--ar-border);border-radius:var(--ar-radius-md);color:var(--ar-muted)}


/* v0.6 — portfolio detail, archive and dashboard-linked UI */
.ar-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:inherit;text-decoration:none;font-weight:700}
.ar-back-link:hover{text-decoration:underline}
.ar-project-detail-hero,.ar-service-detail-hero,.ar-archive-hero{padding:35px 0 20px}
/* Service detail hero — split layout */
.ar-service-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    gap:56px;
    align-items:center;
}

.ar-service-hero-content{
    min-width:0;
}

.ar-service-hero-content h1{
    font-size:clamp(48px,5.8vw,78px);
    line-height:1.02;
    margin:10px 0 22px;
    letter-spacing:-.045em;
}

.ar-service-hero-content .ar-project-lead{
    max-width:680px;
}

.ar-service-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.ar-service-hero-image{
    min-width:0;
    border-radius:24px;
    overflow:hidden;
    background:#f5f6f7;
}

.ar-service-hero-image img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1000 / 677;
    object-fit:cover;
}

.ar-project-detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}
.ar-project-detail-grid h1,.ar-service-detail-hero h1,.ar-archive-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:10px 0 22px;letter-spacing:-.045em}
.ar-project-lead,.ar-service-detail-hero p,.ar-archive-hero p{font-size:20px;line-height:1.7;max-width:720px}
.ar-project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.ar-project-detail-image{border-radius:24px;overflow:hidden;border:1px solid rgba(20,24,30,.1);background:#f5f6f7;box-shadow:0 24px 70px rgba(20,24,30,.08)}
.ar-project-detail-image img{display:block;width:100%;height:auto}
.ar-project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(20,24,30,.12);border:1px solid rgba(20,24,30,.12);border-radius:18px;overflow:hidden}
.ar-project-facts div{padding:22px;background:#fff}
.ar-project-facts span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:8px}
.ar-project-facts strong{font-size:15px;line-height:1.5}
.ar-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ar-case-grid article{padding:30px;border:1px solid rgba(20,24,30,.1);border-radius:20px;background:#fff}
.ar-case-grid p{margin:14px 0 0;font-size:17px;line-height:1.75}
.ar-rich-content{max-width:820px;font-size:18px;line-height:1.85}
.ar-rich-content h2{font-size:34px;line-height:1.2;margin:52px 0 14px;letter-spacing:-.025em}
.ar-rich-content h3{font-size:25px;margin:38px 0 10px}
.ar-rich-content p{margin:0 0 20px}
.ar-rich-content ul,.ar-rich-content ol{padding-left:24px}
.ar-rich-content img{max-width:100%;height:auto;border-radius:18px}
.ar-service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
.ar-service-side-card{position:sticky;top:30px;padding:28px;border:1px solid rgba(20,24,30,.1);border-radius:20px;background:#fff;box-shadow:0 16px 50px rgba(20,24,30,.06)}
.ar-service-side-card h2{font-size:26px;line-height:1.2;margin:12px 0 24px;letter-spacing:-.025em}
.ar-inline-link{display:inline-block;margin-top:10px;font-weight:800;text-decoration:none}
.ar-inline-link:hover{text-decoration:underline}
.ar-service-card h2 a{color:inherit;text-decoration:none}
.ar-service-card h2 a:hover{text-decoration:underline}
@media(max-width:900px){
 .ar-project-detail-grid,.ar-service-detail-layout{grid-template-columns:1fr;gap:36px}
 .ar-project-facts{grid-template-columns:repeat(2,1fr)}
 .ar-case-grid{grid-template-columns:1fr}
 .ar-service-side-card{position:static}
 .ar-service-hero-grid{
    grid-template-columns:1fr;
    gap:36px;
}

.ar-service-hero-image{
    max-width:760px;
}

.ar-service-hero-content h1{
    font-size:44px;
}
}
@media(max-width:640px){
 .ar-project-detail-hero,.ar-service-detail-hero,.ar-archive-hero{padding:30px 0 20px}
 .ar-project-detail-grid h1,.ar-service-detail-hero h1,.ar-archive-hero h1{font-size:44px}
 .ar-project-facts{grid-template-columns:1fr}
 .ar-rich-content{font-size:17px}
}


/* v0.7 — About frontend */
.ar-about-hero{padding:86px 0 74px;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
.ar-about-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:70px;align-items:center}
.ar-about-copy h1{font-size:clamp(44px,6.4vw,78px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 24px;max-width:850px}
.ar-about-lead{font-size:21px;line-height:1.7;max-width:720px;margin:0 0 24px}
.ar-about-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 30px;color:#59616a;font-size:14px;font-weight:700}
.ar-about-meta span{display:inline-flex;align-items:center;gap:8px}
.ar-about-meta i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#1d2327}
.ar-about-visual{position:relative;min-height:380px;display:grid;place-items:center}
.ar-about-visual-card{width:min(100%,420px);padding:34px;border:1px solid rgba(20,24,30,.1);border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(20,24,30,.1);position:relative;z-index:2}
.ar-about-avatar{width:150px;height:150px;border-radius:50%;margin:0 auto 24px;background:#151a20;color:#fff;display:grid;place-items:center;overflow:hidden;font-size:38px;font-weight:800;letter-spacing:-.05em}
.ar-about-avatar img{width:100%;height:100%;object-fit:cover}
.ar-about-visual-copy{text-align:center}
.ar-about-visual-copy strong{display:block;font-size:24px;letter-spacing:-.02em}
.ar-about-visual-copy span{display:block;margin-top:8px;color:#69717a;line-height:1.6;font-size:14px}
.ar-about-orbit{position:absolute;border:1px solid rgba(20,24,30,.08);border-radius:50%}
.ar-about-orbit-one{width:330px;height:330px}
.ar-about-orbit-two{width:500px;height:500px}
.ar-about-two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.ar-about-two-col h2,.ar-about-approach-box h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:10px 0}
.ar-about-two-col .ar-rich-content{max-width:720px}
.ar-about-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ar-about-skill-card{padding:22px;border:1px solid rgba(20,24,30,.1);border-radius:16px;background:#fff;display:flex;justify-content:space-between;gap:15px;min-height:112px}
.ar-about-skill-card h3{margin:0 0 8px;font-size:19px}
.ar-about-skill-card span{font-size:13px;color:#6a7179}
.ar-about-skill-card strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:#646970}
.ar-experience-list{border-top:1px solid rgba(20,24,30,.12)}
.ar-experience-item{display:grid;grid-template-columns:190px 1fr;gap:45px;padding:35px 0;border-bottom:1px solid rgba(20,24,30,.12)}
.ar-experience-period{font-size:13px;font-weight:800;color:#6a7179;padding-top:5px}
.ar-experience-main h3{font-size:28px;line-height:1.2;margin:0 0 5px;letter-spacing:-.025em}
.ar-experience-company{font-weight:700;margin:0 0 20px}
.ar-experience-main .ar-rich-content{max-width:800px}
.ar-experience-stack{display:inline-block;margin-top:8px;padding:8px 11px;border-radius:999px;background:#f3f4f5;color:#4e555d;font-size:12px;font-weight:700}
.ar-about-approach-box{padding:48px;border-radius:26px;background:#f3f5f7;border:1px solid rgba(20,24,30,.08)}
.ar-approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.ar-approach-steps div{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(20,24,30,.08)}
.ar-approach-steps strong{display:block;font-size:12px;color:#707780;margin-bottom:24px}
.ar-approach-steps span{display:block;font-weight:800;font-size:20px}
.ar-approach-steps p{margin:8px 0 0;color:#68717a;line-height:1.6}
@media(max-width:900px){
 .ar-about-hero-grid,.ar-about-two-col{grid-template-columns:1fr;gap:42px}
 .ar-about-visual{min-height:330px}
 .ar-about-skill-grid{grid-template-columns:repeat(2,1fr)}
 .ar-experience-item{grid-template-columns:1fr;gap:10px}
 .ar-approach-steps{grid-template-columns:1fr}
}
@media(max-width:600px){
 .ar-about-hero{padding:58px 0 48px}
 .ar-about-copy h1{font-size:44px}
 .ar-about-lead{font-size:18px}
 .ar-about-visual-card{padding:26px}
 .ar-about-orbit-two{width:360px;height:360px}
 .ar-about-skill-grid{grid-template-columns:1fr}
 .ar-about-approach-box{padding:28px}
}


/* v0.8 — premium About presentation + global branding */
.ar-about-copy h1{color:var(--ar-text);text-shadow:none}
.ar-about-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(37,99,235,.07),transparent 27%),linear-gradient(180deg,#f9fafc 0%,#fff 100%)}
.ar-about-copy{position:relative;z-index:3}
.ar-about-visual{isolation:isolate}
.ar-about-visual-card{backdrop-filter:blur(10px);box-shadow:0 30px 90px rgba(17,19,24,.10)}
.ar-about-mini-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}
.ar-about-mini-stack span{font-size:11px;font-weight:750;color:#59616a;padding:6px 9px;border:1px solid #e7e9ed;border-radius:999px;background:#fafbfc}
.ar-about-floating-note{position:absolute;right:-10px;bottom:28px;z-index:3;padding:9px 13px;border:1px solid rgba(20,24,30,.08);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(17,19,24,.07);font-size:11px;font-weight:800;letter-spacing:.02em;transform:rotate(-4deg)}
.ar-section-heading-copy{max-width:460px;margin:8px 0 0;color:var(--ar-muted);line-height:1.65;font-size:15px}
.ar-tech-grid{display:flex;flex-wrap:wrap;gap:10px}
.ar-tech-grid span{padding:13px 17px;border:1px solid var(--ar-border);border-radius:999px;background:#fff;font-weight:750;font-size:14px}
.ar-about-approach-box{box-shadow:0 20px 60px rgba(17,19,24,.05)}
.ar-header-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--ar-accent);color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 8px 24px rgba(37,99,235,.18);transition:transform .18s ease,box-shadow .18s ease}
.ar-header-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,.23)}
@media(max-width:900px){.ar-header-cta{display:none}.ar-about-floating-note{right:0}.ar-section-heading-copy{max-width:none}}
@media(max-width:600px){.ar-about-floating-note{display:none}}


/* --------------------------------------------------
   v0.9.4 Compact Editorial Hero
-------------------------------------------------- */
.ar-hero-v3{padding:clamp(3.8rem,6vw,5.6rem) 0 clamp(2.8rem,5vw,4.5rem);background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)}
.ar-hero-v3::before{width:520px;height:520px;right:-230px;top:-250px;background:radial-gradient(circle,rgba(37,99,235,.08),rgba(37,99,235,0) 68%)}
.ar-hero-v3-topline{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.7rem}
.ar-hero-v3 .ar-eyebrow{margin:0}
.ar-hero-status{display:inline-flex;align-items:center;gap:.5rem;color:var(--ar-muted);font-size:.76rem;font-weight:700;letter-spacing:.02em}
.ar-hero-status span{width:7px;height:7px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 4px rgba(31,157,85,.10)}
.ar-hero-v3-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:center}
.ar-hero-v3-copy{position:relative;z-index:2;max-width:760px}
.ar-hero-v3 h1{max-width:760px;font-size:clamp(3.45rem,6.15vw,6.25rem);line-height:.93;letter-spacing:-.062em;margin:0}
.ar-hero-v3 .ar-hero-description{max-width:620px;margin-top:1.45rem;font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.65;color:var(--ar-muted)}
.ar-hero-v3 .ar-hero-actions{margin-top:1.55rem}
.ar-hero-v3 .ar-button{min-height:48px;padding-inline:1.2rem}
.ar-hero-v3-showcase{position:relative;display:grid;grid-template-columns:1.35fr .82fr;grid-template-rows:1fr 1fr;gap:.8rem;min-height:390px}
.ar-showcase-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--ar-border);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(17,19,24,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ar-showcase-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(17,19,24,.12);border-color:#d9dde4}
.ar-showcase-card-featured{grid-row:1 / 3}
.ar-showcase-card-small:nth-child(2){grid-column:2;grid-row:1}
.ar-showcase-card-small:nth-child(3){grid-column:2;grid-row:2}
.ar-showcase-image{position:relative;overflow:hidden;background:#f1f3f6;flex:1;min-height:0}
.ar-showcase-card-featured .ar-showcase-image{min-height:300px}
.ar-showcase-card-small .ar-showcase-image{min-height:145px}
.ar-showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ar-showcase-card:hover .ar-showcase-image img{transform:scale(1.035)}
.ar-showcase-meta{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.55rem;padding:.72rem .8rem;background:#fff}
.ar-showcase-meta>span:first-child{color:#9aa1aa;font-size:.68rem;font-weight:800;letter-spacing:.06em}
.ar-showcase-meta strong{overflow:hidden;font-family:var(--ar-font-heading);font-size:.82rem;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}
.ar-showcase-arrow{color:var(--ar-accent);font-size:.95rem}
.ar-showcase-label{position:absolute;left:1rem;bottom:-1.7rem;display:flex;justify-content:space-between;width:calc(100% - 2rem);color:#8a9099;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.ar-showcase-label span:first-child{color:var(--ar-accent)}
.ar-showcase-empty{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;border:1px dashed #d7dbe2;border-radius:18px;background:#f8f9fb}
.ar-showcase-empty span{color:var(--ar-accent);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ar-showcase-empty strong{margin-top:.55rem;font-family:var(--ar-font-heading);font-size:1.2rem}
.ar-hero-v3-stack{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:2.35rem;padding-top:1.15rem;border-top:1px solid var(--ar-border)}
.ar-stack-label{margin-right:.25rem;color:#858b94;font-size:.76rem;font-weight:700}
.ar-hero-v3 .ar-tech-pill{padding:.4rem .68rem;font-size:.74rem;background:#fff}
@media(max-width:1050px){.ar-hero-v3-grid{grid-template-columns:1fr;gap:3.25rem}.ar-hero-v3-copy{max-width:850px}.ar-hero-v3-showcase{max-width:700px;width:100%;justify-self:center}}
@media(max-width:600px){.ar-hero-v3{padding-block:3rem 3rem}.ar-hero-v3-topline{align-items:flex-start;flex-direction:column;gap:.65rem;margin-bottom:1.3rem}.ar-hero-v3 h1{font-size:clamp(2.75rem,13vw,4.25rem);line-height:.96}.ar-hero-v3 .ar-hero-description{margin-top:1.2rem;font-size:1rem;line-height:1.6}.ar-hero-v3 .ar-hero-actions{flex-direction:row;align-items:center}.ar-hero-v3 .ar-button{width:auto}.ar-hero-v3-showcase{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:310px;gap:.55rem}.ar-showcase-card-featured{grid-row:1 / 3}.ar-showcase-card-featured .ar-showcase-image{min-height:220px}.ar-showcase-card-small .ar-showcase-image{min-height:105px}.ar-showcase-meta{grid-template-columns:20px 1fr;padding:.55rem}.ar-showcase-meta strong{font-size:.72rem}.ar-showcase-arrow{display:none}.ar-showcase-label{bottom:-1.45rem;left:.25rem;width:calc(100% - .5rem)}.ar-hero-v3-stack{margin-top:2rem}.ar-stack-label{width:100%;margin-bottom:.15rem}}

/* v0.9.6 — compact real-project hero */
.ar-hero-v3{padding:clamp(2.7rem,4.5vw,4.25rem) 0 clamp(2.1rem,3.5vw,3rem)}
.ar-hero-v3-topline{margin-bottom:1rem}
.ar-hero-v3-topline-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b929c}
.ar-hero-v3-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:clamp(2rem,4vw,4.2rem)}
.ar-hero-v3 h1{max-width:700px}
.ar-hero-v3 .ar-hero-description{margin-top:1.15rem}
.ar-hero-v3 .ar-hero-actions{margin-top:1.3rem}
.ar-hero-v3-showcase{min-height:350px;gap:.65rem}
.ar-showcase-card{border-radius:16px;box-shadow:0 14px 38px rgba(17,19,24,.065)}
.ar-showcase-card-featured .ar-showcase-image{min-height:270px}
.ar-showcase-card-small .ar-showcase-image{min-height:130px}
.ar-showcase-meta{padding:.62rem .7rem}
.ar-showcase-title{min-width:0;display:flex;flex-direction:column;gap:.08rem}
.ar-showcase-title small{overflow:hidden;color:#8d949d;font-size:.62rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.ar-showcase-placeholder{height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;background:linear-gradient(145deg,#eef2f7,#dfe5ed);color:#111318}
.ar-showcase-placeholder span{font-size:.65rem;font-weight:800;letter-spacing:.12em;color:#707985}
.ar-showcase-placeholder strong{margin-top:.3rem;font-family:var(--ar-font-heading);font-size:1.05rem;letter-spacing:-.02em}
.ar-hero-v3-stack{margin-top:1.65rem;padding-top:.85rem}
@media(max-width:1050px){.ar-hero-v3-grid{grid-template-columns:1fr;gap:2.4rem}.ar-hero-v3-showcase{max-width:760px}}
@media(max-width:600px){.ar-hero-v3{padding-block:2.5rem 2.25rem}.ar-hero-v3-topline{margin-bottom:1rem}.ar-hero-v3-topline-label{display:none}.ar-hero-v3-showcase{min-height:285px}.ar-showcase-card-featured .ar-showcase-image{min-height:205px}.ar-showcase-card-small .ar-showcase-image{min-height:96px}.ar-hero-v3-stack{margin-top:1.55rem}}


/* v0.9.7 — refined editorial Services */
.ar-services-v2{background:#fff;border-top:1px solid var(--ar-border);border-bottom:1px solid var(--ar-border)}
.ar-services-v2-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:start}
.ar-services-v2-intro{max-width:430px;position:sticky;top:110px}
.ar-services-v2-intro h2{font-size:clamp(2.4rem,4.35vw,4.1rem);line-height:.98;margin-bottom:1rem}
.ar-services-v2-intro p{max-width:410px;color:#5f6670;font-size:1.04rem;line-height:1.65}
.ar-services-v2-all{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--ar-text);font-size:.9rem;font-weight:800}
.ar-services-v2-all span{color:var(--ar-accent);transition:transform .18s ease}
.ar-services-v2-all:hover span{transform:translate(3px,-2px)}
.ar-services-v2-note{margin-top:2.1rem;padding-top:1rem;border-top:1px solid var(--ar-border);color:#6b7280;font-size:.82rem;line-height:1.55;font-weight:650;max-width:300px}
.ar-services-v2-list{border-top:1px solid var(--ar-border)}
.ar-service-row{display:grid;grid-template-columns:38px 34px minmax(0,1fr) 30px;gap:.85rem;align-items:center;padding:1.25rem .2rem;border-bottom:1px solid var(--ar-border);transition:padding .2s ease,background .2s ease,box-shadow .2s ease}
.ar-service-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ar-surface);color:var(--ar-accent);transition:background .2s ease,color .2s ease}
.ar-service-row-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ar-service-row:hover .ar-service-row-icon{background:var(--ar-accent);color:#fff}
.ar-service-row-number{align-self:start;padding-top:.15rem;color:#9aa1aa;font-size:.7rem;font-weight:850;letter-spacing:.08em}
.ar-service-row-main{display:flex;flex-direction:column;gap:.28rem;min-width:0}
.ar-service-row-main strong{font-family:var(--ar-font-heading);font-size:clamp(1.32rem,2.05vw,1.78rem);letter-spacing:-.035em;line-height:1.08;transition:color .18s ease}
.ar-service-row-main span{max-width:680px;color:#626a75;font-size:.96rem;line-height:1.55}
.ar-service-row-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ar-border);border-radius:50%;color:var(--ar-accent);font-size:.85rem;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.ar-service-row:hover{padding-left:.55rem;padding-right:.55rem;background:#fbfcfe;box-shadow:inset 2px 0 0 var(--ar-accent)}
.ar-service-row:hover .ar-service-row-main strong{color:var(--ar-accent)}
.ar-service-row:hover .ar-service-row-arrow{transform:translate(2px,-2px);border-color:#cbd5e1;background:#fff;box-shadow:0 5px 14px rgba(17,19,24,.06)}
.ar-service-row:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:-3px}
.ar-services-v2 .ar-empty-state{margin-top:1rem}
@media(max-width:900px){.ar-services-v2-grid{grid-template-columns:1fr;gap:2.5rem}.ar-services-v2-intro{position:static;max-width:680px}}
@media(max-width:600px){.ar-services-v2-grid{gap:1.8rem}.ar-services-v2-intro h2{font-size:clamp(2.25rem,11vw,3.35rem)}.ar-services-v2-note{margin-top:1.6rem}.ar-service-row{grid-template-columns:30px minmax(0,1fr) 24px;gap:.6rem;padding:1.05rem 0}.ar-service-row-icon{display:none}.ar-service-row-main strong{font-size:1.2rem}.ar-service-row-main span{font-size:.87rem}.ar-service-row:hover{padding-left:.35rem;padding-right:.35rem}}
/* v0.9.9 — About preview refinement */\n.ar-about-v2{padding-block:clamp(5rem,8vw,8rem);overflow:hidden}\n.ar-about-v2-top{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,7vw,7rem);align-items:start}\n.ar-about-v2-intro h2{max-width:620px;margin:14px 0 38px;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.98;letter-spacing:-.055em}\n.ar-about-v2-body{padding-top:4px}\n.ar-about-v2 .ar-about-copy{max-width:760px;margin:0 0 28px;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.75;color:rgba(255,255,255,.72)}\n.ar-about-list-v2{margin:0 0 24px;padding:0;gap:0}\n.ar-about-list-v2 li{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.13);font-weight:650;transition:padding .22s ease,border-color .22s ease}\n.ar-about-list-v2 li:first-child{border-top:1px solid rgba(255,255,255,.13)}\n.ar-about-list-v2 li>span{color:rgba(255,255,255,.38);font-size:.72rem;letter-spacing:.08em}\n.ar-about-list-v2 li strong{font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.4}\n.ar-about-list-v2 li i{width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#8db2ff;font-style:normal;font-size:.82rem;transition:transform .22s ease,background .22s ease}\n.ar-about-list-v2 li:hover{padding-left:7px;border-color:rgba(255,255,255,.28)}\n.ar-about-list-v2 li:hover i{transform:translate(2px,-2px);background:rgba(255,255,255,.06)}\n.ar-about-v2-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;margin-top:4px}\n.ar-about-v2-link span{color:#8db2ff;transition:transform .2s ease}\n.ar-about-v2-link:hover span{transform:translateX(4px)}\n.ar-about-signature{display:flex;align-items:center;gap:13px;max-width:max-content;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}\n.ar-about-mark{width:38px;height:38px;border-radius:10px;background:#fff;color:#111318;display:grid;place-items:center;font-size:.72rem;font-weight:900;letter-spacing:-.04em}\n.ar-about-signature strong,.ar-about-signature small{display:block}\n.ar-about-signature strong{font-size:.9rem}\n.ar-about-signature small{margin-top:3px;color:rgba(255,255,255,.48);font-size:.72rem}\n.ar-about-v2-meta{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1px;margin-top:clamp(3.5rem,6vw,5.5rem);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}\n.ar-about-v2-meta div{padding:20px 24px 20px 0}\n.ar-about-v2-meta div+div{padding-left:24px;border-left:1px solid rgba(255,255,255,.13)}\n.ar-about-v2-meta span{display:block;margin-bottom:8px;color:rgba(255,255,255,.38);font-size:.66rem;letter-spacing:.14em;font-weight:800}\n.ar-about-v2-meta strong{display:block;color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.45}\n@media(max-width:900px){.ar-about-v2-top{grid-template-columns:1fr;gap:2.5rem}.ar-about-v2-intro h2{max-width:700px;margin-bottom:28px}.ar-about-v2-meta{grid-template-columns:1fr}.ar-about-v2-meta div,.ar-about-v2-meta div+div{padding:18px 0;border-left:0}.ar-about-v2-meta div+div{border-top:1px solid rgba(255,255,255,.13)}}\n@media(max-width:640px){.ar-about-v2{padding-block:4rem}.ar-about-v2-intro h2{font-size:clamp(2.8rem,13vw,4.2rem)}.ar-about-list-v2 li{grid-template-columns:32px 1fr 28px;gap:10px;padding:16px 0}.ar-about-list-v2 li:hover{padding-left:0}.ar-about-v2-meta{margin-top:3rem}}\n

/* --------------------------------------------------
   v1.0.0 — Approved About Preview
-------------------------------------------------- */
.ar-about-v3{position:relative;overflow:hidden;contain:paint;color:#f7f8fb;background:radial-gradient(circle at 72% 24%,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 14% 86%,rgba(37,99,235,.07),transparent 25%),#0e1117;padding-block:clamp(5.5rem,8vw,7.5rem)}
.ar-about-v3::before{content:"";position:absolute;width:520px;height:520px;right:-280px;top:-260px;border:1px solid rgba(141,178,255,.08);border-radius:50%;pointer-events:none}
.ar-about-v3 .ar-container{position:relative;z-index:1}.ar-about-v3-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(3rem,6vw,6.5rem);align-items:start}
.ar-about-v3-kicker{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1.6rem;color:#82adff;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.ar-about-v3-kicker::before{content:"";width:34px;height:2px;background:currentColor}
.ar-about-v3-title{max-width:720px;margin:0;color:#f8fafc;font-size:clamp(3.5rem,6vw,6.1rem);line-height:.95;letter-spacing:-.065em}.ar-about-v3-title .ar-about-highlight{color:#5f96ff}
.ar-about-v3-copy{max-width:640px;margin:1.7rem 0 0;color:#b8c1cf;font-size:clamp(1.05rem,1.5vw,1.27rem);line-height:1.6}
.ar-about-v3-badges{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ar-about-v3-badge{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:0 .9rem;border:1px solid rgba(143,177,228,.3);border-radius:999px;background:rgba(14,18,27,.5);color:#eef3fb;font-size:.82rem;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.ar-about-v3-badge-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#f3f6fb;color:#11151c;font-size:.66rem;font-weight:900;letter-spacing:-.04em}
.ar-about-v3-cta{display:inline-flex;align-items:center;gap:.65rem;margin-top:2.25rem;color:#70a2ff;font-size:1rem;font-weight:800}.ar-about-v3-cta span{transition:transform .2s ease}.ar-about-v3-cta:hover span{transform:translateX(5px)}

.ar-about-v3-right-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#aeb9ca;font-size:.75rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.ar-about-v3-right-head::after{content:"";width:38px;height:2px;background:#68778d}
.ar-about-v3-points{list-style:none;margin:0;padding:0}.ar-about-v3-point{display:grid;grid-template-columns:58px 58px minmax(0,1fr);gap:1rem;align-items:start;padding:1.45rem 0;border-top:1px solid rgba(170,184,205,.2)}.ar-about-v3-point:last-child{border-bottom:1px solid rgba(170,184,205,.2)}
.ar-about-v3-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(121,157,209,.3);border-radius:16px;background:linear-gradient(145deg,rgba(31,43,62,.65),rgba(13,18,27,.55));color:#8bb5ff}.ar-about-v3-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ar-about-v3-number{padding-top:.25rem;color:#5f96ff;font-size:1.15rem;font-weight:850;letter-spacing:-.04em}.ar-about-v3-point h3{margin:0;color:#f4f7fb;font-size:clamp(1.05rem,1.5vw,1.32rem);letter-spacing:-.025em}.ar-about-v3-point p{margin:.45rem 0 0;max-width:500px;color:#9faabb;font-size:.95rem;line-height:1.6}
@media(max-width:980px){.ar-about-v3-grid{grid-template-columns:1fr;gap:3.5rem}.ar-about-v3-title{max-width:760px}.ar-about-v3-right{max-width:780px}}

/* =========================================================
   CONTACT PAGE
   ========================================================= */

.ar-contact-page{
    padding:clamp(72px, 8vw, 110px) 0 100px;
    background:#fff;
}

/* =========================================================
   CONTACT HERO
   ========================================================= */

.ar-contact-hero{
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) minmax(360px, .85fr);
    gap:clamp(50px, 8vw, 110px);
    align-items:center;
    padding-bottom:clamp(70px, 8vw, 105px);
    border-bottom:1px solid #e7e9ec;
}

.ar-contact-hero-copy{
    max-width:760px;
}

.ar-contact-hero .ar-section-kicker,
.ar-contact-intro .ar-section-kicker,
.ar-contact-form .ar-section-kicker{
    display:block;
    margin-bottom:18px;
}

.ar-contact-hero h1{
    max-width:780px;
    margin:0;
    font-size:clamp(44px, 5.8vw, 74px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:700;
}

.ar-contact-hero-copy > p{
    max-width:650px;
    margin:28px 0 0;
    font-size:18px;
    line-height:1.7;
    color:#62666d;
}


/* =========================================================
   WHAT CAN I HELP WITH CARD
   ========================================================= */

.ar-contact-help-card{
    position:relative;
    width:100%;
    max-width:460px;
    margin-left:auto;
    padding:30px;
    background:#f5f6f8;
    border:1px solid #e5e7eb;
    border-radius:18px;
    box-sizing:border-box;
}

.ar-contact-help-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-bottom:24px;
    border-bottom:1px solid #dfe2e6;
}

.ar-contact-help-header .ar-section-kicker{
    margin:0;
}

.ar-contact-help-mark{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    background:#111318;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:-.02em;
}

.ar-contact-help-list{
    display:flex;
    flex-direction:column;
}

.ar-contact-help-item{
    display:grid;
    grid-template-columns:34px minmax(0, 1fr);
    gap:14px;
    padding:21px 0;
    border-bottom:1px solid #e1e3e7;
}

.ar-contact-help-item:last-child{
    border-bottom:0;
    padding-bottom:2px;
}

.ar-contact-help-number{
    padding-top:2px;
    font-size:10px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    color:#2563eb;
}

.ar-contact-help-item strong{
    display:block;
    margin:0;
    font-size:15px;
    line-height:1.4;
    font-weight:650;
    color:#15171b;
}

.ar-contact-help-item p{
    margin:4px 0 0;
    font-size:13px;
    line-height:1.55;
    color:#73777e;
}


/* =========================================================
   MAIN CONTACT AREA
   ========================================================= */

.ar-contact-layout{
    display:grid;
    grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);
    gap:clamp(50px, 8vw, 120px);
    align-items:start;
    padding-top:clamp(65px, 8vw, 95px);
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.ar-contact-intro{
    max-width:480px;
}

.ar-contact-intro h2,
.ar-contact-form h2{
    margin:0;
    font-size:clamp(30px, 3.5vw, 48px);
    line-height:1.05;
    letter-spacing:-.045em;
    font-weight:700;
}

.ar-contact-intro > p{
    margin:24px 0 0;
    font-size:16px;
    line-height:1.75;
    color:#62666d;
}


/* =========================================================
   REASSURANCE NOTE
   ========================================================= */

.ar-contact-note{
    margin-top:42px;
    padding:25px 26px;
    background:#f5f6f8;
    border:1px solid #e9ebee;
    border-radius:14px;
}

.ar-contact-note strong{
    display:block;
    margin:0;
    font-size:15px;
    line-height:1.4;
    color:#111318;
}

.ar-contact-note p{
    margin:9px 0 0;
    font-size:14px;
    line-height:1.65;
    color:#6a6e75;
}


/* =========================================================
   FORM CARD
   ========================================================= */

.ar-contact-form{
    width:100%;
    max-width:650px;
    margin-left:auto;
    padding:clamp(28px, 4vw, 42px);
    background:#f5f6f8;
    border:1px solid #e5e7eb;
    border-radius:18px;
    box-sizing:border-box;
}

.ar-contact-form .ar-section-kicker{
    margin-bottom:14px;
}

.ar-contact-form h2{
    font-size:clamp(28px, 3vw, 40px);
    margin-bottom:34px;
}

/* =========================================================
   CONTACT SOCIAL LINKS
   ========================================================= */

.ar-contact-socials{
    margin-top:42px;
}

.ar-contact-socials .ar-section-kicker{
    margin-bottom:10px;
}

.ar-contact-socials > p{
    max-width:390px;
    margin:0 0 20px;
    font-size:14px;
    line-height:1.6;
    color:#73777e;
}

.ar-contact-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.ar-contact-social-links a{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-width:112px;
    padding:11px 14px;
    border:1px solid #e1e3e7;
    border-radius:8px;
    background:#fff;
    color:#15171b;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    line-height:1.2;
    box-sizing:border-box;
    transition:
        border-color .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

.ar-contact-social-links a span:last-child{
    font-size:14px;
    color:#73777e;
}

.ar-contact-social-links a:hover{
    border-color:#cbd5e1;
    background:#f8f9fa;
    transform:translateY(-1px);
}

.ar-contact-social-links a:hover span:last-child{
    color:#2563eb;
}


/* ---------- Mobile ---------- */

@media (max-width:480px){

    .ar-contact-socials{
        margin-top:34px;
    }

    .ar-contact-social-links{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .ar-contact-social-links a{
        width:100%;
        min-width:0;
    }

}
/* =========================================================
   CONTACT FORM 7
   ========================================================= */

.ar-contact-form form{
    margin:0;
}

.ar-contact-form form p{
    margin:0;
}

.ar-contact-form label{
    display:block;
    margin:0 0 0px;
    font-size:13px;
    line-height:1.4;
    font-weight:600;
    color:#25282d;
}

.ar-contact-form input[type="text"],
.ar-contact-form input[type="email"],
.ar-contact-form input[type="tel"],
.ar-contact-form input[type="url"],
.ar-contact-form select,
.ar-contact-form textarea{
    display:block;
    width:100%;
    margin-top:9px;
    padding:14px 15px;
    border:1px solid #dfe2e6;
    border-radius:9px;
    background:#fff;
    color:#15171b;
    font-family:inherit;
    font-size:15px;
    line-height:1.5;
    outline:none;
    box-sizing:border-box;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.ar-contact-form input[type="text"],
.ar-contact-form input[type="email"],
.ar-contact-form input[type="tel"],
.ar-contact-form input[type="url"],
.ar-contact-form select{
    min-height:50px;
}

.ar-contact-form textarea{
     height:90px !important;
    min-height:90px !important;
    max-height:90px;
    resize:vertical;
}

.ar-contact-form input::placeholder,
.ar-contact-form textarea::placeholder{
    color:#9a9ea5;
}

.ar-contact-form input:focus,
.ar-contact-form select:focus,
.ar-contact-form textarea:focus{
    border-color:#7da6ff;
    box-shadow:0 0 0 3px rgba(37,99,235,.08);
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.ar-contact-form input[type="submit"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 22px;
    margin-top:4px;
    border:0;
    border-radius:999px;
    background:#111318;
    color:#fff;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    transition:background-color .2s ease;
}

.ar-contact-form input[type="submit"]:hover{
    background:#2563eb;
}


/* =========================================================
   CF7 MESSAGES
   ========================================================= */

.ar-contact-form .wpcf7-not-valid-tip{
    margin-top:6px;
    font-size:12px;
    line-height:1.4;
}

.ar-contact-form .wpcf7-response-output{
    margin:20px 0 0 !important;
    padding:12px 14px !important;
    border-radius:8px;
    font-size:13px;
    line-height:1.5;
}

.ar-contact-form .wpcf7-spinner{
    vertical-align:middle;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1000px){

    .ar-contact-hero{
        grid-template-columns:minmax(0, 1fr) minmax(320px, .8fr);
        gap:50px;
    }

    .ar-contact-hero h1{
        font-size:clamp(42px, 6vw, 62px);
    }

    .ar-contact-layout{
        gap:55px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){

    .ar-contact-page{
        padding:64px 0 72px;
    }

    .ar-contact-hero{
        grid-template-columns:1fr;
        gap:44px;
        padding-bottom:60px;
    }

    .ar-contact-hero h1{
        font-size:clamp(40px, 10vw, 56px);
        line-height:1;
    }

    .ar-contact-hero-copy > p{
        margin-top:22px;
        font-size:16px;
        line-height:1.65;
    }

    .ar-contact-help-card{
        max-width:none;
        margin:0;
    }

    .ar-contact-layout{
        grid-template-columns:1fr;
        gap:50px;
        padding-top:58px;
    }

    .ar-contact-intro{
        max-width:none;
    }

    .ar-contact-form{
        max-width:none;
        margin:0;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:480px){

    .ar-contact-help-card{
        padding:24px 20px;
        border-radius:14px;
    }

    .ar-contact-help-item{
        grid-template-columns:30px minmax(0, 1fr);
        gap:11px;
        padding:18px 0;
    }

    .ar-contact-form{
        padding:24px 20px;
        border-radius:14px;
    }

    .ar-contact-form h2{
        font-size:30px;
        margin-bottom:28px;
    }

    .ar-contact-form input[type="submit"]{
        width:100%;
    }

}


/* --------------------------------------------------
   v1.0.3 Premium Process Timeline
-------------------------------------------------- */
.ar-process-v2 {
    padding-block: clamp(6rem, 10vw, 9rem);
    background: #fff;
}
.ar-process-v2 .ar-container { max-width: 1240px; }
.ar-process-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr) minmax(140px, .28fr);
    gap: clamp(2rem, 6vw, 6rem);
    align-items: end;
    margin-bottom: clamp(4rem, 7vw, 6rem);
}
.ar-process-intro h2 {
    max-width: 700px;
    margin: 0;
    font-size: clamp(3rem, 6.5vw, 6rem);
    letter-spacing: -.055em;
}
.ar-process-lede {
    max-width: 470px;
    margin: 0;
    color: var(--ar-muted);
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.7;
}
.ar-process-route {
    align-self: stretch;
    padding-left: 1.35rem;
    border-left: 1px solid var(--ar-border);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .35rem;
    color: #8b929d;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.ar-process-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 2rem);
}
.ar-process-timeline::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 3.7rem;
    height: 1px;
    background: linear-gradient(90deg, #d7e3ff 0%, #9bbcff 50%, #d7e3ff 100%);
}
.ar-process-node { position: relative; min-width: 0; }
.ar-process-node-top { position: relative; height: 5.4rem; }
.ar-process-number {
    display: block;
    color: #e3e7ee;
    font-family: var(--ar-font-heading);
    font-size: clamp(3.5rem, 6vw, 5rem);
    font-weight: 800;
    line-height: .95;
    letter-spacing: -.06em;
}
.ar-process-dot {
    position: absolute;
    left: 0;
    bottom: .72rem;
    width: 18px;
    height: 18px;
    border: 1px solid #8fb5ff;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 5px #fff;
}
.ar-process-dot::after {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: var(--ar-accent);
}
.ar-process-node-copy { padding-top: .2rem; }
.ar-process-node-copy h3 {
    margin-bottom: .7rem;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    letter-spacing: -.035em;
}
.ar-process-node-copy p {
    max-width: 220px;
    min-height: 4.6rem;
    margin: 0;
    color: var(--ar-muted);
    font-size: .98rem;
    line-height: 1.6;
}
.ar-process-label {
    display: inline-block;
    margin-top: 1.25rem;
    padding-top: .75rem;
    border-top: 1px solid var(--ar-border);
    color: #7b838f;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.ar-process-end {
    position: absolute;
    right: -1px;
    top: 2.95rem;
    color: var(--ar-accent);
    font-size: 1.25rem;
    line-height: 1;
    transform: translateX(50%);
}
@media (max-width: 1000px) {
    .ar-process-intro { grid-template-columns: 1fr 1fr; }
    .ar-process-route { display: none; }
    .ar-process-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 3rem; }
    .ar-process-timeline::before { display: none; }
    .ar-process-dot { bottom: .7rem; }
    .ar-process-end { display: none; }
}
@media (max-width: 700px) {
    .ar-process-v2 { padding-block: 4.5rem; }
    .ar-process-intro { grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 3.25rem; }
    .ar-process-intro h2 { font-size: clamp(2.7rem, 13vw, 4.3rem); }
    .ar-process-timeline { grid-template-columns: 1fr; gap: 0; }
    .ar-process-node { display: grid; grid-template-columns: 4.2rem 1fr; gap: 1rem; padding-bottom: 2rem; }
    .ar-process-node-top { height: auto; }
    .ar-process-number { font-size: 2.8rem; }
    .ar-process-dot { top: 3rem; bottom: auto; left: 0; width: 14px; height: 14px; }
    .ar-process-timeline::after { content: ""; position: absolute; left: 6px; top: 3.8rem; bottom: 2rem; width: 1px; background: #c9d9f8; }
    .ar-process-node-copy { padding-top: .2rem; }
    .ar-process-node-copy p { min-height: 0; max-width: none; }
    .ar-process-label { margin-top: .9rem; }
}

/* --------------------------------------------------
   v1.0.4 — Stats strip, richer project cards,
   testimonials and FAQ
-------------------------------------------------- */

/* Stats strip */
.ar-stats-strip {
    padding-block: 2.75rem;
    border-bottom: 1px solid var(--ar-border);
    background: var(--ar-surface);
}
.ar-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
}
.ar-stat-item {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding-inline: 1.25rem;
    border-left: 1px solid var(--ar-border);
}
.ar-stat-item:first-child { border-left: 0; padding-left: 0; }
.ar-stat-number {
    font-family: var(--ar-font-heading);
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ar-text);
}
.ar-stat-label {
    color: var(--ar-muted);
    font-size: .88rem;
    font-weight: 600;
}
@media (max-width: 900px) {
    .ar-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.75rem; }
    .ar-stat-item:nth-child(2n+1) { border-left: 0; padding-left: 0; }
    .ar-stat-item:nth-child(n+3) { border-top: 1px solid var(--ar-border); padding-top: 1.5rem; }
}
@media (max-width: 480px) {
    .ar-stats-strip { padding-block: 2.1rem; }
    .ar-stats-grid { grid-template-columns: 1fr 1fr; gap: 1.1rem; }
}

/* Richer project cards: stretched title link + live site pill + result line */
.ar-project-card { position: relative; }
.ar-project-stretched-link { color: inherit; }
.ar-project-stretched-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
.ar-project-content p.ar-project-result {
    margin: -.3rem 0 .9rem;
    color: var(--ar-text);
    font-size: .92rem;
    line-height: 1.55;
}
.ar-project-result span {
    margin-right: .35rem;
    padding: .1rem .5rem;
    border-radius: 999px;
    background: var(--ar-surface);
    color: var(--ar-accent);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
}
.ar-project-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: auto;
}
.ar-project-live {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .4rem .85rem;
    border: 1px solid var(--ar-border);
    border-radius: 999px;
    background: #fff;
    color: var(--ar-text);
    font-size: .78rem;
    font-weight: 700;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.ar-project-live:hover {
    border-color: var(--ar-accent);
    background: var(--ar-accent);
    color: #fff;
}

/* Testimonials */
.ar-testimonials { background: var(--ar-surface); }
.ar-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}
.ar-testimonial-card {
    position: relative;
    margin: 0;
    padding: 2rem 1.75rem 1.75rem;
    border: 1px solid var(--ar-border);
    border-radius: var(--ar-radius-md, 16px);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ar-testimonial-card:hover {
    transform: translateY(-4px);
    border-color: #d5d9e0;
    box-shadow: 0 18px 45px rgba(17, 19, 24, .07);
}
.ar-testimonial-quote-mark {
    position: absolute;
    top: .9rem;
    left: 1.6rem;
    font-family: var(--ar-font-heading);
    font-size: 3.5rem;
    line-height: 1;
    color: var(--ar-border);
}
.ar-testimonial-card blockquote {
    margin: 0;
    position: relative;
    z-index: 1;
}
.ar-testimonial-card blockquote p {
    margin: 0;
    color: var(--ar-text);
    font-size: 1.02rem;
    line-height: 1.65;
}
.ar-testimonial-card figcaption {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding-top: 1rem;
    border-top: 1px solid var(--ar-border);
}
.ar-testimonial-card figcaption strong {
    font-family: var(--ar-font-heading);
    font-size: .95rem;
    letter-spacing: -.01em;
}
.ar-testimonial-card figcaption span {
    color: var(--ar-muted);
    font-size: .82rem;
}
@media (max-width: 900px) {
    .ar-testimonials-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .ar-testimonials-grid { grid-template-columns: 1fr; }
    .ar-testimonial-card { padding: 1.75rem 1.4rem 1.4rem; }
}

/* FAQ accordion */
.ar-faq-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-width: 820px;
}
.ar-faq-item {
    border: 1px solid var(--ar-border);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}
.ar-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.4rem;
    cursor: pointer;
    list-style: none;
    font-family: var(--ar-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.01em;
    transition: color .18s ease;
}
.ar-faq-item summary::-webkit-details-marker { display: none; }
.ar-faq-item summary:hover { color: var(--ar-accent); }
.ar-faq-toggle {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--ar-border);
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ar-accent);
    transition: transform .2s ease;
}
.ar-faq-item[open] .ar-faq-toggle { transform: rotate(45deg); }
.ar-faq-answer {
    padding: 0 1.4rem 1.35rem;
}
.ar-faq-answer p {
    margin: 0;
    max-width: 680px;
    color: var(--ar-muted);
    font-size: .96rem;
    line-height: 1.65;
}
@media (max-width: 600px) {
    .ar-faq-item summary { padding: 1rem 1.1rem; font-size: .98rem; }
    .ar-faq-answer { padding: 0 1.1rem 1.15rem; }
}


/* --------------------------------------------------
   v1.0.5 Header refinement
-------------------------------------------------- */
.ar-site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}
.ar-header-inner{min-height:74px;gap:1.5rem;min-width:0}
.ar-header-actions{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}
.ar-header-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:0 .95rem;border:1px solid #dfe3e8;border-radius:999px;background:#fff;color:#18201d;font-size:.88rem;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.ar-header-whatsapp:hover{transform:translateY(-1px);border-color:#bfc8c2;background:#f8fbf9;box-shadow:0 8px 22px rgba(17,19,24,.07)}
.ar-whatsapp-icon{display:inline-grid;place-items:center;width:18px;height:18px;color:#168b4b}
.ar-whatsapp-icon svg{width:18px;height:18px;display:block}
.ar-header-cta{min-height:42px;padding:0 1.05rem}
.ar-menu-toggle{flex:0 0 auto}
@media(max-width:900px){
  .ar-header-inner{min-height:68px}
  .ar-header-actions{margin-left:auto}
  .ar-header-whatsapp{width:42px;height:42px;padding:0}
  .ar-header-whatsapp .ar-whatsapp-label{display:none}
  .ar-header-cta{display:none}
  .ar-menu-toggle{display:inline-grid}
}
@media(max-width:600px){
  .ar-header-inner{min-height:64px}
  .ar-header-whatsapp{width:40px;height:40px}
  .ar-menu-toggle{width:40px;height:40px}
  .ar-brand{font-size:1.05rem}
  .ar-brand-mark{width:31px;height:31px;margin-right:.55rem}
}


/* =========================================================
   Services Archive Hero — Custom Background Image
   ========================================================= */

.ar-archive-hero{
    position:relative;
    overflow:hidden;
}

/* Background image + readability overlay */
.ar-archive-hero.has-custom-background{
    background-image:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.96) 34%,
            rgba(255,255,255,.78) 54%,
            rgba(255,255,255,.28) 78%,
            rgba(255,255,255,.05) 100%
        ),
        var(--ar-services-hero-image);

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* Keep hero content clearly above the image */
.ar-archive-hero .ar-container{
    position:relative;
    z-index:2;
}

.ar-archive-hero-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

/* Improve text readability */
.ar-archive-hero-content h1{
    max-width:760px;
}

.ar-archive-hero-content p{
    max-width:650px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 640px){

    .ar-archive-hero.has-custom-background{
        background-image:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.94) 42%,
                rgba(255,255,255,.72) 72%,
                rgba(255,255,255,.30) 100%
            ),
            var(--ar-services-hero-image);

        background-position:center;
    }

    .ar-archive-hero-content{
        max-width:100%;
    }

}

/* --------------------------------------------------
   v1.0.7 — Deep responsive containment
-------------------------------------------------- */
.ar-container{min-width:0}
.ar-hero-v3-grid,.ar-services-v2-grid,.ar-about-v3-grid,.ar-process-intro,.ar-work-grid,.ar-stats-grid,.ar-testimonials-grid{min-width:0}
.ar-hero-v3-grid > *, .ar-services-v2-grid > *, .ar-about-v3-grid > *, .ar-process-intro > *, .ar-process-node, .ar-work-grid > *, .ar-stats-grid > *, .ar-testimonials-grid > *{min-width:0}
.ar-project-content,.ar-service-row-main,.ar-testimonial-card,.ar-faq-item,.ar-final-cta-box{overflow-wrap:anywhere;word-break:break-word}
.ar-project-live{max-width:100%;white-space:normal}
.ar-project-result span{white-space:normal}

/* --------------------------------------------------
   v1.0.6 Responsive overflow + header fit fix
-------------------------------------------------- */
.ar-header-inner,
.ar-header-actions,
.ar-main-navigation,
.ar-brand{min-width:0}
.ar-brand{flex:0 1 auto;white-space:nowrap}
.ar-main-navigation{flex:0 1 auto}
.ar-header-actions{max-width:100%}

/* Keep the process end marker inside the layout box; the previous 50% translation
   intentionally extended it beyond the page and could create a document-wide
   horizontal scrollbar at some viewport widths. */
.ar-process-end{right:0;transform:none}

@media(max-width:900px){
  .ar-main-navigation{
    left:1rem;
    right:1rem;
    width:auto;
    max-width:calc(100% - 2rem);
  }
}

@media(max-width:600px){
  .ar-main-navigation{
    left:.625rem;
    right:.625rem;
    max-width:calc(100% - 1.25rem);
  }
  .ar-header-inner{gap:.65rem}
  .ar-brand{font-size:1.05rem}
  .ar-header-actions{gap:.45rem}
}

@media(max-width:360px){
  .ar-header-inner{gap:.45rem}
  .ar-brand-mark{width:30px;height:30px;margin-right:.45rem}
  .ar-brand{font-size:1rem}
  .ar-header-whatsapp{width:38px;height:38px}
  .ar-menu-toggle{width:38px;height:38px}
}
/* v1.0.7 header hardening */
.ar-header-inner{width:min(calc(100% - 2rem),var(--ar-container));}
.ar-brand{max-width:30%;}
.ar-main-navigation{max-width:48%;}
.ar-header-actions{max-width:30%;}
.ar-main-navigation .menu{min-width:0;}
.ar-main-navigation li,.ar-main-navigation a{min-width:0;}
@media(max-width:1100px){
  .ar-header-inner{gap:1rem;}
  .ar-main-navigation{max-width:46%;}
  .ar-main-navigation .menu{gap:1rem;}
  .ar-header-actions{gap:.45rem;}
}
@media(max-width:900px){
  .ar-brand{max-width:none;}
  .ar-main-navigation{max-width:calc(100% - 2rem);}
  .ar-header-actions{max-width:none;}
}
@media(max-width:600px){
  .ar-header-inner{width:min(calc(100% - 1.25rem),var(--ar-container));}
  .ar-main-navigation{max-width:calc(100% - 1.25rem);}
}
/* v1.0.7 decorative overflow correction */
.ar-hero::before{right:0}
.ar-hero-v3::before{right:0}
.ar-about-v3::before{right:0}
.ar-about-floating-note{right:0}



/* v1.0.8 — WhatsApp icon fit refinement */
.ar-header-whatsapp{min-width:0;line-height:1;}
.ar-whatsapp-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;line-height:0;}
.ar-whatsapp-icon svg{display:block;width:20px;height:20px;flex:0 0 20px;}
.ar-whatsapp-label{line-height:1;}
@media(max-width:900px){
  .ar-header-whatsapp{width:42px;min-width:42px;padding:0;}
}
@media(max-width:600px){
  .ar-header-whatsapp{width:40px;min-width:40px;height:40px;}
}
@media(max-width:360px){
  .ar-header-whatsapp{width:38px;min-width:38px;height:38px;}
}


/* --------------------------------------------------
   v1.1.0 — Premium footer layout correction
-------------------------------------------------- */
.ar-site-footer .ar-footer-cta{align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3.75rem,6vw,5.75rem)}
.ar-site-footer .ar-footer-cta-copy{flex:1 1 auto;min-width:0;max-width:780px}
.ar-site-footer .ar-footer-cta h2{max-width:780px}
.ar-site-footer .ar-footer-cta-button{flex:0 0 auto;white-space:nowrap}
.ar-site-footer .ar-footer-main{display:grid !important;grid-template-columns:minmax(240px,1.65fr) repeat(3,minmax(125px,1fr));align-items:start;gap:clamp(2rem,4vw,4.5rem);padding-block:clamp(3.25rem,5vw,4.75rem)}
.ar-site-footer .ar-footer-brand-block,.ar-site-footer .ar-footer-column{min-width:0}
.ar-site-footer .ar-footer-column{gap:.7rem}
.ar-site-footer .ar-footer-column a{max-width:100%;overflow-wrap:anywhere}
.ar-site-footer .ar-footer-bottom{min-width:0}
@media(max-width:900px){.ar-site-footer .ar-footer-cta{flex-direction:row;align-items:center;gap:2rem}.ar-site-footer .ar-footer-main{grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(105px,1fr));gap:2rem}.ar-site-footer .ar-footer-cta h2{font-size:clamp(2.3rem,5vw,4rem)}}
@media(max-width:760px){.ar-site-footer .ar-footer-cta{align-items:flex-start;flex-direction:column;gap:1.75rem}.ar-site-footer .ar-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.75rem 2rem}.ar-site-footer .ar-footer-cta-button{align-self:flex-start}}
@media(max-width:520px){.ar-site-footer .ar-footer-main{grid-template-columns:1fr;gap:2.25rem;padding-block:3rem}.ar-site-footer .ar-footer-brand-block{max-width:34rem}.ar-site-footer .ar-footer-bottom{align-items:flex-start;flex-direction:column}.ar-site-footer .ar-footer-cta{padding-block:3.5rem}.ar-site-footer .ar-footer-cta h2{font-size:clamp(2.2rem,11vw,3.4rem)}.ar-site-footer .ar-footer-cta-button{width:auto;min-width:140px}}