.u-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.u-borderless-frame {
    border: 0;
}

.u-grid-pattern-sky-24 {
    background-image:
        linear-gradient(rgba(14, 165, 233, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 165, 233, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
}

.u-grid-pattern-brand-24 {
    background-image:
        linear-gradient(rgba(14, 165, 233, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(239, 77, 162, 0.06) 1px, transparent 1px);
    background-size: 24px 24px;
}

.u-grid-pattern-slate-36 {
    background-image:
        linear-gradient(rgba(15, 23, 42, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.08) 1px, transparent 1px);
    background-size: 36px 36px;
}

.u-dot-pattern-slate-30 {
    background-image: radial-gradient(circle at 1px 1px, rgba(15, 23, 42, 0.14) 1px, transparent 0);
    background-size: 30px 30px;
}

.u-gradient-service-panel {
    background: linear-gradient(135deg, var(--navy), rgba(0, 155, 224, 0.45), rgba(239, 77, 162, 0.35));
}

.u-gradient-branch-surface {
    background:
        radial-gradient(900px 420px at 12% 18%, rgba(0, 155, 224, 0.55), transparent 62%),
        radial-gradient(700px 360px at 88% 12%, rgba(239, 77, 162, 0.50), transparent 60%),
        radial-gradient(900px 520px at 70% 92%, rgba(0, 155, 224, 0.35), transparent 62%);
}

.u-marker-ring-shadow {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.02);
}

.u-tone-blue-glow-soft {
    background: rgba(0, 155, 224, 0.13);
}

.u-tone-pink-glow-soft {
    background: rgba(239, 77, 162, 0.13);
}

.u-tone-blue-text {
    color: var(--blue);
}

.u-tone-pink-text {
    color: var(--pink);
}

.u-tone-blue-bg {
    background-color: var(--blue);
}

.u-tone-pink-bg {
    background-color: var(--pink);
}

.u-tone-blue-line-fade {
    background: linear-gradient(90deg, var(--blue), transparent);
}

.u-tone-pink-line-fade {
    background: linear-gradient(90deg, var(--pink), transparent);
}

.u-tone-blue-bar,
.u-tone-pink-bar {
    opacity: 0.35;
}

.u-tone-blue-bar {
    background-color: var(--blue);
}

.u-tone-pink-bar {
    background-color: var(--pink);
}

.u-tile-tone-1 {
    background: color-mix(in srgb, var(--blue) 9%, white 91%);
}

.u-tile-tone-2 {
    background: color-mix(in srgb, var(--pink) 10%, white 90%);
}

.u-tile-tone-3 {
    background: color-mix(in srgb, var(--navy) 8%, white 92%);
}

.u-tile-tone-4 {
    background: color-mix(in srgb, var(--grape) 9%, white 91%);
}

.u-tile-tone-5 {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--blue) 10%, white 90%),
        color-mix(in srgb, var(--pink) 8%, white 92%)
    );
}

.u-tile-tone-6 {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--navy) 9%, white 91%),
        color-mix(in srgb, var(--blue) 8%, white 92%)
    );
}