--blue-deep: #0D2B55; --blue-mid: #1A4480; --blue-bright: #2563B0; --blue-light: #EBF2FC; --blue-pale: #F4F8FE; --green-dark: #116639; --green-mid: #1A8A4A; --green-light: #E6F5EC; --green-bright: #22C55E; --red: #DC2626; --red-light: #FEF2F2; --amber: #D97706; --amber-light: #FFFBEB; --white: #FFFFFF; --gray-50: #F8FAFC; --gray-100: #F1F5F9; --gray-200: #E2E8F0; --gray-400: #94A3B8; --gray-600: #475569; --gray-800: #1E293B; --shadow-sm: 0 1px 3px rgba(13,43,85,0.08), 0 1px 2px rgba(13,43,85,0.06); --shadow-md: 0 4px 20px rgba(13,43,85,0.10), 0 2px 6px rgba(13,43,85,0.06); --shadow-lg: 0 10px 40px rgba(13,43,85,0.12), 0 4px 16px rgba(13,43,85,0.08); --shadow-xl: 0 20px 60px rgba(13,43,85,0.15); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--gray-800); -webkit-font-smoothing: antialiased; overflow-x: hidden; } /* ═══ UTILITY ═══ */ .container { max-width: 1120px; margin: 0 auto; padding: 0 40px; } .tag { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue-mid); margin-bottom: 14px; } .tag::before { content: ''; display: block; width: 20px; height: 2px; background: var(--blue-mid); border-radius: 2px; } .section-title { font-family: 'Lora', serif; font-size: clamp(30px, 3.2vw, 44px); font-weight: 700; line-height: 1.18; color: var(--blue-deep); margin-bottom: 16px; } .section-sub { font-size: 17px; color: var(--gray-600); line-height: 1.75; max-width: 580px; font-weight: 300; } .check-item { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--gray-600); line-height: 1.6; } .check-icon { width: 22px; height: 22px; border-radius: 50%; background: var(--green-light); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; flex-shrink: 0; margin-top: 1px; } /* ═══ NAVBAR ═══ */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: rgba(255,255,255,0.97); backdrop-filter: blur(20px); border-bottom: 1px solid var(--gray-200); transition: box-shadow 0.3s; } .navbar.scrolled { box-shadow: var(--shadow-md); } .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 40px; max-width: 1120px; margin: 0 auto; } .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; } .logo-mark { width: 38px; height: 38px; border-radius: 8px; background: var(--blue-deep); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .logo-mark svg { width: 22px; height: 22px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .logo-text { font-family: 'Lora', serif; font-size: 16px; font-weight: 700; color: var(--blue-deep); line-height: 1.2; } .logo-text span { color: var(--blue-bright); } .logo-sub { font-size: 10px; font-weight: 500; color: var(--gray-400); letter-spacing: 0.06em; } .nav-links { display: flex; align-items: center; gap: 32px; } .nav-links a { font-size: 14px; font-weight: 500; color: var(--gray-600); text-decoration: none; transition: color 0.2s; } .nav-links a:hover { color: var(--blue-deep); } .nav-phone { font-size: 13px; font-weight: 600; color: var(--blue-mid); } .nav-cta { background: var(--blue-deep); color: var(--white); font-size: 13px; font-weight: 600; padding: 10px 22px; border-radius: 6px; text-decoration: none; letter-spacing: 0.02em; transition: all 0.2s; white-space: nowrap; } .nav-cta:hover { background: var(--blue-mid); transform: translateY(-1px); box-shadow: var(--shadow-md); } /* ═══ ANNOUNCEMENT BAR ═══ */ .announce-bar { background: var(--green-dark); color: white; text-align: center; padding: 10px 20px; font-size: 13px; font-weight: 500; position: fixed; top: 70px; left: 0; right: 0; z-index: 998; } .announce-bar strong { font-weight: 700; } /* ═══ HERO ═══ */ .hero { background: var(--white); padding: 170px 40px 100px; position: relative; overflow: hidden; } .hero-bg-shape { position: absolute; top: 0; right: 0; width: 55%; height: 100%; background: linear-gradient(135deg, var(--blue-pale) 0%, var(--blue-light) 100%); clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); z-index: 0; } .hero-bg-dots { position: absolute; top: 80px; right: 60px; width: 300px; height: 300px; z-index: 0; opacity: 0.4; background-image: radial-gradient(var(--blue-bright) 1px, transparent 1px); background-size: 24px 24px; } .hero-inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 1; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--green-light); border: 1px solid rgba(17,102,57,0.2); color: var(--green-dark); font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 24px; letter-spacing: 0.03em; } .hero-badge span { width: 6px; height: 6px; border-radius: 50%; background: var(--green-mid); animation: blink 2s infinite; } @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} } .hero h1 { font-family: 'Lora', serif; font-size: clamp(36px, 4vw, 54px); font-weight: 700; line-height: 1.12; color: var(--blue-deep); margin-bottom: 22px; letter-spacing: -0.01em; } .hero h1 em { font-style: italic; color: var(--blue-bright); } .hero-sub { font-size: 17px; color: var(--gray-600); line-height: 1.8; margin-bottom: 36px; font-weight: 300; } .hero-sub strong { color: var(--blue-deep); font-weight: 600; } .hero-ctas { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 48px; } .btn-main { background: var(--blue-deep); color: white; font-size: 15px; font-weight: 700; padding: 16px 30px; border-radius: 8px; text-decoration: none; transition: all 0.25s; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 16px rgba(13,43,85,0.25); } .btn-main:hover { background: var(--blue-mid); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(13,43,85,0.3); } .btn-outline { background: transparent; color: var(--blue-deep); font-size: 14px; font-weight: 600; padding: 15px 26px; border-radius: 8px; text-decoration: none; border: 2px solid var(--blue-deep); transition: all 0.25s; display: inline-flex; align-items: center; gap: 6px; } .btn-outline:hover { background: var(--blue-pale); } .hero-trust { display: flex; gap: 28px; flex-wrap: wrap; } .htrust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gray-600); font-weight: 500; } .htrust-item svg { width: 16px; height: 16px; color: var(--green-mid); } /* Hero Card */ .hero-card { background: white; border-radius: 16px; box-shadow: var(--shadow-xl); overflow: hidden; border: 1px solid var(--gray-200); animation: floatUp 0.9s 0.2s ease both; } @keyframes floatUp { from { opacity:0; transform: translateY(40px); } to { opacity:1; transform: translateY(0); } } .hero-card-header { background: var(--blue-deep); padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; } .hero-card-title { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.7); letter-spacing: 0.05em; } .hero-card-badge { background: rgba(34,197,94,0.2); color: #86efac; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; letter-spacing: 0.06em; } .hero-card-body { padding: 28px; } .recovery-meter { margin-bottom: 28px; } .rm-label { display: flex; justify-content: space-between; margin-bottom: 8px; } .rm-text { font-size: 13px; font-weight: 600; color: var(--gray-600); } .rm-val { font-size: 13px; font-weight: 700; } .rm-bar { height: 10px; background: var(--gray-100); border-radius: 10px; overflow: hidden; } .rm-fill { height: 100%; border-radius: 10px; transition: width 1.5s ease; } .rm-fill.current { background: var(--red); width: 35%; } .rm-fill.potential { background: var(--green-mid); width: 80%; } .rm-fill.industry { background: var(--amber); width: 65%; } .hero-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px; } .hmetric { background: var(--gray-50); border-radius: 10px; padding: 18px 16px; border: 1px solid var(--gray-100); } .hmetric-num { font-family: 'Lora', serif; font-size: 26px; font-weight: 700; line-height: 1; margin-bottom: 4px; } .hmetric-num.red { color: var(--red); } .hmetric-num.green { color: var(--green-dark); } .hmetric-num.blue { color: var(--blue-bright); } .hmetric-label { font-size: 12px; color: var(--gray-400); font-weight: 500; } .hero-card-cta { display: block; text-align: center; background: var(--green-dark); color: white; font-weight: 700; font-size: 14px; padding: 14px; border-radius: 8px; text-decoration: none; transition: all 0.2s; } .hero-card-cta:hover { background: var(--green-mid); } /* ═══ SOCIAL PROOF STRIP ═══ */ .proof-strip { background: var(--gray-50); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); padding: 28px 40px; } .proof-inner { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; } .proof-label { font-size: 12px; font-weight: 600; color: var(--gray-400); letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; } .proof-stats { display: flex; gap: 48px; flex-wrap: wrap; } .pstat-item { text-align: center; } .pstat-num { font-family: 'Lora', serif; font-size: 28px; font-weight: 700; color: var(--blue-deep); } .pstat-label { font-size: 12px; color: var(--gray-400); font-weight: 500; margin-top: 2px; } .proof-badges { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; } .pbadge { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--gray-600); background: white; border: 1px solid var(--gray-200); padding: 7px 14px; border-radius: 100px; } /* ═══ PROBLEM ═══ */ .problem { padding: 100px 40px; background: var(--white); } .problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-top: 64px; } .problem-visual { position: relative; } .problem-chart { background: var(--white); border-radius: 16px; box-shadow: var(--shadow-lg); padding: 32px; border: 1px solid var(--gray-200); } .chart-title { font-size: 13px; font-weight: 700; color: var(--gray-400); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 28px; } .bar-group { display: flex; flex-direction: column; gap: 18px; } .bar-item { } .bar-header { display: flex; justify-content: space-between; margin-bottom: 8px; } .bar-name { font-size: 13px; font-weight: 600; color: var(--gray-800); } .bar-pct { font-size: 13px; font-weight: 700; } .bar-track { height: 12px; background: var(--gray-100); border-radius: 6px; overflow: hidden; } .bar-fill { height: 100%; border-radius: 6px; } .pain-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; } .pain-card { background: var(--red-light); border: 1px solid rgba(220,38,38,0.15); border-radius: 10px; padding: 18px; } .pain-card-num { font-family: 'Lora', serif; font-size: 28px; font-weight: 700; color: var(--red); margin-bottom: 4px; } .pain-card-label { font-size: 12px; color: #7f1d1d; line-height: 1.4; } .problem-content h3 { font-family: 'Lora', serif; font-size: 28px; font-weight: 700; color: var(--blue-deep); margin-bottom: 16px; line-height: 1.3; } .problem-content p { font-size: 15px; color: var(--gray-600); line-height: 1.8; margin-bottom: 20px; } .problem-checks { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; } .highlight-box { background: var(--amber-light); border-left: 3px solid var(--amber); border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 28px 0; } .highlight-box p { font-size: 14px; color: #78350f; margin: 0; line-height: 1.6; } .highlight-box strong { font-weight: 700; } /* ═══ THE MATH ═══ */ .math-section { padding: 100px 40px; background: var(--blue-deep); color: white; position: relative; overflow: hidden; } .math-bg { position: absolute; top: -200px; right: -200px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(37,99,176,0.4) 0%, transparent 70%); pointer-events: none; } .math-section .section-title { color: white; } .math-section .section-sub { color: rgba(255,255,255,0.65); max-width: 700px; } .math-section .tag { color: #7dd3fc; } .math-section .tag::before { background: #7dd3fc; } /* Flow diagram */ .math-flow { display: grid; grid-template-columns: 1fr 80px 1fr; gap: 0; align-items: stretch; margin: 56px 0 48px; } .math-col { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; overflow: hidden; } .math-col.bad { border-color: rgba(220,38,38,0.3); } .math-col.good { border-color: rgba(34,197,94,0.3); } .math-col-header { padding: 16px 24px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .math-col.bad .math-col-header { background: rgba(220,38,38,0.12); color: #fca5a5; } .math-col.good .math-col-header { background: rgba(34,197,94,0.12); color: #86efac; } .math-col-header .hbadge { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .math-col.bad .hbadge { background: #ef4444; } .math-col.good .hbadge { background: #22c55e; animation: blink 2s infinite; } .math-rows { display: flex; flex-direction: column; } .math-row-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-top: 1px solid rgba(255,255,255,0.05); gap: 12px; } .math-row-item:first-child { border-top: none; } .math-row-label { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.4; } .math-row-val { font-size: 16px; font-weight: 700; white-space: nowrap; font-family: 'Lora', serif; } .math-col.bad .math-row-val { color: #fca5a5; } .math-col.good .math-row-val { color: #86efac; } .math-row-item.total-row { background: rgba(255,255,255,0.04); border-top: 1px solid rgba(255,255,255,0.12); } .math-row-item.total-row .math-row-label { font-size: 14px; font-weight: 700; color: white; } .math-row-item.total-row .math-row-val { font-size: 20px; } .math-col.good .math-row-item.total-row .math-row-val { color: #4ade80; font-size: 22px; } .math-col.bad .math-row-item.total-row .math-row-val { color: #f87171; } /* Arrow col */ .math-arrow-col { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px 0; } .arrow-line { width: 1px; flex: 1; background: rgba(255,255,255,0.1); } .arrow-circle { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } /* Gap callout */ .math-gap-bar { background: linear-gradient(135deg, rgba(34,197,94,0.1), rgba(37,99,176,0.2)); border: 1px solid rgba(34,197,94,0.25); border-radius: 14px; padding: 28px 36px; margin-bottom: 32px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0; text-align: center; } .gap-item { padding: 0 24px; border-right: 1px solid rgba(255,255,255,0.08); } .gap-item:last-child { border-right: none; } .gap-num { font-family: 'Lora', serif; font-size: 36px; font-weight: 700; line-height: 1; margin-bottom: 6px; } .gap-num.green { color: #4ade80; } .gap-num.blue { color: #7dd3fc; } .gap-num.amber { color: #fbbf24; } .gap-num.white { color: white; } .gap-label { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.4; } /* Step explainer */ .math-explainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 32px; } .explainer-step { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 22px 20px; } .ex-num { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #7dd3fc; margin-bottom: 10px; } .ex-val { font-family: 'Lora', serif; font-size: 26px; font-weight: 700; color: white; margin-bottom: 4px; } .ex-label { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.5; } .ex-arrow { font-size: 20px; color: rgba(255,255,255,0.2); margin: 12px 0 4px; } .math-cta-row { background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2); border-radius: 12px; padding: 28px 36px; display: flex; align-items: center; justify-content: space-between; gap: 32px; } .math-cta-text { font-family: 'Lora', serif; font-size: 19px; font-style: italic; color: rgba(255,255,255,0.9); line-height: 1.5; } .math-cta-text strong { font-style: normal; color: #4ade80; } .math-cta-btn { background: #22c55e; color: white; font-weight: 700; font-size: 14px; padding: 14px 28px; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: all 0.2s; flex-shrink: 0; } .math-cta-btn:hover { background: var(--green-mid); transform: translateY(-1px); } /* ═══ WHO WE SERVE ═══ */ .who { padding: 100px 40px; background: var(--gray-50); } .who-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 60px; } .who-card { background: white; border-radius: 14px; border: 2px solid var(--gray-200); padding: 40px 32px; transition: all 0.3s; position: relative; overflow: hidden; cursor: default; } .who-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--blue-bright), var(--blue-deep)); transform: scaleX(0); transition: transform 0.3s; transform-origin: left; } .who-card:hover { border-color: var(--blue-bright); box-shadow: var(--shadow-lg); transform: translateY(-4px); } .who-card:hover::after { transform: scaleX(1); } .who-icon { font-size: 36px; margin-bottom: 20px; display: block; } .who-card h3 { font-family: 'Lora', serif; font-size: 21px; font-weight: 700; color: var(--blue-deep); margin-bottom: 10px; } .who-card p { font-size: 14px; color: var(--gray-600); line-height: 1.75; margin-bottom: 20px; } .who-pain { background: var(--red-light); border-radius: 8px; padding: 14px 16px; font-size: 13px; color: #7f1d1d; line-height: 1.5; } .who-pain strong { font-weight: 700; display: block; margin-bottom: 4px; } .who-win { background: var(--green-light); border-radius: 8px; padding: 14px 16px; font-size: 13px; color: var(--green-dark); line-height: 1.5; margin-top: 10px; } .who-win strong { font-weight: 700; display: block; margin-bottom: 4px; } /* ═══ HOW IT WORKS ═══ */ .how { padding: 100px 40px; background: white; } .how-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; position: relative; } .how-steps::before { content: ''; position: absolute; top: 36px; left: 60px; right: 60px; height: 2px; background: linear-gradient(90deg, var(--blue-light), var(--blue-bright), var(--blue-light)); } .how-step { padding: 0 20px; position: relative; } .step-circle { width: 72px; height: 72px; border-radius: 50%; background: var(--blue-deep); color: white; font-family: 'Lora', serif; font-size: 26px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; border: 4px solid white; box-shadow: var(--shadow-md); position: relative; z-index: 1; } .how-step h4 { font-family: 'Lora', serif; font-size: 18px; font-weight: 700; color: var(--blue-deep); margin-bottom: 10px; line-height: 1.3; } .how-step p { font-size: 14px; color: var(--gray-600); line-height: 1.7; } .step-time { display: inline-block; margin-top: 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue-bright); background: var(--blue-pale); padding: 4px 10px; border-radius: 20px; } /* ═══ OFFER ═══ */ .offer { padding: 100px 40px; background: var(--gray-50); } .offer-inner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 60px; } .offer-card { background: white; border-radius: 16px; border: 2px solid var(--gray-200); padding: 48px 40px; transition: all 0.3s; position: relative; } .offer-card.featured { border-color: var(--blue-deep); background: var(--blue-deep); color: white; box-shadow: var(--shadow-xl); } .offer-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue-bright); margin-bottom: 12px; } .offer-card.featured .offer-tag { color: #7dd3fc; } .offer-name { font-family: 'Lora', serif; font-size: 28px; font-weight: 700; color: var(--blue-deep); margin-bottom: 6px; } .offer-card.featured .offer-name { color: white; } .offer-price { font-family: 'Lora', serif; font-size: 56px; font-weight: 700; line-height: 1; color: var(--blue-deep); margin-bottom: 4px; } .offer-card.featured .offer-price { color: #86efac; } .offer-period { font-size: 14px; color: var(--gray-400); margin-bottom: 28px; } .offer-card.featured .offer-period { color: rgba(255,255,255,0.5); } .offer-divider { height: 1px; background: var(--gray-200); margin-bottom: 28px; } .offer-card.featured .offer-divider { background: rgba(255,255,255,0.1); } .offer-features { display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; } .offer-feature { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--gray-600); line-height: 1.5; } .offer-card.featured .offer-feature { color: rgba(255,255,255,0.8); } .offer-check { width: 20px; height: 20px; border-radius: 50%; background: var(--green-light); color: var(--green-dark); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; flex-shrink: 0; } .offer-card.featured .offer-check { background: rgba(34,197,94,0.15); color: #86efac; } .offer-btn { display: block; text-align: center; padding: 15px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.25s; } .offer-btn.light { border: 2px solid var(--blue-deep); color: var(--blue-deep); } .offer-btn.light:hover { background: var(--blue-deep); color: white; } .offer-btn.dark { background: #22C55E; color: white; box-shadow: 0 4px 16px rgba(34,197,94,0.3); } .offer-btn.dark:hover { background: var(--green-mid); transform: translateY(-1px); } .offer-badge { position: absolute; top: -14px; left: 40px; background: #22C55E; color: white; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 16px; border-radius: 20px; } .guarantee-box { grid-column: 1 / -1; background: var(--green-light); border: 2px solid rgba(17,102,57,0.2); border-radius: 14px; padding: 36px 40px; display: flex; align-items: center; gap: 32px; } .guarantee-icon { font-size: 48px; flex-shrink: 0; } .guarantee-box h4 { font-family: 'Lora', serif; font-size: 22px; font-weight: 700; color: var(--green-dark); margin-bottom: 8px; } .guarantee-box p { font-size: 15px; color: var(--green-dark); line-height: 1.7; opacity: 0.85; } /* ═══ IRRESISTIBLE OFFER ═══ */ .irresistible { padding: 100px 40px; background: white; } .ir-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-top: 60px; } .ir-list { display: flex; flex-direction: column; gap: 20px; } .ir-item { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-radius: 12px; border: 1px solid var(--gray-200); transition: all 0.3s; } .ir-item:hover { border-color: var(--blue-bright); box-shadow: var(--shadow-sm); background: var(--blue-pale); } .ir-num { width: 36px; height: 36px; border-radius: 8px; background: var(--blue-deep); color: white; font-family: 'Lora', serif; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ir-item h5 { font-size: 15px; font-weight: 700; color: var(--blue-deep); margin-bottom: 4px; } .ir-item p { font-size: 13px; color: var(--gray-600); line-height: 1.6; } .stupid-box { background: var(--blue-deep); border-radius: 20px; padding: 48px 40px; color: white; text-align: center; position: relative; overflow: hidden; } .stupid-box::before { content: ''; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; border-radius: 50%; background: rgba(37,99,176,0.4); } .stupid-box h3 { font-family: 'Lora', serif; font-size: 26px; font-weight: 700; color: white; margin-bottom: 20px; position: relative; z-index: 1; line-height: 1.3; } .stupid-box h3 em { font-style: italic; color: #86efac; } .stupid-list { text-align: left; display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; position: relative; z-index: 1; } .stupid-item { display: flex; align-items: center; gap: 12px; font-size: 14px; color: rgba(255,255,255,0.85); } .stupid-x { width: 20px; height: 20px; border-radius: 50%; background: rgba(220,38,38,0.2); color: #fca5a5; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; flex-shrink: 0; } .stupid-cta { display: block; background: #22C55E; color: white; font-weight: 700; font-size: 16px; padding: 16px 32px; border-radius: 8px; text-decoration: none; transition: all 0.25s; position: relative; z-index: 1; } .stupid-cta:hover { background: var(--green-mid); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(34,197,94,0.4); } .stupid-note { font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 14px; position: relative; z-index: 1; } /* ═══ PAYERS ═══ */ .payers { padding: 80px 40px; background: var(--gray-50); } .payers-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; flex-wrap: wrap; gap: 24px; } .payer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .payer-card { background: white; border-radius: 10px; padding: 24px; border: 1px solid var(--gray-200); text-align: center; transition: all 0.3s; } .payer-card:hover { border-color: var(--blue-bright); box-shadow: var(--shadow-md); transform: translateY(-2px); } .payer-name { font-size: 15px; font-weight: 700; color: var(--blue-deep); margin-bottom: 6px; } .payer-type { font-size: 11px; color: var(--gray-400); text-transform: uppercase; letter-spacing: 0.08em; } /* ═══ FAQ ═══ */ .faq { padding: 100px 40px; background: white; } .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; margin-top: 60px; } .faq-item { padding: 24px 0; border-bottom: 1px solid var(--gray-200); cursor: pointer; } .faq-q { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; } .faq-q h4 { font-size: 16px; font-weight: 600; color: var(--blue-deep); line-height: 1.4; } .faq-toggle { width: 24px; height: 24px; border-radius: 50%; background: var(--blue-pale); color: var(--blue-bright); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; transition: all 0.3s; } .faq-a { font-size: 14px; color: var(--gray-600); line-height: 1.75; margin-top: 12px; display: none; } .faq-item.open .faq-toggle { background: var(--blue-deep); color: white; transform: rotate(45deg); } .faq-item.open .faq-a { display: block; } /* ═══ FINAL CTA ═══ */ .final { padding: 100px 40px; background: var(--blue-deep); position: relative; overflow: hidden; } .final-bg { position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .final-inner { max-width: 760px; margin: 0 auto; text-align: center; position: relative; z-index: 1; } .final h2 { font-family: 'Lora', serif; font-size: clamp(32px, 4vw, 48px); font-weight: 700; color: white; margin-bottom: 18px; line-height: 1.2; } .final h2 em { font-style: italic; color: #86efac; } .final p { font-size: 17px; color: rgba(255,255,255,0.65); margin-bottom: 48px; line-height: 1.75; } .final-form { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 48px; margin-bottom: 32px; } .final-form h3 { font-family: 'Lora', serif; font-size: 22px; font-weight: 700; color: white; margin-bottom: 8px; } .final-form p { font-size: 14px; color: rgba(255,255,255,0.55); margin-bottom: 28px; } .form-cta { display: block; background: #22C55E; color: white; font-weight: 700; font-size: 17px; padding: 18px 40px; border-radius: 8px; text-decoration: none; transition: all 0.25s; box-shadow: 0 4px 20px rgba(34,197,94,0.35); } .form-cta:hover { background: var(--green-mid); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(34,197,94,0.4); } .form-sub { font-size: 13px; color: rgba(255,255,255,0.35); margin-top: 16px; } .final-trust { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; } .ft-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 500; } /* ═══ FOOTER ═══ */ footer { background: #060e1c; padding: 48px 40px; border-top: 1px solid rgba(255,255,255,0.05); } .footer-inner { max-width: 1120px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; } .footer-logo { font-family: 'Lora', serif; font-size: 17px; font-weight: 700; color: white; } .footer-logo span { color: #7dd3fc; } .footer-links { display: flex; gap: 24px; } .footer-links a { font-size: 13px; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.2s; } .footer-links a:hover { color: rgba(255,255,255,0.7); } .footer-legal { font-size: 12px; color: rgba(255,255,255,0.25); } /* ═══ SCROLL ANIMATIONS ═══ */ .fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } .fade-up-d1 { transition-delay: 0.1s; } .fade-up-d2 { transition-delay: 0.2s; } .fade-up-d3 { transition-delay: 0.3s; } /* ═══ RESPONSIVE ═══ */ @media (max-width: 960px) { .nav-links { display: none; } .hero-inner, .problem-grid, .ir-layout, .offer-inner-grid, .who-grid, .faq-grid { grid-template-columns: 1fr; } .math-flow { grid-template-columns: 1fr; } .math-arrow-col { display: none; } .math-gap-bar { grid-template-columns: 1fr 1fr; gap: 20px; } .gap-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 20px; } .gap-item:nth-child(2n) { border-bottom: none; } .math-cta-row { flex-direction: column; text-align: center; } .math-explainer { grid-template-columns: 1fr; } .hero-bg-shape { display: none; } .how-steps { grid-template-columns: 1fr 1fr; gap: 32px; } .how-steps::before { display: none; } .payer-grid { grid-template-columns: repeat(2, 1fr); } .proof-stats { gap: 24px; } .container { padding: 0 20px; } section, .hero, .problem, .math-section, .who, .how, .offer, .irresistible, .payers, .faq, .final { padding: 70px 20px; } .guarantee-box { flex-direction: column; } .ba-header, .ba-row { grid-template-columns: 1.5fr 1fr 1fr; } .math-layout { gap: 40px; } }
Hospitals, private practices, specialty clinics, surgical centers, urgent care facilities, and billing companies all lose millions annually to insurance denials — not because the claims are invalid, but because there's no bandwidth to fight back. We handle every appeal on pure contingency. No recovery, no fee. Ever.
Whether you run a hospital, a private practice, or a specialty clinic — insurance companies have entire departments dedicated to denying and delaying your payments. You are outnumbered, overloaded, and the clock is always ticking.
A hospital receives 5,000–8,000 denied claims per month. A busy private practice receives hundreds. A specialty clinic gets buried in prior auth denials. In every case, the billing team is overwhelmed processing new claims — they simply cannot also fight every denial.
So the denials pile up. Deadlines pass. The money is written off as bad debt — for care you already delivered, to patients you already treated.
💡 The hardest part isn't the appeal itself. It's knowing which denials to prioritize, which clinical guidelines to cite, and how each payer's medical directors think. That expertise — tailored to your practice type — is exactly what we bring.
This is based on a typical 200-bed community hospital receiving $10M in monthly claims. For a specialty clinic or private practice the denial volume is smaller — but the percentage of money left on the table is exactly the same. Every number below is industry-verified.
We work with every type of healthcare organization that submits claims to insurance — from 500-bed hospital systems down to solo physician practices. If payers are denying your claims, we fight back.
Community hospitals, regional health systems, and academic medical centers with high denial volumes across multiple departments and service lines.
Solo and group physician practices across primary care, internal medicine, family medicine, and general practice — where the owner often wears every hat.
Cardiology, oncology, orthopedics, neurology, dermatology, and all other specialty practices where high-cost procedures get aggressively denied.
Ambulatory surgical centers and outpatient surgery facilities where prior authorization denials and post-service denials represent enormous revenue leakage.
Urgent care networks, freestanding emergency departments, and emergency physician groups where claim volume is high and denial management is often ignored.
Medical billing companies and revenue cycle management firms who serve multiple practices and want to add denial recovery as a premium service offering.
Your team continues their existing workflow. We layer in on top — no integration, no software, no disruption.
We analyze your current denial volume, payer mix, and abandoned revenue. You see exactly what's recoverable before committing to anything.
Week 1 — FreeYou share your denied claims. We extract denial reasons, payer data, CPT codes and clinical documentation — then prioritize by recovery value.
48 HoursWe generate payer-specific, clinically precise appeal letters. You submit — or we can submit directly. Every appeal is tracked to resolution.
OngoingPayer sends payment to your organization. We invoice only on recovered amounts. Monthly reports show your exact ROI with full audit trail.
Net 30Whether your CFO prefers predictable costs or pure contingency, we have a structure that works. Either way — you pay nothing if we don't recover.
We are so confident in our results that on the revenue share model, you literally cannot lose. If we generate zero recoveries in your first 60 days, you owe us zero dollars — and you keep every sample appeal letter we've written. We put our work where our words are.
We don't just write appeal letters. We become your complete denial recovery operation — for hospitals, practices, and clinics alike. No new hires, no software, no disruption to how you already work.
We analyze your last 90 days of denials and show you exactly how much revenue is recoverable before you sign anything.
Every appeal is written to the specific medical director and review criteria of the denying payer. Not generic templates — precision targeting.
Appeals reference MCG guidelines, InterQual criteria, CMS coverage policies, and peer-reviewed literature — the language that gets denials overturned.
Clear, data-driven reports showing denial volume, appeals submitted, overturn rate, dollars recovered, and ROI. Exactly what your CFO needs to see.
Free audit · No commitment · Response within 1 business day
We handle denials from all major commercial insurers, government payers, and managed care organizations.
Whether you run a hospital, a private practice, a specialty clinic, or a billing company — schedule your free denial audit. We will show you exactly how much your organization is leaving on the table and what we can recover in the first 90 days. No commitment. No pressure.
Works for hospitals, practices, clinics, surgical centers, urgent care groups, and billing companies. Our team responds within one business day to schedule your 30-minute audit call.
📧 Request Free Denial Audit — shaggad@integritymedicalrecovery.comResponse within 1 business day · No commitment required · 100% confidential