:root{--board-accent:#0075d7;--board-ink:#082b53;--board-border:#dbe8f3;--board-muted:#58718b;--board-surface:#f2f8fd;--board-hero-image:url('assets/images/hero.webp')}
.board-hero-request,.board-hero-default{--board-hero-image:url('assets/images/repair.webp')}
.board-hero-review{--board-hero-image:url('assets/images/hero-pension.webp')}
.board-hero-works{--board-hero-image:url('assets/images/install.webp')}
.sub-page .site{min-height:100vh;display:flex;flex-direction:column}
.sub-page main{flex:1}
.sub-page header nav a.active{color:var(--blue);font-weight:850}
.sub-hero{min-height:365px;display:flex;align-items:center;background:linear-gradient(90deg,#061c35e8 0%,#0b315aaf 49%,#0b315a35 100%),var(--sub-image) center/cover;color:#fff}
.sub-hero-inner{width:min(1180px,88%);margin:auto;padding:65px 0}
.sub-hero .eyebrow{font-size:15px;letter-spacing:.18em;color:#93d4ff;font-weight:800;margin-bottom:18px}
.sub-hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.13;letter-spacing:-.055em;font-weight:850}
.sub-hero p{font-size:clamp(16px,1.5vw,20px);line-height:1.65;margin-top:24px;color:#e2edf7}
.sub-section{width:min(1180px,88%);margin:auto;padding:95px 0}
.sub-section.sub-tint{width:100%;padding:95px max(6%,calc((100vw - 1180px)/2));background:#f2f8fd}
.sub-section .eyebrow{font-size:14px;letter-spacing:.14em;font-weight:800;color:var(--blue);margin-bottom:15px}
.sub-section h2{font-size:clamp(31px,3.5vw,48px);line-height:1.25;letter-spacing:-.045em}
.sub-section p{font-size:17px;line-height:1.75;color:#526d86}
.sub-heading{margin-bottom:35px}
.sub-heading p{margin-top:13px}
.sub-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}
.sub-split>img{width:100%;height:430px;object-fit:cover;border-radius:14px}
.sub-split>div>p{margin:23px 0 30px}
.sub-section .btn{font-size:16px;min-height:50px;padding:12px 25px;border-radius:7px}
.sub-grid{display:grid;gap:22px}
.sub-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sub-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sub-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.sub-card{min-width:0;background:#fff;border:1px solid #d9e6f2;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #082b5309}
.sub-card:not(.service-detail){padding:29px}
.sub-card b{color:var(--blue);font-size:15px}
.sub-card h3{font-size:22px;line-height:1.3;margin:13px 0 10px}
.sub-card p{font-size:15px;line-height:1.65}
.sub-card img{width:100%;height:220px;object-fit:cover}
.sub-card a{display:block}
.sub-card a span,.sub-card a:not(:has(img)){color:var(--blue);font-size:15px;font-weight:800}
.service-detail>div{padding:25px}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-detail a{margin-top:20px}
.sub-steps>div{padding:22px;border-top:3px solid var(--blue);background:#fff}
.sub-steps b{color:var(--blue);font-size:16px}
.sub-steps h3{font-size:17px;margin-top:20px}
.sub-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}
.sub-filters button{font-size:15px;padding:11px 18px;border:1px solid #c9dceb;border-radius:28px;background:#fff}
.sub-filters button.active,.sub-filters button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.sub-card[data-category] a div{padding-top:17px}
.sub-card[data-category] small{font-size:13px;color:var(--blue)}
.sub-card[data-category] h3{margin:7px 0 15px}
.sub-card[data-category][hidden]{display:none}
.review-detail .stars{font-size:23px;color:#ef9c14;letter-spacing:3px}
.review-detail p{margin:18px 0;font-size:17px;color:var(--navy)}
.review-detail small{color:#698199;font-size:14px}
.board-empty{grid-column:1/-1;padding:45px 25px;text-align:center;background:#f5f9fd;border:1px dashed #c6d8e8;color:#617b92}
.sub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sub-more{margin:30px auto 0;display:flex!important}
.sub-more[hidden]{display:none!important}
.area-grid .sub-card>span{font-size:32px;color:var(--blue)}
.area-grid .sub-card a{margin-top:20px}
.area-note{margin-top:24px;font-size:15px!important}
.contact-info{padding:35px;background:#eaf5fd;border-radius:14px}
.contact-info>a{display:flex;flex-direction:column;gap:7px;padding:16px 0;border-bottom:1px solid #c5dbea}
.contact-info small{font-size:13px;letter-spacing:.12em;color:#488abd}
.contact-info strong{font-size:25px}
.contact-info span{font-size:14px;color:var(--blue)}
.contact-info p{margin-top:22px;font-size:14px}
.legal-content{max-width:980px}
.legal-content>p,.legal-content section p{font-size:16px;line-height:1.9;color:#3d556b}
.legal-content .legal-effective{color:#6c8397;font-size:14px;margin-bottom:25px}
.legal-content section{padding:31px 0;border-bottom:1px solid #dbe8f3}
.legal-content section h2{font-size:25px;margin-bottom:14px}
.legal-content section p+p{margin-top:15px}
.legal-content a{text-decoration:underline;color:var(--blue)}
.footer-bottom a{font-size:inherit}
.contact-board-link{margin-top:16px}
.section-more{display:inline-block;margin-top:25px;color:var(--blue);font-weight:800;font-size:15px}
.home-page .board-empty{font-size:14rem}
.jd-board-main{min-height:60vh;padding:5px 0 80px}
.jd-board-main .fam-board{font-size:16px;max-width:1080px}
.jd-board-main .fam-board.board-form-page{padding:0 5%;max-width:1080px}
.jd-board-main .fam-board .board-form-hero{font-size:16px}
.jd-board-main .fam-board h1{font-size:clamp(28px,3.4vw,46px)}
.jd-board-main .fam-board .board-form-hero h1{font-size:clamp(44px,5.4vw,72px)}
.jd-board-main .fam-board label,.jd-board-main .fam-board input,.jd-board-main .fam-board textarea,.jd-board-main .fam-board select{font-size:15px}
.jd-login-main{min-height:65vh;display:grid;place-items:center;padding:70px 5%}
.jd-login-main .fam-board.board-auth{width:min(480px,100%);margin:0;padding:40px;border:1px solid #d9e6f2;background:#fff;box-shadow:0 15px 50px #082b5310;font-size:16px}
.jd-login-main .fam-board.board-auth h1{font-size:30px}
.jd-login-main .fam-board.board-auth button,.jd-login-main .fam-board.board-auth .manager-link{display:block;width:100%;margin-top:25px;padding:13px 20px;background:var(--board-accent);color:#fff;text-align:center;border-radius:5px}
.jd-login-main .fam-board.board-auth .logout-button{background:#f4f8fc;color:var(--navy)}
@media(max-width:850px){.sub-split{grid-template-columns:1fr;gap:35px}.sub-grid.five{grid-template-columns:repeat(3,1fr)}.sub-grid.four{grid-template-columns:repeat(2,1fr)}.services-grid,.sub-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sub-hero{min-height:285px}.sub-hero-inner{padding:48px 0}.sub-hero h1{font-size:38px}.sub-hero p{font-size:15px}.sub-section,.sub-section.sub-tint{padding:65px 6%}.sub-grid.three,.sub-grid.four,.sub-grid.five,.services-grid{grid-template-columns:1fr}.sub-section h2{font-size:32px}.sub-section p{font-size:15px}.sub-split>img{height:280px}.sub-card img{height:200px}.jd-login-main{padding:45px 5%}.jd-login-main .fam-board.board-auth{padding:28px}.jd-board-main .fam-board{font-size:14px}}
