.vp-main{background:#f5f8fe;color:#152a47;word-break:keep-all;overflow-wrap:break-word}.vp-hero{background:radial-gradient(ellipse at 80% 0,#253b75,transparent 65%),#091b37;color:white;padding:58px 0}.vp-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.vp-hero .eyebrow{color:#87d9ea;font-size:11px;letter-spacing:2px}.vp-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;line-height:1.4;font-weight:750;margin:20px 0}.vp-hero h1 em{display:block;background:none;box-shadow:none;color:#80dcd7;font-style:normal;font-weight:500}.vp-hero p:not(.eyebrow){font-size:16px;color:#b8c9e2;line-height:1.9;max-width:560px}.vp-hero figure{margin:0;position:relative;border-radius:18px;overflow:hidden;border:1px solid #496487}.vp-hero img{width:100%;height:275px;object-fit:cover;display:block}.vp-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(transparent,#051327);font-size:10px;letter-spacing:2px;color:#addef3}.vp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.vp-chips span{font-size:11px;color:#b9dfec;border:1px solid #3b567c;padding:8px 12px;border-radius:5px}.vp-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:0 0 30px}.vp-intro h2{font-size:30px;font-weight:750;letter-spacing:-1px;margin:12px 0 0}.vp-intro p{max-width:465px;font-size:14px;line-height:1.85;color:#617691;margin:0}.vp-library{padding-top:56px;padding-bottom:65px}.vp-library .eyebrow{color:#3163c0;font-size:10px;letter-spacing:1.8px}.vp-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:24px;align-items:start}.vp-menu{display:flex;flex-direction:column;gap:8px}.vp-menu button{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #d8e3f3;border-radius:9px;background:white;color:#3d5678;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;padding:18px;cursor:pointer}.vp-menu button span{font-size:11px;font-weight:500;color:#8497b2}.vp-menu button[aria-pressed=true]{background:#164ccf;color:white;border-color:#164ccf;box-shadow:0 6px 20px #164ccf18}.vp-menu button[aria-pressed=true] span{color:#bfcfff}.vp-menu button:hover{border-color:#164ccf}.vp-panel{border:1px solid #d5e1f0;border-radius:15px;background:white;padding:32px;min-width:0;box-shadow:0 12px 32px #17376806}.vp-panel h3{font-size:28px;font-weight:750;letter-spacing:-1px;margin:12px 0}.vp-description{font-size:15px;line-height:1.8;color:#627690;margin:0 0 18px}.vp-output{font-size:12px;color:#326084;line-height:1.7;background:#edf6fb;border-radius:6px;padding:12px 15px}.vp-output b{font-weight:650;margin-right:14px;color:#164e71}.vp-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:24px 0 12px}.vp-actions .button{font-size:13px;cursor:pointer;min-height:44px}.vp-download{font-size:13px;color:#335bc0;border:1px solid #bacced;border-radius:30px;padding:12px 19px;text-decoration:none}.vp-status{font-size:12px;min-height:20px;color:#28756e;margin:0 0 9px}.vp-panel pre{font-family:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;background:#f7f9fd;border:1px solid #e0e8f3;border-radius:8px;padding:25px;color:#324a69;margin:0}.vp-tip{font-size:12px;color:#657994;line-height:1.85;margin:20px 0 0}.vp-how{border-top:1px solid #dce5f1;padding-top:40px;margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.vp-how span{font-size:10px;color:#477abe;letter-spacing:1px}.vp-how h3{font-size:19px;font-weight:650;margin:13px 0}.vp-how p{font-size:13px;color:#637b98;line-height:1.9}.vp-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.vp-links a{font-size:13px}.vp-main :focus-visible{outline:3px solid #2296c8;outline-offset:4px}.vp-nojs{padding:18px;background:#fff0d6}.vp-library{scroll-margin-top:110px}@media(max-width:800px){.vp-hero-grid{gap:30px;grid-template-columns:1fr}.vp-hero figure{display:none}.vp-hero{padding:40px 0}.vp-hero h1{font-size:36px}.vp-intro{display:block}.vp-intro p{margin-top:18px}.vp-layout{grid-template-columns:1fr}.vp-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vp-menu button{padding:14px 12px;font-size:13px;gap:10px}.vp-panel{padding:22px}.vp-panel pre{padding:18px;font-size:13px}.vp-how{grid-template-columns:1fr;gap:15px}.vp-library{padding-top:35px}.vp-intro h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.vp-main *{scroll-behavior:auto}}