@font-face {
    font-family:Poppins;
    src:url('../../fonts/poppins-400.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap
}

@font-face {
    font-family:Poppins;
    src:url('../../fonts/poppins-600.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
    font-display:swap
}

@font-face {
    font-family:Poppins;
    src:url('../../fonts/poppins-700.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap
}

:root {
    --born-blue:#406eff;
    --born-purple:var(--born-blue);
    --born-ink:#151619;
    --born-muted:#565d6b;
    --born-coral:#ff4d4d;
    --born-paper:#f5f6f8;
    --ar-font-sans-serif:Poppins,sans-serif;
    --ar-body-font-family:Poppins,sans-serif
}

html {
    scroll-behavior:smooth;
    scroll-padding-top:110px
}

.born-site {
    display:block;
    height:auto;
    min-height:100vh;
    font-family:Poppins,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.75;
    color:var(--born-ink);
    background:#fff;
    -webkit-font-smoothing:antialiased
}

.born-site h1,.born-site h2,.born-site h3 {
    font-family:inherit;
    letter-spacing:-.025em;
    font-weight:600
}

.born-site a {
    color:inherit;
    text-underline-offset:5px
}

.born-site a:hover {
    color:var(--born-purple)
}

.born-site :focus-visible {
    outline:3px solid var(--born-blue);
    outline-offset:5px
}

.born-site img {
    max-width:100%
}

.born-site .text-primary {
    color:var(--born-blue)!important
}

.born-site .btn-primary {
    background:var(--born-purple);
    border-color:var(--born-purple);
    color:#fff;
    font-weight:600;
    box-shadow:none
}

.born-site .btn-primary:hover {
    background:var(--born-purple);
    border-color:var(--born-purple);
    color:#fff
}

.skip-link {
    position:fixed;
    top:-100px;
    left:16px;
    z-index:1000;
    background:white;
    padding:12px 20px
}

.skip-link:focus {
    top:12px
}

.site-header {
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e8e9ed
}

.header-inner {
    display:flex;
    align-items:center;
    gap:38px;
    min-height:90px;
    position:relative
}

.brand {
    flex-shrink:0;
    display:flex;
    align-items:center
}

.desktop-nav {
    display:flex;
    gap:28px;
    margin-left:auto
}

.desktop-nav a,.header-actions a {
    font-size:13px;
    text-decoration:none;
    font-weight:600
}

.header-actions {
    display:flex;
    gap:24px;
    align-items:center
}

.header-cta {
    padding:13px 20px;
    border-radius:30px;
    background:var(--born-ink);
    color:white!important
}

.header-cta:hover {
    background:var(--born-purple)
}

.language-switch {
    border-left:1px solid #e2e4e9;
    padding-left:24px
}

.mobile-menu {
    display:none
}

.hero {
    padding-top:72px
}

.eyebrow {
    font-size:13px;
    font-weight:600;
    letter-spacing:.16em;
    line-height:1.7;
    margin-bottom:24px
}

.status-dot {
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--born-blue);
    margin-right:12px
}

.hero h1 {
    font-size:clamp(48px,6.1vw,84px);
    line-height:1.1;
    max-width:1120px;
    margin-bottom:32px
}

.brand-gradient {
    background:linear-gradient(100deg,#151619 0%,#b42c36 42%,var(--born-blue) 95%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent
}

.hero-bottom {
    display:flex;
    gap:50px;
    align-items:center;
    justify-content:space-between;
    margin-bottom:48px
}

.hero .lead {
    font-size:16px;
    line-height:1.9;
    max-width:560px;
    margin:0;
    color:var(--born-muted)
}

.hero-actions {
    display:flex;
    align-items:center;
    gap:22px;
    flex-shrink:0
}

.hero-actions .btn {
    font-size:12px;
    padding:16px 22px
}

.hero-actions .btn span {
    margin-left:15px
}

.text-link {
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap
}

.text-link span {
    margin-left:10px
}

.hero-showcase {
    background:var(--born-blue);
    color:#fff;
    border-radius:24px;
    overflow:hidden;
    margin:0;
    position:relative
}

.showcase-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:30px 38px 0;
    font-size:clamp(20px,3vw,44px);
    letter-spacing:-.04em;
    font-weight:600
}

.outline-word {
    font-weight:400;
    color:#fff
}

.showcase-symbol {
    font-size:48px;
    line-height:1
}

.showcase-image {
    display:block;
    width:84%;
    height:auto;
    margin:5px auto -6px
}

.hero-showcase figcaption {
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding:23px 38px;
    font-size:13px;
    background:var(--born-purple);
    border-top:1px solid #ffffff40
}

.hero-showcase figcaption span:last-child {
    white-space:nowrap
}

.section-space {
    padding:100px 0
}

.services-section {
    background:var(--born-paper)
}

.section-heading {
    margin-bottom:40px
}

.heading-row {
    display:flex;
    justify-content:space-between;
    gap:60px;
    align-items:flex-end
}

.born-site h2 {
    font-size:clamp(34px,3.7vw,50px);
    line-height:1.2;
    margin-bottom:0
}

.heading-row>p {
    font-size:14px;
    color:var(--born-muted);
    max-width:350px;
    margin:0;
    line-height:1.9
}

.service-card {
    border:1px solid #e3e5eb;
    border-radius:18px;
    box-shadow:none;
    padding:30px 34px;
    background:white;
    scroll-margin-top:110px
}

.service-number {
    display:flex;
    justify-content:space-between;
    color:var(--born-muted);
    font-size:12px;
    margin-bottom:28px
}

.service-number>span:last-child {
    font-size:22px;
    line-height:1
}

.service-card h3 {
    font-size:27px;
    margin-bottom:14px
}

.service-card>p {
    font-size:14px;
    line-height:1.85;
    color:var(--born-muted);
    max-width:470px;
    margin-bottom:18px
}

.service-card .service-deliverables {
    font-size:13px;
    margin-bottom:26px;
    color:#5d6473
}

.service-link {
    font-size:13px;
    font-weight:600;
    align-self:flex-start;
    margin-top:auto;
    text-decoration:none;
    border-bottom:1px solid #d8dce5;
    padding-bottom:5px
}

.service-link>span:last-child {
    margin-left:15px
}

 .service-featured {
    background:var(--born-purple);
    border-color:var(--born-purple);
    color:#fff
}

.service-featured h3,.service-featured>p,.service-featured .service-number,.service-featured .service-deliverables {
    color:#fff
}

.service-featured .service-link { border-color:#ffffff80; }

.service-featured a:hover {
    color:white;
    text-decoration:underline
}

.services-note {
    font-size:12px;
    text-align:center;
    margin:30px 0 0;
    color:var(--born-muted)
}

.services-note a {
    color:var(--born-purple);
    font-weight:600;
    margin-left:10px
}

.approach-section {
    background:#151619;
    color:#fff
}

.approach-section h2 {
    color:#fff
}

.approach-section .eyebrow {
    color:#fff
}

.muted-title {
    color:#a8abb5
}

.process-grid {
    margin-top:48px
}

.process-step {
    border-top:1px solid #ffffff40;
    padding-top:24px;
    max-width:340px
}

.process-number {
    color:#fff;
    font-size:12px
}

.process-step h3 {
    font-size:25px;
    color:#fff;
    margin:34px 0 16px
}

.process-step p {
    font-size:14px;
    color:#c4c7d0;
    line-height:1.9;
    margin-bottom:0
}

.about-copy {
    padding-left:50px
}

.about-copy h2 {
    font-size:clamp(32px,3.2vw,43px);
    margin-bottom:26px
}

.about-copy>p:not(.eyebrow) {
    font-size:14px;
    line-height:1.9;
    color:var(--born-muted)
}

.about-tags {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:0;
    list-style:none;
    margin:26px 0 0
}

.about-tags li {
    font-size:12px;
    border:1px solid #dfe2e8;
    border-radius:30px;
    padding:9px 14px
}

.contact-section {
    background:#eef2ff;
    text-align:center
}

.contact-section h2 {
    max-width:950px;
    margin:auto
}

.contact-section h2>span {
    color:var(--born-blue)
}

.contact-section p:not(.eyebrow) {
    max-width:570px;
    margin:26px auto;
    color:var(--born-muted);
    font-size:14px;
    line-height:1.9
}

.contact-email {
    font-size:clamp(26px,4vw,48px);
    font-weight:600;
    letter-spacing:-.04em;
    text-decoration:none;
    border-bottom:2px solid var(--born-ink);
    display:inline-block;
    margin-top:20px
}

.contact-email span {
    margin-left:20px
}

.site-footer {
    padding:55px 0 26px
}

.footer-main {
    display:flex;
    justify-content:space-between;
    gap:25px;
    padding-bottom:38px
}

.footer-main p {
    font-size:13px;
    color:var(--born-muted);
    margin:16px 0 0
}

.footer-main nav {
    display:flex;
    gap:28px;
    align-items:center
}

.footer-main a,.footer-bottom a {
    font-size:13px;
    text-decoration:none
}

.footer-bottom {
    border-top:1px solid #e3e5eb;
    padding-top:24px;
    display:flex;
    gap:20px;
    justify-content:space-between
}

.footer-bottom p {
    font-size:12px;
    color:var(--born-muted);
    margin:0
}

.footer-bottom nav {
    display:flex;
    gap:20px
}

.legal-note {
    font-size:12px;
    text-align:right;
    color:var(--born-muted);
    margin:14px 0 0
}

@media(min-width:1400px) {
    .born-site .container {
        max-width:1240px
    }
}

@media(max-width:1199px) {
    .header-inner {
        gap:24px
    }
    .desktop-nav {
        gap:18px
    }
    .header-actions {
        gap:18px
    }
    .hero-bottom {
        align-items:flex-start;
        gap:30px
    }
    .hero-actions {
        flex-direction:column;
        align-items:flex-start;
        gap:16px
    }
    .hero .lead {
        max-width:500px
    }
    .heading-row {
        gap:40px
    }
    .heading-row>p {
        max-width:300px
    }
    .about-copy {
        padding-left:28px
    }
}

@media(max-width:991px) {
    .header-inner {
        min-height:78px;
        gap:22px
    }
    .desktop-nav,.header-cta {
        display:none
    }
    .header-actions {
        margin-left:auto
    }
    .language-switch {
        border:0;
        padding:0
    }
    .mobile-menu {
        display:block
    }
    .mobile-menu summary {
        list-style:none;
        font-size:12px;
        font-weight:600;
        cursor:pointer;
        padding:12px 0 12px 8px
    }
    .mobile-menu summary::-webkit-details-marker {
        display:none
    }
    .mobile-menu nav {
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background:#fff;
        border:1px solid #e4e6eb;
        border-radius:0 0 16px 16px;
        padding:12px 24px;
        box-shadow:0 15px 25px #1516190d
    }
    .mobile-menu nav a {
        display:flex;
        justify-content:space-between;
        text-decoration:none;
        padding:16px 0;
        border-bottom:1px solid #eee;
        font-size:15px
    }
    .mobile-menu nav a:last-child {
        border:0
    }
    .hero {
        padding-top:55px
    }
    .hero h1 {
        font-size:60px
    }
    .hero-bottom {
        display:block
    }
    .hero .lead {
        max-width:620px
    }
    .hero-actions {
        flex-direction:row;
        margin-top:28px;
        align-items:center
    }
    .heading-row {
        display:block
    }
    .heading-row>p {
        max-width:560px;
        margin-top:24px
    }
    .section-space {
        padding:75px 0
    }

.service-card {
        padding:26px
    }
    .about-copy {
        padding-left:12px
    }
    .footer-main nav {
        gap:20px
    }
}

@media(max-width:767px) {
    .hero h1 {
        font-size:49px
    }
    .hero .lead {
        font-size:15px
    }
    .hero-showcase {
        border-radius:16px
    }
    .showcase-top {
        padding:25px 24px 0;
        font-size:27px
    }
    .showcase-image {
        width:100%;
        margin-top:15px
    }
    .hero-showcase figcaption {
        padding:18px 24px;
        font-size:12px
    }
    .hero-showcase figcaption span:last-child {
        display:none
    }

.section-space {
        padding:64px 0
    }
    .service-number {
        margin-bottom:22px
    }
    .process-grid {
        margin-top:32px
    }
    .process-step {
        max-width:none
    }
    .process-step h3 {
        margin:20px 0 12px
    }
    .footer-main,.footer-bottom {
        flex-direction:column
    }
    .footer-main nav,.footer-bottom nav {
        flex-wrap:wrap;
        gap:18px
    }
    .legal-note {
        text-align:left
    }
    .contact-section h2 {
        font-size:35px
    }
    .contact-email {
        font-size:32px
    }
    .hero .eyebrow {
        font-size:12px;
        letter-spacing:.12em
    }
    .services-note {
        font-size:13px;
        line-height:1.9
    }
}

@media(max-width:575px) {
    .born-site .container {
        padding-left:22px;
        padding-right:22px
    }
    .brand img {
        width:96px;
        height:auto
    }
    .header-inner {
        min-height:72px
    }
    .hero {
        padding-top:40px
    }
    .hero h1 {
        font-size:clamp(34px,9vw,49px);
        line-height:1.14;
        letter-spacing:-.03em;
        margin-bottom:25px
    }
    .hero-bottom {
        margin-bottom:30px
    }
    .hero-actions {
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
        margin-top:24px
    }
    .hero-actions .btn {
        font-size:13px;
        padding:15px 20px
    }
    .hero .lead {
        font-size:14px;
        line-height:1.85
    }
    .showcase-top {
        font-size:23px;
        padding:22px 20px 0
    }
    .showcase-symbol {
        font-size:33px
    }
    .showcase-image {
        width:100%;
        aspect-ratio:1/1;
        object-fit:contain;
        margin:8px auto 0
    }
    .hero-showcase figcaption {
        padding:16px 20px
    }

.born-site h2 {
        font-size:32px;
        line-height:1.24
    }
    .eyebrow {
        font-size:12px;
        margin-bottom:18px
    }
    .heading-row>p {
        font-size:13px
    }
    .service-card {
        padding:25px
    }
    .service-card h3 {
        font-size:25px
    }
    .service-card>p {
        font-size:13px
    }
    .service-card .service-deliverables {
        font-size:12px
    }
    .about-copy h2 {
        font-size:32px
    }
    .about-copy>p:not(.eyebrow) {
        font-size:13px
    }
    .contact-section h2 {
        font-size:31px
    }
    .contact-section p:not(.eyebrow) {
        font-size:13px
    }
    .contact-email {
        font-size:28px
    }
    .contact-email span {
        margin-left:10px
    }
    .footer-main p {
        max-width:250px
    }
    .footer-bottom nav {
        gap:12px
    }
    .footer-bottom a {
        font-size:12px
    }
    .language-switch {
        font-size:12px!important
    }
    .service-link {
        font-size:13px
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*::before,*::after {
        animation:none!important;
        transition:none!important
    }
}

.contact-secondary {
    margin-top:25px;
    font-size:12px;
    font-weight:600
}


/* Around's hierarchy uses regular body copy and semibold headings. */
.born-site h1 { font-weight:600; }
.born-site h2 .text-primary { font-weight:400; }
.eyebrow { font-weight:700; letter-spacing:.12em; }
.service-card h3 { letter-spacing:-.025em; }
.service-number { font-weight:400; }
.born-site .service-link { color:var(--born-purple); font-size:13px; }
.born-site .service-featured .service-link { color:#fff; }
.born-site .btn-primary:focus-visible { outline-color:var(--born-ink); }
.born-site .approach-section :focus-visible,.born-site .service-featured :focus-visible { outline-color:#fff; }
.born-site .btn-primary:hover { background:var(--born-blue); border-color:var(--born-blue); }
@media(max-width:575px) {
    .service-card>p,.about-copy>p:not(.eyebrow),.heading-row>p { font-size:14px; }
    .service-card .service-deliverables,.service-link,.hero-actions .btn { font-size:13px; }
}



.service-icon { font-size:26px; line-height:1; color:var(--born-purple); }
.service-featured .service-icon { color:#fff; }
.service-link i { font-size:18px; vertical-align:middle; margin-left:10px; }

/* Around's split contact card pairs a clear action with direct channels. */
.contact-section { background:#fff; text-align:left; padding-top:0; padding-bottom:80px; }
.contact-panel { background:var(--born-paper); box-shadow:none; }
.contact-copy { padding:56px; }
.born-site .contact-copy h2 { max-width:650px; margin:0; font-size:clamp(32px,3.8vw,48px); }
.contact-copy h2>span { display:inline; color:var(--born-purple); font-weight:400; }
.contact-section .contact-copy p:not(.eyebrow) { max-width:540px; margin:24px 0 28px; font-size:15px; }
.contact-copy .btn { padding:16px 24px; font-size:14px; }
.contact-channels { background:var(--born-purple); color:#fff; padding:56px 42px; }
.born-site .contact-channels h3 { color:#fff; font-size:24px; margin:0 0 32px; }
.contact-channel+.contact-channel { margin-top:28px; padding-top:28px; border-top:1px solid #ffffff50; }
.contact-channel-label { display:block; font-size:12px; letter-spacing:.04em; margin-bottom:8px; color:#fff; }
.born-site .contact-channel-link { color:#fff; font-size:clamp(18px,2vw,23px); font-weight:600; overflow-wrap:anywhere; }
.born-site .contact-channel-link:hover { color:#fff; text-decoration-thickness:2px; }
.contact-section .contact-channels p { color:#fff; font-size:13px; margin:12px 0 0; line-height:1.75; }
.contact-channels :focus-visible { outline-color:#fff; }
@media(max-width:991px) {
    .contact-copy,.contact-channels { padding:40px; }
    .contact-section { padding-bottom:64px; }
}
@media(max-width:575px) {

.contact-copy,.contact-channels { padding:30px 24px; }
    .born-site .contact-copy h2 { font-size:31px; }
    .contact-section .contact-copy p:not(.eyebrow) { font-size:14px; }
    .contact-copy .btn { width:100%; }
}


/* Exact client-strip composition: Around business-consulting, Clients section. */
.brand-strip {
    background:#f6f9fc;
    padding:80px 0 64px;
}
.brands-heading {
    max-width:none;
    margin:0 auto 44px;
}
.born-site .brands-heading h2 {
    font-size:clamp(30px,3vw,40px);
    font-weight:600;
}
#brands-title { scroll-margin-top:16px; }
.brands-heading p {
    font-size:15px;
    margin:18px 0 0;
}
.brand-carousel {
    width:100%;
    overflow:hidden;
}
.brand-carousel-first { margin-bottom:24px; }
.brand-carousel .swiper-wrapper {
    transition-timing-function:linear!important;
}
.brand-logo-card {
    display:flex;
    align-items:center;
    justify-content:center;
    height:112px;
    padding:20px 18px;
    background:#edf1f5;
    border:0;
    border-radius:16px;
}
.brand-logo-card img {
    display:block;
    width:154px;
    height:64px;
    max-width:100%;
    object-fit:contain;
}
.brand-carousel:not(.swiper-initialized) {
    overflow-x:auto;
    scrollbar-width:thin;
}
.brand-carousel:not(.swiper-initialized) .swiper-slide {
    flex:0 0 196px;
    margin-inline-end:24px;
}
.brand-controls { text-align:center; margin-top:24px; }
.brand-motion-toggle {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    font:inherit;
    font-size:12px;
    background:transparent;
    border:0;
    border-radius:8px;
    color:var(--born-muted);
}
.brand-motion-toggle:hover { color:var(--born-ink); }
.brand-motion-toggle[hidden] { display:none; }
@media(max-width:575px) {
    .brand-strip { padding:56px 0 44px; }
    .brands-heading { margin-bottom:32px; }
    .brands-heading p { font-size:14px; }
    .brand-logo-card { height:100px; padding:18px 12px; }
    .brand-logo-card img { width:140px; height:60px; }
}

/* Equal service cards preserve the Around responsive grid. */
.service-card { display:flex; flex-direction:column; padding:28px 24px; }
.born-site .service-card h3 { font-size:23px; line-height:1.35; }
.service-card>p { font-size:14px; line-height:1.8; }
.service-card .service-deliverables { font-size:12px; line-height:1.8; margin-bottom:26px; }
.service-number { margin-bottom:26px; }
.service-link { line-height:1.65; }
.about-visual { margin:0; background:var(--born-paper); border-radius:20px; overflow:hidden; padding:28px 16px; }
.about-visual img { display:block; width:100%; height:auto; object-fit:contain; }
.footer-main .footer-socials { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.born-site .social-link { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #dfe2e8; border-radius:50%; background:var(--born-paper); color:var(--born-ink); font-size:20px; text-decoration:none; }
.born-site .social-link:hover { background:var(--born-purple); border-color:var(--born-purple); color:#fff; }
.footer-portal { display:inline-flex; align-items:center; gap:8px; margin-right:12px; font-weight:600; }
@media(max-width:767px) { .about-visual { padding:24px 12px; } }
@media(max-width:575px) { .service-card { padding:26px; } .footer-portal { width:100%; margin:0 0 8px; } }

/* Around mega dropdown: two service columns and a visual preview. */
.services-menu-toggle { display:flex; align-items:center; gap:7px; cursor:pointer; list-style:none; font-size:13px; font-weight:600; line-height:1.75; }
.services-menu-toggle::-webkit-details-marker { display:none; }
.services-menu-toggle::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-top:-4px; }
.services-menu[open]>.services-menu-toggle { color:var(--born-purple); }
.mobile-services { border-bottom:1px solid #eee; }
.mobile-services>summary { display:flex; justify-content:space-between; align-items:center; padding:16px 0; font-size:15px; font-weight:600; }
.mobile-services>summary::after { content:"+"; font-size:20px; font-weight:400; }
.mobile-services[open]>summary::after { content:"−"; }
.mobile-service-links { padding:0 0 12px 14px; }
.mobile-menu nav .mobile-service-links a { font-size:13px; padding:12px 0; border:0; }
@media(max-width:991px) {
    .mobile-menu nav { max-height:calc(100dvh - 90px); overflow-y:auto; overscroll-behavior:contain; }
    .mobile-menu .mobile-services>summary { padding:16px 0; }
}
.services-menu-toggle::after,.mobile-services>summary::after { display:none; }
.services-menu-toggle i,.mobile-services>summary i { font-size:16px; transition:transform .2s ease; }
.services-menu[open]>.services-menu-toggle i,.mobile-services[open]>summary i { transform:rotate(180deg); }
.about-visual { padding:0; }
.about-visual img { aspect-ratio:3/2; object-fit:cover; }
.about-visual figcaption { padding:18px 24px; color:var(--born-muted); font-size:13px; line-height:1.75; }

/* Portfolio remains an honest empty state until public evidence is supplied. */
.portfolio-preview { padding:36px; border-radius:20px; box-shadow:none; }
.portfolio-preview>i { color:var(--born-purple); font-size:30px; margin-bottom:24px; }
.portfolio-preview p { font-size:14px; line-height:1.85; color:var(--born-muted); margin:0; }
.portfolio-preview .portfolio-status { font-size:17px; font-weight:600; color:var(--born-ink); margin-bottom:12px; }
.footer-links { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:24px; }
.footer-links .footer-portal { margin:0; }
.footer-portal i { width:18px; height:18px; font-size:18px; line-height:1; }
.social-link i { display:block; width:20px; height:20px; font-size:20px; line-height:1; }
@media(max-width:767px) {
    .footer-links { align-items:flex-start; justify-content:flex-start; }
    .portfolio-preview { padding:28px; }
}

/* Original Around mega dropdown dimensions and edge-to-edge preview. */
.desktop-nav { margin-left:0; }
.header-actions { margin-left:auto; }
.services-menu { position:relative; }
.services-mega-menu {
    display:none;
    position:absolute;
    top:calc(100% + 4px);
    left:0;
    right:auto;
    width:42rem;
    min-width:42rem;
    padding:0;
    overflow:hidden;
    border:1px solid #f0f3f6;
    border-radius:18px;
    background:#fff;
    box-shadow:0 .4375rem 1.25rem rgba(208,208,196,.32);
    z-index:110;
}
.services-menu::before { content:""; position:absolute; top:100%; left:0; width:100%; height:6px; }
.services-menu[open]>.services-mega-menu { display:block; }
.services-mega-content { display:flex; }
.services-mega-menu .mega-dropdown-column { width:14rem; flex:0 0 14rem; padding-right:.5rem; padding-left:.5rem; }
.services-mega-links ul { padding:0; margin:0; list-style:none; }
.born-site .services-mega-links .dropdown-item {
    display:block;
    white-space:nowrap;
    padding:.375rem 1.25rem;
    border-radius:0;
    font-size:14px;
    font-weight:500;
    line-height:1.5;
    color:#434a57;
    text-decoration:none;
}
.born-site .services-mega-links .dropdown-item:hover,
.born-site .services-mega-links .dropdown-item:focus-visible { background:transparent; }
.services-mega-image { position:absolute; top:0; right:0; height:100%; background-size:cover; background-repeat:no-repeat; pointer-events:none; }
.services-mega-spacer { position:relative; border-left:1px solid #e3e9ef; pointer-events:none; }
@media(max-width:991px) { .desktop-nav { display:none; } }

/* Custom web design landing: Around Web Studio composition with BornTM assets. */
.web-service-hero { padding-top:40px; }
.web-hero-panel { background:var(--born-blue); color:#fff; border-radius:32px; padding:64px; }
.web-hero-panel .eyebrow,.web-hero-panel h1,.web-hero-panel h2,.web-hero-panel .lead { color:#fff; }
.web-hero-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:64px; align-items:end; }
.web-hero-grid h1 { font-size:clamp(40px,4.5vw,70px); line-height:1.12; letter-spacing:-.045em; margin:0; font-weight:600; }
.web-hero-grid .lead { margin:0 0 28px; font-size:18px; line-height:1.8; }
.born-site .web-white-button,.born-site .web-white-button:hover { background:#fff; color:var(--born-ink); border:1px solid #fff; display:inline-flex; align-items:center; gap:16px; padding:16px 24px; font-weight:600; }
.web-service-image { margin:24px 0 0; border-radius:28px; overflow:hidden; background:var(--born-paper); }
.web-service-image img { display:block; width:100%; height:auto; }
.web-service-section { padding-top:100px; padding-bottom:100px; }
.web-service-section h2,.web-service-contact h2 { font-size:clamp(30px,3.5vw,48px); line-height:1.2; font-weight:600; letter-spacing:-.035em; max-width:780px; margin-bottom:40px; }
.web-scope-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.web-scope-card { padding:30px 24px; border:1px solid var(--born-line,#e3e5eb); border-radius:20px; }
.web-scope-card>i { font-size:32px; color:var(--born-blue); margin-bottom:32px; }
.web-design-page h3 { font-size:21px; font-weight:600; line-height:1.35; }
.web-scope-card p,.web-process-grid p,.web-faq p { color:var(--born-muted); font-size:15px; line-height:1.85; margin-bottom:0; }
.web-process { background:var(--born-paper); }
.web-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.web-step-number { display:block; color:var(--born-blue); font-size:38px; font-weight:400; padding-bottom:20px; border-bottom:1px solid #dfe2e8; margin-bottom:24px; }
.web-faq { display:grid; grid-template-columns:1fr 1.4fr; gap:60px; }
.web-faq details { border-bottom:1px solid #dfe2e8; padding:24px 0; }
.web-faq details:first-child { padding-top:0; }
.web-faq summary { list-style:none; display:flex; justify-content:space-between; gap:24px; font-weight:600; cursor:pointer; }
.web-faq summary::-webkit-details-marker { display:none; }
.web-faq details[open] summary i { transform:rotate(45deg); }
.web-faq details p { padding-top:18px; }
.web-service-contact { padding-bottom:40px; }
.web-service-contact h2 { margin-bottom:20px; }
.web-service-contact .lead { max-width:700px; margin-bottom:28px; }
@media(max-width:991px) { .web-hero-panel { padding:40px; }.web-hero-grid { grid-template-columns:1fr; gap:28px; }.web-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.web-faq { grid-template-columns:1fr; gap:0; }.web-process-grid { gap:24px; } }
@media(max-width:575px) { .web-service-hero { padding-top:20px; }.web-hero-panel { padding:32px 24px; border-radius:24px; }.web-service-section { padding-top:64px; padding-bottom:64px; }.web-scope-grid,.web-process-grid { grid-template-columns:1fr; }.web-service-image { border-radius:20px; }.web-hero-grid h1 { font-size:40px; }.web-hero-grid .lead { font-size:16px; }.web-service-section h2 { margin-bottom:28px; }.web-service-contact { padding-bottom:24px; } }

.web-preview { padding-top:40px; overflow:hidden; }
.web-preview-layers { position:relative; width:100%; max-width:1043px; margin:0 auto; }
.web-preview-layers img { display:block; width:100%; height:auto; }
.web-preview-layers img:first-child { position:relative; z-index:5; }
.web-preview-layers img:not(:first-child) { position:absolute; inset:0; }
.web-preview-layers img:nth-child(2) { z-index:2; }
.web-preview-layers img:nth-child(3) { z-index:1; }
.web-preview-pair { display:grid; grid-template-columns:5fr 7fr; gap:32px; margin:48px 0 0; align-items:start; }
.web-preview-pair>div { background:var(--born-paper); overflow:hidden; }
.web-preview-pair img { width:100%; height:auto; display:block; }
.web-preview-note { color:var(--born-muted); text-align:center; font-size:12px; margin:24px 0 0; }
.born-site .service-card,.web-scope-card { transition:box-shadow .3s ease,border-color .3s ease; }
.born-site .service-card:hover,.web-scope-card:hover { border-color:var(--born-blue); box-shadow:0 12px 30px #1516190b; }
.born-site .btn { transition:background-color .2s ease,color .2s ease,box-shadow .2s ease; }
@media(max-width:575px) { .web-preview { padding-top:24px; }.web-preview-pair { gap:14px; margin-top:24px; } }
@media(prefers-reduced-motion:reduce) { [data-aos] { opacity:1!important; transform:none!important; transition:none!important; }.born-site .btn,.born-site .service-card,.web-scope-card { transition:none; } }

body:not(.motion-ready) [data-aos] { opacity:1!important; transform:none!important; }

/* Full-width service introduction with a restrained dark web symbol. */
.web-service-hero { padding-top:0; }
.web-service-hero>.web-hero-panel { position:relative; border-radius:0; padding:32px 0 72px; overflow:hidden; }
.web-service-hero .web-hero-grid { position:relative; z-index:1; gap:80px; }
.web-service-hero .web-hero-grid h1 { font-size:clamp(44px,5.5vw,80px); max-width:760px; }
.web-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:64px; font-size:13px; position:relative; z-index:1; }
.born-site .web-breadcrumb a,.born-site .web-breadcrumb a:hover { color:#fff; text-decoration:none; }
.web-breadcrumb a:hover { text-decoration:underline!important; }
.web-breadcrumb i { font-size:11px; opacity:.65; }
.web-breadcrumb span { opacity:.8; }



.web-service-hero>.web-hero-panel .eyebrow { display:inline-flex; background:var(--born-ink); border-radius:30px; padding:10px 18px; letter-spacing:.1em; margin-bottom:24px; }
.web-service-hero .web-preview { padding-top:64px; }
@media(max-width:991px) { .web-service-hero .web-hero-grid { gap:28px; }.web-breadcrumb { margin-bottom:48px; } }
@media(max-width:575px) { .web-service-hero { padding-top:0; }.web-service-hero>.web-hero-panel { padding:24px 0 44px; }.web-service-hero .web-hero-grid h1 { font-size:44px; }.web-breadcrumb { gap:8px; font-size:11px; margin-bottom:36px; }.web-service-hero .web-preview { padding-top:36px; } }

/* Around accordion with the original Bootstrap height transition. */
.web-faq .accordion-item { border:0; border-bottom:1px solid #dfe2e8; background:transparent; border-radius:0; }
.web-faq .accordion-header { margin:0; }
.web-faq .accordion-button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border:0; border-radius:0; background:transparent; color:var(--born-ink); font-family:inherit; font-size:16px; line-height:1.6; text-align:left; font-weight:600; box-shadow:none; cursor:pointer; transition:color .2s ease; }
.web-faq .accordion-item:first-child .accordion-button { padding-top:0; }
.web-faq .accordion-button::after { display:none; }
.web-faq .accordion-button>i { flex:none; transition:transform .25s ease; }
.web-faq .accordion-button[aria-expanded="true"]>i { transform:rotate(45deg); }
.web-faq .accordion-body { padding:0 0 24px; }
.web-faq .collapse:not(.show) { display:none; }
.web-faq .collapsing { height:0; overflow:hidden; transition:height .35s ease; }
.web-faq .accordion-button:focus:not(:focus-visible) { outline:none; box-shadow:none; }
@media(prefers-reduced-motion:reduce) { .web-faq .collapsing,.web-faq .accordion-button>i { transition:none; } }

.web-service-hero>.web-hero-panel .eyebrow { align-items:center; gap:12px; }
.web-service-hero>.web-hero-panel .eyebrow>i { font-size:24px; line-height:1; display:block; }

/* Split gray/blue service hero and three contact options. */
.web-service-hero>.web-hero-panel { background:var(--born-paper); padding-bottom:40px; }
.web-service-hero .web-breadcrumb,.born-site .web-service-hero .web-breadcrumb a,.born-site .web-service-hero .web-breadcrumb a:hover { color:var(--born-muted); }
.web-service-hero .web-breadcrumb { margin-bottom:40px; }
.web-service-hero .web-hero-grid { gap:0; grid-template-columns:1.15fr 1fr; align-items:stretch; }
.web-service-hero .web-hero-grid h1 { color:var(--born-ink); font-size:clamp(42px,4.5vw,66px); padding:16px 56px 40px 0; }
.web-service-hero .web-hero-description { background:var(--born-blue); color:#fff; border-radius:24px; padding:48px; display:flex; align-items:center; }
.web-service-hero .web-hero-description .lead { margin:0; color:#fff; }
.web-service-hero>.web-hero-panel .eyebrow { background:transparent; color:var(--born-ink); padding:0; margin-bottom:28px; }
.web-service-hero>.web-hero-panel .eyebrow>i { color:var(--born-blue); }
.web-hero-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:32px; }
.born-site .web-action { display:flex; gap:18px; align-items:center; padding:24px; background:#fff; border:1px solid #e1e4eb; border-radius:16px; color:var(--born-ink); text-align:left; font:inherit; font-weight:600; text-decoration:none; transition:border-color .25s ease,box-shadow .25s ease; }
.web-action>i { width:48px; height:48px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--born-paper); border-radius:12px; color:var(--born-blue); font-size:24px; }
.web-action small { display:block; margin-top:5px; color:var(--born-muted); font-size:12px; font-weight:400; }
.born-site a.web-action:hover { color:var(--born-ink); border-color:var(--born-blue); box-shadow:0 6px 18px #15161908; }
.web-action:disabled { opacity:1; cursor:default; }
@media(max-width:991px) { .web-service-hero .web-hero-grid { grid-template-columns:1fr; }.web-service-hero .web-hero-grid h1 { padding:0 0 32px; max-width:800px; }.web-service-hero .web-hero-description { padding:32px; }.web-hero-actions { gap:12px; }.born-site .web-action { padding:18px 14px; gap:12px; }.web-action>i { width:36px; height:36px; font-size:22px; } }
@media(max-width:575px) { .web-hero-actions { grid-template-columns:1fr; margin-top:24px; }.web-service-hero .web-hero-description { padding:28px 24px; border-radius:18px; }.web-service-hero .web-hero-grid h1 { font-size:42px; }.born-site .web-action { padding:18px 20px; }.web-action>i { width:44px; height:44px; } }

.public-document { padding-top:32px; padding-bottom:64px; }
.public-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:13px; color:var(--born-muted); margin-bottom:48px; }
.public-breadcrumb a { color:var(--born-ink); text-decoration:none; }
.public-breadcrumb i { font-size:11px; }
.meeting-heading { max-width:800px; margin-bottom:40px; }
.meeting-heading h1,.legal-document h1 { font-size:clamp(36px,4.5vw,60px); letter-spacing:-.04em; font-weight:600; line-height:1.15; margin-bottom:24px; }
.meeting-heading .lead { color:var(--born-muted); }
.meeting-calendar { border:1px solid #e1e4eb; border-radius:24px; overflow:hidden; background:var(--born-paper); }
.meeting-calendar iframe { display:block; border:0; width:100%; height:900px; background:#fff; }
.calendar-fallback { margin-top:20px; text-align:center; font-size:14px; }
.legal-document { max-width:900px; margin:0 auto; color:var(--born-muted); line-height:1.9; }
.legal-document h2,.legal-document h3,.legal-document h4 { color:var(--born-ink); font-weight:600; margin-top:36px; margin-bottom:16px; line-height:1.4; }
.legal-document h2 { font-size:26px; }.legal-document h3 { font-size:21px; }
.legal-document p,.legal-document ul,.legal-document ol { margin-bottom:20px; }
@media(max-width:575px) { .public-document { padding-top:24px; }.public-breadcrumb { margin-bottom:32px; }.meeting-calendar { border-radius:16px; }.meeting-calendar iframe { height:1050px; } }

/* Compact Around input groups and service inquiry. */
.service-form-panel { display:block; padding:32px 40px; }
.service-form-intro { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:24px; margin-bottom:20px; }
.service-form-intro .eyebrow { display:none; }
.service-form-intro h2 { font-size:30px; margin:0; }
.service-form-intro .lead { font-size:14px; margin:0; }
.service-fields { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px 16px; }
.service-fields>label { display:flex; flex-direction:column; gap:5px; margin:0; min-width:0; grid-column:span 2; }
.service-fields>label>span:first-child,.service-choice legend { color:#fff; font-size:12px; font-weight:500; }
.service-fields .input-group { display:flex; flex-wrap:nowrap; align-items:stretch; background:#fff; border:1px solid #d7dce3; border-radius:8px; overflow:hidden; width:100%; }
.service-fields .input-group-text { display:flex; align-items:center; justify-content:center; padding:0 12px; background:#f5f6f8; color:#565d6b; border:0; border-right:1px solid #e3e5eb; font-size:17px; }
.service-fields .form-control,.service-fields .form-select { color:#151619; background:#fff; border:1px solid #d7dce3; border-radius:8px; font:inherit; font-size:13px; padding:9px 12px; width:100%; min-width:0; height:40px; }
.service-fields .input-group .form-control { border:0; border-radius:0; }
.service-fields .service-field-half,.service-fields .service-choice { grid-column:span 3; }
.service-fields .service-field-full { grid-column:1/-1; }
.inquiry-select { display:block; position:relative; }
.inquiry-select .form-select { appearance:none; -webkit-appearance:none; background-image:none; padding-left:40px; padding-right:36px; }
.inquiry-select>i { position:absolute; left:13px; top:50%; transform:translateY(-50%); font-size:17px; color:#565d6b; pointer-events:none; }
.inquiry-select>i:last-child { left:auto; right:13px; font-size:13px; }
.service-fields textarea.form-control { min-height:40px; height:40px; resize:vertical; }
.service-choice { min-width:0; margin:0; padding:0; border:0; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.service-choice legend { float:left; width:auto; margin:0; padding:0; line-height:36px; }
.service-choice-options { display:flex; gap:6px; }
.service-choice-options label { position:relative; cursor:pointer; }
.service-choice-options input { position:absolute; opacity:0; width:1px; height:1px; }
.service-choice-options label>span { display:block; padding:6px 12px; border:1px solid #ffffff80; border-radius:7px; color:#fff; font-size:12px; white-space:nowrap; }
.service-choice-options input:checked+span { background:#fff; color:#151619; border-color:#fff; font-weight:600; }
.service-choice-options input:focus-visible+span { outline:2px solid #fff; outline-offset:2px; }
.service-fields .input-group:focus-within,.inquiry-select:focus-within { outline:2px solid #151619; outline-offset:2px; border-radius:8px; }
.service-fields input:focus,.service-fields select:focus { outline:0; box-shadow:none; }
.service-form-bottom { display:flex; gap:20px; justify-content:space-between; align-items:center; margin-top:16px; flex-wrap:wrap; }
.service-form-bottom .btn { font-size:13px; padding:11px 20px; }
.service-form-bottom .btn:disabled { opacity:.7; cursor:default; }
.form-preview-note,.service-form-privacy { color:#fff; font-size:11px; line-height:1.7; }
.service-form-privacy { margin:12px 0 0; }
.born-site .service-form-privacy a,.born-site .service-form-privacy a:hover { color:#fff; text-decoration:underline; }
.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.service-form-status { padding:12px; background:#fff; border-radius:8px; color:#151619; font-size:13px; margin-bottom:16px; }
@media(max-width:991px) { .service-form-panel { padding:28px; }.service-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-fields>label,.service-fields .service-field-half,.service-fields .service-choice { grid-column:span 1; }.service-choice { display:block; }.service-choice legend { float:none; line-height:1.5; margin-bottom:6px; }.service-choice-options label { flex:1; text-align:center; } }
@media(max-width:575px) { .service-form-panel { padding:24px 20px; }.service-form-intro h2 { font-size:26px; margin-bottom:8px; }.service-fields { grid-template-columns:1fr; gap:12px; }.service-fields>label,.service-fields .service-field-half,.service-fields .service-choice { grid-column:1; }.service-form-bottom { gap:12px; }.service-form-bottom .btn { width:100%; justify-content:center; }.service-form-bottom .g-recaptcha { transform:scale(.78); transform-origin:left center; width:238px; margin-right:-66px; } }

/* Service hero with the supplied, BornTM-colored animation. */
.web-service-hero .web-hero-animated { grid-template-columns:1.05fr 1fr; gap:32px; align-items:center; }
.web-hero-text { padding:0 0 24px; }
.web-service-hero .web-hero-animated h1 { font-size:clamp(42px,4.4vw,64px); line-height:1.1; padding:0; margin:0 0 24px; max-width:650px; }
.web-service-hero .web-hero-animated .lead { color:var(--born-muted); font-size:17px; line-height:1.85; max-width:580px; margin:0 0 28px; }
.web-hero-text>.btn { display:inline-flex; align-items:center; gap:18px; padding:16px 24px; }
.web-hero-animation { width:100%; max-width:570px; justify-self:end; aspect-ratio:1; margin-top:-48px; margin-bottom:-28px; }
.web-hero-animation lottie-player { display:block; width:100%; height:100%; }
.web-service-hero .web-hero-actions { margin-top:24px; }
@media(max-width:991px) { .web-service-hero .web-hero-animated { grid-template-columns:1fr 1fr; gap:24px; }.web-service-hero .web-hero-animated h1 { font-size:42px; }.web-hero-animation { margin:0; }.web-service-hero .web-hero-animated .lead { font-size:15px; } }
@media(max-width:767px) { .web-service-hero .web-hero-animated { grid-template-columns:1fr; gap:0; }.web-hero-animation { max-width:420px; justify-self:center; margin:-20px 0; }.web-hero-text { padding-bottom:20px; }.web-service-hero .web-hero-animated h1 { max-width:560px; } }

/* Light-gray heading strip above the blue inquiry fields. */
.web-service-contact .service-form-panel { padding:0; overflow:hidden; }
.service-form-panel .service-form-intro { display:block; margin:0; padding:24px 40px; background:var(--born-paper); }
.service-form-panel .service-form-intro h2 { color:var(--born-ink); font-size:30px; line-height:1.25; margin:0 0 8px; }
.service-form-panel .service-form-intro .lead { color:var(--born-ink); font-size:14px; line-height:1.65; margin:0; }
.service-form-panel .service-inquiry-form { padding:24px 40px 28px; }
@media(max-width:991px) { .service-form-panel .service-form-intro { padding:22px 28px; }.service-form-panel .service-inquiry-form { padding:22px 28px 26px; } }
@media(max-width:575px) { .service-form-panel .service-form-intro { padding:20px; }.service-form-panel .service-form-intro h2 { font-size:26px; }.service-form-panel .service-inquiry-form { padding:20px; } }
.saas-feature-field { grid-column:span 4; min-width:0; }
.saas-field-label { display:block; font-size:12px; font-weight:500; margin-bottom:5px; color:#fff; }
.saas-feature-select { background:#fff; border:1px solid #d7dce3; border-radius:8px; color:var(--born-ink); }
.saas-feature-select summary { display:flex; align-items:center; gap:12px; padding:9px 12px; height:38px; cursor:pointer; list-style:none; font-size:13px; }
.saas-feature-select summary::-webkit-details-marker { display:none; }
.saas-feature-select summary>i { color:var(--born-muted); font-size:17px; }
.saas-feature-select summary>i:last-child { margin-left:auto; font-size:13px; }
.saas-feature-select fieldset { border:0; padding:12px; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; border-top:1px solid #e3e5eb; }
.saas-feature-select .form-check { display:flex; align-items:center; gap:8px; margin:0; padding:0; font-size:12px; cursor:pointer; }
.saas-feature-select .form-check-input { appearance:auto; -webkit-appearance:auto; width:16px; height:16px; flex:none; margin:0; accent-color:var(--born-blue); }
@media(max-width:991px) { .saas-feature-field { grid-column:1/-1; } }
@media(max-width:575px) { .saas-feature-select fieldset { grid-template-columns:1fr; } }
.saas-feature-select summary>[data-feature-label] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.saas-feature-select summary>i { flex:none; }
.service-fields .inquiry-attachment { grid-column:span 4; }
.inquiry-attachment small { color:#fff; font-size:10px; line-height:1.5; }
.service-fields input[type=file].form-control { padding:6px 8px; font-size:11px; }
.service-fields input[type=file]::file-selector-button { border:0; background:#edf0f5; color:#151619; border-radius:4px; font:inherit; padding:5px 8px; margin-right:8px; }
@media(max-width:991px) { .service-fields .inquiry-attachment { grid-column:1/-1; } }
.service-fields>.saas-feature-field.service-field-full { grid-column:1/-1; }
.branding-inquiry-form .service-fields .inquiry-attachment { grid-column:1/-1; }
.marketing-inquiry-form .service-fields .inquiry-attachment { grid-column:1/-1; }

.service-form-panel .service-form-intro .lead { max-width:none; }
.service-fields>.performance-multiple { grid-column:span 3; }
@media(max-width:991px) { .service-fields>.performance-multiple { grid-column:1/-1; } }
.strategy-timeline { background:var(--born-paper); }
.strategy-timeline-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:88px; align-items:start; }
.strategy-timeline-intro { position:sticky; top:140px; }
.strategy-timeline-intro h2 { margin-bottom:24px; }
.strategy-timeline-intro>p:last-child { font-size:16px; line-height:1.85; color:var(--born-muted); }
.strategy-timeline .strategy-timeline-steps { padding:0; list-style:none; --ar-steps-number-inner-bg:#fff; --ar-steps-connect-style:solid; --ar-steps-connect-color:#d3d9e4; }
.strategy-timeline .step { align-items:center; }
.strategy-timeline .step-number { margin-top:0; }
.strategy-timeline .step-body { padding-top:8px; }
.strategy-timeline .step-body h3 { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.strategy-timeline .step-body h3>i { color:var(--born-blue); font-size:24px; }
.strategy-timeline .step-body>p { color:var(--born-muted); line-height:1.8; font-size:15px; margin-bottom:12px; }
.strategy-timeline .step-body>.timeline-services { color:var(--born-ink); font-size:12px; font-weight:500; margin-bottom:0; }
.strategy360-inquiry-form .service-fields>label:nth-child(n+4):not(.service-field-full) { grid-column:span 3; }
@media(max-width:991px) { .strategy-timeline-layout { grid-template-columns:1fr; gap:36px; }.strategy-timeline-intro { position:static; }.strategy360-inquiry-form .service-fields>label:nth-child(n+4):not(.service-field-full) { grid-column:span 1; } }
@media(max-width:575px) { .strategy-timeline .steps { --ar-steps-number-size:52px; --ar-steps-number-inner-size:40px; --ar-steps-padding-x:16px; }.strategy-timeline .step-body h3 { font-size:20px; }.strategy-timeline .step-body h3>i { display:none; } }
@media(prefers-reduced-motion:reduce) { .strategy-timeline .step-number::before,.strategy-timeline .step-number-inner { transition:none; } }
.performance-tools { padding-top:64px; }
.performance-tools h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; font-weight:600; letter-spacing:-.035em; margin-bottom:18px; }
.performance-tools-intro { color:var(--born-muted); max-width:760px; font-size:15px; line-height:1.8; margin-bottom:28px; }
.performance-tool-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.performance-tool-grid li { background:var(--born-paper); border-radius:14px; padding:12px 8px 18px; text-align:center; min-width:0; }
.performance-tool-grid img { display:block; width:100%; height:90px; object-fit:contain; margin:0 auto 4px; }
.performance-tool-grid span { display:block; color:var(--born-ink); font-size:11px; font-weight:500; }
@media(max-width:991px) { .performance-tool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:575px) { .performance-tools { padding-top:48px; }.performance-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.performance-tool-grid img { max-width:200px; } }

/* About: Around about-agency hero, split story, and capability cards. */
.about-page-hero{background:#f6f7f9;padding:30px 0 100px}.about-breadcrumb{display:flex;align-items:center;gap:14px;font-size:13px;color:#626875;margin-bottom:60px}.about-breadcrumb i{font-size:12px}.about-intro-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:80px;align-items:center}.about-page h1{font-size:clamp(38px,4.5vw,68px);line-height:1.12;letter-spacing:-.045em;margin:20px 0 28px}.about-page h1 span{color:#406eff;font-weight:400}.about-page .lead{font-size:19px;max-width:650px;line-height:1.8}.about-experience{border-left:1px solid #dfe2e9;padding-left:55px;display:flex;flex-direction:column}.about-experience>strong{font-size:clamp(100px,12vw,172px);line-height:1;font-weight:600;letter-spacing:-.08em;color:#406eff}.about-experience>strong span{font-size:.48em;vertical-align:top;line-height:1.5}.about-experience>span{font-size:17px;color:#151619;margin:16px 0 26px}.about-experience-lines{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#626875}.about-story{padding-top:0}.about-story-photo{margin:-45px 0 65px;position:relative;overflow:hidden;border-radius:24px}.about-story-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:center 48%}.about-page h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.035em;max-width:850px;margin-bottom:25px}.about-story-copy{padding-bottom:80px}.about-story-copy p:not(.eyebrow),.about-section-lead{font-size:17px;line-height:1.9;color:#626875}.about-expertise{background:#f6f7f9}.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.about-pillars article{background:#fff;padding:32px;border:1px solid #e3e5eb;border-radius:18px}.about-pillars article>i{display:block;font-size:32px;color:#406eff;margin-bottom:28px}.about-page h3{font-size:21px;line-height:1.45;letter-spacing:-.025em;margin:0 0 18px}.about-pillars p{color:#626875;line-height:1.85;margin:0}.about-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:35px}.about-capabilities a{display:flex;gap:18px;align-items:center;border:1px solid #e3e5eb;border-radius:14px;padding:22px;color:#151619;transition:background .25s,border-color .25s}.about-capabilities a:hover{background:#f6f7f9;border-color:#406eff}.about-capabilities a>i:first-child{font-size:24px;color:#406eff}.about-capabilities a>i:last-child{margin-left:auto}.about-step-number{display:block;color:#406eff;font-size:30px;margin-bottom:25px}.about-page-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f6f7f9;border-radius:24px;padding:45px}.about-page-contact h2{margin-bottom:12px}.about-page-contact p{margin:0;color:#626875}.about-page-contact .btn{flex-shrink:0;gap:14px}
@media(max-width:991px){.about-intro-grid{gap:35px}.about-experience{padding-left:30px}.about-pillars{gap:14px}.about-pillars article{padding:24px}.about-page-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){.about-page-hero{padding-bottom:75px}.about-breadcrumb{margin-bottom:35px}.about-intro-grid{grid-template-columns:1fr}.about-experience{border-left:0;border-top:1px solid #dfe2e9;padding:25px 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:30px;align-items:center}.about-experience>strong{grid-row:span 2;font-size:110px}.about-experience>span{margin:0 0 12px}.about-experience-lines{font-size:12px}.about-story-photo{margin-bottom:35px}.about-story-photo img{height:230px}.about-story-copy{padding-bottom:45px}.about-pillars,.about-capabilities{grid-template-columns:1fr}.about-page-contact{padding:28px}.about-page .lead{font-size:17px}.about-page h1{font-size:40px}}
.born-site .about-capabilities a,
.born-site .about-capabilities a:hover,
.born-site .about-capabilities a:focus-visible { text-decoration:none; }