.vfs-main{color:var(--ink,#172239);font:400 16px/1.65 var(--f-body,system-ui);padding:0 24px 70px}.vfs-shell{width:min(1120px,100%);margin:auto}.vfs-main *{box-sizing:border-box}.vfs-main h1,.vfs-main h2,.vfs-main h3,.vfs-main p{margin:0}.vfs-main h1{font:600 clamp(34px,5vw,64px)/1.08 var(--f-display,system-ui);letter-spacing:-.045em;max-width:16ch}.vfs-main h2{font:600 clamp(24px,3vw,36px)/1.15 var(--f-display,system-ui);letter-spacing:-.025em}.vfs-main h3{font:600 21px/1.25 var(--f-display,system-ui);letter-spacing:-.02em}.vfs-main p{max-width:75ch}.vfs-subnav{display:flex;flex-wrap:wrap;gap:12px 26px;padding:25px 0;border-bottom:1px solid var(--rule-strong,#c8cfdb);font-size:14px}.vfs-subnav a{text-decoration:none;color:inherit}.vfs-subnav a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:6px}.vfs-intro{padding:64px 0 50px;display:grid;gap:24px}.vfs-intro>p{font-size:19px;max-width:58ch}.vfs-kicker{display:block;font:600 11px/1.5 var(--f-note,system-ui);text-transform:uppercase;letter-spacing:.11em}.vfs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.vfs-button{border:1px solid #183ccc;background:#183ccc;color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font:600 14px/1.4 var(--f-body,system-ui);border-radius:7px;cursor:pointer;text-decoration:none}.vfs-main a.vfs-button{color:#fff}.vfs-secondary{background:transparent;color:inherit;border-color:var(--rule-strong,#c8cfdb)}.vfs-main a.vfs-secondary{color:inherit}.vfs-button:disabled{opacity:.65;cursor:not-allowed}.vfs-main :is(a,button,input):focus-visible{outline:3px solid #537cff;outline-offset:4px}.vfs-section{padding:28px 0 38px}.vfs-section-head{display:grid;gap:14px;margin-bottom:28px}.vfs-demo-grid,.vfs-account-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vfs-card,.vfs-callout,.vfs-price{border:1px solid var(--rule-strong,#c8cfdb);padding:28px;border-radius:12px;background:var(--sheet,var(--paper,transparent));display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.vfs-chip{font-size:11px;line-height:1.5;font-weight:600;border:1px solid var(--rule-strong,#c8cfdb);padding:4px 8px;border-radius:4px}.vfs-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:inherit;cursor:pointer}.vfs-card>.vfs-link,.vfs-price>.vfs-link{margin-top:auto}.vfs-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:24px 0}.vfs-mini-metrics span{display:block;font-size:11px}.vfs-mini-metrics strong{display:block;font-size:clamp(22px,3vw,35px);line-height:1.4}.vfs-range{display:flex;gap:8px}.vfs-range button,.vfs-data-tools button{font:600 12px/1.5 var(--f-body,system-ui);border:1px solid var(--rule-strong,#c8cfdb);border-radius:5px;padding:7px 10px;background:transparent;color:inherit;cursor:pointer}.vfs-range button[aria-pressed=true]{background:#183ccc;border-color:#183ccc;color:#fff}.vfs-chart{margin:0;width:100%}.vfs-chart svg{display:block;width:100%;height:104px;color:#3260e9}.vfs-chart rect{fill:currentColor}.vfs-chart figcaption{font-size:11px;margin-top:6px}.vfs-data-tools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.vfs-live::before{content:'';display:inline-block;background:#13a477;width:7px;height:7px;border-radius:50%;margin-right:8px}.vfs-table-wrap{width:100%;overflow:auto}.vfs-main .vfs-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}.vfs-table th,.vfs-table td{padding:10px 8px;border-bottom:1px solid var(--rule-strong,#c8cfdb)}.vfs-small{font-size:13px}.vfs-account-preview{display:flex;gap:12px;align-items:center;width:100%;padding:22px 0}.vfs-avatar{background:#183ccc;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.vfs-account-preview div{flex:1}.vfs-account-preview strong,.vfs-account-preview div span{display:block;font-size:13px}.vfs-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vfs-project{display:block;border:1px solid var(--rule-strong,#c8cfdb);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}.vfs-project img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.vfs-project>div{padding:22px;display:grid;gap:12px}.vfs-project p{font-size:14px}.vfs-callout{margin:20px 0 30px}.vfs-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.vfs-main .vfs-price-value{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.03em}.vfs-price>p:not(.vfs-price-value){font-size:14px}.vfs-account-layout{align-items:start}.vfs-account-layout .vfs-callout{margin:0}.vfs-form{display:flex;flex-direction:column;gap:12px;width:100%}.vfs-main [hidden]{display:none!important}.vfs-form label{font-size:14px;font-weight:600}.vfs-form input{font:inherit;padding:11px 12px;background:var(--sheet,var(--paper,#fff));color:inherit;border:1px solid var(--rule-strong,#c8cfdb);border-radius:6px;width:100%;min-width:0}.vfs-status{font-size:14px;padding:14px;border-left:3px solid #537cff;background:rgba(83,124,255,.08);width:100%}.vfs-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.vfs-main #vf-account-home{width:100%;display:grid;gap:20px}.vfs-request{padding:16px 0;border-bottom:1px solid var(--rule-strong,#c8cfdb)}.vfs-request p{font-size:14px}.vfs-contact-status{margin:16px 0;font-size:14px}.vfs-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.vfs-account-home h3{font-size:18px}
@media(max-width:800px){.vfs-prices{grid-template-columns:1fr 1fr}.vfs-projects{gap:14px}.vfs-project>div{padding:16px}.vfs-main .vfs-price-value{font-size:23px}}
.layout-design-2 .vfs-main{padding-top:calc(var(--head-h) + 2*var(--head-gap))}
@media(max-width:600px){.vfs-main{padding-inline:16px}.vfs-intro{padding:38px 0 28px;gap:20px}.vfs-intro>p{font-size:17px}.vfs-demo-grid,.vfs-account-layout,.vfs-prices,.vfs-projects{grid-template-columns:1fr}.vfs-card,.vfs-callout,.vfs-price{padding:22px}.vfs-subnav{gap:12px 18px;font-size:12px}.vfs-mini-metrics strong{font-size:23px}.vfs-account-preview{gap:8px}.vfs-account-preview .vfs-chip{display:none}.vfs-section{padding-top:18px}.vfs-actions{gap:14px}}
@media(max-width:360px){body:has(.vfs-main) .head-inner{padding-inline:16px;gap:10px}body:has(.vfs-main) .brand{min-width:0;flex:1 1 auto}body:has(.vfs-main) .brand svg{width:112px;max-width:100%}body:has(.vfs-main) .icon-btn{padding-inline:8px}body:has(.vfs-main) .theme-btn{width:38px}}
/* live desktop preview inside a project card: a 1440×756 viewport scaled to the card width */
.vfs-live-frame{display:block;position:relative;aspect-ratio:1200/630;overflow:hidden;background:#0C1013 url("assets/daiquiri-depot-card.jpg") center/cover}
.vfs-live-frame iframe{position:absolute;top:0;left:0;width:1440px;height:756px;border:0;transform:scale(var(--s,.38));transform-origin:0 0;pointer-events:none;background:transparent}