body.main-page
{
margin: 0 auto;
padding: 0;
background: radial-gradient(circle, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%);
font-family: Arial, sans-serif;
}

fta-title
{
font-size: 2em;
color: #fff;
font-weight: normal;
}
fta-subtitle
{
font-size: 1.2em;
color: #aaa;

text-align: justify;
}

h1
{
font-size: 2em;
color: #eee;
font-weight: normal;
}

h2
{
font-size: 1.8em;
color: #ddd;
font-weight: normal;
margin-top: 2.4rem;
margin-bottom: 1rem;
}

h3
{
font-size: 1.4em;
color: #ccc;
font-weight: normal;
margin-top: 2.4rem;
margin-bottom: 1rem;
}

p
{
color: #fff;
text-align: justify;
font-size: 1em;
line-height: 1.5;
}

ul
{
color: #ddd;
padding-left: 1rem;

}

li
{
margin-bottom: 0.1rem;
font-size: 1em;
}

a:link
{
  color: #ddd;
  text-decoration: none;
font-size: 1.1em;
}

a:visited
{
  color: #eee;
}

a:hover
{
  color: #fff;
}

a:active
{
  color: green;
}

/* FIRST PAGE --------------------------------------------------------------------------*/

.hero
{
margin: 0 auto;
padding: 0;
top: 0;
height: 96vh;
width: 100%;
position: relative;
max-width: 1200px;
}

.hero-text
{
background-color: rgba(0, 0, 0, 0); /* Optional: semi-transparent overlay */
border-radius: 2px;
max-width: 90%;
bottom: 12%;
left: 6px;
position: absolute;
height: auto;
text-shadow: 2px 2px 2px rgba(12, 12, 12, 2);
z-index: 2;
}
.hero-portrait
{
right: 0px;
display: flex;
}
    
.hero-portrait-img
{
bottom: 0px;
right: 0px;
position: absolute;
height: 90%;
}
    .hero-text h1 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }
    .hero-text h2 {
      font-size: 2rem;
      margin-bottom: 1rem;
    }
    .hero-text p {
      font-size: 1.2rem;
    }



.shift-content
{
	  margin: 0 auto;
	  max-width: 1200px;
	  box-sizing: border-box;
	  padding-left: 6px;
	  padding-right: 6px;
  	  padding-top 0px;
   	  padding-bottom: 0px;   	  
}
/*----------------------------------- MENU ---------------------------------------------*/
:root{
    --bg: #ddd;
    --fg: #000;
    --muted: #555;
    --border: #222;
    --accent: #ca00ca; /* hover color */
    --radius: 0px;
  }

  /* Sticky container */
  .fta-header{
    position: sticky; top: 0; z-index: 1000;
    background: var(--fg);
    border-bottom: 1px solid #000;
    backdrop-filter: saturate(10%) blur(6px);
  }

  /* 3-column layout: logo | flexible middle | menu */
  .fta-header-grid{
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Logo */
  .logo img{
    display: block;
    height: 24px; /* adjust as needed */
    padding: 6px 6px;
  }

  /* Book CTA (middle column, align right) */
  .cta-button{
    justify-self: end;
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px;
    padding: 0px 0px;
    border-radius: 0px;
    border: 0px solid var(--bg);
    background: var(--fg);
    color: #fff;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .15s ease;
  }
  .cta-button .icon{ width: 24px; height: 24px; stroke-width: 2.2;}
  .cta-button:hover, .cta-button:focus-visible{
    background: var(--fg);
    color: var(--accent);
    border-color: var(--accent);
    outline: none;
  }

  /* Right column anchors dropdown */
  .menu-col{ position: relative; padding-right: 6px;}

  /* Hamburger button (always visible; menu closed by default) */
  .menu-toggle{
    display: inline-flex; flex-direction: column; justify-content: center;
    gap: 6px; width: 20px; height: 40px; padding: 0px;
    border: 0px solid var(--bg);
    background: var(--fg); color: var(--bg);
    cursor: pointer; border-radius: 0px;
    transition: color .2s ease, border-color .2s ease, transform .15s ease;
  }
  .menu-toggle .bar{
    width: 100%; height: 2px; background: var(--bg);
    transition: transform .2s ease, opacity .2s ease;
  }
  .menu-toggle:hover, .menu-toggle:focus-visible{
    color: var(--bg);
    border-color: var(--fg);
    outline: none;
    transform: translateY(-0px);
  }
  /* Turn into “X” when open */
  .menu-toggle[aria-expanded="true"] .bar:nth-child(1){ transform: translateY(8px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .bar:nth-child(2){ opacity: 0; }
  .menu-toggle[aria-expanded="true"] .bar:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }

  /* Dropdown menu (closed by default at all widths) */
  .dropdown{
    position: absolute; top: calc(100% + 0px); right: 0;
    display: none;
    background: var(--fg); border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    min-width: 240px; padding: 6px;
  }
  .dropdown.open{ display: block; }

  .dropdown ul{ list-style: none; margin: 0; padding: 4px;}
  .dropdown a{
    display: block; padding: 6px 6px;
    text-decoration: none; color: var(--bg);
    border-radius: 1px; font-weight: 400; letter-spacing: .3px;
            border-bottom: 1px solid #111;
  }
  .dropdown a:hover, .dropdown a:focus-visible{
    background: #222;
    outline: none;
  }

  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .cta-button, .menu-toggle, .menu-toggle .bar{ transition: none; }
  }
  
/*----------------------------------- SLIDES -----------------------------------------*/
.personal-message-container
{
border-top: 1px solid #222;
position: relative;
margin: 0px auto;
width: 100%;
padding-bottom: 0px;
background-color: rgba(249, 251, 255, 1); /* Optional: semi-transparent overlay */
}

.personal-message-text
{
position: relative;
margin: 0px auto;
max-width: 1200px;
padding-left: 6px;
padding-right: 6px;
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;
line-height: 1.2;
}
.personal-message-text h1
{
color: #111;
font-size: 2rem;
line-height: 1.6;
font-family: 'Space Mono', monospace; 
}

.personal-message-text p
{
color: #111;
font-family: 'Space Mono', monospace; 
font-size: 1rem;
line-height: 1.6;
}

.personal-message-text a
{
color: #111;
font-family: 'Space Mono', monospace; 
font-size: 16px;
text-decoration: none;
}/* Modal Base */

.founders-therapy-slide-container
{
border-top: 1px solid #222;
position: relative;
margin: 0px auto;
width: 100%;
padding-bottom: 0px;

}
.founders-therapy-slide-content {
margin: 0 auto;
  line-height: 1.6;
  max-width: 1200px;
    padding-left: 6px;
padding-right: 6px;
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;
}

.borislav-slide-container
{
border-top: 1px solid #222;
position: relative;
margin: 0px auto;
width: 100%;
padding-bottom: 0px;
background-color: #fff;
}

.borislav-slide-content {
  margin: 0 auto;
  line-height: 1.6;
  max-width: 1200px;
  padding-left: 6px;
padding-right: 6px;
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;


  /* background-image: url('_images/Amstedam City.jpg'); /* Replace with your actual path
  /* background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
 */
}

.borislav-slide-content h1
{
color: #111;
}

.borislav-slide-content p
{
color: #000;
}

.borislav-slide-content a
{
color: #000;
}

.testimonials-slide-container
{
border-top: 1px solid #222;
position: relative;
margin: 0px auto;
width: 100%;
padding-bottom: 0px;

}
.testimonials-slide-content {
margin: 0 auto;
  text-align: left;
  line-height: 1.6;
  max-width: 1200px;
    padding-left: 6px;
padding-right: 6px;
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;
}

.book-slide {
width: 100%;

border-top: 1px solid #CA00CA;
background: #770e96;
background: radial-gradient(circle,rgba(119, 14, 150, 1) 0%, rgba(48, 0, 48, 1) 53%, rgba(173, 0, 173, 1) 100%);

}

.book-slide-content
{
margin: 0 auto;
text-align: left;
line-height: 1.6;
max-width: 1200px;
padding-left: 6px;
padding-right: 6px;
padding-top: 24px;
padding-bottom: 24px;
box-sizing: border-box;
}

.read-more-black-button
{
  display: inline-block;
  padding: 4px 8px;
  text-decoration: none;
  background-color: black;
  color: white  !important;
  border-radius: 1px;
  border: 1px solid white;
  transition: background 0.3s ease, color 0.3s ease;
}

.read-more-black-button:hover {
  background-color: white;
  color: black   !important;
}
.read-more-white-button
{
  display: inline-block;
  padding: 4px 8px;
  text-decoration: none;
  background-color: white;
  color: black  !important;
  border-radius: 1px;
  border: 1px solid black;
  transition: background 0.3s ease, color 0.3s ease;
}

.read-more-white-button:hover {
  background-color: black;
  color: white !important;
}

/*----------------------------------- INTERNAL -----------------------------------------*/


.internal-page-header
{
width: 100%;
/*border-top: 1px solid #CA00CA;
background: #770e96;
background: radial-gradient(circle,rgba(119, 14, 150, 1) 0%, rgba(48, 0, 48, 1) 53%, rgba(173, 0, 173, 1) 100%);
background: radial-gradient(circle, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%); */
padding-top: 20px;
background: #000;
}
.internal-page-header-content
{
margin: 0 auto;
max-width: 1200px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 1px;
box-sizing: border-box;
}

.internal-page-content
{
margin: 0 auto;
line-height: 1.2;
max-width: 1200px;
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 24px;
box-sizing: border-box;
}
/*----------------------------------- COMPARISON ---------------------------------------------*/
.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e5e5e5;
    border-radius: 1px;
    padding: 0px;
height: 480px;
  }
  .simple-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;

  }
  .simple-table th,
  .simple-table td {
    padding: 6px 6px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: top;
        background: #fff;
        font-size: 12px;
  }
  .simple-table thead th {
    position: sticky;
    top: 0;
    background: #eee;
    z-index: 1;
    border-bottom: 2px solid #ddd;
  }
  @media (min-width: 700px) {
    .simple-table th:first-child,
    .simple-table td:first-child {
      position: sticky;
      left: 0;
      background: #eee;
      border-right: 1px solid #ddd;
      z-index: 2;
    }
  }

/*----------------------------------- TESTIMONIALS ---------------------------------------------*/
  :root { --maxw: 1200px; }
/*
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 24px; background:#fff; color:#111; }
h1 { font-size: 1.8rem; margin: 0 0 20px; }
  .name a { font-weight: 700; color: inherit; text-decoration: none; }
  .name a:hover, .name a:focus { text-decoration: underline; }
  @media (max-width: 520px) {
    .item { grid-template-columns: 64px 1fr; }
    .avatar { width: 64px; height: 64px; }
  }
 */
  .wrap { max-width: var(--maxw); margin: 0 auto; }
  .list { display: grid; gap: 48px; }
  .item { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 0px; border: 0px solid #eaeaea; border-radius: 1px;}
  .avatar { width: 108px; border-radius: 1%; object-fit: cover; background:#000; border: 1px solid #777; margin-left: 0px;}
  .header { margin: 0 0 6px; line-height: 1.2; }
  .role { color:#999; font-size: 0.95rem; margin-top: 2px; }
  .text { margin: 8px 0 0; line-height: 1.55; }

/* FOOTER --------------------------------------------------------------------------*/

.footer-container
{
border-top: 1px solid #222;
padding: 0px;
}
.footer-container2 {
border-top: 1px solid #222;
padding: 0px;
background-color: #000;
border-bottom: 1px solid #222;
}

.footer-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-col {
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 0px;
min-width: 360px;
}

.footer-col h2 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 6px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 6px;
    font-size: 14px;
}

.footer-col ul li a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.footer-col ul li a:hover {
  color: #fff;
}

.footer-credit {
margin: 0 auto;
max-width: 1200px;
text-align: left;
color: #777;
font-size: 12px;
padding-top: 12px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
box-sizing: border-box;
}

.footer-credit a
{
text-decoration: none;
}