/* Orma — custom styling layer (Bootstrap-first). No SVG used. */
:root{
  --orma-bg: #0b1220;
  --orma-ink: #0b1220;
  --orma-card: rgba(255,255,255,.08);
  --orma-coral:#ff5e5b;
  --orma-teal:#2dd4bf;
  --orma-sand:#f6e7c1;
}
html{ scroll-behavior:smooth; }
body{ font-size:16px; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
h1,h2,h3,.orma-brand{ font-family: "Space Grotesk", Inter, system-ui, sans-serif; }
.orma-body{ background:#f7f8fb; color:var(--orma-ink); }

.orma-nav{ background: radial-gradient(1200px 400px at 20% 20%, rgba(45,212,191,.35), transparent 55%),
                  radial-gradient(900px 300px at 80% 0%, rgba(255,94,91,.35), transparent 50%),
                  linear-gradient(180deg, #0b1220 0%, #0b1220 100%); }
.orma-mark{ width:44px; height:44px; background: linear-gradient(135deg, var(--orma-teal), var(--orma-coral)); color:#0b1220; }
.orma-brand{ letter-spacing:-.02em; }
.navbar .nav-link{ font-weight:800; }
.navbar .nav-link.btn{ color:#0b1220 !important; }

.btn-orma{
  background: linear-gradient(135deg, var(--orma-teal), var(--orma-coral));
  border:0;
  color:#0b1220;
}
.btn-orma:hover{ filter: brightness(.97); color:#0b1220; }
.orma-hero{
  background: radial-gradient(1000px 450px at 20% 10%, rgba(45,212,191,.25), transparent 55%),
              radial-gradient(900px 420px at 85% 25%, rgba(255,94,91,.25), transparent 55%),
              linear-gradient(180deg, #0b1220 0%, #0b1220 70%, #0b1220 100%);
  color:#fff;
}
.orma-display{ font-weight:800; letter-spacing:-.03em; font-size: clamp(2.2rem, 2.8vw + 1rem, 3.4rem); }
.orma-pill{ background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); color:#fff; }
.orma-max{ max-width: 54ch; }

.orma-hero-card{ position:relative; padding:14px; border-radius: 2rem; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); }
.orma-hero-badge{
  position:absolute; left:18px; bottom:18px;
  padding:10px 12px; border-radius: 1rem;
  background: rgba(11,18,32,.75);
  border:1px solid rgba(255,255,255,.14);
  color:#fff; font-weight:800;
}

.orma-mini{ border-radius: 1.25rem; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); padding:14px; }
.orma-h2{ font-weight:800; letter-spacing:-.02em; font-size: clamp(1.6rem, 1.2vw + 1.1rem, 2.2rem); }

.orma-stat{ border-radius: 1.75rem; border:1px solid rgba(11,18,32,.12); padding:18px; background:#fff; }
.orma-stat-number{ font-family:"Space Grotesk"; font-weight:800; font-size:2.2rem; color:#0b1220; line-height:1; }

.orma-feature{
  background:#fff; border:1px solid rgba(11,18,32,.10); border-radius: 1.75rem; padding:22px; height:100%;
  box-shadow: 0 18px 45px rgba(11,18,32,.06);
}
.orma-ico{
  width:52px; height:52px; border-radius: 1.25rem;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, rgba(45,212,191,.25), rgba(255,94,91,.20));
  color:#0b1220; font-size: 1.2rem;
}

.orma-slab{ color:#fff; }
.orma-slab-a{ background: linear-gradient(135deg, #102238, #0b1220); }
.orma-slab-b{ background: radial-gradient(600px 260px at 20% 10%, rgba(246,231,193,.35), transparent 60%),
              linear-gradient(135deg, #0b1220, #1a1030); }
.orma-slab-c{ background: radial-gradient(600px 260px at 80% 20%, rgba(45,212,191,.30), transparent 60%),
              linear-gradient(135deg, #0b1220, #0f2430); }

.orma-step{
  border-radius: 1.75rem;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding:18px;
  height:100%;
}
.orma-step-top{ display:flex; gap:10px; align-items:center; }

.orma-list{ background:#fff; border:1px solid rgba(11,18,32,.10); border-radius: 1.75rem; padding:12px; }
.orma-list-item{ display:flex; gap:12px; padding:14px; border-radius: 1.25rem; }
.orma-list-item i{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius: 0.9rem;
  background: linear-gradient(135deg, rgba(45,212,191,.25), rgba(255,94,91,.20)); color:#0b1220; }
.orma-list-item + .orma-list-item{ border-top:1px solid rgba(11,18,32,.08); border-top-left-radius:0; border-top-right-radius:0; }

.orma-check{
  border-radius: 1.25rem;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  padding:12px 14px;
  font-weight:800;
  display:flex; gap:10px; align-items:center;
}
.orma-check i{ color: var(--orma-sand); }

.orma-formcard{
  border-radius: 2rem;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  padding:18px;
}
.orma-form-ico{
  width:46px; height:46px; border-radius: 1.2rem;
  background: linear-gradient(135deg, var(--orma-sand), rgba(255,94,91,.35));
  color:#0b1220; display:flex; align-items:center; justify-content:center;
}

.form-control, .form-select{ font-weight:700; }
.form-control:focus, .form-select:focus{ box-shadow: 0 0 0 .25rem rgba(45,212,191,.18); border-color: rgba(45,212,191,.55); }

.orma-quote{
  background:#fff; border:1px solid rgba(11,18,32,.10); border-radius: 1.75rem; padding:22px; height:100%;
  box-shadow: 0 18px 45px rgba(11,18,32,.06);
}
.orma-quote-top{ display:flex; justify-content:space-between; align-items:center; }

.orma-rule{
  border-radius: 1.75rem; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06);
  padding:18px; display:flex; gap:12px; align-items:flex-start;
}
.orma-rule-num{
  width:44px; height:44px; border-radius: 1.2rem;
  background: linear-gradient(135deg, var(--orma-teal), var(--orma-coral));
  display:flex; align-items:center; justify-content:center; font-weight:900; color:#0b1220;
}

.accordion-button{ border-radius: 1.25rem !important; }
.accordion-item{ border:1px solid rgba(11,18,32,.10); }
.accordion-button:not(.collapsed){ background: rgba(45,212,191,.12); color:#0b1220; box-shadow:none; }
.accordion-button:focus{ box-shadow: 0 0 0 .25rem rgba(45,212,191,.18); }

.orma-cta{ background:#fff; border:1px solid rgba(11,18,32,.10); box-shadow: 0 18px 45px rgba(11,18,32,.06); }

.orma-footer{
  background: radial-gradient(900px 350px at 20% 10%, rgba(45,212,191,.25), transparent 55%),
              radial-gradient(900px 350px at 80% 0%, rgba(255,94,91,.25), transparent 55%),
              linear-gradient(180deg, #0b1220 0%, #0b1220 100%);
  color:#fff;
}
.orma-card{
  border-radius: 1.75rem;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding:16px;
  max-width: 520px;
}

.orma-modal{
  background: linear-gradient(135deg, #0b1220, #132b32);
  color:#fff; border:1px solid rgba(255,255,255,.12);
  border-radius: 1.5rem;
}
.orma-pagecard{
  background:#fff; border:1px solid rgba(11,18,32,.10); border-radius: 1.75rem; padding:22px;
  box-shadow: 0 18px 45px rgba(11,18,32,.06);
}
.orma-pagehead{ background:#fff; border:1px solid rgba(11,18,32,.10); box-shadow: 0 18px 45px rgba(11,18,32,.06); }
.orma-pageicon{
  width:54px; height:54px; border-radius: 1.4rem;
  background: linear-gradient(135deg, rgba(45,212,191,.25), rgba(255,94,91,.20));
  display:flex; align-items:center; justify-content:center; color:#0b1220; flex-shrink:0;
}
.orma-sidecard{
  border-radius: 2rem;
  background: linear-gradient(135deg, #0b1220, #132b32);
  border:1px solid rgba(255,255,255,.12);
  padding:22px;
}
.orma-note{ background:#fff; border:1px dashed rgba(11,18,32,.18); }
.orma-noteicon{
  width:40px; height:40px; border-radius: 1rem;
  background: rgba(45,212,191,.18);
  display:flex; align-items:center; justify-content:center; color:#0b1220;
}

.orma-cookiebar{
  position: fixed; left:0; right:0; bottom:0;
  padding: 14px 0;
  background: rgba(11,18,32,.86);
  border-top: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  display:none;
  z-index: 1080;
}
.orma-cookiebar.is-open{ display:block; }
.orma-cookie-inner{
  border-radius: 1.75rem;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding: 14px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.orma-cookie-icon{
  width:44px; height:44px;
  background: linear-gradient(135deg, var(--orma-sand), rgba(45,212,191,.35));
  color:#0b1220;
}

@media (max-width: 991px){
  .orma-cookie-inner{ align-items:flex-start; }
}


/* Mobile layout safeguards */
@media (max-width: 991px){
  .orma-hero-card{ padding:10px; }
  .orma-hero-badge{
    position: static;
    margin-top: 12px;
    display: inline-flex;
    border-radius: 1.25rem;
  }
  .orma-hero .orma-mini{ margin-top: 8px; }
  .orma-list-item{ flex-wrap: wrap; align-items:flex-start; }
  .orma-list-item i{ flex: 0 0 auto; }
  .orma-stat{ text-align:left; }
  .orma-formcard{ padding:16px; }
  .orma-feature, .orma-quote{ padding:18px; }
  .orma-cookie-inner{ padding:12px; }
}
/* Extra small screens */
@media (max-width: 575px){
  .orma-display{ line-height:1.05; }
  .btn-lg{ padding:.85rem 1rem; }
  .orma-mark{ width:40px; height:40px; }
}

.orma-navlist .nav-link{ border-radius: 1rem; }
@media (max-width: 991px){
  .orma-navlist .nav-link{ padding: .85rem .9rem; }
  .orma-navlist .nav-link.btn{ width:100%; text-align:center; padding: .85rem 1rem; }
}


/* Navbar brand overflow fix (mobile) */
.navbar-brand{ max-width: 78%; }
.orma-brand{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.orma-tagline{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* On extra small screens hide the tagline to keep header compact */
@media (max-width: 575px){
  .navbar-brand{ max-width: 72%; }
  .orma-tagline{ display:none !important; }
}
