/* Ramona MMA — global stylesheet (V34 conservative refactor: 6359 bytes extracted verbatim from inline <style>). Loaded before page <style> to preserve cascade. */
:root {
  --black:#0B0B0F; --black-soft:#16181D; --black-2:#1F2127;
  --white:#FFFFFF; --bg-soft:#F7F7F8; --bg-mid:#EAEAED;
  --line:#E5E7EB; --line-dark:rgba(255,255,255,0.10);
  --text-1:#0B0B0F; --text-2:#5A5F6A; --text-3:#9499A2;
  --navy:#1B3A6F; --navy-dark:#122749; --blue:#3D6BB7;
  --action:#B91C1C; --action-hover:#991B1B;
  --gold:#D4A24C;
  --max:1280px; --radius:6px; --radius-lg:12px;
  --ease:cubic-bezier(0.22, 1, 0.36, 1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-1);background:var(--white);line-height:1.6;font-size:16px;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;}
img,video{max-width:100%;display:block;}
a{color:var(--text-1);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
.container{max-width:var(--max);margin:0 auto;padding:0 24px;}
.replace-tag{position:absolute;top:8px;left:8px;background:var(--action);color:white;font-size:9px;font-weight:800;padding:4px 8px;letter-spacing:0.08em;text-transform:uppercase;z-index:3;border-radius:3px;}
.placeholder{background:linear-gradient(135deg,#1F2127 0%,#0B0B0F 100%);position:relative;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.45);font-size:12px;text-align:center;padding:20px;overflow:hidden;}
.placeholder::after{content:'';position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,0.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,0.025) 25%,transparent 25%);background-size:24px 24px;pointer-events:none;}
h1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;line-height:1.05;color:var(--text-1);}
.eyebrow{font-weight:700;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--action);margin-bottom:14px;display:inline-block;}
.eyebrow.light{color:var(--gold);}
.eyebrow.muted{color:var(--text-2);}
.h-section{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-0.025em;line-height:1.05;text-transform:uppercase;}
.lede{font-size:1.05rem;color:var(--text-2);max-width:620px;line-height:1.65;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;font-weight:700;font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase;border-radius:var(--radius);transition:all 0.25s var(--ease);cursor:pointer;border:2px solid transparent;white-space:nowrap;}
.btn-primary{background:var(--action);color:var(--white);}
.btn-primary:hover{background:var(--action-hover);color:var(--white);transform:translateY(-2px);box-shadow:0 12px 28px rgba(185,28,28,0.35);}
.btn-dark{background:var(--black);color:var(--white);}
.btn-dark:hover{background:var(--black-soft);color:var(--white);transform:translateY(-2px);}
.btn-outline-dark{background:transparent;color:var(--text-1);border-color:var(--line);}
.btn-outline-dark:hover{background:var(--text-1);color:var(--white);border-color:var(--text-1);}
.btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.4);}
.btn-outline:hover{background:var(--white);color:var(--black);border-color:var(--white);}
.btn-lg{padding:18px 32px;font-size:0.95rem;}
.btn-block{width:100%;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}

.head-actions{background:var(--action);}
.head-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:0 auto;}
.head-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 12px;color:var(--white);border-right:1px solid rgba(255,255,255,0.18);transition:all 0.2s var(--ease);cursor:pointer;text-align:center;}
.head-action:last-child{border-right:0;}
.head-action:hover{background:var(--action-hover);color:var(--white);}
.head-action .ic{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s var(--ease);}
.head-action:hover .ic{transform:scale(1.1);}
.head-action .ic svg{width:30px;height:30px;fill:white;}
.head-action .lbl{font-weight:800;font-size:0.92rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--white);}

.util{background:var(--black);color:rgba(255,255,255,0.7);font-size:0.78rem;padding:9px 0;position:relative;z-index:110;}
.util .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.util a{color:rgba(255,255,255,0.7);}
.util a:hover{color:var(--white);}
.util-left,.util-right{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.lang{border:1px solid rgba(255,255,255,0.2);padding:3px 10px;border-radius:3px;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;}
.lang a{color:rgba(255,255,255,0.5);margin-left:4px;}
.lang .active{color:var(--white);}
.util-social{display:flex;gap:8px;align-items:center;padding:0 12px;border-left:1px solid rgba(255,255,255,0.18);border-right:1px solid rgba(255,255,255,0.18);}
.util-social a{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease;}
.util-social a:hover{transform:scale(1.18);}
.util-social a svg{width:12px;height:12px;fill:white;}
.util-social .ig{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.util-social .fb{background:#1877F2;}

.header-wrap{position:sticky;top:0;z-index:100;background:rgba(11,11,15,0.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark);}
.header .container{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-mark{width:40px;height:40px;background:var(--white);color:var(--black);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;border-radius:6px;letter-spacing:-0.04em;}
.logo-text{display:flex;flex-direction:column;color:var(--white);line-height:1;}
.logo-text .top{font-size:0.95rem;font-weight:800;letter-spacing:0.02em;}
.logo-text .bottom{font-size:0.62rem;color:rgba(255,255,255,0.55);letter-spacing:0.18em;margin-top:4px;font-weight:600;text-transform:uppercase;}

/* V36 logo update -- black-bg logo replaces R placeholder; transparent container so logo blends with dark header strip */
.logo-mark{background:transparent;border-radius:0;padding:0;overflow:hidden;}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block;}


/* ========================================================================
   V36 fix: Web Special Modal + Timer styles
   Copied verbatim from index.html inline <style>.
   Restores .countdown / .unit / .modal-card layout on inner pages
   that was missing since V33 sitewide modal injection.
   ======================================================================== */


/* === MODAL (Free Pass) === */
.modal {
  position: fixed; inset: 0;
  background: rgba(11,11,15,0.85);
  backdrop-filter: blur(10px);
  z-index: 300; display: none;
  align-items: flex-start; justify-content: center;
  padding: 40px 16px;
  opacity: 0; transition: opacity 0.25s ease;
  overflow-y: auto;
}
.modal.open { display: flex; opacity: 1; }
.modal-card {
  background: var(--white);
  width: 100%; max-width: 720px;
  border-radius: var(--radius-lg);
  padding: 0; position: relative;
  animation: modalSlide 0.35s var(--ease);
  margin: auto;
}
@keyframes modalSlide {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.modal-close {
  position: absolute; top: 16px; right: 16px;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(0,0,0,0.05); font-size: 22px; color: var(--text-1);
  z-index: 5;
}
.modal-close:hover { background: rgba(0,0,0,0.1); }

.modal-top {
  background: var(--black); color: var(--white);
  padding: 36px 40px 30px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  position: relative; overflow: hidden;
}
.modal-top::before {
  content: ''; position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 0%, rgba(185,28,28,0.3) 0%, transparent 50%);
}
.modal-top > * { position: relative; }
.modal-top .pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(185,28,28,0.18);
  border: 1px solid rgba(185,28,28,0.45);
  color: #FF8888; padding: 6px 12px; border-radius: 100px;
  font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  margin-bottom: 14px;
}
.modal-top .pill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--action); animation: pulse 2s infinite; }
.modal-top h3 { color: var(--white); font-size: 1.9rem; letter-spacing: -0.025em; text-transform: uppercase; margin-bottom: 8px; }
.modal-top p { color: rgba(255,255,255,0.75); font-size: 0.95rem; }

.countdown { display: flex; gap: 8px; margin-top: 20px; }
.countdown .unit {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 12px 14px; text-align: center;
  border-radius: var(--radius); min-width: 64px;
}
.countdown .num { font-size: 1.5rem; font-weight: 900; letter-spacing: -0.02em; line-height: 1; color: var(--white); font-variant-numeric: tabular-nums; }
.countdown .lbl { font-size: 0.6rem; color: rgba(255,255,255,0.55); letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; margin-top: 6px; }

.modal-form { padding: 32px 40px; background: var(--white); }
.modal-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.field { margin-bottom: 14px; }
.field label { display: block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-2); margin-bottom: 6px; }
.field input, .field select {
  width: 100%; padding: 13px 14px;
  border: 1.5px solid var(--line); border-radius: var(--radius);
  font-size: 0.95rem; font-family: inherit;
  background: var(--bg-soft); transition: all 0.2s ease;
}
.field input:focus, .field select:focus { outline: 0; border-color: var(--navy); background: var(--white); }
.form-fine { font-size: 0.72rem; color: var(--text-3); margin-top: 12px; line-height: 1.5; text-align: center; }

.modal-reviews {
  background: var(--bg-soft); padding: 28px 40px 36px;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.modal-reviews-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 16px; flex-wrap: wrap; gap: 12px;
}
.modal-reviews-head .stars-line { display: flex; align-items: center; gap: 10px; font-size: 0.92rem; color: var(--text-2); }
.modal-reviews-head .stars-line .stars { color: #F4B400; font-size: 1rem; letter-spacing: 0.06em; }
.modal-reviews-head .stars-line strong { color: var(--text-1); font-size: 1.1rem; font-weight: 800; }
.modal-review-list { display: flex; flex-direction: column; gap: 10px; max-height: 280px; overflow-y: auto; padding-right: 4px; }
.modal-review { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; }
.modal-review .top-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.modal-review .stars { color: #F4B400; font-size: 0.85rem; }
.modal-review .src { font-size: 0.65rem; color: var(--text-3); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.modal-review .quote { font-size: 0.85rem; color: var(--text-1); line-height: 1.5; }
.modal-review .name { font-size: 0.78rem; color: var(--text-2); margin-top: 6px; font-weight: 600; }


/* === UTIL BAR SOCIAL ICONS (small) === */
.util-social { display: flex; gap: 8px; align-items: center; padding: 0 12px; border-left: 1px solid rgba(255,255,255,0.18); border-right: 1px solid rgba(255,255,255,0.18); }
.util-social a { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; }
.util-social a:hover { transform: scale(1.18); }
.util-social a svg { width: 12px; height: 12px; fill: white; }
.util-social .ig { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.util-social .fb { background: #1877F2; }

/* === FOOTER SOCIAL ICONS (big, colorful) === */
.social-icons-big {
  display: flex; gap: 12px; align-items: center;
  margin-top: 18px; flex-wrap: wrap;
}
.social-icons-big .follow-label {
  font-size: 0.7rem; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--white); margin-right: 6px;
}
.social-icons-big a {
  width: 48px; height: 48px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
  color: var(--white);
}
.social-icons-big a:hover { transform: translateY(-3px) scale(1.06); }
.social-icons-big a svg { width: 22px; height: 22px; fill: white; }
.social-icons-big .ig {
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.social-icons-big .ig:hover { box-shadow: 0 12px 32px rgba(220, 39, 67, 0.45); }
.social-icons-big .fb { background: #1877F2; }
.social-icons-big .fb:hover { box-shadow: 0 12px 32px rgba(24, 119, 242, 0.45); }
.social-icons-big .yt { background: #FF0000; }
.social-icons-big .yt:hover { box-shadow: 0 12px 32px rgba(255, 0, 0, 0.45); }


/* === HERO INLINE QUICK-FORM === */
.hero-quick-form {
  margin-top: 28px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--radius-lg);
  padding: 20px 24px;
  max-width: 100%;
  width: 100%;
}
.hqf-head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.hqf-eyebrow {
  color: var(--gold);
  font-size: 0.88rem; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 10px;
  animation: hqf-glow 2.2s ease-in-out infinite;
}
.hqf-eyebrow::before {
  content: '';
  display: inline-block;
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 0 rgba(212,162,76,0.9);
  animation: hqf-dot 1.6s ease-in-out infinite;
}
@keyframes hqf-glow {
  0%, 100% { text-shadow: 0 0 0 rgba(212,162,76,0); }
  50%      { text-shadow: 0 0 14px rgba(212,162,76,0.65), 0 0 28px rgba(212,162,76,0.28); }
}
@keyframes hqf-dot {
  0%   { box-shadow: 0 0 0 0 rgba(212,162,76,0.85); transform: scale(1); }
  60%  { box-shadow: 0 0 0 12px rgba(212,162,76,0); transform: scale(1.15); }
  100% { box-shadow: 0 0 0 0 rgba(212,162,76,0); transform: scale(1); }
}

@media (max-width: 767px){
  .modal { padding: 16px; align-items: flex-start; }
  .modal-card { max-width: 100%; }
  .modal-top, .modal-form, .modal-reviews { padding-left: 24px; padding-right: 24px; }
  .modal-form .form-row { grid-template-columns: 1fr; }
  .countdown { gap: 6px; }
  .countdown .unit { padding: 10px 8px; min-width: 52px; }
  .countdown .num { font-size: 1.2rem; }
}