/* Trioune Technologies - Offline Stylesheet */
:root {
  --primary: #0076D6;
  --accent: #8CC63F;
  --darkblue: #004A99;
  --accent-blue: #39A9E0;
  --accent-green: #79D000;
  --dark-gray: #1A1A1A;
  --light-gray: #F5F5F5;
  --max-width: 1100px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

* { box-sizing: border-box; }
html,body { margin:0; padding:0; color:var(--dark-gray); background:#fff; }
img { max-width:100%; height:auto; display:block; }

.container { max-width:var(--max-width); margin:0 auto; padding:0 20px; }

.header {
  border-bottom:1px solid #e6e6e6;
  background:#fff;
}
.nav {
  display:flex; align-items:center; justify-content:space-between; height:72px;
}
.brand {
  display:flex; align-items:center; gap:12px;
}
.brand img { height:44px; }
.brand .title { font-weight:700; color:var(--darkblue); font-size:18px; }
.navlinks { display:flex; gap:18px; align-items:center; font-size:15px; }
.navlinks a { color:#333; text-decoration:none; }
.navlinks a:hover { color:var(--primary); }

.mobile-toggle { display:none; background:none; border:0; }

.hero {
  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
  color:#fff;
  padding:60px 0;
}
.hero .grid { display:grid; grid-template-columns:1fr; gap:20px; align-items:center; }
.hero h1 { font-size:38px; margin:0; line-height:1.05; }
.hero p { margin-top:12px; color:rgba(255,255,255,0.95); max-width:640px; }
.btn {
  display:inline-block; padding:10px 18px; border-radius:8px; text-decoration:none; font-weight:600;
}
.btn-primary { background:#fff; color:var(--primary); }
.btn-outline { border:1px solid rgba(255,255,255,0.9); color:#fff; background:transparent; }

.section { padding:48px 0; }
.section .cards { display:grid; grid-template-columns:1fr; gap:18px; }
.card { border:1px solid #e9e9e9; padding:18px; border-radius:10px; background:#fff; }
.card h3 { margin:0 0 8px 0; color:var(--darkblue); }
.card p { margin:0; color:#555; }

.features { display:grid; grid-template-columns:1fr; gap:16px; }
.cta-card { border-radius:10px; padding:20px; background:#fff; border:1px solid #e6e6e6; }

.footer {
  background:#111827; color:#cbd5e1; padding:28px 0;
}
.footer .small { color:#9ca3af; font-size:14px; }

@media(min-width:768px) {
  .hero .grid { grid-template-columns:1fr 1fr; }
  .section .cards { grid-template-columns:repeat(3,1fr); }
  .features { grid-template-columns:repeat(3,1fr); }
  .navlinks { display:flex; }
  .mobile-toggle { display:none; }
}

@media(max-width:767px) {
  .navlinks { display:none; }
  .mobile-toggle { display:block; }
  .hero h1 { font-size:28px; }
}
/* Utility */
.text-center { text-align:center; }
.mt-4 { margin-top:16px; }
.mb-4 { margin-bottom:16px; }
.p-6 { padding:16px; }
.shadow { box-shadow:0 6px 20px rgba(2,6,23,0.06); }