
/* Installation service, page 40. Uses the approved shared design system. */
.sginst-page{--sg-ink:#082B42;--sg-sun:#FFBD2E;--sg-green:#00ADA5;--sg-cream:#F4F8FA}
.sginst-page .sgroyal-index{color:#007D77}
.sginst-hero{background:radial-gradient(ellipse at 13% 14%,#19677B,#082B42 57%,#061D2E)}
.sginst-hero .sgrepair-hero__art:before{content:"";position:absolute;inset:23px 45px 14px 0;border:1px solid #FFFFFF3B;border-radius:45px;background:radial-gradient(circle at 55% 50%,#00ADA52B,transparent 75%)}
.sginst-hero .sgrepair-hero__primary{width:69%;height:415px}
.sginst-hero .sgrepair-hero__secondary{height:260px}
.sginst-volume{background:linear-gradient(145deg,#F4F8FA,#E9F7F6)}
.sginst-volume__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sginst-volume__card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:292px;padding:30px 27px;text-align:right;cursor:pointer;background:#fff;border:1px solid #D5E5E9;border-radius:21px;box-shadow:0 12px 32px #082B420D;color:#082B42;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s}
.sginst-volume__card:hover{transform:translateY(-7px);border-color:#00ADA5;box-shadow:0 22px 48px #082B4224}
.sginst-volume__card.is-selected,.sginst-volume__card[aria-pressed=true]{background:#082B42;color:#fff;border-color:#00ADA5;box-shadow:0 24px 45px #082B4233}
.sginst-volume__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#E7F8F5;font-size:29px;color:#008E84;margin-bottom:22px}
.sginst-volume__card[aria-pressed=true] .sginst-volume__icon{background:#FFBD2E;color:#082B42}
.sginst-volume__amount{font-size:clamp(25px,2.5vw,36px);font-weight:900;line-height:1.17;letter-spacing:-.05em;display:block}
.sginst-volume__purpose{font-size:15px;color:#56717E;margin:12px 0 24px}
.sginst-volume__card[aria-pressed=true] .sginst-volume__purpose{color:#D4E6EA}
.sginst-volume__choose{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #DCE9EB;font-size:13px;color:#007D77;font-weight:850}
.sginst-volume__card[aria-pressed=true] .sginst-volume__choose{border-color:#FFFFFF42;color:#FFCC64}
.sginst-volume__choose>span{font-size:20px;transition:transform .2s}
.sginst-volume__card:hover .sginst-volume__choose>span{transform:translateX(-5px)}
.sginst-choice-result{margin-top:21px;padding:24px 27px;background:#FFFFFF;border:1px solid #D7E9E7;border-radius:18px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 35px #082B4211;transition:box-shadow .25s,background .25s}
.sginst-choice-result.is-updated{background:#EAFAF7;box-shadow:0 17px 38px #00ADA526}
.sginst-choice-result__mark{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#FFBD2E;color:#082B42;font-size:28px}
.sginst-choice-result>div{flex:1}
.sginst-choice-result strong{display:block;font-size:22px;letter-spacing:-.03em;font-weight:900}
.sginst-choice-result p{font-size:14px;line-height:1.75;color:#526C79;margin-top:6px}
.sginst-choice-result>a{flex-shrink:0;border-radius:11px;padding:12px 18px;background:#082B42;color:#fff;font-weight:850;font-size:13px;transition:transform .25s,background .25s}
.sginst-choice-result>a:hover{background:#007D77;transform:translateY(-3px)}
.sginst-types{background:#FFFFFF}
.sginst-types__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sginst-type{min-width:0;background:#FFFFFF;border:1px solid #DFE9EC;overflow:hidden;border-radius:20px;box-shadow:0 13px 33px #082B4211;transition:transform .26s,border-color .26s,box-shadow .26s;cursor:pointer}
.sginst-type:hover{transform:translateY(-7px);border-color:#00ADA5;box-shadow:0 22px 50px #082B4225}
.sginst-type.is-selected{background:#ECFBF8;border-color:#00ADA5;box-shadow:0 21px 45px #00ADA524}
.sginst-type__image{height:225px;position:relative;overflow:hidden;background:#E9F1F0}
.sginst-type__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sginst-type:hover .sginst-type__image img{transform:scale(1.065)}
.sginst-type__badge{position:absolute;bottom:12px;right:16px;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#FFBD2E;box-shadow:0 7px 20px #001F3266;color:#082B42;font-size:26px}
.sginst-type__body{padding:22px 23px 25px;min-height:240px;display:flex;flex-direction:column}
.sginst-type h3{font-size:23px;line-height:1.26;font-weight:900;letter-spacing:-.036em}
.sginst-type p{font-size:14px;line-height:1.8;color:#526C79;margin-top:11px;flex:1}
.sginst-type__select{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #C8E9E5;background:#E6F8F5;color:#006D67;font-size:13px;font-weight:850;cursor:pointer;border-radius:10px;padding:11px 13px;transition:background .22s,transform .22s,border-color .22s;margin-top:18px}
.sginst-type__select[aria-pressed=true]{background:#082B42;color:#fff;border-color:#082B42}
.sginst-type__select:hover{border-color:#00ADA5}
.sginst-type__select:active{transform:scale(.985)}
.sginst-type__select span{font-size:18px;transition:transform .2s}
.sginst-type:hover .sginst-type__select span{transform:translateX(-4px)}
.sginst-choice-result--dark{background:#082B42;border-color:#082B42;color:#fff}
.sginst-choice-result--dark p{color:#D3E6EA}
.sginst-choice-result--dark>a{background:#FFBD2E;color:#082B42}
.sginst-choice-result--dark.is-updated{background:#095468}
.sginst-matching{background:#F4F8FA;padding:105px 0}
.sginst-matching__layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px}
.sginst-matching__image{height:585px;position:relative;overflow:hidden;border-radius:23px 82px 23px 23px;box-shadow:0 22px 57px #082B4228}
.sginst-matching__image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.sginst-matching__image:hover img{transform:scale(1.045)}
.sginst-matching__image>span{position:absolute;bottom:22px;left:23px;background:#082B42DE;color:#fff;font-size:13px;font-weight:800;padding:12px 17px;border-radius:11px}
.sginst-matching__copy>p:not(.sgroyal-index){font-size:17px;line-height:1.92;color:#526C79;margin:20px 0 26px}
.sginst-matching__lines{display:grid;gap:8px}
.sginst-matching__lines article{display:flex;align-items:flex-start;gap:15px;background:#fff;border:1px solid #DFE9EB;border-radius:14px;padding:16px 19px;transition:transform .2s,border-color .2s}
.sginst-matching__lines article:hover{transform:translateX(-3px);border-color:#00ADA5}
.sginst-matching__lines article>span{color:#008B81;display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:#DFF7F2;font-size:24px}
.sginst-matching__lines h3{font-size:17px;font-weight:850}
.sginst-matching__lines p{font-size:13px;line-height:1.7;color:#526C79;margin-top:4px}
.sginst-process{background:#FFFFFF}
.sginst-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sginst-process__grid article{background:#F4F8FA;border:1px solid #DCE9ED;border-radius:19px;padding:27px 22px;min-height:267px;box-shadow:0 10px 30px #082B4209;transition:transform .25s,border-color .25s,box-shadow .25s}
.sginst-process__grid article:first-child{background:#082B42;color:#fff;border-color:#082B42}
.sginst-process__grid article:hover{transform:translateY(-5px);border-color:#00ADA5;box-shadow:0 20px 40px #082B421A}
.sginst-process__symbol{display:grid;place-items:center;width:48px;height:48px;background:#DFF8F4;border-radius:14px;color:#008C84;font-size:29px;margin-bottom:21px}
.sginst-process__grid article:first-child .sginst-process__symbol{background:#FFBD2E;color:#082B42}
.sginst-process__grid h3{font-size:20px;font-weight:850;line-height:1.3}
.sginst-process__grid p{font-size:14px;line-height:1.75;color:#526C79;margin-top:13px}
.sginst-process__grid article:first-child p{color:#DCECEF}
.sginst-pricing{background:linear-gradient(157deg,#EAF4F7,#F4F8FA 66%)}
.sginst-pricing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sginst-pricing__grid article{background:#FFFFFF;border:1px solid #D7E5EA;border-radius:18px;padding:27px 21px;min-height:235px;box-shadow:0 11px 31px #082B420C;transition:transform .25s,box-shadow .25s}
.sginst-pricing__grid article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #082B4221}
.sginst-pricing__grid article>span{display:grid;place-items:center;width:43px;height:43px;background:#FFF1CC;color:#A46C04;font-size:25px;border-radius:12px;margin-bottom:17px}
.sginst-pricing__grid h3{font-size:20px;font-weight:850}
.sginst-pricing__grid p{font-size:13px;color:#526C79;margin-top:11px;line-height:1.76}
.sginst-pricing__note{font-size:14px;color:#476A77;margin-top:24px!important;background:#FFFFFF;border-inline-start:4px solid #FFBD2E;border-radius:10px;padding:15px 20px}
.sginst-local{background:radial-gradient(circle at 6% 15%,#11667D,#082B42 60%,#061F30);color:#fff;padding:105px 0;position:relative;overflow:hidden}
.sginst-local:before{content:"";position:absolute;width:660px;height:660px;border-radius:50%;left:-200px;top:-280px;border:1px solid #FFBD2E3A;box-shadow:0 0 0 80px #FFFFFF05,0 0 0 150px #FFFFFF05}
.sginst-local__layout{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px;position:relative}
.sginst-local .sgroyal-index{color:#FFBD2E}
.sginst-local__layout>div:first-child>p:not(.sgroyal-index){font-size:17px;line-height:1.95;color:#DAEAED;margin:22px 0 25px}
.sginst-local__links{padding:29px;background:#FFFFFFF5;border:1px solid #FFFFFF;border-radius:19px;box-shadow:0 23px 55px #0018278A;color:#082B42}
.sginst-local__label{font-size:13px;color:#007F77;font-weight:850;display:block;margin-bottom:16px}
.sginst-local__links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#F3F9F8;border:1px solid #E3EEEC;color:#082B42;padding:18px 17px;font-size:16px;font-weight:800;border-radius:12px;margin-top:11px;transition:transform .2s,border-color .2s,background .2s}
.sginst-local__links>a:hover{background:#E4F9F5;transform:translateX(-3px);border-color:#00ADA5}
.sginst-local__links>a b{font-size:19px;color:#008C83;font-weight:500}
.sginst-faq{background:#fff}
.sginst-faq__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}
.sginst-faq__layout>div:first-child>p:not(.sgroyal-index){font-size:16px;line-height:1.85;color:#526C79;margin-top:20px}
.sginst-faq__items details{border-bottom:1px solid #D7E7E9}
.sginst-faq__items details:first-child{border-top:1px solid #D7E7E9}
.sginst-faq__items summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:17px;font-weight:850;padding:22px 4px;border-radius:10px;transition:color .2s,background .2s}
.sginst-faq__items summary::-webkit-details-marker{display:none}
.sginst-faq__items summary:hover,.sginst-faq__items details[open] summary{color:#007E78;background:#F1FAF9}
.sginst-faq__items summary b{font-size:22px;font-weight:500;display:grid;place-items:center;background:#E7F8F4;color:#008C83;width:30px;height:30px;border-radius:50%;margin-inline-start:auto;transition:transform .22s,background .22s,color .22s}
.sginst-faq__items details[open] summary b{transform:rotate(45deg);background:#00ADA5;color:#fff}
.sginst-faq__items details>p{padding:0 18px 23px 28px;font-size:15px;line-height:1.85;color:#526C79}
@supports selector(details::details-content){
 .sginst-faq__items details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .3s ease,opacity .3s ease,content-visibility .3s ease}
 .sginst-faq__items details[open]::details-content{block-size:auto;opacity:1}
}
.sginst-final{background:radial-gradient(circle at 12% 19%,#167086,transparent 36%),#082B42;color:#fff;padding:80px 0}
.sginst-final__layout{display:flex;align-items:center;justify-content:space-between;gap:55px}
.sginst-final__layout>div:first-child{max-width:770px}
.sginst-final__layout>div:first-child>p{font-size:13px;color:#FFCC63;font-weight:850;margin-bottom:12px}
.sginst-final h2{font-size:clamp(34px,4vw,57px);line-height:1.2}
.sginst-final__layout>div:first-child>span{display:block;font-size:17px;color:#D4E7E9;line-height:1.8;margin-top:15px}
.sginst-final__buttons{display:flex;flex-direction:column;gap:12px;flex:none}
@media(max-width:1100px){
 .sginst-types__grid{gap:13px}
 .sginst-matching__layout{gap:38px}
 .sginst-process__grid,.sginst-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .sginst-volume__grid{gap:12px}
 .sginst-types__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sginst-type:first-child{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr}
 .sginst-type:first-child .sginst-type__image{height:100%;min-height:275px;grid-column:2;grid-row:1}
 .sginst-type:first-child .sginst-type__body{grid-column:1;grid-row:1}
 .sginst-matching{padding:75px 0}
 .sginst-matching__layout{grid-template-columns:1fr}
 .sginst-matching__image{height:380px}
 .sginst-local__layout{grid-template-columns:1fr;gap:36px}
 .sginst-faq__layout{grid-template-columns:1fr;gap:30px}
 .sginst-final__layout{flex-direction:column;align-items:flex-start}
 .sginst-final__buttons{flex-direction:row}
}
@media(max-width:560px){
 .sginst-volume__grid{grid-template-columns:1fr;gap:10px}
 .sginst-volume__card{min-height:0;padding:16px 17px;display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:13px}
 .sginst-volume__icon{width:40px;height:40px;font-size:23px;grid-row:span 3;margin:0}
 .sginst-volume__amount{font-size:21px}
 .sginst-volume__purpose{font-size:12px;margin:5px 0}
 .sginst-volume__choose{font-size:11px;margin-top:3px;padding-top:6px}
 .sginst-choice-result{padding:16px 14px;flex-wrap:wrap;gap:10px}
 .sginst-choice-result__mark{width:40px;height:40px;flex-basis:40px;font-size:23px}
 .sginst-choice-result>div{flex-basis:calc(100% - 54px)}
 .sginst-choice-result strong{font-size:18px}
 .sginst-choice-result p{font-size:12px}
 .sginst-choice-result>a{margin-inline-start:auto;padding:10px 12px;font-size:11px}
 .sginst-types__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sginst-type{border-radius:14px}
 .sginst-type:first-child{grid-column:span 2;grid-template-columns:1fr 1fr}
 .sginst-type:first-child .sginst-type__image{min-height:220px;height:100%}
 .sginst-type:first-child .sginst-type__body{padding:16px}
 .sginst-type__image{height:132px}
 .sginst-type__badge{width:31px;height:31px;bottom:7px;right:7px;font-size:18px}
 .sginst-type__body{padding:14px 12px;min-height:214px}
 .sginst-type h3{font-size:17px}
 .sginst-type p{font-size:11px;line-height:1.55}
 .sginst-type__select{font-size:11px;padding:9px 7px;margin-top:10px}
 .sginst-type__select span{font-size:13px}
 .sginst-matching{padding:68px 0}
 .sginst-matching__image{height:265px;border-radius:16px 43px 16px 16px}
 .sginst-matching__copy>p:not(.sgroyal-index){font-size:14px}
 .sginst-matching__lines article{padding:13px;gap:9px}
 .sginst-matching__lines article>span{width:33px;height:33px;flex-basis:33px;font-size:20px}
 .sginst-matching__lines h3{font-size:15px}
 .sginst-matching__lines p{font-size:12px}
 .sginst-process__grid,.sginst-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sginst-process__grid article{min-height:234px;padding:17px 14px}
 .sginst-process__symbol{width:38px;height:38px;font-size:23px;margin-bottom:15px}
 .sginst-process__grid h3,.sginst-pricing__grid h3{font-size:16px}
 .sginst-process__grid p,.sginst-pricing__grid p{font-size:11px;line-height:1.66}
 .sginst-pricing__grid article{padding:17px 13px;min-height:212px}
 .sginst-pricing__grid article>span{width:38px;height:38px;font-size:22px}
 .sginst-pricing__note{font-size:12px}
 .sginst-local{padding:67px 0}
 .sginst-local__layout>div:first-child>p:not(.sgroyal-index){font-size:14px}
 .sginst-local__links{padding:18px}
 .sginst-local__links>a{font-size:13px;padding:14px}
 .sginst-faq__items summary{font-size:14px;padding:18px 3px}
 .sginst-faq__items details>p{font-size:13px}
 .sginst-final{padding:67px 0}
 .sginst-final__layout>div:first-child>span{font-size:14px}
 .sginst-final__buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
}
@media(prefers-reduced-motion:reduce){
 .sginst-page *, .sginst-page *:before, .sginst-page *:after{transition:none!important;animation:none!important;transform:none!important;scroll-behavior:auto!important}
}
