:root { --utime-red:        #ED3B40;
--utime-red-dark:   #c92e33;
--utime-red-tint:   rgba(237, 59, 64, 0.82); --utime-black:      #111111;
--utime-ink:        #212121; --utime-ink-soft:   #4e4b66;
--utime-grey:       #54595F;
--utime-blue:       #1863dc;
--utime-line:       #e6e6e6; --utime-bg:         #ffffff;
--utime-bg-alt:     #f4f4f4; --utime-bg-dark:    #111111;
--utime-card-bg:    #ffffff; --utime-font-display: 'Khand', 'Raleway', system-ui, sans-serif;
--utime-font-body:    'Raleway', system-ui, -apple-system, sans-serif;
--utime-fw-display:   600; --utime-content-max:  1200px;
--utime-content-pad:  24px;
--utime-header-h:     92px;
--utime-header-h-shrunk: 66px;
--utime-section-y:    88px;
--utime-radius:       6px; --utime-ease:         cubic-bezier(0.22, 0.61, 0.36, 1);
} *, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-family: var(--utime-font-body);
font-size: 17px;
line-height: 1.6;
color: var(--utime-ink);
background: var(--utime-bg);
overflow-x: hidden;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--utime-red); text-decoration: none; }
a:hover { color: var(--utime-red-dark); }
h1, h2, h3, h4, h5, h6 {
font-family: var(--utime-font-display);
font-weight: var(--utime-fw-display);
line-height: 1.04;
margin: 0 0 .5em;
color: var(--utime-ink);
text-transform: uppercase;
letter-spacing: .01em;
}
h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); }
h2 { font-size: clamp(2rem, 4.4vw, 3.2rem); }
h3 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
p { margin: 0 0 1em; } .utime-accent { color: var(--utime-red); } .utime-container {
max-width: var(--utime-content-max);
margin-inline: auto;
padding-inline: var(--utime-content-pad);
}
.utime-section { padding-block: var(--utime-section-y); }
.utime-section--alt { background: var(--utime-bg-alt); }
.utime-section--dark { background: var(--utime-bg-dark); color: #fff; }
.utime-section--dark h1, .utime-section--dark h2, .utime-section--dark h3 { color: #fff; } .utime-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5em;
font-family: var(--utime-font-body);
font-weight: 700;
font-size: .95rem;
letter-spacing: .04em;
text-transform: uppercase;
padding: 14px 30px;
border-radius: var(--utime-radius);
border: 2px solid transparent;
cursor: pointer;
transition: transform .25s var(--utime-ease), background-color .25s var(--utime-ease), color .25s var(--utime-ease), box-shadow .25s var(--utime-ease);
}
.utime-btn--primary { background: var(--utime-red); color: #fff; }
.utime-btn--primary:hover { background: var(--utime-red-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(237,59,64,.28); }
.utime-btn--dark { background: var(--utime-black); color: #fff; }
.utime-btn--dark:hover { background: #000; color: #fff; transform: translateY(-2px); }
.utime-btn--ghost { background: transparent; color: #fff; border-color: #fff; }
.utime-btn--ghost:hover { background: #fff; color: var(--utime-ink); } .utime-skip-link {
position: absolute; left: -9999px; top: 0; z-index: 1000;
background: #fff; color: var(--utime-ink); padding: 10px 16px;
}
.utime-skip-link:focus { left: 8px; top: 8px; }.utime-header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
height: var(--utime-header-h);
background: #fff;
box-shadow: 0 1px 0 rgba(0,0,0,.06);
transition: height .3s var(--utime-ease), background-color .3s var(--utime-ease), box-shadow .3s var(--utime-ease);
}
.utime-header__inner {
display: flex;
align-items: center;
gap: 24px;
height: 100%;
} .utime-header__brand { margin-right: auto; } .utime-header.is-shrunk { height: var(--utime-header-h-shrunk); } .utime-header--transparent {
background: transparent;
box-shadow: none;
}
.utime-header--transparent .utime-nav__list > li > a,
.utime-header--transparent .utime-lang__toggle,
.utime-header--transparent .utime-logo__word { color: #fff; }
.utime-header--transparent .utime-burger span { background: #fff; } .utime-header--transparent.is-solid {
background: #fff;
box-shadow: 0 1px 0 rgba(0,0,0,.06);
}
.utime-header--transparent.is-solid .utime-nav__list > li > a,
.utime-header--transparent.is-solid .utime-lang__toggle,
.utime-header--transparent.is-solid .utime-logo__word { color: var(--utime-ink); }
.utime-header--transparent.is-solid .utime-burger span { background: var(--utime-ink); } .utime-main { padding-top: var(--utime-header-h); }
body.utime-has-hero .utime-main { padding-top: 0; } body.admin-bar .utime-header { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .utime-header { top: 46px; }
} .utime-logo, .utime-footer__logo { display: inline-flex; align-items: center; gap: 10px; }
.utime-logo__mark, .utime-footer__logo .utime-logo__mark {
display: inline-grid; place-items: center;
width: 46px; height: 46px; border-radius: 50%;
background: var(--utime-red); color: #fff;
font-family: var(--utime-font-display); font-weight: 700; font-size: 1.5rem;
line-height: 1;
}
.utime-logo__word { font-family: var(--utime-font-display); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 1.1rem; color: var(--utime-ink); }
.custom-logo { max-height: 52px; width: auto; transition: max-height .3s var(--utime-ease); }
.is-shrunk .custom-logo { max-height: 40px; } .utime-nav__list {
list-style: none; margin: 0; padding: 0;
display: flex; align-items: center; gap: 28px;
}
.utime-nav__list > li { position: relative; }
.utime-nav__list > li > a {
font-weight: 600; font-size: .98rem; color: var(--utime-ink);
text-transform: capitalize; letter-spacing: .01em;
padding: 6px 0; position: relative;
transition: color .2s var(--utime-ease);
}
.utime-nav__list > li > a::after {
content: ""; position: absolute; left: 0; right: 100%; bottom: -2px; height: 2px;
background: var(--utime-red); transition: right .28s var(--utime-ease);
}
.utime-nav__list > li:hover > a::after,
.utime-nav__list > li.current-menu-item > a::after { right: 0; }
.utime-nav__list > li:hover > a,
.utime-nav__list > li.current-menu-item > a { color: var(--utime-red); } .utime-nav__list .sub-menu {
position: absolute; top: 100%; left: 0; min-width: 200px;
background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12);
list-style: none; margin: 0; padding: 8px 0; border-radius: var(--utime-radius);
opacity: 0; visibility: hidden; transform: translateY(8px);
transition: opacity .2s var(--utime-ease), transform .2s var(--utime-ease), visibility .2s;
}
.utime-nav__list > li:hover .sub-menu { opacity: 1; visibility: visible; transform: none; }
.utime-nav__list .sub-menu a { display: block; padding: 8px 18px; color: var(--utime-ink); font-weight: 500; }
.utime-nav__list .sub-menu a:hover { background: var(--utime-bg-alt); color: var(--utime-red); } .utime-header__actions { display: flex; align-items: center; gap: 14px; }
.utime-lang { position: relative; }
.utime-lang__toggle {
display: inline-flex; align-items: center; gap: 6px;
background: none; border: 0; cursor: pointer;
font-family: var(--utime-font-body); font-weight: 600; font-size: .95rem; color: var(--utime-ink);
padding: 6px 4px;
}
.utime-lang__caret { transition: transform .2s var(--utime-ease); }
.utime-lang[aria-expanded="true"] .utime-lang__caret,
.utime-lang.is-open .utime-lang__caret { transform: rotate(180deg); }
.utime-lang__menu {
position: absolute; top: 100%; right: 0; min-width: 150px;
list-style: none; margin: 6px 0 0; padding: 6px 0;
background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.14); border-radius: var(--utime-radius);
opacity: 0; visibility: hidden; transform: translateY(8px);
transition: opacity .2s var(--utime-ease), transform .2s var(--utime-ease), visibility .2s;
}
.utime-lang.is-open .utime-lang__menu { opacity: 1; visibility: visible; transform: none; }
.utime-lang__menu a { display: block; padding: 8px 16px; color: var(--utime-ink); font-weight: 500; }
.utime-lang__menu a:hover { background: var(--utime-bg-alt); color: var(--utime-red); } .utime-burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; }
.utime-burger span { display: block; width: 26px; height: 2px; background: var(--utime-ink); transition: transform .3s var(--utime-ease), opacity .3s var(--utime-ease); }
.utime-burger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.utime-burger.is-active span:nth-child(2) { opacity: 0; }
.utime-burger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.utime-drawer {
position: fixed; top: 0; right: 0; bottom: 0; width: min(82vw, 340px);
background: #fff; z-index: 200; padding: calc(var(--utime-header-h) + 12px) 28px 28px;
transform: translateX(100%); transition: transform .35s var(--utime-ease);
overflow-y: auto; box-shadow: -12px 0 40px rgba(0,0,0,.16);
}
.utime-drawer.is-open { transform: none; }
.utime-drawer__list { list-style: none; margin: 0; padding: 0; text-align: right; }
.utime-drawer__list li { border-bottom: 1px solid var(--utime-line); }
.utime-drawer__list a { display: block; padding: 14px 0; font-family: var(--utime-font-display); font-weight: 600; text-transform: uppercase; font-size: 1.15rem; color: var(--utime-ink); }
.utime-drawer__list a:hover { color: var(--utime-red); }
.utime-drawer__list .sub-menu { list-style: none; margin: 0; padding: 0 14px 0 0; }
.utime-drawer__overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 150; opacity: 0; transition: opacity .3s var(--utime-ease); }
.utime-drawer__overlay.is-visible { opacity: 1; }
body.utime-drawer-open { overflow: hidden; }
@media (max-width: 992px) {
.utime-nav { display: none; }
.utime-burger { display: flex; }
.utime-header__actions { margin-left: auto; }
}.utime-prefooter-cta {
background: var(--utime-bg-alt);
text-align: center;
padding-block: 72px;
}
.utime-prefooter-cta__heading {
font-size: clamp(1.9rem, 4vw, 3rem);
margin-bottom: 28px;
}
.utime-footer {
background: var(--utime-bg-dark);
color: rgba(255,255,255,.72);
padding-top: 64px;
}
.utime-footer a { color: rgba(255,255,255,.72); transition: color .2s var(--utime-ease); }
.utime-footer a:hover { color: #fff; }
.utime-footer__grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
gap: 40px;
padding-bottom: 56px;
}
.utime-footer__brand .utime-logo__mark { width: 54px; height: 54px; font-size: 1.7rem; }
.utime-footer__tagline {
font-family: var(--utime-font-display);
font-weight: 600;
text-transform: uppercase;
color: #fff;
font-size: 1.15rem;
line-height: 1.2;
margin: 18px 0 10px;
max-width: 22ch;
}
.utime-footer__intro { font-size: .95rem; }
.utime-footer__heading {
color: #fff; font-size: 1.05rem; margin-bottom: 18px;
letter-spacing: .06em;
}
.utime-footer__menu { list-style: none; margin: 0; padding: 0; }
.utime-footer__menu li { margin-bottom: 10px; }
.utime-footer__menu a { font-weight: 500; }
.utime-footer__contact a { display: block; margin-bottom: 8px; }
.utime-footer__social { display: flex; gap: 10px; margin-top: 16px; }
.utime-footer__social a {
display: inline-grid; place-items: center;
width: 38px; height: 38px; border-radius: 50%;
border: 1px solid rgba(255,255,255,.28);
font-weight: 700; color: #fff;
}
.utime-footer__social a:hover { background: var(--utime-red); border-color: var(--utime-red); }
.utime-footer__bar {
border-top: 1px solid rgba(255,255,255,.12);
padding-block: 22px;
font-size: .88rem;
}
@media (max-width: 900px) {
.utime-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 560px) {
.utime-footer__grid { grid-template-columns: 1fr; }
}.utime-fade-up,
.utime-fade-up-item {
opacity: 0;
transform: translateY(26px);
will-change: opacity, transform;
transition: opacity .7s var(--utime-ease), transform .7s var(--utime-ease);
}
.utime-fade-up.is-visible,
.utime-fade-up-item.is-visible,
.utime-fade-up-stagger.is-visible .utime-fade-up-item {
opacity: 1;
transform: none;
} .utime-fade-up-stagger .utime-fade-up-item { transition-delay: 0ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(1) { transition-delay: 0ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(2) { transition-delay: 90ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(3) { transition-delay: 180ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(4) { transition-delay: 270ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(5) { transition-delay: 360ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(6) { transition-delay: 450ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(7) { transition-delay: 540ms; }
.utime-fade-up-stagger.is-visible .utime-fade-up-item:nth-child(8) { transition-delay: 630ms; } @media (prefers-reduced-motion: reduce) {
.utime-fade-up,
.utime-fade-up-item {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
* { scroll-behavior: auto !important; }
}