/* KassGo final user-request fixes: auth nav, official socials, mobile footer balance */
:root{--kg-green:#12b76a;--kg-deep:#06140d;--kg-footer-text:rgba(236,253,245,.78)}
/* Hide logged-in navigation by default. It appears only after real auth adds body.is-logged-in. */
.auth-only,.admin-only,.auth-logout,[data-auth-only="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.is-logged-in .auth-only,body.is-logged-in .auth-logout{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important}
body.is-admin .admin-only{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important}
body:not(.is-logged-in) .site-nav a[href*="dashboard"],body:not(.is-logged-in) .site-nav a[href*="rewards"],body:not(.is-logged-in) .site-nav a[href*="profile"],body:not(.is-logged-in) .site-actions .auth-logout,body:not(.is-logged-in) .site-mobile-nav a[href*="dashboard"],body:not(.is-logged-in) .site-mobile-nav a[href*="rewards"],body:not(.is-logged-in) .site-mobile-nav a[href*="profile"]{display:none!important}
body:not(.is-admin) .site-nav a[href*="admin"],body:not(.is-admin) .site-mobile-nav a[href*="admin"]{display:none!important}

/* Keep one clean shell only */
header.site-header:not([data-kassgo-shell="header"]),.header:not([data-kassgo-shell="header"]),.site-header:not([data-kassgo-shell="header"]){display:none!important}
footer:not([data-kassgo-shell="footer"]):not(.production-footer),.footer:not([data-kassgo-shell="footer"]),.clean-footer:not([data-kassgo-shell="footer"]){display:none!important}

/* Official social media circles */
.production-footer .official-socials{display:flex!important;gap:16px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:26px!important}
.production-footer .official-socials .social-circle,.production-footer .official-socials a{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;border-radius:999px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;box-shadow:0 18px 38px rgba(0,0,0,.28)!important;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease!important}
.production-footer .official-socials .social-circle:hover{transform:translateY(-4px) scale(1.04)!important;box-shadow:0 24px 46px rgba(0,0,0,.35)!important}
.production-footer .official-socials svg{width:60%!important;height:60%!important;display:block!important;overflow:visible!important}
.production-footer .official-socials .instagram{background:radial-gradient(circle at 28% 95%,#ffd776 0 20%,transparent 34%),radial-gradient(circle at 20% 20%,#8a3ffc 0 28%,transparent 45%),linear-gradient(135deg,#f58529 0%,#dd2a7b 42%,#8134af 72%,#515bd4 100%)!important}
.production-footer .official-socials .facebook{background:#1877f2!important}
.production-footer .official-socials .youtube{background:#ff0000!important}
.production-footer .official-socials .telegram{background:#229ed9!important}
.production-footer .official-socials .tiktok{background:#111!important;box-shadow:0 0 0 4px rgba(255,255,255,.06),0 18px 38px rgba(0,0,0,.36)!important}
.production-footer .official-socials i{font-size:30px!important;color:#fff!important}

/* Footer balance and readable spacing */
.production-footer{background:radial-gradient(circle at 50% -8%,rgba(18,183,106,.16),transparent 34%),linear-gradient(180deg,#06140d,#020806)!important;border-top:1px solid rgba(255,255,255,.10)!important;padding:64px 0 26px!important;margin-top:clamp(48px,7vw,96px)!important;overflow:hidden!important;text-align:left!important}
.production-footer .container{max-width:1280px!important;width:min(100% - 40px,1280px)!important;margin-inline:auto!important}
.production-footer-grid{display:grid!important;grid-template-columns:minmax(250px,1.2fr) minmax(170px,.8fr) minmax(180px,.8fr) minmax(250px,1fr)!important;gap:34px clamp(28px,5vw,70px)!important;align-items:start!important}
.production-footer h2{font-size:clamp(46px,4.8vw,74px)!important;line-height:.9!important;margin:0 0 18px!important;color:#fff!important;font-family:Georgia,serif!important;font-weight:900!important;letter-spacing:-.04em!important}
.production-footer h2 span,.production-footer h2 .go{color:var(--kg-green)!important}
.production-footer h3{font-size:clamp(24px,2vw,34px)!important;line-height:1.1!important;margin:0 0 18px!important;color:rgba(236,253,245,.88)!important;font-weight:950!important}
.production-footer p{max-width:360px!important;margin:0!important;color:var(--kg-footer-text)!important;font-size:clamp(17px,1.4vw,22px)!important;line-height:1.75!important;font-weight:650!important}
.production-footer a{display:flex!important;align-items:center!important;gap:12px!important;color:var(--kg-footer-text)!important;font-size:clamp(16px,1.35vw,20px)!important;font-weight:850!important;line-height:1.4!important;padding:8px 0!important;text-decoration:none!important;width:max-content!important;max-width:100%!important}
.production-footer a:hover{color:var(--kg-green)!important}
.production-footer .footer-contact-link i{color:var(--kg-green)!important;font-size:22px!important;min-width:25px!important;text-align:center!important}
.production-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;border-top:1px solid rgba(255,255,255,.12)!important;margin-top:46px!important;padding-top:24px!important;color:var(--kg-footer-text)!important;font-size:clamp(16px,1.2vw,19px)!important;font-weight:850!important;flex-wrap:wrap!important}
.production-footer-bottom a{display:inline!important;color:var(--kg-green)!important;padding:0!important;font-size:inherit!important;width:auto!important}
.production-footer-bottom .developer-credit{white-space:normal!important}

/* App download + promo cards */
.kg-global-promo{padding:clamp(40px,6vw,90px) 0!important}
.kg-promo-grid{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:22px!important;align-items:stretch!important}
.kg-promo-card{min-height:280px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-radius:32px!important;background:var(--surface,#fff)!important;border:1px solid var(--line,rgba(2,6,23,.1))!important;box-shadow:0 24px 70px rgba(2,6,23,.10)!important;padding:30px!important}
:root.dark .kg-promo-card,.dark .kg-promo-card{background:#101c16!important;color:#ecfdf5!important;border-color:rgba(255,255,255,.12)!important}
.kg-promo-icon{width:62px!important;height:62px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#12b76a,#facc15)!important;color:#03120b!important;font-size:28px!important;margin-bottom:16px!important}
.kg-store-buttons{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:18px!important}
.kg-store-buttons a{display:flex!important;align-items:center!important;gap:10px!important;border-radius:18px!important;background:#08140f!important;color:#fff!important;padding:12px 16px!important;text-decoration:none!important;font-weight:900!important;line-height:1.1!important}
.kg-store-buttons small{display:block!important;font-size:11px!important;opacity:.72!important}

@media (max-width:1050px){
  .production-footer-grid{grid-template-columns:1fr 1fr!important;gap:34px 30px!important}
  .production-footer-grid>div:first-child{grid-column:1/-1!important;text-align:center!important}
  .production-footer p{margin-inline:auto!important}
  .production-footer .official-socials{justify-content:center!important}
  .kg-promo-grid{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  body{overflow-x:hidden!important}
  .production-footer{padding:46px 0 24px!important;text-align:center!important;margin-top:42px!important}
  .production-footer .container{width:min(100% - 28px,620px)!important}
  .production-footer-grid{grid-template-columns:1fr!important;gap:32px!important;text-align:center!important}
  .production-footer h2{font-size:52px!important;margin-bottom:16px!important;text-align:center!important}
  .production-footer h3{font-size:28px!important;margin-bottom:12px!important;text-align:center!important}
  .production-footer p{font-size:19px!important;line-height:1.65!important;margin-inline:auto!important;text-align:center!important}
  .production-footer a{justify-content:center!important;margin-inline:auto!important;width:auto!important;font-size:18px!important;padding:7px 0!important;text-align:center!important}
  .production-footer .official-socials{justify-content:center!important;gap:14px!important;margin-top:24px!important}
  .production-footer .official-socials .social-circle{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}
  .production-footer-bottom{flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:10px!important;margin-top:30px!important;padding-top:20px!important;font-size:17px!important}
  .kg-promo-card{padding:24px!important;border-radius:26px!important;min-height:auto!important;text-align:center!important;align-items:center!important}
  .kg-store-buttons{justify-content:center!important}
}
@media (max-width:430px){
  .production-footer .official-socials{gap:10px!important}
  .production-footer .official-socials .social-circle{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .production-footer h2{font-size:46px!important}
  .production-footer h3{font-size:25px!important}
  .production-footer p{font-size:17px!important}
}


/* === User requested premium branding + app mockup homepage === */
.brand-applied-hero{padding-top:48px!important;padding-bottom:32px!important;min-height:auto!important}
.brand-banner-wrap{margin-bottom:22px!important}
.brand-banner-image{display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--kg-line);box-shadow:var(--kg-shadow);background:#03100d}
.premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr)!important;align-items:center!important}
.premium-hero-copy{display:flex;flex-direction:column;gap:0}
.premium-hero-copy .clean-title span{display:inline;color:var(--kg-green)!important}
.premium-service-pills{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.premium-service-pills span{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:rgba(18,183,106,.10);border:1px solid var(--kg-line);font-weight:850;color:var(--kg-text)}
.premium-service-pills i{color:var(--kg-green)}
.premium-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.premium-hero-stats>div{padding:18px;border-radius:20px;background:rgba(18,183,106,.08);border:1px solid var(--kg-line);box-shadow:var(--kg-soft-shadow)}
.premium-hero-stats strong{display:block;font-size:1rem;color:var(--kg-text);margin-bottom:4px}
.premium-hero-stats span{display:block;font-size:.92rem;color:var(--kg-muted)}
.premium-hero-visual{display:grid;place-items:center}
.premium-hero-device-frame{width:min(100%,520px);padding:18px;border-radius:36px;background:linear-gradient(145deg,rgba(3,13,18,.96),rgba(6,31,24,.92));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.25)}
.premium-hero-device-frame img{display:block;width:100%;height:auto;border-radius:26px}
.site-logo{display:flex!important;align-items:center!important;gap:10px!important}
.site-logo-mark{width:40px;height:40px;border-radius:14px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--kg-green),var(--kg-green2));color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(18,183,106,.22);font-size:1rem;letter-spacing:-.06em}
@media(max-width:980px){.premium-home-hero{grid-template-columns:1fr!important}.premium-hero-stats{grid-template-columns:1fr 1fr 1fr}.premium-hero-device-frame{width:min(100%,460px)}}
@media(max-width:700px){.brand-applied-hero{padding-top:32px!important}.brand-banner-image{border-radius:20px}.premium-service-pills{gap:10px}.premium-service-pills span{width:calc(50% - 5px);justify-content:center;padding:10px 12px}.premium-hero-stats{grid-template-columns:1fr;gap:12px}.premium-hero-device-frame{padding:12px;border-radius:24px}.site-logo-mark{width:34px;height:34px;border-radius:12px;font-size:.92rem}}


/* === Refinement: integrated brand banner, fuller device, matching favicon/header icon === */
.brand-applied-hero{padding-top:42px!important;padding-bottom:34px!important}
.brand-banner-wrap{display:none!important}
.premium-home-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;grid-template-areas:"banner banner" "copy visual"!important;gap:30px 38px!important;padding:24px!important;overflow:hidden!important}
.hero-integrated-banner{grid-area:banner;position:relative;margin:-4px -4px 4px}
.hero-integrated-banner:after{content:"";position:absolute;inset:auto 10% -34px 10%;height:60px;background:radial-gradient(circle,rgba(18,183,106,.26),transparent 68%);filter:blur(20px);pointer-events:none}
.brand-banner-image{display:block;width:100%;height:auto;border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.18);background:#03100d}
.premium-hero-copy{grid-area:copy;padding:8px 4px 8px 6px}
.premium-hero-visual{grid-area:visual;display:flex;align-items:flex-end;justify-content:center;min-height:100%}
.premium-hero-device-frame{display:none!important}
.premium-device-full{display:block;width:min(100%,560px);height:auto;max-height:820px;filter:drop-shadow(0 28px 70px rgba(0,0,0,.30));transform:translateY(10px) scale(1.02)}
.site-logo{display:flex!important;align-items:center!important;gap:10px!important}
.site-logo-mark{width:42px!important;height:42px!important;border-radius:12px!important;display:inline-block!important;overflow:hidden;background:none!important;box-shadow:none!important;padding:0!important}
.site-logo-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:1180px){.premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)!important}}
@media(max-width:980px){.premium-home-hero{grid-template-columns:1fr!important;grid-template-areas:"banner" "copy" "visual"!important;padding:22px!important}.premium-hero-visual{justify-content:center}.premium-device-full{width:min(100%,620px);max-height:none;transform:none;margin-top:4px}.hero-integrated-banner{margin:0 0 4px}.brand-banner-image{border-radius:22px}}
@media(max-width:700px){.brand-applied-hero{padding-top:24px!important}.premium-home-hero{padding:16px!important;border-radius:28px!important;gap:22px!important}.hero-integrated-banner{margin:0}.brand-banner-image{border-radius:18px}.premium-device-full{width:100%;max-width:100%;margin-inline:auto}.site-logo-mark{width:36px!important;height:36px!important;border-radius:10px!important}}


/* === Final refinement: KassGo-only banner + no white margins + fuller phone === */
.hero-integrated-banner{margin:0 0 10px 0!important}
.brand-banner-image{width:100%!important;max-width:100%!important;height:auto!important;display:block!important;background:#03100d!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important}
.premium-home-hero{padding-top:18px!important}
.premium-hero-copy{padding-top:2px!important}
.premium-hero-visual{align-items:center!important;justify-content:center!important;overflow:visible!important}
.premium-device-full{width:min(100%,600px)!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 28px 70px rgba(0,0,0,.28))!important;transform:none!important}
@media(max-width:980px){.premium-device-full{width:min(100%,640px)!important}}
@media(max-width:700px){.brand-banner-image{border-radius:16px!important}.premium-device-full{width:100%!important;max-width:520px!important}}


/* === Final user refinement: remove extra hero eyebrow, keep KassGo together, full phone without crop === */
.site-logo{gap:12px!important}
.site-logo-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;letter-spacing:-.055em!important;color:var(--kg-head-text)!important}
.site-logo-wordmark span{color:var(--kg-green)!important}
.premium-hero-visual{align-self:stretch!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding-top:8px!important}
.premium-device-full{display:block!important;width:min(100%,590px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important;overflow:visible!important;filter:drop-shadow(0 24px 60px rgba(0,0,0,.24))!important}
@media(max-width:980px){.premium-device-full{width:min(100%,620px)!important}}
@media(max-width:700px){.premium-device-full{width:100%!important;max-width:100%!important}}


/* === Final fix: make mobile mockup fill the hero visual area fully === */
.premium-home-hero{align-items:stretch!important}
.premium-hero-visual{align-self:stretch!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important}
.premium-device-full{height:100%!important;width:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;display:block!important;margin:0 auto!important;transform:none!important}
@media(max-width:980px){
  .premium-hero-visual{min-height:auto!important;align-items:center!important;overflow:visible!important;padding-top:8px!important}
  .premium-device-full{width:min(100%,620px)!important;height:auto!important}
}
@media(max-width:700px){
  .premium-device-full{width:100%!important;max-width:100%!important;height:auto!important}
}


/* === Absolute full mobile image fill fix === */
.premium-hero-visual{display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:100%!important;overflow:hidden!important;padding:0!important;margin:0!important}
.premium-device-full{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important;transform:none!important}
@media(max-width:980px){.premium-hero-visual{align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;padding-top:0!important}.premium-device-full{width:100%!important;max-width:100%!important;height:auto!important}}
@media(max-width:700px){.premium-hero-visual{overflow:visible!important}.premium-device-full{width:100%!important;max-width:100%!important;height:auto!important}}


/* === Uploaded full phone image final replacement === */
.premium-hero-visual{display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important;padding:0!important;margin:0!important;min-height:100%!important}
.premium-device-full{display:block!important;width:min(100%,440px)!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 22px 50px rgba(0,0,0,.22))!important;background:transparent!important;margin:0 auto!important}
@media(max-width:980px){.premium-device-full{width:min(100%,500px)!important}}
@media(max-width:700px){.premium-device-full{width:min(100%,420px)!important}}


/* === Brand text update: KassGo + Ride. Food. Grocery. Parcel. === */
.hero-brand-title{margin-bottom:8px!important}
.hero-brand-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;color:var(--kg-text)!important}
.hero-brand-wordmark span{color:var(--kg-green)!important}
.hero-brand-tagline{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(1.08rem,2vw,1.34rem)!important;font-weight:900!important;letter-spacing:.01em!important;color:var(--kg-muted)!important;margin:0 0 18px!important}
html[data-theme="dark"] .hero-brand-tagline, html.dark .hero-brand-tagline{color:rgba(232,238,245,.86)!important}


/* === Remove hero banner image and use text-only KassGo branding === */
.hero-integrated-banner{display:none!important}
.premium-home-hero{grid-template-areas:"copy visual"!important;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)!important;padding-top:24px!important}
.hero-brand-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;color:var(--kg-text)!important}
.hero-brand-wordmark span{color:var(--kg-green)!important}
@media(max-width:980px){.premium-home-hero{grid-template-areas:"copy" "visual"!important;grid-template-columns:1fr!important}}


/* === Luxury hero brand card + premium mobile mockup === */
.hero-brand-card{position:relative;padding:24px 26px 22px;border-radius:28px;background:linear-gradient(145deg,rgba(8,22,34,.96),rgba(11,34,43,.90));border:1px solid rgba(72,214,181,.18);box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);margin:0 0 20px;overflow:hidden}
.hero-brand-card::before{content:"";position:absolute;inset:auto -10% -35% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(20,216,129,.22),transparent 66%);pointer-events:none}
.hero-brand-card::after{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.hero-brand-title{margin:0 0 8px!important;line-height:1!important}
.hero-brand-wordmark{font-size:clamp(2.45rem,5vw,4.35rem)!important;font-weight:950!important;letter-spacing:-.055em!important;display:inline-flex!important;align-items:baseline!important;gap:0!important;color:var(--kg-text)!important}
.hero-brand-wordmark span{color:var(--kg-green)!important}
.hero-brand-tagline{margin:0!important;font-size:clamp(1.05rem,1.8vw,1.45rem)!important;font-weight:900!important;letter-spacing:.01em!important;color:#dff5ef!important}
.premium-hero-copy .clean-lead{max-width:680px!important}
.premium-hero-copy .clean-lead{font-size:1.05rem!important}
.premium-service-pills{margin-top:8px!important}
.premium-hero-visual{padding-left:10px!important}
.premium-device-full{display:block!important;width:min(100%,480px)!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 36px 70px rgba(0,0,0,.26))!important;background:transparent!important}
@media(max-width:980px){.premium-hero-visual{padding-left:0!important}.hero-brand-card{padding:22px 20px;border-radius:24px}.premium-device-full{width:min(100%,520px)!important}}
@media(max-width:700px){.hero-brand-card{padding:18px 16px;border-radius:22px}.hero-brand-wordmark{font-size:clamp(2.15rem,10vw,3.2rem)!important}.hero-brand-tagline{font-size:1rem!important}.premium-device-full{width:min(100%,420px)!important}}


/* === Final luxury hero refresh from user reference === */
.site-logo{display:flex!important;align-items:center!important;gap:12px!important}
.site-logo .site-logo-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;color:var(--kg-head-text)!important;letter-spacing:-.055em!important}
.site-logo .site-logo-wordmark span{color:var(--kg-green)!important}
.site-logo-mark{width:44px!important;height:44px!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important}
.site-logo-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

.brand-applied-hero{position:relative!important;padding-top:36px!important;padding-bottom:42px!important;background:
 radial-gradient(circle at 12% 18%, rgba(0,199,126,.12), transparent 28%),
 radial-gradient(circle at 88% 10%, rgba(0,233,145,.18), transparent 22%),
 linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));}
.premium-home-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr)!important;grid-template-areas:"brand brand" "copy visual"!important;gap:28px 34px!important;align-items:center!important;overflow:hidden!important;padding:28px!important;background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.54))!important}
html[data-theme="dark"] .premium-home-hero, html.dark .premium-home-hero{background:linear-gradient(135deg, rgba(7,19,18,.98), rgba(7,18,15,.92))!important}
.hero-brand-banner-card{grid-area:brand;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;padding:26px 28px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg, rgba(4,14,13,.98), rgba(4,17,15,.94));border:1px solid rgba(66,206,165,.16);box-shadow:0 24px 60px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05)}
.hero-brand-banner-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 18%, rgba(0,233,145,.14), transparent 24%), radial-gradient(circle at 15% 100%, rgba(0,210,130,.14), transparent 28%);pointer-events:none}
.hero-brand-banner-card::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg, transparent, rgba(0,233,145,.45), transparent)}
.hero-brand-banner-left{position:relative;z-index:1}
.hero-brand-banner-right{position:relative;z-index:1;padding-left:26px;border-left:2px solid rgba(0,233,145,.5)}
.hero-brand-title{margin:0!important;line-height:.92!important}
.hero-brand-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;font-size:clamp(2.8rem,6vw,5.8rem)!important;font-weight:950!important;letter-spacing:-.07em!important;color:#f7fbfd!important}
.hero-brand-wordmark span{color:var(--kg-green)!important}
.hero-brand-tagline{margin:0 0 6px!important;font-size:clamp(1.15rem,2vw,2rem)!important;font-weight:900!important;letter-spacing:.01em!important;color:rgba(223,245,239,.96)!important}
.hero-brand-subline{margin:0!important;color:rgba(223,235,241,.74)!important;font-size:1rem!important}
.premium-hero-copy{grid-area:copy!important;padding:0 4px 0 2px!important}
.premium-hero-copy .clean-lead{margin:0 0 22px!important;max-width:680px!important;font-size:1.06rem!important}
.premium-service-pills{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:0 0 22px!important}
.premium-service-pills span{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;border-radius:999px!important;background:rgba(18,183,106,.09)!important;border:1px solid var(--kg-line)!important;font-weight:850!important;color:var(--kg-text)!important;box-shadow:var(--kg-soft-shadow)!important}
.premium-service-pills i{color:var(--kg-green)!important;font-size:1rem!important}
.premium-hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important}
.premium-hero-stats>div{padding:18px 18px 16px!important;border-radius:20px!important;background:rgba(18,183,106,.07)!important;border:1px solid var(--kg-line)!important;box-shadow:var(--kg-soft-shadow)!important}
.premium-hero-stats strong{display:block!important;font-size:1rem!important;color:var(--kg-text)!important;margin-bottom:4px!important}
.premium-hero-stats span{display:block!important;font-size:.92rem!important;color:var(--kg-muted)!important}
.premium-hero-visual{grid-area:visual!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-left:8px!important}
.premium-device-full{display:block!important;width:min(100%,520px)!important;max-width:100%!important;height:auto!important;max-height:none!important;background:transparent!important;filter:drop-shadow(0 34px 74px rgba(0,0,0,.22))!important;border-radius:38px!important}

@media(max-width:1100px){.premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.8fr)!important}.hero-brand-wordmark{font-size:clamp(2.6rem,5vw,4.8rem)!important}.hero-brand-tagline{font-size:clamp(1.08rem,1.7vw,1.6rem)!important}}
@media(max-width:980px){.premium-home-hero{grid-template-columns:1fr!important;grid-template-areas:"brand" "copy" "visual"!important;padding:22px!important}.hero-brand-banner-card{grid-template-columns:1fr!important;gap:14px!important;padding:22px 20px!important;border-radius:24px!important}.hero-brand-banner-right{padding-left:0!important;border-left:none!important;border-top:1px solid rgba(0,233,145,.28)!important;padding-top:14px!important}.premium-hero-visual{padding-left:0!important}.premium-device-full{width:min(100%,560px)!important}.premium-hero-stats{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:700px){.brand-applied-hero{padding-top:24px!important}.premium-home-hero{padding:16px!important;border-radius:28px!important;gap:20px!important}.hero-brand-banner-card{padding:18px 16px!important;border-radius:22px!important}.hero-brand-wordmark{font-size:clamp(2.2rem,10vw,3.4rem)!important}.hero-brand-tagline{font-size:1rem!important}.hero-brand-subline{font-size:.94rem!important}.premium-service-pills span{width:calc(50% - 6px)!important;justify-content:center!important;padding:10px 12px!important}.premium-hero-stats{grid-template-columns:1fr!important}.premium-device-full{width:min(100%,430px)!important}.site-logo-mark{width:38px!important;height:38px!important}}


/* === Final fix: show the full premium phone in hero without crop === */
.premium-home-hero{overflow:visible!important;align-items:start!important}
.premium-hero-copy{align-self:center!important}
.premium-hero-visual{grid-area:visual!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:0!important;overflow:visible!important}
.premium-device-full{display:block!important;width:min(100%,430px)!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:34px!important;background:transparent!important;filter:drop-shadow(0 28px 58px rgba(0,0,0,.22))!important;margin:0 auto!important}
@media(max-width:1200px){.premium-device-full{width:min(100%,390px)!important}}
@media(max-width:980px){.premium-home-hero{overflow:hidden!important}.premium-hero-visual{align-items:center!important}.premium-device-full{width:min(100%,460px)!important}}
@media(max-width:700px){.premium-device-full{width:min(100%,380px)!important}}


/* === Final balance fix: text-only logo, balanced hero, full phone === */
.site-logo{display:flex!important;align-items:baseline!important;gap:0!important}
.site-logo-mark{display:none!important}
.site-logo-wordmark{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;font-size:clamp(1.7rem,2.5vw,2.4rem)!important;font-weight:950!important;letter-spacing:-.055em!important;color:var(--kg-head-text)!important}
.site-logo-wordmark span{color:var(--kg-green)!important}

.premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.74fr)!important;grid-template-areas:"brand brand" "copy visual"!important;align-items:start!important;gap:22px 30px!important;overflow:hidden!important}
.hero-brand-banner-card{margin-bottom:2px!important}
.premium-hero-copy{align-self:start!important;padding-top:6px!important}
.premium-hero-copy .clean-lead{margin-top:0!important}
.premium-service-pills{margin:0 0 20px!important}
.clean-actions{margin:0 0 20px!important}
.premium-hero-stats{margin-top:0!important}
.premium-hero-visual{align-self:start!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-left:0!important;padding-top:0!important;overflow:visible!important}
.premium-device-full{display:block!important;width:min(100%,390px)!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important;border-radius:34px!important;filter:drop-shadow(0 28px 56px rgba(0,0,0,.20))!important}
@media(max-width:1100px){.premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important}.premium-device-full{width:min(100%,360px)!important}}
@media(max-width:980px){.premium-home-hero{grid-template-columns:1fr!important;grid-template-areas:"brand" "copy" "visual"!important;align-items:start!important}.premium-hero-copy{padding-top:0!important}.premium-hero-visual{justify-content:center!important}.premium-device-full{width:min(100%,430px)!important}}
@media(max-width:700px){.premium-device-full{width:min(100%,360px)!important}.site-logo-wordmark{font-size:clamp(1.5rem,7vw,2rem)!important}}


/* === Auth / support visibility and copy polish === */
main{overflow-x:hidden}
.auth-app-shell{align-items:stretch!important}
.auth-side{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:14px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 78% 18%, rgba(26, 214, 124, .24), transparent 26%),
    linear-gradient(145deg, #04120c 0%, #0a2419 56%, #0c2f1f 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 54px rgba(2, 16, 10, .22)!important;
}
.auth-side::before{
  content:"";
  position:absolute;
  inset:-10% auto auto 58%;
  width:240px;
  height:240px;
  background:radial-gradient(circle, rgba(18,183,106,.18), transparent 68%);
  pointer-events:none;
}
.auth-side > *{position:relative;z-index:1}
.auth-side h2{
  margin:0 0 6px!important;
  color:#f7fbff!important;
  font-family:Inter, ui-sans-serif, system-ui, sans-serif!important;
  font-size:clamp(2rem, 4vw, 3.4rem)!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  opacity:1!important;
  text-shadow:0 3px 16px rgba(0,0,0,.24)!important;
}
.auth-side > p{
  margin:0 0 6px!important;
  color:rgba(240,246,250,.92)!important;
  font-size:1.03rem!important;
  line-height:1.7!important;
  opacity:1!important;
}
.auth-feature{
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.05))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.auth-feature i{color:#42e990!important;font-size:1.2rem!important}
.auth-feature strong{
  display:block!important;
  color:#ffffff!important;
  font-size:1.06rem!important;
  line-height:1.25!important;
  margin-bottom:4px!important;
}
.auth-feature p{
  margin:0!important;
  color:rgba(240,246,250,.9)!important;
  line-height:1.65!important;
}

.contact-hero .clean-title{
  font-size:clamp(2.5rem,5.6vw,5.2rem)!important;
  line-height:.95!important;
}
.contact-hero .clean-lead{
  max-width:760px!important;
  font-size:clamp(1.02rem,1.7vw,1.22rem)!important;
}
.contact-hero .clean-visual{
  min-height:300px!important;
  background:
    radial-gradient(circle at 50% 38%, rgba(18,183,106,.16), transparent 26%),
    linear-gradient(145deg, rgba(18,183,106,.10), rgba(255,255,255,.82))!important;
  border:1px solid var(--kg-line)!important;
}
.contact-hero .clean-visual i{
  color:var(--kg-green)!important;
  opacity:1!important;
  text-shadow:0 10px 24px rgba(18,183,106,.16)!important;
}

@media(max-width:980px){
  .auth-side h2{font-size:clamp(1.85rem,8vw,2.8rem)!important}
  .contact-hero .clean-visual{min-height:240px!important}
}


/* === Larger, more beautiful homepage hero lead text === */
.premium-hero-copy .clean-lead{
  font-size: clamp(1.45rem, 2.2vw, 2.05rem) !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #58708f !important;
  max-width: 760px !important;
  margin: 0 0 30px !important;
}
html[data-theme="dark"] .premium-hero-copy .clean-lead,
html.dark .premium-hero-copy .clean-lead{
  color: rgba(221, 232, 242, 0.88) !important;
}
@media (max-width: 1100px){
  .premium-hero-copy .clean-lead{
    font-size: clamp(1.25rem, 2.5vw, 1.7rem) !important;
    line-height: 1.68 !important;
  }
}
@media (max-width: 640px){
  .premium-hero-copy .clean-lead{
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
  }
}


/* === Premium clickable service pills, buttons, and stat cards === */
.premium-service-pills{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin:0 0 24px!important}
.premium-pill{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:12px 18px!important;border-radius:999px!important;text-decoration:none!important;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(242,250,246,.96))!important;border:1px solid var(--kg-line)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;color:var(--kg-text)!important;font-weight:900!important;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important}
html[data-theme="dark"] .premium-pill, html.dark .premium-pill{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03))!important}
.premium-pill:hover{transform:translateY(-3px)!important;box-shadow:0 18px 34px rgba(18,183,106,.15)!important;border-color:rgba(18,183,106,.32)!important}
.pill-icon{width:40px!important;height:40px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--kg-green),var(--kg-green2))!important;color:#fff!important;box-shadow:0 12px 24px rgba(18,183,106,.24)!important;flex:0 0 40px!important}
.pill-icon i{font-size:1rem!important;color:#fff!important}
.pill-label{font-size:1.02rem!important;line-height:1!important}
.hero-action-buttons{gap:16px!important;margin:4px 0 22px!important}
.premium-cta-btn{position:relative!important;min-width:250px!important;min-height:78px!important;padding:16px 24px!important;border-radius:999px!important;font-size:1.05rem!important;font-weight:950!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important;transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important}
.premium-cta-btn:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 22px 42px rgba(15,23,42,.14)!important;filter:saturate(1.02)!important}
.btn-icon-wrap{width:40px!important;height:40px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;flex:0 0 40px!important}
.premium-cta-alt .btn-icon-wrap{background:rgba(18,183,106,.10)!important}
.premium-cta-btn i{font-size:1rem!important}
.premium-cta-alt{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,250,247,.94))!important;border:1px solid var(--kg-line)!important}
html[data-theme="dark"] .premium-cta-alt, html.dark .premium-cta-alt{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important}
.premium-hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:4px!important}
.hero-stat-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;text-decoration:none!important;padding:18px 18px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(245,251,248,.95),rgba(235,246,241,.96))!important;border:1px solid var(--kg-line)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;color:var(--kg-text)!important;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important}
html[data-theme="dark"] .hero-stat-card, html.dark .hero-stat-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.03))!important}
.hero-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 32px rgba(18,183,106,.13)!important;border-color:rgba(18,183,106,.28)!important}
.stat-icon{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--kg-green),var(--kg-green2))!important;color:#fff!important;box-shadow:0 14px 28px rgba(18,183,106,.22)!important}
.stat-icon i{font-size:1.05rem!important;color:#fff!important}
.hero-stat-card strong{display:block!important;margin:0!important;font-size:1.02rem!important;color:var(--kg-text)!important}
.hero-stat-card span:last-child{display:block!important;font-size:.97rem!important;line-height:1.58!important;color:var(--kg-muted)!important}
@media(max-width:980px){.premium-cta-btn{min-width:220px!important;min-height:72px!important}.premium-hero-stats{grid-template-columns:1fr 1fr 1fr!important}}
@media(max-width:700px){.premium-service-pills{gap:10px!important}.premium-pill{width:calc(50% - 5px)!important;justify-content:flex-start!important;padding:10px 12px!important}.pill-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.premium-cta-btn{width:100%!important;min-width:0!important;min-height:64px!important;padding:14px 18px!important}.premium-hero-stats{grid-template-columns:1fr!important}.hero-stat-card{padding:16px!important}}


/* === Homepage service pills + hero stats refinement === */
.hero-brand-banner-card,
.hero-brand-wordmark,
.hero-brand-tagline,
.hero-brand-subline,
.premium-hero-copy,
.premium-service-pills,
.premium-service-pills * ,
.hero-action-buttons,
.hero-action-buttons *,
.premium-hero-stats,
.premium-hero-stats *{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.premium-service-pills{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:860px !important;
  margin:0 0 24px !important;
}
.premium-pill{
  min-height:84px !important;
  width:100% !important;
  justify-content:flex-start !important;
  align-items:center !important;
  padding:14px 18px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(246,252,249,.98), rgba(237,248,243,.96)) !important;
  border:1px solid rgba(18,183,106,.14) !important;
  box-shadow:0 16px 36px rgba(16,24,40,.08) !important;
}
html[data-theme="dark"] .premium-pill,
html.dark .premium-pill{
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.premium-pill:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(18,183,106,.35) !important;
  box-shadow:0 22px 42px rgba(18,183,106,.16) !important;
}
.pill-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  flex:0 0 46px !important;
  background:linear-gradient(135deg, var(--kg-green), var(--kg-green2)) !important;
  box-shadow:0 12px 26px rgba(18,183,106,.24) !important;
}
.pill-icon i{
  font-size:1.08rem !important;
  color:#fff !important;
}
.pill-label{
  font-size:1.15rem !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:var(--kg-text) !important;
}

.hero-action-buttons{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
  max-width:760px !important;
  width:100% !important;
}
.premium-cta-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:78px !important;
  border-radius:26px !important;
}
.premium-cta-btn span:last-child{
  font-size:1.02rem !important;
  font-weight:900 !important;
}

.premium-hero-stats{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  max-width:960px !important;
  margin-top:8px !important;
}
.hero-stat-card{
  min-height:170px !important;
  border-radius:26px !important;
  padding:22px 20px 20px !important;
  background:linear-gradient(135deg, rgba(245,251,248,.98), rgba(237,247,242,.96)) !important;
  border:1px solid rgba(18,183,106,.12) !important;
  box-shadow:0 16px 36px rgba(16,24,40,.07) !important;
}
html[data-theme="dark"] .hero-stat-card,
html.dark .hero-stat-card{
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
}
.hero-stat-card strong{
  font-size:1.05rem !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}
.hero-stat-card span:last-child{
  font-size:1rem !important;
  line-height:1.6 !important;
}

@media (max-width: 1100px){
  .premium-service-pills{grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:12px !important;}
  .premium-pill{padding:12px 14px !important; min-height:78px !important;}
  .pill-label{font-size:1.02rem !important;}
}
@media (max-width: 860px){
  .premium-service-pills{grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:10px !important;}
  .premium-pill{padding:10px 12px !important; min-height:72px !important; border-radius:20px !important;}
  .pill-icon{width:40px !important; height:40px !important; flex-basis:40px !important; border-radius:14px !important;}
  .pill-label{font-size:.98rem !important;}
  .hero-action-buttons{grid-template-columns:1fr 1fr !important;}
}
@media (max-width: 700px){
  .premium-service-pills{grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:8px !important;}
  .premium-pill{width:100% !important; justify-content:center !important; padding:10px 8px !important; min-height:68px !important; gap:8px !important;}
  .pill-icon{width:34px !important; height:34px !important; flex-basis:34px !important; border-radius:12px !important;}
  .pill-icon i{font-size:.9rem !important;}
  .pill-label{font-size:.92rem !important;}
  .hero-action-buttons{grid-template-columns:1fr !important; gap:14px !important;}
  .premium-hero-stats{grid-template-columns:1fr !important; gap:14px !important;}
}
@media (max-width: 480px){
  .premium-service-pills{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}


/* === Final homepage hero redesign fix === */
.brand-applied-hero{
  padding-top: 28px !important;
  padding-bottom: 42px !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(18,183,106,.08), transparent 26%),
    radial-gradient(circle at 92% 90%, rgba(18,183,106,.08), transparent 24%),
    linear-gradient(180deg, #f7faf8 0%, #f3f7f6 100%) !important;
}
html[data-theme="dark"] .brand-applied-hero,
html.dark .brand-applied-hero{
  background:
    radial-gradient(circle at 8% 12%, rgba(18,183,106,.10), transparent 26%),
    radial-gradient(circle at 92% 90%, rgba(18,183,106,.10), transparent 24%),
    linear-gradient(180deg, #081411 0%, #091815 100%) !important;
}
.premium-home-hero{
  grid-template-columns: minmax(0, 1fr) minmax(340px, .76fr) !important;
  gap: 26px 34px !important;
  padding: 28px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  align-items: start !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,250,247,.92)) !important;
  border: 1px solid rgba(18,183,106,.08) !important;
  box-shadow: 0 20px 55px rgba(15,23,42,.08) !important;
}
html[data-theme="dark"] .premium-home-hero,
html.dark .premium-home-hero{
  background: linear-gradient(135deg, rgba(10,24,20,.96), rgba(9,21,18,.92)) !important;
  border-color: rgba(255,255,255,.06) !important;
}
.premium-hero-copy{
  padding-top: 4px !important;
}
.hero-brand-banner-card{
  border-radius: 28px !important;
  padding: 24px 26px !important;
  background: linear-gradient(135deg, #051813 0%, #08211b 55%, #0b2b21 100%) !important;
  box-shadow: 0 24px 65px rgba(1,15,10,.24) !important;
}
.hero-brand-wordmark{
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}
.hero-brand-tagline,
.hero-brand-subline,
.premium-hero-copy,
.premium-hero-copy .clean-lead,
.premium-service-pills,
.pill-label,
.hero-action-buttons,
.hero-stat-card,
.hero-stat-card strong,
.hero-stat-card span{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.premium-hero-copy .clean-lead{
  font-size: clamp(1.28rem, 1.9vw, 1.75rem) !important;
  line-height: 1.72 !important;
  color: #5d7290 !important;
  letter-spacing: -.02em !important;
  max-width: 700px !important;
  margin: 0 0 26px !important;
}
html[data-theme="dark"] .premium-hero-copy .clean-lead,
html.dark .premium-hero-copy .clean-lead{
  color: rgba(226,235,242,.88) !important;
}

/* restore proper icon font */
.premium-service-pills i,
.pill-icon i,
.hero-action-buttons i,
.btn-icon-wrap i,
.premium-hero-stats i,
.stat-icon i{
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
  speak: none !important;
}

.premium-service-pills{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 840px !important;
  margin: 0 0 24px !important;
}
.premium-pill{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 84px !important;
  padding: 12px 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,248,244,.96)) !important;
  border: 1px solid rgba(18,183,106,.10) !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.07) !important;
}
.premium-pill:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 36px rgba(18,183,106,.16) !important;
  border-color: rgba(18,183,106,.28) !important;
}
html[data-theme="dark"] .premium-pill,
html.dark .premium-pill{
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.pill-icon{
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, var(--kg-green), var(--kg-green2)) !important;
  box-shadow: 0 14px 28px rgba(18,183,106,.24) !important;
}
.pill-icon i{font-size: 1.08rem !important; color: #fff !important;}
.pill-label{
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #0f1f38 !important;
  letter-spacing: -.02em !important;
}
html[data-theme="dark"] .pill-label,
html.dark .pill-label{color: #f2f7fb !important;}

.hero-action-buttons{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 2px 0 24px !important;
}
.premium-cta-btn{
  width: 100% !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 14px 20px !important;
  border-radius: 24px !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.08rem !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 16px 34px rgba(15,23,42,.08) !important;
}
.premium-cta-btn:hover{transform: translateY(-4px) !important;}
.premium-cta-btn.btn-green{
  background: linear-gradient(135deg, #18b76a, #0fa95f) !important;
}
.premium-cta-alt{
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,249,247,.96)) !important;
  border: 1px solid rgba(18,183,106,.10) !important;
}
html[data-theme="dark"] .premium-cta-alt,
html.dark .premium-cta-alt{
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.btn-icon-wrap{
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.16) !important;
}
.premium-cta-alt .btn-icon-wrap{background: rgba(18,183,106,.10) !important;}
.btn-icon-wrap i{font-size: 1rem !important; color: currentColor !important;}

.premium-hero-stats{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 18px !important;
  margin-top: 4px !important;
}
.hero-stat-card{
  min-height: 176px !important;
  padding: 22px 20px 18px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(248,252,250,.98), rgba(238,247,242,.96)) !important;
  border: 1px solid rgba(18,183,106,.10) !important;
  box-shadow: 0 14px 32px rgba(15,23,42,.07) !important;
}
.hero-stat-card:hover{transform: translateY(-4px) !important;}
html[data-theme="dark"] .hero-stat-card,
html.dark .hero-stat-card{
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border-color: rgba(255,255,255,.07) !important;
}
.stat-icon{
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--kg-green), var(--kg-green2)) !important;
  box-shadow: 0 14px 28px rgba(18,183,106,.22) !important;
}
.stat-icon i{font-size: 1.08rem !important; color: #fff !important;}
.hero-stat-card strong{
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  color: #0f1f38 !important;
  letter-spacing: -.02em !important;
}
.hero-stat-card span:last-child{
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #637894 !important;
}
html[data-theme="dark"] .hero-stat-card strong,
html.dark .hero-stat-card strong{color: #f5f9fb !important;}
html[data-theme="dark"] .hero-stat-card span:last-child,
html.dark .hero-stat-card span:last-child{color: rgba(227,235,242,.82) !important;}

.premium-hero-visual{
  align-self: start !important;
  justify-content: center !important;
  padding-top: 2px !important;
}
.premium-device-full{
  width: min(100%, 400px) !important;
  filter: drop-shadow(0 24px 46px rgba(0,0,0,.18)) !important;
}

@media (max-width: 1100px){
  .premium-home-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr) !important;}
  .premium-service-pills{gap: 12px !important;}
  .premium-pill{min-height: 78px !important;}
  .pill-label{font-size: 1rem !important;}
}
@media (max-width: 980px){
  .premium-home-hero{grid-template-columns:1fr !important; grid-template-areas:"brand" "copy" "visual" !important;}
  .hero-action-buttons{grid-template-columns:1fr 1fr !important;}
  .premium-hero-stats{grid-template-columns:1fr 1fr 1fr !important;}
  .premium-device-full{width:min(100%, 430px) !important;}
}
@media (max-width: 700px){
  .premium-home-hero{padding: 18px !important;}
  .hero-brand-banner-card{padding: 18px 16px !important;}
  .premium-hero-copy .clean-lead{font-size: 1.12rem !important; line-height:1.65 !important;}
  .premium-service-pills{grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px !important;}
  .premium-pill{min-height: 68px !important; padding: 8px 8px !important; justify-content: center !important; gap: 8px !important; border-radius: 18px !important;}
  .pill-icon{width: 34px !important; height: 34px !important; flex-basis: 34px !important; border-radius: 12px !important;}
  .pill-icon i{font-size: .88rem !important;}
  .pill-label{font-size: .92rem !important;}
  .hero-action-buttons{grid-template-columns:1fr !important;}
  .premium-hero-stats{grid-template-columns:1fr !important;}
}
@media (max-width: 480px){
  .premium-service-pills{grid-template-columns: repeat(2, minmax(0,1fr)) !important;}
}


/* === Hero highlights row matching latest requested style === */
.premium-hero-highlights{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:6px !important;
  width:100% !important;
  max-width:1120px !important;
}
.hero-highlight-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  min-height:108px !important;
  padding:18px 20px !important;
  text-decoration:none !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,250,247,.97)) !important;
  border:1px solid rgba(18,183,106,.10) !important;
  box-shadow:0 16px 36px rgba(15,23,42,.07) !important;
  color:#0d1d36 !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.hero-highlight-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 42px rgba(18,183,106,.16) !important;
  border-color:rgba(18,183,106,.28) !important;
}
html[data-theme="dark"] .hero-highlight-card,
html.dark .hero-highlight-card{
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#f5f9fb !important;
}
.highlight-icon{
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:rgba(18,183,106,.08) !important;
  color:var(--kg-green) !important;
}
.highlight-icon i{
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:1.35rem !important;
  line-height:1 !important;
  color:var(--kg-green) !important;
}
.hero-highlight-card strong{
  display:block !important;
  margin:0 !important;
  font-family:Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  color:inherit !important;
}
@media (max-width:1100px){
  .premium-hero-highlights{gap:14px !important;}
  .hero-highlight-card{min-height:96px !important;padding:16px 16px !important;gap:12px !important;}
  .hero-highlight-card strong{font-size:.98rem !important;}
}
@media (max-width:980px){
  .premium-hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:700px){
  .premium-hero-highlights{grid-template-columns:1fr !important;gap:12px !important;}
  .hero-highlight-card{min-height:82px !important;justify-content:flex-start !important;padding:14px 16px !important;border-radius:24px !important;}
  .highlight-icon{width:42px !important;height:42px !important;flex-basis:42px !important;border-radius:14px !important;}
  .highlight-icon i{font-size:1.1rem !important;}
}


/* === Refined hero typography and app-style service icons === */
.premium-hero-copy .clean-lead{
  max-width: 700px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(1.18rem, 1.55vw, 1.48rem) !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  color: #607694 !important;
  margin: 0 0 24px !important;
}
html[data-theme="dark"] .premium-hero-copy .clean-lead,
html.dark .premium-hero-copy .clean-lead{color: rgba(226,235,242,.86) !important;}

.app-style-pills{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 16px !important;
  max-width: 880px !important;
}
.premium-app-pill{
  min-height: 148px !important;
  padding: 16px 14px 14px !important;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 70% 18%, rgba(18,183,106,.22), transparent 32%),
    linear-gradient(160deg, #071b2a 0%, #0b2635 46%, #0c2d28 100%) !important;
  border: 1px solid rgba(35, 226, 175, .30) !important;
  box-shadow: 0 18px 36px rgba(4,18,28,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.premium-app-pill:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 46px rgba(4,18,28,.24), 0 0 0 1px rgba(28,220,145,.16) inset !important;
}
.pill-graphic-wrap{
  width: 100% !important;
  min-height: 82px !important;
  display: grid !important;
  place-items: center !important;
}
.pill-graphic{
  width: 92px !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.24)) !important;
}
.premium-app-pill .pill-label{
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  color: #f7fbff !important;
  letter-spacing: -0.02em !important;
}

@media (max-width: 980px){
  .app-style-pills{grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 12px !important;}
  .premium-app-pill{min-height: 136px !important; border-radius: 24px !important;}
  .pill-graphic{width: 78px !important;}
  .premium-app-pill .pill-label{font-size: 1rem !important;}
}
@media (max-width: 700px){
  .app-style-pills{grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important;}
  .premium-app-pill{min-height: 126px !important; padding: 14px 10px !important;}
  .pill-graphic-wrap{min-height: 74px !important;}
  .pill-graphic{width: 72px !important;}
  .premium-app-pill .pill-label{font-size: .98rem !important;}
}


/* === Mobile deploy fix: visible header + balanced footer === */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
header.site-header[data-kassgo-shell="header"],.site-header[data-kassgo-shell="header"]{
  display:block!important;visibility:visible!important;opacity:1!important;position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important;transform:none!important;pointer-events:auto!important;
  background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(15,23,42,.08)!important
}
html[data-theme="dark"] header.site-header[data-kassgo-shell="header"],html.dark header.site-header[data-kassgo-shell="header"]{background:rgba(5,17,13,.94)!important;border-bottom-color:rgba(255,255,255,.08)!important}
.site-header[data-kassgo-shell="header"] .site-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:72px!important;padding:10px 0!important}
.site-header[data-kassgo-shell="header"] .site-logo{display:flex!important;align-items:center!important;text-decoration:none!important;min-width:0!important}
.site-header[data-kassgo-shell="header"] .site-logo-wordmark{display:inline-block!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(1.55rem,4.6vw,2.25rem)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;color:#111827!important;white-space:nowrap!important}
.site-header[data-kassgo-shell="header"] .site-logo-wordmark span{color:var(--kg-green)!important}
html[data-theme="dark"] .site-header[data-kassgo-shell="header"] .site-logo-wordmark,html.dark .site-header[data-kassgo-shell="header"] .site-logo-wordmark{color:#fff!important}

@media(max-width:900px){
  .site-header[data-kassgo-shell="header"] .container{width:min(100% - 24px,1180px)!important;margin-inline:auto!important}
  .site-header[data-kassgo-shell="header"] .site-nav{display:none!important}
  .site-header[data-kassgo-shell="header"] .site-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-left:auto!important}
  .site-header[data-kassgo-shell="header"] .theme-toggle,.site-header[data-kassgo-shell="header"] .site-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:999px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#fff!important;border:1px solid rgba(15,23,42,.10)!important;color:#111827!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
  html[data-theme="dark"] .site-header[data-kassgo-shell="header"] .theme-toggle,html[data-theme="dark"] .site-header[data-kassgo-shell="header"] .site-menu-btn,html.dark .site-header[data-kassgo-shell="header"] .theme-toggle,html.dark .site-header[data-kassgo-shell="header"] .site-menu-btn{background:#0b1f19!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
  .site-header[data-kassgo-shell="header"] .site-menu-btn i,.site-header[data-kassgo-shell="header"] .theme-toggle i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:1.25rem!important;line-height:1!important}
  .site-mobile-nav{display:none!important;position:fixed!important;top:72px!important;left:0!important;right:0!important;z-index:99998!important;max-height:calc(100vh - 72px)!important;overflow:auto!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 22px 45px rgba(15,23,42,.12)!important}
  .site-mobile-nav.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  html[data-theme="dark"] .site-mobile-nav,html.dark .site-mobile-nav{background:rgba(5,17,13,.98)!important;border-bottom-color:rgba(255,255,255,.08)!important}
  .site-mobile-nav .container{width:min(100% - 28px,620px)!important;margin-inline:auto!important;padding:14px 0 18px!important}
  .site-mobile-nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:15px 4px!important;text-decoration:none!important;color:#111827!important;border-bottom:1px solid rgba(15,23,42,.08)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:900!important}
  html[data-theme="dark"] .site-mobile-nav a,html.dark .site-mobile-nav a{color:#f8fafc!important;border-bottom-color:rgba(255,255,255,.08)!important}
}
@media(min-width:901px){.site-header[data-kassgo-shell="header"] .site-menu-btn{display:none!important}}

footer.production-footer[data-kassgo-shell="footer"],.production-footer[data-kassgo-shell="footer"]{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;overflow:hidden!important;margin-top:56px!important}
@media(max-width:760px){
  .production-footer[data-kassgo-shell="footer"]{padding:44px 0 24px!important;text-align:center!important;background:radial-gradient(circle at 50% 0%,rgba(18,183,106,.18),transparent 34%),linear-gradient(180deg,#06140d 0%,#04100b 100%)!important}
  .production-footer[data-kassgo-shell="footer"] .container{width:min(100% - 28px,620px)!important;margin-inline:auto!important;padding-inline:0!important}
  .production-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;text-align:center!important;justify-items:center!important;align-items:start!important}
  .production-footer-grid>*{width:100%!important;max-width:440px!important;margin-inline:auto!important;text-align:center!important}
  .production-footer h2{font-size:clamp(2.5rem,12vw,3.35rem)!important;line-height:.95!important;margin:0 0 14px!important;text-align:center!important;letter-spacing:-.055em!important}
  .production-footer h3{font-size:1.45rem!important;line-height:1.15!important;margin:0 0 12px!important;text-align:center!important}
  .production-footer p{max-width:360px!important;margin:0 auto!important;text-align:center!important;font-size:1rem!important;line-height:1.65!important}
  .production-footer a{width:max-content!important;max-width:100%!important;margin-inline:auto!important;justify-content:center!important;text-align:center!important;padding:7px 0!important}
  .production-footer .official-socials{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin:22px auto 0!important;width:100%!important}
  .production-footer .official-socials .social-circle{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
  .production-footer .official-socials svg,.production-footer .official-socials i{width:24px!important;height:24px!important;font-size:24px!important}
  .production-footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;padding-top:22px!important;margin-top:26px!important;font-size:.95rem!important}
  .production-footer-bottom span,.production-footer-bottom a{display:inline!important;width:auto!important;margin:0!important;padding:0!important;text-align:center!important}
}