:root {
  --bg: #0f172a;
  --card: #1e293b;
  --text: #e2e8f0;
  --accent: #38bdf8;
}

html {
  scrollbar-gutter: stable;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  margin:0;
  font-family: Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 18px;
}

header {
  display:flex;
  justify-content:space-between;
  padding:1rem 2rem;
  background:#020617;
}


nav a {
  margin-left:1rem;
  color:#4da3ff;
  text-decoration:none;
}


.hero {
  text-align:center;
  padding:4rem 1rem;
}

.hero h1 {
  font-size:2.2rem;
}

	.hero img {
	  text-align:center;
	  max-width: 80%; /* Prevents image from exceeding container width */
	  height: auto;    /* Keeps aspect ratio */
	}

.btn {
  display:inline-block;
  margin-top:1rem;
  padding:12px 20px;
  background:var(--accent);
  color:black;
  text-decoration:none;
  border-radius:8px;
  font-weight:bold;
}

.container {
  max-width:900px;
  margin:auto;
  padding:1rem;
}

.card {
  text-align:center;
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  margin-bottom:1rem;
}

.card2 {
  text-align:center;
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  grid-column: 1 / span 2; /* Start at column line 1, span 2 columns */
  margin-bottom:1rem;
}

.cardseminar {
  background:var(--card);
  padding:1rem;
  border-radius:12px;
  margin-bottom:1rem;
}

.grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.testimonial {
  font-style:italic;
  margin-top:1rem;
  opacity:0.9;
}

/*
.menu-toggle {
  display:none;
  font-size:1.5rem;
}
*/

/*
@media(max-width:700px){
  .grid {grid-template-columns:1fr;}
  nav {display:none;}
  .menu-toggle {display:block;}
}
*/

		@media(max-width:700px){
		
		  .grid {
		    grid-template-columns:1fr;
		  }
		
		  header {
		    text-align:center;
		    padding:1rem;
		  }
		
		  nav {
		    display:block;
		    margin-top:10px;
		  }
		
		  nav a {
		    display:inline-block;
		    margin:6px 8px;
		    color:#4da3ff;
		    text-decoration:none;
		  }
		}
		
		
a.contact:link {
        color: #4da3ff; /* Light blue for contrast */
        text-decoration: none;
    }

    /* Visited link */
    a.contact:visited {
        color: #b388ff; /* Light purple */
        text-decoration: none;
    }

    /* Hover effect */
    a.contact:hover {
        color: #ffffff; /* White on hover */
        text-decoration: underline;
    }

    /* Active link (when clicked) */
    a.contact:active {
        color: #ff5252; /* Bright red */
    }


/* Seminar page-specific styles */
.seminar-lead {
  font-size: 1.05rem;
  margin-top: 0;
}

.seminar-section-label {
  margin-bottom: 0.4rem;
}

.seminar-fit-list {
  list-style: none;
  margin-top: 0.4rem;
  margin-bottom: 1.4rem;
  padding-left: 0;
}

.seminar-fit-list li {
  margin-bottom: 0.25rem;
}

.seminar-fit-list li::before {
  content: "✓";
  margin-right: 0.5rem;
  color: var(--accent);
  font-weight: bold;
}

.seminar-questions {
  opacity: 0.95;
}

.seminar-title {
  text-align: center;
  margin: 2rem 0 2rem 0;
  font-size: 1.1rem;
}

.seminar-topics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0 1.75rem 0;
}

.seminar-topic-card {
  background: rgba(255,255,255,0.04);
  border-radius: 10px;
  padding: 1rem;
}

.seminar-topic-card h3 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1.2rem;
}

.seminar-topic-card ul {
  margin: 0;
  padding-left: 1.25rem;
}

.seminar-topic-card li {
  margin-bottom: 0.25rem;
}

.seminar-cta {
  font-weight: bold;
  margin-bottom: 0;
}

@media(max-width:700px){
  .seminar-topics-grid {
    grid-template-columns: 1fr;
  }
}

/* Services page refresh */
.services-hero-card p,
.decision-hero-card p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.signature-services,
.hands-on-support,
.decision-preview,
.decision-detail-section,
.bts-difference-card {
  margin: 1rem 0;
}

.signature-services h2,
.hands-on-support h2,
.decision-preview h2,
.decision-detail-section h2,
.bts-difference-card h2 {
  margin-bottom: 0.75rem;
}

.section-intro {
  opacity: 0.92;
  margin-top: 0;
}

.signature-grid,
.service-category-grid,
.decision-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.signature-card,
.service-category-card,
.decision-detail-card,
.bts-difference-card,
.not-offered-card {
  background: var(--card);
  border-radius: 12px;
  padding: 1rem;
}

.signature-card {
  border: 1px solid rgba(56, 189, 248, 0.35);
}

.decision-card {
  border-color: rgba(56, 189, 248, 0.75);
}

.signature-label {
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.signature-card h3,
.service-category-card h3,
.decision-detail-card h3 {
  margin-top: 0;
}

.service-category-card ul,
.decision-detail-card ul {
  margin-bottom: 0;
  padding-left: 1.25rem;
}

.service-category-card li {
  margin-bottom: 0.25rem;
}

.decision-preview {
  background: rgba(56, 189, 248, 0.08);
  border-radius: 12px;
  padding: 1rem;
}

.decision-examples-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.65rem;
}

.decision-examples-grid div {
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  padding: 0.75rem;
  text-align: center;
}

.not-offered-card {
  text-align: center;
  margin: 1rem 0;
}

.service-cta-card {
  text-align: center;
}

.service-cta-card p {
  margin-top: 0;
}

.decision-hero-card h2 {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.decision-lead-card {
  text-align: left;
}

.decision-lead-card p:first-child {
  margin-top: 0;
}

.decision-lead-card p:last-child {
  margin-bottom: 0;
}

.difference-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.difference-grid div {
  background: rgba(255,255,255,0.05);
  padding: 1rem;
  border-radius: 10px;
}

@media(max-width:700px){
  .signature-grid,
  .service-category-grid,
  .decision-detail-grid,
  .difference-grid,
  .decision-examples-grid {
    grid-template-columns: 1fr;
  }
}


/* Technology Decision Services concise page helpers */
.compact-decision-section {
  margin-top: 1rem;
}

.compact-decision-grid .decision-detail-card p {
  margin-bottom: 0;
}

.compact-difference-card p {
  margin: 0.5rem 0;
}