.vo-install-modern { --ink:#30463f; --peach:#ffa882; --peach-soft:#fff0e8; --sand:#f8f6f1; --line:#e6ddd5; color:#596560; overflow:hidden; }
.vo-install-modern *, .vo-install-modern *::before, .vo-install-modern *::after { box-sizing:border-box; }
.vo-install-modern__hero { position:relative; display:flex; align-items:center; min-height:620px; margin-top:200px; isolation:isolate; color:#fff; }
.vo-install-modern__hero-image, .vo-install-modern__hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.vo-install-modern__hero-image { z-index:-2; object-fit:cover; }
.vo-install-modern__hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(27,48,43,.9) 0%,rgba(27,48,43,.68) 38%,rgba(27,48,43,.12) 74%); }
.vo-install-modern__hero-copy { max-width:650px; padding:68px 0; }
.vo-install-modern__eyebrow { margin:0 0 14px; color:#bf704d; font-size:11px; font-weight:800; letter-spacing:.18em; line-height:1.25; }
.vo-install-modern__hero .vo-install-modern__eyebrow { color:#ffcfb9; }
.vo-install-modern h1,.vo-install-modern h2,.vo-install-modern h3 { margin:0; color:var(--ink); font-weight:800; line-height:1.12; }
.vo-install-modern h1 { color:#fff; font-size:clamp(39px,4.6vw,64px); letter-spacing:-.04em; }
.vo-install-modern h2 { font-size:clamp(28px,3.2vw,44px); letter-spacing:-.026em; }
.vo-install-modern h3 { font-size:clamp(20px,2vw,28px); }
.vo-install-modern__hero-copy>p:not(.vo-install-modern__eyebrow) { max-width:570px; margin:25px 0 31px; color:rgba(255,255,255,.92); font-size:17px; line-height:1.65; }
.vo-install-modern__button { display:inline-flex; align-items:center; gap:14px; min-height:52px; padding:14px 20px; border-radius:4px; background:var(--peach); color:#fff !important; font-size:13px; font-weight:800; text-decoration:none !important; transition:transform 1.3s cubic-bezier(.22,1,.36,1),background-color 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern__button:hover { color:#fff; background:#ec8c63; transform:translateY(-4px); }
.vo-install-modern__intro { display:grid; grid-template-columns:120px minmax(0,1.25fr) minmax(230px,.72fr); gap:43px; align-items:center; padding-top:105px; padding-bottom:105px; }
.vo-install-modern__intro-number { color:var(--peach); font-size:clamp(48px,5vw,76px); font-weight:800; letter-spacing:-.07em; }
.vo-install-modern__intro h2 { margin-bottom:19px; }
.vo-install-modern__intro>div:nth-child(2)>p:not(.vo-install-modern__eyebrow) { margin:0; font-size:15px; line-height:1.75; }
.vo-install-modern__intro-note { display:grid; gap:8px; padding:24px 0 24px 25px; border-left:2px solid var(--peach); color:var(--ink); font-size:14px; line-height:1.6; }
.vo-install-modern__intro-note b { font-size:16px; }
.vo-install-modern__stages-section { padding:102px 0; background:var(--sand); }
.vo-install-modern__heading { max-width:700px; margin:0 auto 48px; text-align:center; }
.vo-install-modern__heading h2 { margin-bottom:14px; }
.vo-install-modern__heading>p:not(.vo-install-modern__eyebrow) { margin:0; font-size:15px; line-height:1.65; }
.vo-install-modern__stages-layout { display:grid; grid-template-columns:minmax(330px,.95fr) minmax(390px,1.05fr); gap:26px; align-items:stretch; }
.vo-install-modern__stage-list { display:grid; gap:9px; }
.vo-install-modern__stage { display:grid; grid-template-columns:46px 1fr 20px; gap:14px; align-items:center; min-height:70px; padding:13px 18px; border:1px solid var(--line); border-radius:5px; background:#fff; color:var(--ink); text-align:left; transition:background-color 1.3s cubic-bezier(.22,1,.36,1),color 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern__stage span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--peach-soft); color:#c4704e; font-size:12px; font-weight:800; }
.vo-install-modern__stage b { font-size:15px; line-height:1.25; }
.vo-install-modern__stage i { color:var(--peach); font-size:21px; font-style:normal; }
.vo-install-modern__stage:hover,.vo-install-modern__stage.is-active { background:var(--ink); color:#fff; transform:translateX(7px); }
.vo-install-modern__stage.is-active span { background:var(--peach); color:#fff; }
.vo-install-modern__stage-detail { position:relative; display:grid; grid-template-columns:82px 1fr; align-content:center; gap:11px 25px; min-height:100%; padding:50px 54px; overflow:hidden; border-radius:7px; background:var(--ink); color:#fff; box-shadow:0 22px 45px rgba(48,70,63,.16); }
.vo-install-modern__stage-detail::after { position:absolute; right:-68px; bottom:-83px; color:rgba(255,255,255,.06); font-size:240px; font-weight:800; line-height:1; content:'+'; }
.vo-install-modern__detail-number { grid-row:span 3; margin:0; color:var(--peach); font-size:50px; font-weight:800; letter-spacing:-.07em; }
.vo-install-modern__detail-label { margin:0; color:#ffc3a8; font-size:10px; font-weight:800; letter-spacing:.18em; }
.vo-install-modern__stage-detail h3 { color:#fff; }
.vo-install-modern__stage-detail>p:not(.vo-install-modern__detail-number,.vo-install-modern__detail-label) { margin:0; font-size:15px; line-height:1.72; }
.vo-install-modern__stage-detail>div { grid-column:2; display:grid; gap:6px; margin-top:9px; padding-top:17px; border-top:1px solid rgba(255,255,255,.2); font-size:13px; line-height:1.55; }
.vo-install-modern__stage-detail>div b { color:#ffc3a8; }
.vo-install-modern__joint { display:grid; grid-template-columns:minmax(330px,.9fr) minmax(390px,1fr); gap:clamp(40px,7vw,105px); align-items:center; padding-top:110px; padding-bottom:110px; }
.vo-install-modern__joint-photo,.vo-install-modern__finish-photo { position:relative; margin:0; overflow:hidden; border-radius:7px; }
.vo-install-modern__joint-photo img,.vo-install-modern__finish-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern__joint-photo { min-height:455px; box-shadow:0 22px 45px rgba(48,70,63,.14); }
.vo-install-modern__joint-photo:hover img,.vo-install-modern__finish-photo:hover img { transform:scale(1.04); }
.vo-install-modern__joint-photo figcaption { position:absolute; right:22px; bottom:22px; left:22px; padding:12px 15px; background:rgba(48,70,63,.92); color:#fff; font-size:12px; font-weight:700; }
.vo-install-modern__joint-copy h2 { max-width:620px; margin-bottom:18px; }
.vo-install-modern__joint-copy>p:not(.vo-install-modern__eyebrow) { margin:0 0 24px; font-size:16px; line-height:1.72; }
.vo-install-modern__layers { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.vo-install-modern__layers button { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid var(--line); border-radius:3px; background:#fff; color:var(--ink); font-size:12px; font-weight:700; transition:transform 1.3s cubic-bezier(.22,1,.36,1),background-color 1.3s cubic-bezier(.22,1,.36,1),color 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern__layers button span { color:#c4704e; font-size:10px; }
.vo-install-modern__layers button:hover,.vo-install-modern__layers button.is-active { background:var(--peach); border-color:var(--peach); color:#fff; transform:translateY(-3px); }
.vo-install-modern__layers button.is-active span { color:#fff; }
.vo-install-modern__layer-detail { min-height:135px; padding:21px 23px; border-left:3px solid var(--peach); background:#f8faf9; }
.vo-install-modern__layer-detail p { margin:0 0 6px; color:#c4704e; font-size:11px; font-weight:800; letter-spacing:.12em; }
.vo-install-modern__layer-detail h3 { margin-bottom:8px; font-size:21px; }
.vo-install-modern__layer-detail span { font-size:14px; line-height:1.6; }
.vo-install-modern__check-section { padding:98px 0; background:linear-gradient(105deg,#f6faf8 0%,#fff6f1 100%); }
.vo-install-modern__checks { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.vo-install-modern__check { min-height:220px; padding:28px 25px; border:1px solid #e9ded6; border-radius:7px; background:rgba(255,255,255,.82); transition:transform 1.3s cubic-bezier(.22,1,.36,1),box-shadow 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern__check:hover { box-shadow:0 18px 34px rgba(48,70,63,.12); transform:translateY(-7px); }
.vo-install-modern__check>span { display:grid; width:39px; height:39px; place-items:center; margin-bottom:23px; border-radius:50%; background:var(--peach-soft); color:#c4704e; font-size:11px; font-weight:800; }
.vo-install-modern__check h3 { margin-bottom:10px; font-size:19px; }
.vo-install-modern__check p { margin:0; font-size:13px; line-height:1.62; }
.vo-install-modern__finish { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.86fr); gap:clamp(38px,7vw,100px); align-items:center; padding-top:108px; padding-bottom:108px; }
.vo-install-modern__finish-copy h2 { margin-bottom:19px; }
.vo-install-modern__finish-copy>p:not(.vo-install-modern__eyebrow) { margin:0 0 27px; font-size:16px; line-height:1.75; }
.vo-install-modern__finish-photo { min-height:405px; box-shadow:0 22px 44px rgba(48,70,63,.13); }
.vo-install-modern.is-enhanced .vo-install-reveal { opacity:0; transform:translateY(24px); transition:opacity 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1); }
.vo-install-modern.is-enhanced .vo-install-reveal.is-visible { opacity:1; transform:translateY(0); }
@media(max-width:991px){.vo-install-modern__intro{grid-template-columns:100px 1fr;gap:25px}.vo-install-modern__intro-note{grid-column:2}.vo-install-modern__stages-layout,.vo-install-modern__joint,.vo-install-modern__finish{grid-template-columns:1fr;gap:38px}.vo-install-modern__stage-detail{min-height:410px}.vo-install-modern__checks{grid-template-columns:repeat(2,1fr)}.vo-install-modern__finish-copy{max-width:700px}}
@media(max-width:640px){.vo-install-modern__hero{min-height:560px;margin-top:0;align-items:flex-end}.vo-install-modern__hero-shade{background:linear-gradient(0deg,rgba(27,48,43,.91) 0%,rgba(27,48,43,.6) 62%,rgba(27,48,43,.08) 100%)}.vo-install-modern__hero-copy{padding:39px 15px}.vo-install-modern__hero-copy>p:not(.vo-install-modern__eyebrow){font-size:15px}.vo-install-modern__intro,.vo-install-modern__joint,.vo-install-modern__finish{padding-top:66px;padding-bottom:66px}.vo-install-modern__intro{grid-template-columns:1fr;gap:17px}.vo-install-modern__intro-note{grid-column:auto}.vo-install-modern__stages-section,.vo-install-modern__check-section{padding:66px 0}.vo-install-modern__stages-layout{gap:17px}.vo-install-modern__stage{grid-template-columns:38px 1fr 15px;gap:10px;min-height:60px;padding:10px 13px}.vo-install-modern__stage span{width:33px;height:33px}.vo-install-modern__stage-detail{grid-template-columns:1fr;min-height:370px;padding:31px 25px;gap:10px}.vo-install-modern__detail-number{grid-row:auto}.vo-install-modern__stage-detail>div{grid-column:auto}.vo-install-modern__joint-photo{min-height:320px}.vo-install-modern__checks{grid-template-columns:1fr}.vo-install-modern__check{min-height:155px}.vo-install-modern__finish-photo{min-height:310px}}