* { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Plus Jakarta Sans', sans-serif; color: #171717; background: #fafafa; line-height: 1.6; }
    h1,h2,h3,h4,h5,h6 { font-family: 'Outfit', sans-serif; letter-spacing: -0.03em; }
    a { text-decoration: none; color: inherit; }

    /* Fade-in animations */
    @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes ping { 75%,100% { transform: scale(2); opacity: 0; } }
    @keyframes drawLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }

    .fade-up { opacity: 0; animation: fadeUp 0.7s ease forwards; }
    .fade-in { opacity: 0; animation: fadeIn 0.7s ease forwards; }
    .delay-1 { animation-delay: 0.15s; }
    .delay-2 { animation-delay: 0.3s; }
    .delay-3 { animation-delay: 0.45s; }
    .delay-4 { animation-delay: 0.6s; }

    .observe { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
    .observe.visible { opacity: 1; transform: translateY(0); }

    .ping-dot { animation: ping 1.4s cubic-bezier(0,0,0.2,1) infinite; }

    /* Header */
    #site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all 0.3s ease; padding: 20px 0; }
    #site-header.scrolled { background: rgba(250,250,250,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e5e5e5; padding: 12px 0; box-shadow: 0 1px 12px rgba(0,0,0,0.06); }
    .nav-inner { max-width: 1120px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
    .nav-logo img { height: 44px; width: auto; object-fit: contain; display: block; }
    .nav-links { display: flex; align-items: center; gap: 36px; }
    .nav-links a { font-size: 14px; font-weight: 600; color: #525252; transition: color 0.2s; }
    .nav-links a:hover { color: #171717; }
    .btn-cta { background: #171717; color: #fff; padding: 10px 22px; border-radius: 999px; font-size: 14px; font-weight: 700; transition: background 0.2s, transform 0.15s; display: inline-block; }
    .btn-cta:hover { background: #D81B1B; transform: translateY(-1px); }
    .btn-primary { background: #D81B1B; color: #fff; padding: 14px 32px; border-radius: 999px; font-size: 16px; font-weight: 700; transition: background 0.2s, transform 0.15s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 8px; }
    .btn-primary:hover { background: #B01414; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(216,27,27,0.3); }
    .btn-ghost { background: transparent; color: #171717; padding: 14px 32px; border-radius: 999px; font-size: 16px; font-weight: 600; transition: background 0.2s; display: inline-flex; align-items: center; gap: 8px; }
    .btn-ghost:hover { background: #f5f5f5; }
    @media (max-width: 768px) { .nav-links { display: none; } .nav-logo img { height: 36px; } }

    /* Sections */
    .wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
    section { padding: 96px 0; }

    /* Hero */
    .hero { padding: 160px 0 96px; position: relative; overflow: hidden; }
    .hero-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
    .hero-art { position: absolute; top: 0; right: 0; height: 100%; width: 55%; object-fit: cover; object-position: left center; opacity: 0.07; mix-blend-mode: multiply; }
    .hero-fade { position: absolute; inset: 0; background: linear-gradient(to right, #fafafa 40%, rgba(250,250,250,0.7) 65%, transparent 100%); }
    .hero-glow-1 { position: absolute; top: -10%; right: -5%; width: 50%; height: 50%; border-radius: 50%; background: rgba(216,27,27,0.05); filter: blur(120px); }
    .hero-glow-2 { position: absolute; bottom: -10%; left: -10%; width: 40%; height: 40%; border-radius: 50%; background: rgba(77,170,236,0.05); filter: blur(100px); }
    .hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
    .hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(216,27,27,0.1); color: #D81B1B; font-size: 13px; font-weight: 700; margin-bottom: 24px; }
    .hero-badge-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #D81B1B; }
    .hero-badge-dot::before { content: ''; position: absolute; inset: 0; border-radius: 50%; background: #D81B1B; opacity: 0.75; animation: ping 1.4s cubic-bezier(0,0,0.2,1) infinite; }
    .hero h1 { font-size: clamp(40px, 6vw, 72px); font-weight: 900; line-height: 1.05; margin-bottom: 24px; }
    .hero h1 span { color: #D81B1B; }
    .hero p { font-size: 18px; color: #737373; margin-bottom: 36px; max-width: 480px; line-height: 1.7; }
    .hero-trust { display: flex; align-items: center; gap: 24px; margin-top: 36px; font-size: 13px; font-weight: 600; color: #737373; flex-wrap: wrap; }
    .hero-trust span { display: flex; align-items: center; gap: 6px; }
    .hero-trust svg { color: #D81B1B; flex-shrink: 0; }
    .hero-trust .accent-icon { color: #4DAAEC; }

    /* App mock */
    .app-mock { background: #f5f5f5; border-radius: 28px; border: 1px solid #e5e5e5; box-shadow: 0 24px 64px rgba(0,0,0,0.08); padding: 28px; display: flex; flex-direction: column; gap: 16px; min-height: 460px; justify-content: center; }
    .mock-card { background: #fff; border-radius: 18px; padding: 16px; border: 1px solid #ebebeb; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
    .mock-card:first-child { transform: rotate(-2deg); transition: transform 0.5s ease; }
    .mock-card:last-child { transform: rotate(1deg) translateX(16px); transition: transform 0.5s ease; }
    .mock-card:hover { transform: rotate(0) translateX(0) !important; }
    .mock-card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
    .mock-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(216,27,27,0.12); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
    .mock-title { font-size: 14px; font-weight: 700; }
    .mock-sub { font-size: 11px; color: #a3a3a3; }
    .badge-matched { margin-left: auto; background: rgba(216,27,27,0.1); color: #D81B1B; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; flex-shrink: 0; }
    .badge-done { margin-left: auto; background: #D81B1B; color: #fff; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; flex-shrink: 0; }
    .mock-worker { display: flex; align-items: center; gap: 10px; background: #f7f7f7; padding: 10px 14px; border-radius: 14px; }
    .mock-avatar { width: 32px; height: 32px; border-radius: 50%; background: #e5e5e5; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; color: #737373; flex-shrink: 0; }
    .mock-worker-name { font-size: 12px; font-weight: 700; }
    .mock-worker-rating { font-size: 10px; color: #a3a3a3; display: flex; align-items: center; gap: 4px; }
    .mock-payment { background: rgba(77,170,236,0.1); border: 1px solid rgba(77,170,236,0.2); border-radius: 12px; padding: 10px 14px; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
    .mock-payment-check { width: 18px; height: 18px; border-radius: 50%; background: #4DAAEC; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

    @media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; } .app-mock { display: none; } .hero { padding: 140px 0 72px; } }

    /* Services */
    .services { background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative; overflow: hidden; }
    .services-art { position: absolute; bottom: 0; right: 0; height: 70%; width: auto; object-fit: cover; object-position: top; opacity: 0.05; mix-blend-mode: multiply; pointer-events: none; }
    .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin-top: 48px; }
    .service-card { background: #fafafa; border-radius: 20px; border: 1px solid #e5e5e5; padding: 24px; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; position: relative; overflow: hidden; display: flex; flex-direction: column; }
    .service-card:hover { border-color: rgba(216,27,27,0.4); box-shadow: 0 8px 28px rgba(216,27,27,0.07); transform: translateY(-3px); }
    .service-card:hover h3 { color: #D81B1B; }
    .service-icon-bg { width: 48px; height: 48px; border-radius: 14px; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; transition: background 0.2s; }
    .service-card:hover .service-icon-bg { background: rgba(216,27,27,0.1); }
    .service-card h3 { font-size: 16px; font-weight: 800; margin-bottom: 6px; transition: color 0.2s; }
    .service-card p { font-size: 13px; color: #737373; line-height: 1.5; }
    .service-card-cta { background: #D81B1B; color: #fff; }
    .service-card-cta h3 { color: #fff; }
    .service-card-cta p { color: rgba(255,255,255,0.8); }
    .service-card-cta .arrow { margin-top: auto; padding-top: 20px; font-size: 14px; font-weight: 800; color: rgba(255,255,255,0.9); display: inline-flex; align-items: center; gap: 6px; }

    /* How it works */
    .steps-wrap { position: relative; margin-top: 56px; }
    .steps-line { display: none; }
    @media (min-width: 768px) { .steps-line { display: block; position: absolute; top: 22px; left: 22px; right: 22px; height: 2px; background: #e5e5e5; z-index: 0; overflow: hidden; } .steps-line-fill { height: 100%; background: #D81B1B; transform: scaleX(0); transform-origin: left; transition: transform 1.5s ease; } .steps-line.animated .steps-line-fill { transform: scaleX(1); } }
    .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; position: relative; z-index: 1; }
    .step-num { width: 44px; height: 44px; border-radius: 50%; font-size: 18px; font-weight: 900; color: #fff; display: flex; align-items: center; justify-content: center; border: 4px solid #fafafa; box-shadow: 0 2px 12px rgba(0,0,0,0.12); margin-bottom: 24px; }
    .step-num.s1 { background: #4DAAEC; }
    .step-num.s2 { background: #f59e0b; }
    .step-num.s3 { background: #10b981; }
    .step-num.s4 { background: #8b5cf6; }
    .step h3 { font-size: 20px; font-weight: 800; margin-bottom: 10px; }
    .step p { font-size: 15px; color: #737373; line-height: 1.6; }

    /* Trust */
    .trust { background: #1a1a1a; color: #fff; position: relative; overflow: hidden; }
    .trust-art { position: absolute; top: 0; left: 0; height: 100%; width: 45%; object-fit: cover; object-position: right; opacity: 0.08; mix-blend-mode: luminosity; pointer-events: none; }
    .trust-fade { position: absolute; inset: 0; background: linear-gradient(to right, transparent 30%, rgba(26,26,26,0.6) 60%, #1a1a1a 100%); pointer-events: none; }
    .trust-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; position: relative; z-index: 1; }
    .trust h2 { font-size: clamp(32px, 4vw, 48px); font-weight: 900; margin-bottom: 24px; line-height: 1.15; }
    .trust h2 span { color: #D81B1B; }
    .trust .lead { font-size: 17px; color: rgba(255,255,255,0.65); margin-bottom: 40px; line-height: 1.7; }
    .pillar { display: flex; gap: 18px; margin-bottom: 32px; }
    .pillar-icon { width: 56px; height: 56px; border-radius: 18px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .pillar-icon svg { color: #D81B1B; }
    .pillar h3 { font-size: 19px; font-weight: 800; color: #fff; margin-bottom: 6px; }
    .pillar p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.6; }
    .trust-card-wrap { display: flex; flex-direction: column; gap: 18px; }
    .trust-card { backdrop-filter: blur(12px); border-radius: 22px; padding: 22px; }
    .trust-card-review { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); transform: rotate(-2deg); transition: transform 0.3s; }
    .trust-card-review:hover { transform: rotate(0); }
    .trust-card-payment { background: rgba(216,27,27,0.15); border: 1px solid rgba(216,27,27,0.25); transform: rotate(1.5deg) translateX(18px); transition: transform 0.3s; }
    .trust-card-payment:hover { transform: rotate(0) translateX(0); }
    .stars { color: #4DAAEC; font-size: 16px; margin-bottom: 10px; letter-spacing: 2px; }
    .review-text { font-size: 13px; color: rgba(255,255,255,0.85); font-weight: 500; line-height: 1.65; margin-bottom: 14px; }
    .reviewer { display: flex; align-items: center; gap: 10px; }
    .reviewer-avatar { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.15); flex-shrink: 0; }
    .reviewer-name { font-size: 12px; font-weight: 800; color: #fff; }
    .reviewer-loc { font-size: 11px; color: rgba(255,255,255,0.45); }
    .escrow-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
    .escrow-label { font-size: 13px; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 6px; }
    .escrow-label svg { color: #D81B1B; }
    .escrow-amount { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); padding: 4px 10px; border-radius: 8px; }
    .escrow-bar { height: 6px; background: rgba(255,255,255,0.1); border-radius: 999px; overflow: hidden; margin-bottom: 8px; }
    .escrow-fill { height: 100%; background: #D81B1B; width: 100%; }
    .escrow-status { font-size: 10px; color: rgba(255,255,255,0.4); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; text-align: right; }
    @media (max-width: 900px) { .trust-inner { grid-template-columns: 1fr; } }

    /* CTA */
    .cta-section { background: #fafafa; padding: 96px 0; }
    .cta-band { background: #D81B1B; border-radius: 28px; padding: 72px 48px; text-align: center; position: relative; overflow: hidden; max-width: 960px; margin: 0 auto; box-shadow: 0 24px 64px rgba(216,27,27,0.25); }
    .cta-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.12; mix-blend-mode: overlay; pointer-events: none; }
    .cta-dots { position: absolute; inset: 0; background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.2) 1px, transparent 0); background-size: 22px 22px; pointer-events: none; }
    .cta-inner { position: relative; z-index: 1; }
    .cta-band h2 { font-size: clamp(30px, 4vw, 48px); font-weight: 900; color: #fff; margin-bottom: 18px; }
    .cta-band p { font-size: 18px; color: rgba(255,255,255,0.85); margin-bottom: 40px; }
    .btn-cta-white { background: #fff; color: #D81B1B; padding: 16px 40px; border-radius: 999px; font-size: 17px; font-weight: 800; display: inline-block; transition: background 0.2s, transform 0.15s; box-shadow: 0 8px 28px rgba(0,0,0,0.15); }
    .btn-cta-white:hover { background: #f5f5f5; transform: scale(1.04); }
    .cta-note { margin-top: 20px; font-size: 13px; color: rgba(255,255,255,0.6); font-weight: 600; }

    /* Footer */
    footer { border-top: 1px solid #e5e5e5; padding: 48px 0; background: #fff; }
    .foot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .foot-logo img { height: 36px; width: auto; object-fit: contain; }
    .foot p { font-size: 13px; color: #a3a3a3; font-weight: 600; }

    /* Eyebrow */
    .eyebrow { font-size: 12px; font-weight: 800; color: #D81B1B; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; }
    .section-title { font-size: clamp(28px, 4vw, 42px); font-weight: 900; margin-bottom: 14px; }
    .section-lead { font-size: 17px; color: #737373; line-height: 1.7; max-width: 520px; }

    /* Anchor offset so headings clear the fixed header */
    section[id] { scroll-margin-top: 88px; }

    /* Mobile navigation */
    .nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; background: none; border: 0; cursor: pointer; padding: 8px; }
    .nav-toggle span { display: block; width: 24px; height: 2px; background: #171717; border-radius: 2px; transition: transform 0.3s ease, opacity 0.2s ease; }
    .nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .nav-toggle.open span:nth-child(2) { opacity: 0; }
    .nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .mobile-menu { display: none; flex-direction: column; padding: 4px 24px 20px; background: rgba(250,250,250,0.98); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e5e5e5; }
    .mobile-menu.open { display: flex; }
    .mobile-menu a { padding: 14px 4px; font-size: 15px; font-weight: 600; color: #171717; border-bottom: 1px solid #ededed; }
    .mobile-menu a.btn-primary { justify-content: center; margin-top: 14px; border-bottom: 0; color: #fff; }
    @media (max-width: 768px) {
      .nav-toggle { display: flex; }
      .nav-actions .btn-cta { display: none; }
    }

    /* Respect users who prefer reduced motion */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
      .fade-up, .fade-in, .observe { opacity: 1 !important; transform: none !important; }
    }
    /* Policies */
    .policies { background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    .policies-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 48px; }
    .policy-card { text-align: left; font-family: inherit; background: #fafafa; border: 1px solid #e5e5e5; border-radius: 20px; padding: 26px; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; display: flex; flex-direction: column; }
    .policy-card:hover { border-color: rgba(216,27,27,0.4); box-shadow: 0 8px 28px rgba(216,27,27,0.07); transform: translateY(-3px); }
    .policy-card:focus-visible { outline: 2px solid #D81B1B; outline-offset: 2px; }
    .policy-icon { width: 48px; height: 48px; border-radius: 14px; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; transition: background 0.2s; }
    .policy-card:hover .policy-icon { background: rgba(216,27,27,0.1); }
    .policy-card h3 { font-size: 17px; font-weight: 800; margin-bottom: 6px; transition: color 0.2s; }
    .policy-card:hover h3 { color: #D81B1B; }
    .policy-card p { font-size: 13px; color: #737373; line-height: 1.55; margin-bottom: 18px; }
    .policy-link { margin-top: auto; font-size: 13px; font-weight: 800; color: #D81B1B; display: inline-flex; align-items: center; gap: 6px; }

    /* Policy modal */
    .policy-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(23,23,23,0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: fadeIn 0.2s ease; }
    .policy-modal[hidden] { display: none; }
    .policy-modal-box { background: #fff; border-radius: 22px; width: 100%; max-width: 760px; max-height: 88vh; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 32px 80px rgba(0,0,0,0.35); animation: fadeUp 0.28s ease; }
    .policy-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 28px; border-bottom: 1px solid #e5e5e5; flex-shrink: 0; }
    .policy-modal-head h3 { font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
    .policy-modal-icon { font-size: 20px; }
    .policy-modal-close { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fafafa; color: #171717; font-size: 24px; line-height: 1; cursor: pointer; flex-shrink: 0; transition: background 0.2s, color 0.2s; }
    .policy-modal-close:hover { background: #D81B1B; color: #fff; border-color: #D81B1B; }
    .policy-modal-body { padding: 8px 28px 32px; overflow-y: auto; font-size: 14.5px; color: #3f3f3f; line-height: 1.7; }
    .policy-modal-body h2 { font-size: 20px; font-weight: 800; color: #171717; margin: 28px 0 10px; }
    .policy-modal-body h3 { font-size: 16px; font-weight: 800; color: #D81B1B; margin: 22px 0 8px; }
    .policy-modal-body h4 { font-size: 14.5px; font-weight: 800; color: #171717; margin: 18px 0 6px; }
    .policy-modal-body p { margin: 12px 0; }
    .policy-modal-body ul, .policy-modal-body ol { margin: 12px 0 12px 22px; }
    .policy-modal-body li { margin: 6px 0; }
    .policy-modal-body a { color: #D81B1B; font-weight: 600; }
    .policy-modal-body hr { border: 0; border-top: 1px solid #ededed; margin: 26px 0; }
    .policy-modal-body strong { color: #171717; font-weight: 700; }
    .policy-modal-body blockquote { margin: 16px 0; padding: 14px 18px; background: rgba(216,27,27,0.05); border-left: 3px solid #D81B1B; border-radius: 0 10px 10px 0; font-size: 13.5px; color: #525252; }
    .policy-table-wrap { overflow-x: auto; margin: 16px 0; }
    .policy-modal-body table { border-collapse: collapse; width: 100%; font-size: 13px; }
    .policy-modal-body th, .policy-modal-body td { border: 1px solid #e5e5e5; padding: 9px 12px; text-align: left; vertical-align: top; }
    .policy-modal-body th { background: #fafafa; font-weight: 700; color: #171717; }
    @media (max-width: 640px) { .policy-modal-head, .policy-modal-body { padding-left: 18px; padding-right: 18px; } }

    .policy-modal-body .policy-blank { background: rgba(216,27,27,0.08); color: #B01414; border: 1px dashed rgba(216,27,27,0.45); border-radius: 4px; padding: 0 6px; font-weight: 600; font-size: 0.92em; }
    /* Running-man logo animation */
    #site-header .nav-inner { position: relative; z-index: 1; }
    .nav-logo { display: inline-flex; flex-direction: column; justify-content: center; line-height: 1.05; }
    .brand-word { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -0.5px; }
    .brand-run { color: #D81B1B; }
    .brand-it { color: #4DAAEC; }
    .brand-slogan { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 10.5px; font-weight: 600; color: #171717; letter-spacing: 0.01em; }
    .runner-track { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
    .runner { position: absolute; top: 50%; height: 30px; width: auto; left: -60px; will-change: left, transform; animation: run-across 6.5s linear infinite, run-bob 0.34s ease-in-out infinite; }
    @keyframes run-across { 0% { left: -60px; } 100% { left: calc(100% + 60px); } }
    @keyframes run-bob { 0%, 100% { transform: translateY(-50%) rotate(-3deg); } 50% { transform: translateY(-64%) rotate(3deg); } }
    @media (max-width: 768px) { .brand-word { font-size: 20px; } .runner { height: 26px; } }
    @media (prefers-reduced-motion: reduce) { .runner { animation: none; left: 18px; transform: translateY(-50%); } }
    /* Services -> app CTA */
    .services-cta { text-align: center; margin-top: 48px; }
    .services-cta p { margin-top: 14px; font-size: 14px; color: #737373; }

    /* Work with us */
    .workwithus { background: #fdf4f4; }
    .work-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 48px; }
    .work-benefit { background: #fff; border: 1px solid #f2dede; border-radius: 20px; padding: 26px; }
    .work-ico { width: 48px; height: 48px; border-radius: 14px; background: rgba(216,27,27,0.08); display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; }
    .work-benefit h3 { font-size: 17px; font-weight: 800; margin-bottom: 6px; }
    .work-benefit p { font-size: 13.5px; color: #737373; line-height: 1.55; }
    .workwithus-cta { text-align: center; margin-top: 52px; }
    .workwithus-cta h3 { font-size: clamp(22px, 3vw, 30px); font-weight: 900; margin-bottom: 10px; }
    .workwithus-cta > p { font-size: 16px; color: #737373; max-width: 520px; margin: 0 auto 26px; }
    .work-note { margin-top: 14px; font-size: 13px; color: #a86b6b; font-weight: 600; }

    /* About */
    .about { background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
    .about-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; margin-top: 24px; }
    .about-lead2 { font-size: 16px; color: #525252; line-height: 1.8; }
    .about-lead2 + .about-lead2 { margin-top: 18px; }
    .about-points { display: flex; flex-direction: column; gap: 20px; }
    .about-point { display: flex; gap: 14px; }
    .about-point .ap-ico { width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; background: rgba(77,170,236,0.1); }
    .about-point h3 { font-size: 16px; font-weight: 800; margin-bottom: 3px; }
    .about-point p { font-size: 14px; color: #737373; line-height: 1.55; }
    @media (max-width: 820px) { .about-grid { grid-template-columns: 1fr; gap: 32px; } }

    /* Where to find us */
    .findus { background: #1a1a1a; color: #fff; }
    .findus .eyebrow { color: #4DAAEC; }
    .findus .section-title { color: #fff; }
    .findus .section-lead { color: rgba(255,255,255,0.6); }
    .findus-inner { margin-top: 48px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; }
    .findus-block h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.09em; color: rgba(255,255,255,0.5); font-weight: 800; margin-bottom: 18px; }
    .store-row { display: flex; flex-wrap: wrap; gap: 14px; }
    .store-btn { display: inline-flex; align-items: center; gap: 12px; background: #fff; color: #111; border-radius: 14px; padding: 12px 22px; transition: transform 0.15s ease, box-shadow 0.2s ease; }
    .store-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,0.4); }
    .store-ico { width: 26px; height: 26px; display: flex; }
    .store-ico svg { width: 26px; height: 26px; }
    .store-ico.apple { color: #111; }
    .store-btn .st { display: flex; flex-direction: column; line-height: 1.15; }
    .store-btn .st small { font-size: 10px; font-weight: 600; color: #666; }
    .store-btn .st b { font-size: 15px; font-weight: 800; }
    .app-direct { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: #4DAAEC; font-weight: 700; font-size: 14px; }
    .app-direct:hover { color: #7cc4f2; }
    .socials-row { display: flex; gap: 14px; }
    .social-btn { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); transition: background 0.2s ease, transform 0.15s ease; }
    .social-btn:hover { transform: translateY(-2px); }
    .social-btn.ig:hover { background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF); border-color: transparent; }
    .social-btn.fb:hover { background: #1877F2; border-color: transparent; }
    .social-btn svg { width: 24px; height: 24px; color: #fff; }
    .socials-note { margin-top: 18px; font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; max-width: 280px; }
    #site-header .nav-links { gap: 22px; }
    @media (max-width: 820px) { .findus-inner { grid-template-columns: 1fr; gap: 40px; } }
    /* Book ahead / Reserve for later */
    .bookahead { background: #f2f8fd; }
    .bookahead-inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
    .bookahead .eyebrow { color: #2b8fd6; }
    .ba-list { list-style: none; margin-top: 26px; display: flex; flex-direction: column; gap: 14px; }
    .ba-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; color: #3f4a52; font-weight: 500; }
    .ba-list svg { flex-shrink: 0; margin-top: 2px; }
    .ba-cardwrap { display: flex; justify-content: center; }
    .ba-card { background: #fff; border: 1px solid #dbeafe; border-radius: 22px; padding: 24px; width: 100%; max-width: 360px; box-shadow: 0 20px 50px rgba(43,143,214,0.12); }
    .ba-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
    .ba-card-top .mock-icon { background: rgba(77,170,236,0.14); }
    .ba-badge { margin-left: auto; background: rgba(77,170,236,0.14); color: #2b8fd6; font-size: 12px; font-weight: 800; padding: 5px 12px; border-radius: 8px; }
    .ba-when { display: flex; flex-direction: column; gap: 12px; }
    .ba-when-row { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
    .ba-when-row span { color: #94a3b0; }
    .ba-when-row b { color: #171717; font-weight: 700; }
    .ba-reserve { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef2f6; font-size: 12.5px; color: #2b8fd6; font-weight: 700; }
    @media (max-width: 820px) { .bookahead-inner { grid-template-columns: 1fr; gap: 36px; } }

    /* Help / FAQ */
    .help { background: #fafafa; }
    .faq-list { max-width: 760px; margin: 44px auto 0; display: flex; flex-direction: column; gap: 12px; }
    .faq { background: #fff; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease; }
    .faq.open { border-color: rgba(216,27,27,0.4); box-shadow: 0 10px 30px rgba(216,27,27,0.06); }
    .faq-q { width: 100%; appearance: none; background: none; border: 0; cursor: pointer; padding: 20px 24px; font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 800; font-size: 16px; color: #171717; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; }
    .faq-q:hover { color: #D81B1B; }
    .faq-q:focus-visible { outline: 2px solid #D81B1B; outline-offset: -2px; border-radius: 16px; }
    .faq-ic { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
    .faq-ic::before, .faq-ic::after { content: ''; position: absolute; background: #D81B1B; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }
    .faq-ic::before { left: 0; top: 7px; width: 16px; height: 2px; }
    .faq-ic::after { left: 7px; top: 0; width: 2px; height: 16px; }
    .faq.open .faq-ic::after { transform: rotate(90deg); opacity: 0; }
    .faq-a { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.38s cubic-bezier(0.22,0.61,0.36,1), opacity 0.3s ease; }
    .faq.open .faq-a { grid-template-rows: 1fr; opacity: 1; }
    .faq-a-in { overflow: hidden; }
    .faq-a p { padding: 0 24px 22px; font-size: 14.5px; color: #525252; line-height: 1.7; }
    .faq-more { text-align: center; margin-top: 28px; font-size: 14px; color: #737373; }
    .faq-more a { color: #D81B1B; font-weight: 700; }
    /* Repeating doodle backgrounds (visible site-wide) */
    :root { --doodle-tile: url("doodle.jpg"); }
    .has-doodle, .has-doodle-dark { position: relative; }
    .has-doodle > *, .has-doodle-dark > * { position: relative; z-index: 1; }
    .has-doodle::before { content: ''; position: absolute; inset: 0; background-image: var(--doodle-tile); background-size: 440px auto; background-repeat: repeat; opacity: 0.06; mix-blend-mode: multiply; pointer-events: none; z-index: 0; }
    .has-doodle-dark::before { content: ''; position: absolute; inset: 0; background-image: var(--doodle-tile); background-size: 440px auto; background-repeat: repeat; opacity: 0.06; mix-blend-mode: screen; pointer-events: none; z-index: 0; }

    /* Service cards as buttons */
    button.service-card { appearance: none; font-family: inherit; text-align: left; color: inherit; width: 100%; }

    /* Service detail drawer (animated position + opacity) */
    .drawer-backdrop { position: fixed; inset: 0; background: rgba(23,23,23,0.5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 110; opacity: 0; transition: opacity 0.35s ease; }
    .drawer-backdrop.open { opacity: 1; }
    .drawer-backdrop[hidden] { display: none; }
    .drawer { position: fixed; top: 0; right: 0; height: 100%; width: min(440px, 92vw); background: #fff; z-index: 111; padding: 44px 34px; display: flex; flex-direction: column; box-shadow: -24px 0 64px rgba(0,0,0,0.26); transform: translateX(100%); opacity: 0; transition: transform 0.42s cubic-bezier(0.22,0.61,0.36,1), opacity 0.42s ease; overflow-y: auto; }
    .drawer.open { transform: translateX(0); opacity: 1; }
    .drawer[hidden] { display: none; }
    .drawer-close { position: absolute; top: 20px; right: 22px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fafafa; color: #171717; font-size: 24px; line-height: 1; cursor: pointer; transition: background 0.2s, color 0.2s; }
    .drawer-close:hover { background: #D81B1B; color: #fff; border-color: #D81B1B; }
    .drawer-icon { width: 62px; height: 62px; border-radius: 16px; background: rgba(216,27,27,0.1); display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 18px; }
    .drawer-eyebrow { font-size: 12px; font-weight: 800; color: #D81B1B; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
    .drawer-title { font-size: 27px; font-weight: 900; margin-bottom: 6px; }
    .drawer-meta { font-size: 14px; color: #4DAAEC; font-weight: 700; margin-bottom: 16px; }
    .drawer-detail { font-size: 15px; color: #525252; line-height: 1.75; margin-bottom: auto; }
    .drawer .btn-primary { justify-content: center; margin-top: 28px; }
    /* ===== New UI features ===== */
    /* Scroll progress bar */
    .scroll-progress { position: fixed; top: 0; left: 0; height: 3px; width: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, #D81B1B, #4DAAEC); z-index: 60; will-change: transform; }

    /* Scroll-spy nav underline */
    .nav-links a { position: relative; }
    .nav-links a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #D81B1B; border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; }
    .nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }
    .nav-links a.active { color: #171717; }

    /* Header actions + theme toggle */
    .nav-actions { display: flex; align-items: center; gap: 12px; }
    .theme-toggle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; background: #fff; color: #171717; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; flex-shrink: 0; }
    .theme-toggle:hover { border-color: #D81B1B; color: #D81B1B; }
    .theme-toggle svg { width: 18px; height: 18px; }
    .theme-toggle .ic-moon { display: none; }
    :root[data-theme="dark"] .theme-toggle .ic-sun { display: none; }
    :root[data-theme="dark"] .theme-toggle .ic-moon { display: inline; }

    /* Rotating hero word */
    .hero h1 span.hero-rotate { color: #2b8fd6; }
    :root[data-theme="dark"] .hero h1 span.hero-rotate { color: #5cb8f0; }
    .hero-rotate { display: inline-block; transition: opacity 0.3s ease, transform 0.3s ease; }

    /* Marquee */
    .marquee { overflow: hidden; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 14px 0; }
    .marquee-track { display: flex; align-items: center; gap: 26px; width: max-content; animation: marquee 34s linear infinite; }
    .marquee:hover .marquee-track { animation-play-state: paused; }
    .marquee-track span { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 800; font-size: 15px; color: #737373; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.05em; }
    .marquee-track .dot { color: #D81B1B; }
    @keyframes marquee { to { transform: translateX(calc(-50% - 13px)); } }

    /* Animated hero mock */
    .app-mock .mock-card:first-child { animation: floatA 4s ease-in-out infinite; }
    .app-mock .mock-card:last-child { animation: floatB 4.6s ease-in-out infinite; }
    .app-mock .mock-card:hover { animation-play-state: paused; }
    @keyframes floatA { 0%,100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-7px); } }
    @keyframes floatB { 0%,100% { transform: rotate(1deg) translateX(16px) translateY(0); } 50% { transform: rotate(1deg) translateX(16px) translateY(-7px); } }
    .badge-matched { animation: badgepulse 1.9s ease-in-out infinite; }
    @keyframes badgepulse { 0%,100% { box-shadow: 0 0 0 0 rgba(216,27,27,0.35); } 50% { box-shadow: 0 0 0 6px rgba(216,27,27,0); } }

    /* Parallax doodle tiles */
    .has-doodle::before, .has-doodle-dark::before { background-attachment: fixed; }

    /* Back to top */
    .to-top { position: fixed; right: 22px; bottom: 22px; width: 46px; height: 46px; border-radius: 50%; border: 0; background: #D81B1B; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s ease; z-index: 90; box-shadow: 0 8px 24px rgba(216,27,27,0.35); }
    .to-top.show { opacity: 1; transform: none; pointer-events: auto; }
    .to-top:hover { background: #B01414; }
    .to-top svg { width: 20px; height: 20px; }
    @media (max-width: 768px) { .to-top { bottom: 82px; width: 42px; height: 42px; } }

    /* Mobile app bar */
    .app-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; display: none; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: rgba(250,250,250,0.96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid #e5e5e5; transform: translateY(110%); transition: transform 0.35s ease; }
    .app-bar.show { transform: none; }
    @media (max-width: 768px) { .app-bar { display: flex; } }
    .app-bar .ab-text { font-size: 13px; font-weight: 800; color: #171717; line-height: 1.25; font-family: 'Outfit', sans-serif; }
    .app-bar .ab-text small { display: block; font-size: 11px; color: #737373; font-weight: 600; }
    .app-bar .ab-btn { background: #D81B1B; color: #fff; padding: 11px 22px; border-radius: 999px; font-weight: 800; font-size: 14px; white-space: nowrap; }

    /* Ripple + magnetic */
    .btn-primary, .btn-cta, .btn-cta-white, .ab-btn, .btn-cta-white { position: relative; overflow: hidden; }
    .ripple { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.5); transform: scale(0); animation: ripple 0.6s ease-out; pointer-events: none; }
    @keyframes ripple { to { transform: scale(2.6); opacity: 0; } }

    /* ===== Dark theme ===== */
    :root[data-theme="dark"] body { background: #0f1012; color: #e6e6e6; }
    :root[data-theme="dark"] #site-header.scrolled { background: rgba(18,18,20,0.85); border-bottom-color: rgba(255,255,255,0.08); box-shadow: 0 1px 12px rgba(0,0,0,0.4); }
    :root[data-theme="dark"] .brand-slogan { color: #c9c9c9; }
    :root[data-theme="dark"] .nav-links a { color: #b0b0b0; }
    :root[data-theme="dark"] .nav-links a:hover, :root[data-theme="dark"] .nav-links a.active { color: #fff; }
    :root[data-theme="dark"] .nav-toggle span { background: #e6e6e6; }
    :root[data-theme="dark"] .btn-cta { background: #ededed; color: #111; }
    :root[data-theme="dark"] .btn-cta:hover { background: #D81B1B; color: #fff; }
    :root[data-theme="dark"] .theme-toggle { background: #1c1c1f; border-color: rgba(255,255,255,0.12); color: #e6e6e6; }
    :root[data-theme="dark"] .mobile-menu { background: rgba(16,16,18,0.98); border-bottom-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .mobile-menu a { color: #e6e6e6; border-bottom-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .hero { background: linear-gradient(180deg, #161618, #0f1012); }
    :root[data-theme="dark"] .hero-fade { background: linear-gradient(to right, #0f1012 40%, rgba(15,16,18,0.7) 65%, transparent 100%); }
    :root[data-theme="dark"] .hero p, :root[data-theme="dark"] .section-lead, :root[data-theme="dark"] .hero-trust { color: #a6a6a6; }
    :root[data-theme="dark"] .app-mock { background: #161618; border-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .mock-card { background: #1e1e21; border-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .mock-worker { background: #26262a; }
    :root[data-theme="dark"] .mock-sub, :root[data-theme="dark"] .mock-worker-rating { color: #9a9a9a; }
    :root[data-theme="dark"] .marquee { background: #141416; border-bottom-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .marquee-track span { color: #8f8f8f; }
    :root[data-theme="dark"] .services { background: #141416; border-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .service-card { background: #1c1c1f; border-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .service-card h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .service-card p { color: #9a9a9a; }
    :root[data-theme="dark"] .service-icon-bg { background: #2a2a2e; }
    :root[data-theme="dark"] .services-cta p { color: #9a9a9a; }
    :root[data-theme="dark"] #how-it-works { background: #0f1012 !important; }
    :root[data-theme="dark"] .step h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .step p { color: #9a9a9a; }
    :root[data-theme="dark"] .steps-line { background: rgba(255,255,255,0.12) !important; }
    :root[data-theme="dark"] .step-num { border-color: #0f1012; }
    :root[data-theme="dark"] .workwithus { background: #17110f; }
    :root[data-theme="dark"] .work-benefit { background: #1e1a19; border-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .work-benefit h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .work-benefit p, :root[data-theme="dark"] .workwithus-cta > p { color: #9a9a9a; }
    :root[data-theme="dark"] .workwithus-cta h3 { color: #fff; }
    :root[data-theme="dark"] .work-note { color: #cc9a9a; }
    :root[data-theme="dark"] .bookahead { background: #0c141c; }
    :root[data-theme="dark"] .ba-list li { color: #c2c8ce; }
    :root[data-theme="dark"] .ba-card { background: #12161b; border-color: rgba(77,170,236,0.25); }
    :root[data-theme="dark"] .ba-when-row b { color: #f0f0f0; }
    :root[data-theme="dark"] .ba-reserve { border-top-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .about { background: #141416; border-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .about-lead2 { color: #b8b8b8; }
    :root[data-theme="dark"] .about-point h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .about-point p { color: #9a9a9a; }
    :root[data-theme="dark"] .policies { background: #141416; border-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .policy-card { background: #1c1c1f; border-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .policy-card h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .policy-card p { color: #9a9a9a; }
    :root[data-theme="dark"] .policy-icon { background: #2a2a2e; }
    :root[data-theme="dark"] .policy-modal-box { background: #1c1c1f; }
    :root[data-theme="dark"] .policy-modal-head { border-bottom-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .policy-modal-head h3 { color: #f0f0f0; }
    :root[data-theme="dark"] .policy-modal-close { background: #26262a; border-color: rgba(255,255,255,0.12); color: #e6e6e6; }
    :root[data-theme="dark"] .policy-modal-body { color: #c2c2c2; }
    :root[data-theme="dark"] .policy-modal-body h2, :root[data-theme="dark"] .policy-modal-body h4, :root[data-theme="dark"] .policy-modal-body strong { color: #f0f0f0; }
    :root[data-theme="dark"] .policy-modal-body th { background: #26262a; color: #f0f0f0; }
    :root[data-theme="dark"] .policy-modal-body th, :root[data-theme="dark"] .policy-modal-body td { border-color: rgba(255,255,255,0.12); }
    :root[data-theme="dark"] .policy-modal-body hr { border-top-color: rgba(255,255,255,0.1); }
    :root[data-theme="dark"] .policy-modal-body blockquote { background: rgba(216,27,27,0.12); color: #cfc2c2; }
    :root[data-theme="dark"] .policy-blank { background: rgba(216,27,27,0.16) !important; color: #f0a5a5 !important; }
    :root[data-theme="dark"] .help { background: #0f1012; }
    :root[data-theme="dark"] .faq { background: #1c1c1f; border-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .faq-q { color: #f0f0f0; }
    :root[data-theme="dark"] .faq-a p { color: #b0b0b0; }
    :root[data-theme="dark"] .faq-more { color: #9a9a9a; }
    :root[data-theme="dark"] footer { background: #141416; border-top-color: rgba(255,255,255,0.07); }
    :root[data-theme="dark"] .foot p { color: #8a8a8a; }
    :root[data-theme="dark"] .foot-logo img { background: #f3f3f3; padding: 5px 9px; border-radius: 8px; }
    :root[data-theme="dark"] .drawer { background: #1c1c1f; }
    :root[data-theme="dark"] .drawer-title { color: #f5f5f5; }
    :root[data-theme="dark"] .drawer-detail { color: #c2c2c2; }
    :root[data-theme="dark"] .drawer-close { background: #26262a; border-color: rgba(255,255,255,0.12); color: #e6e6e6; }
    :root[data-theme="dark"] .app-bar { background: rgba(16,16,18,0.96); border-top-color: rgba(255,255,255,0.08); }
    :root[data-theme="dark"] .app-bar .ab-text { color: #f0f0f0; }
    :root[data-theme="dark"] .app-bar .ab-text small { color: #9a9a9a; }
    :root[data-theme="dark"] .has-doodle::before { mix-blend-mode: screen; opacity: 0.05; }
  
    .first-on-page { padding-top: 136px; }