<!--
  templateType: none
  description: Barebone base template - No header, footer, or extras. Just the essentials.
-->
<!DOCTYPE html>
<html lang="{{ html_lang }}" {{ html_lang_dir }}>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% if theme.dark_mode.enabled %}
    <meta name="color-scheme" content="light dark">
    {% else %}
    <meta name="color-scheme" content="light">
    {% endif %}

    {# Resource hints for better performance #}
    <link rel="preconnect" href="https://cdn2.hubspot.net" crossorigin>
    <link rel="dns-prefetch" href="https://cdn2.hubspot.net">
    
    <title>{{ page_meta.html_title or pageTitle }}</title>
    <meta name="description" content="{{ page_meta.meta_description }}">
    
    {% if brand_settings.favicon.src %}
      <link rel="icon" href="{{ brand_settings.favicon.src }}">
    {% endif %}
    
    {# Minimal critical CSS only - minified #}
    <style>
      *,::after,::before{box-sizing:border-box}*{margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background:#fff;color:#333}img{display:block;max-width:100%;height:auto}.container{width:min(90%,1200px);margin:0 auto;padding:20px}
      {% if theme.dark_mode.enabled %}
      /* Dark mode when enabled and system prefers dark */
      @media(prefers-color-scheme:dark){body{background:#111827;color:#f3f4f6}}
      {% endif %}
      /* DnD Critical Styles */
      .row-fluid-wrapper{position:relative;min-height:100px}.row-fluid{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap}.dnd-section{position:relative;padding:2rem 0;contain:layout style}.dnd-section>.row-fluid{max-width:{{ theme.core.layout.container_width or 1200 }}px;margin:0 auto;padding:0 5px}.dnd-section.dnd-section--flush{padding:0}.dnd-section.dnd-section--flush>.row-fluid{max-width:none;padding:0}.dnd-section.dnd-section--flush .dnd-column{padding:0}.dnd-column{position:relative;width:100%;padding:0 15px;min-height:1px}.dnd_area-row-0-background-layer{min-height:400px;contain:layout}.dnd_area-row-1-background-layer,.dnd_area-row-2-background-layer{min-height:300px;contain:layout}.row-depth-1{position:relative;z-index:1}.row-number-1,.row-number-2,.row-number-3{display:block;width:100%}.span0{width:100%}.span1{width:8.33%}.span2{width:16.66%}.span3{width:25%}.span4{width:33.33%}.span5{width:41.66%}.span6{width:50%}.span7{width:58.33%}.span8{width:66.66%}.span9{width:75%}.span10{width:83.33%}.span11{width:91.66%}.span12{width:100%}@media(max-width:767px){[class*="span"]{width:100%}.row-fluid{flex-direction:column}.dnd_area-row-0-background-layer,.dnd_area-row-1-background-layer,.dnd_area-row-2-background-layer{min-height:200px}}
    </style>
    
    {# Only load CSS if specified #}
    {% if template_css %}
      <link rel="stylesheet" href="{{ get_asset_url(template_css) }}">
    {% endif %}
    
    {{ standard_header_includes }}
  </head>
  
  <body>
    {# No header, no footer, no browser check - just content #}
    <main class="barebone-main" role="main">
      {% block body %}
        <div class="container">
          {# Pure content, nothing else #}
        </div>
      {% endblock body %}
    </main>
    
    {{ standard_footer_includes }}
  </body>
</html>