.vsscap{--ink:oklch(16% .012 300);--ink-foreground:oklch(97% .004 85);--success:oklch(64% .13 155);--brand-orange:oklch(74% .18 49);--brand-pink:oklch(67% .23 8);--brand-purple:oklch(65% .23 300);--brand-blue:oklch(65% .19 279);--brand-gradient:linear-gradient(110deg,var(--brand-orange),var(--brand-pink) 36%,var(--brand-purple) 70%,var(--brand-blue));--shadow-soft:0 16px 50px color-mix(in oklab,var(--ink) 7%,transparent);--shadow-product:0 30px 65px color-mix(in oklab,var(--ink) 20%,transparent);--radius:1rem;--background:oklch(97% .004 85);--foreground:oklch(19% .015 300);--card:oklch(100% 0 0);--card-foreground:oklch(12.9% .042 264.695);--popover:oklch(100% 0 0);--popover-foreground:oklch(12.9% .042 264.695);--primary:oklch(19% .015 300);--primary-foreground:oklch(98.4% .003 247.858);--secondary:oklch(96.8% .007 247.896);--secondary-foreground:oklch(20.8% .042 265.755);--muted:oklch(96.8% .007 247.896);--muted-foreground:oklch(55.4% .046 257.417);--accent:oklch(96.8% .007 247.896);--accent-foreground:oklch(20.8% .042 265.755);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(92.9% .013 255.508);--input:oklch(92.9% .013 255.508);--ring:oklch(70.4% .04 256.788);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.4% .003 247.858);--sidebar-foreground:oklch(12.9% .042 264.695);--sidebar-primary:oklch(20.8% .042 265.755);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(96.8% .007 247.896);--sidebar-accent-foreground:oklch(20.8% .042 265.755);--sidebar-border:oklch(92.9% .013 255.508);--sidebar-ring:oklch(70.4% .04 256.788);--font-sans:"Inter Tight",sans-serif;--font-display:"Bricolage Grotesque",sans-serif;--font-mono:"Geist Mono",monospace;--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-muted-foreground:var(--muted-foreground);--color-border:var(--border);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-accent:var(--accent);--color-input:var(--input);background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh}.vsscap *{border-color:var(--border)}.vsscap h1,.vsscap h2,.vsscap h3,.vsscap h4{font-family:var(--font-display);letter-spacing:0}.vsscap :focus-visible{outline:2px solid var(--brand-purple);outline-offset:4px}.vsscap ::selection{background:var(--brand-pink);color:var(--ink-foreground)}.vsscap .font-display{font-family:var(--font-display)}.vsscap .text-muted-foreground{color:var(--muted-foreground)}.vsscap .text-success{color:var(--success)}.vsscap .bg-success\/10{background:color-mix(in oklab,var(--success) 10%,transparent)}.vsscap .bg-ink-foreground{background:var(--ink-foreground)}.vsscap .text-ink{color:var(--ink)}.vsscap .border-border{border-color:var(--border)}.vsscap .vc-btn{white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:14px;transition:transform .2s,filter .2s,background .2s;display:inline-flex}.vsscap .vc-btn svg{width:16px;height:16px}.vsscap .vc-lg{height:48px;padding:0 26px}.vsscap .vc-pill{border:1px solid var(--input);background:var(--background);color:var(--foreground);border-radius:999px;font-weight:500}.vsscap .vc-pill:hover{background:var(--accent)}.vsscap .brand-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.vsscap .brand-button{background:var(--brand-gradient);color:var(--ink-foreground);box-shadow:0 4px 15px color-mix(in oklab,var(--brand-pink) 16%,transparent);border-radius:999px;font-weight:600;transition:transform .2s,filter .2s}.vsscap .brand-button:hover{filter:brightness(.92);transform:translateY(-2px)}.vsscap .pill-button{border-radius:999px}.vsscap .brand-line{background:var(--brand-gradient);height:3px}.vsscap .site-wrap{width:min(1200px,100% - 80px);margin-inline:auto}.vsscap .site-header{z-index:40;background:color-mix(in oklab,var(--background) 93%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:fixed;inset:0 0 auto}.vsscap .logo{color:inherit;align-items:baseline;gap:9px;display:inline-flex}.vsscap .logo-word{font-family:var(--font-display);font-size:37px;font-weight:800;line-height:1}.vsscap .logo-cap{font-family:var(--font-mono);letter-spacing:0;font-size:10px;font-weight:500}.vsscap .eyebrow{font:10px var(--font-mono);text-transform:uppercase;line-height:1.7}.vsscap .hero{padding:156px 0 78px;position:relative;overflow:hidden}.vsscap .hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;display:grid}.vsscap .hero h1{max-width:640px;margin:25px 0;font-size:64px;font-weight:800;line-height:1.06}.vsscap .hero-subtitle{color:var(--muted-foreground);max-width:470px;font-size:16px;line-height:1.7}.vsscap .hero-actions{gap:12px;margin-top:28px;display:flex}.vsscap .hero-footnote{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.vsscap .status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.vsscap .product-scene{--s:1;width:100%;max-width:520px;height:calc(420px * var(--s));margin-left:auto;position:relative}.vsscap .scene-canvas{width:520px;height:420px;transform:scale(var(--s));transform-origin:0 0;position:absolute;inset:0 auto auto 0}.vsscap .browser-mock{background:var(--card);border:1px solid var(--border);width:95%;height:330px;box-shadow:var(--shadow-product);border-radius:12px;position:absolute;top:25px;left:0;overflow:hidden;transform:perspective(1100px)rotateY(-7deg)rotate(-2deg)}.vsscap .browser-top{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:5px;height:34px;padding:0 12px;display:flex}.vsscap .browser-dot{background:var(--muted-foreground);opacity:.35;border-radius:50%;width:6px;height:6px}.vsscap .browser-address{font-family:var(--font-mono);text-align:center;background:var(--card);width:65%;color:var(--muted-foreground);border-radius:4px;margin:auto;padding:4px;font-size:7px}.vsscap .mock-body{grid-template-columns:104px 1fr;height:296px;display:grid}.vsscap .mock-sidebar{background:var(--ink);color:var(--ink-foreground);padding:15px 10px;position:relative;overflow:hidden}.vsscap .mock-logo{font-family:var(--font-display);white-space:nowrap;margin-bottom:22px;font-size:14px;font-weight:800}.vsscap .mock-made{letter-spacing:.08em;opacity:.4;font-size:6px;position:absolute;bottom:12px;left:10px}.vsscap .mock-nav{opacity:.6;white-space:nowrap;align-items:center;gap:5px;padding:8px 6px;font-size:7px;display:flex}.vsscap .mock-nav.selected{background:color-mix(in oklab,var(--brand-purple) 22%,var(--ink));opacity:1;border-radius:4px}.vsscap .mock-main{padding:20px 17px}.vsscap .mock-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.vsscap .mock-metric{border:1px solid var(--border);border-radius:5px;padding:9px;font-size:6px}.vsscap .mock-metric strong{font:800 15px var(--font-display);white-space:nowrap;margin-top:4px;display:block}.vsscap .mock-chart{border:1px solid var(--border);border-radius:5px;height:100px;padding:10px}.vsscap .chart-bars{border-bottom:1px solid var(--border);align-items:end;gap:6px;height:62px;display:flex}.vsscap .chart-bars i{background:var(--brand-gradient);border-radius:3px 3px 0 0;flex:1}.vsscap .bar-1{height:25%}.vsscap .bar-2{height:38%}.vsscap .bar-3{height:30%}.vsscap .bar-4{height:48%}.vsscap .bar-5{height:40%}.vsscap .bar-6{height:58%}.vsscap .bar-7{height:53%}.vsscap .bar-8{height:72%}.vsscap .bar-9{height:64%}.vsscap .bar-10{height:88%}.vsscap .bar-11{height:79%}.vsscap .bar-12{height:100%}.vsscap .phone-mock{background:var(--ink);width:140px;height:272px;color:var(--ink-foreground);border:5px solid var(--ink);box-shadow:var(--shadow-product);border-radius:24px;padding:15px 10px;position:absolute;bottom:6px;right:0;overflow:hidden;transform:rotate(7deg)}.vsscap .phone-notch{background:var(--foreground);border-radius:10px;width:45px;height:10px;margin:-9px auto 16px}.vsscap .phone-progress{background:var(--muted-foreground);border-radius:5px;height:5px;margin:12px 0;overflow:hidden}.vsscap .phone-progress:before{content:"";background:var(--brand-gradient);width:75%;height:100%;display:block}.vsscap .phone-task{white-space:nowrap;border-bottom:1px solid color-mix(in oklab,var(--border) 15%,transparent);align-items:center;gap:5px;padding:7px 0;font-size:8px;display:flex}.vsscap .floating-note{background:var(--card);border:1px solid var(--border);max-width:300px;box-shadow:var(--shadow-soft);border-radius:10px;align-items:center;gap:10px;padding:13px 18px;font-size:10px;display:flex;position:absolute;bottom:12px;left:5px;transform:rotate(-3deg)}.vsscap .trust-band{background:var(--ink);color:var(--ink-foreground)}.vsscap .trust-grid{grid-template-columns:1.2fr 1.2fr 1fr 1fr 1fr;align-items:center;gap:28px;padding:30px 0;display:grid}.vsscap .trust-badge{align-items:center;gap:12px;min-width:0;display:flex}.vsscap .trust-badge svg{flex:none;width:30px;height:30px}.vsscap .trust-badge p{font:700 17px/1.15 var(--font-display);white-space:nowrap}.vsscap .trust-badge span{font-family:var(--font-mono);letter-spacing:.08em;opacity:.5;margin-top:5px;font-size:9px;display:block}.vsscap .trust-stat{align-self:start;min-width:0}.vsscap .trust-number small{font:inherit}.vsscap .trust-number{font:800 25px var(--font-display);margin-bottom:4px}.vsscap .trust-label{opacity:.6;font-size:10px}.vsscap .section{padding:86px 0}.vsscap .section-title{margin:14px 0;font-size:42px;font-weight:800;line-height:1.12}.vsscap .section-top{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.vsscap .service-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vsscap .service-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:25px;transition:transform .25s,box-shadow .25s}.vsscap .service-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.vsscap .service-icon{background:color-mix(in oklab,var(--brand-pink) 7%,var(--background));width:40px;height:40px;color:var(--brand-pink);border-radius:10px;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.vsscap .service-card h3{margin-bottom:10px;font-size:20px;font-weight:700}.vsscap .service-card p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.vsscap .service-price{font-family:var(--font-mono);margin-top:22px;font-size:9px}.vsscap .service-cta{background:var(--ink);color:var(--ink-foreground);border-radius:16px;flex-direction:column;justify-content:space-between;padding:25px;display:flex}.vsscap .portfolio-band{background:var(--card);border-block:1px solid var(--border)}.vsscap .portfolio-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.vsscap .portfolio-image{aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid var(--border);border-radius:12px;width:100%;transition:transform .3s}.vsscap .portfolio-item:hover .portfolio-image{transform:translateY(-4px)}.vsscap .portfolio-item h3{font-size:23px;font-weight:800}.vsscap .project-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted-foreground);border-radius:5px;padding:4px 6px;font-size:8px}.vsscap .process-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px;display:grid}.vsscap .process-step{border-top:1px solid var(--border);padding-top:22px}.vsscap .step-number{font:11px var(--font-mono);color:var(--brand-pink)}.vsscap .process-step h3{margin:20px 0 8px;font-size:20px;font-weight:700}.vsscap .process-step p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.vsscap .why-band{background:var(--ink);color:var(--ink-foreground)}.vsscap .why-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.vsscap .why-item{border-bottom:1px solid color-mix(in oklab,var(--border) 15%,transparent);gap:15px;padding:18px 0;display:flex}.vsscap .why-item svg{color:var(--brand-orange);flex-shrink:0;width:20px}.vsscap .why-item h3{font-size:17px;font-weight:700}.vsscap .why-item p{opacity:.6;margin-top:5px;font-size:12px;line-height:1.6}.vsscap .quote-band{background:var(--ink);color:var(--ink-foreground);border-top:1px solid color-mix(in oklab,var(--border) 15%,transparent)}.vsscap .quote-grid{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.vsscap .quote-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vsscap .form-field{flex-direction:column;gap:7px;font-size:12px;display:flex}.vsscap .form-field input,.vsscap .form-field select,.vsscap .form-field textarea{background:var(--card);width:100%;color:var(--foreground);border:1px solid var(--input);border-radius:9px;min-height:43px;padding:11px 12px;font-size:13px}.vsscap .quote-form input,.vsscap .quote-form select,.vsscap .quote-form textarea{background:color-mix(in oklab,var(--ink-foreground) 5%,var(--ink));color:var(--ink-foreground);border-color:color-mix(in oklab,var(--border) 20%,var(--ink))}.vsscap .quote-form option{background:var(--ink)}.vsscap .form-field textarea{resize:vertical;min-height:100px}.vsscap .form-error{color:var(--brand-pink);font-size:11px}.vsscap .span-full{grid-column:1/-1}.vsscap .faq-layout{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.vsscap .faq-row{border-bottom:1px solid var(--border);padding:20px 0}.vsscap .faq-row summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;list-style:none;display:flex}.vsscap .faq-row summary::-webkit-details-marker{display:none}.vsscap .faq-row p{color:var(--muted-foreground);margin-top:15px;font-size:13px;line-height:1.8}.vsscap .site-footer{border-top:1px solid var(--border);padding:40px 0 22px}.vsscap .footer-grid{justify-content:space-between;align-items:start;gap:20px;display:flex}.vsscap .footer-links{gap:24px;font-size:11px;display:flex}.vsscap .footer-bottom{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;margin-top:35px;padding-top:18px;font-size:10px;display:flex}.vsscap .reveal{animation:.65s both vsscap-enter}@keyframes vsscap-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.vsscap .hero h1{font-size:50px}.vsscap .hero-grid{gap:10px}.vsscap .trust-grid{grid-template-columns:repeat(6,1fr);row-gap:26px}.vsscap .trust-badge{grid-column:span 3}.vsscap .trust-stat{grid-column:span 2}.vsscap .service-grid{grid-template-columns:repeat(2,1fr)}.vsscap .quote-grid,.vsscap .why-grid,.vsscap .faq-layout{gap:40px}.vsscap .admin-content{padding:25px}.vsscap .admin-shell{grid-template-columns:195px 1fr}.vsscap .workspace-grid{grid-template-columns:240px 1fr}.vsscap .metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.vsscap .site-wrap{width:calc(100% - 40px)}.vsscap .hero{padding:125px 0 50px}.vsscap .hero-grid{grid-template-columns:1fr}.vsscap .hero h1{max-width:500px;font-size:46px}.vsscap .hero-subtitle{font-size:15px}.vsscap .product-scene{--s:.62;margin:30px auto 0}.vsscap .trust-grid{gap:24px 18px;padding:28px 0}.vsscap .trust-badge p{font-size:15px}.vsscap .trust-badge svg{width:26px;height:26px}.vsscap .trust-grid{align-items:start}.vsscap .trust-number small{font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:3px;display:block}.vsscap .trust-stat:not(:has(small)) .trust-number{padding-top:16px}.vsscap .trust-number{font-size:22px}.vsscap .section{padding:60px 0}.vsscap .section-title{font-size:34px}.vsscap .section-top{flex-direction:column;align-items:start}.vsscap .service-grid{grid-template-columns:1fr 1fr}.vsscap .service-card{padding:20px}.vsscap .service-card h3{font-size:18px}.vsscap .portfolio-grid{grid-template-columns:1fr;gap:35px}.vsscap .process-grid{grid-template-columns:1fr 1fr;gap:25px}.vsscap .why-grid,.vsscap .quote-grid,.vsscap .faq-layout{grid-template-columns:1fr;gap:30px}.vsscap .footer-grid{flex-direction:column;gap:25px}.vsscap .footer-links{flex-wrap:wrap}.vsscap .footer-bottom{flex-direction:column;gap:15px}.vsscap .admin-shell{display:block}.vsscap .admin-sidebar{height:auto;padding:18px 20px;position:static}.vsscap .admin-nav{flex-direction:row;margin-top:20px;overflow:auto}.vsscap .admin-nav a{white-space:nowrap;padding:9px;font-size:11px}.vsscap .admin-sidebar .sidebar-bottom{display:none}.vsscap .admin-content{padding:25px 20px}.vsscap .admin-title{font-size:28px}.vsscap .workspace-grid{grid-template-columns:1fr}.vsscap .workspace-list{gap:10px;display:flex;overflow:auto}.vsscap .project-select{min-width:220px}.vsscap .modal-form,.vsscap .auth-page{grid-template-columns:1fr}.vsscap .auth-brand{min-height:180px;padding:25px}.vsscap .auth-brand h2{font-size:28px!important}.vsscap .auth-brand .auth-note{display:none}.vsscap .auth-form-side{padding:35px 25px}.vsscap .portal-content{padding:30px 20px}}@media (width<=400px){.vsscap .hero h1{font-size:40px}.vsscap .hero-actions{gap:8px}.vsscap .hero-actions a{padding-inline:17px}.vsscap .service-grid,.vsscap .quote-form{grid-template-columns:1fr}.vsscap .trust-number{font-size:20px}.vsscap .trust-badge{gap:9px}.vsscap .trust-badge p{font-size:14px}.vsscap .trust-badge span{font-size:8px}}
