.service-page { background:#f7f8f5; }
.service-hero { position:relative; overflow:hidden; padding:110px clamp(24px,8vw,138px) 104px; color:white; background:linear-gradient(135deg,#031d36 0%,#073463 72%,#0b4679 100%); }
.service-hero::after { content:""; position:absolute; width:520px; height:520px; right:-180px; top:-230px; border:1px solid rgba(234,175,45,.28); border-radius:50%; box-shadow:0 0 0 72px rgba(234,175,45,.04),0 0 0 146px rgba(234,175,45,.03); }
.service-hero-inner { position:relative; z-index:1; max-width:1040px; }
.service-kicker { display:flex; align-items:center; gap:13px; margin:0 0 24px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.service-kicker::before { content:""; width:38px; height:2px; background:var(--gold); }
.service-hero h1 { max-width:940px; margin:0; font-size:clamp(52px,6vw,92px); line-height:.96; letter-spacing:-.045em; }
.service-hero h1 em { color:var(--gold); font-style:normal; }
.service-lead { max-width:790px; margin:30px 0 0; color:rgba(255,255,255,.76); font-family:Arial,sans-serif; font-size:18px; line-height:1.72; }
.service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:36px; }
.official-button { display:inline-flex; align-items:center; gap:14px; min-height:56px; padding:0 24px; color:var(--night); background:var(--gold); font-size:15px; font-weight:800; }
.official-button:hover { background:#f1be4c; }
.official-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.official-domain { color:rgba(255,255,255,.55); font:12px/1.4 Arial,sans-serif; }
.service-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#ccd5dc; border-bottom:1px solid #ccd5dc; }
.service-trust div { padding:28px clamp(22px,4vw,54px); background:white; }
.service-trust span { display:block; margin-bottom:8px; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.service-trust strong { font-size:17px; line-height:1.4; }
.service-content { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:70px; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:98px 0 110px; }
.service-main { min-width:0; }
.service-section + .service-section { margin-top:74px; padding-top:70px; border-top:1px solid #d9e0e5; }
.service-section-label { margin:0 0 16px; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.service-section h2 { max-width:760px; margin:0 0 24px; color:var(--night); font-size:clamp(35px,4vw,56px); line-height:1.02; letter-spacing:-.035em; }
.service-section > p { max-width:780px; color:#526b81; font:16px/1.75 Arial,sans-serif; }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; }
.process-card { min-height:210px; padding:25px; border:1px solid #d8e0e6; background:white; }
.process-card span { color:var(--gold); font-size:12px; font-weight:800; }
.process-card h3 { margin:28px 0 11px; color:var(--night); font-size:20px; }
.process-card p { margin:0; color:#62778a; font:14px/1.62 Arial,sans-serif; }
.timeline { display:grid; grid-template-columns:repeat(3,1fr); margin-top:34px; border:1px solid #d5dde3; background:white; }
.timeline > div { min-height:188px; padding:26px; border-right:1px solid #d5dde3; }
.timeline > div:last-child { border-right:0; }
.timeline strong { display:block; color:var(--gold); font-size:28px; }
.timeline span { display:block; margin:10px 0; color:var(--night); font-size:17px; font-weight:800; }
.timeline p { margin:0; color:#687b8c; font:13px/1.6 Arial,sans-serif; }
.service-note { margin-top:26px; padding:22px 24px; border-left:4px solid var(--gold); color:#4f667a; background:#eef2f4; font:14px/1.65 Arial,sans-serif; }
.service-aside { align-self:start; position:sticky; top:116px; padding:30px; color:white; background:var(--night); }
.service-aside .aside-tag { display:block; margin-bottom:20px; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.service-aside h2 { margin:0 0 14px; color:white; font-size:29px; line-height:1.08; }
.service-aside p { margin:0; color:rgba(255,255,255,.67); font:14px/1.65 Arial,sans-serif; }
.service-aside .official-button { width:100%; justify-content:space-between; margin-top:25px; padding:0 18px; }
.service-aside small { display:block; margin-top:17px; color:rgba(255,255,255,.46); font:11px/1.55 Arial,sans-serif; }
.service-faq { display:grid; gap:10px; margin-top:32px; }
.service-faq details { border:1px solid #d8e0e6; background:white; }
.service-faq summary { display:flex; justify-content:space-between; gap:18px; padding:21px 23px; color:var(--night); font-size:16px; font-weight:800; cursor:pointer; list-style:none; }
.service-faq summary::-webkit-details-marker { display:none; }
.service-faq summary::after { content:"+"; color:var(--gold); font-size:22px; }
.service-faq details[open] summary::after { content:"−"; }
.service-faq details p { margin:0; padding:0 23px 22px; color:#61768a; font:14px/1.67 Arial,sans-serif; }

@media (max-width:900px) {
  .service-content { grid-template-columns:1fr; gap:48px; }
  .service-aside { position:static; }
  .service-trust { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .service-hero { padding:76px 20px 72px; }
  .service-hero h1 { font-size:48px; }
  .service-lead { font-size:16px; }
  .service-actions { align-items:stretch; flex-direction:column; }
  .official-button { justify-content:space-between; width:100%; }
  .service-content { width:calc(100% - 40px); padding:72px 0 82px; }
  .process-grid,.timeline { grid-template-columns:1fr; }
  .timeline > div { border-right:0; border-bottom:1px solid #d5dde3; }
  .timeline > div:last-child { border-bottom:0; }
}