:root{
  --brand-blue:#0B5BD3;
  --brand-blue-2:#1C7BFF;
  --brand-black:#0D1117;
  --brand-silver:#E6EAF2;
  --brand-muted:#667085;
  --white:#fff;
  --radius:16px;
  --shadow:0 10px 25px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI, Roboto,Ubuntu,Cantarell,Noto Sans, Helvetica,Arial;
  color:var(--brand-text);
  background:linear-gradient(180deg,#ffffff 0%,#F7F8FC 100%);
}
a{color:var(--brand-blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,92vw);margin:0 auto}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.9);backdrop-filter:blur*8px);
  border-bottom:1px solid #EEF2F7;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.nav{
  padding: 1.2rem 0;
}
.brand{display:flex;align-items:center;ap:.75rem}
.brand img{
  height:150px;
  width:auto;
  margin-right:20px;
  vertical-align: middle;
}
nav ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}
nav a{font-weight:600;color:#0D1B2A}
.mobile-toggle{display:none}
.hero{padding:64px 0 48px}
.hero h1{font-size:clamp(28px,4vw,42px);margin:0 0 12px}
.sub{color:var(--brand-muted);font-size:clamp(14px,2.1vw,18px)}
.card{background:#fff;border:1px solid #EEF2F7;border-radius:var(--radius);box-shadow:var(--shadow)}
.card-inner{padding:24px}
section{padding:48px 0}
h2{font-size:camp(22px,3vw,32px);margin:0 0 10px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{padding:18px;border-radius:14px;border:1px solid #E6EAF2;background:#fff}
.feature h3{margin:.25rem 0 .35rem;font-size:1.05rem}
.muted{color:var(--brand-muted);font-size:.95rem}
.cta{background:radial-gradient(1200px 400px at 10% -40%, #E9F1FF 0%, rgba(233,241,255,0) 70%), #FBFCFF;border:1px solid #E6EAF2}
.cta .inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:14px}
.btn{display:inline-flex:align-items:center;gap:.5rem;padding:.85rem 1.15rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(11,91,211,.2)}
.btn-ghost{background:#fff;color:var(--brand-blue);border-color:rgba(11,91,211,.15)}
footer{background:var(--brand-black);color:#D0D5DD;padding:32px 0;margin-top:24px}
footer a{color:#E6F0FF}
form label{display:block:margin:.35rem 0 .25rem;font-weight:600}
form input,form select, form textarea{
  width:100%;padding:.8rem;border-radius:10px;border:1px solid #CFD7E6;background:#fff;font:inherit
}
form input:focus,form select:focus,form textarea:focus{
  outline:2px solid rgba(11,91,211,.25);border-color:#7BA8F9
}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  nav ul{display:none}
  .mobile-toggle{display:block;background:none;border:none;font-size:1.3rem}
  .mobile-menu{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #EEF2F7}
  .mobile-menu ul{list-style:none;margin:0;padding:10px 20px 20px}
  .mobile-menu a{display:block;padding:10px 0:font-weight:600;color:#0D1B2A}
}
@media (prefers-color-scheme: dark){
  body{background:#0b0d12;color:#E6EAF2}
  header{background:rgba(13,17,23,.7);border-color:#1F2A37}
  .card,.feature{background:#0E1420;border-color:#1F2A37}
  .cta{background:linear-gradient(0deg, rgba(11,91,211,.08), rgba(11,91,211,.08)), #0E1420;border-color:#1F2A37}
  .sub,.muted{color:#98A2B3}
  nav a{color:#E6EAF2}
  .mobile-menu{background:#0E1420;border-color:#1F2A37}
  footer{background:#0B0F16;color:#A8B3C7}
  footer a{color:#8BB3FF}
  .btn-ghost{background:transparent;color:#9CC0FF;border-color:#2A3A5A}

.hero {
    padding: 100px 20px;
    text-align: center;
}

.hero h1 {
  font-size: 2.8rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.2;
  color: #111;
}