/* GrowthPilotAI client refresh
   Light SaaS UI layer. This file is intentionally additive so existing PHP,
   routing, payment, login, dashboard and chat functionality remain intact. */
:root{
  --gp-bg:#f7fbff;
  --gp-bg-2:#eef7ff;
  --gp-surface:#ffffff;
  --gp-surface-soft:rgba(255,255,255,.78);
  --gp-text:#102033;
  --gp-muted:#5d6f86;
  --gp-line:#dbe8f5;
  --gp-blue:#1677ff;
  --gp-cyan:#12b8d8;
  --gp-indigo:#6257ff;
  --gp-green:#11a86a;
  --gp-yellow:#ffd65a;
  --gp-shadow:0 22px 60px rgba(24,81,140,.12);
  --gp-shadow-sm:0 12px 32px rgba(24,81,140,.10);
}
html{background:var(--gp-bg)!important;}
body.gpai-brand{
  color:var(--gp-text)!important;
  background:
    radial-gradient(circle at 12% -8%, rgba(18,184,216,.20), transparent 34%),
    radial-gradient(circle at 86% 4%, rgba(98,87,255,.14), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 38%,#eef7ff 100%)!important;
}
body.gpai-brand:before{display:none!important;}
.skip-link{background:#fff!important;color:var(--gp-blue)!important;border:1px solid var(--gp-line)!important;}
.topbar{
  position:sticky!important;top:0!important;z-index:100!important;
  margin:0!important;padding:14px clamp(16px,4vw,56px)!important;
  border:0!important;border-bottom:1px solid rgba(219,232,245,.82)!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 28px rgba(20,69,120,.06)!important;
}
.topbar .brand{color:var(--gp-text)!important;text-decoration:none!important;gap:10px!important;}
.brand-wordmark{color:var(--gp-text)!important;font-weight:950!important;letter-spacing:-.04em!important;}
.brand-wordmark b{color:var(--gp-blue)!important;}
.brand-logo-img{max-height:36px!important;object-fit:contain!important;}
.brand-icon-img{max-height:36px!important;object-fit:contain!important;}
.topbar nav{gap:8px!important;align-items:center!important;}
.topbar nav a:not(.pill):not(.donate-nav-link){
  color:#324963!important;background:transparent!important;border-radius:999px!important;
  padding:10px 12px!important;font-weight:850!important;text-decoration:none!important;
}
.topbar nav a:not(.pill):not(.donate-nav-link):hover{background:#edf6ff!important;color:var(--gp-blue)!important;transform:none!important;}
.topbar nav .pill,.pill{
  background:linear-gradient(135deg,var(--gp-blue),var(--gp-cyan))!important;color:#fff!important;
  border:0!important;border-radius:999px!important;padding:11px 16px!important;
  box-shadow:0 12px 26px rgba(22,119,255,.22)!important;font-weight:950!important;
}
.mobile-menu-btn{background:#fff!important;border:1px solid var(--gp-line)!important;color:var(--gp-text)!important;box-shadow:var(--gp-shadow-sm)!important;}
.mobile-menu-btn span{background:var(--gp-blue)!important;}
main#main-content{outline:none!important;}
.gpai-hero,.gpai-section,.panel,.gp-card,.module-card,.price-card,.flight-step,.mission-control,.support-float-panel,details,.metric,.tool-card{
  color:var(--gp-text)!important;
}
.gpai-hero{
  width:min(100% - 36px,1180px)!important;margin:34px auto 0!important;padding:64px clamp(20px,5vw,58px)!important;
  display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:42px!important;align-items:center!important;
  border:1px solid rgba(219,232,245,.95)!important;border-radius:34px!important;
  background:
    radial-gradient(circle at 0 0, rgba(18,184,216,.17), transparent 33%),
    radial-gradient(circle at 100% 0, rgba(98,87,255,.12), transparent 34%),
    rgba(255,255,255,.86)!important;
  box-shadow:var(--gp-shadow)!important;overflow:hidden!important;position:relative!important;
}
.gpai-hero:after{
  content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,119,255,.12),transparent 64%);pointer-events:none;
}
.eyebrow,.section-kicker{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  color:var(--gp-blue)!important;background:#edf6ff!important;border:1px solid #d8ebff!important;
  border-radius:999px!important;padding:8px 13px!important;font-size:12px!important;font-weight:950!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
}
.gpai-hero h1,.gpai-section h2{
  color:var(--gp-text)!important;letter-spacing:-.065em!important;line-height:1.02!important;
}
.gpai-hero h1{font-size:clamp(38px,6vw,72px)!important;margin:22px 0 18px!important;max-width:760px!important;}
.gpai-hero .lead,.lead,.gpai-section>p,.gp-card p,.module-card p,.flight-step p,.price-card p,details p,.small-note{
  color:var(--gp-muted)!important;
}
.gpai-hero .lead{font-size:clamp(17px,2vw,21px)!important;max-width:720px!important;line-height:1.65!important;}
.gpai-slogan{
  display:inline-flex!important;margin-top:14px!important;color:#0f5fb9!important;background:#f4f9ff!important;
  border:1px solid #d8ebff!important;border-radius:999px!important;padding:9px 13px!important;font-weight:950!important;
}
.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;}
.btn,.ghost-btn,.media-link,button.btn{
  border-radius:999px!important;min-height:46px!important;padding:12px 18px!important;
  font-weight:950!important;text-decoration:none!important;transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.btn:hover,.ghost-btn:hover,.media-link:hover{transform:translateY(-2px)!important;}
.btn.gold,.btn.primary,.btn-xl.gold{
  background:linear-gradient(135deg,var(--gp-blue),var(--gp-cyan))!important;color:#fff!important;border:0!important;
  box-shadow:0 16px 34px rgba(22,119,255,.22)!important;
}
.btn.secondary,.btn.ghost,.ghost-btn,.media-link{
  background:#fff!important;color:#184366!important;border:1px solid var(--gp-line)!important;box-shadow:0 10px 24px rgba(24,81,140,.08)!important;
}
.btn.full{width:100%!important;justify-content:center!important;}
.trust-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:20px!important;}
.trust-row span{
  color:#31506f!important;background:#fff!important;border:1px solid var(--gp-line)!important;border-radius:999px!important;
  padding:9px 12px!important;font-weight:850!important;font-size:14px!important;box-shadow:0 8px 22px rgba(24,81,140,.06)!important;
}
.mission-control{
  border:1px solid var(--gp-line)!important;border-radius:28px!important;padding:22px!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:var(--gp-shadow)!important;position:relative!important;z-index:2!important;
}
.mission-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;color:var(--gp-text)!important;}
.mission-badge,.best-badge{
  background:linear-gradient(135deg,#eaf5ff,#e9fbff)!important;color:var(--gp-blue)!important;border:1px solid #d6ecff!important;
  border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;font-weight:950!important;
}
.mission-row{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;
  border:1px solid var(--gp-line)!important;border-radius:18px!important;padding:14px!important;margin-bottom:10px!important;background:#fff!important;
}
.mission-row strong{display:block!important;color:var(--gp-text)!important;}
.mission-row span{display:block!important;color:var(--gp-muted)!important;font-size:13px!important;}
.status-dot{width:11px!important;height:11px!important;border-radius:50%!important;background:var(--gp-green)!important;box-shadow:0 0 0 5px rgba(17,168,106,.12)!important;}
.gpai-section{
  width:min(100% - 36px,1180px)!important;margin:34px auto!important;padding:54px clamp(18px,4vw,42px)!important;
  border:1px solid rgba(219,232,245,.88)!important;border-radius:30px!important;background:rgba(255,255,255,.76)!important;
  box-shadow:0 18px 48px rgba(24,81,140,.08)!important;
}
.gpai-section h2{font-size:clamp(30px,4vw,54px)!important;margin:18px 0 16px!important;}
.module-grid,.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.module-card,.gp-card,.panel,.flight-step,.price-card{
  border:1px solid var(--gp-line)!important;border-radius:24px!important;background:#fff!important;
  box-shadow:0 14px 36px rgba(24,81,140,.08)!important;padding:24px!important;
}
.module-card{display:block!important;text-decoration:none!important;position:relative!important;overflow:hidden!important;}
.module-card:before,.gp-card:before,.price-card:before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--gp-blue),var(--gp-cyan));opacity:.88;
}
.module-card:hover,.gp-card:hover,.price-card:hover,.flight-step:hover{transform:translateY(-4px)!important;box-shadow:0 22px 54px rgba(24,81,140,.13)!important;border-color:#bdddf8!important;}
.module-card h3,.gp-card h3,.flight-step h3,.price-card h3{color:var(--gp-text)!important;margin:12px 0 8px!important;letter-spacing:-.03em!important;}
.icon-badge,.flight-dot{
  width:48px!important;height:48px!important;border-radius:17px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#edf6ff,#e8fbff)!important;border:1px solid #d6ecff!important;color:var(--gp-blue)!important;
  font-weight:950!important;box-shadow:0 10px 22px rgba(22,119,255,.10)!important;
}
.flight-path{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}
.flight-step{position:relative!important;}
.pricing-modern .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;}
.price-card{position:relative!important;overflow:hidden!important;}
.price-card.featured{
  border-color:#8ed8ff!important;background:linear-gradient(180deg,#ffffff,#f2fbff)!important;transform:scale(1.025)!important;
  box-shadow:0 24px 70px rgba(22,119,255,.16)!important;
}
.price-card .price{color:var(--gp-text)!important;font-size:44px!important;letter-spacing:-.06em!important;font-weight:950!important;margin:12px 0!important;}
.compact-plan-list,.list{color:var(--gp-muted)!important;background:#f7fbff!important;border:1px solid var(--gp-line)!important;border-radius:18px!important;padding:15px!important;line-height:1.65!important;}
.credit-explainer{margin-top:18px!important;background:#f8fcff!important;}
.contact-panel-trust form label{color:var(--gp-text)!important;font-weight:900!important;}
input,textarea,select{
  background:#fff!important;color:var(--gp-text)!important;border:1px solid var(--gp-line)!important;border-radius:16px!important;
  box-shadow:0 8px 22px rgba(24,81,140,.05)!important;
}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(22,119,255,.14)!important;border-color:var(--gp-blue)!important;}
.footer{
  color:#50657d!important;background:transparent!important;border-top:1px solid rgba(219,232,245,.8)!important;
  margin:24px auto!important;width:min(100% - 36px,1180px)!important;padding:28px 0!important;
}
.footer b{color:var(--gp-text)!important;}
.donation-strip,.social-strip{
  width:min(100% - 36px,1180px)!important;margin:28px auto 0!important;border-radius:24px!important;
  border:1px solid var(--gp-line)!important;background:#fff!important;box-shadow:0 14px 36px rgba(24,81,140,.08)!important;color:var(--gp-text)!important;
}
.social-strip-copy span,.donation-copy span{color:var(--gp-muted)!important;}
.support-float-btn{background:linear-gradient(135deg,var(--gp-blue),var(--gp-cyan))!important;color:#fff!important;box-shadow:0 18px 38px rgba(22,119,255,.24)!important;}
.lang-current{background:#fff!important;color:var(--gp-text)!important;border-color:var(--gp-line)!important;box-shadow:0 8px 22px rgba(24,81,140,.08)!important;}
.lang-menu{border-color:var(--gp-line)!important;box-shadow:var(--gp-shadow-sm)!important;}
.lang-option{color:var(--gp-text)!important;}
.lang-option:hover,.lang-option.active{background:#edf6ff!important;color:var(--gp-blue)!important;}
@media(max-width:1040px){
  .gpai-hero{grid-template-columns:1fr!important;}
  .flight-path{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .module-grid,.grid,.pricing-modern .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .price-card.featured{transform:none!important;}
}
@media(max-width:760px){
  .topbar{padding:12px 14px!important;}
  .topbar nav{background:#fff!important;border:1px solid var(--gp-line)!important;box-shadow:var(--gp-shadow)!important;}
  .topbar nav a{color:var(--gp-text)!important;}
  .gpai-hero,.gpai-section{width:min(100% - 24px,1180px)!important;border-radius:24px!important;padding:34px 18px!important;margin-top:20px!important;}
  .gpai-hero h1{font-size:38px!important;}
  .module-grid,.grid,.pricing-modern .grid,.flight-path{grid-template-columns:1fr!important;}
  .hero-actions .btn{width:100%!important;justify-content:center!important;}
  .mission-control{padding:16px!important;border-radius:22px!important;}
  .trust-row span{width:100%!important;text-align:center!important;justify-content:center!important;}
}
@media(max-width:480px){.brand-logo-img{display:none!important}.brand-icon-img{display:block!important}.gpai-hero h1{font-size:34px!important}.price-card .price{font-size:36px!important}}

/* Rufus playful showcase - added for client media integration */
.rufus-showcase{
  background:
    radial-gradient(circle at 6% 8%, rgba(255,202,87,.26), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(88,203,255,.22), transparent 30%),
    linear-gradient(180deg,#ffffff,#f8fcff)!important;
  overflow:hidden!important;
}
.rufus-kicker-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:12px!important;}
.rufus-pill,.rufus-tags span{
  display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #d9ecff!important;background:#fff!important;color:#17466e!important;border-radius:999px!important;padding:9px 13px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(24,81,140,.07)!important;
}
.rufus-hero-grid{display:grid!important;grid-template-columns:1fr .82fr!important;gap:28px!important;align-items:center!important;}
.rufus-copy h2{max-width:720px!important;}
.rufus-tags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important;}
.rufus-photo-card{position:relative!important;margin:0!important;border:1px solid #d9ecff!important;border-radius:34px!important;padding:12px!important;background:#fff!important;box-shadow:0 24px 64px rgba(24,81,140,.14)!important;transform:rotate(1.25deg)!important;}
.rufus-photo-card:before{content:"✨";position:absolute!important;left:-16px!important;top:-18px!important;width:48px!important;height:48px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#fff7db!important;border:1px solid #ffe7a6!important;box-shadow:0 14px 30px rgba(190,132,28,.14)!important;font-size:22px!important;z-index:2!important;}
.rufus-photo-card img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:26px!important;display:block!important;}
.rufus-photo-card figcaption{position:absolute!important;left:26px!important;right:26px!important;bottom:26px!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important;padding:10px 14px!important;color:#17466e!important;font-weight:950!important;text-align:center!important;box-shadow:0 10px 24px rgba(24,81,140,.12)!important;}
.rufus-media-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:28px!important;}
.rufus-media-card{position:relative!important;border:1px solid #d9ecff!important;border-radius:28px!important;background:#fff!important;padding:18px!important;box-shadow:0 18px 48px rgba(24,81,140,.10)!important;overflow:hidden!important;}
.rufus-media-card:after{content:"";position:absolute!important;right:-34px!important;top:-34px!important;width:120px!important;height:120px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(88,203,255,.2),transparent 65%)!important;pointer-events:none!important;}
.rufus-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:14px!important;position:relative!important;z-index:2!important;}
.rufus-card-head span{color:#12395b!important;font-weight:950!important;}
.rufus-card-head b{background:#eef8ff!important;color:#1677ff!important;border:1px solid #d9ecff!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;}
.rufus-media-card video{width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:20px!important;border:1px solid #e2effb!important;background:#f4f9ff!important;display:block!important;position:relative!important;z-index:1!important;}
.rufus-media-card p{margin-top:13px!important;color:var(--gp-muted)!important;position:relative!important;z-index:2!important;}
.rufus-model-preview{min-height:252px!important;border:1px dashed #bde3ff!important;border-radius:22px!important;background:linear-gradient(135deg,#f8fcff,#fffaf1)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:22px!important;position:relative!important;z-index:2!important;}
.rufus-cube{width:72px!important;height:72px!important;border-radius:24px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#1677ff,#58cbff)!important;color:#fff!important;font-size:32px!important;box-shadow:0 20px 44px rgba(22,119,255,.24)!important;animation:rufusWiggle 3s ease-in-out infinite!important;}
.rufus-model-preview strong{color:#12395b!important;font-size:20px!important;}
.rufus-model-preview span{color:var(--gp-muted)!important;max-width:280px!important;}
@keyframes rufusWiggle{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}
@media(max-width:1040px){.rufus-hero-grid{grid-template-columns:1fr!important}.rufus-photo-card{max-width:560px!important;margin:0 auto!important}.rufus-media-grid{grid-template-columns:1fr!important}.rufus-media-card video{aspect-ratio:16/9!important}}
@media(max-width:760px){.rufus-kicker-row{align-items:flex-start!important}.rufus-pill{width:100%!important;justify-content:center!important}.rufus-photo-card{transform:none!important;border-radius:26px!important}.rufus-photo-card img{border-radius:20px!important}.rufus-photo-card figcaption{position:static!important;margin-top:10px!important}.rufus-tags span{flex:1 1 auto!important;justify-content:center!important}}

/* Separate showcase cards: image, video 1, video 2 and 3D model are intentionally independent examples. */
.separate-showcase-intro{grid-template-columns:1fr .58fr!important;}
.playful-stack{min-height:320px!important;position:relative!important;display:grid!important;place-items:center!important;}
.stack-card{position:absolute!important;width:210px!important;min-height:96px!important;border-radius:28px!important;border:1px solid #d9ecff!important;background:#fff!important;box-shadow:0 22px 56px rgba(24,81,140,.13)!important;display:grid!important;place-items:center!important;color:#12395b!important;font-size:24px!important;font-weight:950!important;}
.stack-card-image{transform:rotate(-8deg) translate(-44px,-58px)!important;background:linear-gradient(135deg,#ffffff,#f2fbff)!important;}
.stack-card-video{transform:rotate(6deg) translate(38px,18px)!important;background:linear-gradient(135deg,#ffffff,#fff8e7)!important;}
.stack-card-model{transform:rotate(-3deg) translate(-16px,96px)!important;background:linear-gradient(135deg,#ffffff,#f2f7ff)!important;}
.rufus-media-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;}
.rufus-inline-figure{margin:0!important;position:relative!important;z-index:2!important;}
.rufus-inline-figure img{width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:20px!important;border:1px solid #e2effb!important;background:#f4f9ff!important;display:block!important;}
.rufus-image-card{background:linear-gradient(180deg,#fff,#f8fcff)!important;}
.rufus-image-card:before{content:"✨";position:absolute!important;right:18px!important;bottom:18px!important;width:42px!important;height:42px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#fff7db!important;border:1px solid #ffe7a6!important;box-shadow:0 14px 30px rgba(190,132,28,.14)!important;font-size:20px!important;z-index:3!important;}
@media(max-width:1180px){.rufus-media-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.separate-showcase-intro{grid-template-columns:1fr!important}.playful-stack{min-height:250px!important}}
@media(max-width:760px){.rufus-media-grid-four{grid-template-columns:1fr!important}.playful-stack{display:none!important}.rufus-inline-figure img{aspect-ratio:1/1!important}}

/* Showcase naming + real video thumbnails update */
.rufus-showcase .rufus-small-image-card{
  align-self:start!important;
}
.rufus-showcase .rufus-small-figure{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:132px!important;
}
.rufus-showcase .rufus-small-figure img{
  width:min(100%,148px)!important;
  height:148px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:22px!important;
  box-shadow:0 16px 34px rgba(24,81,140,.12)!important;
}
.rufus-showcase .rufus-video-card video{
  aspect-ratio:16/9!important;
  background:#eef8ff!important;
}
.rufus-showcase .rufus-card-head span{
  letter-spacing:-.02em!important;
}
@media(max-width:760px){
  .rufus-showcase .rufus-small-figure img{width:136px!important;height:136px!important;}
}

/* Compact showcase sizing - media should feel like small website examples, not large hero blocks. */
.rufus-showcase{
  padding-top:56px!important;
  padding-bottom:58px!important;
}
.rufus-showcase .rufus-media-grid-four{
  max-width:1040px!important;
  margin:22px auto 0!important;
  gap:14px!important;
}
.rufus-showcase .rufus-media-card{
  padding:13px!important;
  border-radius:22px!important;
  box-shadow:0 12px 32px rgba(24,81,140,.08)!important;
}
.rufus-showcase .rufus-card-head{
  margin-bottom:9px!important;
}
.rufus-showcase .rufus-card-head span{
  font-size:14px!important;
  line-height:1.2!important;
}
.rufus-showcase .rufus-card-head b{
  font-size:10px!important;
  padding:4px 8px!important;
}
.rufus-showcase .rufus-small-figure{
  min-height:104px!important;
}
.rufus-showcase .rufus-small-figure img{
  width:108px!important;
  height:108px!important;
  border-radius:18px!important;
}
.rufus-showcase .rufus-video-card video{
  height:132px!important;
  max-height:132px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  border-radius:16px!important;
}
.rufus-showcase .rufus-model-preview{
  min-height:132px!important;
  gap:6px!important;
  padding:14px!important;
  border-radius:18px!important;
}
.rufus-showcase .rufus-cube{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  font-size:20px!important;
}
.rufus-showcase .rufus-model-preview strong{
  font-size:15px!important;
}
.rufus-showcase .rufus-model-preview span,
.rufus-showcase .rufus-media-card p{
  font-size:13px!important;
  line-height:1.45!important;
}
.rufus-showcase .rufus-media-card p{
  margin-top:9px!important;
}
.rufus-showcase .rufus-model-preview .btn{
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:13px!important;
}
@media(max-width:1180px){
  .rufus-showcase .rufus-media-grid-four{
    max-width:720px!important;
  }
  .rufus-showcase .rufus-video-card video{
    height:150px!important;
    max-height:150px!important;
  }
}
@media(max-width:760px){
  .rufus-showcase .rufus-media-grid-four{
    max-width:430px!important;
  }
  .rufus-showcase .rufus-small-figure img{
    width:104px!important;
    height:104px!important;
  }
  .rufus-showcase .rufus-video-card video{
    height:170px!important;
    max-height:170px!important;
  }
}