/* The public, crawlable view of Vendiac's existing Pick your plan screen.
   Plan names and prices are generated from the same server catalog as the app. */
:root{color-scheme:dark;background:#000;color:#fff;font-family:"Geist","Prompt",Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff}
body{font:400 16px/1.5 "Geist","Prompt",Arial,sans-serif}
a{color:inherit}
.vd-pricing{width:min(640px,calc(100% - 36px));margin:0 auto;padding:28px 0 140px}
.vd-pricing__head{display:flex;align-items:center;gap:12px;font-size:19px;min-height:44px}
.vd-pricing__back{flex:none;text-decoration:none;font-size:30px;line-height:38px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #303038;background:#0a0a0e;border-radius:50%}
.vd-pricing__back:hover{background:#24242b}
.vd-pricing__chooser{margin-top:38px}
.vd-pricing h1{font-size:clamp(29px,5vw,36px);line-height:1.16;letter-spacing:-.026em;margin:0;font-weight:400}
.vd-pricing__offer{margin:13px 0 30px;color:#aaaab6;font-size:15px}
.vd-pricing__plans{display:grid;gap:12px}
.vd-choice{border:1px solid #2f3039;border-radius:20px;background:#09090c;min-width:0;overflow:hidden}
.vd-choice.is-selected{border:2px solid transparent;background:linear-gradient(#09090c,#09090c) padding-box,linear-gradient(125deg,#7451f9,#5b91ff,#fee64a) border-box}
.vd-choice__button{padding:19px 20px;width:100%;background:transparent;border:0;color:#fff;text-align:left;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;cursor:pointer;font:inherit}
.vd-choice__button:focus-visible{outline:2px solid #85a9ff;outline-offset:-5px;border-radius:18px}
.vd-choice__identity{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.vd-choice__name{font-size:23px;line-height:1.2;font-weight:400}
.vd-choice__recommended{display:inline-flex;align-items:center;align-self:flex-start;padding:2px 9px;border:1px solid #8263f9;border-radius:100px;color:#bdaefe;font-size:11px;line-height:1.5}
.vd-choice__tagline{color:#a8a8b4;font-size:13px;margin-top:4px}
.vd-choice__price{flex:none;display:flex;flex-direction:column;text-align:right;align-items:flex-end;min-width:104px}
.vd-choice__regular{color:#9a9aa8;font-size:12px}
.vd-choice__intro-price{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.3;font-weight:400}
.vd-choice__intro-price small{font-size:12px;color:#afafbb}
.vd-choice__duration{max-width:118px;color:#a8a8b4;font-size:11px;line-height:1.25}
.vd-choice__details{padding:0 20px 20px}
.vd-choice:not(.is-selected) .vd-choice__details{display:none}
.vd-choice__details ul{border-top:1px solid #31313c;padding:15px 0 0;list-style:none;margin:0;display:grid;gap:11px}
.vd-choice__details li{display:flex;align-items:flex-start;gap:13px;font-size:13px}
.vd-choice__details li:before{content:'✓';color:#8581ff;flex:none}
.vd-pricing__fineprint{margin:22px 0 0;font-size:13px;color:#a8a8b4;line-height:1.65}
.vd-pricing__fineprint--small{margin-top:7px}
.vd-pricing__links{display:flex;flex-wrap:wrap;gap:16px 23px;margin-top:33px;border-top:1px solid #24242a;padding-top:22px}
.vd-pricing__links a{font-size:14px;text-underline-offset:4px}
.vd-pricing__footer{margin-top:26px;color:#9999a6;font-size:12px}
.vd-pricing__footer a{text-decoration:none}
.vd-pricing__sticky{position:sticky;bottom:0;z-index:10;background:#000;border-top:1px solid #26262b;padding:max(12px,env(safe-area-inset-bottom)) 18px;display:flex;justify-content:center}
.vd-pricing__continue{width:min(640px,100%);min-height:52px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 44px;border-radius:11px;background:#fff;color:#08080b;font-size:15px;text-decoration:none;font-weight:400}
.vd-pricing__continue span[aria-hidden]{position:absolute;right:21px;font-size:22px}
.vd-pricing__continue:hover{background:#e8e8f1}
html:not(:lang(th)) [data-vd-lang="th"]{display:none!important}html:lang(th) [data-vd-lang="en"]{display:none!important}
@media(max-width:720px){.vd-pricing{padding-top:22px}.vd-pricing__chooser{margin-top:28px}.vd-choice__button{gap:8px;padding:18px 16px}.vd-choice__name{font-size:21px}.vd-choice__details{padding:0 16px 18px}.vd-choice__tagline{font-size:12px}.vd-choice__duration{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}