{"id":37776,"date":"2026-10-07T07:03:43","date_gmt":"2026-10-07T11:03:43","guid":{"rendered":"https:\/\/gazizoff.com\/?page_id=37776"},"modified":"2026-10-07T08:20:05","modified_gmt":"2026-10-07T12:20:05","slug":"web-design-cost-calculator","status":"publish","type":"page","link":"https:\/\/gazizoff.com\/ru\/web-design\/web-design-cost-calculator\/","title":{"rendered":"Web Design Cost Calculator"},"content":{"rendered":"<div>\n<h1>Website Design Cost Calculator<\/h1>\n<p>Get a fast &#038; free estimate on your<br class=\"uk-visible@s\"> next website design project.<\/p>\n<div>Estimate how much your website design or redesign project will cost <br class=\"uk-visible@s\">with our accurate, instant, and free website design cost calculator.<\/div>\n<\/div>\n<div>\n<div class=\"uk-hidden@m uk-margin-small-bottom\">\n<nav class=\"uk-navbar-container uk-position-z-index\" id=\"gz-mobile-menu\" aria-label=\"Your website total\" uk-navbar uk-sticky=\"end: #gz-calculator-section; offset: 0; media: (max-width: 959px)\">\n<div class=\"uk-navbar-left\">\n<div class=\"uk-navbar-item uk-padding-small\">\n<div><span class=\"uk-h5 uk-margin-remove\">Your Website<\/span><br \/><span class=\"uk-text-small uk-text-break\" id=\"gz-mobile-total\">Choose your options<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"uk-navbar-right\">\n<div class=\"uk-navbar-item uk-padding-small\"><a class=\"uk-button uk-button-default uk-button-small\" href=\"#gz-summary\" uk-scroll=\"offset: 24\">Details<\/a><\/div>\n<\/div>\n<\/nav>\n<\/div>\n<form class=\"uk-form-stacked\" id=\"gz-form\" novalidate>\n<section class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\" id=\"gz-migration\" data-step=\"migration\" aria-disabled=\"false\">\n<fieldset class=\"uk-fieldset\">\n<legend class=\"uk-h3 uk-margin-remove-top uk-margin-bottom\"><span class=\"uk-text-emphasis\">Planning.<\/span> <span class=\"uk-text-muted\">Starting fresh or moving?<\/span><\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"migration\" value=\"new\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Starting a fresh website<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For a new business, brand or website.<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"migration\" value=\"migrate\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Moving a website<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For an existing website. Bring your content to a new platform.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">Complimentary<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"multiple: true; duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Strategy &amp; Research<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">A clear plan for your website, based on your business, audience and market.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>1\u20133 strategy consultations<\/li>\n<li>Business analysis<\/li>\n<li>Audience analysis<\/li>\n<li>Competitor analysis<\/li>\n<li>Content migration plan<\/li>\n<li>Wish list &amp; project roadmap<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Information Architecture<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Organize pages and navigation so visitors can find what they need and take the next step.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Information hierarchy<\/li>\n<li>Website structure<\/li>\n<li>Sitemap<\/li>\n<li>Navigation &amp; UX<\/li>\n<li>Page-specific objectives<\/li>\n<li>Conversion optimization<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<section class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\" id=\"gz-engine\" data-step=\"engine\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Engine.<\/span> <span class=\"uk-text-muted\">Choose the power behind your website.<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Editing tools, managed hosting and dedicated resources in every engine. Choose the capacity your website needs.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"engine\" value=\"core\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Core<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For small and local businesses and startups. Reliable power for everyday pages, content and enquiries.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$5,400 + $24\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"engine\" value=\"pro\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Pro<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For small and midsize businesses ready to grow. More resources for expanding content, features and visitor traffic.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$10,250 + $50\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"engine\" value=\"ultra\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Ultra<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For large, high-traffic and enterprise websites. Maximum resources for demanding features and heavy use.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$15,600 + $100\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"multiple: true; duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">CMS + Admin Tools<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Manage content, build pages and make everyday updates from one place.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>CMS setup and optimization<\/li>\n<li>Website layout builder<\/li>\n<li>Style customizer<\/li>\n<li>Blog setup<\/li>\n<li>Blog layout builder<\/li>\n<li>Page builder<\/li>\n<li>Mega Menu builder<\/li>\n<li>Analytics<\/li>\n<li>404 page, Privacy Policy, Terms<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Hosting &amp; Security<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Managed hosting with dedicated resources, automatic backups and built-in protection.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Managed hosting<\/li>\n<li>Dedicated resources<\/li>\n<li>Automatic backups<\/li>\n<li>SSL certificate<\/li>\n<li>DDoS &amp; WAF<\/li>\n<li>Proactive hack protection<\/li>\n<li>Secure login &amp; activity monitoring<\/li>\n<li>Cross-site scripting protection<\/li>\n<li>Malware &amp; spam protection<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Search Engine Optimization (SEO)<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Help search engines understand your website and display its pages clearly.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Website metadata<\/li>\n<li>Page metadata<\/li>\n<li>XML sitemap<\/li>\n<li>Schema markup<\/li>\n<li>Google Search Console<\/li>\n<li>Open Graph metadata<\/li>\n<li>Social sharing buttons<\/li>\n<li>Website monitoring<\/li>\n<li>Cross-browser support<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Speed Optimization<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Keep pages fast and responsive as visitors browse your website.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Content Delivery Network<\/li>\n<li>Image &amp; media optimization<\/li>\n<li>Code &amp; database optimization<\/li>\n<li>Caching<\/li>\n<li>Latest PHP version<\/li>\n<li>Lazy loading<\/li>\n<li>Deferred script loading<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<div class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\" id=\"gz-website\">\n<section class=\"uk-disabled\" id=\"gz-design\" data-step=\"design\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Design.<\/span> <span class=\"uk-text-muted\">How should your website feel?<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Choose the visual style and level of interaction. Design pricing updates with your website size.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"design\" value=\"simple\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Studio<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For focused products and services. Custom layouts, polished visuals and subtle motion that make your business easy to understand.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"design:simple\">Included<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"design\" value=\"signature\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Signature<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For complex products or a broader service range. Distinctive layouts and animation that explain more without overwhelming visitors.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"design:signature\">Based on website size<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"design\" value=\"flagship\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Flagship<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For brands that want a standout digital experience. Rich motion, interactive storytelling and bold visuals that make a lasting impression.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"design:flagship\">Based on website size<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"multiple: true; duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">What&#x27;s included<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Every design comes with the content, visuals and page features your website needs.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Copywriting<\/li>\n<li>Page design, UX, UI<\/li>\n<li>Media &amp; Images<\/li>\n<li>Conversion optimization<\/li>\n<li>Mobile responsive layouts<\/li>\n<li>Metadata, schema, etc.<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<hr class=\"uk-margin\">\n<section class=\"uk-disabled\" id=\"gz-size\" data-step=\"size\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Website size.<\/span> <span class=\"uk-text-muted\">How big do you see it?<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Choose space for your products, services and content. Every page includes copywriting, design and development.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-3\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"size\" value=\"small\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Small<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">1\u201310 pages<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$2,650<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"size\" value=\"small_plus\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Small Plus<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">10\u201325 pages<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$8,650<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"size\" value=\"medium\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Medium<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">25\u201350 pages<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$18,350<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"size\" value=\"large\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Large<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">50\u2013100 pages<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$37,650<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"size\" value=\"xl\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Enterprise<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">100\u2013150 pages<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$62,350<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<\/fieldset>\n<\/section>\n<hr class=\"uk-margin\">\n<section class=\"uk-disabled\" id=\"gz-language-section\" data-step=\"language_mode\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Languages.<\/span> <span class=\"uk-text-muted\">How many do you need?<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Choose how many languages visitors can use on your website.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-2\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"language_mode\" value=\"single\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">One language<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"language_mode\" value=\"multiple\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">More than one<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<div id=\"gz-language-controls\" data-reveal data-open=\"false\" aria-hidden=\"true\" inert>\n<div class=\"uk-overflow-hidden\">\n<div class=\"uk-flex uk-flex-middle uk-margin-small-top\" role=\"group\" aria-label=\"Total languages\">\n      <button class=\"uk-icon-button\" type=\"button\" id=\"gz-minus\" uk-icon=\"minus\" aria-label=\"Remove a language\" disabled><\/button><br \/>\n      <output class=\"uk-h5 uk-text-emphasis uk-margin-remove uk-padding-small\" id=\"gz-language-count\" for=\"gz-languages\" aria-live=\"polite\">2 languages<\/output><br \/>\n      <button class=\"uk-icon-button\" type=\"button\" id=\"gz-plus\" uk-icon=\"plus\" aria-label=\"Add a language\"><\/button>\n    <\/div>\n<\/div><\/div>\n<p>    <input type=\"hidden\" id=\"gz-languages\" name=\"language_count\" value=\"2\"><br \/>\n  <\/fieldset>\n<\/section>\n<\/div>\n<section class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\" id=\"gz-commerce\" data-step=\"sell_online\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">E-commerce.<\/span> <span class=\"uk-text-muted\">Will you sell online?<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Add a store if customers will buy products or subscriptions on your website.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-2\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"sell_online\" value=\"no\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">No store<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"sell_online\" value=\"yes\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">E-commerce<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<div id=\"gz-store-details\" data-reveal data-open=\"false\" aria-hidden=\"true\" inert>\n<div class=\"uk-overflow-hidden\">\n<fieldset class=\"uk-fieldset uk-margin-top uk-disabled\" data-step=\"commerce\" aria-disabled=\"true\" disabled inert>\n<legend class=\"uk-h5 uk-margin-remove-top uk-margin-bottom\">Which store is right for you?<\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"commerce\" value=\"basic\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Commerce Core<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For small stores with straightforward sales. The tools and hosting power to take payments and manage daily orders.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$5,150 + $100\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"commerce\" value=\"pro\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Commerce Pro<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For growing stores with more products and orders. Extra power, email follow-ups and sales tools for repeat purchases.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$9,750 + $200\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"commerce\" value=\"ultra\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Commerce Ultra<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For high-volume, direct-to-consumer brands. Maximum power for subscriptions, complex catalogues and custom shopping journeys.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$20,150 + $300\/mo<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\">Monthly fees cover extra hosting resources and store tools.<\/p>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"multiple: true; duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Included with every store<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Sell products, accept payments and manage customers and orders in one place.<\/p>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Product Catalog<\/li>\n<li>Product Categories<\/li>\n<li>Product Pages<\/li>\n<li>Product Search<\/li>\n<li>Product Filters &amp; tags<\/li>\n<li>Account + Login<\/li>\n<li>Shopping Cart<\/li>\n<li>Checkout<\/li>\n<li>Payment Setup (ex., Stripe)<\/li>\n<li>Coupons<\/li>\n<li>Order Management<\/li>\n<li>Transactional Emails<\/li>\n<li>Sales Analytics<\/li>\n<li>E-commerce SEO<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<fieldset class=\"uk-fieldset uk-margin-top uk-disabled\" data-step=\"variants\" aria-disabled=\"true\" disabled inert>\n<legend class=\"uk-h5 uk-margin-remove-top uk-margin-bottom\">Do your products have options?<\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"variants\" value=\"simple\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">One version each<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$25\/product<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"variants\" value=\"variants\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Sizes, colours, flavours or other options<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">$50\/product<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<\/fieldset>\n<fieldset class=\"uk-fieldset uk-margin-top uk-disabled\" data-step=\"products\" aria-disabled=\"true\" disabled inert>\n<legend class=\"uk-h5 uk-margin-remove-top uk-margin-bottom\">How many products do you have?<\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-5@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"products\" value=\"small\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">1\u201310<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"products:small\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"products\" value=\"medium\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">11\u201320<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"products:medium\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"products\" value=\"large\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">21\u201350<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"products:large\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"products\" value=\"xl\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">51\u2013100<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"products:xl\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"products\" value=\"xxl\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">101\u2013200<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"products:xxl\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<\/fieldset>\n<fieldset class=\"uk-fieldset uk-margin-top uk-disabled\" data-step=\"product_content\" aria-disabled=\"true\" disabled inert>\n<legend class=\"uk-h5 uk-margin-remove-top uk-margin-bottom\">Is your product content ready?<\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"product_content\" value=\"ready\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Descriptions and images ready<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"product_content\" value=\"needed\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Content preparation needed<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"content:needed\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<\/fieldset>\n<\/div>\n<\/div>\n<\/fieldset>\n<\/section>\n<div class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\" id=\"gz-addons\">\n<section class=\"uk-disabled\" id=\"gz-compliance\" data-step=\"compliance\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Compliance &amp; add-ons.<\/span> <span class=\"uk-text-muted\">Any extra requirements?<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">Choose the standards your website needs to support, then connect your business tools below.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"checkbox\" name=\"compliance\" value=\"accessibility\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Accessibility<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For websites that need WCAG 2.2 AA support. Implementation and testing for keyboard access, screen readers, colour contrast and forms.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$2,850<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"checkbox\" name=\"compliance\" value=\"privacy\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Privacy &amp; consent<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For websites collecting visitor data or using tracking tools. Consent and privacy controls for GDPR, PIPEDA and CCPA\/CPRA, as applicable.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$1,250<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"checkbox\" name=\"compliance\" value=\"regulated\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h5 uk-text-emphasis uk-margin-remove\">Regulated requirements<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For websites handling sensitive health information. Data-flow and security review for HIPAA\/PHIPA requirements, with access roles and activity logging.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$3,850<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"checkbox\" name=\"compliance\" value=\"none\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">No extra requirements<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Compliance features<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Technical controls matched to the standards, locations and data your website needs to support.<\/p>\n<h4 class=\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\">Accessibility \u00b7 WCAG 2.2 AA<\/h4>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Keyboard navigation and focus states<\/li>\n<li>Screen-reader labels and page structure<\/li>\n<li>Colour contrast and text alternatives<\/li>\n<li>Accessible forms and error messages<\/li>\n<li>Testing and remediation<\/li>\n<\/ul>\n<hr class=\"uk-margin\">\n<h4 class=\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\">Privacy \u00b7 GDPR \/ PIPEDA \/ CCPA\/CPRA<\/h4>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Cookie consent and preference centre<\/li>\n<li>Consent-based analytics and marketing tags<\/li>\n<li>Form consent controls<\/li>\n<li>Consent withdrawal<\/li>\n<li>Sale\/sharing opt-out and Global Privacy Control, where required<\/li>\n<\/ul>\n<hr class=\"uk-margin\">\n<h4 class=\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\">Regulated requirements \u00b7 HIPAA \/ PHIPA<\/h4>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Sensitive-data flow review<\/li>\n<li>Role-based access<\/li>\n<li>Activity and audit logging<\/li>\n<li>Form and tracking safeguards<\/li>\n<li>Hosting and connected-system requirements review<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<hr class=\"uk-margin\">\n<section class=\"uk-disabled\" id=\"gz-connections\" data-step=\"connections\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h5 uk-margin-remove-top uk-margin-bottom\"><span class=\"uk-text-emphasis\">Connections.<\/span> <span class=\"uk-text-muted\">What should your website work with?<\/span><\/legend>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"connections\" value=\"standard\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Standard connections<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For everyday enquiries and marketing. Connect forms, your CRM, email platform and website reporting.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">Included<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"connections\" value=\"custom\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Custom connection<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">For connecting a specialist business system. One supported API or webhook connection to an ERP, booking, EMR\/EHR, laboratory or inventory system.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\">+$950<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Included connections<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Bring enquiries, customer records and website activity into the tools you already use.<\/p>\n<h4 class=\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\">Standard integrations<\/h4>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>Contact and enquiry forms<\/li>\n<li>CRM integration<\/li>\n<li>Email marketing integration<\/li>\n<li>Newsletter sign-up forms<\/li>\n<li>Google Analytics<\/li>\n<li>Google Search Console<\/li>\n<li>Google Maps<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<\/div>\n<section class=\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\" id=\"gz-care\" data-step=\"care\" aria-disabled=\"true\" inert>\n<fieldset class=\"uk-fieldset\" disabled>\n<legend class=\"uk-h3 uk-margin-remove\"><span class=\"uk-text-emphasis\">Gazizoff Care.<\/span> <span class=\"uk-text-muted\">Ongoing help after launch.<\/span><\/legend>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\">For businesses that want ongoing technical support, updates and maintenance after launch.<\/p>\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-3@s\" uk-grid>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"care\" value=\"monthly\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Monthly<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">Billed monthly.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"care:monthly\">\u2014<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"care\" value=\"yearly\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">Yearly<\/span><br \/>\n    <span class=\"uk-text-small uk-text-muted uk-margin-small-top\">Billed once a year.<\/span><br \/>\n    <span class=\"uk-text-small uk-text-emphasis uk-margin-small-top\" data-price=\"care:yearly\">\u2014 \u2022 Two months free<\/span><br \/>\n  <\/span><br \/>\n<\/label><br \/>\n<label class=\"gz-choice uk-display-block uk-position-relative\"><br \/>\n  <input class=\"uk-hidden-visually\" type=\"radio\" name=\"care\" value=\"none\"><br \/>\n  <span class=\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\"><br \/>\n    <span class=\"uk-h6 uk-text-emphasis uk-margin-remove\">No Care plan<\/span><br \/>\n  <\/span><br \/>\n<\/label>\n<\/div>\n<ul class=\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\" uk-accordion=\"duration: 350\">\n<li>\n<a class=\"uk-accordion-title uk-h6 uk-margin-remove\" href=\"#\">Included with Gazizoff Care<span uk-accordion-icon><\/span><\/a><\/p>\n<div class=\"uk-accordion-content uk-text-small uk-margin-small-top\">\n<p class=\"uk-margin-remove-top uk-margin-bottom\">Keep the website current and supported after launch.<\/p>\n<h4 class=\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\">Support &amp; maintenance<\/h4>\n<ul class=\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\">\n<li>CMS and plugin updates<\/li>\n<li>Routine maintenance<\/li>\n<li>Website troubleshooting<\/li>\n<li>Technical support<\/li>\n<\/ul>\n<\/div>\n<\/li>\n<\/ul>\n<\/fieldset>\n<\/section>\n<\/form>\n<\/div>\n<div>\n<style>\n#gz-calculator-section { --gz-blue: #1c5ae7; min-width: 0; }\n#gz-calculator-section .gz-choice { cursor: pointer; min-width: 0; }\n#gz-calculator-section .gz-choice > input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }\n#gz-calculator-section .gz-card { box-sizing: border-box; border: 1px solid rgba(128,128,128,.3); border-color: color-mix(in srgb,currentColor 22%,transparent); }\n#gz-calculator-section .gz-choice > input:checked + .gz-card, #gz-calculator-section .gz-choice:hover .gz-card { border-color: var(--gz-blue); box-shadow: none; }\n#gz-calculator-section .gz-choice > input:focus-visible + .gz-card { outline: 1px solid var(--gz-blue); outline-offset: 3px; }\n#gz-calculator-section [data-step][aria-disabled=\"true\"] { opacity: .6; }\n#gz-calculator-section [data-step] { transition: opacity .4s ease; }\n#gz-calculator-section .gz-card { transition: border-color .2s ease; }\n#gz-calculator-section [data-reveal] { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s ease, opacity .35s ease; }\n#gz-calculator-section [data-reveal][data-open=\"true\"] { grid-template-rows: 1fr; opacity: 1; }\n#gz-calculator-section [data-reveal] > div { min-height: 0; }\n#gz-calculator-section #gz-total, #gz-calculator-section #gz-days, #gz-calculator-section #gz-recurring, #gz-calculator-section #gz-mobile-total, #gz-calculator-section #gz-language-count { font-variant-numeric: tabular-nums; }\n@media (max-width: 639px) {\n  #gz-size .gz-card { padding: 10px 6px; }\n  #gz-size .gz-card > span { font-size: .75rem; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #gz-calculator-section [data-step], #gz-calculator-section [data-reveal], #gz-calculator-section .gz-card { transition: none; }\n}\n<\/style>\n<p><script>\n(function () {\n  'use strict';<\/p>\n<p>  const CONFIG = {\n  \"engines\": {\n    \"core\": {\n      \"name\": \"Core\",\n      \"cost\": 5400,\n      \"monthly\": 24,\n      \"days\": 3\n    },\n    \"pro\": {\n      \"name\": \"Pro\",\n      \"cost\": 10250,\n      \"monthly\": 50,\n      \"days\": 5\n    },\n    \"ultra\": {\n      \"name\": \"Ultra\",\n      \"cost\": 15600,\n      \"monthly\": 100,\n      \"days\": 7\n    }\n  },\n  \"sizes\": {\n    \"small\": {\n      \"name\": \"1\u201310 pages\",\n      \"cost\": 2650,\n      \"pages\": 5,\n      \"days\": 7\n    },\n    \"small_plus\": {\n      \"name\": \"10\u201325 pages\",\n      \"cost\": 8650,\n      \"pages\": 17,\n      \"days\": 11\n    },\n    \"medium\": {\n      \"name\": \"25\u201350 pages\",\n      \"cost\": 18350,\n      \"pages\": 37,\n      \"days\": 18\n    },\n    \"large\": {\n      \"name\": \"50\u2013100 pages\",\n      \"cost\": 37650,\n      \"pages\": 75,\n      \"days\": 28\n    },\n    \"xl\": {\n      \"name\": \"100\u2013150 pages\",\n      \"cost\": 62350,\n      \"pages\": 125,\n      \"days\": 40\n    }\n  },\n  \"commerce\": {\n    \"basic\": {\n      \"name\": \"Commerce Core\",\n      \"cost\": 5150,\n      \"monthly\": 100,\n      \"days\": 5\n    },\n    \"pro\": {\n      \"name\": \"Commerce Pro\",\n      \"cost\": 9750,\n      \"monthly\": 200,\n      \"days\": 10\n    },\n    \"ultra\": {\n      \"name\": \"Commerce Ultra\",\n      \"cost\": 20150,\n      \"monthly\": 300,\n      \"days\": 18\n    }\n  },\n  \"products\": {\n    \"small\": {\n      \"name\": \"1\u201310\",\n      \"average\": 5\n    },\n    \"medium\": {\n      \"name\": \"11\u201320\",\n      \"average\": 15\n    },\n    \"large\": {\n      \"name\": \"21\u201350\",\n      \"average\": 35\n    },\n    \"xl\": {\n      \"name\": \"51\u2013100\",\n      \"average\": 75\n    },\n    \"xxl\": {\n      \"name\": \"101\u2013200\",\n      \"average\": 150\n    }\n  },\n  \"compliance\": {\n    \"accessibility\": {\n      \"name\": \"Accessibility\",\n      \"cost\": 2850,\n      \"baseDays\": 2,\n      \"pagesPerDay\": 10\n    },\n    \"privacy\": {\n      \"name\": \"Privacy & consent\",\n      \"cost\": 1250,\n      \"days\": 3\n    },\n    \"regulated\": {\n      \"name\": \"Regulated requirements\",\n      \"cost\": 3850,\n      \"baseDays\": 3,\n      \"pagesPerDay\": 20\n    }\n  },\n  \"language\": {\n    \"perPage\": 100,\n    \"setup\": 500,\n    \"monthly\": 25,\n    \"max\": 20,\n    \"setupDays\": 1,\n    \"pagesPerDay\": 5,\n    \"productsPerDay\": 20,\n    \"reviewDays\": 1,\n    \"storeDays\": 1\n  },\n  \"contentPerProduct\": 150,\n  \"connection\": {\n    \"cost\": 950,\n    \"days\": 4,\n    \"standardDays\": 1\n  },\n  \"careRate\": 0.015,\n  \"productRates\": {\n    \"simple\": 25,\n    \"variants\": 50\n  },\n  \"designs\": {\n    \"simple\": {\n      \"name\": \"Studio\",\n      \"baseCost\": 0,\n      \"perPage\": 0,\n      \"baseDays\": 0,\n      \"pagesPerDay\": 0\n    },\n    \"signature\": {\n      \"name\": \"Signature\",\n      \"baseCost\": 2600,\n      \"perPage\": 250,\n      \"baseDays\": 3,\n      \"pagesPerDay\": 10\n    },\n    \"flagship\": {\n      \"name\": \"Flagship\",\n      \"baseCost\": 5350,\n      \"perPage\": 500,\n      \"baseDays\": 6,\n      \"pagesPerDay\": 5\n    }\n  },\n  \"delivery\": {\n    \"planningDays\": 1,\n    \"reviewLaunchDays\": 3\n  },\n  \"migration\": {\n    \"setupDays\": 1,\n    \"pagesPerDay\": 15,\n    \"productsPerDay\": 30\n  },\n  \"productWork\": {\n    \"simplePerDay\": 10,\n    \"variantsPerDay\": 5,\n    \"optionSetupDays\": 1,\n    \"contentSetupDays\": 1,\n    \"contentPerDay\": 8\n  },\n  \"careAnnualMonths\": 10\n};\n  const STEPS = ['migration', 'engine', 'design', 'size', 'language_mode', 'sell_online', 'commerce', 'variants', 'products', 'product_content', 'compliance', 'connections', 'care'];\n  const STORE_STEPS = new Set(['commerce', 'variants', 'products', 'product_content']);\n  const money = (value) => '$' + value.toLocaleString('en-US', { minimumFractionDigits: Number.isInteger(value) ? 0 : 2, maximumFractionDigits: 2 });\n  const roundCents = (value) => Math.round((value + Number.EPSILON) * 100) \/ 100;\n  const daysText = (days) => days + (days === 1 ? ' day' : ' days');\n  const languageCount = (value) => Math.max(2, Math.min(CONFIG.language.max, Math.floor(Number(value)) || 2));<\/p>\n<p>  function getProgress(state, compliance) {\n    let ready = true;\n    const enabled = {};\n    STEPS.forEach((key) => {\n      const skipped = STORE_STEPS.has(key) && state.sell_online !== 'yes';\n      enabled[key] = ready && !skipped;\n      if (!skipped) ready = ready && Boolean(key === 'compliance' ? compliance.length : state[key]);\n    });\n    return { enabled, complete: ready };\n  }<\/p>\n<p>  function calculate(state, selectedCompliance) {\n    const engine = CONFIG.engines[state.engine];\n    const size = CONFIG.sizes[state.size];\n    const design = CONFIG.designs[state.design];\n    const designCost = design && size ? design.baseCost + size.pages * design.perPage : 0;\n    const store = state.sell_online === 'yes';\n    const commerce = store ? CONFIG.commerce[state.commerce] : null;\n    const products = store ? CONFIG.products[state.products] : null;\n    const productRate = store ? CONFIG.productRates[state.variants] || 0 : 0;\n    const productCost = (products?.average || 0) * productRate;\n    const contentCost = products && state.product_content === 'needed' ? products.average * CONFIG.contentPerProduct : 0;\n    const languages = state.language_mode === 'single' ? 1 : state.language_mode === 'multiple' ? languageCount(state.language_count) : 0;\n    const additionalLanguages = Math.max(0, languages - 1);\n    const languageCost = additionalLanguages && size ? CONFIG.language.setup + size.pages * CONFIG.language.perPage * additionalLanguages : 0;\n    const languageMonthly = additionalLanguages ? CONFIG.language.monthly : 0;\n    const customConnection = state.connections === 'custom';\n    const compliance = selectedCompliance.filter((key) => Object.hasOwn(CONFIG.compliance, key));\n    const complianceCost = compliance.reduce((sum, key) => sum + CONFIG.compliance[key].cost, 0);\n    const total = (engine?.cost || 0) + (size?.cost || 0) + designCost + (commerce?.cost || 0) + productCost + contentCost + languageCost + complianceCost + (customConnection ? CONFIG.connection.cost : 0);\n    const careMonthlyRate = roundCents(total * CONFIG.careRate);\n    const careYearlyRate = roundCents(careMonthlyRate * CONFIG.careAnnualMonths);\n    const monthly = roundCents((engine?.monthly || 0) + (commerce?.monthly || 0) + languageMonthly + (state.care === 'monthly' ? careMonthlyRate : 0));\n    const yearly = state.care === 'yearly' ? careYearlyRate : 0;\n    const pageCount = size?.pages || 0;\n    const productCount = products?.average || 0;\n    let days = (engine?.days || 0) + (size?.days || 0) + (commerce?.days || 0);\n    if (engine) days += CONFIG.delivery.planningDays + CONFIG.delivery.reviewLaunchDays;\n    if (design?.pagesPerDay && size) days += design.baseDays + Math.ceil(pageCount \/ design.pagesPerDay);\n    if (state.migration === 'migrate' && size) days += CONFIG.migration.setupDays + Math.ceil(pageCount \/ CONFIG.migration.pagesPerDay) + Math.ceil(productCount \/ CONFIG.migration.productsPerDay);\n    if (products && productRate) days += Math.ceil(productCount \/ (state.variants === 'variants' ? CONFIG.productWork.variantsPerDay : CONFIG.productWork.simplePerDay));\n    if (store && state.variants === 'variants') days += CONFIG.productWork.optionSetupDays;\n    if (contentCost) days += CONFIG.productWork.contentSetupDays + Math.ceil(productCount \/ CONFIG.productWork.contentPerDay);\n    if (additionalLanguages && size) {\n      const perLanguage = Math.ceil(pageCount \/ CONFIG.language.pagesPerDay) + Math.ceil(productCount \/ CONFIG.language.productsPerDay) + CONFIG.language.reviewDays + (commerce ? CONFIG.language.storeDays : 0);\n      days += CONFIG.language.setupDays + perLanguage * additionalLanguages;\n    }\n    compliance.forEach((key) => {\n      const rule = CONFIG.compliance[key];\n      if (key === 'accessibility') days += rule.baseDays + Math.ceil((pageCount + productCount) \/ rule.pagesPerDay) + additionalLanguages;\n      if (key === 'privacy') days += rule.days + (commerce ? 1 : 0) + (customConnection ? 1 : 0);\n      if (key === 'regulated') days += rule.baseDays + Math.ceil(pageCount \/ rule.pagesPerDay) + (commerce ? 2 : 0) + (customConnection ? 2 : 0);\n    });\n    if (state.connections) days += customConnection ? CONFIG.connection.days : CONFIG.connection.standardDays;<\/p>\n<p>    const scope = [];\n    if (engine) scope.push(['Engine', engine.name]);\n    if (design) scope.push(['Design', design.name]);\n    if (size) scope.push(['Website', size.name]);\n    if (languages) scope.push(['Languages', String(languages)]);\n    if (commerce) scope.push(['E-commerce', commerce.name]);\n    if (products) scope.push(['Products', products.name]);\n    if (productRate) scope.push(['Product options', state.variants === 'variants' ? 'Multiple options' : 'One version each']);\n    if (contentCost) scope.push(['Product content', 'Preparation included']);\n    if (state.migration === 'migrate') scope.push(['Migration', 'Complimentary']);\n    compliance.forEach((key) => scope.push([CONFIG.compliance[key].name, 'Included']));\n    if (state.connections) scope.push(['Connections', customConnection ? 'Custom' : 'Standard']);\n    if (engine) scope.push(['Managed hosting', 'Monthly']);\n    if (commerce) scope.push(['Store resources & tools', 'Monthly']);\n    if (additionalLanguages) scope.push(['Language tools', 'Monthly']);\n    if (state.care === 'monthly' || state.care === 'yearly') scope.push(['Gazizoff Care', state.care === 'yearly' ? 'Yearly' : 'Monthly']);\n    return { size, products, productRate, total, monthly, yearly, careMonthlyRate, careYearlyRate, days, scope };\n  }<\/p>\n<p>  function init(root) {\n    if (root.dataset.gzCalculatorReady === '1.12') return true;\n    const q = (selector) => root.querySelector(selector);\n    const form = q('#gz-form');\n    if (!form || !q('#gz-total') || !q('#gz-scope') || !q('#gz-download') || !q('#gz-status')) return false;\n    root.dataset.gzCalculatorReady = '1.12';\n    const lang = q('#gz-languages');\n    const steps = Array.from(form.querySelectorAll('[data-step]'));\n    const download = q('#gz-download');\n    let summary = '';\n    const scopeRows = new Map();\n    const labels = ['Engine', 'Design', 'Website', 'Languages', 'E-commerce', 'Products', 'Product options', 'Product content', 'Migration', ...Object.values(CONFIG.compliance).map((item) => item.name), 'Connections', 'Managed hosting', 'Store resources & tools', 'Language tools', 'Gazizoff Care'];\n    labels.forEach((label) => {\n      const row = document.createElement('li');\n      row.setAttribute('data-reveal', '');\n      row.dataset.open = 'false';\n      row.innerHTML = '<\/p>\n<div class=\"uk-overflow-hidden\">\n<div class=\"uk-grid uk-grid-small uk-margin-small-top\"><span class=\"uk-width-1-2 uk-text-muted\"><\/span><span class=\"uk-width-1-2 uk-text-right uk-text-emphasis uk-text-break\"><\/span><\/div>\n<\/div>\n<p>';\n      const cells = row.querySelectorAll('span');\n      cells[0].textContent = label;\n      q('#gz-scope').append(row);\n      scopeRows.set(label, { row, value: cells[1] });\n    });<\/p>\n<p>    function setText(element, value) {\n      if (element.textContent !== value) element.textContent = value;\n    }<\/p>\n<p>    function setVisible(element, visible) {\n      if (element.hasAttribute('data-reveal')) {\n        element.dataset.open = String(visible);\n        element.setAttribute('aria-hidden', String(!visible));\n        element.inert = !visible;\n      } else {\n        element.classList.toggle('uk-hidden', !visible);\n        element.hidden = !visible;\n      }\n    }<\/p>\n<p>    function render() {\n      const checked = Array.from(form.querySelectorAll('input:checked'));\n      const raw = Object.fromEntries(checked.map((input) => [input.name, input.value]));\n      raw.language_count = lang.value;\n      const compliance = checked.filter((input) => input.name === 'compliance').map((input) => input.value);\n      const progress = getProgress(raw, compliance);\n      steps.forEach((step) => {\n        const enabled = progress.enabled[step.dataset.step];\n        step.classList.toggle('uk-disabled', !enabled);\n        step.setAttribute('aria-disabled', String(!enabled));\n        step.inert = !enabled;\n        (step.matches('fieldset') ? step : step.querySelector('fieldset')).disabled = !enabled;\n      });\n      const state = Object.fromEntries(Object.entries(raw).filter(([key]) => progress.enabled[key] || (key === 'language_count' && progress.enabled.language_mode)));\n      const result = calculate(state, progress.enabled.compliance ? compliance : []);\n      setVisible(q('#gz-store-details'), state.sell_online === 'yes');\n      setVisible(q('#gz-language-controls'), state.language_mode === 'multiple');\n      setText(q('#gz-language-count'), languageCount(lang.value) + ' languages');\n      q('#gz-minus').disabled = languageCount(lang.value) <= 2;\n      q('#gz-plus').disabled = languageCount(lang.value) >= CONFIG.language.max;<\/p>\n<p>      const selectedScope = new Map(result.scope);\n      scopeRows.forEach(({ row, value }, label) => {\n        if (selectedScope.has(label)) setText(value, selectedScope.get(label));\n        setVisible(row, selectedScope.has(label));\n      });\n      setVisible(q('#gz-empty-scope'), !result.scope.length);\n      setText(q('#gz-total'), result.total ? money(result.total) : '\u2014');\n      setText(q('#gz-days'), result.days ? daysText(result.days) : '\u2014');\n      setText(q('#gz-recurring'), result.monthly ? money(result.monthly) + '\/mo' : '\u2014');\n      setText(q('#gz-yearly'), result.yearly ? 'Gazizoff Care \u00b7 ' + money(result.yearly) + '\/yr \u2022 Two months free' : '');\n      setVisible(q('#gz-yearly-row'), result.yearly > 0);\n      const recurringTotal = money(result.monthly) + '\/mo' + (result.yearly ? ' + ' + money(result.yearly) + '\/yr' : '');\n      setText(q('#gz-mobile-total'), result.total ? money(result.total) + ' \u2022 ' + daysText(result.days) + ' \u2022 ' + recurringTotal : 'Choose your options');\n      root.querySelectorAll('[data-price^=\"design:\"]').forEach((element) => {\n        const design = CONFIG.designs[element.dataset.price.split(':')[1]];\n        setText(element, !design.perPage ? 'Included' : result.size ? '+' + money(design.baseCost + result.size.pages * design.perPage) : 'Based on website size');\n      });\n      root.querySelectorAll('[data-price^=\"products:\"]').forEach((element) => {\n        const key = element.dataset.price.split(':')[1];\n        setText(element, result.productRate ? '+' + money(CONFIG.products[key].average * result.productRate) : '\u2014');\n      });\n      setText(q('[data-price=\"content:needed\"]'), result.products ? '+' + money(result.products.average * CONFIG.contentPerProduct) : '\u2014');\n      setText(q('[data-price=\"care:monthly\"]'), result.total ? money(result.careMonthlyRate) + '\/mo' : '\u2014');\n      setText(q('[data-price=\"care:yearly\"]'), result.total ? money(result.careYearlyRate) + '\/yr \u2022 Two months free' : '\u2014 \u2022 Two months free');\n      download.disabled = !progress.complete;\n      setText(download, progress.complete ? 'Save configuration' : 'Complete your choices');\n      setText(q('#gz-status'), '');\n      setVisible(q('#gz-status'), false);\n      summary = [\n        'GAZIZOFF \u2014 YOUR NEW WEBSITE', '', ...result.scope.map(([label, detail]) => label + ': ' + detail), '',\n        'Investment before tax: ' + money(result.total), 'Time to complete: ' + daysText(result.days),\n        'Monthly costs: ' + money(result.monthly) + '\/mo',\n        ...(result.yearly ? ['Gazizoff Care: ' + money(result.yearly) + '\/yr \u2022 Two months free'] : []),\n      ].join('\\n');\n    }<\/p>\n<p>    form.addEventListener('submit', (event) => event.preventDefault());\n    form.addEventListener('change', (event) => {\n      if (event.target.name === 'compliance' && event.target.checked) {\n        form.querySelectorAll('input[name=\"compliance\"]').forEach((input) => {\n          if (input !== event.target && (event.target.value === 'none' || input.value === 'none')) input.checked = false;\n        });\n      }\n      render();\n    });\n    q('#gz-minus').addEventListener('click', () => { lang.value = Math.max(2, languageCount(lang.value) - 1); render(); });\n    q('#gz-plus').addEventListener('click', () => { lang.value = Math.min(CONFIG.language.max, languageCount(lang.value) + 1); render(); });\n    form.addEventListener('reset', () => setTimeout(() => { lang.value = '2'; render(); }, 0));\n    download.addEventListener('click', () => {\n      render();\n      if (download.disabled) return;\n      const url = URL.createObjectURL(new Blob([summary], { type: 'text\/plain;charset=utf-8' }));\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = 'Gazizoff-Website-Configuration.txt';\n      root.append(link);\n      link.click();\n      link.remove();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n      setText(q('#gz-status'), 'Your configuration has been downloaded.');\n      setVisible(q('#gz-status'), true);\n    });\n    render();\n    return true;\n  }<\/p>\n<p>  function boot() {\n    const root = document.querySelector('#gz-calculator-section');\n    return root ? init(root) : false;\n  }\n  if (!boot()) {\n    const observer = new MutationObserver(() => { if (boot()) observer.disconnect(); });\n    observer.observe(document.documentElement, { childList: true, subtree: true });\n    document.addEventListener('DOMContentLoaded', () => { if (boot()) observer.disconnect(); }, { once: true });\n  }\n})();\n<\/script>\n<\/div>\n<div>\n<aside aria-label=\"Your new website\" id=\"gz-summary\" uk-sticky=\"end: #gz-calculator-section; offset: 100; media: @m\">\n<div class=\"uk-card uk-card-secondary uk-card-small uk-card-body uk-border-rounded\">\n<h3 class=\"uk-h3 uk-margin-remove-top\">Your new website.<\/h3>\n<ul class=\"uk-list uk-list-collapse uk-text-small uk-margin-remove\" id=\"gz-scope\"><\/ul>\n<div id=\"gz-empty-scope\" data-reveal data-open=\"true\">\n<div class=\"uk-overflow-hidden\">\n<p class=\"uk-text-small uk-text-muted\">Choose each step to build your website.<\/p>\n<\/div>\n<\/div>\n<hr class=\"uk-margin\">\n<div aria-live=\"polite\" aria-atomic=\"true\">\n<div class=\"uk-grid-small uk-child-width-1-1 uk-child-width-1-3@s\" uk-grid>\n<div>\n<p class=\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\" id=\"gz-total\">\u2014<\/p>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\">Investment before tax<\/p>\n<\/p><\/div>\n<div>\n<p class=\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\" id=\"gz-days\">\u2014<\/p>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\">Time to complete<\/p>\n<\/p><\/div>\n<div>\n<p class=\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\" id=\"gz-recurring\">\u2014<\/p>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\">Monthly costs<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"gz-yearly-row\" data-reveal data-open=\"false\" aria-hidden=\"true\" inert>\n<div class=\"uk-overflow-hidden\">\n<p class=\"uk-text-small uk-margin-small-top uk-margin-remove-bottom\" id=\"gz-yearly\">\n<\/div>\n<\/div><\/div>\n<p>  <button class=\"uk-button uk-button-primary uk-width-1-1 uk-margin-top\" type=\"button\" id=\"gz-download\" disabled>Complete your choices<\/button><\/p>\n<p class=\"uk-text-small uk-margin-small\" id=\"gz-status\" role=\"status\" hidden>\n<div class=\"uk-text-center uk-margin-top\"><button class=\"uk-button uk-button-link\" type=\"reset\" form=\"gz-form\">Start again<\/button><\/div>\n<\/div>\n<div class=\"uk-margin-small-top uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded\">\n<div class=\"uk-grid-small uk-flex-middle\" uk-grid>\n<div class=\"uk-width-auto\"><img decoding=\"async\" class=\"uk-border-circle\" src=\"\/wp-content\/uploads\/2026\/09\/inkar-gazizoff-headhsot-square.jpg\" width=\"64\" height=\"64\" alt=\"Inkar Gazizoff\" loading=\"lazy\"><\/div>\n<div class=\"uk-width-expand\">\n<p class=\"uk-h6 uk-margin-remove\">Need help choosing?<\/p>\n<p class=\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\">Not sure what you need\u2014or prefer to leave it to us? Inkar can help you choose the right setup.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/aside>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"Estimate how much your website design or redesign project will cost <br class=\\\"uk-visible@s\\\">with our accurate, instant, and free website design cost calculator.\",\"content_column_breakpoint\":\"m\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"large\",\"margin_top\":\"default\",\"meta\":\"Get a fast & free estimate on your<br class=\\\"uk-visible@s\\\"> next website design project.\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_margin\":\"small\",\"meta_style\":\"heading-small\",\"title\":\"Website Design Cost Calculator\",\"title_align\":\"top\",\"title_color\":\"background\",\"title_element\":\"h1\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"text-meta\"}}]}]}]},{\"type\":\"section\",\"props\":{\"id\":\"gz-calculator-section\",\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"3-5,2-5\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"3-5\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"uk-hidden@m uk-margin-small-bottom\\\">\\n  \n\n<nav class=\\\"uk-navbar-container uk-position-z-index\\\" id=\\\"gz-mobile-menu\\\" aria-label=\\\"Your website total\\\" uk-navbar uk-sticky=\\\"end: #gz-calculator-section; offset: 0; media: (max-width: 959px)\\\">\\n    \n\n<div class=\\\"uk-navbar-left\\\">\n\n<div class=\\\"uk-navbar-item uk-padding-small\\\">\n\n<div><span class=\\\"uk-h5 uk-margin-remove\\\">Your Website<\/span><br \/><span class=\\\"uk-text-small uk-text-break\\\" id=\\\"gz-mobile-total\\\">Choose your options<\/span><\/div>\n\n<\/div>\n\n<\/div>\n\n\\n    \n\n<div class=\\\"uk-navbar-right\\\">\n\n<div class=\\\"uk-navbar-item uk-padding-small\\\"><a class=\\\"uk-button uk-button-default uk-button-small\\\" href=\\\"#gz-summary\\\" uk-scroll=\\\"offset: 24\\\">Details<\/a><\/div>\n\n<\/div>\n\n\\n  <\/nav>\n\n\\n<\/div>\n\n\\n\n\n<form class=\\\"uk-form-stacked\\\" id=\\\"gz-form\\\" novalidate>\\n\n\n<section class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\\\" id=\\\"gz-migration\\\" data-step=\\\"migration\\\" aria-disabled=\\\"false\\\">\\n  \n\n<fieldset class=\\\"uk-fieldset\\\">\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove-top uk-margin-bottom\\\"><span class=\\\"uk-text-emphasis\\\">Planning.<\/span> <span class=\\\"uk-text-muted\\\">Starting fresh or moving?<\/span><\/legend>\n\n\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"migration\\\" value=\\\"new\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Starting a fresh website<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For a new business, brand or website.<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"migration\\\" value=\\\"migrate\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Moving a website<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For an existing website. Bring your content to a new platform.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">Complimentary<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"multiple: true; duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Strategy &amp; Research<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">A clear plan for your website, based on your business, audience and market.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>1\u20133 strategy consultations<\/li>\n\n\\n\n\n<li>Business analysis<\/li>\n\n\\n\n\n<li>Audience analysis<\/li>\n\n\\n\n\n<li>Competitor analysis<\/li>\n\n\\n\n\n<li>Content migration plan<\/li>\n\n\\n\n\n<li>Wish list &amp; project roadmap<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Information Architecture<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Organize pages and navigation so visitors can find what they need and take the next step.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Information hierarchy<\/li>\n\n\\n\n\n<li>Website structure<\/li>\n\n\\n\n\n<li>Sitemap<\/li>\n\n\\n\n\n<li>Navigation &amp; UX<\/li>\n\n\\n\n\n<li>Page-specific objectives<\/li>\n\n\\n\n\n<li>Conversion optimization<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<section class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\\\" id=\\\"gz-engine\\\" data-step=\\\"engine\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Engine.<\/span> <span class=\\\"uk-text-muted\\\">Choose the power behind your website.<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Editing tools, managed hosting and dedicated resources in every engine. Choose the capacity your website needs.<\/p>\n\n\\n\n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"engine\\\" value=\\\"core\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Core<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For small and local businesses and startups. Reliable power for everyday pages, content and enquiries.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$5,400 + $24\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"engine\\\" value=\\\"pro\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Pro<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For small and midsize businesses ready to grow. More resources for expanding content, features and visitor traffic.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$10,250 + $50\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"engine\\\" value=\\\"ultra\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Ultra<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For large, high-traffic and enterprise websites. Maximum resources for demanding features and heavy use.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$15,600 + $100\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"multiple: true; duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">CMS + Admin Tools<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Manage content, build pages and make everyday updates from one place.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>CMS setup and optimization<\/li>\n\n\\n\n\n<li>Website layout builder<\/li>\n\n\\n\n\n<li>Style customizer<\/li>\n\n\\n\n\n<li>Blog setup<\/li>\n\n\\n\n\n<li>Blog layout builder<\/li>\n\n\\n\n\n<li>Page builder<\/li>\n\n\\n\n\n<li>Mega Menu builder<\/li>\n\n\\n\n\n<li>Analytics<\/li>\n\n\\n\n\n<li>404 page, Privacy Policy, Terms<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Hosting &amp; Security<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Managed hosting with dedicated resources, automatic backups and built-in protection.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Managed hosting<\/li>\n\n\\n\n\n<li>Dedicated resources<\/li>\n\n\\n\n\n<li>Automatic backups<\/li>\n\n\\n\n\n<li>SSL certificate<\/li>\n\n\\n\n\n<li>DDoS &amp; WAF<\/li>\n\n\\n\n\n<li>Proactive hack protection<\/li>\n\n\\n\n\n<li>Secure login &amp; activity monitoring<\/li>\n\n\\n\n\n<li>Cross-site scripting protection<\/li>\n\n\\n\n\n<li>Malware &amp; spam protection<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Search Engine Optimization (SEO)<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Help search engines understand your website and display its pages clearly.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Website metadata<\/li>\n\n\\n\n\n<li>Page metadata<\/li>\n\n\\n\n\n<li>XML sitemap<\/li>\n\n\\n\n\n<li>Schema markup<\/li>\n\n\\n\n\n<li>Google Search Console<\/li>\n\n\\n\n\n<li>Open Graph metadata<\/li>\n\n\\n\n\n<li>Social sharing buttons<\/li>\n\n\\n\n\n<li>Website monitoring<\/li>\n\n\\n\n\n<li>Cross-browser support<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Speed Optimization<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Keep pages fast and responsive as visitors browse your website.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Content Delivery Network<\/li>\n\n\\n\n\n<li>Image &amp; media optimization<\/li>\n\n\\n\n\n<li>Code &amp; database optimization<\/li>\n\n\\n\n\n<li>Caching<\/li>\n\n\\n\n\n<li>Latest PHP version<\/li>\n\n\\n\n\n<li>Lazy loading<\/li>\n\n\\n\n\n<li>Deferred script loading<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<div class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\\\" id=\\\"gz-website\\\">\\n\n\n<section class=\\\"uk-disabled\\\" id=\\\"gz-design\\\" data-step=\\\"design\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Design.<\/span> <span class=\\\"uk-text-muted\\\">How should your website feel?<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Choose the visual style and level of interaction. Design pricing updates with your website size.<\/p>\n\n\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"design\\\" value=\\\"simple\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Studio<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For focused products and services. Custom layouts, polished visuals and subtle motion that make your business easy to understand.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"design:simple\\\">Included<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"design\\\" value=\\\"signature\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Signature<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For complex products or a broader service range. Distinctive layouts and animation that explain more without overwhelming visitors.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"design:signature\\\">Based on website size<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"design\\\" value=\\\"flagship\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Flagship<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For brands that want a standout digital experience. Rich motion, interactive storytelling and bold visuals that make a lasting impression.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"design:flagship\\\">Based on website size<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"multiple: true; duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">What&#x27;s included<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Every design comes with the content, visuals and page features your website needs.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Copywriting<\/li>\n\n\\n\n\n<li>Page design, UX, UI<\/li>\n\n\\n\n\n<li>Media &amp; Images<\/li>\n\n\\n\n\n<li>Conversion optimization<\/li>\n\n\\n\n\n<li>Mobile responsive layouts<\/li>\n\n\\n\n\n<li>Metadata, schema, etc.<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<hr class=\\\"uk-margin\\\">\\n\n\n<section class=\\\"uk-disabled\\\" id=\\\"gz-size\\\" data-step=\\\"size\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Website size.<\/span> <span class=\\\"uk-text-muted\\\">How big do you see it?<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Choose space for your products, services and content. Every page includes copywriting, design and development.<\/p>\n\n\\n\n\n<div class=\\\"uk-grid-small uk-child-width-1-3\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"size\\\" value=\\\"small\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Small<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">1\u201310 pages<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$2,650<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"size\\\" value=\\\"small_plus\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Small Plus<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">10\u201325 pages<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$8,650<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"size\\\" value=\\\"medium\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Medium<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">25\u201350 pages<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$18,350<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"size\\\" value=\\\"large\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Large<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">50\u2013100 pages<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$37,650<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"size\\\" value=\\\"xl\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Enterprise<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">100\u2013150 pages<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$62,350<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<hr class=\\\"uk-margin\\\">\\n\n\n<section class=\\\"uk-disabled\\\" id=\\\"gz-language-section\\\" data-step=\\\"language_mode\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Languages.<\/span> <span class=\\\"uk-text-muted\\\">How many do you need?<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Choose how many languages visitors can use on your website.<\/p>\n\n\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-2\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"language_mode\\\" value=\\\"single\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">One language<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"language_mode\\\" value=\\\"multiple\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">More than one<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n    \n\n<div id=\\\"gz-language-controls\\\" data-reveal data-open=\\\"false\\\" aria-hidden=\\\"true\\\" inert>\\n      \n\n<div class=\\\"uk-overflow-hidden\\\">\n\n<div class=\\\"uk-flex uk-flex-middle uk-margin-small-top\\\" role=\\\"group\\\" aria-label=\\\"Total languages\\\">\\n      <button class=\\\"uk-icon-button\\\" type=\\\"button\\\" id=\\\"gz-minus\\\" uk-icon=\\\"minus\\\" aria-label=\\\"Remove a language\\\" disabled><\/button>\\n      <output class=\\\"uk-h5 uk-text-emphasis uk-margin-remove uk-padding-small\\\" id=\\\"gz-language-count\\\" for=\\\"gz-languages\\\" aria-live=\\\"polite\\\">2 languages<\/output>\\n      <button class=\\\"uk-icon-button\\\" type=\\\"button\\\" id=\\\"gz-plus\\\" uk-icon=\\\"plus\\\" aria-label=\\\"Add a language\\\"><\/button>\\n    <\/div>\n\n<\/div>\n\n\\n    <\/div>\n\n\\n    <input type=\\\"hidden\\\" id=\\\"gz-languages\\\" name=\\\"language_count\\\" value=\\\"2\\\">\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n<\/div>\n\n\\n\n\n<section class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\\\" id=\\\"gz-commerce\\\" data-step=\\\"sell_online\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">E-commerce.<\/span> <span class=\\\"uk-text-muted\\\">Will you sell online?<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Add a store if customers will buy products or subscriptions on your website.<\/p>\n\n\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-2\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"sell_online\\\" value=\\\"no\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">No store<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"sell_online\\\" value=\\\"yes\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">E-commerce<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<div id=\\\"gz-store-details\\\" data-reveal data-open=\\\"false\\\" aria-hidden=\\\"true\\\" inert>\n\n<div class=\\\"uk-overflow-hidden\\\">\\n\n\n<fieldset class=\\\"uk-fieldset uk-margin-top uk-disabled\\\" data-step=\\\"commerce\\\" aria-disabled=\\\"true\\\" disabled inert>\\n  \n\n<legend class=\\\"uk-h5 uk-margin-remove-top uk-margin-bottom\\\">Which store is right for you?<\/legend>\n\n\\n  \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"commerce\\\" value=\\\"basic\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Commerce Core<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For small stores with straightforward sales. The tools and hosting power to take payments and manage daily orders.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$5,150 + $100\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"commerce\\\" value=\\\"pro\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Commerce Pro<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For growing stores with more products and orders. Extra power, email follow-ups and sales tools for repeat purchases.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$9,750 + $200\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"commerce\\\" value=\\\"ultra\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Commerce Ultra<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For high-volume, direct-to-consumer brands. Maximum power for subscriptions, complex catalogues and custom shopping journeys.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$20,150 + $300\/mo<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\\\">Monthly fees cover extra hosting resources and store tools.<\/p>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"multiple: true; duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Included with every store<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Sell products, accept payments and manage customers and orders in one place.<\/p>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Product Catalog<\/li>\n\n\\n\n\n<li>Product Categories<\/li>\n\n\\n\n\n<li>Product Pages<\/li>\n\n\\n\n\n<li>Product Search<\/li>\n\n\\n\n\n<li>Product Filters &amp; tags<\/li>\n\n\\n\n\n<li>Account + Login<\/li>\n\n\\n\n\n<li>Shopping Cart<\/li>\n\n\\n\n\n<li>Checkout<\/li>\n\n\\n\n\n<li>Payment Setup (ex., Stripe)<\/li>\n\n\\n\n\n<li>Coupons<\/li>\n\n\\n\n\n<li>Order Management<\/li>\n\n\\n\n\n<li>Transactional Emails<\/li>\n\n\\n\n\n<li>Sales Analytics<\/li>\n\n\\n\n\n<li>E-commerce SEO<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n<\/fieldset>\n\n\\n\n\n<fieldset class=\\\"uk-fieldset uk-margin-top uk-disabled\\\" data-step=\\\"variants\\\" aria-disabled=\\\"true\\\" disabled inert>\\n  \n\n<legend class=\\\"uk-h5 uk-margin-remove-top uk-margin-bottom\\\">Do your products have options?<\/legend>\n\n\\n  \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"variants\\\" value=\\\"simple\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">One version each<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$25\/product<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"variants\\\" value=\\\"variants\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Sizes, colours, flavours or other options<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">$50\/product<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n<\/fieldset>\n\n\\n\n\n<fieldset class=\\\"uk-fieldset uk-margin-top uk-disabled\\\" data-step=\\\"products\\\" aria-disabled=\\\"true\\\" disabled inert>\\n  \n\n<legend class=\\\"uk-h5 uk-margin-remove-top uk-margin-bottom\\\">How many products do you have?<\/legend>\n\n\\n  \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-5@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"products\\\" value=\\\"small\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">1\u201310<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"products:small\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"products\\\" value=\\\"medium\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">11\u201320<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"products:medium\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"products\\\" value=\\\"large\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">21\u201350<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"products:large\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"products\\\" value=\\\"xl\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">51\u2013100<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"products:xl\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"products\\\" value=\\\"xxl\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">101\u2013200<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"products:xxl\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n<\/fieldset>\n\n\\n\n\n<fieldset class=\\\"uk-fieldset uk-margin-top uk-disabled\\\" data-step=\\\"product_content\\\" aria-disabled=\\\"true\\\" disabled inert>\\n  \n\n<legend class=\\\"uk-h5 uk-margin-remove-top uk-margin-bottom\\\">Is your product content ready?<\/legend>\n\n\\n  \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"product_content\\\" value=\\\"ready\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Descriptions and images ready<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"product_content\\\" value=\\\"needed\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Content preparation needed<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"content:needed\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n<\/fieldset>\n\n\\n<\/div>\n\n<\/div>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<div class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom\\\" id=\\\"gz-addons\\\">\\n\n\n<section class=\\\"uk-disabled\\\" id=\\\"gz-compliance\\\" data-step=\\\"compliance\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Compliance &amp; add-ons.<\/span> <span class=\\\"uk-text-muted\\\">Any extra requirements?<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">Choose the standards your website needs to support, then connect your business tools below.<\/p>\n\n\\n\n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"checkbox\\\" name=\\\"compliance\\\" value=\\\"accessibility\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Accessibility<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For websites that need WCAG 2.2 AA support. Implementation and testing for keyboard access, screen readers, colour contrast and forms.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$2,850<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"checkbox\\\" name=\\\"compliance\\\" value=\\\"privacy\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Privacy &amp; consent<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For websites collecting visitor data or using tracking tools. Consent and privacy controls for GDPR, PIPEDA and CCPA\/CPRA, as applicable.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$1,250<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"checkbox\\\" name=\\\"compliance\\\" value=\\\"regulated\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h5 uk-text-emphasis uk-margin-remove\\\">Regulated requirements<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For websites handling sensitive health information. Data-flow and security review for HIPAA\/PHIPA requirements, with access roles and activity logging.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$3,850<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"checkbox\\\" name=\\\"compliance\\\" value=\\\"none\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">No extra requirements<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Compliance features<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Technical controls matched to the standards, locations and data your website needs to support.<\/p>\n\n\\n\n\n<h4 class=\\\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\\\">Accessibility \u00b7 WCAG 2.2 AA<\/h4>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Keyboard navigation and focus states<\/li>\n\n\\n\n\n<li>Screen-reader labels and page structure<\/li>\n\n\\n\n\n<li>Colour contrast and text alternatives<\/li>\n\n\\n\n\n<li>Accessible forms and error messages<\/li>\n\n\\n\n\n<li>Testing and remediation<\/li>\n\n\\n<\/ul>\n\n\\n\n\n<hr class=\\\"uk-margin\\\">\\n\n\n<h4 class=\\\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\\\">Privacy \u00b7 GDPR \/ PIPEDA \/ CCPA\/CPRA<\/h4>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Cookie consent and preference centre<\/li>\n\n\\n\n\n<li>Consent-based analytics and marketing tags<\/li>\n\n\\n\n\n<li>Form consent controls<\/li>\n\n\\n\n\n<li>Consent withdrawal<\/li>\n\n\\n\n\n<li>Sale\/sharing opt-out and Global Privacy Control, where required<\/li>\n\n\\n<\/ul>\n\n\\n\n\n<hr class=\\\"uk-margin\\\">\\n\n\n<h4 class=\\\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\\\">Regulated requirements \u00b7 HIPAA \/ PHIPA<\/h4>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Sensitive-data flow review<\/li>\n\n\\n\n\n<li>Role-based access<\/li>\n\n\\n\n\n<li>Activity and audit logging<\/li>\n\n\\n\n\n<li>Form and tracking safeguards<\/li>\n\n\\n\n\n<li>Hosting and connected-system requirements review<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n\n\n<hr class=\\\"uk-margin\\\">\\n\n\n<section class=\\\"uk-disabled\\\" id=\\\"gz-connections\\\" data-step=\\\"connections\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h5 uk-margin-remove-top uk-margin-bottom\\\"><span class=\\\"uk-text-emphasis\\\">Connections.<\/span> <span class=\\\"uk-text-muted\\\">What should your website work with?<\/span><\/legend>\n\n\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-2@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"connections\\\" value=\\\"standard\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Standard connections<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For everyday enquiries and marketing. Connect forms, your CRM, email platform and website reporting.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">Included<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"connections\\\" value=\\\"custom\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Custom connection<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">For connecting a specialist business system. One supported API or webhook connection to an ERP, booking, EMR\/EHR, laboratory or inventory system.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\">+$950<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Included connections<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Bring enquiries, customer records and website activity into the tools you already use.<\/p>\n\n\\n\n\n<h4 class=\\\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\\\">Standard integrations<\/h4>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>Contact and enquiry forms<\/li>\n\n\\n\n\n<li>CRM integration<\/li>\n\n\\n\n\n<li>Email marketing integration<\/li>\n\n\\n\n\n<li>Newsletter sign-up forms<\/li>\n\n\\n\n\n<li>Google Analytics<\/li>\n\n\\n\n\n<li>Google Search Console<\/li>\n\n\\n\n\n<li>Google Maps<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n<\/div>\n\n\\n\n\n<section class=\\\"uk-card uk-card-default uk-card-small uk-card-body uk-border-rounded uk-margin-small-bottom uk-disabled\\\" id=\\\"gz-care\\\" data-step=\\\"care\\\" aria-disabled=\\\"true\\\" inert>\\n  \n\n<fieldset class=\\\"uk-fieldset\\\" disabled>\\n    \n\n<legend class=\\\"uk-h3 uk-margin-remove\\\"><span class=\\\"uk-text-emphasis\\\">Gazizoff Care.<\/span> <span class=\\\"uk-text-muted\\\">Ongoing help after launch.<\/span><\/legend>\n\n\\n    \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-bottom\\\">For businesses that want ongoing technical support, updates and maintenance after launch.<\/p>\n\n\\n\n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-3@s\\\" uk-grid>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"care\\\" value=\\\"monthly\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Monthly<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">Billed monthly.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"care:monthly\\\">\u2014<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"care\\\" value=\\\"yearly\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">Yearly<\/span>\\n    <span class=\\\"uk-text-small uk-text-muted uk-margin-small-top\\\">Billed once a year.<\/span>\\n    <span class=\\\"uk-text-small uk-text-emphasis uk-margin-small-top\\\" data-price=\\\"care:yearly\\\">\u2014 \u2022 Two months free<\/span>\\n  <\/span>\\n<\/label>\\n<label class=\\\"gz-choice uk-display-block uk-position-relative\\\">\\n  <input class=\\\"uk-hidden-visually\\\" type=\\\"radio\\\" name=\\\"care\\\" value=\\\"none\\\">\\n  <span class=\\\"gz-card uk-border-rounded uk-flex uk-flex-column uk-height-1-1 uk-padding-small\\\">\\n    <span class=\\\"uk-h6 uk-text-emphasis uk-margin-remove\\\">No Care plan<\/span>\\n  <\/span>\\n<\/label>\\n<\/div>\n\n\n\n<ul class=\\\"uk-accordion-default uk-margin-top uk-margin-remove-bottom\\\" uk-accordion=\\\"duration: 350\\\">\\n\n\n<li>\\n<a class=\\\"uk-accordion-title uk-h6 uk-margin-remove\\\" href=\\\"#\\\">Included with Gazizoff Care<span uk-accordion-icon><\/span><\/a>\\n\n\n<div class=\\\"uk-accordion-content uk-text-small uk-margin-small-top\\\">\\n\n\n<p class=\\\"uk-margin-remove-top uk-margin-bottom\\\">Keep the website current and supported after launch.<\/p>\n\n\\n\n\n<h4 class=\\\"uk-h6 uk-margin-remove-top uk-margin-small-bottom\\\">Support &amp; maintenance<\/h4>\n\n\\n\n\n<ul class=\\\"uk-list uk-list-bullet uk-column-1-2@s uk-margin-remove\\\">\\n\n\n<li>CMS and plugin updates<\/li>\n\n\\n\n\n<li>Routine maintenance<\/li>\n\n\\n\n\n<li>Website troubleshooting<\/li>\n\n\\n\n\n<li>Technical support<\/li>\n\n\\n<\/ul>\n\n\\n<\/div>\n\n\\n<\/li>\n\n\\n<\/ul>\n\n\\n  <\/fieldset>\n\n\\n<\/section>\n\n\\n<\/form>\n\n\"},\"name\":\"Calculator choices\"},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n#gz-calculator-section { --gz-blue: #1c5ae7; min-width: 0; }\\n#gz-calculator-section .gz-choice { cursor: pointer; min-width: 0; }\\n#gz-calculator-section .gz-choice > input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }\\n#gz-calculator-section .gz-card { box-sizing: border-box; border: 1px solid rgba(128,128,128,.3); border-color: color-mix(in srgb,currentColor 22%,transparent); }\\n#gz-calculator-section .gz-choice > input:checked + .gz-card, #gz-calculator-section .gz-choice:hover .gz-card { border-color: var(--gz-blue); box-shadow: none; }\\n#gz-calculator-section .gz-choice > input:focus-visible + .gz-card { outline: 1px solid var(--gz-blue); outline-offset: 3px; }\\n#gz-calculator-section [data-step][aria-disabled=\\\"true\\\"] { opacity: .6; }\\n#gz-calculator-section [data-step] { transition: opacity .4s ease; }\\n#gz-calculator-section .gz-card { transition: border-color .2s ease; }\\n#gz-calculator-section [data-reveal] { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s ease, opacity .35s ease; }\\n#gz-calculator-section [data-reveal][data-open=\\\"true\\\"] { grid-template-rows: 1fr; opacity: 1; }\\n#gz-calculator-section [data-reveal] > div { min-height: 0; }\\n#gz-calculator-section #gz-total, #gz-calculator-section #gz-days, #gz-calculator-section #gz-recurring, #gz-calculator-section #gz-mobile-total, #gz-calculator-section #gz-language-count { font-variant-numeric: tabular-nums; }\\n@media (max-width: 639px) {\\n  #gz-size .gz-card { padding: 10px 6px; }\\n  #gz-size .gz-card > span { font-size: .75rem; }\\n}\\n@media (prefers-reduced-motion: reduce) {\\n  #gz-calculator-section [data-step], #gz-calculator-section [data-reveal], #gz-calculator-section .gz-card { transition: none; }\\n}\\n<\/style>\n\n\\n\\n<script>\\n(function () {\\n  'use strict';\\n\\n  const CONFIG = {\\n  \\\"engines\\\": {\\n    \\\"core\\\": {\\n      \\\"name\\\": \\\"Core\\\",\\n      \\\"cost\\\": 5400,\\n      \\\"monthly\\\": 24,\\n      \\\"days\\\": 3\\n    },\\n    \\\"pro\\\": {\\n      \\\"name\\\": \\\"Pro\\\",\\n      \\\"cost\\\": 10250,\\n      \\\"monthly\\\": 50,\\n      \\\"days\\\": 5\\n    },\\n    \\\"ultra\\\": {\\n      \\\"name\\\": \\\"Ultra\\\",\\n      \\\"cost\\\": 15600,\\n      \\\"monthly\\\": 100,\\n      \\\"days\\\": 7\\n    }\\n  },\\n  \\\"sizes\\\": {\\n    \\\"small\\\": {\\n      \\\"name\\\": \\\"1\u201310 pages\\\",\\n      \\\"cost\\\": 2650,\\n      \\\"pages\\\": 5,\\n      \\\"days\\\": 7\\n    },\\n    \\\"small_plus\\\": {\\n      \\\"name\\\": \\\"10\u201325 pages\\\",\\n      \\\"cost\\\": 8650,\\n      \\\"pages\\\": 17,\\n      \\\"days\\\": 11\\n    },\\n    \\\"medium\\\": {\\n      \\\"name\\\": \\\"25\u201350 pages\\\",\\n      \\\"cost\\\": 18350,\\n      \\\"pages\\\": 37,\\n      \\\"days\\\": 18\\n    },\\n    \\\"large\\\": {\\n      \\\"name\\\": \\\"50\u2013100 pages\\\",\\n      \\\"cost\\\": 37650,\\n      \\\"pages\\\": 75,\\n      \\\"days\\\": 28\\n    },\\n    \\\"xl\\\": {\\n      \\\"name\\\": \\\"100\u2013150 pages\\\",\\n      \\\"cost\\\": 62350,\\n      \\\"pages\\\": 125,\\n      \\\"days\\\": 40\\n    }\\n  },\\n  \\\"commerce\\\": {\\n    \\\"basic\\\": {\\n      \\\"name\\\": \\\"Commerce Core\\\",\\n      \\\"cost\\\": 5150,\\n      \\\"monthly\\\": 100,\\n      \\\"days\\\": 5\\n    },\\n    \\\"pro\\\": {\\n      \\\"name\\\": \\\"Commerce Pro\\\",\\n      \\\"cost\\\": 9750,\\n      \\\"monthly\\\": 200,\\n      \\\"days\\\": 10\\n    },\\n    \\\"ultra\\\": {\\n      \\\"name\\\": \\\"Commerce Ultra\\\",\\n      \\\"cost\\\": 20150,\\n      \\\"monthly\\\": 300,\\n      \\\"days\\\": 18\\n    }\\n  },\\n  \\\"products\\\": {\\n    \\\"small\\\": {\\n      \\\"name\\\": \\\"1\u201310\\\",\\n      \\\"average\\\": 5\\n    },\\n    \\\"medium\\\": {\\n      \\\"name\\\": \\\"11\u201320\\\",\\n      \\\"average\\\": 15\\n    },\\n    \\\"large\\\": {\\n      \\\"name\\\": \\\"21\u201350\\\",\\n      \\\"average\\\": 35\\n    },\\n    \\\"xl\\\": {\\n      \\\"name\\\": \\\"51\u2013100\\\",\\n      \\\"average\\\": 75\\n    },\\n    \\\"xxl\\\": {\\n      \\\"name\\\": \\\"101\u2013200\\\",\\n      \\\"average\\\": 150\\n    }\\n  },\\n  \\\"compliance\\\": {\\n    \\\"accessibility\\\": {\\n      \\\"name\\\": \\\"Accessibility\\\",\\n      \\\"cost\\\": 2850,\\n      \\\"baseDays\\\": 2,\\n      \\\"pagesPerDay\\\": 10\\n    },\\n    \\\"privacy\\\": {\\n      \\\"name\\\": \\\"Privacy & consent\\\",\\n      \\\"cost\\\": 1250,\\n      \\\"days\\\": 3\\n    },\\n    \\\"regulated\\\": {\\n      \\\"name\\\": \\\"Regulated requirements\\\",\\n      \\\"cost\\\": 3850,\\n      \\\"baseDays\\\": 3,\\n      \\\"pagesPerDay\\\": 20\\n    }\\n  },\\n  \\\"language\\\": {\\n    \\\"perPage\\\": 100,\\n    \\\"setup\\\": 500,\\n    \\\"monthly\\\": 25,\\n    \\\"max\\\": 20,\\n    \\\"setupDays\\\": 1,\\n    \\\"pagesPerDay\\\": 5,\\n    \\\"productsPerDay\\\": 20,\\n    \\\"reviewDays\\\": 1,\\n    \\\"storeDays\\\": 1\\n  },\\n  \\\"contentPerProduct\\\": 150,\\n  \\\"connection\\\": {\\n    \\\"cost\\\": 950,\\n    \\\"days\\\": 4,\\n    \\\"standardDays\\\": 1\\n  },\\n  \\\"careRate\\\": 0.015,\\n  \\\"productRates\\\": {\\n    \\\"simple\\\": 25,\\n    \\\"variants\\\": 50\\n  },\\n  \\\"designs\\\": {\\n    \\\"simple\\\": {\\n      \\\"name\\\": \\\"Studio\\\",\\n      \\\"baseCost\\\": 0,\\n      \\\"perPage\\\": 0,\\n      \\\"baseDays\\\": 0,\\n      \\\"pagesPerDay\\\": 0\\n    },\\n    \\\"signature\\\": {\\n      \\\"name\\\": \\\"Signature\\\",\\n      \\\"baseCost\\\": 2600,\\n      \\\"perPage\\\": 250,\\n      \\\"baseDays\\\": 3,\\n      \\\"pagesPerDay\\\": 10\\n    },\\n    \\\"flagship\\\": {\\n      \\\"name\\\": \\\"Flagship\\\",\\n      \\\"baseCost\\\": 5350,\\n      \\\"perPage\\\": 500,\\n      \\\"baseDays\\\": 6,\\n      \\\"pagesPerDay\\\": 5\\n    }\\n  },\\n  \\\"delivery\\\": {\\n    \\\"planningDays\\\": 1,\\n    \\\"reviewLaunchDays\\\": 3\\n  },\\n  \\\"migration\\\": {\\n    \\\"setupDays\\\": 1,\\n    \\\"pagesPerDay\\\": 15,\\n    \\\"productsPerDay\\\": 30\\n  },\\n  \\\"productWork\\\": {\\n    \\\"simplePerDay\\\": 10,\\n    \\\"variantsPerDay\\\": 5,\\n    \\\"optionSetupDays\\\": 1,\\n    \\\"contentSetupDays\\\": 1,\\n    \\\"contentPerDay\\\": 8\\n  },\\n  \\\"careAnnualMonths\\\": 10\\n};\\n  const STEPS = ['migration', 'engine', 'design', 'size', 'language_mode', 'sell_online', 'commerce', 'variants', 'products', 'product_content', 'compliance', 'connections', 'care'];\\n  const STORE_STEPS = new Set(['commerce', 'variants', 'products', 'product_content']);\\n  const money = (value) => '$' + value.toLocaleString('en-US', { minimumFractionDigits: Number.isInteger(value) ? 0 : 2, maximumFractionDigits: 2 });\\n  const roundCents = (value) => Math.round((value + Number.EPSILON) * 100) \/ 100;\\n  const daysText = (days) => days + (days === 1 ? ' day' : ' days');\\n  const languageCount = (value) => Math.max(2, Math.min(CONFIG.language.max, Math.floor(Number(value)) || 2));\\n\\n  function getProgress(state, compliance) {\\n    let ready = true;\\n    const enabled = {};\\n    STEPS.forEach((key) => {\\n      const skipped = STORE_STEPS.has(key) && state.sell_online !== 'yes';\\n      enabled[key] = ready && !skipped;\\n      if (!skipped) ready = ready && Boolean(key === 'compliance' ? compliance.length : state[key]);\\n    });\\n    return { enabled, complete: ready };\\n  }\\n\\n  function calculate(state, selectedCompliance) {\\n    const engine = CONFIG.engines[state.engine];\\n    const size = CONFIG.sizes[state.size];\\n    const design = CONFIG.designs[state.design];\\n    const designCost = design && size ? design.baseCost + size.pages * design.perPage : 0;\\n    const store = state.sell_online === 'yes';\\n    const commerce = store ? CONFIG.commerce[state.commerce] : null;\\n    const products = store ? CONFIG.products[state.products] : null;\\n    const productRate = store ? CONFIG.productRates[state.variants] || 0 : 0;\\n    const productCost = (products?.average || 0) * productRate;\\n    const contentCost = products && state.product_content === 'needed' ? products.average * CONFIG.contentPerProduct : 0;\\n    const languages = state.language_mode === 'single' ? 1 : state.language_mode === 'multiple' ? languageCount(state.language_count) : 0;\\n    const additionalLanguages = Math.max(0, languages - 1);\\n    const languageCost = additionalLanguages && size ? CONFIG.language.setup + size.pages * CONFIG.language.perPage * additionalLanguages : 0;\\n    const languageMonthly = additionalLanguages ? CONFIG.language.monthly : 0;\\n    const customConnection = state.connections === 'custom';\\n    const compliance = selectedCompliance.filter((key) => Object.hasOwn(CONFIG.compliance, key));\\n    const complianceCost = compliance.reduce((sum, key) => sum + CONFIG.compliance[key].cost, 0);\\n    const total = (engine?.cost || 0) + (size?.cost || 0) + designCost + (commerce?.cost || 0) + productCost + contentCost + languageCost + complianceCost + (customConnection ? CONFIG.connection.cost : 0);\\n    const careMonthlyRate = roundCents(total * CONFIG.careRate);\\n    const careYearlyRate = roundCents(careMonthlyRate * CONFIG.careAnnualMonths);\\n    const monthly = roundCents((engine?.monthly || 0) + (commerce?.monthly || 0) + languageMonthly + (state.care === 'monthly' ? careMonthlyRate : 0));\\n    const yearly = state.care === 'yearly' ? careYearlyRate : 0;\\n    const pageCount = size?.pages || 0;\\n    const productCount = products?.average || 0;\\n    let days = (engine?.days || 0) + (size?.days || 0) + (commerce?.days || 0);\\n    if (engine) days += CONFIG.delivery.planningDays + CONFIG.delivery.reviewLaunchDays;\\n    if (design?.pagesPerDay && size) days += design.baseDays + Math.ceil(pageCount \/ design.pagesPerDay);\\n    if (state.migration === 'migrate' && size) days += CONFIG.migration.setupDays + Math.ceil(pageCount \/ CONFIG.migration.pagesPerDay) + Math.ceil(productCount \/ CONFIG.migration.productsPerDay);\\n    if (products && productRate) days += Math.ceil(productCount \/ (state.variants === 'variants' ? CONFIG.productWork.variantsPerDay : CONFIG.productWork.simplePerDay));\\n    if (store && state.variants === 'variants') days += CONFIG.productWork.optionSetupDays;\\n    if (contentCost) days += CONFIG.productWork.contentSetupDays + Math.ceil(productCount \/ CONFIG.productWork.contentPerDay);\\n    if (additionalLanguages && size) {\\n      const perLanguage = Math.ceil(pageCount \/ CONFIG.language.pagesPerDay) + Math.ceil(productCount \/ CONFIG.language.productsPerDay) + CONFIG.language.reviewDays + (commerce ? CONFIG.language.storeDays : 0);\\n      days += CONFIG.language.setupDays + perLanguage * additionalLanguages;\\n    }\\n    compliance.forEach((key) => {\\n      const rule = CONFIG.compliance[key];\\n      if (key === 'accessibility') days += rule.baseDays + Math.ceil((pageCount + productCount) \/ rule.pagesPerDay) + additionalLanguages;\\n      if (key === 'privacy') days += rule.days + (commerce ? 1 : 0) + (customConnection ? 1 : 0);\\n      if (key === 'regulated') days += rule.baseDays + Math.ceil(pageCount \/ rule.pagesPerDay) + (commerce ? 2 : 0) + (customConnection ? 2 : 0);\\n    });\\n    if (state.connections) days += customConnection ? CONFIG.connection.days : CONFIG.connection.standardDays;\\n\\n    const scope = [];\\n    if (engine) scope.push(['Engine', engine.name]);\\n    if (design) scope.push(['Design', design.name]);\\n    if (size) scope.push(['Website', size.name]);\\n    if (languages) scope.push(['Languages', String(languages)]);\\n    if (commerce) scope.push(['E-commerce', commerce.name]);\\n    if (products) scope.push(['Products', products.name]);\\n    if (productRate) scope.push(['Product options', state.variants === 'variants' ? 'Multiple options' : 'One version each']);\\n    if (contentCost) scope.push(['Product content', 'Preparation included']);\\n    if (state.migration === 'migrate') scope.push(['Migration', 'Complimentary']);\\n    compliance.forEach((key) => scope.push([CONFIG.compliance[key].name, 'Included']));\\n    if (state.connections) scope.push(['Connections', customConnection ? 'Custom' : 'Standard']);\\n    if (engine) scope.push(['Managed hosting', 'Monthly']);\\n    if (commerce) scope.push(['Store resources & tools', 'Monthly']);\\n    if (additionalLanguages) scope.push(['Language tools', 'Monthly']);\\n    if (state.care === 'monthly' || state.care === 'yearly') scope.push(['Gazizoff Care', state.care === 'yearly' ? 'Yearly' : 'Monthly']);\\n    return { size, products, productRate, total, monthly, yearly, careMonthlyRate, careYearlyRate, days, scope };\\n  }\\n\\n  function init(root) {\\n    if (root.dataset.gzCalculatorReady === '1.12') return true;\\n    const q = (selector) => root.querySelector(selector);\\n    const form = q('#gz-form');\\n    if (!form || !q('#gz-total') || !q('#gz-scope') || !q('#gz-download') || !q('#gz-status')) return false;\\n    root.dataset.gzCalculatorReady = '1.12';\\n    const lang = q('#gz-languages');\\n    const steps = Array.from(form.querySelectorAll('[data-step]'));\\n    const download = q('#gz-download');\\n    let summary = '';\\n    const scopeRows = new Map();\\n    const labels = ['Engine', 'Design', 'Website', 'Languages', 'E-commerce', 'Products', 'Product options', 'Product content', 'Migration', ...Object.values(CONFIG.compliance).map((item) => item.name), 'Connections', 'Managed hosting', 'Store resources & tools', 'Language tools', 'Gazizoff Care'];\\n    labels.forEach((label) => {\\n      const row = document.createElement('li');\\n      row.setAttribute('data-reveal', '');\\n      row.dataset.open = 'false';\\n      row.innerHTML = '\n\n<div class=\\\"uk-overflow-hidden\\\">\n\n<div class=\\\"uk-grid uk-grid-small uk-margin-small-top\\\"><span class=\\\"uk-width-1-2 uk-text-muted\\\"><\/span><span class=\\\"uk-width-1-2 uk-text-right uk-text-emphasis uk-text-break\\\"><\/span><\/div>\n\n<\/div>\n\n';\\n      const cells = row.querySelectorAll('span');\\n      cells[0].textContent = label;\\n      q('#gz-scope').append(row);\\n      scopeRows.set(label, { row, value: cells[1] });\\n    });\\n\\n    function setText(element, value) {\\n      if (element.textContent !== value) element.textContent = value;\\n    }\\n\\n    function setVisible(element, visible) {\\n      if (element.hasAttribute('data-reveal')) {\\n        element.dataset.open = String(visible);\\n        element.setAttribute('aria-hidden', String(!visible));\\n        element.inert = !visible;\\n      } else {\\n        element.classList.toggle('uk-hidden', !visible);\\n        element.hidden = !visible;\\n      }\\n    }\\n\\n    function render() {\\n      const checked = Array.from(form.querySelectorAll('input:checked'));\\n      const raw = Object.fromEntries(checked.map((input) => [input.name, input.value]));\\n      raw.language_count = lang.value;\\n      const compliance = checked.filter((input) => input.name === 'compliance').map((input) => input.value);\\n      const progress = getProgress(raw, compliance);\\n      steps.forEach((step) => {\\n        const enabled = progress.enabled[step.dataset.step];\\n        step.classList.toggle('uk-disabled', !enabled);\\n        step.setAttribute('aria-disabled', String(!enabled));\\n        step.inert = !enabled;\\n        (step.matches('fieldset') ? step : step.querySelector('fieldset')).disabled = !enabled;\\n      });\\n      const state = Object.fromEntries(Object.entries(raw).filter(([key]) => progress.enabled[key] || (key === 'language_count' && progress.enabled.language_mode)));\\n      const result = calculate(state, progress.enabled.compliance ? compliance : []);\\n      setVisible(q('#gz-store-details'), state.sell_online === 'yes');\\n      setVisible(q('#gz-language-controls'), state.language_mode === 'multiple');\\n      setText(q('#gz-language-count'), languageCount(lang.value) + ' languages');\\n      q('#gz-minus').disabled = languageCount(lang.value) <= 2;\\n      q('#gz-plus').disabled = languageCount(lang.value) >= CONFIG.language.max;\\n\\n      const selectedScope = new Map(result.scope);\\n      scopeRows.forEach(({ row, value }, label) => {\\n        if (selectedScope.has(label)) setText(value, selectedScope.get(label));\\n        setVisible(row, selectedScope.has(label));\\n      });\\n      setVisible(q('#gz-empty-scope'), !result.scope.length);\\n      setText(q('#gz-total'), result.total ? money(result.total) : '\u2014');\\n      setText(q('#gz-days'), result.days ? daysText(result.days) : '\u2014');\\n      setText(q('#gz-recurring'), result.monthly ? money(result.monthly) + '\/mo' : '\u2014');\\n      setText(q('#gz-yearly'), result.yearly ? 'Gazizoff Care \u00b7 ' + money(result.yearly) + '\/yr \u2022 Two months free' : '');\\n      setVisible(q('#gz-yearly-row'), result.yearly > 0);\\n      const recurringTotal = money(result.monthly) + '\/mo' + (result.yearly ? ' + ' + money(result.yearly) + '\/yr' : '');\\n      setText(q('#gz-mobile-total'), result.total ? money(result.total) + ' \u2022 ' + daysText(result.days) + ' \u2022 ' + recurringTotal : 'Choose your options');\\n      root.querySelectorAll('[data-price^=\\\"design:\\\"]').forEach((element) => {\\n        const design = CONFIG.designs[element.dataset.price.split(':')[1]];\\n        setText(element, !design.perPage ? 'Included' : result.size ? '+' + money(design.baseCost + result.size.pages * design.perPage) : 'Based on website size');\\n      });\\n      root.querySelectorAll('[data-price^=\\\"products:\\\"]').forEach((element) => {\\n        const key = element.dataset.price.split(':')[1];\\n        setText(element, result.productRate ? '+' + money(CONFIG.products[key].average * result.productRate) : '\u2014');\\n      });\\n      setText(q('[data-price=\\\"content:needed\\\"]'), result.products ? '+' + money(result.products.average * CONFIG.contentPerProduct) : '\u2014');\\n      setText(q('[data-price=\\\"care:monthly\\\"]'), result.total ? money(result.careMonthlyRate) + '\/mo' : '\u2014');\\n      setText(q('[data-price=\\\"care:yearly\\\"]'), result.total ? money(result.careYearlyRate) + '\/yr \u2022 Two months free' : '\u2014 \u2022 Two months free');\\n      download.disabled = !progress.complete;\\n      setText(download, progress.complete ? 'Save configuration' : 'Complete your choices');\\n      setText(q('#gz-status'), '');\\n      setVisible(q('#gz-status'), false);\\n      summary = [\\n        'GAZIZOFF \u2014 YOUR NEW WEBSITE', '', ...result.scope.map(([label, detail]) => label + ': ' + detail), '',\\n        'Investment before tax: ' + money(result.total), 'Time to complete: ' + daysText(result.days),\\n        'Monthly costs: ' + money(result.monthly) + '\/mo',\\n        ...(result.yearly ? ['Gazizoff Care: ' + money(result.yearly) + '\/yr \u2022 Two months free'] : []),\\n      ].join('\\\\n');\\n    }\\n\\n    form.addEventListener('submit', (event) => event.preventDefault());\\n    form.addEventListener('change', (event) => {\\n      if (event.target.name === 'compliance' && event.target.checked) {\\n        form.querySelectorAll('input[name=\\\"compliance\\\"]').forEach((input) => {\\n          if (input !== event.target && (event.target.value === 'none' || input.value === 'none')) input.checked = false;\\n        });\\n      }\\n      render();\\n    });\\n    q('#gz-minus').addEventListener('click', () => { lang.value = Math.max(2, languageCount(lang.value) - 1); render(); });\\n    q('#gz-plus').addEventListener('click', () => { lang.value = Math.min(CONFIG.language.max, languageCount(lang.value) + 1); render(); });\\n    form.addEventListener('reset', () => setTimeout(() => { lang.value = '2'; render(); }, 0));\\n    download.addEventListener('click', () => {\\n      render();\\n      if (download.disabled) return;\\n      const url = URL.createObjectURL(new Blob([summary], { type: 'text\/plain;charset=utf-8' }));\\n      const link = document.createElement('a');\\n      link.href = url;\\n      link.download = 'Gazizoff-Website-Configuration.txt';\\n      root.append(link);\\n      link.click();\\n      link.remove();\\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\\n      setText(q('#gz-status'), 'Your configuration has been downloaded.');\\n      setVisible(q('#gz-status'), true);\\n    });\\n    render();\\n    return true;\\n  }\\n\\n  function boot() {\\n    const root = document.querySelector('#gz-calculator-section');\\n    return root ? init(root) : false;\\n  }\\n  if (!boot()) {\\n    const observer = new MutationObserver(() => { if (boot()) observer.disconnect(); });\\n    observer.observe(document.documentElement, { childList: true, subtree: true });\\n    document.addEventListener('DOMContentLoaded', () => { if (boot()) observer.disconnect(); }, { once: true });\\n  }\\n})();\\n<\/script>\"},\"name\":\"Calculator CSS & JavaScript\"}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<aside aria-label=\\\"Your new website\\\" id=\\\"gz-summary\\\" uk-sticky=\\\"end: #gz-calculator-section; offset: 100; media: @m\\\">\\n  \n\n<div class=\\\"uk-card uk-card-secondary uk-card-small uk-card-body uk-border-rounded\\\">\\n  \n\n<h3 class=\\\"uk-h3 uk-margin-remove-top\\\">Your new website.<\/h3>\n\n\\n  \n\n<ul class=\\\"uk-list uk-list-collapse uk-text-small uk-margin-remove\\\" id=\\\"gz-scope\\\"><\/ul>\n\n\\n  \n\n<div id=\\\"gz-empty-scope\\\" data-reveal data-open=\\\"true\\\">\n\n<div class=\\\"uk-overflow-hidden\\\">\n\n<p class=\\\"uk-text-small uk-text-muted\\\">Choose each step to build your website.<\/p>\n\n<\/div>\n\n<\/div>\n\n\\n  \n\n<hr class=\\\"uk-margin\\\">\\n  \n\n<div aria-live=\\\"polite\\\" aria-atomic=\\\"true\\\">\\n    \n\n<div class=\\\"uk-grid-small uk-child-width-1-1 uk-child-width-1-3@s\\\" uk-grid>\\n      \n\n<div>\\n        \n\n<p class=\\\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\\\" id=\\\"gz-total\\\">\u2014<\/p>\n\n\\n        \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\\\">Investment before tax<\/p>\n\n\\n      <\/div>\n\n\\n      \n\n<div>\\n        \n\n<p class=\\\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\\\" id=\\\"gz-days\\\">\u2014<\/p>\n\n\\n        \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\\\">Time to complete<\/p>\n\n\\n      <\/div>\n\n\\n      \n\n<div>\\n        \n\n<p class=\\\"uk-h5 uk-text-emphasis uk-text-break uk-margin-remove\\\" id=\\\"gz-recurring\\\">\u2014<\/p>\n\n\\n        \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\\\">Monthly costs<\/p>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n    \n\n<div id=\\\"gz-yearly-row\\\" data-reveal data-open=\\\"false\\\" aria-hidden=\\\"true\\\" inert>\n\n<div class=\\\"uk-overflow-hidden\\\">\n\n<p class=\\\"uk-text-small uk-margin-small-top uk-margin-remove-bottom\\\" id=\\\"gz-yearly\\\">\n\n<\/div>\n\n<\/div>\n\n\\n  <\/div>\n\n\\n  <button class=\\\"uk-button uk-button-primary uk-width-1-1 uk-margin-top\\\" type=\\\"button\\\" id=\\\"gz-download\\\" disabled>Complete your choices<\/button>\\n  \n\n<p class=\\\"uk-text-small uk-margin-small\\\" id=\\\"gz-status\\\" role=\\\"status\\\" hidden>\n\n\\n  \n\n<div class=\\\"uk-text-center uk-margin-top\\\"><button class=\\\"uk-button uk-button-link\\\" type=\\\"reset\\\" form=\\\"gz-form\\\">Start again<\/button><\/div>\n\n\\n<\/div>\n\n\\n  \n\n<div class=\\\"uk-margin-small-top uk-card uk-card-body uk-card-small uk-card-default uk-border-rounded\\\">\\n    \n\n<div class=\\\"uk-grid-small uk-flex-middle\\\" uk-grid>\\n      \n\n<div class=\\\"uk-width-auto\\\"><img class=\\\"uk-border-circle\\\" src=\\\"\/wp-content\/uploads\/2026\/09\/inkar-gazizoff-headhsot-square.jpg\\\" width=\\\"64\\\" height=\\\"64\\\" alt=\\\"Inkar Gazizoff\\\" loading=\\\"lazy\\\"><\/div>\n\n\\n      \n\n<div class=\\\"uk-width-expand\\\">\\n        \n\n<p class=\\\"uk-h6 uk-margin-remove\\\">Need help choosing?<\/p>\n\n\\n        \n\n<p class=\\\"uk-text-small uk-text-muted uk-margin-small-top uk-margin-remove-bottom\\\">Not sure what you need\u2014or prefer to leave it to us? Inkar can help you choose the right setup.<\/p>\n\n\\n      <\/div>\n\n\\n    <\/div>\n\n\\n  <\/div>\n\n\\n  \\n<\/aside>\n\n\\n\\n\"},\"name\":\"Live pricing summary\"}]}]}],\"name\":\"Gazizoff \u2014 Website Calculator 1.12\"}],\"version\":\"5.0.50\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website Design Cost Calculator Get a fast &#038; free estimate on your next website design project. Estimate how much your website design or redesign project will cost with our accurate, instant, and free website design cost calculator. Your WebsiteChoose your options Details Planning. Starting fresh or moving? Starting a fresh website For a new business, [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":37473,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-37776","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/pages\/37776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/comments?post=37776"}],"version-history":[{"count":0,"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/pages\/37776\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/pages\/37473"}],"wp:attachment":[{"href":"https:\/\/gazizoff.com\/ru\/wp-json\/wp\/v2\/media?parent=37776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}