{"id":864,"date":"2026-01-30T07:42:15","date_gmt":"2026-01-30T07:42:15","guid":{"rendered":"https:\/\/boshiya.com\/?page_id=864"},"modified":"2026-01-31T01:34:26","modified_gmt":"2026-01-31T01:34:26","slug":"turnaround-time-savings-calculator","status":"publish","type":"page","link":"https:\/\/boshiya.com\/ja\/self-propelled-bundle-extractor\/turnaround-time-savings-calculator\/","title":{"rendered":"\u30bf\u30fc\u30f3\u30a2\u30e9\u30a6\u30f3\u30c9\u6642\u9593\u7bc0\u7d04\u8a08\u7b97\u6a5f"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-08049e3\" data-block-id=\"08049e3\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-08049e3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-95a8049\" data-v=\"4\" data-block-id=\"95a8049\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-95a8049-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-95a8049-inner-blocks\">\n<section id=\"spbe-calculator-hero\">\n  <style>\n    \/* === SCOPED RESET === *\/\n    #spbe-calculator-hero {\n      width: 100% !important;\n      background: #f5f8fa !important;\n      padding: 40px 20px !important;\n      font-family: inherit !important;\n      box-sizing: border-box !important;\n      line-height: 1.5 !important;\n      color: #000018 !important;\n      position: relative !important;\n      overflow: hidden !important;\n    }\n\n    #spbe-calculator-hero::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      background-image: \n        linear-gradient(rgba(0,0,24,0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0,0,24,0.03) 1px, transparent 1px) !important;\n      background-size: 40px 40px !important;\n      pointer-events: none !important;\n    }\n\n    #spbe-calculator-hero *,\n    #spbe-calculator-hero *::before,\n    #spbe-calculator-hero *::after {\n      box-sizing: border-box !important;\n    }\n\n    #spbe-calculator-hero h1,\n    #spbe-calculator-hero h2,\n    #spbe-calculator-hero h3,\n    #spbe-calculator-hero h4,\n    #spbe-calculator-hero p {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    \/* === WRAPPER === *\/\n    #spbe-calculator-hero .sch-wrapper {\n      max-width: 1000px !important;\n      margin: 0 auto !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    \/* === MAIN LAYOUT === *\/\n    #spbe-calculator-hero .sch-layout {\n      display: grid !important;\n      grid-template-columns: 1fr 320px !important;\n      gap: 30px !important;\n      align-items: center !important;\n    }\n\n    \/* === LEFT: CONTENT === *\/\n    #spbe-calculator-hero .sch-content {\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 16px !important;\n    }\n\n    #spbe-calculator-hero .sch-badge {\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 6px !important;\n      background: rgba(30,144,255,0.1) !important;\n      border: 1px solid rgba(30,144,255,0.25) !important;\n      color: #1e90ff !important;\n      font-size: 11px !important;\n      font-weight: 700 !important;\n      padding: 5px 12px !important;\n      border-radius: 20px !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n      width: fit-content !important;\n    }\n\n    #spbe-calculator-hero .sch-badge svg {\n      width: 12px !important;\n      height: 12px !important;\n      fill: currentColor !important;\n    }\n\n    \/* H1: Main Title (32px Rule) *\/\n    #spbe-calculator-hero h1.sch-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000018 !important;\n      line-height: 1.2 !important;\n      margin: 0 !important;\n    }\n\n    #spbe-calculator-hero .sch-desc {\n      font-size: 14px !important;\n      color: rgba(0,0,24,0.65) !important;\n      line-height: 1.6 !important;\n      max-width: 500px !important;\n    }\n\n    \/* Stats Row *\/\n    #spbe-calculator-hero .sch-stats {\n      display: flex !important;\n      gap: 24px !important;\n      margin-top: 4px !important;\n    }\n\n    #spbe-calculator-hero .sch-stat {\n      display: flex !important;\n      flex-direction: column !important;\n    }\n\n    \/* H3: Stats Values *\/\n    #spbe-calculator-hero h3.sch-stat-value {\n      font-size: 36px !important;\n      font-weight: 800 !important;\n      color: #1e90ff !important;\n      line-height: 1 !important;\n      margin: 0 !important;\n    }\n\n    #spbe-calculator-hero .sch-stat-label {\n      font-size: 11px !important;\n      color: rgba(0,0,24,0.5) !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n      margin-top: 4px !important;\n    }\n\n    \n\n    \/* === RIGHT: PREVIEW CARD === *\/\n    #spbe-calculator-hero .sch-preview {\n      background: #ffffff !important;\n      border: 1px solid rgba(0,0,24,0.1) !important;\n      border-radius: 12px !important;\n      padding: 20px !important;\n      box-shadow: 0 4px 20px rgba(0,0,24,0.06) !important;\n    }\n\n    \/* Steps *\/\n    #spbe-calculator-hero .sch-steps {\n      display: flex !important;\n      justify-content: space-between !important;\n      margin-bottom: 16px !important;\n      padding-bottom: 16px !important;\n      border-bottom: 1px solid rgba(0,0,24,0.08) !important;\n    }\n\n    #spbe-calculator-hero .sch-step {\n      display: flex !important;\n      align-items: center !important;\n      gap: 6px !important;\n      font-size: 11px !important;\n      color: rgba(0,0,24,0.4) !important;\n    }\n\n    #spbe-calculator-hero .sch-step.completed {\n      color: #1e90ff !important;\n    }\n\n    #spbe-calculator-hero .sch-step.active {\n      color: #000018 !important;\n    }\n\n    #spbe-calculator-hero .sch-step-icon {\n      width: 18px !important;\n      height: 18px !important;\n      border-radius: 50% !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      font-size: 10px !important;\n      font-weight: 700 !important;\n    }\n\n    #spbe-calculator-hero .sch-step.completed .sch-step-icon {\n      background: #1e90ff !important;\n      color: #ffffff !important;\n    }\n\n    #spbe-calculator-hero .sch-step.active .sch-step-icon {\n      background: #000018 !important;\n      color: #ffffff !important;\n    }\n\n    #spbe-calculator-hero .sch-step-icon svg {\n      width: 10px !important;\n      height: 10px !important;\n      stroke: currentColor !important;\n      stroke-width: 3 !important;\n      fill: none !important;\n    }\n\n    \/* H4: Step Names *\/\n    #spbe-calculator-hero h4.sch-step-name {\n      font-size: 11px !important;\n      font-weight: 500 !important;\n      color: inherit !important;\n      margin: 0 !important;\n    }\n\n    \/* Result Display *\/\n    #spbe-calculator-hero .sch-result {\n      text-align: center !important;\n      padding: 16px !important;\n      background: rgba(30,144,255,0.06) !important;\n      border: 1px solid rgba(30,144,255,0.15) !important;\n      border-radius: 8px !important;\n    }\n\n    \/* H2: Result Label *\/\n    #spbe-calculator-hero h2.sch-result-label {\n      font-size: 11px !important;\n      font-weight: 600 !important;\n      color: rgba(0,0,24,0.5) !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n      margin-bottom: 6px !important;\n    }\n\n    #spbe-calculator-hero .sch-result-value {\n      font-size: 42px !important;\n      font-weight: 800 !important;\n      color: #1e90ff !important;\n      line-height: 1 !important;\n    }\n\n    #spbe-calculator-hero .sch-result-unit {\n      font-size: 12px !important;\n      color: rgba(0,0,24,0.5) !important;\n      margin-top: 4px !important;\n    }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width: 850px) {\n      #spbe-calculator-hero .sch-layout {\n        grid-template-columns: 1fr !important;\n        gap: 24px !important;\n      }\n\n      #spbe-calculator-hero .sch-content {\n        text-align: center !important;\n        align-items: center !important;\n      }\n\n      #spbe-calculator-hero .sch-desc {\n        max-width: 100% !important;\n      }\n\n      #spbe-calculator-hero .sch-stats {\n        justify-content: center !important;\n      }\n\n      #spbe-calculator-hero .sch-preview {\n        max-width: 360px !important;\n        margin: 0 auto !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #spbe-calculator-hero {\n        padding: 30px 16px !important;\n      }\n\n      #spbe-calculator-hero h1.sch-title {\n        font-size: 26px !important;\n      }\n\n      #spbe-calculator-hero .sch-stats {\n        gap: 20px !important;\n      }\n\n      #spbe-calculator-hero h3.sch-stat-value {\n        font-size: 28px !important;\n      }\n\n      #spbe-calculator-hero .sch-steps {\n        gap: 8px !important;\n      }\n\n      #spbe-calculator-hero h4.sch-step-name {\n        font-size: 10px !important;\n      }\n\n      #spbe-calculator-hero .sch-result-value {\n        font-size: 36px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"sch-wrapper\">\n    <div class=\"sch-layout\">\n      <div class=\"sch-content\">\n        <div class=\"sch-badge\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n          Free Online Tool\n        <\/div>\n\n        <h1 class=\"sch-title\">Turnaround Time Savings Calculator<\/h1>\n\n        <p class=\"sch-desc\">The system estimates your facility&#8217;s potential turnaround time savings from replacing standard crane operations and manual work with Self-Propelled Bundle Extractor technology. The system provides immediate results based on your input parameters.<\/p>\n\n        <div class=\"sch-stats\">\n          <div class=\"sch-stat\">\n            <h3 class=\"sch-stat-value\">85%<\/h3>\n            <span class=\"sch-stat-label\">Avg. Time Reduction<\/span>\n          <\/div>\n          <div class=\"sch-stat\">\n            <h3 class=\"sch-stat-value\">10min<\/h3>\n            <span class=\"sch-stat-label\">Per Bundle (SPBE)<\/span>\n          <\/div>\n        <\/div>\n\n        <a href=\"#calculator\" class=\"sch-cta\">\n        \n         \n        <\/a>\n      <\/div>\n\n      <div class=\"sch-preview\">\n        <div class=\"sch-steps\">\n          <div class=\"sch-step completed\">\n            <span class=\"sch-step-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n            <\/span>\n            <h4 class=\"sch-step-name\">Plant Info<\/h4>\n          <\/div>\n          <div class=\"sch-step completed\">\n            <span class=\"sch-step-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n            <\/span>\n            <h4 class=\"sch-step-name\">Traditional<\/h4>\n          <\/div>\n          <div class=\"sch-step active\">\n            <span class=\"sch-step-icon\">3<\/span>\n            <h4 class=\"sch-step-name\">SPBE Times<\/h4>\n          <\/div>\n        <\/div>\n\n        <div class=\"sch-result\">\n          <h2 class=\"sch-result-label\">Total Time Saved<\/h2>\n          <div class=\"sch-result-value\">127.5<\/div>\n          <div class=\"sch-result-unit\">hours per turnaround<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5372246 stk-block-background\" data-block-id=\"5372246\"><style>.stk-5372246 {background-color:#fffffe !important;padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--40, 1rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--40, 1rem) !important;margin-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:16px !important;}.stk-5372246:before{background-color:#fffffe !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-5372246-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5ae2361\" data-v=\"4\" data-block-id=\"5ae2361\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5ae2361-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-5ae2361-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" style=\"--theme-text-color:var(--wp--preset--color--black);\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ddb4f00\" data-block-id=\"ddb4f00\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ddb4f00-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9d73a9e\" data-v=\"4\" data-block-id=\"9d73a9e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9d73a9e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9d73a9e-inner-blocks\">\n<section id=\"spbe-calc-workflow-2024\">\n  <style>\n    \/* * PRINCIPLE 1: Highest Level of Scope & Isolation\n     * All styles are scoped to #spbe-calc-workflow-2024 to prevent leaks.\n     *\/\n\n    \/* * PRINCIPLE 3: Aesthetics & Fonts\n     * Using !important to ensure specific overrides while inheriting theme defaults where requested.\n     *\/\n    \n    #spbe-calc-workflow-2024 {\n      box-sizing: border-box !important;\n      margin: 0 !important;\n      padding: 40px 0 !important; \/* Requested vertical padding *\/\n      width: 100% !important;\n      background-color: #ffffff !important; \/* Very light grey for contrast *\/\n      font-family: inherit !important; \/* Inherit Blocksy global font *\/\n      color: #000018 !important; \/* Brand Dark Color *\/\n      line-height: 1.6 !important;\n    }\n\n    #spbe-calc-workflow-2024 *,\n    #spbe-calc-workflow-2024 *::before,\n    #spbe-calc-workflow-2024 *::after {\n      box-sizing: border-box !important;\n    }\n\n    \/* Container to center content within full width section *\/\n    #spbe-calc-workflow-2024 .spbe-container {\n      max-width: 1100px !important;\n      margin: 0 auto !important;\n      padding: 0 20px !important;\n    }\n\n    \/* --- HEADER SECTION --- *\/\n    #spbe-calc-workflow-2024 .spbe-header {\n      text-align: center !important;\n      margin-bottom: 50px !important;\n      max-width: 800px !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n    }\n\n    \/* H2: Main Title - Strict 32px Rule *\/\n    #spbe-calc-workflow-2024 h2.spbe-main-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000018 !important;\n      margin: 0 0 16px 0 !important;\n      padding: 0 !important;\n      line-height: 1.2 !important;\n    }\n\n    \/* Subtitle text *\/\n    #spbe-calc-workflow-2024 p.spbe-subtitle {\n      font-size: 16px !important;\n      color: #555555 !important;\n      margin: 0 !important;\n    }\n\n    \/* --- STEPS GRID --- *\/\n    \/* * PRINCIPLE 4: Layout & Frameworks (CSS Grid) *\/\n    #spbe-calc-workflow-2024 .spbe-steps-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 30px !important;\n      position: relative !important;\n    }\n\n    \/* Responsive: Stack on mobile *\/\n    @media screen and (max-width: 900px) {\n      #spbe-calc-workflow-2024 .spbe-steps-grid {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n      }\n    }\n\n    \/* Step Card *\/\n    #spbe-calc-workflow-2024 .spbe-step-card {\n      background-color: #FFFFFF !important;\n      padding: 30px 25px !important;\n      border-radius: 8px !important;\n      position: relative !important;\n      box-shadow: 0 4px 20px rgba(0, 0, 24, 0.05) !important;\n      border-top: 4px solid #000018 !important; \/* Brand accent *\/\n      transition: transform 0.3s ease !important;\n      display: flex !important;\n      flex-direction: column !important;\n      height: 100% !important;\n    }\n\n    #spbe-calc-workflow-2024 .spbe-step-card:hover {\n      transform: translateY(-5px) !important;\n    }\n\n    \/* Number Badge *\/\n    #spbe-calc-workflow-2024 .spbe-step-number {\n      position: absolute !important;\n      top: -20px !important;\n      left: 50% !important;\n      transform: translateX(-50%) !important;\n      width: 40px !important;\n      height: 40px !important;\n      background-color: #000018 !important;\n      color: #FFFFFF !important;\n      border-radius: 50% !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      font-size: 18px !important;\n      font-weight: 700 !important;\n      box-shadow: 0 4px 10px rgba(0, 0, 24, 0.2) !important;\n      z-index: 2 !important;\n    }\n\n    \/* H3: Step Title *\/\n    #spbe-calc-workflow-2024 h3.spbe-step-title {\n      font-size: 20px !important; \/* Appropriate scale relative to H2 (32px) *\/\n      font-weight: 700 !important;\n      color: #000018 !important;\n      margin: 20px 0 15px 0 !important;\n      text-align: center !important;\n      line-height: 1.3 !important;\n    }\n\n    \/* Step Description *\/\n    #spbe-calc-workflow-2024 p.spbe-step-desc {\n      font-size: 14px !important;\n      color: #666666 !important;\n      text-align: center !important;\n      margin-bottom: 25px !important;\n      flex-grow: 1 !important; \/* Push list to bottom *\/\n    }\n\n    \/* List Container *\/\n    #spbe-calc-workflow-2024 .spbe-step-list {\n      background-color: #f4f6f8 !important;\n      padding: 15px !important;\n      border-radius: 6px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 10px !important;\n    }\n\n    \/* H4: List Items (Styled as small headers) *\/\n    #spbe-calc-workflow-2024 h4.spbe-list-item {\n      font-size: 13px !important;\n      font-weight: 600 !important;\n      color: #000018 !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n    }\n\n    \/* Custom Check Icon *\/\n    #spbe-calc-workflow-2024 h4.spbe-list-item::before {\n      content: '' !important;\n      display: inline-block !important;\n      width: 6px !important;\n      height: 6px !important;\n      background-color: #000018 !important;\n      border-radius: 50% !important;\n      flex-shrink: 0 !important;\n    }\n\n    \/* Connector Line (Desktop Only) *\/\n    @media screen and (min-width: 901px) {\n      #spbe-calc-workflow-2024 .spbe-connector-line {\n        position: absolute !important;\n        top: 0 !important; \/* Aligns with top of card border *\/\n        left: 16% !important;\n        width: 68% !important;\n        height: 2px !important;\n        background: repeating-linear-gradient(to right, #000018 0, #000018 6px, transparent 6px, transparent 12px) !important;\n        opacity: 0.2 !important;\n        z-index: 0 !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"spbe-container\">\n    \n    <div class=\"spbe-header\">\n      <h2 class=\"spbe-main-title\">How The Calculator Works<\/h2>\n      <p class=\"spbe-subtitle\">Simple 3-step process to estimate your time savings<\/p>\n    <\/div>\n\n    <div class=\"spbe-steps-grid\">\n      <div class=\"spbe-connector-line\"><\/div>\n\n      <article class=\"spbe-step-card\">\n        <div class=\"spbe-step-number\">1<\/div>\n        <h3 class=\"spbe-step-title\">Enter Plant Information<\/h3>\n        <p class=\"spbe-step-desc\">The user must provide their industry classification together with their facility dimensions and their planned operational activities which involve heat exchangers.<\/p>\n        \n        <div class=\"spbe-step-list\">\n          <h4 class=\"spbe-list-item\">Industry Type<\/h4>\n          <h4 class=\"spbe-list-item\">Plant Size<\/h4>\n          <h4 class=\"spbe-list-item\">Exchanger Count<\/h4>\n        <\/div>\n      <\/article>\n\n      <article class=\"spbe-step-card\">\n        <div class=\"spbe-step-number\">2<\/div>\n        <h3 class=\"spbe-step-title\">Traditional Method Times<\/h3>\n        <p class=\"spbe-step-desc\">The user must provide their current time requirements which are obtained through traditional crane operations and manual extraction processes.<\/p>\n        \n        <div class=\"spbe-step-list\">\n          <h4 class=\"spbe-list-item\">Crane Setup<\/h4>\n          <h4 class=\"spbe-list-item\">Extraction Time<\/h4>\n          <h4 class=\"spbe-list-item\">Re-insertion<\/h4>\n          <h4 class=\"spbe-list-item\">Repositioning<\/h4>\n        <\/div>\n      <\/article>\n\n      <article class=\"spbe-step-card\">\n        <div class=\"spbe-step-number\">3<\/div>\n        <h3 class=\"spbe-step-title\">Get SPBE Comparison<\/h3>\n        <p class=\"spbe-step-desc\">The user can see estimated times which use SPBE technology together with their total savings displayed through visual comparisons.<\/p>\n        \n        <div class=\"spbe-step-list\">\n          <h4 class=\"spbe-list-item\">Time Saved<\/h4>\n          <h4 class=\"spbe-list-item\">Days Saved<\/h4>\n          <h4 class=\"spbe-list-item\">Efficiency %<\/h4>\n          <h4 class=\"spbe-list-item\">Labor Reduction<\/h4>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f5e5ba5\" data-block-id=\"f5e5ba5\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f5e5ba5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-474e667\" data-v=\"4\" data-block-id=\"474e667\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-474e667-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-474e667-inner-blocks\">\n<section id=\"spbe-time-savings-calc\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');\n    \n    \/* Reset & Container *\/\n    #spbe-time-savings-calc * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    \n    #spbe-time-savings-calc {\n      width: 100%;\n      background: #ffffff !important; \/* LIGHT BACKGROUND *\/\n      padding: 60px 0;\n      font-family: 'Outfit', sans-serif !important;\n      color: #000018 !important; \/* DARK TEXT *\/\n      position: relative;\n      overflow: hidden;\n    }\n    \n    \/* Animated Background Grid (Adjusted for Light Mode) *\/\n    #spbe-time-savings-calc::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: \n        radial-gradient(circle at 20% 50%, rgba(30,144,255,0.05) 0%, transparent 50%),\n        radial-gradient(circle at 80% 50%, rgba(0,255,136,0.05) 0%, transparent 50%);\n      pointer-events: none;\n    }\n    \n    #spbe-time-savings-calc .ts-wrapper {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 20px;\n      position: relative;\n      z-index: 1;\n    }\n    \n    \/* Header *\/\n    #spbe-time-savings-calc .ts-header {\n      text-align: center;\n      margin-bottom: 50px;\n    }\n    \n    \/* H2: Module Title *\/\n    #spbe-time-savings-calc h2.module-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000018 !important; \/* Dark Text *\/\n      margin-bottom: 16px;\n      letter-spacing: -0.5px;\n      line-height: 1.2;\n    }\n    \n    #spbe-time-savings-calc .module-desc {\n      font-size: 16px !important;\n      color: rgba(0,0,24,0.65) !important; \/* Darker Desc *\/\n      max-width: 600px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n    \n    \/* Main Calculator Container (Light Card Style) *\/\n    #spbe-time-savings-calc .ts-calculator {\n      background: #FFFFFF !important;\n      border: 1px solid rgba(0,0,24,0.1) !important;\n      border-radius: 16px;\n      padding: 40px;\n      position: relative;\n      box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n    }\n    \n    @media (max-width:690px) {\n      #spbe-time-savings-calc .ts-calculator {\n        padding: 24px;\n      }\n    }\n    \n    \/* Step Indicator *\/\n    #spbe-time-savings-calc .step-indicator {\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      margin-bottom: 40px;\n    }\n    \n    #spbe-time-savings-calc .step-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: rgba(0,0,24,0.1);\n      transition: all 0.3s ease;\n    }\n    \n    #spbe-time-savings-calc .step-dot.active {\n      background: #1e90ff;\n      box-shadow: 0 0 10px rgba(30,144,255,0.3);\n    }\n    \n    #spbe-time-savings-calc .step-dot.completed {\n      background: #00ff88;\n    }\n    \n    \/* Form Steps *\/\n    #spbe-time-savings-calc .form-step {\n      display: none;\n    }\n    \n    #spbe-time-savings-calc .form-step.active {\n      display: block;\n      animation: stepFadeIn 0.4s ease;\n    }\n    \n    @keyframes stepFadeIn {\n      from { opacity: 0; transform: translateX(20px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    \/* H3: Step Title *\/\n    #spbe-time-savings-calc h3.step-title {\n      font-size: 20px !important;\n      font-weight: 600 !important;\n      color: #1e90ff !important;\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      line-height: 1.4;\n    }\n    \n    #spbe-time-savings-calc .step-number {\n      width: 32px;\n      height: 32px;\n      background: linear-gradient(135deg, #1e90ff 0%, #00bfff 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px !important;\n      font-weight: 700 !important;\n      color: #FFFFFF !important;\n    }\n    \n    #spbe-time-savings-calc .step-subtitle {\n      font-size: 14px !important;\n      color: rgba(0,0,24,0.5) !important;\n      margin-bottom: 30px;\n      padding-left: 44px;\n    }\n    \n    \/* Form Grid *\/\n    #spbe-time-savings-calc .form-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n    }\n    \n    @media (max-width: 600px) {\n      #spbe-time-savings-calc .form-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n    \n    #spbe-time-savings-calc .form-group {\n      position: relative;\n    }\n    \n    #spbe-time-savings-calc .form-group.full-width {\n      grid-column: 1 \/ -1;\n    }\n    \n    #spbe-time-savings-calc .form-label {\n      display: block;\n      font-size: 13px !important;\n      font-weight: 600 !important;\n      color: rgba(0,0,24,0.7) !important;\n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    #spbe-time-savings-calc .form-input,\n    #spbe-time-savings-calc .form-select {\n      width: 100%;\n      height: 52px;\n      padding: 0 18px;\n      background: #f8f9fa !important; \/* Light Input BG *\/\n      border: 1px solid rgba(0,0,24,0.12) !important;\n      border-radius: 10px;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 15px !important;\n      color: #000018 !important;\n      transition: all 0.25s ease;\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n    \n    #spbe-time-savings-calc .form-select {\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23000018' fill-opacity='0.6' d='M7 10L2 5h10z'\/%3E%3C\/svg%3E\") !important;\n      background-repeat: no-repeat !important;\n      background-position: right 18px center !important;\n      padding-right: 45px;\n      cursor: pointer;\n    }\n    \n    #spbe-time-savings-calc .form-select option {\n      background: #FFFFFF !important;\n      color: #000018 !important;\n      padding: 14px !important;\n      font-size: 15px !important;\n    }\n    \n    #spbe-time-savings-calc .form-input:focus,\n    #spbe-time-savings-calc .form-select:focus {\n      outline: none !important;\n      border-color: #1e90ff !important;\n      box-shadow: 0 0 0 4px rgba(30,144,255,0.15) !important;\n      background: #FFFFFF !important;\n    }\n    \n    #spbe-time-savings-calc .form-input::placeholder {\n      color: rgba(0,0,24,0.3) !important;\n    }\n    \n    \/* Input with Unit *\/\n    #spbe-time-savings-calc .input-with-unit {\n      position: relative;\n    }\n    \n    #spbe-time-savings-calc .input-with-unit .form-input {\n      padding-right: 70px;\n    }\n    \n    #spbe-time-savings-calc .unit-badge {\n      position: absolute;\n      right: 14px;\n      top: 50%;\n      transform: translateY(-50%);\n      padding: 6px 10px;\n      background: rgba(30,144,255,0.1);\n      border-radius: 6px;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 11px !important;\n      font-weight: 600 !important;\n      color: #1e90ff !important;\n      text-transform: uppercase;\n    }\n    \n    \/* Navigation Buttons *\/\n    #spbe-time-savings-calc .nav-buttons {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 36px;\n      gap: 16px;\n    }\n    \n    #spbe-time-savings-calc .nav-btn {\n      flex: 1;\n      height: 52px;\n      border-radius: 10px;\n      font-family: 'Outfit', sans-serif !important;\n      font-size: 15px !important;\n      font-weight: 600 !important;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n    }\n    \n    #spbe-time-savings-calc .nav-btn.prev {\n      background: transparent !important;\n      border: 1px solid rgba(0,0,24,0.2) !important;\n      color: rgba(0,0,24,0.6) !important;\n      max-width: 140px;\n    }\n    \n    #spbe-time-savings-calc .nav-btn.prev:hover {\n      border-color: rgba(0,0,24,0.4) !important;\n      color: #000018 !important;\n      background: rgba(0,0,24,0.03) !important;\n    }\n    \n    #spbe-time-savings-calc .nav-btn.next,\n    #spbe-time-savings-calc .nav-btn.calculate {\n      background: linear-gradient(135deg, #1e90ff 0%, #00bfff 100%) !important;\n      border: none !important;\n      color: #FFFFFF !important;\n    }\n    \n    #spbe-time-savings-calc .nav-btn.next:hover,\n    #spbe-time-savings-calc .nav-btn.calculate:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(30,144,255,0.35);\n    }\n    \n    #spbe-time-savings-calc .nav-btn svg {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n    }\n    \n    \/* Results Section *\/\n    #spbe-time-savings-calc .results-section {\n      display: none;\n    }\n    \n    #spbe-time-savings-calc .results-section.active {\n      display: block;\n      animation: resultsFadeIn 0.5s ease;\n    }\n    \n    @keyframes resultsFadeIn {\n      from { opacity: 0; transform: scale(0.98); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    \/* Big Number Display *\/\n    #spbe-time-savings-calc .big-result {\n      text-align: center;\n      padding: 40px 20px;\n      background: linear-gradient(180deg, rgba(0,255,136,0.15) 0%, rgba(0,255,136,0.02) 100%);\n      border-radius: 16px;\n      margin-bottom: 30px;\n      border: 1px solid rgba(0,255,136,0.2);\n    }\n    \n    \/* H3: Result Label *\/\n    #spbe-time-savings-calc h3.big-label {\n      font-size: 14px !important;\n      font-weight: 600 !important;\n      color: rgba(0,0,24,0.6) !important;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      margin-bottom: 12px;\n    }\n    \n    #spbe-time-savings-calc .big-number {\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 64px !important;\n      font-weight: 800 !important;\n      color: #00cc6a !important; \/* Darker green for white bg *\/\n      line-height: 1;\n      margin-bottom: 8px;\n    }\n    \n    @media (max-width: 600px) {\n      #spbe-time-savings-calc .big-number {\n        font-size: 48px !important;\n      }\n    }\n    \n    #spbe-time-savings-calc .big-unit {\n      font-size: 18px !important;\n      color: rgba(0,0,24,0.5) !important;\n    }\n    \n    \/* Comparison Chart *\/\n    #spbe-time-savings-calc .comparison-chart {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      margin-bottom: 30px;\n    }\n    \n    @media (max-width: 600px) {\n      #spbe-time-savings-calc .comparison-chart {\n        grid-template-columns: 1fr;\n      }\n    }\n    \n    #spbe-time-savings-calc .chart-item {\n      padding: 24px;\n      border-radius: 12px;\n      text-align: center;\n    }\n    \n    #spbe-time-savings-calc .chart-item.traditional {\n      background: rgba(255,100,100,0.08);\n      border: 1px solid rgba(255,100,100,0.2);\n    }\n    \n    #spbe-time-savings-calc .chart-item.spbe {\n      background: rgba(0,255,136,0.08);\n      border: 1px solid rgba(0,255,136,0.2);\n    }\n    \n    \/* H4: Chart Label *\/\n    #spbe-time-savings-calc h4.chart-label {\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 12px;\n    }\n    \n    #spbe-time-savings-calc .chart-item.traditional .chart-label {\n      color: #d94545 !important;\n    }\n    \n    #spbe-time-savings-calc .chart-item.spbe .chart-label {\n      color: #00cc6a !important;\n    }\n    \n    #spbe-time-savings-calc .chart-value {\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000018 !important;\n    }\n    \n    #spbe-time-savings-calc .chart-sub {\n      font-size: 13px !important;\n      color: rgba(0,0,24,0.5) !important;\n      margin-top: 6px;\n    }\n    \n    \/* Visual Timeline Bar *\/\n    #spbe-time-savings-calc .timeline-compare {\n      margin-bottom: 30px;\n      padding: 24px;\n      background: #f8f9fa;\n      border: 1px solid rgba(0,0,24,0.08);\n      border-radius: 12px;\n    }\n    \n    \/* H4: Timeline Label *\/\n    #spbe-time-savings-calc h4.timeline-label {\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      color: rgba(0,0,24,0.5) !important;\n      margin-bottom: 8px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n    \n    #spbe-time-savings-calc .timeline-bar {\n      height: 24px;\n      border-radius: 12px;\n      margin-bottom: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    #spbe-time-savings-calc .timeline-bar.trad {\n      background: rgba(255,100,100,0.1);\n    }\n    \n    #spbe-time-savings-calc .timeline-bar.trad .bar-fill {\n      background: linear-gradient(90deg, #ff6b6b 0%, #ff8585 100%);\n      height: 100%;\n      border-radius: 12px;\n      transition: width 1s ease;\n    }\n    \n    #spbe-time-savings-calc .timeline-bar.new {\n      background: rgba(0,255,136,0.1);\n    }\n    \n    #spbe-time-savings-calc .timeline-bar.new .bar-fill {\n      background: linear-gradient(90deg, #00ff88 0%, #00cc6a 100%);\n      height: 100%;\n      border-radius: 12px;\n      transition: width 1s ease;\n    }\n    \n    \/* Stats Grid *\/\n    #spbe-time-savings-calc .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n    }\n    \n    @media (max-width: 600px) {\n      #spbe-time-savings-calc .stats-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n    \n    #spbe-time-savings-calc .stat-card {\n      padding: 20px;\n      background: #f8f9fa;\n      border: 1px solid rgba(0,0,24,0.08);\n      border-radius: 10px;\n      text-align: center;\n    }\n    \n    #spbe-time-savings-calc .stat-value {\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: #1e90ff !important;\n      margin-bottom: 6px;\n    }\n    \n    \/* H4: Stat Label *\/\n    #spbe-time-savings-calc h4.stat-label {\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      color: rgba(0,0,24,0.5) !important;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* Restart Button *\/\n    #spbe-time-savings-calc .restart-btn {\n      display: block;\n      width: 100%;\n      max-width: 250px;\n      margin: 30px auto 0;\n      padding: 14px 24px;\n      background: transparent !important;\n      border: 1px solid rgba(0,0,24,0.2) !important;\n      border-radius: 8px;\n      font-family: 'Outfit', sans-serif !important;\n      font-size: 14px !important;\n      font-weight: 500 !important;\n      color: rgba(0,0,24,0.6) !important;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n    \n    #spbe-time-savings-calc .restart-btn:hover {\n      border-color: #1e90ff !important;\n      color: #1e90ff !important;\n      background: rgba(30,144,255,0.05) !important;\n    }\n    \n    \/* Reference Note *\/\n    #spbe-time-savings-calc .ref-note {\n      margin-top: 30px;\n      padding: 16px;\n      background: rgba(30,144,255,0.05);\n      border-radius: 8px;\n      font-size: 13px !important;\n      color: rgba(0,0,24,0.6) !important;\n      line-height: 1.6;\n    }\n    \n    #spbe-time-savings-calc .ref-note strong {\n      color: #1e90ff !important;\n    }\n  <\/style>\n  \n  <div class=\"ts-wrapper\">\n    <div class=\"ts-header\">\n      <h2 class=\"module-title\">Turnaround Time Savings Calculator<\/h2>\n      <div class=\"module-desc\">Estimate how much time you can save during plant turnaround by switching from traditional methods to Self-Propelled Bundle Extractor<\/div>\n    <\/div>\n    \n    <div class=\"ts-calculator\">\n      <div class=\"step-indicator\">\n        <div class=\"step-dot active\" data-step=\"1\"><\/div>\n        <div class=\"step-dot\" data-step=\"2\"><\/div>\n        <div class=\"step-dot\" data-step=\"3\"><\/div>\n      <\/div>\n      \n      <div class=\"form-step active\" data-step=\"1\">\n        <h3 class=\"step-title\">\n          <span class=\"step-number\">1<\/span>\n          Plant Information\n        <\/h3>\n        <div class=\"step-subtitle\">Tell us about your facility and maintenance scope<\/div>\n        \n        <div class=\"form-grid\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">Industry Type<\/label>\n            <select class=\"form-select\" id=\"tsIndustry\">\n              <option value=\"refinery\">Oil &#038; Gas Refinery<\/option>\n              <option value=\"petrochemical\">Petrochemical Plant<\/option>\n              <option value=\"powerplant\">Power Generation<\/option>\n              <option value=\"chemical\">Chemical Processing<\/option>\n              <option value=\"lng\">LNG Facility<\/option>\n              <option value=\"other\">Other Industrial<\/option>\n            <\/select>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">Plant Size<\/label>\n            <select class=\"form-select\" id=\"tsPlantSize\">\n              <option value=\"small\">Small (< 50,000 bpd)<\/option>\n              <option value=\"medium\" selected>Medium (50,000-150,000 bpd)<\/option>\n              <option value=\"large\">Large (150,000-300,000 bpd)<\/option>\n              <option value=\"mega\">Mega (> 300,000 bpd)<\/option>\n            <\/select>\n          <\/div>\n          \n          <div class=\"form-group full-width\">\n            <label class=\"form-label\">Number of Heat Exchangers in Scope<\/label>\n            <input type=\"number\" class=\"form-input\" id=\"tsExchangerCount\" placeholder=\"e.g., 15\" min=\"1\" value=\"15\">\n          <\/div>\n        <\/div>\n        \n        <div class=\"nav-buttons\">\n          <div><\/div>\n          <button type=\"button\" class=\"nav-btn next\" data-next=\"2\">\n            Next Step\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      \n      <div class=\"form-step\" data-step=\"2\">\n        <h3 class=\"step-title\">\n          <span class=\"step-number\">2<\/span>\n          Traditional Method Parameters\n        <\/h3>\n        <div class=\"step-subtitle\">Current time requirements using crane or manual methods<\/div>\n        \n        <div class=\"form-grid\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">Crane Setup Time (per unit)<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsCraneSetup\" placeholder=\"e.g., 2\" min=\"0\" step=\"0.5\" value=\"2\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">Extraction Time (per bundle)<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsExtractTime\" placeholder=\"e.g., 3\" min=\"0\" step=\"0.5\" value=\"3\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">Re-insertion Time (per bundle)<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsInsertTime\" placeholder=\"e.g., 2.5\" min=\"0\" step=\"0.5\" value=\"2.5\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">Crane Repositioning Time<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsRepoTime\" placeholder=\"e.g., 1\" min=\"0\" step=\"0.5\" value=\"1\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"nav-buttons\">\n          <button type=\"button\" class=\"nav-btn prev\" data-prev=\"1\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n            Back\n          <\/button>\n          <button type=\"button\" class=\"nav-btn next\" data-next=\"3\">\n            Next Step\n            <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      \n      <div class=\"form-step\" data-step=\"3\">\n        <h3 class=\"step-title\">\n          <span class=\"step-number\">3<\/span>\n          Self-Propelled Bundle Extractor Parameters\n        <\/h3>\n        <div class=\"step-subtitle\">Estimated times with SPBE technology (based on industry benchmarks)<\/div>\n        \n        <div class=\"form-grid\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">SPBE Setup Time (per unit)<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsSpbeSetup\" placeholder=\"e.g., 0.25\" min=\"0\" step=\"0.1\" value=\"0.25\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">SPBE Extraction Time (per bundle)<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsSpbeExtract\" placeholder=\"e.g., 0.5\" min=\"0\" step=\"0.1\" value=\"0.5\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">SPBE Re-insertion Time<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsSpbeInsert\" placeholder=\"e.g., 0.4\" min=\"0\" step=\"0.1\" value=\"0.4\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n          \n          <div class=\"form-group\">\n            <label class=\"form-label\">SPBE Repositioning Time<\/label>\n            <div class=\"input-with-unit\">\n              <input type=\"number\" class=\"form-input\" id=\"tsSpbeRepo\" placeholder=\"e.g., 0.1\" min=\"0\" step=\"0.05\" value=\"0.1\">\n              <span class=\"unit-badge\">hours<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"nav-buttons\">\n          <button type=\"button\" class=\"nav-btn prev\" data-prev=\"2\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n            Back\n          <\/button>\n          <button type=\"button\" class=\"nav-btn calculate\" id=\"tsCalculate\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14H7v-2h5v2zm4-4H7v-2h9v2zm0-4H7V7h9v2z\"\/><\/svg>\n            Calculate Time Savings\n          <\/button>\n        <\/div>\n      <\/div>\n      \n      <div class=\"results-section\" id=\"tsResults\">\n        <div class=\"big-result\">\n          <h3 class=\"big-label\">Total Time Saved<\/h3>\n          <div class=\"big-number\" id=\"tsTotalSaved\">&#8212;<\/div>\n          <div class=\"big-unit\">hours per turnaround<\/div>\n        <\/div>\n        \n        <div class=\"comparison-chart\">\n          <div class=\"chart-item traditional\">\n            <h4 class=\"chart-label\">Traditional Method<\/h4>\n            <div class=\"chart-value\" id=\"tsTradTotal\">&#8212;<\/div>\n            <div class=\"chart-sub\">total hours<\/div>\n          <\/div>\n          <div class=\"chart-item spbe\">\n            <h4 class=\"chart-label\">With SPBE<\/h4>\n            <div class=\"chart-value\" id=\"tsSpbeTotal\">&#8212;<\/div>\n            <div class=\"chart-sub\">total hours<\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"timeline-compare\">\n          <h4 class=\"timeline-label\">Traditional Method Timeline<\/h4>\n          <div class=\"timeline-bar trad\">\n            <div class=\"bar-fill\" id=\"tsTradBar\" style=\"width: 0%\"><\/div>\n          <\/div>\n          <h4 class=\"timeline-label\">Self-Propelled Bundle Extractor Timeline<\/h4>\n          <div class=\"timeline-bar new\">\n            <div class=\"bar-fill\" id=\"tsSpbeBar\" style=\"width: 0%\"><\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"stats-grid\">\n          <div class=\"stat-card\">\n            <div class=\"stat-value\" id=\"tsEfficiency\">&#8212;<\/div>\n            <h4 class=\"stat-label\">Efficiency Gain<\/h4>\n          <\/div>\n          <div class=\"stat-card\">\n            <div class=\"stat-value\" id=\"tsDaysSaved\">&#8212;<\/div>\n            <h4 class=\"stat-label\">Days Saved<\/h4>\n          <\/div>\n          <div class=\"stat-card\">\n            <div class=\"stat-value\" id=\"tsLaborReduction\">&#8212;<\/div>\n            <h4 class=\"stat-label\">Labor Hours Reduced<\/h4>\n          <\/div>\n        <\/div>\n        \n        <button type=\"button\" class=\"restart-btn\" id=\"tsRestart\">\n          \u21ba Calculate Again\n        <\/button>\n        \n        <div class=\"ref-note\">\n          <strong>Reference Data:<\/strong> SPBE extraction times are based on industry benchmarks where Self-Propelled Bundle Extractors can complete bundle extraction in approximately 10-30 minutes compared to 2-4 hours with traditional crane methods. Actual times may vary based on bundle size, fouling conditions, and site constraints.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <script>\n    (function() {\n      'use strict';\n      \n      var currentStep = 1;\n      var totalSteps = 3;\n      \n      \/\/ Step Navigation\n      function showStep(stepNum) {\n        var steps = document.querySelectorAll('#spbe-time-savings-calc .form-step');\n        var dots = document.querySelectorAll('#spbe-time-savings-calc .step-dot');\n        \n        steps.forEach(function(step) {\n          step.classList.remove('active');\n        });\n        \n        dots.forEach(function(dot, index) {\n          dot.classList.remove('active', 'completed');\n          if (index + 1 < stepNum) {\n            dot.classList.add('completed');\n          } else if (index + 1 === stepNum) {\n            dot.classList.add('active');\n          }\n        });\n        \n        var targetStep = document.querySelector('#spbe-time-savings-calc .form-step[data-step=\"' + stepNum + '\"]');\n        if (targetStep) {\n          targetStep.classList.add('active');\n        }\n        \n        currentStep = stepNum;\n      }\n      \n      \/\/ Next buttons\n      var nextBtns = document.querySelectorAll('#spbe-time-savings-calc .nav-btn.next');\n      nextBtns.forEach(function(btn) {\n        btn.addEventListener('click', function() {\n          var nextStep = parseInt(this.getAttribute('data-next'));\n          showStep(nextStep);\n        });\n      });\n      \n      \/\/ Previous buttons\n      var prevBtns = document.querySelectorAll('#spbe-time-savings-calc .nav-btn.prev');\n      prevBtns.forEach(function(btn) {\n        btn.addEventListener('click', function() {\n          var prevStep = parseInt(this.getAttribute('data-prev'));\n          showStep(prevStep);\n        });\n      });\n      \n      \/\/ Calculate button\n      var calcBtn = document.getElementById('tsCalculate');\n      if (calcBtn) {\n        calcBtn.addEventListener('click', function() {\n          var exchangerCount = parseInt(document.getElementById('tsExchangerCount').value) || 15;\n          \n          \/\/ Traditional times\n          var craneSetup = parseFloat(document.getElementById('tsCraneSetup').value) || 2;\n          var extractTime = parseFloat(document.getElementById('tsExtractTime').value) || 3;\n          var insertTime = parseFloat(document.getElementById('tsInsertTime').value) || 2.5;\n          var repoTime = parseFloat(document.getElementById('tsRepoTime').value) || 1;\n          \n          \/\/ SPBE times\n          var spbeSetup = parseFloat(document.getElementById('tsSpbeSetup').value) || 0.25;\n          var spbeExtract = parseFloat(document.getElementById('tsSpbeExtract').value) || 0.5;\n          var spbeInsert = parseFloat(document.getElementById('tsSpbeInsert').value) || 0.4;\n          var spbeRepo = parseFloat(document.getElementById('tsSpbeRepo').value) || 0.1;\n          \n          \/\/ Calculate totals\n          var tradPerUnit = craneSetup + extractTime + insertTime + repoTime;\n          var tradTotal = tradPerUnit * exchangerCount;\n          \n          var spbePerUnit = spbeSetup + spbeExtract + spbeInsert + spbeRepo;\n          var spbeTotal = spbePerUnit * exchangerCount;\n          \n          var timeSaved = tradTotal - spbeTotal;\n          var daysSaved = (timeSaved \/ 24).toFixed(1);\n          var efficiency = ((timeSaved \/ tradTotal) * 100).toFixed(0);\n          \n          \/\/ Labor hours (assuming 2 workers for trad, 1 for SPBE)\n          var laborReduction = (tradTotal * 3) - (spbeTotal * 1);\n          \n          \/\/ Hide form, show results\n          document.querySelectorAll('#spbe-time-savings-calc .form-step').forEach(function(step) {\n            step.classList.remove('active');\n          });\n          document.querySelector('#spbe-time-savings-calc .step-indicator').style.display = 'none';\n          \n          var resultsSection = document.getElementById('tsResults');\n          resultsSection.classList.add('active');\n          \n          \/\/ Update results\n          document.getElementById('tsTotalSaved').textContent = timeSaved.toFixed(1);\n          document.getElementById('tsTradTotal').textContent = tradTotal.toFixed(1);\n          document.getElementById('tsSpbeTotal').textContent = spbeTotal.toFixed(1);\n          document.getElementById('tsEfficiency').textContent = efficiency + '%';\n          document.getElementById('tsDaysSaved').textContent = daysSaved;\n          document.getElementById('tsLaborReduction').textContent = laborReduction.toFixed(0) + 'h';\n          \n          \/\/ Animate bars\n          setTimeout(function() {\n            document.getElementById('tsTradBar').style.width = '100%';\n            var spbePercent = (spbeTotal \/ tradTotal * 100).toFixed(0);\n            document.getElementById('tsSpbeBar').style.width = spbePercent + '%';\n          }, 100);\n        });\n      }\n      \n      \/\/ Restart button\n      var restartBtn = document.getElementById('tsRestart');\n      if (restartBtn) {\n        restartBtn.addEventListener('click', function() {\n          document.getElementById('tsResults').classList.remove('active');\n          document.querySelector('#spbe-time-savings-calc .step-indicator').style.display = 'flex';\n          showStep(1);\n          \n          \/\/ Reset bars\n          document.getElementById('tsTradBar').style.width = '0%';\n          document.getElementById('tsSpbeBar').style.width = '0%';\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free Online Tool Turnaround Time Savings Calculator The system estimates your facility&#8217;s potential turnaround time savings from replacing standard crane operations and manual work with Self-Propelled Bundle Extractor technology. The system provides immediate results based on your input parameters. 85% Avg. Time Reduction 10min Per Bundle (SPBE) Plant Info Traditional 3 SPBE Times Total Time Saved 127.5 hours per turnaround How The Calculator Works Simple 3-step process to estimate your time savings 1 Enter Plant Information The user must provide their industry classification together with their facility dimensions and their planned operational activities which involve heat exchangers. Industry Type Plant Size Exchanger Count 2 Traditional Method Times The user must [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":704,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-864","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/pages\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":0,"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/pages\/864\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/pages\/704"}],"wp:attachment":[{"href":"https:\/\/boshiya.com\/ja\/wp-json\/wp\/v2\/media?parent=864"}],"curies":[{"name":"wp \u3057","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}