:root {
    --uc-green: #06c167;
    --uc-green-deep: #049e52;
    --uc-ink: #0b0f14;
    --uc-ink-2: #151a21;
    --uc-ink-3: #1c232d;
    --uc-muted: #6b7280;
    --uc-line: rgba(255, 255, 255, 0.12);
    --uc-paper: #ffffff;
    --uc-fog: #f3f5f7;
    --uc-font: "Plus Jakarta Sans", system-ui, sans-serif;
    --uc-radius: 14px;
    --uc-radius-pill: 999px;
    --container: 1180px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--uc-font);
    color: var(--uc-ink);
    background: var(--uc-fog);
    line-height: 1.5;
    min-height: 100vh;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; margin: 0; padding: 0; }

.container {
    width: min(100% - 2rem, var(--container));
    margin-inline: auto;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* —— Header —— */
.uc-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #0b0f14;
    border-bottom: 1px solid var(--uc-line);
}

.uc-header__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 4.35rem;
}

.uc-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.03em;
    flex-shrink: 0;
}

.uc-brand__mark {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0.45rem;
    background:
        linear-gradient(145deg, var(--uc-green) 0%, #14e078 55%, #9dffb0 100%);
    box-shadow: 0 0 0 3px rgba(6, 193, 103, 0.18);
    position: relative;
}

.uc-brand__mark::after {
    content: "";
    position: absolute;
    inset: 28% 18% 38% 18%;
    border-radius: 2px 2px 40% 40%;
    background: #04150c;
    opacity: 0.35;
}

.uc-brand__name { color: #fff; }
.uc-brand__name span { color: var(--uc-green); }

.uc-nav {
    display: flex;
    align-items: center;
    gap: 0.15rem 1.05rem;
    flex: 1;
    justify-content: center;
    flex-wrap: wrap;
}

.uc-nav a {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.4rem 0;
    border-bottom: 2px solid transparent;
}

.uc-nav a.has-caret::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.35rem;
    vertical-align: 0.15em;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 0.55);
}

.uc-nav a:hover,
.uc-nav a.is-active {
    color: #fff;
    border-bottom-color: var(--uc-green);
}

.uc-header__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.uc-header__login {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--uc-radius-pill);
}

.uc-ico-user {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    display: inline-block;
    position: relative;
}

.uc-ico-user::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 22%;
    width: 35%;
    height: 35%;
    border-radius: 50%;
    background: currentColor;
    transform: translateX(-50%);
}

.uc-ico-user::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: 62%;
    height: 32%;
    border-radius: 50% 50% 0 0;
    background: currentColor;
    transform: translateX(-50%);
}

.uc-ico-user--dark { color: #04150c; }

.uc-ico-search {
    width: 1.05rem;
    height: 1.05rem;
    border: 1.7px solid currentColor;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.uc-ico-search::after {
    content: "";
    position: absolute;
    width: 0.45rem;
    height: 1.7px;
    background: currentColor;
    right: -0.28rem;
    bottom: -0.12rem;
    transform: rotate(45deg);
    border-radius: 1px;
}

.uc-header__m-tools {
    display: none;
    align-items: center;
    gap: 0.15rem;
}

.uc-header__icon-btn {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 999px;
}

.uc-nav-toggle {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.uc-nav-toggle span {
    display: block;
    height: 2px;
    margin: 5px 4px;
    background: #fff;
}

.uc-tabbar { display: none; }

.uc-btn__mob,
.uc-quick__label-mob,
.uc-quick__desc-mob,
.uc-tool-card__mob,
.uc-m-news,
.uc-panel__more-m,
.uc-cta__lead-m,
.uc-ico-user-plus { display: none; }

.uc-btn__desk,
.uc-quick__label-desk,
.uc-quick__desc-desk,
.uc-tool-card__desk { display: inline; }

.uc-tool-card__desk { display: block; color: var(--uc-muted); font-size: 0.82rem; }

/* —— Buttons —— */
.uc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.9rem 1.35rem;
    border-radius: var(--uc-radius-pill);
    border: 1px solid transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.uc-btn:hover { transform: translateY(-1px); }
.uc-btn--sm { padding: 0.55rem 1rem; font-size: 0.88rem; gap: 0.35rem; }

.uc-btn--green {
    background: var(--uc-green);
    color: #04150c;
    box-shadow: 0 10px 28px rgba(6, 193, 103, 0.28);
}

.uc-btn--green:hover {
    background: #1adf7d;
    color: #04150c;
}

.uc-btn--ghost {
    background: rgba(11, 15, 20, 0.55);
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}

.uc-btn--ghost:hover {
    border-color: #fff;
    color: #fff;
    background: rgba(11, 15, 20, 0.7);
}

.uc-btn__play {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fff;
    display: inline-block;
}

/* —— Hero —— */
.uc-hero {
    position: relative;
    min-height: min(88vh, 760px);
    color: #fff;
    overflow: hidden;
    display: grid;
    align-items: center;
}

.uc-hero__media {
    position: absolute;
    inset: 0;
}

.uc-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% center;
    transform: scale(1.02);
    animation: ucHeroDrift 18s ease-in-out infinite alternate;
}

@keyframes ucHeroDrift {
    from { transform: scale(1.02) translate3d(0, 0, 0); }
    to { transform: scale(1.05) translate3d(-1%, 0.4%, 0); }
}

.uc-hero__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(100deg, rgba(7, 10, 14, 0.94) 0%, rgba(7, 10, 14, 0.78) 38%, rgba(7, 10, 14, 0.35) 62%, rgba(7, 10, 14, 0.5) 100%),
        linear-gradient(0deg, rgba(7, 10, 14, 0.6), transparent 45%);
}

.uc-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 2.25rem;
    align-items: center;
    padding: 5.25rem 0 4.5rem;
}

.uc-hero__title {
    margin: 0;
    font-size: clamp(2.2rem, 5.2vw, 3.6rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
    font-weight: 800;
    max-width: 15ch;
}

.uc-hero__title em {
    font-style: normal;
    color: var(--uc-green);
}

.uc-hero__lead {
    margin: 1.15rem 0 1.55rem;
    max-width: 34rem;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.06rem;
}

.uc-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.uc-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.35rem;
    margin-top: 1.55rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    font-weight: 600;
}

.uc-hero__trust li {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.uc-hero__trust li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--uc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2304150c' d='M6.3 11.2 3.2 8.1l1.1-1.1 2 2 5-5 1.1 1.1z'/%3E%3C/svg%3E") center / 0.78rem no-repeat;
    flex-shrink: 0;
}

.uc-hero__copy { animation: ucRise 0.75s ease-out both; }

@keyframes ucRise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

.uc-dash {
    background: rgba(16, 22, 30, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    padding: 1.15rem 1.15rem 1.05rem;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(12px);
    animation: ucRise 0.9s ease-out 0.12s both;
}

.uc-dash__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 0.75rem;
}

.uc-dash__label {
    display: block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.82rem;
    margin-bottom: 0.2rem;
}

.uc-dash__top strong {
    display: block;
    font-size: 1.65rem;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.uc-dash__trend {
    color: var(--uc-green);
    font-size: 0.82rem;
    font-weight: 800;
    background: rgba(6, 193, 103, 0.14);
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    white-space: nowrap;
}

.uc-dash__chart {
    height: 54px;
    margin-bottom: 0.85rem;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(6, 193, 103, 0.22), transparent 70%),
        radial-gradient(circle at 12% 70%, rgba(6, 193, 103, 0.55), transparent 28%),
        linear-gradient(135deg, #1a2330, #10161e);
    position: relative;
    overflow: hidden;
}

.uc-dash__chart::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 18%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(157, 255, 176, 0.9), var(--uc-green), transparent);
    clip-path: polygon(0 70%, 18% 45%, 34% 58%, 52% 28%, 70% 40%, 88% 12%, 100% 22%, 100% 100%, 0 100%);
    background: linear-gradient(90deg, #3be08a, #06c167 40%, #9dffb0);
    height: 42%;
    bottom: 10%;
    opacity: 0.9;
}

.uc-dash__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

.uc-dash__stats div {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 0.65rem 0.75rem;
}

.uc-dash__stats span {
    display: block;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.74rem;
}

.uc-dash__stats b { font-size: 1.05rem; }

.uc-dash__quick {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
}

.uc-dash__quick span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    text-align: center;
    font-size: 0.64rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(6, 193, 103, 0.1);
    border: 1px solid rgba(6, 193, 103, 0.26);
    border-radius: 12px;
    padding: 0.5rem 0.15rem 0.45rem;
}

.uc-dash__qi {
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 8px;
    background: rgba(6, 193, 103, 0.28);
    display: block;
    position: relative;
}

.uc-dash__qi::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.55rem;
    height: 0.55rem;
    background: var(--uc-green);
    border-radius: 2px;
}

.uc-dash__qi--soat::before { border-radius: 50% 50% 40% 40%; clip-path: polygon(50% 8%, 88% 28%, 88% 62%, 50% 92%, 12% 62%, 12% 28%); }
.uc-dash__qi--sutran::before { clip-path: polygon(10% 70%, 40% 30%, 60% 55%, 90% 20%, 90% 35%, 60% 70%, 40% 45%, 10% 85%); }
.uc-dash__qi--calc::before { border-radius: 1px; }

/* —— Quick access —— */
.uc-quick {
    margin-top: -2.5rem;
    position: relative;
    z-index: 2;
    padding-bottom: 0.5rem;
}

.uc-quick__rail {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.85rem;
}

.uc-quick__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    text-align: left;
    padding: 1rem 0.95rem 1.05rem;
    border-radius: 16px;
    color: var(--uc-ink);
    background: var(--uc-paper);
    box-shadow: 0 14px 34px rgba(11, 15, 20, 0.1);
    line-height: 1.25;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.uc-quick__item:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(11, 15, 20, 0.14);
}

.uc-quick__item strong {
    font-size: 0.88rem;
    letter-spacing: -0.01em;
}

.uc-quick__item small {
    color: var(--uc-muted);
    font-size: 0.75rem;
    font-weight: 500;
}

.uc-quick__ico {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 12px;
    background: rgba(6, 193, 103, 0.12);
    position: relative;
    margin-bottom: 0.35rem;
}

.uc-quick__ico::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 1.15rem;
    height: 1.15rem;
    background: var(--uc-green);
}

.uc-quick__ico--agenda::before { border-radius: 3px; clip-path: polygon(15% 10%, 85% 10%, 85% 90%, 15% 90%); }
.uc-quick__ico--soat::before { clip-path: polygon(50% 5%, 90% 25%, 90% 65%, 50% 95%, 10% 65%, 10% 25%); }
.uc-quick__ico--sutran::before { clip-path: polygon(10% 70%, 40% 30%, 60% 55%, 90% 20%, 90% 35%, 60% 70%, 40% 45%, 10% 85%); }
.uc-quick__ico--calc::before { border-radius: 2px; }
.uc-quick__ico--seguro::before { clip-path: polygon(20% 35%, 50% 10%, 80% 35%, 80% 70%, 50% 90%, 20% 70%); }
.uc-quick__ico--news::before { clip-path: polygon(15% 15%, 85% 15%, 85% 85%, 15% 85%); }

/* —— Content grid —— */
.uc-content {
    padding: 2.75rem 0 3.5rem;
}

.uc-content__grid {
    display: grid;
    grid-template-columns: 1.45fr 0.85fr 0.85fr;
    gap: 1.15rem;
    align-items: start;
}

.uc-panel {
    background: var(--uc-paper);
    border-radius: 18px;
    padding: 1.2rem 1.2rem 1.3rem;
    box-shadow: 0 10px 28px rgba(11, 15, 20, 0.06);
}

.uc-panel__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.uc-panel__head h2 {
    margin: 0;
    font-size: 1.12rem;
    letter-spacing: -0.02em;
}

.uc-panel__head a {
    color: var(--uc-green-deep);
    font-size: 0.88rem;
    font-weight: 700;
}

.uc-news-split {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1rem;
    align-items: start;
}

.uc-feature {
    display: grid;
    gap: 0.85rem;
    color: inherit;
}

.uc-feature img,
.uc-feature__ph {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 14px;
    background: #dfe7ef;
}

.uc-feature__meta {
    display: block;
    color: var(--uc-muted);
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.uc-feature strong {
    display: block;
    font-size: 1.12rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.uc-feature__ex {
    display: block;
    margin-top: 0.35rem;
    color: var(--uc-muted);
    font-size: 0.9rem;
}

.uc-side-list {
    display: grid;
    gap: 0.85rem;
}

.uc-side-list a {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0.75rem;
    align-items: center;
}

.uc-side-list img,
.uc-side-list__ph {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 12px;
    background: #dfe7ef;
}

.uc-side-list strong {
    display: block;
    font-size: 0.92rem;
    line-height: 1.3;
}

.uc-side-list small {
    color: var(--uc-muted);
}

.uc-guides {
    display: grid;
    gap: 0.65rem;
}

.uc-guides a {
    display: grid;
    grid-template-columns: 2.4rem 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem 0.85rem;
    border-radius: 12px;
    background: #f7faf8;
    font-weight: 700;
    font-size: 0.93rem;
}

.uc-guides a:hover { background: #eef8f2; }

.uc-guides__ico {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: rgba(6, 193, 103, 0.15);
    position: relative;
}

.uc-guides__ico::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.9rem;
    height: 0.9rem;
    background: var(--uc-green);
    border-radius: 2px;
}

.uc-guides__ico--book::before { clip-path: polygon(20% 15%, 80% 15%, 80% 85%, 50% 72%, 20% 85%); }
.uc-guides__ico--docs::before { clip-path: polygon(25% 12%, 70% 12%, 78% 22%, 78% 88%, 25% 88%); }
.uc-guides__ico--money::before { border-radius: 50%; }

.uc-guides__chev {
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid #9ca3af;
    border-top: 2px solid #9ca3af;
    transform: rotate(45deg);
}

.uc-tool-stack {
    display: grid;
    gap: 0.75rem;
}

.uc-tool-card {
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    row-gap: 0.15rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    background: #f4fbf7;
    border: 1px solid rgba(6, 193, 103, 0.16);
    color: var(--uc-ink);
}

.uc-tool-card:hover {
    background: #eaf9f1;
}

.uc-tool-card__ico {
    grid-row: 1 / span 2;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    background: rgba(6, 193, 103, 0.18);
    position: relative;
}

.uc-tool-card__ico::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.85rem;
    height: 0.85rem;
    background: var(--uc-green);
    border-radius: 2px;
}

.uc-tool-card__ico--fuel::before { border-radius: 40% 40% 20% 20%; }
.uc-tool-card__ico--route::before { clip-path: polygon(15% 75%, 40% 25%, 58% 48%, 85% 18%, 85% 35%, 58% 65%, 40% 42%, 15% 90%); }

.uc-tool-card strong {
    font-size: 0.95rem;
    letter-spacing: -0.02em;
}

.uc-btn__compass {
    width: 0.9rem;
    height: 0.9rem;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.uc-btn__compass::before {
    content: "";
    position: absolute;
    inset: 22%;
    background: currentColor;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* —— CTA account —— */
.uc-cta {
    background:
        radial-gradient(820px 320px at 18% 40%, rgba(6, 193, 103, 0.45), transparent 58%),
        linear-gradient(115deg, #057a42 0%, #0a2f22 38%, #0c141c 72%, #111820 100%);
    color: #fff;
    padding: 3.25rem 0;
}

.uc-cta__grid {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 2.5rem;
    align-items: center;
}

.uc-phone {
    width: 210px;
    margin-inline: auto;
}

.uc-phone__bezel {
    border-radius: 32px;
    padding: 0.55rem;
    background: #0a0e13;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.4);
}

.uc-phone__notch {
    width: 42%;
    height: 10px;
    margin: 0.15rem auto 0.55rem;
    border-radius: 999px;
    background: #151b24;
}

.uc-phone__screen {
    border-radius: 24px;
    background: linear-gradient(180deg, #17232c, #0e141b);
    padding: 0.85rem 0.85rem 1.1rem;
    min-height: 270px;
}

.uc-phone__app {
    margin: 0;
    font-weight: 800;
    color: var(--uc-green);
    font-size: 0.95rem;
}

.uc-phone__sub {
    margin: 0.15rem 0 1rem;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.8rem;
}

.uc-phone__row {
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.65rem;
    margin-bottom: 0.45rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 0.86rem;
}

.uc-phone__dots {
    display: flex;
    gap: 0.35rem;
    justify-content: center;
    margin-top: 1rem;
}

.uc-phone__dots i {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: rgba(6, 193, 103, 0.55);
    display: block;
}

.uc-phone__dots i:first-child { background: var(--uc-green); }

.uc-cta__copy h2 {
    margin: 0 0 1rem;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    letter-spacing: -0.03em;
}

.uc-cta__copy ul {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1.4rem;
}

.uc-cta__copy li {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    color: rgba(255, 255, 255, 0.9);
}

.uc-cta__copy li::before {
    content: "";
    width: 1rem;
    height: 1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--uc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2304150c' d='M6.3 11.2 3.2 8.1l1.1-1.1 2 2 5-5 1.1 1.1z'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}

.uc-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.uc-cta__login {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* —— Stats —— */
.uc-stats {
    background: #eef1f4;
    padding: 1.65rem 0;
}

.uc-stats__row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    text-align: center;
}

.uc-stats__ico {
    width: 1.7rem;
    height: 1.7rem;
    margin: 0 auto 0.4rem;
    border-radius: 8px;
    background: rgba(6, 193, 103, 0.16);
    display: block;
    position: relative;
}

.uc-stats__ico::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.7rem;
    height: 0.7rem;
    background: var(--uc-green);
    border-radius: 2px;
}

.uc-stats__ico--tools::before { clip-path: polygon(20% 20%, 80% 20%, 80% 80%, 20% 80%); }
.uc-stats__ico--alert::before { clip-path: polygon(50% 8%, 92% 88%, 8% 88%); }
.uc-stats__ico--community::before { border-radius: 50%; }
.uc-stats__ico--pe::before { clip-path: polygon(50% 5%, 95% 40%, 78% 95%, 22% 95%, 5% 40%); }

.uc-stats__row strong {
    display: block;
    font-size: 1.18rem;
    letter-spacing: -0.02em;
}

.uc-stats__row span {
    color: var(--uc-muted);
    font-size: 0.88rem;
}

/* —— Footer —— */
.uc-footer {
    background: #0b0f14;
    color: rgba(255, 255, 255, 0.78);
    padding: 3rem 0 1.5rem;
}

.uc-footer__grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(5, minmax(0, 1fr));
    gap: 1.5rem;
}

.uc-footer h3 {
    margin: 0 0 0.75rem;
    color: #fff;
    font-size: 0.92rem;
}

.uc-footer a {
    display: block;
    margin-bottom: 0.4rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

.uc-footer a:hover { color: var(--uc-green); }

.uc-footer__brand p {
    margin: 0.75rem 0 0;
    max-width: 18rem;
    font-size: 0.92rem;
}

.uc-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.uc-footer__social a { display: inline; margin: 0; }

.uc-footer__bottom {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.5);
}

/* —— Shared interior pages —— */
.section { padding: 3rem 0; }
.section h1, .section h2 { letter-spacing: -0.02em; }
.service-unavailable,
.empty-state {
    margin: 0;
    padding: 1rem 0;
    color: var(--uc-muted);
}

.site-header,
.site-footer { display: none; } /* legacy class safety */

.section-editorial .container,
.section-article .container {
    width: min(100% - 2rem, var(--container));
}

.section-article,
.section-editorial {
    background: var(--uc-paper);
}

.post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.post-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(11, 15, 20, 0.06);
}

.post-card-media img,
.post-card-placeholder {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: #dfe7ef;
}

.post-card-body { padding: 1rem; }
.post-card-title { margin: 0.35rem 0; font-size: 1.05rem; }
.post-card-excerpt, .post-card-meta { color: var(--uc-muted); font-size: 0.9rem; }

.article-single { max-width: 760px; margin: 0 auto; }
.article-content { font-size: 1.05rem; }
.article-content img { border-radius: 12px; margin: 1rem 0; }

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1.1rem;
    border-radius: var(--uc-radius-pill);
    font-weight: 700;
    border: 1px solid transparent;
}
.btn-primary { background: var(--uc-green); color: #04150c; }
.btn-ghost { border-color: rgba(11,15,20,.2); color: var(--uc-ink); }
.btn-sm { padding: 0.45rem 0.85rem; font-size: 0.85rem; }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 1rem;
    font-size: 0.88rem;
    color: var(--uc-muted);
}

.admin-alert,
.pwa-install {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    background: #111;
    color: #fff;
    padding: 1rem;
    border-radius: 14px;
    z-index: 60;
}

/* —— Responsive —— */
@media (max-width: 1100px) {
    .uc-content__grid { grid-template-columns: 1fr 1fr; }
    .uc-content__grid .uc-panel:first-child { grid-column: 1 / -1; }
    .uc-news-split { grid-template-columns: 1.1fr 0.9fr; }
    .uc-quick__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .uc-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .uc-stats__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    body.uc-site { padding-bottom: 4.75rem; }

    .uc-header__inner {
        display: grid;
        grid-template-columns: 2.5rem 1fr auto;
        align-items: center;
        min-height: 3.6rem;
        gap: 0.35rem;
    }

    .uc-nav-toggle { display: inline-block; order: 0; }
    .uc-brand {
        justify-self: center;
        order: 1;
    }
    .uc-header__m-tools {
        display: inline-flex;
        order: 2;
        justify-self: end;
    }
    .uc-header__actions { display: none; }

    .uc-nav {
        display: none;
        order: 3;
        grid-column: 1 / -1;
    }
    .uc-nav.is-open {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        top: 3.6rem;
        background: #0b0f14;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 1.25rem 1.25rem;
        gap: 0.75rem;
        border-bottom: 1px solid var(--uc-line);
        z-index: 40;
    }

    .uc-tabbar {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 55;
        background: #0b0f14;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 0.45rem 0.25rem calc(0.45rem + env(safe-area-inset-bottom, 0px));
    }

    .uc-tabbar a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.2rem;
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.68rem;
        font-weight: 650;
        text-align: center;
        padding: 0.2rem 0.1rem;
    }

    .uc-tabbar a.is-active { color: var(--uc-green); }

    .uc-tabbar__ico {
        width: 1.35rem;
        height: 1.35rem;
        position: relative;
        display: block;
    }

    .uc-tabbar__ico::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 1rem;
        height: 1rem;
        background: currentColor;
        opacity: 0.95;
    }

    .uc-tabbar__ico--home::before { clip-path: polygon(50% 8%, 92% 42%, 92% 92%, 8% 92%, 8% 42%); }
    .uc-tabbar__ico--news::before { clip-path: polygon(12% 12%, 88% 12%, 88% 88%, 12% 88%); border-radius: 2px; }
    .uc-tabbar__ico--tools::before {
        width: 0.95rem;
        height: 0.95rem;
        background:
            linear-gradient(currentColor, currentColor) 0 0 / 42% 42%,
            linear-gradient(currentColor, currentColor) 58% 0 / 42% 42%,
            linear-gradient(currentColor, currentColor) 0 58% / 42% 42%,
            linear-gradient(currentColor, currentColor) 58% 58% / 42% 42%;
        background-repeat: no-repeat;
    }
    .uc-tabbar__ico--guides::before { clip-path: polygon(18% 10%, 82% 10%, 82% 90%, 50% 78%, 18% 90%); }
    .uc-tabbar__ico--user::before {
        width: 0.95rem;
        height: 0.95rem;
        border-radius: 50%;
        box-shadow: inset 0 -0.35rem 0 0 currentColor;
        background: radial-gradient(circle at 50% 32%, currentColor 0 28%, transparent 29%);
    }

    .uc-hero {
        min-height: auto;
        display: grid;
        align-items: end;
    }

    .uc-hero__media {
        position: absolute;
        inset: 0;
    }

    .uc-hero__media img {
        object-position: 72% 18%;
        animation: none;
        transform: none;
    }

    .uc-hero__shade {
        background:
            linear-gradient(180deg, rgba(7, 10, 14, 0.55) 0%, rgba(7, 10, 14, 0.72) 42%, rgba(7, 10, 14, 0.92) 100%);
    }

    .uc-hero__grid {
        grid-template-columns: 1fr;
        padding: 1.35rem 0 1.75rem;
        width: min(100% - 2rem, var(--container));
        margin-inline: auto;
    }

    .uc-hero__title {
        max-width: none;
        font-size: clamp(1.75rem, 7.5vw, 2.15rem);
    }

    .uc-hero__lead {
        font-size: 0.92rem;
        margin: 0.85rem 0 1.15rem;
        color: rgba(255, 255, 255, 0.78);
    }

    .uc-hero__actions {
        display: grid;
        grid-template-columns: 1.35fr 1fr;
        gap: 0.55rem;
    }

    .uc-hero__actions .uc-btn {
        padding: 0.78rem 0.7rem;
        font-size: 0.88rem;
        width: 100%;
    }

    .uc-btn__desk { display: none; }
    .uc-btn__mob {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .uc-ico-user-plus {
        display: inline-block;
        width: 0.95rem;
        height: 0.95rem;
        border: 1.5px solid currentColor;
        border-radius: 50%;
        position: relative;
    }

    .uc-ico-user-plus::before,
    .uc-ico-user-plus::after {
        content: "";
        position: absolute;
        background: currentColor;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .uc-ico-user-plus::before { width: 55%; height: 1.5px; }
    .uc-ico-user-plus::after { width: 1.5px; height: 55%; }

    .uc-hero__trust {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.55rem;
        margin-top: 1.1rem;
        font-size: 0.84rem;
    }

    .uc-dash { display: none; }

    .uc-quick {
        margin-top: 0;
        padding: 1rem 0 0.25rem;
        background: var(--uc-fog);
    }

    .uc-quick .container { width: 100%; padding: 0; }
    .uc-quick__rail {
        display: flex;
        gap: 0.7rem;
        overflow-x: auto;
        padding: 0.15rem 1rem 0.85rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .uc-quick__rail::-webkit-scrollbar { display: none; }

    .uc-quick__item {
        min-width: 9.5rem;
        max-width: 9.5rem;
        scroll-snap-align: start;
        padding: 0.9rem 0.85rem;
        flex-shrink: 0;
    }

    .uc-quick__item--desk-only { display: none; }
    .uc-quick__label-desk,
    .uc-quick__desc-desk { display: none; }
    .uc-quick__label-mob,
    .uc-quick__desc-mob { display: block; }
    .uc-quick__label-mob { font-size: 0.92rem; }
    .uc-quick__desc-mob {
        color: var(--uc-muted);
        font-size: 0.74rem;
        font-weight: 500;
        line-height: 1.3;
    }

    .uc-content {
        padding: 0.75rem 0 1.5rem;
        background: #fff;
    }

    .uc-content__grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .uc-panel {
        box-shadow: none;
        border-radius: 0;
        padding: 0.35rem 0 0.5rem;
        background: transparent;
    }

    .uc-panel__head h2 { font-size: 1.05rem; }
    .uc-panel__head a,
    .uc-panel__more-m {
        display: inline;
        color: var(--uc-green-deep);
        font-size: 0.86rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .uc-news-split--desk { display: none; }
    .uc-m-news {
        display: grid;
        gap: 0.75rem;
    }

    .uc-m-news a {
        display: grid;
        grid-template-columns: 76px 1fr auto;
        gap: 0.75rem;
        align-items: center;
        padding: 0.55rem 0;
        border-bottom: 1px solid #e8ecf0;
    }

    .uc-m-news li:last-child a { border-bottom: 0; }

    .uc-m-news img,
    .uc-m-news__ph {
        width: 76px;
        height: 76px;
        object-fit: cover;
        border-radius: 12px;
        background: #dfe7ef;
    }

    .uc-m-news__body { min-width: 0; }
    .uc-m-news__tag {
        display: inline-block;
        font-size: 0.68rem;
        font-weight: 800;
        padding: 0.12rem 0.4rem;
        border-radius: 999px;
        margin-bottom: 0.25rem;
        background: rgba(6, 193, 103, 0.14);
        color: var(--uc-green-deep);
    }
    .uc-m-news__tag.is-sutran { background: rgba(245, 158, 11, 0.16); color: #b45309; }
    .uc-m-news__tag.is-uber { background: rgba(6, 193, 103, 0.16); color: #047857; }
    .uc-m-news__tag.is-soat { background: rgba(59, 130, 246, 0.14); color: #1d4ed8; }

    .uc-m-news strong {
        display: block;
        font-size: 0.92rem;
        line-height: 1.3;
        letter-spacing: -0.01em;
    }

    .uc-m-news small {
        display: block;
        margin-top: 0.25rem;
        color: var(--uc-muted);
        font-size: 0.75rem;
    }

    .uc-m-news__chev {
        width: 0.45rem;
        height: 0.45rem;
        border-right: 2px solid #9ca3af;
        border-top: 2px solid #9ca3af;
        transform: rotate(45deg);
    }

    .uc-guides a {
        background: transparent;
        border-radius: 0;
        border-bottom: 1px solid #e8ecf0;
        padding: 0.85rem 0.15rem;
    }
    .uc-guides li:last-child a { border-bottom: 0; }

    .uc-tool-stack {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem;
    }

    .uc-tool-card:last-child { grid-column: 1 / -1; }

    .uc-tool-card {
        grid-template-columns: 1fr;
        gap: 0.35rem;
        padding: 1rem 0.9rem;
        background: #eefaf3;
        border: 0;
        align-items: start;
    }

    .uc-tool-card__ico { grid-row: auto; margin-bottom: 0.15rem; }
    .uc-tool-card__desk { display: none; }
    .uc-tool-card__mob {
        display: block;
        font-size: 0.78rem;
        color: var(--uc-muted);
        line-height: 1.35;
    }

    .uc-cta {
        margin: 0.5rem 1rem 1.25rem;
        border-radius: 18px;
        padding: 1.25rem 0;
        overflow: hidden;
    }

    .uc-cta .container { width: min(100% - 1.5rem, var(--container)); }

    .uc-cta__grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .uc-phone { width: 150px; }

    .uc-cta__copy ul,
    .uc-cta__login { display: none; }

    .uc-cta__lead-m {
        display: block;
        margin: 0 0 1rem;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.92rem;
    }

    .uc-cta__copy h2 {
        font-size: 1.35rem;
        margin-bottom: 0.5rem;
    }

    .uc-cta__actions .uc-btn { width: 100%; }

    .uc-stats {
        display: none;
    }

    .uc-footer {
        padding-bottom: 1.25rem;
    }

    .uc-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.1rem;
    }

    .post-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .uc-footer__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .uc-hero__media img,
    .uc-hero__copy,
    .uc-dash { animation: none; }
}