{"id":717,"date":"2026-06-23T10:13:50","date_gmt":"2026-06-23T10:13:50","guid":{"rendered":"https:\/\/growthos.biz\/?page_id=717"},"modified":"2026-07-22T11:19:24","modified_gmt":"2026-07-22T11:19:24","slug":"estudio-de-construcao","status":"publish","type":"page","link":"https:\/\/growthos.biz\/pt\/build-studio\/","title":{"rendered":"Build Studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"717\" class=\"elementor elementor-717\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-526ddb7 e-con-full e-flex e-con e-parent\" data-id=\"526ddb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b6ab1 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"c5b6ab1\" 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-21c7601 elementor-widget elementor-widget-html\" data-id=\"21c7601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 01 \u00b7 HERO\n     ----------------------------------------------------------------\n     Paste this in a single HTML widget in Elementor.\n     Requires 00-globals-scoped.css already pasted in Site Settings.\n     Wrap the page contents in <div class=\"gh-page\">\u2026<\/div>.\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared bs-cta button family ---------- *\/\n.bs-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: .01em;\n  padding: 12px 20px;\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.bs-cta svg { transition: transform .2s; flex-shrink: 0; }\n.bs-cta:hover svg { transform: translateX(3px); }\n.bs-cta.outline {\n  background: transparent;\n  color: var(--ink);\n  border: 1.5px solid var(--ink);\n}\n.bs-cta.outline:hover {\n  background: var(--ink);\n  color: #fff;\n}\n.bs-cta.sm {\n  padding: 9px 15px;\n  font-size: 13px;\n  border-radius: 9px;\n}\n\n\/* ---------- 01 \u00b7 Hero ---------- *\/\n.bs-hero {\n  background: var(--navy-900);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n  padding: clamp(64px, 8vw, 88px) 0;\n}\n.bs-hero::before {\n  content: '';\n  position: absolute; inset: 0;\n  background:\n    radial-gradient(820px 540px at 84% -8%, rgba(22,160,107,.16), transparent 62%),\n    radial-gradient(620px 460px at -8% 96%, rgba(22,160,107,.08), transparent 60%);\n  pointer-events: none;\n}\n.bs-hero-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);\n  gap: 52px;\n  align-items: center;\n}\n@media (max-width: 980px) {\n  .bs-hero-grid { grid-template-columns: 1fr; gap: 40px; }\n}\n\n.bs-hero h1 {\n  margin-top: 18px;\n  font-size: clamp(32px, 4.2vw, 56px);\n  line-height: 1.08;\n}\n.bs-hero h1 .grad { color: var(--green); }\n\n.bs-hero-sub {\n  margin-top: 20px;\n  font-size: clamp(15px, 1.5vw, 17.5px);\n  line-height: 1.6;\n  color: rgba(255,255,255,.72);\n  max-width: 560px;\n}\n\n.bs-hero .hero-cta-row {\n  margin-top: 30px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n@media (max-width: 480px) {\n  .bs-hero .hero-cta-row { flex-direction: column; align-items: stretch; }\n  .bs-hero .hero-cta-row .btn { justify-content: center; width: 100%; }\n}\n\n.bs-trust {\n  margin-top: 30px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: flex-start;\n}\n.bs-trust-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12.5px;\n  color: rgba(255,255,255,.82);\n  line-height: 1.4;\n  background: rgba(255,255,255,.04);\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 999px;\n  padding: 8px 15px;\n}\n.bs-trust-chip svg {\n  color: var(--green);\n  flex-shrink: 0;\n}\n\n.bs-hero-diagram {\n  display: grid;\n  place-items: center;\n}\n.bs-hero-diagram svg {\n  width: 100%;\n  max-width: 420px;\n  height: auto;\n}\n@media (max-width: 980px) {\n  .bs-hero-diagram { display: none; }\n}\n<\/style>\n\n\n<section class=\"bs-hero\" aria-labelledby=\"bs-hero-title\">\n  <div class=\"container bs-hero-grid\">\n    <div class=\"bs-hero-copy\">\n      <span class=\"eyebrow on-dark\">AI Build Studio <\/span>\n      <h1 id=\"bs-hero-title\">Custom builds.<br> Scoped, engineered, <span class=\"grad\">native to your stack.<\/span><\/h1>\n      <p class=\"bs-hero-sub\">\n        When off-the-shelf isn't enough, we engineer what you need, connected to your CRM,\n        your data and your business logic. <br>Fixed scope. Fixed price. Fixed timeline.\n      <\/p>\n      <div class=\"hero-cta-row\">\n        <a class=\"btn btn-primary btn-lg\" href=\"#featured\">\n          See builds in action\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=\"btn btn-ghost btn-lg\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Discuss your build<\/a>\n      <\/div>\n      <div class=\"bs-trust\">\n        <span class=\"bs-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n          Typical scope \u00b7 8 weeks\n        <\/span>\n        <span class=\"bs-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 7V3M15 7V3M7 7h10v4a5 5 0 01-10 0z\"\/><path d=\"M12 16v5\"\/><\/svg>\n          Native to Salesforce \u00b7 HubSpot \u00b7 Dynamics \u00b7 Pipedrive \u00b7 Zoho + APIs\n        <\/span>\n        <span class=\"bs-trust-chip\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 18L18 4M7 4H4v3M20 17v3h-3M8 8l8 8\"\/><\/svg>\n          Fixed price \u00b7 No scope creep\n        <\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Abstract: a build component plugging into a stack -->\n    <div class=\"bs-hero-diagram\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 420 360\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n        <defs>\n          <linearGradient id=\"bhg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0\" stop-color=\"#16a06b\" stop-opacity=\".5\"\/>\n            <stop offset=\"1\" stop-color=\"#16a06b\" stop-opacity=\"0\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <!-- stack rail -->\n        <g>\n          <rect x=\"250\" y=\"40\" width=\"150\" height=\"56\" rx=\"12\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/>\n          <rect x=\"250\" y=\"112\" width=\"150\" height=\"56\" rx=\"12\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/>\n          <rect x=\"250\" y=\"184\" width=\"150\" height=\"56\" rx=\"12\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/>\n          <rect x=\"250\" y=\"256\" width=\"150\" height=\"56\" rx=\"12\" fill=\"#11203a\" stroke=\"rgba(255,255,255,.12)\"\/>\n          <text x=\"272\" y=\"73\" font-family=\"JetBrains Mono\" font-size=\"12\" fill=\"#9fb0bc\">CRM<\/text>\n          <text x=\"272\" y=\"145\" font-family=\"JetBrains Mono\" font-size=\"12\" fill=\"#9fb0bc\">Data warehouse<\/text>\n          <text x=\"272\" y=\"217\" font-family=\"JetBrains Mono\" font-size=\"12\" fill=\"#9fb0bc\">Billing<\/text>\n          <text x=\"272\" y=\"289\" font-family=\"JetBrains Mono\" font-size=\"12\" fill=\"#9fb0bc\">Marketing<\/text>\n        <\/g>\n        <!-- connectors -->\n        <g stroke=\"#16a06b\" stroke-width=\"1.5\" stroke-dasharray=\"4 5\">\n          <path d=\"M170 120 C220 120 210 68 250 68\"\/>\n          <path d=\"M170 150 C220 150 210 140 250 140\"\/>\n          <path d=\"M170 180 C220 180 210 212 250 212\"\/>\n          <path d=\"M170 210 C220 210 210 284 250 284\"\/>\n        <\/g>\n        <!-- the build -->\n        <rect x=\"20\" y=\"120\" width=\"150\" height=\"120\" rx=\"14\" fill=\"#0f2236\" stroke=\"#16a06b\" stroke-width=\"1.5\"\/>\n        <rect x=\"20\" y=\"120\" width=\"150\" height=\"120\" rx=\"14\" fill=\"url(#bhg)\"\/>\n        <text x=\"95\" y=\"170\" font-family=\"Inter\" font-size=\"13\" font-weight=\"600\" fill=\"#fff\" text-anchor=\"middle\">Your Custom<\/text>\n        <text x=\"95\" y=\"190\" font-family=\"Inter\" font-size=\"13\" font-weight=\"600\" fill=\"#fff\" text-anchor=\"middle\">Build<\/text>\n        <text x=\"95\" y=\"212\" font-family=\"JetBrains Mono\" font-size=\"9.5\" fill=\"#8fd9b3\" text-anchor=\"middle\" letter-spacing=\".06em\">SCOPED \u00b7 FIXED \u00b7 LIVE<\/text>\n        <!-- live dot -->\n        <circle cx=\"155\" cy=\"135\" r=\"4\" fill=\"#16a06b\">\n          <animate attributeName=\"opacity\" values=\"1;0.4;1\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62df15d elementor-widget elementor-widget-html\" data-id=\"62df15d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 02 \u00b7 FEATURED \u00b7 MAINGOAL\n     ----------------------------------------------------------------\n     Live build showcase: Maingoal Managed Service Estimator.\n     The mockup is full HTML\/CSS \u2014 not an image. In production,\n     you may want to replace .bs-feat-mock with a real screenshot\n     when one is available (then this block becomes 30% smaller).\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared bs-cta (also in block 01) ---------- *\/\n.bs-cta {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 14px; font-weight: 600; letter-spacing: .01em;\n  padding: 12px 20px; border-radius: 10px; white-space: nowrap;\n  text-decoration: none;\n  transition: transform .15s, background .15s, border-color .15s, color .15s;\n}\n.bs-cta svg { transition: transform .2s; flex-shrink: 0; }\n.bs-cta:hover svg { transform: translateX(3px); }\n.bs-cta.outline { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }\n.bs-cta.outline:hover { background: var(--ink); color: #fff; }\n\n\/* ---------- 02 \u00b7 Featured Maingoal ---------- *\/\n.bs-feat { padding: clamp(64px, 8vw, 96px) 0; }\n\n.bs-feat-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.bs-feat-eyebrow .live-dot {\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  background: var(--green);\n  box-shadow: 0 0 0 3px rgba(22,160,107,.18);\n  animation: bs-pulse 2s ease-in-out infinite;\n}\n@keyframes bs-pulse {\n  0%, 100% { box-shadow: 0 0 0 3px rgba(22,160,107,.18); }\n  50% { box-shadow: 0 0 0 6px rgba(22,160,107,.08); }\n}\n\n.bs-feat h2 {\n  margin-top: 14px;\n  font-size: clamp(24px, 3vw, 38px);\n  letter-spacing: -.025em;\n  line-height: 1.15;\n}\n.bs-feat h2 .dim {\n  color: var(--ink-3);\n  font-weight: 500;\n}\n.bs-feat-sub {\n  margin-top: 14px;\n  font-size: clamp(15px, 1.4vw, 16.5px);\n  line-height: 1.55;\n  color: var(--ink-2);\n  max-width: 720px;\n}\n\n.bs-feat-grid {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr;\n  gap: 30px;\n  margin-top: 30px;\n  align-items: stretch;\n}\n@media (max-width: 900px) {\n  .bs-feat-grid { grid-template-columns: 1fr; gap: 22px; }\n}\n\n\/* ===== Mock window \u2014 represents the live estimator ===== *\/\n.bs-feat-mock {\n  position: relative;\n  background: #0d1d34;\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 30px 70px -34px rgba(8,20,40,.45);\n}\n.bs-feat-mock .mock-live {\n  position: absolute;\n  top: 12px; right: 14px;\n  z-index: 3;\n  font-family: var(--mono);\n  font-size: 9px;\n  letter-spacing: .12em;\n  font-weight: 600;\n  color: #04130c;\n  background: var(--green);\n  border-radius: 5px;\n  padding: 4px 8px;\n}\n\n.fbm-bar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 16px;\n  background: var(--navy-900);\n  border-bottom: 1px solid rgba(255,255,255,.08);\n}\n.fbm-dots { display: flex; gap: 5px; }\n.fbm-dots i {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.18);\n}\n.fbm-title {\n  font-size: 12px;\n  color: rgba(255,255,255,.78);\n  font-weight: 500;\n}\n\n.fbm-body {\n  display: grid;\n  grid-template-columns: 120px 1fr 168px;\n}\n@media (max-width: 1040px) {\n  .fbm-body { grid-template-columns: 104px 1fr 150px; }\n}\n@media (max-width: 480px) {\n  .fbm-body { grid-template-columns: 1fr; }\n}\n\n.fbm-wizard {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 14px 10px;\n  background: rgba(255,255,255,.02);\n  border-right: 1px solid rgba(255,255,255,.06);\n}\n.fbm-step {\n  display: flex; align-items: center; gap: 8px;\n  font-size: 11px;\n  color: rgba(255,255,255,.45);\n  padding: 7px 8px;\n  border-radius: 7px;\n}\n.fbm-step b {\n  font-family: var(--mono);\n  font-size: 10px;\n  color: rgba(255,255,255,.35);\n}\n.fbm-step.active {\n  background: rgba(22,160,107,.14);\n  color: #fff;\n}\n.fbm-step.active b { color: var(--green); }\n@media (max-width: 480px) {\n  .fbm-wizard {\n    flex-direction: row;\n    overflow-x: auto;\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.06);\n  }\n}\n\n.fbm-content {\n  padding: 18px;\n  color: #fff;\n  min-width: 0;\n}\n.fbm-kicker {\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--green-soft);\n}\n.fbm-q {\n  font-size: 14px;\n  font-weight: 600;\n  margin-top: 8px;\n}\n\n.fbm-slider { margin-top: 16px; }\n.fbm-track {\n  position: relative;\n  height: 6px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.10);\n}\n.fbm-fill {\n  position: absolute;\n  left: 0; top: 0;\n  height: 100%;\n  width: 46%;\n  border-radius: 999px;\n  background: var(--green);\n}\n.fbm-knob {\n  position: absolute;\n  left: 46%; top: 50%;\n  transform: translate(-50%, -50%);\n  width: 16px; height: 16px;\n  border-radius: 50%;\n  background: #fff;\n  border: 3px solid var(--green);\n}\n.fbm-scale {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 9px;\n  font-size: 10px;\n  color: rgba(255,255,255,.45);\n  font-family: var(--mono);\n}\n.fbm-scale .fbm-val {\n  font-size: 13px;\n  color: #fff;\n  font-weight: 600;\n}\n\n.fbm-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n  align-items: center;\n}\n.fbm-pill {\n  font-size: 11px;\n  padding: 5px 11px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.05);\n  border: 1px solid rgba(255,255,255,.12);\n  color: rgba(255,255,255,.6);\n}\n.fbm-pill:first-child {\n  background: transparent;\n  border: 0;\n  padding-left: 0;\n  color: rgba(255,255,255,.45);\n  font-family: var(--mono);\n  font-size: 9.5px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n.fbm-pill.on {\n  background: rgba(22,160,107,.16);\n  border-color: rgba(22,160,107,.45);\n  color: var(--green-soft);\n}\n\n.fbm-rec {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  margin-top: 18px;\n  background: rgba(22,160,107,.08);\n  border: 1px solid rgba(22,160,107,.28);\n  border-radius: 10px;\n  padding: 11px 13px;\n}\n.fbm-rec-ic {\n  width: 24px; height: 24px;\n  border-radius: 7px;\n  background: var(--green);\n  color: #04130c;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n}\n.fbm-rec b {\n  font-size: 12px;\n  color: #fff;\n  display: block;\n}\n.fbm-rec span {\n  font-size: 11px;\n  color: rgba(255,255,255,.6);\n}\n\n.fbm-est {\n  padding: 18px 14px;\n  background: rgba(255,255,255,.02);\n  border-left: 1px solid rgba(255,255,255,.06);\n  min-width: 0;\n}\n@media (max-width: 480px) {\n  .fbm-est {\n    border-left: 0;\n    border-top: 1px solid rgba(255,255,255,.06);\n  }\n}\n.fbm-est-lbl {\n  font-size: 10px;\n  color: rgba(255,255,255,.5);\n  font-family: var(--mono);\n  letter-spacing: .04em;\n}\n.fbm-est-big {\n  font-size: 23px;\n  font-weight: 600;\n  color: var(--green-soft);\n  letter-spacing: -.02em;\n  line-height: 1.1;\n  margin-top: 3px;\n  font-feature-settings: 'tnum';\n}\n.fbm-est-rows {\n  margin-top: 13px;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n}\n.fbm-est-rows div {\n  display: flex;\n  justify-content: space-between;\n  font-size: 10.5px;\n}\n.fbm-est-rows span:first-child { color: rgba(255,255,255,.5); }\n.fbm-est-rows span:last-child {\n  color: rgba(255,255,255,.85);\n  font-family: var(--mono);\n}\n\n.fbm-score {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  margin-top: 18px;\n  padding-top: 16px;\n  border-top: 1px solid rgba(255,255,255,.08);\n  min-width: 0;\n}\n.fbm-ring {\n  position: relative;\n  width: 46px; height: 46px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  background: conic-gradient(var(--green) calc(var(--p) * 1%), rgba(255,255,255,.10) 0);\n  display: grid;\n  place-items: center;\n}\n.fbm-ring::after {\n  content: '';\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 35px; height: 35px;\n  border-radius: 50%;\n  background: #0d1d34;\n}\n.fbm-ring span {\n  position: relative;\n  z-index: 1;\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n}\n.fbm-score-t { min-width: 0; }\n.fbm-score-t b {\n  font-size: 12.5px;\n  color: #fff;\n  display: block;\n}\n.fbm-score-t span {\n  font-size: 11px;\n  color: rgba(255,255,255,.5);\n}\n\n.fbm-bar-score { margin-top: 14px; }\n.fbm-bs-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  font-size: 10.5px;\n  color: rgba(255,255,255,.6);\n  margin-bottom: 6px;\n}\n.fbm-bs-top b {\n  font-family: var(--mono);\n  color: #fff;\n}\n.fbm-bs-track {\n  height: 5px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.10);\n  overflow: hidden;\n}\n.fbm-bs-track span {\n  display: block;\n  height: 100%;\n  background: linear-gradient(90deg, var(--green), #34d27d);\n  border-radius: 999px;\n}\n\n\/* ===== Metadata column ===== *\/\n.bs-feat-meta {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.bs-meta-list {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n}\n.bs-meta-list > div {\n  display: grid;\n  grid-template-columns: 130px 1fr;\n  gap: 14px;\n  padding: 13px 0;\n  border-bottom: 1px solid var(--line);\n  align-items: baseline;\n}\n.bs-meta-list > div:first-child { padding-top: 0; }\n@media (max-width: 420px) {\n  .bs-meta-list > div { grid-template-columns: 1fr; gap: 3px; }\n}\n.bs-meta-list dt {\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  color: var(--ink-3);\n}\n.bs-meta-list dd {\n  margin: 0;\n  font-size: 14px;\n  color: var(--ink);\n  line-height: 1.45;\n}\n\n.bs-feat-meta .bs-cta {\n  margin-top: 22px;\n  align-self: flex-start;\n}\n.bs-feat-micro {\n  margin-top: 14px;\n  font-family: var(--mono);\n  font-size: 11px;\n  color: var(--ink-3);\n  letter-spacing: .01em;\n  line-height: 1.5;\n}\n<\/style>\n\n\n<section class=\"paper bs-feat\" id=\"featured\" aria-labelledby=\"feat-title\">\n  <div class=\"container\">\n    <span class=\"eyebrow bs-feat-eyebrow\"><span class=\"live-dot\"><\/span>Featured build \u00b7 Live<\/span>\n    <h2 id=\"feat-title\">SAP Consulting <span class=\"dim\">\u00b7 Managed Service Estimator<\/span><\/h2>\n    <p class=\"bs-feat-sub\">A 7-step guided estimator that replaces 3-hour scoping calls with 5-minute self-service quotes, for an SAP HR licensing reseller targeting EMEA mid-market.<\/p>\n\n    <div class=\"bs-feat-grid\">\n      <!-- Mockup window \u2014 represents the live estimator -->\n      <div class=\"bs-feat-mock\" role=\"img\" aria-label=\"Maingoal Managed Service Estimator \u2014 a 7-step wizard with live cost estimate, readiness and complexity scores.\">\n        <span class=\"mock-live\">LIVE<\/span>\n        <div class=\"fbm-bar\">\n          <span class=\"fbm-dots\"><i><\/i><i><\/i><i><\/i><\/span>\n          <span class=\"fbm-title\">Managed Service Estimator<\/span>\n        <\/div>\n        <div class=\"fbm-body\">\n          <nav class=\"fbm-wizard\" aria-hidden=\"true\">\n            <span class=\"fbm-step active\"><b>01<\/b> Workforce<\/span>\n            <span class=\"fbm-step\"><b>02<\/b> Modules<\/span>\n            <span class=\"fbm-step\"><b>03<\/b> Data<\/span>\n            <span class=\"fbm-step\"><b>04<\/b> Support<\/span>\n            <span class=\"fbm-step\"><b>05<\/b> SLA<\/span>\n            <span class=\"fbm-step\"><b>06<\/b> Rollout<\/span>\n            <span class=\"fbm-step\"><b>07<\/b> Review<\/span>\n          <\/nav>\n          <div class=\"fbm-content\">\n            <div class=\"fbm-kicker\">Step 01 \u2014 Workforce<\/div>\n            <div class=\"fbm-q\">Number of employees in payroll<\/div>\n            <div class=\"fbm-slider\">\n              <div class=\"fbm-track\"><span class=\"fbm-fill\"><\/span><span class=\"fbm-knob\"><\/span><\/div>\n              <div class=\"fbm-scale\"><span>200<\/span><span class=\"fbm-val\">850<\/span><span>1,500<\/span><\/div>\n            <\/div>\n            <div class=\"fbm-pills\">\n              <span class=\"fbm-pill\">Payroll complexity<\/span>\n              <span class=\"fbm-pill on\">Complex<\/span>\n              <span class=\"fbm-pill\">Standard<\/span>\n            <\/div>\n            <div class=\"fbm-rec\">\n              <span class=\"fbm-rec-ic\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M3 8.5L6.5 12L13 4.5\"\/><\/svg><\/span>\n              <div><b>Recommended setup<\/b><span>Managed \u00b7 2 specialists \u00b7 quarterly reviews<\/span><\/div>\n            <\/div>\n          <\/div>\n          <aside class=\"fbm-est\">\n            <div class=\"fbm-est-lbl\">Estimated cost \/ year<\/div>\n            <div class=\"fbm-est-big\">\u20ac136,900<\/div>\n            <div class=\"fbm-est-rows\">\n              <div><span>Base platform<\/span><span>\u20ac48,000<\/span><\/div>\n              <div><span>Per-employee<\/span><span>\u20ac72,250<\/span><\/div>\n              <div><span>Support &amp; SLA<\/span><span>\u20ac16,650<\/span><\/div>\n            <\/div>\n            <div class=\"fbm-score\">\n              <div class=\"fbm-ring\" style=\"--p:89\"><span>89<\/span><\/div>\n              <div class=\"fbm-score-t\"><b>Readiness<\/b><span>\/ 100<\/span><\/div>\n            <\/div>\n            <div class=\"fbm-bar-score\">\n              <div class=\"fbm-bs-top\"><span>Operational complexity<\/span><b>78\/100<\/b><\/div>\n              <div class=\"fbm-bs-track\"><span style=\"width:78%\"><\/span><\/div>\n            <\/div>\n          <\/aside>\n        <\/div>\n      <\/div>\n\n      <!-- Metadata -->\n      <div class=\"bs-feat-meta\">\n        <dl class=\"bs-meta-list\">\n          <div><dt>Client<\/dt><dd>Maingoal \u00b7 SAP HR licensing reseller<\/dd><\/div>\n          <div><dt>Build type<\/dt><dd>Product Configurator<\/dd><\/div>\n          <div><dt>Scope delivered<\/dt><dd>7-step wizard + live pricing engine + estimate export<\/dd><\/div>\n          <div><dt>Stack<\/dt><dd>React + WordPress + Client pricing engine<\/dd><\/div>\n          <div><dt>Timeline<\/dt><dd>4 weeks<\/dd><\/div>\n          <div><dt>What it replaces<\/dt><dd>3-hour manual scoping calls per prospect<\/dd><\/div>\n        <\/dl>\n        <a class=\"bs-cta outline\" href=\"#scope-form\">See the live estimator\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n        <\/a>\n        <p class=\"bs-feat-micro\">One example of a Product Configurator. Same approach, applied to your stack.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1f4647 elementor-widget elementor-widget-html\" data-id=\"b1f4647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 03 \u00b7 THE 6 CUSTOM BUILDS\n     ----------------------------------------------------------------\n     Six build categories presented as a card grid.\n     Each card has icon + scope + heading + mini SVG mock + stack.\n     ============================================================ -->\n\n<style>\n\/* ---------- Shared bs-cta (also in blocks 01, 02) ---------- *\/\n.bs-cta {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 14px; font-weight: 600; letter-spacing: .01em;\n  padding: 12px 20px; border-radius: 10px; white-space: nowrap;\n  text-decoration: none;\n  transition: transform .15s, background .15s, border-color .15s, color .15s;\n}\n.bs-cta svg { transition: transform .2s; flex-shrink: 0; }\n.bs-cta:hover svg { transform: translateX(3px); }\n.bs-cta.outline { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }\n.bs-cta.outline:hover { background: var(--ink); color: #fff; }\n.bs-cta.sm {\n  padding: 9px 15px;\n  font-size: 13px;\n  border-radius: 9px;\n}\n\n\/* ---------- 03 \u00b7 The six builds ---------- *\/\n.bs-builds {\n  padding: 0 0 clamp(64px, 8vw, 96px);  \/* No top padding \u2014 chains with block 02 *\/\n}\n.bs-builds-head { max-width: 680px; }\n.bs-builds-head h2 {\n  margin-top: 12px;\n  font-size: clamp(24px, 3vw, 40px);\n  letter-spacing: -.025em;\n  line-height: 1.15;\n}\n.bs-builds-head p {\n  margin-top: 14px;\n  font-size: clamp(15px, 1.4vw, 16.5px);\n  color: var(--ink-2);\n  line-height: 1.55;\n}\n\n.bs-builds-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 40px;\n}\n@media (max-width: 980px) {\n  .bs-builds-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 620px) {\n  .bs-builds-grid { grid-template-columns: 1fr; }\n}\n\n.bs-build {\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  transition: border-color .18s, transform .18s, box-shadow .18s;\n}\n.bs-build:hover {\n  border-color: var(--green-dark);\n  transform: translateY(-3px);\n  box-shadow: var(--shadow);\n}\n\n.bs-build .build-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 14px;\n}\n.bs-build .build-ic {\n  width: 40px;\n  height: 40px;\n  border-radius: 11px;\n  background: var(--green-soft);\n  color: var(--green-deep);\n  display: grid;\n  place-items: center;\n}\n.bs-build .build-scope {\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .04em;\n  color: var(--ink-2);\n  background: var(--paper-2);\n  padding: 5px 10px;\n  border-radius: 6px;\n  white-space: nowrap;\n}\n\n.bs-build h3 {\n  font-size: clamp(17px, 1.6vw, 19px);\n  color: var(--ink);\n  letter-spacing: -.02em;\n  line-height: 1.2;\n}\n.bs-build .build-cap {\n  margin-top: 8px;\n  font-size: clamp(13px, 1.3vw, 13.5px);\n  color: var(--ink-2);\n  line-height: 1.5;\n}\n\n.bs-build .build-mock {\n  margin: 18px 0 16px;\n  background: #0c1d33;\n  border: 1px solid rgba(8,20,40,.10);\n  border-radius: 12px;\n  padding: 12px;\n  background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);\n  background-size: 14px 14px;\n}\n.bs-build .build-mock svg {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.bs-build .build-stack {\n  font-size: 11.5px;\n  color: var(--ink-3);\n  line-height: 1.4;\n  margin-bottom: 16px;\n}\n.bs-build .build-stack .stk-lbl {\n  font-family: var(--mono);\n  font-size: 9px;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--ink-3);\n  display: block;\n  margin-bottom: 3px;\n}\n\n.bs-build .bs-cta {\n  margin-top: auto;\n  align-self: flex-start;\n}\n<\/style>\n\n\n<section class=\"paper bs-builds\" id=\"builds\" aria-labelledby=\"builds-title\">\n  <div class=\"container\">\n    <div class=\"bs-builds-head\">\n      <span class=\"eyebrow\">What we build<\/span>\n      <h2 id=\"builds-title\">Six builds. Configured to your stack.<\/h2>\n      <p>Each component is engineered for one job and connected to your CRM, data and logic. Start with one. Compound into a system.<\/p>\n    <\/div>\n\n    <div class=\"bs-builds-grid\">\n\n      <!-- 01 \u00b7 LEAD ROUTING -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"6\" cy=\"6\" r=\"2.5\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"2.5\"><\/circle><path d=\"M8.5 6H14a4 4 0 014 4v5.5\"><\/path><\/svg><\/span>\n          <span class=\"build-scope\">2\u20134 weeks<\/span>\n        <\/div>\n        <h3>Lead Routing<\/h3>\n        <p class=\"build-cap\">Route inbound and outbound leads by ICP, territory and load.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <rect x=\"120\" y=\"14\" width=\"60\" height=\"26\" rx=\"7\" fill=\"#11233f\" stroke=\"rgba(22,160,107,.5)\"><\/rect>\n            <text x=\"150\" y=\"31\" font-family=\"Inter\" font-size=\"11\" fill=\"#fff\" text-anchor=\"middle\">Lead<\/text>\n            <g stroke=\"#16a06b\" stroke-width=\"1.4\" stroke-dasharray=\"3 4\">\n              <path d=\"M150 40 C150 70 60 75 60 104\"><\/path>\n              <path d=\"M150 40 L150 104\"><\/path>\n              <path d=\"M150 40 C150 70 240 75 240 104\"><\/path>\n            <\/g>\n            <text x=\"150\" y=\"74\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#8fd9b3\" text-anchor=\"middle\">ICP \u00b7 territory \u00b7 capacity<\/text>\n            <g>\n              <rect x=\"26\" y=\"106\" width=\"68\" height=\"28\" rx=\"7\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.14)\"><\/rect>\n              <rect x=\"116\" y=\"106\" width=\"68\" height=\"28\" rx=\"7\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.14)\"><\/rect>\n              <rect x=\"206\" y=\"106\" width=\"68\" height=\"28\" rx=\"7\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.14)\"><\/rect>\n              <text x=\"60\" y=\"124\" font-family=\"Inter\" font-size=\"10\" fill=\"#cdd8e0\" text-anchor=\"middle\">Rep A<\/text>\n              <text x=\"150\" y=\"124\" font-family=\"Inter\" font-size=\"10\" fill=\"#cdd8e0\" text-anchor=\"middle\">Rep B<\/text>\n              <text x=\"240\" y=\"124\" font-family=\"Inter\" font-size=\"10\" fill=\"#cdd8e0\" text-anchor=\"middle\">Rep C<\/text>\n            <\/g>\n            <circle cx=\"150\" cy=\"104\" r=\"3\" fill=\"#16a06b\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Connects to<\/span> Salesforce \u00b7 HubSpot \u00b7 Pipedrive<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/EkAxXN\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\n      <\/article>\n\n      <!-- 02 \u00b7 AI REPORTING -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M4 19V9M9 19V5M14 19v-7M19 19v-4\"><\/path><path d=\"M3 19h18\"><\/path><\/svg><\/span>\n          <span class=\"build-scope\">3\u20136 weeks<\/span>\n        <\/div>\n        <h3>AI Reporting<\/h3>\n        <p class=\"build-cap\">Automated revenue insights from CRM + data warehouse.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <rect x=\"14\" y=\"14\" width=\"130\" height=\"60\" rx=\"9\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.12)\"><\/rect>\n            <text x=\"28\" y=\"36\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#9fb0bc\">REVENUE<\/text>\n            <text x=\"28\" y=\"56\" font-family=\"Inter\" font-weight=\"600\" font-size=\"18\" fill=\"#fff\">\u20ac2.4M<\/text>\n            <text x=\"100\" y=\"56\" font-family=\"JetBrains Mono\" font-size=\"11\" fill=\"#34d27d\">+14%<\/text>\n            <polyline points=\"28,68 48,64 68,66 88,58 108,60 128,52\" stroke=\"#16a06b\" stroke-width=\"1.6\" fill=\"none\"><\/polyline>\n            <rect x=\"156\" y=\"14\" width=\"130\" height=\"60\" rx=\"9\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.12)\"><\/rect>\n            <text x=\"170\" y=\"36\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#9fb0bc\">PIPELINE<\/text>\n            <text x=\"170\" y=\"56\" font-family=\"Inter\" font-weight=\"600\" font-size=\"18\" fill=\"#fff\">3.2x<\/text>\n            <polyline points=\"170,66 190,60 210,62 230,54 250,50 270,44\" stroke=\"#16a06b\" stroke-width=\"1.6\" fill=\"none\"><\/polyline>\n            <rect x=\"14\" y=\"88\" width=\"272\" height=\"46\" rx=\"9\" fill=\"rgba(22,160,107,.08)\" stroke=\"rgba(22,160,107,.28)\"><\/rect>\n            <circle cx=\"30\" cy=\"111\" r=\"4\" fill=\"#16a06b\"><\/circle>\n            <text x=\"44\" y=\"106\" font-family=\"JetBrains Mono\" font-size=\"8\" fill=\"#8fd9b3\">AI INSIGHT<\/text>\n            <text x=\"44\" y=\"120\" font-family=\"Inter\" font-size=\"9.5\" fill=\"#dce6ec\">Win-rate dropped 8% in mid-market last week<\/text>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Connects to<\/span> Looker \u00b7 Power BI \u00b7 Tableau \u00b7 Snowflake<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\n      <\/article>\n\n      <!-- 03 \u00b7 PRODUCT CONFIGURATOR -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M5 6h14M5 12h14M5 18h14\"><\/path><circle cx=\"9\" cy=\"6\" r=\"2\" fill=\"currentColor\"><\/circle><circle cx=\"15\" cy=\"12\" r=\"2\" fill=\"currentColor\"><\/circle><circle cx=\"8\" cy=\"18\" r=\"2\" fill=\"currentColor\"><\/circle><\/svg><\/span>\n          <span class=\"build-scope\">4\u20138 weeks<\/span>\n        <\/div>\n        <h3>Product Configurator<\/h3>\n        <p class=\"build-cap\">Guided buying flows with live pricing and proposal generation.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <rect x=\"14\" y=\"14\" width=\"58\" height=\"122\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.10)\"><\/rect>\n            <g font-family=\"JetBrains Mono\" font-size=\"8\">\n              <text x=\"26\" y=\"32\" fill=\"#16a06b\">01<\/text><text x=\"40\" y=\"32\" fill=\"#cdd8e0\">Work<\/text>\n              <text x=\"26\" y=\"50\" fill=\"#5b6b78\">02<\/text><text x=\"40\" y=\"50\" fill=\"#7c8a96\">Mod<\/text>\n              <text x=\"26\" y=\"68\" fill=\"#5b6b78\">03<\/text><text x=\"40\" y=\"68\" fill=\"#7c8a96\">Data<\/text>\n              <text x=\"26\" y=\"86\" fill=\"#5b6b78\">04<\/text><text x=\"40\" y=\"86\" fill=\"#7c8a96\">SLA<\/text>\n              <text x=\"26\" y=\"104\" fill=\"#5b6b78\">05<\/text><text x=\"40\" y=\"104\" fill=\"#7c8a96\">Roll<\/text>\n              <text x=\"26\" y=\"122\" fill=\"#5b6b78\">06<\/text><text x=\"40\" y=\"122\" fill=\"#7c8a96\">Rev<\/text>\n            <\/g>\n            <rect x=\"84\" y=\"14\" width=\"124\" height=\"122\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.10)\"><\/rect>\n            <text x=\"98\" y=\"40\" font-family=\"Inter\" font-size=\"9.5\" fill=\"#cdd8e0\">Employees<\/text>\n            <rect x=\"98\" y=\"56\" width=\"96\" height=\"5\" rx=\"2.5\" fill=\"rgba(255,255,255,.12)\"><\/rect>\n            <rect x=\"98\" y=\"56\" width=\"52\" height=\"5\" rx=\"2.5\" fill=\"#16a06b\"><\/rect>\n            <circle cx=\"150\" cy=\"58.5\" r=\"6\" fill=\"#fff\" stroke=\"#16a06b\" stroke-width=\"2.5\"><\/circle>\n            <text x=\"98\" y=\"86\" font-family=\"Inter\" font-weight=\"600\" font-size=\"15\" fill=\"#fff\">420<\/text>\n            <text x=\"130\" y=\"86\" font-family=\"Inter\" font-size=\"9\" fill=\"#7c8a96\">employees<\/text>\n            <rect x=\"98\" y=\"100\" width=\"96\" height=\"22\" rx=\"6\" fill=\"rgba(22,160,107,.12)\" stroke=\"rgba(22,160,107,.3)\"><\/rect>\n            <text x=\"146\" y=\"115\" font-family=\"JetBrains Mono\" font-size=\"9\" fill=\"#8fd9b3\" text-anchor=\"middle\">Complex payroll<\/text>\n            <rect x=\"220\" y=\"48\" width=\"66\" height=\"54\" rx=\"8\" fill=\"rgba(22,160,107,.1)\" stroke=\"rgba(22,160,107,.34)\"><\/rect>\n            <text x=\"253\" y=\"70\" font-family=\"JetBrains Mono\" font-size=\"7\" fill=\"#8fd9b3\" text-anchor=\"middle\">EST \/ YEAR<\/text>\n            <text x=\"253\" y=\"88\" font-family=\"Inter\" font-weight=\"700\" font-size=\"12\" fill=\"#fff\" text-anchor=\"middle\">\u20ac136,900<\/text>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Connects to<\/span> React + your CRM + your pricing engine<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\n      <\/article>\n\n      <!-- 04 \u00b7 LANDINGS + CRM -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-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\"><\/rect><path d=\"M3 9h18M7 6h.01\"><\/path><\/svg><\/span>\n          <span class=\"build-scope\">2\u20134 weeks<\/span>\n        <\/div>\n        <h3>Landings + CRM<\/h3>\n        <p class=\"build-cap\">High-converting pages with deep CRM integration and routing.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <rect x=\"14\" y=\"16\" width=\"180\" height=\"118\" rx=\"9\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.12)\"><\/rect>\n            <rect x=\"14\" y=\"16\" width=\"180\" height=\"22\" rx=\"9\" fill=\"#0a1628\"><\/rect>\n            <circle cx=\"28\" cy=\"27\" r=\"3\" fill=\"#33424f\"><\/circle><circle cx=\"40\" cy=\"27\" r=\"3\" fill=\"#33424f\"><\/circle><circle cx=\"52\" cy=\"27\" r=\"3\" fill=\"#33424f\"><\/circle>\n            <rect x=\"30\" y=\"52\" width=\"100\" height=\"9\" rx=\"4\" fill=\"#cdd8e0\"><\/rect>\n            <rect x=\"30\" y=\"68\" width=\"70\" height=\"6\" rx=\"3\" fill=\"#4a5a67\"><\/rect>\n            <rect x=\"30\" y=\"86\" width=\"148\" height=\"14\" rx=\"4\" fill=\"rgba(255,255,255,.06)\" stroke=\"rgba(255,255,255,.12)\"><\/rect>\n            <rect x=\"30\" y=\"104\" width=\"148\" height=\"14\" rx=\"4\" fill=\"rgba(255,255,255,.06)\" stroke=\"rgba(255,255,255,.12)\"><\/rect>\n            <rect x=\"30\" y=\"122\" width=\"58\" height=\"14\" rx=\"4\" fill=\"#16a06b\"><\/rect>\n            <path d=\"M194 96 C214 96 216 78 236 78\" stroke=\"#16a06b\" stroke-width=\"1.5\" stroke-dasharray=\"3 4\"><\/path>\n            <circle cx=\"236\" cy=\"78\" r=\"3\" fill=\"#16a06b\"><\/circle>\n            <rect x=\"234\" y=\"60\" width=\"52\" height=\"36\" rx=\"9\" fill=\"#ff7a59\"><\/rect>\n            <path d=\"M252 72a4 4 0 016 1.2 3.5 3.5 0 01-1 6 3 3 0 01-5-.5 3.5 3.5 0 010-6 4 4 0 010 0z\" fill=\"#fff\" opacity=\".95\"><\/path>\n            <text x=\"260\" y=\"92\" font-family=\"Inter\" font-size=\"7\" fill=\"#fff\" text-anchor=\"middle\">CRM<\/text>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Connects to<\/span> WordPress \u00b7 Webflow \u00b7 Astro + any CRM<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\n      <\/article>\n\n      <!-- 05 \u00b7 STACK INTEGRATIONS -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M12 3v6M12 15v6M3 12h6M15 12h6\"><\/path><\/svg><\/span>\n          <span class=\"build-scope\">2\u20136 weeks<\/span>\n        <\/div>\n        <h3>Stack Integrations<\/h3>\n        <p class=\"build-cap\">Connect CRM, billing, data warehouse and marketing stack.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <g stroke-width=\"1.6\" fill=\"none\">\n              <path d=\"M150 75 L60 34\" stroke=\"#00a1e0\"><\/path>\n              <path d=\"M150 75 L246 34\" stroke=\"#ff7a59\"><\/path>\n              <path d=\"M150 75 L40 110\" stroke=\"#29b5e8\"><\/path>\n              <path d=\"M150 75 L150 130\" stroke=\"#635bff\"><\/path>\n              <path d=\"M150 75 L260 112\" stroke=\"#e01e5a\"><\/path>\n            <\/g>\n            <circle cx=\"60\" cy=\"34\" r=\"14\" fill=\"#00a1e0\"><\/circle><text x=\"60\" y=\"38\" font-family=\"Inter\" font-weight=\"700\" font-size=\"11\" fill=\"#fff\" text-anchor=\"middle\">SF<\/text>\n            <circle cx=\"246\" cy=\"34\" r=\"14\" fill=\"#ff7a59\"><\/circle><text x=\"246\" y=\"38\" font-family=\"Inter\" font-weight=\"700\" font-size=\"11\" fill=\"#fff\" text-anchor=\"middle\">H<\/text>\n            <circle cx=\"40\" cy=\"110\" r=\"14\" fill=\"#29b5e8\"><\/circle><text x=\"40\" y=\"114\" font-family=\"Inter\" font-weight=\"700\" font-size=\"9\" fill=\"#fff\" text-anchor=\"middle\">snow<\/text>\n            <circle cx=\"150\" cy=\"130\" r=\"14\" fill=\"#635bff\"><\/circle><text x=\"150\" y=\"134\" font-family=\"Inter\" font-weight=\"700\" font-size=\"11\" fill=\"#fff\" text-anchor=\"middle\">S<\/text>\n            <circle cx=\"260\" cy=\"112\" r=\"14\" fill=\"#e01e5a\"><\/circle><text x=\"260\" y=\"116\" font-family=\"Inter\" font-weight=\"700\" font-size=\"9\" fill=\"#fff\" text-anchor=\"middle\">slk<\/text>\n            <circle cx=\"150\" cy=\"75\" r=\"24\" fill=\"#0f2236\" stroke=\"rgba(22,160,107,.6)\" stroke-width=\"1.5\"><\/circle>\n            <text x=\"150\" y=\"72\" font-family=\"Inter\" font-weight=\"700\" font-size=\"8\" fill=\"#fff\" text-anchor=\"middle\">Growth<\/text>\n            <text x=\"150\" y=\"82\" font-family=\"Inter\" font-weight=\"700\" font-size=\"8\" fill=\"#fff\" text-anchor=\"middle\">OS<\/text>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Layer<\/span> API + ETL + webhooks \u00b7 iPaaS optional<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\n      <\/article>\n\n      <!-- 06 \u00b7 CUSTOM DASHBOARDS -->\n      <article class=\"bs-build\">\n        <div class=\"build-top\">\n          <span class=\"build-ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"><\/rect><\/svg><\/span>\n          <span class=\"build-scope\">3\u20135 weeks<\/span>\n        <\/div>\n        <h3>Custom Dashboards<\/h3>\n        <p class=\"build-cap\">Executive views built on your data, not generic templates.<\/p>\n        <div class=\"build-mock\">\n          <svg viewBox=\"0 0 300 150\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\">\n            <g font-family=\"Inter\">\n              <rect x=\"14\" y=\"14\" width=\"130\" height=\"56\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.1)\"><\/rect>\n              <text x=\"28\" y=\"34\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#9fb0bc\">ARR<\/text>\n              <text x=\"28\" y=\"56\" font-weight=\"700\" font-size=\"17\" fill=\"#fff\">\u20ac8.6M<\/text>\n              <text x=\"104\" y=\"56\" font-family=\"JetBrains Mono\" font-size=\"10\" fill=\"#34d27d\">+22%<\/text>\n\n              <rect x=\"156\" y=\"14\" width=\"130\" height=\"56\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.1)\"><\/rect>\n              <text x=\"170\" y=\"34\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#9fb0bc\">PIPELINE COVERAGE<\/text>\n              <text x=\"170\" y=\"56\" font-weight=\"700\" font-size=\"17\" fill=\"#fff\">3.4x<\/text>\n              <text x=\"246\" y=\"56\" font-family=\"JetBrains Mono\" font-size=\"10\" fill=\"#34d27d\">+0.6<\/text>\n\n              <rect x=\"14\" y=\"80\" width=\"130\" height=\"56\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.1)\"><\/rect>\n              <text x=\"28\" y=\"100\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#9fb0bc\">CAC PAYBACK<\/text>\n              <text x=\"28\" y=\"122\" font-weight=\"700\" font-size=\"17\" fill=\"#fff\">11 mo<\/text>\n              <text x=\"104\" y=\"122\" font-family=\"JetBrains Mono\" font-size=\"10\" fill=\"#34d27d\">\u22122<\/text>\n\n              <rect x=\"156\" y=\"80\" width=\"130\" height=\"56\" rx=\"8\" fill=\"#0f2236\" stroke=\"rgba(255,255,255,.1)\"><\/rect>\n              <text x=\"170\" y=\"100\" font-family=\"JetBrains Mono\" font-size=\"7.5\" fill=\"#9fb0bc\">WIN-RATE<\/text>\n              <text x=\"170\" y=\"122\" font-weight=\"700\" font-size=\"17\" fill=\"#fff\">28%<\/text>\n              <text x=\"246\" y=\"122\" font-family=\"JetBrains Mono\" font-size=\"10\" fill=\"#34d27d\">+3%<\/text>\n            <\/g>\n          <\/svg>\n        <\/div>\n        <div class=\"build-stack\"><span class=\"stk-lbl\">Connects to<\/span> Looker \u00b7 Metabase \u00b7 Hex \u00b7 Retool<\/div>\n        <a class=\"bs-cta outline sm\" href=\"https:\/\/tally.so\/r\/jaEKb4\" rel=\"nofollow noopener\" target=\"_blank\">Scope this build \u2192<\/a>\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-0bf0278 elementor-widget elementor-widget-html\" data-id=\"0bf0278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 04 \u00b7 HOW A BUILD HAPPENS\n     ----------------------------------------------------------------\n     4-phase process: Scope, Architect, Build, Live.\n     Connector arrows between phases on desktop.\n     ============================================================ -->\n\n<style>\n\/* ---------- 04 \u00b7 Process ---------- *\/\n.bs-process {\n  background: var(--navy-900);\n  color: #fff;\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n\n.bs-process-head {\n  max-width: 660px;\n  margin-bottom: 40px;\n}\n.bs-process-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.bs-process-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.bs-phases {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  position: relative;\n}\n@media (max-width: 820px) {\n  .bs-phases { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 520px) {\n  .bs-phases { grid-template-columns: 1fr; }\n}\n\n.bs-phase {\n  position: relative;\n  background: rgba(255,255,255,.03);\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 16px;\n  padding: 24px 22px;\n  transition: border-color .18s, transform .18s;\n}\n.bs-phase:hover {\n  border-color: rgba(22,160,107,.42);\n  transform: translateY(-2px);\n}\n\n.bs-phase .ph-num {\n  font-family: var(--mono);\n  font-size: 30px;\n  font-weight: 600;\n  color: var(--green);\n  letter-spacing: -.03em;\n  line-height: 1;\n}\n.bs-phase .ph-name {\n  font-size: 18px;\n  font-weight: 600;\n  margin-top: 14px;\n  letter-spacing: -.01em;\n}\n.bs-phase .ph-dur {\n  font-family: var(--mono);\n  font-size: 11px;\n  color: rgba(255,255,255,.5);\n  margin-top: 5px;\n  letter-spacing: .02em;\n}\n.bs-phase p {\n  margin-top: 14px;\n  font-size: 13px;\n  color: rgba(255,255,255,.66);\n  line-height: 1.5;\n}\n\n\/* Connector arrows between phases (desktop only) *\/\n.bs-phase:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  top: 38px; right: -12px;\n  z-index: 2;\n  width: 20px; height: 1px;\n  background: rgba(22,160,107,.5);\n}\n.bs-phase:not(:last-child)::before {\n  content: '';\n  position: absolute;\n  top: 35px; right: -12px;\n  z-index: 2;\n  width: 6px; height: 6px;\n  border-top: 1px solid var(--green);\n  border-right: 1px solid var(--green);\n  transform: rotate(45deg);\n}\n@media (max-width: 820px) {\n  .bs-phase::after,\n  .bs-phase::before { display: none; }\n}\n<\/style>\n\n\n<section class=\"dark bs-process\" aria-labelledby=\"process-title\">\n  <div class=\"container\">\n    <div class=\"bs-process-head\">\n      <span class=\"eyebrow on-dark\">How a build happens<\/span>\n      <h2 id=\"process-title\">From scope call to live system. <br>In 2 to 8 weeks.<\/h2>\n      <p>Every Custom Build follows the same four-phase delivery.<br> Fixed scope agreed before week 1. No surprises after week 4.<\/p>\n    <\/div>\n    <div class=\"bs-phases\">\n      <article class=\"bs-phase\">\n        <div class=\"ph-num\">01<\/div>\n        <div class=\"ph-name\">Scope<\/div>\n        <div class=\"ph-dur\">Week 0 \u00b7 1\u20132 days<\/div>\n        <p>We map your stack, business logic and integration points. You get a written scope: features, timeline, price. Fixed.<\/p>\n      <\/article>\n      <article class=\"bs-phase\">\n        <div class=\"ph-num\">02<\/div>\n        <div class=\"ph-name\">Architect<\/div>\n        <div class=\"ph-dur\">Week 1<\/div>\n        <p>We design the build, data flows, edge cases, integrations. You review and approve before code is written.<\/p>\n      <\/article>\n      <article class=\"bs-phase\">\n        <div class=\"ph-num\">03<\/div>\n        <div class=\"ph-name\">Build<\/div>\n        <div class=\"ph-dur\">Weeks 2\u2013N<\/div>\n        <p>We engineer the build with your stack. Weekly demos. You ship feedback as it gets built, not at the end.<\/p>\n      <\/article>\n      <article class=\"bs-phase\">\n        <div class=\"ph-num\">04<\/div>\n        <div class=\"ph-name\">Live<\/div>\n        <div class=\"ph-dur\">Week N+1<\/div>\n        <p>We deploy, integrate to your CRM, train your team and document. Then you own it.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90342f5 elementor-widget elementor-widget-html\" data-id=\"90342f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 05 \u00b7 FAQs\n     ----------------------------------------------------------------\n     6 FAQs. Native <details> elements \u2014 no JS required.\n     Border turns green when opened.\n     ============================================================ -->\n\n<style>\n\/* ---------- 05 \u00b7 FAQs ---------- *\/\n.bs-faqs {\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n\n.bs-faqs-head {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 36px;\n}\n.bs-faqs-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\n.bs-faq-list {\n  max-width: 820px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.bs-faq {\n  background: #fff;\n  border: 1px solid var(--line);\n  border-radius: 14px;\n  transition: border-color .18s;\n}\n.bs-faq[open] {\n  border-color: var(--green);\n}\n\n.bs-faq summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 20px 24px;\n  font-size: clamp(14px, 1.5vw, 16px);\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.bs-faq summary::-webkit-details-marker { display: none; }\n.bs-faq summary .chev {\n  color: var(--ink-3);\n  flex-shrink: 0;\n  transition: transform .2s, color .2s;\n  display: inline-flex;\n}\n.bs-faq[open] summary .chev {\n  transform: rotate(180deg);\n  color: var(--green-dark);\n}\n\n.bs-faq-a {\n  padding: 0 24px 22px;\n  font-size: clamp(13px, 1.4vw, 14.5px);\n  color: var(--ink-2);\n  line-height: 1.6;\n  max-width: 680px;\n}\n\n@media (max-width: 480px) {\n  .bs-faq summary { padding: 16px 18px; }\n  .bs-faq-a { padding: 0 18px 18px; }\n}\n<\/style>\n\n\n<section class=\"paper bs-faqs\" aria-labelledby=\"faqs-title\">\n  <div class=\"container\">\n    <div class=\"bs-faqs-head\">\n      <span class=\"eyebrow\">FAQs<\/span>\n      <h2 id=\"faqs-title\">What buyers ask before scoping a build<\/h2>\n    <\/div>\n    <div class=\"bs-faq-list\">\n      <details class=\"bs-faq\">\n        <summary>Do you build on top of our existing CRM, or do we have to move?<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=\"bs-faq-a\">GrowthOS Build Studio operates on top of your existing CRM, no migration required. Whether you run Salesforce, HubSpot, Microsoft Dynamics 365, Pipedrive, Zoho CRM, Close, Copper, or a custom-built CRM, we design the sales infrastructure around what you already have in place. Your data, your workflows, your users, your permission structure and your integrations stay where they are.Instead of forcing a platform change, we build the operating layer that connects your CRM to the rest of your revenue tech stack, outbound tools, enrichment sources, data warehouses, BI, AI workflows and makes them behave as one system. We only touch the CRM configuration itself when a specific limitation is actively blocking the build, and only after you sign off on the change. If you are already mid-migration or considering one, we can help you think through the sequencing separately, but no engagement we run makes the migration a precondition.<\/div>\n      <\/details>\n      <details class=\"bs-faq\">\n        <summary>What does a build cost, and how long does it take?<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=\"bs-faq-a\">Build Studio pricing depends on whether the project is a productized build or a custom scoped one. Productized builds have a set price published upfront, you see what you pay before any conversation. Custom builds, or productized ones with meaningful configuration, are scoped to the specifics of your case: your CRM, your data model, your integration surface, your users, your industry.\nTimelines run from 2 to 8 weeks from kickoff to live, depending on complexity, integration count and how quickly your team can review at each milestone. Most builds land in the middle of that range. On the scope call, before any commitment, you receive three things in writing: a fixed price, a fixed delivery window, and a statement of work listing exactly what is in scope, what is out of scope, and what the deliverables include. No hourly billing, no scope creep, no invoice surprises.<\/div>\n      <\/details>\n      <details class=\"bs-faq\">\n        <summary>What happens after the build is live? Do we depend on you??<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=\"bs-faq-a\">Once your build goes live, you do not depend on GrowthOS to keep it running. Every system we ship is documented, handed over and fully owned by your team from day one. That means the CRM configurations, automation logic, integration flows, data schemas, playbooks and any custom code live in your accounts, under your users, on your infrastructure. Nothing sits behind a GrowthOS login.\nThe handover includes technical documentation, a written runbook for the person who will own the system internally, usually your RevOps, sales operations or marketing operations lead and a live training session. Optional retainer support is available if you want us on hand for ongoing tuning, new integrations, or evolving the system as your commercial motion changes. Clients who take the retainer do so because they see ongoing value in having the original builders close by, not because the system stops working without us.<\/div>\n      <\/details>\n      <details class=\"bs-faq\">\n        <summary>How does scope work once we start?<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=\"bs-faq-a\">Scope is defined upfront in a written statement of work (SOW) signed by both sides before any build work begins. The SOW lists exactly what is being built, what is not, what the deliverables are, and what the delivery timeline looks like. Both parties work from the same document, and neither side can add invisible work to it.\nThis is the opposite of how traditional consulting engagements handle scope, where hours accumulate quietly and the invoice arrives with surprises attached. If you want to add, change or remove something mid-project, we handle it through a simple change order: a new quote, a new delivery window, your explicit written sign-off before we touch it. Nothing gets added quietly, nothing balloons without your approval, and the scope you agreed to is the scope we deliver on the timeline we committed to.<\/div>\n      <\/details>\n      <details class=\"bs-faq\">\n        <summary>What if we need something not in the six builds listed?<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=\"bs-faq-a\">The six productized builds cover the systems most B2B teams need first, which is why they are packaged with published scope and pricing. But they are the pattern, not the ceiling. If your project doesn't fit cleanly into one of the six, that is not a blocker, we regularly build systems outside the standard catalog: custom integrations, bespoke sales workflows, specific data models, industry-specific configurations, or sales enablement layers designed for a particular product motion.\nThe scope call is where we decide together whether it is something we can build well within a reasonable scope. If yes, you leave with a quote and a timeline. If it is genuinely outside our capability or a poor fit, we say so plainly on that call and where relevant, we point you to a specialist who is better placed to help. Wasting your quarter on a bad-fit engagement is worse for both sides than passing on the deal.<\/div>\n      <\/details>\n      <details class=\"bs-faq\">\n        <summary>Do you work with teams outside Europe?<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=\"bs-faq-a\">GrowthOS operates as a fully remote team with local presence across Europe: Spain, Portugal, the DACH region  and delivers to clients across the continent and beyond. Our current client base includes teams in Iberia, Central Europe, the UK and North America. We work primarily in English, with native Spanish and Portuguese capability inside the team for kickoff, workshops and client-facing conversations that are stronger in-language.\nTime zone alignment matters for build cadence, so if your team sits outside CET \u00b13, we structure kickoff sessions, weekly reviews and milestone check-ins around your working hours from the start \u2014 not around ours. Tell us where your team is based and how you prefer to work; we build the delivery model around your context, not the other way around.<\/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-419630e elementor-widget elementor-widget-html\" data-id=\"419630e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     BUILD STUDIO \u00b7 BLOCK 06 \u00b7 MID-JOURNEY CLOSE\n     ----------------------------------------------------------------\n     Final CTA + stack diagram showing the 4 layers, with\n     \"You are here\" marker on the Build Studio (Layer 03).\n     The other 3 layers are anchor links to their pages.\n     ============================================================ -->\n\n<style>\n\/* ---------- 06 \u00b7 Mid-journey close ---------- *\/\n.bs-close {\n  background: var(--navy-900);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n  padding: clamp(64px, 8vw, 96px) 0;\n}\n.bs-close::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(680px 420px at 80% 120%, rgba(22,160,107,.16), transparent 60%);\n  pointer-events: none;\n}\n\n.bs-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  .bs-close-grid { grid-template-columns: 1fr; gap: 36px; }\n}\n\n.bs-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.bs-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.bs-close-micro {\n  font-size: 13.5px !important;\n  color: rgba(255,255,255,.5) !important;\n  margin-top: 16px !important;\n}\n\n.bs-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  .bs-close-cta .btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n.bs-close-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--green-soft);\n  text-decoration: none;\n}\n.bs-close-link:hover { color: #fff; }\n\n\/* ---------- Stack diagram ---------- *\/\n.bs-stack {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.bs-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.bs-layer:hover {\n  border-color: rgba(22,160,107,.4);\n  background: rgba(22,160,107,.06);\n  transform: translateX(3px);\n}\n\n.bs-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.bs-layer .lyr-body {\n  flex: 1;\n  min-width: 0;\n}\n.bs-layer .lyr-body strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: -.01em;\n}\n.bs-layer .lyr-body span {\n  font-size: 12.5px;\n  color: rgba(255,255,255,.55);\n}\n.bs-layer .lyr-go {\n  color: rgba(255,255,255,.4);\n  flex-shrink: 0;\n  transition: transform .2s, color .2s;\n}\na.bs-layer:hover .lyr-go {\n  color: var(--green);\n  transform: translateX(3px);\n}\n\n.bs-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.bs-layer.here .lyr-n {\n  color: var(--green);\n}\n.bs-layer .lyr-badge {\n  flex-shrink: 0;\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: 5px 10px;\n  border-radius: 6px;\n}\n<\/style>\n\n\n<section class=\"dark bs-close\" id=\"scope-form\" aria-labelledby=\"close-title\">\n  <div class=\"container\">\n    <div class=\"bs-close-grid\">\n      <div class=\"bs-close-copy\">\n        <span class=\"eyebrow on-dark\">Mid-journey<\/span>\n        <h2 id=\"close-title\">A Custom Build is one piece of the system.<\/h2>\n        <p>Most clients combine builds with strategy (Sales Engine) and self-serve tools (Growth Tools) into one operated revenue engine. See where this fits in the full stack.<\/p>\n        <p class=\"bs-close-micro\">Not sure where you fit? Take the 5-minute Sales Engine Diagnostic, we'll tell you which layer makes sense to start with.<\/p>\n        <div class=\"bs-close-cta\">\n          <a class=\"btn btn-primary btn-lg\" href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">Run the Sales Engine 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=\"bs-close-link\" href=\"mailto:hello@growthos.eu?subject=Scope%20a%20build\">Or, discuss a specific build \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Stack diagram \u2014 \"You are here: Build Studio\" -->\n      <div class=\"bs-stack\" aria-label=\"The GrowthOS stack. You are here: Build Studio.\">\n        <a class=\"bs-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        <div class=\"bs-layer here\" aria-current=\"page\">\n          <span class=\"lyr-n\">03<\/span>\n          <div class=\"lyr-body\"><strong>Build Studio<\/strong><span>Custom Builds, scoped to your stack<\/span><\/div>\n          <span class=\"lyr-badge\">You are here<\/span>\n        <\/div>\n        <a class=\"bs-layer\" href=\"\/tools\">\n          <span class=\"lyr-n\">02<\/span>\n          <div class=\"lyr-body\"><strong>Growth Tools<\/strong><span>Productized, self-serve<\/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=\"bs-layer\" href=\"https:\/\/app.growthos.biz\/sales-engine-diagnostic\">\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-06f1b05 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-global elementor-global-764 elementor-widget-html\" data-id=\"06f1b05\" 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 AI [&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-717","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/pages\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":53,"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/pages\/717\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/pages\/717\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/growthos.biz\/pt\/wp-json\/wp\/v2\/media?parent=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}