From 95eb362bfc40bef02a9e043dec922f522902ce81 Mon Sep 17 00:00:00 2001 From: Leon-in Date: Sun, 26 Apr 2026 18:19:56 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20initial=20commit=20=E2=80=94=20Webflow?= =?UTF-8?q?=20to=20Next.js=20conversion?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit QuantumLab template converted to Next.js 16 + React 19 + TypeScript: - 8 page routes (home, about, blog, contact, careers, team-members, coming-soon, 404) - Dynamic routes for blog posts, career positions, and team members - GSAP animations (marquee, counters, button hovers) - IntersectionObserver-based scroll reveal (blur-to-clear transitions) - Dark mode with next-themes - React Hook Form + Zod contact form - Framer Motion page transitions - Lottie animations via lottie-web Co-Authored-By: Claude Opus 4.6 --- .gitignore | 41 + AGENTS.md | 5 + CLAUDE.md | 1 + README.md | 36 + app/about/page.tsx | 24 + app/blog-posts/[slug]/page.tsx | 105 + app/blog/page.tsx | 21 + app/careers/[slug]/page.tsx | 105 + app/careers/page.tsx | 71 + app/coming-soon/page.tsx | 39 + app/contact/page.tsx | 21 + app/favicon.ico | Bin 0 -> 25931 bytes app/globals.css | 92 + app/layout.tsx | 62 + app/not-found.tsx | 24 + app/page.tsx | 23 + app/team-members/[id]/page.tsx | 116 + app/webflow.css | 11061 ++++++++++++++++ components/BlogCard.tsx | 68 + components/ContactForm.tsx | 103 + components/Footer.tsx | 248 + components/GsapAnimations.tsx | 192 + components/Header.tsx | 210 + components/LottiePlayer.tsx | 38 + components/NewsletterForm.tsx | 89 + components/PageTransition.tsx | 19 + components/RevealObserver.tsx | 52 + components/ThemeToggle.tsx | 43 + components/VideoLightbox.tsx | 60 + components/about/CareersSection.tsx | 74 + components/about/HeroSection.tsx | 96 + components/about/MissionSection.tsx | 105 + components/about/SocialLinksSection.tsx | 96 + components/about/TeamSection.tsx | 286 + components/about/ValuesSection.tsx | 206 + components/about/index.ts | 6 + components/blog/CtaSection.tsx | 52 + components/blog/HeroSection.tsx | 40 + components/blog/PostsGridSection.tsx | 46 + components/blog/index.ts | 3 + components/contact/CardsSection.tsx | 78 + components/contact/FormSection.tsx | 91 + components/contact/HeroSection.tsx | 119 + components/contact/index.ts | 3 + components/home/BlogPreviewSection.tsx | 147 + components/home/CtaSection.tsx | 43 + components/home/HeroSection.tsx | 157 + components/home/IntegrationsSection.tsx | 356 + components/home/PrinciplesSection.tsx | 98 + components/home/index.ts | 5 + eslint.config.mjs | 18 + lib/blog-data.ts | 68 + lib/careers-data.ts | 43 + lib/team-data.ts | 38 + next.config.ts | 14 + package-lock.json | 7000 ++++++++++ package.json | 34 + postcss.config.mjs | 7 + ...ea068e8dfd14eaed7b6f_Notification Dot.json | 1 + ...a60eb3b15_social-media-icon-font-brix.woff | Bin 0 -> 13684 bytes ...a60eb3b18_line-rounded-icon-font-brix.woff | Bin 0 -> 51708 bytes ...eck-icon-dark-quantum-webflow-template.svg | 3 + ...v1-animation-quantum-webflow-template.json | 1 + ...uantum-webflow-template-top-to-bottom.json | 1 + ...uantum-webflow-template-top-to-bottom.json | 1 + ...uantum-webflow-template-top-to-bottom.json | 1 + ...45295434b5c6a_cta-animation-waterfall.json | 1 + ...imation-wave-quantum-webflow-template.json | 1 + ...0ca451_press-media-animation-row-wave.json | 1 + ..._sales-inquiries-animation-visual-row.json | 1 + ...4fe9b_help-support-animation-row-wave.json | 1 + .../templates/designers/brix-templates | 1524 +++ ...385_logo-icon-quantum-webflow-template.svg | 3 + ...nication-icon-quantum-webflow-template.svg | 10 + ...cellence-icon-quantum-webflow-template.svg | 3 + ...curacy-icon-quantum-webflow-template-1.svg | 3 + ..._clarity-icon-quantum-webflow-template.svg | 10 + ...velocity-icon-quantum-webflow-template.svg | 10 + ...lability-icon-quantum-webflow-template.svg | 3 + ...2f_trust-icon-quantum-webflow-template.svg | 10 + ...ntellect-icon-quantum-webflow-template.svg | 5 + ...deo-thumbnail-quantum-webflow-template.jpg | Bin 0 -> 72550 bytes ...c28_logo-icon-quantum-webflow-template.svg | 3 + ...converra-logo-quantum-webflow-template.svg | 5 + ...f_nexora-logo-quantum-webflow-template.svg | 11 + ..._linkora-logo-quantum-webflow-template.svg | 5 + ...netspire-logo-quantum-webflow-template.svg | 4 + ..._syncell-logo-quantum-webflow-template.svg | 12 + ...8_bridgr-logo-quantum-webflow-template.svg | 5 + ...8_socium-logo-quantum-webflow-template.svg | 5 + ...ation-icon-03-quantum-webflow-template.svg | 3 + ...ation-icon-05-quantum-webflow-template.svg | 3 + ...ation-icon-04-quantum-webflow-template.svg | 3 + ...ation-icon-02-quantum-webflow-template.svg | 3 + ...ation-icon-15-quantum-webflow-template.svg | 8 + ...ation-icon-14-quantum-webflow-template.svg | 4 + ...ation-icon-01-quantum-webflow-template.svg | 5 + ...ation-icon-13-quantum-webflow-template.svg | 4 + ...ation-icon-10-quantum-webflow-template.svg | 4 + ...ation-icon-12-quantum-webflow-template.svg | 5 + ...ation-icon-11-quantum-webflow-template.svg | 6 + ...ation-icon-06-quantum-webflow-template.svg | 5 + ...ation-icon-08-quantum-webflow-template.svg | 10 + ...ation-icon-07-quantum-webflow-template.svg | 3 + ...ion-icon-16-quantum-webflow-template 1.svg | 15 + ...-avatar-quantum-webflow-template-p-500.jpg | Bin 0 -> 20894 bytes ...cannon-avatar-quantum-webflow-template.jpg | Bin 0 -> 22137 bytes ...-woods-avatar-quantum-webflow-template.jpg | Bin 0 -> 12302 bytes ...-moore-avatar-quantum-webflow-template.jpg | Bin 0 -> 17462 bytes ...-avatar-quantum-webflow-template-p-500.jpg | Bin 0 -> 20051 bytes ...carter-avatar-quantum-webflow-template.jpg | Bin 0 -> 25868 bytes ...een-thumbnail-quantum-webflow-template.png | Bin 0 -> 14809 bytes ...umbnail-quantum-webflow-template-p-500.png | Bin 0 -> 10293 bytes ...ess-thumbnail-quantum-webflow-template.png | Bin 0 -> 12381 bytes ...umbnail-quantum-webflow-template-p-500.png | Bin 0 -> 12309 bytes ...-ai-thumbnail-quantum-webflow-template.png | Bin 0 -> 13629 bytes ...umbnail-quantum-webflow-template-p-500.png | Bin 0 -> 11492 bytes ...-ai-thumbnail-quantum-webflow-template.png | Bin 0 -> 12561 bytes ...umbnail-quantum-webflow-template-p-500.png | Bin 0 -> 11786 bytes ...ure-thumbnail-quantum-webflow-template.png | Bin 0 -> 12824 bytes ...umbnail-quantum-webflow-template-p-500.png | Bin 0 -> 10242 bytes ...act-thumbnail-quantum-webflow-template.png | Bin 0 -> 13141 bytes .../more-webflow-templates | 785 ++ public/file.svg | 1 + public/globe.svg | 1 + public/next.svg | 1 + public/vercel.svg | 1 + public/window.svg | 1 + scripts/convert-images.mjs | 92 + scripts/convert-links.mjs | 116 + scripts/convert-webflow.mjs | 555 + scripts/inject-lottie.mjs | 53 + scripts/split-sections.mjs | 168 + tsconfig.json | 34 + 134 files changed, 25831 insertions(+) create mode 100644 .gitignore create mode 100644 AGENTS.md create mode 100644 CLAUDE.md create mode 100644 README.md create mode 100644 app/about/page.tsx create mode 100644 app/blog-posts/[slug]/page.tsx create mode 100644 app/blog/page.tsx create mode 100644 app/careers/[slug]/page.tsx create mode 100644 app/careers/page.tsx create mode 100644 app/coming-soon/page.tsx create mode 100644 app/contact/page.tsx create mode 100644 app/favicon.ico create mode 100644 app/globals.css create mode 100644 app/layout.tsx create mode 100644 app/not-found.tsx create mode 100644 app/page.tsx create mode 100644 app/team-members/[id]/page.tsx create mode 100644 app/webflow.css create mode 100644 components/BlogCard.tsx create mode 100644 components/ContactForm.tsx create mode 100644 components/Footer.tsx create mode 100644 components/GsapAnimations.tsx create mode 100644 components/Header.tsx create mode 100644 components/LottiePlayer.tsx create mode 100644 components/NewsletterForm.tsx create mode 100644 components/PageTransition.tsx create mode 100644 components/RevealObserver.tsx create mode 100644 components/ThemeToggle.tsx create mode 100644 components/VideoLightbox.tsx create mode 100644 components/about/CareersSection.tsx create mode 100644 components/about/HeroSection.tsx create mode 100644 components/about/MissionSection.tsx create mode 100644 components/about/SocialLinksSection.tsx create mode 100644 components/about/TeamSection.tsx create mode 100644 components/about/ValuesSection.tsx create mode 100644 components/about/index.ts create mode 100644 components/blog/CtaSection.tsx create mode 100644 components/blog/HeroSection.tsx create mode 100644 components/blog/PostsGridSection.tsx create mode 100644 components/blog/index.ts create mode 100644 components/contact/CardsSection.tsx create mode 100644 components/contact/FormSection.tsx create mode 100644 components/contact/HeroSection.tsx create mode 100644 components/contact/index.ts create mode 100644 components/home/BlogPreviewSection.tsx create mode 100644 components/home/CtaSection.tsx create mode 100644 components/home/HeroSection.tsx create mode 100644 components/home/IntegrationsSection.tsx create mode 100644 components/home/PrinciplesSection.tsx create mode 100644 components/home/index.ts create mode 100644 eslint.config.mjs create mode 100644 lib/blog-data.ts create mode 100644 lib/careers-data.ts create mode 100644 lib/team-data.ts create mode 100644 next.config.ts create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 postcss.config.mjs create mode 100644 public/assets/cdn-prod-website-files-com/5e30f06b05f79621331ddc25/65dcea068e8dfd14eaed7b6f_Notification Dot.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b15_social-media-icon-font-brix.woff create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b18_line-rounded-icon-font-brix.woff create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a7919b056478f2bec24141_check-icon-dark-quantum-webflow-template.svg create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1a7d9c54a9b73191bb531_hero-v1-animation-quantum-webflow-template.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d66f46dd336c7d633316_velocity-quantum-webflow-template-top-to-bottom.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d6a76e480413794c2aa3_intelect-quantum-webflow-template-top-to-bottom.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d6cf4cfbc189da50f80b_generality-quantum-webflow-template-top-to-bottom.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1df78b3b45295434b5c6a_cta-animation-waterfall.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d28b101cd56458bf646202_about-hero-animation-wave-quantum-webflow-template.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d28ff844db76df2f0ca451_press-media-animation-row-wave.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d28ff8806a1552f46e35ac_sales-inquiries-animation-visual-row.json create mode 100644 public/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d28ff8a28b3e0d6614fe9b_help-support-animation-row-wave.json create mode 100644 public/assets/webflow-com/templates/designers/brix-templates create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a43b922d3d1ca923f36385_logo-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598ed19f8b3ed79933a38_communication-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598ed8d91f474a2d4ecdc_excellence-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598eeb838c974f3def70a_accuracy-icon-quantum-webflow-template-1.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598eefda8dc1927236eb3_clarity-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f00141b9ac31a01989_velocity-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f04600b3080cab823c_scalability-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f0e3caa08df665212f_trust-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f1f8443cbbcf767239_intellect-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a612636043d8e5dcb04ad0_about-us-video-thumbnail-quantum-webflow-template.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a73cf7c58867b86184dc28_logo-icon-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876a23b74de53cc9a64f_converra-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876a24ff0842f7ea9e4f_nexora-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876a4098611a628c081a_linkora-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876a6c28f60e0f1858b8_netspire-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876ba1593ccde3aeb482_syncell-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876bee27e15bc9b9e5a8_bridgr-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a7876c0f4d2d1856ba6b88_socium-logo-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6c26ffe1a8726e9533_integration-icon-03-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6c880d199c46c914ff_integration-icon-05-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6cf394ef82f934055b_integration-icon-04-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6cf5972224012a489b_integration-icon-02-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6d09ed29d4a9cfd6ed_integration-icon-15-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6dd711092b9d58a062_integration-icon-14-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6dd871d459c0979566_integration-icon-01-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6de0050ea1d7414790_integration-icon-13-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6e0bb9fa69c599d6b3_integration-icon-10-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6e925ff15bf5fa0586_integration-icon-12-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70a151641726e87b52_integration-icon-11-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70c337055b4648809b_integration-icon-06-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70d20bb145ee19163a_integration-icon-08-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70e3d7d6153e132c82_integration-icon-07-quantum-webflow-template.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68ee6c592c38ae8672ba037d_integration-icon-16-quantum-webflow-template 1.svg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5268e58fa10010ce586_matt-cannon-avatar-quantum-webflow-template-p-500.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5268e58fa10010ce586_matt-cannon-avatar-quantum-webflow-template.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5b658f5ca9f60fd5e16_lilly-woods-avatar-quantum-webflow-template.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5d29b2f76acd088f052_sophie-moore-avatar-quantum-webflow-template.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5ff7b59be67bb3ac207_john-carter-avatar-quantum-webflow-template-p-500.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e5ff7b59be67bb3ac207_john-carter-avatar-quantum-webflow-template.jpg create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e640d87281a090067c41_ethical-ai-and-the-balance-between-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e73c22149c3c4d1276f2_how-ai-is-optimizing-business-thumbnail-quantum-webflow-template-p-500.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e73c22149c3c4d1276f2_how-ai-is-optimizing-business-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e766a2a14a56c3716545_revolutionizing-business-insights-with-ai-thumbnail-quantum-webflow-template-p-500.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e766a2a14a56c3716545_revolutionizing-business-insights-with-ai-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7967b59be67bb3b9a64_the-role-of-transparency-in-ai-thumbnail-quantum-webflow-template-p-500.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7967b59be67bb3b9a64_the-role-of-transparency-in-ai-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7c24025d4081cbfa426_how-ai-is-shaping-the-future-thumbnail-quantum-webflow-template-p-500.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7c24025d4081cbfa426_how-ai-is-shaping-the-future-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7e2a643b738b2cb06fc_ai-powered-predictive-models-and-their-impact-thumbnail-quantum-webflow-template-p-500.png create mode 100644 public/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3b39/68a6e7e2a643b738b2cb06fc_ai-powered-predictive-models-and-their-impact-thumbnail-quantum-webflow-template.png create mode 100644 public/assets/www-brixtemplates-com/more-webflow-templates create mode 100644 public/file.svg create mode 100644 public/globe.svg create mode 100644 public/next.svg create mode 100644 public/vercel.svg create mode 100644 public/window.svg create mode 100644 scripts/convert-images.mjs create mode 100644 scripts/convert-links.mjs create mode 100644 scripts/convert-webflow.mjs create mode 100644 scripts/inject-lottie.mjs create mode 100644 scripts/split-sections.mjs create mode 100644 tsconfig.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5ef6a52 --- /dev/null +++ b/.gitignore @@ -0,0 +1,41 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.* +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/versions + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* +.pnpm-debug.log* + +# env files (can opt-in for committing if needed) +.env* + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/AGENTS.md b/AGENTS.md new file mode 100644 index 0000000..8bd0e39 --- /dev/null +++ b/AGENTS.md @@ -0,0 +1,5 @@ + +# This is NOT the Next.js you know + +This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. + diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..43c994c --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1 @@ +@AGENTS.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..e215bc4 --- /dev/null +++ b/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..5fdb501 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,24 @@ +import type { Metadata } from "next" +import { HeroSection, MissionSection, TeamSection, ValuesSection, CareersSection, SocialLinksSection } from "@/components/about" + +export const metadata: Metadata = { + title: "About", + description: "Learn about DalCode's mission, team, and values. We're building the next generation of AI-powered developer tools.", + openGraph: { + title: "About DalCode", + description: "Learn about DalCode's mission, team, and values.", + }, +} + +export default function AboutPage() { + return ( +
+ + + + + + +
+ ) +} diff --git a/app/blog-posts/[slug]/page.tsx b/app/blog-posts/[slug]/page.tsx new file mode 100644 index 0000000..580e3f0 --- /dev/null +++ b/app/blog-posts/[slug]/page.tsx @@ -0,0 +1,105 @@ +import type { Metadata } from "next" +import Image from "next/image" +import Link from "next/link" +import { notFound } from "next/navigation" +import { BLOG_POSTS } from "@/lib/blog-data" + +interface Props { + params: Promise<{ slug: string }> +} + +export async function generateStaticParams() { + return BLOG_POSTS.map((post) => ({ slug: post.slug })) +} + +export async function generateMetadata({ params }: Props): Promise { + const { slug } = await params + const post = BLOG_POSTS.find((p) => p.slug === slug) + if (!post) return { title: "Post Not Found" } + return { + title: post.title, + description: post.excerpt, + openGraph: { + title: post.title, + description: post.excerpt, + images: [{ url: post.image }], + }, + } +} + +export default async function BlogPostPage({ params }: Props) { + const { slug } = await params + const post = BLOG_POSTS.find((p) => p.slug === slug) + if (!post) notFound() + + return ( +
+
+
+
+
+
+
{post.date}
+
·
+
{post.category}
+
+
+

{post.title}

+
+
+

{post.excerpt}

+
+
+
+
+
+
+ {post.imageAlt} +
+
+
+
+
+
+
+
+
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

+

Key Insights

+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

+

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

+

Looking Ahead

+

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

+
+
+
+
+
+ +
+
Back to all articles
+
+ + + +
+
+
+
+ +
+
+
+
+
+ ) +} diff --git a/app/blog/page.tsx b/app/blog/page.tsx new file mode 100644 index 0000000..a0b4e64 --- /dev/null +++ b/app/blog/page.tsx @@ -0,0 +1,21 @@ +import type { Metadata } from "next" +import { HeroSection, CtaSection, PostsGridSection } from "@/components/blog" + +export const metadata: Metadata = { + title: "Blog", + description: "Insights on AI, machine learning, and the future of software development from the DalCode team.", + openGraph: { + title: "DalCode Blog", + description: "Insights on AI, machine learning, and the future of software development.", + }, +} + +export default function BlogPage() { + return ( +
+ + + +
+ ) +} diff --git a/app/careers/[slug]/page.tsx b/app/careers/[slug]/page.tsx new file mode 100644 index 0000000..f3c2c42 --- /dev/null +++ b/app/careers/[slug]/page.tsx @@ -0,0 +1,105 @@ +import type { Metadata } from "next" +import Link from "next/link" +import { notFound } from "next/navigation" +import { CAREERS } from "@/lib/careers-data" + +interface Props { + params: Promise<{ slug: string }> +} + +export async function generateStaticParams() { + return CAREERS.map((career) => ({ slug: career.slug })) +} + +export async function generateMetadata({ params }: Props): Promise { + const { slug } = await params + const career = CAREERS.find((c) => c.slug === slug) + if (!career) return { title: "Position Not Found" } + return { + title: career.title, + description: career.description, + openGraph: { + title: `${career.title} - DalCode Careers`, + description: career.description, + }, + } +} + +export default async function CareerDetailPage({ params }: Props) { + const { slug } = await params + const career = CAREERS.find((c) => c.slug === slug) + if (!career) notFound() + + return ( +
+
+
+
+
+
+
{career.department}
+
·
+
{career.location}
+
·
+
{career.type}
+
+
+

{career.title}

+
+
+

{career.description}

+
+
+
+
+
+
+

About the role

+

We are looking for a {career.title} to join our {career.department} team. In this role, you will work alongside world-class engineers and researchers to push the boundaries of what's possible with AI.

+

Responsibilities

+
    +
  • Collaborate with cross-functional teams to design, develop, and deploy AI solutions
    • +
  • Contribute to research and development of novel AI architectures and algorithms
    • +
  • Write clean, maintainable, and well-tested code
    • +
  • Participate in code reviews and contribute to engineering best practices
    • +
  • Stay up-to-date with the latest developments in AI and machine learning
    • +
+

Requirements

+
    +
  • Strong background in computer science, mathematics, or a related field
    • +
  • Experience with modern AI/ML frameworks and tools
    • +
  • Excellent problem-solving and communication skills
    • +
  • Ability to work independently and as part of a team
    • +
+

What we offer

+
    +
  • Competitive salary and equity package
    • +
  • Comprehensive health, dental, and vision insurance
    • +
  • Flexible work arrangements
    • +
  • Learning and development budget
    • +
  • Regular team events and offsites
    • +
+
+
+
+
+
+ +
+
Back to all positions
+
+ + + +
+
+
+
+ +
+
+
+
+
+ ) +} diff --git a/app/careers/page.tsx b/app/careers/page.tsx new file mode 100644 index 0000000..d5fda28 --- /dev/null +++ b/app/careers/page.tsx @@ -0,0 +1,71 @@ +import type { Metadata } from "next" +import Link from "next/link" +import { CAREERS } from "@/lib/careers-data" + +export const metadata: Metadata = { + title: "Careers", + description: "Join our team and help shape the future of AI. Explore open positions at DalCode.", + openGraph: { + title: "Careers at DalCode", + description: "Join our team and help shape the future of AI.", + }, +} + +export default function CareersPage() { + return ( +
+
+
+
+
+
Careers
+
+

Join our team

+
+
+

We're looking for talented people to help us build the future of AI-powered development tools.

+
+
+
+
+
+
+
+ {CAREERS.map((career) => ( + +
+
+

{career.title}

+
+
{career.department}
+
·
+
{career.location}
+
·
+
{career.type}
+
+
+
+ + + +
+
+
+
+ + ))} +
+
+
+
+
+
+
+
+
+
+
+
+
+ ) +} diff --git a/app/coming-soon/page.tsx b/app/coming-soon/page.tsx new file mode 100644 index 0000000..9263ea4 --- /dev/null +++ b/app/coming-soon/page.tsx @@ -0,0 +1,39 @@ +import type { Metadata } from "next" +import Link from "next/link" + +export const metadata: Metadata = { + title: "Coming Soon", + description: "This page is coming soon. Stay tuned for updates.", +} + +export default function ComingSoonPage() { + return ( +
+
+
+
Coming soon
+
+

Under construction

+
+
+

We're working on something exciting. Check back soon for updates.

+
+
+ +
+
Back to home
+
+ + + +
+
+
+
+ +
+
+
+
+ ) +} diff --git a/app/contact/page.tsx b/app/contact/page.tsx new file mode 100644 index 0000000..a3a2953 --- /dev/null +++ b/app/contact/page.tsx @@ -0,0 +1,21 @@ +import type { Metadata } from "next" +import { HeroSection, FormSection, CardsSection } from "@/components/contact" + +export const metadata: Metadata = { + title: "Contact", + description: "Get in touch with the DalCode team. We'd love to hear from you about partnerships, support, or general inquiries.", + openGraph: { + title: "Contact DalCode", + description: "Get in touch with the DalCode team.", + }, +} + +export default function ContactPage() { + return ( +
+ + + +
+ ) +} diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c GIT binary patch literal 25931 zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83 zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO{pgX9699l+Qppw7jXaYf~-84xW z)w4x8?=youko|}Vr~(D$UXIbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0 zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%hJ){&rlvg`CDTj z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8( z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8) zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M>36U4Us zfgYWSiHZL3;lpWT=zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m z{DeR7?0-1^zVs&`AV6Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B@xiyCANc(l zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<fvZQ2zUz5WRc(UnFMKHwe1| zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU* zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5 z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0 zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4 z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7?r!zQTPPSv}{so2e>Fjs1{gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{ zdVUDbHm5`2taPUOY^MAGOw*>=s7=Gst=D+p+2yON!0%Hk` zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6 zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~ z9{AG(e|q3g5B%wYKRxiL2Y$8(4w6bzchKuloQW#e&S3n+P- z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD= z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2 z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3 zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@a|r-@d#f7 z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5 zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1 zrO6RSXHH}DMc$&|?D004DiOVMHV8kXCP@7NKB zgaZq^^O<7PoKEp72kby@W0Z!Y*Ay{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a zuDZDTN}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI z9X4UlIWA|ZYHgbI z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M zEMyTDrC&9K$d|kZe2#ws6)L=7K+{ zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8> z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5EajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O& zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7giLVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c z?J;U~&FfH#*98^G?i}pA{ z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk zUiY$thvX;>Tby6z9Y1edAMQaiH zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V zG#-?gKlr}Eeqifb{|So?HM&g91P8|av8hQoCmQXkd?7wIJwb z_^v8bbg`SAn{I*4bH$u(RZ6*xUhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq36!pV6Az&m{O8$wGFD? zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH( zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x z);_{lY<;);XzT`dBFpRmGrr}z5u1=pC^S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a( z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F= zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk($?Qw({erA$^bC;q33hv!d!>%wRhj# zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?- zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvhCL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ zy|Qn`hxx(58c70$E;L(X0uZZ72M1!6oeg)(cdKO ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC> z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111aH}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+ z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{ z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^ zb&uBN!Ja3UzYHK-CTyA5=L zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*IcmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$ z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G; zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8 zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU&68iRikRrHRW|ZxzRR^`eIGt zIeiDgVS>IeExKVRWW8-=A=yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_ zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v#ix45EVrcEhr>!NMhprl$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~&^=4?PL&nd8)`OfG#n zwAMN$1&>K++c{^|7<4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C zI@}scZlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7 zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S zb+9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc- zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I zgg{b=Iz}WkhCGj1M=hu4#Aw173YxIVbISaoc z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(O(a0e7oY=E( zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef LrJugUA?W`A8`#=m literal 0 HcmV?d00001 diff --git a/app/globals.css b/app/globals.css new file mode 100644 index 0000000..cbdd158 --- /dev/null +++ b/app/globals.css @@ -0,0 +1,92 @@ +@import "tailwindcss"; + +/* Webflow base resets are in webflow.css */ + +/* Dark mode: override Webflow CSS variables */ +.dark { + --core--colors--neutral--800: #f5f5f5; + --core--colors--neutral--700: #e0e0e0; + --core--colors--neutral--600: #a0a0a0; + --core--colors--neutral--500: #707070; + --core--colors--neutral--400: #2a2a2a; + --core--colors--neutral--300: #1e1e1e; + --core--colors--neutral--200: #161616; + --core--colors--neutral--100: #0d0d0d; + --font--colors--title: var(--core--colors--neutral--800); + --font--colors--paragraph: var(--core--colors--neutral--600); +} + +.dark body, +.dark .page-wrapper { + background-color: #0d0d0d; + color: #e0e0e0; +} + +.dark .section-small, +.dark .section, +.dark .hero-v1-grid-wrapper, +.dark .cta-section:not(.v4) { + background-color: #0d0d0d; +} + +.dark .border-wrapper, +.dark .corner-gradient-container:not(.row) { + background-color: #141414; +} + +.dark .input:not(.dark-mode) { + background-color: #1a1a1a; + border-color: #2a2a2a; + color: #e0e0e0; +} + +.dark .input:not(.dark-mode)::placeholder { + color: #666; +} + +.dark .header-wrapper, +.dark .header-wrapper---absolute { + background-color: rgba(13, 13, 13, 0.9); + backdrop-filter: blur(12px); +} + +.dark .link .link-text { + color: #d0d0d0; +} + +.dark .footer-wrapper { + background-color: #0a0a0a; +} + +/* Show/hide elements based on theme */ +.show-dark-mode { + display: none; +} + +.dark .show-dark-mode { + display: block; +} + +.dark .show-light-mode { + display: none; +} + +/* Theme toggle button */ +.theme-toggle { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border-radius: 8px; + border: 1px solid var(--core--colors--neutral--400); + background: transparent; + cursor: pointer; + color: var(--core--colors--neutral--700); + transition: background-color 0.2s, color 0.2s; +} + +.theme-toggle:hover { + background-color: var(--core--colors--neutral--300); +} + diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 0000000..8defc88 --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,62 @@ +import type { Metadata } from "next" +import { Inter, Inter_Tight } from "next/font/google" +import { ThemeProvider } from "next-themes" +import Header from "@/components/Header" +import Footer from "@/components/Footer" +import GsapAnimations from "@/components/GsapAnimations" +import RevealObserver from "@/components/RevealObserver" +import PageTransition from "@/components/PageTransition" +import "./webflow.css" +import "./globals.css" + +const inter = Inter({ + subsets: ["latin"], + weight: ["400", "500", "600"], + variable: "--font-inter", + display: "swap", +}) + +const interTight = Inter_Tight({ + subsets: ["latin"], + weight: ["400", "500", "600"], + variable: "--font-inter-tight", + display: "swap", +}) + +export const metadata: Metadata = { + title: { + default: "DalCode - AI Code Intelligence", + template: "%s | DalCode", + }, + description: "DalCode - AI-powered code intelligence platform for innovation-driven teams.", + openGraph: { + type: "website", + siteName: "DalCode", + }, +} + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode +}>) { + return ( + + + +
+
+ {children} +
+
+ + + + + + ) +} diff --git a/app/not-found.tsx b/app/not-found.tsx new file mode 100644 index 0000000..b919614 --- /dev/null +++ b/app/not-found.tsx @@ -0,0 +1,24 @@ +import Link from "next/link" + +export default function NotFound() { + return ( +
+
+
+
404
+
+

Page not found

+
+
+

The page you're looking for doesn't exist or has been moved.

+
+
+ + Back to home + +
+
+
+
+ ) +} diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000..739f2d9 --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,23 @@ +import type { Metadata } from "next" +import { HeroSection, IntegrationsSection, PrinciplesSection, CtaSection, BlogPreviewSection } from "@/components/home" + +export const metadata: Metadata = { + title: "DalCode - AI Code Intelligence Platform", + description: "Transform your development workflow with AI-powered code intelligence. DalCode helps innovation-driven teams ship faster with smart automation and deep code understanding.", + openGraph: { + title: "DalCode - AI Code Intelligence Platform", + description: "Transform your development workflow with AI-powered code intelligence.", + }, +} + +export default function HomePage() { + return ( +
+ + + + + +
+ ) +} diff --git a/app/team-members/[id]/page.tsx b/app/team-members/[id]/page.tsx new file mode 100644 index 0000000..fedc3ab --- /dev/null +++ b/app/team-members/[id]/page.tsx @@ -0,0 +1,116 @@ +import type { Metadata } from "next" +import Image from "next/image" +import Link from "next/link" +import { notFound } from "next/navigation" +import { TEAM_MEMBERS } from "@/lib/team-data" + +interface Props { + params: Promise<{ id: string }> +} + +export async function generateStaticParams() { + return TEAM_MEMBERS.map((member) => ({ id: member.slug })) +} + +export async function generateMetadata({ params }: Props): Promise { + const { id } = await params + const member = TEAM_MEMBERS.find((m) => m.slug === id) + if (!member) return { title: "Team Member Not Found" } + return { + title: member.name, + description: `${member.name} - ${member.role} at DalCode`, + openGraph: { + title: `${member.name} - ${member.role}`, + description: member.bio, + images: [{ url: member.image }], + }, + } +} + +export default async function TeamMemberPage({ params }: Props) { + const { id } = await params + const member = TEAM_MEMBERS.find((m) => m.slug === id) + if (!member) notFound() + + return ( +
+
+
+
+
+
+ {member.name} +
+
+

{member.name}

+
+
+
{member.role}
+
+
+

{member.bio}

+
+
+
+
+
+
+

About

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

+

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

+
+
+
+
+
+ +
+
+ +
+
Back to team
+
+ + + +
+
+
+
+ +
+
+
+
+
+ ) +} diff --git a/app/webflow.css b/app/webflow.css new file mode 100644 index 0000000..5a1bae9 --- /dev/null +++ b/app/webflow.css @@ -0,0 +1,11061 @@ +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + font-family: sans-serif; +} + +body { + margin: 0; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; +} + +audio, canvas, progress, video { + vertical-align: baseline; + display: inline-block; +} + +audio:not([controls]) { + height: 0; + display: none; +} + +[hidden], template { + display: none; +} + +a { + background-color: #0000; +} + +a:active, a:hover { + outline: 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +h1 { + margin: .67em 0; + font-size: 2em; +} + +mark { + color: #000; + background: #ff0; +} + +small { + font-size: 80%; +} + +sub, sup { + vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; +} + +sup { + top: -.5em; +} + +sub { + bottom: -.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +hr { + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, kbd, pre, samp { + font-family: monospace; + font-size: 1em; +} + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, select { + text-transform: none; +} + +button, html input[type="button"], input[type="reset"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: none; +} + +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, th { + padding: 0; +} + +@font-face { + font-family: webflow-icons; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); + font-weight: normal; + font-style: normal; +} + +[class^="w-icon-"], [class*=" w-icon-"] { + speak: none; + font-variant: normal; + text-transform: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-style: normal; + font-weight: normal; + line-height: 1; + font-family: webflow-icons !important; +} + +.w-icon-slider-right:before { + content: ""; +} + +.w-icon-slider-left:before { + content: ""; +} + +.w-icon-nav-menu:before { + content: ""; +} + +.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { + content: ""; +} + +.w-icon-file-upload-remove:before { + content: ""; +} + +.w-icon-file-upload-icon:before { + content: ""; +} + +* { + box-sizing: border-box; +} + +html { + height: 100%; +} + +body { + color: #333; + background-color: #fff; + min-height: 100%; + margin: 0; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; +} + +img { + vertical-align: middle; + max-width: 100%; + display: inline-block; +} + +html.w-mod-touch * { + background-attachment: scroll !important; +} + +.w-block { + display: block; +} + +.w-inline-block { + max-width: 100%; + display: inline-block; +} + +.w-clearfix:before, .w-clearfix:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-clearfix:after { + clear: both; +} + +.w-hidden { + display: none; +} + +.w-button { + color: #fff; + line-height: inherit; + cursor: pointer; + background-color: #3898ec; + border: 0; + border-radius: 0; + padding: 9px 15px; + text-decoration: none; + display: inline-block; +} + +input.w-button { + -webkit-appearance: button; +} + +html[data-w-dynpage] [data-w-cloak] { + color: #0000 !important; +} + +.w-code-block { + margin: unset; +} + +pre.w-code-block code { + all: inherit; +} + +.w-optimization { + display: contents; +} + +.w-webflow-badge, .w-webflow-badge > img { + box-sizing: unset; + width: unset; + height: unset; + max-height: unset; + max-width: unset; + min-height: unset; + min-width: unset; + margin: unset; + padding: unset; + float: unset; + clear: unset; + border: unset; + border-radius: unset; + background: unset; + background-image: unset; + background-position: unset; + background-size: unset; + background-repeat: unset; + background-origin: unset; + background-clip: unset; + background-attachment: unset; + background-color: unset; + box-shadow: unset; + transform: unset; + direction: unset; + font-family: unset; + font-weight: unset; + color: unset; + font-size: unset; + line-height: unset; + font-style: unset; + font-variant: unset; + text-align: unset; + letter-spacing: unset; + -webkit-text-decoration: unset; + text-decoration: unset; + text-indent: unset; + text-transform: unset; + list-style-type: unset; + text-shadow: unset; + vertical-align: unset; + cursor: unset; + white-space: unset; + word-break: unset; + word-spacing: unset; + word-wrap: unset; + transition: unset; +} + +.w-webflow-badge { + white-space: nowrap; + cursor: pointer; + box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; + visibility: visible !important; + opacity: 1 !important; + z-index: 2147483647 !important; + color: #aaadb0 !important; + overflow: unset !important; + background-color: #fff !important; + border-radius: 3px !important; + width: auto !important; + height: auto !important; + margin: 0 !important; + padding: 6px !important; + font-size: 12px !important; + line-height: 14px !important; + text-decoration: none !important; + display: inline-block !important; + position: fixed !important; + inset: auto 12px 12px auto !important; + transform: none !important; +} + +.w-webflow-badge > img { + position: unset; + visibility: unset !important; + opacity: 1 !important; + vertical-align: middle !important; + display: inline-block !important; +} + +h1, h2, h3, h4, h5, h6 { + margin-bottom: 10px; + font-weight: bold; +} + +h1 { + margin-top: 20px; + font-size: 38px; + line-height: 44px; +} + +h2 { + margin-top: 20px; + font-size: 32px; + line-height: 36px; +} + +h3 { + margin-top: 20px; + font-size: 24px; + line-height: 30px; +} + +h4 { + margin-top: 10px; + font-size: 18px; + line-height: 24px; +} + +h5 { + margin-top: 10px; + font-size: 14px; + line-height: 20px; +} + +h6 { + margin-top: 10px; + font-size: 12px; + line-height: 18px; +} + +p { + margin-top: 0; + margin-bottom: 10px; +} + +blockquote { + border-left: 5px solid #e2e2e2; + margin: 0 0 10px; + padding: 10px 20px; + font-size: 18px; + line-height: 22px; +} + +figure { + margin: 0 0 10px; +} + +figcaption { + text-align: center; + margin-top: 5px; +} + +ul, ol { + margin-top: 0; + margin-bottom: 10px; + padding-left: 40px; +} + +.w-list-unstyled { + padding-left: 0; + list-style: none; +} + +.w-embed:before, .w-embed:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-embed:after { + clear: both; +} + +.w-video { + width: 100%; + padding: 0; + position: relative; +} + +.w-video iframe, .w-video object, .w-video embed { + border: none; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +button, [type="button"], [type="reset"] { + cursor: pointer; + -webkit-appearance: button; + border: 0; +} + +.w-form { + margin: 0 0 15px; +} + +.w-form-done { + text-align: center; + background-color: #ddd; + padding: 20px; + display: none; +} + +.w-form-fail { + background-color: #ffdede; + margin-top: 10px; + padding: 10px; + display: none; +} + +label { + margin-bottom: 5px; + font-weight: bold; + display: block; +} + +.w-input, .w-select { + color: #333; + vertical-align: middle; + background-color: #fff; + border: 1px solid #ccc; + width: 100%; + height: 38px; + margin-bottom: 10px; + padding: 8px 12px; + font-size: 14px; + line-height: 1.42857; + display: block; +} + +.w-input::placeholder, .w-select::placeholder { + color: #999; +} + +.w-input:focus, .w-select:focus { + border-color: #3898ec; + outline: 0; +} + +.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { + cursor: not-allowed; +} + +.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { + background-color: #eee; +} + +textarea.w-input, textarea.w-select { + height: auto; +} + +.w-select { + background-color: #f3f3f3; +} + +.w-select[multiple] { + height: auto; +} + +.w-form-label { + cursor: pointer; + margin-bottom: 0; + font-weight: normal; + display: inline-block; +} + +.w-radio { + margin-bottom: 5px; + padding-left: 20px; + display: block; +} + +.w-radio:before, .w-radio:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-radio:after { + clear: both; +} + +.w-radio-input { + float: left; + margin: 3px 0 0 -20px; + line-height: normal; +} + +.w-file-upload { + margin-bottom: 10px; + display: block; +} + +.w-file-upload-input { + opacity: 0; + z-index: -100; + width: .1px; + height: .1px; + position: absolute; + overflow: hidden; +} + +.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { + color: #333; + display: inline-block; +} + +.w-file-upload-error { + margin-top: 10px; + display: block; +} + +.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { + display: none; +} + +.w-file-upload-uploading-btn { + cursor: pointer; + background-color: #fafafa; + border: 1px solid #ccc; + margin: 0; + padding: 8px 12px; + font-size: 14px; + font-weight: normal; + display: flex; +} + +.w-file-upload-file { + background-color: #fafafa; + border: 1px solid #ccc; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + display: flex; +} + +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block; +} + +.w-file-remove-link { + cursor: pointer; + width: auto; + height: auto; + margin-top: 3px; + margin-left: 10px; + padding: 3px; + display: block; +} + +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px; +} + +.w-file-upload-error-msg { + color: #ea384c; + padding: 2px 0; + display: inline-block; +} + +.w-file-upload-info { + padding: 0 12px; + line-height: 38px; + display: inline-block; +} + +.w-file-upload-label { + cursor: pointer; + background-color: #fafafa; + border: 1px solid #ccc; + margin: 0; + padding: 8px 12px; + font-size: 14px; + font-weight: normal; + display: inline-block; +} + +.w-icon-file-upload-icon, .w-icon-file-upload-uploading { + width: 20px; + margin-right: 8px; + display: inline-block; +} + +.w-icon-file-upload-uploading { + height: 20px; +} + +.w-container { + max-width: 940px; + margin-left: auto; + margin-right: auto; +} + +.w-container:before, .w-container:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-container:after { + clear: both; +} + +.w-container .w-row { + margin-left: -10px; + margin-right: -10px; +} + +.w-row:before, .w-row:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-row:after { + clear: both; +} + +.w-row .w-row { + margin-left: 0; + margin-right: 0; +} + +.w-col { + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px; + position: relative; +} + +.w-col .w-col { + padding-left: 0; + padding-right: 0; +} + +.w-col-1 { + width: 8.33333%; +} + +.w-col-2 { + width: 16.6667%; +} + +.w-col-3 { + width: 25%; +} + +.w-col-4 { + width: 33.3333%; +} + +.w-col-5 { + width: 41.6667%; +} + +.w-col-6 { + width: 50%; +} + +.w-col-7 { + width: 58.3333%; +} + +.w-col-8 { + width: 66.6667%; +} + +.w-col-9 { + width: 75%; +} + +.w-col-10 { + width: 83.3333%; +} + +.w-col-11 { + width: 91.6667%; +} + +.w-col-12 { + width: 100%; +} + +.w-hidden-main { + display: none !important; +} + +@media screen and (max-width: 991px) { + .w-container { + max-width: 728px; + } + + .w-hidden-main { + display: inherit !important; + } + + .w-hidden-medium { + display: none !important; + } + + .w-col-medium-1 { + width: 8.33333%; + } + + .w-col-medium-2 { + width: 16.6667%; + } + + .w-col-medium-3 { + width: 25%; + } + + .w-col-medium-4 { + width: 33.3333%; + } + + .w-col-medium-5 { + width: 41.6667%; + } + + .w-col-medium-6 { + width: 50%; + } + + .w-col-medium-7 { + width: 58.3333%; + } + + .w-col-medium-8 { + width: 66.6667%; + } + + .w-col-medium-9 { + width: 75%; + } + + .w-col-medium-10 { + width: 83.3333%; + } + + .w-col-medium-11 { + width: 91.6667%; + } + + .w-col-medium-12 { + width: 100%; + } + + .w-col-stack { + width: 100%; + left: auto; + right: auto; + } +} + +@media screen and (max-width: 767px) { + .w-hidden-main, .w-hidden-medium { + display: inherit !important; + } + + .w-hidden-small { + display: none !important; + } + + .w-row, .w-container .w-row { + margin-left: 0; + margin-right: 0; + } + + .w-col { + width: 100%; + left: auto; + right: auto; + } + + .w-col-small-1 { + width: 8.33333%; + } + + .w-col-small-2 { + width: 16.6667%; + } + + .w-col-small-3 { + width: 25%; + } + + .w-col-small-4 { + width: 33.3333%; + } + + .w-col-small-5 { + width: 41.6667%; + } + + .w-col-small-6 { + width: 50%; + } + + .w-col-small-7 { + width: 58.3333%; + } + + .w-col-small-8 { + width: 66.6667%; + } + + .w-col-small-9 { + width: 75%; + } + + .w-col-small-10 { + width: 83.3333%; + } + + .w-col-small-11 { + width: 91.6667%; + } + + .w-col-small-12 { + width: 100%; + } +} + +@media screen and (max-width: 479px) { + .w-container { + max-width: none; + } + + .w-hidden-main, .w-hidden-medium, .w-hidden-small { + display: inherit !important; + } + + .w-hidden-tiny { + display: none !important; + } + + .w-col { + width: 100%; + } + + .w-col-tiny-1 { + width: 8.33333%; + } + + .w-col-tiny-2 { + width: 16.6667%; + } + + .w-col-tiny-3 { + width: 25%; + } + + .w-col-tiny-4 { + width: 33.3333%; + } + + .w-col-tiny-5 { + width: 41.6667%; + } + + .w-col-tiny-6 { + width: 50%; + } + + .w-col-tiny-7 { + width: 58.3333%; + } + + .w-col-tiny-8 { + width: 66.6667%; + } + + .w-col-tiny-9 { + width: 75%; + } + + .w-col-tiny-10 { + width: 83.3333%; + } + + .w-col-tiny-11 { + width: 91.6667%; + } + + .w-col-tiny-12 { + width: 100%; + } +} + +.w-widget { + position: relative; +} + +.w-widget-map { + width: 100%; + height: 400px; +} + +.w-widget-map label { + width: auto; + display: inline; +} + +.w-widget-map img { + max-width: inherit; +} + +.w-widget-map .gm-style-iw { + text-align: center; +} + +.w-widget-map .gm-style-iw > button { + display: none !important; +} + +.w-widget-twitter { + overflow: hidden; +} + +.w-widget-twitter-count-shim { + vertical-align: top; + text-align: center; + background: #fff; + border: 1px solid #758696; + border-radius: 3px; + width: 28px; + height: 20px; + display: inline-block; + position: relative; +} + +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + user-select: none; +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + text-align: center; + color: #999; + font-family: serif; + font-size: 15px; + line-height: 12px; + position: relative; +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + display: block; + position: relative; +} + +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px; +} + +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px; +} + +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px; +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px; +} + +.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { + content: " "; + pointer-events: none; + border: solid #0000; + width: 0; + height: 0; + position: absolute; + top: 50%; + left: 0; +} + +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-width: 4px; + border-color: #75869600 #5d6c7b #75869600 #75869600; + margin-top: -4px; + margin-left: -9px; +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-top: -5px; + margin-left: -10px; +} + +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-width: 4px; + border-color: #fff0 #fff #fff0 #fff0; + margin-top: -4px; + margin-left: -8px; +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-top: -5px; + margin-left: -9px; +} + +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px; +} + +.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { + content: " "; + pointer-events: none; + border: solid #0000; + width: 0; + height: 0; + position: absolute; + top: 100%; + left: 50%; +} + +.w-widget-twitter-count-shim.w--vertical:before { + border-width: 5px; + border-color: #5d6c7b #75869600 #75869600; + margin-left: -5px; +} + +.w-widget-twitter-count-shim.w--vertical:after { + border-width: 4px; + border-color: #fff #fff0 #fff0; + margin-left: -4px; +} + +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px; +} + +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px; +} + +.w-background-video { + color: #fff; + height: 500px; + position: relative; + overflow: hidden; +} + +.w-background-video > video { + object-fit: cover; + z-index: -100; + background-position: 50%; + background-size: cover; + width: 100%; + height: 100%; + margin: auto; + position: absolute; + inset: -100%; +} + +.w-background-video > video::-webkit-media-controls-start-playback-button { + -webkit-appearance: none; + display: none !important; +} + +.w-background-video--control { + background-color: #0000; + padding: 0; + position: absolute; + bottom: 1em; + right: 1em; +} + +.w-background-video--control > [hidden] { + display: none !important; +} + +.w-slider { + text-align: center; + clear: both; + -webkit-tap-highlight-color: #0000; + tap-highlight-color: #0000; + background: #ddd; + height: 300px; + position: relative; +} + +.w-slider-mask { + z-index: 1; + white-space: nowrap; + height: 100%; + display: block; + position: relative; + left: 0; + right: 0; + overflow: hidden; +} + +.w-slide { + vertical-align: top; + white-space: normal; + text-align: left; + width: 100%; + height: 100%; + display: inline-block; + position: relative; +} + +.w-slider-nav { + z-index: 2; + text-align: center; + -webkit-tap-highlight-color: #0000; + tap-highlight-color: #0000; + height: 40px; + margin: auto; + padding-top: 10px; + position: absolute; + inset: auto 0 0; +} + +.w-slider-nav.w-round > div { + border-radius: 100%; +} + +.w-slider-nav.w-num > div { + font-size: inherit; + line-height: inherit; + width: auto; + height: auto; + padding: .2em .5em; +} + +.w-slider-nav.w-shadow > div { + box-shadow: 0 0 3px #3336; +} + +.w-slider-nav-invert { + color: #fff; +} + +.w-slider-nav-invert > div { + background-color: #2226; +} + +.w-slider-nav-invert > div.w-active { + background-color: #222; +} + +.w-slider-dot { + cursor: pointer; + background-color: #fff6; + width: 1em; + height: 1em; + margin: 0 3px .5em; + transition: background-color .1s, color .1s; + display: inline-block; + position: relative; +} + +.w-slider-dot.w-active { + background-color: #fff; +} + +.w-slider-dot:focus { + outline: none; + box-shadow: 0 0 0 2px #fff; +} + +.w-slider-dot:focus.w-active { + box-shadow: none; +} + +.w-slider-arrow-left, .w-slider-arrow-right { + cursor: pointer; + color: #fff; + -webkit-tap-highlight-color: #0000; + tap-highlight-color: #0000; + -webkit-user-select: none; + user-select: none; + width: 80px; + margin: auto; + font-size: 40px; + position: absolute; + inset: 0; + overflow: hidden; +} + +.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { + position: absolute; +} + +.w-slider-arrow-left:focus, .w-slider-arrow-right:focus { + outline: 0; +} + +.w-slider-arrow-left { + z-index: 3; + right: auto; +} + +.w-slider-arrow-right { + z-index: 4; + left: auto; +} + +.w-icon-slider-left, .w-icon-slider-right { + width: 1em; + height: 1em; + margin: auto; + inset: 0; +} + +.w-slider-aria-label { + clip: rect(0 0 0 0); + border: 0; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + position: absolute; + overflow: hidden; +} + +.w-slider-force-show { + display: block !important; +} + +.w-dropdown { + text-align: left; + z-index: 900; + margin-left: auto; + margin-right: auto; + display: inline-block; + position: relative; +} + +.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { + vertical-align: top; + color: #222; + text-align: left; + white-space: nowrap; + margin-left: auto; + margin-right: auto; + padding: 20px; + text-decoration: none; + position: relative; +} + +.w-dropdown-toggle { + -webkit-user-select: none; + user-select: none; + cursor: pointer; + padding-right: 40px; + display: inline-block; +} + +.w-dropdown-toggle:focus { + outline: 0; +} + +.w-icon-dropdown-toggle { + width: 1em; + height: 1em; + margin: auto 20px auto auto; + position: absolute; + top: 0; + bottom: 0; + right: 0; +} + +.w-dropdown-list { + background: #ddd; + min-width: 100%; + display: none; + position: absolute; +} + +.w-dropdown-list.w--open { + display: block; +} + +.w-dropdown-link { + color: #222; + padding: 10px 20px; + display: block; +} + +.w-dropdown-link.w--current { + color: #0082f3; +} + +.w-dropdown-link:focus { + outline: 0; +} + +@media screen and (max-width: 767px) { + .w-nav-brand { + padding-left: 10px; + } +} + +.w-lightbox-backdrop { + cursor: auto; + letter-spacing: normal; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + color: #fff; + text-align: center; + z-index: 2000; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -webkit-tap-highlight-color: transparent; + background: #000000e6; + outline: 0; + font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; + font-size: 17px; + font-style: normal; + font-weight: 300; + line-height: 1.2; + list-style: disc; + position: fixed; + inset: 0; + -webkit-transform: translate(0); +} + +.w-lightbox-backdrop, .w-lightbox-container { + -webkit-overflow-scrolling: touch; + height: 100%; + overflow: auto; +} + +.w-lightbox-content { + height: 100vh; + position: relative; + overflow: hidden; +} + +.w-lightbox-view { + opacity: 0; + width: 100vw; + height: 100vh; + position: absolute; +} + +.w-lightbox-view:before { + content: ""; + height: 100vh; +} + +.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { + height: 86vh; +} + +.w-lightbox-frame, .w-lightbox-view:before { + vertical-align: middle; + display: inline-block; +} + +.w-lightbox-figure { + margin: 0; + position: relative; +} + +.w-lightbox-group .w-lightbox-figure { + cursor: pointer; +} + +.w-lightbox-img { + width: auto; + max-width: none; + height: auto; +} + +.w-lightbox-image { + float: none; + max-width: 100vw; + max-height: 100vh; + display: block; +} + +.w-lightbox-group .w-lightbox-image { + max-height: 86vh; +} + +.w-lightbox-caption { + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + background: #0006; + padding: .5em 1em; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; +} + +.w-lightbox-embed { + width: 100%; + height: 100%; + position: absolute; + inset: 0; +} + +.w-lightbox-control { + cursor: pointer; + background-position: center; + background-repeat: no-repeat; + background-size: 24px; + width: 4em; + transition: all .3s; + position: absolute; + top: 0; +} + +.w-lightbox-left { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); + display: none; + bottom: 0; + left: 0; +} + +.w-lightbox-right { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); + display: none; + bottom: 0; + right: 0; +} + +.w-lightbox-close { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px; + height: 2.6em; + right: 0; +} + +.w-lightbox-strip { + white-space: nowrap; + padding: 0 1vh; + line-height: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow: auto hidden; +} + +.w-lightbox-item { + box-sizing: content-box; + cursor: pointer; + width: 10vh; + padding: 2vh 1vh; + display: inline-block; + -webkit-transform: translate3d(0, 0, 0); +} + +.w-lightbox-active { + opacity: .3; +} + +.w-lightbox-thumbnail { + background: #222; + height: 10vh; + position: relative; + overflow: hidden; +} + +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0; +} + +.w-lightbox-thumbnail .w-lightbox-tall { + width: 100%; + top: 50%; + transform: translate(0, -50%); +} + +.w-lightbox-thumbnail .w-lightbox-wide { + height: 100%; + left: 50%; + transform: translate(-50%); +} + +.w-lightbox-spinner { + box-sizing: border-box; + border: 5px solid #0006; + border-radius: 50%; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + animation: .8s linear infinite spin; + position: absolute; + top: 50%; + left: 50%; +} + +.w-lightbox-spinner:after { + content: ""; + border: 3px solid #0000; + border-bottom-color: #fff; + border-radius: 50%; + position: absolute; + inset: -4px; +} + +.w-lightbox-hide { + display: none; +} + +.w-lightbox-noscroll { + overflow: hidden; +} + +@media (min-width: 768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh; + } + + .w-lightbox-view, .w-lightbox-view:before { + height: 96vh; + } + + .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { + height: 84vh; + } + + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh; + } + + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh; + } + + .w-lightbox-left, .w-lightbox-right { + opacity: .5; + display: block; + } + + .w-lightbox-close { + opacity: .8; + } + + .w-lightbox-control:hover { + opacity: 1; + } +} + +.w-lightbox-inactive, .w-lightbox-inactive:hover { + opacity: 0; +} + +.w-richtext:before, .w-richtext:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-richtext:after { + clear: both; +} + +.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { + white-space: initial; +} + +.w-richtext ol, .w-richtext ul { + overflow: hidden; +} + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7; +} + +.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { + content: ""; + display: none; + position: absolute; + inset: 0; +} + +.w-richtext figure { + max-width: 60%; + position: relative; +} + +.w-richtext figure > div:before { + cursor: default !important; +} + +.w-richtext figure img { + width: 100%; +} + +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: .6; +} + +.w-richtext figure div { + color: #0000; + font-size: 0; +} + +.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { + display: table; +} + +.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { + display: inline-block; +} + +.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { + caption-side: bottom; + display: table-caption; +} + +.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0; +} + +.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} + +.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { + width: 100%; +} + +.w-richtext figure.w-richtext-align-center { + clear: both; + margin-left: auto; + margin-right: auto; +} + +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { + max-width: 100%; +} + +.w-richtext figure.w-richtext-align-normal { + clear: both; +} + +.w-richtext figure.w-richtext-align-fullwidth { + text-align: center; + clear: both; + width: 100%; + max-width: 100%; + margin-left: auto; + margin-right: auto; + display: block; +} + +.w-richtext figure.w-richtext-align-fullwidth > div { + padding-bottom: inherit; + display: inline-block; +} + +.w-richtext figure.w-richtext-align-fullwidth > figcaption { + display: block; +} + +.w-richtext figure.w-richtext-align-floatleft { + float: left; + clear: none; + margin-right: 15px; +} + +.w-richtext figure.w-richtext-align-floatright { + float: right; + clear: none; + margin-left: 15px; +} + +.w-nav { + z-index: 1000; + background: #ddd; + position: relative; +} + +.w-nav:before, .w-nav:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-nav:after { + clear: both; +} + +.w-nav-brand { + float: left; + color: #333; + text-decoration: none; + position: relative; +} + +.w-nav-link { + vertical-align: top; + color: #222; + text-align: left; + margin-left: auto; + margin-right: auto; + padding: 20px; + text-decoration: none; + display: inline-block; + position: relative; +} + +.w-nav-link.w--current { + color: #0082f3; +} + +.w-nav-menu { + float: right; + position: relative; +} + +[data-nav-menu-open] { + text-align: center; + background: #c8c8c8; + min-width: 200px; + position: absolute; + top: 100%; + left: 0; + right: 0; + overflow: visible; + display: block !important; +} + +.w--nav-link-open { + display: block; + position: relative; +} + +.w-nav-overlay { + width: 100%; + display: none; + position: absolute; + top: 100%; + left: 0; + right: 0; + overflow: hidden; +} + +.w-nav-overlay [data-nav-menu-open] { + top: 0; +} + +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto; +} + +.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { + z-index: 1; + top: 0; + right: auto; +} + +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto; +} + +.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { + z-index: 1; + top: 0; + left: auto; +} + +.w-nav-button { + float: right; + cursor: pointer; + -webkit-tap-highlight-color: #0000; + tap-highlight-color: #0000; + -webkit-user-select: none; + user-select: none; + padding: 18px; + font-size: 24px; + display: none; + position: relative; +} + +.w-nav-button:focus { + outline: 0; +} + +.w-nav-button.w--open { + color: #fff; + background-color: #c8c8c8; +} + +.w-nav[data-collapse="all"] .w-nav-menu { + display: none; +} + +.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { + display: block; +} + +.w--nav-dropdown-list-open { + position: static; +} + +@media screen and (max-width: 991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none; + } + + .w-nav[data-collapse="medium"] .w-nav-button { + display: block; + } +} + +@media screen and (max-width: 767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none; + } + + .w-nav[data-collapse="small"] .w-nav-button { + display: block; + } + + .w-nav-brand { + padding-left: 10px; + } +} + +@media screen and (max-width: 479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none; + } + + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block; + } +} + +.w-tabs { + position: relative; +} + +.w-tabs:before, .w-tabs:after { + content: " "; + grid-area: 1 / 1 / 2 / 2; + display: table; +} + +.w-tabs:after { + clear: both; +} + +.w-tab-menu { + position: relative; +} + +.w-tab-link { + vertical-align: top; + text-align: left; + cursor: pointer; + color: #222; + background-color: #ddd; + padding: 9px 30px; + text-decoration: none; + display: inline-block; + position: relative; +} + +.w-tab-link.w--current { + background-color: #c8c8c8; +} + +.w-tab-link:focus { + outline: 0; +} + +.w-tab-content { + display: block; + position: relative; + overflow: hidden; +} + +.w-tab-pane { + display: none; + position: relative; +} + +.w--tab-active { + display: block; +} + +@media screen and (max-width: 479px) { + .w-tab-link { + display: block; + } +} + +.w-ix-emptyfix:after { + content: ""; +} + +@keyframes spin { + 0% { + transform: rotate(0); + } + + 100% { + transform: rotate(360deg); + } +} + +.w-dyn-empty { + background-color: #ddd; + padding: 10px; +} + +.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { + display: none !important; +} + +.wf-layout-layout { + display: grid; +} + +@font-face { + font-family: Social Media Icon Font Brix; + src: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b15_social-media-icon-font-brix.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: Line Rounded Icon Font Brix; + src: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a342b7066c56fa60eb3b18_line-rounded-icon-font-brix.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +:root { + --_typography---font--family--primary-font: "Inter Tight", sans-serif; + --font--colors--paragraph: var(--core--colors--neutral--600); + --_typography---font-size--paragraphs--default: 1rem; + --_typography---line-height--large: 1.5em; + --_typography---letter-spacing--regular: -.03em; + --font--colors--title: var(--core--colors--neutral--800); + --_typography---font-size--displays--display-9: 2.8rem; + --_typography---line-height--small: 1.15em; + --_typography---font-size--displays--display-7: 2.25rem; + --_typography---line-height--regular: 1.25em; + --_typography---font-size--displays--display-6: 1.875rem; + --_typography---font-size--displays--display-5: 1.5rem; + --_typography---font-size--displays--display-3: 1.125rem; + --_typography---font-size--displays--display-2: 1rem; + --core--colors--neutral--700: #292929; + --_spacers---main-spacers--small: 24px; + --_spacers---main-spacers--large: 48px; + --core--colors--neutral--800: #161616; + --core--colors--neutral--100: white; + --_typography---font-size--paragraphs--large: 1.125rem; + --_spacers---main-spacers--regular: 32px; + --_spacers---main-spacers--extra-small: 20px; + --_spacers---main-spacers--2x-extra-small: 16px; + --core--colors--neutral--400: #e3e3e3; + --core--colors--neutral--300: #f3f3f3; + --font--colors--title-dm: var(--core--colors--neutral--100); + --font--colors--paragraph-dm: var(--core--colors--neutral--300); + --core--colors--neutral--600: #505050; + --_spacers---main-spacers--4x-extra-small: 8px; + --_typography---font-size--displays--display-1: .875rem; + --font--title-dm\: var(--neutral--100\); + --neutral-700-opacity-30: #2929294d; + --_typography---font-size--paragraphs--small: .875rem; + --_spacers---main-spacers--2x-extra-large: 64px; + --_spacers---main-spacers--medium: 40px; + --_spacers---main-spacers--5x-extra-large: 100px; + --_spacers---main-spacers--4x-extra-large: 80px; + --_spacers---main-spacers--3x-extra-small: 12px; + --core--colors--neutral--200: #fbfbfb; + --_typography---font-size--displays--display-8: 2.5rem; + --main-spacers--small\: 24px; + --main-spacers--2x-extra-small\: 16px; + --_typography---font-size--displays--display-4: 1.25rem; + --core--colors--neutral--500: #ababab; + --_spacers---sections--paddings--pd-default: 140px; + --_spacers---sections--paddings--pd-2x-extra-small: 72px; + --_spacers---sections--paddings--pd-small: 120px; + --sections--paddings--pd-extra-large\: 120px; + --sections--paddings--pd-large\: 100px; + --sections--paddings--pd-medium\: 80px; + --sections--paddings--pd-default\: 64px; + --_spacers---sections--paddings--pd-extra-small: 100px; + --_spacers---sizing--container--default: 1186px; + --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); + --core--colors--system--red-400: #fe566b; + --main-spacers--3x-extra-small\: 12px; + --_spacers---main-spacers--5x-extra-small: 4px; + --_spacers---main-spacers--extra-large: 56px; + --_spacers---main-spacers--3x-extra-large: 72px; + --_typography---font-size--displays--display-10: 3.2rem; + --core--colors--system--red-100: #fff5f6; + --core--colors--system--red-200: #fac6d0; + --core--colors--system--red-300: #fb93a3; + --core--colors--system--blue-100: #e3efff; + --core--colors--system--blue-200: #c3ddff; + --core--colors--system--blue-300: #8dc1ff; + --core--colors--system--blue-400: #64a7ff; + --core--colors--system--yellow-100: #fffae9; + --core--colors--system--yellow-200: #faedbf; + --core--colors--system--yellow-300: #fbe080; + --core--colors--system--yellow-400: #efc42c; + --core--colors--system--green-100: #eef9f5; + --core--colors--system--green-200: #e2fbea; + --core--colors--system--green-300: #adecbb; + --core--colors--system--green-400: #74d184; + --_typography---font-size--base-font: 1rem; + --_typography---letter-spacing--none: 0px; + --_typography---letter-spacing--small: -.01em; + --_typography---letter-spacing--large: -.05em; + --_spacers---border-radius--br-none: 0px; + --neutral--100\: white; +} + +.w-layout-blockcontainer { + max-width: 940px; + margin-left: auto; + margin-right: auto; + display: block; +} + +.w-layout-grid { + grid-row-gap: 16px; + grid-column-gap: 16px; + grid-template-rows: auto auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.w-pagination-wrapper { + flex-wrap: wrap; + justify-content: center; + display: flex; +} + +.w-pagination-previous, .w-pagination-next { + color: #333; + background-color: #fafafa; + border: 1px solid #ccc; + border-radius: 2px; + margin-left: 10px; + margin-right: 10px; + padding: 9px 20px; + font-size: 14px; + display: block; +} + +.w-page-count { + text-align: center; + width: 100%; + margin-top: 20px; +} + +@media screen and (max-width: 991px) { + .w-layout-blockcontainer { + max-width: 728px; + } +} + +@media screen and (max-width: 767px) { + .w-layout-blockcontainer { + max-width: none; + } +} + +body { + font-family: var(--_typography---font--family--primary-font); + color: var(--font--colors--paragraph); + font-size: var(--_typography---font-size--paragraphs--default); + line-height: var(--_typography---line-height--large); + letter-spacing: var(--_typography---letter-spacing--regular); + --_typography---font--family--primary-font: "Inter Tight", sans-serif; + --_typography---font-size--paragraphs--default: 1rem; + --_typography---line-height--large: 1.5em; + --_typography---letter-spacing--regular: -.03em; + --_typography---font-size--displays--display-9: 2.8rem; + --_typography---line-height--small: 1.15em; + --_typography---font-size--displays--display-7: 2.25rem; + --_typography---line-height--regular: 1.25em; + --_typography---font-size--displays--display-6: 1.875rem; + --_typography---font-size--displays--display-5: 1.5rem; + --_typography---font-size--displays--display-3: 1.125rem; + --_typography---font-size--displays--display-2: 1rem; + --_typography---font-size--paragraphs--large: 1.125rem; + --_typography---font-size--displays--display-1: .875rem; + --_typography---font-size--paragraphs--small: .875rem; + --_typography---font-size--displays--display-8: 2.5rem; + --_typography---font-size--displays--display-4: 1.25rem; + --_typography---font-size--displays--display-10: 3.2rem; + --_typography---font-size--base-font: 1rem; + --_typography---letter-spacing--none: 0px; + --_typography---letter-spacing--small: -.01em; + --_typography---letter-spacing--large: -.05em; + --_spacers---main-spacers--small: 24px; + --_spacers---main-spacers--large: 48px; + --_spacers---main-spacers--regular: 32px; + --_spacers---main-spacers--extra-small: 20px; + --_spacers---main-spacers--2x-extra-small: 16px; + --_spacers---main-spacers--4x-extra-small: 8px; + --_spacers---main-spacers--2x-extra-large: 64px; + --_spacers---main-spacers--medium: 40px; + --_spacers---main-spacers--5x-extra-large: 100px; + --_spacers---main-spacers--4x-extra-large: 80px; + --_spacers---main-spacers--3x-extra-small: 12px; + --_spacers---sections--paddings--pd-default: 140px; + --_spacers---sections--paddings--pd-2x-extra-small: 72px; + --_spacers---sections--paddings--pd-small: 120px; + --_spacers---sections--paddings--pd-extra-small: 100px; + --_spacers---sizing--container--default: 1186px; + --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); + --_spacers---main-spacers--5x-extra-small: 4px; + --_spacers---main-spacers--extra-large: 56px; + --_spacers---main-spacers--3x-extra-large: 72px; + --_spacers---border-radius--br-none: 0px; + font-weight: 400; +} + +h1 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-9); + line-height: var(--_typography---line-height--small); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +h2 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-7); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +h3 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-6); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +h4 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-5); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +h5 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-3); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +h6 { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-2); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + margin-top: 0; + margin-bottom: 0; + font-weight: 500; +} + +p { + margin-bottom: 0; +} + +a { + color: var(--font--colors--title); + text-decoration: underline; + transition: color .3s; +} + +a:hover { + color: var(--font--colors--paragraph); +} + +ul { + margin-top: 0; + margin-bottom: 0; + padding-left: 40px; +} + +ol { + margin-bottom: 0; + padding-left: 40px; +} + +img { + width: auto; + max-width: 100%; + height: auto; + display: inline-block; +} + +label { + color: var(--core--colors--neutral--700); + margin-bottom: 8px; + font-size: 16px; + font-weight: 600; + line-height: 1.25em; + display: block; +} + +strong { + color: var(--font--colors--title); + font-weight: 700; +} + +blockquote { + margin-top: var(--_spacers---main-spacers--small); + margin-bottom: var(--_spacers---main-spacers--small); + padding: var(--_spacers---main-spacers--large); + background-color: var(--core--colors--neutral--800); + color: var(--core--colors--neutral--100); + font-size: var(--_typography---font-size--paragraphs--large); + line-height: var(--_typography---line-height--large); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + border: 0 #000; + font-weight: 400; +} + +figure { + min-width: 100%; + max-width: 100%; + margin-bottom: 0; +} + +.utp---nav-menu-wrapper { + width: 100%; +} + +.utp---buttons-sidebar-item-wrapper { + grid-column-gap: 48px; + grid-row-gap: 48px; + grid-template-rows: 1fr; + grid-template-columns: 1fr; + grid-auto-rows: 1fr; + grid-auto-columns: 1fr; + place-items: center end; + height: 100%; + padding-top: 48px; + padding-bottom: 48px; + display: grid; +} + +.utp---buttons-top { + justify-content: center; + margin-bottom: 16px; + display: flex; +} + +.input { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--neutral--400); + color: var(--font--colors--title); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + background-color: #0000; + min-height: 64px; + margin-bottom: 0; + transition: background-color .3s; +} + +.input:hover, .input:focus { + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); +} + +.input::placeholder { + color: var(--font--colors--paragraph); +} + +.input.small { + padding: var(--_spacers---main-spacers--2x-extra-small); + min-height: 48px; +} + +.input.search-button-inside { + padding-right: 100px; +} + +.input.enter-now-button-inside { + border-bottom-style: none; + border-left-style: none; + border-right-style: none; +} + +.input.dark-mode { + border-color: var(--core--colors--neutral--700); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); +} + +.input.dark-mode:hover, .input.dark-mode:focus { + border-color: var(--core--colors--neutral--700); + background-color: var(--core--colors--neutral--700); +} + +.input.dark-mode::placeholder { + color: var(--font--colors--paragraph-dm); +} + +.input.dark-mode.newsletter { + min-height: 60px; +} + +.input.contact-form { + border-top-style: none; + border-left-style: none; + height: 100%; + min-height: 64px; +} + +.input.select-form { + color: var(--core--colors--neutral--600); + border-style: none; + min-height: 63px; + transition: none; +} + +.input.select-form:hover { + background-color: #0000; +} + +.display-5 { + font-size: var(--_typography---font-size--displays--display-5); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-5.medium { + font-weight: 500; +} + +.utp---grid-components { + grid-column-gap: 24px; + grid-row-gap: 48px; + grid-template-rows: 1fr; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-rows: 1fr; + place-items: center; +} + +.utp---grid-components._1-column { + grid-template-columns: 1fr; + justify-items: center; +} + +.utp---grid-components._1-column.utp---text-form-column { + height: 100%; +} + +.utp---badge { + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); + text-transform: uppercase; + border-radius: 0; + padding: 4px 6px; +} + +.utp---badge.typography { + text-transform: capitalize; +} + +.primary-button { + grid-column-gap: 6px; + grid-row-gap: 6px; + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + justify-content: center; + align-items: center; + font-weight: 600; + text-decoration: none; + transition: transform .3s; + display: flex; + position: relative; + overflow: hidden; +} + +.primary-button:hover { + color: var(--font--title-dm\); +} + +.primary-button.square { + line-height: 1em; +} + +.primary-button.webflow-button { + border: 1px solid var(--core--colors--neutral--100); + color: var(--font--colors--title-dm); + background-color: #0000; +} + +.hamburger-menu-line { + background-color: var(--core--colors--neutral--800); + width: 28px; + height: 2px; +} + +.flex-horizontal { + justify-content: center; + align-items: center; + display: flex; +} + +.flex-horizontal.justify-start { + justify-content: flex-start; +} + +.flex-horizontal.justify-start.gap-column-12px { + grid-column-gap: 12px; +} + +.hamburger-menu { + grid-row-gap: 0px; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.hamburger-menu.w--open { + background-color: #2388ff; +} + +.utp--sidebar-wrapper { + background-color: #fff; + height: 100%; + max-height: 100vh; + position: sticky; + top: 0; + overflow: scroll; + box-shadow: 2px 0 6px #19213d1a; +} + +.utp---sidebar-dropdown { + width: 100%; +} + +.display-9 { + font-size: var(--_typography---font-size--displays--display-9); + line-height: var(--_typography---line-height--small); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.icon-font-rounded { + font-family: Line Rounded Icon Font Brix, sans-serif; + font-weight: 400; +} + +.grid-4-columns { + grid-column-gap: 24px; + grid-row-gap: 24px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-auto-columns: 1fr; + align-items: start; + display: grid; +} + +.utp---avatars-flex-wrapper { + grid-column-gap: 12px; + grid-row-gap: 12px; + flex-flow: wrap; + justify-content: space-around; + align-items: center; + display: flex; +} + +.utp---title-wrapper { + grid-column-gap: 8px; + grid-row-gap: 8px; + border-bottom: 1.5px solid #f1f3f7; + align-items: center; + margin-bottom: 32px; + padding-top: 24px; + padding-bottom: 24px; + display: flex; +} + +.sidebar---navbar { + background-color: #fff; + padding-top: 48px; + padding-left: 24px; + padding-right: 24px; +} + +.paragraph-small { + font-size: var(--_typography---font-size--paragraphs--small); +} + +.inner-container._320px { + max-width: 320px; +} + +.inner-container._640px { + max-width: 640px; +} + +.inner-container.center { + margin-left: auto; + margin-right: auto; +} + +.inner-container._900px { + max-width: 900px; +} + +.inner-container._480px { + max-width: 480px; +} + +.inner-container._860px { + max-width: 860px; +} + +.inner-container._400px { + max-width: 400px; +} + +.inner-container._566px { + max-width: 566px; +} + +.inner-container._430px { + max-width: 430px; +} + +.inner-container._454px { + max-width: 454px; +} + +.inner-container._520px { + max-width: 520px; +} + +.inner-container._250px { + max-width: 250px; +} + +.inner-container._720px { + max-width: 720px; +} + +.inner-container._466px { + max-width: 466px; +} + +.inner-container._650px { + max-width: 650px; +} + +.inner-container._1068px { + max-width: 1068px; +} + +.inner-container._754px { + max-width: 754px; +} + +.inner-container._600px { + max-width: 600px; +} + +.inner-container._420px { + max-width: 420px; +} + +.inner-container._340px { + max-width: 340px; +} + +.inner-container._460px { + max-width: 460px; +} + +.inner-container._355px { + max-width: 355px; +} + +.inner-container._550px { + max-width: 550px; +} + +.inner-container._260px { + max-width: 260px; +} + +.inner-container._240px { + max-width: 240px; +} + +.inner-container._1045px { + max-width: 1045px; +} + +.inner-container._985px { + max-width: 985px; +} + +.inner-container._1050px { + max-width: 1050px; +} + +.inner-container._348px { + max-width: 348px; +} + +.inner-container._374px { + max-width: 374px; +} + +.inner-container._330px { + max-width: 330px; +} + +.inner-container._390px { + max-width: 390px; +} + +.inner-container._740px { + max-width: 740px; +} + +.logo-link { + grid-column-gap: 6px; + grid-row-gap: 6px; + color: var(--font--colors--title); + font-size: 28px; + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + justify-content: flex-start; + align-items: center; + font-weight: 600; + text-decoration: none; + display: inline-flex; +} + +.logo-link:hover { + color: var(--font--colors--title); +} + +.logo-link.small { + font-size: 20px; +} + +.logo-link.dark-mode { + color: var(--font--colors--title-dm); +} + +.utp---typography-grid-row { + grid-column-gap: 12px; + grid-row-gap: 12px; + justify-content: space-between; + align-items: center; + display: flex; +} + +.utp---typography-grid-row.header { + border-bottom: 1.5px solid #f1f3f7; + padding-bottom: 16px; +} + +.utp---sidebar-dropdown-button { + letter-spacing: .08em; + text-transform: uppercase; + justify-content: space-between; + align-items: center; + width: 100%; + padding: 8px; + font-size: 14px; + font-weight: 600; + line-height: 1.115em; + transition: transform .3s; + display: flex; +} + +.utp---sidebar-dropdown-button:hover { + transform: translate(6px); +} + +.mg-top-large { + margin-top: var(--_spacers---main-spacers--large); +} + +.divider { + background-color: var(--core--colors--neutral--400); + height: 1px; +} + +.divider._40px { + margin-top: 40px; + margin-bottom: 40px; +} + +.divider._24px { + margin-top: 24px; + margin-bottom: 24px; +} + +.divider.utp---components-divider { + margin-top: 24px; + margin-bottom: 40px; +} + +.divider.mg-2x-extra-large { + margin-top: var(--_spacers---main-spacers--2x-extra-large); + margin-bottom: var(--_spacers---main-spacers--2x-extra-large); +} + +.divider._5x-extra-large { + margin-top: var(--_spacers---main-spacers--5x-extra-large); + margin-bottom: var(--_spacers---main-spacers--5x-extra-large); +} + +.utp---card-componets-wrapper { + width: 100%; + padding: 48px 24px; +} + +.utp---card-componets-wrapper.v2 { + width: 100%; +} + +.utp---typography-grid-item._55 { + width: 55%; +} + +.utp---typography-grid-item._26-5 { + width: 26.5%; +} + +.utp---typography-grid-item._11 { + width: 11%; +} + +.utp---dropdown-icon { + border: 1px solid var(--core--colors--neutral--800); + border-radius: 100%; + justify-content: center; + align-items: center; + width: 20px; + min-width: 20px; + height: 20px; + min-height: 20px; + padding-top: 1px; + line-height: 1em; + display: flex; +} + +.card { + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); +} + +.card.utp---components-wrapper { + grid-column-gap: 0px; + flex-direction: row; + justify-content: center; + display: flex; + overflow: hidden; +} + +.card.utp---components-wrapper.dark-mode { + background-color: var(--core--colors--neutral--800); +} + +.card.utp---icon-font { + padding: 48px 32px; +} + +.card.typography-card { + padding: 48px 24px; +} + +.card.template-pages---sticky-card { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + position: sticky; + top: 24px; +} + +.card.template-pages---text-card { + padding: 48px; + padding: var(--_spacers---main-spacers--large); +} + +.card.accordion-card-v1 { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + border-style: none; + grid-template-rows: auto; + grid-template-columns: 48px 1fr 16px; + grid-auto-columns: 1fr; + align-items: flex-start; + display: grid; +} + +.card.team-member-card-center { + padding: var(--_spacers---main-spacers--large); +} + +.card.password-protected-card { + width: 100%; + max-width: 512px; + margin-left: auto; + margin-right: auto; + padding: 0; +} + +.card.search-results-link-card { + padding: var(--_spacers---main-spacers--regular); + border-color: var(--core--colors--neutral--300); + flex-flow: column; + text-decoration: none; + transition-property: background-color; + display: flex; +} + +.card.search-results-link-card:hover { + background-color: var(--core--colors--neutral--200); +} + +.card.sales-home---text-and-image { + border-top-style: none; + border-left-style: none; + display: flex; + overflow: hidden; +} + +.card.sales-home---page-link { + text-align: center; + max-width: none; + margin-right: -1px; + text-decoration: none; + transition-property: transform; + overflow: hidden; +} + +.card.included-card { + border-top-style: none; + border-left-style: none; + overflow: hidden; +} + +.card.buy-now-card { + transform-style: preserve-3d; + background-color: #146ef5; + border-style: none; + border-color: #146ef5; + flex-flow: column; + justify-content: flex-start; + align-items: center; + text-decoration: none; + transition-property: transform; + display: flex; + overflow: hidden; +} + +.card.buy-now-card:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + border-style: none; +} + +.card.buy-now-card:hover { + transform: translate3d(0, -6px, .001px); +} + +.card.buy-now-card.white { + border-style: solid; + border-color: var(--core--colors--neutral--300); + background-color: var(--core--colors--neutral--100); +} + +.card.buy-now-card.white:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + border-style: solid; +} + +.card.header-dropdown-card { + margin-top: var(--_spacers---main-spacers--extra-small); + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); + min-width: 600px; + overflow: hidden; +} + +.card.principles-card { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + border-top-style: none; + border-left-style: none; + flex-flow: column; + max-width: none; + display: flex; +} + +.card.team-member-item-v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-bottom-style: none; + border-right-style: none; + grid-template-rows: auto; + grid-template-columns: 1fr 2.25fr auto; + grid-auto-columns: 1fr; + display: grid; +} + +.card.contact-card-v1 { + background-color: var(--core--colors--neutral--200); + border-top-style: none; + border-left-style: none; + flex-flow: column; + text-decoration: none; + display: flex; +} + +.card.contact-card-v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-top-style: none; + border-left-style: none; + grid-template-rows: auto; + grid-template-columns: 1fr 1.5fr; + grid-auto-columns: 1fr; + text-decoration: none; + display: grid; + position: relative; +} + +.card.accordion-card-v2 { + padding: var(--_spacers---main-spacers--regular); + cursor: pointer; + border-top-style: none; + border-left-style: none; + justify-content: space-between; + align-items: flex-start; + transition: background-color .3s; + display: flex; +} + +.card.accordion-card-v2:hover { + background-color: var(--core--colors--neutral--200); +} + +.card.contact-card-v3 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-top-style: none; + border-left-style: none; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + text-decoration: none; + display: grid; + position: relative; +} + +.card.accordin-card-v3 { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + cursor: pointer; + background-color: #0000; + border-style: none; + justify-content: space-between; + align-items: flex-start; + transition: transform .3s; + display: flex; +} + +.card.accordin-card-v3:hover { + transform: translate(4px); +} + +.card.perks-card { + padding: var(--_spacers---main-spacers--medium); + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + background-color: #0000; + border-top-style: none; + border-left-style: none; + flex-flow: column; + justify-content: space-between; + display: flex; +} + +.card.testimonial-card { + padding: var(--_spacers---main-spacers--medium); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); + border-top-style: none; + border-left-style: none; + flex-flow: column; + justify-content: space-between; + display: flex; +} + +.card.testimonial-card.large { + padding: var(--_spacers---main-spacers--2x-extra-large); +} + +.card.testimonial-stats { + padding: var(--_spacers---main-spacers--2x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); + border-top-style: none; + border-left-style: none; + justify-content: center; + align-items: center; + display: flex; +} + +.card.benefits-card { + z-index: 1; + border-color: var(--core--colors--neutral--200); + background-color: var(--core--colors--neutral--200); + position: sticky; + top: 24px; +} + +.color-neutral-800 { + color: var(--core--colors--neutral--800); +} + +.grid-2-columns { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.grid-2-columns.template-page-sidebar { + grid-column-gap: 32px; + grid-row-gap: 32px; + grid-template-rows: auto; + grid-template-columns: .35fr 1fr; + grid-auto-columns: 1fr; + align-items: start; + display: grid; +} + +.grid-2-columns.changelog-item { + grid-column-gap: 48px; + grid-row-gap: 48px; + border-top: 1px solid #f1f3f7; + grid-template-rows: auto; + grid-template-columns: .4fr 1fr; + grid-auto-columns: 1fr; + padding-top: 64px; + padding-bottom: 64px; + display: grid; +} + +.grid-2-columns.changelog-item.last { + padding-bottom: 0; +} + +.grid-2-columns.contact-form-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-columns: 1fr 1fr; + min-height: 422px; + position: relative; +} + +.grid-2-columns.surprises-image { + margin-top: var(--_spacers---main-spacers--5x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1.18fr; + align-items: center; +} + +.grid-2-columns.surprises-image.image-left { + grid-template-columns: 1.18fr 1fr; +} + +.typography-card-top-content-wrapper { + grid-column-gap: 12px; + grid-row-gap: 12px; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + display: flex; +} + +.utp---grid-social-media-icons { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: repeat(auto-fit, minmax(63px, 63px)); +} + +.paragraph-large { + font-size: var(--_typography---font-size--paragraphs--large); + margin-bottom: 0; +} + +.utp---sidebar-dropdown-item { + grid-column-gap: 6px; + grid-row-gap: 6px; + color: var(--font--colors--title); + background-color: #fff; + border: 1px solid #0000; + align-items: center; + padding: 8px; + text-decoration: none; + transition: color .3s, border-color .3s; + display: flex; +} + +.utp---sidebar-dropdown-item:hover { + border-color: var(--core--colors--neutral--400); + color: var(--core--colors--neutral--800); +} + +.utp---sidebar-dropdown-item.w--current { + border-color: var(--core--colors--neutral--800); +} + +.utp---sidebar-dropdown-list { + transform-origin: 50% 0; + background-color: #0000; + padding-top: 8px; + overflow: hidden; +} + +.utp---sidebar-dropdown-list.w--open { + position: static; +} + +.utp---components-wrapper { + grid-column-gap: 24px; + grid-row-gap: 0px; + grid-template-rows: auto auto; + grid-template-columns: auto 1fr; + grid-auto-columns: 1fr; + justify-content: space-between; + display: grid; +} + +.secondary-button { + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + justify-content: center; + align-items: center; + font-weight: 600; + text-decoration: none; + transition: transform .3s; + display: flex; + position: relative; + overflow: hidden; +} + +.secondary-button:hover { + color: var(--font--colors--title); +} + +.secondary-button.square { + line-height: 1em; +} + +.display-3 { + font-size: var(--_typography---font-size--displays--display-3); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-3.medium { + font-weight: 500; +} + +.utp---content-wrapper { + max-width: 80vw; + height: 100%; + padding-left: 48px; + padding-right: 48px; +} + +.display-8 { + font-size: var(--_typography---font-size--displays--display-8); + line-height: var(--_typography---line-height--small); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.form-wrapper { + width: 100%; + margin-bottom: 0; +} + +.utp---styles-and-components-wrapper { + margin-bottom: 48px; +} + +.typography-badge-wrapper { + grid-column-gap: 12px; + grid-row-gap: 12px; + align-items: center; + display: flex; +} + +.utp---buttons-sidebar { + flex-direction: column; + grid-template-rows: 1fr; + grid-template-columns: 1fr; + grid-auto-rows: 1fr; + grid-auto-columns: 1fr; + align-items: center; + display: flex; +} + +.utp---items-wrapper.mg-bottom { + margin-bottom: 40px; +} + +.avatar-image { + object-fit: cover; + width: 100%; +} + +.avatar-image._140px { + width: 140px; + min-width: 140px; + max-width: 140%; + height: 140px; + min-height: 140px; + max-height: 140px; +} + +.avatar-image.fit-cover { + height: 100%; +} + +.display-7 { + font-size: var(--_typography---font-size--displays--display-7); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-7.medium { + font-weight: 500; +} + +.text-uppercase { + letter-spacing: .08em; + text-transform: uppercase; +} + +.icon-font-wrapper { + justify-content: center; + align-items: center; + width: 20px; + height: 20px; + display: flex; +} + +.mg-top-small { + margin-top: var(--_spacers---main-spacers--small); +} + +.grid-icon-font { + grid-column-gap: 16px; + grid-row-gap: 16px; + grid-template-rows: auto; + grid-template-columns: repeat(auto-fit, minmax(20px, 20px)); +} + +.hamburger-menu-flex { + grid-row-gap: 8px; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + display: flex; +} + +.utp---card-color-details { + justify-content: space-between; + align-items: center; + display: flex; +} + +.page-wrapper.full-height-page { + flex-flow: column; + justify-content: space-between; + min-height: 100vh; + display: flex; + overflow: hidden; +} + +.utp---grid-components-wrapper { + grid-column-gap: 24px; + grid-row-gap: 24px; + grid-template-rows: auto; + grid-template-columns: 1fr; +} + +.utp---sidebar-bottom { + grid-row-gap: 16px; + flex-direction: column; + display: flex; +} + +.display-2 { + font-size: var(--_typography---font-size--displays--display-2); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-2.medium { + font-weight: 500; +} + +.utp---components-head-wrapper { + grid-column-gap: 24px; + grid-row-gap: 24px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + justify-content: space-around; + align-items: center; + width: 50%; + padding-left: 24px; + padding-right: 24px; + display: grid; +} + +.utp---components-head-wrapper.center { + grid-template-columns: 1fr; +} + +.utp---components-head-wrapper.buttons { + grid-template-columns: 1.15fr 1fr 1fr; + width: 100%; +} + +.utp---components-head-wrapper.avatars { + grid-template-columns: 24px 32px 40px 64px 120px; + justify-content: space-around; + justify-items: center; + width: 100%; +} + +.utp---sidebar-layout-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: minmax(200px, 280px) 1fr; + grid-auto-columns: 1fr; + height: 100%; + display: grid; +} + +.text-center { + text-align: center; +} + +.mg-top-24px { + margin-top: var(--main-spacers--small\); +} + +.display-1 { + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-1.medium { + font-weight: 500; +} + +.display-1.semibold { + font-weight: 600; +} + +.grid-1-column { + grid-row-gap: 24px; + flex-direction: column; + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.grid-1-column.gap-row-48px { + grid-row-gap: 48px; +} + +.grid-1-column.gap-row-6px { + grid-row-gap: 6px; +} + +.grid-1-column.gap-row-300px { + grid-row-gap: 300px; +} + +.display-6 { + font-size: var(--_typography---font-size--displays--display-6); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-6:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + font-size: var(--_typography---font-size--displays--display-5); +} + +.display-6.medium { + font-weight: 500; +} + +.display-4 { + font-size: var(--_typography---font-size--displays--display-4); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); +} + +.display-4.medium { + font-weight: 500; +} + +.text-area { + padding: var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--neutral--400); + color: var(--font--colors--title); + line-height: var(--_typography---line-height--large); + background-color: #0000; + min-height: 166px; + margin-bottom: 0; + transition: background-color .3s; +} + +.text-area:hover, .text-area:focus { + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); +} + +.text-area::placeholder { + color: var(--font--colors--paragraph); +} + +.text-area.small { + padding: var(--_spacers---main-spacers--2x-extra-small); + min-height: 120px; +} + +.text-area.contact-form { + border-top-style: none; + border-left-style: none; +} + +.text-accent { + color: var(--font--colors--title); +} + +.utp---color-block { + border: 1px solid var(--core--colors--neutral--400); + border-radius: 0; + height: 156px; +} + +.avatar-wrapper { + min-width: 120px; + max-width: 120px; + min-height: 120px; + max-height: 120px; + display: flex; + position: relative; + overflow: hidden; + transform: translate(0); +} + +.avatar-wrapper:where(.w-variant-b742eba2-7c26-0fc4-f493-5de209a280f1) { + min-width: 64px; + max-width: 64px; + min-height: 64px; + max-height: 64px; +} + +.avatar-wrapper:where(.w-variant-a5e8e464-5963-c126-0834-dc0b0451b18a) { + min-width: 40px; + max-width: 40px; + min-height: 40px; + max-height: 40px; +} + +.avatar-wrapper:where(.w-variant-d1bf563c-f14e-8171-9ced-0c378453d6a4) { + min-width: 32px; + max-width: 32px; + min-height: 32px; + max-height: 32px; +} + +.avatar-wrapper:where(.w-variant-1d101b58-4f17-9e13-ed5f-b719c6e5667b) { + min-width: 24px; + max-width: 24px; + min-height: 24px; + max-height: 24px; +} + +.avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { + min-width: 170px; + max-width: 170px; + min-height: 170px; + max-height: 170px; +} + +.utp---card-color { + grid-column-gap: 12px; + grid-row-gap: 20px; + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + border-radius: 0; + flex-direction: column; + padding: 12px; + display: flex; +} + +.bg-neutral-100 { + background-color: var(--core--colors--neutral--100); +} + +.bg-neutral-200 { + background-color: var(--core--colors--neutral--200); +} + +.bg-neutral-300 { + background-color: var(--core--colors--neutral--300); +} + +.bg-neutral-400 { + background-color: var(--core--colors--neutral--400); +} + +.bg-neutral-500 { + background-color: var(--core--colors--neutral--500); +} + +.bg-neutral-600 { + background-color: var(--core--colors--neutral--600); +} + +.bg-neutral-700 { + background-color: var(--core--colors--neutral--700); +} + +.bg-neutral-800 { + background-color: var(--core--colors--neutral--800); +} + +.link-icon-right { + font-family: Line Rounded Icon Font Brix, sans-serif; + display: inline-block; +} + +.tertiary-button { + border: 1px solid var(--core--colors--neutral--400); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + background-color: #0000; + justify-content: center; + align-items: center; + font-weight: 600; + text-decoration: none; + display: flex; + position: relative; + overflow: hidden; +} + +.tertiary-button:hover { + color: var(--font--colors--title); +} + +.section { + padding-top: var(--_spacers---sections--paddings--pd-default); + padding-bottom: var(--_spacers---sections--paddings--pd-default); +} + +.section.pd-80px { + padding-top: 80px; + padding-bottom: 80px; +} + +.section.bg-neutral { + background-color: var(--core--colors--neutral--200); +} + +.section.pd-top-0 { + padding-top: 0; +} + +.section.top { + padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); +} + +.section.sales-home-hero { + padding-top: 160px; + padding-bottom: var(--_spacers---sections--paddings--pd-small); + background-color: var(--core--colors--neutral--800); + overflow: hidden; +} + +.section.small { + padding-bottom: var(--sections--paddings--pd-extra-large\); +} + +.section.cta-sales-home { + padding-top: var(--_spacers---sections--paddings--pd-small); +} + +.section.hero-v1 { + padding-top: var(--_spacers---main-spacers--4x-extra-large); + overflow: hidden; +} + +.section.hero-v2 { + padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); + padding-bottom: var(--_spacers---main-spacers--2x-extra-large); + flex-flow: column; + justify-content: center; + align-items: center; + display: flex; + position: relative; + overflow: hidden; +} + +.section.hero-v3 { + padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); +} + +.section.pd-none { + padding-top: 0; + padding-bottom: 0; +} + +.section.hero-v4 { + background-color: var(--core--colors--neutral--800); + padding-top: 140px; + padding-bottom: 0; +} + +.section.password-protected-page { + padding-top: var(--_spacers---sections--paddings--pd-small); + flex-flow: column; + flex: 1; + justify-content: center; + align-items: stretch; + margin-bottom: 0; + display: flex; +} + +.section.not-found-page { + padding-top: var(--_spacers---sections--paddings--pd-small); + padding-bottom: var(--_spacers---sections--paddings--pd-small); + flex-flow: column; + flex: 1; + justify-content: center; + display: flex; +} + +.section.coming-soon-page { + padding-top: var(--_spacers---main-spacers--4x-extra-large); + padding-bottom: var(--_spacers---main-spacers--5x-extra-large); + flex-flow: column; + flex: 1; + justify-content: center; + display: flex; + overflow: hidden; +} + +.section.social-links-section { + overflow: hidden; +} + +.section.social-links-section:where(.w-variant-daeb6173-296b-8c16-4f2d-1c7fb3f823cc) { + padding-top: 0; +} + +.section.hero-v5 { + z-index: 1; + padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); + padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); + position: relative; + overflow: hidden; +} + +.mg-bottom-8px { + margin-bottom: 8px; +} + +.text-light { + color: var(--core--colors--neutral--100); +} + +.container-default { + max-width: var(--_spacers---sizing--container--default); + padding-right: var(--_spacers---container-default--padding--default); + padding-left: var(--_spacers---container-default--padding--default); + width: 100%; + margin-left: auto; + margin-right: auto; +} + +.mg-bottom-32px { + margin-bottom: 32px; +} + +.start-here-image { + margin-bottom: var(--_spacers---main-spacers--medium); + border: 1px solid var(--core--colors--neutral--400); + width: 100%; + display: block; +} + +.start-here-image.last { + margin-bottom: 0; +} + +.mg-top-8-px { + margin-top: 8px; +} + +.mg-bottom-16px { + margin-bottom: 16px; +} + +.buttons-row { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + flex-flow: wrap; + justify-content: center; + align-items: center; + display: flex; +} + +.buttons-row.left { + justify-content: flex-start; +} + +.pd-top-medium { + padding-top: 24px; +} + +.mg-bottom-40px { + margin-bottom: 40px; +} + +.template-pages---sidebar-navigation { + grid-column-gap: 8px; + grid-row-gap: 8px; + flex-direction: column; + margin-bottom: 0; + padding-left: 0; + display: flex; +} + +.template-pages---nav-item-link { + padding: var(--_spacers---main-spacers--4x-extra-small) var(--_spacers---main-spacers--2x-extra-small); + color: var(--font--colors--paragraph); + background-color: #0000; + text-decoration: none; + transition: box-shadow .3s, background-color .3s, color .3s; + display: block; +} + +.template-pages---nav-item-link:hover { + background-color: var(--core--colors--neutral--200); + color: var(--font--colors--title); +} + +.template-pages---nav-item-link.w--current { + background-color: var(--core--colors--neutral--800); + color: var(--core--colors--neutral--100); + box-shadow: inset 0 -1.5px .6px #00135840, inset 0 1.5px .6px #ffffff40; +} + +.mg-bottom-24px { + margin-bottom: 24px; +} + +.mg-bottom-48px { + margin-bottom: 48px; +} + +.width-100 { + width: 100%; +} + +.flex { + align-items: stretch; + display: flex; +} + +.flex.align-top { + align-items: flex-start; +} + +.flex.align-top.gap-24px { + grid-column-gap: 24px; + grid-row-gap: 24px; +} + +.badge { + padding: var(--_spacers---main-spacers--4x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); + font-size: var(--_typography---font-size--displays--display-1); + letter-spacing: var(--_typography---letter-spacing--regular); + justify-content: center; + align-items: center; + font-weight: 500; + line-height: 1em; + display: flex; +} + +.notification-bar-close-icon { + color: var(--core--colors--neutral--100); + cursor: pointer; + justify-content: center; + align-items: center; + width: 48px; + padding: 12px; + font-size: 20px; + font-weight: 400; + transition: color .3s; + display: flex; +} + +.notification-bar-close-icon:hover { + color: var(--core--colors--neutral--500); +} + +.notification-bar-content { + padding-top: var(--_spacers---main-spacers--regular); + padding-bottom: var(--_spacers---main-spacers--regular); + text-align: center; +} + +.notification-bar-content.v2 { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + text-align: left; + justify-content: space-between; + align-items: center; + padding-top: 0; + padding-bottom: 0; + display: flex; +} + +.notification-bar-content.v1 { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + justify-content: center; + align-items: center; + display: flex; +} + +.notification-bar-content.v3 { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + text-align: left; + justify-content: space-between; + align-items: center; + padding-top: 0; + padding-bottom: 0; + display: flex; +} + +.notification-bar { + background-color: var(--core--colors--neutral--800); + color: var(--core--colors--neutral--100); + display: flex; + position: relative; + overflow: hidden; +} + +.header-wrapper { + z-index: 9999; + max-width: var(--_spacers---sizing--container--default); + background-color: #0000; + width: 100%; + margin-left: auto; + margin-right: auto; + padding-top: 0; + padding-bottom: 0; +} + +.header-content { + margin-right: var(--_spacers---main-spacers--small); + margin-left: var(--_spacers---main-spacers--small); + padding-right: 0; + padding-left: var(--_spacers---container-default--padding--default); + grid-column-gap: var(--_spacers---main-spacers--small); + border-style: none solid solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + justify-content: space-between; + align-items: center; + display: flex; +} + +.header-content:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + border-color: var(--core--colors--neutral--700); +} + +.header-content.v3 { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---container-default--padding--default); + justify-content: center; +} + +.header-content.v2 { + align-items: stretch; + padding-left: 0; + padding-right: 0; +} + +.nav-menu { + background-color: #0000; +} + +.list-nav-menu { + align-items: center; + margin-bottom: 0; + padding-left: 0; + list-style-type: none; + display: flex; +} + +.link-nav-item { + line-height: var(--_typography---line-height--regular); +} + +.link-nav-item.mbl-button { + display: none; +} + +.dropdown-toggle { + grid-column-gap: 6px; + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + align-items: center; + padding: 0 10px; + display: flex; +} + +.dropdown-toggle:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title-dm); +} + +.dropdown-toggle.w--open { + color: var(--font--colors--title); +} + +.dropdown-toggle.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title-dm); +} + +.dropdown-content-wrapper { + background-color: #0000; + overflow: hidden; + transform: translate(-60%); +} + +.header-right-side { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + align-items: center; + display: flex; +} + +.header-right-side.v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + align-items: stretch; +} + +.footer-main-section { + z-index: 1; + max-width: var(--_spacers---sizing--container--default); + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + margin-left: auto; + margin-right: auto; +} + +.footer-top { + border: 1px solid var(--core--colors--neutral--700); + justify-content: space-between; + align-items: stretch; + margin-bottom: -1px; + margin-right: -1px; + display: flex; + position: relative; +} + +.footer-top.v2 { + padding: var(--_spacers---main-spacers--2x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + align-items: center; + margin-bottom: 0; + margin-right: 0; +} + +.footer-middle { + padding: var(--_spacers---main-spacers--4x-extra-large) var(--_spacers---main-spacers--2x-extra-large); + border: 1px solid var(--core--colors--neutral--700); + margin-bottom: -1px; + margin-right: -1px; +} + +.footer-middle.v2 { + grid-row-gap: 64px; + border-top-style: none; + border-bottom-style: none; + flex-flow: wrap; + padding: 0; + position: relative; +} + +.footer-middle.v2.show-mobile-portrait { + display: none; +} + +.footer-logo { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); + transform-style: preserve-3d; + flex-flow: column; + justify-content: center; + align-items: center; + width: 100%; + max-width: 260px; + transition-property: transform; + display: flex; +} + +.footer-logo:hover { + transform: scale3d(1.04, 1.04, 1.01); +} + +.footer-logo.no-hover { + transition-property: none; +} + +.footer-logo.no-hover:hover { + transform: none; +} + +.text-color-neutral-400 { + color: var(--core--colors--neutral--400); +} + +.mg-bottom-20px { + margin-bottom: 20px; +} + +.position-relative---z-index-1 { + z-index: 1; + position: relative; +} + +.button-inside-input-wrapper { + z-index: 1; + border-left: 1px solid var(--core--colors--neutral--400); + justify-content: center; + align-items: center; + display: flex; + position: absolute; + inset: 1px 1px 1px auto; +} + +.button-inside-input-wrapper.dark-mode { + border-left-color: var(--core--colors--neutral--700); +} + +.error-message { + margin-top: var(--_spacers---main-spacers--2x-extra-small); + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--system--red-400); + background-color: var(--core--colors--neutral--800); + color: var(--core--colors--system--red-400); + text-align: center; +} + +.error-message.contact-form-error { + z-index: 2; + width: 100%; + position: absolute; +} + +.success-message-wrapper { + text-align: center; + background-color: #0000; + padding: 0; +} + +.footer-link { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + border-bottom: 1px solid var(--core--colors--neutral--700); + color: var(--core--colors--neutral--200); + line-height: var(--_typography---line-height--regular); + justify-content: space-between; + align-items: center; + text-decoration: none; + display: flex; + position: relative; +} + +.footer-link:hover { + color: var(--core--colors--neutral--100); +} + +.footer-link.last---left-column, .footer-link.last---right-column, .footer-link.border-bottom---tablet, .footer-link.border-bottom---mbl { + border-bottom-style: none; +} + +.footer-bottom { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + border: 1px solid var(--core--colors--neutral--700); + background-color: var(--neutral-700-opacity-30); + justify-content: space-between; + align-items: center; + margin-bottom: -1px; + margin-right: -1px; + display: flex; +} + +.footer-bottom.v2 { + background-color: #0000; + border-bottom-style: none; + align-items: stretch; + padding: 0; +} + +.text-decoration-none { + text-decoration: none; +} + +.social-square-icons-container { + grid-column-gap: 0px; + display: flex; +} + +.social-square-icon-link { + max-height: var(--_spacers---main-spacers--2x-extra-large); + max-width: var(--_spacers---main-spacers--2x-extra-large); + min-height: var(--_spacers---main-spacers--2x-extra-large); + min-width: var(--_spacers---main-spacers--2x-extra-large); + border: 1px solid var(--core--colors--neutral--400); + color: var(--font--colors--title); + justify-content: center; + align-items: center; + margin-bottom: -1px; + margin-right: -1px; + transition: color .3s; + display: flex; + position: relative; +} + +.social-square-icon-link:where(.w-variant-09232bd2-04da-efea-f377-662291aed853) { + border-bottom-style: none; + border-right-style: none; + margin-bottom: 0; + margin-right: 0; +} + +.social-square-icon-link:where(.w-variant-c7afc106-7cd0-42c6-0b89-0e485e1826a2) { + border-top-style: none; + border-left-style: none; + margin-bottom: 0; + margin-right: 0; +} + +.social-square-icon-link:where(.w-variant-08043351-451d-d61e-1bac-dd833edfff98) { + border-top-style: none; + border-bottom-style: none; + margin-bottom: 0; + margin-right: -1px; +} + +.social-square-icon-link:hover { + color: var(--font--colors--title-dm); +} + +.text-paragraph { + color: var(--core--colors--neutral--600); +} + +.position-relative---z-index-2 { + z-index: 2; + position: relative; +} + +.title-and-button-container { + grid-column-gap: 40px; + grid-row-gap: 16px; + flex-flow: wrap; + justify-content: space-between; + align-items: flex-end; + display: flex; +} + +.title-and-button-container.align-center { + align-items: center; +} + +.mg-bottom-12px { + margin-bottom: 12px; +} + +.top-section { + z-index: 1; + padding-top: 80px; + position: relative; + overflow: clip; +} + +.top-section.pd-bottom-64px { + padding-bottom: 64px; +} + +.accordion-body { + overflow: hidden; +} + +.accordion-arrow { + z-index: 1; + color: var(--font--colors--title); + justify-content: center; + align-items: center; + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; + margin-top: 6px; + display: flex; + position: relative; +} + +.accordion-arrow.v2, .accordion-arrow.v3 { + margin-top: 0; +} + +.mg-top-4x-extra-small { + margin-top: var(--_spacers---main-spacers--4x-extra-small); +} + +.text-underline { + text-decoration: underline; +} + +.utp---component-badge { + padding: var(--_spacers---main-spacers--4x-extra-small) var(--_spacers---main-spacers--3x-extra-small); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + font-weight: 600; +} + +.utp---component-badge.dark-mode { + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); +} + +.lightbox-thumbnail { + width: 100%; + max-width: 220px; +} + +.fit-cover { + object-fit: cover; +} + +.overflow-hidden { + overflow: hidden; +} + +.display-none { + display: none; +} + +.rich-text h2 { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + font-size: var(--_typography---font-size--displays--display-8); +} + +.rich-text h4 { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + font-size: var(--_typography---font-size--displays--display-6); +} + +.rich-text ul { + margin-top: var(--_spacers---main-spacers--small); + margin-bottom: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--medium); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + flex-flow: column; + display: flex; +} + +.rich-text figure { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--medium); +} + +.rich-text img { + border-radius: 16px; +} + +.rich-text ol { + margin-top: var(--_spacers---main-spacers--2x-extra-small); + margin-bottom: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--medium); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + flex-flow: column; + display: flex; +} + +.rich-text h3 { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + font-size: var(--_typography---font-size--displays--display-7); +} + +.rich-text h5 { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + font-size: var(--_typography---font-size--displays--display-4); +} + +.rich-text h6 { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + font-size: var(--_typography---font-size--displays--display-3); +} + +.rich-text p, .rich-text h1 { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); +} + +.flex-vertical { + flex-flow: column; + justify-content: center; + align-items: center; + display: flex; +} + +.flex-vertical.align-left { + justify-content: center; + align-items: flex-start; +} + +.flex-vertical.gap-row-40px { + grid-row-gap: 40px; +} + +.text-color-neutral-500 { + color: var(--core--colors--neutral--500); +} + +.table-of-contents-expand-trigger { + display: none; +} + +.footer-v3-container { + z-index: 1; + max-width: var(--_spacers---sizing--container--default); + width: 100%; + margin-left: auto; + margin-right: auto; + padding-top: 0; + padding-bottom: 0; + position: relative; +} + +.integration-circle-icon { + margin-right: auto; + margin-bottom: var(--_spacers---main-spacers--small); + padding: var(--_spacers---main-spacers--2x-extra-small); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); + min-width: 94px; + max-width: 94px; + min-height: 94px; + max-height: 94px; + margin-left: auto; +} + +.snippet-wrapper { + border: 1px dashed var(--core--colors--neutral--500); + background-color: var(--core--colors--neutral--400); + width: 100%; + padding: 24px; +} + +.snippet-badge-wrapper { + background-color: var(--core--colors--neutral--400); + padding: 12px; +} + +.utp---grid-square-icons-flex { + grid-column-gap: 24px; + grid-row-gap: 12px; + flex-flow: wrap; + justify-content: flex-start; + align-items: center; + display: flex; +} + +.search-results-url-bottom { + word-break: break-all; + margin-top: auto; + font-weight: 500; + line-height: 1.1em; +} + +.mg-top-3x-extra-small { + margin-top: var(--main-spacers--3x-extra-small\); +} + +.sales-home---pages-container { + margin-top: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--small); + flex-direction: column; + align-items: center; + display: flex; +} + +.sales-home---pages-row { + grid-column-gap: var(--main-spacers--small\); + grid-row-gap: var(--main-spacers--small\); + justify-content: center; + display: flex; +} + +.sales-home---hero-link-wrapper { + transform-style: preserve-3d; + flex: none; + max-width: 340px; + transition-property: transform; + overflow: hidden; + box-shadow: 0 4px 4px #d3d3d30f, 0 1px 1px #0e0e0e0f; +} + +.sales-home---hero-link-wrapper:hover { + transform: scale3d(.98, .98, 1.01); +} + +.card-pages-included---bottom-content { + padding: var(--_spacers---main-spacers--regular); + text-align: center; + flex-direction: column; + display: flex; +} + +.image { + width: 100%; + height: auto; +} + +.image.cover-image { + object-fit: cover; + height: 100%; +} + +.text-titles { + color: var(--font--colors--title); +} + +.mid { + font-weight: 500; +} + +.text-and-image-card---text-container { + padding: var(--_spacers---main-spacers--medium); + flex-direction: column; + justify-content: center; + align-items: flex-start; + width: 45%; + display: flex; +} + +.max-width-64px { + max-width: 64px; + height: auto; +} + +.text-and-image-card---image-wrapper { + width: 55%; +} + +.card-page---bottom-content { + padding: var(--_spacers---main-spacers--regular); + border-top: 1px solid #f1f3f7; +} + +.grid-pages { + grid-column-gap: 0px; + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + place-items: stretch stretch; +} + +.sales-home---surprises-image-wrapper { + border: 1px solid var(--core--colors--neutral--400); + overflow: hidden; +} + +.sales-home---cta-card-text-container { + padding: var(--_spacers---main-spacers--medium); + width: 100%; +} + +.sales-home-cta-card-square-logo { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + max-width: 56px; + box-shadow: 0 2px 4px #19213d1a; +} + +.sales-home---cta-card-image { + min-width: 976px; + max-width: 976px; + margin-bottom: -32px; +} + +.section-small { + padding-top: var(--_spacers---sections--paddings--pd-small); + padding-bottom: var(--_spacers---sections--paddings--pd-small); +} + +.section-small.bg-neutral { + background-color: var(--core--colors--neutral--200); +} + +.section-small.top { + padding-top: var(--_spacers---sections--paddings--pd-2x-extra-small); +} + +.utp---icon { + min-width: 32px; +} + +.logo-icon { + width: 42px; +} + +.logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { + width: 54px; +} + +.logo-icon._32px { + width: 32px; +} + +.logo-icon._24px { + width: 24px; +} + +.button-icon-wrapper { + z-index: 1; + justify-content: center; + align-items: center; + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; + padding-left: 2px; + display: flex; + position: relative; +} + +.button-icon-wrapper:where(.w-variant-864e6fa9-01c4-995f-0276-3a50d862b188) { + right: 20px; +} + +.button-icon-wrapper.footer { + right: 120px; +} + +.squared-icon { + z-index: 1; + justify-content: center; + align-items: center; + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; + display: flex; +} + +.squared-icon._14px { + min-width: 14px; + max-width: 14px; + min-height: 14px; + max-height: 14px; +} + +.social-square-icon { + z-index: 1; + min-width: 20px; + max-width: 20px; + min-height: 20px; + max-height: 20px; + position: relative; +} + +.social-square-bg { + background-color: var(--core--colors--neutral--800); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.button-content { + padding: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + justify-content: center; + align-items: center; + display: flex; +} + +.button-content:where(.w-variant-864e6fa9-01c4-995f-0276-3a50d862b188), .button-content:where(.w-variant-dd1cfcb8-ee26-1814-83de-891e9840feb4) { + padding: var(--_spacers---main-spacers--2x-extra-small) 42px var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); +} + +.button-content.square { + justify-content: center; + align-items: center; + min-width: 60px; + max-width: 60px; + min-height: 60px; + max-height: 60px; + padding: 0; + display: flex; +} + +.button-content.square:where(.w-variant-486afcef-4e04-6807-c74a-839afcef471b), .button-content.square:where(.w-variant-ca6621e9-5740-d3a9-8185-b0438875106c), .button-content.square:where(.w-variant-8038ae6a-6d5b-7dfa-96d1-bb6592a1454e), .button-content.square:where(.w-variant-a6d9fa71-4548-80a0-7ef8-6e3a24629f59) { + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; +} + +.button-content.footer { + padding: var(--_spacers---main-spacers--large) 144px var(--_spacers---main-spacers--large) 120px; + justify-content: center; + align-items: center; + min-height: 132px; + display: flex; +} + +.link { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; + padding-left: 10px; + padding-right: 10px; + text-decoration: none; + display: inline-flex; + position: relative; + overflow: hidden; +} + +.link:where(.w-variant-040becfe-5cc0-53fb-fc60-224bd1210ff6), .link:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title-dm); +} + +.link:hover { + color: var(--font--colors--title); +} + +.link:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title-dm); +} + +.link-icon-wrapper { + z-index: 1; + flex-direction: column; + justify-content: center; + align-items: center; + width: 16px; + display: flex; + position: absolute; + overflow: hidden; + transform: translate(-26px); +} + +.link-text { + z-index: 1; + font-size: var(--_typography---font-size--displays--display-1); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + justify-content: flex-start; + display: flex; + position: relative; +} + +.social-media-icon { + min-width: 20px; + max-width: 20px; + min-height: 20px; + max-height: 20px; +} + +.link-arrow-right { + grid-column-gap: 6px; + grid-row-gap: 6px; + color: var(--font--colors--title-dm); + justify-content: flex-start; + align-items: center; + font-weight: 500; + text-decoration: none; + display: flex; +} + +.link-arrow-right:hover { + color: var(--font--colors--title-dm); +} + +.icon-square { + border: 1px solid var(--core--colors--neutral--800); + max-width: 64px; +} + +.icon-square:where(.w-variant-9e5d53ad-bad6-e5fc-88e0-62e38939214f) { + max-width: 48px; +} + +.form-block { + width: 100%; + margin-bottom: 0; +} + +.form-block._465px { + max-width: 465px; +} + +.form-block._465px.cta-v4 { + margin-bottom: -1px; + margin-right: -1px; +} + +.form-block._365px { + max-width: 365px; +} + +.form-button { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--small); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + height: 100%; + min-height: 64px; + font-weight: 500; + transition: color .3s, background-color .3s; +} + +.form-button:hover { + background-color: var(--core--colors--neutral--600); + color: var(--font--colors--title-dm); +} + +.form-button.inside-input { + padding-top: var(--_spacers---main-spacers--4x-extra-small); + padding-bottom: var(--_spacers---main-spacers--4x-extra-small); + background-color: var(--neutral-700-opacity-30); + font-size: var(--_typography---font-size--displays--display-1); + height: 100%; + min-height: 0; +} + +.form-button.inside-input:hover { + background-color: var(--core--colors--neutral--600); +} + +.form-button.inside-input.dark-mode { + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); +} + +.form-button.inside-input.dark-mode:hover { + background-color: var(--core--colors--neutral--400); +} + +.form-button.inside-input.light-mode { + background-color: var(--core--colors--neutral--800); +} + +.form-button.inside-input.light-mode:hover { + background-color: var(--core--colors--neutral--600); +} + +.position-relative { + position: relative; +} + +.success-message-inside-input { + padding: var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: 6px; + grid-row-gap: 6px; + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + justify-content: center; + align-items: center; + min-height: 64px; + display: flex; +} + +.success-message-inside-input.dark-mode { + border-color: var(--core--colors--neutral--700); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); +} + +.header-dropdown-grid { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-template-rows: auto; + grid-template-columns: auto auto; +} + +.dropdown-title { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + margin-left: 10px; + font-weight: 600; +} + +.main-pages-grid { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-template-rows: auto; + grid-template-columns: auto auto auto; + align-items: start; +} + +.pages-column { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-template-rows: auto; + grid-template-columns: 1fr; + justify-items: start; +} + +.dropdown-icon { + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; +} + +.hero-v1-grid { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1.05fr; + align-items: center; +} + +.mg-top-2x-extra-small { + margin-top: var(--_spacers---main-spacers--2x-extra-small); +} + +.hero-v1-bg-wrapper { + z-index: 0; + color: var(--core--colors--neutral--400); + width: 380px; + display: flex; + position: absolute; + inset: auto auto 0% 0%; + transform: translate(-35%, 64%); +} + +.hero-v1-bg-gradient { + background-image: radial-gradient(circle closest-side at 50% 50%, transparent, var(--core--colors--neutral--100)); + position: absolute; + inset: 0%; +} + +.subtitle { + color: var(--core--colors--neutral--500); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + font-weight: 500; +} + +.subtitle.dark-mode { + color: var(--core--colors--neutral--600); +} + +.about-section-wrapper { + padding-top: var(--_spacers---main-spacers--4x-extra-large); + max-width: 865px; + margin-left: auto; + margin-right: auto; +} + +.about-text { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-6); + line-height: var(--_typography---line-height--large); + letter-spacing: var(--_typography---letter-spacing--regular); + font-weight: 500; +} + +.about-section-top-content { + z-index: 2; + padding-right: var(--_spacers---main-spacers--medium); + padding-left: var(--_spacers---main-spacers--medium); + position: relative; +} + +.about-section-bottom-content { + z-index: 0; + margin-top: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + justify-content: flex-start; + align-items: center; + display: flex; + position: relative; +} + +.about-section-bg { + color: var(--core--colors--neutral--400); + min-width: 506px; + display: flex; + position: absolute; + inset: auto auto 0 -135px; +} + +.about-section-gradient { + background-image: linear-gradient(180deg, var(--core--colors--neutral--100), transparent); + position: absolute; +} + +.about-section-gradient.top { + background-image: linear-gradient(180deg, var(--core--colors--neutral--100), transparent); + height: 50%; + inset: 0% 0% auto; +} + +.about-section-gradient.left { + background-image: linear-gradient(90deg, var(--core--colors--neutral--100), transparent); + width: 25%; + inset: 0% auto 0% 0%; +} + +.about-section-gradient.right { + background-image: linear-gradient(270deg, var(--core--colors--neutral--100), transparent); + width: 25%; + inset: 0% 0% 0% auto; +} + +.hero-v1-lottie { + z-index: 3; + width: 100%; + position: relative; +} + +.play-button { + -webkit-backdrop-filter: blur(2px); + backdrop-filter: blur(2px); + color: var(--font--colors--title-dm); + background-color: #08080866; + border-radius: 50%; + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; + position: absolute; + inset: auto; +} + +.lightbox-link { + z-index: 1; + justify-content: center; + align-items: center; + display: flex; + position: relative; + overflow: hidden; +} + +.title-left-content-right { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + justify-content: space-between; + align-items: flex-end; + display: flex; +} + +.title-left-content-right.align-center { + justify-content: space-between; + align-items: center; +} + +.mg-top-regular { + margin-top: var(--_spacers---main-spacers--regular); +} + +.integrations-marquee-wrapper { + justify-content: center; + align-items: center; + display: flex; +} + +.integrations-marquee { + flex: none; + display: flex; +} + +.integration-marquee-item { + border: 1px solid var(--core--colors--neutral--400); + min-width: 94px; + max-width: 94px; + min-height: 94px; + max-height: 94px; + margin-right: -1px; + position: relative; + overflow: hidden; +} + +.integration-marquee-item-bg { + background-color: var(--core--colors--neutral--800); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.integration-marquee-item-image { + z-index: 1; + width: 100%; + position: relative; +} + +.principles-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; +} + +.mg-top-5x-extra-small { + margin-top: var(--_spacers---main-spacers--5x-extra-small); +} + +.corner-gradient-horizontal { + background-image: linear-gradient(270deg, transparent, var(--core--colors--neutral--400)); + width: 150px; + height: 1px; +} + +.corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7) { + width: 72px; +} + +.corner-gradient-horizontal.top-left { + background-image: linear-gradient(270deg, var(--core--colors--neutral--400), transparent); + position: absolute; + inset: 0% auto auto 0%; + transform: translate(-100%); +} + +.corner-gradient-horizontal.top-left.dark-mode { + background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); +} + +.corner-gradient-horizontal.bottom-left { + background-image: linear-gradient(270deg, var(--core--colors--neutral--400), transparent); + position: absolute; + inset: auto auto 0% 0%; + transform: translate(-100%); +} + +.corner-gradient-horizontal.bottom-left.dark-mode { + background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); +} + +.corner-gradient-horizontal.bottom-left.small { + background-image: linear-gradient(270deg, var(--core--colors--neutral--400), var(--core--colors--neutral--100)); +} + +.corner-gradient-horizontal.bottom-left.bottom--1px { + bottom: -1px; +} + +.corner-gradient-horizontal.top-right { + position: absolute; + inset: 0% 0% auto auto; + transform: translate(100%); +} + +.corner-gradient-horizontal.bottom-right { + position: absolute; + inset: auto 0% 0% auto; + transform: translate(100%); +} + +.corner-gradient-horizontal.bottom-right.bottom--1px { + bottom: -1px; +} + +.corner-gradient-horizontal.dark-mode { + background-image: linear-gradient(270deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); +} + +.corner-gradient-horizontal.small { + width: 72px; +} + +.corner-gradient-horizontal.small---dark-mode { + background-image: linear-gradient(270deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); + width: 72px; +} + +.corner-gradient-horizontal.small---dark-mode.bottom-left, .corner-gradient-horizontal.small---dark-mode.top-left { + background-image: linear-gradient(270deg, var(--core--colors--neutral--700), var(--core--colors--neutral--800)); +} + +.corner-gradient-vertical { + background-image: linear-gradient(180deg, transparent, var(--core--colors--neutral--400)); + width: 1px; + height: 150px; +} + +.corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7) { + height: 72px; +} + +.corner-gradient-vertical.top-left { + position: absolute; + inset: 0% auto auto 0%; + transform: translate(0, -100%); +} + +.corner-gradient-vertical.bottom-left { + background-image: linear-gradient(180deg, var(--core--colors--neutral--400), transparent); + position: absolute; + inset: auto auto 0% 0%; + transform: translate(0, 100%); +} + +.corner-gradient-vertical.top-right { + position: absolute; + inset: 0% 0% auto auto; + transform: translate(0, -100%); +} + +.corner-gradient-vertical.bottom-right { + background-image: linear-gradient(180deg, var(--core--colors--neutral--400), transparent); + position: absolute; + inset: auto 0% 0% auto; + transform: translate(0, 100%); +} + +.corner-gradient-vertical.small { + height: 76px; +} + +.corner-gradient-vertical.small---dark-mode { + background-image: linear-gradient(180deg, var(--core--colors--neutral--800), var(--core--colors--neutral--700)); + height: 72px; +} + +.cta-section { + z-index: 1; + padding-top: var(--_spacers---sections--paddings--pd-extra-small); + padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); + background-color: var(--core--colors--neutral--800); + position: relative; + overflow: hidden; +} + +.cta-section.v1 { + min-height: 560px; +} + +.cta-section.v2 { + flex-flow: column; + justify-content: center; + display: flex; +} + +.cta-section.v3 { + padding-bottom: 200px; +} + +.cta-section.v4 { + padding-top: 0; + padding-bottom: 0; +} + +.text-titles-dm { + color: var(--font--colors--title-dm); +} + +.text-paragraph-dm { + color: var(--font--colors--paragraph-dm); +} + +.cta-image { + z-index: -1; + width: 100%; + max-width: 1440px; + position: absolute; + inset: auto 0% 0% auto; +} + +.empty-state-message { + padding: var(--_spacers---main-spacers--2x-extra-small); + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + text-align: center; +} + +.blog-card-v1 { + z-index: 1; + grid-column-gap: 0px; + grid-row-gap: 0px; + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + text-decoration: none; + display: grid; + position: relative; +} + +.blog-card-v1:where(.w-variant-6381c6da-c2e1-62ef-4402-9ebe2c6dc005) { + grid-template-columns: 1fr; +} + +.blog-card-v1:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + border-top-style: solid; + border-left-style: solid; + flex: 1; + grid-template-columns: 1fr; +} + +.blog-card-v1.featured-section { + flex-flow: column; + grid-template-columns: 1fr; + height: 100%; + display: flex; +} + +.image-wrapper { + overflow: hidden; +} + +.image-wrapper.border-bottom-right { + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); +} + +.blog-v1-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--4x-extra-large); + position: relative; +} + +.blog-v1-content:where(.w-variant-6381c6da-c2e1-62ef-4402-9ebe2c6dc005) { + padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--medium); + border-top: 1px solid var(--core--colors--neutral--400); +} + +.blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--extra-large); +} + +.blog-v1-content.featured-section { + padding-top: var(--_spacers---main-spacers--large); + padding-bottom: var(--_spacers---main-spacers--large); + border-top: 1px solid var(--core--colors--neutral--400); + flex: 1; +} + +.blog-details-wrapper { + grid-column-gap: 6px; + grid-row-gap: 6px; + justify-content: flex-start; + align-items: center; + display: flex; +} + +.blog-details-wrapper.center { + justify-content: center; + align-items: center; +} + +.item-details { + color: var(--font--colors--paragraph); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + font-weight: 500; +} + +.item-details.item-link { + text-decoration: none; +} + +.item-details.item-link:hover { + color: var(--font--colors--title); +} + +.item-details-divider { + color: var(--core--colors--neutral--400); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + font-weight: 500; +} + +.bottom-right-button-wrapper { + position: absolute; + inset: auto 0% 0% auto; +} + +.icon-button { + border-style: solid none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + color: var(--font--colors--title); + text-align: center; + justify-content: center; + align-items: center; + min-width: 60px; + max-width: 60px; + min-height: 60px; + max-height: 60px; + display: flex; + position: relative; +} + +.flex-item { + flex-flow: column; + max-width: none; + max-height: none; + display: flex; +} + +.blog-v1-image-wrapper { + background-color: var(--core--colors--neutral--200); + flex-flow: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + display: flex; + overflow: hidden; +} + +.blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-top: var(--_spacers---main-spacers--extra-small); + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + background-color: var(--core--colors--neutral--100); +} + +.footer-wrapper { + background-color: var(--core--colors--neutral--800); + overflow: hidden; +} + +.footer-logo-wrapper { + border: 1px solid var(--core--colors--neutral--700); + justify-content: center; + align-items: center; + min-width: 132px; + min-height: 132px; + margin: -1px; + display: flex; +} + +.footer-button { + grid-column-gap: 6px; + grid-row-gap: 6px; + border: 1px solid var(--core--colors--neutral--700); + color: var(--font--colors--title-dm); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + background-color: #2929294d; + justify-content: center; + align-items: center; + margin-bottom: -1px; + margin-right: -1px; + font-weight: 600; + text-decoration: none; + display: flex; + position: relative; + overflow: hidden; +} + +.footer-button:hover { + color: var(--font--colors--title-dm); +} + +.corner-gradient-container { + width: 100%; + position: relative; +} + +.corner-gradient-container.row { + margin-top: -1px; +} + +.footer-middle-content { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.footer-middle-content.v2 { + grid-template-columns: 3fr 1fr; + align-items: start; +} + +.footer-pages-column { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.footer-pages-grid { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + align-items: start; +} + +.footer-pages-grid.v2 { + grid-row-gap: 0px; + grid-template-columns: 1fr 1fr 1fr; +} + +.footer-link-icon { + z-index: 1; + color: var(--font--colors--paragraph); + position: relative; +} + +.footer-link-bg { + background-color: var(--core--colors--neutral--700); + position: absolute; + inset: 0% auto 0% 0%; +} + +.footer-link-text { + z-index: 1; + position: relative; +} + +.footer-links-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + border: 1px solid var(--core--colors--neutral--700); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + margin-bottom: -1px; + margin-right: -1px; + display: grid; +} + +.footer-contact-link { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--medium); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--700); + margin-bottom: -1px; + margin-right: -1px; + text-decoration: none; + display: flex; +} + +.footer-contact-link-icon-wrapper { + background-color: var(--neutral-700-opacity-30); + color: var(--font--colors--title-dm); + justify-content: center; + align-items: center; + min-width: 56px; + max-width: 56px; + min-height: 56px; + max-height: 56px; + display: flex; + position: relative; +} + +.footer-contact-link-icon { + z-index: 1; + max-width: 24px; + position: relative; +} + +.footer-contact-link-bg { + background-color: var(--core--colors--neutral--100); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.medium { + font-weight: 500; +} + +.link-square-icon-left---dark-mode { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + color: var(--font--colors--title-dm); + justify-content: flex-start; + align-items: center; + text-decoration: none; + display: flex; +} + +.link-square-icon-left---dark-mode:hover { + color: var(--core--colors--neutral--500); +} + +.icon-40px---dark-mode { + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + justify-content: center; + align-items: center; + min-width: 40px; + max-width: 40px; + min-height: 40px; + max-height: 40px; + display: flex; +} + +.icon-18px { + min-width: 18px; + max-width: 18px; + min-height: 18px; + max-height: 18px; +} + +.text-link { + color: var(--font--colors--title-dm); + font-weight: 500; + text-decoration: none; +} + +.text-link:hover { + color: var(--core--colors--neutral--500); +} + +.hero-v2-image { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + width: 100%; + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} + +.hero-v2-content-wrapper { + left: var(--_spacers---container-default--padding--default); + right: var(--_spacers---container-default--padding--default); + z-index: 1; + text-align: center; + width: 50%; + max-width: 440px; + margin-left: auto; + margin-right: auto; + position: absolute; +} + +.logo-stirp-section { + overflow: hidden; +} + +.logo-strip-marquee-wrapper { + justify-content: center; + align-items: center; + display: flex; +} + +.logo-strip-marquee { + padding-right: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + flex: none; + display: flex; +} + +.our-mission-section-top-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; +} + +.our-mission-section-top { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-large); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + flex-flow: column; + justify-content: center; + display: flex; +} + +.our-mission-image-wrapper { + border-style: none solid solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); +} + +.tabs-menu { + z-index: 1; + grid-template-rows: auto auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: flex; + position: relative; +} + +.tab-link { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--small); + grid-column-gap: 6px; + grid-row-gap: 6px; + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + color: var(--core--colors--neutral--500); + line-height: var(--_typography---line-height--regular); + flex: 1; + justify-content: center; + align-items: center; + width: auto; + margin-right: -1px; + font-weight: 500; + transition: background-color .3s, border-color .3s, color .3s; + display: flex; +} + +.tab-link:hover { + color: var(--font--colors--title); +} + +.tab-link.w--current { + z-index: 1; + border-color: var(--core--colors--neutral--800); + background-color: var(--core--colors--neutral--300); + color: var(--font--colors--title); +} + +.tab-link.last { + margin-right: 0; +} + +.tab-pane { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: auto auto; + justify-content: space-between; + place-items: center stretch; + max-width: 665px; + margin-left: auto; + margin-right: auto; +} + +.tab-pane-image { + width: 100%; + max-width: 226px; +} + +.tab-rich-text h3 { + margin-bottom: var(--_spacers---main-spacers--4x-extra-small); + font-size: var(--_typography---font-size--displays--display-4); +} + +.tab-rich-text p { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); +} + +.tab-rich-text ul { + margin-top: var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + flex-flow: column; + padding-left: 0; + list-style-type: none; + display: flex; +} + +.tab-rich-text li { + line-height: var(--_typography---line-height--regular); + background-image: url("/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68a7919b056478f2bec24141_check-icon-dark-quantum-webflow-template.svg"); + background-position: 0 2px; + background-repeat: no-repeat; + background-size: 16px 16px; + padding-left: 20px; +} + +.tab-pane-content { + max-width: 290px; +} + +.tab-pane-wrapper { + padding: var(--_spacers---main-spacers--3x-extra-large) var(--_spacers---main-spacers--large); +} + +.tabs-content { + border-style: none solid solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); +} + +.cta-v2-image { + z-index: -1; + object-fit: cover; + object-position: 0% 50%; + width: 50%; + max-width: 668px; + height: 100%; + position: absolute; + inset: 10px 0% 10px auto; +} + +.featured-blog-grid-v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1.25fr 1fr; +} + +.featured-blog-grid-v2---right { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto 1fr; + grid-template-columns: 1fr; +} + +.secondary-blog { + padding: var(--_spacers---main-spacers--extra-large) var(--_spacers---main-spacers--medium); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + text-decoration: none; + display: flex; + position: relative; +} + +.newsletter-item { + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--800); + flex-flow: column; + justify-content: space-between; + display: flex; +} + +.newsletter-item-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-small); +} + +.featured-blog-v1-wrapper { + align-items: flex-start; + height: 100%; + display: flex; +} + +.hero-v3-content { + z-index: 1; + max-width: 370px; + margin-left: auto; + margin-right: auto; + position: relative; +} + +.hero-v3-image { + width: 100%; + margin-top: -19%; +} + +.about-v2-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1.9fr 1fr; +} + +.about-v2-left-content-wrapper { + padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--medium); + grid-row-gap: var(--_spacers---main-spacers--medium); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + flex-flow: column; + justify-content: space-between; + align-items: stretch; + display: flex; +} + +.about-v2-left-content { + max-width: 600px; + margin-left: auto; + margin-right: auto; +} + +.about-v2-right-content-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + flex-flow: column; + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-columns: 1fr; + display: flex; +} + +.about-v2-item { + padding: var(--_spacers---main-spacers--medium); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + flex: 1; + justify-content: flex-start; + align-items: center; + display: flex; +} + +.principles-tabs-wrapper { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 440px auto; + grid-auto-columns: 1fr; + justify-content: space-between; + align-items: center; + display: grid; +} + +.principles-tabs-menu { + flex-flow: column; + padding-top: 175px; + padding-bottom: 125px; + display: flex; +} + +.principles-tab-link { + padding: var(--_spacers---main-spacers--regular) 0px; + border-bottom: 1px solid var(--core--colors--neutral--300); + transform-style: preserve-3d; + background-color: #0000; + flex-flow: column; + justify-content: center; + width: 100%; + transition-property: transform; + display: flex; +} + +.principles-tab-link:hover { + transform: translate3d(4px, 0, .01px); +} + +.principles-tab-link.w--current { + background-color: #0000; +} + +.principles-tab-link.first { + min-height: 96px; + padding-top: 0; +} + +.principles-tab-link.last { + border-bottom-style: none; + min-height: 96px; + padding-bottom: 0; +} + +.tab-link-content { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.tab-link-content.display-block { + display: block; +} + +.tabs-link-text-wrapper { + overflow: hidden; +} + +.tabs-link-text { + color: var(--font--colors--paragraph); +} + +.principles-tab-image { + width: 100%; + max-width: 552px; +} + +.principles-section-top-content { + z-index: 1; + max-width: 375px; + position: absolute; + inset: 0% auto auto 0%; +} + +.principles-section-bottom-content { + z-index: 1; + position: absolute; + inset: auto auto 0% 0%; +} + +.buttons-row-v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border: 1px solid var(--core--colors--neutral--700); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.cta-v3-image { + position: absolute; + inset: auto 0% 0%; +} + +.buttons-row-wrapper-v2 { + margin-top: var(--_spacers---main-spacers--small); +} + +.testimonial-tabs-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 2fr; + grid-auto-columns: 1fr; + display: grid; +} + +.testimonial-tabs-menu { + grid-column-gap: 0px; + grid-row-gap: 0px; + flex-flow: column; + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-columns: 1fr; + display: flex; +} + +.testimonial-tabs-content { + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); +} + +.testimonial-tab-link { + padding: var(--_spacers---main-spacers--medium); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: #0000; + flex-flow: column; + flex: 1; + justify-content: center; + align-items: center; + display: flex; + position: relative; +} + +.testimonial-tab-link.w--current { + background-color: #0000; +} + +.testimonial-tab-logo { + z-index: 1; + position: relative; +} + +.testimonial-tab-pane { + height: 100%; +} + +.testimonial-tab-pane-content { + padding: var(--_spacers---main-spacers--2x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + flex-flow: column; + justify-content: space-between; + height: 100%; + display: flex; +} + +.quote-icon { + color: var(--font--colors--title); + min-width: 26px; + max-width: 26px; + min-height: 26px; + max-height: 26px; +} + +.testimonial-tab-pane-bottom-content { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + justify-content: space-between; + align-items: flex-end; + display: flex; +} + +.avatar-details-right { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.testimonial-tab-stats { + flex-flow: column; + justify-content: flex-start; + align-items: flex-end; + display: flex; +} + +.blog-grid-v3 { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.about-hero-stats-wrapper { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: auto auto auto auto; + justify-content: space-between; +} + +.stat-wrapper { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + justify-content: flex-start; + align-items: flex-end; + min-width: 180px; + display: flex; +} + +.stat-wrapper._3-digits { + min-width: 194px; +} + +.stat-text { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-10); + line-height: var(--_typography---line-height--small); + letter-spacing: var(--_typography---letter-spacing--regular); + font-weight: 500; +} + +.stat-arrow-wrapper { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + background-color: var(--core--colors--neutral--300); + color: var(--font--colors--title); + border-radius: 50%; + justify-content: center; + align-items: center; + min-width: 32px; + max-width: 32px; + min-height: 32px; + max-height: 32px; + display: flex; +} + +.stat-arrow { + min-width: 14px; + max-width: 14px; + min-height: 14px; + max-height: 14px; +} + +.container-large { + margin-top: var(--_spacers---main-spacers--regular); + padding-right: var(--_spacers---main-spacers--3x-extra-small); + padding-left: var(--_spacers---main-spacers--3x-extra-small); + justify-content: center; + align-items: center; + width: 100%; + max-width: 1162px; + margin-left: auto; + margin-right: auto; + display: flex; + position: relative; +} + +.values-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr 1fr; + width: 100%; +} + +.value-item { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + justify-content: flex-start; + align-items: center; + max-width: none; + max-height: none; + display: flex; +} + +.team-members-container { + margin: var(--_spacers---main-spacers--regular) auto; + padding-right: var(--_spacers---main-spacers--3x-extra-small); + padding-left: var(--_spacers---main-spacers--3x-extra-small); + width: 100%; + max-width: 1160px; +} + +.team-members-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.team-member-item { + padding: var(--_spacers---main-spacers--extra-small); + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr 1.8fr; + grid-auto-columns: 1fr; + justify-content: flex-start; + place-items: stretch stretch; + max-width: none; + height: 100%; + max-height: none; + display: grid; + position: relative; +} + +.avatar-link { + justify-content: center; + align-items: center; + max-width: 170px; + display: flex; + overflow: hidden; +} + +.team-member-item-content { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--2x-extra-large); +} + +.team-member-heading { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + flex-flow: wrap; + justify-content: flex-start; + align-items: flex-end; + display: flex; +} + +.team-member-job-title { + margin-bottom: 4px; +} + +.team-member-buttons-wrapper { + display: flex; + position: absolute; + inset: auto 0% 0% auto; +} + +.heading-link { + text-decoration: none; + transition-property: opacity; +} + +.heading-link:hover { + opacity: .5; +} + +.box-wrapper { + flex-flow: column; + display: flex; +} + +.box-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 3.25fr; + grid-auto-columns: 1fr; + display: grid; +} + +.box-heading-wrapper { + padding: var(--_spacers---main-spacers--regular); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); +} + +.career-category-empty-state { + padding: var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--neutral--400); + background-color: #0000; + height: 100%; + margin-bottom: -1px; + margin-right: -1px; +} + +.career-item { + z-index: 1; + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + justify-content: space-between; + align-items: center; + text-decoration: none; + display: flex; + position: relative; +} + +.career-item-details { + grid-column-gap: 6px; + grid-row-gap: 6px; + display: flex; +} + +.career-item-arrow { + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; +} + +.box-divider { + border-right: 1px solid var(--core--colors--neutral--400); + border-left: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + flex-flow: column; + height: 36px; + margin-top: -1px; + margin-bottom: -1px; + display: flex; + position: relative; +} + +.social-media-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +.social-media-link { + padding: var(--_spacers---main-spacers--extra-large) var(--_spacers---main-spacers--small); + grid-column-gap: 6px; + grid-row-gap: 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-3); + justify-content: center; + align-items: center; + font-weight: 500; + line-height: 1em; + text-decoration: none; + transition: background-color .3s, color .3s; + display: flex; +} + +.social-media-link:hover { + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); +} + +.hidden { + display: none; +} + +.cta-v4-content-wrapper { + padding-top: var(--_spacers---sections--paddings--pd-extra-small); + padding-bottom: var(--_spacers---main-spacers--2x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--5x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--5x-extra-large); + border-right: 1px solid var(--core--colors--neutral--700); + border-left: 1px solid var(--core--colors--neutral--700); + flex-flow: column; + display: flex; +} + +.cta-v4-content-top { + padding-right: var(--_spacers---main-spacers--2x-extra-large); + padding-left: var(--_spacers---main-spacers--2x-extra-large); + max-width: 694px; +} + +.cta-v4-content-bottom { + padding-right: var(--_spacers---main-spacers--2x-extra-large); + padding-left: var(--_spacers---main-spacers--2x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + border-top: 1px solid var(--core--colors--neutral--700); + border-bottom: 1px solid var(--core--colors--neutral--700); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.check-item-wrapper { + grid-column-gap: var(--_spacers---main-spacers--5x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--5x-extra-small); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.cta-v4-form-wrapper { + flex-flow: column; + width: 100%; + max-width: 465px; + display: flex; + position: relative; +} + +.category-list { + display: flex; +} + +.category-list.vertical { + flex-flow: column; +} + +.category-list.center { + justify-content: center; + align-items: center; +} + +.category-link { + padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--neutral--400); + color: var(--core--colors--neutral--500); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + background-color: #0000; + margin-bottom: -1px; + margin-right: -1px; + font-weight: 500; + text-decoration: none; + transition: border-color .3s, background-color .3s, color .3s; +} + +.category-link:hover { + color: var(--font--colors--title); +} + +.category-link.w--current { + border-color: var(--core--colors--neutral--800); + background-color: var(--core--colors--neutral--300); + color: var(--font--colors--title); + position: relative; +} + +.category-link.vertical { + text-align: left; +} + +.blog-v1-grid { + grid-column-gap: 0px; + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.pagination-wrapper { + margin-top: var(--_spacers---main-spacers--regular); + flex-flow: column; + justify-content: center; + align-items: center; + position: relative; +} + +.pagination-wrapper.v2 { + border: 1px solid var(--core--colors--neutral--400); + flex-flow: column; + justify-content: center; + align-items: center; +} + +.pagination-button-wrapper { + width: 100%; + max-width: 380px; + margin-left: auto; + margin-right: auto; + position: relative; +} + +.pagination-button { + border-color: var(--core--colors--neutral--400); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-2); + background-color: #0000; + border-radius: 0; + justify-content: center; + align-items: center; + min-width: 60px; + max-width: 60px; + min-height: 60px; + max-height: 60px; + margin-left: 0; + margin-right: auto; + padding: 0; + transition: background-color .3s, border-color .3s, color .3s; + display: flex; +} + +.pagination-button:hover { + border-color: var(--core--colors--neutral--800); + background-color: var(--core--colors--neutral--800); + color: var(--font--colors--title-dm); +} + +.pagination-button.right { + border-top-style: none; + border-bottom-style: none; + margin-left: auto; + margin-right: 0; +} + +.pagination-button.left { + border-top-style: none; + border-bottom-style: none; +} + +.pagination-border { + background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 50%, transparent); + width: 100%; + height: 1px; + position: absolute; + inset: 0% 0% auto; +} + +.pagination-border.bottom { + inset: auto 0% 0%; +} + +.page-count { + color: var(--font--colors--title); + width: auto; + margin-top: 0; + margin-left: auto; + margin-right: auto; + position: absolute; +} + +.sticky-left-grid { + grid-column-gap: var(--_spacers---main-spacers--5x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--5x-extra-large); + grid-template-rows: auto; + grid-template-columns: auto 1fr; + align-items: start; +} + +.sticky-left { + top: var(--_spacers---main-spacers--small); + position: sticky; +} + +.blog-grid-v2 { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.blog-card-v2 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border: 1px solid var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr 1.5fr; + grid-auto-columns: 1fr; + text-decoration: none; + display: grid; +} + +.blog-card-v2-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--4x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + flex-flow: column; + justify-content: space-between; + display: flex; + position: relative; +} + +.blog-card-v2-bottom { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 140px 140px auto; + grid-auto-columns: 1fr; + justify-content: flex-end; + place-items: stretch stretch; + display: grid; + position: absolute; + inset: auto 0% 0%; +} + +.blog-card-v2-detail { + padding: var(--_spacers---main-spacers--extra-small); + border-left: 1px solid var(--core--colors--neutral--400); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-align: center; + letter-spacing: var(--_typography---letter-spacing--regular); + text-transform: uppercase; + flex-flow: column; + justify-content: center; + align-items: center; + min-height: 60px; + font-weight: 500; + display: flex; +} + +.blog-card-v2-detail.first { + color: var(--core--colors--neutral--500); + border-left-style: none; +} + +.blog-card-v2-bottom-gradient { + background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400)); + width: 100%; + height: 1px; + position: absolute; + inset: 0% 0% auto; +} + +.blog-grid-v4 { + grid-column-gap: 0px; + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.header-logo-wrapper { + aspect-ratio: 1; + overflow: hidden; +} + +.header-logo-wrapper.v2 { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + aspect-ratio: auto; + border-right: 1px solid var(--core--colors--neutral--400); + display: flex; +} + +.show-light-mode:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .show-dark-mode { + display: none; +} + +.show-dark-mode:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + display: block; +} + +.header-wrapper---absolute { + position: absolute; + inset: 0% 0% auto; +} + +.hero-v4-grid { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; +} + +.hero-v4-left-content { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-large); + flex-flow: column; + max-width: 465px; + display: flex; +} + +.hero-v4-image { + width: 100%; + max-width: 314px; +} + +.heading-wrapper { + grid-column-gap: 12px; + grid-row-gap: 0px; + text-align: center; + flex-flow: wrap; + justify-content: center; + align-items: center; + display: flex; +} + +.mg-top-5x-extra-large { + margin-top: var(--_spacers---main-spacers--5x-extra-large); +} + +.team-member-item-v2-content { + padding: var(--_spacers---main-spacers--regular); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + flex-flow: column; + justify-content: center; + display: flex; +} + +.team-member-item-v2-wrapper { + flex-flow: column; + display: flex; +} + +.rich-text-side-gradient { + background-image: linear-gradient(180deg, transparent, var(--core--colors--neutral--400) 50%, transparent); + width: 1px; + height: 80%; + position: absolute; + inset: 0% auto auto 0%; +} + +.rich-text-side-gradient.right { + inset: 0% 0% auto auto; +} + +.hero-blog-single-bg-wrapper { + color: var(--core--colors--neutral--400); + justify-content: center; + align-items: center; + width: 35%; + max-width: 380px; + display: flex; + position: absolute; + inset: 0% auto auto 0%; + transform: translate(-50%, -50%); +} + +.hero-blg-single-bg-gradient { + background-image: radial-gradient(circle closest-side at 50% 50%, transparent, var(--core--colors--neutral--100)); + position: absolute; + inset: 0%; +} + +.password-protected-card-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--large); + text-align: center; + flex-flow: column; + justify-content: center; + align-items: center; + display: flex; +} + +.input-wrapper { + position: relative; +} + +.footer-v3 { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + justify-content: space-between; + align-items: center; + display: flex; + position: relative; +} + +.footer-v3-social-links { + justify-content: flex-end; + align-items: center; + display: flex; +} + +.center-content { + text-align: center; + flex-flow: column; + justify-content: center; + align-items: center; + display: flex; +} + +._404-not-found-image { + margin-bottom: var(--_spacers---main-spacers--medium); + width: 85%; + max-width: 830px; +} + +.search-grid { + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.coming-soon-content { + z-index: 1; + padding: var(--_spacers---main-spacers--2x-extra-large) 0px 0px var(--_spacers---main-spacers--2x-extra-large); + background-color: var(--core--colors--neutral--100); + max-width: 472px; + position: absolute; + inset: auto 0% 0% auto; +} + +.contact-grid { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + align-items: start; +} + +.contact-form-button-wrapper { + position: absolute; + inset: auto 0% 0% auto; +} + +.select-wrapper { + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + position: relative; +} + +.select-icon-wrapper { + -webkit-backdrop-filter: blur(200px); + backdrop-filter: blur(200px); + flex-flow: column; + justify-content: center; + align-items: flex-start; + width: 40px; + display: flex; + position: absolute; + inset: 0% 0% 0% auto; +} + +.select-icon { + color: var(--font--colors--title); + min-width: 16px; + max-width: 16px; + min-height: 16px; + max-height: 16px; +} + +.contact-form-block { + margin-bottom: 0; +} + +.contact-success-message { + padding: var(--_spacers---main-spacers--2x-extra-small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + text-align: center; + flex-flow: column; + justify-content: center; + align-items: center; + min-height: 422px; + display: flex; +} + +.contact-success-icon { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + color: var(--font--colors--title); + max-width: 64px; +} + +.contact-links-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr; +} + +.contact-v1-link { + grid-column-gap: 0px; + grid-row-gap: 0px; + border: 1px solid var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 110px 1fr; + grid-auto-columns: 1fr; + text-decoration: none; + display: grid; + position: relative; +} + +.contact-icon-wrapper { + aspect-ratio: 1; + background-color: var(--core--colors--neutral--200); + justify-content: center; + align-items: center; + display: flex; + position: relative; +} + +.contact-icon-wrapper.v2 { + background-color: var(--core--colors--neutral--300); +} + +.contact-icon { + z-index: 1; + color: var(--font--colors--title); + min-width: 26px; + max-width: 26px; + min-height: 26px; + max-height: 26px; + position: relative; +} + +.contact-icon-bg { + background-color: var(--core--colors--neutral--800); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.contact-v1-link-content { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--4x-extra-large) var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); + flex-flow: column; + justify-content: center; + display: flex; +} + +.contact-cards-grid-v1 { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-style: solid none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; +} + +.faqs-v1-wrapper { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 2fr; + align-items: start; +} + +.faqs-v1-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr; +} + +.accordion-number { + border: 1px solid var(--core--colors--neutral--800); + color: var(--font--colors--title); + text-align: center; + background-color: #0000; + justify-content: center; + align-items: center; + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; + font-weight: 500; + display: flex; +} + +.accordion-title { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-4); + line-height: var(--_typography---line-height--regular); + letter-spacing: var(--_typography---letter-spacing--regular); + font-weight: 500; +} + +.accordion-content { + margin-top: 10px; +} + +.accordion-content.v2 { + max-width: 535px; + margin-top: 0; +} + +.accordion-content.v3 { + margin-top: 0; +} + +.contact-card-v1-content { + padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-large); + flex-flow: column; + flex: 1; + justify-content: space-between; + display: flex; +} + +.contact-card-v1-image { + width: 85%; + max-width: 228px; + margin-left: auto; + margin-right: auto; + display: block; +} + +.contact-card-v1-link-wrapper { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + border-top: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); + color: var(--font--colors--title); + line-height: var(--_typography---line-height--regular); + justify-content: space-between; + align-items: center; + font-weight: 500; + display: flex; + position: relative; +} + +.contact-card-link-bg { + background-color: var(--core--colors--neutral--800); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.contact-card-v2-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; +} + +.contact-card-v2-content { + padding-top: var(--_spacers---main-spacers--medium); + padding-right: var(--_spacers---main-spacers--medium); + padding-bottom: var(--_spacers---main-spacers--4x-extra-large); +} + +.contact-card-v2-link { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + justify-content: space-between; + align-items: center; + width: 50%; + margin-bottom: -1px; + margin-right: -1px; + display: flex; + position: absolute; + inset: auto 0% 0% auto; +} + +.contact-card-v2-image { + margin: var(--_spacers---main-spacers--large) auto; + width: 75%; +} + +.contact-link-text { + z-index: 1; + color: var(--font--colors--title); + font-weight: 500; + position: relative; +} + +.contact-v2-link { + padding: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 56px 1fr; + grid-auto-columns: 1fr; + align-items: center; + text-decoration: none; + display: grid; +} + +.contact-v3-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-style: solid none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; +} + +.contact-v3-hero-content { + padding: var(--_spacers---main-spacers--large); + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); +} + +.contact-card-v3-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr; +} + +.contact-v3-form-wrapper { + z-index: 2; + position: relative; +} + +.contact-card-v3-image { + margin: var(--_spacers---main-spacers--small); + width: 65%; + max-width: 160px; +} + +.contact-card-v3-link { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + border-top: 1px solid var(--core--colors--neutral--400); + border-left: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); + justify-content: space-between; + align-items: center; + display: flex; + position: absolute; + inset: auto 0% 0%; +} + +.contact-card-v3-content { + padding-top: var(--_spacers---main-spacers--medium); + padding-right: var(--_spacers---main-spacers--medium); + padding-bottom: var(--_spacers---main-spacers--4x-extra-large); + position: relative; +} + +.faqs-v3-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + align-items: start; +} + +.faqs-v3-column { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-style: solid none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr; + margin-right: -1px; +} + +.show-in-mbl { + display: none; +} + +.hidden-on-mbl { + display: block; +} + +.hero-v5-top-content { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + justify-content: space-between; + align-items: flex-end; + display: flex; + position: relative; +} + +.hero-v5-grid---left-content { + max-width: 280px; +} + +.hero-v5-grid---right-content { + max-width: 350px; +} + +.hero-v5-image-wrapper { + z-index: -1; + width: 100%; + max-width: 1409px; + margin-top: -155px; + margin-left: auto; + margin-right: auto; + position: relative; +} + +.perks-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; +} + +.testimonial-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + border-style: solid none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1.6fr; +} + +.testimonial-card-avatar { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.avatar-border { + border: 1px solid var(--core--colors--neutral--300); +} + +.testimonial-quote-icon { + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + max-width: 28px; +} + +.career-single-grid { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-rows: auto; + grid-template-columns: 1.8fr 1fr; + align-items: start; +} + +.benefits-grid { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-template-rows: auto; + grid-template-columns: 1fr; +} + +.benefit-wrapper { + grid-column-gap: var(--_spacers---main-spacers--5x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--5x-extra-small); + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-2); + justify-content: flex-start; + align-items: center; + font-weight: 500; + display: flex; +} + +.benefits-card-button-wrapper { + position: absolute; + inset: auto 0% 0% auto; +} + +.benefit-card-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--5x-extra-large); + position: relative; +} + +.included-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; +} + +.border-wrapper { + z-index: 1; + border-top: 1px solid var(--core--colors--neutral--400); + border-left: 1px solid var(--core--colors--neutral--400); + position: relative; +} + +.blog-featured-v1-wrapper { + flex-flow: column; + width: 100%; + margin-top: -1px; + display: flex; + position: relative; +} + +.icon-button-bg { + background-color: var(--core--colors--neutral--800); + width: 0%; + position: absolute; + inset: 0% auto 0% 0%; +} + +.blog-card-v3-wrapper { + flex-flow: row; + margin-bottom: -1px; + margin-right: -1px; + display: flex; +} + +.card-accordion-v1-wrapper { + border: 1px solid var(--core--colors--neutral--400); + cursor: pointer; + margin-bottom: -1px; + margin-right: -1px; + overflow: hidden; +} + +.card-accordion-v3-wrapper { + border-style: none solid solid none; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + overflow: hidden; +} + +.testimonial-large-text { + color: var(--font--colors--title); + font-size: var(--_typography---font-size--displays--display-5); + line-height: var(--_typography---line-height--regular); + font-weight: 500; +} + +.header-left-side { + flex-flow: column; + justify-content: center; + margin-right: auto; + display: flex; +} + +.header-button { + border-left: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); + justify-content: center; + align-items: center; + min-width: 65px; + min-height: 65px; + transition-property: background-color; + display: flex; +} + +.header-button:hover { + background-color: var(--core--colors--neutral--400); + color: var(--font--colors--title); +} + +.header-button-icon { + max-width: 24px; +} + +.footer-middle-v2-content { + padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--2x-extra-large); + margin-top: -1px; + position: relative; +} + +.footer-middle-v2-heading { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-large); + border-bottom: 1px solid var(--core--colors--neutral--700); + background-color: #2929294d; + position: relative; +} + +.footer-headings-grid { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-rows: auto; + grid-template-columns: 3fr 1fr; +} + +.footer-pages-title-v2 { + padding-left: var(--_spacers---main-spacers--extra-small); + font-size: var(--_typography---font-size--displays--display-1); + line-height: var(--_typography---line-height--regular); + text-transform: uppercase; + font-weight: 500; +} + +.footer-logo-v2 { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--regular); + border-right: 1px solid var(--core--colors--neutral--700); + background-color: #2929294d; +} + +.footer-v2-logo-link { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--regular); + border-left: 1px solid var(--core--colors--neutral--700); + background-color: var(--core--colors--neutral--100); + flex-flow: column; + justify-content: center; + align-items: center; + width: 100%; + max-width: 180px; + transition: background-color .3s, color .3s; + display: flex; +} + +.footer-v2-logo-link:hover { + background-color: var(--core--colors--neutral--700); + color: var(--font--colors--title-dm); +} + +.icon-28px { + max-width: 28px; +} + +.count-up-number-animation { + display: inline-block; +} + +.principles-tab-image-wrapper { + padding: var(--_spacers---main-spacers--extra-small); + border: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--200); +} + +.coming-soon-content-wrapper { + position: relative; +} + +.button-icon-bg { + z-index: -1; + background-color: var(--core--colors--neutral--100); + border-radius: 100%; + position: absolute; + inset: -2px; + transform: scale(0); +} + +.button-icon-bg.bg-neutral-800 { + background-color: var(--core--colors--neutral--800); +} + +.button-icon-bg-inside { + z-index: -2; + background-color: var(--core--colors--neutral--500); + border-radius: 100%; + position: absolute; + inset: -2px; + transform: scale(0); +} + +.button-icon-bg-inside.bg-neutral-600 { + background-color: var(--core--colors--neutral--600); +} + +.mg-top-5px { + margin-top: 5px; +} + +.overflow-clip { + overflow: clip; +} + +.sticky-top { + z-index: 1; + position: sticky; + top: 24px; +} + +.width-67 { + width: 67%; +} + +.career-item-bg { + z-index: -1; + background-color: var(--core--colors--neutral--300); + transform-origin: 0%; + position: absolute; + inset: 0; +} + +.more-webflow-templates-sub { + color: #523ff5; + text-decoration: underline; +} + +.more-templates-p { + margin-bottom: 0; + font-size: 13px; + line-height: 1.4em; +} + +.brix-badges-wrapper { + z-index: 99999999; + width: 300px; + height: 120px; + position: fixed; + inset: auto 50px 0 auto; +} + +.more-templates-lottie { + z-index: 9999; + width: 44px; + position: absolute; + inset: -18px -19px auto auto; +} + +.hidden-code { + display: none; +} + +.more-templates-badge-wrapper { + z-index: 9991; + grid-column-gap: 10px; + grid-row-gap: 10px; + opacity: 0; + color: #666977; + background-color: #fff; + border: 1px solid #f0f0f6; + border-radius: 12px; + align-items: center; + width: 100%; + max-width: 320px; + min-height: 76px; + padding: 12px 22px 12px 18px; + text-decoration: none; + transition-property: none; + display: flex; + position: absolute; + transform: scale(.9)translate(0, 20px); + box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414; +} + +.more-templates-badge-wrapper:hover { + color: #666977; +} + +.more-templates-badge-wrapper.customization { + border-color: #4a3aff; + padding-left: 10px; +} + +.more-templates-logo { + width: 80px; +} + +.more-templates-logo.blur { + z-index: -1; + opacity: .68; + filter: blur(3px); + position: absolute; + inset: 10% 0% 20px; +} + +.more-templates-logo.customize { + width: 110px; +} + +.more-templates-logo-wrapper { + position: relative; +} + +@media screen and (min-width: 1440px) { + .utp---buttons-top { + display: flex; + } + + .utp---grid-components { + grid-column-gap: 19px; + } + + .utp---card-componets-wrapper { + padding-left: 48px; + padding-right: 48px; + } + + .card.utp---components-wrapper { + flex-direction: row; + } + + .card.typography-card { + padding-left: 48px; + padding-right: 48px; + } + + .utp---buttons-sidebar { + flex-direction: column; + display: flex; + } + + .utp---components-head-wrapper { + padding-left: 48px; + padding-right: 48px; + } + + .utp---components-head-wrapper.buttons { + grid-template-columns: 1fr 1fr 1fr; + } + + .utp---sidebar-layout-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: minmax(280px, 310px) 1fr; + grid-auto-columns: 1fr; + display: grid; + } + + .notification-bar-content { + padding-left: 0; + padding-right: 0; + } + + .notification-bar { + width: 100%; + } + + .cta-v3-image { + position: absolute; + inset: auto 0% 0%; + } +} + +@media screen and (min-width: 1920px) { + .utp---content-wrapper { + max-width: 87vw; + } + + .utp---sidebar-layout-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: minmax(280px, 310px) 1fr; + grid-auto-columns: 1fr; + max-width: 100vw; + display: grid; + } + + .text-light { + color: #fff; + } + + .corner-gradient-horizontal.top-left { + background-image: linear-gradient(90deg, var(--core--colors--neutral--100), var(--core--colors--neutral--400)); + } +} + +@media screen and (max-width: 991px) { + body { + --_spacers---main-spacers--small: 24px; + --_spacers---main-spacers--large: 48px; + --_spacers---main-spacers--regular: 32px; + --_spacers---main-spacers--extra-small: 20px; + --_spacers---main-spacers--2x-extra-small: 16px; + --_spacers---main-spacers--4x-extra-small: 8px; + --_spacers---main-spacers--2x-extra-large: 64px; + --_spacers---main-spacers--medium: 40px; + --_spacers---main-spacers--5x-extra-large: 100px; + --_spacers---main-spacers--4x-extra-large: 80px; + --_spacers---main-spacers--3x-extra-small: 12px; + --_spacers---sections--paddings--pd-default: 100px; + --_spacers---sections--paddings--pd-2x-extra-small: 48px; + --_spacers---sections--paddings--pd-small: 100px; + --_spacers---sections--paddings--pd-extra-small: 80px; + --_spacers---sizing--container--default: 1186px; + --_spacers---container-default--padding--default: var(--_spacers---main-spacers--small); + --_spacers---main-spacers--5x-extra-small: 4px; + --_spacers---main-spacers--extra-large: 56px; + --_spacers---main-spacers--3x-extra-large: 72px; + --_spacers---border-radius--br-none: 0px; + --_typography---font--family--primary-font: "Inter Tight", sans-serif; + --_typography---font-size--paragraphs--default: 1rem; + --_typography---line-height--large: 1.5em; + --_typography---letter-spacing--regular: -.03em; + --_typography---font-size--displays--display-9: 2.5rem; + --_typography---line-height--small: 1.15em; + --_typography---font-size--displays--display-7: 1.875rem; + --_typography---line-height--regular: 1.25em; + --_typography---font-size--displays--display-6: 1.75rem; + --_typography---font-size--displays--display-5: 1.5rem; + --_typography---font-size--displays--display-3: 1.125rem; + --_typography---font-size--displays--display-2: 1rem; + --_typography---font-size--paragraphs--large: 1.125rem; + --_typography---font-size--displays--display-1: .875rem; + --_typography---font-size--paragraphs--small: .875rem; + --_typography---font-size--displays--display-8: 2.25rem; + --_typography---font-size--displays--display-4: 1.25rem; + --_typography---font-size--displays--display-10: 3rem; + --_typography---font-size--base-font: 1rem; + --_typography---letter-spacing--none: 0px; + --_typography---letter-spacing--small: -.01em; + --_typography---letter-spacing--large: -.05em; + } + + blockquote { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .hamburger-menu-line:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + background-color: var(--core--colors--neutral--100); + } + + .hamburger-menu { + border-style: none none none solid; + border-width: 1px; + border-color: var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--300); + width: 66px; + height: 66px; + padding: 0; + transition: background-color .3s; + overflow: hidden; + } + + .hamburger-menu:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + border-style: solid; + border-color: var(--core--colors--neutral--700); + background-color: var(--neutral-700-opacity-30); + } + + .hamburger-menu:hover { + background-color: var(--core--colors--neutral--400); + } + + .hamburger-menu:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + background-color: var(--core--colors--neutral--700); + } + + .hamburger-menu.w--open { + background-color: var(--core--colors--neutral--300); + } + + .hamburger-menu.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + background-color: var(--core--colors--neutral--700); + } + + .hamburger-menu.w--open:hover { + background-color: var(--core--colors--neutral--400); + } + + .hamburger-menu.w--open:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + background-color: var(--core--colors--neutral--600); + } + + .utp--sidebar-wrapper { + height: auto; + max-height: none; + position: static; + overflow: visible; + } + + .display-9 { + font-size: 56px; + } + + .grid-4-columns { + grid-template-columns: 1fr 1fr; + } + + .sidebar---navbar { + padding-bottom: 24px; + } + + .inner-container._100-tablet { + max-width: 100%; + } + + .utp---typography-grid-row { + flex-direction: column; + align-items: flex-start; + } + + .utp---typography-grid-row.header { + display: none; + } + + .divider.mg-2x-extra-large { + margin-top: var(--_spacers---main-spacers--large); + margin-bottom: var(--_spacers---main-spacers--large); + } + + .divider._5x-extra-large { + margin-top: var(--_spacers---main-spacers--4x-extra-large); + margin-bottom: var(--_spacers---main-spacers--4x-extra-large); + } + + .utp---card-componets-wrapper { + width: 100%; + } + + .utp---card-componets-wrapper.v2 { + padding-left: 22px; + padding-right: 22px; + } + + .utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 { + width: 100%; + } + + .card.utp---components-wrapper { + flex-direction: column; + } + + .card.template-pages---text-card { + padding: 32px 40px; + padding: var(--_spacers---main-spacers--regular); + } + + .card.accordion-card-v1 { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + } + + .card.team-member-card-center { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .card.sales-home---text-and-image { + flex-flow: column; + } + + .card.header-dropdown-card { + margin-top: var(--_spacers---main-spacers--small); + margin-bottom: var(--_spacers---main-spacers--small); + border-style: none; + min-width: 0; + padding: 0; + } + + .card.accordin-card-v3 { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .card.perks-card { + padding: var(--_spacers---main-spacers--regular); + } + + .card.testimonial-card { + padding: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .card.testimonial-card.large { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + } + + .card.testimonial-stats { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); + justify-content: flex-start; + align-items: center; + } + + .grid-2-columns.template-page-sidebar { + grid-template-columns: .5fr 1fr; + } + + .grid-2-columns.changelog-item { + grid-column-gap: 32px; + grid-row-gap: 32px; + grid-template-columns: .3fr 1fr; + padding-top: 40px; + padding-bottom: 40px; + } + + .grid-2-columns.surprises-image { + margin-top: var(--_spacers---main-spacers--4x-extra-large); + grid-column-gap: var(--_spacers---main-spacers--medium); + } + + .paragraph-large { + font-size: 22px; + } + + .utp---content-wrapper { + max-width: none; + padding-left: 24px; + padding-right: 24px; + } + + .display-8 { + font-size: 40px; + } + + .avatar-image._140px { + width: 120px; + min-width: 120px; + max-width: 120%; + height: 120px; + min-height: 120px; + max-height: 120px; + } + + .display-7 { + font-size: 32px; + } + + .utp---components-head-wrapper { + width: 100%; + } + + .utp---components-head-wrapper.buttons { + grid-template-columns: 1fr 1fr 1fr; + } + + .utp---sidebar-layout-wrapper { + grid-template-columns: minmax(100%, 1fr); + } + + .grid-1-column.gap-row-300px { + grid-row-gap: 250px; + } + + .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { + min-width: 120px; + max-width: 120px; + min-height: 120px; + max-height: 120px; + } + + .section.sales-home-hero { + padding-top: 140px; + } + + .section.small { + padding-top: var(--sections--paddings--pd-large\); + padding-bottom: var(--sections--paddings--pd-large\); + } + + .section.hero-v1 { + padding-top: var(--_spacers---main-spacers--2x-extra-large); + } + + .section.coming-soon-page { + padding-top: var(--_spacers---main-spacers--large); + padding-bottom: var(--_spacers---main-spacers--4x-extra-large); + } + + .header-content { + padding-left: var(--_spacers---container-default--padding--default); + margin-left: 0; + margin-right: 0; + } + + .nav-menu { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---container-default--padding--default); + border-bottom: 1px solid var(--core--colors--neutral--400); + background-color: var(--core--colors--neutral--100); + } + + .list-nav-menu { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + flex-flow: column; + justify-content: flex-start; + align-items: flex-start; + } + + .link-nav-item { + margin-left: -10px; + display: flex; + } + + .dropdown-toggle { + display: inline-flex; + } + + .dropdown-toggle:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .dropdown-toggle.w--open:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title); + } + + .dropdown-content-wrapper { + width: auto; + max-width: none; + position: static; + transform: none; + } + + .header-right-side { + grid-column-gap: 0px; + grid-row-gap: 0px; + } + + .header-dropdown { + width: 100%; + margin-left: 0; + margin-right: 0; + } + + .footer-main-section { + padding-left: 0; + padding-right: 0; + } + + .footer-top { + text-align: center; + } + + .footer-top.v2 { + padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--regular); + text-align: left; + } + + .footer-middle { + padding: var(--_spacers---main-spacers--2x-extra-large) var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: 64px; + flex-flow: column; + } + + .footer-logo { + padding: 0; + } + + .footer-link.border-bottom---tablet { + border-bottom-style: solid; + } + + .footer-bottom { + text-align: center; + flex-flow: column; + } + + .footer-bottom.v2 { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .social-square-icon-link:where(.w-variant-08043351-451d-d61e-1bac-dd833edfff98) { + border-top-style: solid; + } + + .top-section { + padding-top: 64px; + } + + .integration-circle-icon { + max-width: 88px; + } + + .hidden-on-tablet { + display: none; + } + + .sales-home---hero-link-wrapper { + max-width: 240px; + } + + .text-and-image-card---text-container { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + order: -1; + width: 100%; + max-width: none; + } + + .text-and-image-card---image-wrapper { + width: 100%; + } + + .grid-pages { + grid-template-columns: 1fr 1fr; + } + + .sales-home---cta-card-text-container { + padding: var(--_spacers---main-spacers--regular); + } + + .button-icon-wrapper.footer { + right: 80px; + } + + .button-content.footer { + padding: var(--_spacers---main-spacers--extra-small) 104px var(--_spacers---main-spacers--extra-small) 80px; + min-height: 100px; + } + + .link:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a), .link:hover:where(.w-variant-148f227b-75f6-3811-413f-b14342bdb68a) { + color: var(--font--colors--title); + } + + .pages-column { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + } + + .hero-v1-bg-wrapper { + width: 90%; + max-width: 380px; + } + + .about-section-top-content { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .about-section-bg { + overflow: hidden; + } + + .title-left-content-right { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + flex-flow: wrap; + } + + .corner-gradient-horizontal { + width: 64px; + } + + .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { + width: 48px; + } + + .corner-gradient-vertical { + height: 64px; + } + + .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { + height: 48px; + } + + .cta-section.v1 { + min-height: 0; + padding-bottom: 0; + } + + .cta-section.v3 { + padding-bottom: var(--_spacers---sections--paddings--pd-extra-small); + } + + .cta-image { + margin-top: -19%; + position: static; + } + + .blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-bottom: var(--_spacers---main-spacers--large); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .blog-v1-content.featured-section { + padding-top: var(--_spacers---main-spacers--regular); + padding-bottom: var(--_spacers---main-spacers--regular); + } + + .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .footer-logo-wrapper { + min-width: 100px; + min-height: 100px; + } + + .footer-middle-content { + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-columns: 1fr; + } + + .footer-middle-content.v2 { + grid-template-columns: 2fr 1fr; + } + + .footer-pages-grid.v2 { + grid-template-columns: 1fr 1fr; + } + + .footer-contact-link { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--regular); + flex-flow: column; + } + + .hero-v2-content-wrapper { + width: 52%; + max-width: 400px; + } + + .our-mission-section-top { + padding: var(--_spacers---main-spacers--regular); + } + + .tab-pane-wrapper { + padding: var(--_spacers---main-spacers--large) var(--_spacers---main-spacers--regular); + } + + .cta-v2-image { + width: 75%; + inset: 0 auto 0 50%; + } + + .secondary-blog { + padding: var(--_spacers---main-spacers--regular); + } + + .newsletter-item-content { + padding-top: var(--_spacers---main-spacers--regular); + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .about-v2-grid { + grid-template-columns: 1.9fr; + } + + .about-v2-left-content-wrapper { + padding: var(--_spacers---main-spacers--regular); + border-bottom: 1px solid var(--core--colors--neutral--400); + } + + .about-v2-left-content { + max-width: 100%; + } + + .about-v2-right-content-wrapper { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; + } + + .about-v2-item { + padding: var(--_spacers---main-spacers--regular); + flex-flow: column; + justify-content: flex-start; + align-items: flex-start; + } + + .principles-tabs-wrapper { + grid-column-gap: var(--_spacers---main-spacers--medium); + grid-template-columns: 1.2fr 1fr; + } + + .principles-tabs-menu { + padding-top: 0; + padding-bottom: 0; + } + + .principles-tab-image { + max-width: none; + } + + .principles-section-top-content { + margin-bottom: var(--_spacers---main-spacers--regular); + max-width: none; + position: static; + } + + .principles-section-bottom-content { + margin-top: var(--_spacers---main-spacers--regular); + display: flex; + position: static; + } + + .testimonial-tabs-wrapper { + grid-template-columns: 1fr; + } + + .testimonial-tabs-menu { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-rows: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; + } + + .testimonial-tab-link { + padding: var(--_spacers---main-spacers--regular); + } + + .testimonial-tab-pane-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); + } + + .stat-wrapper { + min-width: 145px; + } + + .stat-wrapper._3-digits { + min-width: 154px; + } + + .stat-arrow-wrapper { + min-width: 28px; + max-width: 28px; + min-height: 28px; + max-height: 28px; + } + + .stat-arrow { + min-width: 12px; + max-width: 12px; + min-height: 12px; + max-height: 12px; + } + + .container-large { + padding-right: var(--_spacers---container-default--padding--default); + padding-left: var(--_spacers---container-default--padding--default); + } + + .values-grid { + grid-template-columns: 1fr 1fr; + } + + .team-members-grid { + grid-template-columns: 1fr; + } + + .team-member-item { + grid-template-columns: 170px 1.8fr; + } + + .social-media-link { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--2x-extra-small); + } + + .cta-v4-content-wrapper { + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + } + + .cta-v4-content-top { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .cta-v4-content-bottom { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + border-top-style: none; + border-bottom-style: none; + flex-flow: column; + justify-content: flex-start; + align-items: flex-start; + } + + .category-list.vertical { + flex-flow: row; + } + + .blog-v1-grid { + grid-template-columns: 1fr 1fr; + } + + .blog-v1-grid._1-col-tablet { + grid-template-columns: 1fr; + } + + .sticky-left-grid { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: auto; + } + + .sticky-left { + position: static; + } + + .header-logo-wrapper.v2 { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .hero-v4-grid { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .hero-v4-left-content { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-large); + } + + .mg-top-5x-extra-large { + margin-top: var(--_spacers---main-spacers--4x-extra-large); + } + + .footer-v3 { + padding-top: var(--_spacers---main-spacers--small); + padding-right: var(--_spacers---container-default--padding--default); + padding-left: var(--_spacers---container-default--padding--default); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + flex-flow: column; + } + + ._404-not-found-image { + margin-bottom: var(--_spacers---main-spacers--regular); + } + + .search-grid { + grid-template-columns: 1fr 1fr; + } + + .coming-soon-content { + padding-top: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + max-width: 430px; + } + + .contact-v1-link { + grid-template-columns: 100px 1fr; + } + + .contact-v1-link-content { + padding-left: var(--_spacers---main-spacers--small); + } + + .contact-card-v1-content { + padding-top: var(--_spacers---main-spacers--medium); + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + grid-column-gap: var(--_spacers---main-spacers--medium); + grid-row-gap: var(--_spacers---main-spacers--medium); + } + + .contact-card-v1-link-wrapper { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .contact-card-v2-grid { + grid-template-columns: 1fr; + } + + .contact-card-v2-link { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + width: auto; + } + + .contact-v2-link { + padding: var(--_spacers---main-spacers--extra-small); + } + + .contact-v3-grid { + grid-template-columns: 1fr; + } + + .contact-v3-hero-content { + padding: var(--_spacers---main-spacers--regular); + } + + .contact-card-v3-content { + padding-top: var(--_spacers---main-spacers--regular); + padding-right: var(--_spacers---main-spacers--regular); + } + + .hero-v5-image-wrapper { + margin-top: var(--_spacers---main-spacers--medium); + } + + .perks-grid, .testimonial-grid { + grid-template-columns: 1fr 1fr; + } + + .career-single-grid { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: 2fr; + } + + .benefit-card-content { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .included-grid { + grid-template-columns: 1fr; + } + + .footer-middle-v2-content { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--regular); + } + + .footer-middle-v2-heading { + padding-right: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--regular); + } + + .footer-headings-grid { + grid-template-columns: 2fr 1fr; + } + + .footer-logo-v2 { + border-bottom: 1px solid var(--core--colors--neutral--700); + border-right-style: none; + } + + .footer-v2-logo-link { + max-width: none; + margin-left: auto; + margin-right: auto; + } + + .about-hero-lottie { + margin-left: -25%; + margin-right: -25%; + } + + .brix-badges-wrapper { + right: 35px; + } +} + +@media screen and (max-width: 767px) { + body { + --_spacers---main-spacers--small: 24px; + --_spacers---main-spacers--large: 48px; + --_spacers---main-spacers--regular: 32px; + --_spacers---main-spacers--extra-small: 20px; + --_spacers---main-spacers--2x-extra-small: 16px; + --_spacers---main-spacers--4x-extra-small: 8px; + --_spacers---main-spacers--2x-extra-large: 64px; + --_spacers---main-spacers--medium: 40px; + --_spacers---main-spacers--5x-extra-large: 100px; + --_spacers---main-spacers--4x-extra-large: 80px; + --_spacers---main-spacers--3x-extra-small: 12px; + --_spacers---sections--paddings--pd-default: 80px; + --_spacers---sections--paddings--pd-2x-extra-small: 40px; + --_spacers---sections--paddings--pd-small: 80px; + --_spacers---sections--paddings--pd-extra-small: 64px; + --_spacers---sizing--container--default: 1186px; + --_spacers---container-default--padding--default: var(--_spacers---main-spacers--extra-small); + --_spacers---main-spacers--5x-extra-small: 4px; + --_spacers---main-spacers--extra-large: 56px; + --_spacers---main-spacers--3x-extra-large: 72px; + --_spacers---border-radius--br-none: 0px; + --_typography---font--family--primary-font: "Inter Tight", sans-serif; + --_typography---font-size--paragraphs--default: .875rem; + --_typography---line-height--large: 1.5em; + --_typography---letter-spacing--regular: -.03em; + --_typography---font-size--displays--display-9: 2.25rem; + --_typography---line-height--small: 1.15em; + --_typography---font-size--displays--display-7: 1.75rem; + --_typography---line-height--regular: 1.25em; + --_typography---font-size--displays--display-6: 1.375rem; + --_typography---font-size--displays--display-5: 1.25rem; + --_typography---font-size--displays--display-3: 1rem; + --_typography---font-size--displays--display-2: .875rem; + --_typography---font-size--paragraphs--large: 1rem; + --_typography---font-size--displays--display-1: .75rem; + --_typography---font-size--paragraphs--small: .75rem; + --_typography---font-size--displays--display-8: 2rem; + --_typography---font-size--displays--display-4: 1.125rem; + --_typography---font-size--displays--display-10: 2.5rem; + --_typography---font-size--base-font: 1rem; + --_typography---letter-spacing--none: 0px; + --_typography---letter-spacing--small: -.01em; + --_typography---letter-spacing--large: -.05em; + } + + ul, ol { + padding-left: 32px; + } + + blockquote { + margin-top: var(--_spacers---main-spacers--small); + margin-bottom: var(--_spacers---main-spacers--small); + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .utp---nav-menu-wrapper { + background-color: #fff; + border-top: 1px solid #f1f3f7; + border-bottom: 1px solid #f1f3f7; + padding: 24px; + } + + .utp---buttons-sidebar-item-wrapper { + grid-column-gap: 32px; + grid-row-gap: 32px; + padding-top: 32px; + padding-bottom: 32px; + } + + .utp---sidebar-top { + margin-right: auto; + } + + .input { + padding: var(--_spacers---main-spacers--2x-extra-small); + min-height: 48px; + } + + .input.search-button-inside, .input.enter-now-button-inside { + height: 60px; + } + + .input.dark-mode.newsletter, .input.contact-form { + min-height: 48px; + } + + .input.select-form { + padding-top: var(--_spacers---main-spacers--4x-extra-small); + padding-bottom: var(--_spacers---main-spacers--4x-extra-small); + min-height: 47px; + } + + .utp---grid-components { + grid-row-gap: 32px; + } + + .primary-button.square { + width: 40px; + min-width: 40px; + max-width: 40px; + height: 40px; + min-height: 40px; + max-height: 40px; + } + + .hamburger-menu-line { + width: 24px; + } + + .hamburger-menu { + width: 56px; + height: 56px; + } + + .utp--sidebar-wrapper { + flex-direction: row; + align-items: stretch; + display: flex; + } + + .display-9 { + font-size: 42px; + } + + .sidebar---navbar { + justify-content: space-between; + align-items: center; + width: 100%; + padding-top: 24px; + display: flex; + } + + .inner-container._100-mbl { + max-width: 100%; + } + + .logo-link { + font-size: 24px; + } + + .utp---sidebar-dropdown-button { + padding: 0; + } + + .mg-top-large { + margin-top: var(--_spacers---main-spacers--regular); + } + + .divider._40px { + margin-top: 32px; + margin-bottom: 32px; + } + + .divider._24px { + margin-top: 16px; + margin-bottom: 16px; + } + + .divider.mg-2x-extra-large { + margin-top: var(--_spacers---main-spacers--medium); + margin-bottom: var(--_spacers---main-spacers--medium); + } + + .divider._5x-extra-large { + margin-top: var(--_spacers---main-spacers--2x-extra-large); + margin-bottom: var(--_spacers---main-spacers--2x-extra-large); + } + + .utp---card-componets-wrapper { + padding-top: 32px; + padding-bottom: 32px; + } + + .card.utp---icon-font { + padding: 32px 24px; + } + + .card.typography-card { + padding-top: 32px; + padding-bottom: 32px; + } + + .card.template-pages---sticky-card { + position: static; + top: auto; + } + + .card.template-pages---text-card { + padding-left: 32px; + padding-right: 32px; + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .card.accordion-card-v1 { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + grid-template-columns: 40px 1fr 16px; + } + + .card.team-member-card-center { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); + } + + .card.search-results-link-card { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .card.header-dropdown-card { + margin-top: var(--_spacers---main-spacers--extra-small); + margin-bottom: var(--_spacers---main-spacers--extra-small); + } + + .card.principles-card { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-template-rows: auto; + grid-template-columns: 1fr 1.5fr; + grid-auto-columns: 1fr; + align-items: center; + display: grid; + } + + .card.team-member-item-v2 { + grid-template-columns: 1fr 2.25fr; + position: relative; + } + + .card.accordion-card-v2 { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .card.perks-card { + padding: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .card.testimonial-card { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + } + + .card.testimonial-card.large { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .card.testimonial-stats { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--large); + grid-row-gap: var(--_spacers---main-spacers--large); + } + + .grid-2-columns, .grid-2-columns.template-page-sidebar { + grid-template-columns: 1fr; + } + + .grid-2-columns.changelog-item { + grid-column-gap: 24px; + grid-row-gap: 24px; + grid-template-columns: .4fr 1fr; + } + + .grid-2-columns.contact-form-grid { + min-height: 312px; + } + + .grid-2-columns.surprises-image { + margin-top: var(--_spacers---main-spacers--2x-extra-large); + grid-row-gap: var(--_spacers---main-spacers--medium); + grid-template-columns: 1fr; + } + + .grid-2-columns.surprises-image.image-left { + grid-template-columns: 1fr; + } + + .paragraph-large { + font-size: 20px; + } + + .utp---sidebar-dropdown-list.w--open { + max-width: 100%; + } + + .utp---components-wrapper.avatars { + grid-template-columns: 1fr; + } + + .secondary-button.square { + width: 40px; + min-width: 40px; + max-width: 40px; + height: 40px; + min-height: 40px; + max-height: 40px; + } + + .display-8 { + font-size: 36px; + } + + .hidden-on-mobile-landscape { + display: none; + } + + .avatar-image._140px { + width: 100px; + min-width: 100px; + max-width: 100%; + height: 100px; + min-height: 100px; + max-height: 100px; + } + + .mg-top-small { + margin-top: var(--_spacers---main-spacers--extra-small); + } + + .utp---sidebar-bottom { + grid-row-gap: 24px; + } + + .utp---sidebar-layout-wrapper { + grid-template-columns: minmax(170px, 1fr); + } + + .mg-top-24px { + margin-top: var(--main-spacers--2x-extra-small\); + } + + .grid-1-column { + grid-row-gap: 20px; + } + + .grid-1-column.gap-row-48px { + grid-row-gap: 40px; + } + + .grid-1-column.gap-row-300px { + grid-row-gap: 220px; + } + + .text-area { + padding: var(--_spacers---main-spacers--2x-extra-small); + min-height: 120px; + } + + .utp---color-block { + border-radius: 16px; + } + + .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { + min-width: 100px; + max-width: 100px; + min-height: 100px; + max-height: 100px; + } + + .utp---card-color { + border-radius: 20px; + } + + .section.sales-home-hero { + padding-top: 120px; + } + + .section.small { + padding-top: var(--sections--paddings--pd-medium\); + padding-bottom: var(--sections--paddings--pd-medium\); + } + + .section.hero-v1 { + padding-top: var(--_spacers---main-spacers--large); + } + + .section.hero-v2 { + padding-bottom: var(--_spacers---main-spacers--large); + } + + .section.hero-v4 { + padding-top: 100px; + padding-bottom: var(--_spacers---sections--paddings--pd-default); + } + + .section.coming-soon-page { + padding-top: var(--_spacers---main-spacers--medium); + padding-bottom: var(--_spacers---main-spacers--2x-extra-large); + } + + .mg-bottom-32px { + margin-bottom: 24px; + } + + .start-here-image { + margin-bottom: var(--_spacers---main-spacers--regular); + } + + .mg-bottom-16px { + margin-bottom: 12px; + } + + .buttons-row { + grid-column-gap: 12px; + } + + .pd-top-medium { + padding-top: 16px; + } + + .mg-bottom-40px { + margin-bottom: 32px; + } + + .mg-bottom-24px { + margin-bottom: 20px; + } + + .mg-bottom-48px { + margin-bottom: 40px; + } + + .notification-bar-content { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + } + + .notification-bar-content.v2 { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + text-align: center; + flex-flow: column; + } + + .notification-bar-content.v1 { + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + flex-flow: column; + } + + .notification-bar-content.v3 { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + text-align: center; + flex-flow: column; + } + + .notification-bar { + text-align: center; + } + + .nav-menu { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + } + + .list-nav-menu { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + } + + .link-nav-item.mbl-button { + margin-left: 0; + display: flex; + } + + .dropdown-toggle { + grid-column-gap: 4px; + } + + .footer-top.v2 { + padding: var(--_spacers---main-spacers--medium) var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + flex-flow: column; + justify-content: space-between; + align-items: flex-start; + } + + .footer-middle { + padding: var(--_spacers---main-spacers--large) 0px; + } + + .footer-middle.v2 { + grid-row-gap: 48px; + } + + .footer-logo { + max-width: 100px; + } + + .mg-bottom-20px { + margin-bottom: 16px; + } + + .footer-link.border-bottom---mbl { + border-bottom-style: solid; + } + + .footer-bottom { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + text-align: center; + flex-flow: column; + } + + .social-square-icon-link { + max-height: var(--_spacers---main-spacers--large); + max-width: var(--_spacers---main-spacers--large); + min-height: var(--_spacers---main-spacers--large); + min-width: var(--_spacers---main-spacers--large); + } + + .social-square-icon-link:where(.w-variant-c7afc106-7cd0-42c6-0b89-0e485e1826a2) { + border-style: solid none none solid; + } + + .mg-bottom-12px { + margin-bottom: 8px; + } + + .top-section { + padding-top: 56px; + } + + .accordion-arrow { + margin-top: 4px; + } + + .rich-text h2 { + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + } + + .rich-text h4 { + margin-top: var(--_spacers---main-spacers--regular); + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + } + + .rich-text ul { + margin-top: var(--_spacers---main-spacers--extra-small); + margin-bottom: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--regular); + } + + .rich-text figure { + margin-top: var(--_spacers---main-spacers--regular); + margin-bottom: var(--_spacers---main-spacers--regular); + } + + .rich-text img { + border-radius: 12px; + } + + .rich-text ol { + margin-top: var(--_spacers---main-spacers--3x-extra-small); + margin-bottom: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--regular); + } + + .rich-text h3, .rich-text h5, .rich-text h6 { + margin-top: var(--_spacers---main-spacers--regular); + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + } + + .rich-text p, .rich-text h1 { + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + } + + .integration-circle-icon { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + min-width: 72px; + max-width: 72px; + min-height: 72px; + max-height: 72px; + } + + .snippet-wrapper { + border-radius: 0 20px 20px; + } + + .sales-home---pages-container { + margin-top: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + } + + .sales-home---pages-row { + grid-column-gap: var(--main-spacers--2x-extra-small\); + grid-row-gap: var(--main-spacers--2x-extra-small\); + } + + .sales-home---hero-link-wrapper { + max-width: 200px; + } + + .card-pages-included---bottom-content { + padding: var(--_spacers---main-spacers--small); + } + + .text-and-image-card---text-container { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .max-width-64px { + max-width: 56px; + } + + .card-page---bottom-content { + padding: var(--_spacers---main-spacers--small); + } + + .grid-pages { + grid-template-columns: 1fr; + } + + .center-content-mbl { + text-align: center; + flex-flow: column; + align-items: center; + display: flex; + } + + .sales-home---cta-card-text-container { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .logo-icon { + width: 36px; + } + + .logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { + width: 48px; + } + + .button-icon-wrapper.footer { + right: 48px; + } + + .squared-icon { + min-width: 14px; + max-width: 14px; + min-height: 14px; + max-height: 14px; + } + + .button-content { + padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--2x-extra-small); + } + + .button-content.square { + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; + } + + .button-content.footer { + padding: var(--_spacers---main-spacers--2x-extra-small) 72px var(--_spacers---main-spacers--2x-extra-small) 48px; + min-height: 80px; + } + + .icon-square { + max-width: 48px; + } + + .form-button { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--extra-small); + min-height: 48px; + } + + .header-dropdown-grid { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: auto; + } + + .pages-column { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + } + + .dropdown-icon { + min-width: 14px; + max-width: 14px; + min-height: 14px; + max-height: 14px; + } + + .hero-v1-grid { + grid-row-gap: var(--_spacers---main-spacers--large); + grid-template-columns: 1fr; + } + + .about-section-wrapper { + padding-top: var(--_spacers---main-spacers--2x-extra-large); + } + + .about-text { + font-size: var(--_typography---font-size--displays--display-4); + } + + .about-section-top-content { + padding-right: var(--_spacers---main-spacers--3x-extra-small); + padding-left: var(--_spacers---main-spacers--3x-extra-small); + } + + .about-section-bottom-content, .mg-top-regular { + margin-top: var(--_spacers---main-spacers--small); + } + + .integration-marquee-item { + min-width: 64px; + max-width: 64px; + min-height: 64px; + max-height: 64px; + } + + .principles-grid { + grid-template-columns: 1fr; + } + + .corner-gradient-horizontal { + width: 48px; + } + + .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { + width: 32px; + } + + .corner-gradient-vertical { + height: 48px; + } + + .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { + height: 32px; + } + + .cta-section.v2 { + padding-bottom: 0; + } + + .cta-image { + margin-top: -15%; + } + + .blog-card-v1 { + grid-template-columns: 1fr; + } + + .blog-card-v1.featured-section { + height: auto; + } + + .blog-v1-content { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--medium); + } + + .blog-v1-content.featured-section { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .icon-button { + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; + } + + .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-top: var(--_spacers---main-spacers--extra-small); + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .footer-logo-wrapper { + min-width: 80px; + min-height: 80px; + } + + .footer-middle-content.v2 { + grid-template-columns: 1fr 1fr; + } + + .footer-pages-grid.v2 { + grid-template-columns: 1fr; + } + + .footer-contact-link { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .icon-40px---dark-mode { + min-width: 32px; + max-width: 32px; + min-height: 32px; + max-height: 32px; + } + + .hero-v2-image { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .hero-v2-content-wrapper { + width: 70%; + max-width: 360px; + } + + .logo-strip-marquee { + padding-right: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .logo-strip-item { + max-width: 100px; + } + + .our-mission-section-top-wrapper { + grid-template-columns: 1fr; + } + + .our-mission-section-top { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .our-mission-image-wrapper { + overflow: hidden; + } + + .tab-link { + padding: var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--3x-extra-small); + } + + .tab-pane { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: auto; + justify-items: center; + max-width: none; + } + + .tab-pane-image { + max-width: 160px; + } + + .tab-pane-content { + width: 100%; + max-width: none; + } + + .tab-pane-wrapper { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--extra-small); + } + + .cta-v2-image { + margin-top: var(--_spacers---main-spacers--large); + width: auto; + max-width: none; + position: static; + } + + .featured-blog-grid-v2 { + grid-template-columns: 1.25fr; + } + + .secondary-blog-grid { + grid-template-rows: auto; + grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; + display: grid; + } + + .secondary-blog { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + height: 100%; + } + + .newsletter-item-content { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .about-v2-left-content-wrapper { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .about-v2-item { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .principles-tabs-wrapper { + grid-row-gap: var(--_spacers---main-spacers--medium); + grid-template-columns: 1fr; + } + + .principles-tab-link { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + } + + .principles-tab-image { + justify-content: center; + align-items: center; + max-height: 340px; + display: flex; + overflow: hidden; + } + + .buttons-row-wrapper-v2 { + margin-top: var(--_spacers---main-spacers--extra-small); + } + + .testimonial-tab-link { + padding: var(--_spacers---main-spacers--extra-small); + } + + .testimonial-tab-logo { + max-width: 100px; + } + + .testimonial-tab-pane-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--extra-small); + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + } + + .blog-grid-v3 { + grid-template-columns: 1fr; + } + + .about-hero-stats-wrapper { + text-align: center; + grid-template-columns: 1fr 1fr; + justify-items: center; + } + + .stat-wrapper, .stat-wrapper._3-digits { + min-width: 120px; + } + + .stat-wrapper.center-mbl { + justify-content: center; + align-items: flex-end; + } + + .stat-arrow-wrapper { + margin-bottom: var(--_spacers---main-spacers--4x-extra-small); + } + + .container-large { + margin-top: var(--_spacers---main-spacers--small); + } + + .value-item { + padding: var(--_spacers---main-spacers--extra-small); + } + + .team-member-item { + grid-column-gap: var(--_spacers---main-spacers--extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + } + + .team-member-item-content { + padding-top: var(--_spacers---main-spacers--extra-small); + padding-bottom: var(--_spacers---main-spacers--large); + } + + .box-grid { + grid-template-columns: 1fr 2.25fr; + } + + .box-heading-wrapper, .career-item { + padding: var(--_spacers---main-spacers--extra-small); + } + + .social-media-grid { + grid-template-columns: 1fr 1fr; + } + + .social-media-link { + padding-top: var(--_spacers---main-spacers--regular); + padding-bottom: var(--_spacers---main-spacers--regular); + } + + .cta-v4-content-wrapper { + padding-bottom: var(--_spacers---main-spacers--large); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .cta-v4-content-top, .cta-v4-content-bottom { + padding-right: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--extra-small); + } + + .blog-v1-grid { + grid-row-gap: var(--_spacers---main-spacers--small); + grid-template-columns: 1fr; + } + + .pagination-border { + background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 25%, var(--core--colors--neutral--400) 75%, transparent); + } + + .blog-card-v2 { + grid-template-columns: 1fr; + } + + .blog-card-v2-content { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--3x-extra-large); + } + + .blog-card-v2-bottom { + grid-template-columns: 120px 120px auto; + } + + .blog-card-v2-detail { + padding: var(--_spacers---main-spacers--3x-extra-small) var(--_spacers---main-spacers--2x-extra-small); + min-height: 48px; + } + + .blog-grid-v4 { + grid-template-columns: 1fr; + } + + .header-logo-wrapper.v2 { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .hero-v4-grid { + grid-template-columns: 1fr; + } + + .hero-v4-left-content { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + max-width: 100%; + } + + .hero-v4-image { + max-width: 180px; + } + + .mg-top-5x-extra-large { + margin-top: var(--_spacers---main-spacers--2x-extra-large); + } + + .team-member-item-v2-content { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-large); + } + + .team-member-item-v2-wrapper { + flex-flow: row; + position: absolute; + inset: auto 0% 0% auto; + } + + .rich-text-side-gradient { + display: none; + } + + ._404-not-found-image { + margin-bottom: var(--_spacers---main-spacers--small); + } + + .search-grid { + grid-template-columns: 1fr; + } + + .coming-soon-content { + padding-top: var(--_spacers---main-spacers--extra-small); + padding-left: var(--_spacers---main-spacers--small); + width: 75%; + } + + .contact-grid { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: 1fr; + } + + .select-icon-wrapper { + width: 32px; + } + + .contact-success-message { + min-height: 312px; + } + + .contact-success-icon { + margin-bottom: var(--_spacers---main-spacers--3x-extra-small); + max-width: 48px; + } + + .contact-cards-grid-v1 { + grid-template-columns: 1fr; + } + + .faqs-v1-wrapper { + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + grid-template-columns: 1fr; + } + + .accordion-number { + min-width: 40px; + max-width: 40px; + min-height: 40px; + max-height: 40px; + } + + .accordion-content { + margin-top: 8px; + } + + .contact-card-v1-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small) var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--regular); + grid-row-gap: var(--_spacers---main-spacers--regular); + } + + .contact-card-v2-link { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .contact-v3-hero-content { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .contact-card-v3-content { + padding-top: var(--_spacers---main-spacers--small); + padding-right: var(--_spacers---main-spacers--extra-small); + } + + .faqs-v3-grid { + grid-template-columns: 1fr; + } + + .faqs-v3-column.right { + border-top-style: none; + } + + .show-in-mbl { + display: block; + } + + .hidden-on-mbl { + display: none; + } + + .hero-v5-top-content { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + text-align: center; + flex-flow: column; + align-items: center; + } + + .hero-v5-grid---left-content { + max-width: 100%; + } + + .hero-v5-grid---right-content { + flex-flow: column; + align-items: center; + max-width: 100%; + display: flex; + } + + .hero-v5-image-wrapper { + margin-top: var(--_spacers---main-spacers--regular); + } + + .testimonial-grid { + grid-template-columns: 1fr; + } + + .benefit-card-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--3x-extra-large); + } + + .testimonial-large-text { + font-size: var(--_typography---font-size--displays--display-4); + } + + .header-button { + min-width: 56px; + min-height: 56px; + display: none; + } + + .footer-middle-v2-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--small); + } + + .footer-middle-v2-heading { + padding-right: var(--_spacers---main-spacers--small); + padding-left: var(--_spacers---main-spacers--small); + } + + .footer-headings-grid { + grid-template-columns: 1fr 1fr; + } + + .our-mission-image { + margin-left: -20%; + margin-right: -20%; + } + + .about-hero-lottie { + margin-left: -40%; + margin-right: -40%; + } + + .sticky-top.static-mbl { + position: static; + top: auto; + } + + .max-width-280px-mbl { + max-width: 280px; + } +} + +@media screen and (max-width: 479px) { + body { + --_spacers---main-spacers--small: 24px; + --_spacers---main-spacers--large: 48px; + --_spacers---main-spacers--regular: 32px; + --_spacers---main-spacers--extra-small: 20px; + --_spacers---main-spacers--2x-extra-small: 16px; + --_spacers---main-spacers--4x-extra-small: 8px; + --_spacers---main-spacers--2x-extra-large: 64px; + --_spacers---main-spacers--medium: 40px; + --_spacers---main-spacers--5x-extra-large: 100px; + --_spacers---main-spacers--4x-extra-large: 80px; + --_spacers---main-spacers--3x-extra-small: 12px; + --_spacers---sections--paddings--pd-default: 64px; + --_spacers---sections--paddings--pd-2x-extra-small: 32px; + --_spacers---sections--paddings--pd-small: 64px; + --_spacers---sections--paddings--pd-extra-small: 48px; + --_spacers---sizing--container--default: 1186px; + --_spacers---container-default--padding--default: var(--_spacers---main-spacers--2x-extra-small); + --_spacers---main-spacers--5x-extra-small: 4px; + --_spacers---main-spacers--extra-large: 56px; + --_spacers---main-spacers--3x-extra-large: 72px; + --_spacers---border-radius--br-none: 0px; + --_typography---font--family--primary-font: "Inter Tight", sans-serif; + --_typography---font-size--paragraphs--default: .875rem; + --_typography---line-height--large: 1.5em; + --_typography---letter-spacing--regular: -.03em; + --_typography---font-size--displays--display-9: 2rem; + --_typography---line-height--small: 1.15em; + --_typography---font-size--displays--display-7: 1.5rem; + --_typography---line-height--regular: 1.25em; + --_typography---font-size--displays--display-6: 1.375rem; + --_typography---font-size--displays--display-5: 1.25rem; + --_typography---font-size--displays--display-3: 1rem; + --_typography---font-size--displays--display-2: .875rem; + --_typography---font-size--paragraphs--large: 1rem; + --_typography---font-size--displays--display-1: .75rem; + --_typography---font-size--paragraphs--small: .75rem; + --_typography---font-size--displays--display-8: 1.75rem; + --_typography---font-size--displays--display-4: 1.125rem; + --_typography---font-size--displays--display-10: 2.25rem; + --_typography---font-size--base-font: 1rem; + --_typography---letter-spacing--none: 0px; + --_typography---letter-spacing--small: -.01em; + --_typography---letter-spacing--large: -.05em; + } + + ul, ol { + padding-left: 24px; + } + + blockquote { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .utp---nav-menu-wrapper { + padding-left: 18px; + padding-right: 18px; + } + + .utp---buttons-top { + display: none; + } + + .input.search-button-inside { + height: 52px; + padding-right: 12px; + } + + .input.enter-now-button-inside { + border-style: solid; + height: 52px; + padding-right: 12px; + } + + .utp---grid-components { + grid-template-rows: auto; + grid-template-columns: 1fr; + grid-auto-rows: auto; + } + + .display-9 { + font-size: 38px; + } + + .grid-4-columns { + grid-template-columns: 1fr; + } + + .sidebar---navbar { + padding-left: 18px; + padding-right: 18px; + } + + .inner-container._240px._100-mbp { + max-width: 100%; + } + + .logo-link { + grid-column-gap: 4px; + grid-row-gap: 4px; + font-size: 20px; + } + + .card.utp---icon-font { + padding: 39px 23px; + } + + .card.template-pages---text-card { + padding-left: 24px; + padding-right: 24px; + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .card.accordion-card-v1 { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-template-columns: 32px 1fr 16px; + } + + .card.team-member-card-center { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .card.password-protected-card { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--extra-small); + } + + .card.search-results-link-card { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .card.principles-card { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .card.team-member-item-v2, .card.contact-card-v2 { + grid-template-columns: 1fr; + } + + .card.accordion-card-v2 { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .card.contact-card-v3 { + grid-template-columns: 1fr; + } + + .card.accordin-card-v3, .card.perks-card { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .card.testimonial-card { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .card.testimonial-card.large { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--extra-small); + } + + .card.testimonial-stats { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + flex-flow: wrap; + justify-content: flex-start; + align-items: center; + } + + .grid-2-columns.changelog-item { + grid-template-columns: 1fr; + } + + .grid-2-columns.contact-form-grid { + grid-template-columns: 1fr; + min-height: 455px; + } + + .paragraph-large { + font-size: 18px; + } + + .utp---components-wrapper { + grid-template-columns: 1fr; + } + + .display-8 { + font-size: 34px; + } + + .typography-badge-wrapper { + flex-wrap: wrap; + } + + .utp---buttons-sidebar { + display: none; + } + + .display-7 { + font-size: 30px; + } + + .mg-top-small { + margin-top: var(--_spacers---main-spacers--2x-extra-small); + } + + .grid-1-column.gap-row-300px { + grid-row-gap: 200px; + } + + .utp---color-block { + border-radius: 12px; + height: 100px; + } + + .avatar-wrapper:where(.w-variant-a578bea7-4b5b-2725-4b51-5e266d484a0e) { + min-width: 80px; + max-width: 80px; + min-height: 80px; + max-height: 80px; + } + + .utp---card-color { + border-radius: 16px; + } + + .section.pd-80px { + padding-top: 64px; + padding-bottom: 64px; + } + + .section.sales-home-hero { + padding-top: 100px; + } + + .section.small { + padding-top: var(--sections--paddings--pd-default\); + padding-bottom: var(--sections--paddings--pd-default\); + } + + .section.hero-v1 { + padding-top: var(--_spacers---main-spacers--regular); + } + + .section.coming-soon-page { + padding-top: var(--_spacers---main-spacers--regular); + padding-bottom: var(--_spacers---main-spacers--large); + position: relative; + } + + .buttons-row { + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + } + + .flex.align-top.gap-24px.vertical-mbp { + flex-flow: column; + } + + .notification-bar-close-icon { + justify-content: center; + align-items: flex-start; + padding-top: 20px; + padding-bottom: 20px; + } + + .nav-menu { + padding-left: 16px; + padding-right: 16px; + } + + .footer-middle { + grid-row-gap: 56px; + } + + .footer-middle.v2 { + flex-flow: column; + justify-content: flex-end; + align-items: stretch; + } + + .footer-middle.v2.show-mobile-portrait { + display: block; + } + + .button-inside-input-wrapper { + margin-top: var(--_spacers---main-spacers--3x-extra-small); + border-left-style: none; + position: static; + top: auto; + bottom: auto; + right: auto; + } + + .button-inside-input-wrapper.dark-mode.left-mbp, .button-inside-input-wrapper.left-mbp { + justify-content: flex-start; + align-items: center; + } + + .footer-link { + padding-left: 0; + padding-right: 0; + } + + .footer-link.last---left-column { + border-bottom-style: solid; + } + + .footer-bottom { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .hidden-on-mobile-portrait { + display: none; + } + + .top-section { + padding-top: 48px; + } + + .utp---component-badge.dark-mode { + font-size: 14px; + } + + .rich-text ul, .rich-text ol { + padding-left: var(--_spacers---main-spacers--small); + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + } + + .integration-circle-icon { + min-width: 64px; + max-width: 64px; + min-height: 64px; + max-height: 64px; + } + + .snippet-wrapper { + border-radius: 0 16px 16px; + } + + .sales-home---hero-link-wrapper { + max-width: 150px; + } + + .card-pages-included---bottom-content { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .text-and-image-card---text-container { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .card-page---bottom-content, .sales-home---cta-card-text-container { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .logo-icon { + width: 32px; + } + + .logo-icon:where(.w-variant-7662d6cb-8aa5-f783-c60a-07a613bd9733) { + width: 40px; + } + + .logo-icon._32px { + width: 28px; + max-width: 28px; + } + + .button-icon-wrapper.footer { + right: 24px; + } + + .button-content { + padding-right: var(--_spacers---main-spacers--3x-extra-small); + padding-left: var(--_spacers---main-spacers--3x-extra-small); + } + + .button-content.footer { + padding-left: 24px; + padding-right: 48px; + } + + .form-block._365px { + max-width: 100%; + } + + .form-button.inside-input { + min-height: 48px; + } + + .form-button.inside-input.dark-mode-mbp { + background-color: var(--core--colors--neutral--100); + color: var(--font--colors--title); + } + + .form-button.inside-input.dark-mode-mbp:hover { + background-color: var(--core--colors--neutral--500); + } + + .success-message-inside-input.dark-mode { + flex-flow: column; + min-height: 108px; + } + + .main-pages-grid { + grid-column-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--4x-extra-small); + grid-template-columns: 1fr 1fr; + } + + .hero-v1-grid { + grid-row-gap: var(--_spacers---main-spacers--medium); + } + + .about-section-wrapper { + padding-top: var(--_spacers---main-spacers--large); + } + + .about-text { + font-size: var(--_typography---font-size--displays--display-3); + } + + .mg-top-regular { + margin-top: var(--_spacers---main-spacers--extra-small); + } + + .corner-gradient-horizontal:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-horizontal.small, .corner-gradient-horizontal.small---dark-mode { + width: 24px; + } + + .corner-gradient-vertical { + height: 32px; + } + + .corner-gradient-vertical:where(.w-variant-8f36765c-221f-a254-35b4-28a5852d67d7), .corner-gradient-vertical.small, .corner-gradient-vertical.small---dark-mode { + height: 24px; + } + + .cta-image { + width: 120%; + margin-left: -20%; + } + + .blog-v1-content { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .blog-v1-content:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-bottom: var(--_spacers---main-spacers--regular); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .blog-v1-content.featured-section { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .icon-button { + min-width: 40px; + max-width: 40px; + min-height: 40px; + max-height: 40px; + } + + .blog-v1-image-wrapper:where(.w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c) { + padding-top: var(--_spacers---main-spacers--2x-extra-small); + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .footer-middle-content.v2 { + grid-template-columns: 1fr; + } + + .footer-pages-grid { + grid-column-gap: 0px; + grid-row-gap: 0px; + grid-template-columns: 1fr; + } + + .footer-links-wrapper { + grid-template-columns: 1fr; + } + + .footer-contact-link { + padding: var(--_spacers---main-spacers--extra-small) var(--_spacers---main-spacers--2x-extra-small); + flex-flow: row; + } + + .footer-contact-link-icon-wrapper { + min-width: 48px; + max-width: 48px; + min-height: 48px; + max-height: 48px; + } + + .hero-v2-image { + width: auto; + margin-left: -40%; + margin-right: -40%; + padding-left: 0; + padding-right: 0; + } + + .hero-v2-content-wrapper { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + width: auto; + } + + .logo-strip-marquee { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--2x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--2x-extra-small); + } + + .logo-strip-item { + max-width: 80px; + } + + .our-mission-section-top { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .tab-link { + grid-column-gap: 3px; + grid-row-gap: 3px; + font-size: var(--_typography---font-size--paragraphs--small); + } + + .tab-pane-image { + max-width: 120px; + } + + .tab-pane-wrapper { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .cta-v2-image { + left: 40%; + } + + .secondary-blog-grid { + grid-template-columns: 1fr; + display: block; + } + + .secondary-blog { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .newsletter-item { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .newsletter-item-content { + padding: 0; + } + + .hero-v3-content { + max-width: none; + } + + .hero-v3-image { + margin-top: -15%; + } + + .about-v2-left-content-wrapper { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .about-v2-right-content-wrapper { + display: flex; + } + + .about-v2-item { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + flex-flow: row; + justify-content: flex-start; + align-items: center; + } + + .principles-tab-link.first.w--current, .principles-tab-link.last { + min-height: 0; + } + + .tab-link-content { + flex-flow: column; + justify-content: flex-start; + align-items: flex-start; + } + + .principles-tab-image { + max-height: 220px; + } + + .buttons-row-wrapper-v2 { + justify-content: center; + align-items: center; + display: flex; + } + + .testimonial-tabs-menu { + grid-template-columns: 1fr; + } + + .testimonial-tab-link { + padding: var(--_spacers---main-spacers--2x-extra-small); + } + + .testimonial-tab-pane-content { + padding: var(--_spacers---main-spacers--small) var(--_spacers---main-spacers--2x-extra-small); + } + + .testimonial-tab-pane-bottom-content { + flex-flow: column; + justify-content: space-between; + align-items: flex-start; + } + + .testimonial-tab-stats { + justify-content: flex-start; + align-items: flex-start; + } + + .about-hero-stats-wrapper { + grid-row-gap: var(--_spacers---main-spacers--extra-small); + } + + .stat-wrapper, .stat-wrapper._3-digits { + min-width: 110px; + } + + .stat-arrow-wrapper { + margin-bottom: var(--_spacers---main-spacers--5x-extra-small); + min-width: 24px; + max-width: 24px; + min-height: 24px; + max-height: 24px; + } + + .stat-arrow { + min-width: 10px; + max-width: 10px; + min-height: 10px; + max-height: 10px; + } + + .values-grid { + grid-template-columns: 1fr; + } + + .team-member-item { + padding: var(--_spacers---main-spacers--2x-extra-small); + grid-column-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-row-gap: var(--_spacers---main-spacers--3x-extra-small); + grid-template-columns: 1fr; + } + + .avatar-link { + max-width: 100px; + } + + .team-member-item-content { + padding-top: 0; + } + + .box-grid { + grid-template-columns: 1fr; + } + + .box-heading-wrapper, .career-item { + padding: var(--_spacers---main-spacers--2x-extra-small); + } + + .social-media-link { + padding-top: var(--_spacers---main-spacers--small); + padding-bottom: var(--_spacers---main-spacers--small); + font-size: var(--_typography---font-size--displays--display-2); + } + + .category-list, .category-list.vertical { + flex-flow: column; + } + + .category-list.center { + align-items: stretch; + } + + .pagination-button-wrapper { + max-width: none; + } + + .pagination-border { + background-image: linear-gradient(90deg, transparent, var(--core--colors--neutral--400) 0%, var(--core--colors--neutral--400) 100%, transparent); + } + + .category-list-wrapper { + width: 100%; + } + + .blog-card-v2-detail { + min-height: 40px; + } + + .hero-v4-image { + max-width: 160px; + } + + .mg-top-5x-extra-large { + margin-top: var(--_spacers---main-spacers--large); + } + + .team-member-item-v2-content { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + border-top: 1px solid var(--core--colors--neutral--400); + border-left-style: none; + } + + .password-protected-card-content { + padding: 0px 0px var(--_spacers---main-spacers--extra-small); + } + + ._404-not-found-image { + margin-bottom: var(--_spacers---main-spacers--2x-extra-small); + width: 90%; + } + + .coming-soon-bg { + width: 825px; + position: absolute; + inset: 50% 0% auto; + transform: translate(0, -50%); + } + + .coming-soon-content { + padding: var(--_spacers---main-spacers--regular) var(--_spacers---main-spacers--2x-extra-small); + width: auto; + max-width: none; + margin-left: -16px; + margin-right: -16px; + position: relative; + } + + .contact-grid { + grid-column-gap: var(--_spacers---main-spacers--small); + grid-row-gap: var(--_spacers---main-spacers--small); + } + + .contact-success-message { + min-height: 455px; + } + + .contact-success-icon { + max-width: 40px; + } + + .contact-v1-link { + grid-template-columns: 80px 1fr; + } + + .contact-icon.small { + min-width: 22px; + max-width: 22px; + min-height: 22px; + max-height: 22px; + } + + .contact-v1-link-content { + padding-right: var(--_spacers---main-spacers--large); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .accordion-number { + font-size: var(--_typography---font-size--paragraphs--small); + min-width: 32px; + max-width: 32px; + min-height: 32px; + max-height: 32px; + } + + .accordion-title { + font-size: var(--_typography---font-size--displays--display-3); + } + + .accordion-content { + margin-top: 4px; + } + + .contact-card-v1-image { + max-width: 120px; + } + + .contact-card-v2-content { + padding-top: var(--_spacers---main-spacers--small); + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .contact-card-v2-image { + margin-top: var(--_spacers---main-spacers--regular); + max-width: 120px; + margin-bottom: 0; + } + + .contact-v2-link { + padding: var(--_spacers---main-spacers--2x-extra-small); + grid-template-columns: 48px 1fr; + } + + .contact-v3-hero-content { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .contact-card-v3-image { + max-width: 120px; + margin-bottom: 0; + } + + .contact-card-v3-content { + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .hero-v5-image-wrapper { + width: 120%; + margin-left: -10%; + } + + .perks-grid { + grid-template-columns: 1fr; + } + + .benefit-card-content { + padding-top: var(--_spacers---main-spacers--small); + padding-right: var(--_spacers---main-spacers--2x-extra-small); + padding-left: var(--_spacers---main-spacers--2x-extra-small); + } + + .testimonial-large-text { + font-size: var(--_typography---font-size--displays--display-3); + } + + .footer-middle-v2-heading { + border-top: 1px solid var(--core--colors--neutral--700); + margin-top: -1px; + } + + .footer-headings-grid { + grid-template-columns: 1fr; + } + + .coming-soon-content-wrapper { + position: static; + } + + .our-mission-image { + margin-left: -24%; + margin-right: -24%; + } + + .width-67.width-50-mbp { + width: 50%; + } + + .max-width-280px-mbl { + max-width: 220px; + } + + .more-templates-p { + font-size: 12px; + } + + .brix-badges-wrapper { + width: 310px; + height: 100px; + right: 22px; + } + + .more-templates-lottie { + width: 40px; + top: -16px; + right: -15px; + } + + .more-templates-badge-wrapper { + grid-column-gap: 6px; + grid-row-gap: 6px; + max-width: 310px; + padding: 8px 18px 8px 15px; + } + + .more-templates-badge-wrapper:hover { + transform: scale(.9)translate(0, 20px); + } + + .more-templates-logo { + width: 60px; + } +} + +#w-node-_62eea015-8f8a-70a4-b90b-a3f10cb86afd-60eb3aef, #w-node-_20a81cf9-ba96-61a4-29ca-ed8a89b7d182-60eb3aef, #w-node-_0581c893-88bd-08f0-58a8-f9c0f6ecd967-60eb3aef { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-_4492151b-15ed-ce5b-a91c-78c6bda3465f-60eb3aef { + grid-area: 5 / 2 / 6 / 3; +} + +#w-node-_5e18733c-baad-7b15-83ad-6065c2eb1607-60eb3aef, #w-node-_4370ead6-da6f-3b26-84b7-1dc1acb46676-60eb3aef, #w-node-b26c5072-e4d4-95ad-60bc-7dca9e0975ac-60eb3aef, #w-node-e40a95f8-9acf-45c9-7ec2-744a48aed3f4-60eb3aef, #w-node-_1e77575b-be5c-e17e-fca3-65b435534b38-60eb3aef, #w-node-_8817705c-d373-3855-028a-0e23851e9e63-60eb3aef, #w-node-_36de8697-5d0c-9928-1e9a-2011e3573280-60eb3aef, #w-node-_99805214-dd54-e7f3-2549-05c0df1040fb-df1040fb, #w-node-_83c75c2f-9f22-4125-8dc1-2c204e7d3592-4e7d3592, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f24a2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f256e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25f5-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25fe-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2607-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2610-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2619-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2622-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f262b-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2634-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f26bf-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c1-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c2-60eb3b57 { + grid-area: 2 / 1 / 3 / 2; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28d9-60eb3b57 { + grid-area: 1 / 2 / 2 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28fa-60eb3b57 { + grid-area: 2 / 2 / 3 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2942-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2943-60eb3b57 { + grid-area: 2 / 1 / 3 / 2; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f295a-60eb3b57 { + grid-area: 1 / 2 / 2 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f297b-60eb3b57 { + grid-area: 2 / 2 / 3 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2ce9-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2d71-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f351e-60eb3b57 { + grid-area: 2 / 1 / 3 / 2; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57 { + grid-area: 1 / 2 / 2 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { + grid-area: 2 / 2 / 3 / 3; +} + +#w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3590-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3663-60eb3b57, #w-node-a6ee9831-da2d-445a-8c55-44da70d28bd5-70d28bd4, #w-node-d3c4f7f9-340b-474d-b22a-0bdd71eb379f-71eb379f, #w-node-_0574c8d4-6e5e-46fe-c3b8-8f022e033415-2e033415, #w-node-f7b63a92-ad70-a2af-3c73-845ac2604304-c2604304, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc7825f-60eb3b6f, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc78270-60eb3b6f, #w-node-_4db8ccc5-2481-b07a-4816-c6b32e5a420b-60eb3b88, #w-node-_4db8ccc5-2481-b07a-4816-c6b32e5a4219-60eb3b88, #w-node-a69acd5e-b755-420f-4d8f-37f91ace9296-60eb3b9b, #w-node-a69acd5e-b755-420f-4d8f-37f91ace9298-60eb3b9b, #w-node-a69acd5e-b755-420f-4d8f-37f91ace929a-60eb3b9b, #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f0e-a2e93eed { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-_723f86bb-d983-eb55-e8c3-e6cb7ecb5db1-60eb3ba1 { + justify-self: stretch; +} + +#w-node-_723f86bb-d983-eb55-e8c3-e6cb7ecb5db4-60eb3ba1 { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +#w-node-fc6009ca-e415-450d-3155-8a1ff3276911-60eb3ba2, #w-node-_79995b3d-2836-7cd1-f699-17dd95b048d9-60eb3ba2 { + grid-area: 1 / 1 / 2 / 2; +} + +#w-node-_77c06870-1d0c-5ed5-aea2-38d8dab4dc54-60eb3ba7 { + grid-area: span 2 / span 1 / span 2 / span 1; +} + +#w-node-dd9aab58-91d3-0038-21a4-f651fa170e1d-60eb3ba7, #Message.w-node-_38e83f26-3c26-10e9-9df5-ed7a2db210f5-60eb3ba7 { + grid-area: span 1 / span 2 / span 1 / span 2; +} + +#w-node-_928b88f9-c95e-4acd-18da-3a17e331308c-60eb3ba7 { + justify-self: start; +} + +#w-node-a2c7d873-a197-1a9e-135d-10f912dd9a40-60eb3ba7 { + align-self: end; +} + +#w-node-_667079781dd35901af643e92000000000014-60eb3bd6 { + align-self: stretch; +} + +#w-node-_5f87bd53-0b08-be21-c137-9ccc100910ea-60eb3c41 { + place-self: start end; +} + +#w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88 { + grid-area: span 2 / span 1 / span 2 / span 1; +} + +#w-node-afafb9d5-2ccb-6032-d7c2-bc58c5ac4271-60eb3c88 { + grid-area: span 1 / span 2 / span 1 / span 2; +} + +#w-node-be1ae1d0-01fe-64d7-4802-25adda8931fe-b2d4efd6 { + justify-self: center; +} + +#w-node-d0148d4f-dabd-1543-83c4-443a59a5b4e4-b2d4efd6 { + grid-area: span 2 / span 1 / span 2 / span 1; +} + +#w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac307-b2d4efd6, #Message.w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30c-b2d4efd6 { + grid-area: span 1 / span 2 / span 1 / span 2; +} + +#w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30d-b2d4efd6 { + justify-self: start; +} + +#w-node-_4e9d29e6-201e-7b99-6738-03c348d02851-b2d4efd6 { + align-self: end; +} + +#w-node-_33609558-68bb-7ffd-ee8b-835f52bb7256-9f73abcd { + grid-area: 2 / 1 / 3 / 2; +} + +#w-node-fe5ceb8d-c6a7-d0ba-49f9-76410718115f-9f73abcd, #Message.w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181164-9f73abcd { + grid-area: span 1 / span 2 / span 1 / span 2; +} + +#w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181165-9f73abcd { + justify-self: start; +} + +#w-node-_7dcd0b66-b791-7980-292e-460b678d36ab-9f73abcd { + grid-area: span 2 / span 1 / span 2 / span 1; +} + +#w-node-_8e65f929-78a9-dc2c-14e1-c1742470eb3c-9f73abcd, #w-node-_4fdac7f6-414c-fcbc-057d-52887cd21759-9f73abcd { + justify-self: center; +} + +#w-node-ffdfc2a5-f2ec-8491-423c-87dafdc7825f-d6b68511, #w-node-ffdfc2a5-f2ec-8491-423c-87dafdc78270-d6b68511 { + grid-area: span 1 / span 1 / span 1 / span 1; +} + +@media screen and (min-width: 1440px) { + #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f24a2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f256e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25f5-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f25fe-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2607-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2610-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f35a1-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f35ff-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3674-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f36a2-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; + } +} + +@media screen and (max-width: 991px) { + #w-node-_4492151b-15ed-ce5b-a91c-78c6bda3465f-60eb3aef { + grid-area: span 1 / span 1 / span 1 / span 1; + } + + #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f3a-a2e93eed { + order: 9999; + } + + #w-node-_41a91689-6018-d2db-07e1-04f05f8da481-60eb3ba2 { + grid-area: span 1 / span 3 / span 1 / span 3; + } + + #w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88 { + grid-area: span 1 / span 2 / span 1 / span 2; + } +} + +@media screen and (max-width: 767px) { + #w-node-_4370ead6-da6f-3b26-84b7-1dc1acb4666c-60eb3aef, #w-node-e40a95f8-9acf-45c9-7ec2-744a48aed3f6-60eb3aef { + order: -9999; + } + + #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; + } + + #w-node-_20269f87-a0c2-ff02-4cd5-b310a2e93f5f-a2e93eed { + order: 9999; + } + + #w-node-_5f87bd53-0b08-be21-c137-9ccc100910ea-60eb3c41 { + order: -9999; + justify-self: auto; + } + + #w-node-_37fdd74e-a369-3bc5-e94f-d97596c5b64c-60eb3c88, #w-node-afafb9d5-2ccb-6032-d7c2-bc58c5ac4271-60eb3c88 { + grid-column: span 1 / span 1; + } +} + +@media screen and (max-width: 479px) { + #w-node-_43c3368e-c2ef-a036-f924-734c9ac7a8f9-f0e89308 { + order: 9999; + } + + #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28c2-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28d9-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f28fa-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f2943-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f295a-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f297b-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f351e-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3525-60eb3b57, #w-node-cc8010eb-9ec7-4c8c-96d8-90c2a92f3540-60eb3b57 { + grid-area: span 1 / span 1 / span 1 / span 1; + } + + #w-node-_6525eb25-9c3d-4584-5bc8-2263323285b2-32328577 { + order: 9999; + } + + #w-node-dd9aab58-91d3-0038-21a4-f651fa170e1d-60eb3ba7, #Message.w-node-_38e83f26-3c26-10e9-9df5-ed7a2db210f5-60eb3ba7, #w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac307-b2d4efd6, #Message.w-node-_0b7f0c87-5abe-1b34-0e12-c0624a9ac30c-b2d4efd6, #w-node-fe5ceb8d-c6a7-d0ba-49f9-76410718115f-9f73abcd, #Message.w-node-fe5ceb8d-c6a7-d0ba-49f9-764107181164-9f73abcd { + grid-column: span 1 / span 1; + } +} + + +html.w-mod-js:not(.w-mod-ix3) :is(.about-text, .cta-section .subtitle, .cta-section .text-titles-dm, .cta-section .text-paragraph-dm, .cta-section .buttons-row, .cta-section .buttons-row-v2) {visibility: hidden !important;} + + + .more-templates-badge-wrapper { + transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); + } + + .more-templates-badge-wrapper.active { + opacity: 1; + transform: translateY(0) scale(1); + z-index: 9991; + } + + .more-templates-badge-wrapper.next { + opacity: 0.4; + transform: translateY(11px) scale(0.9); + z-index: 9990; + } + .more-templates-badge-wrapper.active:hover { + + transform: translateY(-3px) scale(1.02) translateX(-3px) rotate(1deg); + + } diff --git a/components/BlogCard.tsx b/components/BlogCard.tsx new file mode 100644 index 0000000..43f6563 --- /dev/null +++ b/components/BlogCard.tsx @@ -0,0 +1,68 @@ +import Image from "next/image" +import Link from "next/link" +import type { BlogPost } from "@/lib/blog-data" + +interface BlogCardProps { + post: BlogPost + variant?: "featured" | "grid" +} + +export default function BlogCard({ post, variant = "grid" }: BlogCardProps) { + const isFeatured = variant === "featured" + + return ( +
+ {isFeatured ? ( +
+ +
+ ) : ( + + )} + {isFeatured && ( +
+
+
+
+
+
+ )} +
+ ) +} + +function CardInner({ post, variant }: { post: BlogPost; variant: "featured" | "grid" }) { + const isGrid = variant === "grid" + const cls = isGrid ? "blog-card-v1 w-variant-b9404c55-01d5-df76-2e4a-c99996f3231c w-inline-block" : "blog-card-v1 w-inline-block" + + return ( + +
+ {post.imageAlt} +
+
+
+

{post.title}

+
+

{post.excerpt}

+
+
+
+
{post.date}
+
·
+
{post.category}
+
+
+
+
+
+ + + +
+
+
+
+ + ) +} diff --git a/components/ContactForm.tsx b/components/ContactForm.tsx new file mode 100644 index 0000000..7c68ab4 --- /dev/null +++ b/components/ContactForm.tsx @@ -0,0 +1,103 @@ +"use client" + +import { useForm } from "react-hook-form" +import { zodResolver } from "@hookform/resolvers/zod" +import { z } from "zod" +import { useState } from "react" + +const schema = z.object({ + firstName: z.string().min(1, "First name is required"), + lastName: z.string().min(1, "Last name is required"), + email: z.string().email("Please enter a valid email"), + country: z.string().min(1, "Country is required"), + phone: z.string().min(1, "Phone number is required"), + company: z.string().min(1, "Company is required"), + companySize: z.string().min(1, "Please select company size"), + message: z.string().min(10, "Message must be at least 10 characters"), +}) + +type FormData = z.infer + +export default function ContactForm() { + const [status, setStatus] = useState<"idle" | "success" | "error">("idle") + + const { + register, + handleSubmit, + formState: { errors, isSubmitting }, + reset, + } = useForm({ + resolver: zodResolver(schema), + }) + + const onSubmit = async (data: FormData) => { + try { + await new Promise((resolve) => setTimeout(resolve, 1000)) + console.log("Contact form:", data) + setStatus("success") + reset() + } catch { + setStatus("error") + } + } + + if (status === "success") { + return ( +
+
+
+ + + +

Thank you! We'll get back to you soon

+
+

We have received your message and will get back to you as soon as possible.

+
+
+
+
+ ) + } + + return ( +
+
+ + + + + + +
+ +
+ + + +
+
+