.service-page{
  --navy:#243247;--navy2:#152235;--cyan:#10c6d7;--blue:#1594d1;--pink:#ed1761;
  --bg:#f6fbfd;--line:#dce8ef;--muted:#6d7d8f;--white:#fff;--green:#18a878;
  --shadow:0 20px 52px rgba(22,34,53,.10)
}
.service-page *{box-sizing:border-box}
.service-page{scroll-behavior:smooth}
.service-page{margin:0;font-family:'Prompt',sans-serif;color:var(--navy);background:#fff;line-height:1.65}
.service-page a{text-decoration:none;color:inherit}
.service-page img{max-width:100%;display:block}
.service-page .container{width:min(1180px,92%);margin:auto}
.service-page .header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7eff3}
.service-page .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.service-page .brand img{width:225px}
.service-page .navlinks{display:flex;align-items:center;gap:24px;font-size:14px;color:#4d5f72}
.service-page .navlinks a:hover{color:var(--blue)}
.service-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:12px;font-weight:600;border:1px solid transparent;transition:.2s;cursor:pointer}
.service-page .btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;box-shadow:0 10px 24px rgba(21,148,209,.23)}
.service-page .btn.primary:hover{transform:translateY(-2px)}
.service-page .btn.outline{background:#fff;border-color:#cbdce5}
.service-page .hero{padding:84px 0 74px;background:
radial-gradient(circle at 12% 10%,rgba(16,198,215,.14),transparent 28%),
radial-gradient(circle at 88% 18%,rgba(237,23,97,.10),transparent 24%),
linear-gradient(180deg,#fbfeff,#fff)}
.service-page .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:stretch}
.service-page .hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:26px 0}
.service-page .match-criteria{padding:24px 26px;border:1px solid #d9ecf1;border-radius:20px;background:rgba(255,255,255,.8)}
.service-page .match-criteria h2{margin:0 0 6px;font-size:23px;line-height:1.35;color:var(--navy2)}
.service-page .match-criteria p{margin:0 0 18px;font-size:14px;line-height:1.6}
.service-page .match-criteria-grid{display:grid;gap:12px}
.service-page .match-criteria-grid>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;align-items:start}
.service-page .match-criteria-grid span{grid-row:span 2;color:#0785a0;font-size:13px;font-weight:700}
.service-page .match-criteria-grid strong{color:var(--navy2);font-size:15px;line-height:1.35}
.service-page .match-criteria-grid small{color:#637487;font-size:13px;line-height:1.55}
.service-page .badge{display:inline-flex;padding:7px 13px;background:#e9fbfd;border-radius:999px;color:#0785a0;font-size:13px;font-weight:600}
.service-page .hero h1{font-size:52px;line-height:1.17;margin:18px 0 18px;color:var(--navy2);letter-spacing:-1px}
.service-page .hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink));-webkit-background-clip:text;color:transparent}
.service-page .hero p{font-size:18px;color:var(--muted);max-width:690px}
.service-page .hero-list{display:grid;gap:10px;margin:24px 0}
.service-page .hero-list div{position:relative;padding-left:28px;color:#4d5d70}
.service-page .hero-list div:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.service-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}

.service-page .form-card{background:#fff;border:1px solid #e4eef3;border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.service-page .form-card h3{margin:0 0 6px;font-size:23px}
.service-page .form-card>p{margin:0 0 18px;color:var(--muted);font-size:14px}
.service-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-page .field{margin-bottom:13px}
.service-page label{display:block;font-size:12px;color:#5c6d80;margin-bottom:6px}
.service-page input,.service-page select,.service-page textarea{width:100%;border:1px solid #d8e5ec;border-radius:11px;padding:12px 13px;font-family:inherit;font-size:14px;outline:none;background:#fff}
.service-page input:focus,.service-page select:focus,.service-page textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(16,198,215,.1)}
.service-page textarea{height:86px;resize:vertical}
.service-page .radio-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#526276}
.service-page .radio-row input{width:auto}
.service-page .consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#7a8898;margin:10px 0 14px}
.service-page .consent input{width:auto;margin-top:4px}
.service-page .firm-status{border:0;padding:0;margin:0 0 13px;min-width:0}
.service-page .firm-status legend{font-size:12px;color:#5c6d80;margin-bottom:6px}
.service-page button.btn{font-family:inherit;font-size:14px;cursor:pointer}

.service-page .section{padding:80px 0}
.service-page .section.alt{background:var(--bg)}
.service-page .head{text-align:center;max-width:770px;margin:0 auto 40px}
.service-page .head h2{font-size:38px;line-height:1.25;margin:0 0 12px;color:var(--navy2)}
.service-page .head p{margin:0;color:var(--muted)}
.service-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-page .step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;text-align:center;position:relative}
.service-page .step-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#e6fbfd,#edf6ff);display:grid;place-items:center;font-size:30px;margin:0 auto 16px}
.service-page .step-num{display:inline-block;font-size:12px;font-weight:700;color:#09859e;background:#e9fbfd;padding:5px 9px;border-radius:999px;margin-bottom:10px}
.service-page .step h3{font-size:19px;margin:0 0 8px}
.service-page .step p{font-size:14px;color:var(--muted);margin:0}

.service-page .metric-strip{margin-top:30px;background:linear-gradient(135deg,#142033,#293d56);color:#fff;border-radius:22px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.service-page .metric-strip strong{font-size:28px}
.service-page .metric-strip span{color:#d8e3ec;font-size:14px}

.service-page .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-page .benefit{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.service-page .icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#e7fbfd,#eef6ff);display:grid;place-items:center;font-size:24px;margin-bottom:15px}
.service-page .benefit h3{font-size:18px;margin:0 0 8px}
.service-page .benefit p{margin:0;color:var(--muted);font-size:14px}

.service-page .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.service-page .why-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;display:flex;gap:15px}
.service-page .why-card .n{flex:none;width:42px;height:42px;border-radius:13px;background:#e9fbfd;color:#0786a1;display:grid;place-items:center;font-weight:700}
.service-page .why-card h3{margin:0 0 6px;font-size:17px}
.service-page .why-card p{margin:0;color:var(--muted);font-size:13px}

.service-page .directory-top{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:18px}
.service-page .searchwrap{flex:1}
.service-page .searchbar{display:flex;gap:10px}
.service-page .searchbar input{flex:1}
.service-page .province-select{width:240px}
.service-page .firm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-page .firm{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;transition:.2s}
.service-page .firm:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,54,75,.08)}
.service-page .logo-box{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,#e5fbfd,#eef5ff);display:grid;place-items:center;font-size:26px;margin-bottom:14px}
.service-page .firm h3{font-size:17px;margin:0 0 6px}
.service-page .meta{font-size:12px;color:#758396;margin-bottom:12px}
.service-page .tags{display:flex;gap:6px;flex-wrap:wrap}
.service-page .tag{font-size:11px;padding:5px 8px;border-radius:999px;background:#f3f8fb;color:#586a7c}
.service-page .tag.verify{background:#eafaf4;color:#12845f}
.service-page .firm .btn{width:100%;margin-top:15px;padding:10px 12px;font-size:12px}

.service-page .faq{max-width:900px;margin:auto;display:grid;gap:11px}
.service-page details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 19px}
.service-page summary{list-style:none;cursor:pointer;font-weight:600;padding:18px 28px 18px 0;position:relative}
.service-page summary::-webkit-details-marker{display:none}
.service-page summary:after{content:"+";position:absolute;right:0;font-size:22px;color:var(--blue)}
.service-page details[open] summary:after{content:"−"}
.service-page details p{margin:-4px 0 18px;color:var(--muted);font-size:14px}

.service-page .partner{padding:70px 0}
.service-page .partner-box{background:radial-gradient(circle at 92% 15%,rgba(237,23,97,.28),transparent 25%),linear-gradient(135deg,#152235,#2c4059);color:white;border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.service-page .partner-box h2{font-size:34px;line-height:1.25;margin:0 0 10px}
.service-page .partner-box p{margin:0;color:#d8e3ec}
.service-page .footer{border-top:1px solid var(--line);padding:28px 0 40px;color:#788697;font-size:13px}
.service-page .footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.service-page .footer img{width:180px}

@media(max-width:980px){
 .service-page .navlinks{display:none}
 .service-page .hero-grid{grid-template-columns:1fr}
 .service-page .hero-copy{padding:0;gap:16px}
 .service-page .steps,.service-page .benefits,.service-page .firm-grid{grid-template-columns:repeat(2,1fr)}
 .service-page .why-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
 .service-page .brand img{width:180px}
 .service-page .hero{padding-top:55px}
 .service-page .hero h1{font-size:36px}
 .service-page .hero p{font-size:16px}
 .service-page .grid2,.service-page .steps,.service-page .benefits,.service-page .firm-grid{grid-template-columns:1fr}
 .service-page .head h2{font-size:30px}
 .service-page .metric-strip{flex-direction:column;align-items:flex-start}
 .service-page .directory-top{align-items:stretch;flex-direction:column}
 .service-page .searchbar{flex-direction:column}
 .service-page .province-select{width:100%}
 .service-page .partner-box{flex-direction:column;align-items:flex-start;padding:34px}
 .service-page .partner-box h2{font-size:29px}
 .service-page .footer-row{flex-direction:column;align-items:flex-start}
}