
/* /vd_website_frost/static/src/css/home.css */
 .vd-home{--display-weight: 800; --heading-weight: 700; --fz-primary: var(--o-color-1); --fz-on-primary: var(--o-color-5); --fz-ink: var(--o-color-5); --fz-deep: var(--o-color-5); --fz-ground: var(--o-color-3); --fz-pure: var(--o-color-4); --fz-wood: var(--o-color-2); --fz-muted: color-mix(in srgb, var(--o-color-5) 70%, var(--o-color-4)); --fz-faint: color-mix(in srgb, var(--o-color-5) 52%, var(--o-color-4)); --fz-line: color-mix(in srgb, var(--o-color-5) 13%, transparent); --fz-line-strong: color-mix(in srgb, var(--o-color-5) 24%, transparent); --fz-tint: color-mix(in srgb, var(--o-color-1) 13%, var(--o-color-4)); --fz-tint-ink: color-mix(in srgb, var(--o-color-1) 62%, var(--o-color-5)); --fz-stage: color-mix(in srgb, var(--o-color-3) 70%, var(--o-color-4)); --fz-deep-2: color-mix(in srgb, var(--o-color-5) 88%, var(--o-color-4)); --fz-deep-line: color-mix(in srgb, var(--o-color-4) 14%, transparent); --fz-deep-text: color-mix(in srgb, var(--o-color-4) 78%, var(--o-color-5)); --fz-on-deep: var(--o-color-4); --fz-field-a: color-mix(in srgb, var(--o-color-1) 24%, var(--o-color-4)); --fz-field-b: color-mix(in srgb, var(--o-color-2) 16%, var(--o-color-4)); --fz-field-c: color-mix(in srgb, var(--o-color-1) 9%, var(--o-color-3)); --fz-glass: color-mix(in srgb, var(--o-color-4) 72%, transparent); --fz-glass-strong: color-mix(in srgb, var(--o-color-4) 88%, transparent); --fz-glass-dark: color-mix(in srgb, var(--o-color-5) 46%, transparent); --fz-rim: color-mix(in srgb, var(--o-color-4) 85%, transparent); --fz-shade: color-mix(in srgb, var(--o-color-5) 34%, transparent); --fz-shade-soft: color-mix(in srgb, var(--o-color-5) 14%, transparent); --fz-link: var(--link-color); --fz-ok: #2F7D4F; --r-panel: 14px; --r-card: 10px; --r-tile: 8px; --r-pill: 999px; --sh-sheet: 0 30px 56px -30px var(--fz-shade), 0 6px 14px -8px var(--fz-shade-soft); --sh-card-hover: 0 22px 40px -24px var(--fz-shade), 0 4px 10px -6px var(--fz-shade-soft); --sh-float: 0 18px 38px -18px var(--fz-shade), 0 2px 6px -2px var(--fz-shade-soft); --d-press: .09s; --d-fast: .16s; --d-base: .24s; --d-slow: .36s; --d-enter: .6s; --e-out: cubic-bezier(.25, 1, .5, 1); --e-glide: cubic-bezier(.32, .72, 0, 1); --e-settle: cubic-bezier(.21, 1.02, .73, 1); --max: 1440px; --gut: clamp(16px, 3.4vw, 40px); --sec: clamp(56px, 7vw, 104px); --t-display: clamp(2.5rem, calc(1.55rem + 3.6vw), 4.9rem); --t-h2: clamp(1.75rem, calc(1.25rem + 1.6vw), 2.75rem); --t-h3: clamp(1.25rem, calc(1.1rem + .5vw), 1.5rem); --t-lead: clamp(1.0625rem, calc(1rem + .3vw), 1.25rem); --t-body: 1.0625rem; --t-small: .9375rem; --t-micro: .8125rem; color-scheme: light;}.vd-home *,.vd-home *::before,.vd-home *::after{box-sizing: border-box;}.vd-home{scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}.vd-home{margin: 0; background: var(--fz-ground); color: var(--fz-ink); font-family: var(--body-font-family); font-size: var(--t-body); line-height: 1.6; font-feature-settings: "ss01" on; -webkit-font-smoothing: antialiased;}.vd-home img{max-width: 100%; display: block;}.vd-home a{color: var(--fz-link); text-decoration: none;}.vd-home a:hover{text-decoration: underline; text-underline-offset: 3px;}.vd-home h1,.vd-home h2,.vd-home h3,.vd-home h4{font-family: var(--headings-font-family); margin: 0; text-wrap: balance; letter-spacing: -.02em; line-height: 1.12; font-weight: var(--heading-weight);}.vd-home p{margin: 0;}.vd-home button{font: inherit; color: inherit;}.vd-home :focus-visible{outline: 3px solid var(--fz-primary); outline-offset: 2px; border-radius: 6px;}.vd-home .num{font-variant-numeric: tabular-nums;}.vd-home .ic{width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.vd-home .ic-lg{width: 26px; height: 26px;}.vd-home .wrap{width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gut);}.vd-home .sec{padding-block: var(--sec); position: relative;}.vd-home .sec-tight{padding-block: clamp(36px, 4.5vw, 64px);}.vd-home .sec-head{display: flex; align-items: end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 40px);}.vd-home .sec-head h2{font-size: var(--t-h2); max-width: 22ch;}.vd-home .sec-head p{color: var(--fz-muted); max-width: 58ch; margin-top: 10px; font-size: var(--t-lead); line-height: 1.5;}.vd-home .btn{--h: 52px; display: inline-flex; align-items: center; gap: 12px; height: var(--h); padding: 0 6px 0 22px; border-radius: var(--r-pill); border: 1px solid transparent; font-weight: 700; font-size: .98rem; white-space: nowrap; cursor: pointer; text-decoration: none !important; transition: transform var(--d-press) var(--e-out), background var(--d-fast) var(--e-out), box-shadow var(--d-base) var(--e-out);}.vd-home .btn:active{transform: scale(.98);}.vd-home .btn .knob{width: calc(var(--h) - 12px); height: calc(var(--h) - 12px); border-radius: 50%; display: grid; place-items: center; flex: none; transition: transform var(--d-base) var(--e-glide);}.vd-home .btn:hover .knob{transform: translateX(3px);}.vd-home .btn .knob .ic{width: 18px; height: 18px;}.vd-home .btn-primary{background: var(--fz-primary); color: var(--fz-on-primary); box-shadow: 0 14px 26px -16px color-mix(in srgb, var(--o-color-1) 80%, transparent);}.vd-home .btn-primary .knob{background: var(--fz-on-primary); color: var(--o-color-4);}.vd-home .btn-primary:hover{background: color-mix(in srgb, var(--o-color-1) 90%, var(--o-color-5));}.vd-home .btn-dark{background: var(--fz-deep); color: var(--fz-on-deep);}.vd-home .btn-dark .knob{background: var(--fz-primary); color: var(--fz-on-primary);}.vd-home .btn-glass{background: color-mix(in srgb, var(--o-color-4) 13%, transparent); color: var(--o-color-4); border-color: color-mix(in srgb, var(--o-color-4) 34%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); padding-right: 22px;}.vd-home .btn-glass:hover{background: color-mix(in srgb, var(--o-color-4) 22%, transparent);}.vd-home .btn-ghost{background: var(--fz-pure); color: var(--fz-ink); border-color: var(--fz-line-strong); padding-right: 22px;}.vd-home .btn-ghost:hover{border-color: var(--fz-ink);}.vd-home .btn-sm{--h: 44px; font-size: .93rem; padding-left: 18px;}.vd-home .btn:focus-visible{outline-color: var(--o-color-5);}.vd-home .btn-primary:focus-visible{outline-color: var(--o-color-5);}@keyframes megaIn{from{opacity: 0; transform: translateY(-6px) scale(.985);}}.vd-home .hero{margin-top: 18px; position: relative;}.vd-home .hero-panel{position: relative; overflow: hidden; border-radius: var(--r-panel); min-height: clamp(520px, 64vw, 720px); display: flex; align-items: center; background: var(--fz-deep); isolation: isolate;}.vd-home .hero-img{position: absolute; inset: 0; z-index: -2;}.vd-home .hero-img img{width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .9s var(--e-out);}.vd-home .hero-img img.on{opacity: 1; animation: ken 16s ease-out both;}@keyframes ken{from{transform: scale(1.07);}to{transform: scale(1);}}.vd-home .hero-panel::before{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, color-mix(in srgb, var(--o-color-5) 86%, transparent) 0%, color-mix(in srgb, var(--o-color-5) 62%, transparent) 38%, color-mix(in srgb, var(--o-color-5) 6%, transparent) 72%), linear-gradient(0deg, color-mix(in srgb, var(--o-color-5) 48%, transparent), transparent 40%);}.vd-home .hero-copy{padding: clamp(28px, 5vw, 76px); max-width: 760px; color: var(--o-color-4); display: grid; gap: 22px; padding-bottom: clamp(120px, 12vw, 150px);}.vd-home .hero-tag{justify-self: start; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: var(--r-pill); background: var(--fz-glass-dark); border: 1px solid color-mix(in srgb, var(--o-color-4) 22%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-weight: 600; font-size: var(--t-small);}.vd-home .hero-tag i{width: 9px; height: 9px; border-radius: 50%; background: var(--o-color-1); box-shadow: 0 0 0 5px color-mix(in srgb, var(--o-color-1) 30%, transparent);}.vd-home .hero h1{font-size: var(--t-display); line-height: .98; letter-spacing: -.035em; font-weight: var(--display-weight); max-width: 13ch;}.vd-home .hero h1 em{font-style: normal; color: var(--o-color-1);}.vd-home .hero-lead{font-size: var(--t-lead); line-height: 1.55; max-width: 54ch; color: color-mix(in srgb, var(--o-color-4) 90%, var(--o-color-5));}.vd-home .hero-lead b{color: var(--o-color-4);}.vd-home .hero-ctas{display: flex; gap: 12px; flex-wrap: wrap;}.vd-home .hero-note{font-size: var(--t-small); color: color-mix(in srgb, var(--o-color-4) 82%, var(--o-color-5));}.vd-home .hero-note a{color: var(--o-color-4); text-decoration: underline; text-underline-offset: 3px;}.vd-home .route{position: absolute; left: clamp(16px, 3vw, 40px); right: clamp(16px, 3vw, 40px); bottom: clamp(16px, 2vw, 24px); z-index: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; background: var(--fz-glass-strong); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); border: 1px solid var(--fz-rim); border-radius: var(--r-card); box-shadow: var(--sh-float); overflow: hidden;}.vd-home .route a{display: flex; gap: 14px; align-items: center; padding: 16px 20px; color: var(--fz-ink); position: relative; text-decoration: none; transition: background var(--d-fast) var(--e-out);}.vd-home .route a + a{border-left: 1px solid var(--fz-line);}.vd-home .route a:hover{background: color-mix(in srgb, var(--o-color-4) 60%, transparent);}.vd-home .route .n{width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--fz-tint); color: var(--fz-tint-ink); flex: none;}.vd-home .route a:first-child .n{background: var(--fz-primary); color: var(--fz-on-primary);}.vd-home .route b{display: block; font-size: 1rem; line-height: 1.25;}.vd-home .route small{color: var(--fz-muted); font-size: var(--t-micro); line-height: 1.3; display: block;}.vd-home .route .go{margin-left: auto; color: var(--fz-faint);}.vd-home .facts{display: grid; grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr)); margin-top: 18px; background: var(--fz-pure); border: 1px solid var(--fz-line); border-radius: var(--r-card); overflow: hidden;}.vd-home .fact{display: flex; gap: 14px; align-items: center; padding: 20px 22px; min-width: 0;}.vd-home .fact + .fact{border-left: 1px solid var(--fz-line);}.vd-home .fact .chip{width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--fz-tint); color: var(--fz-tint-ink); flex: none;}.vd-home .fact b{display: block; font-size: 1.02rem; line-height: 1.25;}.vd-home .fact small{color: var(--fz-muted); font-size: var(--t-small); line-height: 1.35; display: block;}.vd-home .fact-big{background: var(--fz-deep); color: var(--fz-on-deep);}.vd-home .fact-big .big{font-size: clamp(2.1rem, calc(1.4rem + 1.8vw), 2.9rem); font-weight: var(--display-weight); letter-spacing: -.03em; line-height: 1;}.vd-home .fact-big small{color: var(--fz-deep-text);}.vd-home .tiles{display: grid; grid-template-columns: 1.55fr 1fr 1fr; grid-auto-rows: minmax(250px, auto); gap: 14px;}.vd-home .tile{position: relative; overflow: hidden; border-radius: var(--r-card); min-height: 250px; display: flex; align-items: end; color: var(--o-color-4); isolation: isolate; box-shadow: 0 1px 0 var(--fz-line); transition: transform var(--d-base) var(--e-out), box-shadow var(--d-base) var(--e-out);}.vd-home .tile:first-child{grid-row: span 2; min-height: 520px;}.vd-home .tile img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .7s var(--e-glide);}.vd-home .tile::before{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 32%, color-mix(in srgb, var(--o-color-5) 88%, transparent) 100%);}.vd-home .tile-body{padding: clamp(16px, 2vw, 24px); display: grid; gap: 8px; width: 100%;}.vd-home .tile h3{font-size: clamp(1.35rem, calc(1.1rem + .7vw), 1.85rem); letter-spacing: -.025em;}.vd-home .tile:first-child h3{font-size: clamp(1.8rem, calc(1.3rem + 1.4vw), 2.6rem);}.vd-home .tile p{color: color-mix(in srgb, var(--o-color-4) 86%, var(--o-color-5)); font-size: var(--t-small); max-width: 46ch;}.vd-home .tile .pills{display: flex; gap: 6px; flex-wrap: wrap;}.vd-home .pill{display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: var(--r-pill); font-size: var(--t-micro); font-weight: 700; line-height: 1.2; white-space: nowrap;}.vd-home .pill-light{background: var(--o-color-4); color: var(--o-color-5);}.vd-home .pill-orange{background: var(--o-color-1); color: var(--o-color-5);}.vd-home .pill-glass{background: color-mix(in srgb, var(--o-color-4) 16%, transparent); color: var(--o-color-4); border: 1px solid color-mix(in srgb, var(--o-color-4) 30%, transparent);}.vd-home .tile .more{display: inline-flex; gap: 10px; align-items: center; font-weight: 700; color: var(--o-color-4); margin-top: 4px;}.vd-home .tile .more i{width: 32px; height: 32px; border-radius: 50%; background: var(--o-color-4); color: var(--o-color-5); display: grid; place-items: center; transition: transform var(--d-base) var(--e-glide);}.vd-home .tile .more .ic{width: 16px; height: 16px;}@media (hover: hover){.vd-home .tile:hover{transform: translateY(-3px); box-shadow: var(--sh-card-hover);}.vd-home .tile:hover img{transform: scale(1.04);}.vd-home .tile:hover .more i{transform: translateX(3px);}}.vd-home .look{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 18px; align-items: stretch;}.vd-home .look-panel{background: var(--fz-pure); border: 1px solid var(--fz-line); border-radius: var(--r-panel); padding: clamp(20px, 2.6vw, 34px); display: grid; gap: 22px; align-content: start;}.vd-home .look-panel h3{font-size: var(--t-h3);}.vd-home .pat-grid{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px;}.vd-home .pat{display: grid; justify-items: center; gap: 8px; text-align: center; padding: 14px 6px 12px; border-radius: var(--r-card); border: 1px solid var(--fz-line); background: var(--fz-pure); cursor: pointer; transition: border-color var(--d-fast) var(--e-out), background var(--d-fast) var(--e-out), transform var(--d-fast) var(--e-out);}.vd-home .pat .ic{width: 34px; height: 34px; stroke-width: 1.4;}.vd-home .pat b{font-size: .9rem; line-height: 1.2;}.vd-home .pat small{color: var(--fz-faint); font-size: var(--t-micro);}.vd-home .pat[aria-pressed="true"]{border-color: var(--o-color-5); background: var(--fz-tint); box-shadow: inset 0 0 0 1px var(--o-color-5);}.vd-home .pat:active{transform: scale(.97);}.vd-home .sw-row{display: flex; gap: 14px; flex-wrap: wrap;}.vd-home .swb{display: grid; justify-items: center; gap: 6px; border: 0; background: none; cursor: pointer; padding: 0; min-width: 64px;}.vd-home .swb span.s{width: 46px; height: 46px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--fz-line-strong), 0 0 0 3px var(--fz-pure); transition: box-shadow var(--d-fast) var(--e-out), transform var(--d-fast) var(--e-out);}.vd-home .swb[aria-pressed="true"] span.s{box-shadow: inset 0 0 0 1px var(--fz-line-strong), 0 0 0 3px var(--fz-pure), 0 0 0 5px var(--o-color-5);}.vd-home .swb small{font-size: var(--t-micro); color: var(--fz-muted); line-height: 1.2;}.vd-home .swb small b{color: var(--fz-ink); display: block; font-size: .85rem;}.vd-home .look-result{display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid var(--fz-line);}.vd-home .look-result b.num{font-size: 1.6rem; letter-spacing: -.02em;}.vd-home .look-stage{position: relative; overflow: hidden; border-radius: var(--r-panel); min-height: 420px; background: var(--fz-stage);}.vd-home .look-stage img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity var(--d-slow) var(--e-out);}.vd-home .look-stage .cap{position: absolute; left: 16px; bottom: 16px; right: 16px; display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap;}.vd-home .glass-card{background: var(--fz-glass-strong); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); border: 1px solid var(--fz-rim); border-radius: var(--r-card); box-shadow: var(--sh-float); padding: 12px 16px;}.vd-home .duo{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; background: var(--fz-deep); color: var(--fz-on-deep); border-radius: var(--r-panel); overflow: hidden; position: relative; isolation: isolate;}.vd-home .duo::before{content: ""; position: absolute; width: 60%; aspect-ratio: 1; right: -18%; top: -40%; background: radial-gradient(circle, color-mix(in srgb, var(--o-color-1) 34%, transparent), transparent 62%); z-index: -1;}.vd-home .duo-col{padding: clamp(26px, 4vw, 56px); display: grid; gap: 18px; align-content: start;}.vd-home .duo-col + .duo-col{border-left: 1px solid var(--fz-deep-line);}.vd-home .duo h2{font-size: var(--t-h2);}.vd-home .duo h3{font-size: 1.5rem; display: flex; gap: 12px; align-items: center;}.vd-home .duo h3 .chip{width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--o-color-4) 10%, transparent); color: var(--o-color-1);}.vd-home .duo p{color: var(--fz-deep-text);}.vd-home .ticks{list-style: none; padding: 0; margin: 0; display: grid; gap: 10px;}.vd-home .ticks li{display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; align-items: start;}.vd-home .ticks .ic{width: 22px; height: 22px; color: var(--o-color-1); margin-top: 2px;}.vd-home .duo .ticks li{color: color-mix(in srgb, var(--o-color-4) 92%, var(--o-color-5));}.vd-home .svc-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}.vd-home .svc{display: grid; gap: 10px; align-content: start; padding: 20px; border-radius: var(--r-card); background: var(--fz-pure); border: 1px solid var(--fz-line); color: var(--fz-ink); text-decoration: none !important; transition: border-color var(--d-fast) var(--e-out), transform var(--d-base) var(--e-out), box-shadow var(--d-base) var(--e-out);}.vd-home .svc .chip{width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--fz-tint); color: var(--fz-tint-ink);}.vd-home .svc b{font-size: 1.05rem; line-height: 1.3;}.vd-home .svc small{color: var(--fz-muted); font-size: var(--t-small); line-height: 1.45;}@media (hover: hover){.vd-home .svc:hover{transform: translateY(-3px); box-shadow: var(--sh-card-hover); border-color: transparent;}}.vd-home .show{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 14px;}.vd-home .show-img{position: relative; border-radius: var(--r-panel); overflow: hidden; min-height: 400px; background: var(--fz-stage);}.vd-home .show-img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.vd-home .show-card{background: var(--fz-pure); border: 1px solid var(--fz-line); border-radius: var(--r-panel); padding: clamp(22px, 3vw, 38px); display: grid; gap: 18px; align-content: start;}.vd-home .show-card h2{font-size: var(--t-h2);}.vd-home .addr{display: grid; gap: 4px; font-size: var(--t-small);}.vd-home .addr b{font-size: 1.05rem;}.vd-home .hours-note{display: flex; gap: 10px; align-items: center; font-size: var(--t-small); color: var(--fz-muted);}.vd-home .hours-note .ic{color: var(--fz-tint-ink);}.vd-home .kb{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}.vd-home .kb-card{display: grid; gap: 12px; align-content: start; padding: clamp(18px, 2.2vw, 26px); border-radius: var(--r-card); background: var(--fz-pure); border: 1px solid var(--fz-line); color: var(--fz-ink); text-decoration: none !important; position: relative; overflow: hidden; transition: transform var(--d-base) var(--e-out), box-shadow var(--d-base) var(--e-out), border-color var(--d-base) var(--e-out);}.vd-home .kb-card::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--o-color-1), color-mix(in srgb, var(--o-color-1) 30%, var(--o-color-2)));}.vd-home .kb-card small{display: inline-flex; gap: 8px; align-items: center; color: var(--fz-faint); font-size: var(--t-micro); font-weight: 600;}.vd-home .kb-card small .ic{width: 16px; height: 16px; color: var(--fz-tint-ink);}.vd-home .kb-card b{font-size: 1.2rem; line-height: 1.3; letter-spacing: -.015em;}.vd-home .kb-card p{color: var(--fz-muted); font-size: var(--t-small); line-height: 1.5;}.vd-home .kb-card .more{display: inline-flex; gap: 6px; align-items: center; font-weight: 700; color: var(--fz-link); font-size: var(--t-small);}.vd-home .kb-card .more .ic{width: 16px; height: 16px;}@media (hover: hover){.vd-home .kb-card:hover{transform: translateY(-3px); box-shadow: var(--sh-card-hover); border-color: transparent;}}.vd-home .faq{display: grid; gap: 10px; max-width: 920px;}.vd-home .faq details{background: var(--fz-pure); border: 1px solid var(--fz-line); border-radius: var(--r-card);}.vd-home .faq summary{list-style: none; cursor: pointer; padding: 18px 20px; display: flex; gap: 16px; align-items: center; justify-content: space-between; font-weight: 700; font-size: 1.04rem;}.vd-home .faq summary::-webkit-details-marker{display: none;}.vd-home .faq summary i{width: 34px; height: 34px; border-radius: 50%; background: var(--fz-tint); color: var(--fz-tint-ink); display: grid; place-items: center; flex: none; transition: transform var(--d-base) var(--e-glide);}.vd-home .faq details[open] summary i{transform: rotate(45deg);}.vd-home .faq .ans{padding: 0 20px 20px; color: var(--fz-muted); max-width: 70ch;}.vd-home .band{background: var(--fz-primary); color: var(--fz-on-primary); border-radius: var(--r-panel); padding: clamp(24px, 4vw, 52px); display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; overflow: hidden; isolation: isolate;}.vd-home .band::after{content: ""; position: absolute; right: -6%; top: -60%; width: 46%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--o-color-4) 34%, transparent), transparent 64%); z-index: -1;}.vd-home .band h2{font-size: var(--t-h2); max-width: 24ch;}.vd-home .band p{margin-top: 8px; max-width: 58ch;}.vd-home .band .btn-dark .knob{background: var(--o-color-4); color: var(--o-color-5);}@media (prefers-reduced-motion: no-preference){.vd-home .hero-copy > *{animation: rise var(--d-enter) var(--e-settle) both;}.vd-home .hero-copy > *:nth-child(2){animation-delay: .06s;}.vd-home .hero-copy > *:nth-child(3){animation-delay: .12s;}.vd-home .hero-copy > *:nth-child(4){animation-delay: .18s;}.vd-home .hero-copy > *:nth-child(5){animation-delay: .24s;}.vd-home .route{animation: rise .7s var(--e-settle) .28s both;}}@keyframes rise{from{transform: translateY(14px);}}@keyframes rv{from{transform: translateY(26px);}}@media (prefers-reduced-motion: reduce){.vd-home *,.vd-home *::before,.vd-home *::after{animation-duration: .01s !important; animation-iteration-count: 1 !important; transition-duration: .01s !important;}.vd-home .hero-img img.on{animation: none;}}@media (max-width: 1060px){.vd-home .svc-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.vd-home .look{grid-template-columns: 1fr;}.vd-home .look-stage{min-height: 320px;}.vd-home .facts{grid-template-columns: repeat(2, minmax(0, 1fr));}.vd-home .fact:nth-child(3){border-left: 0;}.vd-home .fact:nth-child(n+3){border-top: 1px solid var(--fz-line);}}@media (max-width: 820px){.vd-home .tiles{grid-template-columns: 1fr 1fr;}.vd-home .tile:first-child{grid-column: 1 / -1; grid-row: auto; min-height: 380px;}.vd-home .duo{grid-template-columns: 1fr;}.vd-home .duo-col + .duo-col{border-left: 0; border-top: 1px solid var(--fz-deep-line);}.vd-home .show{grid-template-columns: 1fr;}.vd-home .show-img{min-height: 300px;}.vd-home .kb{grid-template-columns: 1fr;}.vd-home .hero-panel{flex-direction: column; align-items: stretch; justify-content: flex-end; min-height: 0;}.vd-home .route{position: relative; left: auto; right: auto; bottom: auto; grid-template-columns: 1fr; margin: 0 14px 14px;}.vd-home .route a + a{border-left: 0; border-top: 1px solid var(--fz-line);}.vd-home .route a{padding: 12px 16px;}.vd-home .hero-copy{padding-bottom: 24px; padding-top: 120px;}}@media (max-width: 640px){.vd-home{--t-body: 1rem;}.vd-home .svc-grid{grid-template-columns: 1fr 1fr; gap: 10px;}.vd-home .svc{padding: 14px; gap: 8px;}.vd-home .svc .chip{width: 40px; height: 40px;}.vd-home .svc b{font-size: .95rem;}.vd-home .svc small{font-size: var(--t-micro);}.vd-home .hero-copy{padding-top: 96px; gap: 16px;}.vd-home .hero-lead{font-size: 1rem;}.vd-home .hero-panel{min-height: 600px; align-items: end;}.vd-home .hero-ctas .btn{width: 100%; justify-content: space-between;}.vd-home .hero-ctas .btn-glass{justify-content: center;}.vd-home .facts{grid-template-columns: 1fr;}.vd-home .fact + .fact{border-left: 0; border-top: 1px solid var(--fz-line);}.vd-home .tiles{grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 10px;}.vd-home .tile{min-height: 190px;}.vd-home .tile:first-child{grid-column: 1 / -1; min-height: 280px;}.vd-home .tile:not(:first-child) p,.vd-home .tile:not(:first-child) .more{display: none;}.vd-home .tile:not(:first-child) h3{font-size: 1.15rem;}.vd-home .tile:not(:first-child) .pill-light,.vd-home .tile:not(:first-child) .pill-orange{display: none;}.vd-home .pat-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.vd-home .band .btn{width: 100%; justify-content: space-between;}}@keyframes fade{from{opacity: 0;}}@keyframes slideIn{from{transform: translateX(100%);}}.vd-home{--max:1512px}.vd-home .rv{opacity:1}.vd-home .ic.vd-icon{display:inline-block}.vd-home i.ic.oi{--oi-font-size:20px;line-height:1}.vd-home .vd-home-rail{overflow-x:clip}