.vp-diagram{margin:2.5rem 0 2rem}.vp-diagram figcaption{margin-top:.75rem;text-align:center}.vp-canvas{container-type:inline-size;container-name:vpdiagram;overflow:hidden;border-radius:.5rem;background:#101a17;color:#f4f2e9;font-family:var(--font-sans);line-height:1.5}.vp-canvas :where(h2,h3,p,ol,ul,table,figure){margin:0}.vp-canvas svg{display:block}.vp-methods{padding:clamp(16px,4cqi,40px)}.vp-methods table{width:100%;border-collapse:separate;border-spacing:0 12px;table-layout:fixed}.vp-methods th{padding:12px 24px;color:#a5d2bd;font-size:.85rem;font-weight:650;letter-spacing:.04em;text-align:left}.vp-methods td{padding:30px 24px;background:#1b2823;border-top:1px solid #456355;border-bottom:1px solid #456355;font-size:clamp(1rem,1.8cqi,1.3rem);line-height:1.5;vertical-align:middle}.vp-methods td:first-child{border-left:1px solid #456355;border-radius:10px 0 0 10px}.vp-methods td:last-child{border-right:1px solid #456355;border-radius:0 10px 10px 0}.vp-methods .value{display:flex;align-items:center}.vp-methods .value svg{width:24px;height:24px;margin-right:12px;flex-shrink:0;fill:none;stroke:#a5d2bd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vp-methods .label{display:none}.vp-methods footer,.vp-destinations .note,.vp-compare footer,.vp-compare .note{margin-top:22px;border-top:1px solid #456355;padding-top:22px;font-size:1rem;line-height:1.6}.vp-destinations .footnote,.vp-compare .footnote{margin-top:12px;color:#b9c8bd;font-size:.85rem;line-height:1.55}@container vpdiagram (max-width: 680px){.vp-methods table,.vp-methods tbody,.vp-methods tr,.vp-methods td{display:block;width:100%}.vp-methods thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.vp-methods table{border-spacing:0}.vp-methods tr{margin-bottom:16px;padding:8px 0;background:#1b2823;border:1px solid #456355;border-radius:10px}.vp-methods td,.vp-methods td:first-child,.vp-methods td:last-child{border:0;border-radius:0;padding:14px 22px;background:transparent}.vp-methods .label{display:block;margin-bottom:6px;color:#a5d2bd;font-size:.78rem;font-weight:650;letter-spacing:.04em}.vp-methods td+td{border-top:1px solid #31473d}}.vp-destinations{padding:clamp(18px,4cqi,40px)}.vp-destinations .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.vp-destinations .card,.vp-compare .card,.vp-workflows .workflow{background:#1b2823;border:1px solid #496a5a;border-radius:12px}.vp-destinations .card{padding:clamp(24px,3cqi,36px)}.vp-destinations .vp-title,.vp-workflows .vp-title,.vp-compare .vp-title{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:#f4f2e9;font-size:clamp(1.15rem,2.2cqi,1.45rem);font-weight:650;letter-spacing:-.02em;line-height:1.3}.vp-destinations .symbol{width:28px;height:28px;flex-shrink:0;fill:none;stroke:#add7c2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vp-destinations .path{margin:0;padding:0;list-style:none}.vp-destinations .path li{position:relative;padding:20px 14px;background:#14221b;border:1px solid #638d78;border-radius:7px;text-align:center;font-size:clamp(1rem,1.6cqi,1.15rem);line-height:1.5;overflow-wrap:break-word}.vp-destinations .path li+li{margin-top:48px}.vp-destinations .path li+li:before{content:"";position:absolute;left:50%;bottom:calc(100% + 10px);height:28px;border-left:2px solid #add7c2}.vp-destinations .path li+li:after{content:"";position:absolute;left:calc(50% - 4px);bottom:calc(100% + 10px);width:9px;height:9px;border-right:2px solid #add7c2;border-bottom:2px solid #add7c2;transform:rotate(45deg)}@container vpdiagram (max-width: 680px){.vp-destinations .cards,.vp-compare .comparison{grid-template-columns:1fr;gap:16px}}.vp-workflows{--jade: #90d8b2;padding:clamp(16px,3cqi,28px);background:#101918}.vp-workflows .workflows{display:grid;gap:20px}.vp-workflows .workflow{padding:clamp(20px,3cqi,28px);border-radius:16px}.vp-workflows .flow{display:grid;align-items:stretch;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);gap:10px}.vp-workflows .flow.five{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,.75fr) 22px minmax(0,1fr) 22px minmax(0,1fr)}.vp-workflows .stage{display:flex;min-width:0;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:16px 9px;background:#1b2a27;border:1px solid #465752;border-radius:13px;text-align:center}.vp-workflows .stage span{font-size:clamp(.82rem,1.5cqi,1rem);font-weight:560;line-height:1.35}.vp-workflows .input{background:#1b3029;border-color:var(--jade)}.vp-workflows .input span{font-weight:650}.vp-workflows .symbol{width:27px;height:27px;flex:none;fill:none;stroke:#f4f3ed;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vp-workflows .connector{display:flex;align-items:center;justify-content:center;min-width:0;color:var(--jade)}.vp-workflows .connector svg{width:100%;max-width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@container vpdiagram (max-width: 860px){.vp-workflows .flow,.vp-workflows .flow.five{display:flex;flex-direction:column;align-items:stretch;gap:0}.vp-workflows .stage{min-height:64px;flex-direction:row;justify-content:flex-start;gap:16px;padding:12px 18px;text-align:left}.vp-workflows .connector{width:22px;height:30px;align-self:center;transform:rotate(90deg)}}.vp-compare{--jade: #91bda7;--focus: #a4d7ba;padding:clamp(16px,3cqi,28px);background:#0c1715}.vp-compare .comparison{display:grid;grid-template-columns:1fr;gap:18px}@container vpdiagram (min-width: 760px){.vp-compare .comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}.vp-compare .card{container-type:inline-size;container-name:vpcard;padding:clamp(20px,3cqi,28px);border-radius:18px;background:#14221f;border-color:#344b43}.vp-compare .flow{display:flex;align-items:stretch;gap:10px;margin:0;padding:0;list-style:none}.vp-compare .step{display:flex;min-width:0;min-height:88px;flex:1 1 0;align-items:center;justify-content:center;gap:10px;padding:14px 10px;background:#1b2c28;border:1px solid #344b43;border-radius:12px;font-size:clamp(.78rem,1.25cqi,.94rem);font-weight:560;line-height:1.3;text-align:center}.vp-compare .step svg{width:22px;height:22px;flex:none;fill:none;stroke:#f0f2e9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vp-compare .emphasis{background:#20362e;border:1.5px solid var(--focus)}.vp-compare .emphasis svg{stroke:var(--focus)}.vp-compare .arrow{display:grid;width:19px;flex:none;place-items:center;color:var(--jade)}.vp-compare .arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vp-compare .note,.vp-compare footer,.vp-compare .footnote{border-top:0;padding-top:0}.vp-compare .note{margin-top:18px;color:#b9c8bd;font-size:.85rem}.vp-compare footer{margin-top:20px;color:#b9c8bd;font-size:.82rem;text-align:center}@container vpcard (max-width: 640px){.vp-compare .flow{flex-direction:column;gap:7px}.vp-compare .step{min-height:56px;justify-content:flex-start;padding:13px 16px;font-size:.95rem;text-align:left}.vp-compare .arrow{width:auto;height:22px;transform:rotate(90deg)}}