[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_203":204,"_205":206},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":58,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","a11b64b8-791e-11f1-a5c4-1607ee4eb77e","name","fileType","content","\n\n\n \n \n Teamscaler — Scale Your Team, Scale Your Business\n \n \n \n \n \n \n\n\n \n \n\n \n

\n \n Trusted by 200+ companies worldwide\n

\n Scale Your Team.
\n Scale Your Business.\n

\n Teamscaler helps fast-growing companies build and manage elite remote teams.\n Hire top talent, scale faster, and ship more — without the overhead.\n

\n Start Scaling Today →\n Explore Features\n

200+

Companies

1,500+

Team Members

98%

Retention Rate

48h

Avg. Time to Hire

\n \n

\n\n \n

Powering teams at innovative companies

\n ◆ NovaCorp\n ⬢ HexaTech\n ★ Brightly\n ◈ FlowOps\n ▲ PeakSoft\n ● OrbitLabs\n

\n\n \n

\n Why Teamscaler\n

Everything you need to build elite teams

From sourcing to onboarding to retention — we handle the entire lifecycle so you can focus on building.

🎯

Vetted Top Talent

Every candidate goes through our rigorous 5-stage screening process. Only the top 3% make it through.

⚡

Lightning Fast Hiring

Get matched with pre-vetted talent in under 48 hours. Skip the months-long recruitment cycle.

🌍

Global Talent Pool

Access elite professionals across 40+ countries. Build a diverse, always-on team that works while you sleep.

📊

Full Transparency

Real-time dashboards, performance tracking, and detailed reporting. Always know exactly what your team is working on.

🔒

Secure & Compliant

SOC 2 compliant infrastructure with end-to-end encryption. Your data and IP are always protected.

🚀

Seamless Scaling

Add or remove team members in days, not months. Scale up for big projects and down when things calm down.

\n\n \n

\n Our Services\n

Solutions for every stage

Whether you're a startup finding your first hires or an enterprise scaling globally, we've got you covered.

\n 👨‍💻\n

Engineering Teams

Build a dedicated offshore engineering team that operates as a seamless extension of your in-house crew.

✓ Full-stack, frontend, backend & mobile devs
✓ DevOps & cloud architects
✓ QA & automation engineers
✓ Team leads & engineering managers

\n 🎨\n

Design Teams

UI/UX designers, product designers, and creative directors who ship pixel-perfect work.

\n 📈\n

Marketing Teams

Growth marketers, content creators, and SEO specialists that drive real results.

\n 🎧\n

Support Teams

24/7 customer support agents and success managers who keep your customers happy.

\n 📊\n

Data Teams

Data engineers, analysts, and scientists who turn raw data into business intelligence.

\n\n \n

\n How It Works\n

From idea to impact in 4 steps

A proven process that gets you from \"we need to hire\" to \"team is shipping\" in record time.

Tell Us Your Needs

Share your requirements, tech stack, and team structure. We'll help you refine the roles and scope.

Get Matched in 48h

We tap into our global talent pool and send you hand-picked candidates that match your exact criteria.

Interview & Select

Interview the candidates you love. Make your picks and we handle contracts, payroll, and compliance.

Start Shipping

Your new team is onboarded, set up with tools, and ready to contribute from day one. We manage the rest.

\n\n \n

\n Testimonials\n

Loved by teams worldwide

Don't just take our word for it. Here's what our clients have to say.

★★★★★

\"Teamscaler helped us build an entire engineering team in 2 weeks. We shipped our product 3 months ahead of schedule. Absolutely game-changing.\"

Sarah Kim

CTO, NovaCorp

★★★★★

\"The quality of talent is unmatched. We've hired 12 people through Teamscaler and every single one has been exceptional. Our retention has never been higher.\"

Marcus Rodriguez

VP Engineering, HexaTech

★★★★★

\"Going from idea to a fully staffed team in under a month felt impossible. Teamscaler made it happen seamlessly. They're now an integral part of our growth strategy.\"

Amelia Lee

Founder & CEO, Brightly

\n\n \n

\n Pricing\n

Simple, transparent pricing

No hidden fees. No long-term contracts. Just straightforward pricing that scales with you.

Starter

$2,999/mo

Perfect for small teams getting started with remote talent.

✓ Up to 3 team members
✓ Talent matching & vetting
✓ Payroll & compliance
✓ Basic performance dashboard
✓ Email support

\n Get Started\n

Ready to scale your team?

Join 200+ companies that trust Teamscaler to build their dream teams. Get started today — your first candidate match is free.

\n \n

No credit card required • Cancel anytime • Setup in minutes

\n\n \n \n\n \n\n\n","\n\n\n \n \n TeamScaler\n \n\n\n \n

Scale Engineering Teams in Days

\n Get Started\n

\n\n \n

About TeamScaler

\n Expand engineering capacity in 3–5 days with AI‑native developers and ISO‑certified support engineers.\n Trusted by 40+ global clients with 16+ years of delivery expertise.\n

\n\n \n

Why Choose Us?

🚀 Scale in 3–5 Days

🤖 AI‑Native Developers

🔒 ISO‑Certified Support

🌍 Global Reach

\n\n \n

Accelerate Your Product Development

\n Learn More\n

\n\n \n\n","createdAt",["D",1783332595110],"branchVersion","branchId","70a11c0f-5765-4bef-8f69-4f8899e2cbab","id","d191e874-4136-4ec4-abd5-d15cba2a0aae","teamscaler-website",["D",1783330720852],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Modern Web 2.0 official website for Teamscaler","imageUrl","631493e5-f2b2-420e-856f-6c7d7c0dbfa4","pinnedFileId","d4bb7c5e-791e-11f1-adb1-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f36c9-067d-7386-ba20-e392c941ef69","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":-5,"_101":102,"_103":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","teamscalerhq","handle","displayName","Teamscalerhq","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8ab78288-0765-4461-40f5-dfe90936be00/square512?exp=1789545599&sig=80d53918a3210111a1f7cbb53b0e5103734c694a57efd94e62fe7a43b1878b4a","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":199,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":200,"_80":201,"_82":202,"_84":25},"tree",[178,179,180,181,182],"files",[178,179,180,181,182],"counts",{"_168":62,"_169":139,"_170":62,"_171":172,"_173":174},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":162,"_32":163,"_30":164,"_135":-5,"_40":41,"_39":139,"_137":25,"_37":165,"_13":62,"_33":20,"_34":166,"_24":25,"_141":-5,"_27":167},{"_42":159,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_137":58,"_37":160,"_13":146,"_33":20,"_34":36,"_24":25,"_141":-5,"_27":161},{"_42":151,"_32":152,"_30":56,"_135":-5,"_40":41,"_39":153,"_137":25,"_37":154,"_13":155,"_33":156,"_34":157,"_24":25,"_141":-5,"_27":158},{"_42":143,"_32":144,"_30":145,"_135":-5,"_40":41,"_39":146,"_137":58,"_37":147,"_13":62,"_33":148,"_34":149,"_24":25,"_141":-5,"_27":150},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":58,"_37":138,"_13":139,"_33":20,"_34":140,"_24":25,"_141":-5,"_27":142},"9dabd378-349d-4e55-965c-193207d2492f","styles.css","c43ff526-791e-11f1-a5c4-1607ee4eb77e","parentId",11,"latest",["D",1783331217691],1,"/* ===== Reset & Base ===== */\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n --bg-primary: #0a0a0f;\n --bg-secondary: #0f0f1a;\n --bg-card: #141420;\n --bg-card-hover: #1a1a28;\n --text-primary: #f5f5f7;\n --text-secondary: #a0a0b0;\n --text-muted: #6b6b80;\n --accent-blue: #4f8fff;\n --accent-purple: #a855f7;\n --accent-pink: #ec4899;\n --gradient-1: linear-gradient(135deg, #4f8fff, #a855f7);\n --gradient-2: linear-gradient(135deg, #a855f7, #ec4899);\n --gradient-3: linear-gradient(135deg, #4f8fff, #00d4ff);\n --border: rgba(255, 255, 255, 0.08);\n --border-hover: rgba(255, 255, 255, 0.15);\n --shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\n --shadow-glow: 0 0 40px rgba(79, 143, 255, 0.15);\n --radius: 16px;\n --radius-sm: 10px;\n --radius-lg: 24px;\n --max-width: 1200px;\n}\n\nhtml {\n scroll-behavior: smooth;\n font-size: 16px;\n}\n\nbody {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n background: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\n.container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 24px;\n}\n\n/* ===== Buttons ===== */\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: inherit;\n font-weight: 600;\n font-size: 0.95rem;\n padding: 12px 24px;\n border-radius: var(--radius-sm);\n border: none;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n white-space: nowrap;\n}\n\n.btn-primary {\n background: var(--gradient-1);\n color: #fff;\n box-shadow: 0 4px 20px rgba(79, 143, 255, 0.3);\n}\n\n.btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(79, 143, 255, 0.5);\n}\n\n.btn-ghost {\n background: rgba(255, 255, 255, 0.05);\n color: var(--text-primary);\n border: 1px solid var(--border);\n}\n\n.btn-ghost:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--border-hover);\n}\n\n.btn-lg {\n padding: 16px 32px;\n font-size: 1.05rem;\n}\n\n.btn-block {\n width: 100%;\n}\n\n/* ===== Navigation ===== */\n.nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n transition: all 0.3s ease;\n padding: 20px 0;\n}\n\n.nav.scrolled {\n background: rgba(10, 10, 15, 0.85);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n padding: 12px 0;\n}\n\n.nav-container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 8px;\n text-decoration: none;\n color: var(--text-primary);\n font-weight: 800;\n font-size: 1.3rem;\n}\n\n.logo-icon {\n font-size: 1.5rem;\n}\n\n.logo-img {\n height: 40px;\n width: auto;\n display: block;\n}\n\n.nav-links {\n display: flex;\n gap: 32px;\n align-items: center;\n}\n\n.nav-links a {\n color: var(--text-secondary);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.2s;\n}\n\n.nav-links a:hover {\n color: var(--text-primary);\n}\n\n.nav-cta {\n margin-left: auto;\n}\n\n.nav-toggle {\n display: none;\n flex-direction: column;\n gap: 5px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n}\n\n.nav-toggle span {\n width: 24px;\n height: 2px;\n background: var(--text-primary);\n border-radius: 2px;\n transition: all 0.3s;\n}\n\n.nav-toggle.active span:nth-child(1) {\n transform: rotate(45deg) translate(5px, 5px);\n}\n.nav-toggle.active span:nth-child(2) {\n opacity: 0;\n}\n.nav-toggle.active span:nth-child(3) {\n transform: rotate(-45deg) translate(5px, -5px);\n}\n\n/* ===== Hero ===== */\n.hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 24px 80px;\n overflow: hidden;\n}\n\n.hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n\n.orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n animation: float 20s ease-in-out infinite;\n}\n\n.orb-1 {\n width: 500px;\n height: 500px;\n background: var(--accent-blue);\n top: -100px;\n left: -100px;\n}\n\n.orb-2 {\n width: 400px;\n height: 400px;\n background: var(--accent-purple);\n bottom: -50px;\n right: -50px;\n animation-delay: -5s;\n}\n\n.orb-3 {\n width: 300px;\n height: 300px;\n background: var(--accent-pink);\n top: 40%;\n left: 50%;\n animation-delay: -10s;\n}\n\n@keyframes float {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(30px, -50px) scale(1.1); }\n 66% { transform: translate(-20px, 30px) scale(0.95); }\n}\n\n.hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n}\n\n.hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 20px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(--border);\n border-radius: 100px;\n font-size: 0.85rem;\n color: var(--text-secondary);\n margin-bottom: 28px;\n backdrop-filter: blur(10px);\n}\n\n.pulse-dot {\n width: 8px;\n height: 8px;\n background: #4ade80;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }\n 50% { opacity: 0.7; box-shadow: 0 0 0 8px rgba(74, 222, 128, 0); }\n}\n\n.hero-title {\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n}\n\n.gradient-text {\n background: var(--gradient-1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.hero-subtitle {\n font-size: 1.2rem;\n color: var(--text-secondary);\n max-width: 600px;\n margin: 0 auto 40px;\n line-height: 1.7;\n}\n\n.hero-actions {\n display: flex;\n gap: 16px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 60px;\n}\n\n.hero-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n padding-top: 40px;\n border-top: 1px solid var(--border);\n}\n\n.stat-num {\n font-size: 2rem;\n font-weight: 800;\n background: var(--gradient-1);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.stat-label {\n font-size: 0.85rem;\n color: var(--text-muted);\n margin-top: 4px;\n}\n\n.hero-wave {\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n\n.hero-wave svg {\n width: 100%;\n display: block;\n}\n\n/* ===== Logos Strip ===== */\n.logos-strip {\n padding: 40px 0;\n background: var(--bg-secondary);\n}\n\n.logos-label {\n text-align: center;\n color: var(--text-muted);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 24px;\n}\n\n.logos {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 48px;\n flex-wrap: wrap;\n}\n\n.logo-item {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--text-muted);\n opacity: 0.7;\n transition: all 0.3s;\n}\n\n.logo-item:hover {\n opacity: 1;\n color: var(--text-secondary);\n}\n\n/* ===== Sections ===== */\n.section {\n padding: 100px 0;\n position: relative;\n}\n\n.section-alt {\n background: var(--bg-secondary);\n}\n\n.section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 64px;\n}\n\n.section-tag {\n display: inline-block;\n padding: 6px 16px;\n background: rgba(79, 143, 255, 0.1);\n border: 1px solid rgba(79, 143, 255, 0.2);\n border-radius: 100px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--accent-blue);\n margin-bottom: 16px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.section-title {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n}\n\n.section-desc {\n font-size: 1.1rem;\n color: var(--text-secondary);\n line-height: 1.7;\n}\n\n/* ===== Feature Grid ===== */\n.feature-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.feature-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n}\n\n.feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--gradient-1);\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.feature-card:hover {\n background: var(--bg-card-hover);\n border-color: var(--border-hover);\n transform: translateY(-4px);\n box-shadow: var(--shadow);\n}\n\n.feature-card:hover::before {\n opacity: 1;\n}\n\n.feature-icon {\n font-size: 2.5rem;\n margin-bottom: 20px;\n}\n\n.feature-card h3 {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 12px;\n}\n\n.feature-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.6;\n}\n\n/* ===== Service Grid ===== */\n.service-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.service-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px;\n transition: all 0.3s;\n}\n\n.service-card-lg {\n grid-column: span 1;\n grid-row: span 2;\n background: linear-gradient(135deg, rgba(79, 143, 255, 0.08), rgba(168, 85, 247, 0.08));\n border-color: rgba(79, 143, 255, 0.2);\n}\n\n.service-card:hover {\n border-color: var(--border-hover);\n transform: translateY(-4px);\n box-shadow: var(--shadow);\n}\n\n.service-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n}\n\n.service-emoji {\n font-size: 1.8rem;\n}\n\n.service-header h3 {\n font-size: 1.2rem;\n font-weight: 700;\n}\n\n.service-card p {\n color: var(--text-secondary);\n font-size: 0.95rem;\n margin-bottom: 16px;\n}\n\n.service-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.service-list li {\n color: var(--text-secondary);\n font-size: 0.9rem;\n}\n\n/* ===== Process Timeline ===== */\n.process-timeline {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n}\n\n.process-timeline::before {\n content: '';\n position: absolute;\n left: 32px;\n top: 40px;\n bottom: 40px;\n width: 2px;\n background: linear-gradient(180deg, var(--accent-blue), var(--accent-purple), var(--accent-pink));\n opacity: 0.3;\n}\n\n.process-step {\n display: flex;\n gap: 24px;\n padding: 24px 0;\n align-items: flex-start;\n}\n\n.process-num {\n flex-shrink: 0;\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 800;\n background: var(--bg-card);\n border: 2px solid rgba(79, 143, 255, 0.3);\n border-radius: 50%;\n color: var(--accent-blue);\n position: relative;\n z-index: 1;\n transition: all 0.3s;\n}\n\n.process-step:hover .process-num {\n background: var(--gradient-1);\n color: #fff;\n border-color: transparent;\n transform: scale(1.1);\n}\n\n.process-content h3 {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 8px;\n margin-top: 16px;\n}\n\n.process-content p {\n color: var(--text-secondary);\n font-size: 1rem;\n}\n\n/* ===== Testimonials ===== */\n.testimonial-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.testimonial-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px;\n transition: all 0.3s;\n}\n\n.testimonial-card:hover {\n border-color: var(--border-hover);\n transform: translateY(-4px);\n box-shadow: var(--shadow);\n}\n\n.testimonial-stars {\n font-size: 1.2rem;\n color: #fbbf24;\n margin-bottom: 16px;\n letter-spacing: 2px;\n}\n\n.testimonial-text {\n font-size: 1.05rem;\n line-height: 1.7;\n color: var(--text-primary);\n margin-bottom: 24px;\n font-style: italic;\n}\n\n.testimonial-author {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.95rem;\n color: #fff;\n flex-shrink: 0;\n}\n\n.author-name {\n font-weight: 700;\n font-size: 0.95rem;\n}\n\n.author-role {\n font-size: 0.85rem;\n color: var(--text-muted);\n}\n\n/* ===== Pricing ===== */\n.pricing-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n align-items: start;\n}\n\n.pricing-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 40px 32px;\n transition: all 0.3s;\n position: relative;\n}\n\n.pricing-card:hover {\n border-color: var(--border-hover);\n transform: translateY(-4px);\n box-shadow: var(--shadow);\n}\n\n.pricing-card-popular {\n border-color: rgba(79, 143, 255, 0.3);\n background: linear-gradient(180deg, rgba(79, 143, 255, 0.05), var(--bg-card));\n box-shadow: var(--shadow-glow);\n}\n\n.pricing-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--gradient-1);\n color: #fff;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 6px 16px;\n border-radius: 100px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.pricing-name {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 12px;\n}\n\n.pricing-price {\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: -0.03em;\n margin-bottom: 16px;\n}\n\n.pricing-period {\n font-size: 1rem;\n font-weight: 400;\n color: var(--text-muted);\n}\n\n.pricing-desc {\n color: var(--text-secondary);\n font-size: 0.95rem;\n margin-bottom: 24px;\n min-height: 48px;\n}\n\n.pricing-features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-bottom: 32px;\n}\n\n.pricing-features li {\n color: var(--text-secondary);\n font-size: 0.95rem;\n}\n\n/* ===== CTA Section ===== */\n.cta-section {\n padding: 100px 0;\n}\n\n.cta-box {\n background: linear-gradient(135deg, rgba(79, 143, 255, 0.1), rgba(168, 85, 247, 0.1));\n border: 1px solid rgba(79, 143, 255, 0.2);\n border-radius: var(--radius-lg);\n padding: 64px 40px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cta-bg-orbs {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n\n.cta-box .orb-1 {\n width: 300px;\n height: 300px;\n top: -50px;\n left: -50px;\n}\n\n.cta-box .orb-2 {\n width: 250px;\n height: 250px;\n bottom: -50px;\n right: -50px;\n}\n\n.cta-title {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 800;\n margin-bottom: 16px;\n position: relative;\n z-index: 1;\n}\n\n.cta-subtitle {\n font-size: 1.15rem;\n color: var(--text-secondary);\n max-width: 550px;\n margin: 0 auto 32px;\n position: relative;\n z-index: 1;\n}\n\n.cta-form {\n display: flex;\n gap: 12px;\n max-width: 500px;\n margin: 0 auto 16px;\n position: relative;\n z-index: 1;\n}\n\n.cta-input {\n flex: 1;\n padding: 16px 20px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n color: var(--text-primary);\n font-family: inherit;\n font-size: 1rem;\n outline: none;\n transition: all 0.3s;\n}\n\n.cta-input::placeholder {\n color: var(--text-muted);\n}\n\n.cta-input:focus {\n border-color: var(--accent-blue);\n background: rgba(255, 255, 255, 0.08);\n}\n\n.cta-note {\n font-size: 0.85rem;\n color: var(--text-muted);\n position: relative;\n z-index: 1;\n}\n\n/* ===== Footer ===== */\n.footer {\n background: var(--bg-secondary);\n padding: 64px 0 32px;\n border-top: 1px solid var(--border);\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr 1fr;\n gap: 40px;\n margin-bottom: 48px;\n}\n\n.footer-col-brand .logo {\n margin-bottom: 16px;\n}\n\n.footer-tagline {\n color: var(--text-secondary);\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 20px;\n max-width: 300px;\n}\n\n.footer-social {\n display: flex;\n gap: 12px;\n}\n\n.footer-social a {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n color: var(--text-secondary);\n text-decoration: none;\n font-weight: 700;\n transition: all 0.3s;\n}\n\n.footer-social a:hover {\n background: var(--gradient-1);\n color: #fff;\n border-color: transparent;\n}\n\n.footer-col h4 {\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 16px;\n}\n\n.footer-col a {\n display: block;\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.9rem;\n padding: 6px 0;\n transition: color 0.2s;\n}\n\n.footer-col a:hover {\n color: var(--text-primary);\n}\n\n.footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 32px;\n border-top: 1px solid var(--border);\n font-size: 0.85rem;\n color: var(--text-muted);\n}\n\n/* ===== Animations ===== */\n.fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n/* ===== Responsive ===== */\n@media (max-width: 968px) {\n .feature-grid,\n .service-grid,\n .testimonial-grid,\n .pricing-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .service-card-lg {\n grid-row: span 1;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .footer-col-brand {\n grid-column: span 2;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .nav-links {\n display: none;\n }\n\n .nav-links.open {\n display: flex;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n flex-direction: column;\n background: rgba(10, 10, 15, 0.98);\n backdrop-filter: blur(20px);\n padding: 24px;\n gap: 16px;\n border-bottom: 1px solid var(--border);\n }\n\n .nav-cta {\n display: none;\n }\n\n .nav-toggle {\n display: flex;\n }\n}\n\n@media (max-width: 640px) {\n .feature-grid,\n .service-grid,\n .testimonial-grid,\n .pricing-grid {\n grid-template-columns: 1fr;\n }\n\n .service-card-lg {\n grid-row: span 1;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .hero-actions {\n flex-direction: column;\n width: 100%;\n }\n\n .hero-actions .btn {\n width: 100%;\n }\n\n .cta-form {\n flex-direction: column;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-col-brand {\n grid-column: span 1;\n }\n\n .footer-bottom {\n flex-direction: column;\n gap: 8px;\n text-align: center;\n }\n\n .section {\n padding: 64px 0;\n }\n\n .logos {\n gap: 24px;\n }\n}\n","label",[133],"ac6a381f-9e65-4acf-8ccd-4c5e94e3b746","script.js","ce8a3e42-791e-11f1-81e1-1607ee4eb77e",4,["D",1783330864616],"script","// Nav scroll effect\nconst nav = document.getElementById('nav');\nconst navToggle = document.getElementById('navToggle');\nconst navLinks = document.querySelector('.nav-links');\n\nwindow.addEventListener('scroll', () => {\n if (window.scrollY > 20) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n});\n\n// Mobile menu toggle\nnavToggle.addEventListener('click', () => {\n navToggle.classList.toggle('active');\n navLinks.classList.toggle('open');\n});\n\n// Close mobile menu on link click\nnavLinks.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n navToggle.classList.remove('active');\n navLinks.classList.remove('open');\n });\n});\n\n// Intersection Observer for fade-in animations\nconst observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n}, observerOptions);\n\n// Add fade-in class to elements\ndocument.querySelectorAll('.feature-card, .service-card, .process-step, .testimonial-card, .pricing-card, .section-header').forEach(el => {\n el.classList.add('fade-in');\n observer.observe(el);\n});\n\n// Animated counter for stats\nconst stats = document.querySelectorAll('.stat-num');\nconst statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const text = el.textContent;\n const num = parseInt(el.dataset.count);\n if (num && !el.dataset.animated) {\n el.dataset.animated = 'true';\n const suffix = text.replace(/[\\d,]/g, '');\n let current = 0;\n const increment = num / 40;\n const timer = setInterval(() => {\n current += increment;\n if (current >= num) {\n current = num;\n clearInterval(timer);\n }\n el.textContent = Math.floor(current).toLocaleString() + suffix;\n }, 25);\n }\n }\n });\n}, { threshold: 0.5 });\n\nstats.forEach(stat => statObserver.observe(stat));\n\n// CTA form handler\nconst ctaForm = document.getElementById('ctaForm');\nctaForm.addEventListener('submit', (e) => {\n e.preventDefault();\n const input = ctaForm.querySelector('input');\n const btn = ctaForm.querySelector('button');\n btn.textContent = '✓ Thanks! We\\'ll be in touch.';\n btn.style.background = 'linear-gradient(135deg, #4ade80, #22c55e)';\n input.value = '';\n setTimeout(() => {\n btn.textContent = 'Get Started Free →';\n btn.style.background = '';\n }, 3000);\n});\n\n// Smooth scroll for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n const offset = 80;\n const targetPos = target.getBoundingClientRect().top + window.pageYOffset - offset;\n window.scrollTo({ top: targetPos, behavior: 'smooth' });\n }\n });\n});\n",[144],"d4fec583-606e-4503-9cc1-196f589b0d61","main.ts",7,["D",1783331188721],2,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nconst serveStatic = staticHTTPServer();\n\n// Logo images are stored in this val's blob storage\nconst blobImages: Record = {\n \"/logo-full.png\": \"logo-full.png\",\n \"/logo-icon.png\": \"logo-icon.png\",\n};\n\nexport default async function (req: Request): Promise {\n const { pathname } = new URL(req.url);\n const key = blobImages[pathname];\n if (key) {\n const data = await blob.get(key);\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n return serveStatic(req);\n}\n",[152],"6cfcdb10-adf8-4a5a-812c-e877899f9524",["D",1783332595110],[28],"9dc86c79-f9af-46d7-8d75-d52252bca4b2","README.md","90cffa56-791e-11f1-b89d-1607ee4eb77e",["D",1783330761062],"# teamscaler-website",[163],"pulls","branches","forks","envVars",{"_175":62,"_177":62},"connections",{"_175":62,"_176":62},"count","unfilledCount","emptyCount",{"_42":162,"_32":163,"_30":164,"_135":-5,"_40":41,"_39":139,"_137":25,"_37":196,"_13":62,"_33":20,"_34":166,"_24":25,"_141":-5,"_184":197,"_27":198},{"_42":159,"_32":28,"_30":31,"_135":-5,"_40":41,"_39":14,"_137":58,"_37":193,"_13":146,"_33":20,"_34":36,"_24":25,"_141":-5,"_184":194,"_27":195},{"_42":151,"_32":152,"_30":56,"_135":-5,"_40":41,"_39":153,"_137":25,"_37":190,"_13":155,"_33":156,"_34":157,"_24":25,"_141":-5,"_184":191,"_27":192},{"_42":143,"_32":144,"_30":145,"_135":-5,"_40":41,"_39":146,"_137":58,"_37":187,"_13":62,"_33":148,"_34":149,"_24":25,"_141":-5,"_184":188,"_27":189},{"_42":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":58,"_37":183,"_13":139,"_33":20,"_34":140,"_24":25,"_141":-5,"_184":185,"_27":186},["D",1783331217691],"children",[],[133],["D",1783330864616],[],[144],["D",1783331188721],[],[152],["D",1783332595110],[],[28],["D",1783330761062],[],[163],["D",1783330720852],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":-5,"_101":102,"_103":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":236,"_237":238,"_239":240,"_241":25,"_242":25,"_243":25,"_244":58,"_245":-5,"_246":-7,"_247":-7,"_248":62,"_249":25,"_250":25,"_251":-5,"_252":25,"_253":25,"_254":25,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":86,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v12