PagesStructures['id1770818788118'] = {"structures":[{"type":"page","id":"id1770818788118","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Structure","baseName":"Trustees","templateID":null,"templateName":null,"order":0,"customStates":null,"isElementWasEditedInMode":true,"showHoverEffects":true,"skinInformation":{"categoryId":245},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":0,"height":1068,"top":0,"left":0},"lastResizingSize":{"width":0,"height":1068,"top":0,"left":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","basicUserCanEdit":true,"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","backgroundColor":"#fff","imageUrl":"","imageLayout":"repeat","imagePosition":{"horizontal":"center","vertical":"top"},"origImage":"","imageOpacity":0.26,"backgroundOverlay":"transparent","gridLines":[],"fixedBackground":true,"statesGroups":null},"metaData":{"position":{"left":-844.5,"top":0},"size":{"width":1689,"height":4578}},"childElements":[{"type":"SectionElement","id":"id1770818788120","elementProperties":{"tagName":"SECTION","behaviours":null,"isLocked":false,"name":"Section 2","baseName":null,"templateID":null,"templateName":null,"order":3,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":3881,"left":0,"width":2329,"top":0},"lastResizingSize":{"height":3881,"left":0,"width":2329,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section A","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-844.5,"top":229},"size":{"width":1689,"height":3881}},"childElements":[{"type":"ExternalAppembed_html_app1","id":"id1771863508284","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Embed Html 4","baseName":null,"templateID":"templateid1771863508285","templateName":null,"order":91,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":960,"height":3871,"left":-471,"top":-2},"lastResizingSize":{"width":960,"height":3871},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"basicUserCanEdit":true,"backgroundColor":"transparent","padding":{"top":0,"left":0,"bottom":0,"right":0},"imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillHorizontal":false,"fillVertical":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"isVisible":true,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"},"rotationAngle":0,"display":"fixed","cellItem":null,"cellHorizontalAlignment":"none","verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","embed_html_app1html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <title>Setting Up Your Organisation | Choosing The Right Structure</title>\n</head>\n\n<body style=\"margin:0;background:#fff;\">\n\n  <div style=\"\n    max-width:72rem;\n    margin:0 auto;\n    padding:4.25rem 1rem 6rem 1rem;\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n    color:#334155;\n    background:#fff;\n    box-sizing:border-box;\n    line-height:1.65;\n  \">\n\n    <!-- HERO / TITLE WRAPPER (REUSED FROM /decision) -->\n    <div style=\"\n      background:\n        radial-gradient(1200px 420px at 18% 0%, rgba(29,78,216,.08) 0%, rgba(255,255,255,0) 62%),\n        radial-gradient(900px 340px at 82% 18%, rgba(14,165,233,.08) 0%, rgba(255,255,255,0) 58%);\n      border:1px solid rgba(226,232,240,.9);\n      border-radius:1rem;\n      padding:1.5rem 1.25rem 1.75rem 1.25rem;\n    \">\n\n      <h1 style=\"\n        font-size:1.875rem;\n        font-weight:700;\n        color:#0f172a;\n        margin:0 0 .6rem 0;\n        line-height:1.25;\n      \">\n        Setting Up Your Organisation\n      </h1>\n\n      <p style=\"max-width:56rem;margin:0;color:#475569;font-size:1.0625rem;\">\n        <span style=\"display:block;margin-bottom:.35rem;\">\n          Thinking about starting a community group or charity?\n        </span>\n        <span style=\"display:block;font-style:italic;color:#64748b;\">\n          Here’s where to begin, and where to find the most trusted advice online.\n        </span>\n      </p>\n\n      <div style=\"height:36px;\"></div>\n\n      <!-- JOURNEY PANEL (REUSED FROM /decision) -->\n      <section style=\"\n        background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);\n        border:1px solid #e5e7eb;\n        border-top:4px solid #d7dde6;\n        border-radius:1rem;\n        padding:2.25rem 1.75rem;\n        box-shadow:0 14px 26px rgba(15,23,42,.10);\n      \">\n\n        <div style=\"padding-left:.25rem;\">\n          <h2 style=\"font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;line-height:1.25;\">\n            Your Journey To Setting Up\n          </h2>\n          <p style=\"margin:.6rem 0 1.25rem 0;font-size:.95rem;color:#64748b;font-style:italic;\">\n            Click any step below to navigate to that section\n          </p>\n          <div style=\"height:1px;background:#e5e7eb;margin:0 0 1.35rem 0;\"></div>\n        </div>\n\n        <div style=\"display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;\">\n\n          <!-- STEP 1 -->\n          <a data-step=\"decision\"\n             href=\"https://www.swalecvs.org.uk/decision\"\n             target=\"_top\"\n             rel=\"noopener\"\n             style=\"\n            text-decoration:none;color:inherit;text-align:center;border-radius:.85rem;\n            padding:1rem .75rem 1.15rem; position:relative;\n            transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease, filter .15s ease;\n          \">\n            <div style=\"width:4.25rem;height:4.25rem;margin:0 auto .6rem;\">\n              <svg viewBox=\"0 0 128 128\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;display:block;\">\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"#eff6ff\"/>\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"4\"/>\n                <g transform=\"translate(32, 32) scale(2.667)\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n                  <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"/>\n                  <path d=\"M12 17h.01\"/>\n                </g>\n              </svg>\n            </div>\n\n            <div style=\"\n              width:1.8rem;height:1.8rem;border-radius:999px;background:#1d4ed8;color:#fff;\n              font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;\n              margin:0 auto .7rem;\n            \">1</div>\n\n            <p style=\"\n              font-weight:700;font-size:.95rem;margin:0;color:#0f172a;\n              min-height:2.6em; display:flex; align-items:center; justify-content:center; text-align:center;\n              line-height:1.25;\n            \">Is Setting Up Right For You?</p>\n\n            <p style=\"color:#64748b;font-size:.85rem;margin:.35rem 0 0;line-height:1.45;\">\n              Decide if formal registration is needed\n            </p>\n          </a>\n\n          <!-- STEP 2 -->\n          <a data-step=\"structure\"\n             href=\"https://www.swalecvs.org.uk/structure\"\n             target=\"_top\"\n             rel=\"noopener\"\n             style=\"\n            text-decoration:none;color:inherit;text-align:center;border-radius:.85rem;\n            padding:1rem .75rem 1.15rem; position:relative;\n            transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease, filter .15s ease;\n          \">\n            <div style=\"width:4.25rem;height:4.25rem;margin:0 auto .6rem;\">\n              <svg viewBox=\"0 0 128 128\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;display:block;\">\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"#ecfeff\"/>\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"4\"/>\n                <g transform=\"translate(32, 32) scale(2.667)\" fill=\"none\" stroke=\"#0891b2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"/>\n                  <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"/>\n                  <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"/>\n                  <path d=\"M10 6h4\"/>\n                  <path d=\"M10 10h4\"/>\n                  <path d=\"M10 14h4\"/>\n                  <path d=\"M10 18h4\"/>\n                </g>\n              </svg>\n            </div>\n\n            <div style=\"\n              width:1.8rem;height:1.8rem;border-radius:999px;background:#1d4ed8;color:#fff;\n              font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;\n              margin:0 auto .7rem;\n            \">2</div>\n\n            <p style=\"\n              font-weight:700;font-size:.95rem;margin:0;color:#0f172a;\n              min-height:2.6em; display:flex; align-items:center; justify-content:center; text-align:center;\n              line-height:1.25;\n            \">Choosing The Right Structure</p>\n\n            <p style=\"color:#64748b;font-size:.85rem;margin:.35rem 0 0;line-height:1.45;\">\n              Compare options like CIO, CIC and more\n            </p>\n          </a>\n\n          <!-- STEP 3 -->\n          <a data-step=\"steps\"\n             href=\"https://www.swalecvs.org.uk/steps\"\n             target=\"_top\"\n             rel=\"noopener\"\n             style=\"\n            text-decoration:none;color:inherit;text-align:center;border-radius:.85rem;\n            padding:1rem .75rem 1.15rem; position:relative;\n            transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease, filter .15s ease;\n          \">\n            <div style=\"width:4.25rem;height:4.25rem;margin:0 auto .6rem;\">\n              <svg viewBox=\"0 0 128 128\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;display:block;\">\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"#fefce8\"/>\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"none\" stroke=\"#eab308\" stroke-width=\"4\"/>\n                <g transform=\"translate(32, 32) scale(2.667)\" fill=\"none\" stroke=\"#ca8a04\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"6\" cy=\"19\" r=\"3\"/>\n                  <path d=\"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\"/>\n                  <circle cx=\"18\" cy=\"5\" r=\"3\"/>\n                </g>\n              </svg>\n            </div>\n\n            <div style=\"\n              width:1.8rem;height:1.8rem;border-radius:999px;background:#1d4ed8;color:#fff;\n              font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;\n              margin:0 auto .7rem;\n            \">3</div>\n\n            <p style=\"\n              font-weight:700;font-size:.95rem;margin:0;color:#0f172a;\n              min-height:2.6em; display:flex; align-items:center; justify-content:center; text-align:center;\n              line-height:1.25;\n            \">Step-by-Step Setup Journey</p>\n\n            <p style=\"color:#64748b;font-size:.85rem;margin:.35rem 0 0;line-height:1.45;\">\n              From purpose to policies and governance\n            </p>\n          </a>\n\n          <!-- STEP 4 -->\n          <a data-step=\"register\"\n             href=\"https://www.swalecvs.org.uk/register\"\n             target=\"_top\"\n             rel=\"noopener\"\n             style=\"\n            text-decoration:none;color:inherit;text-align:center;border-radius:.85rem;\n            padding:1rem .75rem 1.15rem; position:relative;\n            transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease, filter .15s ease;\n          \">\n            <div style=\"width:4.25rem;height:4.25rem;margin:0 auto .6rem;\">\n              <svg viewBox=\"0 0 128 128\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;display:block;\">\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"#ffedd5\"/>\n                <circle cx=\"64\" cy=\"64\" r=\"62\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"4\"/>\n                <g transform=\"translate(32, 32) scale(2.667)\" fill=\"none\" stroke=\"#ea580c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"/>\n                  <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"/>\n                  <path d=\"m9 14 2 2 4-4\"/>\n                </g>\n              </svg>\n            </div>\n\n            <div style=\"\n              width:1.8rem;height:1.8rem;border-radius:999px;background:#1d4ed8;color:#fff;\n              font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;\n              margin:0 auto .7rem;\n            \">4</div>\n\n            <p style=\"\n              font-weight:700;font-size:.95rem;margin:0;color:#0f172a;\n              min-height:2.6em; display:flex; align-items:center; justify-content:center; text-align:center;\n              line-height:1.25;\n            \">Before You Register</p>\n\n            <p style=\"color:#64748b;font-size:.85rem;margin:.35rem 0 0;line-height:1.45;\">\n              Pre-registration checks and requirements\n            </p>\n          </a>\n\n        </div>\n      </section>\n    </div>\n\n    <!-- MATCH /settingup SPACING -->\n    <div style=\"height:64px;\"></div>\n\n    <!-- Step 2 heading -->\n    <div style=\"display:flex;align-items:flex-start;gap:.85rem;\">\n      <div style=\"\n        width:2.25rem;height:2.25rem;border-radius:999px;background:#1d4ed8;color:#fff;\n        font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;\n        box-shadow:0 10px 18px rgba(29,78,216,.18);\n        flex:0 0 auto;\n        margin-top:.1rem;\n      \">2</div>\n      <div>\n        <h2 style=\"margin:0;color:#0f172a;font-size:1.4rem;line-height:1.25;\">\n          Choosing the Right Structure\n        </h2>\n        <p style=\"margin:.45rem 0 0;color:#64748b;font-style:italic;\">\n          A simple way to compare options and get a suggested starting point.\n        </p>\n      </div>\n    </div>\n\n    <div style=\"height:32px;\"></div>\n\n    <!-- Intro card -->\n    <section style=\"\n      background:linear-gradient(180deg,#f5f9ff 0%, #ffffff 92%);\n      border-radius:.75rem;\n      padding:1.75rem;\n      border:1px solid #e6eefc;\n      border-top:5px solid #1d4ed8;\n      box-shadow:0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.08);\n    \">\n      <p style=\"margin:0;color:#475569;\">\n        Choosing the right structure can feel confusing, but you don’t need to know everything.\n        This short questionnaire will point you toward the type of organisation that might fit your idea.\n        There are no right or wrong answers, just pick the option that feels closest to what you want.\n      </p>\n    </section>\n\n    <div style=\"height:64px;\"></div>\n\n    <!-- Minimal helper CSS for questionnaire/accordions (kept tiny + safe) -->\n    <style>\n      button, input, select, textarea { font: inherit; }\n\n      .optBtn{\n        width:100%;\n        text-align:left;\n        padding:1rem 1rem;\n        border:2px solid #e5e7eb;\n        border-radius:.65rem;\n        background:#ffffff;\n        cursor:pointer;\n        transition:border-color .15s ease, background .15s ease, transform .12s ease;\n      }\n      .optBtn:hover{ border-color:#2563eb; background:#f5f9ff; }\n      .optBtn:active{ transform:scale(.997); }\n\n      .accBtn{\n        width:100%;\n        display:flex;\n        align-items:center;\n        justify-content:space-between;\n        gap:1rem;\n        background:transparent;\n        border:none;\n        padding:1rem 1.1rem;\n        cursor:pointer;\n      }\n      .chev{ transition:transform .15s ease; }\n      .chev.rot{ transform:rotate(180deg); }\n\n      .grid3{ display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:1rem; }\n      @media (min-width:768px){ .grid3{ grid-template-columns:repeat(2,minmax(0,1fr)); } }\n      @media (min-width:1024px){ .grid3{ grid-template-columns:repeat(3,minmax(0,1fr)); } }\n    </style>\n\n    <!-- Pros/Cons accordion -->\n    <section style=\"\n      background:#ffffff;\n      border:1px solid #e5e7eb;\n      border-radius:.75rem;\n      padding:1.75rem;\n      box-shadow:0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.06);\n    \">\n      <p style=\"margin:0 0 1rem 0;color:#475569;\">\n        Want a quick comparison? Click below to see the pros and cons of each legal structure at a glance.\n      </p>\n\n      <div style=\"\n        background:#f8fafc;\n        border:1px solid #e5e7eb;\n        border-radius:.75rem;\n        overflow:hidden;\n      \">\n        <button type=\"button\" id=\"prosConsBtn\" class=\"accBtn\" aria-expanded=\"false\" aria-controls=\"prosConsPanel\">\n          <strong style=\"font-size:1rem;color:#0f172a;\">Legal Structures: Pros &amp; Cons at a Glance</strong>\n          <svg class=\"chev\" id=\"prosConsChev\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n        </button>\n\n        <div id=\"prosConsPanel\" style=\"display:none;border-top:1px solid #e5e7eb;padding:1.1rem;\">\n          <div class=\"grid3\">\n\n            <!-- Unincorporated Association -->\n            <div style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;\">\n              <h4 style=\"margin:0 0 .75rem 0;color:#0f172a;font-size:.95rem;\">Unincorporated Association</h4>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n                  <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Pros</span>\n              </div>\n              <ul style=\"margin:0 0 .75rem 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Simple and fast to set up</li>\n                <li>No registration costs</li>\n                <li>Flexible for small, volunteer-run groups</li>\n                <li>Low admin burden</li>\n              </ul>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fee2e2\" stroke=\"#dc2626\" stroke-width=\"2\"/>\n                  <path d=\"M15.5 8.5l-7 7M8.5 8.5l7 7\" stroke=\"#dc2626\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Cons</span>\n              </div>\n              <ul style=\"margin:0 0 0 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Members can be personally liable</li>\n                <li>Harder to open bank accounts or sign contracts</li>\n                <li>Limited ability to employ staff</li>\n                <li>Funders may prefer more formal structures</li>\n              </ul>\n            </div>\n\n            <!-- CIO -->\n            <div style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;\">\n              <h4 style=\"margin:0 0 .75rem 0;color:#0f172a;font-size:.95rem;\">CIO (Charitable Incorporated Organisation)</h4>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n                  <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Pros</span>\n              </div>\n              <ul style=\"margin:0 0 .75rem 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Separate legal identity; liability protection</li>\n                <li>Full charity status with tax benefits</li>\n                <li>Trusted by funders</li>\n                <li>Can employ staff and enter contracts</li>\n                <li>Less reporting than charitable companies</li>\n              </ul>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fee2e2\" stroke=\"#dc2626\" stroke-width=\"2\"/>\n                  <path d=\"M15.5 8.5l-7 7M8.5 8.5l7 7\" stroke=\"#dc2626\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Cons</span>\n              </div>\n              <ul style=\"margin:0 0 0 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Must register with the Charity Commission</li>\n                <li>Registration can take time</li>\n                <li>Higher governance expectations</li>\n              </ul>\n            </div>\n\n            <!-- Company Limited by Guarantee (Non-Charitable) -->\n            <div style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;\">\n              <h4 style=\"margin:0 0 .75rem 0;color:#0f172a;font-size:.95rem;\">Company Limited by Guarantee (Non-Charitable)</h4>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n                  <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Pros</span>\n              </div>\n              <ul style=\"margin:0 0 .75rem 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Separate legal identity</li>\n                <li>Flexible for social enterprise trading</li>\n                <li>Quick to register</li>\n                <li>Good if activities aren’t strictly charitable</li>\n              </ul>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fee2e2\" stroke=\"#dc2626\" stroke-width=\"2\"/>\n                  <path d=\"M15.5 8.5l-7 7M8.5 8.5l7 7\" stroke=\"#dc2626\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Cons</span>\n              </div>\n              <ul style=\"margin:0 0 0 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>No charity tax benefits</li>\n                <li>Some funders may not support non-charitable companies</li>\n                <li>Dual regulation if later converted to charitable status</li>\n              </ul>\n            </div>\n\n            <!-- Charitable Company Limited by Guarantee -->\n            <div style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;\">\n              <h4 style=\"margin:0 0 .75rem 0;color:#0f172a;font-size:.95rem;\">Charitable Company Limited by Guarantee</h4>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n                  <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Pros</span>\n              </div>\n              <ul style=\"margin:0 0 .75rem 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Full charitable status and tax benefits</li>\n                <li>Strong governance structure</li>\n                <li>Trusted by funders</li>\n                <li>Suitable for service delivery and staff teams</li>\n              </ul>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fee2e2\" stroke=\"#dc2626\" stroke-width=\"2\"/>\n                  <path d=\"M15.5 8.5l-7 7M8.5 8.5l7 7\" stroke=\"#dc2626\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Cons</span>\n              </div>\n              <ul style=\"margin:0 0 0 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Dual reporting (Companies House + Charity Commission)</li>\n                <li>Higher admin burden</li>\n                <li>Slower to set up</li>\n              </ul>\n            </div>\n\n            <!-- CIC -->\n            <div style=\"background:#ffffff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;\">\n              <h4 style=\"margin:0 0 .75rem 0;color:#0f172a;font-size:.95rem;\">Community Interest Company (CIC)</h4>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n                  <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Pros</span>\n              </div>\n              <ul style=\"margin:0 0 .75rem 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>Designed for social enterprises</li>\n                <li>Flexible for trading</li>\n                <li>Asset lock reassures funders</li>\n                <li>Faster approval than CIOs</li>\n              </ul>\n\n              <div style=\"display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem 0;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#fee2e2\" stroke=\"#dc2626\" stroke-width=\"2\"/>\n                  <path d=\"M15.5 8.5l-7 7M8.5 8.5l7 7\" stroke=\"#dc2626\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>\n                </svg>\n                <span style=\"font-size:.85rem;color:#334155;font-weight:700;\">Cons</span>\n              </div>\n              <ul style=\"margin:0 0 0 1.2rem;color:#475569;font-size:.85rem;line-height:1.55;\">\n                <li>No charity tax relief</li>\n                <li>Some grants not open to CICs</li>\n                <li>Must pass the Community Interest Test</li>\n                <li>Additional CIC reporting requirements</li>\n              </ul>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- 64px -->\n    <div style=\"height:64px;\"></div>\n\n    <!-- Questionnaire card -->\n    <section style=\"\n      background:#ffffff;\n      border:1px solid #e5e7eb;\n      border-radius:.75rem;\n      padding:1.75rem;\n      box-shadow:0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.06);\n    \">\n      <h3 style=\"margin:0 0 1rem 0;font-size:1.1rem;font-weight:700;color:#0f172a;\">\n        Interactive Questionnaire\n      </h3>\n\n      <div style=\"margin-bottom:1.25rem;\">\n        <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem;\">\n          <span id=\"qCounter\" style=\"font-size:.9rem;color:#64748b;\">Question 1 of 8</span>\n          <span id=\"qPct\" style=\"font-size:.9rem;color:#64748b;\">13%</span>\n        </div>\n        <div style=\"width:100%;background:#e5e7eb;border-radius:999px;height:.5rem;overflow:hidden;\">\n          <div id=\"qBar\" style=\"height:.5rem;width:13%;background:#2563eb;border-radius:999px;transition:width .2s ease;\"></div>\n        </div>\n      </div>\n\n      <div id=\"questionArea\">\n        <h4 id=\"qText\" style=\"margin:0 0 1rem 0;color:#0f172a;font-size:1rem;font-weight:700;\">Loading…</h4>\n        <div id=\"qOptions\" style=\"display:grid;gap:.75rem;\"></div>\n      </div>\n\n      <div id=\"startOverWrap\" style=\"display:none;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;\">\n        <button id=\"startOverLink\" type=\"button\" style=\"background:transparent;border:none;padding:0;color:#1d4ed8;font-weight:700;cursor:pointer;text-decoration:underline;\">\n          Start over\n        </button>\n      </div>\n    </section>\n\n    <div style=\"height:18px;\"></div>\n\n    <div style=\"display:flex;flex-direction:column;align-items:center;gap:.5rem;\">\n      <button id=\"restartBtn\" type=\"button\" style=\"\n        padding:.75rem 1.1rem;\n        background:#ffffff;\n        border:1px solid #e5e7eb;\n        border-radius:.65rem;\n        font-weight:700;\n        cursor:pointer;\n        color:#0f172a;\n      \">\n        Restart questionnaire\n      </button>\n\n      <button id=\"exploreJump\" type=\"button\" style=\"\n        background:transparent;border:none;padding:0;\n        color:#1d4ed8;font-weight:700;cursor:pointer;\n        text-decoration:underline;\n        font-size:.9rem;\n      \">\n        Explore all structure options\n      </button>\n    </div>\n\n    <div id=\"resultsWrap\" style=\"display:none;\">\n      <div style=\"height:32px;\"></div>\n\n      <section style=\"\n        background:#ffffff;\n        border:1px solid #e5e7eb;\n        border-radius:.75rem;\n        padding:1.75rem;\n        box-shadow:0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.06);\n      \">\n        <div style=\"display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>\n            <path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <h3 style=\"margin:0;color:#14532d;font-size:1.1rem;font-weight:800;\">Your Recommended Structure</h3>\n        </div>\n\n        <div style=\"background:#f5f9ff;border-left:4px solid #1d4ed8;border-radius:.6rem;padding:1rem;\">\n          <div id=\"resultTitle\" style=\"margin:0;color:#0f172a;font-weight:800;\"></div>\n        </div>\n\n        <div id=\"resultDesc\" style=\"margin-top:1rem;color:#475569;\"></div>\n\n        <div style=\"height:14px;\"></div>\n\n        <p style=\"margin:0 0 .85rem 0;color:#0f172a;font-weight:700;\">\n          This suits groups that want to:\n        </p>\n\n        <ul id=\"resultBullets\" style=\"margin:0;padding:0;list-style:none;display:grid;gap:1rem;\"></ul>\n\n        <div id=\"helpStrip\" style=\"display:none;margin-top:1.25rem;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:.65rem;padding:1rem;color:#14532d;\">\n          Need help deciding?\n          <a href=\"mailto:office@swalecvs.co.uk?subject=Organisational%20Support\" style=\"color:#14532d;font-weight:800;text-decoration:underline;\">\n            Swale CVS can talk you through your options\n          </a>\n          based on your specific plans.\n        </div>\n\n        <div style=\"margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;\">\n          <button id=\"takeAgain\" type=\"button\" style=\"background:transparent;border:none;padding:0;color:#1d4ed8;font-weight:700;cursor:pointer;text-decoration:underline;\">\n            Take the questionnaire again\n          </button>\n        </div>\n      </section>\n    </div>\n\n    <div style=\"height:64px;\"></div>\n\n    <section id=\"explore-structures\" style=\"\n      background:#ffffff;\n      border:1px solid #e5e7eb;\n      border-radius:.75rem;\n      padding:1.75rem;\n      box-shadow:0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.06);\n    \">\n      <h3 style=\"margin:0 0 .6rem 0;font-size:1.1rem;font-weight:700;color:#0f172a;\">\n        Explore All Structure Options\n      </h3>\n      <p style=\"margin:0 0 1.1rem 0;color:#475569;\">\n        If you're still unsure, you can compare all of the main structure types below. Select each option to expand and read a short, easy-to-understand overview.\n      </p>\n\n      <div id=\"exploreList\" style=\"display:grid;gap:1rem;\"></div>\n    </section>\n\n    <div style=\"height:64px;\"></div>\n\n    <section style=\"\n      background:#f8fafc;\n      border:1px solid #e5e7eb;\n      border-radius:.75rem;\n      padding:1.75rem;\n    \">\n      <h3 style=\"margin:0 0 .7rem 0;font-size:1.05rem;font-weight:700;color:#0f172a;\">\n        Resources &amp; next steps\n      </h3>\n      <p style=\"margin:0;color:#475569;\">\n        The main guidance above should be enough to get started. The links below are there if you want to explore further, or click the link at the bottom of the page for the next section.\n      </p>\n    </section>\n\n    <div style=\"height:64px;\"></div>\n\n    <section style=\"\n      background:#ffffff;\n      border:1px solid #e5e7eb;\n      border-radius:.75rem;\n      padding:1.75rem;\n      box-shadow:0 10px 15px -3px rgba(15,23,42,.06), 0 4px 6px -4px rgba(15,23,42,.06);\n    \">\n      <h3 style=\"margin:0 0 1.05rem 0;font-size:1.1rem;font-weight:700;color:#0f172a;\">\n        Useful Links\n      </h3>\n\n      <div style=\"display:grid;gap:1.1rem;\">\n\n        <div style=\"padding:.1rem 0;\">\n          <a href=\"https://www.gov.uk/set-up-a-charity\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             style=\"color:#1d4ed8;text-decoration:none;font-weight:700;\">\n            GOV.UK – Set up a charity\n          </a>\n          <div style=\"margin-top:.25rem;color:#64748b;font-size:.9rem;\">\n            Official government guidance on starting a charity\n          </div>\n        </div>\n\n        <div style=\"padding:.1rem 0;\">\n          <a href=\"https://www.ncvo.org.uk/help-and-guidance/?_gl=1%2A1a6zwbd%2A_up%2AMQ..%2A_ga%2AMjA5Mzg4NDAwNi4xNzYzOTkyMTEz%2A_ga_9MDL66MY3H%2AczE3NjM5OTIxMTIkbzEkZzAkdDE3NjM5OTIxMTIkajYwJGwwJGgxODc5MjE5NTM4\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             style=\"color:#1d4ed8;text-decoration:none;font-weight:700;\">\n            NCVO – Help and guidance\n          </a>\n          <div style=\"margin-top:.25rem;color:#64748b;font-size:.9rem;\">\n            Practical guidance and templates from NCVO\n          </div>\n        </div>\n\n        <div style=\"padding:.1rem 0;\">\n          <a href=\"https://www.charityexcellence.co.uk/policies-required-by-law-and-charity-commission/\"\n             target=\"_blank\" rel=\"noopener noreferrer\"\n             style=\"color:#1d4ed8;text-decoration:none;font-weight:700;\">\n            Charity Excellence – Policies required by law and the Charity Commission\n          </a>\n          <div style=\"margin-top:.25rem;color:#64748b;font-size:.9rem;\">\n            Required policies and best practice guidance\n          </div>\n        </div>\n\n      </div>\n\n      <div style=\"height:18px;\"></div>\n\n      <div style=\"color:#64748b;font-size:.85rem;font-style:italic;\">\n        External links may be updated periodically by their publishers.\n      </div>\n    </section>\n\n    <div style=\"height:120px;\"></div>\n\n    <div style=\"display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;\">\n\n      <a href=\"https://www.swalecvs.org.uk/decision\"\n         target=\"_top\"\n         rel=\"noopener\"\n         style=\"\n        padding:.9rem 1.25rem;\n        background:#f3f4f6;\n        border-radius:.5rem;\n        font-weight:700;\n        text-decoration:none;\n        color:#0f172a;\n        display:inline-block;\n      \">\n        Back To Is Setting Up Right For You?\n      </a>\n\n      <a href=\"https://www.swalecvs.org.uk/steps\"\n         target=\"_top\"\n         rel=\"noopener\"\n         style=\"\n        padding:.9rem 1.25rem;\n        background:#2563eb;\n        color:#fff;\n        border-radius:.5rem;\n        font-weight:700;\n        text-decoration:none;\n        box-shadow:0 8px 14px rgba(37,99,235,.18);\n        display:inline-block;\n      \">\n        Next: Step-by-Step Setup Journey\n      </a>\n\n    </div>\n\n    <div style=\"height:48px;\"></div>\n\n    <a href=\"mailto:office@swalecvs.co.uk?subject=Organisational%20Support\" style=\"\n      display:flex;\n      align-items:center;\n      gap:.9rem;\n      background:linear-gradient(90deg,#0891b2,#0ea5a5);\n      color:#fff;\n      border-radius:.75rem;\n      padding:1.35rem 1.55rem;\n      box-shadow:0 12px 20px rgba(0,0,0,.14);\n      text-decoration:none;\n    \">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\n           style=\"width:1.5rem;height:1.5rem;stroke:#fff;stroke-width:2;flex:0 0 auto;\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M21 8l-9 6-9-6m18 10H3a2 2 0 01-2-2V8a2 2 0 012-2h18a2 2 0 012 2v8a2 2 0 01-2 2z\" />\n      </svg>\n      <div>\n        <strong style=\"display:block;font-size:1rem;margin:0;font-weight:700;color:#fff;\">\n          Need Help Or Have A Question?\n        </strong>\n        <span style=\"display:block;font-size:.9rem;opacity:.95;margin-top:.15rem;color:#fff;\">\n          Email SCVS For Organisational Support\n        </span>\n      </div>\n    </a>\n\n  </div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      try {\n        // Current-step highlight (TOP-LEVEL PATHS)\n        var path = (window.location && window.location.pathname ? window.location.pathname : \"\").toLowerCase();\n        var stepKey = null;\n\n        if (path.indexOf(\"/decision\") !== -1) stepKey = \"decision\";\n        else if (path.indexOf(\"/structure\") !== -1) stepKey = \"structure\";\n        else if (path.indexOf(\"/steps\") !== -1) stepKey = \"steps\";\n        else if (path.indexOf(\"/register\") !== -1) stepKey = \"register\";\n        else stepKey = \"structure\";\n\n        var links = document.querySelectorAll(\"a[data-step]\");\n        if (!links || !links.length) return;\n\n        for (var i = 0; i < links.length; i++) {\n          (function(a){\n            a.addEventListener(\"mouseenter\", function(){\n              a.style.transform = \"translateY(-2px)\";\n              a.style.boxShadow = \"0 14px 22px rgba(15,23,42,.10)\";\n            });\n            a.addEventListener(\"mouseleave\", function(){\n              a.style.transform = \"\";\n              a.style.boxShadow = \"\";\n            });\n          })(links[i]);\n        }\n\n        if (!stepKey) return;\n\n        for (var j = 0; j < links.length; j++) {\n          var el = links[j];\n          var k = (el.getAttribute(\"data-step\") || \"\").toLowerCase();\n          if (k === stepKey) {\n            el.style.opacity = \"1\";\n            el.style.filter = \"none\";\n            el.style.background = \"#ffffff\";\n            el.style.border = \"1px solid #e5e7eb\";\n            el.style.borderRadius = \".85rem\";\n            el.style.boxShadow = \"0 14px 26px rgba(15,23,42,.12)\";\n          } else {\n            el.style.opacity = \"0.55\";\n            el.style.filter = \"grayscale(12%)\";\n          }\n        }\n      } catch (e) {}\n    });\n\n    (function(){\n      var btn = document.getElementById(\"prosConsBtn\");\n      var panel = document.getElementById(\"prosConsPanel\");\n      var chev = document.getElementById(\"prosConsChev\");\n      if(!btn || !panel || !chev) return;\n\n      btn.addEventListener(\"click\", function(){\n        var open = (panel.style.display === \"block\");\n        panel.style.display = open ? \"none\" : \"block\";\n        btn.setAttribute(\"aria-expanded\", open ? \"false\" : \"true\");\n        if(open) chev.classList.remove(\"rot\"); else chev.classList.add(\"rot\");\n      });\n    })();\n\n    var questions = [\n      { id: 1, question: \"What is your main purpose?\", options: [\"To benefit the public or a specific community\", \"To run a social enterprise or trading activity\", \"A mix of both / not sure yet\"] },\n      { id: 2, question: \"Will your organisation need to apply for grants or charitable funding?\", options: [\"Yes\", \"Possibly in the future\", \"No\"] },\n      { id: 3, question: \"Will you need a bank account in the organisation's name?\", options: [\"Yes\", \"Not yet\", \"No\"] },\n      { id: 4, question: \"How many people will be responsible for running the organisation?\", options: [\"Just me\", \"2–3 people\", \"4 or more people\"] },\n      { id: 5, question: \"Will your organisation work with children or adults at risk?\", options: [\"Yes\", \"Possibly\", \"No\"] },\n      { id: 6, question: \"Do you expect to employ staff or pay regular sessional workers?\", options: [\"Yes\", \"Possibly\", \"No\"] },\n      { id: 7, question: \"Will the organisation need to sign contracts or manage significant risk or assets?\", options: [\"Yes\", \"Not sure\", \"No\"] },\n      { id: 8, question: \"How confident do you feel about managing ongoing responsibilities such as admin and reporting?\", options: [\"I'm happy to take this on\", \"I can manage with support\", \"I want to keep things as light as possible\"] }\n    ];\n\n    var structureDescriptions = {\n      charity: {\n        title: \"Charity or CIO\",\n        description: \"A Charity or Charitable Incorporated Organisation (CIO) is ideal if your main aim is to help people or communities and you plan to apply for grants or raise funds from the public. These structures are trusted, regulated, and give you a clear way to show accountability. A CIO offers a simpler route because you only report to the Charity Commission.\",\n        suitableFor: [\"Deliver charitable or community benefit\", \"Apply for grant funding\", \"Have a board or committee\", \"Be formally recognised and regulated\"]\n      },\n      cic: {\n        title: \"CIC (Community Interest Company)\",\n        description: \"A CIC is a social enterprise that can trade, sell goods or services, and reinvest profits for a social purpose. CICs are regulated to make sure they benefit the community, but they are more business-like than charities.\",\n        suitableFor: [\"Run a social business\", \"Trade as a core activity\", \"Reinvest profits into community benefit\", \"Have directors rather than trustees\"]\n      },\n      community: {\n        title: \"Community Group / Unincorporated Association\",\n        description: \"A community group or unincorporated association is the simplest way for people to run local activities together without formal registration. You still agree some basic rules, but paperwork is minimal.\",\n        suitableFor: [\"Keep things simple\", \"Start quickly\", \"Stay volunteer-led\", \"Avoid formal reporting requirements\", \"Focus on local activities\"]\n      },\n      charitable_company: {\n        title: \"Charitable Company Limited by Guarantee\",\n        description: \"A charitable company combines the benefits of being a charity with the protections of a limited company. This structure involves reporting to both the Charity Commission and Companies House.\",\n        suitableFor: [\"Employ staff\", \"Deliver larger or more complex services\", \"Hold contracts or manage assets\", \"Operate with a high level of formality and governance\"]\n      },\n      small_group: {\n        title: \"Small Group / No Formal Structure Yet\",\n        description: \"Some groups don't need to register right away. If your idea is early-stage, you're not handling money yet, and things feel uncertain, it may be best to start as a simple volunteer-led group.\",\n        suitableFor: [\"Start informally\", \"Test their idea\", \"Avoid early paperwork\", \"Grow naturally before formalising\"]\n      }\n    };\n\n    function determineRecommendation(answers){\n      var purpose = answers[0];\n      var funding = answers[1];\n      var bankAccount = answers[2];\n      var peopleCount = answers[3];\n      var safeguarding = answers[4];\n      var paidRoles = answers[5];\n      var contracts = answers[6];\n      var confidence = answers[7];\n\n      var scores = { charity:0, cic:0, community:0, charitable_company:0, small_group:0 };\n\n      var excludeInformalGroup = (safeguarding === \"Yes\" || safeguarding === \"Possibly\");\n\n      if (contracts === \"Yes\") {\n        scores.charity = 10;\n        scores.cic = 10;\n        scores.charitable_company = 10;\n        scores.community = -100;\n        scores.small_group = -100;\n      }\n\n      if (funding === \"Yes\") {\n        scores.charity += 15;\n        scores.charitable_company += 12;\n        scores.cic += 5;\n      }\n\n      if (purpose === \"To run a social enterprise or trading activity\" && funding === \"No\") {\n        scores.cic += 20;\n      }\n\n      if (peopleCount === \"Just me\") {\n        scores.charity -= 10;\n        scores.charitable_company -= 10;\n        scores.small_group += 10;\n        scores.community += 5;\n      }\n\n      if (purpose === \"To benefit the public or a specific community\") {\n        scores.charity += 10;\n        scores.charitable_company += 8;\n        scores.community += 5;\n      } else if (purpose === \"To run a social enterprise or trading activity\") {\n        scores.cic += 15;\n      } else {\n        scores.charity += 3;\n        scores.cic += 3;\n        scores.community += 3;\n        scores.small_group += 5;\n      }\n\n      if (funding === \"Possibly in the future\") {\n        scores.charity += 8;\n        scores.charitable_company += 6;\n        scores.cic += 3;\n      } else if (funding === \"No\") {\n        scores.cic += 5;\n        scores.community += 8;\n        scores.small_group += 5;\n      }\n\n      if (bankAccount === \"Yes\") {\n        scores.charity += 5;\n        scores.cic += 5;\n        scores.charitable_company += 5;\n        scores.community += 3;\n      } else if (bankAccount === \"Not yet\") {\n        scores.community += 5;\n        scores.small_group += 8;\n      } else {\n        scores.small_group += 10;\n      }\n\n      if (peopleCount === \"2–3 people\") {\n        scores.charity += 5;\n        scores.community += 8;\n        scores.cic += 5;\n      } else if (peopleCount === \"4 or more people\") {\n        scores.charity += 10;\n        scores.charitable_company += 10;\n        scores.cic += 8;\n      }\n\n      if (excludeInformalGroup) {\n        scores.community = -100;\n        scores.small_group = -100;\n        scores.charity += 8;\n        scores.charitable_company += 8;\n        scores.cic += 5;\n      }\n\n      if (paidRoles === \"Yes\") {\n        scores.charity += 8;\n        scores.charitable_company += 12;\n        scores.cic += 10;\n      } else if (paidRoles === \"Possibly\") {\n        scores.charity += 5;\n        scores.charitable_company += 7;\n        scores.cic += 5;\n      } else {\n        scores.community += 10;\n        scores.small_group += 5;\n      }\n\n      if (contracts === \"Not sure\") {\n        scores.charity += 5;\n        scores.cic += 5;\n      } else if (contracts === \"No\") {\n        scores.community += 10;\n        scores.small_group += 8;\n      }\n\n      if (confidence === \"I'm happy to take this on\") {\n        scores.charity += 10;\n        scores.charitable_company += 10;\n        scores.cic += 10;\n      } else if (confidence === \"I can manage with support\") {\n        scores.charity += 5;\n        scores.cic += 5;\n        scores.community += 5;\n      } else {\n        scores.community += 15;\n        scores.small_group += 15;\n      }\n\n      var sorted = Object.entries(scores).sort(function(a,b){ return b[1]-a[1]; });\n      return sorted[0][0];\n    }\n\n    function shouldShowSupport(answers){\n      if (!answers || answers.length === 0) return false;\n      var funding = answers[1];\n      var bankAccount = answers[2];\n      var paidRoles = answers[5];\n      var contracts = answers[6];\n      var confidence = answers[7];\n\n      return (\n        funding === \"Yes\" ||\n        funding === \"Possibly in the future\" ||\n        bankAccount === \"Yes\" ||\n        bankAccount === \"Not yet\" ||\n        paidRoles === \"Yes\" ||\n        paidRoles === \"Possibly\" ||\n        contracts === \"Yes\" ||\n        contracts === \"Not sure\" ||\n        confidence === \"I can manage with support\" ||\n        confidence === \"I want to keep things as light as possible\"\n      );\n    }\n\n    var state = { idx:0, answers:[], done:false, rec:null };\n\n    var qCounter = document.getElementById(\"qCounter\");\n    var qPct = document.getElementById(\"qPct\");\n    var qBar = document.getElementById(\"qBar\");\n    var qText = document.getElementById(\"qText\");\n    var qOptions = document.getElementById(\"qOptions\");\n    var startOverWrap = document.getElementById(\"startOverWrap\");\n\n    var resultsWrap = document.getElementById(\"resultsWrap\");\n    var resultTitle = document.getElementById(\"resultTitle\");\n    var resultDesc = document.getElementById(\"resultDesc\");\n    var resultBullets = document.getElementById(\"resultBullets\");\n    var helpStrip = document.getElementById(\"helpStrip\");\n\n    function bulletItem(text){\n      var li = document.createElement(\"li\");\n      li.style.display = \"flex\";\n      li.style.gap = \".85rem\";\n      li.style.alignItems = \"flex-start\";\n\n      var iconWrap = document.createElement(\"span\");\n      iconWrap.style.flex = \"0 0 auto\";\n      iconWrap.style.marginTop = \".15rem\";\n      iconWrap.innerHTML =\n        '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">' +\n          '<circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#dcfce7\" stroke=\"#16a34a\" stroke-width=\"2\"/>' +\n          '<path d=\"M7.5 12.5l2.7 2.7L16.8 8.6\" stroke=\"#16a34a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n        '</svg>';\n\n      var span = document.createElement(\"span\");\n      span.style.color = \"#475569\";\n      span.style.lineHeight = \"1.55\";\n      span.appendChild(document.createTextNode(text));\n\n      li.appendChild(iconWrap);\n      li.appendChild(span);\n      return li;\n    }\n\n    function renderQuestion(){\n      resultsWrap.style.display = \"none\";\n\n      var total = questions.length;\n      var n = state.idx + 1;\n      var pct = Math.round((n / total) * 100);\n\n      qCounter.textContent = \"Question \" + n + \" of \" + total;\n      qPct.textContent = pct + \"%\";\n      qBar.style.width = pct + \"%\";\n\n      var q = questions[state.idx];\n      qText.textContent = q.question;\n\n      qOptions.innerHTML = \"\";\n      q.options.forEach(function(opt){\n        var b = document.createElement(\"button\");\n        b.type = \"button\";\n        b.className = \"optBtn\";\n        b.textContent = opt;\n        b.addEventListener(\"click\", function(){ handleAnswer(opt); });\n        qOptions.appendChild(b);\n      });\n\n      startOverWrap.style.display = (state.idx > 0) ? \"block\" : \"none\";\n    }\n\n    function renderResults(){\n      var info = structureDescriptions[state.rec];\n      resultTitle.textContent = info.title;\n      resultDesc.textContent = info.description;\n\n      resultBullets.innerHTML = \"\";\n      info.suitableFor.forEach(function(t){\n        resultBullets.appendChild(bulletItem(t));\n      });\n\n      helpStrip.style.display = shouldShowSupport(state.answers) ? \"block\" : \"none\";\n      resultsWrap.style.display = \"block\";\n      resultsWrap.scrollIntoView({ behavior:\"smooth\", block:\"start\" });\n    }\n\n    function handleAnswer(answer){\n      state.answers.push(answer);\n\n      if (state.idx < questions.length - 1) {\n        state.idx += 1;\n        renderQuestion();\n      } else {\n        state.done = true;\n        state.rec = determineRecommendation(state.answers);\n        renderResults();\n      }\n    }\n\n    function resetQuestionnaire(){\n      state.idx = 0;\n      state.answers = [];\n      state.done = false;\n      state.rec = null;\n      renderQuestion();\n    }\n\n    var startOverLink = document.getElementById(\"startOverLink\");\n    var restartBtn = document.getElementById(\"restartBtn\");\n    var takeAgain = document.getElementById(\"takeAgain\");\n    var exploreJump = document.getElementById(\"exploreJump\");\n\n    if (startOverLink) startOverLink.addEventListener(\"click\", resetQuestionnaire);\n    if (restartBtn) restartBtn.addEventListener(\"click\", resetQuestionnaire);\n    if (takeAgain) takeAgain.addEventListener(\"click\", resetQuestionnaire);\n\n    if (exploreJump) exploreJump.addEventListener(\"click\", function(){\n      var el = document.getElementById(\"explore-structures\");\n      if (el) el.scrollIntoView({ behavior:\"smooth\", block:\"start\" });\n    });\n\n    var structureOptions = [\n      { value:\"charity-cio\", title:\"Charity / CIO\", body:\"A Charity or CIO is designed for organisations whose main aim is to benefit people or communities. It is well suited to groups that want to apply for public grants or fundraise. A CIO is often the simplest charitable structure because it only reports to the Charity Commission.\\n\\nBest suited for: delivering community benefit, applying for grants, having a board or committee, and operating with clear accountability.\" },\n      { value:\"cic\", title:\"CIC (Community Interest Company)\", body:\"A CIC is a social enterprise that can trade and reinvest profits into community benefit. It is more business-like than a charity but still regulated to ensure it operates for social good.\\n\\nBest suited for: groups that want to trade, sell goods or services, run social businesses, and have directors rather than trustees.\" },\n      { value:\"community-group\", title:\"Community Group / Unincorporated Association\", body:\"This is the simplest option for small groups running local activities without formal registration. It involves minimal paperwork and is ideal for volunteer-led groups starting out.\\n\\nBest suited for: keeping things simple, starting quickly, working informally, avoiding complex reporting, and focusing on local activities.\" },\n      { value:\"charitable-company\", title:\"Charitable Company Limited by Guarantee\", body:\"A charitable company combines the benefits of being a charity with the legal protections of a limited company. It requires reporting to both the Charity Commission and Companies House and is suitable for larger or more complex organisations.\\n\\nBest suited for: employing staff, managing contracts, holding assets, delivering larger services, and needing strong legal protection.\" },\n      { value:\"small-group\", title:\"Small Group / No Formal Structure Yet\", body:\"Some groups do not need to register immediately. If your idea is early-stage, you are not handling money yet, or you want to test activities first, starting informally can be the simplest option.\\n\\nBest suited for: early ideas, volunteer-led activity, avoiding early paperwork, and growing naturally before formalising.\" }\n    ];\n\n    (function(){\n      var list = document.getElementById(\"exploreList\");\n      if(!list) return;\n      var expanded = null;\n\n      function renderExplore(){\n        list.innerHTML = \"\";\n        structureOptions.forEach(function(opt){\n          var wrap = document.createElement(\"div\");\n          wrap.style.border = \"1px solid #e5e7eb\";\n          wrap.style.borderRadius = \".75rem\";\n          wrap.style.overflow = \"hidden\";\n          wrap.style.background = \"#ffffff\";\n\n          var btn = document.createElement(\"button\");\n          btn.type = \"button\";\n          btn.className = \"accBtn\";\n          btn.style.padding = \"1rem 1.1rem\";\n          btn.innerHTML =\n            '<strong style=\"color:#0f172a;font-size:.95rem;\">' + opt.title + '</strong>' +\n            '<svg class=\"chev ' + (expanded === opt.value ? \"rot\" : \"\") + '\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">' +\n              '<path d=\"M6 9l6 6 6-6\" stroke=\"#64748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n            '</svg>';\n\n          var panel = document.createElement(\"div\");\n          panel.style.display = (expanded === opt.value) ? \"block\" : \"none\";\n          panel.style.borderTop = \"1px solid #e5e7eb\";\n          panel.style.padding = \"1rem 1.1rem\";\n          panel.style.color = \"#475569\";\n\n          var parts = opt.body.split(\"\\n\\n\");\n          panel.innerHTML = parts.map(function(p){\n            return '<p style=\"margin:0 0 .75rem 0;color:#475569;\">' + p.replace(/</g,\"&lt;\").replace(/>/g,\"&gt;\") + \"</p>\";\n          }).join(\"\");\n          if(panel.lastChild) panel.lastChild.style.marginBottom = \"0\";\n\n          btn.addEventListener(\"click\", function(){\n            expanded = (expanded === opt.value) ? null : opt.value;\n            renderExplore();\n          });\n\n          wrap.appendChild(btn);\n          wrap.appendChild(panel);\n          list.appendChild(wrap);\n        });\n      }\n\n      renderExplore();\n    })();\n\n    renderQuestion();\n  </script>\n\n</body>\n</html>","embed_html_app1headerHtml":""},"metaData":{"position":{"left":-471,"top":227},"size":{"width":960,"height":3871}}}]}],"offset":{"left":231,"top":-3386}}],"connections":{"targetConnections":{},"sourceConnections":{}},"customStatesProperties":{},"pageId":"id1770818788118","version":17.004,"id":"id1774351714813","relativePoint":{"left":231,"top":-3386}}