/* ===== Internal sections ===== */
.page-hero{padding-top:4rem;padding-bottom:3rem}
.page-hero-inner{
    max-width:62rem;
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.page-hero-inner p{font-size:1.08rem}

/* ===== About / Services ===== */
.timeline{display:grid;gap:1rem}
.timeline-item{
    display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:start
}
.timeline-item span{
    display:grid;place-items:center;
    width:4rem;height:4rem;border-radius:20px;
    background:linear-gradient(135deg, rgba(93,220,255,.18), rgba(124,108,255,.18));
    color:var(--text);font-weight:800;font-size:1.1rem
}
.service-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.service-detail-head{margin-bottom:1rem}
.service-pill{
    display:inline-flex;
    padding:.35rem .75rem;
    border-radius:999px;
    margin-bottom:.85rem;
    color:var(--primary);
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    box-shadow:none
}
.tech-cloud{
    display:flex;flex-wrap:wrap;gap:.75rem
}
.tech-cloud span{
    padding:.85rem 1rem;border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    box-shadow:none
}
.tech-showcase{
    display:grid;
    grid-template-columns:minmax(12rem, 16rem) minmax(0,1fr);
    gap:1.25rem;
    align-items:start
}
.tech-tabs{display:grid;gap:.8rem}
.tech-tab{
    text-align:left;
    border:1px solid var(--line);
    background:rgba(255,255,255,.03);
    color:#d9e3f6;
    border-radius:18px;
    padding:1rem 1.1rem;
    cursor:pointer;
    transition:transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease
}
.tech-tab:hover,
.tech-tab:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(93,220,255,.35);
    outline:none
}
.tech-tab.is-active{
    color:var(--text);
    background:linear-gradient(180deg, rgba(93,220,255,.14), rgba(255,255,255,.05));
    border-color:rgba(93,220,255,.42);
    box-shadow:var(--shadow)
}
.tech-panel{
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:24px;
    padding:1.5rem
}
.tech-panel h3{margin-bottom:.8rem}
.tech-panel-copy{max-width:42rem}
.tech-badges{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:1.4rem
}
.tech-badges span{
    display:inline-flex;
    align-items:center;
    padding:.8rem 1rem;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--line);
    color:#dce6f8
}

/* ===== CTA ===== */
.cta-box{
    display:grid;grid-template-columns:1.4fr .6fr;gap:1.5rem;align-items:center;
    padding:2rem;
    background:
      radial-gradient(circle at top right, rgba(93,220,255,.12), transparent 35%),
      linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:24px
}
.cta-actions{display:grid;gap:.85rem}