*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#454d72;background:#fff;line-height:1.55;font-size:16px}
a{color:#599cfd;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-weight:400;line-height:1.2;margin:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.logo{display:inline-flex;align-items:center;font-weight:700;font-size:26px;letter-spacing:.5px;color:#454d72;text-decoration:none!important;line-height:1}
.logo i{display:inline-block;width:.78em;height:.78em;margin:0 .02em;border:.2em solid #599cfd;border-radius:.2em .2em .2em 0;position:relative;top:.02em;background:#fff}
.logo i:after{content:"";position:absolute;left:.16em;top:.16em;width:.2em;height:.2em;background:#ff6498;border-radius:50%}
header.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:16px}
header.top .city{margin-left:18px;font-size:14px;color:#797f9a}
header.top .btn,.btn.pink{white-space:nowrap}header.top .left{display:flex;align-items:center}
.btn{display:inline-block;border:1px solid #599cfd;color:#599cfd;border-radius:4px;padding:9px 22px;font-size:15px;background:#fff;cursor:pointer;text-decoration:none!important;transition:.2s}
.btn:hover{background:#599cfd;color:#fff}
.btn.pink{background:#ff6498;border-color:#ff6498;color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:.4px;padding:13px 30px}
.btn.pink:hover{background:#f04d86;border-color:#f04d86}
.btn.big{padding:15px 34px;font-size:15px}
.hero{text-align:center;padding:70px 0 80px;background:linear-gradient(180deg,#fff 0,#f4f5f9 100%)}
.hero h1{font-size:38px;max-width:760px;margin:0 auto 14px;color:#454d72}
.hero p.sub{color:#797f9a;margin:0 auto 34px;max-width:620px;font-size:18px}
.tabs{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}
.tab{display:flex;align-items:center;gap:12px;min-width:250px;padding:14px 20px;border:1px solid #e5e7f1;border-radius:6px;background:#fff;text-align:left;color:#454d72}
.tab b{display:block;font-weight:500;font-size:15px}
.tab small{display:block;color:#797f9a;font-size:12px}
.dot{width:26px;height:26px;border-radius:50%;flex:none}
.d1{background:#ff6498}.d2{background:#599cfd}.d3{background:#b282f7}.d4{background:#61caf0}.d5{background:#4a537e}
.tab.on{border-color:#ff6498;box-shadow:0 2px 10px rgba(255,100,152,.15)}
.cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-row .hint{width:100%;color:#797f9a;font-size:14px;margin-top:6px}
section{padding:70px 0}
section.alt{background:#f4f5f9}
h2.t{text-align:center;font-size:30px;margin-bottom:10px}
.lead{text-align:center;color:#797f9a;max-width:640px;margin:0 auto 40px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step h3{font-size:16px;font-weight:500;margin-bottom:8px}
.step p{margin:0;color:#797f9a;font-size:14px}
.card{background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(69,77,114,.12);padding:28px;position:relative}
.card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#ff6498,#b282f7,#599cfd)}
.lawyer{display:grid;grid-template-columns:150px 1.3fr 1.2fr;gap:30px;margin-top:40px;align-items:start}
.ava{width:110px;height:110px;border-radius:50%;background:#e5e7f1;display:flex;align-items:center;justify-content:center;font-size:36px;color:#797f9a;font-weight:500;margin-bottom:14px}
.mini{display:flex;gap:8px;margin-bottom:14px}
.mini span{width:22px;height:22px}
.rate{font-size:13px;color:#797f9a}
.rate b{display:block;font-size:22px;font-weight:400}
.rate .r{color:#ff6498}.rate .g{color:#3bc351}
.lawyer h3{font-size:22px;margin-bottom:6px}
.lawyer .meta{color:#797f9a;font-size:14px;margin:0 0 14px}
.prices{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 14px}
.prices td{padding:3px 0}
.prices td+td{text-align:right;color:#61caf0;font-weight:500;white-space:nowrap}
.rev{border-top:1px solid #e5e7f1;margin-top:16px;padding-top:14px;font-size:14px;color:#797f9a}
.rev b{display:block;color:#454d72;font-weight:500;font-size:13px}
.office{font-size:14px;color:#797f9a;margin-top:12px}
.slots{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.slots span{background:#61caf0;color:#fff;border-radius:3px;padding:4px 12px;font-size:13px}
.slots span.off{background:#e5e7f1;color:#797f9a}
.days{display:flex;border:1px solid #e5e7f1;border-radius:4px;overflow:hidden;font-size:13px}
.days span{flex:1;text-align:center;padding:7px 4px;background:#fff;color:#797f9a}
.days span.on{color:#61caf0;background:#f4fbfe}
.center{text-align:center;margin-top:40px}
.stats{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;text-align:center}
.stats div{min-width:150px}
.stats b{display:block;font-size:56px;font-weight:300;line-height:1}
.stats span{font-size:14px;color:#797f9a}
.s1 b{color:#ff6498}.s2 b{color:#b282f7}.s3 b{color:#599cfd}.s4 b{color:#61caf0}
.qa .card{padding:24px 26px 30px}
.qa h3{font-size:17px;font-weight:500;margin-bottom:10px}
.qa .card p{margin:0;font-size:14px;color:#797f9a}
.qa .tag{display:inline-block;font-size:11px;color:#fff;border-radius:10px;padding:2px 12px;margin-bottom:12px}
.bon{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 26px;text-align:center}.bon>div{flex:0 1 calc(33.333% - 18px)}
.bon .dot{display:block;width:92px;height:92px;margin:0 auto 14px;border:6px solid rgba(255,255,255,.7);box-shadow:0 0 0 2px #e5e7f1}
.bon h3{font-size:16px;font-weight:500;margin-bottom:6px}
.bon p{margin:0;font-size:14px;color:#797f9a}
.bon .c2{grid-column:span 1}
details.faq{border-bottom:1px solid #e5e7f1;padding:16px 0}
details.faq summary{cursor:pointer;font-size:18px;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] summary{color:#ff6498}
details.faq p{margin:12px 0 0;color:#797f9a;font-size:15px}
.faqbox{max-width:760px;margin:0 auto}
.spec{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.spec span{background:#fff;border:1px solid #e5e7f1;border-radius:20px;padding:6px 18px;font-size:14px}
details.geo{max-width:900px;margin:30px auto 0;font-size:14px;color:#797f9a}
details.geo summary{cursor:pointer;color:#599cfd;text-align:center}
details.geo p{margin:12px 0}
details.geo b{color:#454d72;font-weight:500}
.cis{padding:26px 0;background:#fff;border-top:1px solid #e5e7f1;border-bottom:1px solid #e5e7f1}
.cis .wrap{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.cis h2{font-size:16px;font-weight:500;color:#454d72}
.cis .btn{padding:7px 20px;font-size:14px}
.call{background:#4f7df3;color:#fff;text-align:center;padding:60px 0}
.call h2{font-size:28px;margin-bottom:24px;color:#fff}
.call .btn.white{background:#fff;color:#4f7df3;border-color:#fff;font-size:18px;padding:14px 36px}
.call .btn.white:hover{background:#f4f5f9}
.call .btn.line{border-color:#fff;color:#fff;background:transparent;font-size:15px;padding:14px 28px}
.call .btn.line:hover{background:rgba(255,255,255,.15)}
footer{padding:44px 0;font-size:14px;color:#797f9a}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer h4{margin:0 0 10px;font-size:14px;color:#454d72;font-weight:500}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:5px 0}
footer a{color:#797f9a}
footer a:hover{color:#599cfd}
@media(max-width:960px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.bon>div{flex:1 1 100%}.lawyer{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}.hero h1{font-size:30px}}
@media(max-width:560px){header.top .btn{padding:8px 12px;font-size:14px}.btn.pink{padding:13px 16px;font-size:13px}.grid4{grid-template-columns:1fr}.hero{padding:40px 0 50px}.hero h1{font-size:26px}header.top .city{display:none}section{padding:46px 0}h2.t{font-size:25px}.tab{min-width:100%}.stats b{font-size:44px}footer .cols{grid-template-columns:1fr}.btn.big{width:100%;text-align:center}}