
/* Vendrel service detail system v1: productized, accessible, mobile-first; scoped to .vd-page */
.vd-page{--vda:#3465a4;--vdl:#e9f2ff;background:#f8fafc;color:#122034}
.vd-page[data-color="starter"]{--vda:#5065d5;--vdl:#eef0ff}
.vd-page[data-color="revenue"]{--vda:#215f98;--vdl:#e9f2fc}
.vd-page[data-color="growth"]{--vda:#087961;--vdl:#e8f8f2}
.vd-page[data-color="operations"]{--vda:#6546a3;--vdl:#f1edfb}
.vd-page[data-color="insight"]{--vda:#936324;--vdl:#fcf2df}
.vd-page .vd-crumbs{display:flex;align-items:center;gap:10px;padding:24px 0 0;font-size:12px;font-weight:750;color:#60718a;flex-wrap:wrap}
.vd-page .vd-crumbs a{color:inherit;text-decoration:none}.vd-page .vd-crumbs a:hover{color:var(--vda)}
.vd-page .vd-hero{padding:44px 0 67px;background:linear-gradient(145deg,#fafcfe 22%,var(--vdl) 100%);border-bottom:1px solid #e0e8f1}
.vd-page .vd-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:center;gap:54px}
.vd-page .vd-overline{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--vda);text-transform:uppercase}
.vd-page .vd-hero h1{font-size:clamp(39px,4.9vw,70px);max-width:770px;line-height:1.05;letter-spacing:-.052em;margin:15px 0 20px;color:#101c2c}
.vd-page .vd-summary{color:#45566c;font-size:clamp(17px,1.7vw,20px);line-height:1.55;max-width:640px;margin:0}
.vd-page .vd-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0}
.vd-page .vd-pill{border:1px solid #d3dce7;background:#fff;border-radius:30px;padding:8px 13px;font-size:11px;font-weight:800;color:#27384c}
.vd-page .vd-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.vd-page .vd-primary,.vd-page .vd-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:850;transition:transform .15s,box-shadow .15s}
.vd-page .vd-primary{border:1px solid #132639;background:#15283a;color:#fff}
.vd-page .vd-secondary{border:1px solid #aebecf;background:#fff;color:#193047}
.vd-page .vd-primary:hover,.vd-page .vd-secondary:hover{transform:translateY(-2px);box-shadow:0 7px 18px #22354819}
.vd-page .vd-hero-foot{font-size:12px;color:#6b798a;margin-top:14px;line-height:1.6}
.vd-page .vd-flow-board{border:1px solid #d9e3ee;border-radius:23px;background:white;box-shadow:0 24px 58px #1b40631a;padding:26px;position:relative;overflow:hidden}
.vd-page .vd-flow-board:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--vdl);right:-58px;top:-76px}
.vd-page .vd-board-label{font-size:10px;color:#61738b;font-weight:900;letter-spacing:.13em;position:relative}
.vd-page .vd-flow-pipeline{margin:24px 0 7px;position:relative}
.vd-page .vd-flow-stage{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #dfE6ef;border-radius:13px;background:#fff;position:relative}
.vd-page .vd-flow-number{display:grid;place-items:center;flex:none;background:var(--vdl);color:var(--vda);font-size:12px;font-weight:950;border-radius:10px;width:41px;height:41px}
.vd-page .vd-flow-stage strong{display:block;font-size:14px;color:#17273a}
.vd-page .vd-flow-stage small{display:block;color:#718196;font-size:11px;margin-top:4px;line-height:1.4}
.vd-page .vd-connector{height:24px;margin-left:34px;border-left:2px dashed #b9c7d6;position:relative}
.vd-page .vd-connector:after{content:"";position:absolute;bottom:0;left:-5px;width:7px;height:7px;border:solid #b9c7d6;border-width:0 2px 2px 0;transform:rotate(45deg)}
.vd-page .vd-board-result{background:#172637;color:#fff;border-radius:11px;padding:15px;margin-top:16px;font-size:12px;line-height:1.55}
.vd-page .vd-board-result b{display:block;color:#cdebcf;margin-bottom:4px;letter-spacing:.055em;font-size:10px}
.vd-page .vd-section{padding:75px 0}.vd-page .vd-section.vd-soft{background:#edf3f7}
.vd-page .vd-sectionhead{max-width:640px;margin-bottom:28px}
.vd-page .vd-section h2{font-size:clamp(28px,3.3vw,43px);line-height:1.13;letter-spacing:-.038em;color:#142336;margin:10px 0 9px}
.vd-page .vd-sub{font-size:15px;color:#63748b;line-height:1.65;max-width:730px;margin:0}
.vd-page .vd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:steps}
.vd-page .vd-step{position:relative;border:1px solid #d9e3ec;border-radius:17px;background:#fff;padding:25px 23px;min-height:210px}
.vd-page .vd-step .vd-stepmark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--vdl);color:var(--vda);font-size:13px;font-weight:900;margin-bottom:21px}
.vd-page .vd-step h3{color:#14263a;font-size:18px;letter-spacing:-.02em;margin:0 0 8px}
.vd-page .vd-step p{color:#607085;font-size:14px;line-height:1.55;margin:0}
.vd-page .vd-scopegrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px}
.vd-page .vd-panel{padding:28px;border-radius:19px;border:1px solid #dce5ec;background:#fff}
.vd-page .vd-panel h3{font-size:21px;letter-spacing:-.025em;margin:0 0 17px;color:#16273c}
.vd-page .vd-check{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.vd-page .vd-check li{font-size:14px;line-height:1.52;padding-left:29px;position:relative;color:#41536b}
.vd-page .vd-check li:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;position:absolute;left:0;top:1px;font-size:12px;background:var(--vdl);color:var(--vda);border-radius:50%;font-weight:900}
.vd-page .vd-boundary{margin-top:21px;border-radius:12px;background:#f2f6f9;padding:17px;font-size:13px;color:#617189;line-height:1.6}
.vd-page .vd-boundary b{color:#27384b;display:block;margin-bottom:6px}
.vd-page .vd-highlight{border:1px solid #dbe5ee;background:var(--vdl);border-radius:16px;padding:22px;margin-top:16px}
.vd-page .vd-highlight strong{font-size:15px;color:#16283b;display:block;margin-bottom:7px}
.vd-page .vd-highlight p{font-size:13px;color:#41536a;line-height:1.6;margin:0}
.vd-page .vd-next{background:#122234;color:#fff;border-radius:22px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.vd-page .vd-next h2{color:#fff;margin:9px 0;font-size:clamp(28px,3.4vw,42px)}
.vd-page .vd-next p{font-size:14px;color:#c7d4de;margin:0;line-height:1.65}
.vd-page .vd-next .vd-overline{color:#b6d6fc}.vd-page .vd-next a{white-space:nowrap;background:#fff;color:#17283a}
.vd-page .vd-bottom-links{display:flex;justify-content:space-between;gap:16px;padding:27px 0 45px;flex-wrap:wrap}
.vd-page .vd-bottom-links a{font-size:13px;color:#405978;font-weight:750}
.vd-page .vd-audit-buy{margin:0}.vd-page .vd-audit-buy button{cursor:pointer;font-family:inherit}
@media(max-width:990px){.vd-page .vd-hero-grid{gap:25px;grid-template-columns:1fr 1fr}.vd-page .vd-flow-board{padding:20px}.vd-page .vd-hero h1{font-size:44px}}
@media(max-width:760px){.vd-page .vd-hero-grid,.vd-page .vd-scopegrid{grid-template-columns:1fr}.vd-page .vd-hero{padding-bottom:42px}.vd-page .vd-flow-board{max-width:540px}.vd-page .vd-section{padding:52px 0}.vd-page .vd-steps{grid-template-columns:1fr;gap:11px}.vd-page .vd-step{min-height:0;padding:20px}.vd-page .vd-step .vd-stepmark{margin-bottom:12px}.vd-page .vd-next{align-items:flex-start;flex-direction:column;padding:26px}.vd-page .vd-panel{padding:22px}}
@media(max-width:420px){.vd-page .vd-hero h1{font-size:37px}.vd-page .vd-primary,.vd-page .vd-secondary{width:100%}.vd-page .vd-flow-board{padding:16px}.vd-page .vd-cta-row{gap:8px}}
@media(prefers-reduced-motion:reduce){.vd-page .vd-primary,.vd-page .vd-secondary{transition:none}}

.vd-pricing-detail-link{display:block;font-size:12px;font-weight:850;margin:10px 0 0;color:#276289;text-decoration:underline;text-underline-offset:3px}.vd-pricing-package-links{display:grid;gap:10px;margin:0 0 15px}.vd-pricing-package-links a{font-size:12px;color:#2d5d8b;font-weight:750}
