{"id":785,"date":"2026-06-23T10:14:45","date_gmt":"2026-06-23T10:14:45","guid":{"rendered":"https:\/\/growthos.biz\/?page_id=785"},"modified":"2026-07-22T11:23:22","modified_gmt":"2026-07-22T11:23:22","slug":"herramientas","status":"publish","type":"page","link":"https:\/\/growthos.biz\/es\/tools\/","title":{"rendered":"Herramientas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"785\" class=\"elementor elementor-785\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdba503 e-con-full e-flex e-con e-parent\" data-id=\"bdba503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df1a286 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"df1a286\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     HEADER \u00b7 Site navigation\n     ----------------------------------------------------------------\n     Paste this in a single HTML widget in Elementor.\n\n     If using Elementor Pro Theme Builder:\n       Templates \u2192 Theme Builder \u2192 Header \u2192 New Header\n       \u2192 Drop an HTML widget \u2192 paste this whole file\n       \u2192 \"Display Settings: Entire site\"\n\n     Includes:\n     - Logo + 4 primary nav links + Resources dropdown\n     - Login (outlined) + Talk to us (primary CTA)\n     - Functional mobile menu (hamburger \u2192 slide-down panel)\n     - Functional Resources dropdown (hover desktop, accordion mobile)\n     - Click-outside + ESC to close\n     ============================================================ -->\n\n<style>\n\/* ---------- Header \u00b7 root ---------- *\/\n.gh-nav {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(10, 22, 40, .92);\n  backdrop-filter: saturate(140%) blur(14px);\n  -webkit-backdrop-filter: saturate(140%) blur(14px);\n  color: #fff;\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}\n\n.gh-nav-inner {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  height: 68px;\n}\n\n\/* ---------- Brand ---------- *\/\n.gh-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 600;\n  font-size: 18px;\n  letter-spacing: -.02em;\n  color: #fff;\n  text-decoration: none;\n  flex-shrink: 0;\n}\n.gh-brand-logo {\n  height: 40px;\n  width: 120px;\n  display: block;\n}\n\n\/* ---------- Primary nav (desktop) ---------- *\/\n.gh-nav-links {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 12px;\n}\n.gh-nav-link {\n  font-size: 13px;\n  font-weight: 500;\n  padding: 8px 12px;\n  border-radius: 8px;\n  color: rgba(255,255,255,.78);\n  letter-spacing: .02em;\n  text-transform: uppercase;\n  transition: background .15s, color .15s;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  text-decoration: none;\n  position: relative;\n}\n.gh-nav-link:hover { color: #fff; background: rgba(255,255,255,.06); }\n.gh-nav-link.active { color: #fff; }\n.gh-nav-link.active::after {\n  content: '';\n  display: block;\n  width: 18px;\n  height: 2px;\n  background: var(--green);\n  border-radius: 2px;\n  position: absolute;\n  bottom: -2px;\n  left: 12px;\n}\n\n\/* ---------- Resources dropdown ---------- *\/\n.gh-dropdown {\n  position: relative;\n  display: inline-flex;\n}\n.gh-dropdown-trigger {\n  \/* Match .gh-nav-link visually + reset native button defaults *\/\n  background: transparent;\n  border: 0;\n  padding: 8px 12px;\n  margin: 0;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n  line-height: inherit;\n  color: rgba(255,255,255,.78);\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  transition: background .15s, color .15s;\n}\n.gh-dropdown-trigger:hover { color: #fff; background: rgba(255,255,255,.06); }\n\n.gh-dropdown-chevron {\n  transition: transform 200ms ease;\n  margin-top: 1px;\n}\n.gh-dropdown:hover .gh-dropdown-chevron,\n.gh-dropdown[data-open=\"true\"] .gh-dropdown-chevron {\n  transform: rotate(180deg);\n}\n\n\/* Invisible bridge so the menu doesn't disappear when crossing the gap *\/\n.gh-dropdown::before {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  height: 10px;\n}\n\n.gh-dropdown-menu {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 0;\n  min-width: 240px;\n  list-style: none;\n  margin: 0;\n  padding: 8px;\n  background: var(--navy-800, #11203a);\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 12px;\n  box-shadow: 0 24px 48px -20px rgba(0,0,0,.55);\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-4px);\n  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms;\n  z-index: 100;\n}\n.gh-dropdown:hover .gh-dropdown-menu,\n.gh-dropdown:focus-within .gh-dropdown-menu,\n.gh-dropdown[data-open=\"true\"] .gh-dropdown-menu {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n}\n.gh-dropdown-item {\n  display: block;\n  padding: 10px 14px;\n  color: rgba(255,255,255,.78);\n  text-decoration: none;\n  font-size: 14px;\n  border-radius: 8px;\n  transition: background 150ms ease, color 150ms ease;\n}\n.gh-dropdown-item:hover,\n.gh-dropdown-item:focus-visible {\n  background: rgba(22,160,107,.14);\n  color: #fff;\n  outline: none;\n}\n\n\/* ---------- Right-side actions ---------- *\/\n.gh-nav-spacer { flex: 1; }\n\n.gh-nav-actions {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.gh-nav-login {\n  background: transparent;\n  color: #fff;\n  padding: 10px 18px;\n  border-radius: 8px;\n  font-weight: 600;\n  font-size: 13px;\n  letter-spacing: .01em;\n  transition: background .18s, border-color .18s, transform .18s;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid rgba(255,255,255,.28);\n  cursor: pointer;\n  text-decoration: none;\n}\n.gh-nav-login:hover {\n  background: rgba(255,255,255,.08);\n  border-color: rgba(255,255,255,.6);\n  color: #fff;\n  transform: translateY(-1px);\n}\n\n.gh-nav-cta {\n  background: var(--green, #16a06b);\n  color: #fff;\n  padding: 10px 18px;\n  border-radius: 8px;\n  font-weight: 600;\n  font-size: 13px;\n  letter-spacing: .01em;\n  transition: background .15s, transform .15s;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  cursor: pointer;\n  text-decoration: none;\n}\n.gh-nav-cta:hover {\n  background: var(--green-dark, #0e6b48);\n  transform: translateY(-1px);\n}\n\n\/* ---------- Mobile button (hidden on desktop) ---------- *\/\n.gh-nav-mobile-btn {\n  display: none;\n  background: none;\n  border: 0;\n  color: #fff;\n  padding: 8px;\n  cursor: pointer;\n  margin-left: auto;\n\n}\n<\/style>\n\n\n<header class=\"gh-nav\" id=\"gh-header\">\n  <div class=\"container gh-nav-inner\">\n\n    <!-- Brand -->\n    <a href=\"\/\" class=\"gh-brand\" aria-label=\"GrowthOS \u2014 Home\">\n      <img decoding=\"async\" class=\"gh-brand-logo\" src=\"https:\/\/growthos.biz\/wp-content\/uploads\/2026\/06\/Logo-brand.png\" alt=\"GrowthOS\" width=\"20\" height=\"30\" \/>\n    <\/a>\n\n    <!-- Desktop nav -->\n    <nav class=\"gh-nav-links\" aria-label=\"Primary\">\n     \n      <a class=\"gh-nav-link\" href=\"\/sales-engine\">Sales Engine<\/a>\n      <a class=\"gh-nav-link\" href=\"\/build-studio\">Build Studio<\/a>\n      <a class=\"gh-nav-link\" href=\"\/tools\">Tools<\/a>\n\n      <div class=\"gh-dropdown\">\n        <button class=\"gh-dropdown-trigger\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">\n          Resources\n          <svg class=\"gh-dropdown-chevron\" width=\"10\" height=\"10\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\">\n            <path d=\"M3 6l5 5 5-5\"\/>\n          <\/svg>\n        <\/button>\n        <ul class=\"gh-dropdown-menu\" role=\"menu\">\n          <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">\n              Sales Engine Diagnostic\n            <\/a>\n          <\/li>\n          <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/maturity-assessment\">\n              Maturity Assessment\n            <\/a>\n          <\/li>\n          <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/revenue-leakage-calculator\">\n              Revenue Leakage Calculator\n            <\/a>\n          <\/li>\n           <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/ai-vs-manual-calculator\">\n              AI vs Manual Calculator\n            <\/a>\n          <\/li>\n           <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/gtm-readiness\">\n              GTM Readiness\n            <\/a>\n          <\/li>\n           <li role=\"none\">\n            <a class=\"gh-dropdown-item\" role=\"menuitem\" href=\"https:\/\/app.growthos.biz\/ai-outreach-score\">\n              AI Outreach Score\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/nav>\n\n    <div class=\"gh-nav-spacer\"><\/div>\n\n    <!-- Desktop actions -->\n    <div class=\"gh-nav-actions\">\n      <a class=\"gh-nav-login\" href=\"https:\/\/app.growthos.biz\/auth\">Login<\/a>\n      <a class=\"gh-nav-cta\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">\n        Talk to us\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- Mobile hamburger -->\n    <button class=\"gh-nav-mobile-btn\" id=\"gh-mobile-toggle\" aria-label=\"Open menu\" aria-expanded=\"false\">\n      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"M4 7h16M4 12h16M4 17h16\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n\n  <!-- Mobile panel (slides down) -->\n  <div class=\"gh-mobile-panel\" id=\"gh-mobile-panel\" data-open=\"false\">\n    <div class=\"container gh-mobile-inner\">\n      <a class=\"gh-mobile-link\" href=\"\/sales-engine\">Sales Engine<\/a>\n      <a class=\"gh-mobile-link\" href=\"\/build-studio\">Build Studio<\/a>\n      <a class=\"gh-mobile-link\" href=\"\/tools\">Tools<\/a>\n\n      <details class=\"gh-mobile-accordion\">\n        <summary>\n          Resources\n          <svg class=\"chev\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\n            <path d=\"M3 6l5 5 5-5\"\/>\n          <\/svg>\n        <\/summary>\n        <ul class=\"gh-mobile-sublist\">\n          <li><a href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">Sales Engine Diagnostic<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/maturity-assessment\">Maturity Assessment<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/revenue-leakage-calculator\">Revenue Leakage Calculator<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/ai-vs-manual-calculator\">AI vs Manual Calculator<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/gtm-readiness\">GTM Readiness<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/ai-outreach-score\">AI Outreach Score<\/a><\/li>\n        <\/ul>\n      <\/details>\n\n      <div class=\"gh-mobile-actions\">\n        <a class=\"gh-nav-login\" href=\"https:\/\/app.growthos.biz\/auth\">Login<\/a>\n        <a class=\"gh-nav-cta\" href=\"https:\/\/tally.so\/r\/jaEKb4t\" rel=\"nofollow noopener\" target=\"_blank\">\n          Talk to us\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8428b3 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"f8428b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 01 \u00b7 HERO\n     ----------------------------------------------------------------\n     Paper background. Two-column hero with floating card collage.\n     Requires 00-globals-scoped.css already pasted in Site Settings.\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared tools-cta button family ---------- *\/\n.tools-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13.5px;\n  font-weight: 600;\n  letter-spacing: .01em;\n  padding: 11px 18px;\n  border-radius: 10px;\n  white-space: nowrap;\n  text-decoration: none;\n  transition: transform .15s, background .15s, border-color .15s, color .15s;\n}\n.tools-cta svg { transition: transform .2s; flex-shrink: 0; }\n.tools-cta:hover svg { transform: translateX(3px); }\n.tools-cta.solid { background: var(--green); color: #04130c; }\n.tools-cta.solid:hover { background: #1cc07e; transform: translateY(-1px); }\n.tools-cta.outline { background: #fff; color: var(--ink); border: 1.5px solid var(--ink); }\n.tools-cta.outline:hover { background: var(--ink); color: #fff; }\n.tools-cta.full { width: 100%; justify-content: center; padding: 13px 18px; }\n\n\/* ---------- 01 \u00b7 Hero ---------- *\/\n.tools-hero {\n  background: var(--navy-900);\n  color: #ffff;\n  padding: clamp(72px, 9vw, 96px) 0 clamp(76px, 9vw, 100px);\n  overflow: hidden;\n}\n.tools-hero-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);\n  gap: 48px;\n  align-items: center;\n}\n@media (max-width: 980px) {\n  .tools-hero-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.tools-hero h1 {\n  margin-top: 18px;\n  font-size: clamp(32px, 4.4vw, 56px);\n  line-height: 1.06;\n}\n.tools-hero h1 .grad { color: var(--green-dark); }\n\n.tools-hero-sub {\n  margin-top: 20px;\n  font-size: clamp(15px, 1.5vw, 17.5px);\n  line-height: 1.6;\n  color: #fff;\n  max-width: 560px;\n}\n\n.tools-trust {\n  margin-top: 30px;\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n  align-items: flex-start;\n}\n.tools-trust-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12.5px;\n  color: var(--ink-2);\n  line-height: 1.4;\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  padding: 8px 15px;\n}\n.tools-trust-chip b {\n  color: var(--ink);\n  font-weight: 600;\n}\n.tools-trust-chip svg {\n  color: var(--green);\n  flex-shrink: 0;\n}\n\n\/* Floating card collage *\/\n.tools-hero-collage {\n  position: relative;\n  height: 360px;\n}\n@media (max-width: 980px) { .tools-hero-collage { display: none; } }\n\n.thc-card {\n  position: absolute;\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  padding: 16px;\n  box-shadow: 0 24px 50px -24px rgba(8,20,40,.22);\n}\n.thc-tag {\n  display: inline-block;\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .04em;\n  color: #2b6fb0;\n  background: #eaf1f8;\n  border-radius: 6px;\n  padding: 4px 9px;\n  margin-bottom: 12px;\n}\n.thc-tag.amber { color: #a9722a; background: #f6efe6; }\n.thc-tag.red { color: #b2453c; background: #f6ebea; }\n\n.thc-line {\n  display: block;\n  height: 7px;\n  border-radius: 4px;\n  background: #e7ebef;\n  margin: 7px 0;\n}\n.thc-line.w90 { width: 90%; }\n.thc-line.w80 { width: 80%; }\n.thc-line.w70 { width: 70%; }\n.thc-line.w60 { width: 60%; }\n.thc-line.w50 { width: 50%; }\n\n.thc-btn {\n  display: inline-block;\n  margin-top: 10px;\n  background: var(--green);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  padding: 5px 12px;\n  border-radius: 6px;\n}\n.thc-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin: 8px 0;\n}\n.thc-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--green-soft);\n  flex-shrink: 0;\n}\n.thc-row .thc-line { margin: 0; flex: 1; }\n.thc-split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-top: 4px;\n}\n.thc-email  { top:   6px; left:  8%; width: 250px; z-index: 3; }\n.thc-brief  { top: 150px; right: 2%; width: 220px; z-index: 2; }\n.thc-battle { bottom:  0; left:  0;  width: 230px; z-index: 1; }\n\n\/* Mobile: stack hero CTAs full-width *\/\n.tools-hero .hero-cta-row {\n  margin-top: 30px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n@media (max-width: 480px) {\n  .tools-hero .hero-cta-row { flex-direction: column; align-items: stretch; }\n  .tools-hero .hero-cta-row .tools-cta { justify-content: center; width: 100%; }\n}\n<\/style>\n\n\n<section class=\"tools-hero\" aria-labelledby=\"tools-hero-title\">\n  <div class=\"container tools-hero-grid\">\n    <div class=\"tools-hero-copy\">\n      <span class=\"eyebrow\">Tools \u00b7 Live library<\/span>\n      <h1 id=\"tools-hero-title\">Tools you can use today. <span class=\"grad\">No demo. No contract. No long projects.<\/span><\/h1>\n      <p class=\"tools-hero-sub\">\n        Five productized tools to accelerate the tactical work: email generation, meeting prep,\n        battle cards, proposals and campaign planning. <br>Pay only for what you use. Get value in minutes.\n      <\/p>\n      <div class=\"hero-cta-row\">\n        <\/a>\n      <\/div>\n      <div class=\"tools-trust\">\n        <span class=\"tools-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>\n          <b>Output in minutes<\/b> \u00b7 not weeks\n        <\/span>\n        <span class=\"tools-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M3 10h18\"\/><\/svg>\n          <b>Pay-per-use<\/b> \u00b7 no subscription required\n        <\/span>\n        <span class=\"tools-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V8a4 4 0 018-0\"\/><\/svg>\n          <b>No setup<\/b> \u00b7 use the tool the second you land\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Floating tool collage -->\n    <div class=\"tools-hero-collage\" aria-hidden=\"true\">\n      <div class=\"thc-card thc-email\">\n        <div class=\"thc-tag\">Email \u00b7 30s<\/div>\n        <div class=\"thc-line w70\"><\/div>\n        <div class=\"thc-line w90\"><\/div>\n        <div class=\"thc-line w50\"><\/div>\n        <span class=\"thc-btn\">Send<\/span>\n      <\/div>\n      <div class=\"thc-card thc-brief\">\n        <div class=\"thc-tag amber\">Brief \u00b7 2 min<\/div>\n        <div class=\"thc-row\"><span class=\"thc-dot\"><\/span><span class=\"thc-line w80\"><\/span><\/div>\n        <div class=\"thc-row\"><span class=\"thc-dot\"><\/span><span class=\"thc-line w60\"><\/span><\/div>\n        <div class=\"thc-row\"><span class=\"thc-dot\"><\/span><span class=\"thc-line w70\"><\/span><\/div>\n      <\/div>\n      <div class=\"thc-card thc-battle\">\n        <div class=\"thc-tag red\">Battle card \u00b7 3 min<\/div>\n        <div class=\"thc-split\">\n          <div><span class=\"thc-line w90\"><\/span><span class=\"thc-line w70\"><\/span><\/div>\n          <div><span class=\"thc-line w80\"><\/span><span class=\"thc-line w60\"><\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93e4c17 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"93e4c17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 02 \u00b7 TOOLS GRID\n     ----------------------------------------------------------------\n     Paper background. Chains with block 01 (no top padding).\n     5 cards. Each has icon + name + time-to-value chip + tinted preview\n     panel + price + CTA. Card 05 (Campaign Planner) spans 2 cols.\n     Previews are full HTML\/CSS mockups \u2014 pixel-perfect, no images.\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared tools-cta (also in block 01) ---------- *\/\n.tools-cta {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 13.5px; font-weight: 600; letter-spacing: .01em;\n  padding: 11px 18px; border-radius: 10px; white-space: nowrap;\n  text-decoration: none;\n  transition: transform .15s, background .15s, border-color .15s, color .15s;\n}\n.tools-cta svg { transition: transform .2s; flex-shrink: 0; }\n.tools-cta:hover svg { transform: translateX(3px); }\n.tools-cta.solid { background: var(--green); color: #04130c; }\n.tools-cta.solid:hover { background: #1cc07e; transform: translateY(-1px); }\n\n\/* ---------- 02 \u00b7 Tools grid ---------- *\/\n.tools-grid-sec {\n  background: var(--paper);\n  padding: 0 0 clamp(64px, 8vw, 96px) 6;  \/* No top padding \u2014 chains with block 01 *\/\n}\n.tools-grid-head { max-width: 680px; }\n.tools-grid-head h2 {\n  margin-top: 12px;\n  font-size: clamp(24px, 3vw, 40px);\n  letter-spacing: -.025em;\n}\n.tools-grid-head p {\n  margin-top: 14px;\n  font-size: clamp(14px, 1.4vw, 16.5px);\n  color: var(--ink-2);\n  line-height: 1.55;\n}\n\n.tools-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n@media (max-width: 980px) { .tools-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 640px) { .tools-grid { grid-template-columns: 1fr; } }\n\n.tools-card {\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  padding: 22px;\n  display: flex;\n  flex-direction: column;\n  transition: border-color .18s, transform .18s, box-shadow .18s;\n}\n.tools-card:hover {\n  border-color: var(--green);\n  transform: translateY(-3px);\n  box-shadow: var(--shadow);\n}\n.tools-card.span2 { grid-column: span 2; }\n@media (max-width: 640px) { .tools-card.span2 { grid-column: span 1; } }\n\n.tc-head {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  gap: 12px;\n  align-items: start;\n}\n.tc-ic {\n  width: 40px; height: 40px;\n  border-radius: 11px;\n  background: var(--green-soft);\n  color: var(--green-deep);\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n}\n.tc-name h3 {\n  font-size: clamp(15px, 1.6vw, 17px);\n  color: var(--ink);\n  letter-spacing: -.01em;\n}\n.tc-name p {\n  margin-top: 4px;\n  font-size: 12.5px;\n  color: var(--ink-2);\n  line-height: 1.45;\n}\n.tc-ttv {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex-shrink: 0;\n  font-family: var(--mono);\n  font-size: 11.5px;\n  font-weight: 600;\n  letter-spacing: .02em;\n  background: var(--green);\n  color: #fff;\n  padding: 6px 11px;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n.tc-ttv svg { color: #fff; }\n\n\/* Preview panel + tints *\/\n.tc-preview {\n  margin: 18px 0;\n  border-radius: 13px;\n  padding: 16px;\n  min-height: 200px;\n  display: flex;\n  align-items: stretch;\n  border: 1px solid rgba(8,20,40,.05);\n}\n.tools-card .tint-blue   { background: #eef3f8; }\n.tools-card .tint-amber  { background: #f7f1e9; }\n.tools-card .tint-red    { background: #f8eeed; }\n.tools-card .tint-purple { background: #f1eef8; }\n.tools-card .tint-green  { background: #ebf3ee; }\n\n.tc-foot {\n  margin-top: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.tc-price {\n  font-family: var(--mono);\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--ink-2);\n}\n\n\/* ===== Mockup: EMAIL ===== *\/\n.mk-email {\n  background: #fff;\n  border: 1px solid #dfe7ee;\n  border-radius: 10px;\n  padding: 14px;\n  width: 100%;\n  box-shadow: 0 6px 18px -12px rgba(20,40,70,.3);\n  display: flex;\n  flex-direction: column;\n}\n.mke-row {\n  font-size: 11px;\n  color: var(--ink);\n  padding: 4px 0;\n  display: flex;\n  gap: 8px;\n}\n.mke-lbl {\n  font-family: var(--mono);\n  font-size: 9.5px;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  color: #9aa6b2;\n  min-width: 46px;\n  padding-top: 1px;\n}\n.mke-divider {\n  height: 1px;\n  background: #eef2f6;\n  margin: 8px 0;\n}\n.mke-body {\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--ink-2);\n  margin-bottom: 8px;\n}\n.mke-body.dim { color: #8a98a6; }\n.mke-send {\n  align-self: flex-start;\n  margin-top: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--green);\n  color: #fff;\n  font-size: 10.5px;\n  font-weight: 600;\n  padding: 6px 12px;\n  border-radius: 7px;\n}\n\n\/* ===== Mockup: BRIEF ===== *\/\n.mk-brief {\n  background: #fff;\n  border: 1px solid #efe5d6;\n  border-radius: 10px;\n  padding: 14px;\n  width: 100%;\n  box-shadow: 0 6px 18px -12px rgba(70,50,20,.25);\n}\n.mkb-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 11px;\n  border-bottom: 1px solid #f2ece2;\n}\n.mkb-logo {\n  width: 30px; height: 30px;\n  border-radius: 8px;\n  background: #e7892c;\n  color: #fff;\n  display: grid;\n  place-items: center;\n  font-weight: 700;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.mkb-head b {\n  font-size: 12.5px;\n  color: var(--ink);\n  display: block;\n}\n.mkb-head span {\n  font-size: 11px;\n  color: var(--ink-3);\n}\n.mkb-keys {\n  list-style: none;\n  padding: 0;\n  margin: 11px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n}\n.mkb-keys li {\n  font-size: 11px;\n  color: var(--ink-2);\n  display: flex;\n  gap: 8px;\n  align-items: baseline;\n}\n.mkb-keys .k {\n  font-family: var(--mono);\n  font-size: 8.5px;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  color: #b08544;\n  min-width: 44px;\n  flex-shrink: 0;\n}\n.mkb-disc {\n  font-family: var(--mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: var(--ink-3);\n  margin-top: 4px;\n}\n.mkb-q {\n  font-size: 11px;\n  color: var(--ink);\n  margin-top: 6px;\n  padding-left: 11px;\n  position: relative;\n  line-height: 1.4;\n}\n.mkb-q::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 7px;\n  width: 4px; height: 4px;\n  border-radius: 50%;\n  background: #e7892c;\n}\n\n\/* ===== Mockup: BATTLE ===== *\/\n.mk-battle {\n  background: #fff;\n  border: 1px solid #f0dedc;\n  border-radius: 10px;\n  padding: 14px;\n  width: 100%;\n  box-shadow: 0 6px 18px -12px rgba(70,20,20,.22);\n}\n.mkc-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--ink);\n  padding-bottom: 11px;\n  border-bottom: 1px solid #f3e7e6;\n}\n.mkc-head b { font-weight: 700; }\n.mkc-head span { font-size: 10px; color: var(--ink-3); }\n.mkc-cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin: 11px 0;\n}\n.mkc-cols ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.mkc-cols li {\n  font-size: 10.5px;\n  line-height: 1.3;\n  padding-left: 13px;\n  position: relative;\n}\n.mkc-cols .win li { color: var(--ink); }\n.mkc-cols .win li::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 4px;\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: var(--green);\n}\n.mkc-cols .them li { color: var(--ink-3); }\n.mkc-cols .them li::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 5px;\n  width: 6px; height: 1.5px;\n  background: #c98c86;\n}\n.mkc-obj {\n  font-family: var(--mono);\n  font-size: 9px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: #b2453c;\n}\n.mkc-line {\n  font-size: 10.5px;\n  color: var(--ink-2);\n  margin-top: 6px;\n  line-height: 1.4;\n}\n\n\/* ===== Mockup: PROPOSAL ===== *\/\n.mk-proposal {\n  background: #fff;\n  border: 1px solid #e8e2f2;\n  border-radius: 10px;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  box-shadow: 0 6px 18px -12px rgba(50,30,80,.25);\n}\n.mkp-flag {\n  width: 8px;\n  background: linear-gradient(180deg, var(--green), #0e6b48);\n  flex-shrink: 0;\n}\n.mkp-body { padding: 16px 16px 18px; }\n.mkp-kicker {\n  font-family: var(--mono);\n  font-size: 9.5px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: #7c5cd6;\n}\n.mkp-body h4 {\n  font-size: 14px;\n  color: var(--ink);\n  margin-top: 6px;\n  letter-spacing: -.01em;\n  line-height: 1.25;\n}\n.mkp-sections {\n  list-style: none;\n  padding: 14px 0 0;\n  margin: 14px 0 0;\n  border-top: 1px solid #efeaf6;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  counter-reset: sec;\n}\n.mkp-sections li {\n  font-size: 11px;\n  color: var(--ink-2);\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  counter-increment: sec;\n}\n.mkp-sections li::before {\n  content: counter(sec, decimal-leading-zero);\n  font-family: var(--mono);\n  font-size: 9px;\n  color: #a78fdf;\n}\n\n\/* ===== Mockup: GANTT ===== *\/\n.mk-gantt {\n  background: #fff;\n  border: 1px solid #dceadf;\n  border-radius: 10px;\n  padding: 14px 16px;\n  width: 100%;\n  box-shadow: 0 6px 18px -12px rgba(20,60,40,.22);\n}\n.mkg-cols, .mkg-row {\n  display: grid;\n  grid-template-columns: 86px repeat(4, 1fr);\n  align-items: center;\n}\n.mkg-cols { margin-bottom: 8px; }\n.mkg-cols span {\n  font-family: var(--mono);\n  font-size: 9px;\n  color: var(--ink-3);\n  text-align: center;\n}\n.mkg-cols span:first-child { text-align: left; }\n.mkg-row { padding: 5px 0; }\n.mkg-lbl {\n  font-size: 11px;\n  color: var(--ink);\n  font-weight: 500;\n}\n.mkg-cell {\n  grid-column: 2 \/ -1;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  height: 16px;\n  background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), #eef3ef calc(25% - 1px), #eef3ef 25%);\n  border-radius: 5px;\n}\n.mkg-cell .bar { height: 16px; border-radius: 5px; }\n.mk-gantt .bar.b1 { background: #16a06b; }\n.mk-gantt .bar.b2 { background: #3f9c78; }\n.mk-gantt .bar.b3 { background: #6bbf9a; }\n.mk-gantt .bar.b4 { background: #9fd6bd; }\n<\/style>\n\n\n<section class=\"tools-grid-sec\" id=\"tools-grid\" aria-labelledby=\"grid-title\">\n  <div class=\"container\">\n    <div class=\"tools-grid-head\">\n      <span class=\"eyebrow\">Five tools \u00b7 One library<\/span>\n      <h2 id=\"grid-title\">Pick the one that solves the task in front of you.<\/h2>\n      <p>Each tool works standalone. No dependencies between them. Pricing transparent. Output you ship today.<\/p>\n    <\/div>\n\n    <div class=\"tools-grid\">\n\n      <!-- 01 \u00b7 EMAIL & SCRIPT GEN -->\n      <article class=\"tools-card\">\n        <div class=\"tc-head\">\n          <span class=\"tc-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M4 7l8 6 8-6\"\/><\/svg><\/span>\n          <div class=\"tc-name\">\n            <h3>Email &amp; Script Gen<\/h3>\n            <p>Personalized outbound emails and call scripts.<\/p>\n          <\/div>\n          <span class=\"tc-ttv\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>30s<\/span>\n        <\/div>\n        <div class=\"tc-preview tint-blue\">\n          <div class=\"mk-email\">\n            <div class=\"mke-row\"><span class=\"mke-lbl\">To<\/span> Sarah Lindqvist \u00b7 VP Sales<\/div>\n            <div class=\"mke-row\"><span class=\"mke-lbl\">Subject<\/span> Cutting SAP licensing spend at Acme<\/div>\n            <div class=\"mke-divider\"><\/div>\n            <p class=\"mke-body\">Hi Sarah, noticed Acme added 12 reps this quarter. Teams your size usually overspend 30\u201340% on SAP seats they don't use.<\/p>\n            <p class=\"mke-body dim\">Worth a 2-minute estimate? You'll see the number before we ever talk.<\/p>\n            <span class=\"mke-send\">Send <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"tc-foot\">\n         \n          <a class=\"tools-cta solid\" href=\"https:\/\/tally.so\/r\/zxgvMR\" rel=\"nofollow noopener\" target=\"_blank\">Try Email Gen\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 02 \u00b7 MEETING PREP -->\n      <article class=\"tools-card\">\n        <div class=\"tc-head\">\n          <span class=\"tc-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 3v3M16 3v3\"\/><\/svg><\/span>\n          <div class=\"tc-name\">\n            <h3>Meeting Prep<\/h3>\n            <p>Account briefs and discovery questions for any prospect.<\/p>\n          <\/div>\n          <span class=\"tc-ttv\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>2 min<\/span>\n        <\/div>\n        <div class=\"tc-preview tint-amber\">\n          <div class=\"mk-brief\">\n            <div class=\"mkb-head\">\n              <span class=\"mkb-logo\">A<\/span>\n              <div><b>Acme Co<\/b><span>\u20ac40M ARR \u00b7 12 reps \u00b7 SaaS<\/span><\/div>\n            <\/div>\n            <ul class=\"mkb-keys\">\n              <li><span class=\"k\">Funding<\/span> Raised \u20ac12M Series B (Mar)<\/li>\n              <li><span class=\"k\">Signal<\/span> Hiring 4 AEs across DACH<\/li>\n              <li><span class=\"k\">Unit<\/span> CRO \u00b7 RevOps \u00b7 VP Sales<\/li>\n            <\/ul>\n            <div class=\"mkb-disc\">Discovery questions<\/div>\n            <div class=\"mkb-q\">How is payroll handled across regions today?<\/div>\n            <div class=\"mkb-q\">Who owns the SAP licensing decision?<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tc-foot\">\n         \n          <a class=\"tools-cta solid\" href=\"https:\/\/tally.so\/r\/zxgvMRp\" rel=\"nofollow noopener\" target=\"_blank\">Try Meeting Prep\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 03 \u00b7 BATTLE CARDS -->\n      <article class=\"tools-card\">\n        <div class=\"tc-head\">\n          <span class=\"tc-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 4l7 7M4 20l8-8M14 12l6 6M20 4l-9 9\"\/><\/svg><\/span>\n          <div class=\"tc-name\">\n            <h3>Battle Cards<\/h3>\n            <p>Competitive intelligence per competitor \u2014 live and updated.<\/p>\n          <\/div>\n          <span class=\"tc-ttv\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>3 min<\/span>\n        <\/div>\n        <div class=\"tc-preview tint-red\">\n          <div class=\"mk-battle\">\n            <div class=\"mkc-head\"><b>Us<\/b><span>vs.<\/span><b>Competitor X<\/b><\/div>\n            <div class=\"mkc-cols\">\n              <ul class=\"win\">\n                <li>Native CRM sync<\/li>\n                <li>Pay-per-use pricing<\/li>\n                <li>Live in &lt; 1 day<\/li>\n              <\/ul>\n              <ul class=\"them\">\n                <li>Annual contract only<\/li>\n                <li>6-week onboarding<\/li>\n                <li>Seat-based pricing<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"mkc-obj\">Common objections<\/div>\n            <div class=\"mkc-line\">\"You're newer\" \u2192 89 builds shipped this year.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tc-foot\">\n          \n          <a class=\"tools-cta solid\" href=\"https:\/\/tally.so\/r\/zxgvMR\" rel=\"nofollow noopener\" target=\"_blank\">Try Battle Cards\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 04 \u00b7 PROPOSAL GENERATOR -->\n      <article class=\"tools-card\">\n        <div class=\"tc-head\">\n          <span class=\"tc-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M6 3h9l5 5v13H6z\"\/><path d=\"M14 3v6h6\"\/><path d=\"M9 13h6M9 17h4\"\/><\/svg><\/span>\n          <div class=\"tc-name\">\n            <h3>Proposal Generator<\/h3>\n            <p>Branded proposals built from your ICP and value prop.<\/p>\n          <\/div>\n          <span class=\"tc-ttv\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>10 min<\/span>\n        <\/div>\n        <div class=\"tc-preview tint-purple\">\n          <div class=\"mk-proposal\">\n            <div class=\"mkp-flag\"><\/div>\n            <div class=\"mkp-body\">\n              <span class=\"mkp-kicker\">Proposal for Acme Co<\/span>\n              <h4>Revenue infrastructure &amp; rollout<\/h4>\n              <ul class=\"mkp-sections\">\n                <li>Executive Summary<\/li>\n                <li>Scope<\/li>\n                <li>Pricing<\/li>\n                <li>Timeline<\/li>\n                <li>Terms<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tc-foot\">\n         \n          <a class=\"tools-cta solid\" href=\"https:\/\/tally.so\/r\/zxgvMR\" rel=\"nofollow noopener\" target=\"_blank\">Try Proposals\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 05 \u00b7 CAMPAIGN PLANNER (spans 2 cols) -->\n      <article class=\"tools-card span2\">\n        <div class=\"tc-head\">\n          <span class=\"tc-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\"\/><\/svg><\/span>\n          <div class=\"tc-name\">\n            <h3>Campaign Planner<\/h3>\n            <p>Multi-channel campaigns mapped to ICP and personas.<\/p>\n          <\/div>\n          <span class=\"tc-ttv\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>15 min<\/span>\n        <\/div>\n        <div class=\"tc-preview tint-green\">\n          <div class=\"mk-gantt\">\n            <div class=\"mkg-cols\"><span><\/span><span>W1<\/span><span>W2<\/span><span>W3<\/span><span>W4<\/span><\/div>\n            <div class=\"mkg-row\"><span class=\"mkg-lbl\">Email<\/span><span class=\"mkg-cell\"><i class=\"bar b1\" style=\"grid-column:1 \/ span 2\"><\/i><\/span><\/div>\n            <div class=\"mkg-row\"><span class=\"mkg-lbl\">LinkedIn<\/span><span class=\"mkg-cell\"><i class=\"bar b2\" style=\"grid-column:2 \/ span 2\"><\/i><\/span><\/div>\n            <div class=\"mkg-row\"><span class=\"mkg-lbl\">Cold Call<\/span><span class=\"mkg-cell\"><i class=\"bar b3\" style=\"grid-column:3 \/ span 1\"><\/i><\/span><\/div>\n            <div class=\"mkg-row\"><span class=\"mkg-lbl\">Retargeting<\/span><span class=\"mkg-cell\"><i class=\"bar b4\" style=\"grid-column:3 \/ span 2\"><\/i><\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tc-foot\">\n          \n          <a class=\"tools-cta solid\" href=\"https:\/\/tally.so\/r\/zxgvMR\" rel=\"nofollow noopener\" target=\"_blank\">Try Campaign Planner\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2daf1ef elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"2daf1ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 03 \u00b7 STANDALONE TOOLS, CONNECTED LOGIC\n     ----------------------------------------------------------------\n     Navy background. Centered head + SVG hub diagram showing\n     \"ICP & messaging\" core connected to all 5 tools.\n     The note at the bottom links to Sales Engine THINK phase.\n     ============================================================ -->\n\n<style>\n\/* ---------- 03 \u00b7 Together ---------- *\/\n.tools-together {\n  background: var(--navy-900);\n  color: #fff;\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n\n.tools-together-head {\n  max-width: 640px;\n  margin: 0 auto;\n  text-align: center;\n}\n.tools-together-head h2 {\n  margin-top: 12px;\n  font-size: clamp(22px, 2.8vw, 36px);\n  letter-spacing: -.025em;\n  line-height: 1.15;\n}\n\/* Color scoped to .tools-together so it doesn't bleed into other paper sections *\/\n.tools-together .tools-together-head p {\n  margin-top: 14px;\n  font-size: clamp(14px, 1.4vw, 16px);\n  color: rgba(255,255,255,.66);\n  line-height: 1.55;\n}\n\n.tools-hub {\n  max-width: 720px;\n  margin: 36px auto 0;\n}\n.tools-hub svg {\n  width: 100%;\n  height: auto;\n}\n\n.tools-together .tools-together-note {\n  text-align: center;\n  margin-top: 28px;\n  font-size: 13.5px;\n  color: rgba(255,255,255,.55);\n  line-height: 1.5;\n}\n.tools-together .tools-together-note a {\n  color: var(--green-soft);\n  font-weight: 600;\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 3px;\n}\n.tools-together .tools-together-note a:hover {\n  color: #fff;\n}\n<\/style>\n\n\n<section class=\"dark tools-together\" id=\"together\" aria-labelledby=\"together-title\">\n  <div class=\"container\">\n    <div class=\"tools-together-head\">\n      <span class=\"eyebrow on-dark\">Why these five<\/span>\n      <h2 id=\"together-title\">Standalone tools. Connected logic.<\/h2>\n      <p>Each tool works independently, use only the ones you need. But they share the same ICP and messaging input, so when you use more than one, they compound.<\/p>\n    <\/div>\n\n    <div class=\"tools-hub\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 720 300\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n        <!-- Connector lines from core to each tool chip -->\n        <g stroke=\"rgba(143,217,179,.5)\" stroke-width=\"1.3\">\n          <path d=\"M360 150 L150 70\"\/>\n          <path d=\"M360 150 L360 56\"\/>\n          <path d=\"M360 150 L570 70\"\/>\n          <path d=\"M360 150 L200 244\"\/>\n          <path d=\"M360 150 L520 244\"\/>\n        <\/g>\n        <!-- Core -->\n        <rect x=\"276\" y=\"126\" width=\"168\" height=\"48\" rx=\"24\" fill=\"#0f2236\" stroke=\"rgba(22,160,107,.6)\" stroke-width=\"1.5\"\/>\n        <text x=\"360\" y=\"148\" font-family=\"Inter\" font-weight=\"600\" font-size=\"13\" fill=\"#fff\" text-anchor=\"middle\">Your ICP &amp; messaging<\/text>\n        <text x=\"360\" y=\"164\" font-family=\"JetBrains Mono\" font-size=\"8.5\" fill=\"#8fd9b3\" text-anchor=\"middle\" letter-spacing=\"1\">SHARED INPUT<\/text>\n        <!-- Tool chips -->\n        <g font-family=\"Inter\" font-size=\"11\" fill=\"#dce6ec\" text-anchor=\"middle\">\n          <rect x=\"96\"  y=\"54\"  width=\"108\" height=\"32\" rx=\"9\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/><text x=\"150\" y=\"74\">Email Gen<\/text>\n          <rect x=\"306\" y=\"40\"  width=\"108\" height=\"32\" rx=\"9\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/><text x=\"360\" y=\"60\">Meeting Prep<\/text>\n          <rect x=\"516\" y=\"54\"  width=\"108\" height=\"32\" rx=\"9\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/><text x=\"570\" y=\"74\">Battle Cards<\/text>\n          <rect x=\"146\" y=\"228\" width=\"108\" height=\"32\" rx=\"9\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/><text x=\"200\" y=\"248\">Proposals<\/text>\n          <rect x=\"466\" y=\"228\" width=\"108\" height=\"32\" rx=\"9\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/><text x=\"520\" y=\"248\">Campaigns<\/text>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n    <p class=\"tools-together-note\">Define your ICP and messaging once  in <a href=\"\/sales-engine#se-think\">Sales Engine, Phase 01<\/a>  and the tools pick it up automatically.<\/p>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a0f48a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"2a0f48a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 04 \u00b7 PRICING\n     ----------------------------------------------------------------\n     Paper background. 2 tiers: Pay-per-use + Monthly cap (featured).\n     The Monthly cap card has a glowing green border and \"Most popular\"\n     pill floating on its top edge.\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared tools-cta (also in blocks 01, 02) ---------- *\/\n.tools-cta {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 13.5px; font-weight: 600; letter-spacing: .01em;\n  padding: 11px 18px; border-radius: 10px; white-space: nowrap;\n  text-decoration: none;\n  transition: transform .15s, background .15s, border-color .15s, color .15s;\n}\n.tools-cta svg { transition: transform .2s; flex-shrink: 0; }\n.tools-cta:hover svg { transform: translateX(3px); }\n.tools-cta.solid { background: var(--green); color: #04130c; }\n.tools-cta.solid:hover { background: #1cc07e; transform: translateY(-1px); }\n.tools-cta.outline {\n  background: #fff;\n  color: var(--ink);\n  border: 1.5px solid var(--ink);\n}\n.tools-cta.outline:hover { background: var(--ink); color: #fff; }\n.tools-cta.full { width: 100%; justify-content: center; padding: 13px 18px; }\n\n\/* ---------- 04 \u00b7 Pricing ---------- *\/\n.tools-pricing {\n  background: var(--paper);\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n.tools-pricing-head {\n  text-align: center;\n  max-width: 680px;\n  margin: 0 auto 40px;\n}\n.tools-pricing-head h2 {\n  margin-top: 12px;\n  font-size: clamp(22px, 2.8vw, 36px);\n  letter-spacing: -.025em;\n  line-height: 1.15;\n}\n.tools-pricing-head p {\n  margin-top: 14px;\n  font-size: clamp(14px, 1.4vw, 16px);\n  color: var(--ink-2);\n}\n\n.tools-tiers {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  max-width: 860px;\n  margin: 0 auto;\n}\n@media (max-width: 720px) {\n  .tools-tiers { grid-template-columns: 1fr; }\n}\n\n.tools-tier {\n  position: relative;\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  padding: 30px;\n  display: flex;\n  flex-direction: column;\n}\n.tools-tier.featured {\n  border-color: var(--green);\n  box-shadow: 0 0 0 1px rgba(22,160,107,.25), 0 24px 60px -30px rgba(22,160,107,.4);\n}\n\n.tier-pop {\n  position: absolute;\n  top: 0; right: 24px;\n  transform: translateY(-50%);\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  background: var(--green);\n  color: #04130c;\n  padding: 6px 11px;\n  border-radius: 7px;\n}\n\n.tier-name {\n  font-family: var(--mono);\n  font-size: 11px;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--ink-3);\n}\n.tier-price {\n  font-size: clamp(28px, 3.6vw, 34px);\n  font-weight: 700;\n  color: var(--ink);\n  letter-spacing: -.02em;\n  margin-top: 10px;\n  font-feature-settings: 'tnum';\n}\n.tier-price span {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--ink-3);\n}\n\n.tier-list {\n  list-style: none;\n  padding: 22px 0;\n  margin: 18px 0 0;\n  border-top: 1px solid var(--line);\n  display: flex;\n  flex-direction: column;\n  gap: 13px;\n  flex: 1;\n}\n.tier-list li {\n  display: flex;\n  gap: 11px;\n  align-items: flex-start;\n  font-size: clamp(13px, 1.3vw, 14px);\n  color: var(--ink);\n  line-height: 1.4;\n}\n.tier-list .ck {\n  width: 19px; height: 19px;\n  border-radius: 50%;\n  background: var(--green-soft);\n  color: var(--green-deep);\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.tier-best {\n  font-size: 12.5px;\n  color: var(--ink-3);\n  margin-bottom: 18px;\n}\n\n.tools-pricing-micro {\n  text-align: center;\n  max-width: 560px;\n  margin: 28px auto 0;\n  font-size: 13.5px;\n  color: var(--ink-2);\n  line-height: 1.55;\n}\n.tools-pricing-micro a {\n  color: var(--green-dark);\n  font-weight: 600;\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 3px;\n}\n\n@media (max-width: 480px) {\n  .tools-tier { padding: 24px; }\n}\n<\/style>\n\n\n<section class=\"tools-pricing\" id=\"pricing\" aria-labelledby=\"pricing-title\">\n  <div class=\"container\">\n    <div class=\"tools-pricing-head\">\n      <span class=\"eyebrow\">Pricing \u00b7 Transparent<\/span>\n      <h2 id=\"pricing-title\">Pay for what you use. Cancel anytime. No annual contracts.<\/h2>\n      <p>Two simple models: pick the one that fits your usage.<\/p>\n    <\/div>\n\n    <div class=\"tools-tiers\">\n\n      <!-- Tier 01 \u00b7 Pay-per-use -->\n      <article class=\"tools-tier\">\n        <div class=\"tier-name\">Pay-per-use<\/div>\n        <div class=\"tier-price\">From \u20ac5 <span>\/ unit<\/span><\/div>\n        <ul class=\"tier-list\">\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> Use any tool, when you need it<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> No monthly commitment<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> Pricing per output (see each tool)<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> All outputs yours forever<\/li>\n        <\/ul>\n        <div class=\"tier-best\">Best for: occasional use, &lt; 20 outputs \/ mo<\/div>\n        <a class=\"tools-cta outline full\" href=\"#try-email-gen\">Start with pay-per-use \u2192<\/a>\n      <\/article>\n\n      <!-- Tier 02 \u00b7 Monthly cap (featured) -->\n      <article class=\"tools-tier featured\">\n        <span class=\"tier-pop\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.3 6.9.7-5.1 4.6 1.4 6.8L12 17.7 5.9 20.4l1.4-6.8L2.2 9l6.9-.7z\"\/><\/svg>Most popular<\/span>\n        <div class=\"tier-name\">Monthly cap<\/div>\n        <div class=\"tier-price\">\u20ac49 <span>\/ month<\/span><\/div>\n        <ul class=\"tier-list\">\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> Up to 100 outputs \/ month across tools<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> All five tools included<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> Cancel anytime, no annual lock<\/li>\n          <li><span class=\"ck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span> Overage at pay-per-use rates<\/li>\n        <\/ul>\n        <div class=\"tier-best\">Best for: 20\u2013100 outputs \/ month<\/div>\n        <a class=\"tools-cta solid full\" href=\"#start-monthly-cap\">Start monthly cap \u2192<\/a>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tools-pricing-micro\">Need more than 100 outputs \/ month, or want to embed Tools into your stack? <a href=\"\/build-studio\">Talk to us<\/a>, we'll quote a usage tier or a Custom Build.<\/p>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa07ca elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"4fa07ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 05 \u00b7 FAQs\n     ----------------------------------------------------------------\n     Paper background. Chains with block 04 (no top padding).\n     4 FAQs. Native <details> elements \u2014 no JS required.\n     Border turns green when opened.\n     ============================================================ -->\n\n<style>\n\/* ---------- 05 \u00b7 FAQs ---------- *\/\n.tools-faqs {\n  background: var(--paper);\n  padding: 0 0 clamp(64px, 8vw, 96px), ;  \/* No top padding \u2014 chains with block 04 *\/\n}\n\n.tools-faqs-head {\n  text-align: center;\n  max-width: 680px;\n  margin: 0 auto 32px;\n}\n.tools-faqs-head h2 {\n  margin-top: 12px;\n  font-size: clamp(20px, 2.6vw, 34px);\n  letter-spacing: -.025em;\n  line-height: 1.2;\n}\n\n.tools-faq-list {\n  max-width: 800px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.tools-faq {\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  transition: border-color .18s;\n}\n.tools-faq[open] {\n  border-color: var(--green);\n}\n\n.tools-faq summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 19px 22px;\n  font-size: clamp(14px, 1.5vw, 15.5px);\n  font-weight: 500;\n  color: var(--ink);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n.tools-faq summary::-webkit-details-marker { display: none; }\n.tools-faq summary .chev {\n  color: var(--ink-3);\n  flex-shrink: 0;\n  transition: transform .2s, color .2s;\n  display: inline-flex;\n}\n.tools-faq[open] summary .chev {\n  transform: rotate(180deg);\n  color: var(--green-dark);\n}\n\n.tools-faq-a {\n  padding: 0 22px 20px;\n  font-size: clamp(13px, 1.4vw, 14px);\n  color: var(--ink-2);\n  line-height: 1.6;\n  max-width: 680px;\n}\n.tools-faq-a a {\n  color: var(--green-dark);\n  font-weight: 600;\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 3px;\n}\n\n@media (max-width: 480px) {\n  .tools-faq summary { padding: 16px 18px; }\n  .tools-faq-a { padding: 0 18px 16px; }\n}\n<\/style>\n\n\n<section class=\"tools-faqs\" aria-labelledby=\"tools-faqs-title\">\n  <div class=\"container\">\n    <div class=\"tools-faqs-head\">\n      <span class=\"eyebrow\">Quick questions<\/span>\n      <h2 id=\"tools-faqs-title\">What buyers ask before trying tools<\/h2>\n    <\/div>\n    <div class=\"tools-faq-list\">\n      <details class=\"tools-faq\">\n        <summary>Do I need to integrate with my CRM?<span class=\"chev\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6l4 4 4-4\"\/><\/svg><\/span><\/summary>\n        <div class=\"tools-faq-a\">No, every GrowthOS Growth Tool works completely standalone, with zero CRM integration required. There is nothing to install, no API keys to configure, no OAuth flow to authorize, no browser extension to add. You open the tool in your browser, provide the input the tool asks for, and receive a usable commercial output within the same working session. No credentials leave your side, no data syncs to third-party platforms, and no IT approval is needed to get started. Outputs are delivered in the formats sales teams actually use: downloadable PDF for reports and diagnostics, CSV for target account lists and enrichment data, or copied straight to your clipboard for text-based outputs like sales scripts, cold email sequences and messaging frameworks. Every output is portable: drop it into Salesforce, HubSpot, Microsoft Dynamics 365, Pipedrive, Zoho CRM, Outreach, Apollo, Instantly, Notion, or wherever your team already works. Nothing locks you into our infrastructure.If later you want a specific tool output to flow automatically into your CRM, sales engagement platform or data warehouse, for example, generated target account lists landing directly in a Salesforce campaign, or diagnostic scores syncing into a HubSpot property, we build that connection as a Stack Integration inside GrowthOS Build Studio, scoped and priced separately from tool usage.<\/div>\n      <\/details>\n      <details class=\"tools-faq\">\n        <summary>What does it cost to use a GrowthOS Tool?<span class=\"chev\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6l4 4 4-4\"\/><\/svg><\/span><\/summary>\n        <div class=\"tools-faq-a\">Growth Tool pricing depends on which tool you use and the scope of the output you need. A meaningful subset of the tools, including our diagnostics, assessments and calculators, are free to use with no signup required and no credit card taken. They exist as low-commitment entry points that give you concrete commercial output the same day, and a real look at how we think, before any conversation about paid work.\nFor the tools that carry a price, cost scales to the scope of your specific use case: number of accounts processed, depth of the analysis you need, market coverage, language coverage, or the volume of output you require. You always receive the number upfront, in writing, before any commitment or work begins. No hourly billing, no metered surprises, no invoice arriving with unexpected line items. If your use case doesn't fit the standard pricing model, we scope it on a discovery call and quote it flat. The principle is the same one that runs across all of GrowthOS: you always know what you are paying for and why.<\/div>\n      <\/details>\n      <details class=\"tools-faq\">\n        <summary>Can GrowthOS Tools be tailored to our business?<span class=\"chev\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6l4 4 4-4\"\/><\/svg><\/span><\/summary>\n        <div class=\"tools-faq-a\">Yes, GrowthOS Tools adapt to your market, your sector, your ICP and your commercial motion. The baseline tools calibrate their output to the industry, buyer persona, deal size and sales cycle you operate in, so a diagnostic run for an industrial B2B company with 12-month sales cycles produces very different insight than the same tool run for a fintech SaaS with 30-day cycles. This baseline customization happens automatically based on the inputs you provide, at no extra cost.\nWhere you need something more specific, a custom scoring model for your ICP, a proprietary segmentation logic, industry-specific taxonomies, or a tool shaped around a use case not covered by the default configuration, we build the customization as a scoped project. Common examples include tailored account scoring frameworks for your definition of a good-fit account, custom outbound sequence generators aligned to your sales playbook, sector-specific market intelligence outputs for verticals like healthcare, industrial manufacturing or financial services, and localized sales enablement content in market-specific vocabulary. Tell us the commercial output you are trying to produce, and we will tell you what is possible, at what scope, and at what price.<\/div>\n      <\/details>\n      <details class=\"tools-faq\">\n        <summary>Can I see a tool before paying?<span class=\"chev\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6l4 4 4-4\"\/><\/svg><\/span><\/summary>\n        <div class=\"tools-faq-a\">Yes, every paid GrowthOS Tool can be walked through live before any commitment. On a short scope call, we show you the tool operating on inputs relevant to your business, walk you through the output it produces, and answer specific questions about how it would apply to your use case. You see the actual output format, the depth of the analysis, and the kind of commercial artifact you would receive, not a marketing screenshot.\nFor tools that are free to use, you access them directly without any conversation. We are also rolling out dedicated landing pages for each tool in the GrowthOS Tools library, with detailed descriptions of what each tool does, what inputs it takes, what output it produces, sample outputs where confidentiality allows, and clear pricing where applicable. The library will let you explore the full catalog of Growth Tools autonomously, decide which ones fit your commercial priorities, and either start using the free tools immediately or book a scope call for the paid ones, no gatekeeping, no forced sales conversation.<\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2d56c elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"0a2d56c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     TOOLS \u00b7 BLOCK 06 \u00b7 MID-JOURNEY CLOSE\n     ----------------------------------------------------------------\n     Navy background. Two-column: copy + stack diagram with\n     \"You are here: Tools\" marker on layer 02.\n     The other 3 layers link to their pages.\n     ============================================================ -->\n\n<style>\n\/* ---------- 06 \u00b7 Close ---------- *\/\n.tools-close {\n  background: var(--navy-900);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n.tools-close::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(680px 420px at 82% 120%, rgba(22,160,107,.16), transparent 60%);\n  pointer-events: none;\n}\n\n.tools-close-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 48px;\n  align-items: center;\n}\n@media (max-width: 900px) {\n  .tools-close-grid { grid-template-columns: 1fr; gap: 36px; }\n}\n\n.tools-close-copy h2 {\n  margin-top: 14px;\n  font-size: clamp(24px, 3vw, 40px);\n  letter-spacing: -.025em;\n  line-height: 1.15;\n}\n\/* Scoped to .tools-close so it doesn't bleed into other paper sections *\/\n.tools-close .tools-close-copy > p {\n  margin-top: 16px;\n  font-size: clamp(15px, 1.5vw, 16.5px);\n  color: rgba(255,255,255,.7);\n  line-height: 1.6;\n  max-width: 480px;\n}\n.tools-close .tools-close-micro {\n  font-size: 13.5px !important;\n  color: rgba(255,255,255,.5) !important;\n  margin-top: 16px !important;\n}\n\n.tools-close-cta {\n  margin-top: 26px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: flex-start;\n}\n@media (max-width: 480px) {\n  .tools-close-cta .btn { width: 100%; justify-content: center; }\n}\n\n.tools-close-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--green-soft);\n  text-decoration: none;\n}\n.tools-close-link:hover { color: #fff; }\n\n\/* ---------- Stack diagram (mirrors Build Studio's stack) ---------- *\/\n.tools-stack {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.tools-layer {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: rgba(255,255,255,.03);\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 14px;\n  padding: 18px 20px;\n  text-decoration: none;\n  color: inherit;\n  transition: border-color .18s, background .18s, transform .18s;\n}\na.tools-layer:hover {\n  border-color: rgba(22,160,107,.4);\n  background: rgba(22,160,107,.06);\n  transform: translateX(3px);\n}\n\n.tools-layer .lyr-n {\n  font-family: var(--mono);\n  font-size: 13px;\n  color: rgba(255,255,255,.4);\n  flex-shrink: 0;\n}\n.tools-layer .lyr-body {\n  flex: 1;\n  min-width: 0;\n}\n.tools-layer .lyr-body strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: -.01em;\n}\n.tools-layer .lyr-body span {\n  font-size: 12.5px;\n  color: rgba(255,255,255,.55);\n}\n.tools-layer .lyr-go {\n  color: rgba(255,255,255,.4);\n  flex-shrink: 0;\n  transition: transform .2s, color .2s;\n}\na.tools-layer:hover .lyr-go {\n  color: var(--green);\n  transform: translateX(3px);\n}\n\n.tools-layer.here {\n  background: linear-gradient(120deg, rgba(22,160,107,.16), rgba(22,160,107,.05));\n  border-color: rgba(22,160,107,.6);\n  box-shadow: 0 0 0 1px rgba(22,160,107,.25), 0 20px 50px -28px rgba(0,0,0,.6);\n}\n.tools-layer.here .lyr-n {\n  color: var(--green);\n}\n.tools-layer .lyr-badge {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  background: var(--green);\n  color: #04130c;\n  padding: 5px 10px;\n  border-radius: 6px;\n}\n<\/style>\n\n\n<section class=\"dark tools-close\" id=\"scope\" aria-labelledby=\"close-title\">\n  <div class=\"container\">\n    <div class=\"tools-close-grid\">\n      <div class=\"tools-close-copy\">\n        <span class=\"eyebrow on-dark\">Mid-journey<\/span>\n        <h2 id=\"close-title\">Tools get you moving today. The system above gets you compounding.<\/h2>\n        <p>Tools are the fastest way to start with GrowthOS. When you need scoped engineering or a full operated revenue engine, the layers above are ready.<\/p>\n        <p class=\"tools-close-micro\">Not sure if Tools is enough for your stage? Take the 5-minute Sales Engine Diagnostic, we'll tell you which layer fits.<\/p>\n        <div class=\"tools-close-cta\">\n          <a class=\"btn btn-primary btn-lg\" href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">\n            Run the diagnostic\n            <svg class=\"btn-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n          <\/a>\n          <a class=\"tools-close-link\" href=\"#tools-grid\">Or, browse the tools above \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Stack diagram \u2014 \"You are here: Tools\" -->\n      <div class=\"tools-stack\" aria-label=\"The GrowthOS stack. You are here: Tools.\">\n        <a class=\"tools-layer\" href=\"\/sales-engine\">\n          <span class=\"lyr-n\">04<\/span>\n          <div class=\"lyr-body\"><strong>Sales Engine<\/strong><span>The full system, end to end<\/span><\/div>\n          <svg class=\"lyr-go\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>\n        <a class=\"tools-layer\" href=\"\/build-studio\">\n          <span class=\"lyr-n\">03<\/span>\n          <div class=\"lyr-body\"><strong>Build Studio<\/strong><span>Scoped custom builds<\/span><\/div>\n          <svg class=\"lyr-go\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>\n        <div class=\"tools-layer here\" aria-current=\"page\">\n          <span class=\"lyr-n\">02<\/span>\n          <div class=\"lyr-body\"><strong>Tools<\/strong><span>Productized, self-serve<\/span><\/div>\n          <span class=\"lyr-badge\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L4 14h7l-1 8 10-12h-7z\"\/><\/svg>You are here<\/span>\n        <\/div>\n        <a class=\"tools-layer\" href=\"https:\/\/growthos.biz\">\n          <span class=\"lyr-n\">01<\/span>\n          <div class=\"lyr-body\"><strong>Resources<\/strong><span>Free diagnostics &amp; calculators<\/span><\/div>\n          <svg class=\"lyr-go\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c404a16 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-global elementor-global-764 elementor-widget-html\" data-id=\"c404a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     FOOTER \u00b7 Site footer\n     ----------------------------------------------------------------\n     Paste this in a single HTML widget in Elementor.\n\n     If using Elementor Pro Theme Builder:\n       Templates \u2192 Theme Builder \u2192 Footer \u2192 New Footer\n       \u2192 Drop an HTML widget \u2192 paste this whole file\n       \u2192 \"Display Settings: Entire site\"\n\n     Structure (4 columns):\n       Brand + tagline | System | Resources | Company\n     ============================================================ -->\n\n<style>\n\/* ---------- Footer \u00b7 root ---------- *\/\n.gh-footer {\n  background: var(--navy-950, #060f1f);\n  color: rgba(255,255,255,.7);\n  padding: clamp(56px, 7vh, 72px) 0 32px;\n  border-top: 1px solid rgba(255,255,255,.06);\n}\n\n.gh-footer-grid {\n  display: grid;\n  grid-template-columns: 1.4fr repeat(3, 1fr);\n  gap: 48px;\n  margin-bottom: 40px;\n}\n\n\/* Tablet \u00b7 2 columns *\/\n@media (max-width: 900px) {\n  .gh-footer-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 36px 32px;\n  }\n  .gh-footer-brand { grid-column: 1 \/ -1; }\n}\n\n\/* Mobile \u00b7 single column *\/\n@media (max-width: 560px) {\n  .gh-footer-grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n}\n\n\/* ---------- Brand column ---------- *\/\n.gh-footer-brand {\n  max-width: 320px;\n}\n.gh-footer-brand-logo {\n  height: 34px;\n  width: auto;\n  display: block;\n  margin-bottom: 18px;\n}\n.gh-footer-tagline {\n  font-size: 14px;\n  color: rgba(255,255,255,.55);\n  line-height: 1.55;\n  margin: 0;\n}\n\n\/* ---------- Link columns ---------- *\/\n.gh-footer-col h4 {\n  font-family: var(--mono);\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  color: rgba(255,255,255,.5);\n  margin: 0 0 18px;\n  font-weight: 500;\n}\n\n.gh-footer-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.gh-footer-col a {\n  font-size: 14px;\n  color: rgba(255,255,255,.78);\n  text-decoration: none;\n  transition: color 150ms ease;\n  line-height: 1.4;\n  display: inline-block;\n}\n.gh-footer-col a:hover {\n  color: var(--green, #16a06b);\n}\n\n\/* ---------- Footer bottom ---------- *\/\n.gh-footer-bottom {\n  border-top: 1px solid rgba(255,255,255,.08);\n  padding-top: 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n  font-size: 12px;\n  color: rgba(255,255,255,.5);\n  font-family: var(--mono);\n}\n\n.gh-footer-bottom .gh-legal {\n  display: inline-flex;\n  gap: 18px;\n  flex-wrap: wrap;\n}\n.gh-footer-bottom .gh-legal a {\n  color: rgba(255,255,255,.5);\n  text-decoration: none;\n  transition: color 150ms ease;\n}\n.gh-footer-bottom .gh-legal a:hover {\n  color: rgba(255,255,255,.85);\n}\n\n@media (max-width: 560px) {\n  .gh-footer-bottom {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 14px;\n  }\n}\n<\/style>\n\n\n<footer class=\"gh-footer\" aria-labelledby=\"gh-footer-title\">\n  <h2 id=\"gh-footer-title\" class=\"visually-hidden\">Footer<\/h2>\n  <div class=\"container\">\n\n    <div class=\"gh-footer-grid\">\n\n      <!-- Brand -->\n      <div class=\"gh-footer-brand\">\n        <a href=\"\/\" aria-label=\"GrowthOS \u2014 Home\">\n          <img decoding=\"async\" class=\"gh-footer-brand-logo\" src=\"https:\/\/growthos.biz\/wp-content\/uploads\/2026\/06\/Logo-brand.png\" alt=\"GrowthOS\" width=\"180\" height=\"34\" \/>\n        <\/a>\n        <p class=\"gh-footer-tagline\">\n          The Revenue Operating System for European B2B teams.\n          Revenue, as a system.\n        <\/p>\n      <\/div>\n\n      <!-- System -->\n      <div class=\"gh-footer-col\">\n        <h4>System<\/h4>\n        <ul>\n          <li><a href=\"\/sales-engine\">Sales Engine<\/a><\/li>\n          <li><a href=\"\/build-studio\">Build Studio<\/a><\/li>\n          <li><a href=\"\/tools\">Tools<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Resources -->\n      <div class=\"gh-footer-col\">\n        <h4>Resources<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">Sales Engine Diagnostic<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/maturity-assessment\">Maturity Assessment<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/revenue-leakage-calculator\">Revenue Leakage Calculator<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/ai-vs-manual-calculator\">AI vs Manual Calculator<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/gtm-calculator\">GTM Readiness<\/a><\/li>\n          <li><a href=\"https:\/\/app.growthos.biz\/ai-outreach-score\">AI Outreach Score<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Company -->\n      <div class=\"gh-footer-col\">\n        <h4>Company<\/h4>\n        <ul>\n          <li><a href=\"\/about\">About<\/a><\/li>\n          <li><a href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Contact<\/a><\/li>\n          <li><a href=\"https:\/\/www.linkedin.com\/company\/growth-o-s\" target=\"_blank\" rel=\"noopener nofollow\">LinkedIn<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- Footer bottom -->\n    <div class=\"gh-footer-bottom\">\n      <span>\u00a9 2026 GrowthOS \u00b7 Made in Europe<\/span>\n      <div class=\"gh-legal\">\n        <a href=\"\/legal-notice\">Legal<\/a>\n        <a href=\"\/privacy\">Privacy<\/a>\n        <a href=\"\/terms\">Terms<\/a>\n        <a href=\"\/cookies\">Cookies<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sales Engine Build Studio Tools Resources Sales Engine Diagnostic Maturity Assessment Revenue Leakage Calculator AI vs Manual Calculator GTM Readiness AI Outreach Score Login Talk to us Sales Engine Build Studio Tools Resources Sales Engine Diagnostic Maturity Assessment Revenue Leakage Calculator AI vs Manual Calculator GTM Readiness AI Outreach Score Login Talk to us Tools [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/pages\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":52,"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/pages\/785\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/pages\/785\/revisions\/1236"}],"wp:attachment":[{"href":"https:\/\/growthos.biz\/es\/wp-json\/wp\/v2\/media?parent=785"}],"curies":[{"name":"bien jugado","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}