{"id":11,"date":"2026-03-19T18:24:40","date_gmt":"2026-03-19T18:24:40","guid":{"rendered":"https:\/\/atlasadvisory-solutions.com\/?page_id=11"},"modified":"2026-04-06T12:54:02","modified_gmt":"2026-04-06T12:54:02","slug":"home","status":"publish","type":"page","link":"https:\/\/atlasadvisory-solutions.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dadde49 hero-wrapper e-flex e-con-boxed e-con e-parent\" data-id=\"dadde49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71948d7 elementor-widget elementor-widget-global elementor-global-244 elementor-widget-html\" data-id=\"71948d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"atlas-hero-v2\">\n  <div class=\"atlas-hero-v2__bg\"><\/div>\n  <div class=\"atlas-hero-v2__noise\"><\/div>\n\n  <div class=\"atlas-hero-v2__inner\">\n    <div class=\"atlas-hero-v2__content\">\n      <h1 class=\"atlas-hero-v2__title\">\n        Turn your business into a <span>digital system<\/span><br>\n        that runs without you.\n      <\/h1>\n\n      <p class=\"atlas-hero-v2__subtitle\">\n        We design the infrastructure behind your business \u2014 automation, booking flows,\n        payments, and backend systems \u2014 so you scale faster with less manual work.\n      <\/p>\n\n      <div class=\"atlas-hero-v2__actions\">\n        <a href=\"#contact\" class=\"atlas-btn atlas-btn--primary\">Book a free strategy call<\/a>\n        <a href=\"#services\" class=\"atlas-btn atlas-btn--secondary\">Explore offers<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"atlas-hero-v2__bottom\">\n      <div class=\"atlas-hero-v2__bottom-item\">Free discovery call<\/div>\n      <div class=\"atlas-hero-v2__bottom-item\">100% remote<\/div>\n      <div class=\"atlas-hero-v2__bottom-item\">Delivered in 1\u20134 weeks<\/div>\n      <div class=\"atlas-hero-v2__bottom-item\">No long-term commitment<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .atlas-hero-v2 {\n    position: relative;\n    width: 100vw;\n    min-height: 100vh;\n    margin: 0;\n    margin-left: calc(50% - 50vw);\n    overflow: hidden;\n    background: linear-gradient(180deg, #030612 0%, #050816 100%);\n  }\n\n  .atlas-hero-v2__bg {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 18% 28%, rgba(37,99,235,0.18), transparent 28%),\n      radial-gradient(circle at 82% 18%, rgba(59,130,246,0.12), transparent 24%),\n      radial-gradient(circle at 50% 52%, rgba(37,99,235,0.10), transparent 34%),\n      linear-gradient(180deg, rgba(4,8,22,0.20) 0%, rgba(4,8,22,0.50) 45%, rgba(4,8,22,0.92) 100%);\n    z-index: 0;\n  }\n\n  .atlas-hero-v2__noise {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    opacity: 0.08;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n    background-size: 100% 4px, 4px 100%;\n    pointer-events: none;\n  }\n\n  .atlas-hero-v2__inner {\n    position: relative;\n    z-index: 2;\n    min-height: 100vh;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 110px 28px 34px;\n  }\n\n  .atlas-hero-v2__content {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .atlas-hero-v2__title {\n    margin: 0;\n    color: #f5f7fb;\n    font-family: Inter, sans-serif;\n    font-size: clamp(54px, 7vw, 96px);\n    line-height: 0.95;\n    letter-spacing: -0.05em;\n    font-weight: 700;\n    text-wrap: balance;\n  }\n\n  .atlas-hero-v2__title span {\n    background: linear-gradient(180deg, #78a8ff 0%, #3b82f6 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .atlas-hero-v2__subtitle {\n    max-width: 820px;\n    margin: 28px auto 0;\n    color: #97a0b4;\n    font-family: Inter, sans-serif;\n    font-size: clamp(18px, 2vw, 24px);\n    line-height: 1.55;\n    font-weight: 400;\n    text-wrap: balance;\n  }\n\n  .atlas-hero-v2__actions {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-top: 38px;\n  }\n\n  .atlas-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 58px;\n    padding: 0 26px;\n    border-radius: 999px;\n    text-decoration: none;\n    font-family: Inter, sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 0.01em;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      background 0.25s ease,\n      border-color 0.25s ease,\n      color 0.25s ease;\n  }\n\n  .atlas-btn--primary {\n    color: #ffffff !important;\n    background: linear-gradient(135deg, #2563eb, #3b82f6);\n    box-shadow:\n      0 0 0 1px rgba(59,130,246,0.20),\n      0 14px 34px rgba(37,99,235,0.30),\n      0 0 30px rgba(37,99,235,0.12);\n  }\n\n  .atlas-btn--primary:hover {\n    transform: translateY(-2px) scale(1.03);\n    box-shadow:\n      0 0 0 1px rgba(59,130,246,0.26),\n      0 18px 44px rgba(37,99,235,0.38),\n      0 0 34px rgba(37,99,235,0.18);\n  }\n\n  .atlas-btn--secondary {\n    color: #eef2ff !important;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(255,255,255,0.12);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.03),\n      0 8px 24px rgba(0,0,0,0.18);\n  }\n\n  .atlas-btn--secondary:hover {\n    color: #ffffff !important;\n    background: rgba(37,99,235,0.08);\n    border-color: rgba(59,130,246,0.28);\n    box-shadow:\n      0 0 0 1px rgba(59,130,246,0.10),\n      0 12px 28px rgba(0,0,0,0.22),\n      0 0 18px rgba(37,99,235,0.10);\n    transform: translateY(-1px);\n  }\n\n  .atlas-hero-v2__bottom {\n    width: 100%;\n    max-width: 1320px;\n    margin: auto auto 0;\n    margin-top: 54px;\n    padding: 18px 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0;\n    flex-wrap: wrap;\n    border-top: 1px solid rgba(255,255,255,0.06);\n    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\n  }\n\n  .atlas-hero-v2__bottom-item {\n    position: relative;\n    padding: 0 24px;\n    color: #a0a8b9;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    white-space: nowrap;\n  }\n\n  .atlas-hero-v2__bottom-item::before {\n    content: \"\u2713\";\n    margin-right: 8px;\n    color: #6ea2ff;\n    font-weight: 700;\n  }\n\n  .atlas-hero-v2__bottom-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    width: 1px;\n    height: 18px;\n    background: rgba(255,255,255,0.08);\n    transform: translateY(-50%);\n  }\n\n  @media (max-width: 980px) {\n    .atlas-hero-v2__inner {\n      padding: 92px 22px 24px;\n    }\n\n    .atlas-hero-v2__title {\n      font-size: clamp(44px, 9vw, 76px);\n      line-height: 0.98;\n    }\n\n    .atlas-hero-v2__subtitle {\n      font-size: 18px;\n      max-width: 700px;\n    }\n\n    .atlas-hero-v2__bottom {\n      gap: 12px 0;\n      justify-content: flex-start;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .atlas-hero-v2 {\n      min-height: 100vh;\n    }\n\n    .atlas-hero-v2__inner {\n      min-height: 100vh;\n      padding: 74px 18px 20px;\n    }\n\n    .atlas-hero-v2__title {\n      font-size: clamp(38px, 12vw, 58px);\n      line-height: 1;\n      letter-spacing: -0.04em;\n    }\n\n    .atlas-hero-v2__subtitle {\n      margin-top: 22px;\n      font-size: 16px;\n      line-height: 1.55;\n    }\n\n    .atlas-hero-v2__actions {\n      margin-top: 28px;\n      gap: 12px;\n    }\n\n    .atlas-btn {\n      width: 100%;\n      min-height: 54px;\n    }\n\n    .atlas-hero-v2__bottom {\n      margin-top: 34px;\n      padding: 14px 10px 0;\n      border-top: 1px solid rgba(255,255,255,0.05);\n      background: transparent;\n    }\n\n    .atlas-hero-v2__bottom-item {\n      width: 100%;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .atlas-hero-v2__bottom-item:not(:last-child)::after {\n      display: none;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebbc3d1 e-flex e-con-boxed e-con e-parent\" data-id=\"ebbc3d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e9a3b9 elementor-widget elementor-widget-heading\" data-id=\"5e9a3b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Most businesses don\u2019t have a growth problem.<br>\nThey have a systems problem.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37db1d3 e-flex e-con-boxed e-con e-parent\" data-id=\"37db1d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ccafb4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6ccafb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>You&#8217;re losing time, leads, and revenue \u2014 not because of strategy, but because everything depends on you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a850dd7 atlas-section-dark e-flex e-con-boxed e-con e-parent\" data-id=\"a850dd7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b1f01b8 e-con-full e-flex e-con e-child\" data-id=\"b1f01b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c990064 elementor-widget elementor-widget-heading\" data-id=\"c990064\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Everything depends on you.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bda14a elementor-widget elementor-widget-text-editor\" data-id=\"5bda14a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"242\" data-end=\"302\">No systems in place,\u00a0<\/p><p data-start=\"242\" data-end=\"302\">no real leverage to grow.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4b2306 e-con-full e-flex e-con e-child\" data-id=\"c4b2306\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91f31a5 elementor-widget elementor-widget-heading\" data-id=\"91f31a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">You miss leads every day<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-769e475 elementor-widget elementor-widget-text-editor\" data-id=\"769e475\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"261\" data-end=\"323\">Slow replies and no follow-ups\u00a0<\/p>\n<p data-start=\"261\" data-end=\"323\">cost you clients.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12bdeb3 e-con-full e-flex e-con e-child\" data-id=\"12bdeb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa31a43 elementor-widget elementor-widget-heading\" data-id=\"fa31a43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your business can\u2019t scale<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aaa4ca8 elementor-widget elementor-widget-text-editor\" data-id=\"aaa4ca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"499\" data-end=\"574\">Without systems in place,\u00a0<\/p>\n<p data-start=\"499\" data-end=\"574\">your growth quickly hits a ceiling.<\/p>\n<p data-start=\"442\" data-end=\"495\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31ba7b8 e-flex e-con-boxed e-con e-parent\" data-id=\"31ba7b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-198babc elementor-widget elementor-widget-html\" data-id=\"198babc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"v4-how\" id=\"v4How\">\n  <div class=\"v4-how__scroll-space\">\n    <div class=\"v4-how__sticky\">\n      <div class=\"v4-how__bg v4-how__bg--1\"><\/div>\n      <div class=\"v4-how__bg v4-how__bg--2\"><\/div>\n\n      <div class=\"v4-how__inner\">\n        <header class=\"v4-how__head\" id=\"v4Head\">\n          <div class=\"v4-how__kicker-wrap\">\n            <div class=\"v4-how__kicker\">HOW IT WORKS<\/div>\n            <div class=\"v4-how__kicker-line\"><\/div>\n          <\/div>\n\n          <h2 class=\"v4-how__title\">\n            How the system is built, step by step.\n          <\/h2>\n\n          <p class=\"v4-how__subtitle\">\n            A structured process that turns scattered manual work into a scalable, premium operating system.\n          <\/p>\n        <\/header>\n\n        <div class=\"v4-how__stage\" id=\"v4Stage\">\n          <div class=\"v4-how__timeline-shell\">\n            <div class=\"v4-how__timeline\" id=\"v4Timeline\">\n              <div class=\"v4-how__track\"><\/div>\n              <div class=\"v4-how__progress\" id=\"v4Progress\"><\/div>\n              <div class=\"v4-how__halo\" id=\"v4Halo\"><\/div>\n\n              <div class=\"v4-how__step is-active is-current\" data-step=\"0\">\n                <div class=\"v4-how__step-col\">\n                  <button class=\"v4-how__dot-button\" type=\"button\" aria-label=\"Show step 1\">\n                    <span class=\"v4-how__dot-wrap\">\n                      <span class=\"v4-how__dot\"><span>1<\/span><\/span>\n                    <\/span>\n                  <\/button>\n                  <span class=\"v4-how__label\">Audit<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"v4-how__step\" data-step=\"1\">\n                <div class=\"v4-how__step-col\">\n                  <button class=\"v4-how__dot-button\" type=\"button\" aria-label=\"Show step 2\">\n                    <span class=\"v4-how__dot-wrap\">\n                      <span class=\"v4-how__dot\"><span>2<\/span><\/span>\n                    <\/span>\n                  <\/button>\n                  <span class=\"v4-how__label\">Design<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"v4-how__step\" data-step=\"2\">\n                <div class=\"v4-how__step-col\">\n                  <button class=\"v4-how__dot-button\" type=\"button\" aria-label=\"Show step 3\">\n                    <span class=\"v4-how__dot-wrap\">\n                      <span class=\"v4-how__dot\"><span>3<\/span><\/span>\n                    <\/span>\n                  <\/button>\n                  <span class=\"v4-how__label\">Build<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"v4-how__step\" data-step=\"3\">\n                <div class=\"v4-how__step-col\">\n                  <button class=\"v4-how__dot-button\" type=\"button\" aria-label=\"Show step 4\">\n                    <span class=\"v4-how__dot-wrap\">\n                      <span class=\"v4-how__dot\"><span>4<\/span><\/span>\n                    <\/span>\n                  <\/button>\n                  <span class=\"v4-how__label\">Optimize<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"v4-how__cards\" id=\"v4Cards\">\n              <div class=\"v4-how__mini-card is-active\" role=\"button\" tabindex=\"0\" aria-label=\"Show step 1\" data-step-card=\"0\">\n                <span class=\"v4-how__mini-step\">STEP 01<\/span>\n                <strong>System Review<\/strong>\n                <em>Surface blockers, wasted motion, and structural weak points.<\/em>\n              <\/div>\n\n              <div class=\"v4-how__mini-card\" role=\"button\" tabindex=\"0\" aria-label=\"Show step 2\" data-step-card=\"1\">\n                <span class=\"v4-how__mini-step\">STEP 02<\/span>\n                <strong>Experience Mapping<\/strong>\n                <em>Define the structure, flow, and premium user journey.<\/em>\n              <\/div>\n\n              <div class=\"v4-how__mini-card\" role=\"button\" tabindex=\"0\" aria-label=\"Show step 3\" data-step-card=\"2\">\n                <span class=\"v4-how__mini-step\">STEP 03<\/span>\n                <strong>System Execution<\/strong>\n                <em>Connect logic, automation, and polished interactions.<\/em>\n              <\/div>\n\n              <div class=\"v4-how__mini-card\" role=\"button\" tabindex=\"0\" aria-label=\"Show step 4\" data-step-card=\"3\">\n                <span class=\"v4-how__mini-step\">STEP 04<\/span>\n                <strong>Performance Tuning<\/strong>\n                <em>Improve output, reliability, and long-term efficiency.<\/em>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"v4-how__content\" id=\"v4Content\">\n            <div class=\"v4-how__content-meta\" id=\"v4Meta\">STEP 01<\/div>\n            <h3 class=\"v4-how__content-title\" id=\"v4Title\">Audit<\/h3>\n            <p class=\"v4-how__content-text\" id=\"v4Text\">\n              We review the current workflow, identify friction points, and define the structural priorities before any design or implementation begins.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .v4-how {\n    --bg: #0B0F1A;\n    --bg2: #081120;\n    --bg3: #09162B;\n    --text: #F8FAFC;\n    --muted: #94A3B8;\n    --muted-2: rgba(148,163,184,0.82);\n    --accent: #60A5FA;\n    --accent-2: #3B82F6;\n    --ease: cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .v4-how,\n  .v4-how * {\n    box-sizing: border-box;\n  }\n\n  .v4-how {\n    position: relative;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    background: transparent;\n    overflow: clip;\n  }\n\n  .v4-how__scroll-space {\n    position: relative;\n    height: 340vh;\n  }\n\n  .v4-how__sticky {\n    position: sticky;\n    top: 0;\n    min-height: 100vh;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 14% 18%, rgba(96,165,250,0.13), transparent 24%),\n      radial-gradient(circle at 82% 80%, rgba(59,130,246,0.10), transparent 30%),\n      linear-gradient(180deg, var(--bg2) 0%, var(--bg3) 100%);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.03),\n      0 20px 70px rgba(0,0,0,0.35);\n  }\n\n  .v4-how__bg {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(70px);\n    opacity: 0.24;\n    pointer-events: none;\n    will-change: transform;\n  }\n\n  .v4-how__bg--1 {\n    width: 360px;\n    height: 360px;\n    top: -100px;\n    left: -80px;\n    background: rgba(96,165,250,0.20);\n  }\n\n  .v4-how__bg--2 {\n    width: 320px;\n    height: 320px;\n    bottom: -120px;\n    right: -80px;\n    background: rgba(59,130,246,0.18);\n  }\n\n  .v4-how__inner {\n    position: relative;\n    z-index: 2;\n    width: min(1440px, calc(100% - 80px));\n    min-height: 100vh;\n    margin: 0 auto;\n    padding: 70px 0 46px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .v4-how__head {\n    text-align: center;\n    max-width: 1100px;\n    margin: 0 auto 54px;\n    will-change: transform;\n  }\n\n  .v4-how__kicker-wrap {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  .v4-how__kicker {\n    color: rgba(248,250,252,0.95);\n    font-size: clamp(22px, 1.9vw, 34px);\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .v4-how__kicker-line {\n    width: 190px;\n    max-width: 46vw;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      rgba(96,165,250,0) 0%,\n      rgba(96,165,250,0.95) 50%,\n      rgba(96,165,250,0) 100%\n    );\n  }\n\n  .v4-how__title {\n    margin: 0 0 16px;\n    color: var(--text);\n    font-size: clamp(44px, 5.1vw, 86px);\n    line-height: 0.98;\n    letter-spacing: -0.05em;\n    font-weight: 750;\n    text-wrap: balance;\n  }\n\n  .v4-how__subtitle {\n    margin: 0 auto;\n    max-width: 850px;\n    color: var(--muted);\n    font-size: clamp(16px, 1.2vw, 21px);\n    line-height: 1.8;\n    text-wrap: balance;\n  }\n\n  .v4-how__stage {\n    width: 100%;\n    will-change: transform;\n  }\n\n  .v4-how__timeline-shell {\n    margin-bottom: 34px;\n  }\n\n  .v4-how__timeline {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 18px;\n    padding: 34px 8px 0;\n    min-height: 126px;\n  }\n\n  .v4-how__track,\n  .v4-how__progress,\n  .v4-how__halo {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    height: 2px;\n    border-radius: 999px;\n    pointer-events: none;\n  }\n\n  .v4-how__track {\n    width: 100%;\n    background: linear-gradient(\n      90deg,\n      rgba(255,255,255,0.03) 0%,\n      rgba(255,255,255,0.08) 18%,\n      rgba(255,255,255,0.08) 82%,\n      rgba(255,255,255,0.03) 100%\n    );\n  }\n\n  .v4-how__progress {\n    width: 0;\n    background: linear-gradient(\n      90deg,\n      rgba(96,165,250,0.95) 0%,\n      rgba(96,165,250,1) 70%,\n      rgba(147,197,253,0.98) 100%\n    );\n    box-shadow:\n      0 0 18px rgba(96,165,250,0.28),\n      0 0 42px rgba(96,165,250,0.16);\n  }\n\n  .v4-how__halo {\n    width: 170px;\n    opacity: 0;\n    background: linear-gradient(\n      90deg,\n      rgba(96,165,250,0) 0%,\n      rgba(96,165,250,0.18) 25%,\n      rgba(147,197,253,0.95) 50%,\n      rgba(96,165,250,0.18) 75%,\n      rgba(96,165,250,0) 100%\n    );\n    filter: blur(8px);\n    transition: opacity 0.25s ease;\n  }\n\n  .v4-how__step {\n    position: relative;\n    z-index: 3;\n    flex: 1 1 25%;\n    display: flex;\n    justify-content: center;\n    min-width: 0;\n  }\n\n  .v4-how__step-col {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .v4-how__dot-button,\n  .v4-how__dot-button:hover,\n  .v4-how__dot-button:focus,\n  .v4-how__dot-button:focus-visible,\n  .v4-how__dot-button:active {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    border: 0 !important;\n    outline: none !important;\n    background: transparent !important;\n    background-image: none !important;\n    box-shadow: none !important;\n    color: inherit !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .v4-how__dot-wrap {\n    position: relative;\n    display: inline-flex;\n    padding: 0 !important;\n    margin: 0 !important;\n    background: transparent !important;\n    background-image: none !important;\n    box-shadow: none !important;\n    border: 0 !important;\n  }\n\n  .v4-how__dot-wrap::before {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 72px;\n    height: 72px;\n    border-radius: 999px;\n    transform: translate(-50%, -50%);\n    background:\n      radial-gradient(circle at 30% 25%, rgba(14,26,48,0.96), rgba(8,17,32,0.98) 72%);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .v4-how__dot {\n    width: 58px;\n    height: 58px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--muted);\n    font-size: 17px;\n    font-weight: 700;\n    border: 1px solid rgba(255,255,255,0.12);\n    background-color: rgba(255,255,255,0.02) !important;\n    background-image:\n      radial-gradient(circle at 30% 25%, rgba(147,197,253,0.08), transparent 42%),\n      linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)) !important;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);\n    position: relative;\n    z-index: 1;\n    overflow: hidden;\n    transition:\n      transform 0.45s var(--ease),\n      color 0.45s var(--ease),\n      border-color 0.45s var(--ease),\n      box-shadow 0.45s var(--ease),\n      background 0.45s var(--ease);\n  }\n\n  .v4-how__dot::before {\n    content: \"\";\n    position: absolute;\n    inset: -10px;\n    border-radius: inherit;\n    background: radial-gradient(circle, rgba(96,165,250,0.20), transparent 68%);\n    opacity: 0;\n    transform: scale(0.9);\n    transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);\n  }\n\n  .v4-how__label {\n    font-size: 17px;\n    line-height: 1.2;\n    font-weight: 600;\n    color: rgba(248,250,252,0.90);\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .v4-how__dot-button:hover .v4-how__dot,\n  .v4-how__dot-button:focus-visible .v4-how__dot {\n    transform: scale(1.04);\n    border-color: rgba(96,165,250,0.40);\n    box-shadow:\n      0 0 0 1px rgba(96,165,250,0.10),\n      0 0 18px rgba(96,165,250,0.20);\n  }\n\n  .v4-how__step.is-active .v4-how__dot,\n  .v4-how__step.is-current .v4-how__dot {\n    color: #fff !important;\n    border-color: rgba(96,165,250,0.58) !important;\n    background-color: rgba(25,52,96,0.92) !important;\n    background-image:\n      radial-gradient(circle at 30% 25%, rgba(147,197,253,0.22), transparent 42%),\n      linear-gradient(180deg, rgba(96,165,250,0.26), rgba(59,130,246,0.18)) !important;\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.08),\n      0 0 0 1px rgba(96,165,250,0.14),\n      0 0 26px rgba(96,165,250,0.22),\n      0 0 48px rgba(96,165,250,0.10) !important;\n    transform: scale(1.05);\n  }\n\n  .v4-how__step.is-active .v4-how__dot::before,\n  .v4-how__step.is-current .v4-how__dot::before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .v4-how__step.is-current .v4-how__label {\n    color: #fff;\n  }\n\n  .v4-how__cards {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n    margin-top: 20px;\n  }\n\n  .v4-how__mini-card {\n    position: relative;\n    isolation: isolate;\n    border: 1px solid rgba(255,255,255,0.08);\n    background:\n      linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));\n    background-color: rgba(9,16,31,0.82);\n    border-radius: 20px;\n    padding: 18px 18px 17px;\n    min-height: 140px;\n    text-align: left;\n    cursor: pointer;\n    color: inherit;\n    width: 100%;\n    min-width: 0;\n    overflow: hidden;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    transform: translateY(0) scale(1);\n    transition:\n      transform 0.35s var(--ease),\n      border-color 0.35s var(--ease),\n      box-shadow 0.35s var(--ease),\n      background 0.35s var(--ease),\n      background-color 0.35s var(--ease);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.03),\n      0 10px 24px rgba(0,0,0,0.16);\n  }\n\n  .v4-how__mini-card::before,\n  .v4-how__mini-card::after {\n    content: none !important;\n    display: none !important;\n  }\n\n  .v4-how__mini-card:hover,\n  .v4-how__mini-card:focus,\n  .v4-how__mini-card:focus-visible {\n    outline: none;\n    border-color: rgba(96,165,250,0.28);\n    background:\n      linear-gradient(180deg, rgba(15,27,49,0.96), rgba(8,17,32,0.96));\n    background-color: rgba(10,18,34,0.96);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.04),\n      0 14px 30px rgba(0,0,0,0.22),\n      0 0 0 1px rgba(96,165,250,0.08),\n      0 0 22px rgba(96,165,250,0.08);\n    transform: translateY(-3px) scale(1.01);\n  }\n\n  .v4-how__mini-card.is-active {\n    border-color: rgba(96,165,250,0.36);\n    background:\n      linear-gradient(180deg, rgba(20,39,72,0.98), rgba(9,20,38,0.98));\n    background-color: rgba(12,24,44,0.98);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.05),\n      0 0 0 1px rgba(96,165,250,0.10),\n      0 14px 32px rgba(0,0,0,0.24),\n      0 0 26px rgba(96,165,250,0.10);\n    transform: translateY(-1px) scale(1.005);\n  }\n\n  .v4-how__mini-card.is-active:hover,\n  .v4-how__mini-card.is-active:focus,\n  .v4-how__mini-card.is-active:focus-visible {\n    border-color: rgba(96,165,250,0.42);\n    background:\n      linear-gradient(180deg, rgba(22,43,79,0.99), rgba(10,22,42,0.99));\n    background-color: rgba(13,25,46,0.99);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.06),\n      0 0 0 1px rgba(96,165,250,0.12),\n      0 16px 34px rgba(0,0,0,0.25),\n      0 0 28px rgba(96,165,250,0.12);\n    transform: translateY(-2px) scale(1.008);\n  }\n\n  .v4-how__mini-step {\n    display: block;\n    margin-bottom: 10px;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--accent);\n    font-weight: 700;\n  }\n\n  .v4-how__mini-card strong {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 20px;\n    line-height: 1.2;\n    color: #fff;\n    font-weight: 650;\n    white-space: normal;\n  }\n\n  .v4-how__mini-card em {\n    display: block;\n    font-style: normal;\n    font-size: 15px;\n    line-height: 1.55;\n    color: var(--muted-2);\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .v4-how__content {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 26px;\n    padding: 38px 34px;\n    min-height: 250px;\n    background:\n      radial-gradient(circle at top right, rgba(96,165,250,0.07), transparent 25%),\n      linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.03),\n      0 16px 40px rgba(0,0,0,0.18);\n    will-change: transform;\n  }\n\n  .v4-how__content-meta,\n  .v4-how__content-title,\n  .v4-how__content-text {\n    transition:\n      opacity 0.22s var(--ease),\n      transform 0.22s var(--ease);\n  }\n\n  .v4-how__content-meta {\n    margin-bottom: 14px;\n    font-size: 12px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--accent);\n  }\n\n  .v4-how__content-title {\n    margin: 0 0 14px;\n    font-size: clamp(34px, 2.6vw, 48px);\n    line-height: 1.04;\n    letter-spacing: -0.035em;\n    color: #fff;\n    font-weight: 720;\n  }\n\n  .v4-how__content-text {\n    margin: 0;\n    max-width: 980px;\n    color: var(--muted);\n    font-size: clamp(17px, 1.15vw, 20px);\n    line-height: 1.9;\n  }\n\n  .v4-how.is-switching .v4-how__content-meta,\n  .v4-how.is-switching .v4-how__content-title,\n  .v4-how.is-switching .v4-how__content-text {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  @media (max-width: 1280px) {\n    .v4-how__inner {\n      width: min(1400px, calc(100% - 48px));\n    }\n\n    .v4-how__cards {\n      gap: 14px;\n    }\n\n    .v4-how__mini-card strong {\n      font-size: 18px;\n    }\n\n    .v4-how__mini-card em {\n      font-size: 14px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .v4-how__scroll-space {\n      height: 300vh;\n    }\n\n    .v4-how__inner {\n      width: calc(100% - 32px);\n      padding: 52px 0 28px;\n    }\n\n    .v4-how__cards {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .v4-how__content {\n      min-height: 230px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .v4-how {\n      width: 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    .v4-how__scroll-space {\n      height: auto;\n    }\n\n    .v4-how__sticky {\n      position: relative;\n      min-height: auto;\n    }\n\n    .v4-how__inner {\n      width: calc(100% - 20px);\n      min-height: auto;\n      padding: 32px 0 20px;\n    }\n\n    .v4-how__head {\n      margin-bottom: 26px;\n    }\n\n    .v4-how__kicker {\n      font-size: 18px;\n    }\n\n    .v4-how__kicker-line {\n      width: 120px;\n    }\n\n    .v4-how__title {\n      font-size: clamp(30px, 9vw, 42px);\n      line-height: 1.04;\n    }\n\n    .v4-how__subtitle {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .v4-how__timeline {\n      display: grid;\n      grid-template-columns: 62px 1fr;\n      gap: 18px 0;\n      padding: 12px 0 0;\n      min-height: auto;\n    }\n\n    .v4-how__track,\n    .v4-how__progress,\n    .v4-how__halo {\n      left: 29px;\n      top: 0;\n      width: 2px;\n      height: 100%;\n    }\n\n    .v4-how__progress {\n      height: 0;\n    }\n\n    .v4-how__halo {\n      width: 2px;\n      height: 120px;\n    }\n\n    .v4-how__step {\n      justify-content: flex-start;\n      flex: unset;\n    }\n\n    .v4-how__step-col {\n      flex-direction: row;\n      gap: 14px;\n      align-items: center;\n    }\n\n    .v4-how__label {\n      text-align: left;\n      font-size: 16px;\n    }\n\n    .v4-how__dot-wrap::before {\n      width: 72px;\n      height: 72px;\n    }\n\n    .v4-how__cards {\n      grid-template-columns: 1fr;\n      margin-top: 18px;\n    }\n\n    .v4-how__mini-card {\n      min-height: auto;\n    }\n\n    .v4-how__content {\n      padding: 24px 18px;\n      min-height: 220px;\n      border-radius: 22px;\n    }\n\n    .v4-how__content-title {\n      font-size: 30px;\n    }\n\n    .v4-how__content-text {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .v4-how *,\n    .v4-how *::before,\n    .v4-how *::after {\n      animation: none !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const root = document.getElementById('v4How');\n  if (!root) return;\n\n  const scrollSpace = root.querySelector('.v4-how__scroll-space');\n  const timeline = root.querySelector('#v4Timeline');\n  const progress = root.querySelector('#v4Progress');\n  const halo = root.querySelector('#v4Halo');\n  const head = root.querySelector('#v4Head');\n  const stage = root.querySelector('#v4Stage');\n  const content = root.querySelector('#v4Content');\n\n  const metaEl = root.querySelector('#v4Meta');\n  const titleEl = root.querySelector('#v4Title');\n  const textEl = root.querySelector('#v4Text');\n\n  const steps = Array.from(root.querySelectorAll('.v4-how__step'));\n  const dotButtons = Array.from(root.querySelectorAll('.v4-how__dot-button'));\n  const cards = Array.from(root.querySelectorAll('[data-step-card]'));\n  const orb1 = root.querySelector('.v4-how__bg--1');\n  const orb2 = root.querySelector('.v4-how__bg--2');\n\n  const data = [\n    {\n      meta: 'STEP 01',\n      title: 'Audit',\n      text: 'We review the current workflow, identify friction points, and define the structural priorities before any design or implementation begins.'\n    },\n    {\n      meta: 'STEP 02',\n      title: 'Design',\n      text: 'We organize the architecture, refine the user journey, and shape a premium interface so the system feels clear, intentional, and scalable.'\n    },\n    {\n      meta: 'STEP 03',\n      title: 'Build',\n      text: 'We implement the logic, automation, and interactions with a clean technical setup, so execution becomes faster, more reliable, and easier to operate.'\n    },\n    {\n      meta: 'STEP 04',\n      title: 'Optimize',\n      text: 'We refine, test, and improve performance over time so the system keeps delivering stronger efficiency, smoother execution, and better long-term results.'\n    }\n  ];\n\n  let activeIndex = 0;\n  let rafId = null;\n  let animationLocked = false;\n  let manualMode = false;\n  let switchTimer = null;\n\n  function isMobile() {\n    return window.innerWidth <= 767;\n  }\n\n  function clamp(value, min, max) {\n    return Math.max(min, Math.min(max, value));\n  }\n\n  function getSectionProgressDesktop() {\n    const rect = scrollSpace.getBoundingClientRect();\n    const total = Math.max(1, scrollSpace.offsetHeight - window.innerHeight);\n    const passed = clamp(-rect.top, 0, total);\n    return passed \/ total;\n  }\n\n  function getSectionProgressMobile() {\n    const rect = root.getBoundingClientRect();\n    const vh = window.innerHeight;\n    const start = vh * 0.88;\n    const end = vh * 0.18;\n    return clamp((start - rect.top) \/ (start - end), 0, 1);\n  }\n\n  function getStopBeforeBubble(index) {\n    const step = steps[index];\n    const dot = step.querySelector('.v4-how__dot');\n    const timelineRect = timeline.getBoundingClientRect();\n    const dotRect = dot.getBoundingClientRect();\n\n    if (!isMobile()) {\n      const dotCenter = (dotRect.left - timelineRect.left) + (dotRect.width \/ 2);\n      return Math.max(0, dotCenter - (dotRect.width \/ 2));\n    } else {\n      const dotCenter = (dotRect.top - timelineRect.top) + (dotRect.height \/ 2);\n      return Math.max(0, dotCenter - (dotRect.height \/ 2));\n    }\n  }\n\n  function getLastStop() {\n    return getStopBeforeBubble(steps.length - 1);\n  }\n\n  function setProgressVisual(value) {\n    if (!isMobile()) {\n      progress.style.width = value + 'px';\n      progress.style.height = '2px';\n      halo.style.opacity = value > 10 ? '1' : '0';\n      halo.style.left = Math.max(0, value - 85) + 'px';\n      halo.style.top = '56px';\n    } else {\n      progress.style.height = value + 'px';\n      progress.style.width = '2px';\n      halo.style.opacity = value > 10 ? '1' : '0';\n      halo.style.left = '25px';\n      halo.style.top = Math.max(0, value - 60) + 'px';\n    }\n  }\n\n  function setStates(index) {\n    steps.forEach((step, i) => {\n      step.classList.toggle('is-active', i <= index);\n      step.classList.toggle('is-current', i === index);\n    });\n\n    cards.forEach((card, i) => {\n      card.classList.toggle('is-active', i === index);\n      card.setAttribute('aria-pressed', i === index ? 'true' : 'false');\n    });\n  }\n\n  function updateContent(index) {\n    if (\n      index === activeIndex &&\n      titleEl.textContent === data[index].title &&\n      textEl.textContent === data[index].text\n    ) {\n      return;\n    }\n\n    root.classList.add('is-switching');\n\n    if (switchTimer) clearTimeout(switchTimer);\n\n    switchTimer = setTimeout(() => {\n      metaEl.textContent = data[index].meta;\n      titleEl.textContent = data[index].title;\n      textEl.textContent = data[index].text;\n\n      requestAnimationFrame(() => {\n        root.classList.remove('is-switching');\n      });\n    }, 70);\n\n    activeIndex = index;\n  }\n\n  function getIndexFromProgress(value) {\n    let idx = 0;\n    for (let i = 0; i < steps.length; i++) {\n      if (value >= getStopBeforeBubble(i)) idx = i;\n    }\n    return idx;\n  }\n\n  function runParallax(progressValue) {\n    if (isMobile()) {\n      head.style.transform = 'translate3d(0,0,0)';\n      stage.style.transform = 'translate3d(0,0,0)';\n      content.style.transform = 'translate3d(0,0,0)';\n      if (orb1) orb1.style.transform = 'translate3d(0,0,0)';\n      if (orb2) orb2.style.transform = 'translate3d(0,0,0)';\n      return;\n    }\n\n    const centered = (progressValue - 0.5) * 2;\n    head.style.transform = 'translate3d(0,' + (centered * -12) + 'px,0)';\n    stage.style.transform = 'translate3d(0,' + (centered * -18) + 'px,0)';\n    content.style.transform = 'translate3d(0,' + (centered * -8) + 'px,0)';\n\n    if (orb1) orb1.style.transform = 'translate3d(' + (centered * -14) + 'px,' + (centered * -24) + 'px,0)';\n    if (orb2) orb2.style.transform = 'translate3d(' + (centered * 12) + 'px,' + (centered * 20) + 'px,0)';\n  }\n\n  function freezeCompletedState() {\n    const lastIndex = steps.length - 1;\n    const stop = getLastStop();\n\n    setProgressVisual(stop);\n    setStates(lastIndex);\n    updateContent(lastIndex);\n  }\n\n  function applyScrollDrivenState() {\n    if (manualMode) return;\n\n    const progressSection = isMobile() ? getSectionProgressMobile() : getSectionProgressDesktop();\n    const max = getLastStop();\n    const value = max * progressSection;\n    const index = getIndexFromProgress(value);\n\n    setProgressVisual(value);\n    setStates(index);\n    updateContent(index);\n    runParallax(progressSection);\n\n    if (progressSection >= 0.999 || index === steps.length - 1) {\n      animationLocked = true;\n      manualMode = true;\n      freezeCompletedState();\n    }\n  }\n\n  function activateStep(index) {\n    manualMode = true;\n    const stop = getStopBeforeBubble(index);\n\n    setProgressVisual(stop);\n    setStates(index);\n    updateContent(index);\n  }\n\n  function onFrame() {\n    if (!animationLocked) {\n      applyScrollDrivenState();\n    } else {\n      runParallax(1);\n    }\n    rafId = null;\n  }\n\n  function requestTick() {\n    if (rafId) return;\n    rafId = requestAnimationFrame(onFrame);\n  }\n\n  dotButtons.forEach((button, index) => {\n    button.addEventListener('click', function () {\n      activateStep(index);\n    });\n  });\n\n  cards.forEach((card) => {\n    card.addEventListener('click', function () {\n      const index = Number(card.getAttribute('data-step-card'));\n      if (!Number.isNaN(index)) activateStep(index);\n    });\n\n    card.addEventListener('keydown', function (event) {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        const index = Number(card.getAttribute('data-step-card'));\n        if (!Number.isNaN(index)) activateStep(index);\n      }\n    });\n  });\n\n  window.addEventListener('scroll', requestTick, { passive: true });\n  window.addEventListener('resize', requestTick);\n  window.addEventListener('load', requestTick);\n\n  requestTick();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-836c24c e-flex e-con-boxed e-con e-parent\" data-id=\"836c24c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8cc3e0e e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"8cc3e0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:100,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f821d4f elementor-widget elementor-widget-heading\" data-id=\"f821d4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">YOUR SYSTEM<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56d4cc7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"56d4cc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-598ed10 elementor-widget elementor-widget-heading\" data-id=\"598ed10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A complete backend system designed to remove manual work and unlock scale.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ece263a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ece263a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb745cc elementor-widget elementor-widget-text-editor\" data-id=\"bb745cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We don\u2019t add tools. We design the infrastructure behind your business so everything runs smoother, faster, and without constant input from you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-949ef6a e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"949ef6a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e20e38 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3e20e38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">system output<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1372068 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1372068\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b5350 elementor-widget elementor-widget-heading\" data-id=\"61b5350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p data-start=\"955\" data-end=\"993\">Everything runs automatically.<span style=\"background-color: transparent\"><\/span><\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e67cc elementor-widget elementor-widget-text-editor\" data-id=\"b2e67cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"color:#1B3A8C;\">\u25cf<\/span> Lead captured<br>\n<span style=\"color:#1B3A8C;\">\u25cf<\/span> Qualified automatically<br>\n<span style=\"color:#1B3A8C;\">\u25cf<\/span> Follow-up sent<br>\n<span style=\"color:#1B3A8C;\">\u25cf<\/span> Appointment booked\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10b1be8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"10b1be8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54d3670 elementor-widget elementor-widget-text-editor\" data-id=\"54d3670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1090\" data-end=\"1171\">Leads are captured, qualified, and converted without manual intervention.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c446d4d e-flex e-con-boxed e-con e-parent\" data-id=\"c446d4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23b0da2 elementor-widget elementor-widget-text-editor\" data-id=\"23b0da2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<blockquote data-start=\"250\" data-end=\"283\"><p data-start=\"252\" data-end=\"283\"><strong>Ready to automate your backend ?<\/strong><\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d983cd e-flex e-con-boxed e-con e-parent\" data-id=\"8d983cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4503880 elementor-align-center e-transform elementor-widget elementor-widget-button\" data-id=\"4503880\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.03,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get your system built \u2b95<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-244f2a1 e-flex e-con-boxed e-con e-parent\" data-id=\"244f2a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a17692 elementor-widget elementor-widget-text-editor\" data-id=\"4a17692\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<blockquote data-start=\"128\" data-end=\"173\">\n<p data-start=\"130\" data-end=\"173\">No commitment. Just a system that works.<\/p>\n<\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\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>Turn your business into a digital system that runs without you. We design the infrastructure behind your business \u2014 automation, booking flows, payments, and backend systems \u2014 so you scale faster with less manual work. Book a free strategy call Explore offers Free discovery call 100% remote Delivered in 1\u20134 weeks No long-term commitment Most [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/atlasadvisory-solutions.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}