:root {
--scv-bg: #ffffff;
--scv-fg: #2d2d2d;
--scv-muted: #6b7280;
--scv-border: #e5e7eb;
--scv-brand: #0a2f73;
--scv-accent: #071a49;
--scv-accent-fg: #ffffff;
--scv-gold: #ffd34d;
--scv-sky: #8fd6ff;
--scv-teal: #8fd6ff;
--scv-navy-deep: #04163d;
--scv-content: 1280px;
--scv-radius: 0px;
--scv-radius-sm: 8px;
--scv-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
--scv-ring: 0 0 0 4px rgba(10, 47, 115, 0.12);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
margin: 0;
color: var(--scv-fg);
background: var(--scv-bg);
font: 15px/1.55 "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic",
sans-serif;
letter-spacing: -0.02em;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
.scv-sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.scv-container {
width: min(var(--scv-content), calc(100% - 32px));
margin: 0 auto;
}
.scv-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background: #ffffff;
border-bottom: 1px solid var(--scv-border);
}
@media (min-width: 861px) {
.scv-header {
transition: box-shadow 0.2s ease;
}
}
body.admin-bar .scv-header {
top: 32px;
}
.scv-header__top {
border-bottom: 1px solid var(--scv-border);
}
.scv-header__top-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 35px 0;
}
.scv-header__left {
display: none;
align-items: center;
justify-content: flex-start;
min-height: 48px;
}
.scv-header__right {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 48px;
}
.scv-brand {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 800;
color: var(--scv-brand);
min-width: 0;
}
.scv-logo {
width: clamp(220px, 26vw, 420px);
height: auto;
max-width: 100%;
max-height: 92px;
border-radius: 0;
box-shadow: none;
object-fit: contain;
}
.scv-phone {
color: var(--scv-brand);
font-weight: 800;
letter-spacing: 0;
}
.scv-phone--desktop {
font-size: 39px;
}
.scv-phone:hover {
text-decoration: underline;
}
@media (min-width: 861px) {
.scv-header__top-inner,
.scv-logo,
.scv-phone--desktop {
transition: 0.2s ease;
transition-property: padding, height, font-size;
}
.scv-header.scv-header--compact {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}
.scv-header.scv-header--compact .scv-header__top-inner {
padding: 25px 0;
}
.scv-header.scv-header--compact .scv-logo {
width: clamp(200px, 22vw, 360px);
max-height: 76px;
}
.scv-header.scv-header--compact .scv-phone--desktop {
font-size: 33px;
}
}
.scv-phone--mobile {
display: none;
width: 54px;
height: 54px;
align-items: center;
justify-content: center;
border: 1px solid rgba(11, 37, 62, 0.25);
border-radius: 999px;
background: #fff;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
transition: transform 0.15s ease, box-shadow 0.15s ease,
border-color 0.15s ease;
}
.scv-phone--mobile .scv-icon {
width: 35px;
height: 35px;
}
.scv-icon {
width: 20px;
height: 20px;
fill: currentColor;
}
.scv-nav-toggle {
display: none;
appearance: none;
border: 1px solid rgba(11, 37, 62, 0.25);
background: #fff;
padding: 12px;
cursor: pointer;
border-radius: 999px;
width: 54px;
height: 54px;
align-items: center;
justify-content: center;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
transition: transform 0.15s ease, box-shadow 0.15s ease,
border-color 0.15s ease;
}
.scv-nav-toggle__lines {
display: inline-flex;
flex-direction: column;
gap: 5px;
}
.scv-nav-toggle__lines span {
display: block;
width: 24px;
height: 2px;
background: var(--scv-brand);
border-radius: 999px;
}
.scv-drawer {
display: none;
}
.scv-drawer__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
opacity: 0;
transition: opacity 0.25s ease;
}
.scv-drawer__panel {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 50vw;
max-width: 50vw;
background: #fff;
border-right: 1px solid var(--scv-border);
transform: translate3d(-100%, 0, 0);
transition: transform 0.28s ease;
display: grid;
grid-template-rows: auto 1fr;
overflow-x: hidden;
}
.scv-drawer__header,
.scv-drawer__nav {
max-width: 100%;
}
.scv-drawer__nav {
overflow-x: hidden;
}
.scv-drawer__header {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 12px;
padding: 14px 14px;
border-bottom: 1px solid var(--scv-border);
}
.scv-drawer__brand {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--scv-brand);
min-width: 0;
}
.scv-drawer__logo {
height: 64px;
width: auto;
max-width: 100%;
object-fit: contain;
}
.scv-drawer__close {
appearance: none;
border: 1px solid rgba(11, 37, 62, 0.25);
background: #fff;
width: 40px;
height: 40px;
cursor: pointer;
font-size: 24px;
line-height: 1;
color: var(--scv-brand);
border-radius: 999px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
transition: transform 0.15s ease, box-shadow 0.15s ease,
border-color 0.15s ease;
}
.scv-drawer__nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 8px 0;
}
.scv-drawer__menu {
list-style: none;
margin: 0;
padding: 0;
}
.scv-drawer__menu a {
display: block;
padding: 16px 16px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
color: var(--scv-brand);
border-bottom: 1px solid var(--scv-border);
word-break: keep-all;
}
.scv-drawer__menu .current-menu-item > a,
.scv-drawer__menu .current_page_item > a,
.scv-drawer__menu a:hover {
background: rgba(7, 19, 55, 0.08);
}
.scv-drawer__close:hover {
border-color: rgba(11, 37, 62, 0.42);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
}
.scv-drawer__close:active {
transform: translateY(0);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.scv-header__nav {
border-bottom: 2px solid var(--scv-accent);
}
.scv-header__nav-inner {
display: flex;
align-items: center;
justify-content: center;
}
.scv-nav ul {
list-style: none;
display: flex;
gap: 0;
padding: 0;
margin: 0;
flex-wrap: wrap;
justify-content: center;
}
.scv-nav a {
display: block;
padding: 14px 18px;
border-radius: 0;
color: var(--scv-brand);
font-weight: 700;
font-size: 16px;
letter-spacing: 0;
transition: background 0.15s ease, color 0.15s ease;
}
.scv-nav a:hover,
.scv-nav .current-menu-item > a,
.scv-nav .current_page_item > a {
color: var(--scv-accent-fg);
background: var(--scv-accent);
}
.scv-nav a:focus-visible,
.scv-nav-toggle:focus-visible,
.scv-phone:focus-visible,
.scv-button:focus-visible,
.scv-field input[type="text"]:focus-visible {
outline: 3px solid rgba(7, 19, 55, 0.35);
outline-offset: 2px;
}
.scv-main {
padding: 0 0 56px;
}
@media (min-width: 861px) {
.scv-main {
padding: var(--scv-header-pad, 220px) 0 56px;
transition: padding-top 0.2s ease;
}
}
.scv-section {
padding: 32px 0;
}
.scv-main > .scv-container > .scv-section:first-child {
padding-top: 0;
}
.scv-main > .scv-container > :first-child {
margin-top: 0;
}
.scv-section--flush {
padding: 0;
}
.scv-page-title {
margin: 20px 0 18px;
font-size: clamp(22px, 2.6vw, 32px);
line-height: 1.25;
letter-spacing: -0.02em;
color: var(--scv-brand);
text-align: center;
}
.scv-image-stack {
display: grid;
gap: 0;
}
.scv-image-stack--content {
max-width: 980px;
margin: 0 auto;
}
.scv-image-stack img {
display: block;
width: 100%;
border-radius: var(--scv-radius);
box-shadow: var(--scv-shadow);
background: #f8fafc;
}
.scv-home .scv-section {
padding: 0;
}
.scv-home .scv-section + .scv-section {
margin-top: 24px;
}
.scv-home .scv-image-stack {
gap: 24px;
}
.scv-home-main2 .scv-image-stack img {
box-shadow: none;
background: transparent;
}
.scv-home-main1__inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
padding: 0 8px;
}
.scv-home-main1-secondary {
padding: 0;
}
.scv-home-main1-secondary__inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
padding: 0 8px;
}
.scv-home-main1-secondary__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.scv-home-main1-secondary__tile {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: none;
background-color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.scv-home-main1-secondary__note {
margin: 24px 0 0;
padding: 16px 18px 16px 58px;
border-radius: 16px;
border: 1px solid rgba(37, 99, 235, 0.18);
background: linear-gradient(
180deg,
rgba(37, 99, 235, 0.08),
rgba(37, 99, 235, 0.035)
);
color: var(--scv-brand);
font-weight: 900;
letter-spacing: -0.01em;
font-size: clamp(18px, 2.2vw, 22px);
line-height: 1.4;
position: relative;
}
.scv-home-main1-secondary__note::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
width: 28px;
height: 28px;
border-radius: 999px;
transform: translateY(-50%);
background: radial-gradient(circle at 30% 30%, #ffffff, rgba(255, 255, 255, 0) 55%),
linear-gradient(135deg, var(--scv-brand), var(--scv-sky));
}
.scv-home-main1-secondary__note strong {
color: var(--scv-brand);
}
.scv-home-preinquiry__inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
padding: 0 8px;
}
.scv-home-preinquiry__images {
display: grid;
gap: 24px;
}
.scv-home-preinquiry__images img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.06);
background: #fff;
box-shadow: none;
} .scv-vehicle-block {
--scv-veh-accent: #2563eb;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 16px;
padding: 18px;
}
.scv-vehicle-block[data-scv-vehicle="lounge"] {
--scv-veh-accent: #2563eb;
}
.scv-vehicle-block[data-scv-vehicle="tourer"] {
--scv-veh-accent: var(--scv-sky);
}
.scv-vehicle-block[data-scv-vehicle="solati"] {
--scv-veh-accent: #0b253e;
}
.scv-vehicle-sections {
margin-top: 24px;
display: grid;
gap: 32px;
}
.scv-vehicle-block__head {
margin: 0 0 14px;
padding: 14px 14px 14px 18px;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.06);
background: linear-gradient(
180deg,
rgba(2, 6, 23, 0.015),
rgba(2, 6, 23, 0)
);
position: relative;
}
.scv-vehicle-block__head::before {
content: "";
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 5px;
border-radius: 999px;
background: var(--scv-veh-accent);
}
.scv-vehicle-block__title {
margin: 0;
color: var(--scv-brand);
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.2;
font-size: clamp(20px, 2.2vw, 28px);
}
.scv-vehicle-block__subtitle {
margin: 8px 0 0;
color: var(--scv-muted);
font-weight: 700;
letter-spacing: 0;
line-height: 1.45;
font-size: 15px;
}
.scv-vehicle-tiles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.scv-vehicle-tile {
appearance: none;
padding: 0;
cursor: pointer;
display: block;
width: 100%;
aspect-ratio: 16 / 10;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.06);
background-color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.scv-vehicle-tile:focus-visible {
outline: 3px solid rgba(37, 99, 235, 0.35);
outline-offset: 2px;
}
.scv-vehicle-image-link {
display: block;
}
.scv-vehicle-image-link:focus-visible {
outline: 3px solid rgba(37, 99, 235, 0.35);
outline-offset: 2px;
border-radius: 14px;
}
.scv-vehicle-images {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.scv-vehicle-images img {
display: block;
width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: none;
background: #fff;
}
@media (max-width: 860px) {
.scv-vehicle-sections {
gap: 24px;
}
.scv-vehicle-block {
padding: 14px;
}
.scv-vehicle-block__head {
padding: 12px 12px 12px 16px;
}
.scv-vehicle-tiles {
gap: 10px;
}
.scv-vehicle-block__subtitle {
font-size: 14px;
}
}
@media (min-width: 481px) and (max-width: 860px) {
body.scv-home-redesign .scv-header__top-inner {
min-height: 56px;
}
body.scv-home-redesign .scv-brand__logo {
width: 138px;
max-height: 28px;
}
body.scv-home-redesign .scv-ref-hero__copy {
top: 76px;
width: calc(100% - 40px);
}
body.scv-home-redesign .scv-ref-hero__phone {
width: min(680px, calc(100% - 44px));
}
} .scv-lightbox {
position: fixed;
inset: 0;
z-index: 2200;
display: none;
}
body.scv-lightbox-open .scv-lightbox {
display: block;
}
.scv-lightbox__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
}
.scv-lightbox__dialog {
position: absolute;
inset: 0;
display: grid;
place-items: center;
padding: 18px;
}
.scv-lightbox__panel {
position: relative;
width: min(1100px, calc(100vw - 36px));
max-height: calc(100vh - 36px);
border-radius: 16px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.12);
overflow: hidden;
}
.scv-lightbox__img {
display: block;
width: 100%;
height: auto;
max-height: calc(100vh - 36px);
object-fit: contain;
background: transparent;
}
.scv-lightbox__close {
position: absolute;
top: 10px;
right: 10px;
width: 44px;
height: 44px;
border-radius: 999px;
appearance: none;
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(2, 6, 23, 0.45);
color: #fff;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.scv-lightbox__close:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.45);
outline-offset: 2px;
}
body.scv-lightbox-open {
overflow: hidden;
touch-action: none;
}
@media (prefers-reduced-motion: reduce) {
.scv-lightbox__backdrop,
.scv-lightbox__panel,
.scv-lightbox__close {
transition: none;
}
}
@media (max-width: 860px) {
.scv-home-main1-secondary__note {
padding: 14px 14px 14px 52px;
border-radius: 14px;
font-size: 12px;
}
.scv-home-main1-secondary__note::before {
left: 14px;
width: 26px;
height: 26px;
}
}
.scv-full-bleed {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.scv-image-sections {
display: grid;
gap: 0;
}
.scv-image-section {
border-bottom: 1px solid var(--scv-border);
background: #fff;
}
.scv-image-section:last-child {
border-bottom: 0;
}
.scv-image-section img {
display: block;
width: 100%;
border-radius: 0;
box-shadow: none;
background: #fff;
}
.scv-card {
border: 1px solid var(--scv-border);
border-radius: 12px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
background: #ffffff;
padding: 24px;
}
.scv-card--form {
border-color: rgba(7, 19, 55, 0.14);
box-shadow: 0 18px 44px rgba(2, 6, 23, 0.12);
}
.scv-card__title {
margin: 0;
font-size: 20px;
font-weight: 900;
color: var(--scv-brand);
letter-spacing: 0;
}
.scv-card__kicker {
margin-top: 10px;
color: var(--scv-muted);
font-weight: 700;
letter-spacing: 0;
font-size: 15px;
}
.scv-home-inquiry .scv-card {
max-width: 860px;
margin: 0 auto;
}
.scv-inquiry-page .scv-card {
max-width: 860px;
margin: 0 auto;
}
.scv-inquiry-embed {
width: 100%;
margin: 40px auto 0;
}
.scv-inquiry-embed .scv-card {
margin: 0 auto;
}
.scv-form {
display: grid;
gap: 16px;
margin-top: 14px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.scv-field label {
display: block;
font-weight: 800;
margin: 0 0 6px;
color: var(--scv-brand);
letter-spacing: 0;
font-size: 20px;
}
.scv-field input[type="text"] {
width: 100%;
padding: 14px 14px;
border: 1px solid var(--scv-border);
border-radius: 12px;
font-size: 21px;
background: #ffffff;
outline: none;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.scv-field input[type="text"]::placeholder {
color: rgba(107, 114, 128, 0.85);
}
.scv-field input[type="text"]:focus {
border-color: rgba(7, 19, 55, 0.5);
box-shadow: var(--scv-ring);
background: #ffffff;
}
.scv-button {
appearance: none;
border: 0;
cursor: pointer;
font-weight: 900;
padding: 14px 16px;
border-radius: 12px;
background: var(--scv-accent);
color: var(--scv-accent-fg);
letter-spacing: 0;
font-size: 21px;
width: auto;
min-height: 56px;
}
.scv-button:hover {
filter: brightness(0.97);
}
.scv-form .scv-button {
grid-column: 1 / -1;
width: 100%;
}
.scv-card--form .scv-button {
background: #6c6c6c;
}
@media (max-width: 860px) {
.scv-form {
grid-template-columns: 1fr;
}
.scv-card--form .scv-field label {
font-size: 17px;
}
.scv-card--form .scv-field input[type="text"] {
font-size: 17px;
}
.scv-card--form .scv-button {
font-size: 22px;
}
}
.scv-alert {
border-radius: var(--scv-radius-sm);
padding: 12px 14px;
border: 1px solid var(--scv-border);
background: #f8fafc;
color: var(--scv-fg);
}
.scv-alert--success {
border-color: rgba(16, 185, 129, 0.35);
background: rgba(16, 185, 129, 0.08);
}
.scv-alert--error {
border-color: rgba(239, 68, 68, 0.35);
background: rgba(239, 68, 68, 0.06);
}
.scv-form-status:empty {
display: none;
}
.scv-footer {
border-top: 1px solid var(--scv-border);
padding: 28px 0;
color: var(--scv-muted);
background: #f8fafc;
}
.scv-footer small {
font-weight: 600;
}
.scv-footer__grid {
display: grid;
grid-template-columns: 1fr;
gap: 22px;
align-items: start;
}
.scv-footer__brand-link {
display: inline-flex;
align-items: center;
}
.scv-footer__logo {
height: 56px;
width: auto;
max-width: 260px;
object-fit: contain;
}
.scv-footer__tagline {
margin-top: 10px;
color: var(--scv-brand);
font-weight: 700;
letter-spacing: 0;
}
.scv-footer__biz {
margin-top: 12px;
display: grid;
gap: 4px;
color: var(--scv-muted);
font-weight: 600;
letter-spacing: 0;
}
.scv-footer__biz-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--scv-brand);
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
}
.scv-footer__biz-link:hover {
text-decoration-thickness: 2px;
}
.scv-footer__title {
color: var(--scv-brand);
font-weight: 900;
letter-spacing: 0;
margin: 0 0 10px;
}
.scv-footer__links {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.scv-footer__links a {
color: var(--scv-muted);
font-weight: 700;
}
.scv-footer__links a:hover {
color: var(--scv-brand);
text-decoration: underline;
}
.scv-footer__phone {
display: inline-flex;
flex-direction: column;
gap: 4px;
padding: 0;
border: 0;
background: transparent;
color: var(--scv-brand);
}
.scv-footer__phone-label {
font-weight: 800;
opacity: 0.85;
}
.scv-footer__phone-number {
font-size: clamp(42px, 4.2vw, 65px);
font-weight: 900;
letter-spacing: 0;
line-height: 1.05;
}
.scv-footer__bottom {
margin-top: 22px;
padding-top: 16px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
text-align: center;
}
@media (max-width: 860px) {
.scv-footer {
padding-bottom: calc(28px + 96px + env(safe-area-inset-bottom, 0px));
}
.scv-header__top-inner {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
justify-content: initial;
gap: 10px;
}
.scv-header__left {
display: flex;
}
.scv-header__left,
.scv-header__right {
min-width: 44px;
}
.scv-brand {
justify-self: center;
max-width: 100%;
overflow: hidden;
}
.scv-header__top-inner {
padding: 14px 0;
}
.scv-logo {
height: auto;
width: min(62vw, 260px);
max-height: 72px;
max-width: 100%;
}
.scv-nav-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
}
.scv-phone--desktop {
display: none;
}
.scv-phone--mobile {
display: inline-flex;
}
.scv-nav-toggle:hover,
.scv-phone--mobile:hover {
border-color: rgba(11, 37, 62, 0.42);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
transform: translateY(-1px);
}
.scv-nav-toggle:active,
.scv-phone--mobile:active {
transform: translateY(0);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.scv-drawer__logo {
height: 72px;
}
.scv-footer__grid {
grid-template-columns: 1fr;
}
.scv-footer__bottom {
margin-bottom: 78px;
}
.scv-header__nav-inner {
justify-content: flex-start;
}
.scv-header__nav {
display: none !important;
}
.scv-nav ul {
width: 100%;
flex-direction: column;
align-items: stretch;
}
.scv-nav a {
padding: 14px 12px;
}
body.scv-menu-open {
overflow: hidden;
touch-action: none;
}
.scv-drawer {
display: block;
position: fixed;
inset: 0;
z-index: 1000;
pointer-events: none;
}
body.scv-menu-open .scv-drawer {
pointer-events: auto;
}
body.scv-menu-open .scv-drawer__backdrop {
opacity: 1;
}
body.scv-menu-open .scv-drawer__panel {
transform: translate3d(0, 0, 0);
}
}
@media (max-width: 360px) {
.scv-header__top-inner {
gap: 8px;
}
.scv-nav-toggle {
padding: 10px;
width: 50px;
height: 50px;
}
.scv-phone--mobile {
width: 50px;
height: 50px;
}
.scv-phone--mobile .scv-icon {
width: 28px;
height: 28px;
}
.scv-logo {
height: auto;
width: min(56vw, 230px);
max-height: 64px;
}
}
@media (prefers-reduced-motion: reduce) {
.scv-drawer__backdrop,
.scv-drawer__panel {
transition: none;
}
}
.scv-mobile-fab {
display: flex;
position: fixed;
right: 24px;
bottom: 24px;
z-index: 900;
gap: 10px;
flex-direction: column;
}
.scv-mobile-fab__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
border-radius: 999px;
font-weight: 900;
letter-spacing: 0;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
min-height: 48px;
min-width: 180px;
position: relative;
overflow: hidden;
isolation: isolate;
}
.scv-mobile-fab__btn--call {
background: #2563eb;
color: #fff;
border: 1px solid transparent;
}
.scv-mobile-fab__btn--inquiry {
background: var(--scv-sky);
color: var(--scv-accent);
border: 1px solid transparent;
}
.scv-mobile-fab__btn:hover {
transform: translateY(-1px);
}
.scv-mobile-fab__btn::after {
content: "";
position: absolute;
inset: -40% -60%;
background: linear-gradient(
110deg,
rgba(255, 255, 255, 0) 35%,
rgba(255, 255, 255, 0.28) 50%,
rgba(255, 255, 255, 0) 65%
);
transform: translateX(-120%);
opacity: 0.85;
pointer-events: none;
animation: scv-sheen 6.5s ease-in-out infinite;
mix-blend-mode: soft-light;
}
.scv-mobile-fab__btn--inquiry::after {
animation-delay: 1.1s;
}
@keyframes scv-sheen {
0%,
72% {
transform: translateX(-120%);
}
86% {
transform: translateX(120%);
}
100% {
transform: translateX(120%);
}
}
@media (max-width: 860px) {
.scv-mobile-fab {
display: flex;
position: fixed;
left: 16px;
right: 16px;
bottom: calc(16px + env(safe-area-inset-bottom, 0px));
z-index: 900;
gap: 12px;
justify-content: space-between;
pointer-events: none;
flex-direction: row;
}
.scv-mobile-fab a {
pointer-events: auto;
}
.scv-mobile-fab__btn {
flex: 1 1 0;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 12px;
border-radius: 999px;
font-weight: 900;
font-size: 24px;
line-height: 1.1;
letter-spacing: 0;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
min-height: 62px;
min-width: 0;
transform: none;
position: relative;
overflow: hidden;
isolation: isolate;
}
.scv-mobile-fab__btn--call {
background: #2563eb;
color: #fff;
border: 0;
}
.scv-mobile-fab__btn--inquiry {
background: var(--scv-sky);
color: var(--scv-accent);
border: 0;
} .scv-mobile-fab__btn::after {
mix-blend-mode: normal;
opacity: 0.7;
}
}
@media (prefers-reduced-motion: reduce) {
.scv-mobile-fab__btn:hover {
transform: none;
}
.scv-mobile-fab__btn::after {
animation: none;
}
}   .scv-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 14px;
border-radius: 12px;
border: 1px solid var(--scv-border);
background: #ffffff;
color: var(--scv-brand);
font-weight: 900;
letter-spacing: 0;
line-height: 1.1;
min-height: 44px;
transition: filter 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.scv-btn:hover {
filter: brightness(0.98);
}
.scv-btn--primary {
border-color: transparent;
background: var(--scv-accent);
color: var(--scv-accent-fg);
}
.scv-btn:focus-visible {
outline: 3px solid rgba(7, 19, 55, 0.35);
outline-offset: 2px;
}
.scv-input {
width: 100%;
padding: 10px 12px;
border: 1px solid var(--scv-border);
border-radius: 12px;
font-size: 15px;
background: #ffffff;
outline: none;
min-height: 44px;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.scv-input::placeholder {
color: rgba(107, 114, 128, 0.85);
}
.scv-input:focus {
border-color: rgba(7, 19, 55, 0.5);
box-shadow: var(--scv-ring);
}
.scv-breadcrumb {
margin: 8px 0 14px;
color: var(--scv-muted);
font-weight: 700;
font-size: 13px;
}
.scv-breadcrumb__list {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0;
margin: 0;
}
.scv-breadcrumb__item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.scv-breadcrumb__item + .scv-breadcrumb__item::before {
content: "›";
opacity: 0.65;
}
.scv-notice {
max-width: 980px;
margin: 0 auto;
padding: 18px 0 0;
}
.scv-notice__header {
padding: 0 0 14px;
border-bottom: 1px solid var(--scv-border);
}
.scv-notice__title-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
.scv-notice__title {
margin: 0;
font-size: clamp(22px, 2.4vw, 30px);
line-height: 1.25;
color: var(--scv-brand);
letter-spacing: -0.02em;
}
.scv-notice__desc {
margin: 10px 0 0;
color: var(--scv-muted);
font-weight: 650;
}
.scv-notice__toolbar {
display: flex;
justify-content: flex-end;
padding: 14px 0 10px;
}
.scv-notice-search {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
width: min(520px, 100%);
}
.scv-board {
border-top: 2px solid rgba(11, 37, 62, 0.45);
border-bottom: 1px solid var(--scv-border);
background: #ffffff;
}
.scv-board__table {
width: 100%;
border-collapse: collapse;
}
.scv-board__head th {
text-align: center;
padding: 14px 12px;
font-size: 14px;
color: var(--scv-brand);
letter-spacing: 0;
background: #f8fafc;
border-bottom: 1px solid var(--scv-border);
}
.scv-board__row {
border-bottom: 1px solid var(--scv-border);
}
.scv-board__cell {
padding: 14px 12px;
font-size: 15px;
vertical-align: middle;
}
.scv-board__cell--num,
.scv-board__cell--date,
.scv-board__cell--author {
text-align: center;
color: var(--scv-muted);
font-weight: 650;
white-space: nowrap;
}
.scv-board__cell--title {
text-align: left;
color: var(--scv-fg);
font-weight: 800;
}
.scv-board__link {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.scv-board__link:hover {
text-decoration: underline;
}
.scv-board__row--pinned .scv-board__cell--title {
color: var(--scv-brand);
}
.scv-board__row--empty .scv-board__cell--empty {
text-align: center;
padding: 38px 12px;
color: var(--scv-muted);
font-weight: 700;
}
.scv-board__meta--mobile {
display: none;
margin-top: 8px;
color: var(--scv-muted);
font-weight: 650;
font-size: 13px;
}
.scv-board__meta-date {
display: inline-flex;
align-items: center;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
}
.scv-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 900;
letter-spacing: 0;
white-space: nowrap;
}
.scv-badge--pinned {
background: rgba(7, 19, 55, 0.1);
color: var(--scv-accent);
border: 1px solid rgba(7, 19, 55, 0.16);
}
.scv-pagination {
padding: 16px 0 0;
display: flex;
justify-content: center;
}
.scv-pagination .page-numbers {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0;
margin: 0;
}
.scv-pagination .page-numbers li {
margin: 0;
}
.scv-pagination .page-numbers a,
.scv-pagination .page-numbers span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0 10px;
border-radius: 12px;
border: 1px solid var(--scv-border);
background: #ffffff;
font-weight: 900;
color: var(--scv-brand);
}
.scv-pagination .page-numbers a:hover {
filter: brightness(0.98);
}
.scv-pagination .page-numbers .current {
border-color: transparent;
background: var(--scv-accent);
color: var(--scv-accent-fg);
}
.scv-notice--single .scv-notice__header {
border-bottom: 0;
padding-bottom: 0;
}
.scv-notice__admin-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.scv-notice__meta {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
padding: 0;
margin: 14px 0 0;
border-top: 1px solid var(--scv-border);
border-bottom: 1px solid var(--scv-border);
padding-top: 12px;
padding-bottom: 12px;
}
.scv-notice__meta li {
display: inline-flex;
gap: 8px;
align-items: center;
}
.scv-notice__meta-label {
color: var(--scv-muted);
font-weight: 800;
font-size: 13px;
}
.scv-notice__meta-value {
color: var(--scv-brand);
font-weight: 900;
font-size: 13px;
}
.scv-notice__thumb {
margin: 18px 0 0;
}
.scv-notice__thumb img {
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: var(--scv-shadow);
background: #f8fafc;
}
.scv-content {
margin: 18px 0 0;
color: var(--scv-fg);
word-break: break-word;
}
.scv-content > :first-child {
margin-top: 0;
}
.scv-content > :last-child {
margin-bottom: 0;
}
.scv-content p {
margin: 0 0 16px;
}
.scv-content a {
text-decoration: underline;
}
.scv-content h2 {
margin: 26px 0 10px;
font-size: 20px;
color: var(--scv-brand);
}
.scv-content h3 {
margin: 22px 0 10px;
font-size: 18px;
color: var(--scv-brand);
}
.scv-content ul,
.scv-content ol {
margin: 0 0 16px 18px;
}
.scv-notice__footer {
margin: 22px 0 0;
padding-top: 16px;
border-top: 1px solid var(--scv-border);
}
.scv-notice__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.scv-notice__nav-link {
display: grid;
gap: 6px;
padding: 12px 14px;
border: 1px solid var(--scv-border);
border-radius: 12px;
background: #ffffff;
}
.scv-notice__nav-link:hover {
filter: brightness(0.985);
}
.scv-notice__nav-label {
color: var(--scv-muted);
font-weight: 900;
font-size: 12px;
}
.scv-notice__nav-title {
color: var(--scv-brand);
font-weight: 900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.scv-notice__actions {
margin-top: 12px;
display: flex;
justify-content: flex-end;
}
.scv-date--short {
display: none;
}
@media (max-width: 720px) {
.scv-notice {
padding-top: 10px;
}
.scv-board__col--author,
.scv-board__cell--author,
.scv-board__col--date,
.scv-board__cell--date {
display: none;
}
.scv-board__meta--mobile {
display: block;
}
.scv-notice__nav {
grid-template-columns: 1fr;
}
.scv-notice__meta {
flex-wrap: nowrap;
gap: 0;
}
.scv-notice__meta-label {
display: none;
}
.scv-notice__meta-value {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.scv-notice__meta li {
min-width: 0;
}
.scv-notice__meta li:last-child {
flex-shrink: 0;
}
.scv-notice__meta li + li::before {
content: "·";
margin: 0 10px;
color: rgba(107, 114, 128, 0.75);
font-weight: 900;
}
.scv-date--full {
display: none;
}
.scv-date--short {
display: inline;
}
}   .scv-brand--text,
.scv-drawer__brand--text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.scv-brand__eyebrow,
.scv-drawer__eyebrow {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.scv-brand__title,
.scv-drawer__title {
font-size: clamp(20px, 2.8vw, 38px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.04em;
}
.scv-drawer__title {
font-size: 20px;
}
body.scv-home-redesign {
background:
linear-gradient(180deg, #031128 0, #082354 260px, #edf5ff 261px, #edf5ff 100%);
}
body.scv-home-redesign .scv-header {
position: relative;
top: 0 !important;
background: linear-gradient(140deg, #04122e 0%, #0a2f6d 56%, #0f88d7 100%);
border-bottom: 0;
}
body.scv-home-redesign .scv-header__top {
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body.scv-home-redesign .scv-header__top-inner {
padding: 22px 0 18px;
}
body.scv-home-redesign .scv-header__nav {
border-bottom: 0;
}
body.scv-home-redesign .scv-header__nav-inner {
justify-content: space-between;
}
body.scv-home-redesign .scv-brand,
body.scv-home-redesign .scv-phone,
body.scv-home-redesign .scv-drawer__brand,
body.scv-home-redesign .scv-drawer__close {
color: #ffffff;
}
body.scv-home-redesign .scv-brand__eyebrow,
body.scv-home-redesign .scv-drawer__eyebrow {
color: rgba(255, 255, 255, 0.62);
}
body.scv-home-redesign .scv-phone--desktop {
font-size: clamp(26px, 3vw, 42px);
}
body.scv-home-redesign .scv-nav a {
color: rgba(255, 255, 255, 0.84);
border-radius: 999px;
padding: 12px 16px;
}
body.scv-home-redesign .scv-nav a:hover,
body.scv-home-redesign .scv-nav .current-menu-item > a,
body.scv-home-redesign .scv-nav .current_page_item > a {
color: #06142f;
background: var(--scv-gold);
}
body.scv-home-redesign .scv-nav-toggle,
body.scv-home-redesign .scv-phone--mobile,
body.scv-home-redesign .scv-drawer__close {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.18);
box-shadow: none;
}
body.scv-home-redesign .scv-nav-toggle__lines span {
background: #ffffff;
}
body.scv-home-redesign .scv-drawer__panel {
background: linear-gradient(180deg, #081a3f 0%, #0a2a63 100%);
border-right-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-drawer__header {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-drawer__menu a {
color: #ffffff;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-drawer__menu .current-menu-item > a,
body.scv-home-redesign .scv-drawer__menu .current_page_item > a,
body.scv-home-redesign .scv-drawer__menu a:hover {
background: rgba(255, 211, 77, 0.18);
}
body.scv-home-redesign .scv-main {
padding-top: 0 !important;
padding-bottom: 92px;
}
body.scv-home-redesign .scv-main > .scv-container {
width: min(var(--scv-content), calc(100% - 28px));
}
.scv-home--redesign {
display: grid;
gap: 32px;
}
.scv-home--redesign .scv-section {
padding: 0;
}
.scv-home--redesign .scv-section + .scv-section {
margin-top: 0;
}
.scv-home-kicker,
.scv-home-section-head__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 7px 14px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.09);
color: rgba(255, 255, 255, 0.82);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.scv-home-section-head {
max-width: 760px;
margin: 0 auto 22px;
text-align: center;
}
.scv-home-section-head--left {
max-width: none;
margin: 0;
text-align: left;
}
.scv-home-section-head--left .scv-home-section-head__eyebrow {
border-color: rgba(11, 37, 62, 0.12);
background: rgba(11, 37, 62, 0.04);
color: #0b3b74;
}
.scv-home-reasons .scv-home-section-head__eyebrow {
border-color: rgba(11, 37, 62, 0.12);
background: rgba(11, 37, 62, 0.04);
color: #0b3b74;
}
.scv-home-section-head__title {
margin: 16px 0 0;
color: #081a3f;
font-size: clamp(28px, 4vw, 52px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.05em;
}
.scv-home-section-head__text {
margin: 16px auto 0;
max-width: 60ch;
color: #526176;
font-size: 16px;
line-height: 1.8;
letter-spacing: -0.02em;
}
.scv-home-section-head--left .scv-home-section-head__text {
margin-left: 0;
max-width: 54ch;
}
.scv-home-hero {
position: relative;
overflow: hidden;
padding: clamp(40px, 7vw, 86px) 0 clamp(30px, 5vw, 60px);
border-radius: 0 0 34px 34px;
background: linear-gradient(135deg, #031128 0%, #0b2b61 42%, #0d6fb8 72%, #10a4d5 100%);
color: #ffffff;
}
.scv-home-hero__backdrop {
position: absolute;
inset: 0;
background-position: center;
background-size: cover;
opacity: 0.14;
mix-blend-mode: screen;
filter: blur(1px);
}
.scv-home-hero__glow {
position: absolute;
border-radius: 999px;
filter: blur(16px);
opacity: 0.72;
pointer-events: none;
}
.scv-home-hero__glow--one {
top: -40px;
left: -60px;
width: 240px;
height: 240px;
background: rgba(255, 211, 77, 0.18);
}
.scv-home-hero__glow--two {
right: -80px;
bottom: -40px;
width: 320px;
height: 320px;
background: rgba(23, 209, 192, 0.18);
}
.scv-home-hero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
gap: clamp(24px, 5vw, 68px);
align-items: center;
}
.scv-home-hero__title {
margin: 18px 0 0;
max-width: 10ch;
font-size: clamp(36px, 5vw, 74px);
font-weight: 900;
line-height: 0.98;
letter-spacing: -0.06em;
}
.scv-home-hero__lead {
margin: 18px 0 0;
max-width: 28em;
color: rgba(238, 244, 255, 0.88);
font-size: clamp(16px, 1.8vw, 22px);
line-height: 1.75;
}
.scv-home-hero__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
.scv-home-hero__chips span {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 9px 16px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
font-weight: 700;
line-height: 1.2;
}
.scv-home-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 26px;
}
.scv-home-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 14px 22px;
border-radius: 999px;
font-size: 17px;
font-weight: 900;
letter-spacing: -0.01em;
transition: transform 0.18s ease, box-shadow 0.18s ease,
background 0.18s ease;
}
.scv-home-cta:hover {
transform: translateY(-1px);
}
.scv-home-cta--accent {
background: var(--scv-gold);
color: #06142f;
box-shadow: 0 18px 40px rgba(255, 211, 77, 0.24);
}
.scv-home-cta--ghost {
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
}
.scv-home-hero__stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 28px 0 0;
}
.scv-home-hero__stats div {
padding: 16px 18px;
border-radius: 22px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
backdrop-filter: blur(12px);
}
.scv-home-hero__stats dt {
margin: 0;
color: var(--scv-gold);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.16em;
}
.scv-home-hero__stats dd {
margin: 8px 0 0;
color: #f2f8ff;
font-size: 15px;
font-weight: 700;
line-height: 1.45;
}
.scv-home-hero__visual {
position: relative;
}
.scv-home-hero__visual-frame {
position: relative;
padding: 18px;
border-radius: 34px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));
box-shadow: 0 28px 80px rgba(1, 8, 25, 0.42);
backdrop-filter: blur(12px);
}
.scv-home-hero__visual-frame img {
display: block;
width: 100%;
border-radius: 24px;
box-shadow: 0 18px 40px rgba(1, 8, 25, 0.2);
}
.scv-home-hero__badge,
.scv-home-hero__panel {
position: absolute;
backdrop-filter: blur(12px);
}
.scv-home-hero__badge {
top: 22px;
right: -10px;
min-width: 170px;
padding: 14px 18px;
border-radius: 22px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg, rgba(255, 211, 77, 0.98), rgba(255, 255, 255, 0.96));
color: #06142f;
box-shadow: 0 18px 42px rgba(255, 211, 77, 0.28);
}
.scv-home-hero__badge-label {
display: block;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.scv-home-hero__badge strong {
display: block;
margin-top: 4px;
font-size: 28px;
font-weight: 900;
letter-spacing: -0.04em;
}
.scv-home-hero__panel {
left: -16px;
bottom: 24px;
max-width: 280px;
padding: 18px 20px;
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(4, 18, 46, 0.82);
color: #ffffff;
box-shadow: 0 18px 46px rgba(1, 8, 25, 0.34);
}
.scv-home-hero__panel-title {
margin: 0;
color: var(--scv-gold);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.scv-home-hero__panel ul {
display: grid;
gap: 9px;
margin: 14px 0 0;
padding: 0;
list-style: none;
}
.scv-home-hero__panel li {
position: relative;
padding-left: 16px;
color: rgba(255, 255, 255, 0.88);
font-weight: 700;
line-height: 1.5;
}
.scv-home-hero__panel li::before {
content: "";
position: absolute;
left: 0;
top: 0.6em;
width: 7px;
height: 7px;
border-radius: 999px;
background: var(--scv-teal);
}
.scv-home-proof {
position: relative;
z-index: 2;
margin-top: -58px;
}
.scv-home-proof__inner {
display: grid;
grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
gap: 26px;
padding: clamp(24px, 4vw, 38px);
border-radius: 32px;
background: #ffffff;
box-shadow: 0 28px 80px rgba(8, 26, 63, 0.12);
}
.scv-home-proof__list {
display: grid;
gap: 12px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.scv-home-proof__list li {
position: relative;
padding-left: 18px;
color: #0f2747;
font-weight: 700;
line-height: 1.6;
}
.scv-home-proof__list li::before {
content: "";
position: absolute;
left: 0;
top: 0.65em;
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, var(--scv-brand), var(--scv-sky));
}
.scv-home-proof__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
.scv-home-link-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid rgba(11, 37, 62, 0.1);
background: #f6fbff;
color: #0b253e;
font-weight: 900;
letter-spacing: -0.01em;
}
.scv-home-proof__note {
margin: 22px 0 0;
padding: 16px 18px;
border-radius: 20px;
background: linear-gradient(180deg, rgba(14, 165, 233, 0.08), rgba(37, 99, 235, 0.03));
border: 1px solid rgba(37, 99, 235, 0.14);
color: #0b253e;
font-weight: 800;
line-height: 1.6;
}
.scv-home-proof__note strong {
color: #145bcc;
}
.scv-home-proof__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.scv-home-proof__card {
margin: 0;
padding: 14px;
border-radius: 26px;
border: 1px solid rgba(11, 37, 62, 0.08);
background: linear-gradient(180deg, #fbfdff, #eef5ff);
box-shadow: 0 18px 40px rgba(11, 37, 62, 0.08);
}
.scv-home-proof__card img {
display: block;
width: 100%;
border-radius: 20px;
}
.scv-home-proof__card-copy {
display: grid;
gap: 8px;
padding: 16px 6px 6px;
}
.scv-home-proof__card-copy h3 {
margin: 0;
color: #081a3f;
font-size: 21px;
font-weight: 900;
line-height: 1.15;
}
.scv-home-proof__card-copy p {
margin: 0;
color: #566273;
line-height: 1.7;
}
.scv-home-reasons__grid {
column-count: 3;
column-gap: 18px;
}
.scv-home-reason-card {
display: block;
break-inside: avoid;
margin: 0 0 18px;
padding: 12px;
border-radius: 26px;
border: 1px solid rgba(11, 37, 62, 0.08);
background: linear-gradient(180deg, #ffffff, #f5faff);
box-shadow: 0 18px 40px rgba(11, 37, 62, 0.08);
}
.scv-home-reason-card--2 {
transform: translateY(18px);
}
.scv-home-reason-card--3 {
transform: translateY(-10px);
}
.scv-home-reason-card img {
display: block;
width: 100%;
border-radius: 18px;
}
.scv-home-service {
position: relative;
overflow: hidden;
padding: clamp(34px, 5vw, 58px) 0;
border-radius: 32px;
background: linear-gradient(140deg, #04122e 0%, #0a2f6a 46%, #0f8cd6 100%);
color: #ffffff;
}
.scv-home-service::before {
content: "";
position: absolute;
inset: auto auto -80px -80px;
width: 260px;
height: 260px;
border-radius: 999px;
background: rgba(255, 211, 77, 0.12);
filter: blur(12px);
}
.scv-home-service__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
gap: 24px;
align-items: center;
}
.scv-home-service__copy .scv-home-section-head__title,
.scv-home-service__copy .scv-home-section-head__text {
color: #ffffff;
}
.scv-home-service__copy .scv-home-section-head__text {
color: rgba(255, 255, 255, 0.78);
}
.scv-home-service__copy .scv-home-section-head__eyebrow {
border-color: rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.86);
}
.scv-home-service__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
.scv-home-service__chips span {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 9px 16px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
font-weight: 800;
}
.scv-home-service__visuals {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.scv-home-service__card {
margin: 0;
padding: 14px;
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 20px 44px rgba(1, 8, 25, 0.24);
}
.scv-home-service__card img {
display: block;
width: 100%;
border-radius: 18px;
}
.scv-home-service__card figcaption {
display: grid;
gap: 6px;
padding: 16px 6px 6px;
}
.scv-home-service__card strong {
font-size: 20px;
font-weight: 900;
line-height: 1.2;
}
.scv-home-service__card span {
color: rgba(255, 255, 255, 0.76);
line-height: 1.65;
}
.scv-home-inquiry__shell {
display: grid;
grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
gap: 24px;
align-items: stretch;
padding: clamp(24px, 4vw, 36px);
border-radius: 32px;
background: linear-gradient(140deg, #04122e 0%, #0a2f6a 52%, #0ea1cf 100%);
box-shadow: 0 28px 80px rgba(8, 26, 63, 0.18);
}
.scv-home-inquiry__intro {
display: flex;
flex-direction: column;
justify-content: center;
}
.scv-home-inquiry__title {
margin: 18px 0 0;
color: #ffffff;
font-size: clamp(28px, 4vw, 48px);
font-weight: 900;
line-height: 1.12;
letter-spacing: -0.05em;
}
.scv-home-inquiry__text {
margin: 18px 0 0;
color: rgba(255, 255, 255, 0.82);
line-height: 1.8;
}
.scv-home-inquiry__call {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: flex-start;
margin-top: 22px;
padding: 14px 18px;
border-radius: 22px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
box-shadow: 0 16px 34px rgba(1, 8, 25, 0.2);
}
.scv-home-inquiry__call span {
font-size: 12px;
font-weight: 900;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
}
.scv-home-inquiry__call strong {
font-size: clamp(30px, 3vw, 42px);
font-weight: 900;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-inquiry .scv-card--form {
border-color: rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.96);
padding: clamp(22px, 3vw, 32px);
box-shadow: 0 24px 56px rgba(1, 8, 25, 0.16);
}
body.scv-home-redesign .scv-home-inquiry .scv-card__title {
font-size: 28px;
}
body.scv-home-redesign .scv-home-inquiry .scv-card__kicker {
margin-top: 10px;
margin-bottom: 6px;
color: #506274;
}
body.scv-home-redesign .scv-home-inquiry .scv-form {
gap: 18px;
margin-top: 18px;
}
body.scv-home-redesign .scv-home-inquiry .scv-field label {
color: #081a3f;
font-size: 17px;
}
body.scv-home-redesign .scv-home-inquiry .scv-field input[type="text"] {
padding: 16px 15px;
border-radius: 14px;
border-color: rgba(11, 37, 62, 0.12);
font-size: 16px;
}
body.scv-home-redesign .scv-home-inquiry .scv-button {
min-height: 60px;
border-radius: 16px;
background: linear-gradient(135deg, #0b2b61, #10a1cf);
color: #ffffff;
font-size: 18px;
}
body.scv-home-redesign .scv-mobile-fab {
right: 26px;
left: auto;
bottom: 28px;
gap: 14px;
flex-direction: column;
}
body.scv-home-redesign .scv-mobile-fab__btn {
flex: none;
align-items: flex-start;
justify-content: center;
min-width: 178px;
min-height: 92px;
padding: 16px 18px;
border-radius: 26px 0 26px 26px;
box-shadow: 0 22px 46px rgba(8, 26, 63, 0.24);
}
body.scv-home-redesign .scv-mobile-fab__btn--call {
background: linear-gradient(160deg, #0c2d78, #1495dc);
}
body.scv-home-redesign .scv-mobile-fab__btn--inquiry {
background: linear-gradient(160deg, #12b8be, #0a2f67);
}
.scv-mobile-fab__eyebrow,
.scv-mobile-fab__title,
.scv-mobile-fab__meta {
position: relative;
z-index: 1;
}
.scv-mobile-fab__eyebrow {
display: block;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.16em;
text-transform: uppercase;
opacity: 0.86;
}
.scv-mobile-fab__title {
display: block;
margin-top: 4px;
font-size: 22px;
line-height: 1.15;
}
.scv-mobile-fab__meta {
display: block;
margin-top: 4px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
opacity: 0.94;
}
body.scv-home-redesign-preview .scv-home-hero::after {
content: "PREVIEW";
position: absolute;
top: 18px;
left: 18px;
z-index: 3;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.18);
color: #ffffff;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.16em;
}
@media (max-width: 1100px) {
.scv-home-proof__inner,
.scv-home-service__inner,
.scv-home-inquiry__shell {
grid-template-columns: 1fr;
}
.scv-home-hero__inner {
grid-template-columns: 1fr;
}
.scv-home-hero__title {
max-width: none;
}
.scv-home-proof {
margin-top: 0;
}
.scv-home-hero__visual {
max-width: 760px;
margin: 0 auto;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-main {
padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px));
}
body.scv-home-redesign .scv-header__top-inner {
padding: 14px 0;
}
body.scv-home-redesign .scv-brand__eyebrow {
font-size: 10px;
letter-spacing: 0.15em;
}
body.scv-home-redesign .scv-brand__title,
body.scv-home-redesign .scv-drawer__title {
font-size: 17px;
}
body.scv-home-redesign .scv-phone--mobile:hover,
body.scv-home-redesign .scv-nav-toggle:hover {
border-color: rgba(255, 255, 255, 0.28);
}
.scv-home-hero {
border-radius: 0 0 26px 26px;
padding: 34px 0 34px;
}
.scv-home-hero__chips {
gap: 8px;
}
.scv-home-hero__chips span {
min-height: 38px;
padding: 8px 13px;
font-size: 13px;
}
.scv-home-hero__actions {
display: grid;
grid-template-columns: 1fr;
}
.scv-home-cta {
width: 100%;
}
.scv-home-hero__stats {
grid-template-columns: 1fr;
}
.scv-home-hero__visual-frame {
padding: 12px;
border-radius: 24px;
}
.scv-home-hero__visual-frame img {
border-radius: 16px;
}
.scv-home-hero__badge,
.scv-home-hero__panel {
position: static;
max-width: none;
}
.scv-home-hero__badge {
margin: 14px 0 0 auto;
width: fit-content;
}
.scv-home-hero__panel {
margin-top: 14px;
}
.scv-home-proof__inner,
.scv-home-service,
.scv-home-inquiry__shell {
border-radius: 26px;
}
.scv-home-proof__grid,
.scv-home-service__visuals {
grid-template-columns: 1fr;
}
.scv-home-reasons__grid {
column-count: 1;
}
.scv-home-reason-card--2,
.scv-home-reason-card--3 {
transform: none;
}
body.scv-home-redesign .scv-mobile-fab {
left: 14px;
right: 14px;
bottom: calc(14px + env(safe-area-inset-bottom, 0px));
flex-direction: row;
}
body.scv-home-redesign .scv-mobile-fab__btn {
min-width: 0;
min-height: 76px;
flex: 1 1 0;
border-radius: 20px;
padding: 14px 14px 13px;
}
.scv-mobile-fab__title {
font-size: 20px;
}
.scv-mobile-fab__meta {
font-size: 12px;
}
}   body.scv-home-redesign .scv-home--redesign {
gap: 24px;
}
body.scv-home-redesign .scv-home-hero__inner {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
body.scv-home-redesign .scv-home-hero__copy {
display: flex;
flex-direction: column;
align-items: center;
max-width: 980px;
}
body.scv-home-redesign .scv-home-hero__title {
max-width: none;
}
body.scv-home-redesign .scv-home-hero__lead {
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-home-hero__chips,
body.scv-home-redesign .scv-home-hero__actions,
body.scv-home-redesign .scv-home-proof__actions,
body.scv-home-redesign .scv-home-service__chips {
justify-content: center;
}
body.scv-home-redesign .scv-home-hero__stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
width: min(100%, 980px);
}
body.scv-home-redesign .scv-home-hero__visual {
width: min(100%, 1060px);
margin-top: 18px;
}
body.scv-home-redesign .scv-home-hero__visual-frame {
padding: 20px;
border-radius: 38px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
}
body.scv-home-redesign .scv-home-hero__visual-frame img {
border-radius: 26px;
}
body.scv-home-redesign .scv-home-hero__badge {
top: 18px;
right: 18px;
}
body.scv-home-redesign .scv-home-hero__panel {
left: 20px;
bottom: 20px;
text-align: left;
}
body.scv-home-redesign .scv-home-proof {
margin-top: 0;
padding: 36px 0 0;
background: linear-gradient(180deg, #0d4ead 0%, #08449b 65%, #0b3b88 100%);
}
body.scv-home-redesign .scv-home-proof__inner {
max-width: 1080px;
margin: 0 auto;
grid-template-columns: 1fr;
gap: 22px;
padding: clamp(24px, 4vw, 38px);
background: linear-gradient(180deg, rgba(3, 17, 40, 0.9), rgba(10, 44, 97, 0.92));
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 28px 70px rgba(3, 17, 40, 0.26);
}
body.scv-home-redesign .scv-home-proof .scv-home-section-head__title,
body.scv-home-redesign .scv-home-proof .scv-home-section-head__text,
body.scv-home-redesign .scv-home-proof__list li,
body.scv-home-redesign .scv-home-proof__note {
color: #ffffff;
}
body.scv-home-redesign .scv-home-proof .scv-home-section-head__eyebrow {
border-color: rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-home-proof .scv-home-section-head__text {
max-width: 60ch;
}
body.scv-home-redesign .scv-home-proof__list li::before {
background: linear-gradient(135deg, var(--scv-brand), var(--scv-sky));
}
body.scv-home-redesign .scv-home-link-chip {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.12);
color: #ffffff;
}
body.scv-home-redesign .scv-home-proof__note {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-proof__note strong {
color: var(--scv-gold);
}
body.scv-home-redesign .scv-home-proof__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-proof__card {
background: rgba(255, 255, 255, 0.96);
}
body.scv-home-redesign .scv-home-reasons {
padding: 34px 0 10px;
background: linear-gradient(180deg, #0b3b88 0%, #0a56b8 100%);
}
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__eyebrow {
border-color: rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__title,
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__text {
color: #ffffff;
}
body.scv-home-redesign .scv-home-reasons__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
column-count: auto;
max-width: 1100px;
margin: 0 auto;
}
body.scv-home-redesign .scv-home-reason-card,
body.scv-home-redesign .scv-home-reason-card--2,
body.scv-home-redesign .scv-home-reason-card--3 {
transform: none;
}
body.scv-home-redesign .scv-home-reason-card {
padding: 10px;
border-radius: 24px;
background: #ffffff;
}
body.scv-home-redesign .scv-home-reason-card img {
border-radius: 16px;
}
.scv-home-reviews {
padding: 42px 0;
background: linear-gradient(180deg, #0a8d99 0%, #066d89 100%);
}
.scv-home-reviews__intro {
max-width: 820px;
margin: 0 auto 26px;
text-align: center;
}
.scv-home-reviews .scv-home-section-head__eyebrow {
border-color: rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.84);
}
.scv-home-reviews .scv-home-section-head__title,
.scv-home-reviews .scv-home-section-head__text {
color: #ffffff;
}
.scv-home-reviews__layout {
display: grid;
grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
gap: 18px;
align-items: start;
}
.scv-home-reviews__highlight {
padding: 24px 22px;
border-radius: 28px;
background: linear-gradient(180deg, rgba(3, 17, 40, 0.92), rgba(8, 59, 136, 0.82));
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 22px 48px rgba(3, 17, 40, 0.22);
color: #ffffff;
}
.scv-home-reviews__highlight-kicker {
margin: 0;
color: var(--scv-gold);
font-size: 12px;
font-weight: 900;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.scv-home-reviews__highlight h3 {
margin: 14px 0 0;
font-size: clamp(24px, 3vw, 38px);
font-weight: 900;
line-height: 1.16;
letter-spacing: -0.04em;
}
.scv-home-reviews__highlight ul {
display: grid;
gap: 12px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
.scv-home-reviews__highlight li {
position: relative;
padding-left: 18px;
color: rgba(255, 255, 255, 0.88);
line-height: 1.65;
}
.scv-home-reviews__highlight li::before {
content: "";
position: absolute;
left: 0;
top: 0.72em;
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--scv-gold);
}
.scv-home-reviews__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 16px;
}
.scv-home-review-card {
overflow: hidden;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.14);
box-shadow: 0 18px 40px rgba(3, 17, 40, 0.14);
}
.scv-home-review-card img,
.scv-home-review-card__placeholder {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
}
.scv-home-review-card__placeholder {
display: grid;
place-items: center;
background:
radial-gradient(circle at top, rgba(255, 211, 77, 0.4), rgba(255, 211, 77, 0) 42%),
linear-gradient(180deg, #0b2b61, #0c5da8);
color: #ffffff;
font-size: 20px;
font-weight: 900;
letter-spacing: 0.08em;
}
.scv-home-review-card__copy {
display: grid;
gap: 6px;
padding: 16px 16px 18px;
}
.scv-home-review-card__copy strong {
color: #081a3f;
font-size: 18px;
font-weight: 900;
line-height: 1.2;
}
.scv-home-review-card__copy span {
color: #5f6d7d;
line-height: 1.6;
}
body.scv-home-redesign .scv-home-service {
padding-top: 40px;
margin-top: 0;
}
@media (max-width: 1100px) {
body.scv-home-redesign .scv-home-hero__stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-reasons__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.scv-home-reviews__layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-home-proof,
body.scv-home-redesign .scv-home-reasons,
.scv-home-reviews {
padding-top: 28px;
}
body.scv-home-redesign .scv-home-proof__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-reasons__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.scv-home-reviews__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
body.scv-home-redesign .scv-home-hero__stats,
body.scv-home-redesign .scv-home-reasons__grid,
.scv-home-reviews__grid {
grid-template-columns: 1fr;
}
.scv-home-review-card__copy strong {
font-size: 17px;
}
}   body.scv-home-redesign {
background:
linear-gradient(180deg, #0a8791 0 76px, #f4fbff 76px 100%);
}
body.scv-home-redesign .scv-header {
background: linear-gradient(90deg, #0a878f, #0a8b87);
box-shadow: none;
}
body.scv-home-redesign .scv-header__top-inner {
padding: 16px 0 14px;
}
body.scv-home-redesign .scv-brand--text {
padding: 10px 18px;
border-radius: 999px;
background: rgba(4, 18, 46, 0.34);
}
body.scv-home-redesign .scv-brand__eyebrow {
font-size: 10px;
opacity: 0.72;
}
body.scv-home-redesign .scv-brand__title,
body.scv-home-redesign .scv-drawer__title {
font-size: 17px;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-header__left {
display: none;
}
body.scv-home-redesign .scv-phone--desktop {
padding: 12px 18px;
border-radius: 999px;
background: rgba(4, 18, 46, 0.82);
box-shadow: 0 14px 28px rgba(4, 18, 46, 0.18);
font-size: 16px;
}
body.scv-home-redesign .scv-home--redesign {
gap: 24px;
}
body.scv-home-redesign .scv-home-hero {
position: relative;
padding: 42px 0 52px;
border-radius: 0 0 56px 56px;
background:
radial-gradient(circle at 50% 46%, rgba(20, 112, 226, 0.96), rgba(8, 37, 89, 0.95) 30%, rgba(3, 12, 28, 0.98) 68%, #01050b 100%);
}
body.scv-home-redesign .scv-home-hero::before {
content: "";
position: absolute;
inset: auto -12vw -14vw;
height: 54%;
background:
linear-gradient(140deg, transparent 0 22%, rgba(21, 53, 201, 0.88) 22% 46%, transparent 46% 100%),
linear-gradient(220deg, transparent 0 22%, rgba(13, 72, 214, 0.92) 22% 46%, transparent 46% 100%);
opacity: 0.92;
}
body.scv-home-redesign .scv-home-hero__backdrop {
opacity: 0.08;
filter: blur(2px);
}
body.scv-home-redesign .scv-home-hero__inner {
grid-template-columns: minmax(0, 0.74fr) minmax(360px, 0.96fr);
gap: 34px;
align-items: center;
text-align: left;
justify-items: stretch;
}
body.scv-home-redesign .scv-home-kicker,
body.scv-home-redesign .scv-home-section-head__eyebrow {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-hero__copy {
align-items: flex-start;
max-width: 470px;
}
body.scv-home-redesign .scv-home-hero__title {
margin-top: 16px;
font-size: clamp(36px, 4.9vw, 70px);
line-height: 0.92;
}
body.scv-home-redesign .scv-home-hero__title span {
display: block;
}
body.scv-home-redesign .scv-home-hero__lead {
margin-left: 0;
margin-right: 0;
max-width: 31ch;
font-size: clamp(16px, 1.4vw, 19px);
line-height: 1.68;
}
body.scv-home-redesign .scv-home-hero__chips {
justify-content: flex-start;
gap: 10px;
margin-top: 18px;
}
body.scv-home-redesign .scv-home-hero__chips span {
min-height: 40px;
padding: 8px 15px;
border: 0;
background: rgba(255, 255, 255, 0.9);
color: #072147;
box-shadow: 0 12px 24px rgba(1, 8, 25, 0.18);
font-size: 14px;
}
body.scv-home-redesign .scv-home-hero__actions {
justify-content: flex-start;
margin-top: 20px;
}
body.scv-home-redesign .scv-home-cta {
min-height: 52px;
padding: 13px 22px;
}
body.scv-home-redesign .scv-home-hero__visual {
width: min(100%, 500px);
justify-self: end;
margin-top: 0;
}
body.scv-home-redesign .scv-home-hero__visual-frame {
padding: 0;
border: 0;
border-radius: 30px;
background: none;
overflow: hidden;
box-shadow: 0 34px 90px rgba(1, 8, 25, 0.34);
}
body.scv-home-redesign .scv-home-hero__visual-frame img {
border-radius: 30px;
}
body.scv-home-redesign .scv-home-proof {
padding: 8px 0 0;
background: linear-gradient(180deg, #0b56c4 0%, #0d5fd4 100%);
}
body.scv-home-redesign .scv-home-proof__inner {
position: relative;
overflow: hidden;
max-width: 1100px;
margin: 0 auto;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 24px;
padding: 32px;
border-radius: 40px;
background: linear-gradient(180deg, #071a3c, #0a347d);
}
body.scv-home-redesign .scv-home-proof__inner::before {
content: "";
position: absolute;
left: -86px;
bottom: -96px;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(255, 211, 77, 0.14);
}
body.scv-home-redesign .scv-home-proof .scv-home-section-head__title {
font-size: clamp(30px, 4vw, 52px);
}
body.scv-home-redesign .scv-home-proof__grid {
align-self: end;
gap: 16px;
}
body.scv-home-redesign .scv-home-proof__card {
border-radius: 28px;
}
body.scv-home-redesign .scv-home-reasons {
width: min(1100px, calc(100% - 28px));
margin: 0 auto;
padding: 34px 30px 38px;
border-radius: 40px;
background: #ffffff;
box-shadow: 0 28px 80px rgba(8, 26, 63, 0.12);
}
body.scv-home-redesign .scv-home-reasons .scv-home-section-head {
margin-bottom: 24px;
}
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__eyebrow {
border-color: rgba(11, 59, 136, 0.1);
background: rgba(11, 59, 136, 0.05);
color: #0c4fae;
}
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__title,
body.scv-home-redesign .scv-home-reasons .scv-home-section-head__text {
color: #081a3f;
}
body.scv-home-redesign .scv-home-reasons__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
body.scv-home-redesign .scv-home-reason-card {
padding: 10px;
border-radius: 26px;
border: 1px solid rgba(11, 37, 62, 0.08);
background: linear-gradient(180deg, #f8fbff, #f1f7ff);
box-shadow: 0 16px 36px rgba(8, 26, 63, 0.08);
}
body.scv-home-redesign .scv-home-reason-card:nth-child(2),
body.scv-home-redesign .scv-home-reason-card:nth-child(5) {
transform: translateY(18px);
}
body.scv-home-redesign .scv-home-reason-card img {
border-radius: 18px;
}
body.scv-home-redesign .scv-home-reviews {
width: min(1100px, calc(100% - 28px));
margin: 0 auto;
padding: 36px 30px 40px;
border-radius: 40px;
background: linear-gradient(180deg, #0a8b95, #0a6f8f);
box-shadow: 0 28px 80px rgba(8, 26, 63, 0.14);
}
body.scv-home-redesign .scv-home-reviews__intro {
margin-bottom: 26px;
}
body.scv-home-redesign .scv-home-reviews__layout {
gap: 20px;
}
body.scv-home-redesign .scv-home-reviews__highlight {
padding: 26px 24px;
border-radius: 30px;
}
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-review-card {
border-radius: 24px;
}
body.scv-home-redesign .scv-home-review-card__placeholder {
position: relative;
align-items: end;
padding-bottom: 18px;
background: linear-gradient(180deg, #f7fbff, #edf3ff);
color: #0b2b61;
}
body.scv-home-redesign .scv-home-review-card__placeholder::before {
content: "\"";
position: absolute;
top: 18px;
left: 22px;
color: rgba(11, 43, 97, 0.1);
font-size: 100px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-home-review-card__placeholder span {
position: relative;
z-index: 1;
padding: 10px 14px;
border-radius: 999px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(8, 26, 63, 0.08);
font-size: 13px;
font-weight: 900;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-service {
width: min(1100px, calc(100% - 28px));
margin: 0 auto;
padding-top: 6px;
}
body.scv-home-redesign .scv-home-service__inner {
gap: 20px;
}
body.scv-home-redesign .scv-home-service__visuals {
gap: 18px;
}
body.scv-home-redesign .scv-home-service__card {
border-radius: 30px;
border: 1px solid rgba(11, 37, 62, 0.08);
background: #ffffff;
box-shadow: 0 20px 48px rgba(8, 26, 63, 0.1);
}
body.scv-home-redesign .scv-home-service__card img {
border-radius: 30px 30px 0 0;
}
body.scv-home-redesign .scv-home-service__card figcaption {
padding: 18px 18px 20px;
color: #5e6d7d;
}
body.scv-home-redesign .scv-home-service__card strong {
color: #081a3f;
}
body.scv-home-redesign .scv-home-service__card span {
color: #5e6d7d;
}
body.scv-home-redesign .scv-home-inquiry {
width: min(1100px, calc(100% - 28px));
margin: 0 auto 10px;
}
body.scv-home-redesign .scv-home-inquiry__shell {
border-radius: 40px;
}
body.scv-home-redesign .scv-mobile-fab {
top: 214px;
right: 18px;
bottom: auto;
gap: 10px;
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.scv-home-redesign .scv-mobile-fab__btn {
min-width: 108px;
min-height: 82px;
padding: 12px 11px 11px;
border-radius: 22px;
box-shadow: 0 18px 40px rgba(8, 26, 63, 0.24);
}
body.scv-home-redesign .scv-mobile-fab__btn + .scv-mobile-fab__btn {
margin-top: 0;
}
body.scv-home-redesign .scv-mobile-fab__btn--call {
background: linear-gradient(160deg, #189fc3, #1576b3);
}
body.scv-home-redesign .scv-mobile-fab__btn--inquiry {
background: linear-gradient(160deg, #1663bf, #1248a3);
}
body.scv-home-redesign .scv-mobile-fab__eyebrow {
font-size: 10px;
opacity: 0.8;
}
body.scv-home-redesign .scv-mobile-fab__title {
margin-top: 6px;
font-size: 15px;
line-height: 1.2;
}
body.scv-home-redesign .scv-mobile-fab__meta {
margin-top: 6px;
}
body.scv-home-redesign .scv-mobile-fab__btn--call .scv-mobile-fab__meta {
font-size: 16px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-mobile-fab__btn--inquiry .scv-mobile-fab__meta {
font-size: 14px;
font-weight: 900;
}
body.scv-home-redesign-preview .scv-home-hero::after {
content: none;
}
@media (max-width: 1100px) {
body.scv-home-redesign .scv-home-proof__inner,
body.scv-home-redesign .scv-home-service__inner,
body.scv-home-redesign .scv-home-inquiry__shell {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-proof__grid,
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
body.scv-home-redesign {
background: linear-gradient(180deg, #0a8791 0 68px, #f4fbff 68px 100%);
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-home--redesign {
gap: 22px;
}
body.scv-home-redesign .scv-home-hero {
padding: 30px 0 38px;
border-radius: 0 0 34px 34px;
}
body.scv-home-redesign .scv-home-hero::before {
inset: auto -18vw -28vw;
height: 44%;
}
body.scv-home-redesign .scv-home-hero__inner,
body.scv-home-redesign .scv-home-hero__copy {
grid-template-columns: 1fr;
text-align: center;
}
body.scv-home-redesign .scv-home-hero__copy {
align-items: center;
max-width: none;
}
body.scv-home-redesign .scv-home-hero__lead {
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-home-hero__chips,
body.scv-home-redesign .scv-home-hero__actions {
justify-content: center;
}
body.scv-home-redesign .scv-home-reasons__grid,
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-hero__visual-frame,
body.scv-home-redesign .scv-home-hero__visual-frame img,
body.scv-home-redesign .scv-home-proof__inner,
body.scv-home-redesign .scv-home-reasons,
body.scv-home-redesign .scv-home-reviews,
body.scv-home-redesign .scv-home-inquiry__shell {
border-radius: 28px;
}
body.scv-home-redesign .scv-home-proof__inner,
body.scv-home-redesign .scv-home-reasons,
body.scv-home-redesign .scv-home-reviews {
padding: 24px 18px;
}
body.scv-home-redesign .scv-home-hero__visual {
width: min(100%, 420px);
justify-self: center;
}
body.scv-home-redesign .scv-home-reason-card:nth-child(2),
body.scv-home-redesign .scv-home-reason-card:nth-child(5) {
transform: none;
}
body.scv-home-redesign .scv-mobile-fab {
top: auto;
left: 14px;
right: 14px;
bottom: calc(14px + env(safe-area-inset-bottom, 0px));
flex-direction: row;
gap: 10px;
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.scv-home-redesign .scv-mobile-fab__btn {
min-width: 0;
min-height: 64px;
flex: 1 1 0;
border-radius: 22px;
padding: 10px 12px;
box-shadow: 0 18px 40px rgba(8, 26, 63, 0.24);
}
body.scv-home-redesign .scv-mobile-fab__eyebrow {
display: none;
}
body.scv-home-redesign .scv-mobile-fab__title {
margin-top: 0;
font-size: 16px;
}
body.scv-home-redesign .scv-mobile-fab__btn--call .scv-mobile-fab__meta,
body.scv-home-redesign .scv-mobile-fab__btn--inquiry .scv-mobile-fab__meta {
display: none;
}
}    body.scv-home-redesign {
background: #ffffff;
} body.scv-home-redesign .scv-header,
body.scv-home-redesign .scv-header.scv-header--compact {
position: relative !important;
top: 0 !important;
background: #1a2d4a;
border-bottom: none;
box-shadow: none;
}
body.scv-home-redesign .scv-header__top-inner,
body.scv-home-redesign .scv-header.scv-header--compact .scv-header__top-inner {
padding: 14px 0;
}
body.scv-home-redesign .scv-header__top {
border-bottom: none;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-brand,
body.scv-home-redesign .scv-phone,
body.scv-home-redesign .scv-drawer__brand,
body.scv-home-redesign .scv-drawer__close {
color: #ffffff;
}
body.scv-home-redesign .scv-brand--text {
padding: 10px 16px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: none;
}
body.scv-home-redesign .scv-brand__eyebrow,
body.scv-home-redesign .scv-drawer__eyebrow {
color: rgba(255, 255, 255, 0.6);
}
body.scv-home-redesign .scv-brand__title,
body.scv-home-redesign .scv-drawer__title {
font-size: 15px;
}
body.scv-home-redesign .scv-phone--desktop {
padding: 12px 18px;
border-radius: 8px;
background: #ffffff;
color: #1a2d4a;
font-size: 15px;
font-weight: 800;
box-shadow: none;
}
body.scv-home-redesign .scv-nav-toggle,
body.scv-home-redesign .scv-phone--mobile,
body.scv-home-redesign .scv-drawer__close {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.15);
box-shadow: none;
}
body.scv-home-redesign .scv-nav-toggle__lines span {
background: #ffffff;
}
body.scv-home-redesign .scv-drawer__panel {
background: #1a2d4a;
border-right-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-drawer__header {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-drawer__menu a {
color: #ffffff;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-drawer__menu a:hover,
body.scv-home-redesign .scv-drawer__menu .current-menu-item > a,
body.scv-home-redesign .scv-drawer__menu .current_page_item > a {
background: rgba(255, 255, 255, 0.08);
} body.scv-home-redesign .scv-main {
padding-top: 0 !important;
padding-bottom: 120px;
}
body.scv-home-redesign .scv-main > .scv-container {
width: min(var(--scv-content), calc(100% - 28px));
}
body.scv-home-redesign .scv-home--redesign {
display: flex;
flex-direction: column;
gap: 0;
}
body.scv-home-redesign .scv-home--redesign .scv-section {
padding: 0;
}
body.scv-home-redesign .scv-footer {
margin-top: 0;
} body.scv-home-redesign .scv-home-kicker,
body.scv-home-redesign .scv-home-section-head__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 16px;
padding: 8px 14px;
border-radius: 6px;
border: none;
background: rgba(26, 45, 74, 0.08);
color: #1a2d4a;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
} body.scv-home-redesign .scv-home-section-title {
margin: 0 auto 28px;
max-width: 920px;
}
body.scv-home-redesign .scv-home-section-title--center {
text-align: center;
}
body.scv-home-redesign .scv-home-section-title .scv-home-section-head__eyebrow {
margin-bottom: 14px;
color: #2a6fdb;
background: rgba(42, 111, 219, 0.08);
}
body.scv-home-redesign .scv-home-section-title h2 {
margin: 0;
color: #111827;
font-size: clamp(28px, 3.6vw, 42px);
line-height: 1.2;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-section-title p {
margin: 12px 0 0;
color: #6b7280;
font-size: 16px;
line-height: 1.75;
}   body.scv-home-redesign .scv-home-showcase {
position: relative;
overflow: hidden;
min-height: 700px;
padding: 40px 0 50px;
border-radius: 0;
background: linear-gradient(160deg, #1a2d4a 0%, #2a4a7f 45%, #3b7ddd 100%);
}
body.scv-home-redesign .scv-home-showcase__backdrop,
body.scv-home-redesign .scv-home-showcase__wash {
position: absolute;
inset: 0;
}
body.scv-home-redesign .scv-home-showcase__backdrop {
opacity: 0.1;
background-position: center;
background-size: cover;
filter: blur(4px);
transform: scale(1.05);
}
body.scv-home-redesign .scv-home-showcase__wash {
background: linear-gradient(180deg, rgba(26, 45, 74, 0.3), rgba(26, 45, 74, 0.6));
}
body.scv-home-redesign .scv-home-showcase > .scv-container {
position: relative;
z-index: 1;
} body.scv-home-redesign .scv-home-showcase__quick {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 28px;
}
body.scv-home-redesign .scv-home-showcase__quick a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 16px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.18);
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: background 0.2s, transform 0.2s;
}
body.scv-home-redesign .scv-home-showcase__quick a:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-1px);
} body.scv-home-redesign .scv-home-showcase__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr);
align-items: center;
gap: 48px;
}
body.scv-home-redesign .scv-home-showcase__copy {
max-width: 640px;
}
body.scv-home-redesign .scv-home-showcase .scv-home-kicker {
background: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
border: none;
}
body.scv-home-redesign .scv-home-showcase__title {
margin: 0;
color: #ffffff;
font-size: clamp(42px, 5.5vw, 72px);
line-height: 1.05;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-showcase__title span {
display: block;
}
body.scv-home-redesign .scv-home-showcase__lead {
margin: 18px 0 0;
max-width: 560px;
color: rgba(255, 255, 255, 0.8);
font-size: clamp(16px, 1.8vw, 19px);
line-height: 1.75;
} body.scv-home-redesign .scv-home-showcase__cta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
body.scv-home-redesign .scv-home-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 22px;
border-radius: 8px;
text-decoration: none;
font-size: 15px;
font-weight: 700;
transition: transform 0.2s, box-shadow 0.2s;
}
body.scv-home-redesign .scv-home-cta:hover {
transform: translateY(-2px);
}
body.scv-home-redesign .scv-home-cta--accent {
background: #ff6b00;
color: #ffffff;
box-shadow: 0 8px 24px rgba(255, 107, 0, 0.3);
}
body.scv-home-redesign .scv-home-cta--ghost {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
}
body.scv-home-redesign .scv-home-cta--subtle {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
} body.scv-home-redesign .scv-home-showcase__metrics {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 28px;
}
body.scv-home-redesign .scv-home-showcase__metric {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px 14px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-showcase__metric strong {
color: #ffffff;
font-size: clamp(22px, 2.8vw, 30px);
line-height: 1;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-showcase__metric span {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
line-height: 1.5;
} body.scv-home-redesign .scv-home-showcase__promises {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-showcase__promises li {
padding: 8px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
font-size: 13px;
font-weight: 600;
} body.scv-home-redesign .scv-home-showcase__visual {
position: relative;
min-height: 580px;
}
body.scv-home-redesign .scv-home-showcase__frame {
width: min(100%, 500px);
margin-left: auto;
overflow: hidden;
border-radius: 16px;
border: none;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
body.scv-home-redesign .scv-home-showcase__frame img {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
} body.scv-home-redesign .scv-home-showcase__floating {
position: absolute;
display: flex;
gap: 12px;
width: min(280px, 52%);
padding: 14px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-home-showcase__floating--top {
top: 16px;
left: 0;
transform: translateX(-8%);
}
body.scv-home-redesign .scv-home-showcase__floating--bottom {
right: 8px;
bottom: 30px;
}
body.scv-home-redesign .scv-home-showcase__floating img {
flex: none;
width: 72px;
height: 72px;
border-radius: 10px;
object-fit: cover;
}
body.scv-home-redesign .scv-home-showcase__floating strong {
display: block;
color: #111827;
font-size: 14px;
line-height: 1.35;
}
body.scv-home-redesign .scv-home-showcase__floating span {
display: block;
color: #6b7280;
font-size: 12px;
line-height: 1.5;
} body.scv-home-redesign .scv-home-showcase__burst {
position: absolute;
left: 24px;
bottom: 80px;
width: min(230px, 42%);
padding: 14px 16px;
border-radius: 12px;
background: #ff6b00;
box-shadow: 0 8px 24px rgba(255, 107, 0, 0.3);
}
body.scv-home-redesign .scv-home-showcase__burst span {
display: block;
margin-bottom: 4px;
color: rgba(255, 255, 255, 0.8);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-showcase__burst strong {
display: block;
color: #ffffff;
font-size: 14px;
line-height: 1.35;
} body.scv-home-redesign .scv-home-proofband {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 24px;
}
body.scv-home-redesign .scv-home-proofband__item {
padding: 14px 16px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}   body.scv-home-redesign .scv-home-signals {
padding: 64px 0;
background: #f8f9fb;
}
body.scv-home-redesign .scv-home-signals__shell {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: 24px;
align-items: stretch;
}
body.scv-home-redesign .scv-home-signals__panel {
height: 100%;
padding: 32px;
border-radius: 16px;
background: #1a2d4a;
color: #ffffff;
box-shadow: 0 8px 32px rgba(26, 45, 74, 0.15);
}
body.scv-home-redesign .scv-home-signals__panel h3 {
margin: 0;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.2;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-signals__list {
display: grid;
gap: 12px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-signals__list li {
position: relative;
padding-left: 20px;
color: rgba(255, 255, 255, 0.85);
font-size: 15px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-signals__list li::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #ff6b00;
}
body.scv-home-redesign .scv-home-signals__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 20px;
}
body.scv-home-redesign .scv-home-signals__chips span {
padding: 8px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #ffffff;
font-size: 13px;
font-weight: 600;
} body.scv-home-redesign .scv-home-signals__steps {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 22px;
}
body.scv-home-redesign .scv-home-signals__step {
padding: 18px 16px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-home-signals__step-no {
display: inline-flex;
margin-bottom: 8px;
color: #ff6b00;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.1em;
}
body.scv-home-redesign .scv-home-signals__step strong {
display: block;
color: #ffffff;
font-size: 16px;
}
body.scv-home-redesign .scv-home-signals__step p {
margin: 8px 0 0;
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
line-height: 1.6;
} body.scv-home-redesign .scv-home-signals__visuals {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.scv-home-redesign .scv-home-signals__card {
overflow: hidden;
border-radius: 12px;
background: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
transition: box-shadow 0.2s, transform 0.2s;
}
body.scv-home-redesign .scv-home-signals__card:hover {
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
body.scv-home-redesign .scv-home-signals__card--wide {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-signals__card-image {
overflow: hidden;
}
body.scv-home-redesign .scv-home-signals__card--wide .scv-home-signals__card-image {
aspect-ratio: 2.2 / 1;
}
body.scv-home-redesign .scv-home-signals__card:not(.scv-home-signals__card--wide) .scv-home-signals__card-image {
aspect-ratio: 1.1 / 1;
}
body.scv-home-redesign .scv-home-signals__card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-home-signals__card-copy {
display: grid;
gap: 6px;
padding: 16px 18px 18px;
}
body.scv-home-redesign .scv-home-signals__card-copy strong {
color: #111827;
font-size: 16px;
line-height: 1.35;
}
body.scv-home-redesign .scv-home-signals__card-copy span {
color: #6b7280;
font-size: 14px;
line-height: 1.65;
}   body.scv-home-redesign .scv-home-review-wall {
padding: 64px 0;
background: #ffffff;
}
body.scv-home-redesign .scv-home-review-wall__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
align-items: start;
}
body.scv-home-redesign .scv-home-review-card {
overflow: hidden;
border-radius: 12px;
background: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
transition: box-shadow 0.2s, transform 0.2s;
}
body.scv-home-redesign .scv-home-review-card:hover {
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-review-card__media {
position: relative;
display: block;
overflow: hidden;
background: #f3f4f6;
text-decoration: none;
}
body.scv-home-redesign .scv-home-review-card__media::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 30%;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__media {
aspect-ratio: 1.7 / 1;
}
body.scv-home-redesign .scv-home-review-card:not(.scv-home-review-card--featured) .scv-home-review-card__media {
aspect-ratio: 1.1 / 1;
}
body.scv-home-redesign .scv-home-review-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
body.scv-home-redesign .scv-home-review-card:hover .scv-home-review-card__media img {
transform: scale(1.03);
}
body.scv-home-redesign .scv-home-review-card__body {
display: grid;
gap: 10px;
padding: 20px;
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__body {
background: #1a2d4a;
}
body.scv-home-redesign .scv-home-review-card__badge {
display: inline-flex;
width: fit-content;
padding: 6px 10px;
border-radius: 6px;
background: rgba(42, 111, 219, 0.1);
color: #2a6fdb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__badge {
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
}
body.scv-home-redesign .scv-home-review-card h3 {
margin: 0;
color: #111827;
font-size: 20px;
line-height: 1.35;
letter-spacing: -0.02em;
}
body.scv-home-redesign .scv-home-review-card--featured h3 {
color: #ffffff;
}
body.scv-home-redesign .scv-home-review-card p {
margin: 0;
color: #6b7280;
font-size: 14px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-review-card--featured p,
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__meta {
color: rgba(255, 255, 255, 0.75);
}
body.scv-home-redesign .scv-home-review-card__meta {
color: #9ca3af;
font-size: 12px;
font-weight: 600;
}   body.scv-home-redesign .scv-home-contact {
padding: 64px 0;
background: #f8f9fb;
}
body.scv-home-redesign .scv-home-contact__shell {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
gap: 24px;
padding: 32px;
border-radius: 16px;
background: #1a2d4a;
box-shadow: 0 8px 32px rgba(26, 45, 74, 0.15);
}
body.scv-home-redesign .scv-home-contact__intro {
display: flex;
flex-direction: column;
justify-content: center;
padding: 8px 0;
color: #ffffff;
}
body.scv-home-redesign .scv-home-contact__intro .scv-home-section-head__eyebrow {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
body.scv-home-redesign .scv-home-contact__title {
margin: 0;
color: #ffffff;
font-size: clamp(28px, 3.5vw, 44px);
line-height: 1.15;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-contact__text {
margin: 14px 0 0;
color: rgba(255, 255, 255, 0.75);
font-size: 15px;
line-height: 1.75;
}
body.scv-home-redesign .scv-home-contact__phone {
display: grid;
gap: 6px;
margin-top: 22px;
padding: 18px 20px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-contact__phone span {
color: rgba(255, 255, 255, 0.6);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-contact__phone a {
color: #ffffff;
text-decoration: none;
font-size: clamp(28px, 4vw, 40px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-contact__phone p {
margin: 0;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-contact__benefits {
display: grid;
gap: 10px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-contact__benefits li {
position: relative;
padding-left: 18px;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-contact__benefits li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ff6b00;
} body.scv-home-redesign .scv-home-contact .scv-card--form {
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}
body.scv-home-redesign .scv-home-contact .scv-card__title {
color: #111827;
}
body.scv-home-redesign .scv-home-contact .scv-card__kicker {
color: #6b7280;
}
body.scv-home-redesign .scv-home-contact .scv-form {
gap: 14px;
}
body.scv-home-redesign .scv-home-contact .scv-field label {
color: #111827;
}
body.scv-home-redesign .scv-home-contact .scv-field input[type="text"] {
border-color: #e5e7eb;
background: #f9fafb;
}
body.scv-home-redesign .scv-home-contact .scv-button {
min-height: 52px;
border-radius: 8px;
background: #ff6b00;
box-shadow: 0 4px 16px rgba(255, 107, 0, 0.25);
}   body.scv-home-redesign .scv-home-floatdock {
position: fixed;
right: clamp(12px, 2.5vw, 24px);
bottom: clamp(16px, 2.5vw, 28px);
z-index: 98;
display: flex;
flex-direction: column;
gap: 8px;
width: min(200px, calc(100vw - 28px));
padding: 10px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.96);
border: 1px solid #e5e7eb;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-home-floatdock__head {
display: grid;
gap: 2px;
padding: 4px 4px 6px;
}
body.scv-home-redesign .scv-home-floatdock__head span {
color: #9ca3af;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-floatdock__head strong {
color: #111827;
font-size: 16px;
line-height: 1.2;
}
body.scv-home-redesign .scv-home-floatdock__btn {
display: grid;
gap: 3px;
padding: 12px 14px;
border-radius: 10px;
color: #ffffff;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
body.scv-home-redesign .scv-home-floatdock__btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
body.scv-home-redesign .scv-home-floatdock__btn--call {
background: #ff6b00;
}
body.scv-home-redesign .scv-home-floatdock__btn--quote {
background: #1a2d4a;
}
body.scv-home-redesign .scv-home-floatdock__eyebrow {
color: rgba(255, 255, 255, 0.7);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-floatdock__btn strong {
font-size: 17px;
line-height: 1.15;
}
body.scv-home-redesign .scv-home-floatdock__meta {
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
font-weight: 700;
}   @media (max-width: 1180px) {
body.scv-home-redesign .scv-home-showcase__grid,
body.scv-home-redesign .scv-home-signals__shell,
body.scv-home-redesign .scv-home-contact__shell {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-showcase__copy {
max-width: none;
}
body.scv-home-redesign .scv-home-showcase__visual {
min-height: 0;
}
body.scv-home-redesign .scv-home-showcase__frame {
margin: 0 auto;
}
body.scv-home-redesign .scv-home-proofband {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-review-wall__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 2;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-main {
padding-bottom: 100px;
}
body.scv-home-redesign .scv-home-showcase {
min-height: 0;
padding: 24px 0 32px;
}
body.scv-home-redesign .scv-home-showcase__quick {
justify-content: center;
margin-bottom: 18px;
}
body.scv-home-redesign .scv-home-showcase__title {
font-size: clamp(34px, 10vw, 48px);
text-align: center;
}
body.scv-home-redesign .scv-home-kicker,
body.scv-home-redesign .scv-home-showcase__lead {
margin-left: auto;
margin-right: auto;
text-align: center;
}
body.scv-home-redesign .scv-home-showcase__cta,
body.scv-home-redesign .scv-home-showcase__promises {
justify-content: center;
}
body.scv-home-redesign .scv-home-showcase__metrics,
body.scv-home-redesign .scv-home-proofband,
body.scv-home-redesign .scv-home-signals__steps,
body.scv-home-redesign .scv-home-signals__visuals,
body.scv-home-redesign .scv-home-review-wall__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-showcase__floating,
body.scv-home-redesign .scv-home-showcase__burst {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 100%;
transform: none;
margin-top: 12px;
}
body.scv-home-redesign .scv-home-showcase__visual {
display: flex;
flex-direction: column;
gap: 12px;
}
body.scv-home-redesign .scv-home-section-title {
margin-bottom: 16px;
}
body.scv-home-redesign .scv-home-section-title h2,
body.scv-home-redesign .scv-home-contact__title {
font-size: clamp(24px, 7vw, 32px);
}
body.scv-home-redesign .scv-home-section-title p,
body.scv-home-redesign .scv-home-contact__text,
body.scv-home-redesign .scv-home-signals__list li {
font-size: 14px;
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 1;
}
body.scv-home-redesign .scv-home-signals,
body.scv-home-redesign .scv-home-review-wall,
body.scv-home-redesign .scv-home-contact {
padding: 40px 0;
}
body.scv-home-redesign .scv-home-floatdock {
left: 12px;
right: 12px;
bottom: calc(12px + env(safe-area-inset-bottom, 0px));
width: auto;
flex-direction: row;
padding: 8px;
border-radius: 12px;
}
body.scv-home-redesign .scv-home-floatdock__head {
display: none;
}
body.scv-home-redesign .scv-home-floatdock__btn {
flex: 1 1 0;
min-height: 60px;
border-radius: 8px;
align-content: center;
text-align: center;
}
body.scv-home-redesign .scv-home-floatdock__btn strong {
font-size: 16px;
}
body.scv-home-redesign .scv-home-floatdock__meta {
display: none;
}
}
body.scv-home-redesign {
background: linear-gradient(180deg, #178f8f 0 76px, #174eb5 76px 72%, #118d92 72% 100%);
}
body.scv-home-redesign .scv-header {
background: #178f8f;
box-shadow: none;
}
body.scv-home-redesign .scv-header__top-inner {
padding: 14px 0;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-brand--text {
padding: 10px 16px;
border-radius: 999px;
background: rgba(4, 34, 72, 0.42);
}
body.scv-home-redesign .scv-brand__title,
body.scv-home-redesign .scv-drawer__title {
font-size: 15px;
}
body.scv-home-redesign .scv-phone--desktop {
padding: 12px 16px;
border-radius: 999px;
background: #08264e;
box-shadow: none;
}
body.scv-home-redesign .scv-main {
padding-bottom: 92px;
}
body.scv-home-redesign .scv-home--redesign {
gap: 0;
}
body.scv-home-redesign .scv-home-hero {
position: relative;
min-height: 760px;
padding: 54px 0 70px;
border-radius: 0;
background:
radial-gradient(circle at 56% 58%, rgba(28, 122, 249, 0.96), rgba(9, 37, 92, 0.88) 22%, rgba(3, 13, 30, 0.98) 68%, #02050b 100%);
}
body.scv-home-redesign .scv-home-hero::before,
body.scv-home-redesign .scv-home-hero::after {
content: "";
position: absolute;
bottom: 0;
z-index: 0;
width: 31vw;
height: 26%;
background: linear-gradient(180deg, rgba(27, 74, 223, 0.92), rgba(26, 82, 207, 0.88));
}
body.scv-home-redesign .scv-home-hero::before {
left: -4vw;
clip-path: polygon(0 42%, 100% 100%, 0 100%);
}
body.scv-home-redesign .scv-home-hero::after {
right: -4vw;
clip-path: polygon(100% 42%, 100% 100%, 0 100%);
}
body.scv-home-redesign .scv-home-hero__backdrop {
opacity: 0.08;
filter: blur(2px);
z-index: 0;
}
body.scv-home-redesign .scv-home-hero__glow--one {
top: 110px;
left: -70px;
width: 220px;
height: 220px;
background: rgba(255, 211, 77, 0.08);
}
body.scv-home-redesign .scv-home-hero__glow--two {
right: 14vw;
bottom: 130px;
width: 360px;
height: 360px;
background: rgba(21, 150, 248, 0.18);
}   body.scv-home-redesign {
--scv-home-bg: #061224;
--scv-home-panel: rgba(8, 19, 41, 0.76);
--scv-home-panel-soft: rgba(255, 255, 255, 0.08);
--scv-home-border: rgba(255, 255, 255, 0.14);
--scv-home-shadow: 0 28px 70px rgba(4, 12, 28, 0.24);
--scv-home-text: #eef6ff;
--scv-home-title: #08152b;
--scv-home-body: #53637f;
background:
radial-gradient(circle at 15% -2%, rgba(29, 211, 192, 0.18), transparent 26%),
radial-gradient(circle at 100% 18%, rgba(40, 108, 255, 0.18), transparent 30%),
linear-gradient(180deg, #0d6f6c 0 108px, #f4f7fc 108px 100%);
}
body.scv-home-redesign .scv-header,
body.scv-home-redesign .scv-header.scv-header--compact {
position: relative;
top: 0 !important;
background: linear-gradient(120deg, #0d6e69 0%, #0e303d 52%, #081623 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
}
body.scv-home-redesign .scv-header__top {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-header__top-inner,
body.scv-home-redesign .scv-header.scv-header--compact .scv-header__top-inner {
padding: 16px 0;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-brand,
body.scv-home-redesign .scv-phone,
body.scv-home-redesign .scv-drawer__brand,
body.scv-home-redesign .scv-drawer__close {
color: #ffffff;
}
body.scv-home-redesign .scv-brand--text {
padding: 12px 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.14);
box-shadow: 0 12px 30px rgba(3, 8, 21, 0.18);
}
body.scv-home-redesign .scv-brand__eyebrow,
body.scv-home-redesign .scv-drawer__eyebrow {
color: rgba(255, 255, 255, 0.68);
}
body.scv-home-redesign .scv-brand__title,
body.scv-home-redesign .scv-drawer__title {
font-size: 15px;
}
body.scv-home-redesign .scv-phone--desktop {
padding: 14px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #f6cf62 0%, #f59a47 100%);
color: #08152b;
font-size: 15px;
font-weight: 800;
box-shadow: 0 18px 32px rgba(244, 161, 73, 0.28);
}
body.scv-home-redesign .scv-nav-toggle,
body.scv-home-redesign .scv-phone--mobile,
body.scv-home-redesign .scv-drawer__close {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.14);
box-shadow: none;
}
body.scv-home-redesign .scv-nav-toggle__lines span {
background: #ffffff;
}
body.scv-home-redesign .scv-drawer__panel {
background: linear-gradient(180deg, #08172d 0%, #103163 100%);
border-right-color: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-drawer__header {
border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-drawer__menu a {
color: #ffffff;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-drawer__menu a:hover,
body.scv-home-redesign .scv-drawer__menu .current-menu-item > a,
body.scv-home-redesign .scv-drawer__menu .current_page_item > a {
background: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-main {
padding-top: 0 !important;
padding-bottom: 126px;
}
body.scv-home-redesign .scv-main > .scv-container {
width: min(var(--scv-content), calc(100% - 28px));
}
body.scv-home-redesign .scv-home--redesign {
display: flex;
flex-direction: column;
gap: 28px;
}
body.scv-home-redesign .scv-home--redesign .scv-section {
padding: 0;
}
body.scv-home-redesign .scv-footer {
margin-top: 40px;
}
body.scv-home-redesign .scv-home-kicker,
body.scv-home-redesign .scv-home-section-head__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 18px;
padding: 9px 16px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.86);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-section-title {
margin: 0 auto 24px;
max-width: 920px;
}
body.scv-home-redesign .scv-home-section-title--center {
text-align: center;
}
body.scv-home-redesign .scv-home-section-title .scv-home-section-head__eyebrow {
margin-bottom: 16px;
color: #0c7280;
background: rgba(12, 114, 128, 0.1);
border-color: rgba(12, 114, 128, 0.18);
}
body.scv-home-redesign .scv-home-section-title h2 {
margin: 0;
color: var(--scv-home-title);
font-size: clamp(34px, 4vw, 50px);
line-height: 1.12;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-section-title p {
margin: 14px 0 0;
color: var(--scv-home-body);
font-size: 17px;
line-height: 1.76;
}
body.scv-home-redesign .scv-home-showcase {
position: relative;
overflow: hidden;
min-height: 840px;
padding: 32px 0 42px;
border-radius: 0 0 42px 42px;
background:
radial-gradient(circle at 74% 18%, rgba(68, 171, 255, 0.2), transparent 24%),
radial-gradient(circle at 21% 12%, rgba(49, 222, 191, 0.12), transparent 22%),
linear-gradient(135deg, #07121f 0%, #0a2643 46%, #103783 74%, #0b8c8a 100%);
}
body.scv-home-redesign .scv-home-showcase__backdrop,
body.scv-home-redesign .scv-home-showcase__wash {
position: absolute;
inset: 0;
}
body.scv-home-redesign .scv-home-showcase__backdrop {
opacity: 0.13;
background-position: center;
background-size: cover;
filter: blur(3px) saturate(0.9);
transform: scale(1.04);
}
body.scv-home-redesign .scv-home-showcase__wash {
background:
radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.04), transparent 34%),
linear-gradient(180deg, rgba(5, 12, 24, 0.28), rgba(5, 12, 24, 0.56));
}
body.scv-home-redesign .scv-home-showcase > .scv-container {
position: relative;
z-index: 1;
}
body.scv-home-redesign .scv-home-showcase__quick {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
}
body.scv-home-redesign .scv-home-showcase__quick a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.88);
text-decoration: none;
font-size: 14px;
font-weight: 700;
transition:
transform 0.2s ease,
background-color 0.2s ease,
border-color 0.2s ease;
}
body.scv-home-redesign .scv-home-showcase__quick a:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, 0.14);
border-color: rgba(255, 255, 255, 0.2);
}
body.scv-home-redesign .scv-home-showcase__grid {
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
align-items: center;
gap: 54px;
}
body.scv-home-redesign .scv-home-showcase__copy {
max-width: 690px;
}
body.scv-home-redesign .scv-home-showcase__title {
margin: 0;
color: var(--scv-home-text);
font-size: clamp(50px, 6vw, 82px);
line-height: 0.98;
letter-spacing: -0.06em;
}
body.scv-home-redesign .scv-home-showcase__title span {
display: block;
}
body.scv-home-redesign .scv-home-showcase__lead {
margin: 22px 0 0;
max-width: 620px;
color: rgba(238, 246, 255, 0.82);
font-size: clamp(18px, 2vw, 21px);
line-height: 1.8;
}
body.scv-home-redesign .scv-home-showcase__cta {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
body.scv-home-redesign .scv-home-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 58px;
padding: 0 22px;
border-radius: 18px;
text-decoration: none;
font-size: 15px;
font-weight: 800;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
background-color 0.2s ease;
}
body.scv-home-redesign .scv-home-cta:hover {
transform: translateY(-2px);
}
body.scv-home-redesign .scv-home-cta--accent {
background: linear-gradient(135deg, #ffd162 0%, #ff9a4b 100%);
color: #08152b;
box-shadow: 0 22px 45px rgba(255, 160, 76, 0.28);
}
body.scv-home-redesign .scv-home-cta--ghost {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.16);
color: #ffffff;
}
body.scv-home-redesign .scv-home-cta--subtle {
background: rgba(6, 18, 36, 0.22);
border: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.82);
}
body.scv-home-redesign .scv-home-showcase__metrics {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 30px;
}
body.scv-home-redesign .scv-home-showcase__metric {
display: flex;
flex-direction: column;
gap: 6px;
padding: 20px 18px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 18px 34px rgba(5, 12, 25, 0.16);
}
body.scv-home-redesign .scv-home-showcase__metric strong {
color: #ffffff;
font-size: clamp(26px, 3.2vw, 34px);
line-height: 1;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-showcase__metric span {
color: rgba(238, 246, 255, 0.72);
font-size: 14px;
line-height: 1.5;
}
body.scv-home-redesign .scv-home-showcase__promises {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-showcase__promises li {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.88);
font-size: 14px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-showcase__visual {
position: relative;
min-height: 720px;
}
body.scv-home-redesign .scv-home-showcase__frame {
width: min(100%, 560px);
margin-left: auto;
overflow: hidden;
border-radius: 34px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(4, 12, 24, 0.5);
box-shadow: 0 36px 80px rgba(4, 12, 28, 0.32);
}
body.scv-home-redesign .scv-home-showcase__frame img {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
}
body.scv-home-redesign .scv-home-showcase__floating {
position: absolute;
display: flex;
gap: 14px;
width: min(300px, 54%);
padding: 15px;
border-radius: 24px;
background: rgba(7, 18, 37, 0.72);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 20px 44px rgba(4, 12, 28, 0.28);
backdrop-filter: blur(18px);
}
body.scv-home-redesign .scv-home-showcase__floating--top {
top: 18px;
left: 0;
transform: translateX(-8%);
}
body.scv-home-redesign .scv-home-showcase__floating--bottom {
right: 10px;
bottom: 34px;
}
body.scv-home-redesign .scv-home-showcase__floating img {
flex: none;
width: 88px;
height: 88px;
border-radius: 18px;
object-fit: cover;
}
body.scv-home-redesign .scv-home-showcase__floating strong,
body.scv-home-redesign .scv-home-showcase__burst strong {
display: block;
color: #ffffff;
font-size: 16px;
line-height: 1.35;
}
body.scv-home-redesign .scv-home-showcase__floating span,
body.scv-home-redesign .scv-home-showcase__burst span {
display: block;
color: rgba(238, 246, 255, 0.72);
font-size: 13px;
line-height: 1.55;
}
body.scv-home-redesign .scv-home-showcase__burst {
position: absolute;
left: 28px;
bottom: 92px;
width: min(250px, 44%);
padding: 18px 18px 18px 20px;
border-radius: 22px;
background: linear-gradient(135deg, rgba(23, 143, 143, 0.9) 0%, rgba(13, 103, 140, 0.9) 100%);
box-shadow: 0 22px 44px rgba(7, 23, 49, 0.28);
}
body.scv-home-redesign .scv-home-showcase__burst span {
margin-bottom: 6px;
color: rgba(255, 255, 255, 0.74);
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-proofband {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-top: 28px;
}
body.scv-home-redesign .scv-home-proofband__item {
padding: 18px 20px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1.55;
text-align: center;
}
body.scv-home-redesign .scv-home-signals__shell {
display: grid;
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
gap: 24px;
align-items: stretch;
}
body.scv-home-redesign .scv-home-signals__panel {
height: 100%;
padding: 32px;
border-radius: 34px;
background: linear-gradient(145deg, #0b1830 0%, #143266 56%, #0f7f85 100%);
color: #ffffff;
box-shadow: var(--scv-home-shadow);
}
body.scv-home-redesign .scv-home-signals__panel h3 {
margin: 0;
font-size: clamp(28px, 3.2vw, 38px);
line-height: 1.18;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-signals__list {
display: grid;
gap: 14px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-signals__list li {
position: relative;
padding-left: 22px;
color: rgba(238, 246, 255, 0.82);
font-size: 16px;
line-height: 1.75;
}
body.scv-home-redesign .scv-home-signals__list li::before {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #ffd162;
box-shadow: 0 0 0 6px rgba(255, 209, 98, 0.12);
}
body.scv-home-redesign .scv-home-signals__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
body.scv-home-redesign .scv-home-signals__chips span {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
color: #ffffff;
font-size: 13px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-signals__steps {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 26px;
}
body.scv-home-redesign .scv-home-signals__step {
min-height: 156px;
padding: 20px 18px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-signals__step-no {
display: inline-flex;
margin-bottom: 10px;
color: #ffd162;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.12em;
}
body.scv-home-redesign .scv-home-signals__step strong {
display: block;
color: #ffffff;
font-size: 18px;
}
body.scv-home-redesign .scv-home-signals__step p {
margin: 10px 0 0;
color: rgba(238, 246, 255, 0.72);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-signals__visuals {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
body.scv-home-redesign .scv-home-signals__card {
overflow: hidden;
border-radius: 30px;
background: #ffffff;
border: 1px solid rgba(8, 21, 43, 0.06);
box-shadow: 0 24px 48px rgba(8, 21, 43, 0.12);
}
body.scv-home-redesign .scv-home-signals__card--wide {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-signals__card-image {
overflow: hidden;
}
body.scv-home-redesign .scv-home-signals__card--wide .scv-home-signals__card-image {
aspect-ratio: 2.2 / 1.1;
}
body.scv-home-redesign .scv-home-signals__card:not(.scv-home-signals__card--wide) .scv-home-signals__card-image {
aspect-ratio: 1.08 / 1;
}
body.scv-home-redesign .scv-home-signals__card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-home-signals__card-copy {
display: grid;
gap: 8px;
padding: 20px 22px 22px;
}
body.scv-home-redesign .scv-home-signals__card-copy strong {
color: var(--scv-home-title);
font-size: 18px;
line-height: 1.35;
}
body.scv-home-redesign .scv-home-signals__card-copy span {
color: var(--scv-home-body);
font-size: 15px;
line-height: 1.68;
}
body.scv-home-redesign .scv-home-review-wall__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: start;
}
body.scv-home-redesign .scv-home-review-card {
overflow: hidden;
border-radius: 32px;
background: #ffffff;
border: 1px solid rgba(8, 21, 43, 0.06);
box-shadow: 0 22px 52px rgba(8, 21, 43, 0.12);
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-review-card__media {
position: relative;
display: block;
overflow: hidden;
background: #061224;
text-decoration: none;
}
body.scv-home-redesign .scv-home-review-card__media::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 36%;
background: linear-gradient(180deg, rgba(6, 18, 36, 0), rgba(6, 18, 36, 0.54));
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__media {
aspect-ratio: 1.72 / 1;
}
body.scv-home-redesign .scv-home-review-card:not(.scv-home-review-card--featured) .scv-home-review-card__media {
aspect-ratio: 1.08 / 1;
}
body.scv-home-redesign .scv-home-review-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
body.scv-home-redesign .scv-home-review-card:hover .scv-home-review-card__media img {
transform: scale(1.04);
}
body.scv-home-redesign .scv-home-review-card__body {
display: grid;
gap: 12px;
padding: 24px;
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__body {
background: linear-gradient(135deg, #0b1830 0%, #123868 64%, #0d7c84 100%);
}
body.scv-home-redesign .scv-home-review-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 8px 12px;
border-radius: 999px;
background: rgba(12, 114, 128, 0.12);
color: #0c7280;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__badge {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
body.scv-home-redesign .scv-home-review-card h3 {
margin: 0;
color: var(--scv-home-title);
font-size: 24px;
line-height: 1.32;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-review-card--featured h3 {
color: #ffffff;
}
body.scv-home-redesign .scv-home-review-card p {
margin: 0;
color: var(--scv-home-body);
font-size: 15px;
line-height: 1.76;
}
body.scv-home-redesign .scv-home-review-card--featured p,
body.scv-home-redesign .scv-home-review-card--featured .scv-home-review-card__meta {
color: rgba(238, 246, 255, 0.78);
}
body.scv-home-redesign .scv-home-review-card__meta {
color: #7887a4;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
}
body.scv-home-redesign .scv-home-contact__shell {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
gap: 24px;
padding: 28px;
border-radius: 38px;
background: linear-gradient(135deg, #07152f 0%, #123264 52%, #0c8e8b 100%);
box-shadow: var(--scv-home-shadow);
}
body.scv-home-redesign .scv-home-contact__intro {
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px 4px;
color: #ffffff;
}
body.scv-home-redesign .scv-home-contact__title {
margin: 0;
color: #ffffff;
font-size: clamp(36px, 4.2vw, 54px);
line-height: 1.1;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-contact__text {
margin: 18px 0 0;
color: rgba(238, 246, 255, 0.8);
font-size: 17px;
line-height: 1.8;
}
body.scv-home-redesign .scv-home-contact__phone {
display: grid;
gap: 8px;
margin-top: 26px;
padding: 22px 24px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.14);
}
body.scv-home-redesign .scv-home-contact__phone span {
color: rgba(238, 246, 255, 0.68);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-contact__phone a {
color: #ffffff;
text-decoration: none;
font-size: clamp(34px, 5vw, 48px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-contact__phone p {
margin: 0;
color: rgba(238, 246, 255, 0.76);
font-size: 15px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-contact__benefits {
display: grid;
gap: 12px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-contact__benefits li {
position: relative;
padding-left: 20px;
color: rgba(238, 246, 255, 0.84);
font-size: 15px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-contact__benefits li::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #ffd162;
}
body.scv-home-redesign .scv-home-contact .scv-card--form {
border-radius: 30px;
background: #ffffff;
box-shadow: 0 28px 56px rgba(4, 12, 28, 0.18);
}
body.scv-home-redesign .scv-home-contact .scv-card__title {
color: var(--scv-home-title);
}
body.scv-home-redesign .scv-home-contact .scv-card__kicker {
color: var(--scv-home-body);
}
body.scv-home-redesign .scv-home-contact .scv-form {
gap: 16px;
}
body.scv-home-redesign .scv-home-contact .scv-field label {
color: var(--scv-home-title);
}
body.scv-home-redesign .scv-home-contact .scv-field input[type="text"] {
border-color: rgba(8, 21, 43, 0.1);
background: #f7f9fc;
}
body.scv-home-redesign .scv-home-contact .scv-button {
min-height: 58px;
border-radius: 18px;
background: linear-gradient(135deg, #0d7f87 0%, #0a3979 100%);
box-shadow: 0 18px 34px rgba(13, 127, 135, 0.22);
}
body.scv-home-redesign .scv-home-floatdock {
position: fixed;
right: clamp(12px, 3vw, 28px);
bottom: clamp(18px, 3vw, 32px);
z-index: 98;
display: flex;
flex-direction: column;
gap: 10px;
width: min(246px, calc(100vw - 32px));
padding: 12px;
border-radius: 28px;
background: rgba(6, 18, 36, 0.78);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 28px 60px rgba(4, 12, 28, 0.28);
backdrop-filter: blur(18px);
}
body.scv-home-redesign .scv-home-floatdock__head {
display: grid;
gap: 2px;
padding: 4px 4px 6px;
}
body.scv-home-redesign .scv-home-floatdock__head span {
color: rgba(238, 246, 255, 0.62);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-floatdock__head strong {
color: #ffffff;
font-size: 18px;
line-height: 1.2;
}
body.scv-home-redesign .scv-home-floatdock__btn {
display: grid;
gap: 4px;
padding: 15px 16px;
border-radius: 22px;
color: #ffffff;
text-decoration: none;
box-shadow: 0 14px 28px rgba(5, 12, 25, 0.16);
}
body.scv-home-redesign .scv-home-floatdock__btn--call {
background: linear-gradient(135deg, #f4a349 0%, #d96b3d 100%);
}
body.scv-home-redesign .scv-home-floatdock__btn--quote {
background: linear-gradient(135deg, #0f8d8b 0%, #12437e 100%);
}
body.scv-home-redesign .scv-home-floatdock__eyebrow {
color: rgba(255, 255, 255, 0.72);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-floatdock__btn strong {
font-size: 20px;
line-height: 1.15;
}
body.scv-home-redesign .scv-home-floatdock__meta {
color: rgba(255, 255, 255, 0.84);
font-size: 13px;
font-weight: 700;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-home-showcase__grid,
body.scv-home-redesign .scv-home-signals__shell,
body.scv-home-redesign .scv-home-contact__shell {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-showcase__copy {
max-width: none;
}
body.scv-home-redesign .scv-home-showcase__visual {
min-height: 0;
}
body.scv-home-redesign .scv-home-showcase__frame {
margin: 0 auto;
}
body.scv-home-redesign .scv-home-proofband {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-review-wall__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 2;
}
}
@media (max-width: 860px) {
body.scv-home-redesign {
background: linear-gradient(180deg, #0d6f6c 0 82px, #f5f7fb 82px 100%);
}
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-main {
padding-bottom: 112px;
}
body.scv-home-redesign .scv-home--redesign {
gap: 22px;
}
body.scv-home-redesign .scv-home-showcase {
min-height: 0;
padding: 24px 0 34px;
border-radius: 0 0 30px 30px;
}
body.scv-home-redesign .scv-home-showcase__quick {
justify-content: center;
margin-bottom: 22px;
}
body.scv-home-redesign .scv-home-showcase__title {
font-size: clamp(40px, 12vw, 54px);
text-align: center;
}
body.scv-home-redesign .scv-home-kicker,
body.scv-home-redesign .scv-home-showcase__lead {
margin-left: auto;
margin-right: auto;
text-align: center;
}
body.scv-home-redesign .scv-home-showcase__cta,
body.scv-home-redesign .scv-home-showcase__promises {
justify-content: center;
}
body.scv-home-redesign .scv-home-showcase__metrics,
body.scv-home-redesign .scv-home-proofband,
body.scv-home-redesign .scv-home-signals__steps,
body.scv-home-redesign .scv-home-signals__visuals,
body.scv-home-redesign .scv-home-review-wall__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-showcase__frame,
body.scv-home-redesign .scv-home-signals__card,
body.scv-home-redesign .scv-home-review-card,
body.scv-home-redesign .scv-home-contact__shell,
body.scv-home-redesign .scv-home-contact .scv-card--form,
body.scv-home-redesign .scv-home-signals__panel {
border-radius: 26px;
}
body.scv-home-redesign .scv-home-showcase__floating,
body.scv-home-redesign .scv-home-showcase__burst {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 100%;
transform: none;
margin-top: 14px;
}
body.scv-home-redesign .scv-home-showcase__visual {
display: flex;
flex-direction: column;
gap: 14px;
}
body.scv-home-redesign .scv-home-section-title {
margin-bottom: 18px;
}
body.scv-home-redesign .scv-home-section-title h2,
body.scv-home-redesign .scv-home-contact__title {
font-size: clamp(30px, 9vw, 38px);
}
body.scv-home-redesign .scv-home-section-title p,
body.scv-home-redesign .scv-home-contact__text,
body.scv-home-redesign .scv-home-signals__list li {
font-size: 15px;
}
body.scv-home-redesign .scv-home-review-card--featured {
grid-column: span 1;
}
body.scv-home-redesign .scv-home-floatdock {
left: 14px;
right: 14px;
bottom: calc(14px + env(safe-area-inset-bottom, 0px));
width: auto;
flex-direction: row;
padding: 10px;
border-radius: 24px;
}
body.scv-home-redesign .scv-home-floatdock__head {
display: none;
}
body.scv-home-redesign .scv-home-floatdock__btn {
flex: 1 1 0;
min-height: 72px;
border-radius: 18px;
align-content: center;
}
body.scv-home-redesign .scv-home-floatdock__btn strong {
font-size: 18px;
}
body.scv-home-redesign .scv-home-floatdock__meta {
display: none;
}
}
body.scv-home-redesign .scv-home-hero__quick {
position: absolute;
top: 136px;
left: max(24px, calc(50% - 610px));
z-index: 3;
display: grid;
gap: 14px;
}
body.scv-home-redesign .scv-home-hero__quick a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 132px;
min-height: 42px;
padding: 8px 18px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(224, 229, 236, 0.6));
color: #14306d;
font-weight: 800;
box-shadow: -3px 0 0 #1d3fbc inset;
}
body.scv-home-redesign .scv-home-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 430px) minmax(360px, 560px);
gap: 74px;
justify-content: center;
align-items: end;
min-height: 620px;
}
body.scv-home-redesign .scv-home-hero__copy {
align-items: flex-start;
max-width: 430px;
padding-top: 218px;
}
body.scv-home-redesign .scv-home-kicker {
padding: 9px 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.16);
border-color: rgba(255, 255, 255, 0.14);
}
body.scv-home-redesign .scv-home-hero__title {
margin: 18px 0 0;
font-size: clamp(40px, 4.5vw, 62px);
line-height: 0.92;
}
body.scv-home-redesign .scv-home-hero__title span {
white-space: nowrap;
}
body.scv-home-redesign .scv-home-hero__lead {
max-width: 30ch;
margin: 18px 0 0;
color: rgba(242, 246, 255, 0.84);
font-size: 17px;
}
body.scv-home-redesign .scv-home-hero__chips {
justify-content: flex-start;
gap: 9px;
margin-top: 22px;
}
body.scv-home-redesign .scv-home-hero__chips span {
min-height: 38px;
padding: 8px 15px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.94);
color: #0a285a;
font-size: 14px;
box-shadow: none;
}
body.scv-home-redesign .scv-home-hero__actions {
justify-content: flex-start;
margin-top: 20px;
}
body.scv-home-redesign .scv-home-cta {
min-height: 52px;
padding: 13px 22px;
}
body.scv-home-redesign .scv-home-hero__visual {
width: 100%;
max-width: 560px;
justify-self: end;
align-self: start;
padding-top: 14px;
}
body.scv-home-redesign .scv-home-hero__visual-frame {
padding: 0;
background: none;
border: 0;
border-radius: 28px;
box-shadow: none;
}
body.scv-home-redesign .scv-home-hero__visual-frame img {
border-radius: 28px;
box-shadow: 0 28px 70px rgba(1, 8, 25, 0.24);
}
body.scv-home-redesign .scv-home-focus {
padding: 62px 0 64px;
background: #174eb5;
}
body.scv-home-redesign .scv-home-focus__panel {
position: relative;
max-width: 1080px;
margin: 0 auto;
padding: 60px 28px 28px;
border-radius: 34px;
background: #0b2c66;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 26px;
}
body.scv-home-redesign .scv-home-focus__badge {
position: absolute;
top: -42px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 120px;
border-radius: 999px;
background: #0a3a84;
border: 7px solid rgba(255, 211, 77, 0.18);
color: #ffffff;
display: grid;
place-items: center;
text-align: center;
box-shadow: 0 18px 40px rgba(1, 8, 25, 0.18);
}
body.scv-home-redesign .scv-home-focus__badge span {
display: block;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.1em;
color: var(--scv-gold);
}
body.scv-home-redesign .scv-home-focus__badge strong {
display: block;
font-size: 24px;
font-weight: 900;
line-height: 1.1;
}
body.scv-home-redesign .scv-home-focus__copy {
padding-top: 22px;
}
body.scv-home-redesign .scv-home-focus .scv-home-section-head__eyebrow {
color: rgba(255, 255, 255, 0.86);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-home-focus__title {
margin: 16px 0 0;
color: #ffffff;
font-size: clamp(30px, 3.7vw, 54px);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-focus__list {
display: grid;
gap: 12px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-focus__list li {
position: relative;
padding-left: 18px;
color: rgba(255, 255, 255, 0.9);
font-weight: 700;
line-height: 1.6;
}
body.scv-home-redesign .scv-home-focus__list li::before {
content: "";
position: absolute;
left: 0;
top: 0.72em;
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--scv-gold);
}
body.scv-home-redesign .scv-home-focus__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
body.scv-home-redesign .scv-home-focus__visuals {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
align-self: end;
}
body.scv-home-redesign .scv-home-focus__card {
overflow: hidden;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 18px 38px rgba(1, 8, 25, 0.12);
}
body.scv-home-redesign .scv-home-focus__card img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
body.scv-home-redesign .scv-home-focus__card-copy {
display: grid;
gap: 6px;
padding: 16px;
}
body.scv-home-redesign .scv-home-focus__card-copy strong {
color: #08204a;
font-size: 18px;
font-weight: 900;
line-height: 1.2;
}
body.scv-home-redesign .scv-home-focus__card-copy span {
color: #5b6978;
line-height: 1.55;
}
body.scv-home-redesign .scv-home-gallery {
padding: 6px 0 70px;
background: #174eb5;
}
body.scv-home-redesign .scv-home-gallery__head {
max-width: 760px;
margin: 0 auto 28px;
text-align: center;
}
body.scv-home-redesign .scv-home-gallery .scv-home-section-head__eyebrow {
color: rgba(255, 255, 255, 0.86);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.1);
}
body.scv-home-redesign .scv-home-gallery__title {
margin: 16px 0 0;
color: #ffffff;
font-size: clamp(30px, 3.8vw, 52px);
font-weight: 900;
line-height: 1.12;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-gallery__grid {
max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px 18px;
}
body.scv-home-redesign .scv-home-gallery__tile {
display: grid;
gap: 10px;
}
body.scv-home-redesign .scv-home-gallery__tile img,
body.scv-home-redesign .scv-home-gallery__placeholder {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
border-radius: 10px;
background: #ffffff;
}
body.scv-home-redesign .scv-home-gallery__placeholder {
display: grid;
place-items: center;
background: linear-gradient(180deg, #f9fbff, #edf3ff);
color: #14306d;
font-weight: 900;
font-size: 16px;
}
body.scv-home-redesign .scv-home-gallery__tile strong {
color: #ffffff;
font-size: 18px;
font-weight: 900;
line-height: 1.2;
text-align: center;
}
body.scv-home-redesign .scv-home-inquiry {
position: relative;
width: 100%;
margin: 0;
padding: 74px 0 90px;
background:
linear-gradient(180deg, rgba(10, 146, 145, 0.98), rgba(10, 134, 146, 0.96)),
linear-gradient(180deg, #0a9792, #0a8592);
}
body.scv-home-redesign .scv-home-inquiry::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 10% 100%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 30%),
linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));
}
body.scv-home-redesign .scv-home-inquiry__stack {
position: relative;
z-index: 1;
max-width: 620px;
margin: 0 auto;
display: grid;
gap: 22px;
}
body.scv-home-redesign .scv-home-inquiry__intro {
text-align: center;
}
body.scv-home-redesign .scv-home-inquiry .scv-home-section-head__eyebrow {
color: rgba(255, 255, 255, 0.86);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.14);
}
body.scv-home-redesign .scv-home-inquiry__title {
margin: 16px 0 0;
color: #ffffff;
font-size: clamp(30px, 3.4vw, 44px);
font-weight: 900;
line-height: 1.14;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-inquiry__text {
margin: 14px auto 0;
max-width: 44ch;
color: rgba(255, 255, 255, 0.9);
line-height: 1.75;
}
body.scv-home-redesign .scv-home-inquiry .scv-card--form {
border: 0;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 24px 50px rgba(1, 8, 25, 0.14);
}
body.scv-home-redesign .scv-home-inquiry .scv-card__title {
color: #08204a;
}
body.scv-home-redesign .scv-home-inquiry .scv-button {
border-radius: 999px;
min-height: 58px;
}
body.scv-home-redesign .scv-mobile-fab {
top: 158px;
right: 22px;
left: auto;
bottom: auto;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 30;
}
body.scv-home-redesign .scv-mobile-fab__btn {
min-width: 160px;
min-height: 96px;
padding: 16px 14px;
border-radius: 28px;
box-shadow: 0 20px 44px rgba(1, 8, 25, 0.2);
}
body.scv-home-redesign .scv-mobile-fab__btn--call {
background: linear-gradient(180deg, #1da1c8, #198ec3);
}
body.scv-home-redesign .scv-mobile-fab__btn--inquiry {
background: linear-gradient(180deg, #1762c1, #1b53ba);
}
body.scv-home-redesign .scv-mobile-fab__eyebrow {
font-size: 11px;
}
body.scv-home-redesign .scv-mobile-fab__title {
margin-top: 5px;
font-size: 18px;
}
body.scv-home-redesign .scv-mobile-fab__meta {
margin-top: 4px;
font-size: 14px;
}
@media (max-width: 1100px) {
body.scv-home-redesign .scv-home-hero__quick {
left: 18px;
}
body.scv-home-redesign .scv-home-hero__inner,
body.scv-home-redesign .scv-home-focus__panel {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-hero__inner {
gap: 28px;
min-height: auto;
}
body.scv-home-redesign .scv-home-hero__copy {
max-width: none;
padding-top: 180px;
}
body.scv-home-redesign .scv-home-hero__visual {
justify-self: center;
}
body.scv-home-redesign .scv-home-focus__visuals,
body.scv-home-redesign .scv-home-gallery__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
body.scv-home-redesign {
background: linear-gradient(180deg, #178f8f 0 82px, #174eb5 82px 74%, #118d92 74% 100%);
}
body.scv-home-redesign .scv-home-hero {
min-height: auto;
padding: 34px 0 46px;
}
body.scv-home-redesign .scv-home-hero::before,
body.scv-home-redesign .scv-home-hero::after {
content: none;
}
body.scv-home-redesign .scv-home-hero__quick {
display: none;
}
body.scv-home-redesign .scv-home-hero__inner {
gap: 20px;
}
body.scv-home-redesign .scv-home-hero__copy {
align-items: center;
text-align: center;
padding-top: 18px;
}
body.scv-home-redesign .scv-home-hero__lead {
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-home-hero__chips,
body.scv-home-redesign .scv-home-hero__actions {
justify-content: center;
}
body.scv-home-redesign .scv-home-hero__visual {
max-width: 420px;
}
body.scv-home-redesign .scv-home-hero__title {
font-size: clamp(30px, 8vw, 42px);
}
body.scv-home-redesign .scv-home-hero__title span {
white-space: normal;
}
body.scv-home-redesign .scv-home-focus,
body.scv-home-redesign .scv-home-gallery,
body.scv-home-redesign .scv-home-inquiry {
padding-top: 44px;
}
body.scv-home-redesign .scv-home-focus__panel {
padding: 52px 18px 18px;
border-radius: 24px;
}
body.scv-home-redesign .scv-home-focus__badge {
width: 98px;
height: 98px;
top: -34px;
}
body.scv-home-redesign .scv-home-focus__badge strong {
font-size: 19px;
}
body.scv-home-redesign .scv-home-gallery__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-gallery__tile strong {
font-size: 16px;
}
body.scv-home-redesign .scv-mobile-fab {
left: 14px;
right: 14px;
top: auto;
bottom: calc(14px + env(safe-area-inset-bottom, 0px));
flex-direction: row;
}
body.scv-home-redesign .scv-mobile-fab__btn {
min-width: 0;
min-height: 58px;
flex: 1 1 0;
padding: 10px 12px;
border-radius: 18px;
}
body.scv-home-redesign .scv-mobile-fab__eyebrow,
body.scv-home-redesign .scv-mobile-fab__meta {
display: none;
}
body.scv-home-redesign .scv-mobile-fab__title {
margin-top: 0;
font-size: 16px;
}
}
@media (max-width: 560px) {
body.scv-home-redesign .scv-home-gallery__grid,
body.scv-home-redesign .scv-home-focus__visuals {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-hero__title {
font-size: 42px;
}
}   body.scv-home-redesign {
background:
radial-gradient(circle at 15% -2%, rgba(29, 211, 192, 0.18), transparent 26%),
radial-gradient(circle at 100% 18%, rgba(40, 108, 255, 0.18), transparent 30%),
linear-gradient(180deg, #0d6f6c 0 108px, #f4f7fc 108px 100%);
}
body.scv-home-redesign .scv-header,
body.scv-home-redesign .scv-header.scv-header--compact {
position: relative;
top: 0 !important;
background: linear-gradient(120deg, #0d6e69 0%, #0e303d 52%, #081623 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: none;
}
body.scv-home-redesign .scv-header__top-inner,
body.scv-home-redesign .scv-header.scv-header--compact .scv-header__top-inner {
padding: 16px 0;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-brand--text {
padding: 12px 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.14);
}
body.scv-home-redesign .scv-phone--desktop {
padding: 14px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #f6cf62 0%, #f59a47 100%);
color: #08152b;
box-shadow: 0 18px 32px rgba(244, 161, 73, 0.28);
}
body.scv-home-redesign .scv-main {
padding-top: 0 !important;
padding-bottom: 126px;
}
body.scv-home-redesign .scv-home--redesign {
gap: 28px;
}
@media (max-width: 860px) {
body.scv-home-redesign {
background: linear-gradient(180deg, #0d6f6c 0 82px, #f5f7fb 82px 100%);
}
body.scv-home-redesign .scv-main {
padding-bottom: 112px;
}
body.scv-home-redesign .scv-home--redesign {
gap: 22px;
}
} body.scv-home-redesign .scv-home-showcase {
min-height: 780px;
padding: 48px 0 40px;
}
body.scv-home-redesign .scv-home-showcase__quick {
display: none;
}
body.scv-home-redesign .scv-home-showcase__grid {
grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
gap: 48px;
}
body.scv-home-redesign .scv-home-showcase__copy {
max-width: 640px;
}
body.scv-home-redesign .scv-home-showcase__title {
font-size: clamp(44px, 5.4vw, 74px);
line-height: 1.02;
letter-spacing: -0.055em;
}
body.scv-home-redesign .scv-home-showcase__lead {
max-width: 580px;
color: rgba(238, 246, 255, 0.78);
font-size: clamp(18px, 1.8vw, 20px);
line-height: 1.72;
}
body.scv-home-redesign .scv-home-showcase__cta {
margin-top: 30px;
gap: 14px;
}
body.scv-home-redesign .scv-home-showcase__metrics {
margin-top: 26px;
}
body.scv-home-redesign .scv-home-showcase__metric {
padding: 18px 18px 16px;
border-radius: 20px;
}
body.scv-home-redesign .scv-home-showcase__promises {
margin-top: 18px;
}
body.scv-home-redesign .scv-home-showcase__visual {
display: grid;
justify-items: end;
align-content: start;
gap: 18px;
min-height: 0;
}
body.scv-home-redesign .scv-home-showcase__frame {
width: min(100%, 510px);
margin-left: 0;
border-radius: 30px;
}
body.scv-home-redesign .scv-home-showcase__frame img {
aspect-ratio: 1.04 / 1;
object-position: center 58%;
}
body.scv-home-redesign .scv-home-showcase__floating {
top: 24px;
left: 18px;
width: min(290px, 52%);
transform: none;
padding: 16px;
border-radius: 22px;
}
body.scv-home-redesign .scv-home-showcase__floating--bottom,
body.scv-home-redesign .scv-home-showcase__burst {
display: none;
}
body.scv-home-redesign .scv-home-showcase__detail {
width: min(100%, 320px);
padding: 22px 24px;
border-radius: 24px;
background: rgba(7, 18, 37, 0.84);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 24px 48px rgba(4, 12, 28, 0.28);
}
body.scv-home-redesign .scv-home-showcase__detail span {
display: block;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.64);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-showcase__detail strong {
display: block;
color: #ffffff;
font-size: 22px;
line-height: 1.28;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-home-showcase__detail p {
margin: 10px 0 0;
color: rgba(238, 246, 255, 0.74);
font-size: 14px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-proofband {
margin-top: 24px;
gap: 12px;
}
body.scv-home-redesign .scv-home-proofband__item {
padding: 16px 18px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.06);
font-size: 14px;
}
body.scv-home-redesign .scv-home-section-title {
margin-bottom: 26px;
max-width: 820px;
}
body.scv-home-redesign .scv-home-section-title h2 {
max-width: 760px;
}
body.scv-home-redesign .scv-home-section-title p {
max-width: 720px;
}
body.scv-home-redesign .scv-home-section-title--center h2,
body.scv-home-redesign .scv-home-section-title--center p {
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-home-contact__shell {
padding: 32px;
}
body.scv-home-redesign .scv-home-floatdock {
display: none;
}
body.scv-home-redesign .scv-mobile-fab {
display: none;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-home-showcase {
min-height: 0;
}
body.scv-home-redesign .scv-home-showcase__visual {
justify-items: center;
}
body.scv-home-redesign .scv-home-showcase__frame {
width: min(100%, 560px);
}
body.scv-home-redesign .scv-home-showcase__floating {
left: 24px;
}
body.scv-home-redesign .scv-home-showcase__detail {
width: min(100%, 560px);
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-home-showcase {
padding: 24px 0 30px;
}
body.scv-home-redesign .scv-home-showcase__title {
font-size: clamp(38px, 11vw, 52px);
}
body.scv-home-redesign .scv-home-showcase__lead {
font-size: 16px;
line-height: 1.75;
}
body.scv-home-redesign .scv-home-showcase__floating {
position: relative;
inset: auto;
width: 100%;
margin-top: 14px;
}
body.scv-home-redesign .scv-home-showcase__detail {
width: 100%;
padding: 18px 18px 20px;
}
body.scv-home-redesign .scv-home-showcase__detail strong {
font-size: 20px;
}
body.scv-home-redesign .scv-home-floatdock {
display: none;
}
body.scv-home-redesign .scv-mobile-fab {
display: flex;
}
} body.scv-home-redesign .scv-ref-hero__tag {
position: absolute !important;
top: 24px !important;
left: 50% !important;
z-index: 6 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 0 24px !important;
border-radius: 999px !important;
background: rgba(0, 0, 0, 0.44) !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1 !important;
white-space: nowrap !important;
text-align: center !important;
transform: translateX(-50%) !important;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-ref-hero__tag {
top: 18px !important;
max-width: calc(100% - 32px) !important;
min-height: 30px !important;
padding: 0 12px !important;
font-size: 11px !important;
white-space: normal !important;
line-height: 1.25 !important;
}
} body.scv-home-redesign .scv-ref-hero__tag {
position: absolute;
top: 24px;
left: 50%;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 24px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.44);
color: #ffffff;
font-size: 18px;
font-weight: 900;
line-height: 1;
white-space: nowrap;
transform: translateX(-50%);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-ref-hero__tag {
top: 18px;
max-width: calc(100% - 32px);
min-height: 30px;
padding: 0 12px;
font-size: 11px;
text-align: center;
white-space: normal;
line-height: 1.25;
}
} body.scv-home-redesign .scv-header__top-inner {
min-height: 72px;
padding: 0 28px;
}
body.scv-home-redesign .scv-header__right {
display: flex;
align-items: center;
gap: 12px;
}
body.scv-home-redesign .scv-brand--text {
gap: 12px;
padding: 0;
background: none;
}
body.scv-home-redesign .scv-brand__icon,
body.scv-home-redesign .scv-drawer__icon {
display: block;
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 50%;
object-fit: cover;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
body.scv-home-redesign .scv-brand__title {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 18px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.32);
font-size: 17px;
}
body.scv-home-redesign .scv-phone--desktop {
min-height: 44px;
padding: 0 24px;
font-size: 16px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-ref-gnb {
top: 118px;
left: 22px;
gap: 8px;
}
body.scv-home-redesign .scv-ref-gnb a {
width: 112px;
min-height: 36px;
background: rgba(255, 255, 255, 0.7);
font-size: 14px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-ref-quick {
top: 76px;
right: 22px;
width: 108px;
border-radius: 54px;
}
body.scv-home-redesign .scv-ref-quick__head {
padding: 24px 8px 16px;
}
body.scv-home-redesign .scv-ref-quick__head span,
body.scv-home-redesign .scv-ref-quick__item span {
font-size: 16px;
}
body.scv-home-redesign .scv-ref-quick__head strong {
font-size: 30px;
}
body.scv-home-redesign .scv-ref-quick__item {
margin: 0 10px;
padding: 18px 0;
}
body.scv-home-redesign .scv-ref-quick__item strong {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-quick__top {
width: 48px;
height: 48px;
margin: 12px auto 16px;
line-height: 48px;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 1040px;
padding-top: 72px;
}
body.scv-home-redesign .scv-ref-hero__inner {
width: min(1240px, calc(100% - 72px));
min-height: 968px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
top: 204px;
width: min(1340px, 110vw);
height: 620px;
}
body.scv-home-redesign .scv-ref-hero__vehicle img {
object-position: center 50%;
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
bottom: 76px;
}
body.scv-home-redesign .scv-ref-arrow {
width: 36px;
height: 36px;
border-right-width: 5px;
border-bottom-width: 5px;
}
body.scv-home-redesign .scv-ref-intro {
min-height: 1160px;
padding: 0 0 108px;
}
body.scv-home-redesign .scv-ref-intro__inner {
width: min(1080px, calc(100% - 72px));
padding-top: 72px;
}
body.scv-home-redesign .scv-ref-badge {
position: relative;
width: 228px;
height: 228px;
margin: 0 auto -58px;
border: 10px solid rgba(11, 72, 162, 0.92);
background: radial-gradient(circle at 50% 36%, #0a367a 0%, #03245b 72%, #021b47 100%);
box-shadow:
0 0 0 14px rgba(21, 90, 186, 0.65),
0 0 0 28px rgba(255, 224, 0, 0.08);
}
body.scv-home-redesign .scv-ref-badge::before {
content: "";
position: absolute;
inset: 14px;
border: 2px dotted rgba(255, 224, 0, 0.6);
border-radius: 50%;
}
body.scv-home-redesign .scv-ref-intro__scene {
max-width: 1040px;
height: 688px;
border-radius: 8px;
box-shadow: 0 34px 64px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-intro__copy {
right: 70px;
bottom: 96px;
max-width: 360px;
font-size: 60px;
}
body.scv-home-redesign .scv-ref-proof {
min-height: 0;
padding: 10px 0 56px;
}
body.scv-home-redesign .scv-ref-proof__inner {
width: min(1040px, calc(100% - 72px));
padding: 54px 54px 42px;
border-radius: 8px;
background: #0a2f6d;
box-shadow: 0 28px 54px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-proof__images {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 28px;
align-items: end;
}
body.scv-home-redesign .scv-ref-proof__image,
body.scv-home-redesign .scv-ref-options__poster {
background: transparent;
}
body.scv-home-redesign .scv-ref-proof__image img,
body.scv-home-redesign .scv-ref-options__poster img,
body.scv-home-redesign .scv-ref-service__image img {
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
margin-top: 14px;
font-size: 24px;
}
body.scv-home-redesign .scv-ref-proof__note {
max-width: 760px;
margin: 32px auto 0;
font-size: 28px;
line-height: 1.46;
}
body.scv-home-redesign .scv-ref-service {
min-height: 0;
padding: 38px 0 94px;
}
body.scv-home-redesign .scv-ref-service__inner {
width: min(1260px, calc(100% - 72px)) !important;
}
body.scv-home-redesign .scv-ref-service h2 {
margin-top: 48px;
font-size: 60px;
}
body.scv-home-redesign .scv-ref-service__phone {
margin-top: 18px;
font-size: 54px;
}
body.scv-home-redesign .scv-ref-service__images {
max-width: 1120px !important;
margin: 74px auto 0 !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 28px 22px !important;
}
body.scv-home-redesign .scv-ref-service__image {
width: 100% !important;
max-width: 332px !important;
justify-self: center !important;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(10) {
grid-column: 1 !important;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: 2 !important;
}
body.scv-home-redesign .scv-ref-options {
min-height: 0;
padding: 12px 0 98px;
}
body.scv-home-redesign .scv-ref-options__inner {
width: min(980px, calc(100% - 72px));
grid-template-columns: repeat(2, minmax(280px, 360px));
justify-content: center;
gap: 42px;
}
body.scv-home-redesign .scv-ref-form {
min-height: 920px;
padding: 62px 0 96px;
}
body.scv-home-redesign .scv-ref-form__inner {
width: min(760px, calc(100% - 72px));
}
body.scv-home-redesign .scv-ref-form h2 {
margin: 52px 0 50px;
font-size: 52px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 26px 28px 30px;
box-shadow: 0 22px 44px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-footer {
padding: 28px 0 36px;
}
body.scv-home-redesign .scv-footer__grid {
display: flex;
justify-content: center;
}
body.scv-home-redesign .scv-footer__brand {
display: grid;
justify-items: center;
gap: 18px;
}
body.scv-home-redesign .scv-footer__landing-mark {
display: inline-flex;
align-items: center;
gap: 12px;
color: #ffffff;
}
body.scv-home-redesign .scv-footer__landing-icon {
display: block;
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
}
body.scv-home-redesign .scv-footer__landing-name,
body.scv-home-redesign .scv-footer__landing-badge {
font-size: 24px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-footer__landing-badge {
color: #ff2d1a;
}
body.scv-home-redesign .scv-footer__brand-link,
body.scv-home-redesign .scv-footer__logo {
display: none;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-ref-gnb,
body.scv-home-redesign .scv-ref-quick {
display: none;
}
body.scv-home-redesign .scv-ref-service__images {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
max-width: 760px !important;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(10),
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: auto !important;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-header__top-inner {
min-height: 60px;
padding: 0 12px;
}
body.scv-home-redesign .scv-brand--text {
gap: 8px;
}
body.scv-home-redesign .scv-brand__icon {
width: 28px;
height: 28px;
flex-basis: 28px;
}
body.scv-home-redesign .scv-brand__title {
min-height: 30px;
padding: 0 12px;
font-size: 11px;
}
body.scv-home-redesign .scv-drawer__brand--text {
display: inline-flex;
align-items: center;
gap: 8px;
}
body.scv-home-redesign .scv-drawer__icon {
width: 30px;
height: 30px;
flex-basis: 30px;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 592px;
}
body.scv-home-redesign .scv-ref-hero__inner {
min-height: 592px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
top: 104px;
width: 136vw;
height: 322px;
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
bottom: 34px;
}
body.scv-home-redesign .scv-ref-intro {
min-height: 0;
padding-bottom: 56px;
}
body.scv-home-redesign .scv-ref-intro__inner,
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-options__inner,
body.scv-home-redesign .scv-ref-form__inner {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-ref-badge {
width: 144px;
height: 144px;
margin-bottom: -20px;
border-width: 6px;
box-shadow:
0 0 0 10px rgba(21, 90, 186, 0.6),
0 0 0 18px rgba(255, 224, 0, 0.08);
}
body.scv-home-redesign .scv-ref-badge::before {
inset: 10px;
}
body.scv-home-redesign .scv-ref-intro__scene {
height: 360px;
box-shadow: 0 22px 38px rgba(0, 0, 0, 0.14);
}
body.scv-home-redesign .scv-ref-intro__copy {
margin-top: 26px;
font-size: 30px;
}
body.scv-home-redesign .scv-ref-proof {
padding: 0 0 40px;
}
body.scv-home-redesign .scv-ref-proof__inner {
padding: 28px 18px 26px;
box-shadow: none;
}
body.scv-home-redesign .scv-ref-proof__images,
body.scv-home-redesign .scv-ref-service__images,
body.scv-home-redesign .scv-ref-options__inner {
grid-template-columns: 1fr;
gap: 18px;
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-proof__note {
margin-top: 20px;
font-size: 17px;
}
body.scv-home-redesign .scv-ref-service {
padding: 34px 0 64px;
}
body.scv-home-redesign .scv-ref-service h2 {
margin-top: 36px;
font-size: 34px;
}
body.scv-home-redesign .scv-ref-service__phone {
margin-top: 12px;
font-size: 26px;
}
body.scv-home-redesign .scv-ref-service__images {
max-width: none !important;
margin-top: 40px !important;
}
body.scv-home-redesign .scv-ref-service__image {
max-width: none !important;
}
body.scv-home-redesign .scv-ref-options {
padding: 0 0 64px;
}
body.scv-home-redesign .scv-ref-form {
padding: 44px 0 70px;
}
body.scv-home-redesign .scv-ref-form h2 {
margin: 42px 0 30px;
font-size: 28px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 18px;
box-shadow: none;
}
body.scv-home-redesign .scv-footer__landing-mark {
gap: 8px;
}
body.scv-home-redesign .scv-footer__landing-icon {
width: 24px;
height: 24px;
}
body.scv-home-redesign .scv-footer__landing-name,
body.scv-home-redesign .scv-footer__landing-badge {
font-size: 16px;
}
body.scv-home-redesign .scv-footer__biz,
body.scv-home-redesign .scv-footer__biz a {
font-size: 12px;
line-height: 1.6;
}
} body.scv-home-redesign .scv-header__top-inner {
min-height: 72px;
padding: 0 28px;
}
body.scv-home-redesign .scv-header__right {
display: flex;
align-items: center;
gap: 12px;
}
body.scv-home-redesign .scv-brand--text {
gap: 12px;
padding: 0;
background: none;
}
body.scv-home-redesign .scv-brand__icon,
body.scv-home-redesign .scv-drawer__icon {
display: block;
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 50%;
object-fit: cover;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
body.scv-home-redesign .scv-brand__title {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 18px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.32);
font-size: 17px;
}
body.scv-home-redesign .scv-phone--desktop {
min-height: 44px;
padding: 0 24px;
font-size: 16px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-ref-gnb {
top: 118px;
left: 22px;
gap: 8px;
}
body.scv-home-redesign .scv-ref-gnb a {
width: 112px;
min-height: 36px;
background: rgba(255, 255, 255, 0.7);
font-size: 14px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
body.scv-home-redesign .scv-ref-quick {
top: 76px;
right: 22px;
width: 108px;
border-radius: 54px;
}
body.scv-home-redesign .scv-ref-quick__head {
padding: 24px 8px 16px;
}
body.scv-home-redesign .scv-ref-quick__head span,
body.scv-home-redesign .scv-ref-quick__item span {
font-size: 16px;
}
body.scv-home-redesign .scv-ref-quick__head strong {
font-size: 30px;
}
body.scv-home-redesign .scv-ref-quick__item {
margin: 0 10px;
padding: 18px 0;
}
body.scv-home-redesign .scv-ref-quick__item strong {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-quick__top {
width: 48px;
height: 48px;
margin: 12px auto 16px;
line-height: 48px;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 1040px;
padding-top: 72px;
}
body.scv-home-redesign .scv-ref-hero__inner {
width: min(1240px, calc(100% - 72px));
min-height: 968px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
top: 204px;
width: min(1340px, 110vw);
height: 620px;
}
body.scv-home-redesign .scv-ref-hero__vehicle img {
object-position: center 50%;
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
bottom: 76px;
}
body.scv-home-redesign .scv-ref-arrow {
width: 36px;
height: 36px;
border-right-width: 5px;
border-bottom-width: 5px;
}
body.scv-home-redesign .scv-ref-intro {
min-height: 1160px;
padding: 0 0 108px;
}
body.scv-home-redesign .scv-ref-intro__inner {
width: min(1080px, calc(100% - 72px));
padding-top: 72px;
}
body.scv-home-redesign .scv-ref-badge {
position: relative;
width: 228px;
height: 228px;
margin: 0 auto -58px;
border: 10px solid rgba(11, 72, 162, 0.92);
background: radial-gradient(circle at 50% 36%, #0a367a 0%, #03245b 72%, #021b47 100%);
box-shadow:
0 0 0 14px rgba(21, 90, 186, 0.65),
0 0 0 28px rgba(255, 224, 0, 0.08);
}
body.scv-home-redesign .scv-ref-badge::before {
content: "";
position: absolute;
inset: 14px;
border: 2px dotted rgba(255, 224, 0, 0.6);
border-radius: 50%;
}
body.scv-home-redesign .scv-ref-intro__scene {
max-width: 1040px;
height: 688px;
border-radius: 8px;
box-shadow: 0 34px 64px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-intro__copy {
right: 70px;
bottom: 96px;
max-width: 360px;
font-size: 60px;
}
body.scv-home-redesign .scv-ref-proof {
padding: 10px 0 56px;
}
body.scv-home-redesign .scv-ref-proof__inner {
width: min(1040px, calc(100% - 72px));
padding: 54px 54px 42px;
border-radius: 8px;
background: #0a2f6d;
box-shadow: 0 28px 54px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-proof__images {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 28px;
align-items: end;
}
body.scv-home-redesign .scv-ref-proof__image,
body.scv-home-redesign .scv-ref-options__poster {
background: transparent;
}
body.scv-home-redesign .scv-ref-proof__image img,
body.scv-home-redesign .scv-ref-options__poster img,
body.scv-home-redesign .scv-ref-service__image img {
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
margin-top: 14px;
font-size: 24px;
}
body.scv-home-redesign .scv-ref-proof__note {
max-width: 760px;
margin: 32px auto 0;
font-size: 28px;
line-height: 1.46;
}
body.scv-home-redesign .scv-ref-service {
min-height: 0;
padding: 38px 0 94px;
}
body.scv-home-redesign .scv-ref-service__inner {
width: min(1180px, calc(100% - 72px));
}
body.scv-home-redesign .scv-ref-service h2 {
margin-top: 48px;
font-size: 60px;
}
body.scv-home-redesign .scv-ref-service__phone {
margin-top: 18px;
font-size: 54px;
}
body.scv-home-redesign .scv-ref-service__images {
max-width: 1080px;
margin: 74px auto 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px 22px;
}
body.scv-home-redesign .scv-ref-service__image {
width: 100%;
max-width: 332px;
justify-self: center;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(10) {
grid-column: 1;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: 2;
}
body.scv-home-redesign .scv-ref-options {
padding: 12px 0 98px;
}
body.scv-home-redesign .scv-ref-options__inner {
width: min(980px, calc(100% - 72px));
grid-template-columns: repeat(2, minmax(280px, 360px));
justify-content: center;
gap: 42px;
}
body.scv-home-redesign .scv-ref-form {
min-height: 920px;
padding: 62px 0 96px;
}
body.scv-home-redesign .scv-ref-form__inner {
width: min(760px, calc(100% - 72px));
}
body.scv-home-redesign .scv-ref-form h2 {
margin: 52px 0 50px;
font-size: 52px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 26px 28px 30px;
box-shadow: 0 22px 44px rgba(0, 0, 0, 0.16);
}
body.scv-home-redesign .scv-footer {
padding: 28px 0 36px;
}
body.scv-home-redesign .scv-footer__grid {
display: flex;
justify-content: center;
}
body.scv-home-redesign .scv-footer__brand {
display: grid;
justify-items: center;
gap: 18px;
}
body.scv-home-redesign .scv-footer__landing-mark {
display: inline-flex;
align-items: center;
gap: 12px;
color: #ffffff;
}
body.scv-home-redesign .scv-footer__landing-icon {
display: block;
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
}
body.scv-home-redesign .scv-footer__landing-name,
body.scv-home-redesign .scv-footer__landing-badge {
font-size: 24px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-footer__landing-badge {
color: #ff2d1a;
}
body.scv-home-redesign .scv-footer__brand-link,
body.scv-home-redesign .scv-footer__logo {
display: none;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-ref-gnb,
body.scv-home-redesign .scv-ref-quick {
display: none;
}
body.scv-home-redesign .scv-ref-service__images {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(10),
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: auto;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-header__top-inner {
min-height: 60px;
padding: 0 12px;
}
body.scv-home-redesign .scv-brand--text {
gap: 8px;
}
body.scv-home-redesign .scv-brand__icon {
width: 28px;
height: 28px;
flex-basis: 28px;
}
body.scv-home-redesign .scv-brand__title {
min-height: 30px;
padding: 0 12px;
font-size: 11px;
}
body.scv-home-redesign .scv-drawer__brand--text {
display: inline-flex;
align-items: center;
gap: 8px;
}
body.scv-home-redesign .scv-drawer__icon {
width: 30px;
height: 30px;
flex-basis: 30px;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 592px;
}
body.scv-home-redesign .scv-ref-hero__inner {
min-height: 592px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
top: 104px;
width: 136vw;
height: 322px;
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
bottom: 34px;
}
body.scv-home-redesign .scv-ref-intro {
min-height: 0;
padding-bottom: 56px;
}
body.scv-home-redesign .scv-ref-intro__inner,
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-options__inner,
body.scv-home-redesign .scv-ref-form__inner {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-ref-badge {
width: 144px;
height: 144px;
margin-bottom: -20px;
border-width: 6px;
box-shadow:
0 0 0 10px rgba(21, 90, 186, 0.6),
0 0 0 18px rgba(255, 224, 0, 0.08);
}
body.scv-home-redesign .scv-ref-badge::before {
inset: 10px;
}
body.scv-home-redesign .scv-ref-intro__scene {
height: 360px;
box-shadow: 0 22px 38px rgba(0, 0, 0, 0.14);
}
body.scv-home-redesign .scv-ref-intro__copy {
margin-top: 26px;
font-size: 30px;
}
body.scv-home-redesign .scv-ref-proof {
padding: 0 0 40px;
}
body.scv-home-redesign .scv-ref-proof__inner {
padding: 28px 18px 26px;
box-shadow: none;
}
body.scv-home-redesign .scv-ref-proof__images,
body.scv-home-redesign .scv-ref-service__images,
body.scv-home-redesign .scv-ref-options__inner {
grid-template-columns: 1fr;
gap: 18px;
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-proof__note {
margin-top: 20px;
font-size: 17px;
}
body.scv-home-redesign .scv-ref-service {
padding: 34px 0 64px;
}
body.scv-home-redesign .scv-ref-service h2 {
margin-top: 36px;
font-size: 34px;
}
body.scv-home-redesign .scv-ref-service__phone {
margin-top: 12px;
font-size: 26px;
}
body.scv-home-redesign .scv-ref-service__images {
max-width: none;
margin-top: 40px;
}
body.scv-home-redesign .scv-ref-service__image {
max-width: none;
}
body.scv-home-redesign .scv-ref-options {
padding: 0 0 64px;
}
body.scv-home-redesign .scv-ref-form {
padding: 44px 0 70px;
}
body.scv-home-redesign .scv-ref-form h2 {
margin: 42px 0 30px;
font-size: 28px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 18px;
box-shadow: none;
}
body.scv-home-redesign .scv-footer__landing-mark {
gap: 8px;
}
body.scv-home-redesign .scv-footer__landing-icon {
width: 24px;
height: 24px;
}
body.scv-home-redesign .scv-footer__landing-name,
body.scv-home-redesign .scv-footer__landing-badge {
font-size: 16px;
}
body.scv-home-redesign .scv-footer__biz,
body.scv-home-redesign .scv-footer__biz a {
font-size: 12px;
line-height: 1.6;
}
} body.scv-home-redesign .scv-ref-proof {
min-height: 780px;
padding: 80px 0 130px;
background: #0746a5;
}
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-options__inner {
width: min(1040px, calc(100% - 60px));
margin: 0 auto;
}
body.scv-home-redesign .scv-ref-proof__images {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px;
margin-top: 84px;
}
body.scv-home-redesign .scv-ref-proof__image,
body.scv-home-redesign .scv-ref-service__image,
body.scv-home-redesign .scv-ref-options__poster {
margin: 0;
text-align: center;
}
body.scv-home-redesign .scv-ref-proof__image img,
body.scv-home-redesign .scv-ref-service__image img,
body.scv-home-redesign .scv-ref-options__poster img {
display: block;
width: 100%;
border-radius: 8px;
box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18);
}
body.scv-home-redesign .scv-ref-proof__image img {
aspect-ratio: 1.55 / 1;
object-fit: cover;
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
margin-top: 18px;
color: #ffffff;
font-size: 25px;
font-weight: 900;
line-height: 1.2;
}
body.scv-home-redesign .scv-ref-proof__note {
max-width: 850px;
margin: 72px auto 0;
color: #ffffff;
text-align: center;
font-size: 36px;
font-weight: 400;
line-height: 1.32;
}
body.scv-home-redesign .scv-ref-proof__note strong {
color: #ffe800;
font-weight: 900;
}
body.scv-home-redesign .scv-ref-service {
min-height: 0;
padding: 76px 0 160px;
}
body.scv-home-redesign .scv-ref-service__images {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px;
margin: 86px auto 0;
}
body.scv-home-redesign .scv-ref-service__image img {
height: auto;
background: #ffffff;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: 1 / -1;
max-width: 520px;
justify-self: center;
}
body.scv-home-redesign .scv-ref-options {
padding: 70px 0 150px;
background: #0746a5;
}
body.scv-home-redesign .scv-ref-options__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px;
margin-top: 82px;
}
body.scv-home-redesign .scv-ref-options__poster img {
background: #ffffff;
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-ref-proof {
min-height: 0;
padding: 50px 0 84px;
}
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-options__inner {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-ref-proof__images,
body.scv-home-redesign .scv-ref-service__images,
body.scv-home-redesign .scv-ref-options__inner {
grid-template-columns: 1fr;
gap: 22px;
margin-top: 46px;
}
body.scv-home-redesign .scv-ref-proof__image figcaption,
body.scv-home-redesign .scv-ref-options__poster figcaption {
margin-top: 12px;
font-size: 22px;
}
body.scv-home-redesign .scv-ref-proof__note {
margin-top: 42px;
font-size: 25px;
}
body.scv-home-redesign .scv-ref-service {
padding: 48px 0 88px;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: auto;
max-width: none;
}
body.scv-home-redesign .scv-ref-options {
padding: 48px 0 88px;
}
} body.scv-home-redesign .scv-home--landing-rework {
gap: 0;
}
body.scv-home-redesign .scv-home-landing {
position: relative;
overflow: hidden;
padding: 72px 0 24px;
min-height: calc(100vh - 108px);
background: linear-gradient(180deg, #103f3c 0%, #17212b 100%);
}
body.scv-home-redesign .scv-home-landing__media,
body.scv-home-redesign .scv-home-landing__shade {
position: absolute;
inset: 0;
}
body.scv-home-redesign .scv-home-landing__media {
background-position: center center;
background-size: cover;
opacity: 0.48;
transform: scale(1.02);
}
body.scv-home-redesign .scv-home-landing__shade {
background:
linear-gradient(90deg, rgba(12, 22, 28, 0.92) 0%, rgba(12, 22, 28, 0.76) 44%, rgba(12, 22, 28, 0.48) 68%, rgba(12, 22, 28, 0.26) 100%),
linear-gradient(180deg, rgba(12, 22, 28, 0.12) 0%, rgba(12, 22, 28, 0.58) 100%);
}
body.scv-home-redesign .scv-home-landing__inner,
body.scv-home-redesign .scv-home-landing .scv-container:last-child {
position: relative;
z-index: 1;
}
body.scv-home-redesign .scv-home-landing__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
gap: 24px;
align-items: end;
}
body.scv-home-redesign .scv-home-landing__copy {
max-width: 760px;
padding: 28px 0 18px;
}
body.scv-home-redesign .scv-home-landing__eyebrow,
body.scv-home-redesign .scv-home-blockhead__eyebrow {
display: inline-flex;
align-items: center;
margin: 0 0 16px;
padding: 7px 12px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.9);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-landing__title {
margin: 0;
max-width: 760px;
color: #ffffff;
font-size: clamp(46px, 6vw, 78px);
line-height: 0.98;
letter-spacing: -0.05em;
text-wrap: balance;
}
body.scv-home-redesign .scv-home-landing__lead {
margin: 22px 0 0;
max-width: 630px;
color: rgba(244, 248, 247, 0.84);
font-size: clamp(18px, 2vw, 22px);
line-height: 1.7;
}
body.scv-home-redesign .scv-home-landing__cta {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 30px;
}
body.scv-home-redesign .scv-home-landing__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 20px;
border-radius: 8px;
text-decoration: none;
font-size: 15px;
font-weight: 800;
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
background-color 0.18s ease;
}
body.scv-home-redesign .scv-home-landing__btn:hover {
transform: translateY(-1px);
}
body.scv-home-redesign .scv-home-landing__btn--call {
background: #f2a34a;
color: #10202d;
box-shadow: 0 16px 36px rgba(242, 163, 74, 0.28);
}
body.scv-home-redesign .scv-home-landing__btn--ghost {
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
}
body.scv-home-redesign .scv-home-landing__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 30px;
}
body.scv-home-redesign .scv-home-landing__stat {
padding: 16px 16px 14px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.06);
}
body.scv-home-redesign .scv-home-landing__stat strong {
display: block;
color: #ffffff;
font-size: clamp(28px, 3.4vw, 40px);
line-height: 1;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-landing__stat span {
display: block;
margin-top: 8px;
color: rgba(244, 248, 247, 0.72);
font-size: 13px;
line-height: 1.55;
}
body.scv-home-redesign .scv-home-landing__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-landing__chips li {
padding: 9px 12px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.92);
font-size: 13px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-landing__aside {
display: flex;
justify-content: flex-end;
align-self: start;
padding-top: 10px;
}
body.scv-home-redesign .scv-home-landing__aside-card {
width: 100%;
display: grid;
gap: 14px;
padding: 16px;
border-radius: 8px;
background: rgba(12, 22, 28, 0.78);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 18px 40px rgba(7, 14, 18, 0.24);
backdrop-filter: blur(8px);
}
body.scv-home-redesign .scv-home-landing__aside-card img {
display: block;
width: 100%;
aspect-ratio: 1.4 / 1;
object-fit: cover;
border-radius: 8px;
}
body.scv-home-redesign .scv-home-landing__aside-copy span {
display: inline-flex;
margin-bottom: 8px;
color: rgba(244, 248, 247, 0.62);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-landing__aside-copy strong {
display: block;
color: #ffffff;
font-size: 21px;
line-height: 1.28;
}
body.scv-home-redesign .scv-home-landing__aside-copy p {
margin: 8px 0 0;
color: rgba(244, 248, 247, 0.74);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-landing__trust {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 20px;
}
body.scv-home-redesign .scv-home-landing__trust-item {
padding: 14px 16px;
border-radius: 8px;
background: rgba(12, 22, 28, 0.64);
border: 1px solid rgba(255, 255, 255, 0.08);
color: #eef5f1;
font-size: 14px;
font-weight: 700;
text-align: center;
}
body.scv-home-redesign .scv-home-overview,
body.scv-home-redesign .scv-home-reviews {
padding: 68px 0;
background: #f2f5f3;
}
body.scv-home-redesign .scv-home-blockhead {
margin: 0 auto 28px;
max-width: 860px;
}
body.scv-home-redesign .scv-home-blockhead--center {
text-align: center;
}
body.scv-home-redesign .scv-home-blockhead--center h2,
body.scv-home-redesign .scv-home-blockhead--center p {
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-home-blockhead__eyebrow {
background: rgba(19, 79, 74, 0.08);
color: #134f4a;
}
body.scv-home-redesign .scv-home-blockhead h2 {
margin: 0;
max-width: 760px;
color: #15232b;
font-size: clamp(34px, 4.4vw, 54px);
line-height: 1.08;
letter-spacing: -0.045em;
text-wrap: balance;
}
body.scv-home-redesign .scv-home-blockhead p:last-child {
margin: 14px 0 0;
max-width: 720px;
color: #50606b;
font-size: 17px;
line-height: 1.76;
}
body.scv-home-redesign .scv-home-overview__layout {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 24px;
align-items: start;
}
body.scv-home-redesign .scv-home-overview__content {
padding: 28px;
border-radius: 8px;
background: linear-gradient(180deg, #134f4a 0%, #17212b 100%);
color: #ffffff;
}
body.scv-home-redesign .scv-home-overview__content h3 {
margin: 0;
font-size: clamp(28px, 3vw, 40px);
line-height: 1.14;
letter-spacing: -0.04em;
}
body.scv-home-redesign .scv-home-overview__list {
display: grid;
gap: 14px;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-overview__list li {
position: relative;
padding-left: 18px;
color: rgba(244, 248, 247, 0.82);
font-size: 16px;
line-height: 1.7;
}
body.scv-home-redesign .scv-home-overview__list li::before {
content: "";
position: absolute;
top: 11px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f2a34a;
}
body.scv-home-redesign .scv-home-overview__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
body.scv-home-redesign .scv-home-overview__chips span {
padding: 8px 12px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
font-size: 13px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-overview__gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.scv-home-redesign .scv-home-overview__tile {
overflow: hidden;
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(21, 35, 43, 0.08);
box-shadow: 0 14px 28px rgba(21, 35, 43, 0.08);
}
body.scv-home-redesign .scv-home-overview__tile--wide {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-overview__tile-image {
overflow: hidden;
}
body.scv-home-redesign .scv-home-overview__tile--wide .scv-home-overview__tile-image {
aspect-ratio: 1.8 / 1;
}
body.scv-home-redesign .scv-home-overview__tile:not(.scv-home-overview__tile--wide) .scv-home-overview__tile-image {
aspect-ratio: 1.15 / 1;
}
body.scv-home-redesign .scv-home-overview__tile-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-home-overview__tile-copy {
padding: 16px;
}
body.scv-home-redesign .scv-home-overview__tile-copy strong {
display: block;
color: #15232b;
font-size: 18px;
line-height: 1.35;
}
body.scv-home-redesign .scv-home-overview__tile-copy p {
margin: 8px 0 0;
color: #5a6b76;
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-flow {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 20px;
}
body.scv-home-redesign .scv-home-flow__step {
padding: 16px;
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(21, 35, 43, 0.08);
}
body.scv-home-redesign .scv-home-flow__no {
display: inline-flex;
margin-bottom: 10px;
color: #0f6b64;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
}
body.scv-home-redesign .scv-home-flow__step strong {
display: block;
color: #15232b;
font-size: 18px;
line-height: 1.3;
}
body.scv-home-redesign .scv-home-flow__step p {
margin: 8px 0 0;
color: #5a6b76;
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-reviews__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.scv-home-redesign .scv-home-reviews__item {
overflow: hidden;
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(21, 35, 43, 0.08);
box-shadow: 0 12px 26px rgba(21, 35, 43, 0.08);
}
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-column: span 2;
}
body.scv-home-redesign .scv-home-reviews__media {
display: block;
overflow: hidden;
background: #dbe5e2;
}
body.scv-home-redesign .scv-home-reviews__item--featured .scv-home-reviews__media {
aspect-ratio: 1.72 / 1;
}
body.scv-home-redesign .scv-home-reviews__item:not(.scv-home-reviews__item--featured) .scv-home-reviews__media {
aspect-ratio: 1.08 / 1;
}
body.scv-home-redesign .scv-home-reviews__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-home-reviews__body {
padding: 16px;
}
body.scv-home-redesign .scv-home-reviews__badge {
display: inline-flex;
margin-bottom: 10px;
padding: 6px 10px;
border-radius: 8px;
background: rgba(19, 79, 74, 0.08);
color: #134f4a;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-reviews__body h3 {
margin: 0;
color: #15232b;
font-size: 22px;
line-height: 1.32;
letter-spacing: -0.035em;
}
body.scv-home-redesign .scv-home-reviews__body p {
margin: 10px 0 0;
color: #5a6b76;
font-size: 14px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-reviews__meta {
margin-top: 12px;
color: #7b8994;
font-size: 12px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-convert {
padding: 68px 0 88px;
background: linear-gradient(180deg, #f2f5f3 0%, #e6eeeb 100%);
}
body.scv-home-redesign .scv-home-convert__shell {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
gap: 20px;
padding: 24px;
border-radius: 8px;
background: linear-gradient(135deg, #134f4a 0%, #17212b 100%);
box-shadow: 0 18px 36px rgba(21, 35, 43, 0.16);
}
body.scv-home-redesign .scv-home-convert__copy {
color: #ffffff;
}
body.scv-home-redesign .scv-home-convert__copy h2 {
margin: 0;
max-width: 520px;
font-size: clamp(34px, 4.2vw, 54px);
line-height: 1.08;
letter-spacing: -0.045em;
}
body.scv-home-redesign .scv-home-convert__copy > p {
margin: 16px 0 0;
max-width: 520px;
color: rgba(244, 248, 247, 0.8);
font-size: 17px;
line-height: 1.74;
}
body.scv-home-redesign .scv-home-convert__phone {
margin-top: 22px;
padding: 18px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-home-convert__phone span {
display: inline-flex;
color: rgba(244, 248, 247, 0.66);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-convert__phone a {
display: block;
margin-top: 8px;
color: #ffffff;
text-decoration: none;
font-size: clamp(34px, 4vw, 50px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.05em;
}
body.scv-home-redesign .scv-home-convert__phone p {
margin: 10px 0 0;
color: rgba(244, 248, 247, 0.76);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-convert__benefits {
display: grid;
gap: 12px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-convert__benefits li {
position: relative;
padding-left: 18px;
color: rgba(244, 248, 247, 0.86);
font-size: 15px;
line-height: 1.68;
}
body.scv-home-redesign .scv-home-convert__benefits li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f2a34a;
}
body.scv-home-redesign .scv-home-convert__form .scv-card--form {
border-radius: 8px;
box-shadow: none;
}
body.scv-home-redesign .scv-home-convert__form .scv-card__title {
color: #15232b;
}
body.scv-home-redesign .scv-home-convert__form .scv-card__kicker {
color: #5a6b76;
}
body.scv-home-redesign .scv-home-convert__form .scv-field input[type="text"] {
border-radius: 8px;
}
body.scv-home-redesign .scv-home-convert__form .scv-button {
min-height: 54px;
border-radius: 8px;
}
body.scv-home-redesign .scv-home-floatdock,
body.scv-home-redesign .scv-home-showcase,
body.scv-home-redesign .scv-home-signals,
body.scv-home-redesign .scv-home-review-wall,
body.scv-home-redesign .scv-home-contact {
display: none;
}
body.scv-home-redesign .scv-mobile-fab {
display: none;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-home-landing {
min-height: 0;
}
body.scv-home-redesign .scv-home-landing__inner,
body.scv-home-redesign .scv-home-overview__layout,
body.scv-home-redesign .scv-home-convert__shell {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-landing__aside {
justify-content: flex-start;
}
body.scv-home-redesign .scv-home-landing__aside-card {
max-width: 380px;
}
body.scv-home-redesign .scv-home-flow {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-column: span 2;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-home-landing {
padding: 36px 0 18px;
}
body.scv-home-redesign .scv-home-landing__shade {
background:
linear-gradient(180deg, rgba(12, 22, 28, 0.8) 0%, rgba(12, 22, 28, 0.54) 38%, rgba(12, 22, 28, 0.74) 100%);
}
body.scv-home-redesign .scv-home-landing__title {
font-size: clamp(40px, 11vw, 54px);
}
body.scv-home-redesign .scv-home-landing__lead {
font-size: 16px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-landing__stats,
body.scv-home-redesign .scv-home-landing__trust,
body.scv-home-redesign .scv-home-flow,
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-overview__gallery {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-overview__tile--wide,
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-column: span 1;
}
body.scv-home-redesign .scv-home-overview,
body.scv-home-redesign .scv-home-reviews,
body.scv-home-redesign .scv-home-convert {
padding: 48px 0;
}
body.scv-home-redesign .scv-home-overview__content,
body.scv-home-redesign .scv-home-convert__shell {
padding: 18px;
}
body.scv-home-redesign .scv-home-blockhead h2,
body.scv-home-redesign .scv-home-convert__copy h2 {
font-size: clamp(30px, 8.8vw, 40px);
}
body.scv-home-redesign .scv-home-blockhead p:last-child,
body.scv-home-redesign .scv-home-convert__copy > p {
font-size: 15px;
}
body.scv-home-redesign .scv-home-landing__aside-card {
max-width: none;
}
body.scv-home-redesign .scv-mobile-fab {
display: flex;
}
} body.scv-home-redesign .scv-home-landing {
padding: 56px 0 28px;
min-height: calc(100vh - 104px);
background: linear-gradient(180deg, #0d6961 0%, #113050 100%);
}
body.scv-home-redesign .scv-home-landing__media {
background-position: center center;
background-size: cover;
opacity: 0.3;
transform: scale(1.04);
}
body.scv-home-redesign .scv-home-landing__shade {
background:
linear-gradient(90deg, rgba(7, 16, 23, 0.94) 0%, rgba(7, 16, 23, 0.8) 42%, rgba(7, 16, 23, 0.44) 68%, rgba(7, 16, 23, 0.2) 100%),
linear-gradient(180deg, rgba(7, 16, 23, 0.08) 0%, rgba(7, 16, 23, 0.56) 100%);
}
body.scv-home-redesign .scv-home-landing__inner {
grid-template-columns: minmax(0, 1.12fr) minmax(280px, 380px);
gap: 32px;
align-items: center;
}
body.scv-home-redesign .scv-home-landing__copy {
max-width: 640px;
padding: 18px 0 12px;
}
body.scv-home-redesign .scv-home-landing__eyebrow {
margin: 0 0 18px;
padding: 8px 12px;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.92);
font-size: 11px;
letter-spacing: 0.12em;
}
body.scv-home-redesign .scv-home-landing__title {
max-width: 620px;
font-size: 64px;
line-height: 1.04;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-landing__lead {
margin-top: 20px;
max-width: 590px;
color: rgba(244, 248, 247, 0.82);
font-size: 20px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-landing__cta {
margin-top: 28px;
gap: 12px;
}
body.scv-home-redesign .scv-home-landing__btn {
min-height: 56px;
padding: 0 22px;
font-size: 15px;
}
body.scv-home-redesign .scv-home-landing__contact {
max-width: 420px;
margin-top: 24px;
padding: 18px 20px;
border-left: 3px solid #f2a34a;
border-radius: 8px;
background: rgba(7, 16, 23, 0.48);
}
body.scv-home-redesign .scv-home-landing__contact span {
display: inline-flex;
color: rgba(244, 248, 247, 0.66);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-landing__contact a {
display: block;
margin-top: 8px;
color: #ffffff;
text-decoration: none;
font-size: 44px;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-landing__contact p {
margin: 10px 0 0;
color: rgba(244, 248, 247, 0.76);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-landing__stats {
gap: 12px;
margin-top: 24px;
}
body.scv-home-redesign .scv-home-landing__stat {
padding: 14px 16px;
background: rgba(255, 255, 255, 0.06);
}
body.scv-home-redesign .scv-home-landing__stat strong {
font-size: 26px;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-landing__stat span {
margin-top: 6px;
font-size: 13px;
}
body.scv-home-redesign .scv-home-landing__figure {
margin: 0;
max-width: 380px;
align-self: end;
}
body.scv-home-redesign .scv-home-landing__figure-frame {
padding: 12px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 20px 44px rgba(7, 16, 23, 0.26);
}
body.scv-home-redesign .scv-home-landing__figure-frame img {
display: block;
width: 100%;
border-radius: 8px;
}
body.scv-home-redesign .scv-home-landing__figure-caption {
margin-top: 14px;
padding: 18px 20px;
border-left: 3px solid #f2a34a;
border-radius: 8px;
background: rgba(7, 16, 23, 0.76);
}
body.scv-home-redesign .scv-home-landing__figure-caption span {
display: inline-flex;
color: rgba(244, 248, 247, 0.66);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-landing__figure-caption strong {
display: block;
margin-top: 10px;
color: #ffffff;
font-size: 22px;
line-height: 1.36;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-landing__figure-caption p {
margin: 8px 0 0;
color: rgba(244, 248, 247, 0.74);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-landing__rail {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1px;
margin-top: 22px;
background: rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-home-landing__rail-item {
padding: 16px 18px;
background: rgba(7, 16, 23, 0.52);
color: #eef5f1;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
body.scv-home-redesign .scv-home-landing__rail-item strong {
font-weight: 700;
}
body.scv-home-redesign .scv-home-story {
padding: 76px 0;
background: linear-gradient(135deg, #0f6b64 0%, #11469b 100%);
}
body.scv-home-redesign .scv-home-story .scv-home-blockhead {
max-width: 900px;
}
body.scv-home-redesign .scv-home-story .scv-home-blockhead__eyebrow {
background: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.9);
}
body.scv-home-redesign .scv-home-story .scv-home-blockhead h2 {
max-width: 820px;
color: #ffffff;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-story .scv-home-blockhead p:last-child {
max-width: 760px;
color: rgba(244, 248, 247, 0.8);
}
body.scv-home-redesign .scv-home-story__layout {
display: grid;
grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
gap: 28px;
align-items: start;
}
body.scv-home-redesign .scv-home-story__poster {
margin: 0;
}
body.scv-home-redesign .scv-home-story__poster img {
display: block;
width: 100%;
border-radius: 8px;
box-shadow: 0 24px 46px rgba(7, 16, 23, 0.22);
}
body.scv-home-redesign .scv-home-story__content h3 {
margin: 0;
color: #ffffff;
font-size: 44px;
line-height: 1.12;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-story__list {
display: grid;
gap: 16px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-story__list li {
position: relative;
padding-left: 20px;
color: rgba(244, 248, 247, 0.84);
font-size: 16px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-story__list li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #f2a34a;
}
body.scv-home-redesign .scv-home-story__steps {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 28px;
}
body.scv-home-redesign .scv-home-story__step {
padding: 18px;
border-radius: 8px;
background: rgba(7, 16, 23, 0.2);
border: 1px solid rgba(255, 255, 255, 0.12);
}
body.scv-home-redesign .scv-home-story__step-no {
display: inline-flex;
margin-bottom: 10px;
color: rgba(244, 248, 247, 0.66);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
}
body.scv-home-redesign .scv-home-story__step strong {
display: block;
color: #ffffff;
font-size: 20px;
line-height: 1.34;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-story__step p {
margin: 8px 0 0;
color: rgba(244, 248, 247, 0.76);
font-size: 14px;
line-height: 1.65;
}
body.scv-home-redesign .scv-home-story__gallery {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
gap: 18px;
margin-top: 28px;
}
body.scv-home-redesign .scv-home-story__frame {
position: relative;
overflow: hidden;
margin: 0;
border-radius: 8px;
min-height: 260px;
background: #091827;
}
body.scv-home-redesign .scv-home-story__frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(7, 16, 23, 0) 34%, rgba(7, 16, 23, 0.76) 100%);
}
body.scv-home-redesign .scv-home-story__frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-home-story__frame figcaption {
position: absolute;
right: 18px;
bottom: 18px;
left: 18px;
z-index: 1;
}
body.scv-home-redesign .scv-home-story__frame span {
display: inline-flex;
color: rgba(244, 248, 247, 0.66);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-home-story__frame strong {
display: block;
margin-top: 8px;
color: #ffffff;
font-size: 24px;
line-height: 1.28;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-story__frame p {
margin: 8px 0 0;
color: rgba(244, 248, 247, 0.76);
font-size: 14px;
line-height: 1.62;
}
body.scv-home-redesign .scv-home-lineup {
padding: 76px 0;
background: linear-gradient(180deg, #eef4f1 0%, #ffffff 100%);
}
body.scv-home-redesign .scv-home-lineup__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
gap: 28px;
align-items: center;
}
body.scv-home-redesign .scv-home-lineup__copy h2 {
margin: 0;
max-width: 620px;
color: #15232b;
font-size: 52px;
line-height: 1.1;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-lineup__copy p {
margin: 18px 0 0;
max-width: 580px;
color: #50606b;
font-size: 17px;
line-height: 1.76;
}
body.scv-home-redesign .scv-home-lineup__points {
display: grid;
gap: 16px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-home-lineup__points li {
position: relative;
padding-left: 20px;
color: #334550;
font-size: 16px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-lineup__points li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #0f6b64;
}
body.scv-home-redesign .scv-home-lineup__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}
body.scv-home-redesign .scv-home-lineup__chips span {
padding: 9px 12px;
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(21, 35, 43, 0.1);
color: #15232b;
font-size: 13px;
font-weight: 700;
}
body.scv-home-redesign .scv-home-lineup__poster {
margin: 0;
}
body.scv-home-redesign .scv-home-lineup__poster img {
display: block;
width: 100%;
border-radius: 8px;
box-shadow: 0 20px 40px rgba(21, 35, 43, 0.12);
}
body.scv-home-redesign .scv-home-reviews {
padding: 76px 0;
background: #ffffff;
}
body.scv-home-redesign .scv-home-reviews .scv-home-blockhead {
margin-bottom: 32px;
}
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 18px;
}
body.scv-home-redesign .scv-home-reviews__item {
display: grid;
grid-column: span 2;
border-radius: 8px;
border: 1px solid rgba(21, 35, 43, 0.08);
box-shadow: none;
}
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-column: span 6;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
}
body.scv-home-redesign .scv-home-reviews__media {
aspect-ratio: 1.16 / 1;
}
body.scv-home-redesign .scv-home-reviews__item--featured .scv-home-reviews__media {
aspect-ratio: auto;
min-height: 360px;
}
body.scv-home-redesign .scv-home-reviews__body {
padding: 18px;
}
body.scv-home-redesign .scv-home-reviews__badge {
margin-bottom: 12px;
background: rgba(15, 107, 100, 0.08);
color: #0f6b64;
letter-spacing: 0.08em;
}
body.scv-home-redesign .scv-home-reviews__body h3 {
font-size: 28px;
line-height: 1.32;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-reviews__item:not(.scv-home-reviews__item--featured) .scv-home-reviews__body h3 {
font-size: 22px;
}
body.scv-home-redesign .scv-home-reviews__body p {
margin-top: 10px;
font-size: 14px;
line-height: 1.72;
}
body.scv-home-redesign .scv-home-reviews__item:not(.scv-home-reviews__item--featured) .scv-home-reviews__body p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
body.scv-home-redesign .scv-home-convert {
padding: 76px 0 88px;
background: linear-gradient(135deg, #0f6b64 0%, #113050 100%);
}
body.scv-home-redesign .scv-home-convert__shell {
grid-template-columns: minmax(0, 0.94fr) minmax(340px, 1.06fr);
gap: 24px;
padding: 0;
background: transparent;
box-shadow: none;
}
body.scv-home-redesign .scv-home-convert__copy h2 {
max-width: 560px;
font-size: 54px;
line-height: 1.08;
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-convert__copy > p {
max-width: 520px;
}
body.scv-home-redesign .scv-home-convert__phone {
max-width: 420px;
}
body.scv-home-redesign .scv-home-convert__phone a {
letter-spacing: 0;
}
body.scv-home-redesign .scv-home-convert__form .scv-card--form {
box-shadow: 0 20px 40px rgba(7, 16, 23, 0.18);
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-home-landing {
min-height: 0;
}
body.scv-home-redesign .scv-home-landing__inner,
body.scv-home-redesign .scv-home-story__layout,
body.scv-home-redesign .scv-home-lineup__layout,
body.scv-home-redesign .scv-home-convert__shell {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-landing__figure {
max-width: 420px;
}
body.scv-home-redesign .scv-home-story__gallery {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-template-columns: 1fr;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-home-landing {
padding: 34px 0 18px;
}
body.scv-home-redesign .scv-home-landing__title {
font-size: 42px;
}
body.scv-home-redesign .scv-home-landing__lead {
font-size: 16px;
}
body.scv-home-redesign .scv-home-landing__contact a {
font-size: 36px;
}
body.scv-home-redesign .scv-home-landing__stats,
body.scv-home-redesign .scv-home-landing__rail,
body.scv-home-redesign .scv-home-story__steps {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-story,
body.scv-home-redesign .scv-home-lineup,
body.scv-home-redesign .scv-home-reviews,
body.scv-home-redesign .scv-home-convert {
padding: 52px 0;
}
body.scv-home-redesign .scv-home-story__content h3,
body.scv-home-redesign .scv-home-lineup__copy h2,
body.scv-home-redesign .scv-home-convert__copy h2 {
font-size: 34px;
}
body.scv-home-redesign .scv-home-lineup__copy p,
body.scv-home-redesign .scv-home-convert__copy > p,
body.scv-home-redesign .scv-home-story .scv-home-blockhead p:last-child {
font-size: 15px;
}
body.scv-home-redesign .scv-home-reviews__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-home-reviews__item,
body.scv-home-redesign .scv-home-reviews__item--featured {
grid-column: span 1;
}
body.scv-home-redesign .scv-home-reviews__item--featured .scv-home-reviews__media {
min-height: 0;
aspect-ratio: 1.2 / 1;
}
body.scv-home-redesign .scv-home-convert__phone,
body.scv-home-redesign .scv-home-landing__contact {
max-width: none;
}
body.scv-home-redesign .scv-mobile-fab {
display: flex;
}
} body.scv-home-redesign {
background: #0746a5;
color: #ffffff;
}
body.scv-home-redesign .scv-header {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 500;
background: linear-gradient(180deg, rgba(25, 135, 232, 0.96), rgba(83, 181, 255, 0.9));
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
box-shadow: 0 14px 30px rgba(1, 8, 25, 0.16);
backdrop-filter: blur(14px);
}
body.scv-home-redesign.admin-bar .scv-header {
top: 32px;
}
body.scv-home-redesign .scv-header__top {
border: 0;
background: transparent;
}
body.scv-home-redesign .scv-header__top-inner {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 64px;
padding: 0 22px;
gap: 18px;
}
body.scv-home-redesign .scv-brand {
min-width: auto;
}
body.scv-home-redesign .scv-header__left,
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-brand--text {
display: inline-flex;
flex: 0 1 auto;
align-items: center;
justify-content: flex-start;
gap: 0;
width: auto;
max-width: calc(100% - 176px);
min-height: auto;
padding: 0;
border-radius: 0;
background: none;
border: 0;
box-shadow: none;
text-align: left;
transform: none;
overflow: hidden;
}
body.scv-home-redesign .scv-brand__icon {
width: 34px;
height: 34px;
}
body.scv-home-redesign .scv-drawer__brand--text {
gap: 12px;
}
body.scv-home-redesign .scv-drawer__logo {
display: block;
width: min(210px, 100%);
height: auto;
max-height: 42px;
object-fit: contain;
}
body.scv-home-redesign .scv-drawer__copy {
display: grid;
gap: 2px;
}
body.scv-home-redesign .scv-brand__title {
color: #ffffff;
display: block;
min-height: 0;
padding: 0;
border-radius: 0;
background: none;
font-size: 14px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.2;
white-space: nowrap;
text-shadow: none;
}
body.scv-home-redesign .scv-phone--desktop {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 18px;
border: 0;
border-radius: 6px;
background: #f9e000;
color: #06101d;
font-size: 13px;
font-weight: 900;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
white-space: nowrap;
}
body.scv-home-redesign .scv-header__right {
flex: 0 0 auto;
}
body.scv-home-redesign .scv-phone--mobile {
display: none;
}
body.scv-home-redesign .scv-main {
padding-top: 0;
background: #0746a5;
}
body.scv-home-redesign .scv-main > .scv-container {
width: 100%;
max-width: none;
padding: 0;
}
body.scv-home-redesign .scv-home--reference {
position: relative;
overflow: hidden;
gap: 0;
background: #0746a5;
font-family: "GmarketSansMedium", "Noto Sans KR", sans-serif;
}
body.scv-home-redesign .scv-ref-gnb {
display: none;
}
body.scv-home-redesign .scv-ref-gnb a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 132px;
min-height: 34px;
border: 1px solid rgba(26, 68, 164, 0.28);
border-radius: 999px;
background: linear-gradient(180deg, rgba(241, 243, 248, 0.98), rgba(212, 217, 228, 0.95));
color: #14316f;
text-decoration: none;
font-size: 13px;
font-weight: 800;
box-shadow: 0 8px 16px rgba(4, 18, 46, 0.08);
overflow: visible;
}
body.scv-home-redesign .scv-ref-gnb a::after {
content: "";
position: absolute;
inset: 1px -8px 1px 18px;
z-index: -1;
border-radius: 999px;
background: rgba(22, 45, 111, 0.26);
transform: skewX(-24deg);
transform-origin: center;
}
body.scv-home-redesign .scv-ref-gnb a:hover {
background: #ffffff;
}
body.scv-home-redesign .scv-ref-quick {
position: fixed;
top: 118px;
right: 26px;
z-index: 720;
overflow: hidden;
width: 84px;
border-radius: 30px;
background: linear-gradient(180deg, #1b8fe0, #135fcb);
text-align: center;
box-shadow: 0 18px 34px rgba(2, 18, 56, 0.22);
}
body.scv-home-redesign .scv-ref-quick a {
display: block;
color: #ffffff;
text-decoration: none;
}
body.scv-home-redesign .scv-ref-quick__head {
padding: 18px 7px 12px;
}
body.scv-home-redesign .scv-ref-quick__head span,
body.scv-home-redesign .scv-ref-quick__item span {
display: block;
font-size: 13px;
font-weight: 900;
line-height: 1.1;
}
body.scv-home-redesign .scv-ref-quick__head strong {
display: block;
margin-top: 4px;
font-size: 22px;
font-weight: 900;
line-height: 0.95;
}
body.scv-home-redesign .scv-ref-quick__item {
margin: 0 10px;
padding: 14px 0;
border-top: 1px solid rgba(255, 255, 255, 0.28);
}
body.scv-home-redesign .scv-ref-quick__item strong {
display: block;
margin-top: 5px;
color: #ffffff;
font-size: 16px;
font-weight: 900;
line-height: 1.08;
}
body.scv-home-redesign .scv-ref-quick__item--talk strong {
color: #ffe800;
}
body.scv-home-redesign .scv-ref-quick__top {
width: 36px;
height: 36px;
margin: 8px auto 10px;
border-radius: 50%;
background: #111827;
font-size: 11px;
font-weight: 900;
line-height: 36px;
}
body.scv-home-redesign .scv-ref-hero {
position: relative;
min-height: 1020px;
padding-top: 68px;
background:
radial-gradient(circle at 33% 30%, rgba(143, 214, 255, 0.34) 0, rgba(74, 145, 235, 0.22) 22%, rgba(7, 70, 165, 0) 50%),
linear-gradient(152deg, #040b14 0 31%, transparent 31.2%),
linear-gradient(25deg, transparent 0 72%, #1625b4 72.2% 84%, transparent 84.2%),
linear-gradient(180deg, #020912 0%, #072a64 52%, #174fa8 100%);
}
body.scv-home-redesign .scv-ref-hero::before {
content: "";
position: absolute;
top: 150px;
left: 130px;
width: min(620px, 44vw);
height: 520px;
background: linear-gradient(180deg, rgba(143, 214, 255, 0.22), rgba(10, 72, 160, 0));
clip-path: polygon(50% 0, 100% 100%, 0 100%);
opacity: 0.8;
pointer-events: none;
}
body.scv-home-redesign .scv-ref-hero__inner {
position: relative;
width: min(1240px, calc(100% - 120px));
height: 100%;
min-height: 940px;
margin: 0 auto;
}
body.scv-home-redesign .scv-ref-hero__tag {
display: none;
}
body.scv-home-redesign .scv-ref-hero__copy {
position: absolute;
top: 146px;
left: 40px;
z-index: 5;
width: min(470px, 38vw);
text-align: left;
}
body.scv-home-redesign .scv-ref-hero__eyebrow {
margin: 0;
color: rgba(255, 255, 255, 0.96);
font-size: 24px;
font-weight: 700;
line-height: 1.15;
text-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
body.scv-home-redesign .scv-ref-hero__headline {
display: grid;
justify-items: start;
gap: 2px;
margin: 10px 0 0;
line-height: 0.9;
}
body.scv-home-redesign .scv-ref-hero__headline-en,
body.scv-home-redesign .scv-ref-hero__headline-ko {
display: block;
font-style: italic;
font-weight: 900;
letter-spacing: 0;
}
body.scv-home-redesign .scv-ref-hero__headline-en {
color: var(--scv-sky);
font-size: clamp(88px, 7vw, 118px);
text-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
body.scv-home-redesign .scv-ref-hero__headline-ko {
color: #ffffff;
font-size: clamp(68px, 5.8vw, 98px);
text-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
body.scv-home-redesign .scv-ref-hero__lead {
max-width: 16ch;
margin: 20px 0 0;
color: rgba(255, 255, 255, 0.88);
font-size: 22px;
font-weight: 400;
line-height: 1.42;
letter-spacing: 0;
text-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}
body.scv-home-redesign .scv-ref-hero__vehicle {
position: absolute;
right: -24px;
bottom: 54px;
z-index: 1;
overflow: hidden;
width: min(960px, 68vw);
height: 690px;
margin: 0;
left: auto;
-webkit-mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
}
body.scv-home-redesign .scv-ref-hero__vehicle::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 176px;
background:
linear-gradient(180deg, rgba(7, 70, 165, 0) 0%, rgba(7, 70, 165, 0.82) 70%, #0746a5 100%);
pointer-events: none;
}
body.scv-home-redesign .scv-ref-hero__vehicle img {
display: block;
width: 100%;
height: 100%;
border-radius: 0;
object-fit: cover;
object-position: center 48%;
transform: scale(1.03);
filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.42));
}
body.scv-home-redesign .scv-ref-hero__phone {
position: relative;
left: auto;
z-index: 6;
display: inline-grid;
justify-items: start;
gap: 6px;
min-width: 0;
min-height: 82px;
margin-top: 28px;
padding: 20px 24px 18px;
border: 1px solid rgba(63, 148, 255, 0.92);
border-radius: 8px;
background: linear-gradient(180deg, rgba(10, 58, 145, 0.68), rgba(8, 49, 120, 0.46));
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(4px);
text-decoration: none;
}
body.scv-home-redesign .scv-ref-hero__phone::before {
display: none;
}
body.scv-home-redesign .scv-ref-hero__phone span {
color: rgba(255, 255, 255, 0.9);
font-size: 15px;
font-weight: 700;
line-height: 1;
}
body.scv-home-redesign .scv-ref-hero__phone strong {
margin-top: 0;
color: #ffffff;
font-size: 56px;
font-weight: 900;
line-height: 1;
letter-spacing: 0;
}
body.scv-home-redesign .scv-ref-arrow {
width: 28px;
height: 28px;
margin: 0 auto;
border-right: 4px solid rgba(255, 255, 255, 0.4);
border-bottom: 4px solid rgba(255, 255, 255, 0.4);
transform: rotate(45deg);
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
position: absolute;
bottom: 46px;
left: 50%;
right: auto;
transform: translateX(-50%) rotate(45deg);
}
body.scv-home-redesign .scv-ref-intro {
position: relative;
min-height: 0;
padding: 18px 0 94px;
background:
radial-gradient(circle at 50% 0%, rgba(91, 165, 255, 0.18), transparent 42%),
linear-gradient(180deg, #114ea8 0%, #0b469f 46%, #083f90 100%);
}
body.scv-home-redesign .scv-ref-intro__inner {
position: relative;
width: min(1140px, calc(100% - 60px));
margin: 0 auto;
padding-top: 20px;
transform: none;
}
body.scv-home-redesign .scv-ref-badge {
display: grid;
place-items: center;
width: 154px;
height: 154px;
margin: 0 auto -60px;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, #4d8de0 0, var(--scv-brand) 64%, var(--scv-accent) 100%);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow:
0 0 0 14px rgba(8, 35, 84, 0.18),
0 24px 48px rgba(2, 14, 44, 0.24);
position: relative;
z-index: 2;
}
body.scv-home-redesign .scv-ref-badge::before {
content: "";
position: absolute;
inset: 14px;
border: 1px dashed rgba(255, 211, 77, 0.55);
border-radius: 50%;
}
body.scv-home-redesign .scv-ref-badge span,
body.scv-home-redesign .scv-ref-badge strong {
display: block;
text-align: center;
font-weight: 900;
line-height: 1.06;
}
body.scv-home-redesign .scv-ref-badge span {
font-size: 25px;
}
body.scv-home-redesign .scv-ref-badge strong {
color: #ffe800;
font-size: 34px;
}
body.scv-home-redesign .scv-ref-intro__panel {
position: relative;
display: grid;
grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
gap: 36px;
align-items: center;
padding: 88px 40px 40px;
overflow: hidden;
border-radius: 8px;
background: linear-gradient(180deg, rgba(8, 32, 84, 0.96), rgba(8, 24, 61, 0.98));
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 32px 68px rgba(1, 8, 25, 0.22);
}
body.scv-home-redesign .scv-ref-intro__panel::before {
content: "";
position: absolute;
inset: auto -120px -180px auto;
width: 520px;
height: 520px;
border-radius: 50%;
background:
radial-gradient(circle, rgba(143, 214, 255, 0.28) 0%, rgba(143, 214, 255, 0.08) 42%, transparent 72%);
pointer-events: none;
}
body.scv-home-redesign .scv-ref-intro__copy {
position: relative;
right: auto;
bottom: auto;
z-index: 1;
display: grid;
gap: 14px;
align-content: start;
max-width: none;
margin: 0;
text-shadow: none;
}
body.scv-home-redesign .scv-ref-section-label {
display: inline-flex;
align-items: center;
gap: 12px;
z-index: 2;
color: var(--scv-sky);
font-size: 12px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.scv-home-redesign .scv-ref-section-label::after {
content: "";
width: 46px;
height: 1px;
background: rgba(143, 214, 255, 0.45);
}
body.scv-home-redesign .scv-ref-intro__title {
margin: 0;
color: #ffffff;
max-width: 8ch;
font-size: 48px;
font-weight: 900;
line-height: 1.02;
word-break: keep-all;
text-wrap: balance;
}
body.scv-home-redesign .scv-ref-intro__lead {
max-width: 28ch;
margin: 0;
color: rgba(255, 255, 255, 0.78);
font-size: 17px;
font-weight: 500;
line-height: 1.6;
}
body.scv-home-redesign .scv-ref-intro__points {
margin: 8px 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 10px;
}
body.scv-home-redesign .scv-ref-intro__points li {
position: relative;
padding-left: 18px;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
body.scv-home-redesign .scv-ref-intro__points li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--scv-gold);
}
body.scv-home-redesign .scv-ref-intro__visuals {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(180px, 0.8fr);
gap: 16px;
align-items: end;
}
body.scv-home-redesign .scv-ref-intro__visual {
position: relative;
margin: 0;
overflow: hidden;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
box-shadow: 0 18px 36px rgba(1, 8, 25, 0.18);
}
body.scv-home-redesign .scv-ref-intro__visual::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 52%;
background: linear-gradient(180deg, rgba(3, 12, 33, 0), rgba(3, 12, 33, 0.9));
}
body.scv-home-redesign .scv-ref-intro__visual--main {
aspect-ratio: 1.14;
}
body.scv-home-redesign .scv-ref-intro__visual--sub {
aspect-ratio: 0.82;
transform: translateY(34px);
}
body.scv-home-redesign .scv-ref-intro__visual img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-ref-intro__visual figcaption {
position: absolute;
inset: auto 16px 14px;
z-index: 1;
margin: 0;
color: #ffffff;
font-size: 14px;
font-weight: 900;
line-height: 1.2;
}
body.scv-home-redesign .scv-ref-proof__copy,
body.scv-home-redesign .scv-ref-service__copy,
body.scv-home-redesign .scv-ref-options__copy,
body.scv-home-redesign .scv-ref-form__copy {
display: grid;
justify-items: start;
gap: 10px;
margin: 0;
text-align: left;
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__title,
body.scv-home-redesign .scv-ref-service__copy .scv-card__title,
body.scv-home-redesign .scv-ref-options__copy .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy .scv-card__title {
margin: 0;
color: #ffffff;
font-size: 42px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-service__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-options__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-form__copy .scv-card__kicker {
max-width: 32ch;
margin: 0;
color: rgba(255, 255, 255, 0.82);
font-size: 15px;
font-weight: 500;
line-height: 1.55;
}
body.scv-home-redesign .scv-ref-proof > .scv-ref-arrow,
body.scv-home-redesign .scv-ref-service > .scv-ref-arrow,
body.scv-home-redesign .scv-ref-options > .scv-ref-arrow,
body.scv-home-redesign .scv-ref-form > .scv-ref-arrow {
display: none;
}
body.scv-home-redesign .scv-ref-proof {
padding: 0 0 92px;
background: linear-gradient(180deg, #083f90 0%, #094395 100%);
}
body.scv-home-redesign .scv-ref-proof__inner {
display: grid;
gap: 22px;
width: min(1140px, calc(100% - 60px));
margin: 0 auto;
padding: 38px 40px 40px;
border-radius: var(--scv-radius-sm);
border: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(180deg, rgba(9, 40, 104, 0.96), rgba(7, 25, 72, 0.96));
box-shadow: 0 28px 56px rgba(1, 8, 25, 0.2);
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__kicker {
max-width: 29ch;
}
body.scv-home-redesign .scv-ref-proof__stage {
display: grid;
grid-template-columns: minmax(0, 1.34fr) minmax(240px, 0.74fr);
gap: 18px;
align-items: stretch;
}
body.scv-home-redesign .scv-ref-proof__visual {
position: relative;
margin: 0;
overflow: hidden;
border-radius: var(--scv-radius-sm);
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 18px 40px rgba(1, 8, 25, 0.14);
}
body.scv-home-redesign .scv-ref-proof__visual::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 54%;
background: linear-gradient(180deg, rgba(4, 15, 37, 0), rgba(4, 15, 37, 0.92));
pointer-events: none;
}
body.scv-home-redesign .scv-ref-proof__visual img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption {
position: absolute;
inset: auto 18px 18px;
z-index: 1;
display: grid;
gap: 6px;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption strong {
display: block;
color: #ffffff;
font-size: 24px;
font-weight: 900;
line-height: 1.08;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption span {
color: rgba(255, 255, 255, 0.78);
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
body.scv-home-redesign .scv-ref-proof__visual--hero {
grid-row: span 2;
aspect-ratio: 1.38;
}
body.scv-home-redesign .scv-ref-proof__visual--side,
body.scv-home-redesign .scv-ref-proof__visual--support {
aspect-ratio: 1.05;
}
body.scv-home-redesign .scv-ref-proof__visual--support img {
object-position: center top;
}
body.scv-home-redesign .scv-ref-proof__note {
margin: 0;
padding: 14px 18px;
border-left: 3px solid var(--scv-gold);
border-radius: var(--scv-radius-sm);
background: rgba(255, 255, 255, 0.05);
color: #ffffff;
text-align: left;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
body.scv-home-redesign .scv-ref-proof__note strong {
color: var(--scv-gold);
}
body.scv-home-redesign .scv-ref-service {
position: relative;
min-height: 0;
padding: 0 0 104px;
background: linear-gradient(180deg, #094395 0%, #0b449c 100%);
}
body.scv-home-redesign .scv-ref-service::before {
content: "";
position: absolute;
top: 110px;
left: 50%;
width: min(920px, 76vw);
height: 520px;
transform: translateX(-50%);
background: radial-gradient(circle, rgba(143, 214, 255, 0.16), transparent 68%);
pointer-events: none;
}
body.scv-home-redesign .scv-ref-service__inner {
display: grid;
gap: 32px;
width: min(1140px, calc(100% - 60px));
margin: 0 auto;
position: relative;
z-index: 1;
text-align: left;
}
body.scv-home-redesign .scv-ref-service__heading {
display: grid;
grid-template-columns: minmax(280px, 1fr) auto;
gap: 24px;
align-items: end;
}
body.scv-home-redesign .scv-ref-service__cta {
display: grid;
justify-items: end;
gap: 10px;
text-align: right;
}
body.scv-home-redesign .scv-ref-service__cta p {
max-width: 28ch;
margin: 0;
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
body.scv-home-redesign .scv-ref-service__phone {
display: inline-block;
color: var(--scv-gold);
text-decoration: none;
font-size: 46px;
font-weight: 900;
line-height: 0.95;
}
body.scv-home-redesign .scv-ref-service__images {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin: 0 auto;
align-items: start;
}
body.scv-home-redesign .scv-ref-service__image {
position: relative;
margin: 0;
padding: 12px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: var(--scv-radius-sm);
overflow: hidden;
background: linear-gradient(180deg, #ffffff, #eef3fb);
box-shadow: 0 18px 36px rgba(1, 8, 25, 0.12);
}
body.scv-home-redesign .scv-ref-service__image img {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
background: #ffffff;
box-shadow: none;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: auto;
}
body.scv-home-redesign .scv-ref-service__grid,
body.scv-home-redesign .scv-ref-gallery {
display: none;
}
body.scv-home-redesign .scv-ref-options {
padding: 0 0 104px;
background: linear-gradient(180deg, #0b449c 0%, #0a418f 100%);
}
body.scv-home-redesign .scv-ref-options__inner {
width: min(1140px, calc(100% - 60px));
margin: 0 auto;
display: grid;
grid-template-columns: minmax(260px, 320px) 1fr;
gap: 28px;
padding: 38px;
border-radius: var(--scv-radius-sm);
border: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(180deg, rgba(8, 28, 73, 0.96), rgba(7, 22, 60, 0.98));
box-shadow: 0 28px 56px rgba(1, 8, 25, 0.2);
}
body.scv-home-redesign .scv-ref-options__posters {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
body.scv-home-redesign .scv-ref-options__poster {
margin: 0;
display: grid;
align-content: start;
gap: 16px;
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--scv-radius-sm);
background: rgba(255, 255, 255, 0.04);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
body.scv-home-redesign .scv-ref-options__poster figcaption {
display: grid;
gap: 8px;
}
body.scv-home-redesign .scv-ref-options__poster figcaption strong {
color: #ffffff;
font-size: 24px;
font-weight: 900;
line-height: 1.08;
}
body.scv-home-redesign .scv-ref-options__poster figcaption p {
margin: 0;
color: rgba(255, 255, 255, 0.76);
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
body.scv-home-redesign .scv-ref-options__poster img {
display: block;
width: 100%;
border-radius: 6px;
background: #ffffff;
}
body.scv-home-redesign .scv-ref-form {
min-height: 0;
position: relative;
padding: 72px 0 88px;
background:
linear-gradient(rgba(10, 47, 115, 0.8), rgba(7, 26, 73, 0.84)),
url(//xn--6h3bt1jvne1uig7a.kr/asset/main_1_2_2.jpg) center/cover no-repeat;
}
body.scv-home-redesign .scv-ref-form::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(3, 23, 45, 0.34) 0%, rgba(3, 23, 45, 0.12) 45%, rgba(3, 23, 45, 0.4) 100%);
pointer-events: none;
}
body.scv-home-redesign .scv-ref-form__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(280px, 330px) 1fr;
gap: 32px;
width: min(1100px, calc(100% - 60px));
margin: 0 auto;
text-align: left;
}
body.scv-home-redesign .scv-ref-form__trust {
margin: 8px 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 12px;
}
body.scv-home-redesign .scv-ref-form__trust li {
position: relative;
padding-left: 18px;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
body.scv-home-redesign .scv-ref-form__trust li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--scv-teal);
}
body.scv-home-redesign .scv-ref-form__direct {
display: inline-grid;
gap: 6px;
align-self: start;
margin-top: 10px;
padding: 18px 22px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: var(--scv-radius-sm);
background: rgba(6, 22, 49, 0.24);
color: #ffffff;
text-decoration: none;
backdrop-filter: blur(8px);
}
body.scv-home-redesign .scv-ref-form__direct span {
font-size: 12px;
font-weight: 900;
letter-spacing: 0.08em;
}
body.scv-home-redesign .scv-ref-form__direct strong {
font-size: 36px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-ref-form__card {
max-width: none;
margin: 0;
padding: 30px 32px;
border-radius: var(--scv-radius-sm);
border: 1px solid rgba(19, 59, 120, 0.12);
background: #ffffff;
color: #111827;
text-align: left;
box-shadow: var(--scv-shadow), 0 20px 44px rgba(1, 8, 25, 0.12);
}
body.scv-home-redesign .scv-ref-form__card .scv-card__title,
body.scv-home-redesign .scv-ref-form__card .scv-card__kicker {
display: none;
}
body.scv-home-redesign .scv-ref-form__card .scv-form {
display: grid;
gap: 14px;
}
body.scv-home-redesign .scv-ref-form__card .scv-field label {
display: block;
margin-bottom: 6px;
color: #111827;
font-size: 14px;
font-weight: 900;
}
body.scv-home-redesign .scv-ref-form__card .scv-field input[type="text"] {
width: 100%;
height: 46px;
border: 1px solid #c3d1e6;
border-radius: var(--scv-radius-sm);
background: #f7f9fd;
font-size: 16px;
}
body.scv-home-redesign .scv-ref-form__card .scv-button {
width: 100%;
min-height: 58px;
margin-top: 16px;
border: 0;
border-radius: var(--scv-radius-sm);
background: linear-gradient(180deg, var(--scv-brand), var(--scv-accent));
color: #ffffff;
font-size: 22px;
font-weight: 900;
}
body.scv-home-redesign .scv-mobile-fab {
display: none;
}
body.scv-home-redesign .scv-footer {
background: #1d1d1d;
color: #ffffff;
text-align: center;
padding: 22px 0 24px;
}
body.scv-home-redesign .scv-footer__grid {
display: block;
}
body.scv-home-redesign .scv-footer__brand {
display: block;
}
body.scv-home-redesign .scv-footer__biz,
body.scv-home-redesign .scv-footer__biz a {
color: rgba(255, 255, 255, 0.86);
font-size: 13px;
line-height: 1.7;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-ref-gnb,
body.scv-home-redesign .scv-ref-quick {
display: none;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
right: -24px;
bottom: 52px;
width: min(820px, 62vw);
height: 600px;
}
body.scv-home-redesign .scv-ref-hero__inner {
width: min(1100px, calc(100% - 40px));
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-header {
position: sticky;
}
body.scv-home-redesign .scv-header__top-inner {
min-height: 54px;
padding: 0 12px;
gap: 8px;
}
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-nav-toggle {
display: inline-flex;
width: 34px;
height: 34px;
border: 1px solid rgba(255, 255, 255, 0.26);
background: rgba(0, 0, 0, 0.22);
}
body.scv-home-redesign .scv-nav-toggle__lines span {
background: #ffffff;
}
body.scv-home-redesign .scv-brand--text {
flex: 1 1 auto;
min-width: 0;
justify-content: center;
padding: 0;
gap: 0;
max-width: none;
}
body.scv-home-redesign .scv-brand__title {
font-size: 10px;
line-height: 1.2;
white-space: normal;
text-align: center;
text-wrap: balance;
max-width: 190px;
margin: 0 auto;
}
body.scv-home-redesign .scv-phone--desktop {
display: none;
}
body.scv-home-redesign .scv-phone--mobile {
display: inline-flex;
width: 34px;
height: 34px;
border: 1px solid rgba(255, 255, 255, 0.26);
background: rgba(0, 0, 0, 0.22);
color: #ffffff;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 548px;
padding-top: 0;
}
body.scv-home-redesign .scv-ref-hero::before {
top: 70px;
width: 116vw;
height: 360px;
opacity: 0.62;
left: 50%;
transform: translateX(-50%);
}
body.scv-home-redesign .scv-ref-hero__inner {
width: calc(100% - 24px);
min-height: 548px;
}
body.scv-home-redesign .scv-ref-hero__copy {
top: 64px;
left: 50%;
width: calc(100% - 32px);
text-align: center;
transform: translateX(-50%);
}
body.scv-home-redesign .scv-ref-hero__eyebrow {
font-size: 16px;
}
body.scv-home-redesign .scv-ref-hero__headline {
margin-top: 8px;
gap: 0;
justify-items: center;
}
body.scv-home-redesign .scv-ref-hero__headline-en {
font-size: clamp(50px, 17vw, 68px);
}
body.scv-home-redesign .scv-ref-hero__headline-ko {
font-size: clamp(38px, 13vw, 52px);
}
body.scv-home-redesign .scv-ref-hero__lead {
max-width: 16ch;
margin: 10px auto 0;
font-size: 12px;
line-height: 1.32;
}
body.scv-home-redesign .scv-ref-hero__phone {
width: min(360px, 100%);
min-height: 70px;
margin-top: 18px;
margin-right: auto;
margin-left: auto;
padding: 13px 16px 13px;
gap: 4px;
border-radius: 8px;
justify-items: center;
}
body.scv-home-redesign .scv-ref-hero__phone span {
font-size: 11px;
}
body.scv-home-redesign .scv-ref-hero__phone strong {
font-size: 34px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
right: auto;
bottom: 20px;
left: 50%;
width: 122vw;
height: 246px;
-webkit-mask-image: none;
mask-image: none;
transform: translateX(-50%);
}
body.scv-home-redesign .scv-ref-hero__vehicle::after {
height: 92px;
}
body.scv-home-redesign .scv-ref-hero__vehicle img {
opacity: 1;
object-position: center 50%;
transform: scale(1.03);
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
bottom: 10px;
left: 50%;
right: auto;
transform: translateX(-50%) rotate(45deg);
}
body.scv-home-redesign .scv-ref-intro {
min-height: 0;
padding-bottom: 56px;
}
body.scv-home-redesign .scv-ref-intro__inner,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-gallery__inner,
body.scv-home-redesign .scv-ref-form__inner {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-ref-badge {
width: 118px;
height: 118px;
margin-bottom: -44px;
}
body.scv-home-redesign .scv-ref-badge span {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-badge strong {
font-size: 22px;
}
body.scv-home-redesign .scv-ref-intro__panel {
grid-template-columns: 1fr;
gap: 18px;
padding: 58px 18px 18px;
}
body.scv-home-redesign .scv-ref-section-label {
justify-content: center;
}
body.scv-home-redesign .scv-ref-section-label::after {
width: 38px;
}
body.scv-home-redesign .scv-ref-intro__copy {
gap: 12px;
text-align: center;
justify-items: center;
}
body.scv-home-redesign .scv-ref-intro__title {
max-width: 9ch;
font-size: 34px;
}
body.scv-home-redesign .scv-ref-intro__lead {
max-width: 24ch;
font-size: 15px;
}
body.scv-home-redesign .scv-ref-intro__points {
width: min(320px, 100%);
margin-top: 4px;
text-align: left;
}
body.scv-home-redesign .scv-ref-intro__visuals {
grid-template-columns: 1fr;
gap: 12px;
}
body.scv-home-redesign .scv-ref-intro__visual--main {
aspect-ratio: 1.18;
}
body.scv-home-redesign .scv-ref-intro__visual--sub {
width: min(72%, 280px);
justify-self: end;
margin-top: -46px;
transform: none;
}
body.scv-home-redesign .scv-ref-proof__copy,
body.scv-home-redesign .scv-ref-service__copy,
body.scv-home-redesign .scv-ref-options__copy,
body.scv-home-redesign .scv-ref-form__copy {
gap: 10px;
margin-bottom: 0;
justify-items: center;
text-align: center;
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__title,
body.scv-home-redesign .scv-ref-service__copy .scv-card__title,
body.scv-home-redesign .scv-ref-options__copy .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy .scv-card__title {
font-size: 30px;
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-service__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-options__copy .scv-card__kicker,
body.scv-home-redesign .scv-ref-form__copy .scv-card__kicker {
font-size: 14px;
}
body.scv-home-redesign .scv-ref-proof {
padding: 0 0 56px;
}
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-options__inner {
width: calc(100% - 24px);
padding: 20px;
}
body.scv-home-redesign .scv-ref-proof__inner,
body.scv-home-redesign .scv-ref-form__inner {
grid-template-columns: 1fr;
gap: 22px;
}
body.scv-home-redesign .scv-ref-proof__stage,
body.scv-home-redesign .scv-ref-service__heading,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-options__inner {
grid-template-columns: 1fr;
gap: 18px;
}
body.scv-home-redesign .scv-ref-options__posters {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-ref-proof__visual--hero {
grid-row: auto;
aspect-ratio: 1.14;
}
body.scv-home-redesign .scv-ref-proof__visual--side,
body.scv-home-redesign .scv-ref-proof__visual--support {
aspect-ratio: 1.18;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption strong {
font-size: 20px;
}
body.scv-home-redesign .scv-ref-proof__note {
padding: 13px 15px;
text-align: left;
font-size: 16px;
}
body.scv-home-redesign .scv-ref-service {
min-height: 0;
padding: 0 0 64px;
}
body.scv-home-redesign .scv-ref-service__cta {
justify-items: center;
text-align: center;
}
body.scv-home-redesign .scv-ref-service__phone {
font-size: 34px;
}
body.scv-home-redesign .scv-ref-service__images {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 6px;
}
body.scv-home-redesign .scv-ref-service__image {
padding: 8px;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(n) {
grid-column: auto;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: span 2;
}
body.scv-home-redesign .scv-ref-options {
padding: 0 0 64px;
}
body.scv-home-redesign .scv-ref-form {
min-height: 0;
padding: 48px 0 56px;
}
body.scv-home-redesign .scv-ref-form__copy {
gap: 12px;
}
body.scv-home-redesign .scv-ref-form__trust {
width: min(340px, 100%);
justify-self: center;
text-align: left;
}
body.scv-home-redesign .scv-ref-form__direct {
justify-self: center;
padding: 16px 18px;
}
body.scv-home-redesign .scv-ref-form__direct strong {
font-size: 30px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 20px 18px 18px;
}
body.scv-home-redesign .scv-ref-form__card .scv-button {
min-height: 56px;
font-size: 20px;
}
body.scv-home-redesign .scv-mobile-fab {
display: flex;
}
}
@media (min-width: 481px) and (max-width: 860px) {
body.scv-home-redesign .scv-header__top-inner {
min-height: 56px;
}
body.scv-home-redesign .scv-brand__logo {
display: none;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 604px;
}
body.scv-home-redesign .scv-ref-hero__inner {
min-height: 604px;
}
body.scv-home-redesign .scv-ref-hero__copy {
top: 70px;
width: calc(100% - 40px);
}
body.scv-home-redesign .scv-ref-hero__phone {
width: min(520px, 100%);
}
body.scv-home-redesign .scv-ref-hero__vehicle {
bottom: 24px;
width: 110vw;
height: 292px;
}
}
@media (max-width: 560px) {
body.scv-home-redesign .scv-ref-intro__title {
font-size: 30px;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption {
inset: auto 14px 14px;
}
body.scv-home-redesign .scv-ref-proof__visual figcaption strong {
font-size: 18px;
}
body.scv-home-redesign .scv-ref-proof__copy .scv-card__title,
body.scv-home-redesign .scv-ref-service__copy .scv-card__title,
body.scv-home-redesign .scv-ref-options__copy .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy .scv-card__title {
font-size: 28px;
}
body.scv-home-redesign .scv-ref-service__images {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-ref-service__image:nth-child(11) {
grid-column: auto;
}
} body.scv-home-redesign {
background: #08265d;
color: #ffffff;
}
body.scv-home-redesign .scv-header,
body.scv-home-redesign .scv-footer {
display: block;
}
body.scv-home-redesign .scv-main {
padding: 0 !important;
min-height: 0;
background: #08265d;
}
body.scv-home-redesign .scv-main > .scv-container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
body.scv-home-redesign .scv-home--reference {
background:
linear-gradient(180deg, #06152f 0%, #08265d 26%, #0b3175 70%, #0a2d68 100%);
color: #ffffff;
font-family: "GmarketSansMedium", "Noto Sans KR", sans-serif;
}
body.scv-home-redesign .scv-header {
position: sticky;
top: 0;
z-index: 900;
background: rgba(5, 12, 26, 0.96);
border: 0;
border-bottom: 1px solid rgba(88, 138, 221, 0.26);
box-shadow: 0 12px 32px rgba(1, 8, 24, 0.34);
backdrop-filter: blur(10px);
}
body.scv-home-redesign.admin-bar .scv-header {
top: 32px;
}
body.scv-home-redesign .scv-header__top,
body.scv-home-redesign .scv-header__nav {
border: 0;
background: transparent;
}
body.scv-home-redesign .scv-header__top {
position: relative;
}
body.scv-home-redesign .scv-header__top-inner {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
min-height: 72px;
max-width: 1240px;
padding: 0 22px;
gap: 18px;
}
body.scv-home-redesign .scv-header__left {
display: none;
}
body.scv-home-redesign .scv-header__nav {
position: absolute;
inset: 0;
display: block;
pointer-events: none;
}
body.scv-home-redesign .scv-header__nav-inner {
display: flex;
align-items: center;
justify-content: center;
max-width: 1240px;
height: 72px;
padding: 0 22px;
}
body.scv-home-redesign .scv-nav {
pointer-events: auto;
}
body.scv-home-redesign .scv-menu--landing {
display: flex;
align-items: center;
gap: 36px;
margin: 0;
padding: 0;
list-style: none;
}
body.scv-home-redesign .scv-menu--landing a {
color: rgba(255, 255, 255, 0.86);
text-decoration: none;
font-size: 16px;
font-weight: 700;
line-height: 1;
transition: color 0.18s ease;
}
body.scv-home-redesign .scv-menu--landing a:hover {
color: #7fd5ff;
}
body.scv-home-redesign .scv-brand {
min-width: 0;
}
body.scv-home-redesign .scv-brand--text {
display: inline-flex;
align-items: center;
gap: 10px;
max-width: none;
min-height: 0;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: #ffffff;
text-decoration: none;
}
body.scv-home-redesign .scv-brand__mark {
width: 34px;
height: 34px;
flex: none;
border-radius: 50%;
}
body.scv-home-redesign .scv-brand__title {
display: block;
padding: 0;
min-height: 0;
background: none;
border-radius: 0;
color: #ffffff;
font-size: 30px;
font-weight: 900;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
text-shadow: none;
}
body.scv-home-redesign .scv-header__right {
position: relative;
z-index: 2;
}
body.scv-home-redesign .scv-phone--desktop {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 18px;
border: 1px solid rgba(71, 138, 255, 0.38);
border-radius: 10px;
background: linear-gradient(180deg, #103b7d 0%, #0d3064 100%);
color: #ffffff;
font-size: 17px;
font-weight: 900;
white-space: nowrap;
}
body.scv-home-redesign .scv-phone--mobile {
display: none;
}
body.scv-home-redesign .scv-drawer__brand--text {
display: inline-flex;
align-items: center;
gap: 12px;
}
body.scv-home-redesign .scv-drawer__copy {
display: grid;
gap: 2px;
}
body.scv-home-redesign .scv-drawer__eyebrow {
color: #7fd5ff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
}
body.scv-home-redesign .scv-drawer__title {
color: #ffffff;
font-size: 20px;
font-weight: 900;
line-height: 1.1;
}
body.scv-home-redesign .scv-ref-quick {
position: fixed;
top: 132px;
right: 26px;
z-index: 760;
display: grid;
gap: 10px;
width: 84px;
background: none;
box-shadow: none;
}
body.scv-home-redesign .scv-ref-quick a {
display: grid;
justify-items: center;
gap: 6px;
padding: 14px 8px 13px;
border-radius: 14px;
color: #ffffff;
text-decoration: none;
box-shadow: 0 16px 28px rgba(2, 18, 56, 0.22);
}
body.scv-home-redesign .scv-ref-quick__item {
margin: 0;
}
body.scv-home-redesign .scv-ref-quick__item--call {
background: linear-gradient(180deg, #17b8b0 0%, #0c9e99 100%);
}
body.scv-home-redesign .scv-ref-quick__item--online {
background: linear-gradient(180deg, #2963ff 0%, #1849cf 100%);
}
body.scv-home-redesign .scv-ref-quick__item--talk {
background: linear-gradient(180deg, #ffe04f 0%, #f2c200 100%);
color: #111827;
}
body.scv-home-redesign .scv-ref-quick__item span {
font-size: 12px;
font-weight: 900;
line-height: 1.12;
}
body.scv-home-redesign .scv-ref-quick__item strong {
margin-top: 0;
font-size: 22px;
font-weight: 900;
line-height: 0.95;
}
body.scv-home-redesign .scv-ref-quick__item--talk strong {
color: #111827;
}
body.scv-home-redesign .scv-ref-quick__top {
width: 52px;
height: 52px;
margin: 0 auto;
padding: 0;
border-radius: 999px;
background: #0b1018;
font-size: 15px;
font-weight: 900;
line-height: 52px;
}
body.scv-home-redesign .scv-ref-hero {
position: relative;
min-height: 1020px;
padding-top: 68px;
background:
radial-gradient(circle at 33% 30%, rgba(143, 214, 255, 0.34) 0, rgba(74, 145, 235, 0.22) 22%, rgba(7, 70, 165, 0) 50%),
linear-gradient(152deg, #040b14 0 31%, transparent 31.2%),
linear-gradient(25deg, transparent 0 72%, #1625b4 72.2% 84%, transparent 84.2%),
linear-gradient(180deg, #020912 0%, #072a64 52%, #174fa8 100%);
overflow: hidden;
}
body.scv-home-redesign .scv-ref-hero::before,
body.scv-home-redesign .scv-ref-hero::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
body.scv-home-redesign .scv-ref-hero::before {
top: 150px;
right: auto;
bottom: auto;
left: 130px;
width: min(620px, 44vw);
height: 520px;
background: linear-gradient(180deg, rgba(143, 214, 255, 0.22), rgba(10, 72, 160, 0));
clip-path: polygon(50% 0, 100% 100%, 0 100%);
opacity: 0.8;
}
body.scv-home-redesign .scv-ref-hero::after {
background: radial-gradient(circle at 50% 60%, rgba(25, 171, 255, 0.22), rgba(25, 171, 255, 0) 44%);
}
body.scv-home-redesign .scv-ref-hero__inner {
position: relative;
width: min(1240px, calc(100% - 120px));
height: 100%;
min-height: 940px;
margin: 0 auto;
}
body.scv-home-redesign .scv-ref-hero__copy {
position: absolute;
top: 146px;
left: 40px;
z-index: 3;
width: min(470px, 38vw);
text-align: left;
transform: none;
}
body.scv-home-redesign .scv-ref-hero__eyebrow {
margin: 0;
color: rgba(255, 255, 255, 0.96);
font-size: 24px;
font-weight: 700;
line-height: 1.15;
}
body.scv-home-redesign .scv-ref-hero__headline {
display: grid;
justify-items: start;
gap: 2px;
margin: 10px 0 0;
line-height: 0.9;
}
body.scv-home-redesign .scv-ref-hero__headline-en,
body.scv-home-redesign .scv-ref-hero__headline-ko {
display: block;
font-style: italic;
font-weight: 900;
letter-spacing: 0;
text-shadow: 0 18px 40px rgba(1, 8, 24, 0.3);
}
body.scv-home-redesign .scv-ref-hero__headline-en {
color: #71d5ff;
font-size: clamp(88px, 7vw, 118px);
}
body.scv-home-redesign .scv-ref-hero__headline-ko {
color: #ffffff;
font-size: clamp(68px, 5.8vw, 98px);
}
body.scv-home-redesign .scv-ref-hero__lead {
max-width: 16ch;
margin: 20px 0 0;
color: rgba(255, 255, 255, 0.88);
font-size: 22px;
font-weight: 400;
line-height: 1.42;
}
body.scv-home-redesign .scv-ref-hero__phone {
display: inline-grid;
justify-items: start;
gap: 6px;
min-height: 82px;
margin-top: 28px;
padding: 20px 24px 18px;
border: 1px solid rgba(63, 148, 255, 0.92);
border-radius: 8px;
background: linear-gradient(180deg, rgba(10, 58, 145, 0.68), rgba(8, 49, 120, 0.46));
color: #ffffff;
text-decoration: none;
box-shadow: 0 20px 44px rgba(1, 8, 24, 0.24);
}
body.scv-home-redesign .scv-ref-hero__phone span {
color: rgba(255, 255, 255, 0.82);
font-size: 16px;
font-weight: 700;
line-height: 1;
}
body.scv-home-redesign .scv-ref-hero__phone strong {
color: #ffffff;
font-size: 54px;
font-weight: 900;
line-height: 1;
letter-spacing: 0;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
position: absolute;
right: -24px;
bottom: 54px;
z-index: 2;
overflow: hidden;
width: min(960px, 68vw);
height: 690px;
margin: 0;
left: auto;
-webkit-mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0, 0, 0, 0.82) 72%, transparent 100%);
transform: none;
}
body.scv-home-redesign .scv-ref-hero__vehicle::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 176px;
background: linear-gradient(180deg, rgba(7, 70, 165, 0) 0%, rgba(7, 70, 165, 0.82) 70%, #0746a5 100%);
}
body.scv-home-redesign .scv-ref-hero__vehicle img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 48%;
filter: drop-shadow(0 30px 46px rgba(0, 0, 0, 0.3));
}
body.scv-home-redesign .scv-ref-arrow {
width: 26px;
height: 26px;
margin: 0 auto;
border-right: 3px solid rgba(255, 255, 255, 0.34);
border-bottom: 3px solid rgba(255, 255, 255, 0.34);
transform: rotate(45deg);
}
body.scv-home-redesign .scv-ref-hero .scv-ref-arrow {
position: absolute;
bottom: 26px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
body.scv-home-redesign .scv-ref-promise,
body.scv-home-redesign .scv-ref-story,
body.scv-home-redesign .scv-ref-service,
body.scv-home-redesign .scv-ref-form {
position: relative;
}
body.scv-home-redesign .scv-ref-promise {
padding: 42px 0 84px;
background: linear-gradient(180deg, #08265d 0%, #092b67 100%);
}
body.scv-home-redesign .scv-ref-promise__inner,
body.scv-home-redesign .scv-ref-story__inner,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-form__inner {
width: min(1140px, calc(100% - 48px));
margin: 0 auto;
}
body.scv-home-redesign .scv-ref-promise__heading {
display: flex;
align-items: center;
justify-content: center;
gap: 26px;
margin-bottom: 34px;
}
body.scv-home-redesign .scv-ref-promise__heading h2 {
margin: 0;
color: #ffffff;
font-size: 34px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-ref-promise__rule {
width: 42px;
height: 2px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.76);
}
body.scv-home-redesign .scv-ref-promise__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
body.scv-home-redesign .scv-ref-promise__item {
display: grid;
justify-items: center;
text-align: center;
}
body.scv-home-redesign .scv-ref-promise__media {
width: 170px;
aspect-ratio: 1;
overflow: hidden;
margin: 0 0 18px;
border: 5px solid rgba(255, 255, 255, 0.76);
border-radius: 50%;
background: #dfe8f8;
box-shadow: 0 18px 36px rgba(1, 8, 24, 0.16);
}
body.scv-home-redesign .scv-ref-promise__media img {
display: block;
width: 100%;
height: 100%;
}
body.scv-home-redesign .scv-ref-promise__media--cover img {
object-fit: cover;
}
body.scv-home-redesign .scv-ref-promise__media--contain img {
object-fit: contain;
background: #f6f8fc;
padding: 10px;
}
body.scv-home-redesign .scv-ref-promise__item h3 {
margin: 0;
color: #ffffff;
font-size: 28px;
font-weight: 900;
line-height: 1.16;
}
body.scv-home-redesign .scv-ref-promise__item p {
max-width: 16ch;
margin: 12px 0 0;
color: rgba(255, 255, 255, 0.84);
font-size: 17px;
font-weight: 500;
line-height: 1.45;
}
body.scv-home-redesign .scv-ref-story {
padding: 0 0 88px;
background: linear-gradient(180deg, #092b67 0%, #0b2f70 100%);
}
body.scv-home-redesign .scv-ref-story__inner {
display: grid;
gap: 18px;
}
body.scv-home-redesign .scv-ref-story__panel {
display: grid;
grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
align-items: stretch;
min-height: 330px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 20px;
background: linear-gradient(180deg, rgba(8, 26, 63, 0.94), rgba(10, 34, 80, 0.94));
box-shadow: 0 24px 50px rgba(1, 8, 24, 0.18);
}
body.scv-home-redesign .scv-ref-story__copy {
display: grid;
align-content: center;
gap: 16px;
padding: 42px 34px;
}
body.scv-home-redesign .scv-ref-story__eyebrow {
color: rgba(125, 213, 255, 0.9);
font-size: 14px;
font-weight: 800;
line-height: 1.1;
}
body.scv-home-redesign .scv-ref-story__copy h2 {
display: grid;
gap: 4px;
margin: 0;
color: #ffffff;
font-size: 60px;
font-weight: 900;
line-height: 0.95;
}
body.scv-home-redesign .scv-ref-story__copy h2 em {
color: #53f0df;
font-style: normal;
}
body.scv-home-redesign .scv-ref-story__copy p {
margin: 0;
color: rgba(255, 255, 255, 0.84);
font-size: 17px;
font-weight: 500;
line-height: 1.7;
}
body.scv-home-redesign .scv-ref-story__visual {
position: relative;
min-height: 330px;
overflow: hidden;
background: #0d336f;
}
body.scv-home-redesign .scv-ref-story__main,
body.scv-home-redesign .scv-ref-story__detail {
position: absolute;
margin: 0;
}
body.scv-home-redesign .scv-ref-story__main {
inset: 0;
}
body.scv-home-redesign .scv-ref-story__main img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-ref-story__main::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(8, 26, 63, 0.04) 0%, rgba(8, 26, 63, 0.1) 22%, rgba(8, 26, 63, 0.48) 100%);
}
body.scv-home-redesign .scv-ref-story__detail {
right: 24px;
bottom: 18px;
width: min(240px, 38%);
aspect-ratio: 0.95;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 18px;
box-shadow: 0 18px 30px rgba(1, 8, 24, 0.24);
}
body.scv-home-redesign .scv-ref-story__detail img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-ref-service {
padding: 0 0 96px;
background: linear-gradient(180deg, #0b2f70 0%, #0a2d69 100%);
}
body.scv-home-redesign .scv-ref-service__inner {
display: grid;
justify-items: center;
gap: 26px;
}
body.scv-home-redesign .scv-ref-service__copy--center,
body.scv-home-redesign .scv-ref-form__copy--center {
display: grid;
justify-items: center;
gap: 12px;
text-align: center;
}
body.scv-home-redesign .scv-ref-service__copy--center .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy--center .scv-card__title {
margin: 0;
color: #ffffff;
font-size: 58px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-ref-service__copy--center .scv-card__kicker,
body.scv-home-redesign .scv-ref-form__copy--center .scv-card__kicker {
margin: 0;
color: rgba(255, 255, 255, 0.84);
font-size: 22px;
font-weight: 500;
line-height: 1.35;
}
body.scv-home-redesign .scv-ref-service__phone-pill {
display: inline-grid;
justify-items: center;
gap: 4px;
min-width: 320px;
min-height: 68px;
padding: 12px 34px;
border: 2px solid rgba(125, 213, 255, 0.46);
border-radius: 999px;
background: linear-gradient(180deg, rgba(18, 84, 185, 0.82), rgba(16, 64, 142, 0.88));
color: #ffffff;
text-decoration: none;
box-shadow: 0 18px 34px rgba(1, 8, 24, 0.2);
}
body.scv-home-redesign .scv-ref-service__phone-pill span {
color: rgba(255, 255, 255, 0.76);
font-size: 13px;
font-weight: 800;
line-height: 1;
}
body.scv-home-redesign .scv-ref-service__phone-pill strong {
color: #ffffff;
font-size: 30px;
font-weight: 900;
line-height: 1;
}
body.scv-home-redesign .scv-ref-service__cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
width: 100%;
}
body.scv-home-redesign .scv-ref-service-card {
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 14px;
background: linear-gradient(180deg, rgba(13, 51, 112, 0.96), rgba(9, 31, 73, 0.98));
box-shadow: 0 20px 38px rgba(1, 8, 24, 0.16);
}
body.scv-home-redesign .scv-ref-service-card__media {
aspect-ratio: 1.36;
overflow: hidden;
background: #d8e1ef;
}
body.scv-home-redesign .scv-ref-service-card__media img {
display: block;
width: 100%;
height: 100%;
}
body.scv-home-redesign .scv-ref-service-card__media--cover img {
object-fit: cover;
}
body.scv-home-redesign .scv-ref-service-card__media--contain img {
object-fit: contain;
background: #f7f9fc;
padding: 12px;
}
body.scv-home-redesign .scv-ref-service-card__body {
display: grid;
gap: 10px;
padding: 16px 18px 18px;
}
body.scv-home-redesign .scv-ref-service-card__body h3 {
margin: 0;
color: #ffffff;
font-size: 20px;
font-weight: 900;
line-height: 1.2;
}
body.scv-home-redesign .scv-ref-service-card__body p {
margin: 0;
color: rgba(255, 255, 255, 0.78);
font-size: 16px;
font-weight: 500;
line-height: 1.45;
}
body.scv-home-redesign .scv-ref-form {
padding: 72px 0 90px;
background:
linear-gradient(180deg, rgba(18, 153, 156, 0.92), rgba(9, 117, 129, 0.92)),
url(//xn--6h3bt1jvne1uig7a.kr/asset/main_1_2_1.jpg) center/cover no-repeat;
}
body.scv-home-redesign .scv-ref-form::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(3, 20, 32, 0.34) 0%, rgba(3, 20, 32, 0.08) 48%, rgba(3, 20, 32, 0.3) 100%);
}
body.scv-home-redesign .scv-ref-form__inner {
position: relative;
z-index: 1;
display: grid;
justify-items: center;
gap: 28px;
}
body.scv-home-redesign .scv-ref-form__card {
width: min(480px, 100%);
max-width: none;
margin: 0;
padding: 24px 22px 22px;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.42);
background: #ffffff;
box-shadow: 0 24px 46px rgba(1, 8, 24, 0.18);
}
body.scv-home-redesign .scv-ref-form__card .scv-alert {
margin-bottom: 12px;
}
body.scv-home-redesign .scv-ref-form__card .scv-form-status {
display: none;
}
body.scv-home-redesign .scv-ref-form__card .scv-form {
display: grid;
gap: 10px;
}
body.scv-home-redesign .scv-ref-form__card .scv-field {
position: relative;
}
body.scv-home-redesign .scv-ref-form__card .scv-field label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.scv-home-redesign .scv-ref-form__card .scv-field input[type="text"] {
width: 100%;
height: 54px;
border: 1px solid #d5deee;
border-radius: 10px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 18px 18px;
padding: 0 16px 0 46px;
color: #111827;
font-size: 16px;
}
body.scv-home-redesign .scv-ref-form__card .scv-field:nth-of-type(1) input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
body.scv-home-redesign .scv-ref-form__card .scv-field:nth-of-type(2) input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
body.scv-home-redesign .scv-ref-form__card .scv-field:nth-of-type(3) input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 16v-1a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v1'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M22 16v-1a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
body.scv-home-redesign .scv-ref-form__card .scv-field:nth-of-type(4) input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.34 1.77.66 2.6a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6.09 6.09l1.48-1.32a2 2 0 0 1 2.11-.45c.83.32 1.7.54 2.6.66A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
body.scv-home-redesign .scv-ref-form__card .scv-field:nth-of-type(5) input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}
body.scv-home-redesign .scv-ref-form__card .scv-button {
width: 100%;
min-height: 58px;
margin-top: 10px;
border: 0;
border-radius: 10px;
background: linear-gradient(180deg, #1661d2 0%, #124eaa 100%);
color: #ffffff;
font-size: 18px;
font-weight: 900;
box-shadow: none;
}
body.scv-home-redesign .scv-footer {
background: #080d13;
color: #ffffff;
padding: 24px 0 28px;
}
body.scv-home-redesign .scv-footer__grid {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 28px;
}
body.scv-home-redesign .scv-footer__brand {
display: flex;
align-items: flex-end;
gap: 28px;
width: 100%;
}
body.scv-home-redesign .scv-footer__landing-mark {
display: inline-flex;
align-items: center;
gap: 10px;
flex: none;
}
body.scv-home-redesign .scv-footer__landing-icon {
width: 38px;
height: 38px;
border-radius: 50%;
}
body.scv-home-redesign .scv-footer__landing-name {
color: #ffffff;
font-size: 34px;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
body.scv-home-redesign .scv-footer__landing-badge,
body.scv-home-redesign .scv-footer__brand-link {
display: none;
}
body.scv-home-redesign .scv-footer__biz {
display: flex;
flex-wrap: wrap;
gap: 10px 24px;
color: rgba(255, 255, 255, 0.82);
font-size: 15px;
line-height: 1.6;
}
body.scv-home-redesign .scv-footer__biz a {
color: inherit;
}
body.scv-home-redesign .scv-mobile-fab {
display: none !important;
}
@media (max-width: 1180px) {
body.scv-home-redesign .scv-ref-quick {
display: none;
}
body.scv-home-redesign .scv-ref-service__cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.scv-home-redesign .scv-ref-story__copy h2 {
font-size: 52px;
}
}
@media (max-width: 980px) {
body.scv-home-redesign .scv-menu--landing {
gap: 22px;
}
body.scv-home-redesign .scv-menu--landing a {
font-size: 14px;
}
body.scv-home-redesign .scv-brand__title {
font-size: 26px;
}
body.scv-home-redesign .scv-ref-service__cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-ref-story__panel {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-ref-story__visual {
min-height: 300px;
}
}
@media (max-width: 860px) {
body.scv-home-redesign .scv-header__top-inner {
grid-template-columns: auto 1fr auto;
min-height: 58px;
padding: 0 12px;
gap: 10px;
}
body.scv-home-redesign .scv-header__left {
display: flex;
}
body.scv-home-redesign .scv-nav-toggle {
display: inline-flex;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.06);
}
body.scv-home-redesign .scv-nav-toggle__lines span {
background: #ffffff;
}
body.scv-home-redesign .scv-header__nav {
display: none;
}
body.scv-home-redesign .scv-brand--text {
justify-content: center;
}
body.scv-home-redesign .scv-brand__mark {
width: 26px;
height: 26px;
}
body.scv-home-redesign .scv-brand__title {
font-size: 20px;
}
body.scv-home-redesign .scv-phone--desktop {
display: none;
}
body.scv-home-redesign .scv-phone--mobile {
display: inline-flex;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.06);
color: #ffffff;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 548px;
padding-top: 0;
}
body.scv-home-redesign .scv-ref-hero__inner {
width: calc(100% - 24px);
min-height: 548px;
}
body.scv-home-redesign .scv-ref-hero__copy {
top: 64px;
left: 50%;
width: calc(100% - 32px);
text-align: center;
transform: translateX(-50%);
}
body.scv-home-redesign .scv-ref-hero__eyebrow {
font-size: 16px;
}
body.scv-home-redesign .scv-ref-hero__headline-en {
font-size: clamp(50px, 17vw, 68px);
}
body.scv-home-redesign .scv-ref-hero__headline-ko {
font-size: clamp(38px, 13vw, 52px);
}
body.scv-home-redesign .scv-ref-hero__lead {
max-width: 16ch;
margin: 10px auto 0;
font-size: 12px;
line-height: 1.32;
}
body.scv-home-redesign .scv-ref-hero__phone {
width: min(360px, 100%);
min-height: 70px;
margin-top: 18px;
margin-right: auto;
margin-left: auto;
padding: 13px 16px 13px;
gap: 4px;
border-radius: 8px;
justify-items: center;
}
body.scv-home-redesign .scv-ref-hero__phone span {
font-size: 11px;
}
body.scv-home-redesign .scv-ref-hero__phone strong {
font-size: 34px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
right: auto;
bottom: 20px;
left: 50%;
width: 122vw;
height: 246px;
-webkit-mask-image: none;
mask-image: none;
transform: translateX(-50%);
}
body.scv-home-redesign .scv-ref-promise {
padding: 28px 0 56px;
}
body.scv-home-redesign .scv-ref-promise__inner,
body.scv-home-redesign .scv-ref-story__inner,
body.scv-home-redesign .scv-ref-service__inner,
body.scv-home-redesign .scv-ref-form__inner {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-ref-promise__grid {
grid-template-columns: 1fr;
gap: 24px;
}
body.scv-home-redesign .scv-ref-promise__heading {
gap: 18px;
margin-bottom: 26px;
}
body.scv-home-redesign .scv-ref-promise__heading h2 {
font-size: 28px;
}
body.scv-home-redesign .scv-ref-promise__media {
width: 150px;
}
body.scv-home-redesign .scv-ref-promise__item h3 {
font-size: 24px;
}
body.scv-home-redesign .scv-ref-promise__item p {
font-size: 15px;
}
body.scv-home-redesign .scv-ref-story {
padding-bottom: 56px;
}
body.scv-home-redesign .scv-ref-story__panel {
min-height: 0;
}
body.scv-home-redesign .scv-ref-story__copy {
padding: 26px 20px;
}
body.scv-home-redesign .scv-ref-story__copy h2 {
font-size: 42px;
}
body.scv-home-redesign .scv-ref-story__copy p {
font-size: 15px;
}
body.scv-home-redesign .scv-ref-story__visual {
min-height: 240px;
}
body.scv-home-redesign .scv-ref-story__detail {
right: 14px;
bottom: 14px;
width: min(150px, 38%);
border-radius: 14px;
}
body.scv-home-redesign .scv-ref-service {
padding-bottom: 58px;
}
body.scv-home-redesign .scv-ref-service__copy--center .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy--center .scv-card__title {
font-size: 40px;
}
body.scv-home-redesign .scv-ref-service__copy--center .scv-card__kicker,
body.scv-home-redesign .scv-ref-form__copy--center .scv-card__kicker {
font-size: 17px;
}
body.scv-home-redesign .scv-ref-service__phone-pill {
min-width: 0;
width: min(100%, 360px);
}
body.scv-home-redesign .scv-ref-form {
padding: 52px 0 58px;
}
body.scv-home-redesign .scv-ref-form__card {
padding: 18px 16px 16px;
}
body.scv-home-redesign .scv-footer {
padding: 22px 0 78px;
}
body.scv-home-redesign .scv-footer__grid,
body.scv-home-redesign .scv-footer__brand {
display: grid;
gap: 16px;
}
body.scv-home-redesign .scv-footer__landing-name {
font-size: 28px;
}
body.scv-home-redesign .scv-footer__biz {
font-size: 14px;
}
body.scv-home-redesign .scv-mobile-fab {
display: none !important;
}
}
@media (max-width: 560px) {
body.scv-home-redesign .scv-ref-service__cards {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-ref-hero {
min-height: 560px;
}
body.scv-home-redesign .scv-ref-hero__inner {
min-height: 560px;
}
body.scv-home-redesign .scv-ref-hero__vehicle {
height: 250px;
}
body.scv-home-redesign .scv-ref-story__copy h2 {
font-size: 34px;
}
body.scv-home-redesign .scv-ref-service__copy--center .scv-card__title,
body.scv-home-redesign .scv-ref-form__copy--center .scv-card__title {
font-size: 34px;
}
} body.scv-home-redesign {
background: #07153d;
color: #ffffff;
}
body.scv-home-redesign .scv-header,
body.scv-home-redesign .scv-footer,
body.scv-home-redesign .scv-mobile-fab {
display: none !important;
}
body.scv-home-redesign .scv-main {
min-height: 100vh;
padding: 0 !important;
background: linear-gradient(180deg, #08173c 0%, #08245b 35%, #0a337f 78%, #0a2b6b 100%);
}
body.scv-home-redesign .scv-main > .scv-container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
body.scv-home-redesign .scv-mock-home {
position: relative;
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
padding: 0;
overflow: clip;
background: linear-gradient(180deg, #08173c 0%, #08245b 35%, #0a337f 78%, #0a2b6b 100%);
}
body.scv-home-redesign .scv-mock-home > header,
body.scv-home-redesign .scv-mock-home > section {
margin: 0;
}
body.scv-home-redesign .scv-mock-home * {
box-sizing: border-box;
}
body.scv-home-redesign .scv-mock-home img {
display: block;
max-width: 100%;
}
body.scv-home-redesign .scv-mock-home a {
color: inherit;
text-decoration: none;
}
body.scv-home-redesign .scv-mock-shell {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
}
body.scv-home-redesign .scv-mock-hero,
body.scv-home-redesign .scv-mock-promise,
body.scv-home-redesign .scv-mock-promo,
body.scv-home-redesign .scv-mock-services,
body.scv-home-redesign .scv-mock-language,
body.scv-home-redesign .scv-mock-rate,
body.scv-home-redesign .scv-mock-original-guides,
body.scv-home-redesign .scv-mock-service-cta,
body.scv-home-redesign .scv-mock-inquiry {
position: relative;
}
body.scv-home-redesign .scv-mock-hero,
body.scv-home-redesign .scv-mock-promise,
body.scv-home-redesign .scv-mock-promo,
body.scv-home-redesign .scv-mock-services,
body.scv-home-redesign .scv-mock-language,
body.scv-home-redesign .scv-mock-rate,
body.scv-home-redesign .scv-mock-original-guides,
body.scv-home-redesign .scv-mock-service-cta,
body.scv-home-redesign .scv-mock-inquiry,
body.scv-home-redesign .scv-mock-footer {
scroll-margin-top: 84px;
}
body.scv-home-redesign .scv-mock-header {
position: sticky;
top: 0;
z-index: 60;
background: rgba(7, 14, 31, 0.96);
border-bottom: 0;
}
body.scv-home-redesign .scv-mock-header__inner {
display: grid;
grid-template-columns: 440px 1fr auto;
align-items: center;
gap: 24px;
min-height: 68px;
}
body.scv-home-redesign .scv-mock-header__brand {
display: inline-flex;
align-items: center;
gap: 14px;
min-width: 0;
}
body.scv-home-redesign .scv-mock-header__brand-text {
display: inline-block;
font-size: 44px;
font-weight: 900;
line-height: 1;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-header__brand-image {
display: block;
width: 119px;
height: auto;
}
body.scv-home-redesign .scv-mock-header__brand-copy {
display: inline-flex;
align-items: center;
min-width: 0;
padding-left: 14px;
border-left: 1px solid rgba(186, 209, 255, 0.22);
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
color: rgba(236, 244, 255, 0.76);
}
body.scv-home-redesign .scv-mock-header__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 34px;
min-width: 0;
}
body.scv-home-redesign .scv-mock-header__nav a {
font-size: 15px;
font-weight: 700;
line-height: 1;
color: rgba(255, 255, 255, 0.88);
transition: color 0.2s ease;
}
body.scv-home-redesign .scv-mock-header__nav a:hover,
body.scv-home-redesign .scv-mock-header__nav a:focus-visible {
color: #ffffff;
}
body.scv-home-redesign .scv-mock-header__phone {
display: inline-flex;
align-items: center;
gap: 10px;
align-self: stretch;
min-height: 68px;
padding: 0 30px 0 34px;
background: linear-gradient(180deg, #153c77 0%, #12366b 100%);
clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 22px);
white-space: nowrap;
}
body.scv-home-redesign .scv-mock-header__phone svg {
width: 18px;
height: 18px;
fill: #ffffff;
}
body.scv-home-redesign .scv-mock-header__phone strong {
font-size: 18px;
font-weight: 900;
line-height: 1;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-hero {
min-height: 884px;
margin-top: 0;
padding: 0 0 48px;
}
body.scv-home-redesign .scv-mock-hero__bg,
body.scv-home-redesign .scv-mock-promo__bg,
body.scv-home-redesign .scv-mock-inquiry__bg {
position: absolute;
inset: 0;
overflow: hidden;
}
body.scv-home-redesign .scv-mock-hero__bg::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(7, 15, 42, 0.18) 0%, rgba(6, 18, 53, 0.08) 42%, rgba(7, 26, 74, 0.92) 100%),
radial-gradient(circle at 50% 54%, rgba(46, 123, 255, 0.5) 0%, rgba(46, 123, 255, 0) 36%);
}
body.scv-home-redesign .scv-mock-hero__bg img,
body.scv-home-redesign .scv-mock-promo__bg img,
body.scv-home-redesign .scv-mock-inquiry__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-mock-hero__bg img {
height: calc(100% + 28px);
object-position: center top;
transform: translateY(-28px) scale(1.01);
transform-origin: center top;
}
body.scv-home-redesign .scv-mock-hero__inner {
position: relative;
z-index: 1;
padding-top: 28px;
}
body.scv-home-redesign .scv-mock-hero__copy {
position: relative;
z-index: 2;
max-width: 880px;
margin: 0 auto;
text-align: center;
}
body.scv-home-redesign .scv-mock-hero__lockup {
position: relative;
width: min(500px, 72vw);
margin: 0 auto;
}
body.scv-home-redesign .scv-mock-hero__lockup > img {
width: 100%;
height: auto;
mix-blend-mode: screen;
}
body.scv-home-redesign .scv-mock-hero__cta-hit {
position: absolute;
left: 17%;
top: 68%;
width: 65%;
height: 26%;
border-radius: 999px;
}
body.scv-home-redesign .scv-mock-hero__eyebrow {
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: rgba(255, 255, 255, 0.92);
}
body.scv-home-redesign .scv-mock-hero__eyebrow-accent {
display: inline-block;
color: transparent;
background: linear-gradient(180deg, #ffffff 0%, #ecf7ff 34%, #9fd9ff 68%, #dff3ff 100%);
-webkit-background-clip: text;
background-clip: text;
text-shadow:
0 0 10px rgba(139, 205, 255, 0.16),
0 1px 0 rgba(255, 255, 255, 0.18);
}
body.scv-home-redesign .scv-mock-hero__headline {
margin: 12px 0 0;
font-size: 128px;
font-weight: 900;
line-height: 0.92;
color: transparent;
background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 26%, #6dc5ff 74%, #dff2ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-stroke: 1px rgba(27, 59, 120, 0.22);
text-shadow:
0 0 18px rgba(75, 153, 255, 0.18),
0 10px 22px rgba(5, 12, 36, 0.2);
}
body.scv-home-redesign .scv-mock-hero__lead {
margin: 18px auto 0;
max-width: 760px;
font-size: 24px;
font-weight: 500;
line-height: 1.42;
color: rgba(255, 255, 255, 0.9);
}
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-services__phone {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 332px;
min-height: 64px;
margin-top: 22px;
padding: 8px 28px 8px 20px;
border: 2px solid rgba(42, 214, 255, 0.82);
border-radius: 999px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 22%, rgba(255, 255, 255, 0) 23%),
linear-gradient(180deg, #2d7cf6 0%, #2569de 55%, #1c57cc 100%);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.12),
inset 0 -6px 12px rgba(12, 45, 133, 0.18),
0 9px 18px rgba(2, 12, 39, 0.18);
}
body.scv-home-redesign .scv-mock-phone-badge {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: 0 0 24px;
}
body.scv-home-redesign .scv-mock-phone-badge::before {
content: "";
position: absolute;
inset: 1px;
border-radius: 999px;
background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.22) 0%, rgba(90, 183, 255, 0.16) 38%, rgba(90, 183, 255, 0) 72%);
}
body.scv-home-redesign .scv-mock-phone-badge svg {
position: relative;
width: 15px;
height: 15px;
fill: #ffffff;
filter: drop-shadow(0 1px 1px rgba(8, 20, 54, 0.22));
}
body.scv-home-redesign .scv-mock-hero__cta strong,
body.scv-home-redesign .scv-mock-services__phone strong {
font-size: 28px;
font-weight: 900;
line-height: 1;
color: #ffffff;
text-shadow: 0 1px 0 rgba(6, 18, 52, 0.24);
font-style: italic;
letter-spacing: -0.03em;
}
body.scv-home-redesign .scv-mock-services__phone {
min-width: 254px;
min-height: 48px;
padding: 6px 20px 6px 16px;
}
body.scv-home-redesign .scv-mock-services__phone .scv-mock-phone-badge {
width: 20px;
height: 20px;
flex-basis: 20px;
}
body.scv-home-redesign .scv-mock-services__phone strong {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-hero__fleet {
position: relative;
height: 474px;
margin-top: 22px;
}
body.scv-home-redesign .scv-mock-hero__fleet::before {
content: "";
position: absolute;
left: 50%;
bottom: 62px;
width: min(1100px, 96%);
height: 170px;
transform: translateX(-50%);
background: radial-gradient(circle at 50% 38%, rgba(66, 140, 255, 0.35), rgba(66, 140, 255, 0) 70%);
pointer-events: none;
}
body.scv-home-redesign .scv-mock-hero__fleet::after {
content: "";
position: absolute;
left: 50%;
bottom: 62px;
width: min(980px, 88%);
height: 72px;
transform: translateX(-50%);
background: radial-gradient(ellipse at center, rgba(4, 8, 18, 0.55) 0%, rgba(4, 8, 18, 0.36) 48%, rgba(4, 8, 18, 0) 100%);
pointer-events: none;
}
body.scv-home-redesign .scv-mock-hero__vehicle {
position: absolute;
bottom: 0;
margin: 0;
text-align: center;
}
body.scv-home-redesign .scv-mock-hero__vehicle img {
width: 100%;
height: auto;
filter: drop-shadow(0 24px 28px rgba(1, 7, 24, 0.52));
}
body.scv-home-redesign .scv-mock-hero__vehicle figcaption {
margin-top: 10px;
font-size: 24px;
font-weight: 900;
line-height: 1.1;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-hero__vehicle--left {
left: 6%;
width: 29%;
z-index: 2;
}
body.scv-home-redesign .scv-mock-hero__vehicle--center {
left: 31%;
width: 39%;
z-index: 4;
}
body.scv-home-redesign .scv-mock-hero__vehicle--right {
right: 5%;
width: 31%;
z-index: 3;
}
body.scv-home-redesign .scv-mock-promise {
padding: 28px 0 18px;
background: linear-gradient(180deg, rgba(8, 24, 73, 0.92) 0%, rgba(9, 40, 96, 0.98) 100%);
}
body.scv-home-redesign .scv-mock-heading {
text-align: center;
}
body.scv-home-redesign .scv-mock-heading h2 {
margin: 0;
font-size: 56px;
font-weight: 900;
line-height: 1;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-heading p {
margin: 16px auto 0;
max-width: 780px;
font-size: 21px;
font-weight: 500;
line-height: 1.42;
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-mock-heading--lined {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
}
body.scv-home-redesign .scv-mock-heading--lined::before,
body.scv-home-redesign .scv-mock-heading--lined::after {
content: "";
flex: 0 0 64px;
height: 2px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(232, 240, 255, 0.8) 100%);
}
body.scv-home-redesign .scv-mock-heading--lined::after {
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(232, 240, 255, 0.8) 100%);
}
body.scv-home-redesign .scv-mock-heading--lined h2 {
font-size: 42px;
}
body.scv-home-redesign .scv-mock-promise__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
margin-top: 38px;
}
body.scv-home-redesign .scv-mock-promise__item {
text-align: center;
}
body.scv-home-redesign .scv-mock-promise__media {
width: 184px;
aspect-ratio: 1;
margin: 0 auto 22px;
border: 3px solid rgba(205, 223, 255, 0.78);
border-radius: 50%;
overflow: hidden;
background-color: #173a80;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow: 0 18px 36px rgba(1, 12, 38, 0.34);
}
body.scv-home-redesign .scv-mock-promise__item h3 {
margin: 0;
font-size: 28px;
font-weight: 900;
line-height: 1.2;
color: #ffffff;
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-promise__item p {
margin: 14px auto 0;
max-width: 300px;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
color: rgba(255, 255, 255, 0.82);
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-promo {
padding: 0 0 62px;
}
body.scv-home-redesign .scv-mock-promo__stack {
overflow: hidden;
border: 1px solid rgba(208, 224, 255, 0.34);
border-radius: 8px;
background: rgba(5, 15, 40, 0.4);
box-shadow: 0 28px 60px rgba(1, 8, 30, 0.28);
}
body.scv-home-redesign .scv-mock-promo__panel {
position: relative;
display: grid;
grid-template-columns: 40% 60%;
min-height: 392px;
}
body.scv-home-redesign .scv-mock-promo__panel + .scv-mock-promo__panel {
border-top: 1px solid rgba(208, 224, 255, 0.2);
}
body.scv-home-redesign .scv-mock-promo__panel::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(8, 21, 61, 0.88) 0%, rgba(8, 21, 61, 0.56) 38%, rgba(7, 21, 56, 0.08) 100%);
pointer-events: none;
}
body.scv-home-redesign .scv-mock-promo__copy,
body.scv-home-redesign .scv-mock-promo__scene {
position: relative;
z-index: 1;
}
body.scv-home-redesign .scv-mock-promo__copy {
padding: 40px 38px 34px;
}
body.scv-home-redesign .scv-mock-promo__copy img {
display: block;
width: 100%;
height: auto;
mix-blend-mode: screen;
}
body.scv-home-redesign .scv-mock-promo__panel--top .scv-mock-promo__copy {
max-width: 368px;
}
body.scv-home-redesign .scv-mock-promo__panel--bottom .scv-mock-promo__copy {
max-width: 336px;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
margin: 0;
font-size: 66px;
font-weight: 900;
line-height: 1.4;
color: #ffffff;
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-promo__copy h2 span,
body.scv-home-redesign .scv-mock-promo__copy h2 strong {
display: block;
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-promo__copy .scv-mock-line {
display: block;
white-space: nowrap;
}
body.scv-home-redesign .scv-mock-promo__copy h2 strong {
color: #57dfff;
}
body.scv-home-redesign .scv-mock-promo__copy p {
margin: 22px 0 0;
max-width: 352px;
font-size: 22px;
font-weight: 500;
line-height: 1.58;
color: rgba(255, 255, 255, 0.86);
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-promo__scene {
min-height: 376px;
}
body.scv-home-redesign .scv-mock-promo__scene img {
position: absolute;
}
body.scv-home-redesign .scv-mock-promo__scene--bottom {
overflow: hidden;
}
body.scv-home-redesign .scv-mock-promo__plane {
top: 52px;
right: 72px;
width: 184px;
}
body.scv-home-redesign .scv-mock-promo__van {
right: 22px;
bottom: 0;
width: min(566px, 90%);
}
body.scv-home-redesign .scv-mock-promo__woman {
left: 18px;
bottom: -4px;
width: 172px;
}
body.scv-home-redesign .scv-mock-promo__family {
right: 38px;
bottom: -10px;
width: min(344px, 62%);
filter: drop-shadow(0 18px 22px rgba(2, 9, 28, 0.24));
}
body.scv-home-redesign .scv-mock-services {
padding: 36px 0 34px;
}
body.scv-home-redesign .scv-mock-services__phone {
margin-top: 28px;
}
body.scv-home-redesign .scv-mock-services__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-top: 0;
}
body.scv-home-redesign .scv-mock-service-card {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid rgba(205, 221, 255, 0.28);
border-radius: 8px;
background: linear-gradient(180deg, rgba(15, 52, 120, 0.9) 0%, rgba(10, 36, 88, 0.96) 100%);
box-shadow: 0 18px 40px rgba(2, 11, 33, 0.2);
}
body.scv-home-redesign .scv-mock-service-card__media {
flex: 0 0 176px;
overflow: hidden;
background-color: #173a80;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
body.scv-home-redesign .scv-mock-service-card__body {
padding: 14px 16px 18px;
}
body.scv-home-redesign .scv-mock-service-card__body h3 {
margin: 0;
font-size: 24px;
font-weight: 900;
line-height: 1.18;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-service-card__mobile-title-line {
display: block;
white-space: nowrap;
}
body.scv-home-redesign .scv-mock-service-card__body p {
margin: 10px 0 0;
font-size: 16px;
font-weight: 500;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
}
body.scv-home-redesign .scv-mock-services__note {
margin: 0 auto;
width: fit-content;
max-width: min(760px, 100%);
padding: 14px 28px;
border: 1px solid rgba(102, 220, 255, 0.5);
border-radius: 8px;
background: rgba(6, 26, 70, 0.66);
color: #ffffff;
font-size: 24px;
font-weight: 900;
line-height: 1.35;
text-align: center;
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
box-shadow: 0 18px 38px rgba(0, 9, 33, 0.24);
}
body.scv-home-redesign .scv-mock-rate .scv-mock-services__note {
margin-top: 0;
}
body.scv-home-redesign .scv-mock-services__note strong,
body.scv-home-redesign .scv-mock-services__note span {
display: block;
}
body.scv-home-redesign .scv-mock-services__note span {
margin-top: 4px;
font-size: 16px;
font-weight: 700;
color: rgba(226, 240, 255, 0.84);
}
body.scv-home-redesign .scv-mock-language {
padding: 18px 0 18px;
}
body.scv-home-redesign .scv-mock-language__card {
width: fit-content;
max-width: min(760px, 100%);
margin: 0 auto;
padding: 14px 28px;
border: 1px solid rgba(102, 220, 255, 0.5);
border-radius: 8px;
background: rgba(6, 26, 70, 0.66);
box-shadow: 0 18px 38px rgba(0, 9, 33, 0.24);
text-align: center;
}
body.scv-home-redesign .scv-mock-language__body {
min-width: 0;
color: #ffffff;
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-language__body p {
margin: 0 0 4px;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
color: rgba(226, 240, 255, 0.84);
}
body.scv-home-redesign .scv-mock-language__body h2 {
margin: 0;
font-size: 24px;
font-weight: 900;
line-height: 1.35;
letter-spacing: 0;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-language__body strong {
display: block;
margin-top: 4px;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
color: rgba(226, 240, 255, 0.84);
}
body.scv-home-redesign .scv-mock-rate {
padding: 18px 0 34px;
}
body.scv-home-redesign .scv-mock-service-cta {
padding: 44px 0 80px;
background: linear-gradient(180deg, rgba(7, 28, 78, 0.98) 0%, rgba(6, 20, 58, 1) 100%);
}
body.scv-home-redesign .scv-mock-original-guides {
padding: 42px 0 92px;
background: linear-gradient(180deg, rgba(7, 28, 78, 0.98) 0%, rgba(6, 20, 58, 1) 100%);
}
body.scv-home-redesign .scv-mock-original-guides__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
gap: 24px;
margin-top: 38px;
}
body.scv-home-redesign .scv-mock-original-guides__figure {
margin: 0;
overflow: hidden;
border: 1px solid rgba(203, 221, 255, 0.32);
border-radius: 8px;
background: #eef2f8;
box-shadow: 0 24px 56px rgba(1, 9, 32, 0.3);
}
body.scv-home-redesign .scv-mock-original-guides__figure img {
width: 100%;
height: auto;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 40px 0 74px;
}
body.scv-home-redesign .scv-mock-inquiry__bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(22, 191, 180, 0.76) 0%, rgba(10, 136, 193, 0.84) 48%, rgba(8, 57, 124, 0.88) 100%);
}
body.scv-home-redesign .scv-mock-inquiry__inner {
position: relative;
z-index: 1;
}
body.scv-home-redesign .scv-mock-inquiry__form {
display: grid;
gap: 14px;
width: min(500px, 100%);
margin: 34px auto 0;
padding: 24px 24px 22px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 28px 60px rgba(3, 18, 48, 0.24);
}
body.scv-home-redesign .scv-mock-field {
display: flex;
align-items: center;
gap: 12px;
min-height: 58px;
padding: 0 16px;
border: 1px solid rgba(16, 52, 98, 0.12);
border-radius: 8px;
background: #ffffff;
}
body.scv-home-redesign .scv-mock-field--textarea {
align-items: flex-start;
padding-top: 15px;
padding-bottom: 15px;
}
body.scv-home-redesign .scv-mock-field__icon {
flex: 0 0 20px;
width: 20px;
height: 20px;
color: #7c8ba5;
}
body.scv-home-redesign .scv-mock-field__icon svg {
width: 20px;
height: 20px;
fill: currentColor;
}
body.scv-home-redesign .scv-mock-field input,
body.scv-home-redesign .scv-mock-field textarea {
width: 100%;
border: 0;
padding: 0;
font: inherit;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #0f1d39;
background: transparent;
resize: vertical;
outline: none;
}
body.scv-home-redesign .scv-mock-field input::placeholder,
body.scv-home-redesign .scv-mock-field textarea::placeholder {
color: #7d879a;
}
body.scv-home-redesign .scv-mock-inquiry__submit {
min-height: 68px;
margin-top: 4px;
border: 0;
border-radius: 8px;
background: linear-gradient(180deg, #1c61dc 0%, #0c4cc8 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
font: inherit;
font-size: 25px;
font-weight: 900;
line-height: 1;
color: #ffffff;
cursor: pointer;
}
body.scv-home-redesign .scv-mock-footer {
padding: 26px 0 84px;
background: #0c1017;
}
body.scv-home-redesign .scv-mock-footer__inner {
display: grid;
grid-template-columns: 220px 1fr;
gap: 26px;
align-items: center;
}
body.scv-home-redesign .scv-mock-footer__brand {
display: inline-flex;
align-items: center;
font-size: 46px;
font-weight: 900;
line-height: 1;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-footer__brand-image {
display: block;
width: 118px;
height: auto;
}
body.scv-home-redesign .scv-mock-footer__meta {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px 18px;
}
body.scv-home-redesign .scv-mock-footer__meta-item {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 12px;
min-width: 0;
}
body.scv-home-redesign .scv-mock-footer__meta-item span {
flex: 0 0 auto;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
color: rgba(255, 255, 255, 0.5);
}
body.scv-home-redesign .scv-mock-footer__meta-item strong {
min-width: 0;
font-size: 15px;
font-weight: 700;
line-height: 1.45;
color: rgba(255, 255, 255, 0.88);
}
body.scv-home-redesign .scv-mock-header__nav a.is-active {
color: #ffffff;
}
body.scv-home-redesign .scv-mock-header__nav a.is-active::after {
content: "";
display: block;
width: 100%;
height: 2px;
margin-top: 8px;
background: linear-gradient(90deg, rgba(104, 204, 255, 0.1) 0%, rgba(104, 204, 255, 0.95) 48%, rgba(104, 204, 255, 0.1) 100%);
}
body.scv-home-redesign .scv-mock-page {
position: relative;
}
body.scv-home-redesign .scv-mock-subhero {
position: relative;
overflow: hidden;
padding: 52px 0 44px;
}
body.scv-home-redesign .scv-mock-subhero__bg {
position: absolute;
inset: 0;
}
body.scv-home-redesign .scv-mock-subhero__bg::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 26% 28%, rgba(66, 158, 255, 0.22) 0%, rgba(66, 158, 255, 0) 36%),
linear-gradient(180deg, rgba(5, 15, 43, 0.82) 0%, rgba(6, 20, 53, 0.72) 100%);
}
body.scv-home-redesign .scv-mock-subhero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.scv-home-redesign .scv-mock-subhero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
gap: 34px;
align-items: center;
}
body.scv-home-redesign .scv-mock-subhero__copy {
min-width: 0;
max-width: 620px;
}
body.scv-home-redesign .scv-mock-subhero__eyebrow {
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
color: rgba(255, 255, 255, 0.78);
}
body.scv-home-redesign .scv-mock-subhero__title {
margin: 14px 0 0;
font-size: clamp(48px, 6vw, 78px);
font-weight: 900;
line-height: 0.96;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-subhero__lead {
margin: 18px 0 0;
max-width: 26em;
font-size: clamp(17px, 2.2vw, 22px);
font-weight: 500;
line-height: 1.58;
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-mock-subhero__cta-link {
display: inline-block;
margin-top: 22px;
line-height: 0;
}
body.scv-home-redesign .scv-mock-subhero__media,
body.scv-home-redesign .scv-mock-subhero__aside {
position: relative;
z-index: 1;
}
body.scv-home-redesign .scv-mock-subhero__media {
padding: 16px;
border: 1px solid rgba(201, 223, 255, 0.18);
border-radius: 8px;
background: linear-gradient(180deg, rgba(11, 24, 61, 0.72) 0%, rgba(9, 25, 65, 0.42) 100%);
box-shadow: 0 28px 52px rgba(2, 10, 33, 0.34);
}
body.scv-home-redesign .scv-mock-subhero__media img {
width: 100%;
height: auto;
border-radius: 6px;
}
body.scv-home-redesign .scv-mock-page--carseat .scv-mock-subhero {
padding: 42px 0 36px;
}
body.scv-home-redesign .scv-mock-page--carseat .scv-mock-subhero__inner {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-mock-page--carseat .scv-mock-subhero__copy {
max-width: 720px;
margin: 0 auto;
text-align: center;
}
body.scv-home-redesign .scv-mock-note-card,
body.scv-home-redesign .scv-mock-feature-card,
body.scv-home-redesign .scv-mock-board-shell,
body.scv-home-redesign .scv-mock-poster-frame,
body.scv-home-redesign .scv-mock-page-form-card {
border: 1px solid rgba(200, 220, 255, 0.16);
border-radius: 8px;
background: linear-gradient(180deg, rgba(10, 23, 59, 0.9) 0%, rgba(9, 26, 68, 0.82) 100%);
box-shadow: 0 24px 50px rgba(1, 10, 32, 0.24);
}
body.scv-home-redesign .scv-mock-note-card {
padding: 22px 22px 20px;
}
body.scv-home-redesign .scv-mock-note-card__eyebrow,
body.scv-home-redesign .scv-mock-page-section__kicker,
body.scv-home-redesign .scv-mock-feature-card__kicker {
margin: 0;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #69d6ff;
}
body.scv-home-redesign .scv-mock-note-list {
margin: 16px 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 10px;
}
body.scv-home-redesign .scv-mock-note-list li {
position: relative;
padding-left: 16px;
font-size: 15px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.86);
}
body.scv-home-redesign .scv-mock-note-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 6px;
height: 6px;
border-radius: 50%;
background: #69d6ff;
transform: translateY(-50%);
}
body.scv-home-redesign .scv-mock-page-section {
position: relative;
padding: 26px 0 42px;
}
body.scv-home-redesign .scv-mock-page-section__head {
margin-bottom: 22px;
}
body.scv-home-redesign .scv-mock-page-section__head h2 {
margin: 10px 0 0;
font-size: clamp(30px, 4vw, 44px);
font-weight: 900;
line-height: 1.04;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-page-section__head p {
margin: 12px 0 0;
max-width: 54em;
font-size: 17px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.82);
}
body.scv-home-redesign .scv-mock-feature-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
body.scv-home-redesign .scv-mock-feature-card {
overflow: hidden;
}
body.scv-home-redesign .scv-mock-feature-card__media img {
width: 100%;
aspect-ratio: 1.18;
object-fit: cover;
}
body.scv-home-redesign .scv-mock-feature-card__body {
padding: 20px 20px 22px;
}
body.scv-home-redesign .scv-mock-feature-card__body h3 {
margin: 12px 0 0;
font-size: 26px;
font-weight: 900;
line-height: 1.14;
color: #ffffff;
}
body.scv-home-redesign .scv-mock-feature-card__body p {
margin: 12px 0 0;
font-size: 15px;
line-height: 1.58;
color: rgba(255, 255, 255, 0.8);
}
body.scv-home-redesign .scv-mock-gallery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.scv-home-redesign .scv-mock-gallery-card {
display: block;
overflow: hidden;
border: 1px solid rgba(201, 223, 255, 0.16);
border-radius: 8px;
background: rgba(8, 22, 57, 0.84);
box-shadow: 0 18px 36px rgba(2, 10, 33, 0.24);
}
body.scv-home-redesign .scv-mock-gallery-card img {
width: 100%;
aspect-ratio: 1.05;
object-fit: cover;
transition: transform 0.24s ease;
}
body.scv-home-redesign .scv-mock-gallery-card:hover img {
transform: scale(1.03);
}
body.scv-home-redesign .scv-mock-poster-frame {
padding: 18px;
}
body.scv-home-redesign .scv-mock-poster-frame img {
width: 100%;
height: auto;
border-radius: 6px;
}
body.scv-home-redesign .scv-mock-page-form-card {
padding: 20px;
}
body.scv-home-redesign .scv-mock-page-form-card__intro {
margin-bottom: 18px;
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-card--preview-form {
margin: 0;
}
body.scv-home-redesign .scv-mock-board-shell {
padding: 24px;
}
body.scv-home-redesign .scv-notice--preview {
max-width: none;
margin: 0;
padding: 0;
}
body.scv-home-redesign .scv-notice--preview .scv-notice__header {
border-bottom-color: rgba(207, 223, 255, 0.14);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__title {
color: #ffffff;
}
body.scv-home-redesign .scv-notice--preview .scv-notice__desc,
body.scv-home-redesign .scv-notice--preview .scv-notice__meta-value,
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-title {
color: rgba(255, 255, 255, 0.82);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__meta,
body.scv-home-redesign .scv-notice--preview .scv-notice__footer {
border-color: rgba(207, 223, 255, 0.14);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__meta-label,
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-label {
color: rgba(255, 255, 255, 0.52);
}
body.scv-home-redesign .scv-notice--preview .scv-board {
border-top-color: rgba(104, 204, 255, 0.34);
}
body.scv-home-redesign .scv-mock-quick {
position: fixed;
top: 176px;
right: 16px;
z-index: 70;
display: flex;
flex-direction: column;
align-items: center;
width: 94px;
gap: 6px;
}
body.scv-home-redesign .scv-mock-quick__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
width: 76px;
min-height: 96px;
padding: 10px 8px;
border-radius: 8px;
box-shadow: 0 16px 28px rgba(2, 8, 28, 0.28);
text-align: center;
}
body.scv-home-redesign .scv-mock-quick__link img {
width: 30px;
height: 30px;
}
body.scv-home-redesign .scv-mock-quick__link span,
body.scv-home-redesign .scv-mock-quick__link strong {
display: block;
}
body.scv-home-redesign .scv-mock-quick__link span {
font-size: 14px;
font-weight: 700;
line-height: 1.15;
}
body.scv-home-redesign .scv-mock-quick__link strong {
font-size: 18px;
font-weight: 900;
line-height: 1.05;
}
body.scv-home-redesign .scv-mock-quick__link--call {
background: linear-gradient(180deg, #13bcbd 0%, #0d8294 100%);
}
body.scv-home-redesign .scv-mock-quick__link--inquiry {
background: linear-gradient(180deg, #1f6aff 0%, #0f43b8 100%);
}
body.scv-home-redesign .scv-mock-quick__link--inquiry strong {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-quick__bubble {
position: relative;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.95);
}
body.scv-home-redesign .scv-mock-quick__bubble::before,
body.scv-home-redesign .scv-mock-quick__bubble::after {
content: "";
position: absolute;
background: #1b59e7;
}
body.scv-home-redesign .scv-mock-quick__bubble::before {
left: 7px;
top: 10px;
width: 14px;
height: 8px;
border-radius: 5px;
}
body.scv-home-redesign .scv-mock-quick__bubble::after {
left: 11px;
top: 15px;
width: 5px;
height: 5px;
clip-path: polygon(0 0, 100% 0, 0 100%);
}
body.scv-home-redesign .scv-mock-quick__link--kakao {
color: #111111;
background: linear-gradient(180deg, #ffe243 0%, #ffc600 100%);
}
body.scv-home-redesign .scv-mock-quick__link--top {
min-height: 68px;
gap: 2px;
background: rgba(10, 13, 23, 0.96);
}
body.scv-home-redesign .scv-mock-quick__link--top img {
width: 22px;
height: 22px;
}
body.scv-home-redesign .scv-mock-mobile-quick {
display: none;
}
@keyframes scvMockFadeUp {
from {
opacity: 0;
transform: translate3d(0, 26px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes scvMockFadeUpScale {
from {
opacity: 0;
transform: translate3d(0, 32px, 0) scale(0.965);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
body.scv-home-redesign .scv-mock-hero__eyebrow,
body.scv-home-redesign .scv-mock-hero__headline,
body.scv-home-redesign .scv-mock-hero__lead,
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-heading,
body.scv-home-redesign .scv-mock-promise__item,
body.scv-home-redesign .scv-mock-promo__panel,
body.scv-home-redesign .scv-mock-services__phone,
body.scv-home-redesign .scv-mock-service-card,
body.scv-home-redesign .scv-mock-language__card,
body.scv-home-redesign .scv-mock-services__note,
body.scv-home-redesign .scv-mock-service-cta .scv-mock-heading,
body.scv-home-redesign .scv-mock-inquiry__form,
body.scv-home-redesign .scv-mock-footer__brand,
body.scv-home-redesign .scv-mock-footer__meta-item,
body.scv-home-redesign .scv-mock-quick__link {
opacity: 0;
animation: scvMockFadeUp 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
will-change: opacity, transform;
}
body.scv-home-redesign .scv-mock-hero__vehicle {
opacity: 0;
animation: scvMockFadeUpScale 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
will-change: opacity, transform;
}
body.scv-home-redesign .scv-mock-hero__eyebrow {
animation-delay: 0.08s;
}
body.scv-home-redesign .scv-mock-hero__headline {
animation-delay: 0.16s;
}
body.scv-home-redesign .scv-mock-hero__lead {
animation-delay: 0.26s;
}
body.scv-home-redesign .scv-mock-hero__cta {
animation-delay: 0.36s;
}
body.scv-home-redesign .scv-mock-hero__vehicle--left {
animation-delay: 0.4s;
}
body.scv-home-redesign .scv-mock-hero__vehicle--center {
animation-delay: 0.5s;
}
body.scv-home-redesign .scv-mock-hero__vehicle--right {
animation-delay: 0.6s;
}
body.scv-home-redesign .scv-mock-quick__link--call {
animation-delay: 0.22s;
}
body.scv-home-redesign .scv-mock-quick__link--inquiry {
animation-delay: 0.3s;
}
body.scv-home-redesign .scv-mock-quick__link--kakao {
animation-delay: 0.38s;
}
body.scv-home-redesign .scv-mock-quick__link--top {
animation-delay: 0.46s;
}
body.scv-home-redesign .scv-mock-promise .scv-mock-heading {
animation-delay: 0.64s;
}
body.scv-home-redesign .scv-mock-promise__item:nth-child(1) {
animation-delay: 0.72s;
}
body.scv-home-redesign .scv-mock-promise__item:nth-child(2) {
animation-delay: 0.82s;
}
body.scv-home-redesign .scv-mock-promise__item:nth-child(3) {
animation-delay: 0.92s;
}
body.scv-home-redesign .scv-mock-promo__panel--top {
animation-delay: 0.98s;
}
body.scv-home-redesign .scv-mock-promo__panel--bottom {
animation-delay: 1.08s;
}
body.scv-home-redesign .scv-mock-services .scv-mock-heading {
animation-delay: 1.14s;
}
body.scv-home-redesign .scv-mock-services__phone {
animation-delay: 1.22s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(1) {
animation-delay: 1.28s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(2) {
animation-delay: 1.34s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(3) {
animation-delay: 1.4s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(4) {
animation-delay: 1.46s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(5) {
animation-delay: 1.52s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(6) {
animation-delay: 1.58s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(7) {
animation-delay: 1.64s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(8) {
animation-delay: 1.7s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(9) {
animation-delay: 1.76s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(10) {
animation-delay: 1.82s;
}
body.scv-home-redesign .scv-mock-service-card:nth-child(11) {
animation-delay: 1.88s;
}
body.scv-home-redesign .scv-mock-language__card {
animation-delay: 1.94s;
}
body.scv-home-redesign .scv-mock-services__note {
animation-delay: 2s;
}
body.scv-home-redesign .scv-mock-service-cta .scv-mock-heading {
animation-delay: 2.06s;
}
body.scv-home-redesign .scv-mock-inquiry .scv-mock-heading {
animation-delay: 1.78s;
}
body.scv-home-redesign .scv-mock-inquiry__form {
animation-delay: 1.88s;
}
body.scv-home-redesign .scv-mock-footer__brand {
animation-delay: 1.96s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(1) {
animation-delay: 2.02s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(2) {
animation-delay: 2.06s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(3) {
animation-delay: 2.1s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(4) {
animation-delay: 2.14s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(5) {
animation-delay: 2.18s;
}
body.scv-home-redesign .scv-mock-footer__meta-item:nth-child(6) {
animation-delay: 2.22s;
}
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-services__phone,
body.scv-home-redesign .scv-mock-inquiry__submit,
body.scv-home-redesign .scv-mock-service-card,
body.scv-home-redesign .scv-mock-quick__link,
body.scv-home-redesign .scv-mock-promise__media {
transition:
transform 0.28s ease,
box-shadow 0.28s ease,
border-color 0.28s ease,
filter 0.28s ease;
}
body.scv-home-redesign .scv-mock-hero__cta:hover,
body.scv-home-redesign .scv-mock-services__phone:hover,
body.scv-home-redesign .scv-mock-inquiry__submit:hover {
transform: translate3d(0, -3px, 0);
}
body.scv-home-redesign .scv-mock-hero__cta:hover,
body.scv-home-redesign .scv-mock-services__phone:hover {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.24),
0 24px 40px rgba(2, 12, 39, 0.38);
}
body.scv-home-redesign .scv-mock-inquiry__submit:hover {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.18),
0 20px 30px rgba(4, 24, 76, 0.22);
}
body.scv-home-redesign .scv-mock-service-card:hover {
transform: translate3d(0, -6px, 0);
border-color: rgba(205, 221, 255, 0.5);
box-shadow: 0 24px 42px rgba(2, 11, 33, 0.28);
}
body.scv-home-redesign .scv-mock-quick__link:hover {
transform: translate3d(0, -4px, 0);
}
body.scv-home-redesign .scv-mock-promise__item:hover .scv-mock-promise__media {
transform: translate3d(0, -5px, 0);
box-shadow: 0 24px 40px rgba(1, 12, 38, 0.42);
}
@media (prefers-reduced-motion: reduce) {
body.scv-home-redesign .scv-mock-hero__eyebrow,
body.scv-home-redesign .scv-mock-hero__headline,
body.scv-home-redesign .scv-mock-hero__lead,
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-heading,
body.scv-home-redesign .scv-mock-promise__item,
body.scv-home-redesign .scv-mock-promo__panel,
body.scv-home-redesign .scv-mock-services__phone,
body.scv-home-redesign .scv-mock-service-card,
body.scv-home-redesign .scv-mock-inquiry__form,
body.scv-home-redesign .scv-mock-footer__brand,
body.scv-home-redesign .scv-mock-footer__meta-item,
body.scv-home-redesign .scv-mock-quick__link,
body.scv-home-redesign .scv-mock-hero__vehicle {
opacity: 1;
animation: none;
}
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-services__phone,
body.scv-home-redesign .scv-mock-inquiry__submit,
body.scv-home-redesign .scv-mock-service-card,
body.scv-home-redesign .scv-mock-quick__link,
body.scv-home-redesign .scv-mock-promise__media {
transition: none;
}
}
@media (max-width: 1260px) {
body.scv-home-redesign .scv-mock-header__inner {
grid-template-columns: 190px 1fr auto;
gap: 18px;
}
body.scv-home-redesign .scv-mock-header__brand-copy {
display: none;
}
body.scv-home-redesign .scv-mock-header__brand-text {
font-size: 34px;
}
body.scv-home-redesign .scv-mock-header__nav {
gap: 24px;
}
body.scv-home-redesign .scv-mock-hero {
min-height: 820px;
}
body.scv-home-redesign .scv-mock-hero__headline {
font-size: 96px;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
font-size: 58px;
}
body.scv-home-redesign .scv-mock-promo__panel--top .scv-mock-promo__copy {
max-width: 324px;
}
body.scv-home-redesign .scv-mock-promo__panel--bottom .scv-mock-promo__copy {
max-width: 300px;
}
body.scv-home-redesign .scv-mock-service-card__body h3 {
font-size: 25px;
}
body.scv-home-redesign .scv-mock-service-card__media {
flex-basis: 170px;
}
}
@media (max-width: 1080px) {
body.scv-home-redesign .scv-mock-shell {
width: calc(100% - 28px);
}
body.scv-home-redesign .scv-mock-header__inner {
min-height: 48px;
}
body.scv-home-redesign .scv-mock-quick {
top: 132px;
right: 8px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-quick__link {
width: 58px;
min-height: 76px;
padding: 8px 6px;
}
body.scv-home-redesign .scv-mock-quick__link img {
width: 22px;
height: 22px;
}
body.scv-home-redesign .scv-mock-quick__link span {
font-size: 11px;
}
body.scv-home-redesign .scv-mock-quick__link strong {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-quick__link--top {
min-height: 50px;
}
body.scv-home-redesign .scv-mock-quick__link--top img {
width: 16px;
height: 16px;
}
body.scv-home-redesign .scv-mock-header__inner {
grid-template-columns: 160px 1fr auto;
gap: 12px;
}
body.scv-home-redesign .scv-mock-header__nav {
gap: 14px;
}
body.scv-home-redesign .scv-mock-header__nav a {
font-size: 12px;
}
body.scv-home-redesign .scv-mock-header__brand-text {
font-size: 28px;
}
body.scv-home-redesign .scv-mock-header__brand-image {
width: 104px;
}
body.scv-home-redesign .scv-mock-header__phone {
min-height: 48px;
padding: 0 16px 0 22px;
}
body.scv-home-redesign .scv-mock-header__phone strong {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-hero {
min-height: 570px;
padding-top: 0;
padding-bottom: 24px;
}
body.scv-home-redesign .scv-mock-hero__bg img {
height: calc(100% + 20px);
transform: translateY(-20px) scale(1.01);
}
body.scv-home-redesign .scv-mock-hero__inner {
padding-top: 14px;
}
body.scv-home-redesign .scv-mock-hero__eyebrow {
font-size: 15px;
}
body.scv-home-redesign .scv-mock-hero__lockup {
width: min(368px, 64vw);
}
body.scv-home-redesign .scv-mock-hero__headline {
font-size: 74px;
}
body.scv-home-redesign .scv-mock-hero__lead {
font-size: 13px;
max-width: 540px;
margin-top: 14px;
}
body.scv-home-redesign .scv-mock-hero__cta {
min-width: 238px;
min-height: 50px;
margin-top: 18px;
padding: 8px 18px 8px 15px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-hero__cta .scv-mock-phone-badge {
width: 22px;
height: 22px;
flex-basis: 22px;
}
body.scv-home-redesign .scv-mock-hero__cta strong {
font-size: 20px;
}
body.scv-home-redesign .scv-mock-hero__fleet {
height: 238px;
margin-top: 8px;
}
body.scv-home-redesign .scv-mock-hero__fleet::before {
bottom: 26px;
height: 74px;
}
body.scv-home-redesign .scv-mock-hero__fleet::after {
bottom: 22px;
height: 30px;
}
body.scv-home-redesign .scv-mock-hero__vehicle figcaption {
margin-top: 4px;
font-size: 12px;
}
body.scv-home-redesign .scv-mock-hero__vehicle--left {
left: 6%;
width: 29%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--center {
left: 31%;
width: 37%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--right {
right: 5%;
width: 29%;
}
body.scv-home-redesign .scv-mock-heading h2 {
font-size: 32px;
}
body.scv-home-redesign .scv-mock-heading p {
font-size: 14px;
margin-top: 10px;
}
body.scv-home-redesign .scv-mock-heading--lined {
gap: 14px;
}
body.scv-home-redesign .scv-mock-heading--lined::before,
body.scv-home-redesign .scv-mock-heading--lined::after {
flex-basis: 26px;
}
body.scv-home-redesign .scv-mock-heading--lined h2 {
font-size: 24px;
}
body.scv-home-redesign .scv-mock-promise {
padding: 10px 0 12px;
}
body.scv-home-redesign .scv-mock-promise__grid {
gap: 14px;
margin-top: 20px;
}
body.scv-home-redesign .scv-mock-promise__media {
width: 96px;
margin-bottom: 10px;
}
body.scv-home-redesign .scv-mock-promise__item h3 {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-promise__item p {
margin-top: 8px;
max-width: 140px;
font-size: 11px;
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-promo__panel {
grid-template-columns: 42% 58%;
min-height: 236px;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
font-size: 29px;
}
body.scv-home-redesign .scv-mock-promo__copy p {
font-size: 13px;
line-height: 1.5;
max-width: 188px;
margin-top: 12px;
}
body.scv-home-redesign .scv-mock-promo__copy {
padding: 20px 18px 16px;
}
body.scv-home-redesign .scv-mock-promo__panel--top .scv-mock-promo__copy {
max-width: 224px;
}
body.scv-home-redesign .scv-mock-promo__panel--bottom .scv-mock-promo__copy {
max-width: 212px;
}
body.scv-home-redesign .scv-mock-promo__plane {
top: 18px;
right: 32px;
width: 92px;
}
body.scv-home-redesign .scv-mock-promo__van {
right: -4px;
width: min(356px, 86%);
}
body.scv-home-redesign .scv-mock-promo__woman {
left: 18px;
width: 122px;
}
body.scv-home-redesign .scv-mock-promo__family {
right: 24px;
width: min(248px, 62%);
}
body.scv-home-redesign .scv-mock-services {
padding: 22px 0 40px;
}
body.scv-home-redesign .scv-mock-services__phone {
min-width: 198px;
min-height: 40px;
margin-top: 16px;
padding: 5px 14px 5px 11px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-services__phone .scv-mock-phone-badge {
width: 16px;
height: 16px;
flex-basis: 16px;
}
body.scv-home-redesign .scv-mock-services__phone strong {
font-size: 15px;
}
body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-top: 18px;
}
body.scv-home-redesign .scv-mock-original-guides {
padding: 24px 0 46px;
}
body.scv-home-redesign .scv-mock-original-guides__grid {
gap: 12px;
margin-top: 20px;
}
body.scv-home-redesign .scv-mock-service-card__media {
flex-basis: 92px;
}
body.scv-home-redesign .scv-mock-service-card__body {
padding: 10px 10px 12px;
}
body.scv-home-redesign .scv-mock-service-card__body h3 {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-service-card__body p {
margin-top: 6px;
font-size: 10px;
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 18px 0 34px;
}
body.scv-home-redesign .scv-mock-inquiry__form {
width: min(320px, 100%);
margin-top: 18px;
padding: 14px 14px 14px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-field {
min-height: 34px;
padding: 0 10px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-field--textarea {
padding-top: 9px;
padding-bottom: 9px;
}
body.scv-home-redesign .scv-mock-field__icon,
body.scv-home-redesign .scv-mock-field__icon svg {
width: 13px;
height: 13px;
}
body.scv-home-redesign .scv-mock-field input,
body.scv-home-redesign .scv-mock-field textarea {
font-size: 11px;
}
body.scv-home-redesign .scv-mock-inquiry__submit {
min-height: 40px;
font-size: 14px;
}
body.scv-home-redesign .scv-mock-footer {
padding: 18px 0 28px;
}
body.scv-home-redesign .scv-mock-footer__inner {
grid-template-columns: 148px 1fr;
gap: 12px;
align-items: start;
}
body.scv-home-redesign .scv-mock-footer__brand {
font-size: 28px;
}
body.scv-home-redesign .scv-mock-footer__brand-image {
width: 92px;
}
body.scv-home-redesign .scv-mock-footer__meta {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 8px 12px;
}
body.scv-home-redesign .scv-mock-footer__meta-item {
gap: 4px;
}
body.scv-home-redesign .scv-mock-footer__meta-item span {
font-size: 9px;
}
body.scv-home-redesign .scv-mock-footer__meta-item strong {
font-size: 10px;
line-height: 1.35;
}
}
@media (min-width: 681px) and (max-width: 760px) {
body.scv-home-redesign .scv-mock-header__inner {
grid-template-columns: 122px 1fr auto;
gap: 10px;
min-height: 38px;
}
body.scv-home-redesign .scv-mock-header__brand-image {
width: 92px;
}
body.scv-home-redesign .scv-mock-header__nav {
gap: 16px;
}
body.scv-home-redesign .scv-mock-header__nav a {
font-size: 10px;
}
body.scv-home-redesign .scv-mock-header__phone {
min-height: 38px;
padding: 0 12px 0 18px;
}
body.scv-home-redesign .scv-mock-header__phone svg {
width: 14px;
height: 14px;
}
body.scv-home-redesign .scv-mock-header__phone strong {
font-size: 12px;
}
body.scv-home-redesign .scv-mock-hero {
min-height: 526px;
padding-top: 0;
padding-bottom: 18px;
}
body.scv-home-redesign .scv-mock-hero__bg img {
height: calc(100% + 16px);
transform: translateY(-16px) scale(1.01);
}
body.scv-home-redesign .scv-mock-hero__inner {
padding-top: 10px;
}
body.scv-home-redesign .scv-mock-hero__eyebrow {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-hero__headline {
font-size: 84px;
margin-top: 8px;
}
body.scv-home-redesign .scv-mock-hero__lead {
max-width: 560px;
margin-top: 12px;
font-size: 14px;
}
body.scv-home-redesign .scv-mock-hero__cta {
min-width: 272px;
min-height: 52px;
margin-top: 16px;
padding: 7px 20px 7px 16px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-hero__cta .scv-mock-phone-badge {
width: 20px;
height: 20px;
flex-basis: 20px;
}
body.scv-home-redesign .scv-mock-hero__cta strong {
font-size: 21px;
}
body.scv-home-redesign .scv-mock-hero__fleet {
height: 226px;
margin-top: 8px;
}
body.scv-home-redesign .scv-mock-hero__fleet::before {
bottom: 24px;
height: 72px;
}
body.scv-home-redesign .scv-mock-hero__fleet::after {
bottom: 21px;
height: 28px;
}
body.scv-home-redesign .scv-mock-hero__vehicle figcaption {
margin-top: 3px;
font-size: 12px;
}
body.scv-home-redesign .scv-mock-hero__vehicle--left {
left: 5%;
width: 29%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--center {
left: 29.8%;
width: 38%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--right {
right: 4.5%;
width: 30%;
}
body.scv-home-redesign .scv-mock-promise {
padding: 12px 0 12px;
}
body.scv-home-redesign .scv-mock-heading--lined {
gap: 12px;
}
body.scv-home-redesign .scv-mock-heading--lined::before,
body.scv-home-redesign .scv-mock-heading--lined::after {
flex-basis: 24px;
}
body.scv-home-redesign .scv-mock-heading--lined h2 {
font-size: 22px;
}
body.scv-home-redesign .scv-mock-promise__grid {
gap: 12px;
margin-top: 18px;
}
body.scv-home-redesign .scv-mock-promise__media {
width: 124px;
margin-bottom: 12px;
}
body.scv-home-redesign .scv-mock-promise__item h3 {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-promise__item p {
margin-top: 8px;
max-width: 166px;
font-size: 12px;
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-promo {
padding: 0 0 38px;
}
body.scv-home-redesign .scv-mock-promo__panel {
grid-template-columns: 41% 59%;
min-height: 228px;
}
body.scv-home-redesign .scv-mock-promo__copy {
padding: 18px 0 0 18px;
}
body.scv-home-redesign .scv-mock-promo__panel--top .scv-mock-promo__copy {
max-width: 250px;
}
body.scv-home-redesign .scv-mock-promo__panel--bottom .scv-mock-promo__copy {
max-width: 236px;
padding-top: 18px;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
font-size: 34px;
}
body.scv-home-redesign .scv-mock-promo__copy p {
max-width: 240px;
margin-top: 10px;
font-size: 13px;
line-height: 1.48;
}
body.scv-home-redesign .scv-mock-promo__plane {
top: 16px;
right: 20px;
width: 106px;
}
body.scv-home-redesign .scv-mock-promo__van {
right: -6px;
width: min(348px, 88%);
}
body.scv-home-redesign .scv-mock-promo__woman {
left: 20px;
width: 116px;
}
body.scv-home-redesign .scv-mock-promo__scene--bottom {
overflow: hidden;
}
body.scv-home-redesign .scv-mock-promo__family {
right: 18px;
bottom: -8px;
width: min(260px, 66%);
}
body.scv-home-redesign .scv-mock-services {
padding: 20px 0 38px;
}
body.scv-home-redesign .scv-mock-heading h2 {
font-size: 30px;
}
body.scv-home-redesign .scv-mock-heading p {
margin-top: 8px;
font-size: 13px;
}
body.scv-home-redesign .scv-mock-services__phone {
min-width: 202px;
min-height: 44px;
margin-top: 14px;
}
body.scv-home-redesign .scv-mock-services__grid {
gap: 10px;
margin-top: 18px;
}
body.scv-home-redesign .scv-mock-original-guides {
padding: 22px 0 42px;
}
body.scv-home-redesign .scv-mock-original-guides__grid {
gap: 12px;
margin-top: 18px;
}
body.scv-home-redesign .scv-mock-service-card__media {
flex-basis: 112px;
}
body.scv-home-redesign .scv-mock-service-card__body {
padding: 10px 10px 12px;
}
body.scv-home-redesign .scv-mock-service-card__body h3 {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-service-card__body p {
margin-top: 6px;
font-size: 11px;
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 18px 0 32px;
}
body.scv-home-redesign .scv-mock-inquiry__form {
width: min(320px, 100%);
margin-top: 16px;
padding: 14px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-field {
min-height: 34px;
padding: 0 10px;
}
body.scv-home-redesign .scv-mock-field--textarea {
padding-top: 9px;
padding-bottom: 9px;
}
body.scv-home-redesign .scv-mock-field input,
body.scv-home-redesign .scv-mock-field textarea {
font-size: 11px;
}
body.scv-home-redesign .scv-mock-inquiry__submit {
min-height: 40px;
font-size: 14px;
}
body.scv-home-redesign .scv-mock-footer {
padding: 18px 0 26px;
}
body.scv-home-redesign .scv-mock-footer__inner {
grid-template-columns: 110px 1fr;
gap: 10px;
}
body.scv-home-redesign .scv-mock-footer__brand-image {
width: 88px;
}
body.scv-home-redesign .scv-mock-footer__meta {
gap: 8px 10px;
}
body.scv-home-redesign .scv-mock-footer__meta-item {
gap: 4px;
}
body.scv-home-redesign .scv-mock-footer__meta-item span {
font-size: 9px;
}
body.scv-home-redesign .scv-mock-footer__meta-item strong {
font-size: 10px;
line-height: 1.3;
}
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-shell {
width: calc(100% - 24px);
}
body.scv-home-redesign .scv-mock-quick {
top: auto;
bottom: max(var(--scv-quick-bottom, 24px), calc(env(safe-area-inset-bottom, 0px) + 24px));
right: 8px;
z-index: 95;
display: flex;
gap: 4px;
}
body.scv-home-redesign .scv-mock-header__inner {
grid-template-columns: 1fr auto;
min-height: 60px;
}
body.scv-home-redesign .scv-mock-header__nav {
display: none;
}
body.scv-home-redesign .scv-mock-header__brand-text {
font-size: 28px;
}
body.scv-home-redesign .scv-mock-header__phone {
min-height: 40px;
padding: 0 16px 0 18px;
clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%, 0 14px);
}
body.scv-home-redesign .scv-mock-header__phone strong {
font-size: 15px;
}
body.scv-home-redesign .scv-mock-hero {
min-height: 700px;
padding-top: 38px;
}
body.scv-home-redesign .scv-mock-hero__eyebrow {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-hero__headline {
font-size: 64px;
}
body.scv-home-redesign .scv-mock-hero__lead {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-hero__lead-mobile-line {
display: block;
}
body.scv-home-redesign .scv-mock-hero__cta,
body.scv-home-redesign .scv-mock-services__phone {
min-width: 244px;
min-height: 50px;
gap: 10px;
padding: 7px 18px 7px 14px;
}
body.scv-home-redesign .scv-mock-hero__cta .scv-mock-phone-badge,
body.scv-home-redesign .scv-mock-services__phone .scv-mock-phone-badge {
width: 18px;
height: 18px;
flex-basis: 18px;
}
body.scv-home-redesign .scv-mock-hero__cta strong,
body.scv-home-redesign .scv-mock-services__phone strong {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-hero__fleet {
height: 314px;
margin-top: 32px;
}
body.scv-home-redesign .scv-mock-hero__fleet::before {
bottom: 30px;
height: 108px;
}
body.scv-home-redesign .scv-mock-hero__fleet::after {
bottom: 28px;
height: 46px;
}
body.scv-home-redesign .scv-mock-hero__vehicle figcaption {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-heading h2 {
font-size: 42px;
}
body.scv-home-redesign .scv-mock-heading p {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-heading--lined {
gap: clamp(8px, 2.8vw, 14px);
}
body.scv-home-redesign .scv-mock-heading--lined::before,
body.scv-home-redesign .scv-mock-heading--lined::after {
flex-basis: clamp(20px, 7vw, 36px);
}
body.scv-home-redesign .scv-mock-heading--lined h2 {
font-size: clamp(25px, 7.6vw, 34px);
white-space: nowrap;
}
body.scv-home-redesign .scv-mock-promise {
padding-top: 14px;
}
body.scv-home-redesign .scv-mock-promise__grid {
grid-template-columns: 1fr;
gap: 26px;
}
body.scv-home-redesign .scv-mock-promise__media {
width: 142px;
margin-bottom: 18px;
}
body.scv-home-redesign .scv-mock-promise__item h3 {
max-width: 11em;
margin-inline: auto;
font-size: clamp(20px, 5.9vw, 24px);
line-height: 1.22;
}
body.scv-home-redesign .scv-mock-promise__item p {
max-width: 13em;
font-size: clamp(15px, 4.4vw, 17px);
line-height: 1.5;
}
body.scv-home-redesign .scv-mock-promo__panel {
grid-template-columns: 1fr;
min-height: 0;
}
body.scv-home-redesign .scv-mock-promo__panel::after {
background: linear-gradient(180deg, rgba(8, 21, 61, 0.92) 0%, rgba(8, 21, 61, 0.78) 48%, rgba(8, 21, 61, 0.2) 100%);
}
body.scv-home-redesign .scv-mock-promo__copy {
max-width: 100%;
padding: 28px 24px 0;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
max-width: none;
font-size: clamp(29px, 8.4vw, 36px);
line-height: 1.4;
}
body.scv-home-redesign .scv-mock-promo__copy p {
max-width: none;
font-size: clamp(15px, 4.3vw, 17px);
line-height: 1.5;
}
body.scv-home-redesign .scv-mock-promo__scene {
display: none;
}
body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.scv-home-redesign .scv-mock-original-guides {
padding: 30px 0 54px;
}
body.scv-home-redesign .scv-mock-original-guides__grid {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 24px;
}
body.scv-home-redesign .scv-mock-service-card__body h3 {
font-size: 22px;
}
body.scv-home-redesign .scv-mock-service-card__body p {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-service-card__media {
flex-basis: 160px;
}
body.scv-home-redesign .scv-mock-inquiry {
padding-top: 32px;
}
body.scv-home-redesign .scv-mock-inquiry__form {
padding: 20px 18px 18px;
}
body.scv-home-redesign .scv-mock-field {
min-height: 52px;
padding: 0 14px;
}
body.scv-home-redesign .scv-mock-field input,
body.scv-home-redesign .scv-mock-field textarea {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-inquiry__submit {
min-height: 58px;
font-size: 20px;
}
body.scv-home-redesign .scv-mock-footer {
padding: 22px 0 96px;
}
body.scv-home-redesign .scv-mock-footer__brand {
justify-content: flex-start;
font-size: 34px;
}
body.scv-home-redesign .scv-mock-footer__inner {
grid-template-columns: 1fr;
gap: 16px;
align-items: start;
}
body.scv-home-redesign .scv-mock-footer__brand-image {
width: 96px;
}
body.scv-home-redesign .scv-mock-footer__meta {
grid-template-columns: 1fr;
gap: 0;
}
body.scv-home-redesign .scv-mock-footer__meta-item {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 8px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body.scv-home-redesign .scv-mock-footer__meta-item:first-child {
border-top: 0;
padding-top: 0;
}
body.scv-home-redesign .scv-mock-footer__meta-item span {
font-size: 12px;
line-height: 1.45;
}
body.scv-home-redesign .scv-mock-footer__meta-item strong {
font-size: 14px;
line-height: 1.5;
word-break: keep-all;
}
}
@media (max-width: 520px) {
body.scv-home-redesign .scv-mock-hero {
min-height: 640px;
}
body.scv-home-redesign .scv-mock-hero__headline {
font-size: 52px;
}
body.scv-home-redesign .scv-mock-hero__lead {
font-size: 15px;
}
body.scv-home-redesign .scv-mock-hero__fleet {
height: 276px;
}
body.scv-home-redesign .scv-mock-hero__vehicle--left {
left: -4%;
width: 38%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--center {
left: 27%;
width: 46%;
}
body.scv-home-redesign .scv-mock-hero__vehicle--right {
right: -5%;
width: 40%;
}
body.scv-home-redesign .scv-mock-heading h2 {
font-size: 34px;
}
body.scv-home-redesign .scv-mock-original-guides .scv-mock-heading h2 {
font-size: clamp(24px, 7.2vw, 34px);
white-space: nowrap;
}
body.scv-home-redesign .scv-mock-heading p {
font-size: 16px;
}
body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: 1fr;
}
body.scv-home-redesign .scv-mock-original-guides {
padding: 24px 0 46px;
}
body.scv-home-redesign .scv-mock-original-guides__grid {
gap: 14px;
}
body.scv-home-redesign .scv-mock-service-card__media {
flex-basis: 190px;
}
body.scv-home-redesign .scv-mock-promo__copy {
max-width: 100%;
padding: 24px 20px 0;
}
body.scv-home-redesign .scv-mock-promo__copy h2 {
max-width: none;
font-size: clamp(26px, 8.6vw, 32px);
}
body.scv-home-redesign .scv-mock-promo__copy p {
max-width: none;
margin-top: 12px;
font-size: clamp(14px, 4.15vw, 15px);
line-height: 1.48;
}
body.scv-home-redesign .scv-mock-promise__item h3 {
max-width: 10em;
font-size: clamp(18px, 6.2vw, 22px);
}
body.scv-home-redesign .scv-mock-promise__item p {
max-width: 11.8em;
font-size: clamp(14px, 4.7vw, 16px);
}
body.scv-home-redesign .scv-mock-footer__brand-image {
width: 88px;
}
body.scv-home-redesign .scv-mock-footer__meta-item {
grid-template-columns: 82px minmax(0, 1fr);
gap: 8px;
padding: 7px 0;
}
body.scv-home-redesign .scv-mock-footer__meta-item span {
font-size: 11px;
}
body.scv-home-redesign .scv-mock-footer__meta-item strong {
font-size: 13px;
line-height: 1.45;
}
} body.scv-home-redesign .scv-mock-hero__cta-link,
body.scv-home-redesign .scv-mock-services__cta-link,
body.scv-home-redesign .scv-mock-quick__item {
line-height: 0;
text-decoration: none;
}
body.scv-home-redesign .scv-mock-quick__item {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
body.scv-home-redesign .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-image,
body.scv-home-redesign .scv-mock-inquiry__submit-image,
body.scv-home-redesign .scv-mock-quick__image {
display: block;
height: auto;
max-width: 100%;
}
body.scv-home-redesign .scv-mock-hero__cta-image {
width: min(394px, 100%);
margin: 22px auto 0;
}
body.scv-home-redesign .scv-mock-services__cta-image {
width: min(284px, 100%);
margin: 18px auto 0;
}
body.scv-home-redesign .scv-mock-inquiry__submit-image {
width: 100%;
margin-top: 4px;
}
body.scv-home-redesign .scv-mock-inquiry__submit-input {
appearance: none;
-webkit-appearance: none;
border: 0;
padding: 0;
background: none;
cursor: pointer;
}
body.scv-home-redesign .scv-mock-quick__image {
width: 100%;
}
body.scv-home-redesign .scv-mock-quick__image--top {
width: 56px;
}
body.scv-home-redesign .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-image,
body.scv-home-redesign .scv-mock-inquiry__submit-image,
body.scv-home-redesign .scv-mock-quick__image {
transition:
transform 0.24s ease,
filter 0.24s ease;
}
body.scv-home-redesign .scv-mock-hero__cta-link:hover .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-link:hover .scv-mock-services__cta-image {
transform: translate3d(0, -3px, 0);
filter: drop-shadow(0 16px 24px rgba(4, 17, 58, 0.22));
}
body.scv-home-redesign .scv-mock-quick__item:hover .scv-mock-quick__image {
transform: translate3d(0, -4px, 0);
filter: drop-shadow(0 12px 18px rgba(4, 17, 58, 0.24));
}
body.scv-home-redesign .scv-mock-inquiry__submit-input:hover {
transform: translate3d(0, -3px, 0);
filter: drop-shadow(0 16px 24px rgba(4, 17, 58, 0.22));
}
@media (max-width: 1080px) {
body.scv-home-redesign .scv-mock-hero__cta-image {
width: min(264px, 100%);
}
body.scv-home-redesign .scv-mock-services__cta-image {
width: min(224px, 100%);
}
body.scv-home-redesign .scv-mock-quick {
width: 76px;
}
body.scv-home-redesign .scv-mock-quick__image--top {
width: 42px;
}
}
@media (min-width: 681px) and (max-width: 760px) {
body.scv-home-redesign .scv-mock-hero__cta-image {
width: min(298px, 100%);
}
body.scv-home-redesign .scv-mock-services__cta-image {
width: min(230px, 100%);
}
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-image {
width: min(270px, 100%);
}
body.scv-home-redesign .scv-mock-quick {
top: auto;
bottom: 24px;
right: 8px;
z-index: 95;
display: flex;
gap: 7px;
width: 66px;
}
body.scv-home-redesign .scv-mock-quick__image--top {
width: 38px;
}
body.scv-home-redesign .scv-mock-mobile-quick,
body.scv-home-redesign .scv-mobile-fab--landing {
display: none !important;
}
}
@media (max-width: 520px) {
body.scv-home-redesign .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-image {
width: min(246px, 100%);
}
body.scv-home-redesign .scv-mock-quick {
top: auto;
bottom: max(var(--scv-quick-bottom, 14px), calc(env(safe-area-inset-bottom, 0px) + 14px));
right: 6px;
gap: 10px;
width: 50px;
}
body.scv-home-redesign .scv-mock-quick__image--top {
width: 34px;
}
}
@media (prefers-reduced-motion: reduce) {
body.scv-home-redesign .scv-mock-hero__cta-image,
body.scv-home-redesign .scv-mock-services__cta-image,
body.scv-home-redesign .scv-mock-inquiry__submit-image,
body.scv-home-redesign .scv-mock-quick__image {
transition: none;
}
} body.scv-home-redesign .scv-mock-subhero__title,
body.scv-home-redesign .scv-mock-subhero__lead,
body.scv-home-redesign .scv-mock-page-section__head h2,
body.scv-home-redesign .scv-mock-page-section__head p,
body.scv-home-redesign .scv-mock-feature-card__body h3,
body.scv-home-redesign .scv-mock-feature-card__body p {
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
body.scv-home-redesign .scv-mock-mobile-quick a {
color: inherit;
text-decoration: none;
}
@media (max-width: 1080px) {
body.scv-home-redesign .scv-mock-subhero {
padding: 40px 0 34px;
}
body.scv-home-redesign .scv-mock-subhero__inner {
grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
gap: 22px;
}
body.scv-home-redesign .scv-mock-subhero__eyebrow {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-subhero__title {
margin-top: 10px;
font-size: clamp(38px, 5vw, 56px);
}
body.scv-home-redesign .scv-mock-subhero__lead {
margin-top: 14px;
font-size: 15px;
line-height: 1.55;
}
body.scv-home-redesign .scv-mock-subhero__media {
padding: 12px;
}
body.scv-home-redesign .scv-mock-note-card {
padding: 18px 18px 16px;
}
body.scv-home-redesign .scv-mock-note-list li {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-page-section {
padding: 20px 0 34px;
}
body.scv-home-redesign .scv-mock-page-section__head {
margin-bottom: 18px;
}
body.scv-home-redesign .scv-mock-page-section__head h2 {
font-size: clamp(24px, 4vw, 34px);
}
body.scv-home-redesign .scv-mock-page-section__head p {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-feature-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
body.scv-home-redesign .scv-mock-feature-card__body {
padding: 16px 16px 18px;
}
body.scv-home-redesign .scv-mock-feature-card__body h3 {
font-size: 20px;
}
body.scv-home-redesign .scv-mock-feature-card__body p {
margin-top: 10px;
font-size: 14px;
line-height: 1.52;
}
body.scv-home-redesign .scv-mock-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.scv-home-redesign .scv-mock-poster-frame,
body.scv-home-redesign .scv-mock-page-form-card,
body.scv-home-redesign .scv-mock-board-shell {
padding: 16px;
}
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-home {
padding-bottom: 0;
}
body.scv-home-redesign .scv-mock-subhero {
padding: 26px 0 24px;
}
body.scv-home-redesign .scv-mock-subhero__inner {
grid-template-columns: 1fr;
gap: 18px;
}
body.scv-home-redesign .scv-mock-subhero__copy {
max-width: none;
}
body.scv-home-redesign .scv-mock-subhero__title {
font-size: clamp(34px, 11vw, 52px);
line-height: 1;
}
body.scv-home-redesign .scv-mock-subhero__lead {
font-size: 15px;
max-width: none;
}
body.scv-home-redesign .scv-mock-subhero__cta-link {
margin-top: 18px;
}
body.scv-home-redesign .scv-mock-subhero__media {
padding: 10px;
}
body.scv-home-redesign .scv-mock-subhero__aside {
order: 2;
}
body.scv-home-redesign .scv-mock-note-card {
padding: 16px;
}
body.scv-home-redesign .scv-mock-note-list {
margin-top: 12px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-note-list li {
font-size: 14px;
}
body.scv-home-redesign .scv-mock-page-section {
padding: 18px 0 26px;
}
body.scv-home-redesign .scv-mock-page-section__head {
margin-bottom: 14px;
}
body.scv-home-redesign .scv-mock-page-section__head h2 {
font-size: 28px;
}
body.scv-home-redesign .scv-mock-page-section__head p {
font-size: 14px;
line-height: 1.55;
}
body.scv-home-redesign .scv-mock-feature-grid,
body.scv-home-redesign .scv-mock-gallery-grid {
grid-template-columns: 1fr;
gap: 12px;
}
body.scv-home-redesign .scv-mock-feature-card__body {
padding: 16px 16px 18px;
}
body.scv-home-redesign .scv-mock-feature-card__body h3 {
font-size: 20px;
}
body.scv-home-redesign .scv-mock-feature-card__body p {
font-size: 14px;
line-height: 1.52;
}
body.scv-home-redesign .scv-mock-gallery-card img {
aspect-ratio: 1.18;
}
body.scv-home-redesign .scv-mock-poster-frame,
body.scv-home-redesign .scv-mock-page-form-card,
body.scv-home-redesign .scv-mock-board-shell {
padding: 14px;
}
body.scv-home-redesign .scv-mock-page-form-card__intro {
margin-bottom: 12px;
font-size: 14px;
line-height: 1.55;
}
body.scv-home-redesign .scv-mock-mobile-quick {
display: none;
}
body.scv-home-redesign .scv-mock-mobile-quick a {
display: none;
}
}
@media (max-width: 520px) {
body.scv-home-redesign .scv-mock-subhero {
padding: 22px 0 20px;
}
body.scv-home-redesign .scv-mock-subhero__eyebrow {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-subhero__title {
margin-top: 8px;
font-size: 30px;
}
body.scv-home-redesign .scv-mock-subhero__lead {
margin-top: 12px;
font-size: 14px;
}
body.scv-home-redesign .scv-mock-feature-card__body h3 {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-page-section__head h2 {
font-size: 24px;
}
body.scv-home-redesign .scv-mock-mobile-quick a {
min-height: 50px;
font-size: 12px;
}
}   .scv-main {
padding-bottom: 72px;
}
.scv-section {
padding: 44px 0;
}
.scv-page-title {
margin: 24px 0 28px;
font-size: clamp(24px, 2.9vw, 36px);
}
.scv-content {
line-height: 1.74;
}
.scv-content p {
margin: 0 0 18px;
}
.scv-content ul,
.scv-content ol {
margin: 0 0 18px 22px;
}
.scv-content li + li {
margin-top: 6px;
}
.scv-card--form .scv-button {
background: linear-gradient(180deg, #2c7af4 0%, #1a56d0 100%);
color: #ffffff;
box-shadow: 0 14px 28px rgba(8, 22, 61, 0.16);
}
body.scv-home-redesign .scv-mock-hero {
padding-bottom: 64px;
}
body.scv-home-redesign .scv-mock-hero__inner {
padding-top: 36px;
}
body.scv-home-redesign .scv-mock-hero__lead {
margin-top: 22px;
line-height: 1.5;
}
body.scv-home-redesign .scv-mock-hero__fleet {
margin-top: 34px;
}
body.scv-home-redesign .scv-mock-promise {
padding: 46px 0 22px;
}
body.scv-home-redesign .scv-mock-heading p {
margin-top: 20px;
line-height: 1.52;
}
body.scv-home-redesign .scv-mock-promise__grid {
margin-top: 48px;
gap: 34px;
}
body.scv-home-redesign .scv-mock-promise__media {
margin-bottom: 26px;
}
body.scv-home-redesign .scv-mock-promise__item p {
margin-top: 16px;
line-height: 1.58;
}
body.scv-home-redesign .scv-mock-promo {
padding: 0 0 88px;
}
body.scv-home-redesign .scv-mock-promo__copy {
padding: 50px 46px 42px;
}
body.scv-home-redesign .scv-mock-promo__copy p {
margin-top: 24px;
}
body.scv-home-redesign .scv-mock-services {
padding: 44px 0 96px;
}
body.scv-home-redesign .scv-mock-services__phone {
margin-top: 32px;
}
body.scv-home-redesign .scv-mock-services__grid {
margin-top: 40px;
gap: 18px;
}
body.scv-home-redesign .scv-mock-service-card__body {
padding: 18px 18px 22px;
}
body.scv-home-redesign .scv-mock-service-card__body p {
margin-top: 12px;
line-height: 1.55;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 54px 0 96px;
}
body.scv-home-redesign .scv-mock-inquiry__form {
gap: 16px;
margin-top: 40px;
padding: 28px 28px 26px;
}
body.scv-home-redesign .scv-mock-footer {
padding-top: 28px;
}
body.scv-home-redesign .scv-mock-subhero {
padding: 72px 0 60px;
}
body.scv-home-redesign .scv-mock-subhero__inner {
gap: 42px;
}
body.scv-home-redesign .scv-mock-subhero__title {
margin-top: 16px;
}
body.scv-home-redesign .scv-mock-subhero__lead {
margin-top: 22px;
line-height: 1.68;
}
body.scv-home-redesign .scv-mock-subhero__cta-link {
margin-top: 26px;
}
body.scv-home-redesign .scv-mock-note-card {
padding: 26px 26px 24px;
}
body.scv-home-redesign .scv-mock-note-list {
margin-top: 18px;
gap: 12px;
}
body.scv-home-redesign .scv-mock-page-section {
padding: 44px 0 68px;
}
body.scv-home-redesign .scv-mock-page-section__head {
margin-bottom: 30px;
}
body.scv-home-redesign .scv-mock-page-section__head p {
margin-top: 16px;
line-height: 1.68;
}
body.scv-home-redesign .scv-mock-feature-grid {
gap: 22px;
}
body.scv-home-redesign .scv-mock-feature-card__body {
padding: 24px 24px 26px;
}
body.scv-home-redesign .scv-mock-feature-card__body h3 {
margin-top: 14px;
}
body.scv-home-redesign .scv-mock-feature-card__body p {
margin-top: 14px;
line-height: 1.62;
}
body.scv-home-redesign .scv-mock-gallery-grid {
gap: 20px;
}
body.scv-home-redesign .scv-mock-poster-frame {
padding: 22px;
}
body.scv-home-redesign .scv-mock-page-form-card {
padding: 28px;
}
body.scv-home-redesign .scv-mock-page-form-card__intro {
margin-bottom: 22px;
line-height: 1.72;
}
body.scv-home-redesign .scv-mock-board-shell {
padding: 32px;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__cta-link {
display: block;
width: min(284px, 100%);
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero {
display: flex;
min-height: 370px;
align-items: center;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__inner {
width: 100%;
grid-template-columns: 1fr;
place-items: center;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__copy {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0;
max-width: 860px;
margin: 0 auto;
text-align: center;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-eyebrow {
margin: 0;
font-size: clamp(19px, 2.25vw, 24px);
font-weight: 700;
line-height: 1.2;
color: rgba(255, 255, 255, 0.92);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-eyebrow-accent {
display: inline-block;
color: transparent;
background: linear-gradient(180deg, #ffffff 0%, #ecf7ff 34%, #9fd9ff 68%, #dff3ff 100%);
-webkit-background-clip: text;
background-clip: text;
text-shadow:
0 0 10px rgba(139, 205, 255, 0.16),
0 1px 0 rgba(255, 255, 255, 0.18);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-name {
margin: 12px 0 0;
font-size: clamp(72px, 9vw, 118px);
font-weight: 900;
line-height: 0.92;
color: transparent;
background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 26%, #6dc5ff 74%, #dff2ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-stroke: 1px rgba(27, 59, 120, 0.22);
text-shadow:
0 0 18px rgba(75, 153, 255, 0.18),
0 10px 22px rgba(5, 12, 36, 0.2);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-lead {
margin: 18px auto 0;
max-width: 760px;
font-size: clamp(19px, 2.35vw, 24px);
font-weight: 500;
line-height: 1.42;
color: rgba(255, 255, 255, 0.9);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-lead span {
display: block;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__title {
margin: 30px 0 0;
font-size: clamp(34px, 4.4vw, 48px);
font-weight: 900;
line-height: 1.05;
color: #ffffff;
text-shadow: 0 8px 20px rgba(3, 10, 32, 0.36);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__cta-link .scv-mock-services__cta-image {
width: 100%;
margin: 0;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-gallery-card img {
aspect-ratio: 2 / 1;
}
body.scv-home-redesign .scv-mock-home-vehicles .scv-mock-gallery-card img {
aspect-ratio: 2 / 1;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-gallery-card.scv-mock-gallery-card--single {
max-width: 760px;
margin: 0 auto;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-gallery-card.scv-mock-gallery-card--single img {
aspect-ratio: auto;
height: auto;
object-fit: contain;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-vehicle-guide__cta-link {
display: block;
width: min(284px, 100%);
margin: 24px auto 0;
line-height: 0;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-vehicle-guide__cta-link .scv-mock-services__cta-image {
width: 100%;
margin: 0;
}
body.scv-home-redesign .scv-mock-poster-frame--service-card {
margin-bottom: 22px;
}
.scv-vehicle-guide__cta-link {
display: block;
width: min(284px, 100%);
margin: 24px auto 0;
line-height: 0;
text-decoration: none;
}
.scv-vehicle-guide__cta-image {
display: block;
width: 100%;
height: auto;
}
.scv-notice {
padding-top: 24px;
}
.scv-notice__header {
padding-bottom: 20px;
}
.scv-notice__desc {
margin-top: 14px;
font-size: 16px;
line-height: 1.64;
}
.scv-notice__toolbar {
padding: 18px 0 14px;
}
.scv-board__head th {
padding: 18px 16px;
font-size: 15px;
}
.scv-board__cell {
padding: 18px 16px;
line-height: 1.48;
}
.scv-board__row--empty .scv-board__cell--empty {
padding: 48px 16px;
}
.scv-notice__meta {
margin-top: 18px;
gap: 12px 18px;
padding-top: 14px;
padding-bottom: 14px;
}
.scv-notice__thumb {
margin-top: 24px;
}
.scv-notice__footer {
margin-top: 30px;
padding-top: 20px;
}
.scv-notice__nav {
gap: 14px;
}
.scv-notice__nav-link {
gap: 8px;
padding: 16px 18px;
}
.scv-notice__actions {
margin-top: 16px;
}
.scv-pagination {
padding-top: 22px;
}
body.scv-home-redesign .scv-notice--preview .scv-notice__header {
border-bottom-color: rgba(207, 223, 255, 0.18);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__desc,
body.scv-home-redesign .scv-notice--preview .scv-notice__meta-value,
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-title {
color: rgba(236, 244, 255, 0.9);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__meta,
body.scv-home-redesign .scv-notice--preview .scv-notice__footer {
border-color: rgba(207, 223, 255, 0.18);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__meta-label,
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-label {
color: rgba(219, 233, 255, 0.56);
}
body.scv-home-redesign .scv-notice--preview .scv-content,
body.scv-home-redesign .scv-notice--preview .scv-content p,
body.scv-home-redesign .scv-notice--preview .scv-content ul,
body.scv-home-redesign .scv-notice--preview .scv-content ol,
body.scv-home-redesign .scv-notice--preview .scv-content li {
color: rgba(235, 243, 255, 0.88);
}
body.scv-home-redesign .scv-notice--preview .scv-content strong,
body.scv-home-redesign .scv-notice--preview .scv-content b {
color: #ffffff;
}
body.scv-home-redesign .scv-notice--preview .scv-content a {
color: #8fd6ff;
}
body.scv-home-redesign .scv-notice--preview .scv-content h2,
body.scv-home-redesign .scv-notice--preview .scv-content h3 {
color: #ffffff;
}
body.scv-home-redesign .scv-notice--preview .scv-content .scv-card,
body.scv-home-redesign .scv-notice--preview .scv-content .scv-card p,
body.scv-home-redesign .scv-notice--preview .scv-content .scv-card li {
color: var(--scv-fg);
}
body.scv-home-redesign .scv-notice--preview .scv-content .scv-card__title,
body.scv-home-redesign .scv-notice--preview .scv-content .scv-field label {
color: var(--scv-brand);
}
body.scv-home-redesign .scv-notice--preview .scv-content .scv-card__kicker {
color: var(--scv-muted);
}
body.scv-home-redesign .scv-notice--preview .scv-board {
overflow: hidden;
border-top-color: rgba(104, 204, 255, 0.34);
border-bottom-color: rgba(188, 210, 245, 0.24);
border-radius: 8px;
background: #f8fbff;
box-shadow: 0 18px 36px rgba(2, 10, 33, 0.12);
}
body.scv-home-redesign .scv-notice--preview .scv-board__head th {
color: #133c85;
background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
}
body.scv-home-redesign .scv-notice--preview .scv-board__row {
background: rgba(255, 255, 255, 0.98);
}
body.scv-home-redesign .scv-notice--preview .scv-board__row:nth-child(even) {
background: #f5f9ff;
}
body.scv-home-redesign .scv-notice--preview .scv-board__row:hover {
background: #eef5ff;
}
body.scv-home-redesign .scv-notice--preview .scv-board__cell--title,
body.scv-home-redesign .scv-notice--preview .scv-board__link {
color: #15356f;
}
body.scv-home-redesign .scv-notice--preview .scv-board__cell--num,
body.scv-home-redesign .scv-notice--preview .scv-board__cell--date,
body.scv-home-redesign .scv-notice--preview .scv-board__cell--author,
body.scv-home-redesign .scv-notice--preview .scv-board__meta-date {
color: #66758c;
}
body.scv-home-redesign .scv-notice--preview .scv-badge--pinned {
background: rgba(24, 88, 196, 0.1);
color: #164490;
border-color: rgba(24, 88, 196, 0.16);
}
body.scv-home-redesign .scv-notice--preview .scv-input {
border-color: rgba(157, 188, 235, 0.46);
background: rgba(248, 251, 255, 0.98);
color: #15356f;
}
body.scv-home-redesign .scv-notice--preview .scv-input::placeholder {
color: #7d8aa0;
}
body.scv-home-redesign .scv-notice--preview .scv-btn {
border-color: rgba(170, 196, 236, 0.38);
background: linear-gradient(180deg, rgba(249, 252, 255, 0.98) 0%, rgba(235, 243, 255, 0.96) 100%);
color: #14397d;
box-shadow: 0 10px 20px rgba(4, 17, 58, 0.08);
}
body.scv-home-redesign .scv-notice--preview .scv-btn--primary,
body.scv-home-redesign .scv-notice--preview .scv-notice__actions .scv-btn {
border-color: transparent;
background: linear-gradient(180deg, #1e67e5 0%, #154dbf 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(4, 17, 58, 0.16);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-link {
border-color: rgba(198, 219, 255, 0.18);
background: linear-gradient(180deg, rgba(12, 28, 69, 0.94) 0%, rgba(10, 24, 58, 0.94) 100%);
box-shadow: 0 18px 28px rgba(1, 10, 32, 0.18);
}
body.scv-home-redesign .scv-notice--preview .scv-notice__nav-link:hover {
filter: brightness(1.04);
}
body.scv-home-redesign .scv-notice--preview .scv-pagination .page-numbers a,
body.scv-home-redesign .scv-notice--preview .scv-pagination .page-numbers span {
border-color: rgba(185, 211, 255, 0.16);
background: rgba(8, 21, 56, 0.86);
color: rgba(255, 255, 255, 0.9);
}
body.scv-home-redesign .scv-notice--preview .scv-pagination .page-numbers .current {
border-color: transparent;
background: linear-gradient(180deg, #2b7df7 0%, #184fcc 100%);
color: #ffffff;
}
body.scv-home-redesign .scv-notice--preview .scv-card--form .scv-button,
body.scv-home-redesign .scv-card--preview-form .scv-button {
background: linear-gradient(180deg, #2b79f1 0%, #174ec5 100%);
color: #ffffff;
}
@media (max-width: 1080px) {
.scv-main {
padding-bottom: 64px;
}
.scv-section {
padding: 38px 0;
}
body.scv-home-redesign .scv-mock-promise {
padding: 38px 0 18px;
}
body.scv-home-redesign .scv-mock-promo {
padding: 0 0 74px;
}
body.scv-home-redesign .scv-mock-services {
padding: 36px 0 82px;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 44px 0 84px;
}
body.scv-home-redesign .scv-mock-subhero {
padding: 54px 0 46px;
}
body.scv-home-redesign .scv-mock-page-section {
padding: 32px 0 52px;
}
body.scv-home-redesign .scv-mock-page-form-card,
body.scv-home-redesign .scv-mock-board-shell {
padding: 24px;
}
}
@media (max-width: 720px) {
.scv-section {
padding: 30px 0;
}
.scv-page-title {
margin: 18px 0 22px;
}
.scv-notice {
padding-top: 16px;
}
.scv-notice__desc {
font-size: 15px;
}
.scv-notice__toolbar {
padding: 16px 0 12px;
}
.scv-board__head th,
.scv-board__cell {
padding: 16px 12px;
}
.scv-notice__footer {
margin-top: 24px;
}
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-page .scv-mock-subhero {
min-height: 370px;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-eyebrow {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-name {
font-size: clamp(54px, 14.5vw, 62px);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__brand-lead {
font-size: 18px;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__title {
font-size: 32px;
}
body.scv-home-redesign .scv-mock-hero {
padding-bottom: 52px;
}
body.scv-home-redesign .scv-mock-promise {
padding: 28px 0 16px;
}
body.scv-home-redesign .scv-mock-promise__grid {
margin-top: 34px;
gap: 22px;
}
body.scv-home-redesign .scv-mock-promo {
padding: 0 0 56px;
}
body.scv-home-redesign .scv-mock-promo__copy {
padding: 32px 24px 22px;
}
body.scv-home-redesign .scv-mock-services {
padding: 30px 0 60px;
}
body.scv-home-redesign .scv-mock-services__grid {
margin-top: 28px;
}
body.scv-home-redesign .scv-mock-inquiry {
padding: 34px 0 62px;
}
body.scv-home-redesign .scv-mock-inquiry__form {
margin-top: 28px;
padding: 20px 18px 18px;
}
body.scv-home-redesign .scv-mock-subhero {
padding: 34px 0 30px;
}
body.scv-home-redesign .scv-mock-subhero__lead {
margin-top: 16px;
}
body.scv-home-redesign .scv-mock-note-card {
padding: 20px 18px 18px;
}
body.scv-home-redesign .scv-mock-page-section {
padding: 26px 0 40px;
}
body.scv-home-redesign .scv-mock-page-section__head {
margin-bottom: 20px;
}
body.scv-home-redesign .scv-mock-feature-card__body {
padding: 18px 18px 20px;
}
body.scv-home-redesign .scv-mock-poster-frame,
body.scv-home-redesign .scv-mock-page-form-card,
body.scv-home-redesign .scv-mock-board-shell {
padding: 18px;
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__cta-link {
display: block;
width: min(284px, 100%);
}
body.scv-home-redesign .scv-mock-page .scv-mock-subhero__cta-link .scv-mock-services__cta-image {
margin: 0;
}
body.scv-home-redesign .scv-mock-page--vehicles .scv-mock-gallery-card img {
aspect-ratio: 5 / 3;
}
body.scv-home-redesign .scv-mock-home-vehicles .scv-mock-gallery-card img {
aspect-ratio: 5 / 3;
}
}
.scv-card--form.scv-card--inquiry-unified {
width: min(100%, 540px);
max-width: 540px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 8px;
background: #ffffff;
box-shadow: 0 24px 46px rgba(1, 8, 24, 0.18);
padding: 22px;
}
.scv-mock-inquiry .scv-card--form.scv-card--inquiry-unified {
margin-top: 34px;
}
body.scv-home-redesign .scv-mock-page--inquiry .scv-mock-page-form-card {
max-width: 640px;
margin: 0 auto;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
body.scv-home-redesign .scv-mock-page--inquiry .scv-mock-page-form-card__intro {
max-width: 620px;
margin: 0 auto 22px;
text-align: center;
color: rgba(255, 255, 255, 0.84);
}
body.scv-home-redesign .scv-mock-page--inquiry .scv-mock-page-form-card__intro > *:first-child {
margin-top: 0;
}
body.scv-home-redesign .scv-mock-page--inquiry .scv-mock-page-form-card__intro > *:last-child {
margin-bottom: 0;
}
body.scv-home-redesign .scv-notice__content .scv-inquiry-embed,
.scv-section > .scv-inquiry-embed {
display: block;
width: 100%;
max-width: none;
}
body.scv-home-redesign .scv-notice__content .scv-inquiry-embed .scv-card--inquiry-unified,
.scv-section > .scv-inquiry-embed .scv-card--inquiry-unified {
margin-left: auto;
margin-right: auto;
}
.scv-card--form.scv-card--inquiry-unified .scv-card__title {
margin: 0;
font-size: 22px;
font-weight: 900;
line-height: 1.05;
color: #113b84;
}
.scv-card--form.scv-card--inquiry-unified .scv-card__kicker {
margin: 10px 0 0;
font-size: 15px;
font-weight: 600;
line-height: 1.55;
color: #6b7a92;
}
.scv-card--form.scv-card--inquiry-unified .scv-alert {
margin-bottom: 12px;
}
.scv-card--form.scv-card--inquiry-unified .scv-form-status {
margin-bottom: 0;
}
.scv-card--form.scv-card--inquiry-unified .scv-form--inquiry-unified {
display: grid;
gap: 14px;
margin-top: 0;
grid-template-columns: 1fr;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified {
position: relative;
display: grid;
gap: 7px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field__label {
position: static;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
clip: auto;
white-space: normal;
border: 0;
color: #172033;
font-size: 14px;
font-weight: 800;
line-height: 1.35;
letter-spacing: 0;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"],
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea {
width: 100%;
border: 1px solid #d5deee;
border-radius: 10px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: 16px center;
background-size: 18px 18px;
color: #111827;
font-size: 16px;
font-weight: 600;
line-height: 1.45;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"] {
height: 54px;
padding: 0 16px 0 46px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea {
min-height: 96px;
padding: 14px 16px 14px 46px;
resize: vertical;
background-position: 16px 18px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"]::placeholder,
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea::placeholder {
color: #7d879a;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"]:focus,
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea:focus {
border-color: #7eb6ff;
box-shadow: 0 0 0 4px rgba(61, 131, 255, 0.14);
}
.scv-card--form.scv-card--inquiry-unified .scv-field--use_date input[type="text"],
.scv-card--form.scv-card--inquiry-unified .scv-field--depart_schedule input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-field--depart_addr input[type="text"],
.scv-card--form.scv-card--inquiry-unified .scv-field--arrival_addr input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-field--arrival_flight input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 16l20-6-20-6v5l12 1-12 1v5z'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-field--passenger_luggage input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 16v-1a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v1'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M22 16v-1a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-field--contact input[type="text"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.34 1.77.66 2.6a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6.09 6.09l1.48-1.32a2 2 0 0 1 2.11-.45c.83.32 1.7.54 2.6.66A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-field--message textarea {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
}
.scv-card--form.scv-card--inquiry-unified .scv-button--image,
body.scv-home-redesign .scv-card--inquiry-unified .scv-button--image {
position: relative;
display: block;
width: 100%;
min-height: 0;
height: auto;
margin-top: 10px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
background-image: var(--scv-submit-button-image);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
box-shadow: none;
line-height: 0;
overflow: hidden;
aspect-ratio: 1936 / 350;
}
.scv-card--form.scv-card--inquiry-unified .scv-button__label {
position: absolute;
inset: 0;
display: none !important;
align-items: center;
justify-content: center;
padding: 0 18px;
font-size: clamp(18px, 2.8vw, 30px);
font-weight: 900;
line-height: 1;
letter-spacing: 0;
color: #ffffff;
text-shadow: 0 2px 6px rgba(7, 17, 44, 0.2);
pointer-events: none;
}
body.scv-home-redesign .scv-notice--preview .scv-card--inquiry-unified .scv-button--image,
body.scv-home-redesign .scv-card--preview-form.scv-card--inquiry-unified .scv-button--image {
background: transparent;
background-image: var(--scv-submit-button-image);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.scv-card--form.scv-card--inquiry-unified .scv-button--image:hover,
.scv-card--form.scv-card--inquiry-unified .scv-button--image:focus-visible,
body.scv-home-redesign .scv-card--inquiry-unified .scv-button--image:hover,
body.scv-home-redesign .scv-card--inquiry-unified .scv-button--image:focus-visible {
filter: none;
}
.scv-card--form.scv-card--inquiry-unified .scv-button--image:disabled {
opacity: 0.72;
}
body.scv-home-redesign .scv-mock-inquiry .scv-card--form.scv-card--inquiry-unified {
border-color: rgba(255, 255, 255, 0.42);
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 28px 60px rgba(3, 18, 48, 0.24);
}
body.scv-home-redesign .scv-mock-page-form-card .scv-card--form.scv-card--inquiry-unified,
body.scv-home-redesign .scv-notice--preview .scv-card--form.scv-card--inquiry-unified {
box-shadow: 0 24px 46px rgba(1, 8, 24, 0.22);
}
@media (max-width: 860px) {
.scv-card--form.scv-card--inquiry-unified {
padding: 18px;
}
.scv-card--form.scv-card--inquiry-unified .scv-card__title {
font-size: 20px;
}
.scv-card--form.scv-card--inquiry-unified .scv-card__kicker {
font-size: 14px;
}
.scv-inquiry-embed {
margin-top: 32px;
margin-bottom: 96px;
}
body.scv-home-redesign .scv-mock-page--inquiry .scv-mock-page-form-card__intro {
margin-bottom: 18px;
}
body:has(.scv-card--inquiry-unified) .scv-mobile-fab {
display: none;
}
}
@media (max-width: 680px) {
.scv-card--form.scv-card--inquiry-unified {
padding: 14px;
}
.scv-mock-inquiry .scv-card--form.scv-card--inquiry-unified {
margin-top: 28px;
}
.scv-card--form.scv-card--inquiry-unified .scv-form--inquiry-unified {
gap: 12px;
margin-top: 14px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified {
gap: 6px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field__label {
font-size: 13px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"] {
height: 50px;
padding-left: 42px;
font-size: 15px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea {
min-height: 88px;
padding: 12px 14px 12px 42px;
font-size: 15px;
}
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified input[type="text"],
.scv-card--form.scv-card--inquiry-unified .scv-field--inquiry-unified textarea {
background-position: 14px center;
background-size: 16px 16px;
}
.scv-card--form.scv-card--inquiry-unified .scv-button__label {
font-size: clamp(16px, 6vw, 26px);
}
} body.scv-home-redesign .scv-mock-header__menu-toggle {
display: none;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__panel {
background: linear-gradient(180deg, #07152f 0%, #0a2d65 100%);
border-right: 1px solid rgba(143, 190, 255, 0.22);
box-shadow: 24px 0 70px rgba(0, 0, 0, 0.38);
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__header {
border-bottom-color: rgba(186, 209, 255, 0.16);
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__brand {
color: #ffffff;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__logo {
width: 108px;
height: auto;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__eyebrow {
color: rgba(125, 210, 255, 0.86);
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__title {
color: #ffffff;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__close {
border-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__menu a {
border-bottom: 1px solid rgba(186, 209, 255, 0.12);
color: rgba(244, 249, 255, 0.92);
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__menu a[aria-current="page"] {
color: #5fd8ff;
}
body.scv-home-redesign .scv-mock-header {
position: relative;
top: auto;
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-header__inner {
grid-template-columns: auto minmax(0, 1fr) auto;
min-height: 58px;
gap: 8px;
}
body.scv-home-redesign .scv-mock-header__menu-toggle {
display: inline-flex;
width: 38px;
height: 38px;
padding: 0;
border-color: rgba(138, 207, 255, 0.28);
background: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
body.scv-home-redesign .scv-mock-header__menu-toggle .scv-nav-toggle__lines span {
width: 20px;
background: #ffffff;
}
body.scv-home-redesign .scv-mock-header__brand {
flex-direction: column;
justify-self: center;
gap: 3px;
max-width: 100%;
}
body.scv-home-redesign .scv-mock-header__brand-image {
width: 86px;
}
body.scv-home-redesign .scv-mock-header__brand-copy {
display: inline-flex !important;
padding-left: 0;
border-left: 0;
font-size: 10px;
font-weight: 800;
line-height: 1;
text-align: center;
white-space: nowrap;
color: rgba(236, 244, 255, 0.82);
}
body.scv-home-redesign .scv-mock-header__nav {
display: none !important;
}
body.scv-home-redesign .scv-mock-header__phone {
min-height: 38px;
padding: 0 12px 0 16px;
}
body.scv-home-redesign .scv-mock-header__phone svg {
width: 14px;
height: 14px;
}
body.scv-home-redesign .scv-mock-header__phone strong {
font-size: 12px;
}
body.scv-home-redesign .scv-mock-drawer .scv-drawer__panel {
width: min(86vw, 360px);
max-width: min(86vw, 360px);
}
} body.scv-home-redesign .scv-mock-home {
background:
linear-gradient(
180deg,
#08173c 0%,
#08245b 24%,
#092f72 46%,
#0a337f 64%,
#092c6c 82%,
#071f55 100%
);
}
body.scv-home-redesign .scv-mock-promise,
body.scv-home-redesign .scv-mock-promo,
body.scv-home-redesign .scv-mock-services,
body.scv-home-redesign .scv-mock-language,
body.scv-home-redesign .scv-mock-rate,
body.scv-home-redesign .scv-mock-original-guides,
body.scv-home-redesign .scv-mock-service-cta {
background: transparent;
} body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 20px;
margin-top: 0;
}
body.scv-home-redesign .scv-mock-service-card {
grid-column: span 2;
}
body.scv-home-redesign .scv-mock-services__grid .scv-mock-service-card:nth-last-child(2) {
grid-column: 2 / span 2;
}
body.scv-home-redesign .scv-mock-services__grid .scv-mock-service-card:last-child {
grid-column: 4 / span 2;
}
body.scv-home-redesign .scv-mock-service-card__body h3,
body.scv-home-redesign .scv-mock-service-card__body p {
text-align: center;
word-break: keep-all;
overflow-wrap: normal;
text-wrap: balance;
}
@media (max-width: 980px) {
body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.scv-home-redesign .scv-mock-service-card,
body.scv-home-redesign .scv-mock-services__grid .scv-mock-service-card:nth-last-child(2),
body.scv-home-redesign .scv-mock-services__grid .scv-mock-service-card:last-child {
grid-column: auto;
}
}
@media (max-width: 680px) {
body.scv-home-redesign .scv-mock-services__grid {
grid-template-columns: 1fr;
gap: 14px;
}
body.scv-home-redesign .scv-mock-services__note {
margin-top: 18px;
padding: 12px 16px;
font-size: 17px;
}
body.scv-home-redesign .scv-mock-services__note span {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-language {
padding: 14px 0 16px;
}
body.scv-home-redesign .scv-mock-language__card {
padding: 12px 16px;
}
body.scv-home-redesign .scv-mock-language__body p {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-language__body h2 {
font-size: 17px;
}
body.scv-home-redesign .scv-mock-language__body strong {
font-size: 13px;
}
body.scv-home-redesign .scv-mock-rate {
padding: 12px 0 24px;
}
body.scv-home-redesign .scv-mock-service-cta {
padding: 30px 0 52px;
}
}