:root {
--utrun-brand: #0C4F47;
--utrun-brand-soft: #176b5f;
--utrun-brand-tint: #eef4f3;
--utrun-line: #dfe3e3;
--utrun-line-strong: #c9d4d2;
--utrun-surface: #f6f8f8;
--utrun-ink: #2f3434;
--utrun-ink-2: #4a4f4f;
--utrun-ink-3: #6a6f6f;
--utrun-ink-4: #8a8f8f;
--utrun-radius: 6px;
--utrun-shadow: 0 1px 2px rgba(12, 79, 71, .05), 0 6px 20px rgba(12, 79, 71, .06);
--utrun-shadow-hover: 0 2px 4px rgba(12, 79, 71, .07), 0 12px 28px rgba(12, 79, 71, .10);
} .utrun-specs {
--utrun-specs-primary: var(--utrun-brand);
--utrun-specs-border: var(--utrun-line);
--utrun-specs-zebra: var(--utrun-surface);
margin: 0 0 2em;
color: var(--utrun-ink-2);
font-size: 15px;
line-height: 1.6;
} .utrun-cat {
margin: 0 0 1.5em;
}
.utrun-cat__inner {
max-width: 100%;
padding: 1.4em 0 0;
color: var(--utrun-ink-2);
font-size: 15px;
line-height: 1.85;
} .utrun-cat__heading {
position: relative;
margin: 0 0 .9em;
padding: 0 0 .5em;
border-bottom: 1px solid var(--utrun-line);
color: var(--utrun-brand);
font-size: 1.35em;
line-height: 1.4;
}
.utrun-cat__heading::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 48px;
height: 2px;
background: var(--utrun-brand);
}
.utrun-cat__subheading {
margin: 1.8em 0 .6em;
color: var(--utrun-brand);
font-size: 1.1em;
}
.utrun-cat__p {
margin: 0 0 1em;
}
.utrun-cat .utrun-specs__table th[scope="row"] {
text-align: left;
}
.utrun-cat .utrun-specs__table a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-cat .utrun-specs__table a:hover {
border-bottom-color: var(--utrun-brand);
}
.utrun-cat__note {
color: var(--utrun-ink-3);
font-size: .95em;
}
@media (max-width: 767px) {
.utrun-cat__inner {
font-size: 14px;
}
.utrun-cat__heading {
font-size: 1.2em;
}
} .utrun-apps {
display: grid;
gap: 1.1em;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
margin: 1em 0 0;
}
.utrun-apps__item {
padding: 1.2em 1.3em 1.25em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.utrun-apps__item:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
.utrun-apps__title {
position: relative;
margin: 0 0 .5em;
padding-left: 1em;
color: var(--utrun-brand);
font-size: 1.02em;
font-weight: 600;
line-height: 1.55;
} .utrun-apps__title::before {
content: "";
position: absolute;
top: .58em;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--utrun-brand);
}
.utrun-apps__desc {
margin: 0;
color: #5a5f5f;
font-size: .93em;
line-height: 1.85;
} .utrun-faq {
margin: 2.4em 0 0;
}
.utrun-faq__title {
margin: 0 0 .9em;
color: var(--utrun-brand);
font-size: 1.15em;
}
.utrun-faq__item {
position: relative;
margin: 0 0 .8em;
padding: 1.05em 1.3em 1.05em 1.4em;
background: var(--utrun-surface);
border-radius: var(--utrun-radius);
overflow: hidden;
}
.utrun-faq__item::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--utrun-brand);
opacity: .75;
}
.utrun-faq__q {
margin: 0 0 .5em;
color: var(--utrun-ink);
font-size: 1.02em;
font-weight: 600;
line-height: 1.65;
}
.utrun-faq__a {
margin: 0;
color: #5a5f5f;
font-size: .95em;
line-height: 1.9;
} .utrun-intro {
position: relative;
margin: 0 0 1.8em;
padding: 1.35em 1.6em 1.25em 1.75em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
overflow: hidden;
} .utrun-intro::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: linear-gradient(180deg, var(--utrun-brand), var(--utrun-brand-soft));
}
.utrun-intro__lead {
margin: 0;
color: #3f4444;
font-size: 16.5px;
line-height: 1.8;
letter-spacing: .01em;
}
.utrun-intro__meta {
margin: 1em 0 0;
padding: .8em 0 0;
border-top: 1px solid var(--utrun-line);
color: #7a7f7f;
font-size: .88em;
line-height: 1.7;
}
.utrun-intro__meta a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-intro__meta a:hover {
border-bottom-color: var(--utrun-brand);
} .utrun-related {
margin: 2.4em 0 0;
padding: 1.4em 1.5em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
}
.utrun-related__title {
margin: 0 0 .3em;
color: var(--utrun-brand);
font-size: 1.1em;
}
.utrun-related__list {
margin: 0;
padding: 0;
list-style: none;
}
.utrun-related__item {
margin: 0;
padding: 1em 0;
border-top: 1px solid var(--utrun-line);
color: #5a5f5f;
font-size: .95em;
line-height: 1.8;
}
.utrun-related__item a {
display: inline-block;
margin: 0 0 .15em;
color: var(--utrun-brand);
font-size: 1.05em;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.utrun-related__item a:hover {
border-bottom-color: var(--utrun-brand);
} .utrun-related__desc {
display: block;
color: var(--utrun-ink-3);
font-size: .93em;
line-height: 1.85;
}
.utrun-related__more {
margin: 1.1em 0 0;
padding: .9em 1.1em;
background: var(--utrun-brand-tint);
border-radius: var(--utrun-radius);
color: #5a5f5f;
font-size: .95em;
line-height: 1.8;
}
.utrun-related__more a {
color: var(--utrun-brand);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(12, 79, 71, .35);
}
.utrun-related__more a:hover {
border-bottom-color: var(--utrun-brand);
}
@media (max-width: 767px) {
.utrun-intro {
padding: 1.1em 1.1em 1em 1.25em;
}
.utrun-intro__lead {
font-size: 15.5px;
}
.utrun-related,
.utrun-apps__item,
.utrun-faq__item {
padding-right: 1.1em;
padding-left: 1.1em;
}
.utrun-faq__item {
padding-left: 1.2em;
}
} .utrun-specs__title {
position: relative;
margin: 2.2em 0 .9em;
padding: 0 0 .5em;
border-bottom: 1px solid var(--utrun-line);
color: var(--utrun-specs-primary);
}
.utrun-specs__title::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 48px;
height: 2px;
background: var(--utrun-specs-primary);
}
.utrun-specs__title:first-child {
margin-top: 0;
}
.utrun-specs__subtitle {
margin: 1.4em 0 .5em;
color: var(--utrun-specs-primary);
font-size: 1.05em;
} .utrun-specs__scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .utrun-specs__table {
width: 100%;
min-width: 640px;
border: 1px solid var(--utrun-specs-border);
border-radius: var(--utrun-radius);
border-collapse: separate;
border-spacing: 0;
background: #fff;
}
.utrun-specs__table--narrow {
min-width: 420px;
}
.utrun-specs__table caption {
padding: 0 0 .7em;
color: var(--utrun-ink-4);
font-size: .9em;
text-align: left;
}
.utrun-specs__table th,
.utrun-specs__table td {
padding: .75em .95em;
border-right: 1px solid var(--utrun-specs-border);
border-bottom: 1px solid var(--utrun-specs-border);
text-align: center;
vertical-align: middle;
}
.utrun-specs__table tr > *:last-child {
border-right: 0;
}
.utrun-specs__table tbody tr:last-child > * {
border-bottom: 0;
} .utrun-specs__table thead tr:first-child > *:first-child {
border-top-left-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table thead tr:first-child > *:last-child {
border-top-right-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table tbody tr:last-child > *:first-child {
border-bottom-left-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table tbody tr:last-child > *:last-child {
border-bottom-right-radius: calc(var(--utrun-radius) - 1px);
}
.utrun-specs__table thead th {
background: linear-gradient(180deg, #12655b, var(--utrun-specs-primary));
border-right-color: rgba(255, 255, 255, .18);
border-bottom: 0;
color: #fff;
font-weight: 600;
white-space: nowrap;
letter-spacing: .01em;
}
.utrun-specs__table tbody th[scope="row"] {
background: var(--utrun-specs-zebra);
color: var(--utrun-ink);
font-weight: 600;
text-align: left;
white-space: nowrap;
}
.utrun-specs__table tbody tr:nth-child(even) td {
background: #fbfcfc;
} .utrun-specs__table thead th:first-child,
.utrun-specs__table tbody th[scope="row"] {
position: sticky;
left: 0;
z-index: 1;
}
.utrun-specs__table thead th:first-child {
z-index: 2;
}
.utrun-specs__table tbody tr:hover td:not(.is-on),
.utrun-specs__table tbody tr:nth-child(even):hover td:not(.is-on) {
background: var(--utrun-brand-tint);
}
.utrun-specs__table tbody tr:hover th[scope="row"] {
background: #e6eeed;
}
.utrun-specs__table--io td.is-on {
background: var(--utrun-specs-primary);
color: #fff;
font-weight: 600;
}
.utrun-specs__table--io tbody tr:nth-child(even) td.is-on {
background: var(--utrun-specs-primary);
}
.utrun-specs__table--io td:last-child {
text-align: left;
} .utrun-specs__table--prose {
min-width: 560px;
}
.utrun-specs__table--prose td,
.utrun-specs__table--prose tbody th[scope="row"] {
text-align: left;
vertical-align: top;
}
.utrun-specs__table--prose tbody th[scope="row"] {
white-space: normal;
min-width: 6.5em;
}
.utrun-specs__note {
margin: .8em 0 0;
color: #7a7f7f;
font-size: .92em;
} .utrun-methods {
display: grid;
gap: 1.2em;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
margin: 1.2em 0 0;
}
.utrun-methods__item {
padding: 1.1em 1.2em 1.2em;
border: 1px solid var(--utrun-specs-border);
border-radius: var(--utrun-radius);
background: #fff;
box-shadow: var(--utrun-shadow);
}
.utrun-methods__chart {
margin: 0 0 .9em;
padding: .4em .2em;
background: var(--utrun-specs-zebra);
border-radius: var(--utrun-radius);
}
.utrun-chart {
display: block;
width: 100%;
height: auto;
}
.utrun-chart__axis {
fill: none;
stroke: #b9c0c0;
stroke-width: 1.2;
}
.utrun-chart__axisname {
fill: #8a8f8f;
font-size: 11px;
}
.utrun-chart__guide {
stroke: #a6acac;
stroke-width: 1;
stroke-dasharray: 3 3;
}
.utrun-chart__dim {
fill: none;
stroke: #8a8f8f;
stroke-width: 1;
}
.utrun-chart__ok {
fill: #7fb069;
fill-opacity: .28;
stroke: #7fb069;
stroke-width: 1;
}
.utrun-chart__curve {
fill: none;
stroke: #c0392b;
stroke-width: 2.4;
stroke-linecap: round;
} .utrun-chart__curve--after {
stroke-width: 1.8;
stroke-dasharray: 4 3;
opacity: .6;
}
.utrun-chart__point {
fill: var(--utrun-specs-primary);
}
.utrun-chart__label,
.utrun-chart__oklabel {
fill: #5f6565;
font-size: 11px;
}
.utrun-chart__oklabel {
fill: #4a7a3a;
}
.utrun-methods__title {
margin: 0 0 .5em;
color: var(--utrun-specs-primary);
font-size: 1.02em;
font-weight: 600;
line-height: 1.5;
}
.utrun-methods__en {
display: block;
color: #9aa0a0;
font-size: .78em;
font-weight: 400;
letter-spacing: .01em;
}
.utrun-methods__desc {
margin: 0;
color: #5a5f5f;
font-size: .93em;
line-height: 1.8;
}
.utrun-methods__meta {
margin: .7em 0 0;
padding: .6em .8em;
background: var(--utrun-specs-zebra);
border-radius: 3px;
color: #4a4f4f;
font-size: .88em;
line-height: 1.7;
}
.utrun-specs__pattern {
margin: .5em 0 1em;
padding: .7em 1em;
background: var(--utrun-specs-zebra);
border-left: 3px solid var(--utrun-specs-primary);
font-family: Menlo, Consolas, monospace;
font-size: .95em;
overflow-x: auto;
}
@media (max-width: 767px) {
.utrun-specs {
font-size: 14px;
}
.utrun-specs__table th,
.utrun-specs__table td {
padding: .55em .65em;
} .utrun-specs__table:not(.utrun-specs__table--io) thead th:first-child,
.utrun-specs__table:not(.utrun-specs__table--io) tbody th[scope="row"],
.utrun-specs__table--prose tbody th[scope="row"] {
width: 8.5em;
min-width: 8.5em;
max-width: 8.5em;
white-space: normal;
word-break: break-word;
}
}  body.utrun-auto .elementor-element.elementor-widget-heading h2.elementor-heading-title {
color: var(--utrun-brand);
font-family: "Roboto", "Manrope", sans-serif;
font-size: clamp(24px, 4.2vw, 36px);
font-weight: 600;
line-height: 1.35;
letter-spacing: .01em;
}
body.utrun-auto .elementor-element.elementor-widget-heading h3.elementor-heading-title {
color: var(--utrun-brand);
font-family: "Roboto", "Manrope", sans-serif;
font-size: clamp(19px, 3.2vw, 27px);
font-weight: 600;
line-height: 1.45;
letter-spacing: .01em;
} .utrun-auto .elementor-col-100 .elementor-widget-heading {
text-align: center;
} body.utrun-auto .elementor-element.elementor-widget-divider .elementor-divider {
justify-content: center;
text-align: center;
}
body.utrun-auto .elementor-element.elementor-widget-divider .elementor-divider-separator {
width: 64px;
height: 3px;
margin: 0 auto;
border: 0;
border-block-start: 0;
border-radius: 3px;
background: linear-gradient(90deg, var(--utrun-brand), var(--utrun-brand-soft));
} body.utrun-auto .elementor-column:not(.elementor-col-100) .elementor-element.elementor-widget-divider .elementor-divider-separator {
margin-inline-start: 0;
} body.utrun-auto img.utrun-figure {
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: 8px;
box-shadow: var(--utrun-shadow);
} body.utrun-auto .elementor-widget-video .elementor-wrapper {
border-radius: 8px;
overflow: hidden;
box-shadow: var(--utrun-shadow);
} body.utrun-auto .elementor-element.elementor-widget-button .elementor-button {
padding: 1em 2.6em;
box-shadow: 0 6px 18px rgba(12, 79, 71, .22);
letter-spacing: .02em;
transition: transform .18s ease, box-shadow .18s ease;
}
body.utrun-auto .elementor-element.elementor-widget-button .elementor-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(12, 79, 71, .28);
} body.utrun-auto .elementor-widget-image-box .elementor-image-box-wrapper {
padding: 1.4em 1.2em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.utrun-auto .elementor-widget-image-box .elementor-image-box-wrapper:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
}
body.utrun-auto .elementor-widget-image-box .elementor-image-box-title {
color: var(--utrun-brand);
}  .utrun-list--spec ul {
margin: 0;
padding: 0;
list-style: none;
}
.utrun-list--spec li {
display: flex;
align-items: baseline;
gap: .6em;
padding: .55em .2em;
border-bottom: 1px solid var(--utrun-line);
}
.utrun-list--spec li:last-child {
border-bottom: 0;
} .utrun-list--spec li::before {
content: "";
flex: 0 0 auto;
width: 7px;
height: 7px;
border-radius: 1px;
background: var(--utrun-brand);
transform: rotate(45deg);
} .utrun-list--cards ul {
display: grid;
gap: 1.1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: .6em 0 0;
padding: 0;
list-style: none;
}
.utrun-list--cards li {
padding: 1.2em 1.35em 1.25em;
background: #fff;
border: 1px solid var(--utrun-line);
border-radius: var(--utrun-radius);
box-shadow: var(--utrun-shadow);
color: #5a5f5f;
font-size: .95em;
line-height: 1.9;
text-align: left;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.utrun-list--cards li:hover {
transform: translateY(-2px);
border-color: var(--utrun-line-strong);
box-shadow: var(--utrun-shadow-hover);
} .utrun-list--cards li > strong:first-child {
display: block;
margin: 0 0 .35em;
color: var(--utrun-brand);
font-size: 1.05em;
font-weight: 600;
line-height: 1.55;
}  body.postid-8926 .elementor-element.elementor-element-36ce64c img,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 img {
width: auto;
max-width: 100%;
max-height: 460px;
padding: 10px;
}
body.postid-8926 .elementor-element.elementor-element-36ce64c,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 {
text-align: center;
} body.postid-8926 .elementor-element.elementor-element-d286e67 img,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img,
body.postid-8926 .elementor-element.elementor-element-4602c09 img {
width: auto;
max-width: 100%;
max-height: 78px;
filter: grayscale(1);
opacity: .6;
transition: filter .25s ease, opacity .25s ease;
}
body.postid-8926 .elementor-element.elementor-element-d286e67 img:hover,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img:hover,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img:hover,
body.postid-8926 .elementor-element.elementor-element-4602c09 img:hover {
filter: none;
opacity: 1;
}
body.postid-8926 .elementor-element.elementor-element-d286e67,
body.postid-8926 .elementor-element.elementor-element-fea19b0,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc,
body.postid-8926 .elementor-element.elementor-element-4602c09 {
padding: 18px 0;
text-align: center;
} body.postid-8926 .elementor-element.elementor-element-ut9a4001,
body.postid-8926 .elementor-element.elementor-element-8eab1a1 {
margin-top: 40px;
margin-bottom: 40px;
} body.postid-8926 .elementor-element.elementor-element-4baea3c {
margin-top: 30px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
body.postid-8926 .elementor-element.elementor-element-36ce64c img,
body.postid-8926 .elementor-element.elementor-element-bf10fe4 img {
max-height: 320px;
}
body.postid-8926 .elementor-element.elementor-element-d286e67 img,
body.postid-8926 .elementor-element.elementor-element-fea19b0 img,
body.postid-8926 .elementor-element.elementor-element-7e9dfcc img,
body.postid-8926 .elementor-element.elementor-element-4602c09 img {
max-height: 60px;
}
}