/* Rocket Tech – paste into Customization > Code > Custom CSS Editor */
/* Hide Zoho's default header, banner and footer */
.theme-header, .theme-header-area, [data-headercontainer], .theme-banner, .theme-footer-area { display: none !important; }
body, .theme-content-area, .theme-content-container, .theme-content-area-inner { background: #0d0d0f !important; }
.theme-content-area-inner, .theme-content-container { max-width: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
.zpsection:has(.rt), .zpcontainer:has(.rt), .zprow:has(.rt), .zpelem-col:has(.rt) { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; background: #0d0d0f !important; }

html { scroll-behavior: smooth; }
body { margin: 0; background: #0d0d0f; color: #ececec; font-family: 'Inter', system-ui, sans-serif; }
.rt, .rt * { box-sizing: border-box; }
.rt { background: #0d0d0f; color: #ececec; font-family: 'Inter', system-ui, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.rt a { color: #f6cf1f; text-decoration: none; }
.rt a:hover { color: #fbe27a; }
.rt a:focus-visible { outline: 2px solid #f6cf1f; outline-offset: 2px; }
.rt ::selection { background: #5a4a08; color: #fff7d1; }
.rt h1, .rt h2, .rt h3 { font-family: 'Inter', system-ui, sans-serif; font-weight: 500; color: #f4f4f5; margin: 0; }
.rt p { margin: 0; }
.rt-wrap { max-width: 1120px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }

.rt-header { position: sticky; top: 0; z-index: 50; background: rgba(13,13,15,0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #1f1f23; }
.rt-header .rt-wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 14px; padding-bottom: 14px; }
.rt-logo { display: flex; align-items: center; font-size: 22px; font-weight: 500; color: #f6cf1f; }
.rt-logo img { display: block; height: 40px; width: auto; }
.rt-logo-sm img { height: 28px; }
.rt-logo-sm { font-size: 16px; }
.rt-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 500; }
.rt .rt-nav a.rt-navlink { color: #c9c9cf; }
.rt .rt-nav a.rt-navlink:hover { color: #f6cf1f; }
.rt .rt-btn-outline { padding: 8px 16px; border: 1px solid #f6cf1f; border-radius: 8px; color: #f6cf1f; transition: background .15s; }
.rt .rt-btn-outline:hover { background: rgba(246,207,31,0.12); color: #f6cf1f; }

.rt-section { border-top: 1px solid #1f1f23; }
.rt-hero { background: radial-gradient(ellipse 70% 80% at 85% 20%, rgba(246,207,31,0.10), transparent 60%), #0d0d0f; }
.rt-hero .rt-wrap { padding-top: 120px; padding-bottom: 128px; display: flex; flex-direction: column; gap: 24px; }
.rt-kicker { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #f6cf1f; }
.rt-kicker-line { width: 24px; height: 2px; background: #f6cf1f; }
.rt .rt-h1 { font-size: clamp(40px, 6vw, 68px); line-height: 1.05; letter-spacing: -0.025em; max-width: 780px; text-wrap: balance; }
.rt-lead { font-size: 18px; line-height: 1.6; color: #a9a9b1; max-width: 560px; }
.rt-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.rt .rt-btn-solid { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; background: #f6cf1f; color: #0d0d0f; border-radius: 8px; font-weight: 600; font-size: 15px; }
.rt .rt-btn-solid:hover { background: #fbe27a; color: #0d0d0f; }
.rt .rt-btn-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border: 1px solid #3a3a40; color: #ececec; border-radius: 8px; font-weight: 500; font-size: 15px; }
.rt .rt-btn-ghost:hover { border-color: #f6cf1f; color: #f6cf1f; }

.rt-block { padding-top: 96px; padding-bottom: 96px; display: flex; flex-direction: column; gap: 48px; }
.rt-head { display: flex; flex-direction: column; gap: 12px; max-width: 620px; }
.rt .rt-h2 { font-size: clamp(30px, 4vw, 42px); line-height: 1.12; letter-spacing: -0.02em; text-wrap: balance; }
.rt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.rt-card { padding: 32px; background: #151518; border: 1px solid #232328; border-radius: 14px; display: flex; flex-direction: column; gap: 14px; transition: border-color .15s; }
.rt-card:hover { border-color: #5a4a08; }
.rt-card i { font-size: 32px; color: #f6cf1f; }
.rt .rt-card h3 { font-size: 21px; line-height: 1.2; }
.rt-card p { font-size: 15px; line-height: 1.6; color: #a9a9b1; }
.rt-badge { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 4px 10px; border: 1px solid #5a4a08; border-radius: 999px; font-size: 12px; font-weight: 500; color: #f6cf1f; }
.rt-card .rt-badge i { font-size: 14px; }

.rt-about { padding-top: 96px; padding-bottom: 96px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 48px; align-items: start; }
.rt-about-body { display: flex; flex-direction: column; gap: 16px; font-size: 16px; line-height: 1.7; color: #a9a9b1; }
.rt-cert { display: flex; align-items: center; gap: 16px; margin-top: 8px; padding: 20px 24px; background: #151518; border: 1px solid #5a4a08; border-radius: 14px; }
.rt-cert i { font-size: 34px; color: #f6cf1f; flex-shrink: 0; }
.rt-cert-title { display: block; font-size: 16px; font-weight: 500; color: #f4f4f5; }
.rt-cert-sub { display: block; font-size: 14px; line-height: 1.5; color: #a9a9b1; }

.rt-area .rt-block { gap: 32px; }
.rt-area-item { display: flex; gap: 16px; align-items: flex-start; }
.rt-area-item > i { font-size: 26px; color: #f6cf1f; flex-shrink: 0; }
.rt-area-item div { display: flex; flex-direction: column; gap: 6px; }
.rt .rt-area-item h3 { font-size: 18px; }
.rt-area-item p { font-size: 15px; line-height: 1.6; color: #a9a9b1; }

.rt-contact { background: radial-gradient(ellipse 60% 90% at 10% 100%, rgba(246,207,31,0.09), transparent 60%), #0d0d0f; }
.rt-contact .rt-wrap { padding-top: 112px; padding-bottom: 112px; display: flex; flex-direction: column; gap: 20px; }
.rt .rt-h2-lg { font-size: clamp(32px, 5vw, 52px); letter-spacing: -0.025em; max-width: 700px; line-height: 1.1; }
.rt-contact p { font-size: 17px; color: #a9a9b1; max-width: 520px; }
.rt .rt-email { display: inline-flex; align-items: center; gap: 12px; margin-top: 8px; font-size: clamp(22px, 3vw, 30px); font-weight: 500; color: #f6cf1f; width: fit-content; border-bottom: 2px solid #5a4a08; padding-bottom: 6px; }
.rt .rt-email:hover { border-color: #f6cf1f; color: #fbe27a; }

.rt-footer .rt-wrap { padding-top: 28px; padding-bottom: 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: #7a7a82; }
.rt-builder-content:empty { display: none; }

@media (max-width: 720px) {
  .rt-nav .rt-navlink { display: none; }
  .rt-hero .rt-wrap { padding-top: 72px; padding-bottom: 80px; }
  .rt-block, .rt-about { padding-top: 64px; padding-bottom: 64px; }
  .rt-grid, .rt-about { grid-template-columns: 1fr; }
  .rt-card { padding: 24px; }
}