/* Public Vesper identity. Shares the connect mark and the landing typography. */
.vp-header{display:flex;align-items:center;gap:32px;min-height:96px;border-bottom:1px solid rgba(158,182,173,.14);position:relative;z-index:5;font-family:"Satoshi",sans-serif}
.vp-brand{display:inline-flex;align-items:center;gap:12px;color:#eef7f3;text-decoration:none;font:600 22px/1 "Clash Display",sans-serif;letter-spacing:-.025em}
.vp-brand svg{width:36px;height:36px;flex:none}
.vp-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;color:#aebfb7}
.vp-nav a,.vp-actions a{text-decoration:none;color:inherit}
.vp-nav a:hover{color:#86ffd6}
.vp-actions{display:flex;gap:16px;align-items:center}
.vp-actions .vp-open{display:inline-flex;align-items:center;min-height:44px;padding:0 21px;border:1px solid #96ffd9;border-radius:12px;background:linear-gradient(145deg,#a1ffda,#62eab2);box-shadow:0 5px 25px rgba(61,240,176,.12),inset 0 1px rgba(255,255,255,.4);color:#052017;font-size:14px;font-weight:700}
.vp-open:hover{filter:brightness(1.08)}
.vp-language{position:relative;font-size:13px;color:#bad0c4}
.vp-language summary{cursor:pointer;list-style:none;padding:10px;border:1px solid #273b33;border-radius:10px}
.vp-language summary::-webkit-details-marker{display:none}
.vp-language>div{position:absolute;top:48px;right:0;min-width:150px;padding:7px;background:#111e19;border:1px solid #385246;border-radius:13px;box-shadow:0 18px 40px #0009}
.vp-language a{display:block;padding:9px 12px;border-radius:7px}.vp-language a:hover{background:#203a2c}.vp-language a[aria-current]{color:#86ffd6}
.vp-header a:focus-visible,.vp-header summary:focus-visible{outline:2px solid #86ffd6;outline-offset:5px}
.vesper-public{background:radial-gradient(ellipse 70% 600px at 85% 0,rgba(57,146,108,.1),transparent 75%),#060b0c!important}
.vesper-public .page{max-width:1320px;padding-inline:48px}
.vesper-public h1,.vesper-public h2,.vesper-public h3{font-family:"Clash Display",sans-serif}
.vesper-public .hero{padding:68px 0 60px;min-height:0}
.vesper-public .btn{border-radius:12px}.vesper-public .btn.p{background:linear-gradient(140deg,#a1ffda,#62eab2);color:#052017;border-color:#96ffd9;box-shadow:0 10px 25px #3df0b012}
.vesper-public .rv{opacity:1;transform:none}
.vesper-public .nums{overflow:hidden;border:1px solid #25362e;border-radius:20px;background:linear-gradient(140deg,#15221c,#0b1311);margin-top:12px;box-shadow:0 18px 50px #0003}
.vesper-public .nums>div:first-child{padding-left:28px}
.vesper-public .vrel-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.vesper-public .vrel-grid a{border:1px solid #263b31;border-radius:16px;padding:22px;background:linear-gradient(145deg,#14221a,#0b1310);color:#c5d7ce}
.vesper-public .vrel-grid a:hover{border-color:#588b70;background:#182c21}
.vesper-public .editorial-index{border:1px solid #2d4236;border-radius:20px;padding:24px;background:linear-gradient(145deg,#16271e,#0c1411);box-shadow:0 20px 45px #0003}
.vesper-public .editorial-index>a:last-child{border-bottom:0}
.vesper-public .vfaq details{border:1px solid #23392d;border-radius:13px;padding:20px 24px;margin:10px 0;background:#0c1511}
.vesper-public .vfaq details:last-child{border:1px solid #23392d}
.vesper-public .vfaq summary{list-style:none}
.vesper-public .comparison-art{display:flex;align-items:center;justify-content:space-evenly;gap:18px;border:1px solid #334637;border-radius:22px;padding:34px 22px;margin-bottom:18px;background:radial-gradient(ellipse at top right,#28473466,transparent),#101b16}
.comparison-art>div{display:grid;justify-items:center;gap:14px;font:500 18px/1.2 "Clash Display",sans-serif;color:#eef7f3}
.comparison-art img{width:54px;height:54px;object-fit:contain;border-radius:12px}
.comparison-art>span{color:#bba983;font:12px "JetBrains Mono",monospace}
.vesper-public .hero:has(.pricing-panel){grid-template-columns:minmax(0,1.2fr) minmax(320px, .85fr);gap:72px;align-items:center}
.vesper-public .hero:has(.pricing-panel) h1{font-size:clamp(38px,4.1vw,59px);max-width:660px;font-weight:600}
.pricing-panel{position:relative;border:1px solid #45664f;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#32654b55,transparent 70%),linear-gradient(145deg,#14271d,#0c1611);padding:32px;box-shadow:inset 0 1px #c9ffdd22,0 30px 80px #0005;color:#b8cdc0}
.pricing-panel .pricing-label{font:11px/1.5 "JetBrains Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#90c4a5}
.pricing-panel .price{font:500 88px/1.1 "Clash Display",sans-serif;letter-spacing:-.05em;color:#effff4;margin:16px 0 8px}
.pricing-panel .price small{font:400 15px "Satoshi",sans-serif;letter-spacing:0;color:#afc9b9;margin-left:10px}
.pricing-panel p{font-size:14px;line-height:1.7;margin:10px 0 0}
.pricing-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #355040;padding-top:22px;margin-top:24px;font-size:14px}
.pricing-line b{font:500 30px/1 "Clash Display",sans-serif;color:#dfc28f}
.pricing-panel .pricing-disclosure{border-top:1px solid #355040;padding-top:18px;margin-top:22px;font-size:12px;color:#b5c9bd}
@media(max-width:1000px){.vesper-public .page{padding-inline:28px}.vesper-public .hero:has(.pricing-panel){gap:30px;grid-template-columns:1.1fr 1fr}.vp-header{gap:22px}.vp-nav{gap:20px}}
@media(max-width:750px){.vp-header{flex-wrap:wrap;padding:20px 0;gap:18px}.vp-brand{font-size:21px}.vp-actions{margin-left:auto;gap:9px}.vp-actions .vp-open{padding:0 14px;font-size:12px}.vp-nav{order:3;flex-basis:100%;margin:0;gap:26px;font-size:13px}.vesper-public .page{padding-inline:22px}.vesper-public .hero:has(.pricing-panel){grid-template-columns:1fr;gap:30px}.vesper-public .hero{padding:40px 0}.pricing-panel{padding:26px}.vesper-public .vrel-grid{grid-template-columns:1fr}.vesper-public .nums>div:first-child{padding-left:16px}}
@media(prefers-reduced-motion:reduce){.vesper-public *{scroll-behavior:auto!important}.vp-open{transition:none}}
