{"id":5399,"date":"2024-06-03T23:09:07","date_gmt":"2024-06-04T06:09:07","guid":{"rendered":"https:\/\/strucalc.com\/?page_id=5399"},"modified":"2025-09-19T10:24:47","modified_gmt":"2025-09-19T17:24:47","slug":"precios","status":"publish","type":"page","link":"https:\/\/strucalc.com\/es\/precios\/","title":{"rendered":"Precios"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull items-start wp-duotone-unset-1\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);min-height:616px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient\" style=\"background:radial-gradient(circle at bottom, rgb(12,96,144) 0%,rgb(0,0,0) 100%)\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-8d7d66f9 wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading alignwide has-text-align-center\">Precios y Funciones Flexibles<\/h1>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-b4f8159272999921d523bee31ab80938 wp-block-paragraph\" style=\"color:#ffffff99;font-style:normal;font-weight:400\">Ya sea que est\u00e9s comenzando o seas un profesional con experiencia, StruCalc\u2122 te garantiza ahorrar tiempo y dinero.<\/p>\n<\/div><\/div>\n\n\n\n<div id=\"\" class=\"block-pricing-table -mt-[22rem]\" class=\"align -mt-[22rem] wp-block-acf-pricing-table\">\n   \n      <!-- Frequency toggle -->\n      <div class=\"mb-8 flex justify-center\">\n         <fieldset class=\"grid grid-cols-2 gap-x-1 rounded-full p-1 text-center text-xs font-semibold leading-5 ring-1 ring-inset ring-gray-200\">\n            <legend class=\"sr-only\">Frecuencia de pago<\/legend>\n            <label for=\"frequency-mesnthly\" class=\"text-slate-500 cursor-pointer rounded-full px-2.5 py-1\">\n               <input type=\"radio\" id=\"frequency-mesnthly\" name=\"frequency\" value=\"mesnthly\" class=\"sr-only\" \/>\n               <span>Mensualmente<\/span>\n            <\/label>\n            <label for=\"frequency-annually\" class=\"bg-sky-600 text-white cursor-pointer rounded-full px-2.5 py-1\">\n               <input type=\"radio\" id=\"frequency-annually\" name=\"frequency\" value=\"annually\" class=\"sr-only\" \/>\n               <span>Anualmente<\/span>\n            <\/label>\n         <\/fieldset>\n      <\/div>\n\n      <div class=\"pricing-table__cards grid grid-cols-1 gap-24 md:gap-8 lg:grid-cols-3\">\n\n                     <div class=\"pricing-card pricing-card--coming-soon\">\n               \n               <p class=\"pricing-card__pretitle\">StruCalc<\/p>\n               <h3 id=\"FUSION-tier\" class=\"pricing-card__title\">FUSION<\/h3>\n\n               \n               \n               <div class=\"pricing-card__pricing transition-container pricing-container\">\n                                       <div class=\"pricing-card__coming-soon\">\n                        Coming Soon\n                     <\/div>\n                                 <\/div>\n\n                                 <p class=\"pricing-card__description\">Revolutionary, AI-enhanced structural calculation tool.<\/p>\n               \n               \n                           <\/div>\n                     <div class=\"pricing-card pricing-card--coming-soon\">\n               \n               <p class=\"pricing-card__pretitle\">StruCalc<\/p>\n               <h3 id=\"CONNECT-tier\" class=\"pricing-card__title\">CONNECT<\/h3>\n\n               \n               \n               <div class=\"pricing-card__pricing transition-container pricing-container\">\n                                       <div class=\"pricing-card__coming-soon\">\n                        Coming Soon\n                     <\/div>\n                                 <\/div>\n\n                                 <p class=\"pricing-card__description\">The smart choice for design professionals, simplifying analysis of complete structures through 3D design and visualization of members and loads.<\/p>\n               \n               \n                           <\/div>\n                     <div class=\"pricing-card\">\n               \n               <p class=\"pricing-card__pretitle\">StruCalc<\/p>\n               <h3 id=\"CORE-tier\" class=\"pricing-card__title\">CORE<\/h3>\n\n               \n               \n               <div class=\"pricing-card__pricing transition-container pricing-container\">\n                                       <div class=\"flex items-center pricing-container\">\n                                                   <div class=\"flex items-center mesnthly-price\">\n                                                               <del class=\"text-slate-700\">$149.97<\/del>\n                                 <ins class=\"flex items-center font-display tracking-tight text-slate-900 no-underline fluid-text-2xl\">\n                                    <span class=\"mx-2 text-lg\/loose\">$<\/span>\n                                    <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">99.<span class=\"align-text-top text-2xl\/relaxed\">97<\/span><\/span>                                 <\/ins>\n                                                            <span class=\"text-sm\/normal text-slate-900\">\/ mesnth<\/span>\n                           <\/div>\n                        \n                                                   <div class=\"flex items-center yearly-price\">\n                              <del class=\"text-slate-700\">$1,619.67<\/del>\n                              <ins class=\"flex items-center font-display tracking-tight text-slate-900 no-underline fluid-text-2xl\">\n                                 <span class=\"mx-2 text-lg\/loose\">$<\/span>\n                                 <span class=\"mx-1 font-display font-extrabold text-slate-900 fluid-text-2xl\">1079.<span class=\"align-text-top text-2xl\/relaxed\">67<\/span><\/span>                              <\/ins>\n                              <span class=\"ml-1 text-sm\/normal text-slate-900\">\/ year<\/span>\n                           <\/div>\n                                             <\/div>\n                                 <\/div>\n\n                                 <p class=\"pricing-card__description\">Comprehensive structural calculation tools providing quick, intuitive calculations for shearwalls, roof beams, floor joists, footings, retaining walls, and mesre!<\/p>\n               \n               \n                                 <div class=\"pricing-card__footer\">\n                     \n                                             <div class=\"pricing-availability-message-container\">\n                                                      <a\n                              href=\"https:\/\/strucalc.com\/es\/registrarse\/\"\n                              data-product=\"pdh\"\n                              aria-describedby=\"CORE-tier\"\n                                                            class=\"register-url block w-full rounded py-4 text-center text-xs font-bold uppercase tracking-widest transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 bg-primary text-gray-200 text-primary-foreground shadow-lg shadow-gray-900\/40 hover:bg-primary\/90\">\n                              <span class=\"flex items-center justify-center transition-transform duration-500\">\n                                 Try it for free                              <\/span>\n                           <\/a>\n                        <\/div>\n                                       <\/div>\n                           <\/div>\n               <\/div><!-- .grid -->\n\n      <!-- Black Friday 2024 Sale Notice-->\n      \n   <\/div><!-- block-pricing-table -mt-[22rem] -->\n\n\n<div id=\"\" class=\"block-pricing-features\" style=\"margin-bottom:var(--wp--preset--spacing--60)\" class=\"align wp-block-acf-pricing-features\">\n   <!-- Frequency toggle -->\n   <div class=\"mt-24\">\n      <!-- Toggles -->\n      <div class=\"mx-auto my-2 hidden flex-shrink justify-center gap-6 lg:flex\">\n         <!-- Anual Switch -->\n         <div class=\"flex items-center rounded bg-slate-100 p-2 px-6 text-sm text-slate-800 hidden\">\n            <p>Pay Anual and Save?<\/p>\n            <button\n               type=\"button\"\n               aria-checked=\"false\"\n               class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\n               role=\"switch\"\n               id=\"pricing-features-yearly-switch\"\n            >\n               <span\n                  aria-hidden=\"true\"\n                  class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\n               \/>\n            <\/button>\n         <\/div><!-- .flex -->\n         \n         <div class=\"flex items-center rounded bg-slate-100 p-2 px-6 text-sm text-slate-800\">\n            <p>Need multiple licenses?<\/p>\n            <button\n               type=\"button\"\n               aria-checked=\"false\"\n               class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\n               role=\"switch\" \n               id=\"pricing-features-bulk-switch\"\n            >\n               <span\n                  aria-hidden=\"true\"\n                  class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\n               \/>\n            <\/button>\n         <\/div><!-- .flex -->\n      <\/div><!-- .mx-auto -->\n\n      <!-- Bulk Calculator-->\n      <div id=\"bulk-discount-calculator\" class=\" mx-auto my-12 max-w-screen-2xl hidden\">\n         <span class=\"notch-2 top-notch inline-block rounded-tr border border-b-0 border-slate-200 bg-slate-100 px-6 py-2 text-slate-600 notch-slate-200\">\n            <h3 class=\"text-md\/4 font-bold tracking-tight\">Bulk Discount Calculator:<\/h3>\n         <\/span>\n         <div class=\"mx-auto rounded rounded-tl-none border border-slate-200 bg-white lg:flex\">\n            <!-- Col 1 -->\n            <div class=\"p-8 sm:p-10 lg:flex-auto\">\n               <h4 class=\"mb-4 text-left text-md\/4 font-bold tracking-tight text-slate-900\">1. Which tier do you need?<\/h4>\n\n               <!-- cards -->\n               <legend\n                  class=\"sr-only\"\n                  id=\"tier-selection\">Select a price tier<\/legend\n               >\n               <div\n                  role=\"radiogroup\"\n                  aria-labelledby=\"tier-selection\"\n                  class=\"mb-8 grid grid-cols-1 gap-y-6 sm:grid-cols-3 sm:gap-x-4\"\n               >\n                                       \n\n                     <div class=\"relative flex\">\n                        <input type=\"radio\" name=\"tier\" id=\"178\" value=\"178\" class=\"hidden\" \/>\n                           \n                        <label class=\"flex flex-col text-sm\/4 tracking-tight cursor-pointer p-4 rounded-lg border bg-white text-left shadow-sm focus:outline-none border-gray-300\" for=\"178\">\n                           <div class=\"flex items-center justify-between font-bold text-gray-900\">\n                              StruCalc FUSION                              <svg class=\"h-5 w-5 text-sky-600 hidden label-selected\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                                 <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\" clip-rule=\"evenodd\" \/>\n                              <\/svg>\n                           <\/div>\n                           <div class=\"mt-1 text-gray-500\">Revolutionary, AI-enhanced structural calculation tool.<\/div>\n                           <div class=\" mr-auto mt-2 items-center rounded-md bg-sky-50 px-2 py-1 text-xs font-semibold text-sky-600 ring-1 ring-inset ring-sky-500\/10 hidden label-selected\">Selected<\/div>\n                        <\/label>\n                           \n                     <\/div><!-- .relative -->\n                                       \n\n                     <div class=\"relative flex\">\n                        <input type=\"radio\" name=\"tier\" id=\"179\" value=\"179\" class=\"hidden\" \/>\n                           \n                        <label class=\"flex flex-col text-sm\/4 tracking-tight cursor-pointer p-4 rounded-lg border bg-white text-left shadow-sm focus:outline-none border-gray-300\" for=\"179\">\n                           <div class=\"flex items-center justify-between font-bold text-gray-900\">\n                              StruCalc CONNECT                              <svg class=\"h-5 w-5 text-sky-600 hidden label-selected\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                                 <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\" clip-rule=\"evenodd\" \/>\n                              <\/svg>\n                           <\/div>\n                           <div class=\"mt-1 text-gray-500\">The smart choice for design professionals, simplifying analysis of complete structures through 3D design and visualization of members and loads.<\/div>\n                           <div class=\" mr-auto mt-2 items-center rounded-md bg-sky-50 px-2 py-1 text-xs font-semibold text-sky-600 ring-1 ring-inset ring-sky-500\/10 hidden label-selected\">Selected<\/div>\n                        <\/label>\n                           \n                     <\/div><!-- .relative -->\n                                 <\/div><!-- .grid -->\n\n               <div class=\"mb-2 flex justify-between pt-4\">\n                  <h4 class=\" text-left text-md\/4 font-bold tracking-tight text-slate-900 m-0\">2. How many seats would you like?<\/h4>\n                  <h4 class=\" text-left text-md\/4 font-bold tracking-tight text-slate-900 m-0 seats\"><\/h4>\n               <\/div><!-- .mb-6 -->\n\n               <div class=\"relative w-full touch-none select-none items-center [&#038;_[role=slider]]:h-4 [&#038;_[role=slider]]:w-4\">\n                  <input id=\"bulk-range\" type=\"range\" min=\"1\" max=\"20\" value=\"5\" step=\"1\" class=\"w-full rounded-lg appearance-none cursor-pointer\">\n                  <div class=\"flex items-center justify-between text-center text-slate-700 dark:text-slate-300 pricing-ticks\">\n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                     <span class=\"opacity-50 rounded-full\" aria-hidden=\"true\"><\/span> \n                  <\/div>\n               <\/div><!-- .relative -->\n            <\/div>\n\n            <!-- Col 2: Shows the calculated price -->\n            <div class=\"-mt-2 p-4 lg:mt-0 lg:w-full lg:max-w-md lg:flex-shrink-0\">\n               <div class=\"rounded bg-slate-100 py-8 text-center ring-1 ring-inset ring-slate-900\/5 lg:flex lg:flex-col lg:justify-center lg:py-8\">\n                  <div class=\"mx-auto px-8\">\n                     <p class=\"text-sm font-semibold text-slate-600\">Discounted price for <span id=\"seat-count\">5<\/span> seats:<\/p>\n\n                     <div class=\"transition-container\">\n\n                        <div class=\"mesnthly-price pricing-features-mesnthly-price active\">\n                           <p class=\"mx-auto flex w-min items-center font-display font-extrabold leading-none tracking-tighter text-slate-900 m-0\">\n                              <span class=\"self-center text-lg\">$<\/span>\n                              <span id=\"calculated-price-mesnthly\" class=\"text-5xl\">0<\/span>\n                              <span class=\"text-sm font-medium tracking-normal text-slate-500\">\/mes<\/span>\n                           <\/p>\n                           <!-- Savings -->\n                           <div class=\"mx-auto my-2 flex w-[85%] min-w-fit max-w-xs items-center justify-center gap-2 rounded-xl border-2 border-dashed border-emerald-600 bg-emerald-50 px-4 py-2 text-base font-semibold text-emerald-600 lg:max-w-none lg:justify-normal\">\n                              <p class=\"min-w-fit m-0\">Total Savings:<\/p>\n                              <p class=\"min-w-fit basis-4\/6 text-lg font-bold m-0\">\n                                 $<span id=\"mesnthly-savings\">0<\/span>\/mes\n                              <\/p>\n                           <\/div>\n                        <\/div><!-- .mesnthly-price -->\n\n                        <div class=\"yearly-price pricing-features-yearly-price hidden\">\n                           <p class=\"mx-auto flex w-min items-center font-display font-extrabold leading-none tracking-tighter text-slate-900 m-0\">\n                              <span class=\"self-center text-lg\">$<\/span>\n                              <span id=\"calculated-price-yearly\" class=\"text-5xl\">0<\/span>\n                              <span class=\"text-sm font-medium tracking-normal text-slate-500\">\/a\u00f1o<\/span>\n                           <\/p>\n                            <!-- Savings -->\n                            <div class=\"mx-auto my-2 flex w-[85%] min-w-fit max-w-xs items-center justify-center gap-2 rounded-xl border-2 border-dashed border-emerald-600 bg-emerald-50 px-4 py-2 text-base font-semibold text-emerald-600 lg:max-w-none lg:justify-normal\">\n                              <p class=\"min-w-fit m-0\">Total Savings:<\/p>\n                              <p class=\"min-w-fit basis-4\/6 text-lg font-bold m-0\">\n                                 $<span id=\"yearly-savings\">0<\/span>\/a\u00f1o\n                              <\/p>\n                           <\/div>\n                        <\/div><!-- .yearly-price -->\n\n                     <\/div><!-- .transition-container -->\n\n                     <!-- toggle -->\n                     <div class=\"mx-auto mt-4 flex max-w-xs rounded-t-lg bg-sky-800\/10 p-2\">\n                        <div class=\"mx-auto flex items-center gap-2 text-sm\/3 text-slate-700 [text-wrap:balance] md:gap-4\">\n                           <p class=\"pl-2 m-0\">Pay Anual and Save?<\/p>\n                           <button\n                              type=\"button\"\n                              aria-checked=\"false\"\n                              aria-label=\"yearly or mesnthly option switch\"\n                              class=\"relative isolate inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-sky-900\/25 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\n                              role=\"switch\" \n                              id=\"bulk-yearly-switch\"\n                           >\n                              <span\n                                 aria-hidden=\"true\"\n                                 class=\"inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\n                              \/>\n                           <\/button>\n                        <\/div><!-- .items-center -->\n                     <\/div><!-- .mx-auto -->\n\n                     <div class=\"mx-auto max-w-xs flex flex-col\">\n                        <!-- Mensualmente -->\n                        <button class=\"w-full rounded-b-md rounded-t-none bg-sky-600 px-8 py-2 text-center text-xs font-bold uppercase tracking-widest text-gray-200 transition-colors hover:bg-sky-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 pricing-features-mesnthly-price\">\n                           <span class=\"flex items-center justify-center transition-transform duration-500\">\n                              Try For Free\n                           <\/span>\n                        <\/button>\n                        <!-- Anual -->\n                        <button class=\"w-full rounded-b-md rounded-t-none bg-sky-600 px-8 py-2 text-center text-xs font-bold uppercase tracking-widest text-gray-200 transition-colors hover:bg-sky-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-700 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 pricing-features-yearly-price hidden\">\n                           <span class=\"flex items-center justify-center transition-transform duration-500\">\n                              Subscribe now\n                           <\/span>\n                        <\/button>\n                        <p class=\"mt-6 text-xs leading-5 text-slate-600\">Requires one year commitment. Additional terms and conditions apply.<\/p>\n                     <\/div><!-- .mx-auto -->\n\n                  <\/div><!-- .mx-auto -->\n               <\/div><!-- .rounded -->\n            <\/div><!-- -mt-2 -->\n         <\/div><!-- .mx-auto -->\n      <\/div><!-- .mx-auto -->\n       <!-- End Bulk Calculator-->\n\n\n   <\/div><!-- .mt-24 -->\n\n   <!-- Alt Features table  -->\n   <div id=\"Features\" class=\"\">\n      <div class=\"scroll-mt-0\">\n\n         <!-- Feature comparison (up to lg) -->\n\t\t   <section class=\"tracking-normal lg:hidden\">\n            <h2 class=\"text-center font-semibold text-slate-900 fluid-text-xl\">\n               <span class=\"sr-only\">Feature Comparison<\/span>\n            <\/h2>\n            \n            <div class=\"mx-auto max-w-2xl space-y-16 px-4 pb-16 sm:px-6\">\n                                 <!-- Product Container  -->\n                  <div class=\"border-t border-slate-200\">\n                     <!-- Product Card  -->\n\t\t\t\t\t\t   <div class=\"relative grid items-end gap-4 overflow-hidden rounded-sm border-transparent bg-gradient-to-br from-sky-700 to-sky-400 p-5 sm:grid-cols-2\">\n                        <!-- Illustration -->\n                        <svg\n                           class=\"absolute right-0 top-0 opacity-10 mix-blend-overlay\"\n                           width=\"474\"\n                           height=\"178.5\"\n                           aria-hidden=\"true\"\n                        >\n                           <defs>\n                              <linearGradient\n                                 x1=\"50%\"\n                                 y1=\"0%\"\n                                 x2=\"50%\"\n                                 y2=\"96.2%\"\n                                 id=\"a\"\n                              >\n                                 <stop\n                                    stop-color=\"#fff\"\n                                    stop-opacity=\".9\"\n                                    offset=\"0%\"\n                                 \/>\n                                 <stop\n                                    stop-color=\"#fff\"\n                                    stop-opacity=\".2\"\n                                    offset=\"100%\"\n                                 \/>\n                              <\/linearGradient>\n                           <\/defs>\n                           <g transform=\"scale(3,1.5)\">\n                              <g\n                                 transform=\"translate(-719 -96)\"\n                                 stroke=\"url(#a)\"\n                                 fill=\"none\"\n                                 fill-rule=\"evenodd\"\n                              >\n                                 <path d=\"M803 69.7c1-31 27-55.3 58.3-54.4 31.2 1 55.7 27 54.8 58-1 31-27.2 55.4-58.4 54.4s-55.7-27-54.7-58Z\" \/>\n                                 <path d=\"M859.2 15.3c32.6-.2 59.2 24.8 59.4 55.9.1 31-26.1 56.3-58.8 56.5-32.6.2-59.2-24.8-59.4-55.8-.1-31 26.1-56.4 58.8-56.6Z\" \/>\n                                 <path d=\"M857 15.4c34-1.5 62.7 22.4 64 53.4 1.4 31-25 57.3-59 58.8s-62.7-22.4-64-53.4c-1.4-31 25-57.3 59-58.8Z\" \/>\n                                 <path d=\"M855 15.5c35.3-3 66 19.8 68.6 50.7 2.6 31-24 58.4-59.5 61.3-35.4 3-66.2-19.8-68.7-50.7-2.5-31 24.1-58.4 59.5-61.3Z\" \/>\n                                 <path d=\"M852.8 15.6c36.8-4.4 69.6 17 73.3 48 3.7 30.8-23 59.4-59.9 63.8-36.8 4.4-69.6-17-73.3-47.9-3.7-30.8 23.1-59.4 59.9-63.9Z\" \/>\n                                 <path d=\"M850.7 15.9c38.1-6 73 14 77.9 44.7 4.9 30.7-22.1 60.5-60.3 66.6-38.1 6-73-14-77.9-44.7-4.8-30.8 22.1-60.6 60.3-66.6Z\" \/>\n                                 <path d=\"M848.6 16.1C888 8.3 925 26.8 931 57.4c6 30.6-21 61.7-60.6 69.5-39.5 7.8-76.4-10.7-82.4-41.3-6-30.6 21.1-61.7 60.6-69.5Z\" \/>\n                                 <path d=\"M846.5 16.4c40.8-9.6 79.7 7.2 86.8 37.7 7.2 30.4-20 62.8-60.8 72.5-40.8 9.6-79.7-7.3-86.8-37.7-7.2-30.4 20-62.9 60.8-72.5Z\" \/>\n                                 <path d=\"M844.4 16.8c42-11.6 82.9 3.5 91.2 33.8 8.3 30.2-19 64-61 75.7-42 11.5-82.9-3.6-91.2-33.8-8.3-30.3 19-64.2 61-75.7Z\" \/>\n                                 <path d=\"M842.3 17.1c43.2-13.6 86-.3 95.4 29.7 9.5 30-17.8 65.4-61 79-43.2 13.7-86 .4-95.4-29.6-9.5-30 17.8-65.5 61-79.1Z\" \/>\n                                 <path d=\"M840.3 17.5C884.6 1.7 929 13 939.8 42.9c10.6 29.8-16.7 66.8-61 82.6-44.4 15.8-88.9 4.4-99.5-25.4-10.7-29.8 16.6-66.8 61-82.6Z\" \/>\n                                 <path d=\"M838.2 17.9c45.3-18 91.6-8.7 103.4 21 11.8 29.6-15.4 68.2-60.8 86.2-45.3 18-91.6 8.7-103.4-21C765.6 74.6 792.8 36 838.2 18Z\" \/>\n                                 <path d=\"M836 18.3c46.3-20.4 94.3-13 107.3 16.3 13 29.4-14 69.8-60.3 90.1-46.3 20.4-94.3 13.1-107.3-16.3-12.9-29.4 14.1-69.7 60.4-90.1Z\" \/>\n                                 <path d=\"M834 18.7c47-22.8 96.6-17.6 110.7 11.5 14.2 29.2-12.6 71.3-59.6 94.1-47.1 22.8-96.7 17.6-110.8-11.5-14.2-29.2 12.6-71.3 59.6-94.1Z\" \/>\n                                 <path d=\"M831.8 19.1C879.6-6.2 930.7-3.2 946 25.7c15.3 29-11 73-58.8 98.2-47.8 25.3-98.9 22.3-114.2-6.6-15.3-29 11-73 58.8-98.2Z\" \/>\n                                 <path d=\"M829.6 19.5c48.3-27.8 101-27 117.4 1.6 16.5 28.7-9.3 74.5-57.6 102.4-48.4 27.8-101 27-117.4-1.6s9.2-74.5 57.6-102.4Z\" \/>\n                                 <path d=\"M827.4 20c48.8-30.4 102.7-32 120.4-3.6 17.8 28.5-7.4 76.2-56.2 106.6-48.7 30.5-102.7 32-120.4 3.6C753.4 98 778.6 50.4 827.4 20Z\" \/>\n                                 <path d=\"M825.1 20.4c49-33 104.3-37 123.3-8.7 19 28.2-5.4 77.8-54.5 110.9-49 33-104.2 37-123.2 8.8-19-28.3 5.3-78 54.4-111Z\" \/>\n                                 <path d=\"M822.7 20.9c49.2-35.8 105.6-42 125.9-14 20.3 27.9-3.1 79.5-52.3 115.2-49.2 35.7-105.6 42-125.9 14-20.3-27.9 3.1-79.5 52.3-115.2Z\" \/>\n                                 <path d=\"M820.3 21.3C869.5-17 927-25.7 948.6 2c21.6 27.7-.8 81.3-50 119.7-49.1 38.4-106.5 47-128.1 19.3-21.7-27.7.7-81.3 49.8-119.7Z\" \/>\n                                 <path d=\"M817.8 21.8c49-41 107.4-52.1 130.4-24.7 23 27.5 2 83-47 124-49 41.2-107.4 52.2-130.4 24.8-23-27.4-2-83 47-124Z\" \/>\n                                 <path d=\"M815.3 22.3c48.6-43.7 107.8-57.2 132.2-30 24.5 27.1 4.9 84.6-43.7 128.4-48.6 43.7-107.9 57.2-132.3 30-24.5-27.1-4.9-84.6 43.7-128.4Z\" \/>\n                                 <path d=\"M812.6 22.9c48-46.4 108-62.3 134-35.4 25.9 26.8 8 86.2-40.1 132.7-48.1 46.4-108.1 62.2-134 35.3-26-26.8-8-86.2 40-132.6Z\" \/>\n                                 <path d=\"M809.7 23.4c47.4-49 108-67.2 135.6-40.7 27.4 26.6 11.3 87.9-36 136.9-47.4 49-108 67.2-135.6 40.7-27.4-26.6-11.3-87.8 36-136.9Z\" \/>\n                                 <path d=\"M806.8 24C853.3-27.5 914.5-48 943.6-22c29.1 26.3 15 89.4-31.4 141-46.5 51.5-107.7 72.1-136.8 46-29.1-26.3-15-89.4 31.4-141Z\" \/>\n                                 <path d=\"M803.8 24.7c45.3-54 107.1-77 137.9-51.1 30.8 25.8 19 90.6-26.4 144.7-45.4 54-107.2 77-138 51.1-30.8-25.8-19-90.6 26.5-144.7Z\" \/>\n                                 <path d=\"M800.5 25.5c44.2-56.6 106.4-81.8 139-56.3 32.5 25.4 23.1 91.8-21 148.3-44.2 56.6-106.3 81.8-138.9 56.3-32.6-25.4-23.2-91.8 21-148.3Z\" \/>\n                                 <path d=\"M797.2 26.3c42.7-58.9 105.2-86.4 139.6-61.4 34.5 25 27.8 93-15 151.8-42.7 58.9-105.2 86.4-139.6 61.4-34.4-25-27.7-93 15-151.8Z\" \/>\n                                 <path d=\"M793.6 27.2C834.8-34 897.6-63.6 934-39.1c36.3 24.5 32.5 93.8-8.6 155-41.1 61-104 90.7-140.3 66.2-36.4-24.4-32.6-93.8 8.5-155Z\" \/>\n                                 <path d=\"M790 28.2C829.2-35 892.2-66.8 930.7-43c38.4 24 37.6 94.6-1.7 157.8C889.7 178 826.7 210 788.3 186c-38.5-24-37.7-94.6 1.6-157.8Z\" \/>\n                                 <path d=\"M786 29.3c37.5-65.2 100.7-99.2 141.3-76 40.6 23.4 43.1 95.1 5.7 160.4-37.4 65.2-100.7 99.2-141.3 76-40.5-23.4-43-95.1-5.7-160.4Z\" \/>\n                                 <path d=\"M782 30.6c35.3-67 98.7-103.2 141.5-80.6 42.9 22.5 49 95.2 13.6 162.4-35.4 67-98.8 103.2-141.6 80.6-42.9-22.5-49-95.2-13.6-162.4Z\" \/>\n                                 <path d=\"M777.7 32.1c33.1-68.9 96.6-107 141.8-85.3 45.2 21.8 55 95.2 21.8 164.1-33.1 68.9-96.6 107-141.8 85.3S744.5 101 777.7 32Z\" \/>\n                                 <path d=\"M773.2 33.7C804-36.7 867.6-76.9 915.3-56c47.7 20.9 61.4 94.9 30.5 165.4-30.8 70.4-94.4 110.6-142.1 89.8-47.7-20.9-61.3-94.9-30.5-165.4Z\" \/>\n                                 <path d=\"M768.5 35.6c28.3-72 92.1-114.2 142.4-94.3 50.3 19.8 68 94.2 39.6 166.1-28.3 72-92 114.2-142.3 94.3-50.3-19.8-68-94.2-39.7-166.1Z\" \/>\n                                 <path d=\"M763.6 37.7c25.8-73.2 89.6-117.5 142.6-98.8 53 18.7 75 93.2 49.2 166.4-25.8 73.2-89.6 117.5-142.6 98.8-53-18.7-75-93.2-49.2-166.4Z\" \/>\n                                 <path d=\"M758.4 40c23.2-74.3 87.2-120.5 143-103.2 55.8 17.4 82.3 91.8 59.1 166.1-23.1 74.4-87.1 120.6-143 103.3-55.7-17.4-82.2-91.8-59-166.1Z\" \/>\n                                 <path d=\"M753.1 42.7C773.6-32.7 837.7-80.9 896.5-65c58.7 16 89.8 90 69.4 165.3C945.5 175.7 881.3 224 822.5 208c-58.7-16-89.8-90-69.4-165.3Z\" \/>\n                                 <path d=\"M747.6 45.7c17.6-76.3 82-126.5 143.8-112.2 61.8 14.2 97.6 87.6 80 163.8-17.6 76.3-82 126.5-143.8 112.2-61.8-14.2-97.6-87.6-80-163.8Z\" \/>\n                                 <path d=\"M742 49c14.7-77 79.2-129.2 144.2-116.8 65 12.5 105.6 85 90.9 161.8-14.8 77-79.4 129.2-144.3 116.8-65-12.4-105.6-84.9-90.9-161.8Z\" \/>\n                                 <path d=\"M736 52.6C748-24.8 812.9-79.2 881-68.8 949-58.4 994.8 13 983 90.4c-11.9 77.5-76.8 131.8-145 121.4-68.1-10.4-113.8-81.7-102-159.2Z\" \/>\n                                 <path d=\"M730 56.7c9-77.9 74.1-134.4 145.6-126.3C947.1-61.4 998 8.4 989 86.3c-9 77.9-74.1 134.4-145.6 126.3-71.5-8.2-122.3-78-113.4-155.9Z\" \/>\n                                 <path d=\"M723.9 61.2c6-78.2 71.5-137 146.4-131.3C945.2-64.4 1001 3.6 995 82c-6 78.1-71.5 136.9-146.4 131.2C773.8 207.4 718 139.4 724 61.2Z\" \/>\n                                 <path d=\"M859.5-70.5a142 142 0 1 1 0 284 142 142 0 0 1 0-284Z\" \/>\n                              <\/g>\n                           <\/g>\n                        <\/svg>\n\n                        <!-- Product Data -->\n                        <div class=\"relative flex flex-col sm:col-start-1\">\n                           <h3 class=\"text-lg font-bold tracking-tight text-slate-100\">StruCalc FUSION<\/h3>\n\n                           <div class=\"transition-container leading-none\">   \n                                 <p class=\"pricing-features-mesnthly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\n                                    <span>$<\/span>\n                                                                        <span class=\"text-base font-medium text-slate-500\">\/mes<\/span>\n                                 <\/p><!-- .mesnthly-price -->\n\n                                 <p class=\"pricing-features-yearly-price inline-block font-display text-4xl font-extrabold text-slate-50\">\n                                    <span>$<\/span>\n                                                                        <span class=\"text-base font-medium text-slate-500\">\/a\u00f1o<\/span>\n                                 <\/p><!-- .mesnthly-price -->\n                           <\/div><!-- .transition-container -->\n                           <p class=\"mt-2 text-sm text-slate-100\">Revolutionary, AI-enhanced structural calculation tool.<\/p>\n                        <\/div><!-- .flex -->\n\n                         <!-- Toggles -->\n                        <div class=\"z-10 flex flex-col gap-2 sm:col-start-2\">\n                           <!-- Anual Switch -->\n                           <div class=\"flex w-full rounded bg-slate-100\/75 p-2 px-6 backdrop-blur-sm sm:flex-col lg:hidden\">\n                              <div class=\"mx-auto flex items-center self-center text-sm text-slate-800\">\n                                 <p>Pay Anual and Save?<\/p>\n                                 <button\n                                    type=\"button\"\n                                    aria-checked=\"false\"\n                                    class=\"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-slate-200 transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2\"\n                                    role=\"switch\"\n                                    id=\"pricing-features-yearly-switch\"\n                                 >\n                                    <span\n                                       aria-hidden=\"true\"\n                                       class=\"inline-block h-5 w-5 translate-x-0 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out\"\n                                    \/>\n                                 <\/button>\n                              <\/div><!-- mx-auto -->\n                           <\/div><!-- .flex -->\n                        <\/div><!-- .z-10 -->\n\n                     <\/div><!-- .grid -->\n\n                     <!-- Feature categories -->\n                                          <div class=\"container mt-6 bg-white rounded\">\n                        <div id=\"pricing-features-accordion-collapse-mesbile-strucalc-plus\" data-accordion=\"collapse\" data-active-classes=\"bg-white\">\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-0\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-0\">\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\n                                       <button data-value=\"code-specification-geographical-support-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Code Specification &amp; Geographical Support<\/h4>\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                                       <\/button>\n                                    <\/div><!-- .heading -->\n                                 <\/div><!-- .accordion-item -->\n\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-0\" class=\"accordion-body\">\n                                    <div class=\"py-4\">                        \n                                       <div class=\"relative\">\n                                          <!-- Fake card background -->\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\n                                          <\/div><!-- .pointer-events -->\n\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\n                                             <dl class=\"divide-y divide-slate-200\">\n\n                                                <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Automated Hazard Load Application<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 IBC<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2024 NDS<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2021 IBC<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 IBC<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">2018 NDS<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Imperial Units<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                      \n                                             <\/dl>\n                                          <\/div><!-- .relative rounded -->\n                                       <\/div><!-- .relative -->\n                                    <\/div><!-- .pb-4 pt-1 -->\n                                 <\/div><!-- .accordion-body -->\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-1\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-1\">\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\n                                       <button data-value=\"materials-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Materials<\/h4>\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                                       <\/button>\n                                    <\/div><!-- .heading -->\n                                 <\/div><!-- .accordion-item -->\n\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-1\" class=\"accordion-body\">\n                                    <div class=\"py-4\">                        \n                                       <div class=\"relative\">\n                                          <!-- Fake card background -->\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\n                                          <\/div><!-- .pointer-events -->\n\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\n                                             <dl class=\"divide-y divide-slate-200\">\n\n                                                <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">I-Joists<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Glulams<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Solid Sawn<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Steel<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Structural Composite<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                      \n                                             <\/dl>\n                                          <\/div><!-- .relative rounded -->\n                                       <\/div><!-- .relative -->\n                                    <\/div><!-- .pb-4 pt-1 -->\n                                 <\/div><!-- .accordion-body -->\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-2\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-2\">\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\n                                       <button data-value=\"general-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                          <h4 class=\"text-sm font-bold text-slate-900\">General Features<\/h4>\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                                       <\/button>\n                                    <\/div><!-- .heading -->\n                                 <\/div><!-- .accordion-item -->\n\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-2\" class=\"accordion-body\">\n                                    <div class=\"py-4\">                        \n                                       <div class=\"relative\">\n                                          <!-- Fake card background -->\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\n                                          <\/div><!-- .pointer-events -->\n\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\n                                             <dl class=\"divide-y divide-slate-200\">\n\n                                                <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Stud Walls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Bearing Walls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Retaining Walls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Hip &#038; Valley Beams<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Collar Ties<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Flitch Beam<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam &#038; Joist Spans<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Continuous Footings<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Isolated Footings<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Embedded Posts<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">24+ Load Combinations<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Out of Plane Loading<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Multi-span Columns<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Advanced Footing Loads<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wind, Snow, &#038; Seismic Loads<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">LRFD<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Live &#038; Dead Loads<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">ASD<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                      \n                                             <\/dl>\n                                          <\/div><!-- .relative rounded -->\n                                       <\/div><!-- .relative -->\n                                    <\/div><!-- .pb-4 pt-1 -->\n                                 <\/div><!-- .accordion-body -->\n                                                            <div class=\"border-b\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-3\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-3\">\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\n                                       <button data-value=\"application-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Application Features<\/h4>\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                                       <\/button>\n                                    <\/div><!-- .heading -->\n                                 <\/div><!-- .accordion-item -->\n\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-3\" class=\"accordion-body\">\n                                    <div class=\"py-4\">                        \n                                       <div class=\"relative\">\n                                          <!-- Fake card background -->\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\n                                          <\/div><!-- .pointer-events -->\n\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\n                                             <dl class=\"divide-y divide-slate-200\">\n\n                                                <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">User Themes<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Linked Load Tracking<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Beam Analysis<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wall Analysis<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                      \n                                             <\/dl>\n                                          <\/div><!-- .relative rounded -->\n                                       <\/div><!-- .relative -->\n                                    <\/div><!-- .pb-4 pt-1 -->\n                                 <\/div><!-- .accordion-body -->\n                                                            <div class=\"\" data-accordion-target=\"#accordion-collapse-body-mesbile-strucalc-plus-4\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-mesbile-strucalc-plus-4\">\n                                    <div role=\"heading\" aria-level=\"4\" data-heading-level=\"4\" data-accordion-header=\"\" class=\"flex\">\n                                       <button data-value=\"material-specific-features-mesbile\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                          <h4 class=\"text-sm font-bold text-slate-900\">Material-specific Features<\/h4>\n                                             <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                                       <\/button>\n                                    <\/div><!-- .heading -->\n                                 <\/div><!-- .accordion-item -->\n\n                                 <div id=\"accordion-collapse-body-mesbile-strucalc-plus-4\" class=\"accordion-body\">\n                                    <div class=\"py-4\">                        \n                                       <div class=\"relative\">\n                                          <!-- Fake card background -->\n                                          <div aria-hidden=\"true\" class=\"pointer-events-none absolute inset-0 hidden sm:block\">\n                                             <div class=\"absolute right-0 h-full w-1\/2 rounded bg-white shadow\"><\/div>\n                                          <\/div><!-- .pointer-events -->\n\n                                          <div class=\"relative rounded bg-white px-4 py-3 shadow ring-1 ring-black ring-opacity-5 sm:rounded-none sm:bg-transparent sm:p-0 sm:shadow-none sm:ring-0\">\n                                             <dl class=\"divide-y divide-slate-200\">\n\n                                                <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                                         <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Shearwalls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Beams<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Beams<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Columns<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Columns<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Concrete Walls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Masonry Walls<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"minus\" class=\"mx-auto stroke-slate-400\"><\/i>\n                                                                  <span class=\"sr-only\">No<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Wood Hangers<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                               <div class=\"flex items-center justify-between py-2 sm:grid sm:grid-cols-2\">\n                                                            <dt class=\"pr-4 text-sm font-medium text-slate-600\">Curved Glulams<\/dt>\n                                                         \n                                                                                                                           <dd class=\"flex items-center justify-end sm:justify-center sm:px-4\">\n                                                                  <i data-lucide=\"check\" class=\"mx-auto stroke-sky-500\"><\/i>\n                                                                  <span class=\"sr-only\">Yes<\/span>\n                                                               <\/dd>\n                                                                                                                        \n                                                         <\/div>\n                                                                                                      \n                                             <\/dl>\n                                          <\/div><!-- .relative rounded -->\n                                       <\/div><!-- .relative -->\n                                    <\/div><!-- .pb-4 pt-1 -->\n                                 <\/div><!-- .accordion-body -->\n                                                   <\/div><!-- accordion container -->\n                     <\/div><!-- .container -->\n\n                  <\/div><!-- .border-t -->\n            <\/div><!-- .mx-auto -->\n\n\n         <\/section>\n\n         <!-- Feature comparison (lg+) -->\n         <section class=\"hidden tracking-normal lg:block\">\n\n            <div class=\"container max-w-5xl\">\n               <table class=\"relative h-full w-full\">\n                  <h2 class=\"sr-only\">Pricing Tier Comparison<\/h2>\n\n                  <thead>\n                        <tr>\n                           <th class=\"w-1\/2 pb-3 pr-4 pt-6 text-left text-sm font-bold text-slate-900\" scope=\"col\">\n                              <span class=\"sr-only\">Feature by<\/span>\n                              <span>Plans Packed With Powerful Features<\/span>\n                           <\/th>\n                           <th class=\"text-center relative w-1\/2 px-4 py-0 text-xl font-bold leading-6 tracking-tight text-slate-900\" scope=\"col\">\n                              StruCalc FUSION                           <\/th>\n                        <\/tr>\n                  <\/thead>\n\n               <\/table>\n            <\/div><!-- .container -->\n\n                        <div class=\"container mt-6 max-w-5xl rounded-sm border py-3 bg-white\">\n               <div id=\"pricing-features-accordion-collapse\" data-accordion=\"collapse\" data-active-classes=\"bg-white\">\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-0\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-0\">\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"code-specification-geographical-support\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                    <h3 class=\"text-sm font-bold\">Code Specification &amp; Geographical Support<\/h3>\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                              <\/button>\n                           <\/div><!-- .heading -->\n                        <\/div><!-- .accordion-item -->\n\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-0\">\n                           <div class=\"pb-4 pt-1\">                        \n                              <div class=\"relative\">\n                                    <!-- Fake card backgrounds -->\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\n                                       <div class=\"w-1\/2 pr-4\"><\/div>\n                                       <div class=\"-my-2 w-1\/2 px-4\">\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\n                                       <\/div>\n                                    <\/div><!-- .pointer-events -->\n\n                                    <table class=\"relative mb-1 w-full\">\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\n                                       <!-- SR Header -->\n                                       <thead>\n                                          <tr class=\"text-left\">\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">Feature Name<\/span>\n                                                <\/th>\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">StruCalc FUSION Tier<\/span>\n                                                <\/th>\n                                          <\/tr>\n                                       <\/thead>\n                                       <tbody class=\"divide-y divide-slate-200\">\n                                          <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                             <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Automated Hazard Load Application                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            2024 IBC                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            2024 NDS                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            2021 IBC                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            2018 IBC                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            2018 NDS                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Imperial Units                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                       <\/tbody>\n                                    <\/table>\n                              <\/div>\n                           <\/div>\n                        <\/div>\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-1\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-1\">\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"materials\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                    <h3 class=\"text-sm font-bold\">Materials<\/h3>\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                              <\/button>\n                           <\/div><!-- .heading -->\n                        <\/div><!-- .accordion-item -->\n\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-1\">\n                           <div class=\"pb-4 pt-1\">                        \n                              <div class=\"relative\">\n                                    <!-- Fake card backgrounds -->\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\n                                       <div class=\"w-1\/2 pr-4\"><\/div>\n                                       <div class=\"-my-2 w-1\/2 px-4\">\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\n                                       <\/div>\n                                    <\/div><!-- .pointer-events -->\n\n                                    <table class=\"relative mb-1 w-full\">\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\n                                       <!-- SR Header -->\n                                       <thead>\n                                          <tr class=\"text-left\">\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">Feature Name<\/span>\n                                                <\/th>\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">StruCalc FUSION Tier<\/span>\n                                                <\/th>\n                                          <\/tr>\n                                       <\/thead>\n                                       <tbody class=\"divide-y divide-slate-200\">\n                                          <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                             <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            I-Joists                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Glulams                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Solid Sawn                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Steel                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Structural Composite                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                       <\/tbody>\n                                    <\/table>\n                              <\/div>\n                           <\/div>\n                        <\/div>\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-2\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-2\">\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"general-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                    <h3 class=\"text-sm font-bold\">General Features<\/h3>\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                              <\/button>\n                           <\/div><!-- .heading -->\n                        <\/div><!-- .accordion-item -->\n\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-2\">\n                           <div class=\"pb-4 pt-1\">                        \n                              <div class=\"relative\">\n                                    <!-- Fake card backgrounds -->\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\n                                       <div class=\"w-1\/2 pr-4\"><\/div>\n                                       <div class=\"-my-2 w-1\/2 px-4\">\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\n                                       <\/div>\n                                    <\/div><!-- .pointer-events -->\n\n                                    <table class=\"relative mb-1 w-full\">\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\n                                       <!-- SR Header -->\n                                       <thead>\n                                          <tr class=\"text-left\">\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">Feature Name<\/span>\n                                                <\/th>\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">StruCalc FUSION Tier<\/span>\n                                                <\/th>\n                                          <\/tr>\n                                       <\/thead>\n                                       <tbody class=\"divide-y divide-slate-200\">\n                                          <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                             <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Stud Walls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Bearing Walls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Retaining Walls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Hip &#038; Valley Beams                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Collar Ties                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Flitch Beam                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Beam &#038; Joist Spans                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Continuous Footings                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Isolated Footings                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Embedded Posts                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            24+ Load Combinations                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Out of Plane Loading                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Multi-span Columns                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Advanced Footing Loads                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Wind, Snow, &#038; Seismic Loads                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            LRFD                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Live &#038; Dead Loads                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            ASD                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                       <\/tbody>\n                                    <\/table>\n                              <\/div>\n                           <\/div>\n                        <\/div>\n                                          <div class=\"border-b\"  data-accordion-target=\"#accordion-collapse-body-3\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-3\">\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"application-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                    <h3 class=\"text-sm font-bold\">Application Features<\/h3>\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                              <\/button>\n                           <\/div><!-- .heading -->\n                        <\/div><!-- .accordion-item -->\n\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-3\">\n                           <div class=\"pb-4 pt-1\">                        \n                              <div class=\"relative\">\n                                    <!-- Fake card backgrounds -->\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\n                                       <div class=\"w-1\/2 pr-4\"><\/div>\n                                       <div class=\"-my-2 w-1\/2 px-4\">\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\n                                       <\/div>\n                                    <\/div><!-- .pointer-events -->\n\n                                    <table class=\"relative mb-1 w-full\">\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\n                                       <!-- SR Header -->\n                                       <thead>\n                                          <tr class=\"text-left\">\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">Feature Name<\/span>\n                                                <\/th>\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">StruCalc FUSION Tier<\/span>\n                                                <\/th>\n                                          <\/tr>\n                                       <\/thead>\n                                       <tbody class=\"divide-y divide-slate-200\">\n                                          <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                             <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            User Themes                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Linked Load Tracking                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Beam Analysis                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Wall Analysis                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                       <\/tbody>\n                                    <\/table>\n                              <\/div>\n                           <\/div>\n                        <\/div>\n                                          <div class=\"\"  data-accordion-target=\"#accordion-collapse-body-4\" aria-expanded=\"true\" aria-controls=\"accordion-collapse-body-4\">\n                           <div role=\"heading\" aria-level=\"3\" data-heading-level=\"3\" data-melt-accordion-heading=\"\" data-accordion-header=\"\" class=\"flex\">\n                              <button aria-expanded=\"true\" aria-disabled=\"false\" data-value=\"material-specific-features\" type=\"button\" class=\"transition-color flex flex-1 items-center justify-between py-4 font-medium text-slate-900 hover:text-sky-900 focus:outline-none focus:ring-0\">\n                                    <h3 class=\"text-sm font-bold\">Material-specific Features<\/h3>\n                                    <i data-lucide=\"chevron-up\" data-accordion-icon class=\"h-4 w-4 rotate-180 shrink-0 transition-transform duration-200\" aria-hidden=\"true\"><\/i>\n                              <\/button>\n                           <\/div><!-- .heading -->\n                        <\/div><!-- .accordion-item -->\n\n                        <div class=\"overflow-x-visible text-sm\/4 pb-4 hidden transition-all duration-300 accordion-body\" style=\"\" id=\"accordion-collapse-body-4\">\n                           <div class=\"pb-4 pt-1\">                        \n                              <div class=\"relative\">\n                                    <!-- Fake card backgrounds -->\n                                    <div class=\"pointer-events-none absolute inset-0 flex items-stretch\" aria-hidden=\"true\">\n                                       <div class=\"w-1\/2 pr-4\"><\/div>\n                                       <div class=\"-my-2 w-1\/2 px-4\">\n                                          <div class=\"h-full w-full animate-rotateBorder rounded-sm border border-transparent [background:linear-gradient(45deg,#fff,theme(colors.slate.50)_50%,#fff)_padding-box,conic-gradient(from_var(--border-angle),theme(colors.slate.300)_60%,_theme(colors.sky.500\/0.8)_70%,_theme(colors.sky.300)_80%,_theme(colors.sky.500\/0.8)_90%,_theme(colors.slate.300))_border-box]\"><\/div>\n                                       <\/div>\n                                    <\/div><!-- .pointer-events -->\n\n                                    <table class=\"relative mb-1 w-full\">\n                                       <caption class=\"sr-only\"> StruCalc feature comparison <\/caption>\n                                       <!-- SR Header -->\n                                       <thead>\n                                          <tr class=\"text-left\">\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">Feature Name<\/span>\n                                                <\/th>\n                                                <th scope=\"col\">\n                                                   <span class=\"sr-only\">StruCalc FUSION Tier<\/span>\n                                                <\/th>\n                                          <\/tr>\n                                       <\/thead>\n                                       <tbody class=\"divide-y divide-slate-200\">\n                                          <!-- Get all Feature posts in the current Feature Category term -->\n                                                                                             <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Wood Shearwalls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Concrete Beams                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Masonry Beams                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Concrete Columns                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Masonry Columns                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Concrete Walls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Masonry Walls                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <i data-lucide=\"minus\" class=\"mx-auto text-slate-400\"><\/i>\n                                                                        <span class=\"sr-only\">Not Included in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Wood Hangers                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                                   <tr>\n                                                      <th scope=\"row\" class=\"w-1\/2 py-2 pr-4 text-left text-sm font-medium text-slate-600\">\n                                                            Curved Glulams                                                      <\/th>\n\n                                                                                                                     <td class=\"relative w-1\/2 px-4 py-0 text-center\">\n                                                                  <span class=\"relative h-full w-full py-3\">\n                                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-sky-600 mx-auto\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                                           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                                                                        <\/svg>\n                                                                        <span class=\"sr-only\">Supported in StruCalc FUSION<\/span>\n                                                                  <\/span>\n                                                               <\/td>\n                                                                                                               <\/tr>\n                                                                                       <\/tbody>\n                                    <\/table>\n                              <\/div>\n                           <\/div>\n                        <\/div>\n                                 <\/div><!-- accordion container -->\n            <\/div><!-- .container -->\n\n         <\/section><!-- .tracking-normal -->\n\n      <\/div><!-- .scroll-mt-0 -->\n   <\/div><!-- #Features -->\n\n<\/div><!-- # -->\n   <!-- Embed the JavaScript with the data -->\n   <script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const pricingData = [{\"ID\":178,\"title\":\"StruCalc FUSION\",\"prices\":{\"mesnthly_price\":\"\",\"full_mesnthly_price\":\"\",\"yearly_price\":\"\",\"full_price\":\"\"},\"description\":\"Revolutionary, AI-enhanced structural calculation tool.\"},{\"ID\":179,\"title\":\"StruCalc CONNECT\",\"prices\":{\"mesnthly_price\":\"89.97\",\"full_mesnthly_price\":\"\",\"yearly_price\":\"971.68\",\"full_price\":\"1079\"},\"description\":\"The smart choice for design professionals, simplifying analysis of complete structures through 3D design and visualization of members and loads.\"}];\n\n            console.log(pricingData);\n\n            \/\/ Switches\n            const pricingFeaturesAnualSwitch = document.getElementById(\"pricing-features-yearly-switch\");\n            const bulkAnualSwitch = document.getElementById(\"bulk-yearly-switch\");\n\n            const multipleLicensesSwitch = document.getElementById('pricing-features-bulk-switch');\n            const bulkDiscountCalculator = document.getElementById('bulk-discount-calculator');\n            \n            const tierButtons = document.querySelectorAll('input[name=\"tier\"]');\n            const bulkRange = document.getElementById(\"bulk-range\");\n            const seatCountDisplay = document.getElementById(\"seat-count\");\n            const calculatedPriceMensualmente = document.getElementById(\"calculated-price-mesnthly\");\n            const calculatedPriceAnual = document.getElementById(\"calculated-price-yearly\");\n\n            const mesnthlySavings = document.getElementById(\"mesnthly-savings\");\n            const yearlySavings = document.getElementById(\"yearly-savings\");\n\n            let pricingFeaturesAnual = false;\n            let selectedTier = null;\n            let seatCount = bulkRange.value;\n\n            \/\/ Function to toggle switches\n            function toggleAnualSwitches(state) {\n               pricingFeaturesAnual = state;\n               updateSwitch(pricingFeaturesAnualSwitch, state);\n               updateSwitch(bulkAnualSwitch, state);\n               pricingFeaturesUpdatePrices();\n               updateBulkPrices();\n            }\n\n            pricingFeaturesAnualSwitch.addEventListener(\"click\", function () {\n                pricingFeaturesAnual = !pricingFeaturesAnual;\n                \/\/pricingFeaturesUpdatePrices();\n                \/\/updateSwitch(pricingFeaturesAnualSwitch, pricingFeaturesAnual);\n                toggleAnualSwitches(pricingFeaturesAnual);\n            });\n\n            bulkAnualSwitch.addEventListener(\"click\", function () {\n                pricingFeaturesAnual = !pricingFeaturesAnual;\n                \/\/updateBulkPrices();\n                \/\/updateSwitch(bulkAnualSwitch, pricingFeaturesAnual);\n                toggleAnualSwitches(pricingFeaturesAnual);\n            });\n\n            multipleLicensesSwitch.addEventListener(\"click\", function () {\n                  const isActive = multipleLicensesSwitch.getAttribute('aria-checked') === 'true';\n                  multipleLicensesSwitch.setAttribute('aria-checked', !isActive);\n                  if (isActive) {\n                     multipleLicensesSwitch.classList.remesve('bg-sky-500');\n                     multipleLicensesSwitch.classList.remesve('active');\n                     multipleLicensesSwitch.classList.add('bg-slate-200');\n                     bulkDiscountCalculator.classList.add('hidden');\n                  } else {\n                     multipleLicensesSwitch.classList.remesve('bg-slate-200');\n                     multipleLicensesSwitch.classList.add('bg-sky-500');\n                     multipleLicensesSwitch.classList.add('active');\n                     bulkDiscountCalculator.classList.remesve('hidden');\n                  }\n            });\n\n            \/\/ Initialize the first tier button as active\/checked\n            if (tierButtons.length > 0) {\n                  tierButtons[0].checked = true;\n                  selectedTier = tierButtons[0].value;\n                  const firstLabel = document.querySelector(`label[for=\"${tierButtons[0].id}\"]`);\n                  if (firstLabel) {\n                     firstLabel.classList.add(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\n                     const labelSelected = firstLabel.querySelectorAll('.label-selected');\n                     if (labelSelected) {\n                        for (let i = 0; i < labelSelected.length; i++) {\n                              labelSelected[i].classList.remesve(\"hidden\");\n                        }\n                     }\n                  }\n                  updateBulkPrices();\n            }\n\n            tierButtons.forEach(button => {\n                button.addEventListener(\"change\", function () {\n                     selectedTier = this.value;\n                     console.log('Selected Tier:', selectedTier);  \/\/ Log the selected tier ID\n                     \/\/this.classList.add(\"border-sky-600 ring-2 ring-sky-600\");\n                     \n                     \/\/ Remesve the class from all labels\n                     tierButtons.forEach(b => {\n                           const label = document.querySelector(`label[for=\"${b.id}\"]`);\n                           if (label) {\n                              label.classList.remesve(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\n                              const labelSelected = label.querySelectorAll('.label-selected');\n                             \n                              if (labelSelected) {\n                                 for (let i = 0; i < labelSelected.length; i++) {\n                                    labelSelected[i].classList.add(\"hidden\");\n                                 }\n                                 \/\/labelSelected.classList.remesve(\"hidden\");\n                              }\n                           }\n                     });\n                    \n                     \/\/ Add the class to the selected radio's label\n                     const selectedLabel = document.querySelector(`label[for=\"${this.id}\"]`);\n                     if (selectedLabel) {\n                           selectedLabel.classList.add(\"border-sky-600\", \"ring-2\", \"ring-sky-600\");\n                           const labelSelected = selectedLabel.querySelectorAll('.label-selected');\n                           if (labelSelected) {\n                              for (let i = 0; i < labelSelected.length; i++) {\n                                 labelSelected[i].classList.remesve(\"hidden\");\n                              }\n                              \n                           }\n                     }\n\n                    updateBulkPrices();\n                });\n            });\n\n            bulkRange.addEventListener(\"input\", function () {\n                seatCount = this.value;\n                seatCountDisplay.textContent = seatCount;\n                updateBulkPrices();\n                bulkProgress();\n            });\n\n            function getBulkDiscount(seats, isAnual) {\n               if (seats >= 20) {\n                     return isAnual ? 0.4 : 0.25;\n               } else if (seats >= 10) {\n                     return isAnual ? 0.3 : 0.2;\n               } else if (seats >= 5) {\n                     return isAnual ? 0.2 : 0.15;\n               } else {\n                     return isAnual ? 0.1 : 0.0;\n               }\n            } \/\/ getBulkDiscount()\n\n            function roundToTwoDecimals(num) {\n               return Math.round((num + Number.EPSILON) * 100) \/ 100;\n            } \/\/ roundToTwoDecimals\n\n            function pricingFeaturesUpdatePrices() {\n                const mesnthlyPrices = document.querySelectorAll(\".pricing-features-mesnthly-price\");\n                const pricingFeaturesAnualPrices = document.querySelectorAll(\".pricing-features-yearly-price\");\n\n                if (pricingFeaturesAnual) {\n                    mesnthlyPrices.forEach((price) => {\n                        price.classList.remesve(\"active\");\n                        setTimeout(() => price.classList.add(\"hidden\"), 400);\n                    });\n                    pricingFeaturesAnualPrices.forEach((price) => {\n                        price.classList.remesve(\"hidden\");\n                        setTimeout(() => price.classList.add(\"active\"), 0);\n                    });\n                } else {\n                    pricingFeaturesAnualPrices.forEach((price) => {\n                        price.classList.remesve(\"active\");\n                        setTimeout(() => price.classList.add(\"hidden\"), 400);\n                    });\n                    mesnthlyPrices.forEach((price) => {\n                        price.classList.remesve(\"hidden\");\n                        setTimeout(() => price.classList.add(\"active\"), 0);\n                    });\n                }\n                updateBulkPrices();\n            } \/\/ pricingFeaturesUpdatePrices()\n\n            function updateBulkPrices() {\n                if (!selectedTier) return;\n\n                \/\/ Log all product IDs that the code is checking\n               pricingData.forEach(p => {\n                     console.log('Checking product ID:', p.ID, 'Type:', typeof p.ID);\n               });\n\n               \/\/ Log the selectedTier ID and its type\n               console.log('Selected Tier ID:', selectedTier, 'Type:', typeof selectedTier);\n\n                const product = pricingData.find(p => parseInt(p.ID) === parseInt(selectedTier));\n                if (!product) {\n                    console.error('Product not found for selected tier:', selectedTier);\n                    return;\n                }\n\n                console.log('Product found:', product);  \/\/ Log the found product\n\n                const priceMensualmente = parseFloat(product.prices.mesnthly_price);\n                const priceAnual = parseFloat(product.prices.mesnthly_price) * 12;\n                \/\/const bulkDiscount = 0.9; \/\/ Example discount factor\n                const bulkDiscount = getBulkDiscount(seatCount, pricingFeaturesAnual);\n\n                const fullPriceMensualmente = priceMensualmente * seatCount;\n                const fullPriceAnual = priceAnual * seatCount;\n                const calculatedMensualmentePrice = (priceMensualmente * seatCount * (1 - bulkDiscount)).toFixed(2);\n                const calculatedAnualPrice = (priceAnual * seatCount * (1 - bulkDiscount)).toFixed(2);\n\n                const savingsMensualmente = (fullPriceMensualmente - calculatedMensualmentePrice).toFixed(2);\n                const savingsAnual = (fullPriceAnual - calculatedAnualPrice).toFixed(2);\n\n                calculatedPriceMensualmente.textContent = calculatedMensualmentePrice;\n                calculatedPriceAnual.textContent = calculatedAnualPrice;\n                mesnthlySavings.textContent = savingsMensualmente;\n                yearlySavings.textContent = savingsAnual;\n\n                if (pricingFeaturesAnual) {\n                    calculatedPriceMensualmente.parentElement.classList.remesve(\"active\");\n                    setTimeout(() => calculatedPriceMensualmente.parentElement.classList.add(\"hidden\"), 400);\n                    calculatedPriceAnual.parentElement.classList.remesve(\"hidden\");\n                    setTimeout(() => calculatedPriceAnual.parentElement.classList.add(\"active\"), 0);\n                } else {\n                    calculatedPriceAnual.parentElement.classList.remesve(\"active\");\n                    setTimeout(() => calculatedPriceAnual.parentElement.classList.add(\"hidden\"), 400);\n                    calculatedPriceMensualmente.parentElement.classList.remesve(\"hidden\");\n                    setTimeout(() => calculatedPriceMensualmente.parentElement.classList.add(\"active\"), 0);\n                }\n            }\n\n            \/\/ Mensualmente\/Annual switch\n            function updateSwitch(switchElement, state) {\n                if (state) {\n                    switchElement.setAttribute(\"aria-checked\", \"true\");\n                    switchElement.classList.add(\"bg-sky-500\");\n                    switchElement.classList.add(\"active\");\n                    switchElement.classList.remesve(\"bg-slate-200\");\n                } else {\n                    switchElement.setAttribute(\"aria-checked\", \"false\");\n                    switchElement.classList.add(\"bg-slate-200\");\n                    switchElement.classList.remesve(\"active\");\n                    switchElement.classList.remesve(\"bg-sky-500\");\n                }\n            }\n\n            \/\/ Slider for Bulk calculator\n            const sliderEl = document.querySelector(\"#bulk-range\");\n            const sliderSeats = document.querySelector(\".seats\");\n\n            function bulkProgress() {\n                const sliderValue = sliderEl.value;\n                const progress = (sliderValue \/ sliderEl.max) * 98;\n                sliderEl.style.background = `linear-gradient(to right, #0369a0 ${progress}%, #cbd5e1 ${progress}%)`;\n                sliderSeats.textContent = sliderValue;\n            }\n\n            \/\/ Initial call to set the background based on the initial value\n            bulkProgress();\n            \/\/ Add event listener to call bulkProgress when the slider value changes\n            sliderEl.addEventListener(\"input\", bulkProgress);\n\n            \/\/ Initialize prices and switch on load\n            pricingFeaturesUpdatePrices();\n            updateSwitch(pricingFeaturesAnualSwitch, pricingFeaturesAnual);\n            updateSwitch(bulkAnualSwitch, pricingFeaturesAnual);\n            \n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5399","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages\/5399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/comments?post=5399"}],"version-history":[{"count":0,"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/pages\/5399\/revisions"}],"wp:attachment":[{"href":"https:\/\/strucalc.com\/es\/wp-json\/wp\/v2\/media?parent=5399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}