/* Alin Digital v5.2.5 — shared service sales template (blocking on service pages only; layout must never shift).
   Palette: City Night Drive (#0f2140 night, #ffbe3b amber, #4be38f green) + cream/orange UI. Motion: transform/opacity only. */
.sv5{--ink:#2a1b14;--mute:#5a4a40;--cream:#fff8ec;--acc:#ad390e;--night:#0f2140;--amber:#ffbe3b;--grn:#4be38f;color:var(--ink);font-size:16px;line-height:1.6}
.sv5 .site-shell{display:block!important;max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.sv5 h1,.sv5 h2,.sv5 h3{color:inherit;letter-spacing:0;margin:0}
.sv5 p{margin:0}
.sv5 ul,.sv5 ol{margin:0;padding:0;list-style:none}
.sv5-ic{width:26px;height:26px;fill:none;stroke:var(--gc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Hero (night drive) */
.sv5-hero,.sv5-band,.sv5-end{--fc-ink:#fff8ec}
.sv5-hero{background:radial-gradient(120% 90% at 85% 0%,#1d3a6b 0,#0f2140 55%,#0a1730 100%);color:#fff8ec;padding:136px 0 44px;position:relative;overflow:hidden}
.sv5-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:repeating-linear-gradient(90deg,var(--amber) 0 34px,transparent 34px 58px);opacity:.75}
.sv5 .sv5-hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.sv5-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:15px;color:#cfd8ea;margin-bottom:14px}
.sv5-crumb a{color:#cfd8ea;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.sv5-crumb b{color:#fff8ec;font-weight:600}
.sv5-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 15px/1.3 inherit;color:var(--amber)!important;margin-bottom:12px!important}
.sv5-dot{width:10px;height:10px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 4px #4be38f33}
.sv5-hero h1{font-size:clamp(28px,4.2vw,46px);line-height:1.18;font-weight:800;color:#fff8ec!important;margin-bottom:14px}
.sv5-lead{font-size:18px;line-height:1.6;color:#e4e9f4!important;max-width:60ch}
.sv5-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sv5-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:14px;font-weight:800;font-size:16px;line-height:1.2;text-decoration:none!important;transition:transform .2s ease;box-sizing:border-box}
.sv5-btn:hover{transform:translateY(-2px)}
.sv5-btn:focus-visible,.sv5 summary:focus-visible,.sv5-crumb a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.sv5-btn-p{background:var(--acc);color:#fff!important;box-shadow:0 6px 0 #6e2309}
.sv5-btn-wa{background:#0b7a3e;color:#fff!important;box-shadow:0 6px 0 #064d26}
.sv5-btn-wa svg{width:20px;height:20px;fill:currentColor}
.sv5-btn-o{background:#fff;color:var(--ink)!important;border:2px solid var(--ink);width:100%}
.sv5-micro{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px!important;font-size:15px;color:#cfd8ea}
.sv5-micro li{display:flex;align-items:center;gap:7px}
.sv5-micro li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grn)}
.sv5-hero-visual{min-width:0}
.sv5-photo{margin:0;border-radius:22px;overflow:hidden;border:3px solid #fff8ec22;box-shadow:0 24px 50px #0006;aspect-ratio:3/2;background:#1a2f55}
.sv5-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Example / demo mock */
.sv5-mock{margin:0;background:#fffaf2;color:var(--ink);border-radius:20px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--amber);position:relative;overflow:hidden}
.sv5-demo-badge{position:absolute;top:10px;right:10px;background:var(--amber);color:#2a1b14;font:800 13px/1 inherit;padding:6px 10px;border-radius:999px;z-index:1}
.sv5-mock-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:2px solid #ead9c4;background:#fff}
.sv5-mock-bar i{width:10px;height:10px;border-radius:50%;background:#e8d5bf}
.sv5-mock-bar i:first-child{background:#ef6b4a}.sv5-mock-bar i:nth-child(2){background:var(--amber)}.sv5-mock-bar i:nth-child(3){background:var(--grn)}
.sv5-mock-bar b{margin-left:8px;font-size:15px;padding-right:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv5-mock-body{padding:14px;display:grid;gap:10px}
.sv5-mock-cols .sv5-mock-body{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv5-mc{background:#f7efe3;border-radius:12px;padding:8px;display:grid;gap:8px;align-content:start;min-width:0}
.sv5-mc>b{font-size:14px;color:var(--gc)}
.sv5-mcard{background:#fff;border:1.5px solid #ead9c4;border-left:4px solid var(--gc);border-radius:9px;padding:7px 8px;display:grid;gap:2px;min-width:0}
.sv5-mcard span{font-size:14px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.sv5-mcard small{font-size:13px;color:var(--mute)}
.sv5-mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1.5px solid #ead9c4;border-radius:10px;padding:10px 12px;font-size:15px}
.sv5-mrow em{font-style:normal;font-weight:800;font-size:13px;padding:4px 9px;border-radius:999px;white-space:nowrap}
.sv5-mrow .t-g{background:#dcfce7;color:#0b5e30}.sv5-mrow .t-a{background:#fff1cc;color:#7a4b00}.sv5-mrow .t-b{background:#e0ecff;color:#1d3f8f}
.sv5-mbar{display:grid;gap:5px;font-size:15px}
.sv5-mbar i{display:block;height:12px;border-radius:99px;background:#efe3d3;position:relative;overflow:hidden}
.sv5-mbar i:after{content:"";position:absolute;inset:0;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--gc),var(--amber))}
.sv5-msg{max-width:84%;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.45}
.sv5-msg-in{background:#fff;border:1.5px solid #ead9c4;justify-self:start;border-bottom-left-radius:4px}
.sv5-msg-out{background:var(--gc);color:#fff;justify-self:end;border-bottom-right-radius:4px}
.sv5-msg-sys{justify-self:center;background:#fff1cc;color:#5a3d00;font-size:14px;font-weight:700}
.sv5-mock figcaption{font-size:13px;color:var(--mute);padding:0 14px 12px}

/* Sections */
.sv5-sec{padding:64px 0;background:var(--cream)}
.sv5-sec:nth-of-type(odd){background:#fff}
.sv5-kicker{display:inline-block;font-weight:800;font-size:15px;color:var(--gc);background:var(--gt);border:1.5px solid var(--gc);border-radius:999px;padding:4px 12px;margin-bottom:12px!important}
.sv5 h2{font-size:clamp(26px,3vw,36px);line-height:1.22;font-weight:800;margin-bottom:26px;max-width:28ch}
.sv5 h3{font-size:18px;line-height:1.35;font-weight:800}

/* Problem → solution flow */
.sv5-flow{display:grid;gap:16px}
.sv5-flow li{display:grid;grid-template-columns:1fr 84px 1fr;align-items:stretch;gap:0}
.sv5-pb,.sv5-sb{border-radius:16px;padding:16px 18px;font-size:16px}
.sv5-pb{background:#fff4ee;border:2px dashed #d58a6d}
.sv5-sb{background:var(--gt);border:2px solid var(--gc)}
.sv5-tag{display:inline-block;font-weight:800;font-size:14px;border-radius:8px;padding:2px 9px;margin-bottom:6px}
.sv5-tag-p{background:#ffd9cc;color:#8a2a0b}.sv5-tag-s{background:var(--gc);color:#fff}
.sv5-arrow{align-self:center;width:72px;height:24px;margin:0 auto;fill:none;stroke:var(--gc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Features */
.sv5-feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv5-fcard{background:#fff;border:2px solid #ead9c4;border-top:5px solid var(--gc);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}
.sv5-fcard p,.sv5-tcard p,.sv5-hub-node p{font-size:15px;color:var(--mute);line-height:1.55}
.sv5-inout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.sv5-in-list,.sv5-out-list{border-radius:16px;padding:18px 20px}
.sv5-in-list{background:var(--gt);border:2px solid var(--gc)}
.sv5-out-list{background:#fbf6ef;border:2px dashed #b9a796}
.sv5-inout h3{margin-bottom:10px}
.sv5-inout li{position:relative;padding-left:28px;font-size:16px;margin:8px 0}
.sv5-in-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gc);font-weight:900}
.sv5-out-list li:before{content:"–";position:absolute;left:4px;top:0;color:#8a776a;font-weight:900}

/* Mid band */
.sv5-band{background:var(--night);color:#fff8ec;padding:30px 0}
.sv5 .sv5-band-in{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.sv5-band-t{font-size:19px;font-weight:700;color:#fff8ec!important;max-width:46ch}
.sv5-band .sv5-ctas{margin-top:0}

/* Benefit hub */
.sv5-hub{position:relative;display:grid;grid-template-columns:1fr 220px 1fr;grid-template-rows:auto auto;gap:22px 28px;align-items:center}
.sv5-hub-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gc);stroke-width:.5;stroke-dasharray:2 1.6;opacity:.55;pointer-events:none}
.sv5-hub-core{grid-column:2;grid-row:1/3;aspect-ratio:1;border-radius:50%;background:var(--night);color:#fff8ec;display:grid;place-items:center;text-align:center;padding:22px;font-weight:800;font-size:17px;line-height:1.3;border:6px solid var(--amber);box-shadow:0 0 0 10px var(--gt);position:relative}
.sv5-hub-node{position:relative;background:#fff;border:2px solid #ead9c4;border-radius:16px;padding:16px 18px;display:grid;gap:6px}
.sv5-hub-n1{grid-column:1;grid-row:1}.sv5-hub-n2{grid-column:3;grid-row:1}.sv5-hub-n3{grid-column:1;grid-row:2}.sv5-hub-n4{grid-column:3;grid-row:2}

/* Process road */
.sv5-time{font-size:17px;font-weight:600;background:#fff;border-left:5px solid var(--amber);border-radius:10px;padding:12px 16px;margin:-8px 0 26px!important;max-width:70ch}
.sv5-road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;counter-reset:s}
.sv5-road:before{content:"";position:absolute;left:4%;right:4%;top:23px;height:8px;border-radius:8px;background:var(--night);box-shadow:inset 0 0 0 1px #0000}
.sv5-road:after{content:"";position:absolute;left:5%;right:5%;top:26px;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0 16px,transparent 16px 28px)}
.sv5-road li{position:relative;z-index:1;display:grid;gap:10px;align-content:start}
.sv5-step{width:54px;height:54px;border-radius:50%;background:var(--amber);color:#2a1b14;font-weight:900;font-size:20px;display:grid;place-items:center;border:4px solid var(--night)}
.sv5-road li>div{background:#fff;border:2px solid #ead9c4;border-radius:14px;padding:14px 16px}
.sv5-road p{font-size:15px;color:var(--mute);margin-top:6px!important}
.sv5-note{font-size:15px;color:var(--mute);margin-top:18px!important}

/* Pricing CTA (v5.2.6 — package tiers removed) */
.sv5-pr-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 36px;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:22px;padding:30px 32px;box-shadow:8px 8px 0 var(--gc)}
.sv5-pr-box h2{font-size:clamp(26px,3.2vw,36px);line-height:1.2;font-weight:900;color:var(--acc)!important;margin:0 0 10px!important}
.sv5-pr-t{font-size:17px;line-height:1.6;color:var(--mute)}
.sv5-pr-box .sv5-ctas{margin-top:0;flex-direction:column}
.sv5-pr-box .sv5-btn{width:100%;min-height:58px;font-size:18px}
.sv5-pr-box .sv5-ctas .sv5-btn{flex:0 0 auto}

/* Trust */
.sv5-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv5-tcard{background:#fff;border:2px solid #ead9c4;border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}

/* FAQ */
.sv5-faq-in{max-width:880px!important}
.sv5-faq-list{display:grid;gap:10px}
.sv5-faq details{background:#fff;border:2px solid #ead9c4;border-radius:14px}
.sv5-faq details[open]{border-color:var(--gc)}
.sv5-faq summary{cursor:pointer;list-style:none;font-weight:800;font-size:17px;padding:14px 50px 14px 18px;min-height:48px;box-sizing:border-box;position:relative;display:flex;align-items:center}
.sv5-faq summary::-webkit-details-marker{display:none}
.sv5-faq summary:after{content:"+";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--gt);color:var(--gc);display:grid;place-items:center;font-size:20px;line-height:1;transition:transform .2s}
.sv5-faq details[open] summary:after{transform:rotate(45deg)}
.sv5-faq details p{padding:0 18px 16px;font-size:16px;color:var(--mute)}

/* End CTA */
.sv5-end{background:linear-gradient(160deg,#0f2140,#16305a);color:#fff8ec;padding:56px 0;text-align:center}
.sv5-end-in{max-width:760px!important}
.sv5-end h2{color:#fff8ec!important;margin:0 auto 12px;max-width:none}
.sv5-end p{font-size:17px;color:#e4e9f4!important}
.sv5-end .sv5-ctas{justify-content:center}

/* Sticky mobile CTA: server-rendered, fixed, constant size; the help button docks into the reserved 3rd column. */
.sv5-mcb{display:none!important}
@media (max-width:760px){
  body.sv5-page{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
  .sv5-page .alin-help-dock{display:none!important}
  html body .mobile-cta-bar.sv5-mcb{display:grid!important;grid-template-columns:1fr 1fr 72px!important;height:calc(64px + env(safe-area-inset-bottom,0px));box-sizing:border-box;z-index:1007}
  html body .mobile-cta-bar.sv5-mcb>a,html body .mobile-cta-bar.sv5-mcb>.alin-chat-dock-button{min-height:48px;font-size:15px}
  html body .mobile-cta-bar.sv5-mcb>.alin-chat-dock-button{grid-column:3;width:72px;padding:4px;border-radius:14px}
}

/* Responsive */
@media (max-width:900px){.sv5-hero{padding-top:114px}}
@media (max-width:1023px){
  .sv5 .sv5-hero-grid{grid-template-columns:1fr;gap:28px}
  .sv5-feat-grid,.sv5-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv5-road{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv5-road:before,.sv5-road:after{display:none}
}
@media (max-width:760px){
  .sv5 .site-shell{padding:0 16px}
  .sv5-hero{padding:110px 0 30px}
  .sv5-lead{font-size:17px}
  .sv5-ctas .sv5-btn{flex:1 1 100%}
  .sv5-sec{padding:44px 0}
  .sv5 h2{margin-bottom:20px}
  .sv5-flow li{grid-template-columns:1fr;grid-template-rows:auto 40px auto}
  .sv5-arrow{transform:rotate(90deg);width:40px}
  .sv5-feat-grid,.sv5-trust-grid,.sv5-inout{grid-template-columns:1fr}
  .sv5-pr-box{grid-template-columns:1fr;padding:22px 18px;box-shadow:5px 5px 0 var(--gc)}
  .sv5-pr-box h2{font-size:28px}
  .sv5-pr-t{font-size:18px}
  .sv5-mock-cols .sv5-mock-body{grid-template-columns:1fr 1fr}
  .sv5-mock-cols .sv5-mc:nth-child(n+3){display:none}
  .sv5-mock-bar b{padding-right:0}
  .sv5-demo-badge{position:static;display:inline-block;margin:10px 0 0 14px}
  .sv5-hub{grid-template-columns:1fr;gap:12px}
  .sv5-hub-lines{display:none}
  .sv5-hub-core{grid-column:1;grid-row:auto;width:170px;justify-self:center;margin-bottom:6px}
  .sv5-hub-n1,.sv5-hub-n2,.sv5-hub-n3,.sv5-hub-n4{grid-column:1;grid-row:auto}
  .sv5-road{grid-template-columns:1fr;gap:14px;padding-left:0}
  .sv5-road li{grid-template-columns:54px 1fr;gap:12px}
  .sv5-road li:not(:last-child):before{content:"";position:absolute;left:23px;top:54px;bottom:-14px;width:8px;background:var(--night);border-radius:4px}
  .sv5 .sv5-band-in{display:block!important}
  .sv5-band .sv5-ctas{margin-top:14px}
}

/* Motion (JS adds .sv5-js; only elements below the fold get .sv5-pre). Never hides content without JS. */
.sv5-js .sv5-rv.sv5-pre{opacity:0;transform:translateY(22px)}
.sv5-js .sv5-rv{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.sv5-asm .w{display:inline-block;white-space:pre}
.sv5-js .sv5-asm.sv5-pre .w{opacity:0;transform:translateY(.6em) rotate(4deg)}
.sv5-js .sv5-asm .w{transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*45ms)}
.sv5-arrow path{stroke-dasharray:90;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease .2s}
.sv5-js .sv5-pre .sv5-arrow path{stroke-dashoffset:90}
@media (prefers-reduced-motion:reduce){
  .sv5-js .sv5-rv,.sv5-js .sv5-asm .w,.sv5-arrow path,.sv5-btn{transition:none!important}
  .sv5-js .sv5-pre,.sv5-js .sv5-pre .w{opacity:1!important;transform:none!important}
  .sv5-js .sv5-pre .sv5-arrow path{stroke-dashoffset:0}
}
/* v5.2.5b related services (same colour group) */
.sv5-rel h2{margin:0 0 6px}
.sv5-rel-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.sv5-rel-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 16px;border:1.5px solid var(--gc);border-radius:14px;background:var(--gt);color:var(--ink,#2a1b14);font-weight:700;text-decoration:none;line-height:1.3}
.sv5-rel-list a::after{content:"→";color:var(--gc);flex:none}
.sv5-rel-list a:hover,.sv5-rel-list a:focus-visible{background:#fff}
.form-svc-link{margin:-4px 0 12px;font-size:15px}.form-svc-link a{font-weight:700}