:root{
  --donor-red:#d7193f;
  --donor-red-dark:#a50f2c;
  --donor-pink:#fff1f4;
  --donor-ink:#171923;
  --donor-muted:#687080;
  --donor-line:#eceff4;
  --donor-soft:#f7f8fb;
  --donor-dark:#161826;
  --radius-xl:28px;
  --shadow:0 24px 60px rgba(23,25,35,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--donor-ink);background:#fff;overflow-x:hidden}
a{text-decoration:none}.donor-navbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(236,239,244,.9)}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--donor-red);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(215,25,63,.25)}.brand-text{font-weight:800;letter-spacing:-.02em}.nav-link{font-weight:650;color:#2c3140!important}.nav-link:hover{color:var(--donor-red)!important}.donor-btn{border-radius:999px;background:var(--donor-red);border-color:var(--donor-red);box-shadow:0 16px 32px rgba(215,25,63,.22);font-weight:750;padding-left:24px;padding-right:24px}.donor-btn:hover{background:var(--donor-red-dark);border-color:var(--donor-red-dark)}.donor-btn-light{border-radius:999px;border-color:#ffd0da;color:var(--donor-red);font-weight:750;padding-left:24px;padding-right:24px}.hero-section{padding:150px 0 90px;background:radial-gradient(circle at 20% 10%,#ffe4ea 0,#fff 34%,#fff 100%);position:relative}.hero-section:after{content:"";position:absolute;right:-150px;top:130px;width:420px;height:420px;background:#fff1f4;border-radius:50%;z-index:-1}h1{font-size:clamp(42px,6vw,76px);line-height:.94;font-weight:900;letter-spacing:-.06em}.title-light{font-weight:650}.title-brand{font-weight:900}h2{font-size:clamp(32px,4.2vw,54px);line-height:1;font-weight:900;letter-spacing:-.045em}h3{font-size:21px;font-weight:850;letter-spacing:-.025em}.lead{font-size:22px;line-height:1.55;color:#444b5b}.lead-sm{font-size:19px;line-height:1.6;color:#525b6d}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:850;color:var(--donor-red);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.eyebrow.light{color:#ffb5c3}.hero-stats{display:flex;gap:14px;flex-wrap:wrap}.hero-stats div{background:#fff;border:1px solid var(--donor-line);border-radius:22px;padding:16px 18px;min-width:135px;box-shadow:0 12px 40px rgba(23,25,35,.06)}.hero-stats strong{display:block;font-size:28px;color:var(--donor-red);line-height:1}.hero-stats span{display:block;font-size:13px;color:var(--donor-muted);margin-top:6px}.phone-stage{position:relative;display:flex;justify-content:center}.phone-stage:before{content:"";position:absolute;inset:8% 5%;background:linear-gradient(135deg,#ffe1e8,#fff,#f4f7ff);border-radius:48px;filter:blur(4px);transform:rotate(-5deg)}.app-preview{position:relative;z-index:1;filter:drop-shadow(0 32px 58px rgba(23,25,35,.22));max-height:620px}
.phone-stage:after{content:"";position:absolute;left:50%;top:8%;width:90px;height:90px;border-radius:50%;background:rgba(215,25,63,.10);transform:translateX(-50%);animation:donor-pulse 3.2s ease-in-out infinite;z-index:0}.app-preview{animation:phone-float 5.5s ease-in-out infinite, phone-tilt 7s ease-in-out infinite;transform-origin:center bottom}.phone-stage .app-preview:hover{animation-play-state:paused}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}@keyframes phone-tilt{0%,100%{filter:drop-shadow(0 32px 58px rgba(23,25,35,.22))}50%{filter:drop-shadow(0 42px 70px rgba(215,25,63,.26))}}@keyframes donor-pulse{0%,100%{opacity:.55;transform:translateX(-50%) scale(.8)}50%{opacity:1;transform:translateX(-50%) scale(1.35)}}@media (prefers-reduced-motion:reduce){.app-preview,.phone-stage:after{animation:none}}
.section-pad{padding:95px 0}.section-soft{background:var(--donor-soft)}.section-heading{max-width:780px}.section-heading p{color:var(--donor-muted);font-size:19px;line-height:1.6;margin-top:18px}.feature-card{height:100%;background:#fff;border:1px solid var(--donor-line);border-radius:var(--radius-xl);padding:30px;box-shadow:0 18px 50px rgba(23,25,35,.06);transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-card p{color:var(--donor-muted);line-height:1.6;margin-bottom:0}.feature-card.accent{background:linear-gradient(135deg,var(--donor-red),#f15875);color:#fff}.feature-card.accent p{color:rgba(255,255,255,.86)}.card-icon{width:54px;height:54px;margin-bottom:22px}.rounded-illustration{border-radius:32px;box-shadow:var(--shadow);background:#fff}.role-box{background:#fff;border:1px solid var(--donor-line);border-radius:26px;padding:28px;box-shadow:0 16px 46px rgba(23,25,35,.06)}.role-box p{color:var(--donor-muted);line-height:1.6}.check-list{padding-left:0;margin:16px 0 0;list-style:none}.check-list li{position:relative;padding-left:30px;margin:10px 0;color:#394050}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--donor-pink);color:var(--donor-red);font-weight:900;text-align:center;line-height:21px}.timeline{display:grid;gap:14px}.timeline div{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--donor-line);border-radius:22px;padding:18px}.timeline b{flex:0 0 36px;width:36px;height:36px;border-radius:14px;background:var(--donor-red);color:#fff;display:inline-flex;align-items:center;justify-content:center}.timeline span{color:#4f5768;line-height:1.5}.section-dark{background:radial-gradient(circle at 80% 0,#3d2030 0,#161826 46%,#11131d 100%)}.dark-card{height:100%;padding:28px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.dark-card span{color:#ffb5c3;font-weight:900}.dark-card h3{margin-top:18px}.dark-card p{color:rgba(255,255,255,.72);margin-bottom:0}.app-pills{display:flex;gap:10px;flex-wrap:wrap}.app-pills span{padding:11px 16px;border-radius:999px;background:var(--donor-pink);color:var(--donor-red-dark);font-weight:750}.rating-widget{background:#fff;border:1px solid var(--donor-line);border-radius:34px;padding:22px;box-shadow:var(--shadow)}.rating-row{display:grid;grid-template-columns:44px 1fr 58px;gap:12px;align-items:center;padding:18px;border-radius:22px;margin:8px 0;background:#f9fafc}.rating-row b{width:34px;height:34px;border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--donor-muted)}.rating-row strong{color:var(--donor-red);font-size:22px}.rating-row.winner{background:linear-gradient(135deg,#fff1f4,#fff)}.cta-section{padding:90px 0;background:linear-gradient(135deg,var(--donor-red),#ed536d)}.cta-box{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;color:#fff}.cta-box p{color:rgba(255,255,255,.84);font-size:18px;line-height:1.6}.contact-card{background:#fff;border-radius:30px;padding:30px;box-shadow:0 30px 70px rgba(80,0,18,.25);color:#171923}.contact-card h3{margin-bottom:18px}.contact-card a{display:block;font-size:22px;font-weight:850;color:var(--donor-red);margin:10px 0}.contact-card p{color:#525b6d;margin:16px 0 0}.request-form{background:#fff;border-radius:30px;padding:28px;box-shadow:0 30px 70px rgba(80,0,18,.25)}.form-control{border-radius:18px;border-color:#e5e8ef}.form-control:focus{border-color:#ff9db0;box-shadow:0 0 0 .25rem rgba(215,25,63,.12)}.request-form .btn{border-radius:18px;font-weight:850;color:var(--donor-red)}.form-result{color:#2e7d32;font-weight:750}.footer{padding:28px 0;background:#11131d;color:rgba(255,255,255,.66);font-size:14px}@media (max-width:991px){.hero-section{padding-top:125px}.cta-box{grid-template-columns:1fr}.section-pad{padding:70px 0}}@media (max-width:575px){h1{font-size:44px}.hero-stats div{min-width:100%;}.rating-row{grid-template-columns:38px 1fr 46px;font-size:14px}.brand-text{font-size:16px}}

/* Click animation for the hero phone */
.app-preview{cursor:pointer;will-change:transform,filter}
.app-preview.phone-spin{animation:phone-click-spin .9s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes phone-click-spin{
  0%{transform:translateY(0) rotateY(0deg) rotate(-1deg);filter:drop-shadow(0 32px 58px rgba(23,25,35,.22))}
  45%{transform:translateY(-18px) rotateY(180deg) rotate(4deg) scale(1.04);filter:drop-shadow(0 46px 78px rgba(215,25,63,.30))}
  100%{transform:translateY(0) rotateY(360deg) rotate(-1deg);filter:drop-shadow(0 32px 58px rgba(23,25,35,.22))}
}
@media (prefers-reduced-motion:reduce){.app-preview.phone-spin{animation:none!important}}