<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dr. Dan Giuglianotti | AI and Systems for Established Businesses</title>
<meta name="description" content="Dr. Dan Giuglianotti is a physician and entrepreneur who helps established businesses put AI and better systems to work, and makes strategic introductions between companies that need each other.">
<meta property="og:title" content="Dr. Dan Giuglianotti">
<meta property="og:description" content="Practical AI and systems for established businesses. Physician, entrepreneur and operator across more than twenty industries.">
<meta property="og:image" content="https://therealdoctordan.com/_trdd/dan.jpg">
<meta property="og:url" content="https://therealdoctordan.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#0d0d0d">
<link rel="canonical" href="https://therealdoctordan.com/">
<link rel="icon" href="/_trdd/favicon-32.png">
<link rel="apple-touch-icon" href="/_trdd/apple-touch-icon.png">
<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin>
<link href="https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&display=swap" rel="stylesheet">
<style>
  :root {
    --bg: #0d0d0d;
    --bg-2: #141414;
    --navy: #002136;
    --text: #ffffff;
    --text-soft: #b9bcc2;
    --muted: #8a8d93;
    --blue: #009eff;
    --blue-light: #44b3ff;
    --line: rgba(255, 255, 255, .12);
    --font: "Switzer", "Helvetica Neue", Arial, sans-serif;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  a { color: inherit; }
  .wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }

  header.top { padding: 26px 0; border-bottom: 1px solid var(--line); }
  header.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .mark { font-weight: 700; font-size: 18px; letter-spacing: -.03em; text-decoration: none; }
  .top nav { display: flex; gap: 28px; font-size: 14px; font-weight: 500; }
  .top nav a { text-decoration: none; color: var(--text-soft); transition: color .2s ease; }
  .top nav a:hover { color: var(--blue-light); }

  .eyebrow { font-size: 12.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
  .eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--blue); }

  .hero { padding: 88px 0 112px; position: relative; }
  .hero::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(60% 70% at 85% 30%, rgba(0, 158, 255, .16), transparent 70%);
  }
  .hero .wrap { position: relative; display: grid; grid-template-columns: 1.3fr .7fr; gap: 64px; align-items: center; }
  h1 { font-weight: 600; font-size: clamp(42px, 6vw, 76px); line-height: 1; letter-spacing: -.04em; }
  h1 .hl { color: var(--blue); }
  .lede { margin-top: 30px; font-size: 19px; color: var(--text-soft); max-width: 33em; }
  .lede strong { color: var(--text); font-weight: 600; }
  .cta-row { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 14px; }
  .btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; border-radius: 4px; font-weight: 600; font-size: 15px; text-decoration: none; transition: background .2s ease, color .2s ease, border-color .2s ease; }
  .btn-blue { background: var(--blue); color: #fff; }
  .btn-blue:hover { background: var(--blue-light); }
  .btn-line { border: 1.5px solid rgba(255,255,255,.35); }
  .btn-line:hover { border-color: var(--blue-light); color: var(--blue-light); }
  .btn .arr { transition: transform .2s ease; }
  .btn:hover .arr { transform: translateX(3px); }

  .portrait { position: relative; justify-self: end; width: 100%; max-width: 400px; aspect-ratio: 618 / 832; }
  .portrait::before {
    content: ""; position: absolute; left: 6%; right: 6%; top: 8%; bottom: 10%; border-radius: 50%;
    background: radial-gradient(closest-side, rgba(0, 158, 255, .32), rgba(0, 158, 255, 0) 100%); filter: blur(10px);
  }
  .portrait .particles {
    position: absolute; left: -12%; top: -6%; width: 124%; height: 112%; display: block; z-index: 2;
    touch-action: pan-y; cursor: crosshair; opacity: 0; transition: opacity .7s ease;
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 95%); mask-image: linear-gradient(to bottom, #000 70%, transparent 95%);
  }
  .portrait img { transition: opacity .7s ease; }
  .portrait.show-particles .particles { opacity: 1; transition: opacity .2s ease; }
  .portrait.show-particles img { opacity: 0; transition: opacity .25s ease; }
  .portrait .hint { position: absolute; left: 0; right: 0; bottom: -34px; text-align: center; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); opacity: 0; transition: opacity .6s ease 2.5s; }
  .portrait .hint .touch { display: none; }
  @media (hover: none) { .portrait .hint .mouse { display: none; } .portrait .hint .touch { display: inline; } }
  .portrait.is-live .hint { opacity: 1; }
  .portrait img {
    position: relative; width: 100%; height: 100%; object-fit: contain; display: block;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%); mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
  }

  .stats { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .stats .wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
  .stat { padding: 34px 28px 34px 0; }
  .stat + .stat { padding-left: 28px; border-left: 1px solid var(--line); }
  .stat b { display: block; font-size: 36px; font-weight: 600; letter-spacing: -.04em; line-height: 1.05; color: var(--blue); }
  .stat span { display: block; margin-top: 10px; font-size: 15px; color: var(--text-soft); }

  section.doors { padding: 110px 0; background: linear-gradient(180deg, var(--bg) 0%, var(--navy) 100%); }
  .sec-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 52px; flex-wrap: wrap; }
  h2 { font-weight: 600; font-size: clamp(32px, 4.2vw, 50px); line-height: 1.04; letter-spacing: -.04em; }
  h2 .hl { color: var(--blue); }
  .sec-head p { max-width: 26em; color: var(--text-soft); }
  .door-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
  .door { background: rgba(13,13,13,.92); padding: 36px 32px 34px; text-decoration: none; display: flex; flex-direction: column; min-height: 320px; transition: background .25s ease; }
  .door:hover { background: rgba(0, 33, 54, .95); }
  .door .num { font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--blue-light); }
  .door h3 { font-weight: 600; font-size: 27px; line-height: 1.1; margin: 18px 0 14px; letter-spacing: -.035em; }
  .door p { color: var(--text-soft); font-size: 15.5px; }
  .door .go { margin-top: auto; padding-top: 26px; font-size: 14px; font-weight: 600; display: flex; justify-content: space-between; border-top: 1px solid var(--line); }
  .door .go span:last-child { color: var(--blue-light); transition: transform .25s ease; }
  .door:hover .go span:last-child { transform: translateX(5px); }

  section.about { padding: 110px 0; }
  .about .wrap { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; }
  .about blockquote { font-weight: 600; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.12; letter-spacing: -.035em; }
  .about blockquote::before { content: ""; display: block; width: 40px; height: 3px; background: var(--blue); margin-bottom: 26px; }
  .about blockquote .hl { color: var(--blue); }
  .about .body p { color: var(--text-soft); font-size: 17.5px; }
  .about .body p + p { margin-top: 18px; }
  .facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
  .facts span { font-size: 13px; font-weight: 500; padding: 7px 12px; border: 1px solid var(--line); border-radius: 4px; color: var(--text-soft); }

  section.close { border-top: 1px solid var(--line); padding: 88px 0; }
  .close .wrap { display: flex; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap; }
  .close .right { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
  .socials { display: flex; gap: 12px; }
  .socials a { width: 46px; height: 46px; border-radius: 4px; border: 1.5px solid rgba(255,255,255,.3); display: grid; place-items: center; transition: border-color .2s ease, color .2s ease; }
  .socials a:hover { border-color: var(--blue-light); color: var(--blue-light); }
  .socials svg { width: 18px; height: 18px; fill: currentColor; }

  footer { padding: 28px 0 40px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--line); }
  footer .wrap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
  footer a { text-decoration: none; }
  footer a:hover { color: var(--blue-light); }

  @media (prefers-reduced-motion: no-preference) {
    .rise { opacity: 0; transform: translateY(16px); animation: rise .8s cubic-bezier(.2,.7,.2,1) forwards; }
    .d1 { animation-delay: .05s } .d2 { animation-delay: .15s } .d3 { animation-delay: .28s } .d4 { animation-delay: .4s } .d5 { animation-delay: .52s }
    @keyframes rise { to { opacity: 1; transform: none; } }
  }
  @media (max-width: 900px) {
    .hero { padding: 56px 0 80px; }
    .hero .wrap, .about .wrap { grid-template-columns: 1fr; gap: 52px; }
    .portrait { justify-self: start; max-width: 320px; }
    .door-grid { grid-template-columns: 1fr; }
    .door { min-height: 0; }
  }
  @media (max-width: 560px) {
    .wrap { padding: 0 16px; }
    .top nav { gap: 16px; font-size: 13px; }
    .top nav a.hide-sm { display: none; }
    h1 { font-size: 40px; }
    h2 { font-size: 31px; }
    .lede { font-size: 17.5px; }
    .stats .wrap { grid-template-columns: 1fr; }
    .stat, .stat + .stat { padding: 22px 0; border-left: 0; }
    .stat + .stat { border-top: 1px solid var(--line); }
    section.doors, section.about { padding: 76px 0; }
    .door { padding: 30px 22px; }
    .portrait { max-width: 100%; }
  }
</style>
</head>
<body>

<header class="top">
  <div class="wrap">
    <a class="mark" href="/">Dr. Dan Giuglianotti</a>
    <nav>
      <a href="#work" class="hide-sm">Work</a>
      <a href="#about">About</a>
      <a href="https://www.linkedin.com/in/dangiuglianotti/">Connect</a>
    </nav>
  </div>
</header>

<section class="hero">
  <div class="wrap">
    <div>
      <div class="eyebrow rise d1">Physician, entrepreneur, operator</div>
      <h1 class="rise d2">Practical <span class="hl">AI and systems</span> for established businesses.</h1>
      <p class="lede rise d3">I help companies that have outgrown the way they run put <strong>AI and better systems</strong> to work, measured in hours recovered and revenue added. I also make the <strong>strategic introductions</strong> that help them grow.</p>
      <div class="cta-row rise d4">
        <a class="btn btn-blue" href="#work">See my work <span class="arr">&rarr;</span></a>
        <a class="btn btn-line" href="https://www.linkedin.com/in/dangiuglianotti/">Connect on LinkedIn</a>
      </div>
    </div>
    <div class="portrait rise d5" data-particles>
      <img src="/_trdd/dan-cut.webp" alt="Dr. Dan Giuglianotti" width="618" height="832">
      <div class="hint"><span class="mouse">Hover over the photo</span><span class="touch">Touch the photo</span></div>
    </div>
  </div>
</section>

<section class="stats">
  <div class="wrap">
    <div class="stat"><b>20+</b><span>industries built, bought, sold or operated</span></div>
    <div class="stat"><b>AI + systems</b><span>put to work inside established businesses</span></div>
    <div class="stat"><b>Diagnose first</b><span>then prescribe, the way medicine taught me</span></div>
  </div>
</section>

<section class="doors" id="work">
  <div class="wrap">
    <div class="sec-head">
      <h2>Where my work <span class="hl">lives now</span></h2>
      <p>Each one leads somewhere I spend real time with real clients.</p>
    </div>
    <div class="door-grid">
      <a class="door" href="https://strategicaiinstitute.org">
        <span class="num">01</span>
        <h3>Strategic AI Institute</h3>
        <p>Practical AI and systems for established businesses that have outgrown the way they run. Every engagement starts with a complimentary assessment and a written report.</p>
        <div class="go"><span>strategicaiinstitute.org</span><span>&rarr;</span></div>
      </a>
      <a class="door" href="https://systemandflow.com">
        <span class="num">02</span>
        <h3>System &amp; Flow</h3>
        <p>Strategic introductions between companies that need each other. We apply the discipline of a clinical referral to B2B partnerships and make only the introductions that should happen.</p>
        <div class="go"><span>systemandflow.com</span><span>&rarr;</span></div>
      </a>
      <a class="door" href="https://www.linkedin.com/in/dangiuglianotti/">
        <span class="num">03</span>
        <h3>Where I write</h3>
        <p>Notes on AI and systems inside real businesses, written for owners and operators.</p>
        <div class="go"><span>LinkedIn</span><span>&rarr;</span></div>
      </a>
    </div>
  </div>
</section>

<section class="about" id="about">
  <div class="wrap">
    <blockquote>Does it save time, save money, or make money? <span class="hl">That is the whole filter.</span></blockquote>
    <div class="body">
      <p>I trained as a physician and went on to build, buy and sell businesses of my own. I have sold millions of dollars of my own products online and worked with operators in more than twenty industries.</p>
      <p>Today my work is AI and systems. I stay on the leading edge so my clients don't have to, and I bring them only what passes the filter: it saves time, saves money, or makes money. Medicine taught me to diagnose before I prescribe, and I run every engagement the same way.</p>
      <div class="facts"><span>Physician</span><span>Entrepreneur</span><span>AI and systems</span><span>Strategic introductions</span><span>20+ industries</span></div>
    </div>
  </div>
</section>

<section class="close">
  <div class="wrap">
    <h2>Let's <span class="hl">talk.</span></h2>
    <div class="right">
      <a class="btn btn-blue" href="https://www.linkedin.com/in/dangiuglianotti/">Connect on LinkedIn <span class="arr">&rarr;</span></a>
      <div class="socials">
        <a href="https://www.linkedin.com/in/dangiuglianotti/" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9.75h4v11H3v-11zm6.5 0h3.8v1.6h.05c.53-1 1.83-2.05 3.77-2.05 4.03 0 4.78 2.65 4.78 6.1v5.35h-4v-4.74c0-1.13-.02-2.59-1.58-2.59-1.58 0-1.82 1.23-1.82 2.5v4.83h-4v-11z"/></svg></a>
        <a href="https://www.youtube.com/channel/UCya5qSSRBGiPoWDvL-H-DCQ" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31.4 31.4 0 0 0 0 12a31.4 31.4 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31.4 31.4 0 0 0 24 12a31.4 31.4 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z"/></svg></a>
        <a href="https://twitter.com/DGiuglianotti" aria-label="X"><svg viewBox="0 0 24 24"><path d="M18.24 2.25h3.31l-7.23 8.26 8.5 11.24h-6.66l-5.21-6.82-5.97 6.82H1.67l7.73-8.84L1.25 2.25h6.83l4.71 6.23 5.45-6.23zm-1.16 17.52h1.83L7.08 4.13H5.12l11.96 15.64z"/></svg></a>
      </div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <span>&copy; 2026 The Real Doctor Dan</span>
    <a href="/privacy-policy">Privacy policy</a>
  </div>
</footer>

<script type="importmap">{ "imports": { "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js" } }</script>
<script type="module" src="/_trdd/portrait-particles.js"></script>
</body>
</html>