:root {
    --anbx-navy: #0f1b2d;
    --anbx-navy-2: #16283f;
    --anbx-blue: #2767d8;
    --anbx-blue-soft: #eaf2ff;
    --anbx-orange: #ef6a32;
    --anbx-orange-soft: #fff1e9;
    --anbx-cream: #fbf8f3;
    --anbx-soft: #f5f7fa;
    --anbx-line: #e3e8ef;
    --anbx-text: #122033;
    --anbx-muted: #5e6b7e;
    --anbx-white: #ffffff;
    --anbx-radius: 22px;
    --anbx-shadow: 0 18px 48px rgba(17, 32, 52, .10);
}

/* Preview-safe theme integration. */
.anbx-homepage-pro .entry-title,
.anbx-homepage-pro .page-title,
.anbx-homepage-pro .entry-header,
.anbx-homepage-pro h1.wp-block-post-title {
    display: none !important;
}

.anbx-homepage-pro .site-main,
.anbx-homepage-pro .content-area,
.anbx-homepage-pro .entry-content,
.anbx-homepage-pro article.page {
    overflow: visible !important;
}

.anbx-homepage-pro .entry-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.anbx-home {
    width: 100vw;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    color: var(--anbx-text);
    background: #fff;
    font-family: inherit;
    line-height: 1.55;
    overflow: clip;
}

.anbx-home *,
.anbx-home *::before,
.anbx-home *::after { box-sizing: border-box; }
.anbx-home img { display: block; max-width: 100%; height: auto; }
.anbx-home a { text-decoration: none; }
.anbx-shell { width: min(1220px, calc(100% - 44px)); margin: 0 auto; }
.anbx-section { padding: 88px 0; }
.anbx-section-soft { background: var(--anbx-soft); }

.anbx-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--anbx-blue);
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
}
.anbx-kicker span { width: 23px; height: 3px; border-radius: 999px; background: var(--anbx-orange); }
.anbx-kicker.light { color: #d9e7ff; }
.anbx-kicker.light span { background: #ff8b5d; }

/* Hero */
.anbx-hero {
    padding: 30px 0 22px;
    background:
        radial-gradient(circle at 85% 8%, rgba(39, 103, 216, .06), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
}

.anbx-hero-panel {
    position: relative;
    min-height: 610px;
    border-radius: 30px;
    overflow: hidden;
    background: #e9edf2;
    box-shadow: 0 26px 70px rgba(16, 31, 51, .13);
}

.anbx-hero-media,
.anbx-hero-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.anbx-hero-media img { object-fit: cover; object-position: center center; }
.anbx-hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.95) 34%, rgba(255,255,255,.76) 47%, rgba(255,255,255,.12) 72%, rgba(15,27,45,.08) 100%);
}

.anbx-hero-copy {
    position: relative;
    z-index: 2;
    width: min(640px, 56%);
    padding: 72px 54px 62px;
}

.anbx-hero-copy h1 {
    margin: 0 0 22px;
    color: var(--anbx-navy);
    font-size: clamp(48px, 5.4vw, 78px);
    line-height: .96;
    letter-spacing: -.05em;
    font-weight: 870;
}
.anbx-hero-copy h1 em { color: var(--anbx-blue); font-style: normal; }
.anbx-lede {
    max-width: 600px;
    margin: 0 0 28px;
    color: #48576b;
    font-size: 19px;
    line-height: 1.58;
}

.anbx-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    max-width: 610px;
    padding: 7px;
    border: 1px solid rgba(18, 32, 51, .10);
    border-radius: 15px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 10px 28px rgba(15, 27, 45, .10);
    backdrop-filter: blur(8px);
}
.anbx-search input {
    min-width: 0;
    height: 44px;
    padding: 0 13px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    color: var(--anbx-text);
    font: inherit;
}
.anbx-search input::placeholder { color: #7c8796; }
.anbx-search button {
    min-width: 94px;
    border: 0;
    border-radius: 10px;
    background: var(--anbx-blue);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}
.anbx-search button:hover { background: #1957bc; transform: translateY(-1px); }

.anbx-popular-searches {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px;
    font-size: 12px;
    color: var(--anbx-muted);
}
.anbx-popular-searches > span { font-weight: 750; }
.anbx-popular-searches a {
    padding: 6px 10px;
    border: 1px solid rgba(18,32,51,.10);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: var(--anbx-navy) !important;
    font-weight: 700;
}
.anbx-popular-searches a:hover { border-color: rgba(39,103,216,.32); background: #fff; }

.anbx-hero-principles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 18px;
    border: 1px solid var(--anbx-line);
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}
.anbx-hero-principles > div {
    padding: 18px 20px;
    border-right: 1px solid var(--anbx-line);
}
.anbx-hero-principles > div:last-child { border-right: 0; }
.anbx-hero-principles b { display: block; margin-bottom: 3px; color: var(--anbx-navy); font-size: 14px; }
.anbx-hero-principles span { display: block; color: var(--anbx-muted); font-size: 12.5px; line-height: 1.45; }

/* Shared headings */
.anbx-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 34px;
}
.anbx-section-head.compact { margin-bottom: 28px; }
.anbx-section-head h2,
.anbx-feature-copy h2,
.anbx-standards-intro h2,
.anbx-bottom-cta h2 {
    margin: 0;
    color: var(--anbx-navy);
    font-size: clamp(34px, 3.7vw, 52px);
    line-height: 1.04;
    letter-spacing: -.04em;
    font-weight: 850;
}
.anbx-section-head > p {
    margin: 0 0 5px;
    color: var(--anbx-muted);
    font-size: 16px;
    line-height: 1.65;
}

/* Topic mosaic */
.anbx-topic-mosaic {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}
.anbx-topic-card {
    grid-column: span 3;
    overflow: hidden;
    border: 1px solid var(--anbx-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(17,32,52,.05);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.anbx-topic-card-1 { grid-column: span 7; }
.anbx-topic-card-2 { grid-column: span 5; }
.anbx-topic-card:hover {
    transform: translateY(-4px);
    border-color: #ccd8e9;
    box-shadow: 0 18px 38px rgba(17,32,52,.10);
}
.anbx-topic-image { display: block; overflow: hidden; background: #eceff3; }
.anbx-topic-image img {
    width: 100%;
    height: 195px;
    object-fit: cover;
    transition: transform .35s ease;
}
.anbx-topic-card-1 .anbx-topic-image img,
.anbx-topic-card-2 .anbx-topic-image img { height: 300px; }
.anbx-topic-card:hover .anbx-topic-image img { transform: scale(1.025); }
.anbx-topic-body { padding: 20px 20px 22px; }
.anbx-topic-card-1 .anbx-topic-body,
.anbx-topic-card-2 .anbx-topic-body { padding: 24px 26px 26px; }
.anbx-eyebrow {
    margin-bottom: 7px;
    color: var(--anbx-blue);
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.anbx-topic-body h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.16; letter-spacing: -.025em; }
.anbx-topic-card-1 h3,
.anbx-topic-card-2 h3 { font-size: 28px; }
.anbx-topic-body h3 a { color: var(--anbx-navy); }
.anbx-topic-body p { margin: 0 0 13px; color: var(--anbx-muted); font-size: 14px; line-height: 1.55; }
.anbx-topic-card-1 .anbx-topic-body p,
.anbx-topic-card-2 .anbx-topic-body p { font-size: 15px; max-width: 640px; }

.anbx-text-link { color: var(--anbx-navy) !important; font-size: 13.5px; font-weight: 820; }
.anbx-text-link span { display: inline-block; margin-left: 4px; color: var(--anbx-blue); transition: transform .15s ease; }
.anbx-text-link:hover span { transform: translateX(3px); }
.anbx-text-link.strong { font-size: 15px; }

/* Problems */
.anbx-problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.anbx-problem-grid > a {
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    gap: 4px 12px;
    min-height: 112px;
    padding: 19px;
    border: 1px solid #e0e6ed;
    border-radius: 16px;
    background: #fff;
    color: var(--anbx-navy);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.anbx-problem-grid > a:hover { transform: translateY(-2px); border-color: #cbd7e8; box-shadow: 0 12px 26px rgba(17,32,52,.06); }
.anbx-problem-grid > a > span {
    grid-row: 1 / span 2;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: var(--anbx-blue-soft);
    color: var(--anbx-blue);
    font-size: 11px;
    font-weight: 900;
}
.anbx-problem-grid b { align-self: end; font-size: 15px; line-height: 1.28; }
.anbx-problem-grid small { align-self: start; color: var(--anbx-muted); font-size: 12.5px; line-height: 1.45; }

/* Featured label-printer library */
.anbx-feature-section {
    padding: 72px 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(39,103,216,.17), transparent 30%),
        linear-gradient(135deg, #0d1829 0%, #172a43 100%);
    color: #fff;
}
.anbx-feature-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.anbx-feature-copy h2 { margin-bottom: 18px; color: #fff; }
.anbx-feature-copy p { margin: 0 0 22px; color: #c7d0dd; font-size: 16.5px; line-height: 1.65; }
.anbx-feature-list { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 25px; }
.anbx-feature-list span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #e6edf7; font-size: 12px; font-weight: 720; }
.anbx-feature-image { position: relative; }
.anbx-feature-image::before {
    content: '';
    position: absolute;
    inset: 18px -16px -16px 18px;
    border-radius: 23px;
    background: rgba(255,255,255,.07);
}
.anbx-feature-image img { position: relative; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 21px; box-shadow: 0 28px 64px rgba(0,0,0,.32); }

.anbx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 19px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 820;
    transition: transform .18s ease, background .18s ease;
}
.anbx-btn:hover { transform: translateY(-2px); }
.anbx-btn-light { background: #fff; color: var(--anbx-navy) !important; }

/* Latest guides */
.anbx-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.anbx-guide-card {
    overflow: hidden;
    display: flex;
    min-height: 255px;
    flex-direction: column;
    border: 1px solid var(--anbx-line);
    border-radius: 18px;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.anbx-guide-card:hover { transform: translateY(-3px); border-color: #ced9e7; box-shadow: 0 14px 30px rgba(17,32,52,.08); }
.anbx-guide-image { display: block; overflow: hidden; background: #eef1f5; }
.anbx-guide-image img { width: 100%; height: 175px; object-fit: cover; transition: transform .3s ease; }
.anbx-guide-card:hover .anbx-guide-image img { transform: scale(1.025); }
.anbx-guide-ribbon {
    height: 70px;
    display: flex;
    align-items: flex-end;
    padding: 16px 20px;
    background: linear-gradient(135deg, #eff5ff 0%, #f8fbff 58%, #fff2ea 100%);
}
.anbx-guide-ribbon span {
    color: var(--anbx-blue);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.anbx-guide-body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.anbx-guide-meta { margin-bottom: 8px; color: var(--anbx-blue); font-size: 10.5px; font-weight: 820; letter-spacing: .04em; text-transform: uppercase; }
.anbx-guide-meta span { color: #9aa5b3; }
.anbx-guide-card h3 { margin: 0 0 9px; font-size: 19px; line-height: 1.28; letter-spacing: -.02em; }
.anbx-guide-card h3 a { color: var(--anbx-navy); }
.anbx-guide-card p { margin: 0 0 15px; color: var(--anbx-muted); font-size: 13.5px; line-height: 1.55; }
.anbx-guide-card .anbx-text-link { margin-top: auto; }
.anbx-empty { color: var(--anbx-muted); }

/* Editorial standards */
.anbx-standards-section {
    background: linear-gradient(180deg, #fff 0%, #faf7f2 100%);
    border-top: 1px solid #f0ece7;
}
.anbx-standards-intro { max-width: 780px; margin-bottom: 32px; }
.anbx-standards-intro p { margin: 18px 0 0; color: var(--anbx-muted); font-size: 17px; line-height: 1.65; }
.anbx-standards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 22px; }
.anbx-standards-grid article {
    padding: 23px;
    border: 1px solid #ebe6df;
    border-radius: 18px;
    background: rgba(255,255,255,.82);
}
.anbx-standards-grid strong { display: inline-grid; place-items: center; width: 36px; height: 36px; margin-bottom: 14px; border-radius: 11px; background: var(--anbx-orange-soft); color: #c94c19; font-size: 11px; }
.anbx-standards-grid h3 { margin: 0 0 7px; color: var(--anbx-navy); font-size: 17px; }
.anbx-standards-grid p { margin: 0; color: var(--anbx-muted); font-size: 13.5px; line-height: 1.55; }

/* Bottom CTA */
.anbx-bottom-cta { padding: 58px 0; background: #0c1728; color: #fff; }
.anbx-bottom-cta-inner { display: grid; grid-template-columns: 1fr .9fr; gap: 56px; align-items: center; }
.anbx-bottom-cta h2 { color: #fff; font-size: clamp(31px, 3.2vw, 46px); }
.anbx-search.dark { border-color: rgba(255,255,255,.1); box-shadow: none; }
.anbx-search.dark button { background: var(--orange, var(--anbx-orange)); }
.anbx-search.dark button:hover { background: #d9511d; }

.anbx-home a:focus-visible,
.anbx-home button:focus-visible,
.anbx-home input:focus-visible { outline: 3px solid #ff9b70 !important; outline-offset: 3px; }

@media (max-width: 1060px) {
    .anbx-hero-panel { min-height: 585px; }
    .anbx-hero-copy { width: 61%; padding: 64px 42px 56px; }
    .anbx-topic-card { grid-column: span 6; }
    .anbx-topic-card-1,
    .anbx-topic-card-2 { grid-column: span 6; }
    .anbx-topic-card .anbx-topic-image img { height: 235px; }
    .anbx-problem-grid { grid-template-columns: repeat(2, 1fr); }
    .anbx-guide-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 840px) {
    .anbx-section { padding: 70px 0; }
    .anbx-hero { padding-top: 20px; }
    .anbx-hero-panel { min-height: auto; background: #fff; }
    .anbx-hero-media { position: relative; height: 390px; }
    .anbx-hero-shade { display: none; }
    .anbx-hero-copy { width: auto; padding: 38px 30px 34px; }
    .anbx-hero-copy h1 { font-size: clamp(46px, 10vw, 64px); }
    .anbx-hero-principles { grid-template-columns: 1fr; }
    .anbx-hero-principles > div { border-right: 0; border-bottom: 1px solid var(--anbx-line); }
    .anbx-hero-principles > div:last-child { border-bottom: 0; }
    .anbx-section-head { grid-template-columns: 1fr; gap: 13px; }
    .anbx-feature-grid { grid-template-columns: 1fr; gap: 34px; }
    .anbx-feature-copy { max-width: 720px; }
    .anbx-bottom-cta-inner { grid-template-columns: 1fr; gap: 30px; }
    .anbx-standards-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .anbx-shell { width: min(100% - 28px, 1220px); }
    .anbx-section { padding: 58px 0; }
    .anbx-hero-panel { border-radius: 22px; }
    .anbx-hero-media { height: 280px; }
    .anbx-hero-copy { padding: 30px 22px 26px; }
    .anbx-hero-copy h1 { font-size: clamp(42px, 14vw, 56px); }
    .anbx-lede { font-size: 16.5px; }
    .anbx-search { grid-template-columns: 1fr; }
    .anbx-search button { height: 44px; }
    .anbx-popular-searches { display: none; }
    .anbx-topic-mosaic { grid-template-columns: 1fr; }
    .anbx-topic-card,
    .anbx-topic-card-1,
    .anbx-topic-card-2 { grid-column: 1; }
    .anbx-topic-card .anbx-topic-image img,
    .anbx-topic-card-1 .anbx-topic-image img,
    .anbx-topic-card-2 .anbx-topic-image img { height: 230px; }
    .anbx-topic-card-1 .anbx-topic-body,
    .anbx-topic-card-2 .anbx-topic-body { padding: 20px 20px 22px; }
    .anbx-topic-card-1 h3,
    .anbx-topic-card-2 h3 { font-size: 24px; }
    .anbx-problem-grid,
    .anbx-guide-grid { grid-template-columns: 1fr; }
    .anbx-feature-section { padding: 56px 0; }
    .anbx-feature-image::before { display: none; }
    .anbx-bottom-cta { padding: 50px 0; }
}

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