PageSourceSearch

https://shapediver.com/pricing

html shapediver.com collected 2026-10-03 20:51:02 UTC 132,680 bytes, 1,713 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" style="scroll-behavior: smooth">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6<link rel="preload" href="https://d1pnnwteuly8z3.cloudfront.net/libs/twind/3.0.1/twind.js" as="script" fetchpriority="high">
7<link rel="preconnect" href="https://d1pnnwteuly8z3.cloudfront.net">
8<link rel="preconnect" href="https://cdn.jsdelivr.net">
9<link rel="icon" href="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/a73dc604-63f3-4623-beb0-a10baefbaca8.ico">
10<link rel="prefetch" href="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/a73dc604-63f3-4623-beb0-a10baefbaca8.ico">
11<title>Pricing</title>
12<meta name="title" content="Pricing">
13<meta name="description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce.">
14<link rel="canonical" href="https://www.shapediver.com/pricing">
15
16<meta name="robots" content="all">
17<meta property="og:type" content="website">
18<meta property="og:url" content="https://www.shapediver.com/pricing">
19<meta property="og:image" content="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/d5fc4b27-cb20-4d60-84ec-79d472ba5da4.jpg">
20<meta property="og:title" content="Pricing">
21<meta property="og:description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce.">
22<meta name="twitter:title" content="Pricing">
23<meta name="twitter:description" content="Flexible ShapeDiver pricing for designers and companies. Explore plans to publish Grasshopper models, build 3D configurators, and power your eCommerce.">
24<meta name="og:image:type" content="image/jpg">
25<meta name="og:image:width" content="2500">
26<meta name="og:image:height" content="1313">
27<meta name="twitter:image" content="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/d5fc4b27-cb20-4d60-84ec-79d472ba5da4.jpg">
28<meta name="twitter:card" content="summary_large_image">
29<meta name="twitter:url" content="https://www.shapediver.com/pricing">
30<script src="https://d1pnnwteuly8z3.cloudfront.net/libs/twind/3.0.1/twind.js"></script>
vendor: 1 bytes, line 30
30
31<script data-cfasync="false" data-twind>
32    (function(){
33      window.innerWidth;
34      let { colors, components, theme, variables, rules, variants, darkMode } = {"name":"Versoly UI Default","fonts":[],"theme":{"extend":{"colors":{"dark":{},"info":{"50":"#f3f4ff","100":"#e7e8fe","200":"#c3c6fd","300":"#9fa3fb","400":"#585ef8","500":"#4047f7","600":"#1019f5","700":"#0c13b8","800":"#0a0f93","900":"#080c78","950":"#060a62","DEFAULT":"#1019f5"},"black":"#000","light":{},"white":"#fff","danger":{},"neutral":{},"primary":{"50":"#f2f3f5","100":"#e6e6ea","200":"#c0c1cb","300":"#9a9bac","400":"#4f506d","500":"#353759","600":"#03052f","700":"#020423","800":"#02031c","900":"#010217","950":"#010213","DEFAULT":"#03052f"},"success":{},"warning":{},"tertiary":{"50":"#fbf6fe","100":"#f7edfe","200":"#ebd3fc","300":"#dfb9fb","400":"#c884f7","500":"#c072f6","600":"#b04ff4","700":"#843bb7","800":"#6a2f92","900":"#562778","950":"#462062","DEFAULT":"#b04ff4"},"secondary":{"50":"#f8ffff","100":"#f1fffe","200":"#ddfefd","300":"#c8fdfb","400":"#9efcf9","500":"#91fcf8","600":"#75fbf6","700":"#58bcb9","800":"#469794","900":"#397b79","950":"#2f6462","DEFAULT":"#75fbf6"}},"screens":{},"spacing":{"112":"28rem","128":"32rem","144":"36rem","160":"40rem","192":"48rem"},"fontFamily":{"sans":"CircularXX,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""},"backgroundImage":{"arrow-down":"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")","caret-down":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentFill' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\");"}}},"author":"Versoly","colors":{"dark":{"link":{"text":"gray-800","hover:text":"gray-900","active:text":"gray-1000"},"ghost":{"DEFAULT":"pink-100","hover:bg":"pink-200","hover:text":"gray-800"},"subtle":{"bg":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"gray-900"},"DEFAULT":{"text":"white","DEFAULT":"indigo-900","hover:bg":"indigo-800","active:bg":"indigo-700","hover:text":"white"}},"info":{"link":{"text":"info-600","hover:text":"info-900","active:text":"info-1000"},"alert":{"bg":"info-50","text":"info-600"},"ghost":{"hover:bg":"info-100","active:bg":"info-200","hover:text":"info-900"},"subtle":{"bg":"info-100","hover:bg":"info-200","active:bg":"info-300","hover:text":"info-900"},"DEFAULT":{"text":"white","DEFAULT":"info-600","hover:bg":"info-900","active:bg":"info-900","hover:text":"white"}},"black":{"DEFAULT":{"text":"white","DEFAULT":"black"}},"light":{"link":{"text":"gray-100","hover:text":"gray-300","active:text":"gray-400"},"alert":{"bg":"gray-50","text":"gray-600"},"ghost":{"hover:bg":"gray-100","active:bg":"gray-200","hover:text":"gray-200"},"subtle":{"bg":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"gray-200"},"DEFAULT":{"text":"black","DEFAULT":"gray-100","hover:bg":"gray-200","active:bg":"gray-300","hover:text":"black"}},"muted":{"DEFAULT":{"DEFAULT":"gray-700"}},"white":{"DEFAULT":{"text":"black","DEFAULT":"white"}},"danger":{"link":{"text":"red-600","hover:text":"red-800","active:text":"red-900"},"alert":{"bg":"red-50","text":"red-600"},"ghost":{"hover:bg":"red-100","active:bg":"red-200","hover:text":"red-700"},"subtle":{"bg":"red-100","hover:bg":"red-200","active:bg":"red-300","hover:text":"red-700"},"DEFAULT":{"text":"white","DEFAULT":"red-600","hover:bg":"red-700","active:bg":"red-800","hover:text":"white"}},"neutral":{"link":{"text":"slate-600","hover:text":"slate-800","active:text":"slate-900"},"alert":{"bg":"slate-50","text":"slate-600"},"ghost":{"hover:bg":"slate-100","active:bg":"slate-200","hover:text":"slate-700"},"subtle":{"bg":"slate-100","hover:bg":"slate-200","active:bg":"slate-300","hover:text":"slate-700"},"DEFAULT":{"text":"white","DEFAULT":"slate-600","hover:bg":"slate-700","active:bg":"slate-800","hover:text":"white"}},"primary":{"link":{"text":"primary-600","hover:text":"primary-900","active:text":"primary-1000"},"alert":{"bg":"primary-50","text":"primary-600"},"ghost":{"hover:bg":"primary-100","active:bg":"primary-200","hover:text":"primary-900"},"subtle":{"bg":"primary-100","hover:bg":"primary-200","active:bg":"primary-300","hover:text":"primary-900"},"DEFAULT":{"text":"white","DEFAULT":"primary-600","hover:bg":"primary-900","active:bg":"primary-900","hover:text":"white"}},"success":{"link":{"text":"emerald-500","hover:text":"emerald-700","active:text":"emerald-800"},"alert":{"bg":"emerald-50","text":"emerald-600"},"ghost":{"hover:bg":"emerald-100","active:bg":"emerald-200","hover:text":"emerald-600"},"subtle":{"bg":"emerald-100","hover:bg":"emerald-200","active:bg":"emerald-300","hover:text":"emerald-600"},"DEFAULT":{"text":"white","DEFAULT":"emerald-500","hover:bg":"emerald-600","active:bg":"emerald-700","hover:text":"white"}},"warning":{"link":{"text":"amber-500","hover:text":"amber-700","active:text":"amber-800"},"alert":{"bg":"amber-50","text":"amber-600"},"ghost":{"hover:bg":"amber-100","active:bg":"amber-200","hover:text":"amber-600"},"subtle":{"bg":"amber-100","hover:bg":"amber-200","active:bg":"amber-300","hover:text":"amber-600"},"DEFAULT":{"text":"white","DEFAULT":"amber-500","hover:bg":"amber-600","active:bg":"amber-700","hover:text":"white"}},"tertiary":{"link":{"text":"tertiary-600","hover:text":"tertiary-900","active:text":"tertiary-1000"},"alert":{"bg":"tertiary-50","text":"tertiary-600"},"ghost":{"hover:bg":"tertiary-100","active:bg":"tertiary-200","hover:text":"tertiary-900"},"subtle":{"bg":"tertiary-100","hover:bg":"tertiary-200","active:bg":"tertiary-300","hover:text":"tertiary-900"},"DEFAULT":{"text":"white","DEFAULT":"tertiary-600","hover:bg":"tertiary-900","active:bg":"tertiary-900","hover:text":"white"}},"secondary":{"link":{"text":"secondary-600","hover:text":"secondary-900","active:text":"secondary-1000"},"alert":{"bg":"secondary-50","text":"secondary-600"},"ghost":{"hover:bg":"secondary-100","active:bg":"secondary-200","hover:text":"secondary-900"},"subtle":{"bg":"secondary-100","hover:bg":"secondary-200","active:bg":"secondary-300","hover:text":"secondary-900"},"DEFAULT":{"text":"primary","DEFAULT":"secondary-600","hover:bg":"secondary-100","active:bg":"secondary-900","hover:text":"primary"}}},"extend":{},"version":"1.0.0","updatedAt":"2026-01-07T11:00:12.045Z","variables":{"--color-primary-50":"#f2f3f5","--color-primary-100":"#e6e6ea","--color-primary-200":"#c0c1cb","--color-primary-300":"#9a9bac","--color-primary-400":"#4f506d","--color-primary-500":"#353759","--color-primary-600":"#03052f","--color-primary-700":"#020423","--color-primary-800":"#02031c","--color-primary-900":"#010217","--color-primary-950":"#010213","--color-primary":"#03052f","--color-secondary-50":"#f8ffff","--color-secondary-100":"#f1fffe","--color-secondary-200":"#ddfefd","--color-secondary-300":"#c8fdfb","--color-secondary-400":"#9efcf9","--color-secondary-500":"#91fcf8","--color-secondary-600":"#75fbf6","--color-secondary-700":"#58bcb9","--color-secondary-800":"#469794","--color-secondary-900":"#397b79","--color-secondary-950":"#2f6462","--color-secondary":"#75fbf6","--color-tertiary-50":"#fbf6fe","--color-tertiary-100":"#f7edfe","--color-tertiary-200":"#ebd3fc","--color-tertiary-300":"#dfb9fb","--color-tertiary-400":"#c884f7","--color-tertiary-500":"#c072f6","--color-tertiary-600":"#b04ff4","--color-tertiary-700":"#843bb7","--color-tertiary-800":"#6a2f92","--color-tertiary-900":"#562778","--color-tertiary-950":"#462062","--color-tertiary":"#b04ff4","--color-neutral-50":"#f8fafc","--color-neutral-100":"#f1f5f9","--color-neutral-200":"#e2e8f0","--color-neutral-300":"#cbd5e1","--color-neutral-400":"#94a3b8","--color-neutral-500":"#64748b","--color-neutral-600":"#475569","--color-neutral-700":"#334155","--color-neutral-800":"#1e293b","--color-neutral-900":"#0f172a","--color-neutral-950":"#020617","--color-neutral":"#475569","--color-success-50":"#ecfdf5","--color-success-100":"#d1fae5","--color-success-200":"#a
347f3d0","--color-success-300":"#6ee7b7","--color-success-400":"#34d399","--color-success-500":"#10b981","--color-success-600":"#059669","--color-success-700":"#047857","--color-success-800":"#065f46","--color-success-900":"#064e3b","--color-success-950":"#022c22","--color-success":"#059669","--color-info-50":"#f3f4ff","--color-info-100":"#e7e8fe","--color-info-200":"#c3c6fd","--color-info-300":"#9fa3fb","--color-info-400":"#585ef8","--color-info-500":"#4047f7","--color-info-600":"#1019f5","--color-info-700":"#0c13b8","--color-info-800":"#0a0f93","--color-info-900":"#080c78","--color-info-950":"#060a62","--color-info":"#1019f5","--color-warning-50":"#fffbeb","--color-warning-100":"#fef3c7","--color-warning-200":"#fde68a","--color-warning-300":"#fcd34d","--color-warning-400":"#fbbf24","--color-warning-500":"#f59e0b","--color-warning-600":"#d97706","--color-warning-700":"#b45309","--color-warning-800":"#92400e","--color-warning-900":"#78350f","--color-warning-950":"#451a03","--color-warning":"#f59e0b","--color-danger-50":"#fef2f2","--color-danger-100":"#fee2e2","--color-danger-200":"#fecaca","--color-danger-300":"#fca5a5","--color-danger-400":"#f87171","--color-danger-500":"#ef4444","--color-danger-600":"#dc2626","--color-danger-700":"#b91c1c","--color-danger-800":"#991b1b","--color-danger-900":"#7f1d1d","--color-danger-950":"#450a0a","--color-danger":"#dc2626","--color-light-50":"#f9fafb","--color-light-100":"#f3f4f6","--color-light-200":"#e5e7eb","--color-light-300":"#d1d5db","--color-light-400":"#9ca3af","--color-light-500":"#6b7280","--color-light-600":"#4b5563","--color-light-700":"#374151","--color-light-800":"#1f2937","--color-light-900":"#111827","--color-light-950":"#030712","--color-light":"#f3f4f6","--color-dark-50":"#f9fafb","--color-dark-100":"#f3f4f6","--color-dark-200":"#e5e7eb","--color-dark-300":"#d1d5db","--color-dark-400":"#9ca3af","--color-dark-500":"#6b7280","--color-dark-600":"#4b5563","--color-dark-700":"#374151","--color-dark-800":"#1f2937","--color-dark-900":"#111827","--color-dark-950":"#030712","--color-dark":"#1f2937","--color-white":"#fff","--color-black":"#000","--spacing":"0.25rem","--color-dark-text-link":"var(--color-gray-800)","--color-dark-hover-text-link":"var(--color-gray-900)","--color-dark-active-text-link":"var(--color-gray-1000)","--color-dark-bg-ghost":"var(--color-pink-100)","--color-dark-hover-bg-ghost":"var(--color-pink-200)","--color-dark-hover-text-ghost":"var(--color-gray-800)","--color-dark-bg-subtle":"var(--color-gray-100)","--color-dark-hover-bg-subtle":"var(--color-gray-200)","--color-dark-active-bg-subtle":"var(--color-gray-300)","--color-dark-hover-text-subtle":"var(--color-gray-900)","--color-dark-text-solid":"var(--color-white)","--color-dark-bg-solid":"var(--color-indigo-900)","--color-dark-hover-bg-solid":"var(--color-indigo-800)","--color-dark-active-bg-solid":"var(--color-indigo-700)","--color-dark-hover-text-solid":"var(--color-white)","--color-info-text-link":"var(--color-info-600)","--color-info-hover-text-link":"var(--color-info-900)","--color-info-active-text-link":"var(--color-info-1000)","--color-info-bg-alert":"var(--color-info-50)","--color-info-text-alert":"var(--color-info-600)","--color-info-hover-bg-ghost":"var(--color-info-100)","--color-info-active-bg-ghost":"var(--color-info-200)","--color-info-hover-text-ghost":"var(--color-info-900)","--color-info-bg-subtle":"var(--color-info-100)","--color-info-hover-bg-subtle":"var(--color-info-200)","--color-info-active-bg-subtle":"var(--color-info-300)","--color-info-hover-text-subtle":"var(--color-info-900)","--color-info-text-solid":"var(--color-white)","--color-info-bg-solid":"var(--color-info-600)","--color-info-hover-bg-solid":"var(--color-info-900)","--color-info-active-bg-solid":"var(--color-info-900)","--color-info-hover-text-solid":"var(--color-white)","--color-black-text-solid":"var(--color-white)","--color-black-bg-solid":"var(--color-black)","--color-light-text-link":"var(--color-gray-100)","--color-light-hover-text-link":"var(--color-gray-300)","--color-light-active-text-link":"var(--color-gray-400)","--color-light-bg-alert":"var(--color-gray-50)","--color-light-text-alert":"var(--color-gray-600)","--color-light-hover-bg-ghost":"var(--color-gray-100)","--color-light-active-bg-ghost":"var(--color-gray-200)","--color-light-hover-text-ghost":"var(--color-gray-200)","--color-light-bg-subtle":"var(--color-gray-100)","--color-light-hover-bg-subtle":"var(--color-gray-200)","--color-light-active-bg-subtle":"var(--color-gray-300)","--color-light-hover-text-subtle":"var(--color-gray-200)","--color-light-text-solid":"var(--color-black)","--color-light-bg-solid":"var(--color-gray-100)","--color-light-hover-bg-solid":"var(--color-gray-200)","--color-light-active-bg-solid":"var(--color-gray-300)","--color-light-hover-text-solid":"var(--color-black)","--color-muted-bg-solid":"var(--color-gray-700)","--color-white-text-solid":"var(--color-black)","--color-white-bg-solid":"var(--color-white)","--color-danger-text-link":"var(--color-red-600)","--color-danger-hover-text-link":"var(--color-red-800)","--color-danger-active-text-link":"var(--color-red-900)","--color-danger-bg-alert":"var(--color-red-50)","--color-danger-text-alert":"var(--color-red-600)","--color-danger-hover-bg-ghost":"var(--color-red-100)","--color-danger-active-bg-ghost":"var(--color-red-200)","--color-danger-hover-text-ghost":"var(--color-red-700)","--color-danger-bg-subtle":"var(--color-red-100)","--color-danger-hover-bg-subtle":"var(--color-red-200)","--color-danger-active-bg-subtle":"var(--color-red-300)","--color-danger-hover-text-subtle":"var(--color-red-700)","--color-danger-text-solid":"var(--color-white)","--color-danger-bg-solid":"var(--color-red-600)","--color-danger-hover-bg-solid":"var(--color-red-700)","--color-danger-active-bg-solid":"var(--color-red-800)","--color-danger-hover-text-solid":"var(--color-white)","--color-neutral-text-link":"var(--color-slate-600)","--color-neutral-hover-text-link":"var(--color-slate-800)","--color-neutral-active-text-link":"var(--color-slate-900)","--color-neutral-bg-alert":"var(--color-slate-50)","--color-neutral-text-alert":"var(--color-slate-600)","--color-neutral-hover-bg-ghost":"var(--color-slate-100)","--color-neutral-active-bg-ghost":"var(--color-slate-200)","--color-neutral-hover-text-ghost":"var(--color-slate-700)","--color-neutral-bg-subtle":"var(--color-slate-100)","--color-neutral-hover-bg-subtle":"var(--color-slate-200)","--color-neutral-active-bg-subtle":"var(--color-slate-300)","--color-neutral-hover-text-subtle":"var(--color-slate-700)","--color-neutral-text-solid":"var(--color-white)","--color-neutral-bg-solid":"var(--color-slate-600)","--color-neutral-hover-bg-solid":"var(--color-slate-700)","--color-neutral-active-bg-solid":"var(--color-slate-800)","--color-neutral-hover-text-solid":"var(--color-white)","--color-primary-text-link":"var(--color-primary-600)","--color-primary-hover-text-link":"var(--color-primary-900)","--color-primary-active-text-link":"var(--color-primary-1000)","--color-primary-bg-alert":"var(--color-primary-50)","--color-primary-text-alert":"var(--color-primary-600)","--color-primary-hover-bg-ghost":"var(--color-primary-100)","--color-primary-active-bg-ghost":"var(--color-primary-200)","--color-primary-hover-text-ghost":"var(--color-primary-900)","--color-primary-bg-subtle":"var(--color-primary-100)","--color-primary-hover-bg-subtle":"var(--color-primary-200)","--color-primary-active-bg-subtle":"var(--color-primary-300)","--color-primary-hover-text-subtle":"var(--color-primary-900)","--color-primary-text-solid":"var(--color-white)","--color-primary-bg-solid":"var(--color-primary-600)","--color-primary-hover-bg-solid":"var(--color-primary-900)","--color-primary-active-bg-solid":"var(--color-primary-900)","--color-primary-hover-text-solid":"var(--color-white)","--color-success-text-link":"var(--color-emerald-500)","--color-success-hover-text-link":"var(--color-emerald-700)","--color-success-active-text-link":"var(--color-emerald-800)","--color-success-bg-alert":"var(--color-emerald-50)","--color-success-text-alert":"var(--color-emerald-600)","--color-success-hover-bg-ghost":"var(--color-emerald-100)","--color-success-active-bg-ghost":"var(--color-emerald-200)","--color-success-hover-text-ghost":"var(--color-emerald-600)","--color-success-bg-subtle":"var(--color-emerald-100)","--color-success-hover-bg-subtle":"var(--color-emerald-200)","--color-success-active-bg-subtle":"var(--color-emerald-300)","--color-success-hover-text-subtle":"var(--color-emerald-600)","--color-success-text-solid":"var(--color-white)","--color-success-bg-solid":"var(--color-emerald-500)","--color-success-hover-bg-solid":"var(--color-emerald-600)","--color-success-active-bg-solid":"var(--color-emerald-700)","--color-success-hover-text-solid":"var(--color-white)","--color-warning-text-link":"var(--color-amber-500)","--color-warning-hover-text-link":"var(--color-amber-700)","--color-warning-active-text-link":"var(--color-amber-800)","--color-warning-bg-alert":"var(--color-amber-50)","--color-warning-text-alert":"var(--color-amber-600)","--color-warning-hover-bg-ghost":"var(--color-amber-100)","--color-warning-active-bg-ghost":"var(--color-amber-200)","--color-warning-hover-text-ghost":"var(--color-amber-600)","--color-warning-bg-subtle":"var(--color-amber-100)","--color-warning-hover-bg-subtle":"var(--color-amber-200)","--color-warning-active-bg-subtle":"var(--color-amber-300)","--color-warning-hover-text-subtle":"var(--color-amber-600)","--color-warning-text-solid":"var(--color-white)","--color-warning-bg-solid":"var(--color-amber-500)","--color-warning-hover-bg-solid":"var(--color-amber-600)","--color-warning-active-bg-solid":"var(--color-amber-700)","--color-warning-hover-text-solid":"var(--color-white)","--color-tertiary-text-link":"var(--color-tertiary-600)","--color-tertiary-hover-text-link":"var(--color-tertiary-900)","--color-tertiary-active-text-link":"var(--color-tertiary-1000)","--color-tertiary-bg-alert":"var(--color-tertiary-50)","--color-tertiary-text-alert":"var(--color-tertiary-600)","--color-tertiary-hover-bg-ghost":"var(--color-tertiary-100)","--color-tertiary-active-bg-ghost":"var(--color-tertiary-200)","--color-tertiary-hover-text-ghost":"var(--color-tertiary-900)","--color-tertiary-bg-subtle":"var(--color-tertiary-100)","--color-tertiary-hover-bg-subtle":"var(--color-tertiary-200)","--color-tertiary-active-bg-subtle":"var(--color-tertiary-300)","--color-tertiary-hover-text-subtle":"var(--color-tertiary-900)","--color-tertiary-text-solid":"var(--color-white)","--color-tertiary-bg-solid":"var(--color-tertiary-600)","--color-tertiary-hover-bg-solid":"var(--color-tertiary-900)","--color-tertiary-active-bg-solid":"var(--color-tertiary-900)","--color-tertiary-hover-text-solid":"var(--color-white)","--color-secondary-text-link":"var(--color-secondary-600)","--color-secondary-hover-text-link":"var(--color-secondary-900)","--color-secondary-active-text-link":"var(--color-secondary-1000)","--color-secondary-bg-alert":"var(--color-secondary-50)","--color-secondary-text-alert":"var(--color-secondary-600)","--color-secondary-hover-bg-ghost":"var(--color-secondary-100)","--color-secondary-active-bg-ghost":"var(--color-secondary-200)","--color-secondary-hover-text-ghost":"var(--color-secondary-900)","--color-secondary-bg-subtle":"var(--color-secondary-100)","--color-secondary-hover-bg-subtle":"var(--color-secondary-200)","--color-secondary-active-bg-subtle":"var(--color-secondary-300)","--color-secondary-hover-text-subtle":"var(--color-secondary-900)","--color-secondary-text-solid":"var(--color-primary)","--color-secondary-bg-solid":"var(--color-secondary-600)","--color-secondary-hover-bg-solid":"var(--color-secondary-100)","--color-secondary-active-bg-solid":"var(--color-secondary-900)","--color-secondary-hover-text-solid":"var(--color-primary)","--font-sans":"CircularXX,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"","--svg-arrow-down":"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\")","--svg-caret-down":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentFill' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\")"},"components":{".btn":"inline-flex flex-wrap items-center justify-center text-center cursor-pointer select-none transition duration-200 ease-in-out flex-shrink-0 font-semibold py-4 px-8 rounded-full disabled:opacity-80 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-opacity-50 no-underline border-0",".col":"relative w-full px-5",".row":"flex flex-wrap flex-row -mx-5",".tab":"px-4 py-2 border-b-2 hover:text-primary ring-0 focus:outline-none","body":"font-sans bg-white",".card":"relative flex flex-col overflow-hidden shadow-md rounded-md bg-white",".alert":"flex flex-row rounded-md px-3 py-2 text-gray-700 bg-gray-100 transition-opacity duration-300",".badge":"inline-block px-2 py-0.5 rounded text-xs text-white font-semibold",".fa-ul":"ml-6",".modal":"fixed left-0 top-0 w-screen h-screen overflow-auto z-50 transition-opacity duration-500 opacity-0",".table":"min-w-full","#footer":"text-primary","#navbar":"no-underline",".navbar":"no-underline z-20 py-3 relative","h1, .h1":"text-[calc(1.375rem+1.5vw)] xl:text-5xl","h2, .h2":"text-[calc(1.325rem+0.9vw)] xl:text-4xl","h3, .h3":"text-[calc(1.3rem+0.6vw)] xl:text-3xl","h4, .h4":"text-[calc(1.275rem+0.3vw)] xl:text-2xl","h5, .h5":"text-xl",".btn-ani":"transform-all hover:scale-[1.02] duration-300 ease",".prose a":"text-primary hover:text-primary-700",".tooltip":"hidden absolute invisible top-0 left-0 bg-dark text-white font-normal py-2 px-3 rounded-lg shadow-sm text-sm pointer-events-none opacity-0 transition-opacity duration-300",".badge-lg":"px-3 py-1 rounded text-sm text-white font-semibold",".disabled":"opacity-80 pointer-events-none",".modal-bg":"fixed w-screen h-screen left-0 top-0 z-30 pt-16 bg-gray-900 overflow-auto transition-opacity duration-500 opacity-50",".modal-lg":"max-w-screen-md",".modal-sm":"max-w-sm",".modal-xl":"max-w-screen-xl h-screen",".nav-link":"mx-1",".progress":"flex w-full overflow-hidden bg-gray-200 rounded-full h-2.5",".prose h4":"text-lg",".tab-list":"flex flex-wrap gap-x-2 mb-2 select-none",".tab-pane":"",".btn-group":"inl
34ine-flex",".card-body":"p-5 flex-grow",".container":"override:w-full override:max-w-full override:lg:max-w-[calc(min(100vw-60px,1440px))] mx-auto px-5",".display-1":"text-[calc(1.625rem+4.5vw)] lg:text-[5rem] leading-[1.2] font-light",".display-2":"text-[calc(1.575rem+3.9vw)] lg:text-[4.5rem] leading-[1.2] font-light",".display-3":"text-[calc(1.525rem+3.3vw)] lg:text-[4rem] leading-[1.2] font-light",".display-4":"text-[calc(1.475rem+2.7vw)] lg:text-[3.5rem] leading-[1.2] font-light",".display-5":"text-[calc(1.425rem+2.1vw)] lg:text-[3rem] leading-[1.2] font-light",".display-6":"text-[calc(1.375rem+1.6vw)] lg:text-[2.5rem] leading-[1.2] font-light",".blockquote":"text-xl italic font-semibold text-neutral-900",".form-input":"block mt-0 w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50",".navbar-btn":"w-6 mr-5 cursor-pointer select-none rounded min-[1330px]:hidden",".navbar-col":"flex flex-col items-center mt-3 space-y-4 min-[1330px]:flex-row min-[1330px]:space-x-4 min-[1330px]:space-y-0 min-[1330px]:mt-0",".navbar-row":"hidden w-screen items-center min-[1330px]:flex min-[1330px]:flex-grow min-[1330px]:justify-between min-[1330px]:w-auto min-[1330px]:ml-4 transition-all transform duration-300 opacity-0 h-0 min-[1330px]:h-auto min-[1330px]:opacity-100 !min-[1330px]:h-auto min-[1330px]:overflow-visible",".btn-{color}":"bg-{color}-bg-solid hover:bg-{color}-hover-bg-solid hover:text-{color}-hover-text-solid active:bg-{color}-active-bg-solid text-{color}-text-solid border-{color}-bg-solid hover:border-{color}-hover-bg-solid ring-{color}-bg-solid focus:ring-{color}-active-bg-solid",".card-footer":"px-5 py-3 bg-gray-100",".card-header":"px-5 py-3 bg-gray-100",".form-select":"block mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50",".progress-lg":"h-4",".progress-sm":"h-1.5",".progress-xl":"h-6",".prose ul ul":"list-disc",".tab-content":"py-2",".navbar-brand":"flex flex-row items-center space-x-3 ml-5 min-[1330px]:ml-0 text-primary font-bold text-xl",".progress-bar":"h-full","#features .btn":"mt-4 mb-4",".alert-{color}":"text-{color}-text-alert bg-{color}-bg-alert",".dropdown-item":"bg-transparent py-1.5 px-4 hover:text-primary-800 hover:bg-primary-100 focus:text-primary-800 focus:bg-primary-100",".dropdown-menu":"absolute hidden transition duration-200 opacity-0 w-max py-2 bg-white border border-gray-300 rounded mt-2 min-w-[160px] z-[1]",".form-checkbox":"rounded border-primary-300 text-primary-600 shadow-sm focus:border-primary-300 focus:ring focus:ring-offset-0 focus:ring-primary-200 focus:ring-opacity-50",".form-input-lg":"px-4 py-2 text-lg",".form-input-sm":"px-2 py-1 text-sm",".tab-underline":"px-3 py-2 text-muted hover:text-primary focus:outline-none",".tooltip-arrow":"absolute bg-dark w-2 h-2 rotate-45",".accordion-body":"py-3",".accordion-item":"flex flex-col bg-white rounded-lg p-4 mb-3",".btn-group .btn":"rounded-none first:rounded-l-md last:rounded-r-md",".form-select-lg":"pl-4 py-2 text-lg",".form-select-sm":"pl-2 py-1 text-sm",".prose ul ul ul":"list-[square]",".table>tbody>tr":"bg-white border-b",".container-fluid":"override:w-full override:max-w-full mx-auto px-5",".navbar-row.show":"opacity-100",".accordion-header":"flex items-center text-left text-xl w-full cursor-pointer font-semibold text-dark hover:text-primary-700 transition-all duration-300 after:transition after:duration-300 after:flex-shrink-0 after:w-5 after:h-5 after:ml-auto after:content-[''] after:[mask:var(--svg-arrow-down)_no-repeat_50%_50%] after:[mask-size:cover] after:bg-current",".pagination > .btn":"px-3 py-1",".accordion-collapse":"transition-all duration-300",".blockquote-{color}":"p-4 bg-{color}-bg-alert border-l-[4px] border-{color}-bg-solid",".dropdown-menu.show":"opacity-100 block",".prose > blockquote":"border-l-4 border-gray-600 my-3 py-3 pl-4 text-xl -ml-5",".tab-list-underline":"border-b-2 border-gray-300",".table-hover>tbody>tr":"hover:bg-gray-200",".table-sm>tbody>tr>td":"py-1",".table-sm>thead>tr>th":"py-1","h1, h2, h3, h4, h5, p":"mb-3",".table-striped>tbody>tr":"even:bg-gray-100",".table-striped>thead>tr":"bg-gray-50 border-b border-gray-300","html :where(.taos-init)":"duration-[400ms]","html :where(a.nav-link)":"hover:text-tertiary",".navbar-dark .navbar-btn":"focus:ring-white","[data-toggle=\"dropdown\"]":"flex items-center gap-x-1 after:flex-shrink-0 after:w-4 after:h-4 after:[mask:var(--svg-caret-down)_no-repeat_50%_50%] after:[mask-size:cover] after:content-[''] after:bg-current","html :where(a.text-dark)":"hover:text-gray-600",".form-radio[type=\"radio\"]":"text-primary-600 ring-offset-2 focus:ring-2 focus:ring-primary-300","html :where(.table>thead)":"bg-gray-50","html :where(a.text-white)":"hover:text-tertiary",".tab[aria-selected=\"true\"]":"border-primary text-primary",".btn-lg, .btn-group-lg>.btn":"py-3 px-5 text-lg",".btn-sm, .btn-group-sm>.btn":"py-1 px-2 text-sm",".btn-xl, .btn-group-xl>.btn":"py-4 px-6 text-xl",".btn-xs, .btn-group-xs>.btn":"py-1 px-1 text-xs","[data-popper-arrow]::before":"content-[''] rotate-[45deg] absolute h-4 w-4 bg-white border-l border-t border-gray-300 rounded-tl","html :where(.modal-content)":"relative m-auto mt-16 bg-gray-100 shadow-lg z-40 max-w-md","html :where(a.text-{color})":"text-{color}-text-link hover:text-{color}-hover-text-link active:text-{color}-active-text-link",".btn-ghost.btn-light:not(.c)":"text-gray-900",".btn-link:where(.btn-{color})":"bg-transparent hover:bg-transparent active:bg-transparent border-transparent text-{color}-text-link hover:text-{color}-hover-text-link active:text-{color}-active-text-link border-0 hover:underline focus:ring-{color}
34-active-bg-solid","html :where(a:not(.nav-link))":"text-tertiary hover:text-secondary underline",".btn-ghost:where(.btn-{color})":"bg-transparent hover:bg-{color}-hover-bg-ghost hover:text-{color}-hover-text-ghost active:bg-{color}-active-bg-ghost text-{color}-bg-solid border-0 focus:ring-{color}-active-bg-solid",".btn-subtle:where(.btn-{color})":"bg-transparent bg-{color}-bg-subtle hover:bg-{color}-hover-bg-subtle hover:text-{color}-hover-text-subtle active:bg-{color}-active-bg-subtle text-{color}-bg-solid border-0 focus:ring-{color}-active-bg-solid",".form-checkbox[type=\"checkbox\"]":"rounded","html :where(.table>tbody>tr>td)":"py-3 px-4 text-sm text-gray-900","html :where(.table>thead>tr>th)":"py-3 px-4 text-xs font-semibold text-left text-gray-700",".btn-outline:where(.btn-{color})":"bg-transparent hover:bg-transparent text-{color}-bg-solid border-{color}-bg-solid border hover:text-{color}-hover-bg-solid active:text-{color}-active-bg-solid",".tab-underline[aria-selected=\"true\"]":"-mb-1 border-0 border-b-2 border-primary text-primary",".accordion-header[aria-expanded=\"true\"]":"text-primary hover:text-primary-700 after:rotate-180",".hide-cols-not-first td:not(:first-child)":"display: none;",".hide-cols-not-first th:not(:first-child)":"display: none;",".btn-ghost.btn-{color}[aria-current=\"page\"]":"hover:text-{color}-hover-text-ghost bg-{color}-hover-bg-ghost text-{color}-bg-solid",".btn-group > .btn-outline:not(:first-child)":"border-l-0 border-r-[1px]",".btn-outline.btn-{color}[aria-current=\"page\"]":"bg-{color}-bg-solid text-{color}-text-solid",".navbar > .container-fluid, .navbar > .container":"flex flex-wrap justify-between min-[1330px]:flex-nowrap px-3 min-[1330px]:px-5","[data-popper-placement^='top'] > [data-popper-arrow]":"-bottom-2","[data-popper-placement^='left'] > [data-popper-arrow]":"-right-2","[data-popper-placement^='right'] > [data-popper-arrow]":"-left-2","[data-popper-placement^='bottom'] > [data-popper-arrow]":"-top-2"},"dependencies":{"tailwind":"^3.3.2","versoly-ui":"2.6.2"},"rules":[["container","w-full max-w-full lg:max-w-[calc(min(100vw-60px,1440px))] mx-auto px-5"],["container-fluid","w-full max-w-full mx-auto px-5"],["text-(wrap|nowrap|balance|pretty)","textWrap"]],"variants":[["\\*\\*","& *"],["\\*","& > *"],["not-first","&:not(:first-child)"]],"darkMode":"class"};
35let preflight = {};
36theme ||= {};
37theme.extend ||= {};
38theme.extend.colors = {};
39theme.extend.fontFamily ||= {};
40theme.extend.screens ||= {};
41let themeColorKeys = new Set();
42Object.entries(variables).forEach(([key, value]) => {
43  if (key.startsWith('--color-')) {
44    themeColorKeys.add(key.replace('--color-', '').split('-')[0]);
45    theme.extend.colors[key.replace('--color-', '')] = value;
46
47    if (value.startsWith('var(--color-')) {
48      const referencedColor = value.slice(4, -1);
49
50      if (variables[referencedColor]) {
51        return;
52      }
53
54      const color = referencedColor.split('-').at(-2);
55      const shade = referencedColor.split('-').at(-1);
56
57      if (color && shade) {
58        theme.extend.colors[key.replace('--color-', '')] = defaultTheme?.colors?.[color]?.[shade] || defaultTheme?.colors?.[color] || value;
59      }
60    }
61  }
62  if (key.startsWith('--font-')) {
63    theme.extend.fontFamily[key.replace('--font-', '')] = value;
64  }
65  if (key.startsWith('--breakpoint-')) {
66    theme.extend.screens[key.replace('--breakpoint-', '')] = value;
67  }
68});
69themeColorKeys = Array.from(themeColorKeys);
70      
71Object.entries(components).forEach(([cKey, cValue]) => {
72  if (!cKey.includes('{color}')) {
73    preflight['' + cKey] = cValue;
74    return;
75  }
76
77  themeColorKeys.forEach((key) => {
78    if (variables['--color-' + key + '-' + 600]  === undefined) {
79      return;
80    }
81    preflight[cKey.replaceAll('{color}', key)] = cValue.replaceAll('{color}', key)
82  })
83})
84const getOrderValue = (key) => {
85  if (key.startsWith('.') && !key.includes('-')) {
86    return -200;
87  } else if (key.includes(':where(')) {
88    return 100;
89  }
89 else if (key.startsWith('.') && key.includes('-') && themeColorKeys.some(c => key.includes(c))) {
90    return -100;
91  } else if (key.startsWith('.')) {
92    return 200;
93  }
94  return 200;
95}
96
97let preflightList = Object.entries(preflight)
98  .sort((a, b) => {
99    return getOrderValue(a[0]) - getOrderValue(b[0]) || a[0].localeCompare(b[0]);
100  })
101  .map(([key]) => [key, preflight[key]]);
102preflightList = preflightList.map(([key, value]) => {
103  if (value.includes('override')) {
104    value = ''
105  }
106
107  return [key, value]
108});
109preflightList = preflightList.map(([key, value]) => {
110  if (!value) {
111    return ''
112  }
113
114  return key + ' {\n    @apply ' + value + ';\n  }'
115}).filter(Boolean);
116const variablesCSS = Object.entries(variables).map(([key, value]) => key + ':' + value + ';');
117preflight = ':root, :host {' + variablesCSS.join('\n') + '}'+ '@layer components {' + preflightList.join('') + '}';
118const {presetTailwind, presetAutoprefix, presetTypography, presetTailwindForms} = this.twind;
119const config = {
120  preflight: twind.css(preflight),
121  presets: [
122    presetTailwind(),
123    presetAutoprefix(),
124    presetTypography(),
125    presetTailwindForms({strategy: "base"}),
126  ],
127  theme,
128  rules,
129  darkMode,
130  variants: [['has-\\[(.+)\\]', ([_, selector]) => `&:has(${selector})`], ...variants],
131  hash: false
132};
133twind.install(config);
134    })();
135    </script>
vendor: 1 bytes, line 135
135
136<script>
137document.documentElement.classList.add('js');
138</script>
138
139<!-- Privacy-friendly analytics by Plausible -->
140<script async src="/js/pa-8DqyBPEjodlcLgzEv76F0.js"></script>
vendor: 1 bytes, line 140
140
141<script>
142  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
143  plausible.init({
144    endpoint: "/api/event"
145  })
146</script>
146
147<!-- Forward legacy contact form URL -->
148<script>
149  (function () {
150    if (
151      window.location.pathname === "/" &&
152      new URLSearchParams(window.location.search).get("open_contact") === "1"
153    ) {
154      const url = new URL(window.location.href);
155      url.pathname = "/contact";
156      url.searchParams.delete("open_contact");
157
158      window.location.replace(url.toString());
159    }
160  })();
161</script>
161
162<!-- Style with unknown purpose, document if you come across this and know it! -->
163<style>
164  .modal-content>iframe {
165    aspect-ratio: auto !important;
166    /* unset the 16:9 rule */
167    height: 100% !important;
168    /* make it fill its parent’s height */
169    max-height: 100% !important;
170  }
171</style>
172<link 
173  rel="preload" 
174  href="https://assets.shapediver.com/fonts/CircularXXWeb-Bold.woff2" 
175  as="font" 
176  type="font/woff2" 
177  crossorigin
178>
179<link 
180  rel="preload" 
181  href="https://assets.shapediver.com/fonts/CircularXXWeb-Light.woff2" 
182  as="font" 
183  type="font/woff2" 
184  crossorigin
185>
186<link 
187  rel="preload" 
188  href="https://assets.shapediver.com/fonts/CircularXXWeb-Regular.woff2" 
189  as="font" 
190  type="font/woff2" 
191  crossorigin
192>
193<link 
194  rel="preload" 
195  href="https://assets.shapediver.com/fonts/CircularXXWeb-Italic.woff2" 
196  as="font" 
197  type="font/woff2" 
198  crossorigin
199>
200<link 
201  rel="preload" 
202  href="https://assets.shapediver.com/fonts/CircularXXWeb-Medium.woff2" 
203  as="font" 
204  type="font/woff2" 
205  crossorigin
206>
207<script type="application/ld+json">
208{
209  "@context": "https://schema.org",
210  "@type": "Corporation",
211  "name": "ShapeDiver GmbH",
212  "alternateName": "ShapeDiver",
213  "url": "https://shapediver.com",
214  "email": "[email protected]",
215  "vatID": "ATU75670347",
216  "duns": "30-062-1933",
217  "address": {
218    "@type": "PostalAddress",
219    "streetAddress": "Am Heumarkt 4",
220    "addressLocality": "Vienna",
221    "postalCode": "1030",
222    "addressCountry": "AT"
223  },
224  "employee": {
225    "@type": "Person",
226    "name": "Dipl.Ing. Mathias Höbinger",
227    "jobTitle": "CEO"
228  },
229  "identifier": [
230    {
231      "@type": "PropertyValue",
232      "name": "Commercial Register Wien",
233      "value": "535885t"
234    },
235    {
236      "@type": "PropertyValue",
237      "name": "GISA",
238      "value": "28235590"
239    }
240  ]
241}
242</script>
242
243<style>@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Thin.woff2) format('woff2');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ThinItalic.woff2) format('woff2');font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-LightItalic.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Book.woff2) format('woff2');font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BookItalic.woff2) format('woff2');font-weight:450;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-MediumItalic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BoldItalic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-Black.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-BlackItalic.woff2) format('woff2');font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ExtraBlack.woff2) format('woff2');font-weight:950;font-style:normal;font-display:swap}@font-face{font-family:CircularXX;src:url(https://assets.shapediver.com/fonts/CircularXXWeb-ExtraBlackItalic.woff2) format('woff2');font-weight:950;font-style:italic;font-display:swap}:root{--font-sans:'CircularXX',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}input:disabled,select:disabled,textarea:disabled{opacity:.5}.tooltip-icon{cursor:help;transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.tooltip-icon:focus,.tooltip-icon:hover{transform:scale(1.18);box-shadow:0 0 0 3px rgba(255,255,255,.18)}.tooltip-wrap{position:relative;display:inline-block;vertical-align:top}.tooltip-wrap::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:max-content;max-width:260px;padding:.55rem .75rem;border-radius:.375rem;background:#0b1b2b;color:#fff;font-family:var(--font-sans);font-size:.8rem;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity 160ms ease;z-index:60}.tooltip-wrap:focus-within::after,.tooltip-wrap:hover::after{opacity:1}.sd-check{position:relative;display:inline-flex;flex:0 0 auto;width:20px;height:20px;margin-top:4px}.sd-check::after{content:"";position:absolute;left:6px;top:1px;width:7px;height:13px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg)}.sd-check-secondary{color:#8cf7f4}.sd-check-tertiary{color:#ff7bbd}.sd-check-info{color:#54b7ff}</style>
244<style>.d-js {display: none !important;}[data-toggle="modal"] {cursor: pointer;}</style>
245</head>
246<body>
247<script>
248window.vDelayedScripts = window.vDelayedScripts || [];
249window.vCreateScript = (src) => {
250  const s = document.createElement('script');
251  s.src = src;
252  s.async = false;
253  document.head.appendChild(s);
254};
255
256window.vCreateStylesheet = (href) => {
257  const s = document.createElement('link');
258  s.rel = 'stylesheet';
259  s.href = href;
260  document.head.insertBefore(s, document.head.firstChild);
261};
262</script>
262
263<nav class="navbar navbar-dark sticky top-0 font-light bg-primary" id="navbar">
264  <div class="container">
265    <a class="navbar-brand text-white" href="/">
266      <img id="shapediver-logo" class="w-[200px] h-[28px] max-w-none shrink-0" alt="company logo" src="https://assets.shapediver.com/images/navbar/shapediver_logo_white_200.avif" />
267    </a>
268    <button class="navbar-btn" data-toggle="collapse" data-target="#navbar-row" aria-expanded="false" aria-label="Toggle navigation">
269      <span class="sr-only">Open navbar menu</span>
270      <span class="block h-1 rounded-full bg-white"></span>
271      <span class="block h-1 mt-1 rounded-full bg-white"></span>
272      <span class="block h-1 mt-1 rounded-full bg-white"></span>
273    </button>
274    <div class="navbar-row" id="navbar-row">
275      <ul class="navbar-col"></ul>
276      <ul class="navbar-col"></ul>
277      <ul class="navbar-col">
278        <li>
279          <a class="nav-link text-white whitespace-nowrap" href="/why-shapediver">Why ShapeDiver?</a>
280        </li>
281        <li>
282          <a class="nav-link text-white whitespace-nowrap" href="/how-it-works">How it works</a>
283        </li>
284        <li>
285          <a class="nav-link text-white whitespace-nowrap" href="/aec">AEC</a>
286        </li>
287        <li>
288          <a class="nav-link text-white whitespace-nowrap" href="/3d-configurators">3D Configurators</a>
289        </li>
290        <li>
291          <a class="nav-link text-white whitespace-nowrap" href="/pricing">Pricing</a>
292        </li>
293        <li class="undefined">
294          <button id="support" class="nav-link whitespace-nowrap font-light text-white" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Support</button>
295          <div id="support-menu" class="dropdown-menu" aria-labelledby="dropdown-717.">
296            <div class="row mx-0 max-w-[calc(100vw-2px)] md:w-[450px] text-sm">
297              <div class="group col hover:bg-primary-100 py-3">
298                <a href="https://faq.shapediver.com/faq/general-information" class="flex flex-row gap-x-3 no-underline">
299                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-question"></i>
300                  <div>
301                    <p class="font-semibold text-dark mb-1">FAQ</p>
302                    <p class="text-muted font-normal group-hover:text-dark mb-0">Frequently Asked Questions</p>
303                  </div>
304                </a>
305              </div>
306              <div class="group col hover:bg-primary-100 py-3">
307                <a href="https://help.shapediver.com/doc/" class="flex flex-row gap-x-3 no-underline">
308                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-book"></i>
309                  <div>
310                    <p class="font-semibold text-dark mb-1">Documentation & APIs</p>
311                    <p class="text-muted font-normal group-hover:text-dark mb-0">Check out ShapeDiver's extensive help center</p>
312                  </div>
313                </a>
314              </div>
315              <div class="group col hover:bg-primary-100 py-3">
316                <a href="https://www.youtube.com/shapediver" class="flex flex-row gap-x-3 no-underline">
317                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-video"></i>
318                  <div>
319                    <p class="font-semibold text-dark mb-1">Video Tutorials</p>
320                    <p class="text-muted font-normal group-hover:text-dark mb-0">Browse through our library of tutorials and how-to videos</p>
321                  </div>
322                </a>
323              </div>
324              <div class="group col hover:bg-primary-100 py-3">
325                <a href="https://forum.shapediver.com" class="flex flex-row gap-x-3 no-underline">
326                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-comments"></i>
327                  <div>
328                    <p class="font-semibold text-dark mb-1">Support Forum</p>
329                    <p class="text-muted font-normal group-hover:text-dark mb-0">Get help from our developers and active community of users</p>
330                  </div>
331                </a>
332              </div>
333              <div class="group col hover:bg-primary-100 py-3">
334                <a href="/professional-services" class="flex flex-row gap-x-3 no-underline">
335                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-handshake"></i>
336                  <div>
337                    <p class="font-semibold text-dark mb-1">Professional Services</p>
338                    <p class="text-muted font-normal group-hover:text-dark mb-0">Find out how our team can help you realize your computational design vision</p>
339                  </div>
340                </a>
341              </div>
342            </div>
343          </div>
344        </li>
345        <li class="undefined">
346          <button id="explore" class="nav-link whitespace-nowrap font-light text-white" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Explore</button>
347          <div id="explore-menu" class="dropdown-menu" aria-labelledby="dropdown-717.">
348            <div class="row mx-0 max-w-[calc(100vw-2px)] md:w-[450px] text-sm">
349              <div class="group col hover:bg-primary-100 py-3">
350                <a href="/blog" class="flex flex-row gap-x-3 no-underline">
351                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-blog"></i>
352                  <div>
353                    <p class="font-semibold text-dark mb-1">Blog</p>
354                    <p class="text-muted font-normal group-hover:text-dark mb-0">Check out news, case studies and how-to's</p>
355                  </div>
356                </a>
357              </div>
358              <div class="group col hover:bg-primary-100 py-3">
359                <a href="/resources/our-clients" class="flex flex-row gap-x-3 no-underline">
360                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-crown"></i>
361                  <div>
362                    <p class="font-semibold text-dark mb-1">Our Clients</p>
363                    <p class="text-muted font-normal group-hover:text-dark mb-0">A selection of companies using ShapeDiver</p>
364                  </div>
365                </a>
366              </div>
367              <div class="group col hover:bg-primary-100 py-3">
368                <a href="/resources/our-partners/partners" class="flex flex-row gap-x-3 no-underline">
369                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-award"></i>
370                  <div>
371                    <p class="font-semibold text-dark mb-1">Our Partners</p>
372                    <p class="text-muted font-normal group-hover:text-dark mb-0">Partners that can help you be successful with ShapeDiver</p>
373                  </div>
374                </a>
375              </div>
376              <div class="group col hover:bg-primary-100 py-3">
377                <a href="/app" class="flex flex-row gap-x-3 no-underline">
378                  <i class="text-muted text-xl group-hover:text-primary-800 fas fa-dice-d20"></i>
379                  <div>
380                    <p class="font-semibold text-dark mb-1">Model Sandbox</p>
381                    <p class="text-muted font-normal group-hover:text-dark mb-0">Browse public models created by our users</p>
382                  </div>
383                </a>
384              </div>
385            </div>
386          </div>
387        </li>
388        <li>
389          <a class="btn btn-secondary btn-outline btn-sm nav-link inline mt-3 whitespace-nowrap font-light tracking-widest" href="/contact">TALK TO SALES</a>
390        </li>
391        <li>
392          <a class="btn btn-secondary btn-sm nav-link inline mt-3 whitespace-nowrap font-medium tracking-widest" href="https://www.shapediver.com/app/register">SIGN UP</a>
393        </li>
394        <li>
395          <a class="nav-link text-white" href="https://www.shapediver.com/app/login">Login</a>
396        </li>
397      </ul>
398    </div>
399  </div>
400</nav>
401<meta charset="utf-8" />
402<meta charset="utf-8" />
403<meta charset="utf-8" />
404<meta charset="utf-8" />
405<meta charset="utf-8" />
406<meta charset="utf-8" />
407<meta charset="utf-8" />
408<meta charset="utf-8" />
409<meta charset="utf-8" />
410<meta charset="utf-8" />
411<meta charset="utf-8" />
412<meta charset="utf-8" />
413<meta charset="utf-8" />
414<meta charset="utf-8" />
415<meta charset="utf-8" />
416<meta charset="utf-8" />
417<meta charset="utf-8" />
418<meta charset="utf-8" />
419<meta charset="utf-8" />
420<meta charset="utf-8" />
421<meta charset="utf-8" />
422<meta charset="utf-8" />
423<section class="block py-20 bg-primary" id="header">
424  <div class="container">
425    <div class="row items-center m-0 gap-y-12">
426      <div class="col lg:w-8/12 lg:pr-16">
427        <div class="inline-flex items-center rounded-full border border-secondary px-5 py-2 mb-8 text-secondary font-semibold" style="background:rgba(139, 249, 245, 0.08)">14-day trial · Full platform access · No credit card required</div>
428        <h1 class="display-4 letter-spacing-xs mb-6 font-semibold text-secondary lg:text-7xl lg:text-left">Start building with ShapeDiver before you choose a plan.</h1>
429        <p class="text-lg lg:text-2xl text-white mb-10 lg:max-w-5xl">Create a ShapeDiver account and get 14 days to test your Grasshopper models. Build applications, use App Builder, try embedding, and evaluate the APIs with all platform features enabled.</p>
430        <div class="flex flex-col md:flex-row justify-center lg:justify-start gap-x-3 gap-y-3">
431          <a class="btn btn-primary btn-ghost btn-lg lg:bg-secondary" href="https://shapediver.com/app/sett
431ings/billing" target="_blank">Start your 14-day trial</a>
432        </div>
433      </div>
434      <div class="col lg:w-4/12 lg:pl-0">
435        <div class="card shadow-lg" style="border-radius:12px">
436          <div class="card-body flex flex-col items-start p-8 lg:p-10">
437            <h5 class="font-semibold mb-4 text-2xl">What is included in the trial?</h5>
438            <p class="text-lg text-muted mb-8">A practical evaluation workspace for teams who want to test real ShapeDiver workflows before subscribing.</p>
439            <ul class="list-none p-0 m-0 flex flex-col gap-y-5 text-lg text-muted">
440              <li class="flex items-start gap-x-4">
441                <span class="text-secondary font-bold" style="line-height:1.4">✓</span>
442                <span>No credit card required to create your account</span>
443              </li>
444              <li class="flex items-start gap-x-4">
445                <span class="text-secondary font-bold" style="line-height:1.4">✓</span>
446                <span>All platform features enabled for 14 days, including up to 60 seconds of computation time</span>
447              </li>
448              <li class="flex items-start gap-x-4">
449                <span class="text-secondary font-bold" style="line-height:1.4">✓</span>
450                <span>Access to App Builder, scripted components, embedding, imports, exports, APIs, and SDKs</span>
451              </li>
452              <li class="flex items-start gap-x-4">
453                <span class="text-secondary font-bold" style="line-height:1.4">✓</span>
454                <span>Pick Startup or Business when you are ready to continue</span>
455              </li>
456            </ul>
457          </div>
458        </div>
459      </div>
460    </div>
461  </div>
462</section>
463<section class="py-28 -mt-16 text-light bg-primary lg:py-0 lg:pt-28" id="pricing">
464  <div class="container">
465    <div class="row">
466      <div class="col md:w-10/12 lg:w-8/12 mx-auto text-center mb-6">
467        <h2 class="display-4 mb-3 font-semibold">Choose <span class="d-inline-block inline-block text-tertiary">the plan</span> that <span class="d-inline-block inline-block text-tertiary">fits</span> your rollout.</h2>
468      </div>
469      <div class="col mx-auto mb-0 text-center md:w-10/12 lg:w-8/12">
470        <h2 class="mb-3 text-xl font-semibold">Start with a full-platform, 14-day trial, then continue with the subscription that matches your company size, support needs, and production risk.</h2>
471      </div>
472      <div class="col flex justify-center text-center w-full">
473        <div class="btn-group w-full max-w-md">
474          <button class="btn btn-tertiary block w-1/2 text-lg md:text-2xl rounded-none" id="annual-pricing-button">
475            <span class="d-inline-block inline-block">Annual</span>
476          </button>
477          <button class="btn btn-tertiary btn-outline block w-1/2 justify-start text-lg md:text-2xl rounded-none" id="monthly-pricing-button">
478            <span class="d-inline-block inline-block">Monthly</span>
479          </button>
480        </div>
481      </div>
482    </div>
483    <div class="row lg:justify-center">
484      <div class="col lg:w-4/12 my-12">
485        <div class="card h-full border-[5px] rounded border-secondary">
486          <div class="card-header p-6 text-center text-secondary bg-primary">
487            <h3 class="m-0">
488              <b>STARTUP</b>
489            </h3>
490          </div>
491          <div class="card-header p-6 text-center text-primary bg-secondary">
492            <p class="m-0 font-extrabold">For small companies under €1M annual revenue, launching their first non-critical applications.</p>
493            <p class="m-0 mt-5 font-light">Low-cost option for launching projects with forum-based support and limited onboarding.</p>
494          </div>
495          <div class="card-body flex-grow-0 text-center text-secondary bg-primary">
496            <span class="text-2xl">from</span>
497            <h2 class="h1 my-0 font-semibold">
498              <span data-annual="€199" data-monthly="€299" class="text-7xl font-normal">€199</span>
499            </h2>
500            <span class="text-2xl">/month</span>
501          </div>
502          <div class="card-body text-lg text-light bg-primary">
503            <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0">
504              <li class="flex items-start gap-x-3">
505                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
506                <span>EU-based Shared System <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Server system based in Frankfurt, Germany.">i</span>
507                </span>
508              </li>
509              <li class="flex items-start gap-x-3">
510                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
511                <span>2,000 Monthly Credits <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Credits help track your account's usage of ShapeDiver servers.">i</span>
512                </span>
513              </li>
514              <li class="flex items-start gap-x-3">
515                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
516                <span>Viewer API <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Control your Grasshopper model through the ShapeDiver viewer and a custom UI.">i</span>
517                </span>
518              </li>
519              <li class="flex items-start gap-x-3">
520                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
521                <span>Standard Organization Features <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Includes team management, model organization, and collaboration tools.">i</span>
522                </span>
523              </li>
524              <li class="flex items-start gap-x-3">
525                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
526                <span>Medium Computation Priority <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Models are processed with medium priority to help reduce wait times during peak usage.">i</span>
527                </span>
528              </li>
529              <li class="flex items-start gap-x-3">
530                <span class="sd-check sd-check-secondary" aria-hidden="true"></span>
531                <span>Onboarding Sessions, max. 1 per month <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Schedule a guided onboarding call with our team to help you get started with ShapeDiver.">i</span>
532                </span>
533              </li>
534            </ul>
535          </div>
536          <div class="card-footer py-5 bg-primary">
537            <a class="btn btn-secondary btn-lg w-full block" href="https://shapediver.com/app/account" target="_blank">Start 14-day trial</a>
538          </div>
539        </div>
540      </div>
541      <div class="col lg:w-4/12 my-12">
542        <div class="card h-full text-tertiary bg-primary border-[5px] rounded border-tertiary">
543          <div class="card-header p-6 text-center bg-primary">
544            <h3 class="m-0">
545              <b>BUSINESS</b>
546            </h3>
547          </div>
548          <div class="card-header p-6 -mb-3 text-center text-light bg-tertiary">
549            <p class="m-0 font-extrabold">For companies evaluating or operating ShapeDiver as a core part of their product.</p>
550            <p class="mt-5 font-light">The all-rounder plan including white-glove onboarding and private support to reduce risk from day one.</p>
551          </div>
552          <div class="card-body flex-grow-0 text-center bg-primary">
553            <span class="text-2xl">from</span>
554            <h2 class="h1 my-0 font-semibold">
555              <span data-annual="€499" data-monthly="€799" class="text-7xl font-normal">€499</span>
556            </h2>
557            <span class="text-2xl">/month</span>
558          </div>
559          <div class="card-body text-lg text-light ring-tertiary">
560            <p>
561              <b>Everything in STARTUP, plus...</b>
562            </p>
563            <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0">
564              <li class="flex items-start gap-x-3">
565                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
566                <span>EU, North American, & Asian Shared Systems <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Access shared cloud servers in Europe, North America, and Asia for better performance based on your users' locations.">i</span>
567                </span>
568              </li>
569              <li class="flex items-start gap-x-3">
570                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
571                <span>Five Seats Included <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Five user accounts with individual login credentials are included in this plan.">i</span>
572                </span>
573              </li>
574              <li class="flex items-start gap-x-3">
575                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
576                <span>10,000 Monthly Credits <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Credits are consumed for computations, sessions, and file exports. Unused credits do not carry over to the next month.">i</span>
577                </span>
578              </li>
579              <li class="flex items-start gap-x-3">
580                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
581                <span>60-sec Computation Time <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Allows longer-running computations for more complex models and workflows.">i</span>
582                </span>
583              </li>
584              <li class="flex items-start gap-x-3">
585                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
586                <span>Backend & Platform APIs <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Programmatic access to ShapeDiver APIs for running computations, managing models, and integrating ShapeDiver into your own systems.">i</span>
587                </span>
588              </li>
589              <li class="flex items-start gap-x-3">
590                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
591                <span>TypeScript, Python, & .NET SDKs <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Use official SDKs to integrate ShapeDiver into applications and backend workflows.">i</span>
592                </span>
593              </li>
594              <li class="flex items-start gap-x-3">
595                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
596                <span>High Computation Priority <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Models are processed with high priority to reduce wait times for production and team workflows.">i</span>
597                </span>
598              </li>
599              <li class="flex items-start gap-x-3">
600                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
601                <span>Unlimited Onboarding Sessions <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Book onboarding sessions with our team as needed, subject to fair use.">i</span>
602                </span>
603              </li>
604              <li class="flex items-start gap-x-3">
605                <span class="sd-check sd-check-tertiary" aria-hidden="true"></span>
606                <span>Email Support <span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Get private support from the ShapeDiver team by email.">i</span>
607                </span>
608              </li>
609            </ul>
610          </div>
611          <div class="card-footer py-5 bg-primary">
612            <a class="btn btn-tertiary btn-lg w-full block" href="https://shapediver.com/app/account" target="_blank">Start 14-day trial</a>
613          </div>
614        </div>
615      </div>
616      <div class="col lg:w-4/12 my-12">
617        <div class="card h-full text-info bg-primary border-[5px] rounded border-info">
618          <div class="card-header p-6 text-center bg-primary">
619            <h3 class="m-0">
620              <b>ENTERPRISE</b>
621            </h3>
622          </div>
623          <div class="card-header p-6 text-center bg-info">
624            <p class="m-0 font-extrabold text-light">For companies requiring dedicated infrastructure, security, and compliance.</p>
625            <p class="m-0 mt-5 font-light text-light">Custom deployments, advanced organization features, and enterprise-grade guarantees.</p>
626          </div>
627          <div class="card-body flex-grow-0 mt-14 mb-9 text-center bg-primary">
628            <span class="mb-0 text-4xl font-normal">
629              <b class="text-5xl font-medium">Contact Us</b>
630            </span>
631          </div>
632          <div class="card-body text-lg text-light">
633            <p>
634              <b>Available premium features:</b>
635            </p>
636            <ul class="flex flex-col gap-y-4 leading-7 list-none p-0 m-0 text-light">
637              <li class="flex items-start gap-x-3">
638                <span class="sd-check sd-check-info" aria-hidden="true"></span>
639                <span>Private Server System<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Get your own private ShapeDiver instance with your selection of plugins, settings and security measures.">i</span>
640                </span>
641              </li>
642              <li class="flex items-start gap-x-3">
643                <span class="sd-check sd-check-info" aria-hidden="true"></span>
644                <span>Custom Server Location<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Choose from all applicable AWS server locations.">i</span>
645                </span>
646              </li>
647              <li class="flex items-start gap-x-3">
648                <span class="sd-check sd-check-info" aria-hidden="true"></span>
649                <span>Unlimited Seats<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Collaborate with as many team members as you need, without extra charges.">i</span>
650                </span>
651              </li>
652              <li class="flex items-start gap-x-3">
653                <span class="sd-check sd-check-info" aria-hidden="true"></span>
654                <span>Single Sign-On<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Integrate ShapeDiver with your corporate SSO provider to allow for fine-grained access control.">i</span>
655                </span>
656              </li>
657              <li class="flex items-start gap-x-3">
658                <span class="sd-check sd-check-info" aria-hidden="true"></span>
659                <span>Install Custom Plugins<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Install your own self-developed plugins, paid commercial plugins or external libraries.">i</span>
660                </span>
661              </li>
662              <li class="flex items-start gap-x-3">
663                <span class="sd-check sd-check-info" aria-hidden="true"></span>
664                <span>Unlimited Computation Time<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Execute long-running computations or batch computations which we could not allow on our shared systems.">i</span>
665                </span>
666              </li>
667              <li class="flex items-start gap-x-3">
668                <span class="sd-check sd-check-info" aria-hidden="true"></span>
669                <span>Advanced Organization Features<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="Work with several levels of access and permission controls.">i</span>
670                </span>
671              </li>
672              <li class="flex items-start gap-x-3">
673                <span class="sd-check sd-check-info" aria-hidden="true"></span>
674                <span>Service-Level Agreement<span class="tooltip-icon inline-flex w-4 h-4 bg-dark text-white items-center justify-center rounded-full text-xs font-medium align-top ml-1" data-toggle="tooltip" title="You have special requirements for uptime or support times? We can facilitate these for our Enterprise accounts.">i</span>
675                </span>
676              </li>
677            </ul>
678          </div>
679          <div class="card-footer py-5 bg-primary">
680            <a class="btn btn-info btn-lg w-full block" href="/contact">Talk to sales</a>
681          </div>
682        </div>
683      </div>
684    </div>
685  </div>
686</section>
687<section class="pt-9 -my-28 -mt-1 text-light bg-primary" id="faq">
688  <div class="container grid items-center">
689    <div class="row mb-12">
690      <div class="col text-center w-full">
691        <h2 class="display-5 font-semibold mb-3">Frequently Asked Questions</h2>
692        <p class="text-lg font-light font-semibold">Looking for more info? Here are some things we're commonly asked:</p>
693      </div>
694    </div>
695    <div class="row mb-12">
696      <div class="col md:w-8/12 mx-auto">
697        <div class="accordion">
698          <div class="accordion-item">
699            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">How does ShapeDiver work?</button>
700            <div class="accordion-collapse hidden">
701              <div class="accordion-body">
702                <p class="text-lg text-primary">ShapeDiver is an online platform for hosting Grasshopper files, allowing others to access your design tools through a web browser. You'll need a Rhinoceros license to create your Grasshopper files on a desktop or laptop, then you can upload your file to our platform to securely share it with others.</p>
703              </div>
704            </div>
705          </div>
706          <div class="accordion-item">
707            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">What are credits?</button>
708            <div class="accordion-collapse hidden">
709              <div class="accordion-body">
710                <p class="text-lg text-primary">Credits function like tokens or coins, helping us track your account's usage of our servers. Depending on your plan, each ShapeDiver account is granted a specific number of credits that automatically renew every month. Credits are used whenever you perform certain tasks, such as (but not limited to) starting sessions and initiating exports. <a href="https://help.shapediver.com/doc/credits">Learn more here.</a>
711                </p>
712              </div>
713            </div>
714          </div>
715          <div class="accordion-item">
716            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">How do I choose between Startup and Business?</button>
717            <div class="accordion-collapse hidden">
718              <div class="accordion-body">
719                <p class="text-lg text-primary">Startup and Business are designed for different stages of risk and responsibility.
720                  <br />
721                  <br />- <b>Startup</b> is for companies under €1M annual revenue launching non-critical applications and validating use cases. Our team is involved exclusively through our Support Forum and one-per-month Onboarding Sessions.
722                  <br />- <b>Business</b> is for companies that are seriously evaluating, preparing, or running applications where ShapeDiver is expected to become a core part of the product. Our team is involved through private email support and unlimited Onboarding Sessions.
723                </p>
724              </div>
725            </div>
726          </div>
727          <div class="accordion-item">
728            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">Why is the Startup plan limited to companies under €1M annual revenue?</button>
729            <div class="accordion-collapse hidden">
730              <div class="accordion-body">
731                <p class="text-lg text-primary">Startup is designed for early-stage teams validating ideas with public, forum-based support and limited onboarding.
732                  <br />
733                  <br />Larger companies typically have higher expectations around privacy, response times, and escalation, even during early exploration. To ensure a consistent and reliable experience for everyone, companies above this threshold are guided toward <b>Business</b>, which is designed to meet those expectations.
734                  <br />
735                  <br />This keeps support predictable and aligned with how different organizations operate.
736                </p>
737              </div>
738            </div>
739          </div>
740          <div class="accordion-item">
741            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">We’re a large company, but we don’t need white-glove onboarding or private support. Why can’t we choose Startup?</button>
742            <div class="accordion-collapse hidden">
743              <div class="accordion-body">
744                <p class="text-lg text-primary">Business is not only about white-glove support. It’s about readiness and accountability.
745                  <br />
746                  <br />Even when an application starts as non-critical, larger organizations usually require private communication channels, faster response times, and clear ownership when issues arise.
747                  <br />
748                  <br />Business ensures that ShapeDiver can support those expectations properly from the start. If ShapeDiver is being evaluated seriously and may become part of a production workflow, Business is the right fit.
749                </p>
750              </div>
751            </div>
752          </div>
753          <div class="accordion-item">
754            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">We’re a small company, but we need private support. Why do we need to upgrade to Business?</button>
755            <div class="accordion-collapse hidden">
756              <div class="accordion-body">
757                <p class="text-lg text-primary">Private support, onboarding, and escalation significantly increase the operational responsibility we take on.
758                  <br />
759                  <br />When a small company runs a critical or high-risk application, their support needs are the same as those of a larger organization. Business exists precisely for these cases, regardless of company size, to provide privacy, responsiveness, and peace of mind when ShapeDiver becomes important to the business.
760                </p>
761              </div>
762            </div>
763          </div>
764          <div class="accordion-item">
765            <button class="accordion-header text-2xl" data-toggle="accordion" aria-expanded="false">What type of technical support do you offer?</button>
766            <div class="accordion-collapse hidden">
767              <div class="accordion-body">
768                <p class="text-lg text-primary">ShapeDiver offers different support levels depending on your plan, aligned with how critical the platform is to your business.
769                  <br />
770                  <br />All users (including free users) have access to our documentation, video tutorials, FAQ, support forum, and community catch-ups. These are designed to help you understand the platform, explore what’s possible, and ask general questions.
771                  <br />
772                  <br />Paid plans unlock structured, private support:
773                  <br />
774                  <br />- <b>Startup</b> includes forum-based support and time-limited onboarding sessions (private video calls with our development team) focused on understanding the ShapeDiver platform, plugins, and APIs. These sessions are designed to help you launch successfully, not to troubleshoot Grasshopper definitions or review custom code.
775                  <br />
776                  <br />- <b>Business</b>
777                  <b>and Enterprise</b> include private email support, priority response times, and unlimited onboarding sessions (fair use). These plans are designed for c
777ompanies running ShapeDiver in production who require privacy, predictability, and closer collaboration with our team.
778                  <br />
779                  <br />Support channels are part of each subscription. Requests submitted outside the channels included in your plan may be redirected to the appropriate support channel.
780                  <br />
781                  <br />This structure allows us to provide high-quality support while scaling sustainably and keeping our pricing fair.
782                </p>
783              </div>
784            </div>
785          </div>
786        </div>
787      </div>
788    </div>
789  </div>
790</section>
791<section class="py-16 pb-20 mt-3 mb-40 text-white bg-gradient-to-b from-primary via-neutral to-primary lg:bg-tertiary" id="plug">
792  <div class="container">
793    <div class="row">
794      <div class="col lg:w-10/12 mx-auto">
795        <div class="flex flex-col items-center p-5 text-center md:flex-row md:p-12 md:text-left">
796          <div>
797            <p class="mb-3 h5">Check out our complete FAQ section where we thoroughly cover every topic surrounding our platform and services.</p>
798          </div>
799          <a class="btn btn-primary btn-lg static mx-auto font-semibold text-primary bg-secondary md:ml-auto" href="https://faq.shapediver.com" target="_blank">Frequently Asked Questions ➔</a>
800        </div>
801      </div>
802    </div>
803  </div>
804</section>
805<section class="py-28 pt-11 pb-7 -mt-40 lg:bg-primary" id="cta">
806  <div class="container">
807    <div class="row">
808      <div class="col px-0">
809        <div class="p-8 -mt-12 bg-primary rounded-xl md:p-12">
810          <div class="row items-center text-white">
811            <div class="col md:w-6/12 text-center md:text-left">
812              <h1 class="display-5 font-semibold mb-4">Are you thinking of getting started with ShapeDiver? You might qualify for up to 50% off!</h1>
813              <h5>We understand that getting started with a new technology can be challenging, especially for startups and small businesses. For this reason, we created multiple ways to help you and your business succeed with ShapeDiver.</h5>
814              <ul class="text-xl list-disc list-inside">
815                <li>
816                  <span class="d-inline-block inline-block text-xl font-extrabold">Developer Program:</span> If you're currently developing your application, you may qualify for up to 50% off on any plan for up to 3 monthly payments (no commercial activities allowed).
817                </li>
818                <br />
819                <li>
820                  <span class="d-inline-block inline-block text-xl font-extrabold">Small Startup Discount:</span> If you're an early-stage startup (max. 5 employees), you may qualify for up to 30% off on any plan for up to 12 monthly payments or one annual payment (commercial activities allowed).
821                </li>
822                <br />
823                <li>
824                  <span class="d-inline-block inline-block text-xl font-extrabold">Academic Discount:</span> If you're a student or professor, you may qualify for up to 50% off on any plan or extended trial periods of up to 3 months (no commercial activities allowed).
825                </li>
826              </ul>
827              <br />
828              <div class="text-xl mb-8">Contact us and tell us about your company and project. We'll explain how to qualify for these perks.</div>
829              <br />
830              <a class="btn btn-secondary btn-lg" href="/contact">Talk to Sales</a>
831              <a class="btn btn-secondary btn-outline btn-lg lg:ml-7" href="/developer-program">Developer Program</a>
832              <ul class="list-none mt-4 text-white font-semibold mb-6"></ul>
833            </div>
834            <div class="col md:w-6/12">
835              <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/5ab6f67e-2577-4716-816a-f82006c18a3f.webp" />
836            </div>
837          </div>
838        </div>
839      </div>
840    </div>
841  </div>
842</section>
843<section class="py-24 -mt-16 lg:py-28">
844  <svg width="0" height="0" class="absolute pointer-events-none select-none">
845    <defs>
846      <symbol id="icon-check" viewBox="0 0 24 24">
847        <path d="M20.3 5.7a1 1 0 0 1 0 1.4l-10 10a1 1 0 0 1-1.4 0l-5-5a1 1 0 0 1 1.4-1.4l4.3 4.3 9.3-9.3a1 1 0 0 1 1.4 0z"></path>
848      </symbol>
849      <symbol id="icon-x" viewBox="0 0 24 24">
850        <path d="M6.4 5l12.7 12.7-1.4 1.4L5 6.4 6.4 5zM5 17.3 17.3 5l1.4 1.4L6.4 18.7 5 17.3z"></path>
851      </symbol>
852    </defs>
853  </svg>
854  <div class="container">
855    <div class="row">
856      <div class="col relative text-center">
857        <h1>
858          <h3 class="h1 lg:font-semibold lg:text-center lg:text-tertiary">Compare Our Plans</h3>
859        </h1>
860        <h1 class="h3 lg:mb-14 lg:text-center">The table below provides a comprehensive list of all the features included in each of our subscriptions.</h1>
861        <div class="rounded-xl border border-gray-200 shadow-md overflow-auto">
862          <table class="table w-full min-w-[980px]" aria-describedby="legend">
863            <thead>
864              <tr class="text-xs uppercase tracking-wide"></tr>
865              <tr class="text-xl tracking-wide text-secondary uppercase bg-gray-50">
866                <th class="px-4 py-3 text-lg font-semibold text-center text-black bg-tertiary border-b border-gray-200">Features</th>
867                <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">startup</th>
868                <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">Business</th>
869                <th class="px-4 py-3 text-lg text-center text-light bg-tertiary border-b border-gray-200">Enterprise</th>
870              </tr>
871            </thead>
872            <tbody class="text-[0.95rem]">
873              <tr class="hover:bg-gray-50">
874                <th scope="row" class="px-4 py-3 text-base font-semibold text-primary bg-primary-50 border-b border-gray-200">Subscription Price</th>
875                <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
876                  <span class="font-extrabold text-primary">From €199/month
877                    <br />(with annual plan)
878                  </span>
879                </td>
880                <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
881                  <span class="font-extrabold text-primary">From €499/month
882                    <br />(with annual plan)
883                  </span>
884                </td>
885                <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
886                  <span class="font-extrabold text-primary">
887                    <a href="/contact">Contact Us</a>
888                  </span>
889                </td>
890              </tr>
891              <tr class="hover:bg-gray-50">
892                <th scope="row" class="px-4 py-3 text-base font-semibold text-primary border-b border-gray-200">Server Type</th>
893                <td class="px-4 py-3 border-b border-gray-200">Shared <span class="block text-sm text-gray-500">EU-only</span>
894                </td>
895                <td class="px-4 py-3 border-b border-gray-200">Shared<span class="block text-sm text-gray-500">EU, North America, Asia</span>
896                </td>
897                <td class="px-4 py-3 border-b border-gray-200">
898                  <span style="font-weight:800">Custom</span>
899                </td>
900              </tr>
901              <tr class="hover:bg-gray-50">
902                <th scope="row" class="px-4 py-3 text-base font-semibold text-primary bg-primary-50 border-b border-gray-200">Rhino Server System</th>
903                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 7 & 8</td>
904                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 7 & 8</td>
905                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Rhino 6, 7, or 8</td>
906              </tr>
907              <tr class="hover:bg-gray-50">
908                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Single-Sign-On (SSO)</th>
909                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
910                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewB
910ox="0 0 24 24" fill="currentColor">
911                    <use href="#icon-x"></use>
912                  </svg>
913                </td>
914                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
915                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
916                    <use href="#icon-x"></use>
917                  </svg>
918                </td>
919                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
920                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
921                    <use href="#icon-check"></use>
922                  </svg>
923                  <br />
924                </td>
925              </tr>
926              <tr class="hover:bg-gray-50">
927                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Public Models</th>
928                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
929                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
930                    <use href="#icon-check"></use>
931                  </svg>
932                </td>
933                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
934                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
935                    <use href="#icon-check"></use>
936                  </svg>
937                </td>
938                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
939                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
940                    <use href="#icon-check"></use>
941                  </svg>
942                </td>
943              </tr>
944              <tr class="hover:bg-gray-50">
945                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Private Models</th>
946                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
947                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
948                    <use href="#icon-check"></use>
949                  </svg>
950                </td>
951                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
952                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
953                    <use href="#icon-check"></use>
954                  </svg>
955                </td>
956                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
957                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
958                    <use href="#icon-check"></use>
959                  </svg>
960                </td>
961              </tr>
962              <tr class="hover:bg-gray-50">
963                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">App Builder</th>
964                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
965                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
966                    <use href="#icon-check"></use>
967                  </svg>
968                  <br />
969                  <span>(Platform & Embedded)</span>
970                </td>
971                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
972                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
973                    <use href="#icon-check"></use>
974                  </svg>
975                  <br />
976                  <span>(Platform & Embedded)</span>
977                </td>
978                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
979                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
980                    <use href="#icon-check"></use>
981                  </svg>
982                  <br />
983                  <span>(Platform & Embedded)</span>
984                </td>
985              </tr>
986              <tr class="hover:bg-gray-50">
987                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Monthly Credits</th>
988                <td class="px-4 py-3 border-b border-gray-200">
989                  <span class="font-extrabold text-primary">Up to 2,000</span>
990                </td>
991                <td class="px-4 py-3 border-b border-gray-200">
992                  <span class="font-extrabold text-primary">Up to 10,000</span>
993                </td>
994                <td class="px-4 py-3 border-b border-gray-200">
995                  <span class="font-extrabold text-primary">Custom</span>
996                </td>
997              </tr>
998              <tr class="hover:bg-gray-50">
999                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Excess Credits</th>
1000                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">
1001                  <span class="font-extrabold text-primary">4¢</span>
1002                  <span class="block text-sm text-gray-500">/Credit</span>
1003                </td>
1004                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">
1005                  <span class="font-extrabold text-primary">4¢</span>
1006                  <span class="block text-sm text-gray-500">/Credit</span>
1007                </td>
1008                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">
1009                  <span class="font-extrabold text-primary">4¢</span>
1010                  <span class="block text-sm text-gray-500">/Credit</span>
1011                </td>
1012              </tr>
1013              <tr class="hover:bg-gray-50">
1014                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Content Delivery Network</th>
1015                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1016                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1017                    <use href="#icon-check"></use>
1018                  </svg>
1019                </td>
1020                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1021                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1022                    <use href="#icon-check"></use>
1023                  </svg>
1024                </td>
1025                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1026                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1027                    <use href="#icon-check"></use>
1028                  </svg>
1029                </td>
1030              </tr>
1031              <tr class="hover:bg-gray-50">
1032                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Computation Time</th>
1033                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Up to <span class="font-semibold">30 sec</span>
1034                </td>
1035                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200">Up to <span class="font-semibold">60 sec</span>
1036                </td>
1037                <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
1038                  <span class="font-extrabold text-primary">Unlimited</span>
1039                </td>
1040              </tr>
1041              <tr class="hover:bg-gray-50">
1042                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Computation Priority</th>
1043                <td class="px-4 py-3 border-b border-gray-200">Medium</td>
1044                <td class="px-4 py-3 border-b border-gray-200">High</td>
1045                <td class="px-4 py-3 border-b border-gray-200">–</td>
1046              </tr>
1047              <tr class="bg-primary-50! hover:bg-gray-50">
1048                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Model Sharing</th>
1049                <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL
1050                  <br />Private Models via URL & in-platform
1051                </th>
1052                <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL
1053                  <br />Private Models via URL & in-platform
1054                </th>
1055                <th scope="row" class="px-4 py-3 font-light text-primary bg-primary-50 border-b border-gray-200">Public Models via URL
1056                  <br />Private Models via URL & in-platform
1057                </th>
1058              </tr>
1059              <tr class="hover:bg-gray-50">
1060                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Third-Party Plugins</th>
1061                <td class="px-4 py-3 border-b border-gray-200">Public List</td>
1062                <td class="px-4 py-3 border-b border-gray-200">Public List</td>
1063                <td class="px-4 py-3 border-b border-gray-200">Public List + Proprietory</td>
1064              </tr>
1065              <tr class="bg-primary-50! hover:bg-gray-50">
1066                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Grasshopper File Size</th>
1067                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span>
1068                </td>
1069                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">100 MB</span>
1070                </td>
1071                <td class="px-4 py-3 text-sm bg-primary-50 border-b border-gray-200">
1072                  <span class="font-extrabold text-primary">Custom</span>
1073                </td>
1074              </tr>
1075              <tr class="hover:bg-gray-50">
1076                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Geometry Output Size</th>
1077                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">20 MB</span>
1078                </td>
1079                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span>
1080                </td>
1081                <td class="px-4 py-3 text-sm bg-white border-b border-gray-200">
1082                  <span class="font-extrabold text-primary">Custom</span>
1083                </td>
1084              </tr>
1085              <tr class="bg-primary-50! hover:bg-gray-50">
1086                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Import/Export</th>
1087                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1088                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1089                    <use href="#icon-check"></use>
1090                  </svg>
1091                </td>
1092                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1093                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1094                    <use href="#icon-check"></use>
1095                  </svg>
1096                </td>
1097                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1098                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1099                    <use href="#icon-check"></use>
1100                  </svg>
1101                </td>
1102              </tr>
1103              <tr class="hover:bg-gray-50">
1104                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Import/Export File Size</th>
1105                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">50 MB</span>
1106                </td>
1107                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">100 MB</span>
1108                </td>
1109                <td class="px-4 py-3 border-b border-gray-200">
1110                  <b>Custom</b>
1111                </td>
1112              </tr>
1113              <tr class="bg-primary-50! hover:bg-gray-50">
1114                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Max. Texture Size</th>
1115                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">8 MiB</span>
1116                </td>
1117                <td class="px-4 py-3 border-b border-gray-200">Up to <span class="font-semibold">16 MiB</span>
1118                </td>
1119                <td class="px-4 py-3 border-b border-gray-200">
1120                  <b>Custom</b>
1121                </td>
1122              </tr>
1123              <tr class="hover:bg-gray-50">
1124                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Embedding Types</th>
1125                <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td>
1126                <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td>
1127                <td class="px-4 py-3 border-b border-gray-200">iFrame, App Builder, and Direct Embedding</td>
1128              </tr>
1129              <tr class="bg-primary-50! hover:bg-gray-50">
1130                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Shopify & WooCommerce Plugins</th>
1131                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
1132                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1133                    <use href="#icon-check"></use>
1134                  </svg>
1135                  <br />
1136                  <span>Optional: €199/month</span>
1137                </td>
1138                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
1139                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1140                    <use href="#icon-check"></use>
1141                  </svg>
1142                  <br />
1143                  <span>Optional: €199/month</span>
1144                </td>
1145                <td class="px-4 py-3 bg-primary-50 border-b border-gray-200" aria-label="included">
1146                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1147                    <use href="#icon-check"></use>
1148                  </svg>
1149                  <br />
1150                  <span>Optional: €199/month</span>
1151                </td>
1152              </tr>
1153              <tr class="hover:bg-gray-50">
1154                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Viewer API</th>
1155                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1156                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1157                    <use href="#icon-check"></use>
1158                  </svg>
1159                </td>
1160                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1161                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1162                    <use href="#icon-check"></use>
1163                  </svg>
1164                </td>
1165                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1166                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1167                    <use href="#icon-check"></use>
1168                  </svg>
1169                </td>
1170              </tr>
1171              <tr class="bg-primary-50! hover:bg-gray-50">
1172                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Backend & Platform API,
1173                  <br class="hidden sm:inline" />TypeScript & .NET SDKs
1174                </th>
1175                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1176                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1177                    <use href="#icon-x"></use>
1178                  </svg>
1179                </td>
1180                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1181                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1182                    <use href="#icon-check"></use>
1183                  </svg>
1184                </td>
1185                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1186                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1187                    <use href="#icon-check"></use>
1188                  </svg>
1189                </td>
1190              </tr>
1191              <tr class="hover:bg-gray-50">
1192                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Attribute Visualization</th>
1193                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1194                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1195                    <use href="#icon-check"></use>
1196                  </svg>
1197                </td>
1198                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1199                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1200                    <use href="#icon-check"></use>
1201                  </svg>
1202                </td>
1203                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1204                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1205                    <use href="#icon-check"></use>
1206                  </svg>
1207                </td>
1208              </tr>
1209              <tr class="bg-primary-50! hover:bg-gray-50">
1210                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Augmented Reality</th>
1211                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1212                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1213                    <use href="#icon-check"></use>
1214                  </svg>
1215                </td>
1216                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1217                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1218                    <use href="#icon-check"></use>
1219                  </svg>
1220                </td>
1221                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1222                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1223                    <use href="#icon-check"></use>
1224                  </svg>
1225                </td>
1226              </tr>
1227              <tr class="hover:bg-gray-50">
1228                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Account & Model Analytics</th>
1229                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1230                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1231                    <use href="#icon-check"></use>
1232                  </svg>
1233                </td>
1234                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1235                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1236                    <use href="#icon-check"></use>
1237                  </svg>
1238                </td>
1239                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1240                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1241                    <use href="#icon-check"></use>
1242                  </svg>
1243                </td>
1244              </tr>
1245              <tr class="bg-primary-50! hover:bg-gray-50">
1246                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Computation Analytics</th>
1247                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1248                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1249                    <use href="#icon-check"></use>
1250                  </svg>
1251                </td>
1252                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1253                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1254                    <use href="#icon-check"></use>
1255                  </svg>
1256                </td>
1257                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1258                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1259                    <use href="#icon-check"></use>
1260                  </svg>
1261                </td>
1262              </tr>
1263              <tr class="hover:bg-gray-50">
1264                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Seats Included</th>
1265                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">Two Seats Included</td>
1266                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">5 Seats Included</td>
1267                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">Unlimited Seats</td>
1268              </tr>
1269              <tr class="bg-primary-50! hover:bg-gray-50">
1270                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Saved States</th>
1271                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1272                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1273                    <use href="#icon-check"></use>
1274                  </svg>
1275                </td>
1276                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1277                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1278                    <use href="#icon-check"></use>
1279                  </svg>
1280                </td>
1281                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1282                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1283                    <use href="#icon-check"></use>
1284                  </svg>
1285                </td>
1286              </tr>
1287              <tr class="hover:bg-gray-50">
1288                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Desktop Clients</th>
1289                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1290                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1291                    <use href="#icon-check"></use>
1292                  </svg>
1293                </td>
1294                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1295                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1296                    <use href="#icon-check"></use>
1297                  </svg>
1298                </td>
1299                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1300                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1301                    <use href="#icon-check"></use>
1302                  </svg>
1303                </td>
1304              </tr>
1305              <tr class="bg-primary-50! hover:bg-gray-50">
1306                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Whitelisted Domains</th>
1307                <td class="px-4 py-3 border-b border-gray-200">1 Main Domain
1308                  <br />1 Testing Domain
1309                </td>
1310                <td class="px-4 py-3 border-b border-gray-200">1 Main Domain
1311                  <br />1 Testing Domain
1312                </td>
1313                <td class="px-4 py-3 border-b border-gray-200">
1314                  <b>Custom</b>
1315                </td>
1316              </tr>
1317              <tr class="hover:bg-gray-50">
1318                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Scripted Components (C#, VB, Python)</th>
1319                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1320                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1321                    <use href="#icon-check"></use>
1322                  </svg>
1323                </td>
1324                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1325                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1326                    <use href="#icon-check"></use>
1327                  </svg>
1328                </td>
1329                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1330                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1331                    <use href="#icon-check"></use>
1332                  </svg>
1333                </td>
1334              </tr>
1335              <tr class="bg-primary-50! hover:bg-gray-50">
1336                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Vote New Features</th>
1337                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1338                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1339                    <use href="#icon-check"></use>
1340                  </svg>
1341                </td>
1342                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1343                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1344                    <use href="#icon-check"></use>
1345                  </svg>
1346                </td>
1347                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1348                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1349                    <use href="#icon-check"></use>
1350                  </svg>
1351                </td>
1352              </tr>
1353              <tr class="hover:bg-gray-50">
1354                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Technical Support</th>
1355                <td class="px-4 py-3 border-b border-gray-200">Forum Support</td>
1356                <td class="px-4 py-3 border-b border-gray-200">Email & Video Support</td>
1357                <td class="px-4 py-3 border-b border-gray-200">Email & Video Support</td>
1358              </tr>
1359              <tr class="bg-primary-50! hover:bg-gray-50">
1360                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Community Catch-ups</th>
1361                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1362                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1363                    <use href="#icon-check"></use>
1364                  </svg>
1365                </td>
1366                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1367                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1368                    <use href="#icon-check"></use>
1369                  </svg>
1370                </td>
1371                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1372                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1373                    <use href="#icon-check"></use>
1374                  </svg>
1375                </td>
1376              </tr>
1377              <tr class="hover:bg-gray-50">
1378                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Private Server System</th>
1379                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1380                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewB
1380ox="0 0 24 24" fill="currentColor">
1381                    <use href="#icon-x"></use>
1382                  </svg>
1383                </td>
1384                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1385                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1386                    <use href="#icon-x"></use>
1387                  </svg>
1388                </td>
1389                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1390                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1391                    <use href="#icon-check"></use>
1392                  </svg>
1393                </td>
1394              </tr>
1395              <tr class="bg-primary-50! hover:bg-gray-50">
1396                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Install Custom Plugins</th>
1397                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1398                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1399                    <use href="#icon-x"></use>
1400                  </svg>
1401                </td>
1402                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1403                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1404                    <use href="#icon-x"></use>
1405                  </svg>
1406                </td>
1407                <td class="px-4 py-3 border-b border-gray-200" aria-label="included">
1408                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-tertiary" viewBox="0 0 24 24" fill="currentColor">
1409                    <use href="#icon-check"></use>
1410                  </svg>
1411                </td>
1412              </tr>
1413              <tr class="hover:bg-gray-50">
1414                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Onboarding Sessions</th>
1415                <td class="px-4 py-3 border-b border-gray-200">One per month</td>
1416                <td class="px-4 py-3 border-b border-gray-200">Unlimited <span class="block text-sm text-gray-500">Fair use</span>
1417                </td>
1418                <td class="px-4 py-3 border-b border-gray-200">Unlimited <span class="block text-sm text-gray-500">Fair use</span>
1419                </td>
1420              </tr>
1421              <tr class="bg-primary-50! hover:bg-gray-50">
1422                <th scope="row" class="px-4 py-3 font-semibold text-primary bg-primary-50 border-b border-gray-200">Yearly Uptime</th>
1423                <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td>
1424                <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td>
1425                <td class="px-4 py-3 border-b border-gray-200">Best effort (98%)</td>
1426              </tr>
1427              <tr>
1428                <th scope="row" class="px-4 py-3 font-semibold text-primary border-b border-gray-200">Service Level Agreement</th>
1429                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1430                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1431                    <use href="#icon-x"></use>
1432                  </svg>
1433                </td>
1434                <td class="px-4 py-3 border-b border-gray-200" aria-label="not included">
1435                  <svg class="inline-block w-[2em] h-[2em] align-[-0.250em] text-gray-400" viewBox="0 0 24 24" fill="currentColor">
1436                    <use href="#icon-x"></use>
1437                  </svg>
1438                </td>
1439                <td class="px-4 py-3 border-b border-gray-200">Optional: 99.9%</td>
1440              </tr>
1441            </tbody>
1442          </table>
1443        </div>
1444      </div>
1445    </div>
1446  </div>
1447</section>
1448<section class="py-8 -mt-12 -mb-4 lg:bg-primary" id="cta">
1449  <div class="container">
1450    <div class="row">
1451      <div class="col">
1452        <div class="rounded bg-primary text-white">
1453          <div class="row">
1454            <div class="col md:w-7/12 md:pt-20 p-7 md:p-14 text-center">
1455              <h3>Join the Grasshopper revolution.</h3>
1456              <p class="mb-12">ShapeDiver is helping thousands of Grasshopper experts take their parametric powers online. With ShapeDiver you'll be able to create outstanding cloud-based applications based on your definitions.</p>
1457              <a class="btn btn-secondary btn-lg" href="/how-it-works">Learn How</a>
1458            </div>
1459            <div class="col md:w-5/12">
1460              <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/5ab6f67e-2577-4716-816a-f82006c18a3f.webp" class="mt-6 md:-mt-20" loading="lazy" alt="face of customer" />
1461            </div>
1462          </div>
1463        </div>
1464      </div>
1465    </div>
1466  </div>
1467</section>
1468<template></template>
1469<footer class="py-12 text-primary bg-secondary" id="footer">
1470  <div class="container text-primary">
1471    <div class="row mb-12">
1472      <div class="col text-center text-primary mb-6 md:mb-0 md:w-3/12 md:text-left">
1473        <a class="h4 block mb-3 font-semibold text-primary no-underline" href="#">ShapeDiver</a>
1474        <div>
1475          <p class="text-primary">Build powerful apps with nothing but Grasshopper.</p>
1476          <a href="/trust">
1477            <img src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019d59bc-903f-7431-9694-083366ccbad3.avif" class="max-h-20 inline-block" />
1478          </a>
1479        </div>
1480      </div>
1481      <div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
1482        <p class="mb-3 font-semibold text-primary">Product</p>
1483        <a class="block text-primary" target="_blank" href="https://www.shapediver.com/app/register">Sign Up</a>
1484        <a class="block text-primary" href="/pricing">Pricing</a>
1485        <a class="block text-primary" href="https://faq.shapediver.com/faq/">F.A.Q.</a>
1486        <a class="block text-primary" href="/trust">Trust</a>
1487      </div>
1488      <div class="col md:w-3/12 text-center mb-6 md:mb-0 flex flex-col gap-y-2">
1489        <p class="mb-3 font-semibold text-primary">Company</p>
1490        <a class="block text-primary" href="/terms">Terms</a>
1491        <a class="block text-primary" href="/privacy">Privacy</a>
1492        <a class="block text-primary" href="/contact">Contact Us</a>
1493        <a class="block text-primary" href="/imprint">Imprint</a>
1494      </div>
1495      <div class="col md:w-3/12 text-center md:mb-0 flex flex-col items-center gap-y-2">
1496        <p class="mb-3 font-semibold text-primary">Connect With Us</p>
1497        <a class="block text-white" href="https://at.linkedin.com/company/shapediver" title="LinkedIn" target="" rel="noopener">
1498          <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db02d-81b7-7f41-a3fd-f9c34444815e.svg" />
1499        </a>
1500        <a class="block text-primary" href="https://youtube.com/shapediver" title="youtube" target="_blank" rel="noopener">
1501          <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db028-de1f-7dd5-8251-0248dd3e2c9f.svg" />
1502        </a>
1503        <a class="block text-white" href="https://github.com/shapediver" title="Instagram" target="_blank" rel="noopener">
1504          <img class="text-3xl text-primary fab fa-github fa-3x" width="40px" src="https://d1pnnwteuly8z3.cloudfront.net/images/ee96fd16-f2c3-41a7-83b3-00cddf8c155c/019db028-a940-7a73-af51-c93d73291bf3.svg" />
1505        </a>
1506      </div>
1507    </div>
1508    <div class="row text-white">
1509      <div class="col text-center w-full">
1510        <p class="text-sm text-primary">© <span id="current-year"></span> ShapeDiver GmbH. All rights reserved.</p>
1511      </div>
1512    </div>
1513  </div>
1514</footer>
1515<script>
1516window.vDelayedScripts.push({ callback: () => {
1517  const template = document.getElementById('powered-by-template');
1518  if (template) {
1519    const clone = template.content.cloneNode(true);
1520    document.body.appendChild(clone);
1521  }
1522}});
1523</script>
1523
1524
1525<script>
1526window.vGetElementsByToggle = (toggleName) => {
1527  const query = '[data-toggle="' + toggleName + '"]';
1528  const elements = [...document.querySelectorAll(query)];
1529  elements.forEach((elem, index) => {
1530    elem.setAttribute('data-' + toggleName + '-index', index);
1531  })
1532  return elements;
1533};
1534</script>
vendor: 1 bytes, line 1534
1534
1535<script>
1536window.vGetElementOptions = (elem) => {
1537  if (!elem.dataset.options) {
1538    return {};
1539  }
1540
1541  try {
1542    let options = elem.dataset.options.split("'").join('"');
1543    options = JSON.parse(options);
1544    return options;
1545  } catch (err) {
1546    console.log(err);
1547    return {};
1548  }
1549};
1550</script>
vendor: 1 bytes, line 1550
1550
1551<script>
1552window.vDelayedScripts.push({src: 'https://d1pnnwteuly8z3.cloudfront.net/libs/fontawesome-free/5.13.1/fontawesome-free.css', type: 'stylesheet'});
1553</script>
vendor: 1 bytes, line 1553
1553
1554<script>
1555(function(){
1556s=document.createElement("script");
1557s.src="https://d1pnnwteuly8z3.cloudfront.net/libs/tailtip/1.1.0/tailtip.js";
1558s.async = false;
1559document.head.appendChild(s);
1560s.onload = function() {
1561  window.vTailtips = [];
1562window.vGetElementsByToggle('tooltip').forEach((elem) => {
1563  const tailtip = Tailtip(elem, window.vGetElementOptions(elem));
1564  window.vTailtips.push(tailtip);
1565});
1566}
1567})();
1568</script>
vendor: 1 bytes, line 1568
1568
1569<script>
1570window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-core/1.7.4/floating-ui-core.js");
1571</script>
vendor: 1 bytes, line 1571
1571
1572<script>
1573window.vCreateScript("https://d1pnnwteuly8z3.cloudfront.net/libs/floating-ui-dom/1.7.4/floating-ui-dom.js");
1574</script>
vendor: 1 bytes, line 1574
1574
1575<script>
1576window.vDelayedScripts.push({src: 'https://d1pnnwteuly8z3.cloudfront.net/libs/versoly-ui/2.3.0/versoly-ui.js', type: 'script'});
1577</script>
vendor: 1 bytes, line 1577
1577
1578<script>
1579document.querySelectorAll('section:has([id$="-pricing-button"], [data-toggle="pricing"])').forEach(section => {
1580  const durationButtons = section.querySelectorAll('[id$="-pricing-button"]');
1581  const durations = [...durationButtons].map(b => b.id.replace('-pricing-button', ''));
1582
1583  const activeClass = durationButtons[0] && durationButtons[0].className;
1584  const inactiveClass = durationButtons[1] && durationButtons[1].className;
1585
1586  durations.forEach(duration => {
1587    const durationButton = section.querySelector('[id="' + duration + '-pricing-button"]');
1588
1589    if (!durationButton) {
1590      return;
1591    }
1592
1593    durationButton.addEventListener('click', function() {
1594      section.querySelectorAll('[data-' + duration + ']').forEach((element) => {
1595        element.innerHTML = element.dataset[duration];
1596      })
1597
1598      section.querySelectorAll('[data-duration-show]').forEach(d => {
1599        d.className = (d.className || '') + ' hidden';
1600      })
1601
1602      section.querySelectorAll('[data-duration-show="' + duration + '"]').forEach(d => {
1603        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ');
1604      })
1605
1606      durationButtons.forEach(b => b.className = inactiveClass);
1607      durationButton.className = activeClass;
1608    });
1609  });
1610
1611  const toggles = section.querySelectorAll('.pricing-toggle, [data-toggle="pricing"]');
1612  toggles.forEach(toggleElem => {
1613    toggleElem.addEventListener('click', function (e) {
1614      if (e.target.tagName !== 'INPUT') {
1615        return;
1616      }
1617
1618      toggles.forEach(t => {
1619        t.getElementsByTagName('input')[0].checked = !!e.target.checked
1620      });
1621
1622      const sectionDurations = ['monthly', 'annual'];
1623      let nextDuration = sectionDurations[0];
1624
1625      sectionDurations.forEach(d => {
1626        section.querySelectorAll('[data-' + d + ']').forEach(elem => {
1627          if (elem.innerHTML !== elem.getAttribute('data-' + d)) {
1628            nextDuration = d
1629          }
1630        })
1631      });
1632
1633      section.querySelectorAll('[' + 'data-' + nextDuration + ']').forEach(elem =>
1634        elem.innerHTML = elem.getAttribute('data-' + nextDuration)
1635      )
1636
1637      section.querySelectorAll('[data-duration-show]').forEach(d => {
1638        d.className = (d.className || '') + ' hidden'
1639      })
1640
1641      section.querySelectorAll('[data-duration-show="' + nextDuration + '"]').forEach(d => {
1642        d.className = (d.className || '').split(' ').filter(c => c !== 'hidden').join(' ')
1643      })
1644    })
1645  });
1646});
1647</script>
vendor: 1 bytes, line 1647
1647
1648<script>
1649if (document.getElementById("navbar")) {
1650  var style = document.createElement('style');
1651  style.innerHTML = '* {scroll-margin-top: ' + document.getElementById("navbar").offsetHeight + 'px}';
1652  document.head.appendChild(style);
1653}
1654</script>
vendor: 1 bytes, line 1654
1654
1655<script>
1656window.vHandleDelayedLoad = () => {
1657  window.vDelayedScripts.forEach(s => {
1658    if (s.loaded) return;
1659    if (s.type === 'script') {
1660      window.vCreateScript(s.src);
1661    } else if (s.type === 'stylesheet') {
1662      window.vCreateStylesheet(s.src);
1663    } else if (s.callback) {
1664      s.callback();
1665    }
1666    s.loaded = true;
1667  });
1668}
1669
1670addEventListener('DOMContentLoaded', () => setTimeout(window.vHandleDelayedLoad, 5000));
1671addEventListener('scroll', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true});
1672addEventListener('mousemove', () => setTimeout(window.vHandleDelayedLoad, 300), {once: true});
1673addEventListener('click', () => setTimeout(window.vHandleDelayedLoad, 16), {once: true});
1674</script>
vendor: 1 bytes, line 1674
1674
1675<script>
1676  const supportbutton = document.getElementById('support');
1677  const supportmenu = document.getElementById('support-menu');
1678  const explorebutton = document.getElementById('explore');
1679  const exploremenu = document.getElementById('explore-menu');
1680
1681  // Close menu when clicking outside
1682  document.addEventListener('click', (e) => {
1683    if (!supportbutton.contains(e.target) && !supportmenu.contains(e.target)) {
1684      supportmenu.style.display = "",
1685        supportmenu.classList.remove("opacity-100", "visible")
1686    }
1687  });
1688
1689    document.addEventListener('click', (e) => {
1690    if (!explorebutton.contains(e.target) && !exploremenu.contains(e.target)) {
1691      exploremenu.style.display = "",
1692        exploremenu.classList.remove("opacity-100", "visible")
1693    }
1694  });
1695
1696  document.getElementById("current-year").textContent = new Date().getFullYear();
1697
1698document.querySelectorAll('.tooltip-icon[title]').forEach(icon => {
1699  const tip = icon.getAttribute('title');
1700  icon.removeAttribute('title');          // kill the native tooltip
1701  icon.setAttribute('tabindex', '0');
1702  icon.setAttribute('role', 'button');
1703  icon.setAttribute('aria-label', tip);
1704
1705  const wrap = document.createElement('span');
1706  wrap.className = 'tooltip-wrap';
1707  wrap.dataset.tip = tip;
1708  icon.parentNode.insertBefore(wrap, icon);
1709  wrap.appendChild(icon);
1710});
1711</script>
1711
1712</body>
1713</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.